@cloudscape-design/components-themeable 3.0.1125 → 3.0.1127

package/lib/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "4806683f0d448cb4f420d7f42e7261432ba3e587"
+  "commit": "59b27e43739a4847086e2dc02cf192011d363b45"
 }

package/lib/internal/scss/app-layout/resize/styles.scss

@@ -10,7 +10,7 @@
   @include styles.media-breakpoint-up(styles.$breakpoint-x-small) {
     @include styles.with-motion {
       transition: awsui.$motion-duration-refresh-only-medium;
-      transition-property: border-color, opacity, block-size, inset-block-start;
+      transition-property: border-color, opacity, block-size, inset-block-start, inset-block-end;
     }
   }
 }

package/lib/internal/scss/app-layout/visual-refresh-toolbar/drawer/styles.scss

@@ -44,6 +44,7 @@ $ai-drawer-heider-height: 41px;
     @include styles.with-motion {
       transition:
         inline-size #{$global-drawer-expanded-mode-motion},
+        block-size #{$global-drawer-expanded-mode-motion},
         min-inline-size #{$global-drawer-expanded-mode-motion};
     }
   }
@@ -423,4 +424,43 @@ $ai-drawer-heider-height: 41px;
       }
     }
   }
+
+  &.bottom-drawer {
+    display: block;
+    inline-size: 100%;
+    block-size: var(#{custom-props.$bottomDrawerSize});
+
+    @include mobile-only {
+      block-size: 100%;
+      &.last-opened {
+        z-index: constants.$drawer-z-index-mobile;
+      }
+    }
+
+    &.drawer-hidden {
+      display: none;
+    }
+
+    > .global-drawer-wrapper {
+      display: block;
+
+      > .drawer-gap {
+        block-size: $global-drawer-gap-size;
+        inline-size: 100%;
+        border-block-start: awsui.$border-divider-section-width solid awsui.$color-border-layout;
+        border-block-end: awsui.$border-divider-section-width solid awsui.$color-border-layout;
+        box-sizing: content-box;
+      }
+
+      > .drawer-slider {
+        block-size: auto;
+        justify-content: center;
+      }
+
+      > .drawer-content-container {
+        grid-template-columns: 1fr;
+        grid-template-rows: auto;
+      }
+    }
+  }
 }

package/lib/internal/scss/app-layout/visual-refresh-toolbar/skeleton/styles.scss

@@ -53,7 +53,8 @@
     grid-template-areas:
       'ai-drawer toolbar    toolbar      toolbar       toolbar   toolbar         toolbar  toolbar'
       'ai-drawer navigation .         notifications    .         sideSplitPanel  tools    global-tools'
-      'ai-drawer navigation .             main         .         sideSplitPanel  tools    global-tools';
+      'ai-drawer navigation .             main         .         sideSplitPanel  tools    global-tools'
+      'ai-drawer bottom-tool bottom-tool bottom-tool  bottom-tool  bottom-tool bottom-tool global-tools';
     grid-template-columns:
       min-content
       min-content
@@ -62,7 +63,7 @@
       minmax(#{awsui.$space-layout-content-horizontal}, 1fr)
       min-content
       min-content;
-    grid-template-rows: min-content min-content 1fr min-content;
+    grid-template-rows: min-content min-content 1fr min-content min-content;
 
     &.has-adaptive-widths-default {
       #{custom-props.$maxContentWidth}: map.get(constants.$adaptive-content-widths, styles.$breakpoint-xx-large);
@@ -98,6 +99,11 @@
           0
           0;
       }
+
+      &.bottom-drawer-expanded-mode {
+        grid-template-rows: auto;
+        grid-template-columns: 0 0 0 0 0 auto 0 0;
+      }
     }
   }
 }
@@ -105,7 +111,8 @@
 .ai-drawer,
 .navigation,
 .tools,
-.global-tools {
+.global-tools,
+.bottom-tool {
   grid-row: 1 / -1;
   grid-column: 1 / -1;
   background: awsui.$color-background-container-content;
@@ -116,6 +123,16 @@
   }
 }
 
