@cloudscape-design/components-themeable 3.0.847 → 3.0.849

package/lib/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "1b5b3e9be876e8dd7c9cdf01b5a36bbc0788118c"
+  "commit": "22af933bede3e80228b4c49946fb4763acb4a5bc"
 }

package/lib/internal/scss/alert/styles.scss

@@ -25,8 +25,8 @@
   position: relative;
   display: grid;
   grid-template-columns: 1fr;
-  border-block: awsui.$border-field-width solid;
-  border-inline: awsui.$border-field-width solid;
+  border-block: awsui.$border-width-alert solid;
+  border-inline: awsui.$border-width-alert solid;
   border-start-start-radius: awsui.$border-radius-alert;
   border-start-end-radius: awsui.$border-radius-alert;
   border-end-start-radius: awsui.$border-radius-alert;
@@ -90,7 +90,7 @@
 .text {
   min-inline-size: 0;
   // To account for vertical misalignment due to button borders
-  padding-block: awsui.$border-field-width;
+  padding-block: awsui.$border-width-alert;
   padding-inline: 0;
   margin-block: awsui.$space-scaled-xxs;
   margin-inline: awsui.$space-xxs;

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

@@ -117,7 +117,7 @@ $guide-line-offset: -2px; // Negative to expand 2px beyond the element
   margin-inline-start: awsui.$space-xs;
   @include styles.font-body-s;
   @include styles.font-smoothing;
-  font-weight: awsui.$font-button-weight;
+  font-weight: styles.$font-weight-bold;
   letter-spacing: typography.$letter-spacing-bold-link;
   color: awsui.$color-text-link-default;
 }

package/lib/internal/scss/container/styles.scss

@@ -246,16 +246,19 @@
   flex: 1;
   &-fit-height {
     overflow: auto;
+    display: flex;
+    flex-direction: column;
   }
+}
+.content-inner {
+  flex: 1;
+
   &.with-paddings {
     padding-block: awsui.$space-scaled-l;
     padding-inline: awsui.$space-container-horizontal;
 
-    .header + & {
+    &.with-header {
       padding-block-start: awsui.$space-container-content-top;
-      &.content-with-media {
-        padding-block-start: 0;
-      }
     }
   }
 }

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

@@ -0,0 +1,8 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+
+.content-inner {
+  /* used in test-utils */
+}

package/lib/internal/scss/flashbar/collapsible.scss

@@ -85,7 +85,7 @@ the grid layout will be:
      */
     min-block-size: calc(
       #{awsui.$line-height-body-m} + (
-          #{awsui.$space-scaled-xs} + #{awsui.$border-field-width} + #{awsui.$space-scaled-xxs}
+          #{awsui.$space-scaled-xs} + #{awsui.$border-width-field} + #{awsui.$space-scaled-xxs}
         ) * 2
     );
   }
@@ -241,7 +241,7 @@ the grid layout will be:
     row-gap: 0;
 
     > .header {
-      font-weight: awsui.$font-button-weight;
+      font-weight: awsui.$font-weight-button;
       display: inline-block;
     }
 

package/lib/internal/scss/flashbar/styles.scss

@@ -80,7 +80,7 @@
 }
 
 .flash-text {
-  margin-block: awsui.$border-field-width;
+  margin-block: awsui.$border-width-field;
   margin-inline: 0;
   padding-block: awsui.$space-scaled-xxs;
   padding-inline: awsui.$space-xxs;

package/lib/internal/scss/internal/styles/forms/constants.scss

@@ -6,7 +6,7 @@
 @use '../utils/theming' as theming;
 @use '../tokens' as awsui;
 
-$control-border-width: awsui.$border-field-width;
+$control-border-width: awsui.$border-width-field;
 $control-border-radius: awsui.$border-radius-input;
 
 // Use for options in dropdowns

package/lib/internal/scss/internal/styles/forms/mixins.scss

@@ -238,8 +238,8 @@
     inset-inline-start: 0px;
     inset-inline-end: 0px;
     background-color: transparent;
-    border-block: awsui.$border-field-width solid awsui.$color-border-dropdown-container;
-    border-inline: awsui.$border-field-width solid awsui.$color-border-dropdown-container;
+    border-block: awsui.$border-width-field solid awsui.$color-border-dropdown-container;
+    border-inline: awsui.$border-width-field solid awsui.$color-border-dropdown-container;
     border-start-start-radius: awsui.$border-radius-dropdown;
     border-start-end-radius: awsui.$border-radius-dropdown;
     border-end-start-radius: awsui.$border-radius-dropdown;

package/lib/internal/scss/internal/styles/typography/mixins.scss

@@ -94,7 +94,7 @@
 }
 
 @mixin font-button {
-  font-weight: awsui.$font-button-weight;
+  font-weight: awsui.$font-weight-button;
   @include font-smoothing;
 }
 

