npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1022 → 3.0.1024 - Mend

@cloudscape-design/components-themeable 3.0.1022 → 3.0.1024

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (165) hide show

package/lib/internal/template/flashbar/style.js ADDED Viewed

@@ -0,0 +1,105 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import customCssProps from '../internal/generated/custom-css-properties';
+export function getCollapsibleFlashStyles(style, type = 'info') {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
+    const background = ((_b = (_a = style === null || style === void 0 ? void 0 : style.item) === null || _a === void 0 ? void 0 : _a.root) === null || _b === void 0 ? void 0 : _b.background) &&
+        (type === 'in-progress'
+            ? (_d = (_c = style === null || style === void 0 ? void 0 : style.item) === null || _c === void 0 ? void 0 : _c.root) === null || _d === void 0 ? void 0 : _d.background.inProgress
+            : (_f = (_e = style === null || style === void 0 ? void 0 : style.item) === null || _e === void 0 ? void 0 : _e.root) === null || _f === void 0 ? void 0 : _f.background[type]);
+    const borderColor = ((_h = (_g = style === null || style === void 0 ? void 0 : style.item) === null || _g === void 0 ? void 0 : _g.root) === null || _h === void 0 ? void 0 : _h.borderColor) &&
+        (type === 'in-progress'
+            ? (_k = (_j = style === null || style === void 0 ? void 0 : style.item) === null || _j === void 0 ? void 0 : _j.root) === null || _k === void 0 ? void 0 : _k.borderColor.inProgress
+            : (_m = (_l = style === null || style === void 0 ? void 0 : style.item) === null || _l === void 0 ? void 0 : _l.root) === null || _m === void 0 ? void 0 : _m.borderColor[type]);
+    const borderRadius = (_p = (_o = style === null || style === void 0 ? void 0 : style.item) === null || _o === void 0 ? void 0 : _o.root) === null || _p === void 0 ? void 0 : _p.borderRadius;
+    const borderWidth = (_r = (_q = style === null || style === void 0 ? void 0 : style.item) === null || _q === void 0 ? void 0 : _q.root) === null || _r === void 0 ? void 0 : _r.borderWidth;
+    const borderStyle = ((_t = (_s = style === null || style === void 0 ? void 0 : style.item) === null || _s === void 0 ? void 0 : _s.root) === null || _t === void 0 ? void 0 : _t.borderWidth) && 'solid';
+    const color = ((_v = (_u = style === null || style === void 0 ? void 0 : style.item) === null || _u === void 0 ? void 0 : _u.root) === null || _v === void 0 ? void 0 : _v.color) &&
+        (type === 'in-progress'
+            ? (_x = (_w = style === null || style === void 0 ? void 0 : style.item) === null || _w === void 0 ? void 0 : _w.root) === null || _x === void 0 ? void 0 : _x.color.inProgress
+            : (_z = (_y = style === null || style === void 0 ? void 0 : style.item) === null || _y === void 0 ? void 0 : _y.root) === null || _z === void 0 ? void 0 : _z.color[type]);
+    return {
+        background,
+        borderColor,
+        borderRadius,
+        borderStyle,
+        borderWidth,
+        color,
+    };
+}
+export function getFlashStyles(style, type = 'info') {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    const focusRingBorderColor = ((_c = (_b = (_a = style === null || style === void 0 ? void 0 : style.item) === null || _a === void 0 ? void 0 : _a.root) === null || _b === void 0 ? void 0 : _b.focusRing) === null || _c === void 0 ? void 0 : _c.borderColor) &&
+        (type === 'in-progress'
+            ? style.item.root.focusRing.borderColor.inProgress
+            : style.item.root.focusRing.borderColor[type]);
+    return Object.assign(Object.assign(Object.assign({}, (style && getCollapsibleFlashStyles(style, type))), (((_e = (_d = style === null || style === void 0 ? void 0 : style.item) === null || _d === void 0 ? void 0 : _d.root) === null || _e === void 0 ? void 0 : _e.focusRing) && {
+        [customCssProps.styleFocusRingBorderColor]: focusRingBorderColor,
+        [customCssProps.styleFocusRingBorderRadius]: (_f = style.item.root.focusRing) === null || _f === void 0 ? void 0 : _f.borderRadius,
+        [customCssProps.styleFocusRingBorderWidth]: (_g = style.item.root.focusRing) === null || _g === void 0 ? void 0 : _g.borderWidth,
+    })), (((_k = (_j = (_h = style === null || style === void 0 ? void 0 : style.item) === null || _h === void 0 ? void 0 : _h.root) === null || _j === void 0 ? void 0 : _j.focusRing) === null || _k === void 0 ? void 0 : _k.borderRadius) && {
+        [customCssProps.styleFocusRingBorderRadius]: style.item.root.focusRing.borderRadius,
+    }));
+}
+export function getDismissButtonStyles(style, type = 'info') {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+    const activeColor = ((_c = (_b = (_a = style === null || style === void 0 ? void 0 : style.item) === null || _a === void 0 ? void 0 : _a.dismissButton) === null || _b === void 0 ? void 0 : _b.color) === null || _c === void 0 ? void 0 : _c.active) &&
+        (type === 'in-progress'
+            ? style.item.dismissButton.color.active.inProgress
+            : style.item.dismissButton.color.active[type]);
+    const defaultColor = ((_f = (_e = (_d = style === null || style === void 0 ? void 0 : style.item) === null || _d === void 0 ? void 0 : _d.dismissButton) === null || _e === void 0 ? void 0 : _e.color) === null || _f === void 0 ? void 0 : _f.default) &&
+        (type === 'in-progress'
+            ? style.item.dismissButton.color.default.inProgress
+            : style.item.dismissButton.color.default[type]);
+    const hoverColor = ((_j = (_h = (_g = style === null || style === void 0 ? void 0 : style.item) === null || _g === void 0 ? void 0 : _g.dismissButton) === null || _h === void 0 ? void 0 : _h.color) === null || _j === void 0 ? void 0 : _j.hover) &&
+        (type === 'in-progress'
+            ? style.item.dismissButton.color.hover.inProgress
+            : style.item.dismissButton.color.hover[type]);
+    const focusRingBorderColor = ((_m = (_l = (_k = style === null || style === void 0 ? void 0 : style.item) === null || _k === void 0 ? void 0 : _k.dismissButton) === null || _l === void 0 ? void 0 : _l.focusRing) === null || _m === void 0 ? void 0 : _m.borderColor) &&
+        (type === 'in-progress'
+            ? style.item.dismissButton.focusRing.borderColor.inProgress
+            : style.item.dismissButton.focusRing.borderColor[type]);
+    return {
+        root: {
+            color: {
+                active: activeColor,
+                default: defaultColor,
+                hover: hoverColor,
+            },
+            focusRing: {
+                borderColor: focusRingBorderColor,
+                borderRadius: (_q = (_p = (_o = style === null || style === void 0 ? void 0 : style.item) === null || _o === void 0 ? void 0 : _o.dismissButton) === null || _p === void 0 ? void 0 : _p.focusRing) === null || _q === void 0 ? void 0 : _q.borderRadius,
+                borderWidth: (_t = (_s = (_r = style === null || style === void 0 ? void 0 : style.item) === null || _r === void 0 ? void 0 : _r.dismissButton) === null || _s === void 0 ? void 0 : _s.focusRing) === null || _t === void 0 ? void 0 : _t.borderWidth,
+            },
+        },
+    };
+}
+export function getNotificationBarStyles(style) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20;
+    return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ borderRadius: (_b = (_a = style === null || style === void 0 ? void 0 : style.notificationBar) === null || _a === void 0 ? void 0 : _a.root) === null || _b === void 0 ? void 0 : _b.borderRadius, borderWidth: (_d = (_c = style === null || style === void 0 ? void 0 : style.notificationBar) === null || _c === void 0 ? void 0 : _c.root) === null || _d === void 0 ? void 0 : _d.borderWidth }, (((_g = (_f = (_e = style === null || style === void 0 ? void 0 : style.notificationBar) === null || _e === void 0 ? void 0 : _e.root) === null || _f === void 0 ? void 0 : _f.background) === null || _g === void 0 ? void 0 : _g.active) && {
+        [customCssProps.styleBackgroundActive]: style.notificationBar.root.background.active,
+    })), (((_k = (_j = (_h = style === null || style === void 0 ? void 0 : style.notificationBar) === null || _h === void 0 ? void 0 : _h.root) === null || _j === void 0 ? void 0 : _j.background) === null || _k === void 0 ? void 0 : _k.default) && {
+        [customCssProps.styleBackgroundDefault]: style.notificationBar.root.background.default,
+    })), (((_o = (_m = (_l = style === null || style === void 0 ? void 0 : style.notificationBar) === null || _l === void 0 ? void 0 : _l.root) === null || _m === void 0 ? void 0 : _m.background) === null || _o === void 0 ? void 0 : _o.hover) && {
+        [customCssProps.styleBackgroundHover]: style.notificationBar.root.background.hover,
+    })), (((_r = (_q = (_p = style === null || style === void 0 ? void 0 : style.notificationBar) === null || _p === void 0 ? void 0 : _p.root) === null || _q === void 0 ? void 0 : _q.borderColor) === null || _r === void 0 ? void 0 : _r.active) && {
+        [customCssProps.styleBorderColorActive]: style.notificationBar.root.borderColor.active,
+    })), (((_u = (_t = (_s = style === null || style === void 0 ? void 0 : style.notificationBar) === null || _s === void 0 ? void 0 : _s.root) === null || _t === void 0 ? void 0 : _t.borderColor) === null || _u === void 0 ? void 0 : _u.default) && {
+        [customCssProps.styleBorderColorDefault]: style.notificationBar.root.borderColor.default,
+    })), (((_x = (_w = (_v = style === null || style === void 0 ? void 0 : style.notificationBar) === null || _v === void 0 ? void 0 : _v.root) === null || _w === void 0 ? void 0 : _w.borderColor) === null || _x === void 0 ? void 0 : _x.hover) && {
+        [customCssProps.styleBorderColorHover]: style.notificationBar.root.borderColor.hover,
+    })), (((_0 = (_z = (_y = style === null || style === void 0 ? void 0 : style.notificationBar) === null || _y === void 0 ? void 0 : _y.root) === null || _z === void 0 ? void 0 : _z.color) === null || _0 === void 0 ? void 0 : _0.active) && {
+        [customCssProps.styleColorActive]: style.notificationBar.root.color.active,
+    })), (((_3 = (_2 = (_1 = style === null || style === void 0 ? void 0 : style.notificationBar) === null || _1 === void 0 ? void 0 : _1.root) === null || _2 === void 0 ? void 0 : _2.color) === null || _3 === void 0 ? void 0 : _3.default) && {
+        [customCssProps.styleColorDefault]: style.notificationBar.root.color.default,
+    })), (((_6 = (_5 = (_4 = style === null || style === void 0 ? void 0 : style.notificationBar) === null || _4 === void 0 ? void 0 : _4.root) === null || _5 === void 0 ? void 0 : _5.color) === null || _6 === void 0 ? void 0 : _6.hover) && {
+        [customCssProps.styleColorHover]: style.notificationBar.root.color.hover,
+    })), (((_8 = (_7 = style === null || style === void 0 ? void 0 : style.notificationBar) === null || _7 === void 0 ? void 0 : _7.expandButton) === null || _8 === void 0 ? void 0 : _8.focusRing) && {
+        [customCssProps.styleFocusRingBorderColor]: (_11 = (_10 = (_9 = style === null || style === void 0 ? void 0 : style.notificationBar) === null || _9 === void 0 ? void 0 : _9.expandButton) === null || _10 === void 0 ? void 0 : _10.focusRing) === null || _11 === void 0 ? void 0 : _11.borderColor,
+        [customCssProps.styleFocusRingBorderRadius]: (_14 = (_13 = (_12 = style === null || style === void 0 ? void 0 : style.notificationBar) === null || _12 === void 0 ? void 0 : _12.expandButton) === null || _13 === void 0 ? void 0 : _13.focusRing) === null || _14 === void 0 ? void 0 : _14.borderRadius,
+        [customCssProps.styleFocusRingBorderWidth]: (_17 = (_16 = (_15 = style === null || style === void 0 ? void 0 : style.notificationBar) === null || _15 === void 0 ? void 0 : _15.expandButton) === null || _16 === void 0 ? void 0 : _16.focusRing) === null || _17 === void 0 ? void 0 : _17.borderWidth,
+    })), (((_20 = (_19 = (_18 = style === null || style === void 0 ? void 0 : style.notificationBar) === null || _18 === void 0 ? void 0 : _18.expandButton) === null || _19 === void 0 ? void 0 : _19.focusRing) === null || _20 === void 0 ? void 0 : _20.borderRadius) && {
+        [customCssProps.styleFocusRingBorderRadius]: style.notificationBar.expandButton.focusRing.borderRadius,
+    }));
+}
+//# sourceMappingURL=style.js.map

