@cloudscape-design/components-themeable 3.0.769 → 3.0.771

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

@@ -48,6 +48,9 @@ $radio-size: awsui.$size-control;
   stroke: awsui.$color-background-control-checked;
   fill: awsui.$color-foreground-control-default;
   opacity: 0;
+  @include styles.with-motion {
+    transition: opacity awsui.$motion-duration-transition-quick awsui.$motion-easing-transition-quick;
+  }
   &.styled-circle-checked {
     opacity: 1;
   }
@@ -59,7 +62,4 @@ $radio-size: awsui.$size-control;
     fill: awsui.$color-foreground-control-read-only;
     stroke: awsui.$color-background-control-disabled;
   }
-  @include styles.with-motion {
-    transition: opacity awsui.$motion-duration-transition-quick awsui.$motion-easing-transition-quick;
-  }
 }

package/lib/internal/scss/side-navigation/analytics-metadata/styles.scss

@@ -0,0 +1,9 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+
+.header-link-text,
+.link-text {
+  /* used in analytics metadata */
+}

package/lib/internal/scss/status-indicator/motion.scss

@@ -2,19 +2,21 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+@use '../internal/styles' as styles;
+@use '../internal/styles/tokens' as awsui;
 
 .icon-shake {
   display: inline-block;
 
   @include styles.with-motion {
-    @include styles.animation-shake-horizontally;
     animation: awsui-motion-shake-horizontally awsui.$motion-duration-refresh-only-medium;
+    @include styles.animation-shake-horizontally;
   }
 }
 
 .container-fade-in {
   @include styles.with-motion {
-    @include styles.animation-fade-in-0;
     animation: awsui-motion-fade-in-0 awsui.$motion-duration-refresh-only-medium awsui.$motion-easing-refresh-only-a;
+    @include styles.animation-fade-in-0;
   }
 }

package/lib/internal/scss/status-indicator/styles.scss

@@ -7,7 +7,7 @@
 @use '../internal/styles' as styles;
 @use '../internal/styles/tokens' as awsui;
 
-@import './motion';
+@use './motion';
 
 $_status-colors: (
   'error': awsui.$color-text-status-error,

package/lib/internal/scss/table/body-cell/styles.scss

@@ -118,17 +118,17 @@ $cell-negative-space-vertical: 2px;
 
 .body-cell {
   box-sizing: border-box;
-  @include cell-padding-inline-start($cell-horizontal-padding);
-  @include cell-padding-block-start($cell-vertical-padding);
-  @include cell-padding-block-end($cell-vertical-padding-w-border);
-  @include cell-padding-inline-end($cell-horizontal-padding);
   border-block-start: awsui.$border-divider-list-width solid transparent;
   word-wrap: break-word;
   border-block-end: awsui.$border-divider-list-width solid awsui.$color-border-divider-secondary;
   font-weight: inherit;
-
   text-align: start;
 
+  @include cell-padding-inline-start($cell-horizontal-padding);
+  @include cell-padding-block-start($cell-vertical-padding);
+  @include cell-padding-block-end($cell-vertical-padding-w-border);
+  @include cell-padding-inline-end($cell-horizontal-padding);
+
   &-content {
     box-sizing: border-box;
   }
@@ -243,6 +243,11 @@ $cell-negative-space-vertical: 2px;
     position: sticky;
     background: awsui.$color-background-container-content;
     z-index: 798; // Our sticky elements should have z-index in the range of 800-850, this value needs to be lower
+    @include styles.with-motion {
+      transition-property: padding;
+      transition-duration: awsui.$motion-duration-transition-show-quick;
+      transition-timing-function: awsui.$motion-easing-sticky;
+    }
     &-pad-left:not(.has-selection):not(.is-visual-refresh.body-cell:first-child.has-striped-rows) {
       @include cell-padding-inline-start(awsui.$space-table-horizontal);
     }
@@ -291,11 +296,6 @@ $cell-negative-space-vertical: 2px;
         clip-path: inset(0 -24px 0 0);
       }
     }
