chore: v11 TextArea

`cols` no longer has a defaults to 50 but remains at 100% width by default.

Author: gregorw

COMPONENT_INDEX.md

@@ -4027,7 +4027,7 @@ None.
 | ref         | No       | <code>let</code> | Yes      | <code>null &#124; HTMLTextAreaElement</code> | <code>null</code>                                | Obtain a reference to the textarea HTML element |
 | value       | No       | <code>let</code> | Yes      | <code>string</code>                          | <code>""</code>                                  | Specify the textarea value                      |
 | placeholder | No       | <code>let</code> | No       | <code>string</code>                          | <code>""</code>                                  | Specify the placeholder text                    |
-| cols        | No       | <code>let</code> | No       | <code>number</code>                          | <code>50</code>                                  | Specify the number of cols                      |
+| cols        | No       | <code>let</code> | No       | <code>number</code>                          | <code>undefined</code>                           | Specify the number of cols                      |
 | rows        | No       | <code>let</code> | No       | <code>number</code>                          | <code>4</code>                                   | Specify the number of rows                      |
 | maxCount    | No       | <code>let</code> | No       | <code>number</code>                          | <code>undefined</code>                           | Specify the max character count                 |
 | light       | No       | <code>let</code> | No       | <code>boolean</code>                         | <code>false</code>                               | Set to `true` to enable the light variant       |

docs/src/COMPONENT_API.json

@@ -12290,7 +12290,6 @@
           "kind": "let",
           "description": "Specify the number of cols",
           "type": "number",
-          "value": "50",
           "isFunction": false,
           "isFunctionDeclaration": false,
           "isRequired": false,

src/TextArea/TextArea.svelte

@@ -5,8 +5,11 @@
   /** Specify the placeholder text */
   export let placeholder = "";
 
-  /** Specify the number of cols */
-  export let cols = 50;
+  /**
+   * Specify the number of cols
+   * @type {number}
+   * */
+  export let cols = undefined;
 
   /** Specify the number of rows */
   export let rows = 4;
@@ -109,6 +112,7 @@
       class:bx--text-area--light="{light}"
       class:bx--text-area--invalid="{invalid}"
       maxlength="{maxCount ?? undefined}"
+      style="{cols ? '' : 'width: 100%;'}"
       {...$$restProps}
       on:change
       on:input

types/TextArea/TextArea.svelte.d.ts

@@ -17,7 +17,7 @@ export interface TextAreaProps
 
   /**
    * Specify the number of cols
-   * @default 50
+   * @default undefined
    */
   cols?: number;