@cloudscape-design/components-themeable 3.0.1209 → 3.0.1211

package/lib/internal/template/progress-bar/interfaces.d.ts

@@ -69,6 +69,8 @@ export interface ProgressBarProps extends BaseComponentProps {
      */
     onResultButtonClick?: NonCancelableEventHandler;
     /**
+     * An object containing CSS properties to customize the progress bar's visual appearance.
+     * Refer to the [style](/components/progress-bar/?tabId=style) tab for more details.
      * @awsuiSystem core
      */
     style?: ProgressBarProps.Style;

package/lib/internal/template/progress-bar/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/progress-bar/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC;IAEjC;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC;IAEnC;;;;;;OAMG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE9B;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEjC;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,yBAAyB,CAAC;IAEhD;;OAEG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC;CAChC;AAED,yBAAiB,gBAAgB,CAAC;IAChC,KAAY,MAAM,GAAG,aAAa,GAAG,SAAS,GAAG,OAAO,CAAC;IACzD,KAAY,OAAO,GAAG,YAAY,GAAG,OAAO,GAAG,WAAW,CAAC;IAE3D,UAAiB,KAAK;QACpB,WAAW,CAAC,EAAE;YACZ,eAAe,CAAC,EAAE,MAAM,CAAC;YACzB,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,MAAM,CAAC,EAAE,MAAM,CAAC;SACjB,CAAC;QACF,aAAa,CAAC,EAAE;YACd,eAAe,CAAC,EAAE,MAAM,CAAC;SAC1B,CAAC;QACF,kBAAkB,CAAC,EAAE;YACnB,KAAK,CAAC,EAAE,MAAM,CAAC;YACf,QAAQ,CAAC,EAAE,MAAM,CAAC;YAClB,UAAU,CAAC,EAAE,MAAM,CAAC;SACrB,CAAC;KACH;CACF"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/progress-bar/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC;IAEjC;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC;IAEnC;;;;;;OAMG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE9B;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEjC;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,yBAAyB,CAAC;IAEhD;;;;OAIG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC;CAChC;AAED,yBAAiB,gBAAgB,CAAC;IAChC,KAAY,MAAM,GAAG,aAAa,GAAG,SAAS,GAAG,OAAO,CAAC;IACzD,KAAY,OAAO,GAAG,YAAY,GAAG,OAAO,GAAG,WAAW,CAAC;IAE3D,UAAiB,KAAK;QACpB,WAAW,CAAC,EAAE;YACZ,eAAe,CAAC,EAAE,MAAM,CAAC;YACzB,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,MAAM,CAAC,EAAE,MAAM,CAAC;SACjB,CAAC;QACF,aAAa,CAAC,EAAE;YACd,eAAe,CAAC,EAAE,MAAM,CAAC;SAC1B,CAAC;QACF,kBAAkB,CAAC,EAAE;YACnB,KAAK,CAAC,EAAE,MAAM,CAAC;YACf,QAAQ,CAAC,EAAE,MAAM,CAAC;YAClB,UAAU,CAAC,EAAE,MAAM,CAAC;SACrB,CAAC;KACH;CACF"}