package/lib/internal/template/flashbar/style.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/flashbar/style.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport customCssProps from '../internal/generated/custom-css-properties';\nimport { FlashbarProps } from './interfaces';\n\nexport function getCollapsibleFlashStyles(style: FlashbarProps.Style, type: string = 'info') {\n const background =\n style?.item?.root?.background &&\n (type === 'in-progress'\n ? style?.item?.root?.background.inProgress\n : style?.item?.root?.background[type as keyof typeof style.item.root.background]);\n\n const borderColor =\n style?.item?.root?.borderColor &&\n (type === 'in-progress'\n ? style?.item?.root?.borderColor.inProgress\n : style?.item?.root?.borderColor[type as keyof typeof style.item.root.borderColor]);\n\n const borderRadius = style?.item?.root?.borderRadius;\n\n const borderWidth = style?.item?.root?.borderWidth;\n\n const borderStyle = style?.item?.root?.borderWidth && 'solid';\n\n const color =\n style?.item?.root?.color &&\n (type === 'in-progress'\n ? style?.item?.root?.color.inProgress\n : style?.item?.root?.color[type as keyof typeof style.item.root.color]);\n\n return {\n background,\n borderColor,\n borderRadius,\n borderStyle,\n borderWidth,\n color,\n };\n}\n\nexport function getFlashStyles(style: FlashbarProps.Style, type: string = 'info') {\n const focusRingBorderColor =\n style?.item?.root?.focusRing?.borderColor &&\n (type === 'in-progress'\n ? style.item.root.focusRing.borderColor.inProgress\n : style.item.root.focusRing.borderColor[type as keyof typeof style.item.root.focusRing.borderColor]);\n\n return {\n ...(style && getCollapsibleFlashStyles(style, type)),\n ...(style?.item?.root?.focusRing && {\n [customCssProps.styleFocusRingBorderColor]: focusRingBorderColor,\n [customCssProps.styleFocusRingBorderRadius]: style.item.root.focusRing?.borderRadius,\n [customCssProps.styleFocusRingBorderWidth]: style.item.root.focusRing?.borderWidth,\n }),\n ...(style?.item?.root?.focusRing?.borderRadius && {\n [customCssProps.styleFocusRingBorderRadius]: style.item.root.focusRing.borderRadius,\n }),\n };\n}\n\nexport function getDismissButtonStyles(style: FlashbarProps.Style, type: string = 'info') {\n const activeColor =\n style?.item?.dismissButton?.color?.active &&\n (type === 'in-progress'\n ? style.item.dismissButton.color.active.inProgress\n : style.item.dismissButton.color.active[type as keyof typeof style.item.dismissButton.color.active]);\n\n const defaultColor =\n style?.item?.dismissButton?.color?.default &&\n (type === 'in-progress'\n ? style.item.dismissButton.color.default.inProgress\n : style.item.dismissButton.color.default[type as keyof typeof style.item.dismissButton.color.default]);\n\n const hoverColor =\n style?.item?.dismissButton?.color?.hover &&\n (type === 'in-progress'\n ? style.item.dismissButton.color.hover.inProgress\n : style.item.dismissButton.color.hover[type as keyof typeof style.item.dismissButton.color.hover]);\n\n const focusRingBorderColor =\n style?.item?.dismissButton?.focusRing?.borderColor &&\n (type === 'in-progress'\n ? style.item.dismissButton.focusRing.borderColor.inProgress\n : style.item.dismissButton.focusRing.borderColor[\n type as keyof typeof style.item.dismissButton.focusRing.borderColor\n ]);\n\n return {\n root: {\n color: {\n active: activeColor,\n default: defaultColor,\n hover: hoverColor,\n },\n focusRing: {\n borderColor: focusRingBorderColor,\n borderRadius: style?.item?.dismissButton?.focusRing?.borderRadius,\n borderWidth: style?.item?.dismissButton?.focusRing?.borderWidth,\n },\n },\n };\n}\n\nexport function getNotificationBarStyles(style: FlashbarProps.Style) {\n return {\n borderRadius: style?.notificationBar?.root?.borderRadius,\n borderWidth: style?.notificationBar?.root?.borderWidth,\n ...(style?.notificationBar?.root?.background?.active && {\n [customCssProps.styleBackgroundActive]: style.notificationBar.root.background.active,\n }),\n ...(style?.notificationBar?.root?.background?.default && {\n [customCssProps.styleBackgroundDefault]: style.notificationBar.root.background.default,\n }),\n ...(style?.notificationBar?.root?.background?.hover && {\n [customCssProps.styleBackgroundHover]: style.notificationBar.root.background.hover,\n }),\n ...(style?.notificationBar?.root?.borderColor?.active && {\n [customCssProps.styleBorderColorActive]: style.notificationBar.root.borderColor.active,\n }),\n ...(style?.notificationBar?.root?.borderColor?.default && {\n [customCssProps.styleBorderColorDefault]: style.notificationBar.root.borderColor.default,\n }),\n ...(style?.notificationBar?.root?.borderColor?.hover && {\n [customCssProps.styleBorderColorHover]: style.notificationBar.root.borderColor.hover,\n }),\n ...(style?.notificationBar?.root?.color?.active && {\n [customCssProps.styleColorActive]: style.notificationBar.root.color.active,\n }),\n ...(style?.notificationBar?.root?.color?.default && {\n [customCssProps.styleColorDefault]: style.notificationBar.root.color.default,\n }),\n ...(style?.notificationBar?.root?.color?.hover && {\n [customCssProps.styleColorHover]: style.notificationBar.root.color.hover,\n }),\n ...(style?.notificationBar?.expandButton?.focusRing && {\n [customCssProps.styleFocusRingBorderColor]: style?.notificationBar?.expandButton?.focusRing?.borderColor,\n [customCssProps.styleFocusRingBorderRadius]: style?.notificationBar?.expandButton?.focusRing?.borderRadius,\n [customCssProps.styleFocusRingBorderWidth]: style?.notificationBar?.expandButton?.focusRing?.borderWidth,\n }),\n ...(style?.notificationBar?.expandButton?.focusRing?.borderRadius && {\n [customCssProps.styleFocusRingBorderRadius]: style.notificationBar.expandButton.focusRing.borderRadius,\n }),\n };\n}\n"]}

