@cloudscape-design/components-themeable 3.0.1341 → 3.0.1343

package/lib/internal/template/textarea/interfaces.d.ts

@@ -11,6 +11,17 @@ export interface TextareaProps extends Omit<BaseInputProps, 'nativeInputAttribut
      * Specifies the number of lines of text to set the height to.
      */
     rows?: number;
+    /**
+     * Specifies the directions in which the user can resize the textarea:
+     *
+     * * `both` (default) - The user can change both the width and the height.
+     * * `vertical` - The user can only change the height. Use this when the textarea
+     *   is next to other content that a width change would disrupt.
+     * * `horizontal` - The user can only change the width.
+     * * `none` - The user can't resize the textarea. Longer content scrolls instead.
+     *   Consider using the `rows` property to make the initial height fit the expected content.
+     */
+    resize?: TextareaProps.Resize;
     /**
      * Specifies whether to disable browser spellcheck feature.
      * If you set this to `true`, it disables native browser capability
@@ -41,6 +52,7 @@ export interface TextareaProps extends Omit<BaseInputProps, 'nativeInputAttribut
 }
 export declare namespace TextareaProps {
     type KeyDetail = BaseKeyDetail;
+    type Resize = 'both' | 'horizontal' | 'vertical' | 'none';
     interface ChangeDetail {
         /**
          * The new value of this textarea.

package/lib/internal/template/textarea/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/textarea/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,eAAe,EAChB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,+BAA+B,EAAE,MAAM,qBAAqB,CAAC;AACtE;;GAEG;AACH,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,cAAc,EAAE,uBAAuB,CAAC,EACnD,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EAClB,+BAA+B;IACjC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;;;;;OAQG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IAEnC;;;;;;;;;OASG;IACH,wBAAwB,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE/F;;;;OAIG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC;CAC7B;AAED,yBAAiB,aAAa,CAAC;IAC7B,KAAY,SAAS,GAAG,aAAa,CAAC;IAEtC,UAAiB,YAAY;QAC3B;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;KACf;IACD,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;IAED,UAAiB,KAAK;QACpB,IAAI,CAAC,EAAE;YACL,eAAe,CAAC,EAAE;gBAChB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;YACF,WAAW,CAAC,EAAE;gBACZ,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;YACF,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,SAAS,CAAC,EAAE;gBACV,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;YACF,KAAK,CAAC,EAAE;gBACN,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;YACF,QAAQ,CAAC,EAAE,MAAM,CAAC;YAClB,UAAU,CAAC,EAAE,MAAM,CAAC;YACpB,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB,CAAC;QACF,WAAW,CAAC,EAAE;YACZ,KAAK,CAAC,EAAE,MAAM,CAAC;YACf,QAAQ,CAAC,EAAE,MAAM,CAAC;YAClB,SAAS,CAAC,EAAE,MAAM,CAAC;YACnB,UAAU,CAAC,EAAE,MAAM,CAAC;SACrB,CAAC;KACH;CACF"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/textarea/interfaces.ts"],"names":[],"mappings":"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"}

package/lib/internal/template/textarea/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/textarea/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport {\n  BaseInputProps,\n  InputAutoComplete,\n  InputAutoCorrect,\n  InputKeyEvents,\n  InputSpellcheck,\n} from '../input/interfaces';\nimport { BaseComponentProps } from '../types/base-component';\nimport { BaseKeyDetail } from '../types/events';\nimport { FormFieldValidationControlProps } from '../types/form-field';\n/**\n * @awsuiSystem core\n */\nimport { NativeAttributes } from '../types/native-attributes';\n\nexport interface TextareaProps\n  extends Omit<BaseInputProps, 'nativeInputAttributes'>,\n    InputKeyEvents,\n    InputAutoCorrect,\n    InputAutoComplete,\n    InputSpellcheck,\n    BaseComponentProps,\n    FormFieldValidationControlProps {\n  /**\n   * Specifies the number of lines of text to set the height to.\n   */\n  rows?: number;\n\n  /**\n   * Specifies whether to disable browser spellcheck feature.\n   * If you set this to `true`, it disables native browser capability\n   * that checks for spelling/grammar errors.\n   * If you don't set it, the behavior follows the default behavior\n   * of the user's browser.\n   *\n   * @deprecated Use the `spellcheck` property instead.\n   */\n  disableBrowserSpellcheck?: boolean;\n\n  /**\n   * Attributes to add to the native `textarea` element.\n   * Some attributes will be automatically combined with internal attribute values:\n   * - `className` will be appended.\n   * - Event handlers will be chained, unless the default is prevented.\n   *\n   * We do not support using this attribute to apply custom styling.\n   *\n   * @awsuiSystem core\n   */\n  nativeTextareaAttributes?: NativeAttributes<React.TextareaHTMLAttributes<HTMLTextAreaElement>>;\n\n  /**\n   * An object containing CSS properties to customize the textarea's visual appearance.\n   * Refer to the [style](/components/textarea/?tabId=style) tab for more details.\n   * @awsuiSystem core\n   */\n  style?: TextareaProps.Style;\n}\n\nexport namespace TextareaProps {\n  export type KeyDetail = BaseKeyDetail;\n\n  export interface ChangeDetail {\n    /**\n     * The new value of this textarea.\n     */\n    value: string;\n  }\n  export interface Ref {\n    /**\n     * Sets input focus on the textarea control.\n     */\n    focus(): void;\n  }\n\n  export interface Style {\n    root?: {\n      backgroundColor?: {\n        default?: string;\n        disabled?: string;\n        focus?: string;\n        hover?: string;\n        readonly?: string;\n      };\n      borderColor?: {\n        default?: string;\n        disabled?: string;\n        focus?: string;\n        hover?: string;\n        readonly?: string;\n      };\n      borderRadius?: string;\n      borderWidth?: string;\n      boxShadow?: {\n        default?: string;\n        disabled?: string;\n        focus?: string;\n        hover?: string;\n        readonly?: string;\n      };\n      color?: {\n        default?: string;\n        disabled?: string;\n        focus?: string;\n        hover?: string;\n        readonly?: string;\n      };\n      fontSize?: string;\n      fontWeight?: string;\n      paddingBlock?: string;\n      paddingInline?: string;\n    };\n    placeholder?: {\n      color?: string;\n      fontSize?: string;\n      fontStyle?: string;\n      fontWeight?: string;\n    };\n  }\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/textarea/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport {\n  BaseInputProps,\n  InputAutoComplete,\n  InputAutoCorrect,\n  InputKeyEvents,\n  InputSpellcheck,\n} from '../input/interfaces';\nimport { BaseComponentProps } from '../types/base-component';\nimport { BaseKeyDetail } from '../types/events';\nimport { FormFieldValidationControlProps } from '../types/form-field';\n/**\n * @awsuiSystem core\n */\nimport { NativeAttributes } from '../types/native-attributes';\n\nexport interface TextareaProps\n  extends Omit<BaseInputProps, 'nativeInputAttributes'>,\n    InputKeyEvents,\n    InputAutoCorrect,\n    InputAutoComplete,\n    InputSpellcheck,\n    BaseComponentProps,\n    FormFieldValidationControlProps {\n  /**\n   * Specifies the number of lines of text to set the height to.\n   */\n  rows?: number;\n\n  /**\n   * Specifies the directions in which the user can resize the textarea:\n   *\n   * * `both` (default) - The user can change both the width and the height.\n   * * `vertical` - The user can only change the height. Use this when the textarea\n   *   is next to other content that a width change would disrupt.\n   * * `horizontal` - The user can only change the width.\n   * * `none` - The user can't resize the textarea. Longer content scrolls instead.\n   *   Consider using the `rows` property to make the initial height fit the expected content.\n   */\n  resize?: TextareaProps.Resize;\n\n  /**\n   * Specifies whether to disable browser spellcheck feature.\n   * If you set this to `true`, it disables native browser capability\n   * that checks for spelling/grammar errors.\n   * If you don't set it, the behavior follows the default behavior\n   * of the user's browser.\n   *\n   * @deprecated Use the `spellcheck` property instead.\n   */\n  disableBrowserSpellcheck?: boolean;\n\n  /**\n   * Attributes to add to the native `textarea` element.\n   * Some attributes will be automatically combined with internal attribute values:\n   * - `className` will be appended.\n   * - Event handlers will be chained, unless the default is prevented.\n   *\n   * We do not support using this attribute to apply custom styling.\n   *\n   * @awsuiSystem core\n   */\n  nativeTextareaAttributes?: NativeAttributes<React.TextareaHTMLAttributes<HTMLTextAreaElement>>;\n\n  /**\n   * An object containing CSS properties to customize the textarea's visual appearance.\n   * Refer to the [style](/components/textarea/?tabId=style) tab for more details.\n   * @awsuiSystem core\n   */\n  style?: TextareaProps.Style;\n}\n\nexport namespace TextareaProps {\n  export type KeyDetail = BaseKeyDetail;\n\n  export type Resize = 'both' | 'horizontal' | 'vertical' | 'none';\n\n  export interface ChangeDetail {\n    /**\n     * The new value of this textarea.\n     */\n    value: string;\n  }\n  export interface Ref {\n    /**\n     * Sets input focus on the textarea control.\n     */\n    focus(): void;\n  }\n\n  export interface Style {\n    root?: {\n      backgroundColor?: {\n        default?: string;\n        disabled?: string;\n        focus?: string;\n        hover?: string;\n        readonly?: string;\n      };\n      borderColor?: {\n        default?: string;\n        disabled?: string;\n        focus?: string;\n        hover?: string;\n        readonly?: string;\n      };\n      borderRadius?: string;\n      borderWidth?: string;\n      boxShadow?: {\n        default?: string;\n        disabled?: string;\n        focus?: string;\n        hover?: string;\n        readonly?: string;\n      };\n      color?: {\n        default?: string;\n        disabled?: string;\n        focus?: string;\n        hover?: string;\n        readonly?: string;\n      };\n      fontSize?: string;\n      fontWeight?: string;\n      paddingBlock?: string;\n      paddingInline?: string;\n    };\n    placeholder?: {\n      color?: string;\n      fontSize?: string;\n      fontStyle?: string;\n      fontWeight?: string;\n    };\n  }\n}\n"]}

package/lib/internal/template/textarea/styles.css.js

@@ -1,10 +1,14 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_qk1j1_4dkte_145",
-  "textarea": "awsui_textarea_qk1j1_4dkte_149",
-  "textarea-readonly": "awsui_textarea-readonly_qk1j1_4dkte_206",
-  "textarea-invalid": "awsui_textarea-invalid_qk1j1_4dkte_247",
-  "textarea-warning": "awsui_textarea-warning_qk1j1_4dkte_256"
+  "root": "awsui_root_qk1j1_mvsj6_145",
+  "textarea": "awsui_textarea_qk1j1_mvsj6_149",
+  "textarea-resize-both": "awsui_textarea-resize-both_qk1j1_mvsj6_200",
+  "textarea-resize-horizontal": "awsui_textarea-resize-horizontal_qk1j1_mvsj6_203",
+  "textarea-resize-vertical": "awsui_textarea-resize-vertical_qk1j1_mvsj6_206",
+  "textarea-resize-none": "awsui_textarea-resize-none_qk1j1_mvsj6_209",
+  "textarea-readonly": "awsui_textarea-readonly_qk1j1_mvsj6_218",
+  "textarea-invalid": "awsui_textarea-invalid_qk1j1_mvsj6_259",
+  "textarea-warning": "awsui_textarea-warning_qk1j1_mvsj6_268"
 };
   

