@cloudscape-design/components 3.0.1284 → 3.0.1285

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

@@ -287,6 +287,7 @@ body {
   --color-background-layout-mobile-panel-ed0ava:var(--color-neutral-950-lxybh8);
   --color-background-layout-panel-content-xto15e:var(--color-background-container-content-6u8rvp);
   --color-background-layout-panel-hover-tguulw:var(--color-neutral-250-vs1is4);
+  --color-background-layout-toolbar-y0cu80:var(--color-background-layout-panel-content-xto15e);
   --color-background-layout-toggle-active-ap91vm:var(--color-neutral-650-miik4f);
   --color-background-layout-toggle-default-2hgjdu:var(--color-neutral-650-miik4f);
   --color-background-layout-toggle-hover-0cpm7g:var(--color-neutral-600-fln1ww);
@@ -349,7 +350,10 @@ body {
   --color-text-button-normal-disabled-05p74s:var(--color-neutral-500-8van0b);
   --color-border-button-normal-hover-6a2tdq:var(--color-primary-900-a5kqrr);
   --color-text-button-icon-disabled-nnofkn:var(--color-neutral-500-8van0b);
+  --color-border-button-primary-active-6jnxoc:var(--color-background-button-primary-active-5cqoqt);
+  --color-border-button-primary-default-45p8u2:var(--color-background-button-primary-default-vdt0fu);
   --color-border-button-primary-disabled-b5p1ji:var(--color-background-button-primary-disabled-sgo4zo);
+  --color-border-button-primary-hover-rktx0f:var(--color-background-button-primary-hover-mo85i6);
   --color-text-button-primary-disabled-q79gms:var(--color-neutral-500-8van0b);
   --color-item-selected-72rnwy:var(--color-primary-600-1lcy1k);
   --color-border-calendar-grid-67r4w4:transparent;
@@ -1411,6 +1415,7 @@ body {
   --color-background-dropdown-item-selected-f3v6te:var(--color-background-item-selected-9gppru);
   --color-background-drawer-5hs0eh:var(--color-background-layout-panel-content-xto15e);
   --color-background-layout-panel-content-xto15e:var(--color-background-container-content-6u8rvp);
+  --color-background-layout-toolbar-y0cu80:var(--color-background-layout-panel-content-xto15e);
   --color-background-modal-overlay-d7uby0:var(--color-grey-opaque-70-p0svy7);
   --color-background-segment-default-b0r494:var(--color-background-button-normal-default-7f99mv);
   --color-background-segment-disabled-m2a5t7:var(--color-background-button-normal-disabled-hl039l);
@@ -1430,7 +1435,10 @@ body {
   --color-background-table-header-hdjxos:var(--color-background-container-header-gs3mbe);
   --color-text-chat-bubble-outgoing-f3r63s:var(--color-text-body-default-vvtq8u);
   --color-text-chat-bubble-incoming-od0yh8:var(--color-text-body-default-vvtq8u);
+  --color-border-button-primary-active-6jnxoc:var(--color-background-button-primary-active-5cqoqt);
+  --color-border-button-primary-default-45p8u2:var(--color-background-button-primary-default-vdt0fu);
   --color-border-button-primary-disabled-b5p1ji:var(--color-background-button-primary-disabled-sgo4zo);
+  --color-border-button-primary-hover-rktx0f:var(--color-background-button-primary-hover-mo85i6);
   --color-border-code-editor-pane-item-hover-wvblek:var(--color-border-dropdown-item-hover-aqfuxq);
   --color-border-card-3n24fu:var(--color-border-divider-default-nr68jt);
   --color-border-card-highlighted-ygosod:var(--color-border-item-selected-wl5ttm);
@@ -1679,6 +1687,7 @@ body {
   --color-background-dropdown-item-selected-f3v6te:var(--color-background-item-selected-9gppru);
   --color-background-drawer-5hs0eh:var(--color-background-layout-panel-content-xto15e);
   --color-background-layout-panel-content-xto15e:var(--color-background-container-content-6u8rvp);
+  --color-background-layout-toolbar-y0cu80:var(--color-background-layout-panel-content-xto15e);
   --color-background-modal-overlay-d7uby0:var(--color-grey-opaque-70-p0svy7);
   --color-background-segment-hover-800sl4:var(--color-background-button-normal-hover-53op9s);
   --color-background-slider-range-default-3ljdu4:var(--color-background-slider-handle-default-lp5ntg);
@@ -1694,7 +1703,10 @@ body {
   --color-background-dialog-2fj3uu:var(--color-background-status-info-sfobba);
   --color-text-chat-bubble-outgoing-f3r63s:var(--color-text-body-default-vvtq8u);
   --color-text-chat-bubble-incoming-od0yh8:var(--color-text-body-default-vvtq8u);
+  --color-border-button-primary-active-6jnxoc:var(--color-background-button-primary-active-5cqoqt);
+  --color-border-button-primary-default-45p8u2:var(--color-background-button-primary-default-vdt0fu);
   --color-border-button-primary-disabled-b5p1ji:var(--color-background-button-primary-disabled-sgo4zo);
+  --color-border-button-primary-hover-rktx0f:var(--color-background-button-primary-hover-mo85i6);
   --color-border-code-editor-pane-item-hover-wvblek:var(--color-border-dropdown-item-hover-aqfuxq);
   --color-border-card-3n24fu:var(--color-border-divider-default-nr68jt);
   --color-border-card-highlighted-ygosod:var(--color-border-item-selected-wl5ttm);
@@ -1788,6 +1800,8 @@ body {
   --color-background-segment-hover-800sl4:var(--color-background-button-normal-hover-53op9s);
   --color-text-chat-bubble-outgoing-f3r63s:var(--color-text-body-default-vvtq8u);
   --color-text-chat-bubble-incoming-od0yh8:var(--color-text-body-default-vvtq8u);
+  --color-border-button-primary-default-45p8u2:var(--color-background-button-primary-default-vdt0fu);
+  --color-border-button-primary-hover-rktx0f:var(--color-background-button-primary-hover-mo85i6);
   --color-border-card-3n24fu:var(--color-border-divider-default-nr68jt);
   --color-border-item-card-fia23i:var(--color-border-card-3n24fu);
   --color-border-divider-panel-bottom-bruvuz:var(--color-border-divider-default-nr68jt);
@@ -1846,6 +1860,8 @@ body {
   --color-background-segment-hover-800sl4:var(--color-background-button-normal-hover-53op9s);
   --color-text-chat-bubble-outgoing-f3r63s:var(--color-text-body-default-vvtq8u);
   --color-text-chat-bubble-incoming-od0yh8:var(--color-text-body-default-vvtq8u);
+  --color-border-button-primary-default-45p8u2:var(--color-background-button-primary-default-vdt0fu);
+  --color-border-button-primary-hover-rktx0f:var(--color-background-button-primary-hover-mo85i6);
   --color-border-card-3n24fu:var(--color-border-divider-default-nr68jt);
   --color-border-item-card-fia23i:var(--color-border-card-3n24fu);
   --color-border-divider-panel-bottom-bruvuz:var(--color-border-divider-default-nr68jt);
@@ -1886,6 +1902,8 @@ body {
   --color-background-button-primary-hover-mo85i6:var(--color-border-button-normal-hover-6a2tdq);
   --color-background-segment-default-b0r494:var(--color-background-button-normal-default-7f99mv);
   --color-background-segment-hover-800sl4:var(--color-background-button-normal-hover-53op9s);
+  --color-border-button-primary-default-45p8u2:var(--color-background-button-primary-default-vdt0fu);
+  --color-border-button-primary-hover-rktx0f:var(--color-background-button-primary-hover-mo85i6);
   --color-border-card-3n24fu:var(--color-border-divider-default-nr68jt);
   --color-border-item-card-fia23i:var(--color-border-card-3n24fu);
   --color-border-divider-panel-bottom-bruvuz:var(--color-border-divider-default-nr68jt);
@@ -2079,6 +2097,7 @@ body {
   --color-background-dropdown-item-selected-f3v6te:var(--color-background-item-selected-9gppru);
   --color-background-drawer-5hs0eh:var(--color-background-layout-panel-content-xto15e);
   --color-background-layout-panel-content-xto15e:var(--color-background-container-content-6u8rvp);
+  --color-background-layout-toolbar-y0cu80:var(--color-background-layout-panel-content-xto15e);
   --color-background-modal-overlay-d7uby0:var(--color-grey-opaque-70-p0svy7);
   --color-background-segment-default-b0r494:var(--color-background-button-normal-default-7f99mv);
   --color-background-segment-disabled-m2a5t7:var(--color-background-button-normal-disabled-hl039l);
@@ -2098,7 +2117,10 @@ body {
   --color-background-table-header-hdjxos:var(--color-background-container-header-gs3mbe);
   --color-text-chat-bubble-outgoing-f3r63s:var(--color-text-body-default-vvtq8u);
   --color-text-chat-bubble-incoming-od0yh8:var(--color-text-body-default-vvtq8u);
+  --color-border-button-primary-active-6jnxoc:var(--color-background-button-primary-active-5cqoqt);
+  --color-border-button-primary-default-45p8u2:var(--color-background-button-primary-default-vdt0fu);
   --color-border-button-primary-disabled-b5p1ji:var(--color-background-button-primary-disabled-sgo4zo);
+  --color-border-button-primary-hover-rktx0f:var(--color-background-button-primary-hover-mo85i6);
   --color-border-code-editor-pane-item-hover-wvblek:var(--color-border-dropdown-item-hover-aqfuxq);
   --color-border-card-3n24fu:var(--color-border-divider-default-nr68jt);
   --color-border-card-highlighted-ygosod:var(--color-border-item-selected-wl5ttm);
@@ -2243,5 +2265,5 @@ body {
   }
 }
 :root {
-  --awsui-version-info-84c3be46: true;
+  --awsui-version-info-f5628d2d: true;
 }

package/internal/environment.js

@@ -1,6 +1,6 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (84c3be46)";
-export var GIT_SHA = "84c3be46";
+export var PACKAGE_VERSION = "3.0.0 (f5628d2d)";
+export var GIT_SHA = "f5628d2d";
 export var THEME = "open-source-visual-refresh";
 export var SYSTEM = "core";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

@@ -1,7 +1,7 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (84c3be46)",
-  "GIT_SHA": "84c3be46",
+  "PACKAGE_VERSION": "3.0.0 (f5628d2d)",
+  "GIT_SHA": "f5628d2d",
   "THEME": "open-source-visual-refresh",
   "SYSTEM": "core",
   "ALWAYS_VISUAL_REFRESH": true

package/internal/generated/styles/tokens.d.ts

@@ -329,6 +329,7 @@ export const colorBackgroundDrawer: string;
 export const colorBackgroundLayoutMobilePanel: string;
 export const colorBackgroundLayoutPanelContent: string;
 export const colorBackgroundLayoutPanelHover: string;
+export const colorBackgroundLayoutToolbar: string;
 export const colorBackgroundLayoutToggleActive: string;
 export const colorBackgroundLayoutToggleDefault: string;
 export const colorBackgroundLayoutToggleHover: string;
@@ -391,7 +392,10 @@ export const colorBorderButtonNormalDisabled: string;
 export const colorTextButtonNormalDisabled: string;
 export const colorBorderButtonNormalHover: string;
 export const colorTextButtonIconDisabled: string;
+export const colorBorderButtonPrimaryActive: string;
+export const colorBorderButtonPrimaryDefault: string;
 export const colorBorderButtonPrimaryDisabled: string;
+export const colorBorderButtonPrimaryHover: string;
 export const colorTextButtonPrimaryDisabled: string;
 export const colorItemSelected: string;
 export const colorBorderCalendarGrid: string;

package/internal/generated/styles/tokens.js

@@ -329,6 +329,7 @@ export var colorBackgroundDrawer = "var(--color-background-drawer-5hs0eh, #fffff
 export var colorBackgroundLayoutMobilePanel = "var(--color-background-layout-mobile-panel-ed0ava, #0f141a)";
 export var colorBackgroundLayoutPanelContent = "var(--color-background-layout-panel-content-xto15e, #ffffff)";
 export var colorBackgroundLayoutPanelHover = "var(--color-background-layout-panel-hover-tguulw, #ebebf0)";
+export var colorBackgroundLayoutToolbar = "var(--color-background-layout-toolbar-y0cu80, #ffffff)";
 export var colorBackgroundLayoutToggleActive = "var(--color-background-layout-toggle-active-ap91vm, #424650)";
 export var colorBackgroundLayoutToggleDefault = "var(--color-background-layout-toggle-default-2hgjdu, #424650)";
 export var colorBackgroundLayoutToggleHover = "var(--color-background-layout-toggle-hover-0cpm7g, #656871)";
@@ -391,7 +392,10 @@ export var colorBorderButtonNormalDisabled = "var(--color-border-button-normal-d
 export var colorTextButtonNormalDisabled = "var(--color-text-button-normal-disabled-05p74s, #8c8c94)";
 export var colorBorderButtonNormalHover = "var(--color-border-button-normal-hover-6a2tdq, #002b66)";
 export var colorTextButtonIconDisabled = "var(--color-text-button-icon-disabled-nnofkn, #8c8c94)";
+export var colorBorderButtonPrimaryActive = "var(--color-border-button-primary-active-6jnxoc, #002b66)";
+export var colorBorderButtonPrimaryDefault = "var(--color-border-button-primary-default-45p8u2, #006ce0)";
 export var colorBorderButtonPrimaryDisabled = "var(--color-border-button-primary-disabled-b5p1ji, #ebebf0)";
+export var colorBorderButtonPrimaryHover = "var(--color-border-button-primary-hover-rktx0f, #002b66)";
 export var colorTextButtonPrimaryDisabled = "var(--color-text-button-primary-disabled-q79gms, #8c8c94)";
 export var colorItemSelected = "var(--color-item-selected-72rnwy, #006ce0)";
 export var colorBorderCalendarGrid = "var(--color-border-calendar-grid-67r4w4, transparent)";

package/internal/generated/theming/index.cjs

@@ -1363,6 +1363,10 @@ module.exports.preset = {
         "light": "{colorNeutral250}",
         "dark": "{colorNeutral700}"
       },
+      "colorBackgroundLayoutToolbar": {
+        "light": "{colorBackgroundLayoutPanelContent}",
+        "dark": "{colorBackgroundLayoutPanelContent}"
+      },
       "colorBackgroundLayoutToggleActive": {
         "light": "{colorNeutral650}",
         "dark": "{colorNeutral650}"
@@ -1611,10 +1615,22 @@ module.exports.preset = {
         "light": "{colorNeutral500}",
         "dark": "{colorNeutral500}"
       },
+      "colorBorderButtonPrimaryActive": {
+        "light": "{colorBackgroundButtonPrimaryActive}",
+        "dark": "{colorBackgroundButtonPrimaryActive}"
+      },
+      "colorBorderButtonPrimaryDefault": {
+        "light": "{colorBackgroundButtonPrimaryDefault}",
+        "dark": "{colorBackgroundButtonPrimaryDefault}"
+      },
       "colorBorderButtonPrimaryDisabled": {
         "light": "{colorBackgroundButtonPrimaryDisabled}",
         "dark": "{colorBackgroundButtonPrimaryDisabled}"
       },
+      "colorBorderButtonPrimaryHover": {
+        "light": "{colorBackgroundButtonPrimaryHover}",
+        "dark": "{colorBackgroundButtonPrimaryHover}"
+      },
       "colorTextButtonPrimaryDisabled": {
         "light": "{colorNeutral500}",
         "dark": "{colorNeutral500}"
@@ -3974,6 +3990,10 @@ module.exports.preset = {
             "light": "{colorNeutral700}",
             "dark": "{colorNeutral700}"
           },
+          "colorBackgroundLayoutToolbar": {
+            "light": "{colorBackgroundLayoutPanelContent}",
+            "dark": "{colorBackgroundLayoutPanelContent}"
+          },
           "colorBackgroundLayoutToggleActive": {
             "light": "{colorNeutral650}",
             "dark": "{colorNeutral650}"
@@ -4222,10 +4242,22 @@ module.exports.preset = {
             "light": "{colorNeutral500}",
             "dark": "{colorNeutral500}"
           },
+          "colorBorderButtonPrimaryActive": {
+            "light": "{colorBackgroundButtonPrimaryActive}",
+            "dark": "{colorBackgroundButtonPrimaryActive}"
+          },
+          "colorBorderButtonPrimaryDefault": {
+            "light": "{colorBackgroundButtonPrimaryDefault}",
+            "dark": "{colorBackgroundButtonPrimaryDefault}"
+          },
           "colorBorderButtonPrimaryDisabled": {
             "light": "{colorBackgroundButtonPrimaryDisabled}",
             "dark": "{colorBackgroundButtonPrimaryDisabled}"
           },
+          "colorBorderButtonPrimaryHover": {
+            "light": "{colorBackgroundButtonPrimaryHover}",
+            "dark": "{colorBackgroundButtonPrimaryHover}"
+          },
           "colorTextButtonPrimaryDisabled": {
             "light": "{colorNeutral500}",
             "dark": "{colorNeutral500}"
@@ -5423,6 +5455,10 @@ module.exports.preset = {
             "light": "{colorNeutral700}",
             "dark": "{colorNeutral700}"
           },
+          "colorBackgroundLayoutToolbar": {
+            "light": "{colorBackgroundLayoutPanelContent}",
+            "dark": "{colorBackgroundLayoutPanelContent}"
+          },
           "colorBackgroundLayoutToggleActive": {
             "light": "{colorNeutral650}",
             "dark": "{colorNeutral650}"
@@ -5671,10 +5707,22 @@ module.exports.preset = {
             "light": "{colorNeutral500}",
             "dark": "{colorNeutral500}"
           },
+          "colorBorderButtonPrimaryActive": {
+            "light": "{colorBackgroundButtonPrimaryActive}",
+            "dark": "{colorBackgroundButtonPrimaryActive}"
+          },
+          "colorBorderButtonPrimaryDefault": {
+            "light": "{colorBackgroundButtonPrimaryDefault}",
+            "dark": "{colorBackgroundButtonPrimaryDefault}"
+          },
           "colorBorderButtonPrimaryDisabled": {
             "light": "{colorBackgroundButtonPrimaryDisabled}",
             "dark": "{colorBackgroundButtonPrimaryDisabled}"
           },
+          "colorBorderButtonPrimaryHover": {
+            "light": "{colorBackgroundButtonPrimaryHover}",
+            "dark": "{colorBackgroundButtonPrimaryHover}"
+          },
           "colorTextButtonPrimaryDisabled": {
             "light": "{colorNeutral500}",
             "dark": "{colorNeutral500}"
@@ -6800,6 +6848,10 @@ module.exports.preset = {
             "light": "{colorNeutral250}",
             "dark": "{colorNeutral700}"
           },
+          "colorBackgroundLayoutToolbar": {
+            "light": "{colorBackgroundLayoutPanelContent}",
+            "dark": "{colorBackgroundLayoutPanelContent}"
+          },
           "colorBackgroundLayoutToggleActive": {
             "light": "{colorNeutral650}",
             "dark": "{colorNeutral650}"
@@ -7048,10 +7100,22 @@ module.exports.preset = {
             "light": "{colorNeutral500}",
             "dark": "{colorNeutral500}"
           },
+          "colorBorderButtonPrimaryActive": {
+            "light": "{colorBackgroundButtonPrimaryActive}",
+            "dark": "{colorBackgroundButtonPrimaryActive}"
+          },
+          "colorBorderButtonPrimaryDefault": {
+            "light": "{colorBackgroundButtonPrimaryDefault}",
+            "dark": "{colorBackgroundButtonPrimaryDefault}"
+          },
           "colorBorderButtonPrimaryDisabled": {
             "light": "{colorBackgroundButtonPrimaryDisabled}",
             "dark": "{colorBackgroundButtonPrimaryDisabled}"
           },
+          "colorBorderButtonPrimaryHover": {
+            "light": "{colorBackgroundButtonPrimaryHover}",
+            "dark": "{colorBackgroundButtonPrimaryHover}"
+          },
           "colorTextButtonPrimaryDisabled": {
             "light": "{colorNeutral500}",
             "dark": "{colorNeutral500}"
@@ -8062,6 +8126,10 @@ module.exports.preset = {
             "light": "{colorNeutral250}",
             "dark": "{colorNeutral700}"
           },
+          "colorBackgroundLayoutToolbar": {
+            "light": "{colorBackgroundLayoutPanelContent}",
+            "dark": "{colorBackgroundLayoutPanelContent}"
+          },
           "colorBackgroundLayoutToggleActive": {
             "light": "{colorNeutral650}",
             "dark": "{colorNeutral650}"
@@ -8310,10 +8378,22 @@ module.exports.preset = {
             "light": "{colorNeutral500}",
             "dark": "{colorNeutral500}"
           },
+          "colorBorderButtonPrimaryActive": {
+            "light": "{colorBackgroundButtonPrimaryActive}",
+            "dark": "{colorBackgroundButtonPrimaryActive}"
+          },
+          "colorBorderButtonPrimaryDefault": {
+            "light": "{colorBackgroundButtonPrimaryDefault}",
+            "dark": "{colorBackgroundButtonPrimaryDefault}"
+          },
           "colorBorderButtonPrimaryDisabled": {
             "light": "{colorBackgroundButtonPrimaryDisabled}",
             "dark": "{colorBackgroundButtonPrimaryDisabled}"
           },
+          "colorBorderButtonPrimaryHover": {
+            "light": "{colorBackgroundButtonPrimaryHover}",
+            "dark": "{colorBackgroundButtonPrimaryHover}"
+          },
           "colorTextButtonPrimaryDisabled": {
             "light": "{colorNeutral500}",
             "dark": "{colorNeutral500}"
@@ -9324,6 +9404,10 @@ module.exports.preset = {
             "light": "{colorNeutral250}",
             "dark": "{colorNeutral700}"
           },
+          "colorBackgroundLayoutToolbar": {
+            "light": "{colorBackgroundLayoutPanelContent}",
+            "dark": "{colorBackgroundLayoutPanelContent}"
+          },
           "colorBackgroundLayoutToggleActive": {
             "light": "{colorNeutral650}",
             "dark": "{colorNeutral650}"
@@ -9572,10 +9656,22 @@ module.exports.preset = {
             "light": "{colorNeutral500}",
             "dark": "{colorNeutral500}"
           },
+          "colorBorderButtonPrimaryActive": {
+            "light": "{colorBackgroundButtonPrimaryActive}",
+            "dark": "{colorBackgroundButtonPrimaryActive}"
+          },
+          "colorBorderButtonPrimaryDefault": {
+            "light": "{colorBackgroundButtonPrimaryDefault}",
+            "dark": "{colorBackgroundButtonPrimaryDefault}"
+          },
           "colorBorderButtonPrimaryDisabled": {
             "light": "{colorBackgroundButtonPrimaryDisabled}",
             "dark": "{colorBackgroundButtonPrimaryDisabled}"
           },
+          "colorBorderButtonPrimaryHover": {
+            "light": "{colorBackgroundButtonPrimaryHover}",
+            "dark": "{colorBackgroundButtonPrimaryHover}"
+          },
           "colorTextButtonPrimaryDisabled": {
             "light": "{colorNeutral500}",
             "dark": "{colorNeutral500}"
@@ -10588,6 +10684,10 @@ module.exports.preset = {
             "light": "{colorNeutral700}",
             "dark": "{colorNeutral700}"
           },
+          "colorBackgroundLayoutToolbar": {
+            "light": "{colorBackgroundLayoutPanelContent}",
+            "dark": "{colorBackgroundLayoutPanelContent}"
+          },
           "colorBackgroundLayoutToggleActive": {
             "light": "{colorNeutral650}",
             "dark": "{colorNeutral650}"
@@ -10836,10 +10936,22 @@ module.exports.preset = {
             "light": "{colorNeutral500}",
             "dark": "{colorNeutral500}"
           },
+          "colorBorderButtonPrimaryActive": {
+            "light": "{colorBackgroundButtonPrimaryActive}",
+            "dark": "{colorBackgroundButtonPrimaryActive}"
+          },
+          "colorBorderButtonPrimaryDefault": {
+            "light": "{colorBackgroundButtonPrimaryDefault}",
+            "dark": "{colorBackgroundButtonPrimaryDefault}"
+          },
           "colorBorderButtonPrimaryDisabled": {
             "light": "{colorBackgroundButtonPrimaryDisabled}",
             "dark": "{colorBackgroundButtonPrimaryDisabled}"
           },
+          "colorBorderButtonPrimaryHover": {
+            "light": "{colorBackgroundButtonPrimaryHover}",
+            "dark": "{colorBackgroundButtonPrimaryHover}"
+          },
           "colorTextButtonPrimaryDisabled": {
             "light": "{colorNeutral500}",
             "dark": "{colorNeutral500}"
@@ -11949,6 +12061,7 @@ module.exports.preset = {
       "colorBackgroundLayoutMobilePanel": "color",
       "colorBackgroundLayoutPanelContent": "color",
       "colorBackgroundLayoutPanelHover": "color",
+      "colorBackgroundLayoutToolbar": "color",
       "colorBackgroundLayoutToggleActive": "color",
       "colorBackgroundLayoutToggleDefault": "color",
       "colorBackgroundLayoutToggleHover": "color",
@@ -12011,7 +12124,10 @@ module.exports.preset = {
       "colorTextButtonNormalDisabled": "color",
       "colorBorderButtonNormalHover": "color",
       "colorTextButtonIconDisabled": "color",
+      "colorBorderButtonPrimaryActive": "color",
+      "colorBorderButtonPrimaryDefault": "color",
       "colorBorderButtonPrimaryDisabled": "color",
+      "colorBorderButtonPrimaryHover": "color",
       "colorTextButtonPrimaryDisabled": "color",
       "colorItemSelected": "color",
       "colorBorderCalendarGrid": "color",
@@ -12709,6 +12825,7 @@ module.exports.preset = {
     "colorBackgroundInputDisabled",
     "colorBackgroundItemSelected",
     "colorBackgroundLayoutMain",
+    "colorBackgroundLayoutToolbar",
     "colorBackgroundLayoutToggleActive",
     "colorBackgroundLayoutToggleDefault",
     "colorBackgroundLayoutToggleHover",
@@ -12751,7 +12868,10 @@ module.exports.preset = {
     "colorTextButtonNormalDisabled",
     "colorBorderButtonNormalHover",
     "colorTextButtonIconDisabled",
+    "colorBorderButtonPrimaryActive",
+    "colorBorderButtonPrimaryDefault",
     "colorBorderButtonPrimaryDisabled",
+    "colorBorderButtonPrimaryHover",
     "colorTextButtonPrimaryDisabled",
     "colorItemSelected",
     "colorBorderCard",
@@ -13136,6 +13256,7 @@ module.exports.preset = {
     "colorBackgroundInputDisabled",
     "colorBackgroundItemSelected",
     "colorBackgroundLayoutMain",
+    "colorBackgroundLayoutToolbar",
     "colorBackgroundLayoutToggleActive",
     "colorBackgroundLayoutToggleDefault",
     "colorBackgroundLayoutToggleHover",
@@ -13181,7 +13302,10 @@ module.exports.preset = {
     "colorTextButtonNormalDisabled",
     "colorBorderButtonNormalHover",
     "colorTextButtonIconDisabled",
+    "colorBorderButtonPrimaryActive",
+    "colorBorderButtonPrimaryDefault",
     "colorBorderButtonPrimaryDisabled",
+    "colorBorderButtonPrimaryHover",
     "colorTextButtonPrimaryDisabled",
     "colorItemSelected",
     "colorBorderCard",
@@ -13744,6 +13868,7 @@ module.exports.preset = {
     "colorBackgroundLayoutMobilePanel": "color-background-layout-mobile-panel",
     "colorBackgroundLayoutPanelContent": "color-background-layout-panel-content",
     "colorBackgroundLayoutPanelHover": "color-background-layout-panel-hover",
+    "colorBackgroundLayoutToolbar": "color-background-layout-toolbar",
     "colorBackgroundLayoutToggleActive": "color-background-layout-toggle-active",
     "colorBackgroundLayoutToggleDefault": "color-background-layout-toggle-default",
     "colorBackgroundLayoutToggleHover": "color-background-layout-toggle-hover",
@@ -13806,7 +13931,10 @@ module.exports.preset = {
     "colorTextButtonNormalDisabled": "color-text-button-normal-disabled",
     "colorBorderButtonNormalHover": "color-border-button-normal-hover",
     "colorTextButtonIconDisabled": "color-text-button-icon-disabled",
+    "colorBorderButtonPrimaryActive": "color-border-button-primary-active",
+    "colorBorderButtonPrimaryDefault": "color-border-button-primary-default",
     "colorBorderButtonPrimaryDisabled": "color-border-button-primary-disabled",
+    "colorBorderButtonPrimaryHover": "color-border-button-primary-hover",
     "colorTextButtonPrimaryDisabled": "color-text-button-primary-disabled",
     "colorItemSelected": "color-item-selected",
     "colorBorderCalendarGrid": "color-border-calendar-grid",
@@ -14640,6 +14768,7 @@ module.exports.preset = {
     "colorBackgroundLayoutMobilePanel": "--color-background-layout-mobile-panel-ed0ava",
     "colorBackgroundLayoutPanelContent": "--color-background-layout-panel-content-xto15e",
     "colorBackgroundLayoutPanelHover": "--color-background-layout-panel-hover-tguulw",
+    "colorBackgroundLayoutToolbar": "--color-background-layout-toolbar-y0cu80",
     "colorBackgroundLayoutToggleActive": "--color-background-layout-toggle-active-ap91vm",
     "colorBackgroundLayoutToggleDefault": "--color-background-layout-toggle-default-2hgjdu",
     "colorBackgroundLayoutToggleHover": "--color-background-layout-toggle-hover-0cpm7g",
@@ -14702,7 +14831,10 @@ module.exports.preset = {
     "colorTextButtonNormalDisabled": "--color-text-button-normal-disabled-05p74s",
     "colorBorderButtonNormalHover": "--color-border-button-normal-hover-6a2tdq",
     "colorTextButtonIconDisabled": "--color-text-button-icon-disabled-nnofkn",
+    "colorBorderButtonPrimaryActive": "--color-border-button-primary-active-6jnxoc",
+    "colorBorderButtonPrimaryDefault": "--color-border-button-primary-default-45p8u2",
     "colorBorderButtonPrimaryDisabled": "--color-border-button-primary-disabled-b5p1ji",
+    "colorBorderButtonPrimaryHover": "--color-border-button-primary-hover-rktx0f",
     "colorTextButtonPrimaryDisabled": "--color-text-button-primary-disabled-q79gms",
     "colorItemSelected": "--color-item-selected-72rnwy",
     "colorBorderCalendarGrid": "--color-border-calendar-grid-67r4w4",