package/lib/internal/template/flashbar/styles.css.js CHANGED Viewed

@@ -1,55 +1,55 @@
     import './styles.scoped.css';
     export default {
-  "flash-with-motion": "awsui_flash-with-motion_1q84n_1smjk_157",
-  "enter": "awsui_enter_1q84n_1smjk_157",
-  "flash-body": "awsui_flash-body_1q84n_1smjk_171",
-  "flash-message": "awsui_flash-message_1q84n_1smjk_171",
-  "flash-header": "awsui_flash-header_1q84n_1smjk_171",
-  "flash-content": "awsui_flash-content_1q84n_1smjk_172",
-  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_1smjk_173",
-  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_1smjk_174",
-  "flash-icon": "awsui_flash-icon_1q84n_1smjk_197",
-  "entering": "awsui_entering_1q84n_1smjk_210",
-  "entered": "awsui_entered_1q84n_1smjk_231",
-  "exiting": "awsui_exiting_1q84n_1smjk_336",
-  "stack": "awsui_stack_1q84n_1smjk_370",
-  "animation-running": "awsui_animation-running_1q84n_1smjk_370",
-  "item": "awsui_item_1q84n_1smjk_370",
-  "flash-list-item": "awsui_flash-list-item_1q84n_1smjk_371",
-  "notification-bar": "awsui_notification-bar_1q84n_1smjk_372",
-  "collapsed": "awsui_collapsed_1q84n_1smjk_392",
-  "animation-ready": "awsui_animation-ready_1q84n_1smjk_392",
-  "expanded-only": "awsui_expanded-only_1q84n_1smjk_392",
-  "expanded": "awsui_expanded_1q84n_1smjk_392",
-  "flash": "awsui_flash_1q84n_1smjk_157",
-  "collapsible": "awsui_collapsible_1q84n_1smjk_448",
-  "short-list": "awsui_short-list_1q84n_1smjk_454",
-  "visual-refresh": "awsui_visual-refresh_1q84n_1smjk_454",
-  "status": "awsui_status_1q84n_1smjk_601",
-  "header": "awsui_header_1q84n_1smjk_601",
-  "item-count": "awsui_item-count_1q84n_1smjk_602",
-  "button": "awsui_button_1q84n_1smjk_603",
-  "type-count": "awsui_type-count_1q84n_1smjk_636",
-  "count-number": "awsui_count-number_1q84n_1smjk_636",
-  "icon": "awsui_icon_1q84n_1smjk_673",
-  "floating": "awsui_floating_1q84n_1smjk_714",
-  "flashbar": "awsui_flashbar_1q84n_1smjk_718",
-  "initial-hidden": "awsui_initial-hidden_1q84n_1smjk_777",
-  "flash-list": "awsui_flash-list_1q84n_1smjk_371",
-  "flash-focus-container": "awsui_flash-focus-container_1q84n_1smjk_801",
-  "flash-text": "awsui_flash-text_1q84n_1smjk_831",
-  "hidden": "awsui_hidden_1q84n_1smjk_850",
-  "header-replacement": "awsui_header-replacement_1q84n_1smjk_855",
-  "content-replacement": "awsui_content-replacement_1q84n_1smjk_860",
-  "dismiss-button": "awsui_dismiss-button_1q84n_1smjk_174",
-  "action-wrapped": "awsui_action-wrapped_1q84n_1smjk_878",
-  "action-button": "awsui_action-button_1q84n_1smjk_173",
-  "action-slot": "awsui_action-slot_1q84n_1smjk_885",
-  "flash-type-success": "awsui_flash-type-success_1q84n_1smjk_889",
-  "flash-type-error": "awsui_flash-type-error_1q84n_1smjk_893",
-  "flash-type-info": "awsui_flash-type-info_1q84n_1smjk_897",
-  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_1smjk_898",
-  "flash-type-warning": "awsui_flash-type-warning_1q84n_1smjk_902"
+  "flash-with-motion": "awsui_flash-with-motion_1q84n_qsfxj_157",
+  "enter": "awsui_enter_1q84n_qsfxj_157",
+  "flash-body": "awsui_flash-body_1q84n_qsfxj_171",
+  "flash-message": "awsui_flash-message_1q84n_qsfxj_171",
+  "flash-header": "awsui_flash-header_1q84n_qsfxj_171",
+  "flash-content": "awsui_flash-content_1q84n_qsfxj_172",
+  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_qsfxj_173",
+  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_qsfxj_174",
+  "flash-icon": "awsui_flash-icon_1q84n_qsfxj_197",
+  "entering": "awsui_entering_1q84n_qsfxj_210",
+  "entered": "awsui_entered_1q84n_qsfxj_231",
+  "exiting": "awsui_exiting_1q84n_qsfxj_336",
+  "stack": "awsui_stack_1q84n_qsfxj_370",
+  "animation-running": "awsui_animation-running_1q84n_qsfxj_370",
+  "item": "awsui_item_1q84n_qsfxj_370",
+  "flash-list-item": "awsui_flash-list-item_1q84n_qsfxj_371",
+  "notification-bar": "awsui_notification-bar_1q84n_qsfxj_372",
+  "collapsed": "awsui_collapsed_1q84n_qsfxj_392",
+  "animation-ready": "awsui_animation-ready_1q84n_qsfxj_392",
+  "expanded-only": "awsui_expanded-only_1q84n_qsfxj_392",
+  "expanded": "awsui_expanded_1q84n_qsfxj_392",
+  "flash": "awsui_flash_1q84n_qsfxj_157",
+  "collapsible": "awsui_collapsible_1q84n_qsfxj_448",
+  "short-list": "awsui_short-list_1q84n_qsfxj_454",
+  "visual-refresh": "awsui_visual-refresh_1q84n_qsfxj_454",
+  "status": "awsui_status_1q84n_qsfxj_601",
+  "header": "awsui_header_1q84n_qsfxj_601",
+  "item-count": "awsui_item-count_1q84n_qsfxj_602",
+  "button": "awsui_button_1q84n_qsfxj_603",
+  "type-count": "awsui_type-count_1q84n_qsfxj_636",
+  "count-number": "awsui_count-number_1q84n_qsfxj_636",
+  "icon": "awsui_icon_1q84n_qsfxj_674",
+  "floating": "awsui_floating_1q84n_qsfxj_715",
+  "flashbar": "awsui_flashbar_1q84n_qsfxj_719",
+  "initial-hidden": "awsui_initial-hidden_1q84n_qsfxj_778",
+  "flash-list": "awsui_flash-list_1q84n_qsfxj_371",
+  "flash-focus-container": "awsui_flash-focus-container_1q84n_qsfxj_802",
+  "flash-text": "awsui_flash-text_1q84n_qsfxj_832",
+  "hidden": "awsui_hidden_1q84n_qsfxj_851",
+  "header-replacement": "awsui_header-replacement_1q84n_qsfxj_856",
+  "content-replacement": "awsui_content-replacement_1q84n_qsfxj_861",
+  "dismiss-button": "awsui_dismiss-button_1q84n_qsfxj_174",
+  "action-wrapped": "awsui_action-wrapped_1q84n_qsfxj_879",
+  "action-button": "awsui_action-button_1q84n_qsfxj_173",
+  "action-slot": "awsui_action-slot_1q84n_qsfxj_886",
+  "flash-type-success": "awsui_flash-type-success_1q84n_qsfxj_890",
+  "flash-type-error": "awsui_flash-type-error_1q84n_qsfxj_894",
+  "flash-type-info": "awsui_flash-type-info_1q84n_qsfxj_898",
+  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_qsfxj_899",
+  "flash-type-warning": "awsui_flash-type-warning_1q84n_qsfxj_903"
 };