@cloudscape-design/components 3.0.751 → 3.0.753

package/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_1hs5q_141:not(#\9) {
+.awsui_universal-toolbar_1kzri_scjlm_141:not(#\9) {
   background-color: var(--color-background-layout-panel-content-t82vgh, #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_1hs5q_141:not(#\9) {
+  .awsui_universal-toolbar_1kzri_scjlm_141:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_universal-toolbar_1kzri_1hs5q_141:not(#\9), .awsui-mode-entering .awsui_universal-toolbar_1kzri_1hs5q_141:not(#\9) {
+.awsui-motion-disabled .awsui_universal-toolbar_1kzri_scjlm_141:not(#\9), .awsui-mode-entering .awsui_universal-toolbar_1kzri_scjlm_141:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_universal-toolbar_1kzri_1hs5q_141.awsui_disable-body-scroll_1kzri_1hs5q_162:not(#\9) {
+.awsui_universal-toolbar_1kzri_scjlm_141.awsui_disable-body-scroll_1kzri_scjlm_162:not(#\9) {
   inset-block-start: 0px;
 }
-.awsui_universal-toolbar_1kzri_1hs5q_141.awsui_toolbar-hidden_1kzri_1hs5q_165:not(#\9) {
+.awsui_universal-toolbar_1kzri_scjlm_141.awsui_toolbar-hidden_1kzri_scjlm_165:not(#\9) {
   opacity: 0;
 }
-.awsui_universal-toolbar_1kzri_1hs5q_141 > .awsui_toolbar-container_1kzri_1hs5q_168:not(#\9) {
-  block-size: 48px;
+.awsui_universal-toolbar_1kzri_scjlm_141 > .awsui_toolbar-container_1kzri_scjlm_168:not(#\9) {
+  block-size: 100%;
   align-items: center;
   display: grid;
   column-gap: var(--space-static-xs-7sfb63, 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_1hs5q_141 > .awsui_toolbar-container_1kzri_1hs5q_168 > .awsui_universal-toolbar-nav_1kzri_1hs5q_177:not(#\9) {
+.awsui_universal-toolbar_1kzri_scjlm_141 > .awsui_toolbar-container_1kzri_scjlm_168 > .awsui_universal-toolbar-nav_1kzri_scjlm_177:not(#\9) {
   grid-column: 1;
   padding-inline-end: var(--space-static-xxs-82cdfi, 4px);
 }
-.awsui_universal-toolbar_1kzri_1hs5q_141 > .awsui_toolbar-container_1kzri_1hs5q_168 > .awsui_universal-toolbar-breadcrumbs_1kzri_1hs5q_181:not(#\9) {
+.awsui_universal-toolbar_1kzri_scjlm_141 > .awsui_toolbar-container_1kzri_scjlm_168 > .awsui_universal-toolbar-breadcrumbs_1kzri_scjlm_181:not(#\9) {
   grid-column: 2;
   background-color: transparent;
   flex: 1 0;
 }
-.awsui_universal-toolbar_1kzri_1hs5q_141 > .awsui_toolbar-container_1kzri_1hs5q_168 > .awsui_universal-toolbar-drawers_1kzri_1hs5q_186:not(#\9) {
+.awsui_universal-toolbar_1kzri_scjlm_141 > .awsui_toolbar-container_1kzri_scjlm_168 > .awsui_universal-toolbar-drawers_1kzri_scjlm_186:not(#\9) {
   grid-column: 3;
   column-gap: var(--space-static-xs-7sfb63, 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_1hs5q_194:not(#\9),
-.awsui_drawers-mobile-triggers-container_1kzri_1hs5q_195:not(#\9) {
+.awsui_drawers-desktop-triggers-container_1kzri_scjlm_194:not(#\9),
+.awsui_drawers-mobile-triggers-container_1kzri_scjlm_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_1hs5q_241:not(#\9) {
+.awsui_drawers-trigger-content_1kzri_scjlm_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_1hs5q_250:not(#\9) {
-  border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-layout-1zovx9, #b6bec9);
+.awsui_group-divider_1kzri_scjlm_250:not(#\9) {
+  border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
   block-size: 60%;
 }
 
 @media (max-width: 688px) {
-  .awsui_drawers-trigger_1kzri_1hs5q_241:not(#\9) {
+  .awsui_drawers-trigger_1kzri_scjlm_241:not(#\9) {
     display: flex;
     justify-content: center;
     align-items: center;

package/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_1hs5q_141",
-  "disable-body-scroll": "awsui_disable-body-scroll_1kzri_1hs5q_162",
-  "toolbar-hidden": "awsui_toolbar-hidden_1kzri_1hs5q_165",
-  "toolbar-container": "awsui_toolbar-container_1kzri_1hs5q_168",
-  "universal-toolbar-nav": "awsui_universal-toolbar-nav_1kzri_1hs5q_177",
-  "universal-toolbar-breadcrumbs": "awsui_universal-toolbar-breadcrumbs_1kzri_1hs5q_181",
-  "universal-toolbar-drawers": "awsui_universal-toolbar-drawers_1kzri_1hs5q_186",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_1kzri_1hs5q_194",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_1kzri_1hs5q_195",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_1kzri_1hs5q_241",
-  "group-divider": "awsui_group-divider_1kzri_1hs5q_250",
-  "drawers-trigger": "awsui_drawers-trigger_1kzri_1hs5q_241"
+  "universal-toolbar": "awsui_universal-toolbar_1kzri_scjlm_141",
+  "disable-body-scroll": "awsui_disable-body-scroll_1kzri_scjlm_162",
+  "toolbar-hidden": "awsui_toolbar-hidden_1kzri_scjlm_165",
+  "toolbar-container": "awsui_toolbar-container_1kzri_scjlm_168",
+  "universal-toolbar-nav": "awsui_universal-toolbar-nav_1kzri_scjlm_177",
+  "universal-toolbar-breadcrumbs": "awsui_universal-toolbar-breadcrumbs_1kzri_scjlm_181",
+  "universal-toolbar-drawers": "awsui_universal-toolbar-drawers_1kzri_scjlm_186",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_1kzri_scjlm_194",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_1kzri_scjlm_195",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_1kzri_scjlm_241",
+  "group-divider": "awsui_group-divider_1kzri_scjlm_250",
+  "drawers-trigger": "awsui_drawers-trigger_1kzri_scjlm_241"
 };
   

package/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_132o9_141",
-  "trigger": "awsui_trigger_lpshu_132o9_141",
-  "selected": "awsui_selected_lpshu_132o9_230",
-  "badge": "awsui_badge_lpshu_132o9_250",
-  "trigger-wrapper": "awsui_trigger-wrapper_lpshu_132o9_254",
-  "dot": "awsui_dot_lpshu_132o9_262"
+  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_lpshu_1fc5q_141",
+  "trigger": "awsui_trigger_lpshu_1fc5q_141",
+  "selected": "awsui_selected_lpshu_1fc5q_230",
+  "badge": "awsui_badge_lpshu_1fc5q_250",
+  "trigger-wrapper": "awsui_trigger-wrapper_lpshu_1fc5q_254",
+  "dot": "awsui_dot_lpshu_1fc5q_262"
 };
   

package/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_132o9_141:not(#\9) {
+.awsui_trigger-badge-wrapper_lpshu_1fc5q_141:not(#\9) {
   background: transparent;
   color: var(--color-text-interactive-default-lnx6lk, #414d5c);
   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_132o9_141:not(#\9):hover {
+.awsui_trigger-badge-wrapper_lpshu_1fc5q_141:not(#\9):hover {
   background: var(--color-background-input-disabled-ab59a3, #e9ebed);
   color: var(--color-text-interactive-hover-mj8add, #000716);
 }
-.awsui_trigger-badge-wrapper_lpshu_132o9_141:not(#\9):active {
+.awsui_trigger-badge-wrapper_lpshu_1fc5q_141:not(#\9):active {
   background: var(--color-background-control-disabled-pwkvgd, #d1d5db);
   color: var(--color-text-interactive-hover-mj8add, #000716);
 }
-.awsui_trigger-badge-wrapper_lpshu_132o9_141:not(#\9):dir(rtl) {
+.awsui_trigger-badge-wrapper_lpshu_1fc5q_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_132o9_141:not(#\9) {
+.awsui_trigger_lpshu_1fc5q_141:not(#\9) {
   background: transparent;
   color: var(--color-text-interactive-default-lnx6lk, #414d5c);
   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_132o9_141:not(#\9):hover {
+.awsui_trigger_lpshu_1fc5q_141:not(#\9):hover {
   background: var(--color-background-input-disabled-ab59a3, #e9ebed);
   color: var(--color-text-interactive-hover-mj8add, #000716);
 }
-.awsui_trigger_lpshu_132o9_141:not(#\9):active {
+.awsui_trigger_lpshu_1fc5q_141:not(#\9):active {
   background: var(--color-background-control-disabled-pwkvgd, #d1d5db);
   color: var(--color-text-interactive-hover-mj8add, #000716);
 }
-body[data-awsui-focus-visible=true] .awsui_trigger_lpshu_132o9_141:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_trigger_lpshu_1fc5q_141:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_trigger_lpshu_132o9_141:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_trigger_lpshu_1fc5q_141:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(3px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_trigger_lpshu_132o9_141:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_trigger_lpshu_1fc5q_141:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -224,34 +224,34 @@ body[data-awsui-focus-visible=true] .awsui_trigger_lpshu_132o9_141:not(#\9):focu
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
 }
-.awsui_trigger_lpshu_132o9_141:not(#\9):focus {
+.awsui_trigger_lpshu_1fc5q_141:not(#\9):focus {
   outline: none;
 }
-.awsui_trigger_lpshu_132o9_141.awsui_selected_lpshu_132o9_230:not(#\9) {
+.awsui_trigger_lpshu_1fc5q_141.awsui_selected_lpshu_1fc5q_230:not(#\9) {
   background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
   color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
 }
-.awsui_trigger_lpshu_132o9_141.awsui_selected_lpshu_132o9_230:not(#\9):hover {
+.awsui_trigger_lpshu_1fc5q_141.awsui_selected_lpshu_1fc5q_230:not(#\9):hover {
   background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
 }
-.awsui_trigger_lpshu_132o9_141.awsui_selected_lpshu_132o9_230:not(#\9):active {
+.awsui_trigger_lpshu_1fc5q_141.awsui_selected_lpshu_1fc5q_230:not(#\9):active {
   background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
 }
-.awsui_trigger_lpshu_132o9_141.awsui_selected_lpshu_132o9_230 > .awsui_trigger-badge-wrapper_lpshu_132o9_141:not(#\9) {
+.awsui_trigger_lpshu_1fc5q_141.awsui_selected_lpshu_1fc5q_230 > .awsui_trigger-badge-wrapper_lpshu_1fc5q_141:not(#\9) {
   background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
   color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
 }
-.awsui_trigger_lpshu_132o9_141.awsui_selected_lpshu_132o9_230 > .awsui_trigger-badge-wrapper_lpshu_132o9_141:not(#\9):hover {
+.awsui_trigger_lpshu_1fc5q_141.awsui_selected_lpshu_1fc5q_230 > .awsui_trigger-badge-wrapper_lpshu_1fc5q_141:not(#\9):hover {
   background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
 }
-.awsui_trigger_lpshu_132o9_141.awsui_selected_lpshu_132o9_230 > .awsui_trigger-badge-wrapper_lpshu_132o9_141:not(#\9):active {
+.awsui_trigger_lpshu_1fc5q_141.awsui_selected_lpshu_1fc5q_230 > .awsui_trigger-badge-wrapper_lpshu_1fc5q_141:not(#\9):active {
   background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
 }
-.awsui_trigger_lpshu_132o9_141.awsui_badge_lpshu_132o9_250:not(#\9), .awsui_trigger_lpshu_132o9_141.awsui_badge_lpshu_132o9_250:not(#\9):hover, .awsui_trigger_lpshu_132o9_141.awsui_badge_lpshu_132o9_250:not(#\9):active {
+.awsui_trigger_lpshu_1fc5q_141.awsui_badge_lpshu_1fc5q_250:not(#\9), .awsui_trigger_lpshu_1fc5q_141.awsui_badge_lpshu_1fc5q_250:not(#\9):hover, .awsui_trigger_lpshu_1fc5q_141.awsui_badge_lpshu_1fc5q_250:not(#\9):active {
   background: transparent;
 }
 
-.awsui_trigger-wrapper_lpshu_132o9_254:not(#\9) {
+.awsui_trigger-wrapper_lpshu_1fc5q_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_132o9_141:not(#\9):focu
   border-end-end-radius: 50%;
 }
 
-.awsui_dot_lpshu_132o9_262:not(#\9) {
+.awsui_dot_lpshu_1fc5q_262:not(#\9) {
   position: absolute;
   inline-size: 8px;
   block-size: 8px;

package/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_132o9_141",
-  "trigger": "awsui_trigger_lpshu_132o9_141",
-  "selected": "awsui_selected_lpshu_132o9_230",
-  "badge": "awsui_badge_lpshu_132o9_250",
-  "trigger-wrapper": "awsui_trigger-wrapper_lpshu_132o9_254",
-  "dot": "awsui_dot_lpshu_132o9_262"
+  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_lpshu_1fc5q_141",
+  "trigger": "awsui_trigger_lpshu_1fc5q_141",
+  "selected": "awsui_selected_lpshu_1fc5q_230",
+  "badge": "awsui_badge_lpshu_1fc5q_250",
+  "trigger-wrapper": "awsui_trigger-wrapper_lpshu_1fc5q_254",
+  "dot": "awsui_dot_lpshu_1fc5q_262"
 };
   

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

@@ -281,7 +281,7 @@
   --color-border-dropdown-item-focused-5hbaf3:#414d5c;
   --color-border-item-placeholder-h8j85e:#0972d3;
   --color-border-item-selected-k00wlz:#0972d3;
-  --color-border-layout-1zovx9:#b6bec9;
+  --color-border-layout-4mzh97:#9ba7b6;
   --color-border-notification-stack-bar-t3aws2:#232f3e;
   --color-border-panel-header-lf0q4c:#b6bec9;
   --color-border-popover-umqvld:#9ba7b6;
@@ -898,7 +898,7 @@
     --color-border-dropdown-item-focused-5hbaf3:#d1d5db;
     --color-border-item-placeholder-h8j85e:#539fe5;
     --color-border-item-selected-k00wlz:#539fe5;
-    --color-border-layout-1zovx9:#414d5c;
+    --color-border-layout-4mzh97:#414d5c;
     --color-border-panel-header-lf0q4c:#414d5c;
     --color-border-popover-umqvld:#5f6b7a;
     --color-border-segment-active-9ah16u:#d1d5db;
@@ -1207,7 +1207,7 @@
   --color-border-dropdown-item-focused-5hbaf3:#d1d5db;
   --color-border-item-placeholder-h8j85e:#539fe5;
   --color-border-item-selected-k00wlz:#539fe5;
-  --color-border-layout-1zovx9:#414d5c;
+  --color-border-layout-4mzh97:#414d5c;
   --color-border-panel-header-lf0q4c:#414d5c;
   --color-border-popover-umqvld:#5f6b7a;
   --color-border-segment-active-9ah16u:#d1d5db;
@@ -1410,7 +1410,7 @@
   --color-border-dropdown-item-focused-5hbaf3:#d1d5db;
   --color-border-item-placeholder-h8j85e:#539fe5;
   --color-border-item-selected-k00wlz:#539fe5;
-  --color-border-layout-1zovx9:#414d5c;
+  --color-border-layout-4mzh97:#414d5c;
   --color-border-panel-header-lf0q4c:#414d5c;
   --color-border-popover-umqvld:#5f6b7a;
   --color-border-segment-active-9ah16u:#d1d5db;
@@ -1551,7 +1551,6 @@
   --color-border-dropdown-group-yakmix:#fbfbfb;
   --color-border-dropdown-item-default-k36ra7:#fbfbfb;
   --color-border-item-focused-b2ntyl:#fbfbfb;
-  --color-border-layout-1zovx9:#fbfbfb;
   --color-border-panel-header-lf0q4c:#fbfbfb;
   --color-text-body-default-at06ol:#fbfbfb;
   --color-text-button-normal-active-4it2mv:#ffffff;
@@ -1584,7 +1583,6 @@
   --color-border-dropdown-group-yakmix:#000716;
   --color-border-dropdown-item-default-k36ra7:#000716;
   --color-border-item-focused-b2ntyl:#000716;
-  --color-border-layout-1zovx9:#000716;
   --color-border-panel-header-lf0q4c:#000716;
   --color-text-button-normal-active-4it2mv:#000716;
   --color-text-button-normal-default-mo7k6u:#414d5c;
@@ -1614,7 +1612,6 @@
   --color-border-divider-panel-side-93n0qu:#414d5c;
   --color-border-dropdown-group-yakmix:#414d5c;
   --color-border-dropdown-item-default-k36ra7:#414d5c;
-  --color-border-layout-1zovx9:#414d5c;
   --color-border-panel-header-lf0q4c:#414d5c;
   --color-text-button-normal-active-4it2mv:#000716;
   --color-text-button-normal-default-mo7k6u:#414d5c;
@@ -1716,7 +1713,7 @@
   --color-border-dropdown-item-focused-5hbaf3:#d1d5db;
   --color-border-item-placeholder-h8j85e:#539fe5;
   --color-border-item-selected-k00wlz:#539fe5;
-  --color-border-layout-1zovx9:#d1d5db;
+  --color-border-layout-4mzh97:#414d5c;
   --color-border-panel-header-lf0q4c:#d1d5db;
   --color-border-popover-umqvld:#5f6b7a;
   --color-border-segment-active-9ah16u:#d1d5db;
@@ -1855,7 +1852,6 @@
     --color-border-dropdown-group-yakmix:#d1d5db;
     --color-border-dropdown-item-default-k36ra7:#d1d5db;
     --color-border-item-focused-b2ntyl:#fbfbfb;
-    --color-border-layout-1zovx9:#d1d5db;
     --color-border-panel-header-lf0q4c:#d1d5db;
     --color-text-button-normal-active-4it2mv:#ffffff;
     --color-text-button-normal-default-mo7k6u:#d1d5db;
@@ -1880,7 +1876,6 @@
     --color-border-dropdown-group-yakmix:#d1d5db;
     --color-border-dropdown-item-default-k36ra7:#d1d5db;
     --color-border-item-focused-b2ntyl:#fbfbfb;
-    --color-border-layout-1zovx9:#d1d5db;
     --color-border-panel-header-lf0q4c:#d1d5db;
     --color-text-button-normal-active-4it2mv:#ffffff;
     --color-text-button-normal-default-mo7k6u:#d1d5db;

package/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 (5b77df71)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

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

package/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/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",

package/internal/generated/theming/index.js

@@ -1226,8 +1226,8 @@ export var preset = {
         "dark": "{colorBlue500}"
       },
       "colorBorderLayout": {
-        "light": "{colorBorderDividerDefault}",
-        "dark": "{colorBorderDividerDefault}"
+        "light": "{colorGrey400}",
+        "dark": "{colorGrey600}"
       },
       "colorBorderNotificationStackBar": {
         "light": "{colorGrey700}",
@@ -3444,8 +3444,8 @@ export var preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorBorderDividerDefault}",
-            "dark": "{colorBorderDividerDefault}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -4582,8 +4582,8 @@ export var preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorBorderDividerDefault}",
-            "dark": "{colorBorderDividerDefault}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -5652,8 +5652,8 @@ export var preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorBorderDividerDefault}",
-            "dark": "{colorBorderDividerDefault}"
+            "light": "{colorGrey400}",
+            "dark": "{colorGrey600}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -6722,8 +6722,8 @@ export var preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorBorderDividerDefault}",
-            "dark": "{colorBorderDividerDefault}"
+            "light": "{colorGrey400}",
+            "dark": "{colorGrey600}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -7792,8 +7792,8 @@ export var preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorBorderDividerDefault}",
-            "dark": "{colorBorderDividerDefault}"
+            "light": "{colorGrey400}",
+            "dark": "{colorGrey600}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -8864,8 +8864,8 @@ export var preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorBorderDividerDefault}",
-            "dark": "{colorBorderDividerDefault}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -11659,7 +11659,7 @@ export var 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",

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "a1f027553b7b1c43a8cda5f675bb67e0ba3991e1"
+  "commit": "5b77df715a934105fe00f53012a08f69b78f272b"
 }

package/package.json

@@ -126,7 +126,7 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.751",
+  "version": "3.0.753",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"