@cloudscape-design/components-themeable 3.0.18 → 3.0.21

package/lib/internal/scss/annotation-context/annotation/styles.scss

@@ -57,7 +57,7 @@
   }
 
   @include focus-visible.when-visible {
-    @include styles.focus-highlight(2px, awsui.$border-radius-control-focus-ring-circle);
+    @include styles.focus-highlight(2px, awsui.$border-radius-control-circular-focus-ring);
   }
 
   > .icon {

package/lib/internal/scss/date-picker/styles.scss

@@ -165,7 +165,7 @@ $calendar-grid-border: 1px solid $calendar-grid-border-color;
       outline: none;
       @include styles.focus-highlight(
         awsui.$space-calendar-grid-focus-outline-gutter,
-        awsui.$border-radius-calendar-day-focused
+        awsui.$border-radius-calendar-day-focus-ring
       );
       &::before {
         z-index: 2;

package/lib/internal/scss/date-range-picker/calendar/grids/day/styles.scss

@@ -85,7 +85,7 @@ $calendar-grid-width: 234px;
     z-index: 2;
     @include styles.focus-highlight(
       awsui.$space-calendar-grid-focus-outline-gutter,
-      awsui.$border-radius-calendar-day-focused
+      awsui.$border-radius-calendar-day-focus-ring
     );
   }
 }
@@ -148,7 +148,7 @@ $calendar-grid-width: 234px;
   @include focus-visible.when-visible {
     @include styles.focus-highlight(
       awsui.$space-calendar-grid-selected-focus-outline-gutter,
-      awsui.$border-radius-calendar-day-focused,
+      awsui.$border-radius-calendar-day-focus-ring,
       $calendar-grid-selected-focused-box-shadow
     );
     &::before {

package/lib/internal/scss/expandable-section/styles.scss

@@ -142,6 +142,6 @@
   }
 
   @include focus-visible.when-visible {
-    @include styles.form-focus-element(awsui.$border-radius-control-focus-ring-default);
+    @include styles.form-focus-element(awsui.$border-radius-control-default-focus-ring);
   }
 }

package/lib/internal/scss/internal/components/filtering-token/styles.scss

@@ -18,7 +18,7 @@
   display: flex;
   align-items: stretch;
   background: constants.$token-background;
-  border-radius: awsui.$border-radius-control;
+  border-radius: awsui.$border-radius-token;
   color: awsui.$color-text-body-default;
   height: 100%;
   box-sizing: border-box;

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

@@ -7,7 +7,7 @@
 @use '../tokens' as awsui;
 
 $control-border-width: awsui.$border-field-width;
-$control-border-radius: awsui.$border-radius-control;
+$control-border-radius: awsui.$border-radius-input;
 
 // Use for options in dropdowns
 $option-padding-vertical: awsui.$space-xxs;

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

@@ -17,7 +17,7 @@
   outline-offset: 2px;
   outline-color: awsui.$color-border-item-focused;
   // For visual refresh
-  border-radius: awsui.$border-radius-control-focus-ring-default;
+  border-radius: awsui.$border-radius-control-default-focus-ring;
   box-shadow: 0 0 0 awsui.$border-link-focus-ring-shadow-spread awsui.$color-border-item-focused;
 }
 
@@ -36,7 +36,7 @@
 
 @mixin focus-highlight(
   $gutter,
-  $border-radius: awsui.$border-radius-control-focus-ring-default,
+  $border-radius: awsui.$border-radius-control-default-focus-ring,
   $box-shadow: foundation.$box-shadow-focused
 ) {
   $gutter-vertical: $gutter;

package/lib/internal/scss/pagination/styles.scss

@@ -38,7 +38,7 @@
   }
 
   @include focus-visible.when-visible {
-    @include styles.form-focus-element(awsui.$border-radius-control-focus-ring-default);
+    @include styles.form-focus-element(awsui.$border-radius-control-default-focus-ring);
   }
 
   &-disabled {

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

@@ -34,7 +34,7 @@ $radio-size: awsui.$size-control;
   @include focus-visible.when-visible {
     /* stylelint-disable-next-line selector-max-type, @cloudscape-design/no-implicit-descendant */
     & + div {
-      @include styles.focus-highlight(2px, awsui.$border-radius-control-focus-ring-circle);
+      @include styles.focus-highlight(2px, awsui.$border-radius-control-circular-focus-ring);
     }
   }
 }

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