package/lib/internal/template/textarea/styles.scoped.css

@@ -142,11 +142,11 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_qk1j1_4dkte_145:not(#\9) {
+.awsui_root_qk1j1_mvsj6_145:not(#\9) {
   /* used for test-utils */
 }
 
-.awsui_textarea_qk1j1_4dkte_149:not(#\9) {
+.awsui_textarea_qk1j1_mvsj6_149:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -176,7 +176,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-family: var(--font-family-base-c9u5cr, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
-  resize: auto;
+  resize: both;
   cursor: text;
   white-space: pre-wrap;
   padding-block: var(--space-field-vertical-dgs6s0, 4px);
@@ -197,27 +197,39 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-size: var(--font-size-body-m-tq5a14, 14px);
   line-height: var(--line-height-body-m-5xw6xo, 22px);
 }
-.awsui_textarea_qk1j1_4dkte_149:not(#\9):hover {
+.awsui_textarea_qk1j1_mvsj6_149.awsui_textarea-resize-both_qk1j1_mvsj6_200:not(#\9) {
+  resize: both;
+}
+.awsui_textarea_qk1j1_mvsj6_149.awsui_textarea-resize-horizontal_qk1j1_mvsj6_203:not(#\9) {
+  resize: horizontal;
+}
+.awsui_textarea_qk1j1_mvsj6_149.awsui_textarea-resize-vertical_qk1j1_mvsj6_206:not(#\9) {
+  resize: vertical;
+}
+.awsui_textarea_qk1j1_mvsj6_149.awsui_textarea-resize-none_qk1j1_mvsj6_209:not(#\9) {
+  resize: none;
+}
+.awsui_textarea_qk1j1_mvsj6_149:not(#\9):hover {
   border-color: var(--awsui-style-border-color-hover-esndbs, var(--awsui-style-border-color-default-esndbs, var(--color-border-input-default-txli8y, #687078)));
   color: var(--awsui-style-color-hover-esndbs, var(--awsui-style-border-color-default-esndbs, var(--color-text-body-default-5qid0u, #16191f)));
   background-color: var(--awsui-style-background-hover-esndbs, var(--awsui-style-background-default-esndbs, var(--color-background-input-default-1z2buq, #ffffff)));
   box-shadow: var(--awsui-style-box-shadow-hover-esndbs, --awsui-style-box-shadow-default-esndbs);
 }
-.awsui_textarea_qk1j1_4dkte_149.awsui_textarea-readonly_qk1j1_4dkte_206:not(#\9) {
+.awsui_textarea_qk1j1_mvsj6_149.awsui_textarea-readonly_qk1j1_mvsj6_218:not(#\9) {
   background-color: var(--awsui-style-background-readonly-esndbs, var(--awsui-style-background-default-esndbs, var(--color-background-input-default-1z2buq, #ffffff)));
   border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-readonly-esndbs, var(--awsui-style-border-color-default-esndbs, var(--color-border-input-disabled-tz38ro, #eaeded)));
   border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-readonly-esndbs, var(--awsui-style-border-color-default-esndbs, var(--color-border-input-disabled-tz38ro, #eaeded)));
   color: var(--awsui-style-color-readonly-esndbs, var(--awsui-style-color-default-esndbs, var(--color-text-body-default-5qid0u, #16191f)));
   box-shadow: var(--awsui-style-box-shadow-readonly-esndbs);
 }
-.awsui_textarea_qk1j1_4dkte_149:not(#\9)::placeholder {
+.awsui_textarea_qk1j1_mvsj6_149:not(#\9)::placeholder {
   color: var(--awsui-style-placeholder-color-esndbs, var(--color-text-input-placeholder-hvcry0, #687078));
   font-size: var(--awsui-style-placeholder-font-size-esndbs);
   font-style: var(--awsui-style-placeholder-font-style-esndbs, italic);
   font-weight: var(--awsui-style-placeholder-font-weight-esndbs);
   opacity: 1;
 }
-.awsui_textarea_qk1j1_4dkte_149:not(#\9):focus {
+.awsui_textarea_qk1j1_mvsj6_149:not(#\9):focus {
   outline: 2px dotted transparent;
   border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-focus-esndbs, var(--color-border-input-focused-lslq4r, #0073bb));
   border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-focus-esndbs, var(--color-border-input-focused-lslq4r, #0073bb));
@@ -229,10 +241,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--awsui-style-color-focus-esndbs, var(--color-text-body-default-5qid0u, #16191f));
   background-color: var(--awsui-style-background-focus-esndbs, var(--color-background-input-default-1z2buq, #ffffff));
 }
-.awsui_textarea_qk1j1_4dkte_149:not(#\9):invalid {
+.awsui_textarea_qk1j1_mvsj6_149:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_textarea_qk1j1_4dkte_149:not(#\9):disabled {
+.awsui_textarea_qk1j1_mvsj6_149:not(#\9):disabled {
   background-color: var(--awsui-style-background-disabled-esndbs, var(--color-background-input-disabled-4vlau3, #eaeded));
   border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-disabled-esndbs, var(--color-border-input-disabled-tz38ro, #eaeded));
   border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-disabled-esndbs, var(--color-border-input-disabled-tz38ro, #eaeded));
@@ -240,25 +252,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   cursor: default;
   box-shadow: var(--awsui-style-box-shadow-disabled-esndbs);
 }
-.awsui_textarea_qk1j1_4dkte_149:not(#\9):disabled::placeholder {
+.awsui_textarea_qk1j1_mvsj6_149:not(#\9):disabled::placeholder {
   color: var(--color-text-input-placeholder-disabled-x4lauf, #687078);
   opacity: 1;
 }
-.awsui_textarea_qk1j1_4dkte_149.awsui_textarea-invalid_qk1j1_4dkte_247:not(#\9) {
+.awsui_textarea_qk1j1_mvsj6_149.awsui_textarea-invalid_qk1j1_mvsj6_259:not(#\9) {
   color: var(--awsui-style-color-default-esndbs, var(--color-text-status-error-c3at5p, #d13212));
   border-color: var(--awsui-style-border-color-default-esndbs, var(--color-text-status-error-c3at5p, #d13212));
   padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-b183os, 4px) - var(--border-width-field-2365x3, 1px)));
   border-inline-start-width: var(--border-invalid-width-b183os, 4px);
 }
-.awsui_textarea_qk1j1_4dkte_149.awsui_textarea-invalid_qk1j1_4dkte_247:not(#\9):focus {
+.awsui_textarea_qk1j1_mvsj6_149.awsui_textarea-invalid_qk1j1_mvsj6_259:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_textarea_qk1j1_4dkte_149.awsui_textarea-warning_qk1j1_4dkte_256:not(#\9) {
+.awsui_textarea_qk1j1_mvsj6_149.awsui_textarea-warning_qk1j1_mvsj6_268:not(#\9) {
   color: var(--awsui-style-color-default-esndbs, var(--color-text-status-warning-08d9ki, #906806));
   border-color: var(--awsui-style-border-color-default-esndbs, var(--color-text-status-warning-08d9ki, #906806));
   padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-b183os, 4px) - var(--border-width-field-2365x3, 1px)));
   border-inline-start-width: var(--border-invalid-width-b183os, 4px);
 }
-.awsui_textarea_qk1j1_4dkte_149.awsui_textarea-warning_qk1j1_4dkte_256:not(#\9):focus {
+.awsui_textarea_qk1j1_mvsj6_149.awsui_textarea-warning_qk1j1_mvsj6_268:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }

package/lib/internal/template/textarea/styles.selectors.js

@@ -2,10 +2,14 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_qk1j1_4dkte_145",
-  "textarea": "awsui_textarea_qk1j1_4dkte_149",
-  "textarea-readonly": "awsui_textarea-readonly_qk1j1_4dkte_206",
-  "textarea-invalid": "awsui_textarea-invalid_qk1j1_4dkte_247",
-  "textarea-warning": "awsui_textarea-warning_qk1j1_4dkte_256"
+  "root": "awsui_root_qk1j1_mvsj6_145",
+  "textarea": "awsui_textarea_qk1j1_mvsj6_149",
+  "textarea-resize-both": "awsui_textarea-resize-both_qk1j1_mvsj6_200",
+  "textarea-resize-horizontal": "awsui_textarea-resize-horizontal_qk1j1_mvsj6_203",
+  "textarea-resize-vertical": "awsui_textarea-resize-vertical_qk1j1_mvsj6_206",
+  "textarea-resize-none": "awsui_textarea-resize-none_qk1j1_mvsj6_209",
+  "textarea-readonly": "awsui_textarea-readonly_qk1j1_mvsj6_218",
+  "textarea-invalid": "awsui_textarea-invalid_qk1j1_mvsj6_259",
+  "textarea-warning": "awsui_textarea-warning_qk1j1_mvsj6_268"
 };
   

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudscape-design/components-themeable",
-  "version": "3.0.1341",
+  "version": "3.0.1343",
   "files": [
     "lib"
   ],