@cloudscape-design/components-themeable 3.0.763 → 3.0.764

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

@@ -1,17 +1,17 @@
 
     import './styles.scoped.css';
     export default {
-  "universal-toolbar": "awsui_universal-toolbar_1kzri_1e1hr_141",
-  "disable-body-scroll": "awsui_disable-body-scroll_1kzri_1e1hr_162",
-  "toolbar-hidden": "awsui_toolbar-hidden_1kzri_1e1hr_165",
-  "toolbar-container": "awsui_toolbar-container_1kzri_1e1hr_168",
-  "universal-toolbar-nav": "awsui_universal-toolbar-nav_1kzri_1e1hr_177",
-  "universal-toolbar-breadcrumbs": "awsui_universal-toolbar-breadcrumbs_1kzri_1e1hr_181",
-  "universal-toolbar-drawers": "awsui_universal-toolbar-drawers_1kzri_1e1hr_186",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_1kzri_1e1hr_194",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_1kzri_1e1hr_195",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_1kzri_1e1hr_241",
-  "group-divider": "awsui_group-divider_1kzri_1e1hr_250",
-  "drawers-trigger": "awsui_drawers-trigger_1kzri_1e1hr_241"
+  "universal-toolbar": "awsui_universal-toolbar_1kzri_8ql4g_141",
+  "disable-body-scroll": "awsui_disable-body-scroll_1kzri_8ql4g_162",
+  "toolbar-hidden": "awsui_toolbar-hidden_1kzri_8ql4g_165",
+  "toolbar-container": "awsui_toolbar-container_1kzri_8ql4g_168",
+  "universal-toolbar-nav": "awsui_universal-toolbar-nav_1kzri_8ql4g_177",
+  "universal-toolbar-breadcrumbs": "awsui_universal-toolbar-breadcrumbs_1kzri_8ql4g_181",
+  "universal-toolbar-drawers": "awsui_universal-toolbar-drawers_1kzri_8ql4g_186",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_1kzri_8ql4g_194",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_1kzri_8ql4g_195",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_1kzri_8ql4g_241",
+  "group-divider": "awsui_group-divider_1kzri_8ql4g_250",
+  "drawers-trigger": "awsui_drawers-trigger_1kzri_8ql4g_241"
 };
   

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

