@cloudscape-design/components-themeable 3.0.20 → 3.0.23

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/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"
 };
   

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

@@ -1,64 +1,64 @@
 
     import './styles.scoped.css';
     export default {
-  "appbar": "awsui_appbar_hyvsj_18lay_93",
-  "appbar-nav": "awsui_appbar-nav_hyvsj_18lay_117",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_18lay_121",
-  "appbar-tools": "awsui_appbar-tools_hyvsj_18lay_125",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_18lay_160",
-  "has-notifications-content": "awsui_has-notifications-content_hyvsj_18lay_167",
-  "has-header": "awsui_has-header_hyvsj_18lay_173",
-  "has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_18lay_173",
-  "content-type-wizard": "awsui_content-type-wizard_hyvsj_18lay_174",
-  "content-type-cards": "awsui_content-type-cards_hyvsj_18lay_177",
-  "content-type-table": "awsui_content-type-table_hyvsj_18lay_178",
-  "background": "awsui_background_hyvsj_18lay_213",
-  "notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_18lay_216",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_18lay_228",
-  "overlap": "awsui_overlap_hyvsj_18lay_234",
-  "content": "awsui_content_hyvsj_18lay_174",
-  "layout": "awsui_layout_hyvsj_18lay_322",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_18lay_404",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_18lay_431",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_18lay_434",
-  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_18lay_438",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_18lay_452",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_18lay_452",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_18lay_464",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_18lay_467",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_18lay_482",
-  "container": "awsui_container_hyvsj_18lay_490",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_18lay_507",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_18lay_512",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_18lay_515",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_18lay_515",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_18lay_515",
-  "content-type-default": "awsui_content-type-default_hyvsj_18lay_535",
-  "content-type-form": "awsui_content-type-form_hyvsj_18lay_535",
-  "unfocusable": "awsui_unfocusable_hyvsj_18lay_576",
-  "navigation-container": "awsui_navigation-container_hyvsj_18lay_584",
-  "show-navigation": "awsui_show-navigation_hyvsj_18lay_608",
-  "animating": "awsui_animating_hyvsj_18lay_630",
-  "showButtons": "awsui_showButtons_hyvsj_18lay_1",
-  "navigation": "awsui_navigation_hyvsj_18lay_584",
-  "openNavigation": "awsui_openNavigation_hyvsj_18lay_1",
-  "animated-content": "awsui_animated-content_hyvsj_18lay_690",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_18lay_699",
-  "notifications": "awsui_notifications_hyvsj_18lay_216",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_18lay_766",
-  "position-bottom": "awsui_position-bottom_hyvsj_18lay_801",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_18lay_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_18lay_830",
-  "position-side": "awsui_position-side_hyvsj_18lay_857",
-  "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_18lay_1",
-  "tools-container": "awsui_tools-container_hyvsj_18lay_894",
-  "tools": "awsui_tools_hyvsj_18lay_894",
-  "openTools": "awsui_openTools_hyvsj_18lay_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_18lay_977",
-  "hide-tools": "awsui_hide-tools_hyvsj_18lay_987",
-  "show-tools": "awsui_show-tools_hyvsj_18lay_999",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_18lay_977",
-  "trigger": "awsui_trigger_hyvsj_18lay_1056",
-  "selected": "awsui_selected_hyvsj_18lay_1094"
+  "appbar": "awsui_appbar_hyvsj_homer_93",
+  "appbar-nav": "awsui_appbar-nav_hyvsj_homer_117",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_homer_121",
+  "appbar-tools": "awsui_appbar-tools_hyvsj_homer_125",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_homer_160",
+  "has-notifications-content": "awsui_has-notifications-content_hyvsj_homer_167",
+  "has-header": "awsui_has-header_hyvsj_homer_173",
+  "has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_homer_173",
+  "content-type-wizard": "awsui_content-type-wizard_hyvsj_homer_174",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_homer_177",
+  "content-type-table": "awsui_content-type-table_hyvsj_homer_178",
+  "background": "awsui_background_hyvsj_homer_213",
+  "notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_homer_216",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_homer_228",
+  "overlap": "awsui_overlap_hyvsj_homer_234",
+  "content": "awsui_content_hyvsj_homer_174",
+  "layout": "awsui_layout_hyvsj_homer_322",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_homer_404",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_homer_431",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_homer_434",
+  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_homer_438",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_homer_452",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_homer_452",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_homer_464",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_homer_467",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_homer_482",
+  "container": "awsui_container_hyvsj_homer_490",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_homer_507",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_homer_512",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_homer_515",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_homer_515",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_homer_515",
+  "content-type-default": "awsui_content-type-default_hyvsj_homer_535",
+  "content-type-form": "awsui_content-type-form_hyvsj_homer_535",
+  "unfocusable": "awsui_unfocusable_hyvsj_homer_576",
+  "navigation-container": "awsui_navigation-container_hyvsj_homer_584",
+  "show-navigation": "awsui_show-navigation_hyvsj_homer_608",
+  "animating": "awsui_animating_hyvsj_homer_630",
+  "showButtons": "awsui_showButtons_hyvsj_homer_1",
+  "navigation": "awsui_navigation_hyvsj_homer_584",
+  "openNavigation": "awsui_openNavigation_hyvsj_homer_1",
+  "animated-content": "awsui_animated-content_hyvsj_homer_690",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_homer_699",
+  "notifications": "awsui_notifications_hyvsj_homer_216",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_homer_766",
+  "position-bottom": "awsui_position-bottom_hyvsj_homer_801",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_homer_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_homer_830",
+  "position-side": "awsui_position-side_hyvsj_homer_857",
+  "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_homer_1",
+  "tools-container": "awsui_tools-container_hyvsj_homer_894",
+  "tools": "awsui_tools_hyvsj_homer_894",
+  "openTools": "awsui_openTools_hyvsj_homer_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_homer_977",
+  "hide-tools": "awsui_hide-tools_hyvsj_homer_987",
+  "show-tools": "awsui_show-tools_hyvsj_homer_999",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_homer_977",
+  "trigger": "awsui_trigger_hyvsj_homer_1056",
+  "selected": "awsui_selected_hyvsj_homer_1094"
 };