@cloudscape-design/components-themeable 3.0.312 → 3.0.314

package/lib/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "c500082962d9f83facefbf971e48bccb40fba617"
+  "commit": "d6b4e10cdd6684bbe9c86149d649902bca3b73af"
 }

package/lib/internal/scss/app-layout/visual-refresh/layout.scss

@@ -26,6 +26,8 @@ explicitly set in script.
   #{custom-props.$contentGapLeft}: 0px;
   #{custom-props.$contentGapRight}: 0px;
   #{custom-props.$contentHeight}: calc(100vh - var(#{custom-props.$headerHeight}) - var(#{custom-props.$footerHeight}));
+  #{custom-props.$containerFirstGap}: 0px;
+  #{custom-props.$containerFirstOverlapExtension}: 0px;
   #{custom-props.$defaultMaxContentWidth}: 1280px;
   #{custom-props.$defaultMinContentWidth}: 0px;
   #{custom-props.$footerHeight}: 0px;
@@ -217,6 +219,11 @@ explicitly set in script.
     #{custom-props.$mainGap}: #{awsui.$space-xs};
   }
 
+  // Set gap to be used by content that has a container on top (e.g. content-layout without header) when breadcrumbs are present
+  &.has-breadcrumbs:not(.has-header) {
+    #{custom-props.$containerFirstGap}: calc(var(#{custom-props.$breadcrumbsGap}) - var(#{custom-props.$mainGap}));
+  }
+
   // Set the Main gap when it follows the Breadcrumbs without an overlap
   &.has-breadcrumbs:not(.has-header).is-overlap-disabled {
     #{custom-props.$mainGap}: #{awsui.$space-scaled-m};
@@ -238,6 +245,14 @@ explicitly set in script.
     #{custom-props.$mainGap}: #{awsui.$space-scaled-xs};
   }
 
+  // Set an extension of the overlap and an additional gap on top to be used by content-layout without header
+  @include styles.media-breakpoint-up(styles.$breakpoint-x-small) {
+    &.content-first-child-main:not(.has-header) {
+      #{custom-props.$containerFirstOverlapExtension}: #{awsui.$space-m};
+      #{custom-props.$containerFirstGap}: #{awsui.$space-xxs};
+    }
+  }
+
   /*
   Override the desktop gap values set above for the Notifications, Header, and Main
   components for mobile viewports.

package/lib/internal/scss/content-layout/styles.scss

@@ -4,6 +4,7 @@
 */
 @use '../internal/styles/' as styles;
 @use '../internal/styles/tokens' as awsui;
