@cloudscape-design/components-themeable 3.0.852 → 3.0.854

package/lib/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "c04ca9ceaaa48f6ceb5dd0fb07234d60c9eb798a"
+  "commit": "4db7ed625314f046467721cdec2ab28548344d0f"
 }

package/lib/internal/scss/breadcrumb-group/styles.scss

@@ -5,6 +5,7 @@
 
 @use '../internal/styles' as styles;
 @use '../internal/styles/tokens' as awsui;
+@use '@cloudscape-design/component-toolkit/internal/focus-visible' as focus-visible;
 
 .breadcrumb-group {
   @include styles.styles-reset;
@@ -40,6 +41,11 @@
       margin-inline: 0;
     }
 
+    > .item:last-child {
+      flex-shrink: 1;
+      min-inline-size: 0;
+    }
+
     > .item.hide {
       display: none;
     }
@@ -64,3 +70,44 @@
 .breadcrumbs-skeleton {
   display: none;
 }
+
+.collapsed-button {
+  @include styles.styles-reset;
+  @include styles.text-wrapping;
+  @include styles.font-button;
+  letter-spacing: awsui.$font-button-letter-spacing;
+  color: awsui.$color-text-interactive-default;
+  cursor: pointer;
+  padding-block: 0;
+  padding-inline: 0;
+  border-inline: none;
+  border-block: none;
+  background: none;
+  display: flex;
+  gap: awsui.$space-xxs;
+  max-inline-size: 100%;
+  @include focus-visible.when-visible {
+    @include styles.focus-highlight(awsui.$space-button-focus-outline-gutter);
+  }
+  &:hover {
+    color: awsui.$color-text-interactive-hover;
+  }
+  > :last-child {
+    color: awsui.$color-text-breadcrumb-current;
+    font-weight: styles.$font-weight-bold;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    &:hover {
+      color: awsui.$color-text-interactive-hover;
+    }
+  }
+}
+
+.button-icon {
+  @include styles.spin-180-when-open;
+}
+
+.hidden {
+  display: none;
+}

package/lib/internal/scss/button/test-classes/styles.scss

@@ -6,3 +6,7 @@
 .disabled-reason-tooltip {
   /* used in test-utils or tests */
 }
+
+.external-icon {
+  /* used in test-utils or tests */
+}

package/lib/internal/scss/button-dropdown/item-element/styles.scss

