@cloudscape-design/components 3.0.1012 → 3.0.1014

package/flashbar/interfaces.d.ts

@@ -3,182 +3,222 @@ import { ButtonProps } from '../button/interfaces';
 import { ErrorContext } from '../internal/analytics/interfaces';
 import { BaseComponentProps } from '../internal/base-component';
 export declare namespace FlashbarProps {
-    interface MessageDefinition {
-        header?: React.ReactNode;
-        content?: React.ReactNode;
-        dismissible?: boolean;
-        dismissLabel?: string;
-        statusIconAriaLabel?: string;
-        loading?: boolean;
-        type?: FlashbarProps.Type;
-        ariaRole?: FlashbarProps.AriaRole;
-        action?: React.ReactNode;
-        id?: string;
-        buttonText?: ButtonProps['children'];
-        onButtonClick?: ButtonProps['onClick'];
-        onDismiss?: ButtonProps['onClick'];
-        analyticsMetadata?: FlashbarProps.ItemAnalyticsMetadata;
-    }
-    interface ItemAnalyticsMetadata {
-        suppressFlowMetricEvents?: boolean;
-        errorContext?: ErrorContext;
-    }
-    interface I18nStrings {
-        ariaLabel?: string;
-        errorIconAriaLabel?: string;
-        infoIconAriaLabel?: string;
-        inProgressIconAriaLabel?: string;
-        notificationBarAriaLabel?: string;
-        notificationBarText?: string;
-        successIconAriaLabel?: string;
-        warningIconAriaLabel?: string;
-    }
-    interface Style {
-        item?: {
-            root?: {
-                background?: {
-                    error?: string;
-                    info?: string;
-                    inProgress?: string;
-                    success?: string;
-                    warning?: string;
-                };
-                borderColor?: {
-                    error?: string;
-                    info?: string;
-                    inProgress?: string;
-                    success?: string;
-                    warning?: string;
-                };
-                borderRadius?: string;
-                borderWidth?: string;
-                color?: {
-                    error?: string;
-                    info?: string;
-                    inProgress?: string;
-                    success?: string;
-                    warning?: string;
-                };
-                focusRing?: {
-                    borderColor?: string;
-                    borderRadius?: string;
-                    borderWidth?: string;
-                };
-            };
-            dismissButton?: {
-                color?: {
-                    active?: string;
-                    default?: string;
-                    hover?: string;
-                };
-                focusRing?: {
-                    borderColor?: string;
-                    borderRadius?: string;
-                    borderWidth?: string;
-                };
-            };
+  interface MessageDefinition {
+    header?: React.ReactNode;
+    content?: React.ReactNode;
+    dismissible?: boolean;
+    dismissLabel?: string;
+    statusIconAriaLabel?: string;
+    loading?: boolean;
+    type?: FlashbarProps.Type;
+    ariaRole?: FlashbarProps.AriaRole;
+    action?: React.ReactNode;
+    id?: string;
+    buttonText?: ButtonProps['children'];
+    onButtonClick?: ButtonProps['onClick'];
+    onDismiss?: ButtonProps['onClick'];
+    analyticsMetadata?: FlashbarProps.ItemAnalyticsMetadata;
+  }
+  interface ItemAnalyticsMetadata {
+    suppressFlowMetricEvents?: boolean;
+    errorContext?: ErrorContext;
+  }
+  interface I18nStrings {
+    ariaLabel?: string;
+    errorIconAriaLabel?: string;
+    infoIconAriaLabel?: string;
+    inProgressIconAriaLabel?: string;
+    notificationBarAriaLabel?: string;
+    notificationBarText?: string;
+    successIconAriaLabel?: string;
+    warningIconAriaLabel?: string;
+  }
+  interface Style {
+    item?: {
+      root?: {
+        background?: {
+          error?: string;
+          info?: string;
+          inProgress?: string;
+          success?: string;
+          warning?: string;
         };
-        notificationBar?: {
-            root: {
-                background?: {
-                    active?: string;
-                    default?: string;
-                    hover?: string;
-                };
-                borderColor?: {
-                    active?: string;
-                    default?: string;
-                    hover?: string;
-                };
-                borderRadius?: string;
-                borderWidth?: string;
-                color?: {
-                    active?: string;
-                    default?: string;
-                    hover?: string;
-                };
-            };
+        borderColor?: {
+          error?: string;
+          info?: string;
+          inProgress?: string;
+          success?: string;
+          warning?: string;
         };
-    }
-    type Type = 'success' | 'warning' | 'info' | 'error' | 'in-progress';
-    type AriaRole = 'alert' | 'status';
+        borderRadius?: string;
+        borderWidth?: string;
+        color?: {
+          error?: string;
+          info?: string;
+          inProgress?: string;
+          success?: string;
+          warning?: string;
+        };
+        focusRing?: {
+          borderColor?: {
+            error?: string;
+            info?: string;
+            inProgress?: string;
+            success?: string;
+            warning?: string;
+          };
+          borderRadius?: string;
+          borderWidth?: string;
+        };
+      };
+      dismissButton?: {
+        color?: {
+          active?: {
+            error?: string;
+            info?: string;
+            inProgress?: string;
+            success?: string;
+            warning?: string;
+          };
+          default?: {
+            error?: string;
+            info?: string;
+            inProgress?: string;
+            success?: string;
+            warning?: string;
+          };
+          hover?: {
+            error?: string;
+            info?: string;
+            inProgress?: string;
+            success?: string;
+            warning?: string;
+          };
+        };
+        focusRing?: {
+          borderColor?: {
+            error?: string;
+            info?: string;
+            inProgress?: string;
+            success?: string;
+            warning?: string;
+          };
+          borderRadius?: string;
+          borderWidth?: string;
+        };
+      };
+    };
+    notificationBar?: {
+      root?: {
+        background?: {
+          active?: string;
+          default?: string;
+          hover?: string;
+        };
+        borderColor?: {
+          active?: string;
+          default?: string;
+          hover?: string;
+        };
+        borderRadius?: string;
+        borderWidth?: string;
+        color?: {
+          active?: string;
+          default?: string;
+          hover?: string;
+        };
+      };
+      expandButton?: {
+        focusRing?: {
+          borderColor?: string;
+          borderRadius?: string;
+          borderWidth?: string;
+        };
+      };
+    };
+  }
+  type Type = 'success' | 'warning' | 'info' | 'error' | 'in-progress';
+  type AriaRole = 'alert' | 'status';
 }
 export interface FlashbarProps extends BaseComponentProps {
-    /**
-     * Specifies flash messages that appear in the same order that they are listed.
-     * The value is an array of flash message definition objects.
-     *
-     * 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, 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.
-     * * `dismissLabel` (string) - Specifies an `aria-label` for to the dismiss icon button for improved accessibility.
-     * * `statusIconAriaLabel` (string) - Specifies an `aria-label` for to the status icon for improved accessibility.
-     * If not provided, `i18nStrings.{type}IconAriaLabel` will be used as a fallback.
-     * * `ariaRole` (string) - For flash messages added after page load, specifies how this message is communicated to assistive
-     * technology. Use "status" for status updates or informational content. Use "alert" for important messages that need the
-     * user's attention.
-     * * `action` (ReactNode) - Specifies an action for the flash message. Although it is technically possible to insert any content,
-     * our UX guidelines only allow you to add a button.
-     * * `buttonText` (string) - Specifies that an action button should be displayed, with the specified text.
-     * When a user clicks on this button the `onButtonClick` handler is called.
-     * If the `action` property is set, this property is ignored. **Deprecated**, replaced by `action`.
-     * * `onButtonClick` (event => void) - Called when a user clicks on the action button. This is not called if you create a custom button
-     *   using the `action` property. **Deprecated**, replaced by `action`.
-     * * `id` (string) - Specifies a unique flash message identifier. This property is used in two ways:
-     *   1. As a [keys](https://reactjs.org/docs/lists-and-keys.html#keys) source for React rendering.
-     *   2. To identify which flash message will be removed from the DOM when it is dismissed, to animate it out.
-     * * `analyticsMetadata` (FlashbarProps.ItemAnalyticsMetadata) - (Optional) Specifies additional analytics-related metadata.
-     *   * `suppressFlowMetricEvents` - Prevent this item from generating events related to flow metrics.
-     * @analytics
-     */
-    items: ReadonlyArray<FlashbarProps.MessageDefinition>;
-    /**
-     * Specifies whether flash messages should be stacked.
-     */
-    stackItems?: boolean;
-    /**
-     * An object containing all the necessary localized strings required by the component. The object should contain:
-     *
-     * * `ariaLabel` - Specifies the ARIA label for the list of notifications.
-     *
-     * If `stackItems` is set to `true`, it should also contain:
-     *
-     * * `notificationBarAriaLabel` - (optional) Specifies the ARIA label for the notification bar
-     * * `notificationBarText` - (optional) Specifies the text shown in the notification bar
-     * * `errorIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `error`.
-     * * `warningIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `warning`.
-     * * `infoIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `info`.
-     * * `successIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `success`.
-     * * `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`.
-     * @i18n
-     */
-    i18nStrings?: FlashbarProps.I18nStrings;
-    /**
-     * Specifies an object of selectors and properties that are used to apply custom styles.
-     *
-     * - `item.root.background` {error, info, inProgress, success, warning} - (Optional) Background for item types.
-     * - `item.root.borderColor` {error, info, inProgress, success, warning} - (Optional) Border color for item types.
-     * - `item.root.borderRadius` (string) - (Optional) Item border radius.
-     * - `item.root.borderWidth` (string) - (Optional) Item border width.
-     * - `item.root.color` {error, info, inProgress, success, warning} - (Optional) Color for item types.
-     * - `item.root.focusRing.borderColor` (string) - (Optional) Item focus ring border color.
-     * - `item.root.focusRing.borderRadius` (string) - (Optional) Item focus ring border radius.
-     * - `item.root.focusRing.borderWidth` (string) - (Optional) Item focus ring border width.
-     * - `item.dismissButton.color` {active, default, hover} - (Optional) Color for dismiss button states.
-     * - `item.dismissButton.focusRing.borderColor` (string) - (Optional) Dismiss button focus ring border color.
-     * - `item.dismissButton.focusRing.borderRadius` (string) - (Optional) Dismiss button focus ring border radius.
-     * - `item.dismissButton.focusRing.borderWidth` (string) - (Optional) Dismiss button focus ring border width.
-     * - `notificationBar.root.background` {active, default, hover} - (Optional) Background for notification bar states.
-     * - `notificationBar.root.borderColor` {active, default, hover} - (Optional) Border color for notification bar states.
-     * - `notificationBar.root.borderRadius` (string) - (Optional) Notification bar border radius.
-     * - `notificationBar.root.borderWidth` (string) - (Optional) Notification bar border width.
-     * - `notificationBar.root.color` {active, default, hover} - (Optional) Color for notification bar states.
-     * @awsuiSystem core
-     */
-    style?: FlashbarProps.Style;
-}
-//# sourceMappingURL=interfaces.d.ts.map
+  /**
+   * Specifies flash messages that appear in the same order that they are listed.
+   * The value is an array of flash message definition objects.
+   *
+   * 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, 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.
+   * * `dismissLabel` (string) - Specifies an `aria-label` for to the dismiss icon button for improved accessibility.
+   * * `statusIconAriaLabel` (string) - Specifies an `aria-label` for to the status icon for improved accessibility.
+   * If not provided, `i18nStrings.{type}IconAriaLabel` will be used as a fallback.
+   * * `ariaRole` (string) - For flash messages added after page load, specifies how this message is communicated to assistive
+   * technology. Use "status" for status updates or informational content. Use "alert" for important messages that need the
+   * user's attention.
+   * * `action` (ReactNode) - Specifies an action for the flash message. Although it is technically possible to insert any content,
+   * our UX guidelines only allow you to add a button.
+   * * `buttonText` (string) - Specifies that an action button should be displayed, with the specified text.
+   * When a user clicks on this button the `onButtonClick` handler is called.
+   * If the `action` property is set, this property is ignored. **Deprecated**, replaced by `action`.
+   * * `onButtonClick` (event => void) - Called when a user clicks on the action button. This is not called if you create a custom button
+   *   using the `action` property. **Deprecated**, replaced by `action`.
+   * * `id` (string) - Specifies a unique flash message identifier. This property is used in two ways:
+   *   1. As a [keys](https://reactjs.org/docs/lists-and-keys.html#keys) source for React rendering.
+   *   2. To identify which flash message will be removed from the DOM when it is dismissed, to animate it out.
+   * * `analyticsMetadata` (FlashbarProps.ItemAnalyticsMetadata) - (Optional) Specifies additional analytics-related metadata.
+   *   * `suppressFlowMetricEvents` - Prevent this item from generating events related to flow metrics.
+   * @analytics
+   */
+  items: ReadonlyArray<FlashbarProps.MessageDefinition>;
+  /**
+   * Specifies whether flash messages should be stacked.
+   */
+  stackItems?: boolean;
+  /**
+   * An object containing all the necessary localized strings required by the component. The object should contain:
+   *
+   * * `ariaLabel` - Specifies the ARIA label for the list of notifications.
+   *
+   * If `stackItems` is set to `true`, it should also contain:
+   *
+   * * `notificationBarAriaLabel` - (optional) Specifies the ARIA label for the notification bar
+   * * `notificationBarText` - (optional) Specifies the text shown in the notification bar
+   * * `errorIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `error`.
+   * * `warningIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `warning`.
+   * * `infoIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `info`.
+   * * `successIconAriaLabel` - (optional) Specifies the ARIA label for the icon displayed next to the number of items of type `success`.
+   * * `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`.
+   * @i18n
+   */
+  i18nStrings?: FlashbarProps.I18nStrings;
+  /**
+   * Specifies an object of selectors and properties that are used to apply custom styles.
+   *
+   * - `item.root.background` {error, info, inProgress, success, warning} - (Optional) Background for item types.
+   * - `item.root.borderColor` {error, info, inProgress, success, warning} - (Optional) Border color for item types.
+   * - `item.root.borderRadius` (string) - (Optional) Item border radius.
+   * - `item.root.borderWidth` (string) - (Optional) Item border width.
+   * - `item.root.color` {error, info, inProgress, success, warning} - (Optional) Color for item types.
+   * - `item.root.focusRing.borderColor` {error, info, inProgress, success, warning} - (Optional) Item focus ring border color.
+   * - `item.root.focusRing.borderRadius` (string) - (Optional) Item focus ring border radius.
+   * - `item.root.focusRing.borderWidth` (string) - (Optional) Item focus ring border width.
+   * - `item.dismissButton.color.active` {error, info, inProgress, success, warning} - (Optional) Color for dismiss button active state.
+   * - `item.dismissButton.color.default` {error, info, inProgress, success, warning} - (Optional) Color for dismiss button default state.
+   * - `item.dismissButton.color.hover` {error, info, inProgress, success, warning} - (Optional) Color for dismiss button hover state.
+   * - `item.dismissButton.focusRing.borderColor` {error, info, inProgress, success, warning} - (Optional) Dismiss button focus ring border color.
+   * - `item.dismissButton.focusRing.borderRadius` (string) - (Optional) Dismiss button focus ring border radius.
+   * - `item.dismissButton.focusRing.borderWidth` (string) - (Optional) Dismiss button focus ring border width.
+   * - `notificationBar.root.background` {active, default, hover} - (Optional) Background for notification bar states.
+   * - `notificationBar.root.borderColor` {active, default, hover} - (Optional) Border color for notification bar states.
+   * - `notificationBar.root.borderRadius` (string) - (Optional) Notification bar border radius.
+   * - `notificationBar.root.borderWidth` (string) - (Optional) Notification bar border width.
+   * - `notificationBar.root.color` {active, default, hover} - (Optional) Color for notification bar states.
+   * - `notificationBar.expandButton.focusRing.borderColor` (string) - (Optional) Border color for the expand button.
+   * - `notificationBar.expandButton.focusRing.borderRadius` (string) - (Optional) Border radius for the expand button.
+   * - `notificationBar.expandButton.focusRing.borderWidth` (string) - (Optional) Border width for the expand button.
+   * @awsuiSystem core
+   */
+}

package/flashbar/interfaces.d.ts.map

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

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 interface Style {\n    item?: {\n      root?: {\n        background?: {\n          error?: string;\n          info?: string;\n          inProgress?: string;\n          success?: string;\n          warning?: string;\n        };\n        borderColor?: {\n          error?: string;\n          info?: string;\n          inProgress?: string;\n          success?: string;\n          warning?: string;\n        };\n        borderRadius?: string;\n        borderWidth?: string;\n        color?: {\n          error?: string;\n          info?: string;\n          inProgress?: string;\n          success?: string;\n          warning?: string;\n        };\n        focusRing?: {\n          borderColor?: string;\n          borderRadius?: string;\n          borderWidth?: string;\n        };\n      };\n      dismissButton?: {\n        color?: {\n          active?: string;\n          default?: string;\n          hover?: string;\n        };\n        focusRing?: {\n          borderColor?: string;\n          borderRadius?: string;\n          borderWidth?: string;\n        };\n      };\n    };\n    notificationBar?: {\n      root: {\n        background?: {\n          active?: string;\n          default?: string;\n          hover?: string;\n        };\n        borderColor?: {\n          active?: string;\n          default?: string;\n          hover?: string;\n        };\n        borderRadius?: string;\n        borderWidth?: string;\n        color?: {\n          active?: string;\n          default?: string;\n          hover?: string;\n        };\n      };\n    };\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  /**\n   * Specifies an object of selectors and properties that are used to apply custom styles.\n   *\n   * - `item.root.background` {error, info, inProgress, success, warning} - (Optional) Background for item types.\n   * - `item.root.borderColor` {error, info, inProgress, success, warning} - (Optional) Border color for item types.\n   * - `item.root.borderRadius` (string) - (Optional) Item border radius.\n   * - `item.root.borderWidth` (string) - (Optional) Item border width.\n   * - `item.root.color` {error, info, inProgress, success, warning} - (Optional) Color for item types.\n   * - `item.root.focusRing.borderColor` (string) - (Optional) Item focus ring border color.\n   * - `item.root.focusRing.borderRadius` (string) - (Optional) Item focus ring border radius.\n   * - `item.root.focusRing.borderWidth` (string) - (Optional) Item focus ring border width.\n   * - `item.dismissButton.color` {active, default, hover} - (Optional) Color for dismiss button states.\n   * - `item.dismissButton.focusRing.borderColor` (string) - (Optional) Dismiss button focus ring border color.\n   * - `item.dismissButton.focusRing.borderRadius` (string) - (Optional) Dismiss button focus ring border radius.\n   * - `item.dismissButton.focusRing.borderWidth` (string) - (Optional) Dismiss button focus ring border width.\n   * - `notificationBar.root.background` {active, default, hover} - (Optional) Background for notification bar states.\n   * - `notificationBar.root.borderColor` {active, default, hover} - (Optional) Border color for notification bar states.\n   * - `notificationBar.root.borderRadius` (string) - (Optional) Notification bar border radius.\n   * - `notificationBar.root.borderWidth` (string) - (Optional) Notification bar border width.\n   * - `notificationBar.root.color` {active, default, hover} - (Optional) Color for notification bar states.\n   * @awsuiSystem core\n   */\n  style?: FlashbarProps.Style;\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 interface Style {\n    item?: {\n      root?: {\n        background?: {\n          error?: string;\n          info?: string;\n          inProgress?: string;\n          success?: string;\n          warning?: string;\n        };\n        borderColor?: {\n          error?: string;\n          info?: string;\n          inProgress?: string;\n          success?: string;\n          warning?: string;\n        };\n        borderRadius?: string;\n        borderWidth?: string;\n        color?: {\n          error?: string;\n          info?: string;\n          inProgress?: string;\n          success?: string;\n          warning?: string;\n        };\n        focusRing?: {\n          borderColor?: {\n            error?: string;\n            info?: string;\n            inProgress?: string;\n            success?: string;\n            warning?: string;\n          };\n          borderRadius?: string;\n          borderWidth?: string;\n        };\n      };\n      dismissButton?: {\n        color?: {\n          active?: {\n            error?: string;\n            info?: string;\n            inProgress?: string;\n            success?: string;\n            warning?: string;\n          };\n          default?: {\n            error?: string;\n            info?: string;\n            inProgress?: string;\n            success?: string;\n            warning?: string;\n          };\n          hover?: {\n            error?: string;\n            info?: string;\n            inProgress?: string;\n            success?: string;\n            warning?: string;\n          };\n        };\n        focusRing?: {\n          borderColor?: {\n            error?: string;\n            info?: string;\n            inProgress?: string;\n            success?: string;\n            warning?: string;\n          };\n          borderRadius?: string;\n          borderWidth?: string;\n        };\n      };\n    };\n    notificationBar?: {\n      root?: {\n        background?: {\n          active?: string;\n          default?: string;\n          hover?: string;\n        };\n        borderColor?: {\n          active?: string;\n          default?: string;\n          hover?: string;\n        };\n        borderRadius?: string;\n        borderWidth?: string;\n        color?: {\n          active?: string;\n          default?: string;\n          hover?: string;\n        };\n      };\n      expandButton?: {\n        focusRing?: {\n          borderColor?: string;\n          borderRadius?: string;\n          borderWidth?: string;\n        };\n      };\n    };\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  /**\n   * Specifies an object of selectors and properties that are used to apply custom styles.\n   *\n   * - `item.root.background` {error, info, inProgress, success, warning} - (Optional) Background for item types.\n   * - `item.root.borderColor` {error, info, inProgress, success, warning} - (Optional) Border color for item types.\n   * - `item.root.borderRadius` (string) - (Optional) Item border radius.\n   * - `item.root.borderWidth` (string) - (Optional) Item border width.\n   * - `item.root.color` {error, info, inProgress, success, warning} - (Optional) Color for item types.\n   * - `item.root.focusRing.borderColor` {error, info, inProgress, success, warning} - (Optional) Item focus ring border color.\n   * - `item.root.focusRing.borderRadius` (string) - (Optional) Item focus ring border radius.\n   * - `item.root.focusRing.borderWidth` (string) - (Optional) Item focus ring border width.\n   * - `item.dismissButton.color.active` {error, info, inProgress, success, warning} - (Optional) Color for dismiss button active state.\n   * - `item.dismissButton.color.default` {error, info, inProgress, success, warning} - (Optional) Color for dismiss button default state.\n   * - `item.dismissButton.color.hover` {error, info, inProgress, success, warning} - (Optional) Color for dismiss button hover state.\n   * - `item.dismissButton.focusRing.borderColor` {error, info, inProgress, success, warning} - (Optional) Dismiss button focus ring border color.\n   * - `item.dismissButton.focusRing.borderRadius` (string) - (Optional) Dismiss button focus ring border radius.\n   * - `item.dismissButton.focusRing.borderWidth` (string) - (Optional) Dismiss button focus ring border width.\n   * - `notificationBar.root.background` {active, default, hover} - (Optional) Background for notification bar states.\n   * - `notificationBar.root.borderColor` {active, default, hover} - (Optional) Border color for notification bar states.\n   * - `notificationBar.root.borderRadius` (string) - (Optional) Notification bar border radius.\n   * - `notificationBar.root.borderWidth` (string) - (Optional) Notification bar border width.\n   * - `notificationBar.root.color` {active, default, hover} - (Optional) Color for notification bar states.\n   * - `notificationBar.expandButton.focusRing.borderColor` (string) - (Optional) Border color for the expand button.\n   * - `notificationBar.expandButton.focusRing.borderRadius` (string) - (Optional) Border radius for the expand button.\n   * - `notificationBar.expandButton.focusRing.borderWidth` (string) - (Optional) Border width for the expand button.\n   * @awsuiSystem core\n   */\n  style?: FlashbarProps.Style;\n}\n"]}

package/flashbar/internal-do-not-use-core.js

@@ -0,0 +1,16 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import { applyDisplayName } from '../internal/utils/apply-display-name';
+import CollapsibleFlashbar from './collapsible-flashbar';
+import NonCollapsibleFlashbar from './non-collapsible-flashbar';
+export default function Flashbar(props) {
+    if (props.stackItems) {
+        return React.createElement(CollapsibleFlashbar, Object.assign({}, props));
+    }
+    else {
+        return React.createElement(NonCollapsibleFlashbar, Object.assign({}, props));
+    }
+}
+applyDisplayName(Flashbar, 'Flashbar');
+//# sourceMappingURL=index.js.map

package/flashbar/non-collapsible-flashbar.d.ts

@@ -1,4 +1,8 @@
 /// <reference types="react" />
 import { FlashbarProps } from './interfaces';
-export default function NonCollapsibleFlashbar({ items, i18nStrings, style, ...restProps }: FlashbarProps): JSX.Element;
-//# sourceMappingURL=non-collapsible-flashbar.d.ts.map
+export default function NonCollapsibleFlashbar({
+  items,
+  i18nStrings,
+  style,
+  ...restProps
+}: FlashbarProps): JSX.Element;

package/flashbar/style.d.ts

@@ -0,0 +1,35 @@
+import { FlashbarProps } from './interfaces';
+export declare function getCollapsibleFlashStyles(style: FlashbarProps.Style, type?: string): {
+  background: string | undefined;
+  borderColor: string | undefined;
+  borderRadius: string | undefined;
+  borderStyle: string | undefined;
+  borderWidth: string | undefined;
+  color: string | undefined;
+};
+export declare function getFlashStyles(style: FlashbarProps.Style, type?: string): {
+  background: string | undefined;
+  borderColor: string | undefined;
+  borderRadius: string | undefined;
+  borderStyle: string | undefined;
+  borderWidth: string | undefined;
+  color: string | undefined;
+};
+export declare function getDismissButtonStyles(style: FlashbarProps.Style, type?: string): {
+  root: {
+    color: {
+      active: string | undefined;
+      default: string | undefined;
+      hover: string | undefined;
+    };
+    focusRing: {
+      borderColor: string | undefined;
+      borderRadius: string | undefined;
+      borderWidth: string | undefined;
+    };
+  };
+};
+export declare function getNotificationBarStyles(style: FlashbarProps.Style): {
+  borderRadius: string | undefined;
+  borderWidth: string | undefined;
+};

package/flashbar/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/flashbar/style.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,IAAI,GAAE,MAAe;;;;;;;EAiC1F;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,IAAI,GAAE,MAAe;;;;;;;EAkB/E;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,IAAI,GAAE,MAAe;;;;;;;;;;;;;EAyCvF;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK;;;EAwClE"}