+@use '../internal/generated/custom-css-properties/index.scss' as custom-props;
 
 /*
 Pass through the header and child content if not rendering in 
@@ -29,10 +30,6 @@ nodes will directly touch with no gap between them.
   grid-template-rows: auto #{awsui.$space-dark-header-overlap-distance} 1fr;
   min-height: 100%;
 
-  &.is-overlap-disabled {
-    grid-template-rows: auto 0 1fr;
-  }
-
   > .background {
     background-color: awsui.$color-background-layout-main;
     grid-column: 1;
@@ -54,4 +51,20 @@ nodes will directly touch with no gap between them.
     grid-column: 1;
     grid-row: 2 / 4;
   }
+
+  &:not(.has-header) {
+    grid-template-rows:
+      auto calc(
+        #{awsui.$space-dark-header-overlap-distance} + var(#{custom-props.$containerFirstOverlapExtension}, 0px) + var(#{custom-props.$containerFirstGap}, 0px)
+      )
+      1fr;
+
+    > .content {
+      padding-top: var(#{custom-props.$containerFirstGap}, 0px);
+    }
+  }
+
+  &.is-overlap-disabled {
+    grid-template-rows: auto 0 1fr;
+  }
 }

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

@@ -23,7 +23,7 @@
   }
   &.parent {
     font-weight: bold;
-    &:not(.disabled) {
+    &:not(.disabled):not(.highlighted) {
       color: awsui.$color-text-dropdown-group-label;
     }
   }

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

@@ -92,6 +92,9 @@
     &.interactiveGroups {
       padding: styles.$group-option-padding-with-border-placeholder-vertical
         calc(#{styles.$control-padding-horizontal} + #{awsui.$border-item-width});
+      &.highlighted {
+        color: awsui.$color-text-dropdown-item-highlighted;
+      }
       &.highlighted,
       &.selected {
         padding: styles.$group-option-padding-vertical styles.$control-padding-horizontal;

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

@@ -1,39 +1,41 @@
 
-    $activeDrawerWidth: --awsui-active-drawer-width-en6003;
-$breadcrumbsGap: --awsui-breadcrumbs-gap-en6003;
-$contentGapLeft: --awsui-content-gap-left-en6003;
-$contentGapRight: --awsui-content-gap-right-en6003;
-$contentHeight: --awsui-content-height-en6003;
-$defaultMaxContentWidth: --awsui-default-max-content-width-en6003;
-$defaultMinContentWidth: --awsui-default-min-content-width-en6003;
-$footerHeight: --awsui-footer-height-en6003;
-$headerGap: --awsui-header-gap-en6003;
-$headerHeight: --awsui-header-height-en6003;
-$layoutWidth: --awsui-layout-width-en6003;
-$mainGap: --awsui-main-gap-en6003;
-$mainOffsetLeft: --awsui-main-offset-left-en6003;
-$mainTemplateRows: --awsui-main-template-rows-en6003;
-$maxContentWidth: --awsui-max-content-width-en6003;
-$minContentWidth: --awsui-min-content-width-en6003;
-$mobileBarHeight: --awsui-mobile-bar-height-en6003;
-$notificationsGap: --awsui-notifications-gap-en6003;
-$notificationsHeight: --awsui-notifications-height-en6003;
-$offsetTop: --awsui-offset-top-en6003;
-$offsetTopWithNotifications: --awsui-offset-top-with-notifications-en6003;
-$overlapHeight: --awsui-overlap-height-en6003;
-$navigationWidth: --awsui-navigation-width-en6003;
-$splitPanelReportedHeaderSize: --awsui-split-panel-reported-header-size-en6003;
-$splitPanelReportedSize: --awsui-split-panel-reported-size-en6003;
-$splitPanelHeight: --awsui-split-panel-height-en6003;
-$splitPanelMinWidth: --awsui-split-panel-min-width-en6003;
-$splitPanelMaxWidth: --awsui-split-panel-max-width-en6003;
-$toolsMaxWidth: --awsui-tools-max-width-en6003;
-$toolsWidth: --awsui-tools-width-en6003;
-$toolsAnimationStartingOpacity: --awsui-tools-animation-starting-opacity-en6003;
-$contentScrollMargin: --awsui-content-scroll-margin-en6003;
-$flashbarStackDepth: --awsui-flashbar-stack-depth-en6003;
-$flashbarStackIndex: --awsui-flashbar-stack-index-en6003;
-$flashbarStickyBottomMargin: --awsui-flashbar-sticky-bottom-margin-en6003;
-$stackedNotificationsBottomMargin: --awsui-stacked-notifications-bottom-margin-en6003;
-$stackedNotificationsDefaultBottomMargin: --awsui-stacked-notifications-default-bottom-margin-en6003;
+    $activeDrawerWidth: --awsui-active-drawer-width-8nglyc;
+$breadcrumbsGap: --awsui-breadcrumbs-gap-8nglyc;
+$contentGapLeft: --awsui-content-gap-left-8nglyc;
+$contentGapRight: --awsui-content-gap-right-8nglyc;
+$contentHeight: --awsui-content-height-8nglyc;
+$containerFirstGap: --awsui-container-first-gap-8nglyc;
+$containerFirstOverlapExtension: --awsui-container-first-overlap-extension-8nglyc;
+$defaultMaxContentWidth: --awsui-default-max-content-width-8nglyc;
+$defaultMinContentWidth: --awsui-default-min-content-width-8nglyc;
+$footerHeight: --awsui-footer-height-8nglyc;
+$headerGap: --awsui-header-gap-8nglyc;
+$headerHeight: --awsui-header-height-8nglyc;
+$layoutWidth: --awsui-layout-width-8nglyc;
+$mainGap: --awsui-main-gap-8nglyc;
+$mainOffsetLeft: --awsui-main-offset-left-8nglyc;
+$mainTemplateRows: --awsui-main-template-rows-8nglyc;
+$maxContentWidth: --awsui-max-content-width-8nglyc;
+$minContentWidth: --awsui-min-content-width-8nglyc;
+$mobileBarHeight: --awsui-mobile-bar-height-8nglyc;
+$notificationsGap: --awsui-notifications-gap-8nglyc;
+$notificationsHeight: --awsui-notifications-height-8nglyc;
+$offsetTop: --awsui-offset-top-8nglyc;
+$offsetTopWithNotifications: --awsui-offset-top-with-notifications-8nglyc;
+$overlapHeight: --awsui-overlap-height-8nglyc;
+$navigationWidth: --awsui-navigation-width-8nglyc;
+$splitPanelReportedHeaderSize: --awsui-split-panel-reported-header-size-8nglyc;
+$splitPanelReportedSize: --awsui-split-panel-reported-size-8nglyc;
+$splitPanelHeight: --awsui-split-panel-height-8nglyc;
+$splitPanelMinWidth: --awsui-split-panel-min-width-8nglyc;
+$splitPanelMaxWidth: --awsui-split-panel-max-width-8nglyc;
+$toolsMaxWidth: --awsui-tools-max-width-8nglyc;
+$toolsWidth: --awsui-tools-width-8nglyc;
+$toolsAnimationStartingOpacity: --awsui-tools-animation-starting-opacity-8nglyc;
+$contentScrollMargin: --awsui-content-scroll-margin-8nglyc;
+$flashbarStackDepth: --awsui-flashbar-stack-depth-8nglyc;
+$flashbarStackIndex: --awsui-flashbar-stack-index-8nglyc;
+$flashbarStickyBottomMargin: --awsui-flashbar-sticky-bottom-margin-8nglyc;
+$stackedNotificationsBottomMargin: --awsui-stacked-notifications-bottom-margin-8nglyc;
+$stackedNotificationsDefaultBottomMargin: --awsui-stacked-notifications-default-bottom-margin-8nglyc;
     

package/lib/internal/scss/wizard/styles.scss

@@ -7,6 +7,7 @@
 @use '../internal/styles' as styles;
 @use '../internal/styles/tokens' as awsui;
 @use '../internal/hooks/focus-visible' as focus-visible;
+@use '../internal/generated/custom-css-properties/index.scss' as custom-props;
 
 .root {
   @include styles.styles-reset;
@@ -32,7 +33,7 @@
 .navigation.refresh {
   grid-column: 1;
   grid-row: 1 / span 2;
-  padding-top: awsui.$space-scaled-xxs;
+  padding-top: var(#{custom-props.$containerFirstGap}, 0px);
 
   > ul {
     background: awsui.$color-background-container-content;

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

@@ -1,24 +1,24 @@
 
     import './styles.scoped.css';
     export default {
-  "alert": "awsui_alert_mx3cw_1fr7v_93",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1fr7v_1",
-  "root": "awsui_root_mx3cw_1fr7v_119",
-  "hidden": "awsui_hidden_mx3cw_1fr7v_135",
-  "body": "awsui_body_mx3cw_1fr7v_160",
-  "header": "awsui_header_mx3cw_1fr7v_166",
-  "action": "awsui_action_mx3cw_1fr7v_170",
-  "action-button": "awsui_action-button_mx3cw_1fr7v_175",
-  "text": "awsui_text_mx3cw_1fr7v_179",
-  "icon": "awsui_icon_mx3cw_1fr7v_183",
-  "message": "awsui_message_mx3cw_1fr7v_186",
-  "breakpoint-default": "awsui_breakpoint-default_mx3cw_1fr7v_194",
-  "content": "awsui_content_mx3cw_1fr7v_208",
-  "dismiss": "awsui_dismiss_mx3cw_1fr7v_212",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_1fr7v_218",
-  "type-error": "awsui_type-error_mx3cw_1fr7v_226",
-  "type-warning": "awsui_type-warning_mx3cw_1fr7v_234",
-  "type-success": "awsui_type-success_mx3cw_1fr7v_242",
-  "type-info": "awsui_type-info_mx3cw_1fr7v_250"
+  "alert": "awsui_alert_mx3cw_1jfl1_93",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1jfl1_1",
+  "root": "awsui_root_mx3cw_1jfl1_119",
+  "hidden": "awsui_hidden_mx3cw_1jfl1_135",
+  "body": "awsui_body_mx3cw_1jfl1_160",
+  "header": "awsui_header_mx3cw_1jfl1_166",
+  "action": "awsui_action_mx3cw_1jfl1_170",
+  "action-button": "awsui_action-button_mx3cw_1jfl1_175",
+  "text": "awsui_text_mx3cw_1jfl1_179",
+  "icon": "awsui_icon_mx3cw_1jfl1_183",
+  "message": "awsui_message_mx3cw_1jfl1_186",
+  "breakpoint-default": "awsui_breakpoint-default_mx3cw_1jfl1_194",
+  "content": "awsui_content_mx3cw_1jfl1_208",
+  "dismiss": "awsui_dismiss_mx3cw_1jfl1_212",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_1jfl1_218",
+  "type-error": "awsui_type-error_mx3cw_1jfl1_226",
+  "type-warning": "awsui_type-warning_mx3cw_1jfl1_234",
+  "type-success": "awsui_type-success_mx3cw_1jfl1_242",
+  "type-info": "awsui_type-info_mx3cw_1jfl1_250"
 };
   

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

@@ -90,10 +90,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_1fr7v_93:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_mx3cw_1fr7v_1 var(--motion-duration-show-paced-15gtv1, 180ms) var(--motion-easing-show-paced-9fsxyl, ease-out);
+.awsui_alert_mx3cw_1jfl1_93:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_mx3cw_1jfl1_1 var(--motion-duration-show-paced-et23hs, 180ms) var(--motion-easing-show-paced-ddbkug, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_mx3cw_1fr7v_1 {
+@keyframes awsui_awsui-motion-fade-in_mx3cw_1jfl1_1 {
   from {
     opacity: 0.2;
   }
@@ -102,12 +102,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_alert_mx3cw_1fr7v_93:not(#\9) {
+  .awsui_alert_mx3cw_1jfl1_93:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_alert_mx3cw_1fr7v_93:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_1fr7v_93:not(#\9) {
+.awsui-motion-disabled .awsui_alert_mx3cw_1jfl1_93:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_1jfl1_93:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -116,7 +116,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_1fr7v_119:not(#\9) {
+.awsui_root_mx3cw_1jfl1_119:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -146,11 +146,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: var(--font-body-m-size-i6yc1c, 14px);
-  line-height: var(--font-body-m-line-height-uf359w, 22px);
-  color: var(--color-text-body-default-v5bj0z, #16191f);
+  font-size: var(--font-body-m-size-0qqejn, 14px);
+  line-height: var(--font-body-m-line-height-9vkzhc, 22px);
+  color: var(--color-text-body-default-fckvk9, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-vmkkua, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-nzcxu9, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   word-wrap: break-word;
@@ -158,11 +158,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow: hidden;
   display: block;
 }
-.awsui_root_mx3cw_1fr7v_119.awsui_hidden_mx3cw_1fr7v_135:not(#\9) {
+.awsui_root_mx3cw_1jfl1_119.awsui_hidden_mx3cw_1jfl1_135:not(#\9) {
   display: none;
 }
 
-.awsui_alert_mx3cw_1fr7v_93:not(#\9) {
+.awsui_alert_mx3cw_1jfl1_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -192,117 +192,117 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: var(--font-body-m-size-i6yc1c, 14px);
-  line-height: var(--font-body-m-line-height-uf359w, 22px);
-  color: var(--color-text-body-default-v5bj0z, #16191f);
+  font-size: var(--font-body-m-size-0qqejn, 14px);
+  line-height: var(--font-body-m-line-height-9vkzhc, 22px);
+  color: var(--color-text-body-default-fckvk9, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-vmkkua, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-nzcxu9, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   position: relative;
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
-  border-radius: var(--border-radius-alert-ctnu5u, 2px);
-  border: var(--border-field-width-nvrpcd, 1px) solid;
-  padding: var(--space-alert-vertical-n68i0l, 12px) var(--space-alert-horizontal-wn3byg, 20px);
-  background-color: var(--color-background-container-content-2tfmjb, #ffffff);
+  border-radius: var(--border-radius-alert-3sud2k, 2px);
+  border: var(--border-field-width-gmdyxy, 1px) solid;
+  padding: var(--space-alert-vertical-95y4j3, 12px) var(--space-alert-horizontal-tgnc21, 20px);
+  background-color: var(--color-background-container-content-xlzim4, #ffffff);
 }
 
-.awsui_body_mx3cw_1fr7v_160:not(#\9) {
+.awsui_body_mx3cw_1jfl1_160:not(#\9) {
   display: flex;
   flex: 1 1 0%;
   min-width: 0;
 }
 
-.awsui_header_mx3cw_1fr7v_166:not(#\9) {
+.awsui_header_mx3cw_1jfl1_166:not(#\9) {
   font-weight: 700;
 }
 
-.awsui_action_mx3cw_1fr7v_170:not(#\9) {
+.awsui_action_mx3cw_1jfl1_170:not(#\9) {
   white-space: nowrap;
-  margin-left: var(--space-s-vhrt5k, 12px);
+  margin-left: var(--space-s-o95p2n, 12px);
 }
 
-.awsui_action-button_mx3cw_1fr7v_175:not(#\9) {
+.awsui_action-button_mx3cw_1jfl1_175:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_text_mx3cw_1fr7v_179:not(#\9) {
-  padding: var(--border-field-width-nvrpcd, 1px) 0;
-  margin: var(--space-scaled-xxs-4wuz2q, 4px) var(--space-xxs-68xp1c, 4px);
+.awsui_text_mx3cw_1jfl1_179:not(#\9) {
+  padding: var(--border-field-width-gmdyxy, 1px) 0;
+  margin: var(--space-scaled-xxs-gmgwxk, 4px) var(--space-xxs-xx079q, 4px);
 }
-.awsui_text_mx3cw_1fr7v_179.awsui_icon_mx3cw_1fr7v_183:not(#\9) {
+.awsui_text_mx3cw_1jfl1_179.awsui_icon_mx3cw_1jfl1_183:not(#\9) {
   margin-left: 0;
 }
-.awsui_text_mx3cw_1fr7v_179.awsui_message_mx3cw_1fr7v_186:not(#\9) {
-  margin-right: var(--space-alert-message-right-hed6c9, 0px);
+.awsui_text_mx3cw_1jfl1_179.awsui_message_mx3cw_1jfl1_186:not(#\9) {
+  margin-right: var(--space-alert-message-right-76dae3, 0px);
 }
-.awsui_text_mx3cw_1fr7v_179.awsui_message_mx3cw_1fr7v_186 + .awsui_action_mx3cw_1fr7v_170:not(#\9) {
-  margin-left: var(--space-alert-action-left-8j6d2g, 20px);
+.awsui_text_mx3cw_1jfl1_179.awsui_message_mx3cw_1jfl1_186 + .awsui_action_mx3cw_1jfl1_170:not(#\9) {
+  margin-left: var(--space-alert-action-left-jyjob3, 20px);
 }
 
 /* stylelint-disable selector-max-type */