@@ -31,7 +31,7 @@ $gutter: awsui.$space-grid-gutter;
 .tile-container {
   box-sizing: border-box;
   border: styles.$control-border-width solid awsui.$color-border-input-default;
-  border-radius: styles.$control-border-radius;
+  border-radius: awsui.$border-radius-tiles;
   padding: awsui.$space-xs awsui.$space-scaled-m;
   display: flex;
   flex-direction: column;

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

@@ -23,7 +23,7 @@
   display: flex;
   align-items: flex-start;
   background: constants.$token-background;
-  border-radius: awsui.$border-radius-control;
+  border-radius: awsui.$border-radius-token;
   color: awsui.$color-text-body-default;
   height: 100%;
   box-sizing: border-box;
@@ -93,7 +93,7 @@
   }
 
   @include focus-visible.when-visible {
-    @include styles.form-focus-element(awsui.$border-radius-control-focus-ring-default);
+    @include styles.form-focus-element(awsui.$border-radius-control-default-focus-ring);
   }
 
   > .description {

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

@@ -1,29 +1,29 @@
 
     import './styles.scoped.css';
     export default {
-  "arrow": "awsui_arrow_1hpp3_e791m_93",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_e791m_97",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_e791m_97",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_e791m_128",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_e791m_128",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_e791m_131",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_e791m_131",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_e791m_134",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_e791m_134",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_e791m_137",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_e791m_137",
-  "annotation": "awsui_annotation_1hpp3_e791m_145",
-  "next-button": "awsui_next-button_1hpp3_e791m_146",
-  "previous-button": "awsui_previous-button_1hpp3_e791m_147",
-  "finish-button": "awsui_finish-button_1hpp3_e791m_148",
-  "header": "awsui_header_1hpp3_e791m_149",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_e791m_150",
-  "content": "awsui_content_1hpp3_e791m_151",
-  "description": "awsui_description_1hpp3_e791m_155",
-  "actionBar": "awsui_actionBar_1hpp3_e791m_160",
-  "stepCounter": "awsui_stepCounter_1hpp3_e791m_167",
-  "divider": "awsui_divider_1hpp3_e791m_171",
-  "hotspot": "awsui_hotspot_1hpp3_e791m_175",
-  "icon": "awsui_icon_1hpp3_e791m_213"
+  "arrow": "awsui_arrow_1hpp3_z21ah_93",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_z21ah_97",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_z21ah_97",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_z21ah_128",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_z21ah_128",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_z21ah_131",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_z21ah_131",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_z21ah_134",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_z21ah_134",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_z21ah_137",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_z21ah_137",
+  "annotation": "awsui_annotation_1hpp3_z21ah_145",
+  "next-button": "awsui_next-button_1hpp3_z21ah_146",
+  "previous-button": "awsui_previous-button_1hpp3_z21ah_147",
+  "finish-button": "awsui_finish-button_1hpp3_z21ah_148",
+  "header": "awsui_header_1hpp3_z21ah_149",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_z21ah_150",
+  "content": "awsui_content_1hpp3_z21ah_151",
+  "description": "awsui_description_1hpp3_z21ah_155",
+  "actionBar": "awsui_actionBar_1hpp3_z21ah_160",
+  "stepCounter": "awsui_stepCounter_1hpp3_z21ah_167",
+  "divider": "awsui_divider_1hpp3_z21ah_171",
+  "hotspot": "awsui_hotspot_1hpp3_z21ah_175",
+  "icon": "awsui_icon_1hpp3_z21ah_213"
 };
   

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

@@ -90,11 +90,11 @@ 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_arrow_1hpp3_e791m_93:not(#\9) {
+.awsui_arrow_1hpp3_z21ah_93:not(#\9) {
   width: 20px;
   height: 10px;
 }
-.awsui_arrow-outer_1hpp3_e791m_97:not(#\9), .awsui_arrow-inner_1hpp3_e791m_97:not(#\9) {
+.awsui_arrow-outer_1hpp3_z21ah_97:not(#\9), .awsui_arrow-inner_1hpp3_z21ah_97:not(#\9) {
   position: absolute;
   overflow: hidden;
   width: 20px;
@@ -102,7 +102,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   top: 0;
   left: 0;
 }
-.awsui_arrow-outer_1hpp3_e791m_97:not(#\9)::after, .awsui_arrow-inner_1hpp3_e791m_97:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_z21ah_97:not(#\9)::after, .awsui_arrow-inner_1hpp3_z21ah_97:not(#\9)::after {
   content: "";
   box-sizing: border-box;
   display: inline-block;
@@ -115,31 +115,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transform: rotate(45deg);
   transform-origin: 0 100%;
 }
-.awsui_arrow-outer_1hpp3_e791m_97:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_z21ah_97:not(#\9)::after {
   background-color: #0073bb;
   background-color: var(--color-border-status-info-0iedcr, #0073bb);
 }
-.awsui_arrow-inner_1hpp3_e791m_97:not(#\9) {
+.awsui_arrow-inner_1hpp3_z21ah_97:not(#\9) {
   top: 2px;
 }
-.awsui_arrow-inner_1hpp3_e791m_97:not(#\9)::after {
+.awsui_arrow-inner_1hpp3_z21ah_97:not(#\9)::after {
   border-radius: 1px 0 0 0;
   background-color: #f1faff;
   background-color: var(--color-background-status-info-yq3r41, #f1faff);
 }
-.awsui_arrow-position-right-top_1hpp3_e791m_128 > .awsui_arrow-outer_1hpp3_e791m_97:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_e791m_128 > .awsui_arrow-outer_1hpp3_e791m_97:not(#\9)::after {
+.awsui_arrow-position-right-top_1hpp3_z21ah_128 > .awsui_arrow-outer_1hpp3_z21ah_97:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_z21ah_128 > .awsui_arrow-outer_1hpp3_z21ah_97:not(#\9)::after {
   box-shadow: -0.71px 0.71px 4px -2px rgba(0, 28, 36, 0.5);
   box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-94w2kz, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-left-top_1hpp3_e791m_131 > .awsui_arrow-outer_1hpp3_e791m_97:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_e791m_131 > .awsui_arrow-outer_1hpp3_e791m_97:not(#\9)::after {
+.awsui_arrow-position-left-top_1hpp3_z21ah_131 > .awsui_arrow-outer_1hpp3_z21ah_97:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_z21ah_131 > .awsui_arrow-outer_1hpp3_z21ah_97:not(#\9)::after {
   box-shadow: 0.71px -0.71px 4px -2px rgba(0, 28, 36, 0.5);
   box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-94w2kz, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-top-center_1hpp3_e791m_134 > .awsui_arrow-outer_1hpp3_e791m_97:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_e791m_134 > .awsui_arrow-outer_1hpp3_e791m_97:not(#\9)::after {
+.awsui_arrow-position-top-center_1hpp3_z21ah_134 > .awsui_arrow-outer_1hpp3_z21ah_97:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_z21ah_134 > .awsui_arrow-outer_1hpp3_z21ah_97:not(#\9)::after {
   box-shadow: -0.71px -0.71px 4px -2px rgba(0, 28, 36, 0.5);
   box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-94w2kz, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-bottom-center_1hpp3_e791m_137 > .awsui_arrow-outer_1hpp3_e791m_97:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_e791m_137 > .awsui_arrow-outer_1hpp3_e791m_97:not(#\9)::after {
+.awsui_arrow-position-bottom-center_1hpp3_z21ah_137 > .awsui_arrow-outer_1hpp3_z21ah_97:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_z21ah_137 > .awsui_arrow-outer_1hpp3_z21ah_97:not(#\9)::after {
   box-shadow: 0.71px 0.71px 4px -2px rgba(0, 28, 36, 0.5);
   box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-94w2kz, rgba(0, 28, 36, 0.5));
 }
@@ -148,39 +148,39 @@ 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_annotation_1hpp3_e791m_145:not(#\9),
-.awsui_next-button_1hpp3_e791m_146:not(#\9),
-.awsui_previous-button_1hpp3_e791m_147:not(#\9),
-.awsui_finish-button_1hpp3_e791m_148:not(#\9),
-.awsui_header_1hpp3_e791m_149:not(#\9),
-.awsui_step-counter-content_1hpp3_e791m_150:not(#\9),
-.awsui_content_1hpp3_e791m_151:not(#\9) {
+.awsui_annotation_1hpp3_z21ah_145:not(#\9),
+.awsui_next-button_1hpp3_z21ah_146:not(#\9),
+.awsui_previous-button_1hpp3_z21ah_147:not(#\9),
+.awsui_finish-button_1hpp3_z21ah_148:not(#\9),
+.awsui_header_1hpp3_z21ah_149:not(#\9),
+.awsui_step-counter-content_1hpp3_z21ah_150:not(#\9),
+.awsui_content_1hpp3_z21ah_151:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_description_1hpp3_e791m_155:not(#\9) {
+.awsui_description_1hpp3_z21ah_155:not(#\9) {
   overflow: hidden;
   margin-top: 4px;
   margin-top: var(--space-xxs-ynfts5, 4px);
 }
 
-.awsui_actionBar_1hpp3_e791m_160:not(#\9) {
+.awsui_actionBar_1hpp3_z21ah_160:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
 }
 
-.awsui_stepCounter_1hpp3_e791m_167:not(#\9) {
+.awsui_stepCounter_1hpp3_z21ah_167:not(#\9) {
   margin-right: 20px;
 }
 
-.awsui_divider_1hpp3_e791m_171:not(#\9) {
+.awsui_divider_1hpp3_z21ah_171:not(#\9) {
   border-bottom: 1px solid #eaeded;
   border-bottom: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
 }
 
-.awsui_hotspot_1hpp3_e791m_175:not(#\9) {
+.awsui_hotspot_1hpp3_z21ah_175:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -228,17 +228,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: 16px;
   height: 16px;
 }
-.awsui_hotspot_1hpp3_e791m_175:not(#\9):focus {
+.awsui_hotspot_1hpp3_z21ah_175:not(#\9):focus {
   outline: none;
 }
-.awsui_hotspot_1hpp3_e791m_175[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_hotspot_1hpp3_z21ah_175[data-awsui-focus-visible=true]:not(#\9):focus {
   position: relative;
 }
-.awsui_hotspot_1hpp3_e791m_175[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_hotspot_1hpp3_z21ah_175[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-.awsui_hotspot_1hpp3_e791m_175[data-awsui-focus-visible=true]:not(#\9):focus::before {
+.awsui_hotspot_1hpp3_z21ah_175[data-awsui-focus-visible=true]:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -247,20 +247,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: calc(100% + 2 * 2px);
   height: calc(100% + 2 * 2px);
   border-radius: 50%;
-  border-radius: var(--border-radius-control-focus-ring-circle-6kq4qo, 50%);
+  border-radius: var(--border-radius-control-circular-focus-ring-l88ib6, 50%);
   box-shadow: 0 0 0 2px #0073bb;
   box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_hotspot_1hpp3_e791m_175 > .awsui_icon_1hpp3_e791m_213:not(#\9) {
+.awsui_hotspot_1hpp3_z21ah_175 > .awsui_icon_1hpp3_z21ah_213:not(#\9) {
   position: relative;
   stroke: #0073bb;
   stroke: var(--color-text-link-default-753y4e, #0073bb);
 }
-.awsui_hotspot_1hpp3_e791m_175:not(#\9):hover > .awsui_icon_1hpp3_e791m_213 {
+.awsui_hotspot_1hpp3_z21ah_175:not(#\9):hover > .awsui_icon_1hpp3_z21ah_213 {
   stroke: #0073bb;
   stroke: var(--color-text-link-hover-ok01xk, #0073bb);
 }
-.awsui_hotspot_1hpp3_e791m_175:not(#\9):active > .awsui_icon_1hpp3_e791m_213 {
+.awsui_hotspot_1hpp3_z21ah_175:not(#\9):active > .awsui_icon_1hpp3_z21ah_213 {
   stroke: #0073bb;
   stroke: var(--color-text-link-default-753y4e, #0073bb);
 }

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

@@ -2,29 +2,29 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "arrow": "awsui_arrow_1hpp3_e791m_93",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_e791m_97",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_e791m_97",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_e791m_128",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_e791m_128",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_e791m_131",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_e791m_131",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_e791m_134",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_e791m_134",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_e791m_137",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_e791m_137",
-  "annotation": "awsui_annotation_1hpp3_e791m_145",
-  "next-button": "awsui_next-button_1hpp3_e791m_146",
-  "previous-button": "awsui_previous-button_1hpp3_e791m_147",
-  "finish-button": "awsui_finish-button_1hpp3_e791m_148",
-  "header": "awsui_header_1hpp3_e791m_149",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_e791m_150",
-  "content": "awsui_content_1hpp3_e791m_151",
-  "description": "awsui_description_1hpp3_e791m_155",
-  "actionBar": "awsui_actionBar_1hpp3_e791m_160",
-  "stepCounter": "awsui_stepCounter_1hpp3_e791m_167",
-  "divider": "awsui_divider_1hpp3_e791m_171",
-  "hotspot": "awsui_hotspot_1hpp3_e791m_175",
-  "icon": "awsui_icon_1hpp3_e791m_213"
+  "arrow": "awsui_arrow_1hpp3_z21ah_93",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_z21ah_97",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_z21ah_97",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_z21ah_128",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_z21ah_128",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_z21ah_131",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_z21ah_131",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_z21ah_134",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_z21ah_134",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_z21ah_137",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_z21ah_137",
+  "annotation": "awsui_annotation_1hpp3_z21ah_145",
+  "next-button": "awsui_next-button_1hpp3_z21ah_146",
+  "previous-button": "awsui_previous-button_1hpp3_z21ah_147",
+  "finish-button": "awsui_finish-button_1hpp3_z21ah_148",
+  "header": "awsui_header_1hpp3_z21ah_149",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_z21ah_150",
+  "content": "awsui_content_1hpp3_z21ah_151",
+  "description": "awsui_description_1hpp3_z21ah_155",
+  "actionBar": "awsui_actionBar_1hpp3_z21ah_160",
+  "stepCounter": "awsui_stepCounter_1hpp3_z21ah_167",
+  "divider": "awsui_divider_1hpp3_z21ah_171",
+  "hotspot": "awsui_hotspot_1hpp3_z21ah_175",
+  "icon": "awsui_icon_1hpp3_z21ah_213"
 };
   

package/lib/internal/template/app-layout/toggles/styles.css.js

@@ -1,8 +1,8 @@
 
     import './styles.scoped.css';
     export default {
-  "close-button": "awsui_close-button_16w0h_lmuuc_93",
-  "circular-toggle": "awsui_circular-toggle_16w0h_lmuuc_101",
-  "circular-toggle-selected": "awsui_circular-toggle-selected_16w0h_lmuuc_139"
+  "close-button": "awsui_close-button_16w0h_ov4l8_93",
+  "circular-toggle": "awsui_circular-toggle_16w0h_ov4l8_101",
+  "circular-toggle-selected": "awsui_circular-toggle-selected_16w0h_ov4l8_139"
 };
   

package/lib/internal/template/app-layout/toggles/styles.scoped.css

@@ -90,7 +90,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_close-button_16w0h_lmuuc_93:not(#\9) {
+.awsui_close-button_16w0h_ov4l8_93:not(#\9) {
   position: absolute;
   outline: none;
   right: 16px;
@@ -100,7 +100,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 1;
 }
 
-.awsui_circular-toggle_16w0h_lmuuc_101:not(#\9) {
+.awsui_circular-toggle_16w0h_ov4l8_101:not(#\9) {
   cursor: pointer;
   border-radius: 50%;
   border: none;
@@ -117,17 +117,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-shadow: 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15);
   box-shadow: var(--shadow-panel-toggle-ufvynr, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
 }
-.awsui_circular-toggle_16w0h_lmuuc_101:not(#\9):focus {
+.awsui_circular-toggle_16w0h_ov4l8_101:not(#\9):focus {
   outline: none;
 }
-.awsui_circular-toggle_16w0h_lmuuc_101[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_circular-toggle_16w0h_ov4l8_101[data-awsui-focus-visible=true]:not(#\9):focus {
   position: relative;
 }
-.awsui_circular-toggle_16w0h_lmuuc_101[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_circular-toggle_16w0h_ov4l8_101[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(3px - 1px);
 }
-.awsui_circular-toggle_16w0h_lmuuc_101[data-awsui-focus-visible=true]:not(#\9):focus::before {
+.awsui_circular-toggle_16w0h_ov4l8_101[data-awsui-focus-visible=true]:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -136,29 +136,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: calc(100% + 2 * 3px);
   height: calc(100% + 2 * 3px);
   border-radius: 2px;
-  border-radius: var(--border-radius-control-focus-ring-default-o8r56c, 2px);
+  border-radius: var(--border-radius-control-default-focus-ring-hekmgc, 2px);
   box-shadow: 0 0 0 2px #0073bb;
   box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_circular-toggle_16w0h_lmuuc_101:not(#\9):hover {
+.awsui_circular-toggle_16w0h_ov4l8_101:not(#\9):hover {
   background: #545b64;
   background: var(--color-background-layout-toggle-hover-5rvtea, #545b64);
 }
-.awsui_circular-toggle_16w0h_lmuuc_101:not(#\9):active {
+.awsui_circular-toggle_16w0h_ov4l8_101:not(#\9):active {
   background: #2a2e33;
   background: var(--color-background-layout-toggle-active-d3zrnd, #2a2e33);
 }
-.awsui_circular-toggle-selected_16w0h_lmuuc_139:not(#\9) {
+.awsui_circular-toggle-selected_16w0h_ov4l8_139:not(#\9) {
   background: #0073bb;
   background: var(--color-background-layout-toggle-selected-default-eduv1i, #0073bb);
   color: #ffffff;
   color: var(--color-text-layout-toggle-selected-jquwag, #ffffff);
 }
-.awsui_circular-toggle-selected_16w0h_lmuuc_139:not(#\9):hover {
+.awsui_circular-toggle-selected_16w0h_ov4l8_139:not(#\9):hover {
   background: #0a4a74;
   background: var(--color-background-layout-toggle-selected-hover-vtsm2f, #0a4a74);
 }
-.awsui_circular-toggle-selected_16w0h_lmuuc_139:not(#\9):active {
+.awsui_circular-toggle-selected_16w0h_ov4l8_139:not(#\9):active {
   background: #0073bb;
   background: var(--color-background-layout-toggle-selected-active-3ftljk, #0073bb);
 }

package/lib/internal/template/app-layout/toggles/styles.selectors.js

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "close-button": "awsui_close-button_16w0h_lmuuc_93",
-  "circular-toggle": "awsui_circular-toggle_16w0h_lmuuc_101",
-  "circular-toggle-selected": "awsui_circular-toggle-selected_16w0h_lmuuc_139"
+  "close-button": "awsui_close-button_16w0h_ov4l8_93",
+  "circular-toggle": "awsui_circular-toggle_16w0h_ov4l8_101",
+  "circular-toggle-selected": "awsui_circular-toggle-selected_16w0h_ov4l8_139"
 };