@cloudscape-design/components-themeable 3.0.707 → 3.0.709

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

@@ -1,11 +1,11 @@
 
     import './styles.scoped.css';
     export default {
-  "drawer": "awsui_drawer_12i0j_1rcxt_101",
-  "drawer-content-container": "awsui_drawer-content-container_12i0j_1rcxt_114",
-  "drawer-close-button": "awsui_drawer-close-button_12i0j_1rcxt_122",
-  "drawer-content": "awsui_drawer-content_12i0j_1rcxt_114",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_1rcxt_131",
-  "drawer-slider": "awsui_drawer-slider_12i0j_1rcxt_134"
+  "drawer": "awsui_drawer_12i0j_17dwb_101",
+  "drawer-content-container": "awsui_drawer-content-container_12i0j_17dwb_114",
+  "drawer-close-button": "awsui_drawer-close-button_12i0j_17dwb_122",
+  "drawer-content": "awsui_drawer-content_12i0j_17dwb_114",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_17dwb_131",
+  "drawer-slider": "awsui_drawer-slider_12i0j_17dwb_134"
 };
   

package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css

@@ -98,7 +98,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_drawer_12i0j_1rcxt_101:not(#\9) {
+.awsui_drawer_12i0j_17dwb_101:not(#\9) {
   position: sticky;
   z-index: 830;
   background-color: var(--color-background-container-content-il2pe5, #ffffff);
@@ -111,27 +111,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: auto;
   word-wrap: break-word;
 }
-.awsui_drawer_12i0j_1rcxt_101 > .awsui_drawer-content-container_12i0j_1rcxt_114:not(#\9) {
+.awsui_drawer_12i0j_17dwb_101 > .awsui_drawer-content-container_12i0j_17dwb_114:not(#\9) {
   grid-column: 1/span 2;
   grid-row: 1;
   display: grid;
   grid-template-columns: var(--space-m-kpg8id, 16px) 1fr auto var(--space-m-kpg8id, 16px);
-  grid-template-rows: var(--size-vertical-panel-icon-offset-04nxf8, 15px) auto 1fr;
+  grid-template-rows: 10px auto 1fr;
   overflow-y: auto;
 }
-.awsui_drawer_12i0j_1rcxt_101 > .awsui_drawer-content-container_12i0j_1rcxt_114 > .awsui_drawer-close-button_12i0j_1rcxt_122:not(#\9) {
+.awsui_drawer_12i0j_17dwb_101 > .awsui_drawer-content-container_12i0j_17dwb_114 > .awsui_drawer-close-button_12i0j_17dwb_122:not(#\9) {
   grid-column: 3;
   grid-row: 2;
   z-index: 1;
 }
-.awsui_drawer_12i0j_1rcxt_101 > .awsui_drawer-content-container_12i0j_1rcxt_114 > .awsui_drawer-content_12i0j_1rcxt_114:not(#\9) {
+.awsui_drawer_12i0j_17dwb_101 > .awsui_drawer-content-container_12i0j_17dwb_114 > .awsui_drawer-content_12i0j_17dwb_114:not(#\9) {
   grid-column: 1/span 4;
   grid-row: 1/span 2;
 }
-.awsui_drawer_12i0j_1rcxt_101 > .awsui_drawer-content-container_12i0j_1rcxt_114 > .awsui_drawer-content_12i0j_1rcxt_114.awsui_drawer-content-hidden_12i0j_1rcxt_131:not(#\9) {
+.awsui_drawer_12i0j_17dwb_101 > .awsui_drawer-content-container_12i0j_17dwb_114 > .awsui_drawer-content_12i0j_17dwb_114.awsui_drawer-content-hidden_12i0j_17dwb_131:not(#\9) {
   display: none;
 }
-.awsui_drawer_12i0j_1rcxt_101 > .awsui_drawer-slider_12i0j_1rcxt_134:not(#\9) {
+.awsui_drawer_12i0j_17dwb_101 > .awsui_drawer-slider_12i0j_17dwb_134:not(#\9) {
   grid-column: 1;
   grid-row: 1;
   block-size: 100%;

package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js

@@ -2,11 +2,11 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "drawer": "awsui_drawer_12i0j_1rcxt_101",
-  "drawer-content-container": "awsui_drawer-content-container_12i0j_1rcxt_114",
-  "drawer-close-button": "awsui_drawer-close-button_12i0j_1rcxt_122",
-  "drawer-content": "awsui_drawer-content_12i0j_1rcxt_114",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_1rcxt_131",
-  "drawer-slider": "awsui_drawer-slider_12i0j_1rcxt_134"
+  "drawer": "awsui_drawer_12i0j_17dwb_101",
+  "drawer-content-container": "awsui_drawer-content-container_12i0j_17dwb_114",
+  "drawer-close-button": "awsui_drawer-close-button_12i0j_17dwb_122",
+  "drawer-content": "awsui_drawer-content_12i0j_17dwb_114",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_17dwb_131",
+  "drawer-slider": "awsui_drawer-slider_12i0j_17dwb_134"
 };
   

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

@@ -1,11 +1,11 @@
 
     import './styles.scoped.css';
     export default {
-  "navigation": "awsui_navigation_2p2ab_amekz_97",
-  "is-navigation-open": "awsui_is-navigation-open_2p2ab_amekz_125",
-  "animating": "awsui_animating_2p2ab_amekz_129",
-  "openNavigation": "awsui_openNavigation_2p2ab_amekz_1",
-  "animated-content": "awsui_animated-content_2p2ab_amekz_142",
-  "hide-navigation": "awsui_hide-navigation_2p2ab_amekz_151"
+  "navigation": "awsui_navigation_2p2ab_1ou1b_101",
+  "is-navigation-open": "awsui_is-navigation-open_2p2ab_1ou1b_129",
+  "animating": "awsui_animating_2p2ab_1ou1b_133",
+  "openNavigation": "awsui_openNavigation_2p2ab_1ou1b_1",
+  "animated-content": "awsui_animated-content_2p2ab_1ou1b_146",
+  "hide-navigation": "awsui_hide-navigation_2p2ab_1ou1b_155"
 };
   

package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css

@@ -94,7 +94,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_navigation_2p2ab_amekz_97:not(#\9) {
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_navigation_2p2ab_1ou1b_101:not(#\9) {
   position: sticky;
   background-color: var(--color-background-container-content-il2pe5, #ffffff);
   inset-block-end: 0;
@@ -112,7 +116,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   prevent unwanted text wrapping.
   */
 }
-@keyframes awsui_openNavigation_2p2ab_amekz_1 {
+@keyframes awsui_openNavigation_2p2ab_1ou1b_1 {
   from {
     opacity: 0;
     inline-size: calc(var(--space-layout-toggle-padding-k1jpy8, 12px) * 2 + var(--space-layout-toggle-diameter-ugv12v, 36px));
@@ -122,34 +126,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     inline-size: var(--awsui-navigation-width-g964ok);
   }
 }
-.awsui_navigation_2p2ab_amekz_97:not(#\9):not(.awsui_is-navigation-open_2p2ab_amekz_125) {
+.awsui_navigation_2p2ab_1ou1b_101:not(#\9):not(.awsui_is-navigation-open_2p2ab_1ou1b_129) {
   inline-size: 0;
   display: none;
 }
-.awsui_navigation_2p2ab_amekz_97.awsui_is-navigation-open_2p2ab_amekz_125.awsui_animating_2p2ab_amekz_129:not(#\9) {
-  animation: awsui_openNavigation_2p2ab_amekz_1 var(--motion-duration-refresh-only-fast-y7h37k, 115ms);
+.awsui_navigation_2p2ab_1ou1b_101.awsui_is-navigation-open_2p2ab_1ou1b_129.awsui_animating_2p2ab_1ou1b_133:not(#\9) {
+  animation: awsui_openNavigation_2p2ab_1ou1b_1 var(--motion-duration-refresh-only-fast-y7h37k, 115ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_navigation_2p2ab_amekz_97.awsui_is-navigation-open_2p2ab_amekz_125.awsui_animating_2p2ab_amekz_129:not(#\9) {
+  .awsui_navigation_2p2ab_1ou1b_101.awsui_is-navigation-open_2p2ab_1ou1b_129.awsui_animating_2p2ab_1ou1b_133:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_navigation_2p2ab_amekz_97.awsui_is-navigation-open_2p2ab_amekz_125.awsui_animating_2p2ab_amekz_129:not(#\9), .awsui-mode-entering .awsui_navigation_2p2ab_amekz_97.awsui_is-navigation-open_2p2ab_amekz_125.awsui_animating_2p2ab_amekz_129:not(#\9) {
+.awsui-motion-disabled .awsui_navigation_2p2ab_1ou1b_101.awsui_is-navigation-open_2p2ab_1ou1b_129.awsui_animating_2p2ab_1ou1b_133:not(#\9), .awsui-mode-entering .awsui_navigation_2p2ab_1ou1b_101.awsui_is-navigation-open_2p2ab_1ou1b_129.awsui_animating_2p2ab_1ou1b_133:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_navigation_2p2ab_amekz_97 > .awsui_animated-content_2p2ab_amekz_142:not(#\9) {
+.awsui_navigation_2p2ab_1ou1b_101 > .awsui_animated-content_2p2ab_1ou1b_146:not(#\9) {
   inline-size: var(--awsui-navigation-width-g964ok);
 }
 @media (max-width: 688px) {
-  .awsui_navigation_2p2ab_amekz_97:not(#\9) {
+  .awsui_navigation_2p2ab_1ou1b_101:not(#\9) {
     --awsui-navigation-width-g964ok: 100vw;
   }
 }
 
-.awsui_hide-navigation_2p2ab_amekz_151:not(#\9) {
+.awsui_hide-navigation_2p2ab_1ou1b_155:not(#\9) {
   position: absolute;
   inset-inline-end: var(--space-m-kpg8id, 16px);
-  inset-block-start: var(--size-vertical-panel-icon-offset-04nxf8, 15px);
+  inset-block-start: 10px;
 }

package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js

@@ -2,11 +2,11 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "navigation": "awsui_navigation_2p2ab_amekz_97",
-  "is-navigation-open": "awsui_is-navigation-open_2p2ab_amekz_125",
-  "animating": "awsui_animating_2p2ab_amekz_129",
-  "openNavigation": "awsui_openNavigation_2p2ab_amekz_1",
-  "animated-content": "awsui_animated-content_2p2ab_amekz_142",
-  "hide-navigation": "awsui_hide-navigation_2p2ab_amekz_151"
+  "navigation": "awsui_navigation_2p2ab_1ou1b_101",
+  "is-navigation-open": "awsui_is-navigation-open_2p2ab_1ou1b_129",
+  "animating": "awsui_animating_2p2ab_1ou1b_133",
+  "openNavigation": "awsui_openNavigation_2p2ab_1ou1b_1",
+  "animated-content": "awsui_animated-content_2p2ab_1ou1b_146",
+  "hide-navigation": "awsui_hide-navigation_2p2ab_1ou1b_155"
 };
   

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

@@ -1,21 +1,21 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_7nfqu_1subn_101",
-  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_1subn_150",
-  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_1subn_165",
-  "navigation": "awsui_navigation_7nfqu_1subn_180",
-  "tools": "awsui_tools_7nfqu_1subn_181",
-  "split-panel-side": "awsui_split-panel-side_7nfqu_1subn_205",
-  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_1subn_211",
-  "panel-hidden": "awsui_panel-hidden_7nfqu_1subn_224",
-  "toolbar-container": "awsui_toolbar-container_7nfqu_1subn_228",
-  "notifications-container": "awsui_notifications-container_7nfqu_1subn_234",
-  "main-landmark": "awsui_main-landmark_7nfqu_1subn_241",
-  "main": "awsui_main_7nfqu_1subn_241",
-  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_1subn_250",
-  "content-header": "awsui_content-header_7nfqu_1subn_260",
-  "content": "awsui_content_7nfqu_1subn_260",
-  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_1subn_269"
+  "root": "awsui_root_7nfqu_18aiq_101",
+  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_18aiq_150",
+  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_18aiq_165",
+  "navigation": "awsui_navigation_7nfqu_18aiq_180",
+  "tools": "awsui_tools_7nfqu_18aiq_181",
+  "split-panel-side": "awsui_split-panel-side_7nfqu_18aiq_205",
+  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_18aiq_211",
+  "panel-hidden": "awsui_panel-hidden_7nfqu_18aiq_224",
+  "toolbar-container": "awsui_toolbar-container_7nfqu_18aiq_228",
+  "notifications-container": "awsui_notifications-container_7nfqu_18aiq_234",
+  "main-landmark": "awsui_main-landmark_7nfqu_18aiq_241",
+  "main": "awsui_main_7nfqu_18aiq_241",
+  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_18aiq_250",
+  "content-header": "awsui_content-header_7nfqu_18aiq_260",
+  "content": "awsui_content_7nfqu_18aiq_260",
+  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_18aiq_269"
 };
   

package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css

@@ -98,7 +98,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_7nfqu_1subn_101:not(#\9) {
+.awsui_root_7nfqu_18aiq_101:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -136,50 +136,50 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background-color: var(--color-background-layout-main-td853a, #f2f3f3);
   --awsui-max-content-width-g964ok: 100%;
   display: grid;
-  grid-template-areas: "topBar    topBar     topBar" ".      notifications ." ".          main      .";
+  grid-template-areas: "toolbar    toolbar     toolbar" ".       notifications  ." ".           main       .";
   grid-template-columns: var(--space-layout-content-horizontal-sin989, 40px) 1fr var(--space-layout-content-horizontal-sin989, 40px);
   grid-template-rows: min-content min-content 1fr;
 }
 @media (min-width: 689px) {
-  .awsui_root_7nfqu_1subn_101:not(#\9) {
+  .awsui_root_7nfqu_18aiq_101:not(#\9) {
     grid-template-areas: "navigation toolbar      toolbar       toolbar   toolbar         tools" "navigation .         notifications    .         sideSplitPanel  tools" "navigation .             main         .         sideSplitPanel  tools";
     grid-template-columns: min-content minmax(var(--space-layout-content-horizontal-sin989, 40px), 1fr) minmax(0, var(--awsui-max-content-width-g964ok)) minmax(var(--space-layout-content-horizontal-sin989, 40px), 1fr) min-content min-content;
     grid-template-rows: min-content min-content 1fr min-content;
   }
 }
 @media (min-width: 689px) and (min-width: 1401px) {
-  .awsui_root_7nfqu_1subn_101.awsui_has-adaptive-widths-default_7nfqu_1subn_150:not(#\9) {
+  .awsui_root_7nfqu_18aiq_101.awsui_has-adaptive-widths-default_7nfqu_18aiq_150:not(#\9) {
     --awsui-max-content-width-g964ok: 1280px;
   }
 }
 @media (min-width: 689px) and (min-width: 1921px) {
-  .awsui_root_7nfqu_1subn_101.awsui_has-adaptive-widths-default_7nfqu_1subn_150:not(#\9) {
+  .awsui_root_7nfqu_18aiq_101.awsui_has-adaptive-widths-default_7nfqu_18aiq_150:not(#\9) {
     --awsui-max-content-width-g964ok: 1440px;
   }
 }
 @media (min-width: 689px) and (min-width: 2541px) {
-  .awsui_root_7nfqu_1subn_101.awsui_has-adaptive-widths-default_7nfqu_1subn_150:not(#\9) {
+  .awsui_root_7nfqu_18aiq_101.awsui_has-adaptive-widths-default_7nfqu_18aiq_150:not(#\9) {
     --awsui-max-content-width-g964ok: 1620px;
   }
 }
 @media (min-width: 689px) and (min-width: 1401px) {
-  .awsui_root_7nfqu_1subn_101.awsui_has-adaptive-widths-dashboard_7nfqu_1subn_165:not(#\9) {
+  .awsui_root_7nfqu_18aiq_101.awsui_has-adaptive-widths-dashboard_7nfqu_18aiq_165:not(#\9) {
     --awsui-max-content-width-g964ok: 1280px;
   }
 }
 @media (min-width: 689px) and (min-width: 1921px) {
-  .awsui_root_7nfqu_1subn_101.awsui_has-adaptive-widths-dashboard_7nfqu_1subn_165:not(#\9) {
+  .awsui_root_7nfqu_18aiq_101.awsui_has-adaptive-widths-dashboard_7nfqu_18aiq_165:not(#\9) {
     --awsui-max-content-width-g964ok: 1620px;
   }
 }
 @media (min-width: 689px) and (min-width: 2541px) {
-  .awsui_root_7nfqu_1subn_101.awsui_has-adaptive-widths-dashboard_7nfqu_1subn_165:not(#\9) {
+  .awsui_root_7nfqu_18aiq_101.awsui_has-adaptive-widths-dashboard_7nfqu_18aiq_165:not(#\9) {
     --awsui-max-content-width-g964ok: 2160px;
   }
 }
 
-.awsui_navigation_7nfqu_1subn_180:not(#\9),
-.awsui_tools_7nfqu_1subn_181:not(#\9) {
+.awsui_navigation_7nfqu_18aiq_180:not(#\9),
+.awsui_tools_7nfqu_18aiq_181:not(#\9) {
   grid-row: 1/-1;
   grid-column: 1/-1;
   background: var(--color-background-container-content-il2pe5, #ffffff);
@@ -187,7 +187,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 
 @media (min-width: 689px) {
-  .awsui_navigation_7nfqu_1subn_180:not(#\9) {
+  .awsui_navigation_7nfqu_18aiq_180:not(#\9) {
     grid-area: navigation;
     inline-size: var(--awsui-navigation-width-g964ok);
     border-inline-end: 1px solid var(--color-border-divider-panel-side-btgups, transparent);
@@ -195,7 +195,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 
 @media (min-width: 689px) {
-  .awsui_tools_7nfqu_1subn_181:not(#\9) {
+  .awsui_tools_7nfqu_18aiq_181:not(#\9) {
     grid-area: tools;
     inline-size: var(--awsui-tools-width-g964ok);
     border-inline-start: 1px solid var(--color-border-divider-panel-side-btgups, transparent);
@@ -203,13 +203,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 
 @media (min-width: 689px) {
-  .awsui_split-panel-side_7nfqu_1subn_205:not(#\9) {
+  .awsui_split-panel-side_7nfqu_18aiq_205:not(#\9) {
     grid-area: sideSplitPanel;
     border-inline-start: 1px solid var(--color-border-divider-panel-side-btgups, transparent);
   }
 }
 
-.awsui_split-panel-bottom_7nfqu_1subn_211:not(#\9) {
+.awsui_split-panel-bottom_7nfqu_18aiq_211:not(#\9) {
   position: sticky;
   z-index: 840;
   align-self: end;
@@ -217,61 +217,61 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   grid-column: 1/-1;
 }
 @media (min-width: 689px) {
-  .awsui_split-panel-bottom_7nfqu_1subn_211:not(#\9) {
+  .awsui_split-panel-bottom_7nfqu_18aiq_211:not(#\9) {
     grid-column: 2/span 3;
   }
 }
 
-.awsui_panel-hidden_7nfqu_1subn_224:not(#\9) {
+.awsui_panel-hidden_7nfqu_18aiq_224:not(#\9) {
   display: none;
 }
 
-.awsui_toolbar-container_7nfqu_1subn_228:not(#\9) {
+.awsui_toolbar-container_7nfqu_18aiq_228:not(#\9) {
   grid-area: toolbar;
   block-size: 48px;
   border-block-end: 1px solid var(--color-border-divider-panel-bottom-sc2k0v, rgba(0, 28, 36, 0.15));
 }
 
-.awsui_notifications-container_7nfqu_1subn_234:not(#\9) {
+.awsui_notifications-container_7nfqu_18aiq_234:not(#\9) {
   grid-area: notifications;
 }
-.awsui_notifications-container_7nfqu_1subn_234:not(#\9):not(:empty) {
+.awsui_notifications-container_7nfqu_18aiq_234:not(#\9):not(:empty) {
   padding-block-start: var(--space-scaled-xs-x91h81, 8px);
 }
 
-.awsui_main-landmark_7nfqu_1subn_241:not(#\9) {
+.awsui_main-landmark_7nfqu_18aiq_241:not(#\9) {
   display: contents;
 }
 
-.awsui_main_7nfqu_1subn_241:not(#\9) {
+.awsui_main_7nfqu_18aiq_241:not(#\9) {
   grid-area: main;
   margin-block-start: var(--space-scaled-s-9q8n2q, 12px);
   margin-block-end: var(--space-layout-content-bottom-ve4osc, 20px);
 }
-.awsui_main-disable-paddings_7nfqu_1subn_250:not(#\9) {
+.awsui_main-disable-paddings_7nfqu_18aiq_250:not(#\9) {
   grid-column: 1/-1;
   margin-block: 0;
 }
 @media (min-width: 689px) {
-  .awsui_main-disable-paddings_7nfqu_1subn_250:not(#\9) {
+  .awsui_main-disable-paddings_7nfqu_18aiq_250:not(#\9) {
     grid-column: 2/span 3;
   }
 }
 
-.awsui_content-header_7nfqu_1subn_260:not(#\9) {
+.awsui_content-header_7nfqu_18aiq_260:not(#\9) {
   margin-block-end: var(--space-content-header-padding-bottom-d3iv03, 16px);
 }
 
-.awsui_content_7nfqu_1subn_260:not(#\9) {
+.awsui_content_7nfqu_18aiq_260:not(#\9) {
   display: contents;
 }
 
 /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
-.awsui_unfocusable-mobile_7nfqu_1subn_269 *:not(#\9) {
+.awsui_unfocusable-mobile_7nfqu_18aiq_269 *:not(#\9) {
   visibility: hidden;
 }
 @media (min-width: 689px) {
-  .awsui_unfocusable-mobile_7nfqu_1subn_269 *:not(#\9) {
+  .awsui_unfocusable-mobile_7nfqu_18aiq_269 *:not(#\9) {
     visibility: visible;
   }
 }

package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js

@@ -2,21 +2,21 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_7nfqu_1subn_101",
-  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_1subn_150",
-  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_1subn_165",
-  "navigation": "awsui_navigation_7nfqu_1subn_180",
-  "tools": "awsui_tools_7nfqu_1subn_181",
-  "split-panel-side": "awsui_split-panel-side_7nfqu_1subn_205",
-  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_1subn_211",
-  "panel-hidden": "awsui_panel-hidden_7nfqu_1subn_224",
-  "toolbar-container": "awsui_toolbar-container_7nfqu_1subn_228",
-  "notifications-container": "awsui_notifications-container_7nfqu_1subn_234",
-  "main-landmark": "awsui_main-landmark_7nfqu_1subn_241",
-  "main": "awsui_main_7nfqu_1subn_241",
-  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_1subn_250",
-  "content-header": "awsui_content-header_7nfqu_1subn_260",
-  "content": "awsui_content_7nfqu_1subn_260",
-  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_1subn_269"
+  "root": "awsui_root_7nfqu_18aiq_101",
+  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_18aiq_150",
+  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_18aiq_165",
+  "navigation": "awsui_navigation_7nfqu_18aiq_180",
+  "tools": "awsui_tools_7nfqu_18aiq_181",
+  "split-panel-side": "awsui_split-panel-side_7nfqu_18aiq_205",
+  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_18aiq_211",
+  "panel-hidden": "awsui_panel-hidden_7nfqu_18aiq_224",
+  "toolbar-container": "awsui_toolbar-container_7nfqu_18aiq_228",
+  "notifications-container": "awsui_notifications-container_7nfqu_18aiq_234",
+  "main-landmark": "awsui_main-landmark_7nfqu_18aiq_241",
+  "main": "awsui_main_7nfqu_18aiq_241",
+  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_18aiq_250",
+  "content-header": "awsui_content-header_7nfqu_18aiq_260",
+  "content": "awsui_content_7nfqu_18aiq_260",
+  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_18aiq_269"
 };
   

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

@@ -1,11 +1,11 @@
 
     import './styles.scoped.css';
     export default {
-  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_lpshu_fhewl_97",
-  "trigger": "awsui_trigger_lpshu_fhewl_97",
-  "selected": "awsui_selected_lpshu_fhewl_192",
-  "badge": "awsui_badge_lpshu_fhewl_220",
-  "trigger-wrapper": "awsui_trigger-wrapper_lpshu_fhewl_224",
-  "dot": "awsui_dot_lpshu_fhewl_232"
+  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_lpshu_lmq7o_97",
+  "trigger": "awsui_trigger_lpshu_lmq7o_97",
+  "selected": "awsui_selected_lpshu_lmq7o_186",
+  "badge": "awsui_badge_lpshu_lmq7o_206",
+  "trigger-wrapper": "awsui_trigger-wrapper_lpshu_lmq7o_210",
+  "dot": "awsui_dot_lpshu_lmq7o_218"
 };
   

package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.scoped.css

@@ -94,17 +94,15 @@ 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_trigger-badge-wrapper_lpshu_fhewl_97:not(#\9) {
+.awsui_trigger-badge-wrapper_lpshu_lmq7o_97:not(#\9) {
   background: transparent;
   color: var(--color-text-interactive-default-dt26aj, #545b64);
-  border-block: var(--border-field-width-yoy972, 1px) solid transparent;
-  border-inline: var(--border-field-width-yoy972, 1px) solid transparent;
   border-start-start-radius: 50%;
   border-start-end-radius: 50%;
   border-end-start-radius: 50%;
   border-end-end-radius: 50%;
-  block-size: var(--space-layout-toggle-diameter-ugv12v, 36px);
-  inline-size: var(--space-layout-toggle-diameter-ugv12v, 36px);
+  block-size: 34px;
+  inline-size: 34px;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -115,21 +113,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
   justify-content: center;
   align-items: center;
-  clip-path: path("M34.2193 10.1845C33.3961 10.579 32.4739 10.8 31.5 10.8C28.0206 10.8 25.2 7.97939 25.2 4.5C25.2 3.52614 25.421 2.6039 25.8155 1.78066C23.4518 0.639587 20.8006 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18C36 15.1994 35.3604 12.5482 34.2193 10.1845Z");
+  clip-path: path("M32.185 9.34876C31.1913 10.1916 29.905 10.7 28.4999 10.7C25.3519 10.7 22.7999 8.14803 22.7999 5C22.7999 3.68192 23.2473 2.46833 23.9985 1.50281C21.8642 0.537421 19.4948 0 17 0C7.61116 0 0 7.61116 0 17C0 26.3888 7.61116 34 17 34C26.3888 34 34 26.3888 34 17C34 14.2479 33.346 11.6485 32.185 9.34876Z");
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_trigger-badge-wrapper_lpshu_fhewl_97:not(#\9):hover {
+.awsui_trigger-badge-wrapper_lpshu_lmq7o_97:not(#\9):hover {
   background: var(--color-background-input-disabled-zfoobi, #eaeded);
   color: var(--color-text-interactive-hover-7who0l, #16191f);
-  border-color: var(--color-background-input-disabled-zfoobi, #eaeded);
 }
-.awsui_trigger-badge-wrapper_lpshu_fhewl_97:not(#\9):active {
+.awsui_trigger-badge-wrapper_lpshu_lmq7o_97:not(#\9):active {
   background: var(--color-background-control-disabled-dsn0t2, #d5dbdb);
   color: var(--color-text-interactive-hover-7who0l, #16191f);
-  border-color: var(--color-background-control-disabled-dsn0t2, #d5dbdb);
 }
-.awsui_trigger-badge-wrapper_lpshu_fhewl_97:not(#\9):dir(rtl) {
-  clip-path: path("M1.78066 10.1845C2.6039 10.579 3.52615 10.8 4.5 10.8C7.97939 10.8 10.8 7.97939 10.8 4.5C10.8 3.52614 10.579 2.6039 10.1845 1.78066C12.5482 0.639587 15.1994 0 18 0C27.9411 0 36 8.05887 36 18C36 27.9411 27.9411 36 18 36C8.05887 36 0 27.9411 0 18C0 15.1994 0.639587 12.5482 1.78066 10.1845Z");
+.awsui_trigger-badge-wrapper_lpshu_lmq7o_97:not(#\9):dir(rtl) {
+  clip-path: path("M1.81502 9.34876C2.80869 10.1916 4.09501 10.7 5.50007 10.7C8.6481 10.7 11.2001 8.14803 11.2001 5C11.2001 3.68192 10.7527 2.46833 10.0015 1.50281C12.1358 0.537421 14.5052 0 17 0C26.3888 0 34 7.61116 34 17C34 26.3888 26.3888 34 17 34C7.61116 34 0 26.3888 0 17C0 14.2479 0.653984 11.6485 1.81502 9.34876Z");
 }
 
 /*
@@ -137,42 +133,40 @@ Warning! If these design tokens for width change it will adversely impact
 the calculation used to determine the Split Panel maximum width in the 
 handleSplitPanelMaxWidth function in the context.
 */
-.awsui_trigger_lpshu_fhewl_97:not(#\9) {
+.awsui_trigger_lpshu_lmq7o_97:not(#\9) {
   background: transparent;
   color: var(--color-text-interactive-default-dt26aj, #545b64);
-  border-block: var(--border-field-width-yoy972, 1px) solid transparent;
-  border-inline: var(--border-field-width-yoy972, 1px) solid transparent;
   border-start-start-radius: 50%;
   border-start-end-radius: 50%;
   border-end-start-radius: 50%;
   border-end-end-radius: 50%;
-  block-size: var(--space-layout-toggle-diameter-ugv12v, 36px);
-  inline-size: var(--space-layout-toggle-diameter-ugv12v, 36px);
+  block-size: 34px;
+  inline-size: 34px;
   display: flex;
   align-items: center;
   justify-content: center;
   box-sizing: border-box;
+  border-block: none;
+  border-inline: none;
   cursor: pointer;
   pointer-events: auto;
 }
-.awsui_trigger_lpshu_fhewl_97:not(#\9):hover {
+.awsui_trigger_lpshu_lmq7o_97:not(#\9):hover {
   background: var(--color-background-input-disabled-zfoobi, #eaeded);
   color: var(--color-text-interactive-hover-7who0l, #16191f);
-  border-color: var(--color-background-input-disabled-zfoobi, #eaeded);
 }
-.awsui_trigger_lpshu_fhewl_97:not(#\9):active {
+.awsui_trigger_lpshu_lmq7o_97:not(#\9):active {
   background: var(--color-background-control-disabled-dsn0t2, #d5dbdb);
   color: var(--color-text-interactive-hover-7who0l, #16191f);
-  border-color: var(--color-background-control-disabled-dsn0t2, #d5dbdb);
 }
-body[data-awsui-focus-visible=true] .awsui_trigger_lpshu_fhewl_97:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_trigger_lpshu_lmq7o_97:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_trigger_lpshu_fhewl_97:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_trigger_lpshu_lmq7o_97:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(3px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_trigger_lpshu_fhewl_97:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_trigger_lpshu_lmq7o_97:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -186,42 +180,34 @@ body[data-awsui-focus-visible=true] .awsui_trigger_lpshu_fhewl_97:not(#\9):focus
   border-end-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_trigger_lpshu_fhewl_97:not(#\9):focus {
+.awsui_trigger_lpshu_lmq7o_97:not(#\9):focus {
   outline: none;
 }
-.awsui_trigger_lpshu_fhewl_97.awsui_selected_lpshu_fhewl_192:not(#\9) {
+.awsui_trigger_lpshu_lmq7o_97.awsui_selected_lpshu_lmq7o_186:not(#\9) {
   background: var(--color-background-layout-toggle-selected-default-rmibh3, #0073bb);
   color: var(--color-text-layout-toggle-selected-55i412, #ffffff);
-  border-block: var(--border-field-width-yoy972, 1px) solid var(--color-background-layout-toggle-selected-default-rmibh3, #0073bb);
-  border-inline: var(--border-field-width-yoy972, 1px) solid var(--color-background-layout-toggle-selected-default-rmibh3, #0073bb);
 }
-.awsui_trigger_lpshu_fhewl_97.awsui_selected_lpshu_fhewl_192:not(#\9):hover {
+.awsui_trigger_lpshu_lmq7o_97.awsui_selected_lpshu_lmq7o_186:not(#\9):hover {
   background: var(--color-background-layout-toggle-selected-hover-3l4zzu, #0a4a74);
-  border-color: var(--color-background-layout-toggle-selected-hover-3l4zzu, #0a4a74);
 }
-.awsui_trigger_lpshu_fhewl_97.awsui_selected_lpshu_fhewl_192:not(#\9):active {
+.awsui_trigger_lpshu_lmq7o_97.awsui_selected_lpshu_lmq7o_186:not(#\9):active {
   background: var(--color-background-layout-toggle-selected-active-gdlg1f, #0073bb);
-  border-color: var(--color-background-layout-toggle-selected-active-gdlg1f, #0073bb);
 }
-.awsui_trigger_lpshu_fhewl_97.awsui_selected_lpshu_fhewl_192 > .awsui_trigger-badge-wrapper_lpshu_fhewl_97:not(#\9) {
+.awsui_trigger_lpshu_lmq7o_97.awsui_selected_lpshu_lmq7o_186 > .awsui_trigger-badge-wrapper_lpshu_lmq7o_97:not(#\9) {
   background: var(--color-background-layout-toggle-selected-default-rmibh3, #0073bb);
   color: var(--color-text-layout-toggle-selected-55i412, #ffffff);
-  border-block: var(--border-field-width-yoy972, 1px) solid var(--color-background-layout-toggle-selected-default-rmibh3, #0073bb);
-  border-inline: var(--border-field-width-yoy972, 1px) solid var(--color-background-layout-toggle-selected-default-rmibh3, #0073bb);
 }
-.awsui_trigger_lpshu_fhewl_97.awsui_selected_lpshu_fhewl_192 > .awsui_trigger-badge-wrapper_lpshu_fhewl_97:not(#\9):hover {
+.awsui_trigger_lpshu_lmq7o_97.awsui_selected_lpshu_lmq7o_186 > .awsui_trigger-badge-wrapper_lpshu_lmq7o_97:not(#\9):hover {
   background: var(--color-background-layout-toggle-selected-hover-3l4zzu, #0a4a74);
-  border-color: var(--color-background-layout-toggle-selected-hover-3l4zzu, #0a4a74);
 }
-.awsui_trigger_lpshu_fhewl_97.awsui_selected_lpshu_fhewl_192 > .awsui_trigger-badge-wrapper_lpshu_fhewl_97:not(#\9):active {
+.awsui_trigger_lpshu_lmq7o_97.awsui_selected_lpshu_lmq7o_186 > .awsui_trigger-badge-wrapper_lpshu_lmq7o_97:not(#\9):active {
   background: var(--color-background-layout-toggle-selected-active-gdlg1f, #0073bb);
-  border-color: var(--color-background-layout-toggle-selected-active-gdlg1f, #0073bb);
 }
-.awsui_trigger_lpshu_fhewl_97.awsui_badge_lpshu_fhewl_220:not(#\9), .awsui_trigger_lpshu_fhewl_97.awsui_badge_lpshu_fhewl_220:not(#\9):hover, .awsui_trigger_lpshu_fhewl_97.awsui_badge_lpshu_fhewl_220:not(#\9):active {
+.awsui_trigger_lpshu_lmq7o_97.awsui_badge_lpshu_lmq7o_206:not(#\9), .awsui_trigger_lpshu_lmq7o_97.awsui_badge_lpshu_lmq7o_206:not(#\9):hover, .awsui_trigger_lpshu_lmq7o_97.awsui_badge_lpshu_lmq7o_206:not(#\9):active {
   background: transparent;
 }
 
-.awsui_trigger-wrapper_lpshu_fhewl_224:not(#\9) {
+.awsui_trigger-wrapper_lpshu_lmq7o_210:not(#\9) {
   position: relative;
   border-start-start-radius: 50%;
   border-start-end-radius: 50%;
@@ -229,10 +215,10 @@ body[data-awsui-focus-visible=true] .awsui_trigger_lpshu_fhewl_97:not(#\9):focus
   border-end-end-radius: 50%;
 }
 
-.awsui_dot_lpshu_fhewl_232:not(#\9) {
+.awsui_dot_lpshu_lmq7o_218:not(#\9) {
   position: absolute;
-  inline-size: 9px;
-  block-size: 9px;
+  inline-size: 8px;
+  block-size: 8px;
   border-start-start-radius: 8px;
   border-start-end-radius: 8px;
   border-end-start-radius: 8px;