@cloudscape-design/components 3.0.990 → 3.0.992

package/file-token-group/styles.css.js

@@ -1,27 +1,27 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_39ths_7bxfe_209",
-  "file-loading-overlay": "awsui_file-loading-overlay_39ths_7bxfe_241",
-  "file-loading-overlay-single-row": "awsui_file-loading-overlay-single-row_39ths_7bxfe_246",
-  "file-option-name": "awsui_file-option-name_39ths_7bxfe_250",
-  "file-option-size": "awsui_file-option-size_39ths_7bxfe_251",
-  "file-option-last-modified": "awsui_file-option-last-modified_39ths_7bxfe_252",
-  "file-option": "awsui_file-option_39ths_7bxfe_250",
-  "file-option-thumbnail": "awsui_file-option-thumbnail_39ths_7bxfe_265",
-  "file-option-thumbnail-image": "awsui_file-option-thumbnail-image_39ths_7bxfe_269",
-  "file-option-metadata": "awsui_file-option-metadata_39ths_7bxfe_282",
-  "with-image": "awsui_with-image_39ths_7bxfe_285",
-  "single-row-loading": "awsui_single-row-loading_39ths_7bxfe_288",
-  "token": "awsui_token_39ths_7bxfe_292",
-  "token-grid": "awsui_token-grid_39ths_7bxfe_299",
-  "token-contains-image": "awsui_token-contains-image_39ths_7bxfe_308",
-  "token-box": "awsui_token-box_39ths_7bxfe_312",
-  "horizontal": "awsui_horizontal_39ths_7bxfe_331",
-  "error": "awsui_error_39ths_7bxfe_339",
-  "dismiss-button": "awsui_dismiss-button_39ths_7bxfe_343",
-  "warning": "awsui_warning_39ths_7bxfe_349",
-  "read-only": "awsui_read-only_39ths_7bxfe_359",
-  "loading": "awsui_loading_39ths_7bxfe_372"
+  "root": "awsui_root_39ths_1hg4x_209",
+  "file-loading-overlay": "awsui_file-loading-overlay_39ths_1hg4x_241",
+  "file-loading-overlay-single-row": "awsui_file-loading-overlay-single-row_39ths_1hg4x_246",
+  "file-option-name": "awsui_file-option-name_39ths_1hg4x_250",
+  "file-option-size": "awsui_file-option-size_39ths_1hg4x_251",
+  "file-option-last-modified": "awsui_file-option-last-modified_39ths_1hg4x_252",
+  "file-option": "awsui_file-option_39ths_1hg4x_250",
+  "file-option-thumbnail": "awsui_file-option-thumbnail_39ths_1hg4x_265",
+  "file-option-thumbnail-image": "awsui_file-option-thumbnail-image_39ths_1hg4x_269",
+  "file-option-metadata": "awsui_file-option-metadata_39ths_1hg4x_282",
+  "with-image": "awsui_with-image_39ths_1hg4x_285",
+  "single-row-loading": "awsui_single-row-loading_39ths_1hg4x_288",
+  "token": "awsui_token_39ths_1hg4x_292",
+  "token-grid": "awsui_token-grid_39ths_1hg4x_299",
+  "token-contains-image": "awsui_token-contains-image_39ths_1hg4x_308",
+  "token-box": "awsui_token-box_39ths_1hg4x_312",
+  "horizontal": "awsui_horizontal_39ths_1hg4x_331",
+  "error": "awsui_error_39ths_1hg4x_339",
+  "dismiss-button": "awsui_dismiss-button_39ths_1hg4x_343",
+  "warning": "awsui_warning_39ths_1hg4x_349",
+  "read-only": "awsui_read-only_39ths_1hg4x_359",
+  "loading": "awsui_loading_39ths_1hg4x_372"
 };
   

package/file-token-group/styles.scoped.css