-    @include styles.with-motion {
-      transition-property: padding;
-      transition-duration: awsui.$motion-duration-transition-show-quick;
-      transition-timing-function: awsui.$motion-easing-sticky;
-    }
   }
 
   // Use padding as a selected border placeholder to make sure rows don't change height on selection (visual refresh)
@@ -307,8 +307,8 @@ $cell-negative-space-vertical: 2px;
     @include cell-padding-block-end(calc(#{$cell-vertical-padding} + #{awsui.$border-divider-list-width}));
   }
   &-selected.body-cell-prev-selected {
-    @include cell-padding-block-start($cell-vertical-padding-w-border);
     border-block-start: $selected-border-placeholder;
+    @include cell-padding-block-start($cell-vertical-padding-w-border);
   }
   &-selected.body-cell-next-selected {
     border-block-end-width: awsui.$border-divider-list-width;

package/lib/internal/scss/table/expandable-rows/styles.scss

@@ -38,13 +38,12 @@
   padding-inline: 0;
   background: none;
   outline: 0;
+  color: awsui.$color-text-interactive-default;
 
   @include focus-visible.when-visible {
     @include styles.focus-highlight(awsui.$space-button-inline-icon-focus-outline-gutter);
   }
 
-  color: awsui.$color-text-interactive-default;
-
   &:hover {
     color: awsui.$color-text-interactive-hover;
   }

package/lib/internal/scss/table/header-cell/styles.scss

@@ -84,6 +84,11 @@ $cell-horizontal-padding: awsui.$space-scaled-l;
     position: sticky;
     background: awsui.$color-background-table-header;
     z-index: 798; // Lower than the AppLayout's notification slot z-index(799)
+    @include styles.with-motion {
+      transition-property: padding;
+      transition-duration: awsui.$motion-duration-transition-show-quick;
+      transition-timing-function: awsui.$motion-easing-sticky;
+    }
     &-pad-left:not(.has-selection) {
       padding-inline-start: awsui.$space-table-horizontal;
     }
@@ -108,12 +113,6 @@ $cell-horizontal-padding: awsui.$space-scaled-l;
         clip-path: inset(0 -24px 0 0);
       }
     }
-
-    @include styles.with-motion {
-      transition-property: padding;
-      transition-duration: awsui.$motion-duration-transition-show-quick;
-      transition-timing-function: awsui.$motion-easing-sticky;
-    }
   }
 }
 
