@cloudscape-design/components-themeable 3.0.549 → 3.0.550

package/lib/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "ae7711bf3a49583d52f46a05535845fb79f057e0"
+  "commit": "6b4118dd14c7af66c6600458890d506d6e28ce09"
 }

package/lib/internal/scss/header/styles.scss

@@ -133,6 +133,7 @@
 .title {
   @include styles.text-wrapping;
   color: awsui.$color-text-heading-default;
+
   &-variant-h1 {
     font-size: awsui.$font-size-heading-xl;
     padding-block-start: awsui.$space-scaled-2x-xxs;
@@ -164,6 +165,11 @@
     // Additional padding to make it the same height as a header with wrapping
     padding-block-end: calc(#{awsui.$space-scaled-xxs} + #{awsui.$space-scaled-xxxs});
   }
+
+  @include styles.with-direction('rtl') {
+    align-items: center;
+    display: inline-flex;
+  }
 }
 
 .root-no-actions.root-has-description > .main > :not(.refresh) {
@@ -229,6 +235,11 @@
   &-variant-h3 {
     @include styles.font(heading-m);
   }
+
+  @include styles.with-direction('rtl') {
+    display: inline-flex;
+    gap: awsui.$space-scaled-xxs;
+  }
 }
 
 .heading-text {

package/lib/internal/scss/icon/styles.scss

@@ -27,6 +27,28 @@
 
   @include mixins.make-icon-sizes;
   @include mixins.make-icon-variants;
+
+  &:is(
+      .name-angle-left-double,
+      .name-angle-left,
+      .name-angle-right-double,
+      .name-angle-right,
+      .name-arrow-left,
+      .name-caret-left-filled,
+      .name-caret-right-filled,
+      .name-audio-full,
+      .name-audio-half,
+      .name-audio-off,
+      .name-external,
+      .name-redo,
+      .name-shrink,
+      .name-undo,
+      .name-view-vertical
+    ) {
+    @include styles.with-direction('rtl') {
+      transform: scaleX(-1);
+    }
+  }
 }
 
 .badge::after {

package/lib/internal/scss/internal/components/dropdown/styles.scss

@@ -70,9 +70,17 @@
   }
   &-drop-left {
     inset-inline-end: 0;
+
+    @include styles.with-direction('rtl') {
+      inset-inline-end: unset;
+    }
   }
   &-drop-right {
     inset-inline-start: 0;
+
+    @include styles.with-direction('rtl') {
+      inset-inline-start: unset;
+    }
   }
   &.occupy-entire-width {
     min-inline-size: 100%;

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

@@ -1,42 +1,48 @@
 
-    $breadcrumbsGap: --awsui-breadcrumbs-gap-y98gph;
-$contentGapLeft: --awsui-content-gap-left-y98gph;
-$contentGapRight: --awsui-content-gap-right-y98gph;
-$contentHeight: --awsui-content-height-y98gph;
-$containerFirstGap: --awsui-container-first-gap-y98gph;
-$containerFirstOverlapExtension: --awsui-container-first-overlap-extension-y98gph;
-$defaultMaxContentWidth: --awsui-default-max-content-width-y98gph;
-$defaultMinContentWidth: --awsui-default-min-content-width-y98gph;
-$drawerSize: --awsui-drawer-size-y98gph;
-$footerHeight: --awsui-footer-height-y98gph;
-$headerGap: --awsui-header-gap-y98gph;
-$headerHeight: --awsui-header-height-y98gph;
-$layoutWidth: --awsui-layout-width-y98gph;
-$mainGap: --awsui-main-gap-y98gph;
-$mainOffsetLeft: --awsui-main-offset-left-y98gph;
-$mainTemplateRows: --awsui-main-template-rows-y98gph;
-$maxContentWidth: --awsui-max-content-width-y98gph;
-$minContentWidth: --awsui-min-content-width-y98gph;
-$mobileBarHeight: --awsui-mobile-bar-height-y98gph;
-$notificationsGap: --awsui-notifications-gap-y98gph;
-$notificationsHeight: --awsui-notifications-height-y98gph;
-$offsetTop: --awsui-offset-top-y98gph;
-$offsetTopWithNotifications: --awsui-offset-top-with-notifications-y98gph;
-$overlapHeight: --awsui-overlap-height-y98gph;
-$navigationWidth: --awsui-navigation-width-y98gph;
-$splitPanelReportedHeaderSize: --awsui-split-panel-reported-header-size-y98gph;
-$splitPanelReportedSize: --awsui-split-panel-reported-size-y98gph;
-$splitPanelHeight: --awsui-split-panel-height-y98gph;
-$splitPanelMinWidth: --awsui-split-panel-min-width-y98gph;
-$splitPanelMaxWidth: --awsui-split-panel-max-width-y98gph;
-$toolsMaxWidth: --awsui-tools-max-width-y98gph;
-$toolsWidth: --awsui-tools-width-y98gph;
-$toolsAnimationStartingOpacity: --awsui-tools-animation-starting-opacity-y98gph;
-$contentScrollMargin: --awsui-content-scroll-margin-y98gph;
-$flashbarStackDepth: --awsui-flashbar-stack-depth-y98gph;
-$flashbarStackIndex: --awsui-flashbar-stack-index-y98gph;
-$flashbarStickyBottomMargin: --awsui-flashbar-sticky-bottom-margin-y98gph;
-$stackedNotificationsBottomMargin: --awsui-stacked-notifications-bottom-margin-y98gph;
-$stackedNotificationsDefaultBottomMargin: --awsui-stacked-notifications-default-bottom-margin-y98gph;
-$dropdownDefaultMaxWidth: --awsui-dropdown-default-max-width-y98gph;
+    $breadcrumbsGap: --awsui-breadcrumbs-gap-iof9y8;
+$contentGapLeft: --awsui-content-gap-left-iof9y8;
+$contentGapRight: --awsui-content-gap-right-iof9y8;
+$contentHeight: --awsui-content-height-iof9y8;
+$containerFirstGap: --awsui-container-first-gap-iof9y8;
+$containerFirstOverlapExtension: --awsui-container-first-overlap-extension-iof9y8;
+$defaultMaxContentWidth: --awsui-default-max-content-width-iof9y8;
+$defaultMinContentWidth: --awsui-default-min-content-width-iof9y8;
+$drawerSize: --awsui-drawer-size-iof9y8;
+$footerHeight: --awsui-footer-height-iof9y8;
+$headerGap: --awsui-header-gap-iof9y8;
+$headerHeight: --awsui-header-height-iof9y8;
+$layoutWidth: --awsui-layout-width-iof9y8;
+$mainGap: --awsui-main-gap-iof9y8;
+$mainOffsetLeft: --awsui-main-offset-left-iof9y8;
+$mainTemplateRows: --awsui-main-template-rows-iof9y8;
+$maxContentWidth: --awsui-max-content-width-iof9y8;
+$minContentWidth: --awsui-min-content-width-iof9y8;
+$mobileBarHeight: --awsui-mobile-bar-height-iof9y8;
+$notificationsGap: --awsui-notifications-gap-iof9y8;
+$notificationsHeight: --awsui-notifications-height-iof9y8;
+$offsetTop: --awsui-offset-top-iof9y8;
+$offsetTopWithNotifications: --awsui-offset-top-with-notifications-iof9y8;
+$overlapHeight: --awsui-overlap-height-iof9y8;
+$navigationWidth: --awsui-navigation-width-iof9y8;
+$splitPanelReportedHeaderSize: --awsui-split-panel-reported-header-size-iof9y8;
+$splitPanelReportedSize: --awsui-split-panel-reported-size-iof9y8;
+$splitPanelHeight: --awsui-split-panel-height-iof9y8;
+$splitPanelMinWidth: --awsui-split-panel-min-width-iof9y8;
+$splitPanelMaxWidth: --awsui-split-panel-max-width-iof9y8;
+$toolsMaxWidth: --awsui-tools-max-width-iof9y8;
+$toolsWidth: --awsui-tools-width-iof9y8;
+$toolsAnimationStartingOpacity: --awsui-tools-animation-starting-opacity-iof9y8;
+$contentScrollMargin: --awsui-content-scroll-margin-iof9y8;
+$flashbarStackDepth: --awsui-flashbar-stack-depth-iof9y8;
+$flashbarStackIndex: --awsui-flashbar-stack-index-iof9y8;
+$flashbarStickyBottomMargin: --awsui-flashbar-sticky-bottom-margin-iof9y8;
+$stackedNotificationsBottomMargin: --awsui-stacked-notifications-bottom-margin-iof9y8;
+$stackedNotificationsDefaultBottomMargin: --awsui-stacked-notifications-default-bottom-margin-iof9y8;
+$dropdownDefaultMaxWidth: --awsui-dropdown-default-max-width-iof9y8;
+$spinnerRotatorFrom: --awsui-spinner-rotator-from-iof9y8;
+$spinnerRotatorTo: --awsui-spinner-rotator-to-iof9y8;
+$spinnerLineLeftFrom: --awsui-spinner-line-left-from-iof9y8;
+$spinnerLineLeftTo: --awsui-spinner-line-left-to-iof9y8;
+$spinnerLineRightFrom: --awsui-spinner-line-right-from-iof9y8;
+$spinnerLineRightTo: --awsui-spinner-line-right-to-iof9y8;
     

package/lib/internal/scss/internal/styles/direction.scss

@@ -0,0 +1,20 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+
+/* stylelint-disable @cloudscape-design/no-implicit-descendant, plugin/no-unsupported-browser-features, selector-combinator-disallowed-list */
+@mixin with-direction($direction) {
+  @supports selector(:dir(#{$direction})) {
+    &:dir(#{$direction}) {
+      @content;
+    }
+  }
+
+  @supports not selector(:dir(#{$direction})) {
+    html[dir='#{$direction}'] & {
+      @content;
+    }
+  }
+}
+/* stylelint-enable @cloudscape-design/no-implicit-descendant, plugin/no-unsupported-browser-features, selector-combinator-disallowed-list */

package/lib/internal/scss/internal/styles/index.scss

@@ -3,6 +3,7 @@
  SPDX-License-Identifier: Apache-2.0
 */
 
+@forward './direction';
 @forward './forms';
 @forward './foundation';
 @forward './motion';

package/lib/internal/scss/spinner/styles.scss

@@ -6,36 +6,44 @@
 @use '../internal/styles' as styles;
 @use './mixins' as mixins;
 @use '../internal/styles/tokens' as awsui;
+@use '../internal/generated/custom-css-properties/index' as custom-props;
 
 @keyframes spinner-rotator {
   0% {
-    transform: rotate(0deg);
+    transform: rotate(var(#{custom-props.$spinnerRotatorFrom}));
   }
   100% {
-    transform: rotate(360deg);
+    transform: rotate(var(#{custom-props.$spinnerRotatorTo}));
   }
 }
 
-@mixin swing-animation($name, $from, $to) {
-  @keyframes #{$name} {
-    0% {
-      transform: rotate($from);
-    }
+@keyframes spinner-line-left {
+  0% {
+    transform: rotate(var(#{custom-props.$spinnerLineLeftFrom}));
+  }
 
-    50% {
-      transform: rotate($to);
-    }
+  50% {
+    transform: rotate(var(#{custom-props.$spinnerLineLeftTo}));
+  }
 
-    100% {
-      transform: rotate($from);
-    }
+  100% {
+    transform: rotate(var(#{custom-props.$spinnerLineLeftFrom}));
   }
 }
 
-@include swing-animation(spinner-line-left, 0deg, 120deg);
+@keyframes spinner-line-right {
+  0% {
+    transform: rotate(var(#{custom-props.$spinnerLineRightFrom}));
+  }
 
-// right part of animation requires offset, so it starts from different angle
-@include swing-animation(spinner-line-right, 90deg, -30deg);
+  50% {
+    transform: rotate(var(#{custom-props.$spinnerLineRightTo}));
+  }
+
+  100% {
+    transform: rotate(var(#{custom-props.$spinnerLineRightFrom}));
+  }
+}
 
 @mixin awsui-spinner-circle {
   position: relative;
@@ -55,6 +63,12 @@
 }
 
 .root {
+  #{custom-props.$spinnerRotatorFrom}: 0deg;
+  #{custom-props.$spinnerRotatorTo}: 360deg;
+  #{custom-props.$spinnerLineLeftFrom}: 0deg;
+  #{custom-props.$spinnerLineLeftTo}: 120deg;
+  #{custom-props.$spinnerLineRightFrom}: 90deg;
+  #{custom-props.$spinnerLineRightTo}: -30deg;
   display: inline-block;
   vertical-align: top;
   // Spinner is an exception from our motion rules, it always has motion
@@ -65,6 +79,15 @@
 
   @include mixins.make-spinner-sizes;
   @include mixins.make-spinner-variants;
+
+  @include styles.with-direction('rtl') {
+    #{custom-props.$spinnerRotatorFrom}: 360deg;
+    #{custom-props.$spinnerRotatorTo}: 0deg;
+    #{custom-props.$spinnerLineLeftFrom}: 0deg;
+    #{custom-props.$spinnerLineLeftTo}: -120deg;
+    #{custom-props.$spinnerLineRightFrom}: -90deg;
+    #{custom-props.$spinnerLineRightTo}: 30deg;
+  }
 }
 
 .circle {

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

@@ -1,30 +1,30 @@
 
     import './styles.scoped.css';
     export default {
-  "alert": "awsui_alert_mx3cw_15610_93",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_15610_1",
-  "root": "awsui_root_mx3cw_15610_119",
-  "hidden": "awsui_hidden_mx3cw_15610_157",
-  "with-dismiss": "awsui_with-dismiss_mx3cw_15610_207",
-  "with-action": "awsui_with-action_mx3cw_15610_207",
-  "breakpoint-default": "awsui_breakpoint-default_mx3cw_15610_213",
-  "header": "awsui_header_mx3cw_15610_220",
-  "action": "awsui_action_mx3cw_15610_224",
-  "action-slot": "awsui_action-slot_mx3cw_15610_229",
-  "action-button": "awsui_action-button_mx3cw_15610_230",
-  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_15610_234",
-  "text": "awsui_text_mx3cw_15610_263",
-  "icon": "awsui_icon_mx3cw_15610_270",
-  "message": "awsui_message_mx3cw_15610_273",
-  "icon-size-medium": "awsui_icon-size-medium_mx3cw_15610_281",
-  "icon-size-big": "awsui_icon-size-big_mx3cw_15610_284",
-  "icon-size-normal": "awsui_icon-size-normal_mx3cw_15610_287",
-  "content": "awsui_content_mx3cw_15610_291",
-  "dismiss": "awsui_dismiss_mx3cw_15610_295",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_15610_300",
-  "type-error": "awsui_type-error_mx3cw_15610_304",
-  "type-warning": "awsui_type-warning_mx3cw_15610_312",
-  "type-success": "awsui_type-success_mx3cw_15610_320",
-  "type-info": "awsui_type-info_mx3cw_15610_328"
+  "alert": "awsui_alert_mx3cw_1c0ag_99",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1c0ag_1",
+  "root": "awsui_root_mx3cw_1c0ag_125",
+  "hidden": "awsui_hidden_mx3cw_1c0ag_163",
+  "with-dismiss": "awsui_with-dismiss_mx3cw_1c0ag_213",
+  "with-action": "awsui_with-action_mx3cw_1c0ag_213",
+  "breakpoint-default": "awsui_breakpoint-default_mx3cw_1c0ag_219",
+  "header": "awsui_header_mx3cw_1c0ag_226",
+  "action": "awsui_action_mx3cw_1c0ag_230",
+  "action-slot": "awsui_action-slot_mx3cw_1c0ag_235",
+  "action-button": "awsui_action-button_mx3cw_1c0ag_236",
+  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_1c0ag_240",
+  "text": "awsui_text_mx3cw_1c0ag_269",
+  "icon": "awsui_icon_mx3cw_1c0ag_276",
+  "message": "awsui_message_mx3cw_1c0ag_279",
+  "icon-size-medium": "awsui_icon-size-medium_mx3cw_1c0ag_287",
+  "icon-size-big": "awsui_icon-size-big_mx3cw_1c0ag_290",
+  "icon-size-normal": "awsui_icon-size-normal_mx3cw_1c0ag_293",
+  "content": "awsui_content_mx3cw_1c0ag_297",
+  "dismiss": "awsui_dismiss_mx3cw_1c0ag_301",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_1c0ag_306",
+  "type-error": "awsui_type-error_mx3cw_1c0ag_310",
+  "type-warning": "awsui_type-warning_mx3cw_1c0ag_318",
+  "type-success": "awsui_type-success_mx3cw_1c0ag_326",
+  "type-info": "awsui_type-info_mx3cw_1c0ag_334"
 };
   

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

@@ -6,6 +6,12 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/* stylelint-disable @cloudscape-design/no-implicit-descendant, plugin/no-unsupported-browser-features, selector-combinator-disallowed-list */
+/* stylelint-enable @cloudscape-design/no-implicit-descendant, plugin/no-unsupported-browser-features, selector-combinator-disallowed-list */
+/*
+ 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
@@ -90,10 +96,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_15610_93:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_mx3cw_15610_1 var(--motion-duration-show-paced-wu1v6q, 180ms) var(--motion-easing-show-paced-72rrqw, ease-out);
+.awsui_alert_mx3cw_1c0ag_99:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_mx3cw_1c0ag_1 var(--motion-duration-show-paced-wu1v6q, 180ms) var(--motion-easing-show-paced-72rrqw, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_mx3cw_15610_1 {
+@keyframes awsui_awsui-motion-fade-in_mx3cw_1c0ag_1 {
   from {
     opacity: 0.2;
   }
@@ -102,12 +108,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_alert_mx3cw_15610_93:not(#\9) {
+  .awsui_alert_mx3cw_1c0ag_99:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_alert_mx3cw_15610_93:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_15610_93:not(#\9) {
+.awsui-motion-disabled .awsui_alert_mx3cw_1c0ag_99:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_1c0ag_99:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -116,7 +122,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_mx3cw_15610_119:not(#\9) {
+.awsui_root_mx3cw_1c0ag_125:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -155,11 +161,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow: hidden;
   display: block;
 }
-.awsui_root_mx3cw_15610_119.awsui_hidden_mx3cw_15610_157:not(#\9) {
+.awsui_root_mx3cw_1c0ag_125.awsui_hidden_mx3cw_1c0ag_163:not(#\9) {
   display: none;
 }
 
-.awsui_alert_mx3cw_15610_93:not(#\9) {
+.awsui_alert_mx3cw_1c0ag_99:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -206,48 +212,48 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline: var(--space-alert-horizontal-bwh51v, 20px);
   background-color: var(--color-background-container-content-il2pe5, #ffffff);
 }
-.awsui_alert_mx3cw_15610_93.awsui_with-dismiss_mx3cw_15610_207:not(#\9), .awsui_alert_mx3cw_15610_93.awsui_with-action_mx3cw_15610_207:not(#\9) {
+.awsui_alert_mx3cw_1c0ag_99.awsui_with-dismiss_mx3cw_1c0ag_213:not(#\9), .awsui_alert_mx3cw_1c0ag_99.awsui_with-action_mx3cw_1c0ag_213:not(#\9) {
   grid-template-columns: 1fr auto;
 }
-.awsui_alert_mx3cw_15610_93.awsui_with-action_mx3cw_15610_207.awsui_with-dismiss_mx3cw_15610_207:not(#\9) {
+.awsui_alert_mx3cw_1c0ag_99.awsui_with-action_mx3cw_1c0ag_213.awsui_with-dismiss_mx3cw_1c0ag_213:not(#\9) {
   grid-template-columns: 1fr auto auto;
 }
-.awsui_alert_mx3cw_15610_93.awsui_breakpoint-default_mx3cw_15610_213.awsui_with-action_mx3cw_15610_207:not(#\9) {
+.awsui_alert_mx3cw_1c0ag_99.awsui_breakpoint-default_mx3cw_1c0ag_219.awsui_with-action_mx3cw_1c0ag_213:not(#\9) {
   grid-template-columns: 1fr auto;
 }
-.awsui_alert_mx3cw_15610_93.awsui_breakpoint-default_mx3cw_15610_213:not(#\9):not(.awsui_with-dismiss_mx3cw_15610_207) {
+.awsui_alert_mx3cw_1c0ag_99.awsui_breakpoint-default_mx3cw_1c0ag_219:not(#\9):not(.awsui_with-dismiss_mx3cw_1c0ag_213) {
   grid-template-columns: 1fr;
 }
 
-.awsui_header_mx3cw_15610_220:not(#\9) {
+.awsui_header_mx3cw_1c0ag_226:not(#\9) {
   font-weight: 700;
 }
 
-.awsui_action_mx3cw_15610_224:not(#\9) {
+.awsui_action_mx3cw_1c0ag_230:not(#\9) {
   white-space: nowrap;
   margin-inline-start: var(--space-alert-action-left-5t7fct, 20px);
 }
 
-.awsui_action-slot_mx3cw_15610_229:not(#\9),
-.awsui_action-button_mx3cw_15610_230:not(#\9) {
+.awsui_action-slot_mx3cw_1c0ag_235:not(#\9),
+.awsui_action-button_mx3cw_1c0ag_236:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_alert-focus-wrapper_mx3cw_15610_234:not(#\9) {
+.awsui_alert-focus-wrapper_mx3cw_1c0ag_240:not(#\9) {
   display: grid;
   grid-template-columns: min-content auto;
 }
-.awsui_alert-focus-wrapper_mx3cw_15610_234:not(#\9):focus {
+.awsui_alert-focus-wrapper_mx3cw_1c0ag_240:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_15610_234:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1c0ag_240:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_15610_234:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1c0ag_240:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-button-focus-outline-gutter-s68ny8, 3px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_15610_234:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1c0ag_240:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -262,75 +268,75 @@ body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_15610_234:n
   box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
 
-.awsui_text_mx3cw_15610_263:not(#\9) {
+.awsui_text_mx3cw_1c0ag_269:not(#\9) {
   min-inline-size: 0;
   padding-block: var(--border-field-width-yoy972, 1px);
   padding-inline: 0;
   margin-block: var(--space-scaled-xxs-t7ij38, 4px);
   margin-inline: var(--space-xxs-9rrxti, 4px);
 }
-.awsui_text_mx3cw_15610_263.awsui_icon_mx3cw_15610_270:not(#\9) {
+.awsui_text_mx3cw_1c0ag_269.awsui_icon_mx3cw_1c0ag_276:not(#\9) {
   margin-inline-start: 0;
 }
-.awsui_text_mx3cw_15610_263.awsui_message_mx3cw_15610_273:not(#\9) {
+.awsui_text_mx3cw_1c0ag_269.awsui_message_mx3cw_1c0ag_279:not(#\9) {
   margin-inline-end: var(--space-alert-message-right-px48tx, 0px);
 }
 
-.awsui_breakpoint-default_mx3cw_15610_213 > .awsui_action_mx3cw_15610_224:not(#\9) {
+.awsui_breakpoint-default_mx3cw_1c0ag_219 > .awsui_action_mx3cw_1c0ag_230:not(#\9) {
   grid-row: 2;
   margin-block-end: var(--space-xxs-9rrxti, 4px);
 }
-.awsui_breakpoint-default_mx3cw_15610_213.awsui_icon-size-medium_mx3cw_15610_281 > .awsui_action_mx3cw_15610_224:not(#\9) {
+.awsui_breakpoint-default_mx3cw_1c0ag_219.awsui_icon-size-medium_mx3cw_1c0ag_287 > .awsui_action_mx3cw_1c0ag_230:not(#\9) {
   margin-inline-start: calc(var(--size-icon-medium-6sroof, 16px) + var(--space-xs-xf5ch3, 8px));
 }
-.awsui_breakpoint-default_mx3cw_15610_213.awsui_icon-size-big_mx3cw_15610_284 > .awsui_action_mx3cw_15610_224:not(#\9) {
+.awsui_breakpoint-default_mx3cw_1c0ag_219.awsui_icon-size-big_mx3cw_1c0ag_290 > .awsui_action_mx3cw_1c0ag_230:not(#\9) {
   margin-inline-start: calc(var(--size-icon-big-hyxarq, 32px) + var(--space-xs-xf5ch3, 8px));
 }
-.awsui_breakpoint-default_mx3cw_15610_213.awsui_icon-size-normal_mx3cw_15610_287 > .awsui_action_mx3cw_15610_224:not(#\9) {
+.awsui_breakpoint-default_mx3cw_1c0ag_219.awsui_icon-size-normal_mx3cw_1c0ag_293 > .awsui_action_mx3cw_1c0ag_230:not(#\9) {
   margin-inline-start: calc(var(--size-icon-normal-wflv4k, 16px) + var(--space-xs-xf5ch3, 8px));
 }
 
-.awsui_content_mx3cw_15610_291:not(#\9) {
+.awsui_content_mx3cw_1c0ag_297:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_dismiss_mx3cw_15610_295:not(#\9) {
+.awsui_dismiss_mx3cw_1c0ag_301:not(#\9) {
   margin-inline-end: calc(-1 * var(--space-xxs-9rrxti, 4px));
   margin-inline-start: var(--space-s-2025hl, 12px);
 }
 
-.awsui_dismiss-button_mx3cw_15610_300:not(#\9) {
+.awsui_dismiss-button_mx3cw_1c0ag_306:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_type-error_mx3cw_15610_304:not(#\9) {
+.awsui_type-error_mx3cw_1c0ag_310:not(#\9) {
   border-color: var(--color-border-status-error-xj05xm, #d13212);
   background-color: var(--color-background-status-error-oemu7d, #fdf3f1);
 }
-.awsui_type-error_mx3cw_15610_304 > .awsui_alert-focus-wrapper_mx3cw_15610_234 > .awsui_icon_mx3cw_15610_270:not(#\9) {
+.awsui_type-error_mx3cw_1c0ag_310 > .awsui_alert-focus-wrapper_mx3cw_1c0ag_240 > .awsui_icon_mx3cw_1c0ag_276:not(#\9) {
   color: var(--color-text-status-error-ofc4yr, #d13212);
 }
 
-.awsui_type-warning_mx3cw_15610_312:not(#\9) {
+.awsui_type-warning_mx3cw_1c0ag_318:not(#\9) {
   border-color: var(--color-border-status-warning-gda7pe, #906806);
   background-color: var(--color-background-status-warning-c7n5t6, #fffce9);
 }
-.awsui_type-warning_mx3cw_15610_312 > .awsui_alert-focus-wrapper_mx3cw_15610_234 > .awsui_icon_mx3cw_15610_270:not(#\9) {
+.awsui_type-warning_mx3cw_1c0ag_318 > .awsui_alert-focus-wrapper_mx3cw_1c0ag_240 > .awsui_icon_mx3cw_1c0ag_276:not(#\9) {
   color: var(--color-text-status-warning-azn00c, #906806);
 }
 
-.awsui_type-success_mx3cw_15610_320:not(#\9) {
+.awsui_type-success_mx3cw_1c0ag_326:not(#\9) {
   border-color: var(--color-border-status-success-ce6e1e, #1d8102);
   background-color: var(--color-background-status-success-6fu96x, #f2f8f0);
 }
-.awsui_type-success_mx3cw_15610_320 > .awsui_alert-focus-wrapper_mx3cw_15610_234 > .awsui_icon_mx3cw_15610_270:not(#\9) {
+.awsui_type-success_mx3cw_1c0ag_326 > .awsui_alert-focus-wrapper_mx3cw_1c0ag_240 > .awsui_icon_mx3cw_1c0ag_276:not(#\9) {
   color: var(--color-text-status-success-owjbj0, #1d8102);
 }
 
-.awsui_type-info_mx3cw_15610_328:not(#\9) {
+.awsui_type-info_mx3cw_1c0ag_334:not(#\9) {
   border-color: var(--color-border-status-info-q9np44, #0073bb);
   background-color: var(--color-background-status-info-pgxhez, #f1faff);
 }
-.awsui_type-info_mx3cw_15610_328 > .awsui_alert-focus-wrapper_mx3cw_15610_234 > .awsui_icon_mx3cw_15610_270:not(#\9) {
+.awsui_type-info_mx3cw_1c0ag_334 > .awsui_alert-focus-wrapper_mx3cw_1c0ag_240 > .awsui_icon_mx3cw_1c0ag_276:not(#\9) {
   color: var(--color-text-status-info-aq7yd6, #0073bb);
 }

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

@@ -2,30 +2,30 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "alert": "awsui_alert_mx3cw_15610_93",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_15610_1",
-  "root": "awsui_root_mx3cw_15610_119",
-  "hidden": "awsui_hidden_mx3cw_15610_157",
-  "with-dismiss": "awsui_with-dismiss_mx3cw_15610_207",
-  "with-action": "awsui_with-action_mx3cw_15610_207",
-  "breakpoint-default": "awsui_breakpoint-default_mx3cw_15610_213",
-  "header": "awsui_header_mx3cw_15610_220",
-  "action": "awsui_action_mx3cw_15610_224",
-  "action-slot": "awsui_action-slot_mx3cw_15610_229",
-  "action-button": "awsui_action-button_mx3cw_15610_230",
-  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_15610_234",
-  "text": "awsui_text_mx3cw_15610_263",
-  "icon": "awsui_icon_mx3cw_15610_270",
-  "message": "awsui_message_mx3cw_15610_273",
-  "icon-size-medium": "awsui_icon-size-medium_mx3cw_15610_281",
-  "icon-size-big": "awsui_icon-size-big_mx3cw_15610_284",
-  "icon-size-normal": "awsui_icon-size-normal_mx3cw_15610_287",
-  "content": "awsui_content_mx3cw_15610_291",
-  "dismiss": "awsui_dismiss_mx3cw_15610_295",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_15610_300",
-  "type-error": "awsui_type-error_mx3cw_15610_304",
-  "type-warning": "awsui_type-warning_mx3cw_15610_312",
-  "type-success": "awsui_type-success_mx3cw_15610_320",
-  "type-info": "awsui_type-info_mx3cw_15610_328"
+  "alert": "awsui_alert_mx3cw_1c0ag_99",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1c0ag_1",
+  "root": "awsui_root_mx3cw_1c0ag_125",
+  "hidden": "awsui_hidden_mx3cw_1c0ag_163",
+  "with-dismiss": "awsui_with-dismiss_mx3cw_1c0ag_213",
+  "with-action": "awsui_with-action_mx3cw_1c0ag_213",
+  "breakpoint-default": "awsui_breakpoint-default_mx3cw_1c0ag_219",
+  "header": "awsui_header_mx3cw_1c0ag_226",
+  "action": "awsui_action_mx3cw_1c0ag_230",
+  "action-slot": "awsui_action-slot_mx3cw_1c0ag_235",
+  "action-button": "awsui_action-button_mx3cw_1c0ag_236",
+  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_1c0ag_240",
+  "text": "awsui_text_mx3cw_1c0ag_269",
+  "icon": "awsui_icon_mx3cw_1c0ag_276",
+  "message": "awsui_message_mx3cw_1c0ag_279",
+  "icon-size-medium": "awsui_icon-size-medium_mx3cw_1c0ag_287",
+  "icon-size-big": "awsui_icon-size-big_mx3cw_1c0ag_290",
+  "icon-size-normal": "awsui_icon-size-normal_mx3cw_1c0ag_293",
+  "content": "awsui_content_mx3cw_1c0ag_297",
+  "dismiss": "awsui_dismiss_mx3cw_1c0ag_301",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_1c0ag_306",
+  "type-error": "awsui_type-error_mx3cw_1c0ag_310",
+  "type-warning": "awsui_type-warning_mx3cw_1c0ag_318",
+  "type-success": "awsui_type-success_mx3cw_1c0ag_326",
+  "type-info": "awsui_type-info_mx3cw_1c0ag_334"
 };