@@ -206,7 +206,7 @@ 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_root_39ths_7bxfe_209:not(#\9) {
+.awsui_root_39ths_1hg4x_209:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -232,42 +232,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-spacing: normal;
   font-size: var(--font-size-body-m-a7nh2n, 14px);
   line-height: var(--line-height-body-m-2mh3ke, 20px);
-  color: var(--color-text-body-default-3mljql, #0f141a);
+  color: var(--color-text-body-default-vvtq8u, #0f141a);
   font-weight: 400;
   font-family: var(--font-family-base-gmnpzl, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_file-loading-overlay_39ths_7bxfe_241:not(#\9) {
+.awsui_file-loading-overlay_39ths_1hg4x_241:not(#\9) {
   position: absolute;
   inset-inline-end: var(--space-static-xs-gnm0mz, 8px);
   inset-block-end: var(--space-static-xxs-ns94dp, 4px);
 }
-.awsui_file-loading-overlay-single-row_39ths_7bxfe_246:not(#\9) {
+.awsui_file-loading-overlay-single-row_39ths_1hg4x_246:not(#\9) {
   inset-inline-end: var(--space-static-xxl-ifa9j8, 32px);
 }
 
-.awsui_file-option-name_39ths_7bxfe_250:not(#\9),
-.awsui_file-option-size_39ths_7bxfe_251:not(#\9),
-.awsui_file-option-last-modified_39ths_7bxfe_252:not(#\9) {
+.awsui_file-option-name_39ths_1hg4x_250:not(#\9),
+.awsui_file-option-size_39ths_1hg4x_251:not(#\9),
+.awsui_file-option-last-modified_39ths_1hg4x_252:not(#\9) {
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
 }
 
-.awsui_file-option_39ths_7bxfe_250:not(#\9) {
+.awsui_file-option_39ths_1hg4x_250:not(#\9) {
   inline-size: 100%;
   min-inline-size: 0;
   display: flex;
   gap: var(--space-scaled-xs-xwoogq, 8px);
 }
 
-.awsui_file-option-thumbnail_39ths_7bxfe_265:not(#\9) {
+.awsui_file-option-thumbnail_39ths_1hg4x_265:not(#\9) {
   margin-block-start: var(--space-static-xxs-ns94dp, 4px);
 }
 
-.awsui_file-option-thumbnail-image_39ths_7bxfe_269:not(#\9) {
+.awsui_file-option-thumbnail-image_39ths_1hg4x_269:not(#\9) {
   font-size: var(--font-size-body-s-smc8cv, 12px);
   line-height: var(--line-height-body-s-nu5hx1, 16px);
   letter-spacing: var(--letter-spacing-body-s-gq78ok, 0.005em);
@@ -280,97 +280,97 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow: hidden;
 }
 
-.awsui_file-option-metadata_39ths_7bxfe_282:not(#\9) {
+.awsui_file-option-metadata_39ths_1hg4x_282:not(#\9) {
   inline-size: 100%;
 }
-.awsui_file-option-metadata_39ths_7bxfe_282.awsui_with-image_39ths_7bxfe_285:not(#\9) {
+.awsui_file-option-metadata_39ths_1hg4x_282.awsui_with-image_39ths_1hg4x_285:not(#\9) {
   inline-size: calc(100% - 48px);
 }
-.awsui_file-option-metadata_39ths_7bxfe_282.awsui_single-row-loading_39ths_7bxfe_288:not(#\9) {
+.awsui_file-option-metadata_39ths_1hg4x_282.awsui_single-row-loading_39ths_1hg4x_288:not(#\9) {
   inline-size: calc(100% - var(--size-icon-normal-levt08, 16px));
 }
 
-.awsui_token_39ths_7bxfe_292:not(#\9) {
+.awsui_token_39ths_1hg4x_292:not(#\9) {
   position: relative;
   block-size: 100%;
   display: flex;
   flex-direction: column;
   gap: var(--space-xxs-hwfkai, 4px);
 }
-.awsui_token-grid_39ths_7bxfe_299:not(#\9) {
+.awsui_token-grid_39ths_1hg4x_299:not(#\9) {
   display: grid;
   grid-template-rows: max-content auto;
 }
 @media (max-width: 688px) {
-  .awsui_token-grid_39ths_7bxfe_299:not(#\9) {
+  .awsui_token-grid_39ths_1hg4x_299:not(#\9) {
     display: flex;
   }
 }
-.awsui_token-contains-image_39ths_7bxfe_308:not(#\9) {
+.awsui_token-contains-image_39ths_1hg4x_308:not(#\9) {
   grid-template-rows: 68px auto;
 }
 
-.awsui_token-box_39ths_7bxfe_312:not(#\9) {
+.awsui_token-box_39ths_1hg4x_312:not(#\9) {
   position: relative;
   block-size: 100%;
-  border-block: var(--border-width-token-2ukdpu, 2px) solid var(--color-border-item-selected-63a3p8, #006ce0);
-  border-inline: var(--border-width-token-2ukdpu, 2px) solid var(--color-border-item-selected-63a3p8, #006ce0);
+  border-block: var(--border-width-token-2ukdpu, 2px) solid var(--color-border-item-selected-wl5ttm, #006ce0);
+  border-inline: var(--border-width-token-2ukdpu, 2px) solid var(--color-border-item-selected-wl5ttm, #006ce0);
   padding-block-start: var(--space-scaled-xxs-pfm1nx, 4px);
   padding-block-end: var(--space-scaled-xxs-pfm1nx, 4px);
   padding-inline-start: var(--space-field-horizontal-0aq2ch, 12px);
   padding-inline-end: var(--space-xxs-hwfkai, 4px);
   display: flex;
   align-items: flex-start;
-  background: var(--color-background-item-selected-pyr5cw, #f0fbff);
+  background: var(--color-background-item-selected-9gppru, #f0fbff);
   border-start-start-radius: var(--border-radius-token-ycnemh, 8px);
   border-start-end-radius: var(--border-radius-token-ycnemh, 8px);
   border-end-start-radius: var(--border-radius-token-ycnemh, 8px);
   border-end-end-radius: var(--border-radius-token-ycnemh, 8px);
-  color: var(--color-text-body-default-3mljql, #0f141a);
+  color: var(--color-text-body-default-vvtq8u, #0f141a);
   box-sizing: border-box;
 }
-.awsui_token-box_39ths_7bxfe_312.awsui_horizontal_39ths_7bxfe_331:not(#\9) {
+.awsui_token-box_39ths_1hg4x_312.awsui_horizontal_39ths_1hg4x_331:not(#\9) {
   max-inline-size: 230px;
 }
 @media (max-width: 688px) {
-  .awsui_token-box_39ths_7bxfe_312.awsui_horizontal_39ths_7bxfe_331:not(#\9) {
+  .awsui_token-box_39ths_1hg4x_312.awsui_horizontal_39ths_1hg4x_331:not(#\9) {
     max-inline-size: 100%;
   }
 }
-.awsui_token-box_39ths_7bxfe_312.awsui_error_39ths_7bxfe_339:not(#\9) {
-  border-color: var(--color-border-status-error-vxvfad, #db0000);
+.awsui_token-box_39ths_1hg4x_312.awsui_error_39ths_1hg4x_339:not(#\9) {
+  border-color: var(--color-border-status-error-j8acpp, #db0000);
   border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
 }
-.awsui_token-box_39ths_7bxfe_312.awsui_error_39ths_7bxfe_339 > .awsui_dismiss-button_39ths_7bxfe_343:not(#\9) {
-  color: var(--color-text-interactive-default-1o1pl2, #424650);
+.awsui_token-box_39ths_1hg4x_312.awsui_error_39ths_1hg4x_339 > .awsui_dismiss-button_39ths_1hg4x_343:not(#\9) {
+  color: var(--color-text-interactive-default-ugh9wp, #424650);
 }
-.awsui_token-box_39ths_7bxfe_312.awsui_error_39ths_7bxfe_339 > .awsui_dismiss-button_39ths_7bxfe_343:not(#\9):hover {
-  color: var(--color-text-interactive-hover-j5y3wx, #0f141a);
+.awsui_token-box_39ths_1hg4x_312.awsui_error_39ths_1hg4x_339 > .awsui_dismiss-button_39ths_1hg4x_343:not(#\9):hover {
+  color: var(--color-text-interactive-hover-6naf7i, #0f141a);
 }
-.awsui_token-box_39ths_7bxfe_312.awsui_warning_39ths_7bxfe_349:not(#\9) {
-  border-color: var(--color-border-status-warning-s79l22, #855900);
+.awsui_token-box_39ths_1hg4x_312.awsui_warning_39ths_1hg4x_349:not(#\9) {
+  border-color: var(--color-border-status-warning-j40pg7, #855900);
   border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
 }
-.awsui_token-box_39ths_7bxfe_312.awsui_warning_39ths_7bxfe_349 > .awsui_dismiss-button_39ths_7bxfe_343:not(#\9) {
-  color: var(--color-text-interactive-default-1o1pl2, #424650);
+.awsui_token-box_39ths_1hg4x_312.awsui_warning_39ths_1hg4x_349 > .awsui_dismiss-button_39ths_1hg4x_343:not(#\9) {
+  color: var(--color-text-interactive-default-ugh9wp, #424650);
 }
-.awsui_token-box_39ths_7bxfe_312.awsui_warning_39ths_7bxfe_349 > .awsui_dismiss-button_39ths_7bxfe_343:not(#\9):hover {
-  color: var(--color-text-interactive-hover-j5y3wx, #0f141a);
+.awsui_token-box_39ths_1hg4x_312.awsui_warning_39ths_1hg4x_349 > .awsui_dismiss-button_39ths_1hg4x_343:not(#\9):hover {
+  color: var(--color-text-interactive-hover-6naf7i, #0f141a);
 }
-.awsui_token-box_39ths_7bxfe_312.awsui_read-only_39ths_7bxfe_359:not(#\9) {
-  border-color: var(--color-border-input-disabled-k518xl, #ebebf0);
-  background-color: var(--color-background-container-content-78ljyf, #ffffff);
+.awsui_token-box_39ths_1hg4x_312.awsui_read-only_39ths_1hg4x_359:not(#\9) {
+  border-color: var(--color-border-input-disabled-zgnzvk, #ebebf0);
+  background-color: var(--color-background-container-content-6u8rvp, #ffffff);
   pointer-events: none;
 }
-.awsui_token-box_39ths_7bxfe_312.awsui_read-only_39ths_7bxfe_359 > .awsui_dismiss-button_39ths_7bxfe_343:not(#\9) {
-  color: var(--color-text-button-inline-icon-disabled-bnn5b7, #b4b4bb);
+.awsui_token-box_39ths_1hg4x_312.awsui_read-only_39ths_1hg4x_359 > .awsui_dismiss-button_39ths_1hg4x_343:not(#\9) {
+  color: var(--color-text-button-inline-icon-disabled-82hho0, #b4b4bb);
 }
-.awsui_token-box_39ths_7bxfe_312.awsui_read-only_39ths_7bxfe_359 > .awsui_dismiss-button_39ths_7bxfe_343:not(#\9):hover {
+.awsui_token-box_39ths_1hg4x_312.awsui_read-only_39ths_1hg4x_359 > .awsui_dismiss-button_39ths_1hg4x_343:not(#\9):hover {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   cursor: initial;
-  color: var(--color-text-button-inline-icon-disabled-bnn5b7, #b4b4bb);
+  color: var(--color-text-button-inline-icon-disabled-82hho0, #b4b4bb);
 }
-.awsui_token-box_39ths_7bxfe_312.awsui_loading_39ths_7bxfe_372:not(#\9) {
-  border-color: var(--color-border-control-disabled-dqtwtk, #dedee3);
-  background-color: var(--color-background-container-content-78ljyf, #ffffff);
+.awsui_token-box_39ths_1hg4x_312.awsui_loading_39ths_1hg4x_372:not(#\9) {
+  border-color: var(--color-border-control-disabled-uj7t08, #dedee3);
+  background-color: var(--color-background-container-content-6u8rvp, #ffffff);
 }

package/file-token-group/styles.selectors.js

@@ -2,27 +2,27 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_39ths_7bxfe_209",
-  "file-loading-overlay": "awsui_file-loading-overlay_39ths_7bxfe_241",
-  "file-loading-overlay-single-row": "awsui_file-loading-overlay-single-row_39ths_7bxfe_246",
-  "file-option-name": "awsui_file-option-name_39ths_7bxfe_250",
-  "file-option-size": "awsui_file-option-size_39ths_7bxfe_251",
-  "file-option-last-modified": "awsui_file-option-last-modified_39ths_7bxfe_252",
-  "file-option": "awsui_file-option_39ths_7bxfe_250",
-  "file-option-thumbnail": "awsui_file-option-thumbnail_39ths_7bxfe_265",
-  "file-option-thumbnail-image": "awsui_file-option-thumbnail-image_39ths_7bxfe_269",
-  "file-option-metadata": "awsui_file-option-metadata_39ths_7bxfe_282",
-  "with-image": "awsui_with-image_39ths_7bxfe_285",
-  "single-row-loading": "awsui_single-row-loading_39ths_7bxfe_288",
-  "token": "awsui_token_39ths_7bxfe_292",
-  "token-grid": "awsui_token-grid_39ths_7bxfe_299",
-  "token-contains-image": "awsui_token-contains-image_39ths_7bxfe_308",
-  "token-box": "awsui_token-box_39ths_7bxfe_312",
-  "horizontal": "awsui_horizontal_39ths_7bxfe_331",
-  "error": "awsui_error_39ths_7bxfe_339",
-  "dismiss-button": "awsui_dismiss-button_39ths_7bxfe_343",
-  "warning": "awsui_warning_39ths_7bxfe_349",
-  "read-only": "awsui_read-only_39ths_7bxfe_359",
-  "loading": "awsui_loading_39ths_7bxfe_372"
+  "root": "awsui_root_39ths_1hg4x_209",
+  "file-loading-overlay": "awsui_file-loading-overlay_39ths_1hg4x_241",
+  "file-loading-overlay-single-row": "awsui_file-loading-overlay-single-row_39ths_1hg4x_246",
+  "file-option-name": "awsui_file-option-name_39ths_1hg4x_250",
+  "file-option-size": "awsui_file-option-size_39ths_1hg4x_251",
+  "file-option-last-modified": "awsui_file-option-last-modified_39ths_1hg4x_252",
+  "file-option": "awsui_file-option_39ths_1hg4x_250",
+  "file-option-thumbnail": "awsui_file-option-thumbnail_39ths_1hg4x_265",
+  "file-option-thumbnail-image": "awsui_file-option-thumbnail-image_39ths_1hg4x_269",
+  "file-option-metadata": "awsui_file-option-metadata_39ths_1hg4x_282",
+  "with-image": "awsui_with-image_39ths_1hg4x_285",
+  "single-row-loading": "awsui_single-row-loading_39ths_1hg4x_288",
+  "token": "awsui_token_39ths_1hg4x_292",
+  "token-grid": "awsui_token-grid_39ths_1hg4x_299",
+  "token-contains-image": "awsui_token-contains-image_39ths_1hg4x_308",
+  "token-box": "awsui_token-box_39ths_1hg4x_312",
+  "horizontal": "awsui_horizontal_39ths_1hg4x_331",
+  "error": "awsui_error_39ths_1hg4x_339",
+  "dismiss-button": "awsui_dismiss-button_39ths_1hg4x_343",
+  "warning": "awsui_warning_39ths_1hg4x_349",
+  "read-only": "awsui_read-only_39ths_1hg4x_359",
+  "loading": "awsui_loading_39ths_1hg4x_372"
 };
   

package/flashbar/interfaces.d.ts

@@ -44,7 +44,7 @@ export interface FlashbarProps extends BaseComponentProps {
      * A flash message object contains the following properties:
      * * `header` (ReactNode) - Specifies the heading text.
      * * `content` (ReactNode) - Specifies the primary text displayed in the flash element.
-     * * `type` (string) - Indicates the type of the message to be displayed. Allowed values are as follows: `success, error, warning, info`. The default is `info`.
+     * * `type` (string) - Indicates the type of the message to be displayed. Allowed values are as follows: `success, error, warning, info, in-progress`. The default is `info`.
      * * `loading` (boolean) - Replaces the status icon with a spinner and forces the type to `info`.
      * * `dismissible` (boolean) - Determines whether the component includes a close button icon. By default, the close button is not included.
      * When a user clicks on this button the `onDismiss` handler is called.

package/flashbar/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/flashbar/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { ButtonProps } from '../button/interfaces';\nimport { ErrorContext } from '../internal/analytics/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\n\nexport namespace FlashbarProps {\n  export interface MessageDefinition {\n    header?: React.ReactNode;\n    content?: React.ReactNode;\n    dismissible?: boolean;\n    dismissLabel?: string;\n    statusIconAriaLabel?: string;\n    loading?: boolean;\n    type?: FlashbarProps.Type;\n    ariaRole?: FlashbarProps.AriaRole;\n    action?: React.ReactNode;\n    id?: string;\n    buttonText?: ButtonProps['children'];\n    onButtonClick?: ButtonProps['onClick'];\n    onDismiss?: ButtonProps['onClick'];\n    analyticsMetadata?: FlashbarProps.ItemAnalyticsMetadata;\n  }\n\n  export interface ItemAnalyticsMetadata {\n    suppressFlowMetricEvents?: boolean;\n    errorContext?: ErrorContext;\n  }\n\n  export interface I18nStrings {\n    ariaLabel?: string;\n    errorIconAriaLabel?: string;\n    infoIconAriaLabel?: string;\n    inProgressIconAriaLabel?: string;\n    notificationBarAriaLabel?: string;\n    notificationBarText?: string;\n    successIconAriaLabel?: string;\n    warningIconAriaLabel?: string;\n  }\n\n  export type Type = 'success' | 'warning' | 'info' | 'error' | 'in-progress';\n  export type AriaRole = 'alert' | 'status';\n}\n\nexport interface FlashbarProps extends BaseComponentProps {\n  /**\n   * Specifies flash messages that appear in the same order that they are listed.\n   * The value is an array of flash message definition objects.\n   *\n   * A flash message object contains the following properties:\n   * * `header` (ReactNode) - Specifies the heading text.\n   * * `content` (ReactNode) - Specifies the primary text displayed in the flash element.\n   * * `type` (string) - Indicates the type of the message to be displayed. Allowed values are as follows: `success, error, warning, info`. The default is `info`.\n   * * `loading` (boolean) - Replaces the status icon with a spinner and forces the type to `info`.\n   * * `dismissible` (boolean) - Determines whether the component includes a close button icon. By default, the close button is not included.\n   * When a user clicks on this button the `onDismiss` handler is called.\n   * * `dismissLabel` (string) - Specifies an `aria-label` for to the dismiss icon button for improved accessibility.\n   * * `statusIconAriaLabel` (string) - Specifies an `aria-label` for to the status icon for improved accessibility.\n   * If not provided, `i18nStrings.{type}IconAriaLabel` will be used as a fallback.\n   * * `ariaRole` (string) - For flash messages added after page load, specifies how this message is communicated to assistive\n   * technology. Use \"status\" for status updates or informational content. Use \"alert\" for important messages that need the\n   * user's attention.\n   * * `action` (ReactNode) - Specifies an action for the flash message. Although it is technically possible to insert any content,\n   * our UX guidelines only allow you to add a button.\n   * * `buttonText` (string) - Specifies that an action button should be displayed, with the specified text.\n   * When a user clicks on this button the `onButtonClick` handler is called.\n   * If the `action` property is set, this property is ignored. **Deprecated**, replaced by `action`.\n   * * `onButtonClick` (event => void) - Called when a user clicks on the action button. This is not called if you create a custom button\n   *   using the `action` property. **Deprecated**, replaced by `action`.\n   * * `id` (string) - Specifies a unique flash message identifier. This property is used in two ways:\n   *   1. As a [keys](https://reactjs.org/docs/lists-and-keys.html#keys) source for React rendering.\n   *   2. To identify which flash message will be removed from the DOM when it is dismissed, to animate it out.\n   * * `analyticsMetadata` (FlashbarProps.ItemAnalyticsMetadata) - (Optional) Specifies additional analytics-related metadata.\n   *   * `suppressFlowMetricEvents` - Prevent this item from generating events related to flow metrics.\n   * @analytics\n   */\n  items: ReadonlyArray<FlashbarProps.MessageDefinition>;\n\n  /**\n   * Specifies whether flash messages should be stacked.\n   */\n  stackItems?: boolean;\n\n  /**\n   * An object containing all the necessary localized strings required by the component. The object should contain:\n   *\n   * * `ariaLabel` - Specifies the ARIA label for the list of notifications.\n   *\n   * If `stackItems` is set to `true`, it should also contain:\n   *\n   * * `notificationBarAriaLabel` - (optional) Specifies the ARIA label for the notification bar\n   * * `notificationBarText` - (optional) Specifies the text shown in the notification bar\n   * * `errorIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `error`.\n   * * `warningIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `warning`.\n   * * `infoIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `info`.\n   * * `successIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `success`.\n   * * `inProgressIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `in-progress` or with `loading` set to `true`.\n   * @i18n\n   */\n  i18nStrings?: FlashbarProps.I18nStrings;\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/flashbar/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { ButtonProps } from '../button/interfaces';\nimport { ErrorContext } from '../internal/analytics/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\n\nexport namespace FlashbarProps {\n  export interface MessageDefinition {\n    header?: React.ReactNode;\n    content?: React.ReactNode;\n    dismissible?: boolean;\n    dismissLabel?: string;\n    statusIconAriaLabel?: string;\n    loading?: boolean;\n    type?: FlashbarProps.Type;\n    ariaRole?: FlashbarProps.AriaRole;\n    action?: React.ReactNode;\n    id?: string;\n    buttonText?: ButtonProps['children'];\n    onButtonClick?: ButtonProps['onClick'];\n    onDismiss?: ButtonProps['onClick'];\n    analyticsMetadata?: FlashbarProps.ItemAnalyticsMetadata;\n  }\n\n  export interface ItemAnalyticsMetadata {\n    suppressFlowMetricEvents?: boolean;\n    errorContext?: ErrorContext;\n  }\n\n  export interface I18nStrings {\n    ariaLabel?: string;\n    errorIconAriaLabel?: string;\n    infoIconAriaLabel?: string;\n    inProgressIconAriaLabel?: string;\n    notificationBarAriaLabel?: string;\n    notificationBarText?: string;\n    successIconAriaLabel?: string;\n    warningIconAriaLabel?: string;\n  }\n\n  export type Type = 'success' | 'warning' | 'info' | 'error' | 'in-progress';\n  export type AriaRole = 'alert' | 'status';\n}\n\nexport interface FlashbarProps extends BaseComponentProps {\n  /**\n   * Specifies flash messages that appear in the same order that they are listed.\n   * The value is an array of flash message definition objects.\n   *\n   * A flash message object contains the following properties:\n   * * `header` (ReactNode) - Specifies the heading text.\n   * * `content` (ReactNode) - Specifies the primary text displayed in the flash element.\n   * * `type` (string) - Indicates the type of the message to be displayed. Allowed values are as follows: `success, error, warning, info, in-progress`. The default is `info`.\n   * * `loading` (boolean) - Replaces the status icon with a spinner and forces the type to `info`.\n   * * `dismissible` (boolean) - Determines whether the component includes a close button icon. By default, the close button is not included.\n   * When a user clicks on this button the `onDismiss` handler is called.\n   * * `dismissLabel` (string) - Specifies an `aria-label` for to the dismiss icon button for improved accessibility.\n   * * `statusIconAriaLabel` (string) - Specifies an `aria-label` for to the status icon for improved accessibility.\n   * If not provided, `i18nStrings.{type}IconAriaLabel` will be used as a fallback.\n   * * `ariaRole` (string) - For flash messages added after page load, specifies how this message is communicated to assistive\n   * technology. Use \"status\" for status updates or informational content. Use \"alert\" for important messages that need the\n   * user's attention.\n   * * `action` (ReactNode) - Specifies an action for the flash message. Although it is technically possible to insert any content,\n   * our UX guidelines only allow you to add a button.\n   * * `buttonText` (string) - Specifies that an action button should be displayed, with the specified text.\n   * When a user clicks on this button the `onButtonClick` handler is called.\n   * If the `action` property is set, this property is ignored. **Deprecated**, replaced by `action`.\n   * * `onButtonClick` (event => void) - Called when a user clicks on the action button. This is not called if you create a custom button\n   *   using the `action` property. **Deprecated**, replaced by `action`.\n   * * `id` (string) - Specifies a unique flash message identifier. This property is used in two ways:\n   *   1. As a [keys](https://reactjs.org/docs/lists-and-keys.html#keys) source for React rendering.\n   *   2. To identify which flash message will be removed from the DOM when it is dismissed, to animate it out.\n   * * `analyticsMetadata` (FlashbarProps.ItemAnalyticsMetadata) - (Optional) Specifies additional analytics-related metadata.\n   *   * `suppressFlowMetricEvents` - Prevent this item from generating events related to flow metrics.\n   * @analytics\n   */\n  items: ReadonlyArray<FlashbarProps.MessageDefinition>;\n\n  /**\n   * Specifies whether flash messages should be stacked.\n   */\n  stackItems?: boolean;\n\n  /**\n   * An object containing all the necessary localized strings required by the component. The object should contain:\n   *\n   * * `ariaLabel` - Specifies the ARIA label for the list of notifications.\n   *\n   * If `stackItems` is set to `true`, it should also contain:\n   *\n   * * `notificationBarAriaLabel` - (optional) Specifies the ARIA label for the notification bar\n   * * `notificationBarText` - (optional) Specifies the text shown in the notification bar\n   * * `errorIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `error`.\n   * * `warningIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `warning`.\n   * * `infoIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `info`.\n   * * `successIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `success`.\n   * * `inProgressIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `in-progress` or with `loading` set to `true`.\n   * @i18n\n   */\n  i18nStrings?: FlashbarProps.I18nStrings;\n}\n"]}

package/flashbar/styles.css.js

@@ -1,55 +1,55 @@
 
     import './styles.scoped.css';
     export default {
-  "flash-with-motion": "awsui_flash-with-motion_1q84n_10lcv_157",
-  "enter": "awsui_enter_1q84n_10lcv_157",
-  "flash-body": "awsui_flash-body_1q84n_10lcv_171",
-  "flash-message": "awsui_flash-message_1q84n_10lcv_171",
-  "flash-header": "awsui_flash-header_1q84n_10lcv_171",
-  "flash-content": "awsui_flash-content_1q84n_10lcv_172",
-  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_10lcv_173",
-  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_10lcv_174",
-  "flash-icon": "awsui_flash-icon_1q84n_10lcv_197",
-  "entering": "awsui_entering_1q84n_10lcv_210",
-  "entered": "awsui_entered_1q84n_10lcv_231",
-  "exiting": "awsui_exiting_1q84n_10lcv_336",
-  "stack": "awsui_stack_1q84n_10lcv_370",
-  "animation-running": "awsui_animation-running_1q84n_10lcv_370",
-  "item": "awsui_item_1q84n_10lcv_370",
-  "flash-list-item": "awsui_flash-list-item_1q84n_10lcv_371",
-  "notification-bar": "awsui_notification-bar_1q84n_10lcv_372",
-  "collapsed": "awsui_collapsed_1q84n_10lcv_392",
-  "animation-ready": "awsui_animation-ready_1q84n_10lcv_392",
-  "expanded-only": "awsui_expanded-only_1q84n_10lcv_392",
-  "expanded": "awsui_expanded_1q84n_10lcv_392",
-  "flash": "awsui_flash_1q84n_10lcv_157",
-  "collapsible": "awsui_collapsible_1q84n_10lcv_448",
-  "short-list": "awsui_short-list_1q84n_10lcv_454",
-  "visual-refresh": "awsui_visual-refresh_1q84n_10lcv_454",
-  "status": "awsui_status_1q84n_10lcv_601",
-  "header": "awsui_header_1q84n_10lcv_601",
-  "item-count": "awsui_item-count_1q84n_10lcv_602",
-  "button": "awsui_button_1q84n_10lcv_603",
-  "type-count": "awsui_type-count_1q84n_10lcv_636",
-  "count-number": "awsui_count-number_1q84n_10lcv_636",
-  "icon": "awsui_icon_1q84n_10lcv_670",
-  "floating": "awsui_floating_1q84n_10lcv_711",
-  "flashbar": "awsui_flashbar_1q84n_10lcv_715",
-  "initial-hidden": "awsui_initial-hidden_1q84n_10lcv_773",
-  "flash-list": "awsui_flash-list_1q84n_10lcv_371",
-  "flash-focus-container": "awsui_flash-focus-container_1q84n_10lcv_797",
-  "flash-text": "awsui_flash-text_1q84n_10lcv_827",
-  "hidden": "awsui_hidden_1q84n_10lcv_846",
-  "header-replacement": "awsui_header-replacement_1q84n_10lcv_851",
-  "content-replacement": "awsui_content-replacement_1q84n_10lcv_856",
-  "dismiss-button": "awsui_dismiss-button_1q84n_10lcv_174",
-  "action-wrapped": "awsui_action-wrapped_1q84n_10lcv_874",
-  "action-button": "awsui_action-button_1q84n_10lcv_173",
-  "action-slot": "awsui_action-slot_1q84n_10lcv_881",
-  "flash-type-success": "awsui_flash-type-success_1q84n_10lcv_885",
-  "flash-type-error": "awsui_flash-type-error_1q84n_10lcv_889",
-  "flash-type-info": "awsui_flash-type-info_1q84n_10lcv_893",
-  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_10lcv_894",
-  "flash-type-warning": "awsui_flash-type-warning_1q84n_10lcv_898"
+  "flash-with-motion": "awsui_flash-with-motion_1q84n_s69o2_157",
+  "enter": "awsui_enter_1q84n_s69o2_157",
+  "flash-body": "awsui_flash-body_1q84n_s69o2_171",
+  "flash-message": "awsui_flash-message_1q84n_s69o2_171",
+  "flash-header": "awsui_flash-header_1q84n_s69o2_171",
+  "flash-content": "awsui_flash-content_1q84n_s69o2_172",
+  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_s69o2_173",
+  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_s69o2_174",
+  "flash-icon": "awsui_flash-icon_1q84n_s69o2_197",
+  "entering": "awsui_entering_1q84n_s69o2_210",
+  "entered": "awsui_entered_1q84n_s69o2_231",
+  "exiting": "awsui_exiting_1q84n_s69o2_336",
+  "stack": "awsui_stack_1q84n_s69o2_370",
+  "animation-running": "awsui_animation-running_1q84n_s69o2_370",
+  "item": "awsui_item_1q84n_s69o2_370",
+  "flash-list-item": "awsui_flash-list-item_1q84n_s69o2_371",
+  "notification-bar": "awsui_notification-bar_1q84n_s69o2_372",
+  "collapsed": "awsui_collapsed_1q84n_s69o2_392",
+  "animation-ready": "awsui_animation-ready_1q84n_s69o2_392",
+  "expanded-only": "awsui_expanded-only_1q84n_s69o2_392",
+  "expanded": "awsui_expanded_1q84n_s69o2_392",
+  "flash": "awsui_flash_1q84n_s69o2_157",
+  "collapsible": "awsui_collapsible_1q84n_s69o2_448",
+  "short-list": "awsui_short-list_1q84n_s69o2_454",
+  "visual-refresh": "awsui_visual-refresh_1q84n_s69o2_454",
+  "status": "awsui_status_1q84n_s69o2_601",
+  "header": "awsui_header_1q84n_s69o2_601",
+  "item-count": "awsui_item-count_1q84n_s69o2_602",
+  "button": "awsui_button_1q84n_s69o2_603",
+  "type-count": "awsui_type-count_1q84n_s69o2_636",
+  "count-number": "awsui_count-number_1q84n_s69o2_636",
+  "icon": "awsui_icon_1q84n_s69o2_670",
+  "floating": "awsui_floating_1q84n_s69o2_711",
+  "flashbar": "awsui_flashbar_1q84n_s69o2_715",
+  "initial-hidden": "awsui_initial-hidden_1q84n_s69o2_773",
+  "flash-list": "awsui_flash-list_1q84n_s69o2_371",
+  "flash-focus-container": "awsui_flash-focus-container_1q84n_s69o2_797",
+  "flash-text": "awsui_flash-text_1q84n_s69o2_827",
+  "hidden": "awsui_hidden_1q84n_s69o2_846",
+  "header-replacement": "awsui_header-replacement_1q84n_s69o2_851",
+  "content-replacement": "awsui_content-replacement_1q84n_s69o2_856",
+  "dismiss-button": "awsui_dismiss-button_1q84n_s69o2_174",
+  "action-wrapped": "awsui_action-wrapped_1q84n_s69o2_874",
+  "action-button": "awsui_action-button_1q84n_s69o2_173",
+  "action-slot": "awsui_action-slot_1q84n_s69o2_881",
+  "flash-type-success": "awsui_flash-type-success_1q84n_s69o2_885",
+  "flash-type-error": "awsui_flash-type-error_1q84n_s69o2_889",
+  "flash-type-info": "awsui_flash-type-info_1q84n_s69o2_893",
+  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_s69o2_894",
+  "flash-type-warning": "awsui_flash-type-warning_1q84n_s69o2_898"
 };