@@ -134,8 +133,8 @@ $cell-horizontal-padding: awsui.$space-scaled-l;
 .header-cell-content {
   position: relative;
   padding-block: awsui.$space-scaled-xxs;
-  @include cell-offset(awsui.$space-s);
   padding-inline-end: awsui.$space-s;
+  @include cell-offset(awsui.$space-s);
 
   .header-cell-sortable > & {
     padding-inline-end: calc(#{awsui.$space-xl} + #{awsui.$space-xxs});

package/lib/internal/scss/table/resizer/styles.scss

@@ -68,8 +68,8 @@ th:not(:last-child) > .divider {
   }
   &.has-focus {
     @include focus-visible.when-visible-unfocused {
-      @include styles.focus-highlight(calc(#{awsui.$space-table-header-focus-outline-gutter} - 2px));
       position: absolute;
+      @include styles.focus-highlight(calc(#{awsui.$space-table-header-focus-outline-gutter} - 2px));
     }
   }
 }

package/lib/internal/scss/table/styles.scss

@@ -22,14 +22,14 @@
   padding-inline: 0;
 
   &-filtering {
+    max-inline-size: 100%;
+    margin-inline-end: awsui.$space-l;
     @supports (flex-basis: fit-content) {
       flex: 1 1 fit-content;
     }
     @supports not (flex-basis: fit-content) {
       flex: 1 1 auto;
     }
-    max-inline-size: 100%;
-    margin-inline-end: awsui.$space-l;
   }
 
   &-align-right {
@@ -97,7 +97,7 @@
   padding-inline: 0;
   &.has-footer {
     /*
-    Add a bottom border to the body cell of an empty table as a separator between the 
+    Add a bottom border to the body cell of an empty table as a separator between the
     table and the footer
     */
     border-block-end: awsui.$border-divider-section-width solid awsui.$color-border-divider-default;
@@ -127,7 +127,7 @@
 }
 
 /*
-The min/max/width token values in Visual Refresh should align 
+The min/max/width token values in Visual Refresh should align
 the table header and body cells selection control with the table
 filter search icon.
 */

package/lib/internal/scss/tabs/tab-header-bar.scss

@@ -178,6 +178,7 @@ $label-horizontal-spacing: awsui.$space-xs;
 
   padding-inline-start: calc(#{awsui.$space-xxs} - 1px);
   padding-inline-end: awsui.$space-xxs;
+  @include styles.font-smoothing;
 
   &.refresh {
     padding-block-start: calc(awsui.$space-static-xs - 1px);
@@ -194,12 +195,10 @@ $label-horizontal-spacing: awsui.$space-xs;
     outline: none;
   }
 
-  @include styles.font-smoothing;
-
   @include focus-visible.when-visible {
     z-index: 1;
-    @include styles.focus-highlight(awsui.$space-tabs-focus-outline-gutter);
     border-inline-end-color: transparent;
+    @include styles.focus-highlight(awsui.$space-tabs-focus-outline-gutter);
   }
 }
 

package/lib/internal/scss/tiles/styles.scss

@@ -39,6 +39,12 @@ $gutter: awsui.$space-grid-gutter;
   padding-block: awsui.$space-xs;
   padding-inline: awsui.$space-scaled-m;
 
+  @include styles.with-motion {
+    transition:
+      border-color awsui.$motion-duration-transition-quick awsui.$motion-easing-transition-quick,
+      background-color awsui.$motion-duration-transition-quick awsui.$motion-easing-transition-quick;
+  }
+
   &.refresh {
     padding-block: awsui.$space-xs;
     padding-inline: awsui.$space-s;
@@ -66,12 +72,6 @@ $gutter: awsui.$space-grid-gutter;
   &.readonly {
     @include styles.form-readonly-element;
   }
-
-  @include styles.with-motion {
-    transition:
-      border-color awsui.$motion-duration-transition-quick awsui.$motion-easing-transition-quick,
-      background-color awsui.$motion-duration-transition-quick awsui.$motion-easing-transition-quick;
-  }
 }
 
 .columns {

package/lib/internal/scss/toggle/styles.scss

@@ -60,6 +60,15 @@ $shadow-color: rgba(0, 0, 0, 0.25);
   inset-block-start: $handle-offset;
   inset-inline-start: $handle-offset;
 
+  @include styles.with-motion {
+    // Exception: The toggle state transition does not follow the motion guidelines
+    // for the "State transition (quick)" group and is therefore not using
+    // standard variables from that group.
+    transition:
+      transform awsui.$motion-duration-fast awsui.$motion-easing-ease-out-quart,
+      background-color awsui.$motion-duration-fast awsui.$motion-easing-ease-out-quart;
+  }
+
   &-checked {
     transform: translateX(0.8 * styles.$base-size);
 
@@ -79,13 +88,4 @@ $shadow-color: rgba(0, 0, 0, 0.25);
       background: awsui.$color-foreground-control-read-only;
     }
   }
-
-  @include styles.with-motion {
-    // Exception: The toggle state transition does not follow the motion guidelines
-    // for the "State transition (quick)" group and is therefore not using
-    // standard variables from that group.
-    transition:
-      transform awsui.$motion-duration-fast awsui.$motion-easing-ease-out-quart,
-      background-color awsui.$motion-duration-fast awsui.$motion-easing-ease-out-quart;
-  }
 }

package/lib/internal/scss/tutorial-panel/components/tutorial-list/motion.scss

@@ -9,8 +9,8 @@
 .content {
   &-enter {
     @include styles.with-motion {
-      @include styles.animation-fade-in;
       animation: awsui-motion-fade-in tokens.$motion-duration-show-paced tokens.$motion-easing-show-paced;
+      @include styles.animation-fade-in;
     }
   }
 }

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

@@ -1,32 +1,32 @@
 
     import './styles.scoped.css';
     export default {
-  "alert": "awsui_alert_mx3cw_1i0eh_189",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1i0eh_1",
-  "root": "awsui_root_mx3cw_1i0eh_211",
-  "hidden": "awsui_hidden_mx3cw_1i0eh_249",
-  "with-dismiss": "awsui_with-dismiss_mx3cw_1i0eh_299",
-  "with-action": "awsui_with-action_mx3cw_1i0eh_299",
-  "breakpoint-default": "awsui_breakpoint-default_mx3cw_1i0eh_305",
-  "header": "awsui_header_mx3cw_1i0eh_316",
-  "header-replacement": "awsui_header-replacement_mx3cw_1i0eh_317",
-  "action": "awsui_action_mx3cw_1i0eh_321",
-  "action-slot": "awsui_action-slot_mx3cw_1i0eh_326",
-  "action-button": "awsui_action-button_mx3cw_1i0eh_327",
-  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_1i0eh_331",
-  "text": "awsui_text_mx3cw_1i0eh_360",
-  "icon": "awsui_icon_mx3cw_1i0eh_367",
-  "message": "awsui_message_mx3cw_1i0eh_370",
-  "icon-size-medium": "awsui_icon-size-medium_mx3cw_1i0eh_378",
-  "icon-size-big": "awsui_icon-size-big_mx3cw_1i0eh_381",
-  "icon-size-normal": "awsui_icon-size-normal_mx3cw_1i0eh_384",
-  "content": "awsui_content_mx3cw_1i0eh_388",
-  "content-replacement": "awsui_content-replacement_mx3cw_1i0eh_389",
-  "dismiss": "awsui_dismiss_mx3cw_1i0eh_393",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_1i0eh_398",
-  "type-error": "awsui_type-error_mx3cw_1i0eh_402",
-  "type-warning": "awsui_type-warning_mx3cw_1i0eh_410",
-  "type-success": "awsui_type-success_mx3cw_1i0eh_418",
-  "type-info": "awsui_type-info_mx3cw_1i0eh_426"
+  "alert": "awsui_alert_mx3cw_ciddq_189",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_ciddq_1",
+  "root": "awsui_root_mx3cw_ciddq_211",
+  "hidden": "awsui_hidden_mx3cw_ciddq_249",
+  "with-dismiss": "awsui_with-dismiss_mx3cw_ciddq_299",
+  "with-action": "awsui_with-action_mx3cw_ciddq_299",
+  "breakpoint-default": "awsui_breakpoint-default_mx3cw_ciddq_305",
+  "header": "awsui_header_mx3cw_ciddq_316",
+  "header-replacement": "awsui_header-replacement_mx3cw_ciddq_317",
+  "action": "awsui_action_mx3cw_ciddq_321",
+  "action-slot": "awsui_action-slot_mx3cw_ciddq_326",
+  "action-button": "awsui_action-button_mx3cw_ciddq_327",
+  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_ciddq_331",
+  "text": "awsui_text_mx3cw_ciddq_360",
+  "icon": "awsui_icon_mx3cw_ciddq_367",
+  "message": "awsui_message_mx3cw_ciddq_370",
+  "icon-size-medium": "awsui_icon-size-medium_mx3cw_ciddq_378",
+  "icon-size-big": "awsui_icon-size-big_mx3cw_ciddq_381",
+  "icon-size-normal": "awsui_icon-size-normal_mx3cw_ciddq_384",
+  "content": "awsui_content_mx3cw_ciddq_388",
+  "content-replacement": "awsui_content-replacement_mx3cw_ciddq_389",
+  "dismiss": "awsui_dismiss_mx3cw_ciddq_393",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_ciddq_398",
+  "type-error": "awsui_type-error_mx3cw_ciddq_402",
+  "type-warning": "awsui_type-warning_mx3cw_ciddq_410",
+  "type-success": "awsui_type-success_mx3cw_ciddq_418",
+  "type-info": "awsui_type-info_mx3cw_ciddq_426"
 };
   

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

@@ -172,7 +172,7 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* Style used for links in slots/components that are text heavy, to help links stand out among 
+/* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
@@ -186,10 +186,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_1i0eh_189:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_mx3cw_1i0eh_1 var(--motion-duration-show-paced-wu1v6q, 180ms) var(--motion-easing-show-paced-72rrqw, ease-out);
+.awsui_alert_mx3cw_ciddq_189:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_mx3cw_ciddq_1 var(--motion-duration-show-paced-wu1v6q, 180ms) var(--motion-easing-show-paced-72rrqw, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_mx3cw_1i0eh_1 {
+@keyframes awsui_awsui-motion-fade-in_mx3cw_ciddq_1 {
   from {
     opacity: 0.2;
   }
@@ -198,17 +198,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_alert_mx3cw_1i0eh_189:not(#\9) {
+  .awsui_alert_mx3cw_ciddq_189:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_alert_mx3cw_1i0eh_189:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_1i0eh_189:not(#\9) {
+.awsui-motion-disabled .awsui_alert_mx3cw_ciddq_189:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_ciddq_189:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_mx3cw_1i0eh_211:not(#\9) {
+.awsui_root_mx3cw_ciddq_211:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -247,11 +247,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow: hidden;
   display: block;
 }
-.awsui_root_mx3cw_1i0eh_211.awsui_hidden_mx3cw_1i0eh_249:not(#\9) {
+.awsui_root_mx3cw_ciddq_211.awsui_hidden_mx3cw_ciddq_249:not(#\9) {
   display: none;
 }
 
-.awsui_alert_mx3cw_1i0eh_189:not(#\9) {
+.awsui_alert_mx3cw_ciddq_189:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -298,53 +298,53 @@ 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_1i0eh_189.awsui_with-dismiss_mx3cw_1i0eh_299:not(#\9), .awsui_alert_mx3cw_1i0eh_189.awsui_with-action_mx3cw_1i0eh_299:not(#\9) {
+.awsui_alert_mx3cw_ciddq_189.awsui_with-dismiss_mx3cw_ciddq_299:not(#\9), .awsui_alert_mx3cw_ciddq_189.awsui_with-action_mx3cw_ciddq_299:not(#\9) {
   grid-template-columns: 1fr auto;
 }
-.awsui_alert_mx3cw_1i0eh_189.awsui_with-action_mx3cw_1i0eh_299.awsui_with-dismiss_mx3cw_1i0eh_299:not(#\9) {
+.awsui_alert_mx3cw_ciddq_189.awsui_with-action_mx3cw_ciddq_299.awsui_with-dismiss_mx3cw_ciddq_299:not(#\9) {
   grid-template-columns: 1fr auto auto;
 }
-.awsui_alert_mx3cw_1i0eh_189.awsui_breakpoint-default_mx3cw_1i0eh_305.awsui_with-action_mx3cw_1i0eh_299:not(#\9) {
+.awsui_alert_mx3cw_ciddq_189.awsui_breakpoint-default_mx3cw_ciddq_305.awsui_with-action_mx3cw_ciddq_299:not(#\9) {
   grid-template-columns: 1fr auto;
 }
-.awsui_alert_mx3cw_1i0eh_189.awsui_breakpoint-default_mx3cw_1i0eh_305:not(#\9):not(.awsui_with-dismiss_mx3cw_1i0eh_299) {
+.awsui_alert_mx3cw_ciddq_189.awsui_breakpoint-default_mx3cw_ciddq_305:not(#\9):not(.awsui_with-dismiss_mx3cw_ciddq_299) {
   grid-template-columns: 1fr;
 }
 
-.awsui_hidden_mx3cw_1i0eh_249:not(#\9) {
+.awsui_hidden_mx3cw_ciddq_249:not(#\9) {
   display: none;
 }
 
-.awsui_header_mx3cw_1i0eh_316:not(#\9),
-.awsui_header-replacement_mx3cw_1i0eh_317:not(#\9) {
+.awsui_header_mx3cw_ciddq_316:not(#\9),
+.awsui_header-replacement_mx3cw_ciddq_317:not(#\9) {
   font-weight: 700;
 }
 
-.awsui_action_mx3cw_1i0eh_321:not(#\9) {
+.awsui_action_mx3cw_ciddq_321:not(#\9) {
   white-space: nowrap;
   margin-inline-start: var(--space-alert-action-left-5t7fct, 20px);
 }
 
-.awsui_action-slot_mx3cw_1i0eh_326:not(#\9),
-.awsui_action-button_mx3cw_1i0eh_327:not(#\9) {
+.awsui_action-slot_mx3cw_ciddq_326:not(#\9),
+.awsui_action-button_mx3cw_ciddq_327:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_alert-focus-wrapper_mx3cw_1i0eh_331:not(#\9) {
+.awsui_alert-focus-wrapper_mx3cw_ciddq_331:not(#\9) {
   display: grid;
   grid-template-columns: min-content auto;
 }
-.awsui_alert-focus-wrapper_mx3cw_1i0eh_331:not(#\9):focus {
+.awsui_alert-focus-wrapper_mx3cw_ciddq_331:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1i0eh_331:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_ciddq_331:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1i0eh_331:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_ciddq_331: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_1i0eh_331:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_ciddq_331:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -359,76 +359,76 @@ body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1i0eh_331:n
   box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
 
-.awsui_text_mx3cw_1i0eh_360:not(#\9) {
+.awsui_text_mx3cw_ciddq_360: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_1i0eh_360.awsui_icon_mx3cw_1i0eh_367:not(#\9) {
+.awsui_text_mx3cw_ciddq_360.awsui_icon_mx3cw_ciddq_367:not(#\9) {
   margin-inline-start: 0;
 }
-.awsui_text_mx3cw_1i0eh_360.awsui_message_mx3cw_1i0eh_370:not(#\9) {
+.awsui_text_mx3cw_ciddq_360.awsui_message_mx3cw_ciddq_370:not(#\9) {
   margin-inline-end: var(--space-alert-message-right-px48tx, 0px);
 }
 
-.awsui_breakpoint-default_mx3cw_1i0eh_305 > .awsui_action_mx3cw_1i0eh_321:not(#\9) {
+.awsui_breakpoint-default_mx3cw_ciddq_305 > .awsui_action_mx3cw_ciddq_321:not(#\9) {
   grid-row: 2;
   margin-block-end: var(--space-xxs-9rrxti, 4px);
 }
-.awsui_breakpoint-default_mx3cw_1i0eh_305.awsui_icon-size-medium_mx3cw_1i0eh_378 > .awsui_action_mx3cw_1i0eh_321:not(#\9) {
+.awsui_breakpoint-default_mx3cw_ciddq_305.awsui_icon-size-medium_mx3cw_ciddq_378 > .awsui_action_mx3cw_ciddq_321:not(#\9) {
   margin-inline-start: calc(var(--size-icon-medium-6sroof, 16px) + var(--space-xs-xf5ch3, 8px));
 }
-.awsui_breakpoint-default_mx3cw_1i0eh_305.awsui_icon-size-big_mx3cw_1i0eh_381 > .awsui_action_mx3cw_1i0eh_321:not(#\9) {
+.awsui_breakpoint-default_mx3cw_ciddq_305.awsui_icon-size-big_mx3cw_ciddq_381 > .awsui_action_mx3cw_ciddq_321:not(#\9) {
   margin-inline-start: calc(var(--size-icon-big-hyxarq, 32px) + var(--space-xs-xf5ch3, 8px));
 }
-.awsui_breakpoint-default_mx3cw_1i0eh_305.awsui_icon-size-normal_mx3cw_1i0eh_384 > .awsui_action_mx3cw_1i0eh_321:not(#\9) {
+.awsui_breakpoint-default_mx3cw_ciddq_305.awsui_icon-size-normal_mx3cw_ciddq_384 > .awsui_action_mx3cw_ciddq_321:not(#\9) {
   margin-inline-start: calc(var(--size-icon-normal-wflv4k, 16px) + var(--space-xs-xf5ch3, 8px));
 }
 
-.awsui_content_mx3cw_1i0eh_388:not(#\9),
-.awsui_content-replacement_mx3cw_1i0eh_389:not(#\9) {
+.awsui_content_mx3cw_ciddq_388:not(#\9),
+.awsui_content-replacement_mx3cw_ciddq_389:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_dismiss_mx3cw_1i0eh_393:not(#\9) {
+.awsui_dismiss_mx3cw_ciddq_393:not(#\9) {
   margin-inline-end: calc(-1 * var(--space-xxs-9rrxti, 4px));
   margin-inline-start: var(--space-s-2025hl, 12px);
 }
 
-.awsui_dismiss-button_mx3cw_1i0eh_398:not(#\9) {
+.awsui_dismiss-button_mx3cw_ciddq_398:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_type-error_mx3cw_1i0eh_402:not(#\9) {
+.awsui_type-error_mx3cw_ciddq_402:not(#\9) {
   border-color: var(--color-border-status-error-xj05xm, #d13212);
   background-color: var(--color-background-status-error-oemu7d, #fdf3f1);
 }
-.awsui_type-error_mx3cw_1i0eh_402 > .awsui_alert-focus-wrapper_mx3cw_1i0eh_331 > .awsui_icon_mx3cw_1i0eh_367:not(#\9) {
+.awsui_type-error_mx3cw_ciddq_402 > .awsui_alert-focus-wrapper_mx3cw_ciddq_331 > .awsui_icon_mx3cw_ciddq_367:not(#\9) {
   color: var(--color-text-status-error-ofc4yr, #d13212);
 }
 
-.awsui_type-warning_mx3cw_1i0eh_410:not(#\9) {
+.awsui_type-warning_mx3cw_ciddq_410:not(#\9) {
   border-color: var(--color-border-status-warning-gda7pe, #906806);
   background-color: var(--color-background-status-warning-c7n5t6, #fffce9);
 }
-.awsui_type-warning_mx3cw_1i0eh_410 > .awsui_alert-focus-wrapper_mx3cw_1i0eh_331 > .awsui_icon_mx3cw_1i0eh_367:not(#\9) {
+.awsui_type-warning_mx3cw_ciddq_410 > .awsui_alert-focus-wrapper_mx3cw_ciddq_331 > .awsui_icon_mx3cw_ciddq_367:not(#\9) {
   color: var(--color-text-status-warning-azn00c, #906806);
 }
 
-.awsui_type-success_mx3cw_1i0eh_418:not(#\9) {
+.awsui_type-success_mx3cw_ciddq_418:not(#\9) {
   border-color: var(--color-border-status-success-ce6e1e, #1d8102);
   background-color: var(--color-background-status-success-6fu96x, #f2f8f0);
 }
-.awsui_type-success_mx3cw_1i0eh_418 > .awsui_alert-focus-wrapper_mx3cw_1i0eh_331 > .awsui_icon_mx3cw_1i0eh_367:not(#\9) {
+.awsui_type-success_mx3cw_ciddq_418 > .awsui_alert-focus-wrapper_mx3cw_ciddq_331 > .awsui_icon_mx3cw_ciddq_367:not(#\9) {
   color: var(--color-text-status-success-owjbj0, #1d8102);
 }
 
-.awsui_type-info_mx3cw_1i0eh_426:not(#\9) {
+.awsui_type-info_mx3cw_ciddq_426:not(#\9) {
   border-color: var(--color-border-status-info-q9np44, #0073bb);
   background-color: var(--color-background-status-info-pgxhez, #f1faff);
 }
-.awsui_type-info_mx3cw_1i0eh_426 > .awsui_alert-focus-wrapper_mx3cw_1i0eh_331 > .awsui_icon_mx3cw_1i0eh_367:not(#\9) {
+.awsui_type-info_mx3cw_ciddq_426 > .awsui_alert-focus-wrapper_mx3cw_ciddq_331 > .awsui_icon_mx3cw_ciddq_367:not(#\9) {
   color: var(--color-text-status-info-aq7yd6, #0073bb);
 }

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

@@ -2,32 +2,32 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "alert": "awsui_alert_mx3cw_1i0eh_189",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1i0eh_1",
-  "root": "awsui_root_mx3cw_1i0eh_211",
-  "hidden": "awsui_hidden_mx3cw_1i0eh_249",
-  "with-dismiss": "awsui_with-dismiss_mx3cw_1i0eh_299",
-  "with-action": "awsui_with-action_mx3cw_1i0eh_299",
-  "breakpoint-default": "awsui_breakpoint-default_mx3cw_1i0eh_305",
-  "header": "awsui_header_mx3cw_1i0eh_316",
-  "header-replacement": "awsui_header-replacement_mx3cw_1i0eh_317",
-  "action": "awsui_action_mx3cw_1i0eh_321",
-  "action-slot": "awsui_action-slot_mx3cw_1i0eh_326",
-  "action-button": "awsui_action-button_mx3cw_1i0eh_327",
-  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_1i0eh_331",
-  "text": "awsui_text_mx3cw_1i0eh_360",
-  "icon": "awsui_icon_mx3cw_1i0eh_367",
-  "message": "awsui_message_mx3cw_1i0eh_370",
-  "icon-size-medium": "awsui_icon-size-medium_mx3cw_1i0eh_378",
-  "icon-size-big": "awsui_icon-size-big_mx3cw_1i0eh_381",
-  "icon-size-normal": "awsui_icon-size-normal_mx3cw_1i0eh_384",
-  "content": "awsui_content_mx3cw_1i0eh_388",
-  "content-replacement": "awsui_content-replacement_mx3cw_1i0eh_389",
-  "dismiss": "awsui_dismiss_mx3cw_1i0eh_393",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_1i0eh_398",
-  "type-error": "awsui_type-error_mx3cw_1i0eh_402",
-  "type-warning": "awsui_type-warning_mx3cw_1i0eh_410",
-  "type-success": "awsui_type-success_mx3cw_1i0eh_418",
-  "type-info": "awsui_type-info_mx3cw_1i0eh_426"
+  "alert": "awsui_alert_mx3cw_ciddq_189",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_ciddq_1",
+  "root": "awsui_root_mx3cw_ciddq_211",
+  "hidden": "awsui_hidden_mx3cw_ciddq_249",
+  "with-dismiss": "awsui_with-dismiss_mx3cw_ciddq_299",
+  "with-action": "awsui_with-action_mx3cw_ciddq_299",
+  "breakpoint-default": "awsui_breakpoint-default_mx3cw_ciddq_305",
+  "header": "awsui_header_mx3cw_ciddq_316",
+  "header-replacement": "awsui_header-replacement_mx3cw_ciddq_317",
+  "action": "awsui_action_mx3cw_ciddq_321",
+  "action-slot": "awsui_action-slot_mx3cw_ciddq_326",
+  "action-button": "awsui_action-button_mx3cw_ciddq_327",
+  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_ciddq_331",
+  "text": "awsui_text_mx3cw_ciddq_360",
+  "icon": "awsui_icon_mx3cw_ciddq_367",
+  "message": "awsui_message_mx3cw_ciddq_370",
+  "icon-size-medium": "awsui_icon-size-medium_mx3cw_ciddq_378",
+  "icon-size-big": "awsui_icon-size-big_mx3cw_ciddq_381",
+  "icon-size-normal": "awsui_icon-size-normal_mx3cw_ciddq_384",
+  "content": "awsui_content_mx3cw_ciddq_388",
+  "content-replacement": "awsui_content-replacement_mx3cw_ciddq_389",
+  "dismiss": "awsui_dismiss_mx3cw_ciddq_393",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_ciddq_398",
+  "type-error": "awsui_type-error_mx3cw_ciddq_402",
+  "type-warning": "awsui_type-warning_mx3cw_ciddq_410",
+  "type-success": "awsui_type-success_mx3cw_ciddq_418",
+  "type-info": "awsui_type-info_mx3cw_ciddq_426"
 };