-.awsui_root_mx3cw_1fr7v_119.awsui_breakpoint-default_mx3cw_1fr7v_194 > div > .awsui_alert_mx3cw_1fr7v_93 > .awsui_body_mx3cw_1fr7v_160:not(#\9) {
+.awsui_root_mx3cw_1jfl1_119.awsui_breakpoint-default_mx3cw_1jfl1_194 > div > .awsui_alert_mx3cw_1jfl1_93 > .awsui_body_mx3cw_1jfl1_160:not(#\9) {
   display: block;
 }
-.awsui_root_mx3cw_1fr7v_119.awsui_breakpoint-default_mx3cw_1fr7v_194 > div > .awsui_alert_mx3cw_1fr7v_93 > .awsui_body_mx3cw_1fr7v_160 > .awsui_action_mx3cw_1fr7v_170:not(#\9) {
-  margin-left: var(--space-xxs-68xp1c, 4px);
-  margin-bottom: var(--space-xxs-68xp1c, 4px);
+.awsui_root_mx3cw_1jfl1_119.awsui_breakpoint-default_mx3cw_1jfl1_194 > div > .awsui_alert_mx3cw_1jfl1_93 > .awsui_body_mx3cw_1jfl1_160 > .awsui_action_mx3cw_1jfl1_170:not(#\9) {
+  margin-left: var(--space-xxs-xx079q, 4px);
+  margin-bottom: var(--space-xxs-xx079q, 4px);
 }
 
 /* stylelint-enable selector-max-type */
-.awsui_message_mx3cw_1fr7v_186:not(#\9) {
+.awsui_message_mx3cw_1jfl1_186:not(#\9) {
   flex: 1 1 0%;
   min-width: 0;
 }
 
-.awsui_content_mx3cw_1fr7v_208:not(#\9) {
+.awsui_content_mx3cw_1jfl1_208:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_dismiss_mx3cw_1fr7v_212:not(#\9) {
+.awsui_dismiss_mx3cw_1jfl1_212:not(#\9) {
   flex: 0 0 auto;
-  margin-right: calc(-1 * var(--space-xxs-68xp1c, 4px));
-  margin-left: var(--space-s-vhrt5k, 12px);
+  margin-right: calc(-1 * var(--space-xxs-xx079q, 4px));
+  margin-left: var(--space-s-o95p2n, 12px);
 }
 
-.awsui_dismiss-button_mx3cw_1fr7v_218:not(#\9) {
+.awsui_dismiss-button_mx3cw_1jfl1_218:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_icon_mx3cw_1fr7v_183:not(#\9) {
+.awsui_icon_mx3cw_1jfl1_183:not(#\9) {
   flex: 0 0 auto;
 }
 
-.awsui_type-error_mx3cw_1fr7v_226:not(#\9) {
-  border-color: var(--color-border-status-error-ezzzxe, #d13212);
-  background-color: var(--color-background-status-error-8s2njx, #fdf3f1);
+.awsui_type-error_mx3cw_1jfl1_226:not(#\9) {
+  border-color: var(--color-border-status-error-jb9vli, #d13212);
+  background-color: var(--color-background-status-error-hrmert, #fdf3f1);
 }
-.awsui_type-error_mx3cw_1fr7v_226 > .awsui_icon_mx3cw_1fr7v_183:not(#\9) {
-  color: var(--color-text-status-error-ijb03b, #d13212);
+.awsui_type-error_mx3cw_1jfl1_226 > .awsui_icon_mx3cw_1jfl1_183:not(#\9) {
+  color: var(--color-text-status-error-6ntion, #d13212);
 }
 
-.awsui_type-warning_mx3cw_1fr7v_234:not(#\9) {
-  border-color: var(--color-border-status-warning-cnz7wu, #aab7b8);
-  background-color: var(--color-background-status-warning-ojty2p, #ffffff);
+.awsui_type-warning_mx3cw_1jfl1_234:not(#\9) {
+  border-color: var(--color-border-status-warning-9ffnra, #aab7b8);
+  background-color: var(--color-background-status-warning-0emqgh, #ffffff);
 }
-.awsui_type-warning_mx3cw_1fr7v_234 > .awsui_icon_mx3cw_1fr7v_183:not(#\9) {
-  color: var(--color-text-status-warning-z2eqac, #d13212);
+.awsui_type-warning_mx3cw_1jfl1_234 > .awsui_icon_mx3cw_1jfl1_183:not(#\9) {
+  color: var(--color-text-status-warning-1ch2bz, #d13212);
 }
 
-.awsui_type-success_mx3cw_1fr7v_242:not(#\9) {
-  border-color: var(--color-border-status-success-gluior, #1d8102);
-  background-color: var(--color-background-status-success-a3w99t, #f2f8f0);
+.awsui_type-success_mx3cw_1jfl1_242:not(#\9) {
+  border-color: var(--color-border-status-success-n4mtn1, #1d8102);
+  background-color: var(--color-background-status-success-j700hs, #f2f8f0);
 }
-.awsui_type-success_mx3cw_1fr7v_242 > .awsui_icon_mx3cw_1fr7v_183:not(#\9) {
-  color: var(--color-text-status-success-4rxjes, #1d8102);
+.awsui_type-success_mx3cw_1jfl1_242 > .awsui_icon_mx3cw_1jfl1_183:not(#\9) {
+  color: var(--color-text-status-success-enko1i, #1d8102);
 }
 
-.awsui_type-info_mx3cw_1fr7v_250:not(#\9) {
-  border-color: var(--color-border-status-info-l7as2m, #0073bb);
-  background-color: var(--color-background-status-info-efxlh5, #f1faff);
+.awsui_type-info_mx3cw_1jfl1_250:not(#\9) {
+  border-color: var(--color-border-status-info-lqyesl, #0073bb);
+  background-color: var(--color-background-status-info-y7xysq, #f1faff);
 }
-.awsui_type-info_mx3cw_1fr7v_250 > .awsui_icon_mx3cw_1fr7v_183:not(#\9) {
-  color: var(--color-text-status-info-2lf7i1, #0073bb);
+.awsui_type-info_mx3cw_1jfl1_250 > .awsui_icon_mx3cw_1jfl1_183:not(#\9) {
+  color: var(--color-text-status-info-ljzs7r, #0073bb);
 }

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

@@ -2,24 +2,24 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "alert": "awsui_alert_mx3cw_1fr7v_93",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1fr7v_1",
-  "root": "awsui_root_mx3cw_1fr7v_119",
-  "hidden": "awsui_hidden_mx3cw_1fr7v_135",
-  "body": "awsui_body_mx3cw_1fr7v_160",
-  "header": "awsui_header_mx3cw_1fr7v_166",
-  "action": "awsui_action_mx3cw_1fr7v_170",
-  "action-button": "awsui_action-button_mx3cw_1fr7v_175",
-  "text": "awsui_text_mx3cw_1fr7v_179",
-  "icon": "awsui_icon_mx3cw_1fr7v_183",
-  "message": "awsui_message_mx3cw_1fr7v_186",
-  "breakpoint-default": "awsui_breakpoint-default_mx3cw_1fr7v_194",
-  "content": "awsui_content_mx3cw_1fr7v_208",
-  "dismiss": "awsui_dismiss_mx3cw_1fr7v_212",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_1fr7v_218",
-  "type-error": "awsui_type-error_mx3cw_1fr7v_226",
-  "type-warning": "awsui_type-warning_mx3cw_1fr7v_234",
-  "type-success": "awsui_type-success_mx3cw_1fr7v_242",
-  "type-info": "awsui_type-info_mx3cw_1fr7v_250"
+  "alert": "awsui_alert_mx3cw_1jfl1_93",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1jfl1_1",
+  "root": "awsui_root_mx3cw_1jfl1_119",
+  "hidden": "awsui_hidden_mx3cw_1jfl1_135",
+  "body": "awsui_body_mx3cw_1jfl1_160",
+  "header": "awsui_header_mx3cw_1jfl1_166",
+  "action": "awsui_action_mx3cw_1jfl1_170",
+  "action-button": "awsui_action-button_mx3cw_1jfl1_175",
+  "text": "awsui_text_mx3cw_1jfl1_179",
+  "icon": "awsui_icon_mx3cw_1jfl1_183",
+  "message": "awsui_message_mx3cw_1jfl1_186",
+  "breakpoint-default": "awsui_breakpoint-default_mx3cw_1jfl1_194",
+  "content": "awsui_content_mx3cw_1jfl1_208",
+  "dismiss": "awsui_dismiss_mx3cw_1jfl1_212",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_1jfl1_218",
+  "type-error": "awsui_type-error_mx3cw_1jfl1_226",
+  "type-warning": "awsui_type-warning_mx3cw_1jfl1_234",
+  "type-success": "awsui_type-success_mx3cw_1jfl1_242",
+  "type-info": "awsui_type-info_mx3cw_1jfl1_250"
 };
   

package/lib/internal/template/annotation-context/annotation/styles.css.js

@@ -1,29 +1,29 @@
 
     import './styles.scoped.css';
     export default {
-  "arrow": "awsui_arrow_1hpp3_v7c3n_93",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_v7c3n_97",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_v7c3n_97",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_v7c3n_128",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_v7c3n_128",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_v7c3n_131",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_v7c3n_131",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_v7c3n_134",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_v7c3n_134",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_v7c3n_137",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_v7c3n_137",
-  "annotation": "awsui_annotation_1hpp3_v7c3n_145",
-  "next-button": "awsui_next-button_1hpp3_v7c3n_146",
-  "previous-button": "awsui_previous-button_1hpp3_v7c3n_147",
-  "finish-button": "awsui_finish-button_1hpp3_v7c3n_148",
-  "header": "awsui_header_1hpp3_v7c3n_149",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_v7c3n_150",
-  "content": "awsui_content_1hpp3_v7c3n_151",
-  "description": "awsui_description_1hpp3_v7c3n_155",
-  "actionBar": "awsui_actionBar_1hpp3_v7c3n_160",
-  "stepCounter": "awsui_stepCounter_1hpp3_v7c3n_167",
-  "divider": "awsui_divider_1hpp3_v7c3n_171",
-  "hotspot": "awsui_hotspot_1hpp3_v7c3n_175",
-  "icon": "awsui_icon_1hpp3_v7c3n_215"
+  "arrow": "awsui_arrow_1hpp3_1njk2_93",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_1njk2_97",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_1njk2_97",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1njk2_128",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1njk2_128",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1njk2_131",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1njk2_131",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1njk2_134",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1njk2_134",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1njk2_137",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1njk2_137",
+  "annotation": "awsui_annotation_1hpp3_1njk2_145",
+  "next-button": "awsui_next-button_1hpp3_1njk2_146",
+  "previous-button": "awsui_previous-button_1hpp3_1njk2_147",
+  "finish-button": "awsui_finish-button_1hpp3_1njk2_148",
+  "header": "awsui_header_1hpp3_1njk2_149",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_1njk2_150",
+  "content": "awsui_content_1hpp3_1njk2_151",
+  "description": "awsui_description_1hpp3_1njk2_155",
+  "actionBar": "awsui_actionBar_1hpp3_1njk2_160",
+  "stepCounter": "awsui_stepCounter_1hpp3_1njk2_167",
+  "divider": "awsui_divider_1hpp3_1njk2_171",
+  "hotspot": "awsui_hotspot_1hpp3_1njk2_175",
+  "icon": "awsui_icon_1hpp3_1njk2_215"
 };