package/lib/internal/scss/link/constants.scss

@@ -71,7 +71,7 @@ $link-variants: (
     'text-color-default': awsui.$color-text-link-default,
     'text-color-hover': awsui.$color-text-link-hover,
     'text-color-active': awsui.$color-text-link-hover,
-    'font-weight': awsui.$font-button-weight,
+    'font-weight': styles.$font-weight-bold,
     'decoration-line': none,
     'decoration-color': transparent,
     'decoration-color-hover': awsui.$color-text-link-button-underline-hover,
@@ -118,7 +118,7 @@ $link-styles: (
       'text-color-default': awsui.$color-text-link-button-normal-default,
       'text-color-hover': awsui.$color-text-link-button-normal-hover,
       'text-color-active': awsui.$color-text-link-button-normal-active,
-      'font-weight': awsui.$font-button-weight,
+      'font-weight': styles.$font-weight-bold,
       'decoration-line': none,
       'decoration-color': transparent,
       'decoration-color-hover': transparent,

package/lib/internal/scss/popover/arrow.scss

@@ -71,11 +71,7 @@
   }
 
   &-inner {
-    inset-block-start: 2px;
-
-    &.refresh {
-      inset-block-start: 3px;
-    }
+    inset-block-start: calc(awsui.$border-width-popover + 1px);
 
     &::after {
       border-start-start-radius: 1px;

package/lib/internal/scss/popover/body.scss

@@ -28,7 +28,7 @@ $header-row-margin-block-end: awsui.$space-xs;
 .dismiss {
   margin-block: calc(-1 * $header-row-margin-block-end);
   margin-inline-start: 0;
-  margin-inline-end: calc(-1 * (#{awsui.$space-xxs} + #{awsui.$border-field-width}));
+  margin-inline-end: calc(-1 * (#{awsui.$space-xxs} + #{awsui.$border-width-popover}));
   flex: 0 0 auto;
   order: 1;
 }

package/lib/internal/scss/popover/container.scss

@@ -22,8 +22,8 @@
   border-end-end-radius: awsui.$border-radius-popover;
   background-color: awsui.$color-background-popover;
   box-shadow: awsui.$shadow-popover;
-  border-block: awsui.$border-field-width solid awsui.$color-border-popover;
-  border-inline: awsui.$border-field-width solid awsui.$color-border-popover;
+  border-block: awsui.$border-width-popover solid awsui.$color-border-popover;
+  border-inline: awsui.$border-width-popover solid awsui.$color-border-popover;
 }
 
 .container-body-variant-annotation {

package/lib/internal/scss/property-filter/filtering-token/styles.scss

@@ -40,8 +40,8 @@ $border-radius-inner-token: calc(#{awsui.$border-radius-token} / 2);
 
 .token,
 .inner-token {
-  border-block: awsui.$border-field-width solid constants.$token-border-color;
-  border-inline: awsui.$border-field-width solid constants.$token-border-color;
+  border-block: awsui.$border-width-field solid constants.$token-border-color;
+  border-inline: awsui.$border-width-field solid constants.$token-border-color;
   display: flex;
   align-items: stretch;
   background: constants.$token-background;

package/lib/internal/scss/select/parts/styles.scss

@@ -88,8 +88,8 @@ $inlineLabel-border-radius: 2px;
     min-inline-size: max-content;
     block-size: 18px;
 
-    border-block: awsui.$border-field-width solid awsui.$color-border-item-selected;
-    border-inline: awsui.$border-field-width solid awsui.$color-border-item-selected;
+    border-block: awsui.$border-width-field solid awsui.$color-border-item-selected;
+    border-inline: awsui.$border-width-field solid awsui.$color-border-item-selected;
     padding-block: 0;
     padding-inline: awsui.$space-xxs;
     background: awsui.$color-background-item-selected;
@@ -135,7 +135,7 @@ $inlineLabel-border-radius: 2px;
   // Stepped gradient background for inline label overlap between input and background.
   background-image: linear-gradient(
     to bottom,
-    transparent calc(100% - (awsui.$border-field-width + awsui.$border-control-focus-ring-shadow-spread + 5px)),
+    transparent calc(100% - (awsui.$border-width-field + awsui.$border-control-focus-ring-shadow-spread + 5px)),
     awsui.$color-background-input-default 1px
   );
   background-position: bottom;

package/lib/internal/scss/token-group/mixins.scss

@@ -9,8 +9,8 @@
 @mixin token-box-styles {
   position: relative;
   block-size: 100%;
-  border-block: awsui.$border-field-width solid constants.$token-border-color;
-  border-inline: awsui.$border-field-width solid constants.$token-border-color;
+  border-block: awsui.$border-width-field solid constants.$token-border-color;
+  border-inline: awsui.$border-width-field solid constants.$token-border-color;
   padding-block-start: styles.$control-padding-vertical;
   padding-block-end: styles.$control-padding-vertical;
   padding-inline-start: styles.$control-padding-horizontal;

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

@@ -1,33 +1,33 @@
 
     import './styles.scoped.css';
     export default {
-  "alert": "awsui_alert_mx3cw_zvebu_189",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_zvebu_1",
-  "root": "awsui_root_mx3cw_zvebu_211",
-  "hidden": "awsui_hidden_mx3cw_zvebu_249",
-  "with-dismiss": "awsui_with-dismiss_mx3cw_zvebu_299",
-  "with-action": "awsui_with-action_mx3cw_zvebu_299",
-  "breakpoint-default": "awsui_breakpoint-default_mx3cw_zvebu_305",
-  "initial-hidden": "awsui_initial-hidden_mx3cw_zvebu_316",
-  "header": "awsui_header_mx3cw_zvebu_321",
-  "header-replacement": "awsui_header-replacement_mx3cw_zvebu_322",
-  "action": "awsui_action_mx3cw_zvebu_326",
-  "action-slot": "awsui_action-slot_mx3cw_zvebu_331",
-  "action-button": "awsui_action-button_mx3cw_zvebu_332",
-  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_zvebu_336",
-  "text": "awsui_text_mx3cw_zvebu_365",
-  "icon": "awsui_icon_mx3cw_zvebu_372",
-  "message": "awsui_message_mx3cw_zvebu_375",
-  "icon-size-medium": "awsui_icon-size-medium_mx3cw_zvebu_383",
-  "icon-size-big": "awsui_icon-size-big_mx3cw_zvebu_386",
-  "icon-size-normal": "awsui_icon-size-normal_mx3cw_zvebu_389",
-  "content": "awsui_content_mx3cw_zvebu_393",
-  "content-replacement": "awsui_content-replacement_mx3cw_zvebu_394",
-  "dismiss": "awsui_dismiss_mx3cw_zvebu_398",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_zvebu_403",
-  "type-error": "awsui_type-error_mx3cw_zvebu_407",
-  "type-warning": "awsui_type-warning_mx3cw_zvebu_415",
-  "type-success": "awsui_type-success_mx3cw_zvebu_423",
-  "type-info": "awsui_type-info_mx3cw_zvebu_431"
+  "alert": "awsui_alert_mx3cw_17xjg_189",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_17xjg_1",
+  "root": "awsui_root_mx3cw_17xjg_211",
+  "hidden": "awsui_hidden_mx3cw_17xjg_249",
+  "with-dismiss": "awsui_with-dismiss_mx3cw_17xjg_299",
+  "with-action": "awsui_with-action_mx3cw_17xjg_299",
+  "breakpoint-default": "awsui_breakpoint-default_mx3cw_17xjg_305",
+  "initial-hidden": "awsui_initial-hidden_mx3cw_17xjg_316",
+  "header": "awsui_header_mx3cw_17xjg_321",
+  "header-replacement": "awsui_header-replacement_mx3cw_17xjg_322",
+  "action": "awsui_action_mx3cw_17xjg_326",
+  "action-slot": "awsui_action-slot_mx3cw_17xjg_331",
+  "action-button": "awsui_action-button_mx3cw_17xjg_332",
+  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_17xjg_336",
+  "text": "awsui_text_mx3cw_17xjg_365",
+  "icon": "awsui_icon_mx3cw_17xjg_372",
+  "message": "awsui_message_mx3cw_17xjg_375",
+  "icon-size-medium": "awsui_icon-size-medium_mx3cw_17xjg_383",
+  "icon-size-big": "awsui_icon-size-big_mx3cw_17xjg_386",
+  "icon-size-normal": "awsui_icon-size-normal_mx3cw_17xjg_389",
+  "content": "awsui_content_mx3cw_17xjg_393",
+  "content-replacement": "awsui_content-replacement_mx3cw_17xjg_394",
+  "dismiss": "awsui_dismiss_mx3cw_17xjg_398",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_17xjg_403",
+  "type-error": "awsui_type-error_mx3cw_17xjg_407",
+  "type-warning": "awsui_type-warning_mx3cw_17xjg_415",
+  "type-success": "awsui_type-success_mx3cw_17xjg_423",
+  "type-info": "awsui_type-info_mx3cw_17xjg_431"
 };
   

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

@@ -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_zvebu_189:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_mx3cw_zvebu_1 var(--motion-duration-show-paced-kxd6k3, 180ms) var(--motion-easing-show-paced-2zwyek, ease-out);
+.awsui_alert_mx3cw_17xjg_189:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_mx3cw_17xjg_1 var(--motion-duration-show-paced-kxd6k3, 180ms) var(--motion-easing-show-paced-2zwyek, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_mx3cw_zvebu_1 {
+@keyframes awsui_awsui-motion-fade-in_mx3cw_17xjg_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_zvebu_189:not(#\9) {
+  .awsui_alert_mx3cw_17xjg_189:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_alert_mx3cw_zvebu_189:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_zvebu_189:not(#\9) {
+.awsui-motion-disabled .awsui_alert_mx3cw_17xjg_189:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_17xjg_189:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_mx3cw_zvebu_211:not(#\9) {
+.awsui_root_mx3cw_17xjg_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_zvebu_211.awsui_hidden_mx3cw_zvebu_249:not(#\9) {
+.awsui_root_mx3cw_17xjg_211.awsui_hidden_mx3cw_17xjg_249:not(#\9) {
   display: none;
 }
 
-.awsui_alert_mx3cw_zvebu_189:not(#\9) {
+.awsui_alert_mx3cw_17xjg_189:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -288,8 +288,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   position: relative;
   display: grid;
   grid-template-columns: 1fr;
-  border-block: var(--border-field-width-fjuzc5, 1px) solid;
-  border-inline: var(--border-field-width-fjuzc5, 1px) solid;
+  border-block: var(--border-width-alert-i75nxu, 1px) solid;
+  border-inline: var(--border-width-alert-i75nxu, 1px) solid;
   border-start-start-radius: var(--border-radius-alert-3xhrby, 2px);
   border-start-end-radius: var(--border-radius-alert-3xhrby, 2px);
   border-end-start-radius: var(--border-radius-alert-3xhrby, 2px);
@@ -298,58 +298,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_zvebu_189.awsui_with-dismiss_mx3cw_zvebu_299:not(#\9), .awsui_alert_mx3cw_zvebu_189.awsui_with-action_mx3cw_zvebu_299:not(#\9) {
+.awsui_alert_mx3cw_17xjg_189.awsui_with-dismiss_mx3cw_17xjg_299:not(#\9), .awsui_alert_mx3cw_17xjg_189.awsui_with-action_mx3cw_17xjg_299:not(#\9) {
   grid-template-columns: 1fr auto;
 }
-.awsui_alert_mx3cw_zvebu_189.awsui_with-action_mx3cw_zvebu_299.awsui_with-dismiss_mx3cw_zvebu_299:not(#\9) {
+.awsui_alert_mx3cw_17xjg_189.awsui_with-action_mx3cw_17xjg_299.awsui_with-dismiss_mx3cw_17xjg_299:not(#\9) {
   grid-template-columns: 1fr auto auto;
 }
-.awsui_alert_mx3cw_zvebu_189.awsui_breakpoint-default_mx3cw_zvebu_305.awsui_with-action_mx3cw_zvebu_299:not(#\9) {
+.awsui_alert_mx3cw_17xjg_189.awsui_breakpoint-default_mx3cw_17xjg_305.awsui_with-action_mx3cw_17xjg_299:not(#\9) {
   grid-template-columns: 1fr auto;
 }
-.awsui_alert_mx3cw_zvebu_189.awsui_breakpoint-default_mx3cw_zvebu_305:not(#\9):not(.awsui_with-dismiss_mx3cw_zvebu_299) {
+.awsui_alert_mx3cw_17xjg_189.awsui_breakpoint-default_mx3cw_17xjg_305:not(#\9):not(.awsui_with-dismiss_mx3cw_17xjg_299) {
   grid-template-columns: 1fr;
 }
 
-.awsui_hidden_mx3cw_zvebu_249:not(#\9) {
+.awsui_hidden_mx3cw_17xjg_249:not(#\9) {
   display: none;
 }
 
-.awsui_initial-hidden_mx3cw_zvebu_316:not(#\9) {
+.awsui_initial-hidden_mx3cw_17xjg_316:not(#\9) {
   overflow: hidden;
   block-size: 0;
 }
 
-.awsui_header_mx3cw_zvebu_321:not(#\9),
-.awsui_header-replacement_mx3cw_zvebu_322:not(#\9) {
+.awsui_header_mx3cw_17xjg_321:not(#\9),
+.awsui_header-replacement_mx3cw_17xjg_322:not(#\9) {
   font-weight: 700;
 }
 
-.awsui_action_mx3cw_zvebu_326:not(#\9) {
+.awsui_action_mx3cw_17xjg_326:not(#\9) {
   white-space: nowrap;
   margin-inline-start: var(--space-alert-action-left-soet49, 20px);
 }
 
-.awsui_action-slot_mx3cw_zvebu_331:not(#\9),
-.awsui_action-button_mx3cw_zvebu_332:not(#\9) {
+.awsui_action-slot_mx3cw_17xjg_331:not(#\9),
+.awsui_action-button_mx3cw_17xjg_332:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_alert-focus-wrapper_mx3cw_zvebu_336:not(#\9) {
+.awsui_alert-focus-wrapper_mx3cw_17xjg_336:not(#\9) {
   display: grid;
   grid-template-columns: min-content auto;
 }
-.awsui_alert-focus-wrapper_mx3cw_zvebu_336:not(#\9):focus {
+.awsui_alert-focus-wrapper_mx3cw_17xjg_336:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_zvebu_336:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_17xjg_336:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_zvebu_336:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_17xjg_336: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_zvebu_336:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_17xjg_336:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -364,76 +364,76 @@ body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_zvebu_336:n
   box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
 }
 
-.awsui_text_mx3cw_zvebu_365:not(#\9) {
+.awsui_text_mx3cw_17xjg_365:not(#\9) {
   min-inline-size: 0;
-  padding-block: var(--border-field-width-fjuzc5, 1px);
+  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_zvebu_365.awsui_icon_mx3cw_zvebu_372:not(#\9) {
+.awsui_text_mx3cw_17xjg_365.awsui_icon_mx3cw_17xjg_372:not(#\9) {
   margin-inline-start: 0;
 }
-.awsui_text_mx3cw_zvebu_365.awsui_message_mx3cw_zvebu_375:not(#\9) {
+.awsui_text_mx3cw_17xjg_365.awsui_message_mx3cw_17xjg_375:not(#\9) {
   margin-inline-end: var(--space-alert-message-right-6y4tnf, 0px);
 }
 
-.awsui_breakpoint-default_mx3cw_zvebu_305 > .awsui_action_mx3cw_zvebu_326:not(#\9) {
+.awsui_breakpoint-default_mx3cw_17xjg_305 > .awsui_action_mx3cw_17xjg_326:not(#\9) {
   grid-row: 2;
   margin-block-end: var(--space-xxs-y2432o, 4px);
 }
-.awsui_breakpoint-default_mx3cw_zvebu_305.awsui_icon-size-medium_mx3cw_zvebu_383 > .awsui_action_mx3cw_zvebu_326:not(#\9) {
+.awsui_breakpoint-default_mx3cw_17xjg_305.awsui_icon-size-medium_mx3cw_17xjg_383 > .awsui_action_mx3cw_17xjg_326:not(#\9) {
   margin-inline-start: calc(var(--size-icon-medium-r52788, 16px) + var(--space-xs-6dgkww, 8px));
 }
-.awsui_breakpoint-default_mx3cw_zvebu_305.awsui_icon-size-big_mx3cw_zvebu_386 > .awsui_action_mx3cw_zvebu_326:not(#\9) {
+.awsui_breakpoint-default_mx3cw_17xjg_305.awsui_icon-size-big_mx3cw_17xjg_386 > .awsui_action_mx3cw_17xjg_326:not(#\9) {
   margin-inline-start: calc(var(--size-icon-big-fdyugp, 32px) + var(--space-xs-6dgkww, 8px));
 }
-.awsui_breakpoint-default_mx3cw_zvebu_305.awsui_icon-size-normal_mx3cw_zvebu_389 > .awsui_action_mx3cw_zvebu_326:not(#\9) {
+.awsui_breakpoint-default_mx3cw_17xjg_305.awsui_icon-size-normal_mx3cw_17xjg_389 > .awsui_action_mx3cw_17xjg_326:not(#\9) {
   margin-inline-start: calc(var(--size-icon-normal-19036g, 16px) + var(--space-xs-6dgkww, 8px));
 }
 
-.awsui_content_mx3cw_zvebu_393:not(#\9),
-.awsui_content-replacement_mx3cw_zvebu_394:not(#\9) {
+.awsui_content_mx3cw_17xjg_393:not(#\9),
+.awsui_content-replacement_mx3cw_17xjg_394:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_dismiss_mx3cw_zvebu_398:not(#\9) {
+.awsui_dismiss_mx3cw_17xjg_398:not(#\9) {
   margin-inline-end: calc(-1 * var(--space-xxs-y2432o, 4px));
   margin-inline-start: var(--space-s-vmutj3, 12px);
 }
 
-.awsui_dismiss-button_mx3cw_zvebu_403:not(#\9) {
+.awsui_dismiss-button_mx3cw_17xjg_403:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_type-error_mx3cw_zvebu_407:not(#\9) {
+.awsui_type-error_mx3cw_17xjg_407:not(#\9) {
   border-color: var(--color-border-status-error-5n723o, #d13212);
   background-color: var(--color-background-status-error-ljmwh5, #fdf3f1);
 }
-.awsui_type-error_mx3cw_zvebu_407 > .awsui_alert-focus-wrapper_mx3cw_zvebu_336 > .awsui_icon_mx3cw_zvebu_372:not(#\9) {
+.awsui_type-error_mx3cw_17xjg_407 > .awsui_alert-focus-wrapper_mx3cw_17xjg_336 > .awsui_icon_mx3cw_17xjg_372:not(#\9) {
   color: var(--color-text-status-error-p5bdwa, #d13212);
 }
 
-.awsui_type-warning_mx3cw_zvebu_415:not(#\9) {
+.awsui_type-warning_mx3cw_17xjg_415:not(#\9) {
   border-color: var(--color-border-status-warning-wkps52, #906806);
   background-color: var(--color-background-status-warning-bqz9of, #fffef0);
 }
-.awsui_type-warning_mx3cw_zvebu_415 > .awsui_alert-focus-wrapper_mx3cw_zvebu_336 > .awsui_icon_mx3cw_zvebu_372:not(#\9) {
+.awsui_type-warning_mx3cw_17xjg_415 > .awsui_alert-focus-wrapper_mx3cw_17xjg_336 > .awsui_icon_mx3cw_17xjg_372:not(#\9) {
   color: var(--color-text-status-warning-3hbtsc, #906806);
 }
 
-.awsui_type-success_mx3cw_zvebu_423:not(#\9) {
+.awsui_type-success_mx3cw_17xjg_423:not(#\9) {
   border-color: var(--color-border-status-success-acmcj0, #1d8102);
   background-color: var(--color-background-status-success-igaq7v, #f2f8f0);
 }
-.awsui_type-success_mx3cw_zvebu_423 > .awsui_alert-focus-wrapper_mx3cw_zvebu_336 > .awsui_icon_mx3cw_zvebu_372:not(#\9) {
+.awsui_type-success_mx3cw_17xjg_423 > .awsui_alert-focus-wrapper_mx3cw_17xjg_336 > .awsui_icon_mx3cw_17xjg_372:not(#\9) {
   color: var(--color-text-status-success-sh9pg0, #1d8102);
 }
 
-.awsui_type-info_mx3cw_zvebu_431:not(#\9) {
+.awsui_type-info_mx3cw_17xjg_431:not(#\9) {
   border-color: var(--color-border-status-info-7kw04i, #0073bb);
   background-color: var(--color-background-status-info-zgt1yi, #f1faff);
 }
-.awsui_type-info_mx3cw_zvebu_431 > .awsui_alert-focus-wrapper_mx3cw_zvebu_336 > .awsui_icon_mx3cw_zvebu_372:not(#\9) {
+.awsui_type-info_mx3cw_17xjg_431 > .awsui_alert-focus-wrapper_mx3cw_17xjg_336 > .awsui_icon_mx3cw_17xjg_372:not(#\9) {
   color: var(--color-text-status-info-1ypqr6, #0073bb);
 }

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

@@ -2,33 +2,33 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "alert": "awsui_alert_mx3cw_zvebu_189",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_zvebu_1",
-  "root": "awsui_root_mx3cw_zvebu_211",
-  "hidden": "awsui_hidden_mx3cw_zvebu_249",
-  "with-dismiss": "awsui_with-dismiss_mx3cw_zvebu_299",
-  "with-action": "awsui_with-action_mx3cw_zvebu_299",
-  "breakpoint-default": "awsui_breakpoint-default_mx3cw_zvebu_305",
-  "initial-hidden": "awsui_initial-hidden_mx3cw_zvebu_316",
-  "header": "awsui_header_mx3cw_zvebu_321",
-  "header-replacement": "awsui_header-replacement_mx3cw_zvebu_322",
-  "action": "awsui_action_mx3cw_zvebu_326",
-  "action-slot": "awsui_action-slot_mx3cw_zvebu_331",
-  "action-button": "awsui_action-button_mx3cw_zvebu_332",
-  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_zvebu_336",
-  "text": "awsui_text_mx3cw_zvebu_365",
-  "icon": "awsui_icon_mx3cw_zvebu_372",
-  "message": "awsui_message_mx3cw_zvebu_375",
-  "icon-size-medium": "awsui_icon-size-medium_mx3cw_zvebu_383",
-  "icon-size-big": "awsui_icon-size-big_mx3cw_zvebu_386",
-  "icon-size-normal": "awsui_icon-size-normal_mx3cw_zvebu_389",
-  "content": "awsui_content_mx3cw_zvebu_393",
-  "content-replacement": "awsui_content-replacement_mx3cw_zvebu_394",
-  "dismiss": "awsui_dismiss_mx3cw_zvebu_398",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_zvebu_403",
-  "type-error": "awsui_type-error_mx3cw_zvebu_407",
-  "type-warning": "awsui_type-warning_mx3cw_zvebu_415",
-  "type-success": "awsui_type-success_mx3cw_zvebu_423",
-  "type-info": "awsui_type-info_mx3cw_zvebu_431"
+  "alert": "awsui_alert_mx3cw_17xjg_189",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_17xjg_1",
+  "root": "awsui_root_mx3cw_17xjg_211",
+  "hidden": "awsui_hidden_mx3cw_17xjg_249",
+  "with-dismiss": "awsui_with-dismiss_mx3cw_17xjg_299",
+  "with-action": "awsui_with-action_mx3cw_17xjg_299",
+  "breakpoint-default": "awsui_breakpoint-default_mx3cw_17xjg_305",
+  "initial-hidden": "awsui_initial-hidden_mx3cw_17xjg_316",
+  "header": "awsui_header_mx3cw_17xjg_321",
+  "header-replacement": "awsui_header-replacement_mx3cw_17xjg_322",
+  "action": "awsui_action_mx3cw_17xjg_326",
+  "action-slot": "awsui_action-slot_mx3cw_17xjg_331",
+  "action-button": "awsui_action-button_mx3cw_17xjg_332",
+  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_17xjg_336",
+  "text": "awsui_text_mx3cw_17xjg_365",
+  "icon": "awsui_icon_mx3cw_17xjg_372",
+  "message": "awsui_message_mx3cw_17xjg_375",
+  "icon-size-medium": "awsui_icon-size-medium_mx3cw_17xjg_383",
+  "icon-size-big": "awsui_icon-size-big_mx3cw_17xjg_386",
+  "icon-size-normal": "awsui_icon-size-normal_mx3cw_17xjg_389",
+  "content": "awsui_content_mx3cw_17xjg_393",
+  "content-replacement": "awsui_content-replacement_mx3cw_17xjg_394",
+  "dismiss": "awsui_dismiss_mx3cw_17xjg_398",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_17xjg_403",
+  "type-error": "awsui_type-error_mx3cw_17xjg_407",
+  "type-warning": "awsui_type-warning_mx3cw_17xjg_415",
+  "type-success": "awsui_type-success_mx3cw_17xjg_423",
+  "type-info": "awsui_type-info_mx3cw_17xjg_431"
 };
   

package/lib/internal/template/anchor-navigation/styles.css.js

@@ -1,13 +1,13 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_swimc_19xau_185",
-  "anchor-list": "awsui_anchor-list_swimc_19xau_220",
-  "anchor-item": "awsui_anchor-item_swimc_19xau_243",
-  "anchor-item--active": "awsui_anchor-item--active_swimc_19xau_263",
-  "anchor-link": "awsui_anchor-link_swimc_19xau_280",
-  "anchor-link--active": "awsui_anchor-link--active_swimc_19xau_322",
-  "anchor-link-text": "awsui_anchor-link-text_swimc_19xau_329",
-  "anchor-link-info": "awsui_anchor-link-info_swimc_19xau_333"
+  "root": "awsui_root_swimc_1xgmg_185",
+  "anchor-list": "awsui_anchor-list_swimc_1xgmg_220",
+  "anchor-item": "awsui_anchor-item_swimc_1xgmg_243",
+  "anchor-item--active": "awsui_anchor-item--active_swimc_1xgmg_263",
+  "anchor-link": "awsui_anchor-link_swimc_1xgmg_280",
+  "anchor-link--active": "awsui_anchor-link--active_swimc_1xgmg_322",
+  "anchor-link-text": "awsui_anchor-link-text_swimc_1xgmg_329",
+  "anchor-link-info": "awsui_anchor-link-info_swimc_1xgmg_333"
 };