@@ -64,6 +64,12 @@
   &.link-style {
     padding-block-end: calc(#{styles.$option-padding-vertical} + #{awsui.$space-xxxs});
     @include styles.link-inline('body-m');
+    &.current-breadcrumb {
+      @include styles.font-button;
+      color: awsui.$color-text-breadcrumb-current;
+      font-weight: styles.$font-weight-bold;
+      text-decoration: none;
+    }
   }
 
   &:focus {

package/lib/internal/scss/button-dropdown/styles.scss

@@ -10,6 +10,11 @@ $dropdown-trigger-icon-offset: 2px;
 
 .button-dropdown {
   display: inline-block;
+
+  &.full-width {
+    inline-size: 100%;
+    display: block;
+  }
 }
 
 .items-list-container {
@@ -24,18 +29,8 @@ $dropdown-trigger-icon-offset: 2px;
   }
 }
 
-.rotate-up {
-  transform: rotate(-180deg);
-  @include styles.with-motion {
-    transition: transform awsui.$motion-duration-rotate-180 awsui.$motion-easing-rotate-180;
-  }
-}
-
-.rotate-down {
-  transform: rotate(0deg);
-  @include styles.with-motion {
-    transition: transform awsui.$motion-duration-rotate-180 awsui.$motion-easing-rotate-180;
-  }
+.rotate {
+  @include styles.spin-180-when-open;
 }
 
 .header {
@@ -54,6 +49,17 @@ $dropdown-trigger-icon-offset: 2px;
   color: awsui.$color-text-top-navigation-title;
 }
 
+.trigger-button {
+  &.full-width {
+    display: grid;
+    grid-template-columns: 1fr auto;
+
+    &.loading {
+      grid-template-columns: auto 1fr auto;
+    }
+  }
+}
+
 .split-trigger-wrapper {
   display: flex;
 
@@ -112,6 +118,15 @@ $dropdown-trigger-icon-offset: 2px;
   display: contents;
 }
 
+.main-action-full-width {
+  flex: 1 1 0;
+  text-align: center;
+}
+
+.main-action-trigger-full-width {
+  flex: 0 0 auto;
+}
+
 .test-utils-button-trigger {
   /* used in test-utils */
 }

package/lib/internal/scss/collection-preferences/content-display/content-display-option.scss

@@ -5,7 +5,6 @@
 
 @use '../../internal/styles' as styles;
 @use '../../internal/styles/tokens' as awsui;
-@use '@cloudscape-design/component-toolkit/internal/focus-visible' as focus-visible;
 
 $border-radius: awsui.$border-radius-item;
 
@@ -62,14 +61,3 @@ $border-radius: awsui.$border-radius-item;
   @include styles.text-wrapping;
   padding-inline-end: awsui.$space-l;
 }
-
-.drag-overlay {
-  box-shadow: awsui.$shadow-container-active;
-  border-start-start-radius: $border-radius;
-  border-start-end-radius: $border-radius;
-  border-end-start-radius: $border-radius;
-  border-end-end-radius: $border-radius;
-  @include focus-visible.when-visible-unfocused {
-    @include styles.focus-highlight(0px, $border-radius);
-  }
-}

package/lib/internal/scss/file-input/styles.scss

@@ -18,7 +18,18 @@
 .file-input-button {
   @include focus-visible.when-visible-unfocused {
     &.force-focus-outline {
-      @include styles.focus-highlight(awsui.$space-button-focus-outline-gutter);
+      &-icon {
+        @include styles.focus-highlight(
+          (
+            'vertical': awsui.$space-button-icon-focus-outline-gutter-vertical,
+            'horizontal': awsui.$space-button-focus-outline-gutter,
+          )
+        );
+      }
+
+      &-button {
+        @include styles.focus-highlight(awsui.$space-button-focus-outline-gutter);
+      }
     }
   }
 }

package/lib/internal/scss/internal/components/dnd-container/styles.scss

@@ -0,0 +1,21 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+
+@use '../../styles' as styles;
+@use '../../styles/tokens' as awsui;
+@use '@cloudscape-design/component-toolkit/internal/focus-visible' as focus-visible;
+
+$border-radius: awsui.$border-radius-item;
+
+.drag-overlay {
+  box-shadow: awsui.$shadow-container-active;
+  border-start-start-radius: $border-radius;
+  border-start-end-radius: $border-radius;
+  border-end-start-radius: $border-radius;
+  border-end-end-radius: $border-radius;
+  @include focus-visible.when-visible-unfocused {
+    @include styles.focus-highlight(0px, $border-radius);
+  }
+}

package/lib/internal/scss/internal/styles/motion/animations.scss

@@ -3,6 +3,7 @@
  SPDX-License-Identifier: Apache-2.0
 */
 
+@use './mixins' as mixins;
 @use '../../../internal/styles/tokens' as awsui;
 
 @mixin animation-fade-in {
@@ -80,3 +81,13 @@
     }
   }
 }
+
+@mixin spin-180-when-open {
+  transform: rotate(0deg);
+  @include mixins.with-motion {
+    transition: transform awsui.$motion-duration-rotate-180 awsui.$motion-easing-rotate-180;
+  }
+  &-open {
+    transform: rotate(-180deg);
+  }
+}

package/lib/internal/scss/split-panel/styles.scss