+.bottom-tool {
+  @include desktop-only {
+    grid-area: bottom-tool;
+    position: sticky;
+    inset-block-end: 0;
+    overflow: hidden;
+    z-index: 840;
+  }
+}
+
 .ai-drawer {
   @include desktop-only {
     grid-area: ai-drawer;

package/lib/internal/scss/internal/components/selectable-item/styles.scss

@@ -206,6 +206,60 @@
     &:first-of-type:not(.selected, .highlighted) {
       border-block-start-color: awsui.$color-border-dropdown-item-top;
     }
+
+    // When using virtual scrolling, use box-shadows to mimic changing border
+    // width and set the actual border to a fixed width to prevent jumping
+    // behaviour when hovering selectable items
+
+    $virtual-border-offset: calc(#{awsui.$border-item-width} - #{awsui.$border-divider-list-width});
+    $virtual-border-offset-double: calc(2 * #{awsui.$border-item-width} - #{awsui.$border-divider-list-width});
+
+    &.highlighted:not(.selected),
+    &.selected {
+      border-width: awsui.$border-divider-list-width;
+      padding-block: calc(#{styles.$option-padding-vertical} + #{$virtual-border-offset});
+      padding-inline: calc(#{styles.$control-padding-horizontal} + #{$virtual-border-offset});
+
+      &.pad-bottom {
+        padding-block-end: calc(#{styles.$option-padding-vertical} + #{awsui.$space-xxxs} + #{$virtual-border-offset});
+      }
+
+      &.child {
+        padding-inline-start: calc(#{awsui.$space-xxl} + #{$virtual-border-offset});
+      }
+
+      &.parent.interactiveGroups {
+        padding-block: calc(#{styles.$group-option-padding-vertical} + #{$virtual-border-offset});
+      }
+    }
+
+    &.highlighted:not(.selected) {
+      box-shadow: inset 0 0 0 $virtual-border-offset awsui.$color-border-dropdown-item-hover;
+
+      &.is-keyboard {
+        box-shadow: inset 0 0 0 $virtual-border-offset awsui.$color-border-dropdown-item-focused;
+      }
+    }
+
+    &.selected {
+      box-shadow: inset 0 0 0 $virtual-border-offset awsui.$color-border-dropdown-item-selected;
+
+      &.highlighted {
+        box-shadow:
+          inset 0 0 0 $virtual-border-offset awsui.$color-border-dropdown-item-selected,
+          inset 0 0 0 $virtual-border-offset-double awsui.$color-border-dropdown-item-hover;
+
+        &.is-keyboard {
+          box-shadow:
+            inset 0 0 0 $virtual-border-offset awsui.$color-border-dropdown-item-selected,
+            inset 0 0 0 $virtual-border-offset-double awsui.$color-border-dropdown-item-focused;
+        }
+      }
+    }
+
+    &.parent:not(.interactiveGroups) {
+      border-block-start-color: awsui.$color-border-dropdown-group;
+    }
   }
 }
 

package/lib/internal/scss/internal/generated/custom-css-properties/index.scss

@@ -1,90 +1,91 @@
 
     // Build environment
-    $awsui-commit-hash: "4806683f";
+    $awsui-commit-hash: "59b27e43";
     // Manually managed CSS-variables
-    $maxContentWidth: --awsui-max-content-width-vl73au;
-$minContentWidth: --awsui-min-content-width-vl73au;
-$breadcrumbsGap: --awsui-breadcrumbs-gap-vl73au;
-$contentGapLeft: --awsui-content-gap-left-vl73au;
-$contentGapRight: --awsui-content-gap-right-vl73au;
-$contentHeight: --awsui-content-height-vl73au;
-$contentLayoutDefaultHorizontalPadding: --awsui-content-layout-default-horizontal-padding-vl73au;
-$contentLayoutMaxContentWidth: --awsui-content-layout-max-content-width-vl73au;
-$contentLayoutMainGap: --awsui-content-layout-main-gap-vl73au;
-$defaultMaxContentWidth: --awsui-default-max-content-width-vl73au;
-$defaultMinContentWidth: --awsui-default-min-content-width-vl73au;
-$drawerSize: --awsui-drawer-size-vl73au;
-$drawerMinSize: --awsui-drawer-min-size-vl73au;
-$footerHeight: --awsui-footer-height-vl73au;
-$headerGap: --awsui-header-gap-vl73au;
-$headerHeight: --awsui-header-height-vl73au;
-$layoutWidth: --awsui-layout-width-vl73au;
-$mainGap: --awsui-main-gap-vl73au;
-$mainOffsetLeft: --awsui-main-offset-left-vl73au;
-$mainTemplateRows: --awsui-main-template-rows-vl73au;
-$mobileBarHeight: --awsui-mobile-bar-height-vl73au;
-$notificationsHeight: --awsui-notifications-height-vl73au;
-$offsetTop: --awsui-offset-top-vl73au;
-$overlapHeight: --awsui-overlap-height-vl73au;
-$navigationWidth: --awsui-navigation-width-vl73au;
-$splitPanelReportedHeaderSize: --awsui-split-panel-reported-header-size-vl73au;
-$splitPanelReportedSize: --awsui-split-panel-reported-size-vl73au;
-$splitPanelHeight: --awsui-split-panel-height-vl73au;
-$splitPanelMinWidth: --awsui-split-panel-min-width-vl73au;
-$splitPanelMaxWidth: --awsui-split-panel-max-width-vl73au;
-$toolsMaxWidth: --awsui-tools-max-width-vl73au;
-$toolsWidth: --awsui-tools-width-vl73au;
-$toolsAnimationStartingOpacity: --awsui-tools-animation-starting-opacity-vl73au;
-$contentScrollMargin: --awsui-content-scroll-margin-vl73au;
-$flashbarStackDepth: --awsui-flashbar-stack-depth-vl73au;
-$flashbarStackIndex: --awsui-flashbar-stack-index-vl73au;
-$flashbarStickyBottomMargin: --awsui-flashbar-sticky-bottom-margin-vl73au;
-$stackedNotificationsBottomMargin: --awsui-stacked-notifications-bottom-margin-vl73au;
-$stackedNotificationsDefaultBottomMargin: --awsui-stacked-notifications-default-bottom-margin-vl73au;
-$dropdownDefaultMaxWidth: --awsui-dropdown-default-max-width-vl73au;
-$spinnerRotatorFrom: --awsui-spinner-rotator-from-vl73au;
-$spinnerRotatorTo: --awsui-spinner-rotator-to-vl73au;
-$spinnerLineLeftFrom: --awsui-spinner-line-left-from-vl73au;
-$spinnerLineLeftTo: --awsui-spinner-line-left-to-vl73au;
-$spinnerLineRightFrom: --awsui-spinner-line-right-from-vl73au;
-$spinnerLineRightTo: --awsui-spinner-line-right-to-vl73au;
-$sliderLabelCount: --awsui-slider-label-count-vl73au;
-$sliderTickCount: --awsui-slider-tick-count-vl73au;
-$sliderReferenceColumn: --awsui-slider-reference-column-vl73au;
-$sliderNextReferenceColumn: --awsui-slider-next-reference-column-vl73au;
-$sliderMaxStart: --awsui-slider-max-start-vl73au;
-$sliderMinEnd: --awsui-slider-min-end-vl73au;
-$sliderRangeInlineSize: --awsui-slider-range-inline-size-vl73au;
-$sliderTooltipPosition: --awsui-slider-tooltip-position-vl73au;
-$togglesLeftWidth: --awsui-toggles-left-width-vl73au;
-$togglesRightWidth: --awsui-toggles-right-width-vl73au;
-$promptInputMaxRows: --awsui-prompt-input-max-rows-vl73au;
-$promptInputScrollHeight: --awsui-prompt-input-scroll-height-vl73au;
-$dragHandleAnimationInlineOffset: --awsui-drag-handle-animation-inline-offset-vl73au;
-$dragHandleAnimationBlockOffset: --awsui-drag-handle-animation-block-offset-vl73au;
-$styleBackgroundActive: --awsui-style-background-active-vl73au;
-$styleBackgroundDefault: --awsui-style-background-default-vl73au;
-$styleBackgroundDisabled: --awsui-style-background-disabled-vl73au;
-$styleBackgroundHover: --awsui-style-background-hover-vl73au;
-$styleBorderColorActive: --awsui-style-border-color-active-vl73au;
-$styleBorderColorDefault: --awsui-style-border-color-default-vl73au;
-$styleBorderColorDisabled: --awsui-style-border-color-disabled-vl73au;
-$styleBorderColorHover: --awsui-style-border-color-hover-vl73au;
-$styleColorActive: --awsui-style-color-active-vl73au;
-$styleColorDefault: --awsui-style-color-default-vl73au;
-$styleColorDisabled: --awsui-style-color-disabled-vl73au;
-$styleColorHover: --awsui-style-color-hover-vl73au;
-$styleFocusRingBorderColor: --awsui-style-focus-ring-border-color-vl73au;
-$styleFocusRingBorderRadius: --awsui-style-focus-ring-border-radius-vl73au;
-$styleFocusRingBorderWidth: --awsui-style-focus-ring-border-width-vl73au;
-$styleFocusRingBoxShadow: --awsui-style-focus-ring-box-shadow-vl73au;
-$styleBoxShadowActive: --awsui-style-box-shadow-active-vl73au;
-$styleBoxShadowDefault: --awsui-style-box-shadow-default-vl73au;
-$styleBoxShadowDisabled: --awsui-style-box-shadow-disabled-vl73au;
-$styleBoxShadowHover: --awsui-style-box-shadow-hover-vl73au;
-$alertFocusRingBorderColor: --awsui-alert-focus-ring-border-color-vl73au;
-$alertFocusRingBorderRadius: --awsui-alert-focus-ring-border-radius-vl73au;
-$alertFocusRingBorderWidth: --awsui-alert-focus-ring-border-width-vl73au;
-$alertFocusRingBoxShadow: --awsui-alert-focus-ring-box-shadow-vl73au;
-$alertIconColor: --awsui-alert-icon-color-vl73au;
+    $maxContentWidth: --awsui-max-content-width-lqnbqg;
+$minContentWidth: --awsui-min-content-width-lqnbqg;
+$breadcrumbsGap: --awsui-breadcrumbs-gap-lqnbqg;
+$contentGapLeft: --awsui-content-gap-left-lqnbqg;
+$contentGapRight: --awsui-content-gap-right-lqnbqg;
+$contentHeight: --awsui-content-height-lqnbqg;
+$contentLayoutDefaultHorizontalPadding: --awsui-content-layout-default-horizontal-padding-lqnbqg;
+$contentLayoutMaxContentWidth: --awsui-content-layout-max-content-width-lqnbqg;
+$contentLayoutMainGap: --awsui-content-layout-main-gap-lqnbqg;
+$defaultMaxContentWidth: --awsui-default-max-content-width-lqnbqg;
+$defaultMinContentWidth: --awsui-default-min-content-width-lqnbqg;
+$drawerSize: --awsui-drawer-size-lqnbqg;
+$drawerMinSize: --awsui-drawer-min-size-lqnbqg;
+$bottomDrawerSize: --awsui-bottom-drawer-size-lqnbqg;
+$footerHeight: --awsui-footer-height-lqnbqg;
+$headerGap: --awsui-header-gap-lqnbqg;
+$headerHeight: --awsui-header-height-lqnbqg;
+$layoutWidth: --awsui-layout-width-lqnbqg;
+$mainGap: --awsui-main-gap-lqnbqg;
+$mainOffsetLeft: --awsui-main-offset-left-lqnbqg;
+$mainTemplateRows: --awsui-main-template-rows-lqnbqg;
+$mobileBarHeight: --awsui-mobile-bar-height-lqnbqg;
+$notificationsHeight: --awsui-notifications-height-lqnbqg;
+$offsetTop: --awsui-offset-top-lqnbqg;
+$overlapHeight: --awsui-overlap-height-lqnbqg;
+$navigationWidth: --awsui-navigation-width-lqnbqg;
+$splitPanelReportedHeaderSize: --awsui-split-panel-reported-header-size-lqnbqg;
+$splitPanelReportedSize: --awsui-split-panel-reported-size-lqnbqg;
+$splitPanelHeight: --awsui-split-panel-height-lqnbqg;
+$splitPanelMinWidth: --awsui-split-panel-min-width-lqnbqg;
+$splitPanelMaxWidth: --awsui-split-panel-max-width-lqnbqg;
+$toolsMaxWidth: --awsui-tools-max-width-lqnbqg;
+$toolsWidth: --awsui-tools-width-lqnbqg;
+$toolsAnimationStartingOpacity: --awsui-tools-animation-starting-opacity-lqnbqg;
+$contentScrollMargin: --awsui-content-scroll-margin-lqnbqg;
+$flashbarStackDepth: --awsui-flashbar-stack-depth-lqnbqg;
+$flashbarStackIndex: --awsui-flashbar-stack-index-lqnbqg;
+$flashbarStickyBottomMargin: --awsui-flashbar-sticky-bottom-margin-lqnbqg;
+$stackedNotificationsBottomMargin: --awsui-stacked-notifications-bottom-margin-lqnbqg;
+$stackedNotificationsDefaultBottomMargin: --awsui-stacked-notifications-default-bottom-margin-lqnbqg;
+$dropdownDefaultMaxWidth: --awsui-dropdown-default-max-width-lqnbqg;
+$spinnerRotatorFrom: --awsui-spinner-rotator-from-lqnbqg;
+$spinnerRotatorTo: --awsui-spinner-rotator-to-lqnbqg;
+$spinnerLineLeftFrom: --awsui-spinner-line-left-from-lqnbqg;
+$spinnerLineLeftTo: --awsui-spinner-line-left-to-lqnbqg;
+$spinnerLineRightFrom: --awsui-spinner-line-right-from-lqnbqg;
+$spinnerLineRightTo: --awsui-spinner-line-right-to-lqnbqg;
+$sliderLabelCount: --awsui-slider-label-count-lqnbqg;
+$sliderTickCount: --awsui-slider-tick-count-lqnbqg;
+$sliderReferenceColumn: --awsui-slider-reference-column-lqnbqg;
+$sliderNextReferenceColumn: --awsui-slider-next-reference-column-lqnbqg;
+$sliderMaxStart: --awsui-slider-max-start-lqnbqg;
+$sliderMinEnd: --awsui-slider-min-end-lqnbqg;
+$sliderRangeInlineSize: --awsui-slider-range-inline-size-lqnbqg;
+$sliderTooltipPosition: --awsui-slider-tooltip-position-lqnbqg;
+$togglesLeftWidth: --awsui-toggles-left-width-lqnbqg;
+$togglesRightWidth: --awsui-toggles-right-width-lqnbqg;
+$promptInputMaxRows: --awsui-prompt-input-max-rows-lqnbqg;
+$promptInputScrollHeight: --awsui-prompt-input-scroll-height-lqnbqg;
+$dragHandleAnimationInlineOffset: --awsui-drag-handle-animation-inline-offset-lqnbqg;
+$dragHandleAnimationBlockOffset: --awsui-drag-handle-animation-block-offset-lqnbqg;
+$styleBackgroundActive: --awsui-style-background-active-lqnbqg;
+$styleBackgroundDefault: --awsui-style-background-default-lqnbqg;
+$styleBackgroundDisabled: --awsui-style-background-disabled-lqnbqg;
+$styleBackgroundHover: --awsui-style-background-hover-lqnbqg;
+$styleBorderColorActive: --awsui-style-border-color-active-lqnbqg;
+$styleBorderColorDefault: --awsui-style-border-color-default-lqnbqg;
+$styleBorderColorDisabled: --awsui-style-border-color-disabled-lqnbqg;
+$styleBorderColorHover: --awsui-style-border-color-hover-lqnbqg;
+$styleColorActive: --awsui-style-color-active-lqnbqg;
+$styleColorDefault: --awsui-style-color-default-lqnbqg;
+$styleColorDisabled: --awsui-style-color-disabled-lqnbqg;
+$styleColorHover: --awsui-style-color-hover-lqnbqg;
+$styleFocusRingBorderColor: --awsui-style-focus-ring-border-color-lqnbqg;
+$styleFocusRingBorderRadius: --awsui-style-focus-ring-border-radius-lqnbqg;
+$styleFocusRingBorderWidth: --awsui-style-focus-ring-border-width-lqnbqg;
+$styleFocusRingBoxShadow: --awsui-style-focus-ring-box-shadow-lqnbqg;
+$styleBoxShadowActive: --awsui-style-box-shadow-active-lqnbqg;
+$styleBoxShadowDefault: --awsui-style-box-shadow-default-lqnbqg;
+$styleBoxShadowDisabled: --awsui-style-box-shadow-disabled-lqnbqg;
+$styleBoxShadowHover: --awsui-style-box-shadow-hover-lqnbqg;
+$alertFocusRingBorderColor: --awsui-alert-focus-ring-border-color-lqnbqg;
+$alertFocusRingBorderRadius: --awsui-alert-focus-ring-border-radius-lqnbqg;
+$alertFocusRingBorderWidth: --awsui-alert-focus-ring-border-width-lqnbqg;
+$alertFocusRingBoxShadow: --awsui-alert-focus-ring-box-shadow-lqnbqg;
+$alertIconColor: --awsui-alert-icon-color-lqnbqg;
     

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

@@ -1,32 +1,32 @@
 
     import './styles.scoped.css';
     export default {
-  "alert": "awsui_alert_mx3cw_15b5x_193",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_15b5x_1",
-  "root": "awsui_root_mx3cw_15b5x_215",
-  "hidden": "awsui_hidden_mx3cw_15b5x_250",
-  "alert-wrapper": "awsui_alert-wrapper_mx3cw_15b5x_299",
-  "initial-hidden": "awsui_initial-hidden_mx3cw_15b5x_311",
-  "header": "awsui_header_mx3cw_15b5x_316",
-  "header-replacement": "awsui_header-replacement_mx3cw_15b5x_317",
-  "action": "awsui_action_mx3cw_15b5x_321",
-  "action-slot": "awsui_action-slot_mx3cw_15b5x_325",
-  "action-button": "awsui_action-button_mx3cw_15b5x_326",
-  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_15b5x_330",
-  "text": "awsui_text_mx3cw_15b5x_361",
-  "icon": "awsui_icon_mx3cw_15b5x_368",
-  "message": "awsui_message_mx3cw_15b5x_371",
-  "action-wrapped": "awsui_action-wrapped_mx3cw_15b5x_375",
-  "icon-size-medium": "awsui_icon-size-medium_mx3cw_15b5x_379",
-  "icon-size-big": "awsui_icon-size-big_mx3cw_15b5x_383",
-  "icon-size-normal": "awsui_icon-size-normal_mx3cw_15b5x_387",
-  "content": "awsui_content_mx3cw_15b5x_391",
-  "content-replacement": "awsui_content-replacement_mx3cw_15b5x_392",
-  "dismiss": "awsui_dismiss_mx3cw_15b5x_396",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_15b5x_401",
-  "type-error": "awsui_type-error_mx3cw_15b5x_405",
-  "type-warning": "awsui_type-warning_mx3cw_15b5x_413",
-  "type-success": "awsui_type-success_mx3cw_15b5x_421",
-  "type-info": "awsui_type-info_mx3cw_15b5x_429"
+  "alert": "awsui_alert_mx3cw_1yivi_193",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1yivi_1",
+  "root": "awsui_root_mx3cw_1yivi_215",
+  "hidden": "awsui_hidden_mx3cw_1yivi_250",
+  "alert-wrapper": "awsui_alert-wrapper_mx3cw_1yivi_299",
+  "initial-hidden": "awsui_initial-hidden_mx3cw_1yivi_311",
+  "header": "awsui_header_mx3cw_1yivi_316",
+  "header-replacement": "awsui_header-replacement_mx3cw_1yivi_317",
+  "action": "awsui_action_mx3cw_1yivi_321",
+  "action-slot": "awsui_action-slot_mx3cw_1yivi_325",
+  "action-button": "awsui_action-button_mx3cw_1yivi_326",
+  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_1yivi_330",
+  "text": "awsui_text_mx3cw_1yivi_361",
+  "icon": "awsui_icon_mx3cw_1yivi_368",
+  "message": "awsui_message_mx3cw_1yivi_371",
+  "action-wrapped": "awsui_action-wrapped_mx3cw_1yivi_375",
+  "icon-size-medium": "awsui_icon-size-medium_mx3cw_1yivi_379",
+  "icon-size-big": "awsui_icon-size-big_mx3cw_1yivi_383",
+  "icon-size-normal": "awsui_icon-size-normal_mx3cw_1yivi_387",
+  "content": "awsui_content_mx3cw_1yivi_391",
+  "content-replacement": "awsui_content-replacement_mx3cw_1yivi_392",
+  "dismiss": "awsui_dismiss_mx3cw_1yivi_396",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_1yivi_401",
+  "type-error": "awsui_type-error_mx3cw_1yivi_405",
+  "type-warning": "awsui_type-warning_mx3cw_1yivi_413",
+  "type-success": "awsui_type-success_mx3cw_1yivi_421",
+  "type-info": "awsui_type-info_mx3cw_1yivi_429"
 };