package/lib/internal/template/progress-bar/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/progress-bar/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface ProgressBarProps extends BaseComponentProps {\n  /**\n   * Indicates the current progress as a percentage. The value must be between 0 and 100. Decimals are rounded.\n   */\n  value?: number;\n\n  /**\n   * Specifies the status of the progress bar. You can set it to one of the following:\n   *\n   * - `\"in-progress\"` - Displays a progress bar.\n   * - `\"success\"` or `\"error\"` - Displays a result state and replaces the progress element with a status indicator,\n   * `resultText`, and a result button.\n   */\n  status?: ProgressBarProps.Status;\n\n  /**\n   * Enables the correct styling of the progress bar in different contexts. You can set it to one of the following:\n   *\n   * - `\"flash\"` - Use this variant when using the progress bar within a flash component.\n   *              Note that the result button isn't displayed when using this variant.\n   *              Use the `buttonText` property and the `onButtonClick` event listener of the flashbar item instead of the result button provided by the progress bar.\n   * - `\"key-value\"` - Use this variant when using the progress bar within the key-value pairs pattern.\n   * - `\"standalone\"` Use in all other cases. This is the default value.\n   */\n  variant?: ProgressBarProps.Variant;\n\n  /**\n   * Specifies the text for the button that's displayed when the `status` is set to `error` or `success`.\n   * If `resultButtonText` is empty, the result button isn't displayed.\n   *\n   * Note: If you use the `flash` variant, the result button isn't displayed.\n   * Add a button using the `action` property of the flashbar item instead.\n   */\n  resultButtonText?: string;\n\n  /**\n   * Adds an `aria-label` to the progress bar.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Adds `aria-labelledby` to the progress bar.\n   */\n  ariaLabelledby?: string;\n\n  /**\n   * Adds `aria-describedby` to the progress bar.\n   */\n  ariaDescribedby?: string;\n\n  /**\n   * Short description of the operation that appears at the top of the component.\n   *\n   * Make sure that you always provide a label for accessibility.\n   */\n  label?: React.ReactNode;\n\n  /**\n   * More detailed information about the operation that appears below the label.\n   */\n  description?: React.ReactNode;\n\n  /**\n   * Information that's displayed below the progress bar or status text.\n   */\n  additionalInfo?: React.ReactNode;\n\n  /**\n   * Content that's displayed when `status` is set to `error` or `success`.\n   */\n  resultText?: React.ReactNode;\n\n  /**\n   * Called when the user clicks the result state button.\n   *\n   * Note: If you are using the `flash` variant, the result button isn't displayed.\n   * Use the `buttonText` property and the `onButtonClick` event listener of the flashbar item instead.\n   */\n  onResultButtonClick?: NonCancelableEventHandler;\n\n  /**\n   * @awsuiSystem core\n   */\n  style?: ProgressBarProps.Style;\n}\n\nexport namespace ProgressBarProps {\n  export type Status = 'in-progress' | 'success' | 'error';\n  export type Variant = 'standalone' | 'flash' | 'key-value';\n\n  export interface Style {\n    progressBar?: {\n      backgroundColor?: string;\n      borderRadius?: string;\n      height?: string;\n    };\n    progressValue?: {\n      backgroundColor?: string;\n    };\n    progressPercentage?: {\n      color?: string;\n      fontSize?: string;\n      fontWeight?: string;\n    };\n  }\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/progress-bar/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface ProgressBarProps extends BaseComponentProps {\n  /**\n   * Indicates the current progress as a percentage. The value must be between 0 and 100. Decimals are rounded.\n   */\n  value?: number;\n\n  /**\n   * Specifies the status of the progress bar. You can set it to one of the following:\n   *\n   * - `\"in-progress\"` - Displays a progress bar.\n   * - `\"success\"` or `\"error\"` - Displays a result state and replaces the progress element with a status indicator,\n   * `resultText`, and a result button.\n   */\n  status?: ProgressBarProps.Status;\n\n  /**\n   * Enables the correct styling of the progress bar in different contexts. You can set it to one of the following:\n   *\n   * - `\"flash\"` - Use this variant when using the progress bar within a flash component.\n   *              Note that the result button isn't displayed when using this variant.\n   *              Use the `buttonText` property and the `onButtonClick` event listener of the flashbar item instead of the result button provided by the progress bar.\n   * - `\"key-value\"` - Use this variant when using the progress bar within the key-value pairs pattern.\n   * - `\"standalone\"` Use in all other cases. This is the default value.\n   */\n  variant?: ProgressBarProps.Variant;\n\n  /**\n   * Specifies the text for the button that's displayed when the `status` is set to `error` or `success`.\n   * If `resultButtonText` is empty, the result button isn't displayed.\n   *\n   * Note: If you use the `flash` variant, the result button isn't displayed.\n   * Add a button using the `action` property of the flashbar item instead.\n   */\n  resultButtonText?: string;\n\n  /**\n   * Adds an `aria-label` to the progress bar.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Adds `aria-labelledby` to the progress bar.\n   */\n  ariaLabelledby?: string;\n\n  /**\n   * Adds `aria-describedby` to the progress bar.\n   */\n  ariaDescribedby?: string;\n\n  /**\n   * Short description of the operation that appears at the top of the component.\n   *\n   * Make sure that you always provide a label for accessibility.\n   */\n  label?: React.ReactNode;\n\n  /**\n   * More detailed information about the operation that appears below the label.\n   */\n  description?: React.ReactNode;\n\n  /**\n   * Information that's displayed below the progress bar or status text.\n   */\n  additionalInfo?: React.ReactNode;\n\n  /**\n   * Content that's displayed when `status` is set to `error` or `success`.\n   */\n  resultText?: React.ReactNode;\n\n  /**\n   * Called when the user clicks the result state button.\n   *\n   * Note: If you are using the `flash` variant, the result button isn't displayed.\n   * Use the `buttonText` property and the `onButtonClick` event listener of the flashbar item instead.\n   */\n  onResultButtonClick?: NonCancelableEventHandler;\n\n  /**\n   * An object containing CSS properties to customize the progress bar's visual appearance.\n   * Refer to the [style](/components/progress-bar/?tabId=style) tab for more details.\n   * @awsuiSystem core\n   */\n  style?: ProgressBarProps.Style;\n}\n\nexport namespace ProgressBarProps {\n  export type Status = 'in-progress' | 'success' | 'error';\n  export type Variant = 'standalone' | 'flash' | 'key-value';\n\n  export interface Style {\n    progressBar?: {\n      backgroundColor?: string;\n      borderRadius?: string;\n      height?: string;\n    };\n    progressValue?: {\n      backgroundColor?: string;\n    };\n    progressPercentage?: {\n      color?: string;\n      fontSize?: string;\n      fontWeight?: string;\n    };\n  }\n}\n"]}

package/lib/internal/template/progress-bar/styles.css.js

@@ -1,23 +1,23 @@
 
     import './styles.scoped.css';
     export default {
-  "progress": "awsui_progress_11huc_9eel8_189",
-  "result-state": "awsui_result-state_11huc_9eel8_203",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_9eel8_1",
-  "root": "awsui_root_11huc_9eel8_225",
-  "with-result-button": "awsui_with-result-button_11huc_9eel8_257",
-  "result-text": "awsui_result-text_11huc_9eel8_261",
-  "result-container-error": "awsui_result-container-error_11huc_9eel8_265",
-  "result-container-success": "awsui_result-container-success_11huc_9eel8_265",
-  "result-button": "awsui_result-button_11huc_9eel8_269",
-  "word-wrap": "awsui_word-wrap_11huc_9eel8_275",
-  "label-flash": "awsui_label-flash_11huc_9eel8_280",
-  "label-key-value": "awsui_label-key-value_11huc_9eel8_284",
-  "flash": "awsui_flash_11huc_9eel8_292",
-  "progress-container": "awsui_progress-container_11huc_9eel8_296",
-  "percentage-container": "awsui_percentage-container_11huc_9eel8_303",
-  "percentage": "awsui_percentage_11huc_9eel8_303",
-  "complete": "awsui_complete_11huc_9eel8_349",
-  "additional-info": "awsui_additional-info_11huc_9eel8_363"
+  "progress": "awsui_progress_11huc_1exem_189",
+  "result-state": "awsui_result-state_11huc_1exem_203",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_1exem_1",
+  "root": "awsui_root_11huc_1exem_225",
+  "with-result-button": "awsui_with-result-button_11huc_1exem_257",
+  "result-text": "awsui_result-text_11huc_1exem_261",
+  "result-container-error": "awsui_result-container-error_11huc_1exem_265",
+  "result-container-success": "awsui_result-container-success_11huc_1exem_265",
+  "result-button": "awsui_result-button_11huc_1exem_269",
+  "word-wrap": "awsui_word-wrap_11huc_1exem_275",
+  "label-flash": "awsui_label-flash_11huc_1exem_280",
+  "label-key-value": "awsui_label-key-value_11huc_1exem_284",
+  "flash": "awsui_flash_11huc_1exem_292",
+  "progress-container": "awsui_progress-container_11huc_1exem_296",
+  "percentage-container": "awsui_percentage-container_11huc_1exem_303",
+  "percentage": "awsui_percentage_11huc_1exem_303",
+  "complete": "awsui_complete_11huc_1exem_349",
+  "additional-info": "awsui_additional-info_11huc_1exem_363"
 };
   

package/lib/internal/template/progress-bar/styles.scoped.css

@@ -186,27 +186,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_progress_11huc_9eel8_189:not(#\9)::-webkit-progress-value {
+.awsui_progress_11huc_1exem_189:not(#\9)::-webkit-progress-value {
   -webkit-transition: width var(--motion-duration-moderate-24bai8, 135ms) linear;
   transition: width var(--motion-duration-moderate-24bai8, 135ms) linear;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_progress_11huc_9eel8_189:not(#\9)::-webkit-progress-value {
+  .awsui_progress_11huc_1exem_189:not(#\9)::-webkit-progress-value {
     animation: none;
     -webkit-transition: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_progress_11huc_9eel8_189:not(#\9)::-webkit-progress-value, .awsui-mode-entering .awsui_progress_11huc_9eel8_189:not(#\9)::-webkit-progress-value {
+.awsui-motion-disabled .awsui_progress_11huc_1exem_189:not(#\9)::-webkit-progress-value, .awsui-mode-entering .awsui_progress_11huc_1exem_189:not(#\9)::-webkit-progress-value {
   animation: none;
   -webkit-transition: none;
   transition: none;
 }
 
-.awsui_result-state_11huc_9eel8_203:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_11huc_9eel8_1 var(--motion-duration-transition-show-paced-0w35xp, 180ms) var(--motion-easing-transition-show-paced-ufdgkj, ease-out);
+.awsui_result-state_11huc_1exem_203:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_11huc_1exem_1 var(--motion-duration-transition-show-paced-0w35xp, 180ms) var(--motion-easing-transition-show-paced-ufdgkj, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_11huc_9eel8_1 {
+@keyframes awsui_awsui-motion-fade-in_11huc_1exem_1 {
   from {
     opacity: 0.2;
   }
@@ -215,17 +215,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_result-state_11huc_9eel8_203:not(#\9) {
+  .awsui_result-state_11huc_1exem_203:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_result-state_11huc_9eel8_203:not(#\9), .awsui-mode-entering .awsui_result-state_11huc_9eel8_203:not(#\9) {
+.awsui-motion-disabled .awsui_result-state_11huc_1exem_203:not(#\9), .awsui-mode-entering .awsui_result-state_11huc_1exem_203:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_11huc_9eel8_225:not(#\9) {
+.awsui_root_11huc_1exem_225:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -257,34 +257,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_with-result-button_11huc_9eel8_257:not(#\9) {
+.awsui_with-result-button_11huc_1exem_257:not(#\9) {
   padding-inline-end: var(--space-m-n2lypl, 16px);
 }
 
-.awsui_result-text_11huc_9eel8_261:not(#\9) {
+.awsui_result-text_11huc_1exem_261:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_result-container-error_11huc_9eel8_265:not(#\9), .awsui_result-container-success_11huc_9eel8_265:not(#\9) {
+.awsui_result-container-error_11huc_1exem_265:not(#\9), .awsui_result-container-success_11huc_1exem_265:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_result-button_11huc_9eel8_269:not(#\9) {
+.awsui_result-button_11huc_1exem_269:not(#\9) {
   display: inline-block;
   margin-block: var(--space-scaled-xxs-jatbiv, 4px);
   margin-inline: 0;
 }
 
-.awsui_word-wrap_11huc_9eel8_275:not(#\9) {
+.awsui_word-wrap_11huc_1exem_275:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
 }
 
-.awsui_label-flash_11huc_9eel8_280:not(#\9) {
+.awsui_label-flash_11huc_1exem_280:not(#\9) {
   color: inherit;
   font-weight: 700;
 }
-.awsui_label-key-value_11huc_9eel8_284:not(#\9) {
+.awsui_label-key-value_11huc_1exem_284:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   font-weight: var(--font-display-label-weight-ise9n2, 400);
@@ -292,18 +292,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-end: var(--space-scaled-xxxs-prgw5k, 2px);
 }
 
-.awsui_flash_11huc_9eel8_292:not(#\9) {
+.awsui_flash_11huc_1exem_292:not(#\9) {
   color: inherit;
 }
 
-.awsui_progress-container_11huc_9eel8_296:not(#\9) {
+.awsui_progress-container_11huc_1exem_296:not(#\9) {
   display: flex;
   align-items: center;
   max-inline-size: 800px;
   block-size: var(--line-height-body-m-bedeoh, 22px);
 }
 
-.awsui_percentage-container_11huc_9eel8_303:not(#\9) {
+.awsui_percentage-container_11huc_1exem_303:not(#\9) {
   inline-size: 33px;
   flex-shrink: 0;
   white-space: nowrap;
@@ -313,56 +313,56 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
 }
 
-.awsui_percentage_11huc_9eel8_303:not(#\9) {
+.awsui_percentage_11huc_1exem_303:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_progress_11huc_9eel8_189:not(#\9) {
+.awsui_progress_11huc_1exem_189:not(#\9) {
   inline-size: 100%;
   margin-inline-end: var(--space-s-4a5hs8, 12px);
   min-inline-size: 0;
-  block-size: var(--awsui-progress-bar-height-4hh3rt, 4px);
+  block-size: var(--awsui-progress-bar-height-c5ek4l, 4px);
   border-block: 0;
   border-inline: none;
   box-sizing: border-box;
-  border-start-start-radius: var(--awsui-progress-bar-border-radius-4hh3rt, 10px);
-  border-start-end-radius: var(--awsui-progress-bar-border-radius-4hh3rt, 10px);
-  border-end-start-radius: var(--awsui-progress-bar-border-radius-4hh3rt, 10px);
-  border-end-end-radius: var(--awsui-progress-bar-border-radius-4hh3rt, 10px);
-  background-color: var(--awsui-progress-bar-background-color-4hh3rt, var(--color-background-progress-bar-default-kw9ow4, #eaeded));
+  border-start-start-radius: var(--awsui-progress-bar-border-radius-c5ek4l, 10px);
+  border-start-end-radius: var(--awsui-progress-bar-border-radius-c5ek4l, 10px);
+  border-end-start-radius: var(--awsui-progress-bar-border-radius-c5ek4l, 10px);
+  border-end-end-radius: var(--awsui-progress-bar-border-radius-c5ek4l, 10px);
+  background-color: var(--awsui-progress-bar-background-color-c5ek4l, var(--color-background-progress-bar-default-kw9ow4, #eaeded));
 }
-.awsui_progress_11huc_9eel8_189:not(#\9)::-webkit-progress-bar {
-  block-size: var(--awsui-progress-bar-height-4hh3rt, 4px);
+.awsui_progress_11huc_1exem_189:not(#\9)::-webkit-progress-bar {
+  block-size: var(--awsui-progress-bar-height-c5ek4l, 4px);
   border-block: 0;
   border-inline: none;
   box-sizing: border-box;
-  border-start-start-radius: var(--awsui-progress-bar-border-radius-4hh3rt, 10px);
-  border-start-end-radius: var(--awsui-progress-bar-border-radius-4hh3rt, 10px);
-  border-end-start-radius: var(--awsui-progress-bar-border-radius-4hh3rt, 10px);
-  border-end-end-radius: var(--awsui-progress-bar-border-radius-4hh3rt, 10px);
-  background-color: var(--awsui-progress-bar-background-color-4hh3rt, var(--color-background-progress-bar-default-kw9ow4, #eaeded));
+  border-start-start-radius: var(--awsui-progress-bar-border-radius-c5ek4l, 10px);
+  border-start-end-radius: var(--awsui-progress-bar-border-radius-c5ek4l, 10px);
+  border-end-start-radius: var(--awsui-progress-bar-border-radius-c5ek4l, 10px);
+  border-end-end-radius: var(--awsui-progress-bar-border-radius-c5ek4l, 10px);
+  background-color: var(--awsui-progress-bar-background-color-c5ek4l, var(--color-background-progress-bar-default-kw9ow4, #eaeded));
 }
-.awsui_progress_11huc_9eel8_189:not(#\9)::-webkit-progress-value {
-  border-start-start-radius: var(--awsui-progress-bar-border-radius-4hh3rt, 10px);
+.awsui_progress_11huc_1exem_189:not(#\9)::-webkit-progress-value {
+  border-start-start-radius: var(--awsui-progress-bar-border-radius-c5ek4l, 10px);
   border-start-end-radius: 0;
-  border-end-start-radius: var(--awsui-progress-bar-border-radius-4hh3rt, 10px);
+  border-end-start-radius: var(--awsui-progress-bar-border-radius-c5ek4l, 10px);
   border-end-end-radius: 0;
-  background-color: var(--awsui-progress-value-background-color-4hh3rt, var(--color-background-progress-bar-value-default-1bekh3, #0073bb));
+  background-color: var(--awsui-progress-value-background-color-c5ek4l, var(--color-background-progress-bar-value-default-1bekh3, #0073bb));
 }
-.awsui_progress_11huc_9eel8_189.awsui_complete_11huc_9eel8_349:not(#\9)::-webkit-progress-value {
-  border-start-start-radius: var(--awsui-progress-bar-border-radius-4hh3rt, 10px);
-  border-start-end-radius: var(--awsui-progress-bar-border-radius-4hh3rt, 10px);
-  border-end-start-radius: var(--awsui-progress-bar-border-radius-4hh3rt, 10px);
-  border-end-end-radius: var(--awsui-progress-bar-border-radius-4hh3rt, 10px);
+.awsui_progress_11huc_1exem_189.awsui_complete_11huc_1exem_349:not(#\9)::-webkit-progress-value {
+  border-start-start-radius: var(--awsui-progress-bar-border-radius-c5ek4l, 10px);
+  border-start-end-radius: var(--awsui-progress-bar-border-radius-c5ek4l, 10px);
+  border-end-start-radius: var(--awsui-progress-bar-border-radius-c5ek4l, 10px);
+  border-end-end-radius: var(--awsui-progress-bar-border-radius-c5ek4l, 10px);
 }
-.awsui_progress_11huc_9eel8_189:not(#\9)::-moz-progress-bar {
-  border-start-start-radius: var(--awsui-progress-bar-border-radius-4hh3rt, 10px);
+.awsui_progress_11huc_1exem_189:not(#\9)::-moz-progress-bar {
+  border-start-start-radius: var(--awsui-progress-bar-border-radius-c5ek4l, 10px);
   border-start-end-radius: 0;
-  border-end-start-radius: var(--awsui-progress-bar-border-radius-4hh3rt, 10px);
+  border-end-start-radius: var(--awsui-progress-bar-border-radius-c5ek4l, 10px);
   border-end-end-radius: 0;
-  background-color: var(--awsui-progress-value-background-color-4hh3rt, var(--color-background-progress-bar-value-default-1bekh3, #0073bb));
+  background-color: var(--awsui-progress-value-background-color-c5ek4l, var(--color-background-progress-bar-value-default-1bekh3, #0073bb));
 }
 
-.awsui_additional-info_11huc_9eel8_363:not(#\9) {
+.awsui_additional-info_11huc_1exem_363:not(#\9) {
   /* used in test-utils */
 }

package/lib/internal/template/progress-bar/styles.selectors.js

@@ -2,23 +2,23 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "progress": "awsui_progress_11huc_9eel8_189",
-  "result-state": "awsui_result-state_11huc_9eel8_203",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_9eel8_1",
-  "root": "awsui_root_11huc_9eel8_225",
-  "with-result-button": "awsui_with-result-button_11huc_9eel8_257",
-  "result-text": "awsui_result-text_11huc_9eel8_261",
-  "result-container-error": "awsui_result-container-error_11huc_9eel8_265",
-  "result-container-success": "awsui_result-container-success_11huc_9eel8_265",
-  "result-button": "awsui_result-button_11huc_9eel8_269",
-  "word-wrap": "awsui_word-wrap_11huc_9eel8_275",
-  "label-flash": "awsui_label-flash_11huc_9eel8_280",
-  "label-key-value": "awsui_label-key-value_11huc_9eel8_284",
-  "flash": "awsui_flash_11huc_9eel8_292",
-  "progress-container": "awsui_progress-container_11huc_9eel8_296",
-  "percentage-container": "awsui_percentage-container_11huc_9eel8_303",
-  "percentage": "awsui_percentage_11huc_9eel8_303",
-  "complete": "awsui_complete_11huc_9eel8_349",
-  "additional-info": "awsui_additional-info_11huc_9eel8_363"
+  "progress": "awsui_progress_11huc_1exem_189",
+  "result-state": "awsui_result-state_11huc_1exem_203",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_1exem_1",
+  "root": "awsui_root_11huc_1exem_225",
+  "with-result-button": "awsui_with-result-button_11huc_1exem_257",
+  "result-text": "awsui_result-text_11huc_1exem_261",
+  "result-container-error": "awsui_result-container-error_11huc_1exem_265",
+  "result-container-success": "awsui_result-container-success_11huc_1exem_265",
+  "result-button": "awsui_result-button_11huc_1exem_269",
+  "word-wrap": "awsui_word-wrap_11huc_1exem_275",
+  "label-flash": "awsui_label-flash_11huc_1exem_280",
+  "label-key-value": "awsui_label-key-value_11huc_1exem_284",
+  "flash": "awsui_flash_11huc_1exem_292",
+  "progress-container": "awsui_progress-container_11huc_1exem_296",
+  "percentage-container": "awsui_percentage-container_11huc_1exem_303",
+  "percentage": "awsui_percentage_11huc_1exem_303",
+  "complete": "awsui_complete_11huc_1exem_349",
+  "additional-info": "awsui_additional-info_11huc_1exem_363"
 };
   

package/lib/internal/template/prompt-input/interfaces.d.ts

@@ -104,6 +104,8 @@ export interface PromptInputProps extends Omit<BaseInputProps, 'nativeInputAttri
      */
     nativeTextareaAttributes?: NativeAttributes<React.TextareaHTMLAttributes<HTMLTextAreaElement>>;
     /**
+     * An object containing CSS properties to customize the prompt input's visual appearance.
+     * Refer to the [style](/components/prompt-input/?tabId=style) tab for more details.
      * @awsuiSystem core
      */
     style?: PromptInputProps.Style;

package/lib/internal/template/prompt-input/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/prompt-input/interfaces.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/prompt-input/interfaces.ts"],"names":[],"mappings":"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"}

package/lib/internal/template/prompt-input/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/prompt-input/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { IconProps } from '../icon/interfaces';\nimport {\n  BaseChangeDetail,\n  BaseInputProps,\n  InputAutoComplete,\n  InputAutoCorrect,\n  InputKeyEvents,\n  InputSpellcheck,\n} from '../input/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { FormFieldValidationControlProps } from '../internal/context/form-field-context';\nimport { BaseKeyDetail, NonCancelableEventHandler } from '../internal/events';\n/**\n * @awsuiSystem core\n */\nimport { NativeAttributes } from '../internal/utils/with-native-attributes';\n\nexport interface PromptInputProps\n  extends Omit<BaseInputProps, 'nativeInputAttributes'>,\n    InputKeyEvents,\n    InputAutoCorrect,\n    InputAutoComplete,\n    InputSpellcheck,\n    BaseComponentProps,\n    FormFieldValidationControlProps {\n  /**\n   * Called whenever a user clicks the action button or presses the \"Enter\" key.\n   * The event `detail` contains the current value of the field.\n   */\n  onAction?: NonCancelableEventHandler<PromptInputProps.ActionDetail>;\n  /**\n   * Determines what icon to display in the action button.\n   */\n  actionButtonIconName?: IconProps.Name;\n  /**\n   * Specifies the URL of a custom icon. Use this property if the icon you want isn't available.\n   *\n   * If you set both `actionButtonIconUrl` and `actionButtonIconSvg`, `actionButtonIconSvg` will take precedence.\n   */\n  actionButtonIconUrl?: string;\n  /**\n   * Specifies the SVG of a custom icon.\n   *\n   * Use this property if you want your custom icon to inherit colors dictated by variant or hover states.\n   * When this property is set, the component will be decorated with `aria-hidden=\"true\"`. Ensure that the `svg` element:\n   * - has attribute `focusable=\"false\"`.\n   * - has `viewBox=\"0 0 16 16\"`.\n   *\n   * If you set the `svg` element as the root node of the slot, the component will automatically\n   * - set `stroke=\"currentColor\"`, `fill=\"none\"`, and `vertical-align=\"top\"`.\n   * - set the stroke width based on the size of the icon.\n   * - set the width and height of the SVG element based on the size of the icon.\n   *\n   * If you don't want these styles to be automatically set, wrap the `svg` element into a `span`.\n   * You can still set the stroke to `currentColor` to inherit the color of the surrounding elements.\n   *\n   * If you set both `actionButtonIconUrl` and `actionButtonIconSvg`, `iconSvg` will take precedence.\n   *\n   * *Note:* Remember to remove any additional elements (for example: `defs`) and related CSS classes from SVG files exported from design software.\n   * In most cases, they aren't needed, as the `svg` element inherits styles from the icon component.\n   */\n  actionButtonIconSvg?: React.ReactNode;\n  /**\n   * Specifies alternate text for a custom icon. We recommend that you provide this for accessibility.\n   * This property is ignored if you use a predefined icon or if you set your custom icon using the `iconSvg` slot.\n   */\n  actionButtonIconAlt?: string;\n  /**\n   * Adds an aria-label to the action button.\n   * @i18n\n   */\n  actionButtonAriaLabel?: string;\n\n  /**\n   * Specifies whether to disable the action button.\n   */\n  disableActionButton?: boolean;\n\n  /**\n   * Specifies the minimum number of lines of text to set the height to.\n   */\n  minRows?: number;\n\n  /**\n   * Specifies the maximum number of lines of text the textarea will expand to.\n   * Defaults to 3. Use -1 for infinite rows.\n   */\n  maxRows?: number;\n\n  /**\n   * Use this to replace the primary action.\n   * If this is provided then any other `actionButton*` properties will be ignored.\n   * Note that you should still provide an `onAction` function in order to handle keyboard submission.\n   *\n   * @awsuiSystem core\n   */\n  customPrimaryAction?: React.ReactNode;\n\n  /**\n   * Use this slot to add secondary actions to the prompt input.\n   */\n  secondaryActions?: React.ReactNode;\n\n  /**\n   * Use this slot to add secondary content, such as file attachments, to the prompt input.\n   */\n  secondaryContent?: React.ReactNode;\n\n  /**\n   * Determines whether the secondary actions area of the input has padding. If true, removes the default padding from the secondary actions area.\n   */\n  disableSecondaryActionsPaddings?: boolean;\n\n  /**\n   * Determines whether the secondary content area of the input has padding. If true, removes the default padding from the secondary content area.\n   */\n  disableSecondaryContentPaddings?: 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   * @awsuiSystem core\n   */\n  style?: PromptInputProps.Style;\n}\n\nexport namespace PromptInputProps {\n  export type KeyDetail = BaseKeyDetail;\n  export type ActionDetail = BaseChangeDetail;\n\n  export interface Ref {\n    /**\n     * Sets input focus on the textarea control.\n     */\n    focus(): void;\n\n    /**\n     * Selects all text in the textarea control.\n     */\n    select(): void;\n\n    /**\n     * Selects a range of text in the textarea control.\n     *\n     * See https://developer.mozilla.org/en-US/docs/Web/API/HTMLTextAreaElement/setSelectionRange\n     * for more details on this method. Be aware that using this method in React has some\n     * common pitfalls: https://stackoverflow.com/questions/60129605/is-javascripts-setselectionrange-incompatible-with-react-hooks\n     */\n    setSelectionRange(start: number | null, end: number | null, direction?: 'forward' | 'backward' | 'none'): 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/prompt-input/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { IconProps } from '../icon/interfaces';\nimport {\n  BaseChangeDetail,\n  BaseInputProps,\n  InputAutoComplete,\n  InputAutoCorrect,\n  InputKeyEvents,\n  InputSpellcheck,\n} from '../input/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { FormFieldValidationControlProps } from '../internal/context/form-field-context';\nimport { BaseKeyDetail, NonCancelableEventHandler } from '../internal/events';\n/**\n * @awsuiSystem core\n */\nimport { NativeAttributes } from '../internal/utils/with-native-attributes';\n\nexport interface PromptInputProps\n  extends Omit<BaseInputProps, 'nativeInputAttributes'>,\n    InputKeyEvents,\n    InputAutoCorrect,\n    InputAutoComplete,\n    InputSpellcheck,\n    BaseComponentProps,\n    FormFieldValidationControlProps {\n  /**\n   * Called whenever a user clicks the action button or presses the \"Enter\" key.\n   * The event `detail` contains the current value of the field.\n   */\n  onAction?: NonCancelableEventHandler<PromptInputProps.ActionDetail>;\n  /**\n   * Determines what icon to display in the action button.\n   */\n  actionButtonIconName?: IconProps.Name;\n  /**\n   * Specifies the URL of a custom icon. Use this property if the icon you want isn't available.\n   *\n   * If you set both `actionButtonIconUrl` and `actionButtonIconSvg`, `actionButtonIconSvg` will take precedence.\n   */\n  actionButtonIconUrl?: string;\n  /**\n   * Specifies the SVG of a custom icon.\n   *\n   * Use this property if you want your custom icon to inherit colors dictated by variant or hover states.\n   * When this property is set, the component will be decorated with `aria-hidden=\"true\"`. Ensure that the `svg` element:\n   * - has attribute `focusable=\"false\"`.\n   * - has `viewBox=\"0 0 16 16\"`.\n   *\n   * If you set the `svg` element as the root node of the slot, the component will automatically\n   * - set `stroke=\"currentColor\"`, `fill=\"none\"`, and `vertical-align=\"top\"`.\n   * - set the stroke width based on the size of the icon.\n   * - set the width and height of the SVG element based on the size of the icon.\n   *\n   * If you don't want these styles to be automatically set, wrap the `svg` element into a `span`.\n   * You can still set the stroke to `currentColor` to inherit the color of the surrounding elements.\n   *\n   * If you set both `actionButtonIconUrl` and `actionButtonIconSvg`, `iconSvg` will take precedence.\n   *\n   * *Note:* Remember to remove any additional elements (for example: `defs`) and related CSS classes from SVG files exported from design software.\n   * In most cases, they aren't needed, as the `svg` element inherits styles from the icon component.\n   */\n  actionButtonIconSvg?: React.ReactNode;\n  /**\n   * Specifies alternate text for a custom icon. We recommend that you provide this for accessibility.\n   * This property is ignored if you use a predefined icon or if you set your custom icon using the `iconSvg` slot.\n   */\n  actionButtonIconAlt?: string;\n  /**\n   * Adds an aria-label to the action button.\n   * @i18n\n   */\n  actionButtonAriaLabel?: string;\n\n  /**\n   * Specifies whether to disable the action button.\n   */\n  disableActionButton?: boolean;\n\n  /**\n   * Specifies the minimum number of lines of text to set the height to.\n   */\n  minRows?: number;\n\n  /**\n   * Specifies the maximum number of lines of text the textarea will expand to.\n   * Defaults to 3. Use -1 for infinite rows.\n   */\n  maxRows?: number;\n\n  /**\n   * Use this to replace the primary action.\n   * If this is provided then any other `actionButton*` properties will be ignored.\n   * Note that you should still provide an `onAction` function in order to handle keyboard submission.\n   *\n   * @awsuiSystem core\n   */\n  customPrimaryAction?: React.ReactNode;\n\n  /**\n   * Use this slot to add secondary actions to the prompt input.\n   */\n  secondaryActions?: React.ReactNode;\n\n  /**\n   * Use this slot to add secondary content, such as file attachments, to the prompt input.\n   */\n  secondaryContent?: React.ReactNode;\n\n  /**\n   * Determines whether the secondary actions area of the input has padding. If true, removes the default padding from the secondary actions area.\n   */\n  disableSecondaryActionsPaddings?: boolean;\n\n  /**\n   * Determines whether the secondary content area of the input has padding. If true, removes the default padding from the secondary content area.\n   */\n  disableSecondaryContentPaddings?: 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 prompt input's visual appearance.\n   * Refer to the [style](/components/prompt-input/?tabId=style) tab for more details.\n   * @awsuiSystem core\n   */\n  style?: PromptInputProps.Style;\n}\n\nexport namespace PromptInputProps {\n  export type KeyDetail = BaseKeyDetail;\n  export type ActionDetail = BaseChangeDetail;\n\n  export interface Ref {\n    /**\n     * Sets input focus on the textarea control.\n     */\n    focus(): void;\n\n    /**\n     * Selects all text in the textarea control.\n     */\n    select(): void;\n\n    /**\n     * Selects a range of text in the textarea control.\n     *\n     * See https://developer.mozilla.org/en-US/docs/Web/API/HTMLTextAreaElement/setSelectionRange\n     * for more details on this method. Be aware that using this method in React has some\n     * common pitfalls: https://stackoverflow.com/questions/60129605/is-javascripts-setselectionrange-incompatible-with-react-hooks\n     */\n    setSelectionRange(start: number | null, end: number | null, direction?: 'forward' | 'backward' | 'none'): 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/prompt-input/styles.css.js

@@ -1,22 +1,22 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_55fkh_kc3uh_146",
-  "textarea-readonly": "awsui_textarea-readonly_55fkh_kc3uh_191",
-  "disabled": "awsui_disabled_55fkh_kc3uh_197",
-  "textarea-invalid": "awsui_textarea-invalid_55fkh_kc3uh_205",
-  "textarea-warning": "awsui_textarea-warning_55fkh_kc3uh_230",
-  "textarea": "awsui_textarea_55fkh_kc3uh_191",
-  "invalid": "awsui_invalid_55fkh_kc3uh_333",
-  "warning": "awsui_warning_55fkh_kc3uh_333",
-  "textarea-wrapper": "awsui_textarea-wrapper_55fkh_kc3uh_347",
-  "primary-action": "awsui_primary-action_55fkh_kc3uh_351",
-  "action-button": "awsui_action-button_55fkh_kc3uh_359",
-  "secondary-content": "awsui_secondary-content_55fkh_kc3uh_364",
-  "with-paddings": "awsui_with-paddings_55fkh_kc3uh_399",
-  "action-stripe": "awsui_action-stripe_55fkh_kc3uh_409",
-  "secondary-actions": "awsui_secondary-actions_55fkh_kc3uh_448",
-  "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_kc3uh_465",
-  "buffer": "awsui_buffer_55fkh_kc3uh_469"
+  "root": "awsui_root_55fkh_5s8rl_146",
+  "textarea-readonly": "awsui_textarea-readonly_55fkh_5s8rl_191",
+  "disabled": "awsui_disabled_55fkh_5s8rl_197",
+  "textarea-invalid": "awsui_textarea-invalid_55fkh_5s8rl_205",
+  "textarea-warning": "awsui_textarea-warning_55fkh_5s8rl_230",
+  "textarea": "awsui_textarea_55fkh_5s8rl_191",
+  "invalid": "awsui_invalid_55fkh_5s8rl_333",
+  "warning": "awsui_warning_55fkh_5s8rl_333",
+  "textarea-wrapper": "awsui_textarea-wrapper_55fkh_5s8rl_347",
+  "primary-action": "awsui_primary-action_55fkh_5s8rl_351",
+  "action-button": "awsui_action-button_55fkh_5s8rl_359",
+  "secondary-content": "awsui_secondary-content_55fkh_5s8rl_364",
+  "with-paddings": "awsui_with-paddings_55fkh_5s8rl_399",
+  "action-stripe": "awsui_action-stripe_55fkh_5s8rl_409",
+  "secondary-actions": "awsui_secondary-actions_55fkh_5s8rl_448",
+  "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_5s8rl_465",
+  "buffer": "awsui_buffer_55fkh_5s8rl_469"
 };