@@ -67,11 +67,6 @@ $app-layout-drawer-width: calc(#{awsui.$space-layout-toggle-diameter} + 2 * #{aw
   }
   &.drawer-closed {
     overflow: hidden;
-    &.with-toolbar {
-      block-size: 0px;
-      border-block: none;
-      border-inline: none;
-    }
   }
   &.drawer-closed:hover {
     background: awsui.$color-background-layout-panel-hover;

package/lib/internal/scss/top-navigation/1.0-beta/styles.scss

@@ -217,17 +217,3 @@
 .trigger {
   /*used in test-utils*/
 }
-
-.rotate-up {
-  transform: rotate(-180deg);
-  @include styles.with-motion {
-    transition: transform awsui.$motion-duration-rotate-180 awsui.$motion-easing-rotate-180;
-  }
-}
-
-.rotate-down {
-  transform: rotate(0deg);
-  @include styles.with-motion {
-    transition: transform awsui.$motion-duration-rotate-180 awsui.$motion-easing-rotate-180;
-  }
-}

package/lib/internal/scss/top-navigation/styles.scss

@@ -7,8 +7,6 @@
 @use '../internal/styles/tokens' as awsui;
 @use '@cloudscape-design/component-toolkit/internal/focus-visible' as focus-visible;
 
-@use './motion';
-
 .top-navigation {
   @include styles.styles-reset;
   background: awsui.$color-background-container-content;
@@ -347,9 +345,5 @@
 }
 
 .icon {
-  transform: rotate(-180deg);
-
-  &.expanded {
-    transform: rotate(0deg);
-  }
+  @include styles.spin-180-when-open;
 }

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

@@ -1,33 +1,33 @@
 
     import './styles.scoped.css';
     export default {
-  "alert": "awsui_alert_mx3cw_1d6pc_189",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1d6pc_1",
-  "root": "awsui_root_mx3cw_1d6pc_211",
-  "hidden": "awsui_hidden_mx3cw_1d6pc_246",
-  "with-dismiss": "awsui_with-dismiss_mx3cw_1d6pc_293",
-  "with-action": "awsui_with-action_mx3cw_1d6pc_293",
-  "breakpoint-default": "awsui_breakpoint-default_mx3cw_1d6pc_299",
-  "initial-hidden": "awsui_initial-hidden_mx3cw_1d6pc_310",
-  "header": "awsui_header_mx3cw_1d6pc_315",
-  "header-replacement": "awsui_header-replacement_mx3cw_1d6pc_316",
-  "action": "awsui_action_mx3cw_1d6pc_320",
-  "action-slot": "awsui_action-slot_mx3cw_1d6pc_325",
-  "action-button": "awsui_action-button_mx3cw_1d6pc_326",
-  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_1d6pc_330",
-  "text": "awsui_text_mx3cw_1d6pc_359",
-  "icon": "awsui_icon_mx3cw_1d6pc_366",
-  "message": "awsui_message_mx3cw_1d6pc_369",
-  "icon-size-medium": "awsui_icon-size-medium_mx3cw_1d6pc_377",
-  "icon-size-big": "awsui_icon-size-big_mx3cw_1d6pc_380",
-  "icon-size-normal": "awsui_icon-size-normal_mx3cw_1d6pc_383",
-  "content": "awsui_content_mx3cw_1d6pc_387",
-  "content-replacement": "awsui_content-replacement_mx3cw_1d6pc_388",
-  "dismiss": "awsui_dismiss_mx3cw_1d6pc_392",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_1d6pc_397",
-  "type-error": "awsui_type-error_mx3cw_1d6pc_401",
-  "type-warning": "awsui_type-warning_mx3cw_1d6pc_409",
-  "type-success": "awsui_type-success_mx3cw_1d6pc_417",
-  "type-info": "awsui_type-info_mx3cw_1d6pc_425"
+  "alert": "awsui_alert_mx3cw_yl080_193",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_yl080_1",
+  "root": "awsui_root_mx3cw_yl080_215",
+  "hidden": "awsui_hidden_mx3cw_yl080_250",
+  "with-dismiss": "awsui_with-dismiss_mx3cw_yl080_297",
+  "with-action": "awsui_with-action_mx3cw_yl080_297",
+  "breakpoint-default": "awsui_breakpoint-default_mx3cw_yl080_303",
+  "initial-hidden": "awsui_initial-hidden_mx3cw_yl080_314",
+  "header": "awsui_header_mx3cw_yl080_319",
+  "header-replacement": "awsui_header-replacement_mx3cw_yl080_320",
+  "action": "awsui_action_mx3cw_yl080_324",
+  "action-slot": "awsui_action-slot_mx3cw_yl080_329",
+  "action-button": "awsui_action-button_mx3cw_yl080_330",
+  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_yl080_334",
+  "text": "awsui_text_mx3cw_yl080_363",
+  "icon": "awsui_icon_mx3cw_yl080_370",
+  "message": "awsui_message_mx3cw_yl080_373",
+  "icon-size-medium": "awsui_icon-size-medium_mx3cw_yl080_381",
+  "icon-size-big": "awsui_icon-size-big_mx3cw_yl080_384",
+  "icon-size-normal": "awsui_icon-size-normal_mx3cw_yl080_387",
+  "content": "awsui_content_mx3cw_yl080_391",
+  "content-replacement": "awsui_content-replacement_mx3cw_yl080_392",
+  "dismiss": "awsui_dismiss_mx3cw_yl080_396",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_yl080_401",
+  "type-error": "awsui_type-error_mx3cw_yl080_405",
+  "type-warning": "awsui_type-warning_mx3cw_yl080_413",
+  "type-success": "awsui_type-success_mx3cw_yl080_421",
+  "type-info": "awsui_type-info_mx3cw_yl080_429"
 };
   

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

@@ -134,12 +134,16 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
-/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -186,10 +190,10 @@ 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_alert_mx3cw_1d6pc_189:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_mx3cw_1d6pc_1 var(--motion-duration-show-paced-kxd6k3, 180ms) var(--motion-easing-show-paced-2zwyek, ease-out);
+.awsui_alert_mx3cw_yl080_193:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_mx3cw_yl080_1 var(--motion-duration-show-paced-kxd6k3, 180ms) var(--motion-easing-show-paced-2zwyek, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_mx3cw_1d6pc_1 {
+@keyframes awsui_awsui-motion-fade-in_mx3cw_yl080_1 {
   from {
     opacity: 0.2;
   }
@@ -198,17 +202,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_alert_mx3cw_1d6pc_189:not(#\9) {
+  .awsui_alert_mx3cw_yl080_193:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_alert_mx3cw_1d6pc_189:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_1d6pc_189:not(#\9) {
+.awsui-motion-disabled .awsui_alert_mx3cw_yl080_193:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_yl080_193:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_mx3cw_1d6pc_211:not(#\9) {
+.awsui_root_mx3cw_yl080_215:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -244,11 +248,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow: hidden;
   display: block;
 }
-.awsui_root_mx3cw_1d6pc_211.awsui_hidden_mx3cw_1d6pc_246:not(#\9) {
+.awsui_root_mx3cw_yl080_215.awsui_hidden_mx3cw_yl080_250:not(#\9) {
   display: none;
 }
 
-.awsui_alert_mx3cw_1d6pc_189:not(#\9) {
+.awsui_alert_mx3cw_yl080_193:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -292,58 +296,58 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline: var(--space-alert-horizontal-2ra2vu, 20px);
   background-color: var(--color-background-container-content-myy7cn, #ffffff);
 }
-.awsui_alert_mx3cw_1d6pc_189.awsui_with-dismiss_mx3cw_1d6pc_293:not(#\9), .awsui_alert_mx3cw_1d6pc_189.awsui_with-action_mx3cw_1d6pc_293:not(#\9) {
+.awsui_alert_mx3cw_yl080_193.awsui_with-dismiss_mx3cw_yl080_297:not(#\9), .awsui_alert_mx3cw_yl080_193.awsui_with-action_mx3cw_yl080_297:not(#\9) {
   grid-template-columns: 1fr auto;
 }
-.awsui_alert_mx3cw_1d6pc_189.awsui_with-action_mx3cw_1d6pc_293.awsui_with-dismiss_mx3cw_1d6pc_293:not(#\9) {
+.awsui_alert_mx3cw_yl080_193.awsui_with-action_mx3cw_yl080_297.awsui_with-dismiss_mx3cw_yl080_297:not(#\9) {
   grid-template-columns: 1fr auto auto;
 }
-.awsui_alert_mx3cw_1d6pc_189.awsui_breakpoint-default_mx3cw_1d6pc_299.awsui_with-action_mx3cw_1d6pc_293:not(#\9) {
+.awsui_alert_mx3cw_yl080_193.awsui_breakpoint-default_mx3cw_yl080_303.awsui_with-action_mx3cw_yl080_297:not(#\9) {
   grid-template-columns: 1fr auto;
 }
-.awsui_alert_mx3cw_1d6pc_189.awsui_breakpoint-default_mx3cw_1d6pc_299:not(#\9):not(.awsui_with-dismiss_mx3cw_1d6pc_293) {
+.awsui_alert_mx3cw_yl080_193.awsui_breakpoint-default_mx3cw_yl080_303:not(#\9):not(.awsui_with-dismiss_mx3cw_yl080_297) {
   grid-template-columns: 1fr;
 }
 
-.awsui_hidden_mx3cw_1d6pc_246:not(#\9) {
+.awsui_hidden_mx3cw_yl080_250:not(#\9) {
   display: none;
 }
 
-.awsui_initial-hidden_mx3cw_1d6pc_310:not(#\9) {
+.awsui_initial-hidden_mx3cw_yl080_314:not(#\9) {
   overflow: hidden;
   block-size: 0;
 }
 
-.awsui_header_mx3cw_1d6pc_315:not(#\9),
-.awsui_header-replacement_mx3cw_1d6pc_316:not(#\9) {
+.awsui_header_mx3cw_yl080_319:not(#\9),
+.awsui_header-replacement_mx3cw_yl080_320:not(#\9) {
   font-weight: 700;
 }
 
-.awsui_action_mx3cw_1d6pc_320:not(#\9) {
+.awsui_action_mx3cw_yl080_324:not(#\9) {
   white-space: nowrap;
   margin-inline-start: var(--space-alert-action-left-soet49, 20px);
 }
 
-.awsui_action-slot_mx3cw_1d6pc_325:not(#\9),
-.awsui_action-button_mx3cw_1d6pc_326:not(#\9) {
+.awsui_action-slot_mx3cw_yl080_329:not(#\9),
+.awsui_action-button_mx3cw_yl080_330:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_alert-focus-wrapper_mx3cw_1d6pc_330:not(#\9) {
+.awsui_alert-focus-wrapper_mx3cw_yl080_334:not(#\9) {
   display: grid;
   grid-template-columns: min-content auto;
 }
-.awsui_alert-focus-wrapper_mx3cw_1d6pc_330:not(#\9):focus {
+.awsui_alert-focus-wrapper_mx3cw_yl080_334:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1d6pc_330:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_yl080_334:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1d6pc_330:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_yl080_334:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-button-focus-outline-gutter-90p0io, 3px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1d6pc_330:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_yl080_334:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -358,76 +362,76 @@ body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1d6pc_330:n
   box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
 }
 
-.awsui_text_mx3cw_1d6pc_359:not(#\9) {
+.awsui_text_mx3cw_yl080_363:not(#\9) {
   min-inline-size: 0;
   padding-block: var(--border-width-alert-i75nxu, 1px);
   padding-inline: 0;
   margin-block: var(--space-scaled-xxs-krq5fq, 4px);
   margin-inline: var(--space-xxs-y2432o, 4px);
 }
-.awsui_text_mx3cw_1d6pc_359.awsui_icon_mx3cw_1d6pc_366:not(#\9) {
+.awsui_text_mx3cw_yl080_363.awsui_icon_mx3cw_yl080_370:not(#\9) {
   margin-inline-start: 0;
 }
-.awsui_text_mx3cw_1d6pc_359.awsui_message_mx3cw_1d6pc_369:not(#\9) {
+.awsui_text_mx3cw_yl080_363.awsui_message_mx3cw_yl080_373:not(#\9) {
   margin-inline-end: var(--space-alert-message-right-6y4tnf, 0px);
 }
 
-.awsui_breakpoint-default_mx3cw_1d6pc_299 > .awsui_action_mx3cw_1d6pc_320:not(#\9) {
+.awsui_breakpoint-default_mx3cw_yl080_303 > .awsui_action_mx3cw_yl080_324:not(#\9) {
   grid-row: 2;
   margin-block-end: var(--space-xxs-y2432o, 4px);
 }
-.awsui_breakpoint-default_mx3cw_1d6pc_299.awsui_icon-size-medium_mx3cw_1d6pc_377 > .awsui_action_mx3cw_1d6pc_320:not(#\9) {
+.awsui_breakpoint-default_mx3cw_yl080_303.awsui_icon-size-medium_mx3cw_yl080_381 > .awsui_action_mx3cw_yl080_324:not(#\9) {
   margin-inline-start: calc(var(--size-icon-medium-r52788, 16px) + var(--space-xs-6dgkww, 8px));
 }
-.awsui_breakpoint-default_mx3cw_1d6pc_299.awsui_icon-size-big_mx3cw_1d6pc_380 > .awsui_action_mx3cw_1d6pc_320:not(#\9) {
+.awsui_breakpoint-default_mx3cw_yl080_303.awsui_icon-size-big_mx3cw_yl080_384 > .awsui_action_mx3cw_yl080_324:not(#\9) {
   margin-inline-start: calc(var(--size-icon-big-fdyugp, 32px) + var(--space-xs-6dgkww, 8px));
 }
-.awsui_breakpoint-default_mx3cw_1d6pc_299.awsui_icon-size-normal_mx3cw_1d6pc_383 > .awsui_action_mx3cw_1d6pc_320:not(#\9) {
+.awsui_breakpoint-default_mx3cw_yl080_303.awsui_icon-size-normal_mx3cw_yl080_387 > .awsui_action_mx3cw_yl080_324:not(#\9) {
   margin-inline-start: calc(var(--size-icon-normal-19036g, 16px) + var(--space-xs-6dgkww, 8px));
 }
 
-.awsui_content_mx3cw_1d6pc_387:not(#\9),
-.awsui_content-replacement_mx3cw_1d6pc_388:not(#\9) {
+.awsui_content_mx3cw_yl080_391:not(#\9),
+.awsui_content-replacement_mx3cw_yl080_392:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_dismiss_mx3cw_1d6pc_392:not(#\9) {
+.awsui_dismiss_mx3cw_yl080_396:not(#\9) {
   margin-inline-end: calc(-1 * var(--space-xxs-y2432o, 4px));
   margin-inline-start: var(--space-s-vmutj3, 12px);
 }
 
-.awsui_dismiss-button_mx3cw_1d6pc_397:not(#\9) {
+.awsui_dismiss-button_mx3cw_yl080_401:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_type-error_mx3cw_1d6pc_401:not(#\9) {
+.awsui_type-error_mx3cw_yl080_405:not(#\9) {
   border-color: var(--color-border-status-error-5n723o, #d13212);
   background-color: var(--color-background-status-error-ljmwh5, #fdf3f1);
 }
-.awsui_type-error_mx3cw_1d6pc_401 > .awsui_alert-focus-wrapper_mx3cw_1d6pc_330 > .awsui_icon_mx3cw_1d6pc_366:not(#\9) {
+.awsui_type-error_mx3cw_yl080_405 > .awsui_alert-focus-wrapper_mx3cw_yl080_334 > .awsui_icon_mx3cw_yl080_370:not(#\9) {
   color: var(--color-text-status-error-p5bdwa, #d13212);
 }
 
-.awsui_type-warning_mx3cw_1d6pc_409:not(#\9) {
+.awsui_type-warning_mx3cw_yl080_413:not(#\9) {
   border-color: var(--color-border-status-warning-wkps52, #906806);
   background-color: var(--color-background-status-warning-bqz9of, #fffef0);
 }
-.awsui_type-warning_mx3cw_1d6pc_409 > .awsui_alert-focus-wrapper_mx3cw_1d6pc_330 > .awsui_icon_mx3cw_1d6pc_366:not(#\9) {
+.awsui_type-warning_mx3cw_yl080_413 > .awsui_alert-focus-wrapper_mx3cw_yl080_334 > .awsui_icon_mx3cw_yl080_370:not(#\9) {
   color: var(--color-text-status-warning-3hbtsc, #906806);
 }
 
-.awsui_type-success_mx3cw_1d6pc_417:not(#\9) {
+.awsui_type-success_mx3cw_yl080_421:not(#\9) {
   border-color: var(--color-border-status-success-acmcj0, #1d8102);
   background-color: var(--color-background-status-success-igaq7v, #f2f8f0);
 }
-.awsui_type-success_mx3cw_1d6pc_417 > .awsui_alert-focus-wrapper_mx3cw_1d6pc_330 > .awsui_icon_mx3cw_1d6pc_366:not(#\9) {
+.awsui_type-success_mx3cw_yl080_421 > .awsui_alert-focus-wrapper_mx3cw_yl080_334 > .awsui_icon_mx3cw_yl080_370:not(#\9) {
   color: var(--color-text-status-success-sh9pg0, #1d8102);
 }
 
-.awsui_type-info_mx3cw_1d6pc_425:not(#\9) {
+.awsui_type-info_mx3cw_yl080_429:not(#\9) {
   border-color: var(--color-border-status-info-7kw04i, #0073bb);
   background-color: var(--color-background-status-info-zgt1yi, #f1faff);
 }
-.awsui_type-info_mx3cw_1d6pc_425 > .awsui_alert-focus-wrapper_mx3cw_1d6pc_330 > .awsui_icon_mx3cw_1d6pc_366:not(#\9) {
+.awsui_type-info_mx3cw_yl080_429 > .awsui_alert-focus-wrapper_mx3cw_yl080_334 > .awsui_icon_mx3cw_yl080_370:not(#\9) {
   color: var(--color-text-status-info-1ypqr6, #0073bb);
 }