@@ -138,7 +138,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among 
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_universal-toolbar_1kzri_1e1hr_141:not(#\9) {
+.awsui_universal-toolbar_1kzri_8ql4g_141:not(#\9) {
   background-color: var(--color-background-layout-panel-content-ml98gw, #ffffff);
   box-sizing: border-box;
   padding-block: 0;
@@ -150,23 +150,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-property: inset-block-start, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_universal-toolbar_1kzri_1e1hr_141:not(#\9) {
+  .awsui_universal-toolbar_1kzri_8ql4g_141:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_universal-toolbar_1kzri_1e1hr_141:not(#\9), .awsui-mode-entering .awsui_universal-toolbar_1kzri_1e1hr_141:not(#\9) {
+.awsui-motion-disabled .awsui_universal-toolbar_1kzri_8ql4g_141:not(#\9), .awsui-mode-entering .awsui_universal-toolbar_1kzri_8ql4g_141:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_universal-toolbar_1kzri_1e1hr_141.awsui_disable-body-scroll_1kzri_1e1hr_162:not(#\9) {
+.awsui_universal-toolbar_1kzri_8ql4g_141.awsui_disable-body-scroll_1kzri_8ql4g_162:not(#\9) {
   inset-block-start: 0px;
 }
-.awsui_universal-toolbar_1kzri_1e1hr_141.awsui_toolbar-hidden_1kzri_1e1hr_165:not(#\9) {
+.awsui_universal-toolbar_1kzri_8ql4g_141.awsui_toolbar-hidden_1kzri_8ql4g_165:not(#\9) {
   opacity: 0;
 }
-.awsui_universal-toolbar_1kzri_1e1hr_141 > .awsui_toolbar-container_1kzri_1e1hr_168:not(#\9) {
-  block-size: 48px;
+.awsui_universal-toolbar_1kzri_8ql4g_141 > .awsui_toolbar-container_1kzri_8ql4g_168:not(#\9) {
+  block-size: 100%;
   align-items: center;
   display: grid;
   column-gap: var(--space-static-xs-fdj8ix, 8px);
@@ -174,16 +174,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   grid-template-columns: min-content minmax(0, 3fr) minmax(auto, 1fr);
   grid-template-rows: 1fr;
 }
-.awsui_universal-toolbar_1kzri_1e1hr_141 > .awsui_toolbar-container_1kzri_1e1hr_168 > .awsui_universal-toolbar-nav_1kzri_1e1hr_177:not(#\9) {
+.awsui_universal-toolbar_1kzri_8ql4g_141 > .awsui_toolbar-container_1kzri_8ql4g_168 > .awsui_universal-toolbar-nav_1kzri_8ql4g_177:not(#\9) {
   grid-column: 1;
   padding-inline-end: var(--space-static-xxs-z6w5bq, 4px);
 }
-.awsui_universal-toolbar_1kzri_1e1hr_141 > .awsui_toolbar-container_1kzri_1e1hr_168 > .awsui_universal-toolbar-breadcrumbs_1kzri_1e1hr_181:not(#\9) {
+.awsui_universal-toolbar_1kzri_8ql4g_141 > .awsui_toolbar-container_1kzri_8ql4g_168 > .awsui_universal-toolbar-breadcrumbs_1kzri_8ql4g_181:not(#\9) {
   grid-column: 2;
   background-color: transparent;
   flex: 1 0;
 }
-.awsui_universal-toolbar_1kzri_1e1hr_141 > .awsui_toolbar-container_1kzri_1e1hr_168 > .awsui_universal-toolbar-drawers_1kzri_1e1hr_186:not(#\9) {
+.awsui_universal-toolbar_1kzri_8ql4g_141 > .awsui_toolbar-container_1kzri_8ql4g_168 > .awsui_universal-toolbar-drawers_1kzri_8ql4g_186:not(#\9) {
   grid-column: 3;
   column-gap: var(--space-static-xs-fdj8ix, 8px);
   display: flex;
@@ -191,8 +191,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   block-size: 100%;
 }
 
-.awsui_drawers-desktop-triggers-container_1kzri_1e1hr_194:not(#\9),
-.awsui_drawers-mobile-triggers-container_1kzri_1e1hr_195:not(#\9) {
+.awsui_drawers-desktop-triggers-container_1kzri_8ql4g_194:not(#\9),
+.awsui_drawers-mobile-triggers-container_1kzri_8ql4g_195:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -239,7 +239,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: 100%;
 }
 
-.awsui_drawers-trigger-content_1kzri_1e1hr_241:not(#\9) {
+.awsui_drawers-trigger-content_1kzri_8ql4g_241:not(#\9) {
   block-size: 100%;
   align-items: center;
   display: flex;
@@ -248,13 +248,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   justify-content: flex-end;
 }
 
-.awsui_group-divider_1kzri_1e1hr_250:not(#\9) {
-  border-inline-end: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-layout-hnd6e7, #d5dbdb);
+.awsui_group-divider_1kzri_8ql4g_250:not(#\9) {
+  border-inline-end: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
   block-size: 60%;
 }
 
 @media (max-width: 688px) {
-  .awsui_drawers-trigger_1kzri_1e1hr_241:not(#\9) {
+  .awsui_drawers-trigger_1kzri_8ql4g_241:not(#\9) {
     display: flex;
     justify-content: center;
     align-items: center;

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

@@ -2,17 +2,17 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "universal-toolbar": "awsui_universal-toolbar_1kzri_1e1hr_141",
-  "disable-body-scroll": "awsui_disable-body-scroll_1kzri_1e1hr_162",
-  "toolbar-hidden": "awsui_toolbar-hidden_1kzri_1e1hr_165",
-  "toolbar-container": "awsui_toolbar-container_1kzri_1e1hr_168",
-  "universal-toolbar-nav": "awsui_universal-toolbar-nav_1kzri_1e1hr_177",
-  "universal-toolbar-breadcrumbs": "awsui_universal-toolbar-breadcrumbs_1kzri_1e1hr_181",
-  "universal-toolbar-drawers": "awsui_universal-toolbar-drawers_1kzri_1e1hr_186",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_1kzri_1e1hr_194",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_1kzri_1e1hr_195",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_1kzri_1e1hr_241",
-  "group-divider": "awsui_group-divider_1kzri_1e1hr_250",
-  "drawers-trigger": "awsui_drawers-trigger_1kzri_1e1hr_241"
+  "universal-toolbar": "awsui_universal-toolbar_1kzri_8ql4g_141",
+  "disable-body-scroll": "awsui_disable-body-scroll_1kzri_8ql4g_162",
+  "toolbar-hidden": "awsui_toolbar-hidden_1kzri_8ql4g_165",
+  "toolbar-container": "awsui_toolbar-container_1kzri_8ql4g_168",
+  "universal-toolbar-nav": "awsui_universal-toolbar-nav_1kzri_8ql4g_177",
+  "universal-toolbar-breadcrumbs": "awsui_universal-toolbar-breadcrumbs_1kzri_8ql4g_181",
+  "universal-toolbar-drawers": "awsui_universal-toolbar-drawers_1kzri_8ql4g_186",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_1kzri_8ql4g_194",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_1kzri_8ql4g_195",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_1kzri_8ql4g_241",
+  "group-divider": "awsui_group-divider_1kzri_8ql4g_250",
+  "drawers-trigger": "awsui_drawers-trigger_1kzri_8ql4g_241"
 };
   

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_lgne9_141",
-  "trigger": "awsui_trigger_lpshu_lgne9_141",
-  "selected": "awsui_selected_lpshu_lgne9_230",
-  "badge": "awsui_badge_lpshu_lgne9_250",
-  "trigger-wrapper": "awsui_trigger-wrapper_lpshu_lgne9_254",
-  "dot": "awsui_dot_lpshu_lgne9_262"
+  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_lpshu_975xb_141",
+  "trigger": "awsui_trigger_lpshu_975xb_141",
+  "selected": "awsui_selected_lpshu_975xb_230",
+  "badge": "awsui_badge_lpshu_975xb_250",
+  "trigger-wrapper": "awsui_trigger-wrapper_lpshu_975xb_254",
+  "dot": "awsui_dot_lpshu_975xb_262"
 };
   

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

@@ -138,15 +138,15 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among 
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_trigger-badge-wrapper_lpshu_lgne9_141:not(#\9) {
+.awsui_trigger-badge-wrapper_lpshu_975xb_141:not(#\9) {
   background: transparent;
   color: var(--color-text-interactive-default-dt26aj, #545b64);
   border-start-start-radius: 50%;
   border-start-end-radius: 50%;
   border-end-start-radius: 50%;
   border-end-end-radius: 50%;
-  block-size: 34px;
-  inline-size: 34px;
+  block-size: 30px;
+  inline-size: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -160,15 +160,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   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_lgne9_141:not(#\9):hover {
+.awsui_trigger-badge-wrapper_lpshu_975xb_141:not(#\9):hover {
   background: var(--color-background-input-disabled-zfoobi, #eaeded);
   color: var(--color-text-interactive-hover-7who0l, #16191f);
 }
-.awsui_trigger-badge-wrapper_lpshu_lgne9_141:not(#\9):active {
+.awsui_trigger-badge-wrapper_lpshu_975xb_141:not(#\9):active {
   background: var(--color-background-control-disabled-dsn0t2, #d5dbdb);
   color: var(--color-text-interactive-hover-7who0l, #16191f);
 }
-.awsui_trigger-badge-wrapper_lpshu_lgne9_141:not(#\9):dir(rtl) {
+.awsui_trigger-badge-wrapper_lpshu_975xb_141: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");
 }
 
@@ -177,15 +177,15 @@ 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_lgne9_141:not(#\9) {
+.awsui_trigger_lpshu_975xb_141:not(#\9) {
   background: transparent;
   color: var(--color-text-interactive-default-dt26aj, #545b64);
   border-start-start-radius: 50%;
   border-start-end-radius: 50%;
   border-end-start-radius: 50%;
   border-end-end-radius: 50%;
-  block-size: 34px;
-  inline-size: 34px;
+  block-size: 30px;
+  inline-size: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -195,22 +195,22 @@ handleSplitPanelMaxWidth function in the context.
   cursor: pointer;
   pointer-events: auto;
 }
-.awsui_trigger_lpshu_lgne9_141:not(#\9):hover {
+.awsui_trigger_lpshu_975xb_141:not(#\9):hover {
   background: var(--color-background-input-disabled-zfoobi, #eaeded);
   color: var(--color-text-interactive-hover-7who0l, #16191f);
 }
-.awsui_trigger_lpshu_lgne9_141:not(#\9):active {
+.awsui_trigger_lpshu_975xb_141:not(#\9):active {
   background: var(--color-background-control-disabled-dsn0t2, #d5dbdb);
   color: var(--color-text-interactive-hover-7who0l, #16191f);
 }
-body[data-awsui-focus-visible=true] .awsui_trigger_lpshu_lgne9_141:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_trigger_lpshu_975xb_141:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_trigger_lpshu_lgne9_141:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_trigger_lpshu_975xb_141:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(3px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_trigger_lpshu_lgne9_141:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_trigger_lpshu_975xb_141:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -224,34 +224,34 @@ body[data-awsui-focus-visible=true] .awsui_trigger_lpshu_lgne9_141:not(#\9):focu
   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_lgne9_141:not(#\9):focus {
+.awsui_trigger_lpshu_975xb_141:not(#\9):focus {
   outline: none;
 }
-.awsui_trigger_lpshu_lgne9_141.awsui_selected_lpshu_lgne9_230:not(#\9) {
+.awsui_trigger_lpshu_975xb_141.awsui_selected_lpshu_975xb_230:not(#\9) {
   background: var(--color-background-layout-toggle-selected-default-rmibh3, #0073bb);
   color: var(--color-text-layout-toggle-selected-55i412, #ffffff);
 }
-.awsui_trigger_lpshu_lgne9_141.awsui_selected_lpshu_lgne9_230:not(#\9):hover {
+.awsui_trigger_lpshu_975xb_141.awsui_selected_lpshu_975xb_230:not(#\9):hover {
   background: var(--color-background-layout-toggle-selected-hover-3l4zzu, #0a4a74);
 }
-.awsui_trigger_lpshu_lgne9_141.awsui_selected_lpshu_lgne9_230:not(#\9):active {
+.awsui_trigger_lpshu_975xb_141.awsui_selected_lpshu_975xb_230:not(#\9):active {
   background: var(--color-background-layout-toggle-selected-active-gdlg1f, #0073bb);
 }
-.awsui_trigger_lpshu_lgne9_141.awsui_selected_lpshu_lgne9_230 > .awsui_trigger-badge-wrapper_lpshu_lgne9_141:not(#\9) {
+.awsui_trigger_lpshu_975xb_141.awsui_selected_lpshu_975xb_230 > .awsui_trigger-badge-wrapper_lpshu_975xb_141:not(#\9) {
   background: var(--color-background-layout-toggle-selected-default-rmibh3, #0073bb);
   color: var(--color-text-layout-toggle-selected-55i412, #ffffff);
 }
-.awsui_trigger_lpshu_lgne9_141.awsui_selected_lpshu_lgne9_230 > .awsui_trigger-badge-wrapper_lpshu_lgne9_141:not(#\9):hover {
+.awsui_trigger_lpshu_975xb_141.awsui_selected_lpshu_975xb_230 > .awsui_trigger-badge-wrapper_lpshu_975xb_141:not(#\9):hover {
   background: var(--color-background-layout-toggle-selected-hover-3l4zzu, #0a4a74);
 }
-.awsui_trigger_lpshu_lgne9_141.awsui_selected_lpshu_lgne9_230 > .awsui_trigger-badge-wrapper_lpshu_lgne9_141:not(#\9):active {
+.awsui_trigger_lpshu_975xb_141.awsui_selected_lpshu_975xb_230 > .awsui_trigger-badge-wrapper_lpshu_975xb_141:not(#\9):active {
   background: var(--color-background-layout-toggle-selected-active-gdlg1f, #0073bb);
 }
-.awsui_trigger_lpshu_lgne9_141.awsui_badge_lpshu_lgne9_250:not(#\9), .awsui_trigger_lpshu_lgne9_141.awsui_badge_lpshu_lgne9_250:not(#\9):hover, .awsui_trigger_lpshu_lgne9_141.awsui_badge_lpshu_lgne9_250:not(#\9):active {
+.awsui_trigger_lpshu_975xb_141.awsui_badge_lpshu_975xb_250:not(#\9), .awsui_trigger_lpshu_975xb_141.awsui_badge_lpshu_975xb_250:not(#\9):hover, .awsui_trigger_lpshu_975xb_141.awsui_badge_lpshu_975xb_250:not(#\9):active {
   background: transparent;
 }
 
-.awsui_trigger-wrapper_lpshu_lgne9_254:not(#\9) {
+.awsui_trigger-wrapper_lpshu_975xb_254:not(#\9) {
   position: relative;
   border-start-start-radius: 50%;
   border-start-end-radius: 50%;
@@ -259,7 +259,7 @@ body[data-awsui-focus-visible=true] .awsui_trigger_lpshu_lgne9_141:not(#\9):focu
   border-end-end-radius: 50%;
 }
 
-.awsui_dot_lpshu_lgne9_262:not(#\9) {
+.awsui_dot_lpshu_975xb_262:not(#\9) {
   position: absolute;
   inline-size: 8px;
   block-size: 8px;

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

@@ -2,11 +2,11 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_lpshu_lgne9_141",
-  "trigger": "awsui_trigger_lpshu_lgne9_141",
-  "selected": "awsui_selected_lpshu_lgne9_230",
-  "badge": "awsui_badge_lpshu_lgne9_250",
-  "trigger-wrapper": "awsui_trigger-wrapper_lpshu_lgne9_254",
-  "dot": "awsui_dot_lpshu_lgne9_262"
+  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_lpshu_975xb_141",
+  "trigger": "awsui_trigger_lpshu_975xb_141",
+  "selected": "awsui_selected_lpshu_975xb_230",
+  "badge": "awsui_badge_lpshu_975xb_250",
+  "trigger-wrapper": "awsui_trigger-wrapper_lpshu_975xb_254",
+  "dot": "awsui_dot_lpshu_975xb_262"
 };
   

package/lib/internal/template/internal/base-component/styles.scoped.css

@@ -281,7 +281,7 @@
   --color-border-dropdown-item-focused-3o10kx:#0073bb;
   --color-border-item-placeholder-14j9vy:transparent;
   --color-border-item-selected-20gejb:#0073bb;
-  --color-border-layout-hnd6e7:#d5dbdb;
+  --color-border-layout-5x3d89:#d5dbdb;
   --color-border-notification-stack-bar-sbqbf5:#2a2e33;
   --color-border-panel-header-kec01h:#eaeded;
   --color-border-popover-sxojn8:#d5dbdb;
@@ -899,7 +899,7 @@
     --color-border-item-focused-v8nq2m:#00a1c9;
     --color-border-dropdown-item-focused-3o10kx:#00a1c9;
     --color-border-item-selected-20gejb:#00a1c9;
-    --color-border-layout-hnd6e7:#414750;
+    --color-border-layout-5x3d89:#414750;
     --color-border-panel-header-kec01h:#414750;
     --color-border-popover-sxojn8:#545b64;
     --color-border-segment-active-mnwdth:#ffffff;
@@ -1211,7 +1211,7 @@
   --color-border-item-focused-v8nq2m:#00a1c9;
   --color-border-dropdown-item-focused-3o10kx:#00a1c9;
   --color-border-item-selected-20gejb:#00a1c9;
-  --color-border-layout-hnd6e7:#414750;
+  --color-border-layout-5x3d89:#414750;
   --color-border-panel-header-kec01h:#414750;
   --color-border-popover-sxojn8:#545b64;
   --color-border-segment-active-mnwdth:#ffffff;
@@ -1533,7 +1533,7 @@
   --color-border-dropdown-item-focused-3o10kx:#414d5c;
   --color-border-item-placeholder-14j9vy:#0972d3;
   --color-border-item-selected-20gejb:#0972d3;
-  --color-border-layout-hnd6e7:#b6bec9;
+  --color-border-layout-5x3d89:#9ba7b6;
   --color-border-notification-stack-bar-sbqbf5:#232f3e;
   --color-border-panel-header-kec01h:#b6bec9;
   --color-border-popover-sxojn8:#9ba7b6;
@@ -1888,7 +1888,7 @@
     --color-border-dropdown-item-focused-3o10kx:#d1d5db;
     --color-border-item-placeholder-14j9vy:#539fe5;
     --color-border-item-selected-20gejb:#539fe5;
-    --color-border-layout-hnd6e7:#414d5c;
+    --color-border-layout-5x3d89:#414d5c;
     --color-border-panel-header-kec01h:#414d5c;
     --color-border-popover-sxojn8:#5f6b7a;
     --color-border-segment-active-mnwdth:#d1d5db;
@@ -2167,7 +2167,7 @@
   --color-border-dropdown-item-focused-3o10kx:#d1d5db;
   --color-border-item-placeholder-14j9vy:#539fe5;
   --color-border-item-selected-20gejb:#539fe5;
-  --color-border-layout-hnd6e7:#414d5c;
+  --color-border-layout-5x3d89:#414d5c;
   --color-border-panel-header-kec01h:#414d5c;
   --color-border-popover-sxojn8:#5f6b7a;
   --color-border-segment-active-mnwdth:#d1d5db;
@@ -2367,7 +2367,7 @@
   --color-border-dropdown-item-focused-3o10kx:#d1d5db;
   --color-border-item-placeholder-14j9vy:#539fe5;
   --color-border-item-selected-20gejb:#539fe5;
-  --color-border-layout-hnd6e7:#414d5c;
+  --color-border-layout-5x3d89:#414d5c;
   --color-border-panel-header-kec01h:#414d5c;
   --color-border-popover-sxojn8:#5f6b7a;
   --color-border-segment-active-mnwdth:#d1d5db;
@@ -2569,7 +2569,7 @@
   --color-border-dropdown-item-focused-3o10kx:#d1d5db;
   --color-border-item-placeholder-14j9vy:#539fe5;
   --color-border-item-selected-20gejb:#539fe5;
-  --color-border-layout-hnd6e7:#414d5c;
+  --color-border-layout-5x3d89:#414d5c;
   --color-border-panel-header-kec01h:#414d5c;
   --color-border-popover-sxojn8:#5f6b7a;
   --color-border-segment-active-mnwdth:#d1d5db;
@@ -2784,7 +2784,7 @@
   --color-border-dropdown-item-focused-3o10kx:#d1d5db;
   --color-border-item-placeholder-14j9vy:#539fe5;
   --color-border-item-selected-20gejb:#539fe5;
-  --color-border-layout-hnd6e7:#414d5c;
+  --color-border-layout-5x3d89:#414d5c;
   --color-border-panel-header-kec01h:#414d5c;
   --color-border-popover-sxojn8:#5f6b7a;
   --color-border-segment-active-mnwdth:#d1d5db;
@@ -2931,7 +2931,6 @@
   --color-border-dropdown-item-top-of452d:transparent;
   --color-border-input-focused-v6z9fd:#033160;
   --color-border-item-focused-v8nq2m:#fbfbfb;
-  --color-border-layout-hnd6e7:#fbfbfb;
   --color-border-panel-header-kec01h:#fbfbfb;
   --color-border-tabs-shadow-vlaodw:rgba(0, 7, 22, 0.12);
   --color-text-body-default-ffdwgg:#fbfbfb;
@@ -2963,7 +2962,6 @@
   --color-border-dropdown-group-mkqzrv:#fbfbfb;
   --color-border-dropdown-item-default-xnte9u:#fbfbfb;
   --color-border-item-focused-v8nq2m:#fbfbfb;
-  --color-border-layout-hnd6e7:#fbfbfb;
   --color-border-panel-header-kec01h:#fbfbfb;
   --color-text-body-default-ffdwgg:#fbfbfb;
   --color-text-button-normal-active-fp98iq:#ffffff;
@@ -3001,7 +2999,6 @@
   --color-border-dropdown-item-top-of452d:transparent;
   --color-border-input-focused-v6z9fd:#033160;
   --color-border-item-focused-v8nq2m:#000716;
-  --color-border-layout-hnd6e7:#000716;
   --color-border-panel-header-kec01h:#000716;
   --color-border-tabs-shadow-vlaodw:rgba(0, 7, 22, 0.12);
   --color-text-button-normal-active-fp98iq:#000716;
@@ -3035,7 +3032,6 @@
   --color-border-dropdown-group-mkqzrv:#000716;
   --color-border-dropdown-item-default-xnte9u:#000716;
   --color-border-item-focused-v8nq2m:#000716;
-  --color-border-layout-hnd6e7:#000716;
   --color-border-panel-header-kec01h:#000716;
   --color-text-button-normal-active-fp98iq:#000716;
   --color-text-button-normal-default-gpe171:#414d5c;
@@ -3069,7 +3065,6 @@
   --color-border-dropdown-item-default-xnte9u:#414d5c;
   --color-border-dropdown-item-selected-fxzclw:#0972d3;
   --color-border-dropdown-item-top-of452d:transparent;
-  --color-border-layout-hnd6e7:#414d5c;
   --color-border-panel-header-kec01h:#414d5c;
   --color-border-tabs-shadow-vlaodw:rgba(0, 7, 22, 0.12);
   --color-text-button-normal-active-fp98iq:#000716;
@@ -3097,7 +3092,6 @@
   --color-border-divider-panel-side-btgups:#414d5c;
   --color-border-dropdown-group-mkqzrv:#414d5c;
   --color-border-dropdown-item-default-xnte9u:#414d5c;
-  --color-border-layout-hnd6e7:#414d5c;
   --color-border-panel-header-kec01h:#414d5c;
   --color-text-button-normal-active-fp98iq:#000716;
   --color-text-button-normal-default-gpe171:#414d5c;
@@ -3199,7 +3193,7 @@
   --color-border-dropdown-item-focused-3o10kx:#d1d5db;
   --color-border-item-placeholder-14j9vy:#539fe5;
   --color-border-item-selected-20gejb:#539fe5;
-  --color-border-layout-hnd6e7:#d1d5db;
+  --color-border-layout-5x3d89:#414d5c;
   --color-border-panel-header-kec01h:#d1d5db;
   --color-border-popover-sxojn8:#5f6b7a;
   --color-border-segment-active-mnwdth:#d1d5db;
@@ -3402,7 +3396,7 @@
   --color-border-dropdown-item-focused-3o10kx:#d1d5db;
   --color-border-item-placeholder-14j9vy:#539fe5;
   --color-border-item-selected-20gejb:#539fe5;
-  --color-border-layout-hnd6e7:#d1d5db;
+  --color-border-layout-5x3d89:#414d5c;
   --color-border-panel-header-kec01h:#d1d5db;
   --color-border-popover-sxojn8:#5f6b7a;
   --color-border-segment-active-mnwdth:#d1d5db;
@@ -3564,7 +3558,6 @@
     --color-border-dropdown-item-default-xnte9u:#d1d5db;
     --color-border-dropdown-item-selected-fxzclw:#539fe5;
     --color-border-item-focused-v8nq2m:#fbfbfb;
-    --color-border-layout-hnd6e7:#d1d5db;
     --color-border-panel-header-kec01h:#d1d5db;
     --color-border-tabs-shadow-vlaodw:rgba(0, 7, 22, 1);
     --color-text-button-normal-active-fp98iq:#ffffff;
@@ -3591,7 +3584,6 @@
     --color-border-dropdown-item-default-xnte9u:#d1d5db;
     --color-border-dropdown-item-selected-fxzclw:#539fe5;
     --color-border-item-focused-v8nq2m:#fbfbfb;
-    --color-border-layout-hnd6e7:#d1d5db;
     --color-border-panel-header-kec01h:#d1d5db;
     --color-border-tabs-shadow-vlaodw:rgba(0, 7, 22, 1);
     --color-text-button-normal-active-fp98iq:#ffffff;

package/lib/internal/template/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (a1f02755)";
+export var PACKAGE_VERSION = "3.0.0 (c5529628)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/lib/internal/template/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (a1f02755)",
+  "PACKAGE_VERSION": "3.0.0 (c5529628)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/lib/internal/template/internal/generated/styles/tokens.js

@@ -335,7 +335,7 @@ export var colorBorderItemFocused = "var(--color-border-item-focused-b2ntyl, #09
 export var colorBorderDropdownItemFocused = "var(--color-border-dropdown-item-focused-5hbaf3, #414d5c)";
 export var colorBorderItemPlaceholder = "var(--color-border-item-placeholder-h8j85e, #0972d3)";
 export var colorBorderItemSelected = "var(--color-border-item-selected-k00wlz, #0972d3)";
-export var colorBorderLayout = "var(--color-border-layout-1zovx9, #b6bec9)";
+export var colorBorderLayout = "var(--color-border-layout-4mzh97, #9ba7b6)";
 export var colorBorderNotificationStackBar = "var(--color-border-notification-stack-bar-t3aws2, #232f3e)";
 export var colorBorderPanelHeader = "var(--color-border-panel-header-lf0q4c, #b6bec9)";
 export var colorBorderPopover = "var(--color-border-popover-umqvld, #9ba7b6)";

package/lib/internal/template/internal/generated/theming/index.cjs

@@ -1226,8 +1226,8 @@ module.exports.preset = {
         "dark": "{colorBlue500}"
       },
       "colorBorderLayout": {
-        "light": "{colorBorderDividerDefault}",
-        "dark": "{colorBorderDividerDefault}"
+        "light": "{colorGrey400}",
+        "dark": "{colorGrey600}"
       },
       "colorBorderNotificationStackBar": {
         "light": "{colorGrey700}",
@@ -3444,8 +3444,8 @@ module.exports.preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorBorderDividerDefault}",
-            "dark": "{colorBorderDividerDefault}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -4582,8 +4582,8 @@ module.exports.preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorBorderDividerDefault}",
-            "dark": "{colorBorderDividerDefault}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -5652,8 +5652,8 @@ module.exports.preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorBorderDividerDefault}",
-            "dark": "{colorBorderDividerDefault}"
+            "light": "{colorGrey400}",
+            "dark": "{colorGrey600}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -6722,8 +6722,8 @@ module.exports.preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorBorderDividerDefault}",
-            "dark": "{colorBorderDividerDefault}"
+            "light": "{colorGrey400}",
+            "dark": "{colorGrey600}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -7792,8 +7792,8 @@ module.exports.preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorBorderDividerDefault}",
-            "dark": "{colorBorderDividerDefault}"
+            "light": "{colorGrey400}",
+            "dark": "{colorGrey600}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -8864,8 +8864,8 @@ module.exports.preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorBorderDividerDefault}",
-            "dark": "{colorBorderDividerDefault}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -11659,7 +11659,7 @@ module.exports.preset = {
     "colorBorderDropdownItemFocused": "--color-border-dropdown-item-focused-5hbaf3",
     "colorBorderItemPlaceholder": "--color-border-item-placeholder-h8j85e",
     "colorBorderItemSelected": "--color-border-item-selected-k00wlz",
-    "colorBorderLayout": "--color-border-layout-1zovx9",
+    "colorBorderLayout": "--color-border-layout-4mzh97",
     "colorBorderNotificationStackBar": "--color-border-notification-stack-bar-t3aws2",
     "colorBorderPanelHeader": "--color-border-panel-header-lf0q4c",
     "colorBorderPopover": "--color-border-popover-umqvld",