@cloudscape-design/components-themeable 3.0.636 → 3.0.637

package/lib/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "501edea518b9cdc77b03fc2ab6a553b5514943a9"
+  "commit": "599df75831ea47db87c93622ed97dfee40ab97e5"
 }

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

@@ -25,8 +25,9 @@
   @include styles.media-breakpoint-up(styles.$breakpoint-x-small) {
     /* stylelint-disable scss/operator-no-newline-after */
     max-inline-size: calc(
-      var(#{custom-props.$layoutWidth}) - var(#{custom-props.$mainOffsetLeft}) -
-        var(#{custom-props.$defaultMinContentWidth}) - var(#{custom-props.$contentGapRight})
+      var(#{custom-props.$layoutWidth}) - var(#{custom-props.$mainOffsetLeft}) - var(
+          #{custom-props.$defaultMinContentWidth}
+        ) - var(#{custom-props.$contentGapRight})
     );
     /* stylelint-enable scss/operator-no-newline-after */
   }

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

@@ -19,8 +19,9 @@ viewport size and state of the Tools drawer.
 .tools-container {
   /* stylelint-disable scss/operator-no-newline-after */
   #{custom-props.$toolsMaxWidth}: calc(
-    var(#{custom-props.$layoutWidth}) - var(#{custom-props.$mainOffsetLeft}) -
-      var(#{custom-props.$defaultMinContentWidth}) - var(#{custom-props.$contentGapRight})
+    var(#{custom-props.$layoutWidth}) - var(#{custom-props.$mainOffsetLeft}) - var(
+        #{custom-props.$defaultMinContentWidth}
+      ) - var(#{custom-props.$contentGapRight})
   );
   /* stylelint-enable scss/operator-no-newline-after */
   display: flex;

package/lib/internal/scss/internal/components/checkbox-icon/styles.scss

@@ -27,7 +27,8 @@
       stroke: awsui.$color-border-control-disabled;
     }
     @include styles.with-motion {
-      transition: fill awsui.$motion-duration-transition-quick awsui.$motion-easing-transition-quick,
+      transition:
+        fill awsui.$motion-duration-transition-quick awsui.$motion-easing-transition-quick,
         stroke awsui.$motion-duration-transition-quick awsui.$motion-easing-transition-quick;
     }
   }

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

@@ -1,45 +1,53 @@
 
-    $breadcrumbsGap: --awsui-breadcrumbs-gap-ud5fvm;
-$contentGapLeft: --awsui-content-gap-left-ud5fvm;
-$contentGapRight: --awsui-content-gap-right-ud5fvm;
-$contentHeight: --awsui-content-height-ud5fvm;
-$defaultMaxContentWidth: --awsui-default-max-content-width-ud5fvm;
-$defaultMinContentWidth: --awsui-default-min-content-width-ud5fvm;
-$drawerSize: --awsui-drawer-size-ud5fvm;
-$footerHeight: --awsui-footer-height-ud5fvm;
-$headerGap: --awsui-header-gap-ud5fvm;
-$headerHeight: --awsui-header-height-ud5fvm;
-$layoutWidth: --awsui-layout-width-ud5fvm;
-$mainGap: --awsui-main-gap-ud5fvm;
-$mainOffsetLeft: --awsui-main-offset-left-ud5fvm;
-$mainTemplateRows: --awsui-main-template-rows-ud5fvm;
-$maxContentWidth: --awsui-max-content-width-ud5fvm;
-$minContentWidth: --awsui-min-content-width-ud5fvm;
-$mobileBarHeight: --awsui-mobile-bar-height-ud5fvm;
-$notificationsGap: --awsui-notifications-gap-ud5fvm;
-$notificationsHeight: --awsui-notifications-height-ud5fvm;
-$offsetTop: --awsui-offset-top-ud5fvm;
-$overlapHeight: --awsui-overlap-height-ud5fvm;
-$navigationWidth: --awsui-navigation-width-ud5fvm;
-$splitPanelReportedHeaderSize: --awsui-split-panel-reported-header-size-ud5fvm;
-$splitPanelReportedSize: --awsui-split-panel-reported-size-ud5fvm;
-$splitPanelHeight: --awsui-split-panel-height-ud5fvm;
-$splitPanelMinWidth: --awsui-split-panel-min-width-ud5fvm;
-$splitPanelMaxWidth: --awsui-split-panel-max-width-ud5fvm;
-$toolsMaxWidth: --awsui-tools-max-width-ud5fvm;
-$toolsWidth: --awsui-tools-width-ud5fvm;
-$toolsAnimationStartingOpacity: --awsui-tools-animation-starting-opacity-ud5fvm;
-$contentScrollMargin: --awsui-content-scroll-margin-ud5fvm;
-$flashbarStackDepth: --awsui-flashbar-stack-depth-ud5fvm;
-$flashbarStackIndex: --awsui-flashbar-stack-index-ud5fvm;
-$flashbarStickyBottomMargin: --awsui-flashbar-sticky-bottom-margin-ud5fvm;
-$stackedNotificationsBottomMargin: --awsui-stacked-notifications-bottom-margin-ud5fvm;
-$stackedNotificationsDefaultBottomMargin: --awsui-stacked-notifications-default-bottom-margin-ud5fvm;
-$dropdownDefaultMaxWidth: --awsui-dropdown-default-max-width-ud5fvm;
-$spinnerRotatorFrom: --awsui-spinner-rotator-from-ud5fvm;
-$spinnerRotatorTo: --awsui-spinner-rotator-to-ud5fvm;
-$spinnerLineLeftFrom: --awsui-spinner-line-left-from-ud5fvm;
-$spinnerLineLeftTo: --awsui-spinner-line-left-to-ud5fvm;
-$spinnerLineRightFrom: --awsui-spinner-line-right-from-ud5fvm;
-$spinnerLineRightTo: --awsui-spinner-line-right-to-ud5fvm;
+    $breadcrumbsGap: --awsui-breadcrumbs-gap-tkr9yl;
+$contentGapLeft: --awsui-content-gap-left-tkr9yl;
+$contentGapRight: --awsui-content-gap-right-tkr9yl;
+$contentHeight: --awsui-content-height-tkr9yl;
+$defaultMaxContentWidth: --awsui-default-max-content-width-tkr9yl;
+$defaultMinContentWidth: --awsui-default-min-content-width-tkr9yl;
+$drawerSize: --awsui-drawer-size-tkr9yl;
+$footerHeight: --awsui-footer-height-tkr9yl;
+$headerGap: --awsui-header-gap-tkr9yl;
+$headerHeight: --awsui-header-height-tkr9yl;
+$layoutWidth: --awsui-layout-width-tkr9yl;
+$mainGap: --awsui-main-gap-tkr9yl;
+$mainOffsetLeft: --awsui-main-offset-left-tkr9yl;
+$mainTemplateRows: --awsui-main-template-rows-tkr9yl;
+$maxContentWidth: --awsui-max-content-width-tkr9yl;
+$minContentWidth: --awsui-min-content-width-tkr9yl;
+$mobileBarHeight: --awsui-mobile-bar-height-tkr9yl;
+$notificationsGap: --awsui-notifications-gap-tkr9yl;
+$notificationsHeight: --awsui-notifications-height-tkr9yl;
+$offsetTop: --awsui-offset-top-tkr9yl;
+$overlapHeight: --awsui-overlap-height-tkr9yl;
+$navigationWidth: --awsui-navigation-width-tkr9yl;
+$splitPanelReportedHeaderSize: --awsui-split-panel-reported-header-size-tkr9yl;
+$splitPanelReportedSize: --awsui-split-panel-reported-size-tkr9yl;
+$splitPanelHeight: --awsui-split-panel-height-tkr9yl;
+$splitPanelMinWidth: --awsui-split-panel-min-width-tkr9yl;
+$splitPanelMaxWidth: --awsui-split-panel-max-width-tkr9yl;
+$toolsMaxWidth: --awsui-tools-max-width-tkr9yl;
+$toolsWidth: --awsui-tools-width-tkr9yl;
+$toolsAnimationStartingOpacity: --awsui-tools-animation-starting-opacity-tkr9yl;
+$contentScrollMargin: --awsui-content-scroll-margin-tkr9yl;
+$flashbarStackDepth: --awsui-flashbar-stack-depth-tkr9yl;
+$flashbarStackIndex: --awsui-flashbar-stack-index-tkr9yl;
+$flashbarStickyBottomMargin: --awsui-flashbar-sticky-bottom-margin-tkr9yl;
+$stackedNotificationsBottomMargin: --awsui-stacked-notifications-bottom-margin-tkr9yl;
+$stackedNotificationsDefaultBottomMargin: --awsui-stacked-notifications-default-bottom-margin-tkr9yl;
+$dropdownDefaultMaxWidth: --awsui-dropdown-default-max-width-tkr9yl;
+$spinnerRotatorFrom: --awsui-spinner-rotator-from-tkr9yl;
+$spinnerRotatorTo: --awsui-spinner-rotator-to-tkr9yl;
+$spinnerLineLeftFrom: --awsui-spinner-line-left-from-tkr9yl;
+$spinnerLineLeftTo: --awsui-spinner-line-left-to-tkr9yl;
+$spinnerLineRightFrom: --awsui-spinner-line-right-from-tkr9yl;
+$spinnerLineRightTo: --awsui-spinner-line-right-to-tkr9yl;
+$sliderLabelCount: --awsui-slider-label-count-tkr9yl;
+$sliderTickCount: --awsui-slider-tick-count-tkr9yl;
+$sliderReferenceColumn: --awsui-slider-reference-column-tkr9yl;
+$sliderNextReferenceColumn: --awsui-slider-next-reference-column-tkr9yl;
+$sliderMaxStart: --awsui-slider-max-start-tkr9yl;
+$sliderMinEnd: --awsui-slider-min-end-tkr9yl;
+$sliderRangeInlineSize: --awsui-slider-range-inline-size-tkr9yl;
+$sliderTooltipPosition: --awsui-slider-tooltip-position-tkr9yl;
     

package/lib/internal/scss/modal/motion.scss

@@ -22,7 +22,8 @@
 .dialog {
   @include styles.with-motion {
     @include styles.animation-fade-in-0;
-    animation: modal-slide-up awsui.$motion-duration-slow ease-out,
+    animation:
+      modal-slide-up awsui.$motion-duration-slow ease-out,
       awsui-motion-fade-in-0 awsui.$motion-duration-slow ease-out;
     animation-delay: awsui.$motion-duration-fast;
     animation-fill-mode: both;

package/lib/internal/scss/slider/mixins.scss

@@ -0,0 +1,67 @@
+/*
+ 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;
+
+$thumb-size: awsui.$space-m;
+$border-radius-slider-thumb: 50%;
+
+@mixin base-thumb-styles {
+  appearance: none;
+  background: awsui.$color-background-slider-handle-default;
+  border-color: awsui.$color-background-slider-handle-default;
+  border-block-width: 2px;
+  border-inline-width: 2px;
+  border-start-start-radius: $border-radius-slider-thumb;
+  border-start-end-radius: $border-radius-slider-thumb;
+  border-end-start-radius: $border-radius-slider-thumb;
+  border-end-end-radius: $border-radius-slider-thumb;
+  box-shadow: none;
+
+  cursor: pointer;
+  block-size: $thumb-size;
+  inline-size: $thumb-size;
+  pointer-events: all;
+  position: relative;
+}
+
+@mixin base-thumb-hover-styles {
+  box-shadow: 0px 0 0 2px awsui.$color-background-slider-handle-ring,
+    0 0 0 4px awsui.$color-background-slider-handle-default;
+}
+
+@mixin base-thumb-focus-styles {
+  block-size: 20px;
+  inline-size: 20px;
+  box-shadow: 0px 0 0 2px awsui.$color-background-slider-handle-ring,
+    0 0 0 4px awsui.$color-background-slider-handle-active;
+  background: awsui.$color-background-slider-handle-active;
+
+  border-color: awsui.$color-background-slider-handle-active;
+  border-block-width: 2px;
+  border-inline-width: 2px;
+}
+
+@mixin base-thumb-disabled-styles {
+  background-color: awsui.$color-background-control-disabled;
+  border-color: awsui.$color-background-control-disabled;
+  box-shadow: none;
+  pointer-events: none;
+}
+
+@mixin error-thumb-focus-styles {
+  background-color: awsui.$color-background-slider-error-pressed;
+  border-block-width: 2px;
+  border-inline-width: 2px;
+  border-color: awsui.$color-background-slider-error-pressed;
+
+  box-shadow: 0px 0 0 2px awsui.$color-background-slider-handle-ring,
+    0 0 0 4px awsui.$color-background-slider-error-pressed;
+}
+
+@mixin error-thumb-hover-styles {
+  background-color: awsui.$color-text-status-error;
+  box-shadow: 0px 0 0 2px awsui.$color-background-slider-handle-ring, 0 0 0 4px awsui.$color-text-status-error;
+}

package/lib/internal/scss/slider/styles.scss

@@ -0,0 +1,289 @@
+/*
+ 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;
+@use '../internal/generated/custom-css-properties/index.scss' as custom-props;
+@use './mixins.scss' as mixins;
+
+.root {
+  @include styles.styles-reset;
+  font-size: awsui.$font-size-body-s;
+  padding-block: awsui.$space-s;
+
+  position: relative;
+  max-inline-size: 800px;
+  margin-inline: calc(mixins.$thumb-size / 2);
+}
+
+.slider {
+  display: flex;
+  align-items: center;
+
+  &-track,
+  &-range {
+    position: absolute;
+    border-start-start-radius: 3px;
+    border-start-end-radius: 3px;
+    border-end-start-radius: 3px;
+    border-end-end-radius: 3px;
+    margin-block-start: awsui.$space-xs;
+    margin-inline: calc(mixins.$thumb-size / -2);
+  }
+
+  &-track {
+    background-color: awsui.$color-background-slider-track;
+    inline-size: calc(100% + mixins.$thumb-size);
+    block-size: 2px;
+    cursor: pointer;
+
+    &.disabled {
+      cursor: default;
+      background-color: awsui.$color-background-control-disabled;
+    }
+  }
+
+  &-range {
+    background-color: awsui.$color-background-slider-handle-default;
+    block-size: 4px;
+    inline-size: calc(var(#{custom-props.$sliderRangeInlineSize}) + mixins.$thumb-size);
+
+    &.error {
+      background-color: awsui.$color-text-status-error;
+    }
+
+    &.active {
+      background-color: awsui.$color-background-slider-handle-active;
+    }
+
+    &.error-active {
+      background-color: awsui.$color-background-slider-error-pressed;
+    }
+
+    &.disabled {
+      background-color: awsui.$color-background-control-disabled;
+    }
+  }
+}
+
+.labels {
+  display: grid;
+  // the first and the last column get extra space, for readability
+  grid-template-columns:
+    3fr repeat(
+      calc((var(#{custom-props.$sliderLabelCount}) - 2) / 2 + (var(#{custom-props.$sliderLabelCount}) - 2) / 2 - 1),
+      2fr
+    )
+    3fr;
+  grid-auto-rows: 100%;
+  padding-block-start: awsui.$space-m;
+
+  &-noref {
+    grid-template-columns: 1fr 1fr;
+  }
+
+  &-reference {
+    grid-column-start: var(#{custom-props.$sliderReferenceColumn});
+    grid-column-end: var(#{custom-props.$sliderNextReferenceColumn});
+    grid-row: 1;
+    justify-self: center;
+    text-align: center;
+  }
+
+  &-min {
+    grid-column: 1;
+    grid-row: 1;
+    grid-column-end: var(#{custom-props.$sliderMinEnd});
+    margin-inline-start: calc(mixins.$thumb-size / -2);
+  }
+
+  &-max {
+    text-align: end;
+    justify-content: flex-end;
+    grid-row: 1;
+    grid-column-end: calc(var(#{custom-props.$sliderLabelCount}) + 1);
+    grid-column-start: var(#{custom-props.$sliderMaxStart});
+    margin-inline-end: calc(mixins.$thumb-size / -2);
+  }
+
+  &-aria-description {
+    display: none;
+  }
+
+  @include styles.media-breakpoint-down(styles.$breakpoint-xx-small) {
+    & {
+      grid-template-columns: 1fr 1fr;
+    }
+
+    &-min {
+      grid-column: 1;
+    }
+
+    &-max {
+      grid-column: 2;
+    }
+
+    > .labels-reference {
+      display: none;
+    }
+  }
+}
+
+.ticks {
+  display: grid;
+  grid-template-columns: repeat(var(#{custom-props.$sliderTickCount}), 1fr);
+  inline-size: calc(100% - mixins.$thumb-size);
+  margin-inline: calc(mixins.$thumb-size / 2);
+
+  &-wrapper {
+    block-size: 0;
+    display: flex;
+
+    margin-inline: calc(mixins.$thumb-size / -2);
+  }
+}
+
+.tick {
+  grid-row: 1;
+  block-size: awsui.$space-xs;
+  inline-size: awsui.$space-xxxs;
+  padding-inline: 0;
+  padding-block: 0;
+  background: awsui.$color-background-slider-track;
+  inset-block-start: -4px;
+
+  &.middle {
+    &:first-child,
+    &:last-child {
+      visibility: hidden;
+    }
+  }
+
+  &.filled {
+    background: awsui.$color-background-slider-handle-default;
+  }
+
+  &.active {
+    background: awsui.$color-background-slider-handle-active;
+  }
+
+  &.error {
+    background: awsui.$color-text-status-error;
+  }
+
+  &.error-active {
+    background-color: awsui.$color-background-slider-error-pressed;
+  }
+
+  &.disabled {
+    background: awsui.$color-background-control-disabled;
+  }
+}
+
+.tooltip-thumb {
+  position: absolute;
+  inline-size: awsui.$space-xxl;
+  block-size: awsui.$space-xxl;
+  margin-block-start: calc(awsui.$space-s / -1);
+  inset-inline-start: var(#{custom-props.$sliderTooltipPosition});
+}
+
+.thumb {
+  background: transparent;
+  appearance: none;
+  position: absolute;
+  block-size: 0;
+  inline-size: calc(100% + mixins.$thumb-size);
+  margin-inline-start: calc(mixins.$thumb-size / -2);
+
+  outline: 0;
+  margin-block-start: awsui.$space-xxs;
+  cursor: pointer;
+  // Desktop Safari doesn't support touch events, but Safari on iOS does.
+  // stylelint-disable-next-line plugin/no-unsupported-browser-features
+  touch-action: none;
+
+  &.disabled {
+    cursor: default;
+  }
+
+  // 1px added to min and max to cover the step line when it exists.
+  &.min {
+    margin-inline-start: calc(-1px + mixins.$thumb-size / -2);
+  }
+
+  &.max {
+    margin-inline-start: calc(1px + mixins.$thumb-size / -2);
+  }
+
+  &::-webkit-slider-thumb {
+    appearance: none;
+    @include mixins.base-thumb-styles();
+  }
+
+  &::-moz-range-thumb {
+    appearance: none;
+    @include mixins.base-thumb-styles();
+  }
+
+  &:hover::-webkit-slider-thumb {
+    @include mixins.base-thumb-hover-styles();
+  }
+
+  &:hover::-moz-range-thumb {
+    @include mixins.base-thumb-hover-styles();
+  }
+
+  &:focus::-webkit-slider-thumb,
+  &:active::-webkit-slider-thumb {
+    @include mixins.base-thumb-focus-styles();
+  }
+
+  &:focus::-moz-range-thumb,
+  &:active::-moz-range-thumb {
+    @include mixins.base-thumb-focus-styles();
+  }
+}
+
+.error {
+  &::-webkit-slider-thumb {
+    background-color: awsui.$color-text-status-error;
+    border-color: awsui.$color-text-status-error;
+  }
+
+  &::-moz-range-thumb {
+    background-color: awsui.$color-text-status-error;
+    border-color: awsui.$color-text-status-error;
+  }
+  &:hover::-webkit-slider-thumb {
+    @include mixins.error-thumb-hover-styles;
+  }
+
+  &:hover::-moz-range-thumb {
+    @include mixins.error-thumb-hover-styles;
+  }
+
+  &:focus::-webkit-slider-thumb,
+  &:active::-webkit-slider-thumb {
+    @include mixins.error-thumb-focus-styles;
+  }
+
+  &:focus::-moz-range-thumb,
+  &:active::-moz-range-thumb {
+    @include mixins.error-thumb-focus-styles;
+  }
+}
+
+.disabled,
+.disabled:hover,
+.disabled:active {
+  &::-webkit-slider-thumb {
+    @include mixins.base-thumb-disabled-styles();
+  }
+
+  &::-moz-range-thumb {
+    @include mixins.base-thumb-disabled-styles();
+  }
+}

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

@@ -185,7 +185,9 @@ $success-icon-padding-right: calc(#{$edit-button-padding-right} + #{$icon-width-
         box-shadow: 4px 0 0 0 awsui.$color-background-container-content;
         clip-path: inset(0 0 0 0);
         &.sticky-cell-last-inline-end {
-          box-shadow: awsui.$shadow-sticky-column-last, 8px 0 0 0 awsui.$color-background-container-content;
+          box-shadow:
+            awsui.$shadow-sticky-column-last,
+            8px 0 0 0 awsui.$color-background-container-content;
           clip-path: inset(0 0 0 -24px);
 
           @include styles.with-direction('rtl') {

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

@@ -49,14 +49,18 @@ $label-horizontal-spacing: awsui.$space-l;
     border-inline-end: awsui.$border-divider-section-width solid awsui.$color-border-control-disabled;
     &-scrollable {
       z-index: 1;
-      box-shadow: 5px 0px 4px -3px awsui.$color-border-tabs-shadow, 1px 0px 0px 0px awsui.$color-border-tabs-shadow;
+      box-shadow:
+        5px 0px 4px -3px awsui.$color-border-tabs-shadow,
+        1px 0px 0px 0px awsui.$color-border-tabs-shadow;
     }
   }
   &-right {
     border-inline-start: awsui.$border-divider-section-width solid awsui.$color-border-control-disabled;
     &-scrollable {
       z-index: 1;
-      box-shadow: -5px 0px 4px -3px awsui.$color-border-tabs-shadow, -1px 0px 0px 0 awsui.$color-border-tabs-shadow;
+      box-shadow:
+        -5px 0px 4px -3px awsui.$color-border-tabs-shadow,
+        -1px 0px 0px 0 awsui.$color-border-tabs-shadow;
     }
   }
 }

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

@@ -67,7 +67,8 @@ $gutter: awsui.$space-grid-gutter;
   }
 
   @include styles.with-motion {
-    transition: border-color awsui.$motion-duration-transition-quick awsui.$motion-easing-transition-quick,
+    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;
   }
 }

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

@@ -74,7 +74,8 @@ $shadow-color: rgba(0, 0, 0, 0.25);
     // 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,
+    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/wizard/styles.scss

@@ -140,7 +140,9 @@
 
     > li.active > a > .circle {
       background-color: awsui.$color-background-control-checked;
-      box-shadow: 0 0 0 3px awsui.$color-background-container-content, 0 0 0 5px awsui.$color-background-control-checked,
+      box-shadow:
+        0 0 0 3px awsui.$color-background-container-content,
+        0 0 0 5px awsui.$color-background-control-checked,
         0 0 0 7px awsui.$color-background-container-content;
     }
 
@@ -155,7 +157,9 @@
 
     > li.disabled > a > .circle {
       background-color: awsui.$color-background-container-content;
-      box-shadow: 0 0 0 2px awsui.$color-text-interactive-disabled, 0 0 0 4px awsui.$color-background-container-content;
+      box-shadow:
+        0 0 0 2px awsui.$color-text-interactive-disabled,
+        0 0 0 4px awsui.$color-background-container-content;
     }
 
     > li.disabled > a > .title {
@@ -164,7 +168,9 @@
 
     > li.enabled > a > .circle {
       background-color: awsui.$color-text-interactive-default;
-      box-shadow: 0 0 0 2px awsui.$color-text-interactive-default, 0 0 0 4px awsui.$color-background-container-content;
+      box-shadow:
+        0 0 0 2px awsui.$color-text-interactive-default,
+        0 0 0 4px awsui.$color-background-container-content;
     }
 
     > li.enabled > a > .title {
@@ -173,7 +179,9 @@
 
     > li.enabled > a:hover > .circle {
       background-color: awsui.$color-background-control-checked;
-      box-shadow: 0 0 0 2px awsui.$color-background-control-checked, 0 0 0 4px awsui.$color-background-container-content;
+      box-shadow:
+        0 0 0 2px awsui.$color-background-control-checked,
+        0 0 0 4px awsui.$color-background-container-content;
     }
 
     > li.enabled > a:hover > .title {

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

@@ -1,29 +1,29 @@
 
     import './styles.scoped.css';
     export default {
-  "arrow": "awsui_arrow_1hpp3_9xnyj_99",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_9xnyj_103",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_9xnyj_103",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_9xnyj_144",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_9xnyj_144",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_9xnyj_147",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_9xnyj_147",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_9xnyj_150",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_9xnyj_150",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_9xnyj_153",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_9xnyj_153",
-  "annotation": "awsui_annotation_1hpp3_9xnyj_161",
-  "next-button": "awsui_next-button_1hpp3_9xnyj_162",
-  "previous-button": "awsui_previous-button_1hpp3_9xnyj_163",
-  "finish-button": "awsui_finish-button_1hpp3_9xnyj_164",
-  "header": "awsui_header_1hpp3_9xnyj_165",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_9xnyj_166",
-  "content": "awsui_content_1hpp3_9xnyj_167",
-  "description": "awsui_description_1hpp3_9xnyj_171",
-  "actionBar": "awsui_actionBar_1hpp3_9xnyj_176",
-  "stepCounter": "awsui_stepCounter_1hpp3_9xnyj_183",
-  "divider": "awsui_divider_1hpp3_9xnyj_187",
-  "hotspot": "awsui_hotspot_1hpp3_9xnyj_191",
-  "icon": "awsui_icon_1hpp3_9xnyj_258"
+  "arrow": "awsui_arrow_1hpp3_1i3yr_99",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_1i3yr_103",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_1i3yr_103",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1i3yr_144",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1i3yr_144",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1i3yr_147",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1i3yr_147",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1i3yr_150",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1i3yr_150",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1i3yr_153",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1i3yr_153",
+  "annotation": "awsui_annotation_1hpp3_1i3yr_161",
+  "next-button": "awsui_next-button_1hpp3_1i3yr_162",
+  "previous-button": "awsui_previous-button_1hpp3_1i3yr_163",
+  "finish-button": "awsui_finish-button_1hpp3_1i3yr_164",
+  "header": "awsui_header_1hpp3_1i3yr_165",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_1i3yr_166",
+  "content": "awsui_content_1hpp3_1i3yr_167",
+  "description": "awsui_description_1hpp3_1i3yr_171",
+  "actionBar": "awsui_actionBar_1hpp3_1i3yr_176",
+  "stepCounter": "awsui_stepCounter_1hpp3_1i3yr_183",
+  "divider": "awsui_divider_1hpp3_1i3yr_187",
+  "hotspot": "awsui_hotspot_1hpp3_1i3yr_191",
+  "icon": "awsui_icon_1hpp3_1i3yr_258"
 };