@cloudscape-design/components 3.0.446 → 3.0.448

package/app-layout/visual-refresh/styles.selectors.js

@@ -2,83 +2,85 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "background": "awsui_background_hyvsj_ae7i0_93",
-  "scrolling-background": "awsui_scrolling-background_hyvsj_ae7i0_96",
-  "sticky-background": "awsui_sticky-background_hyvsj_ae7i0_102",
-  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_ae7i0_110",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_ae7i0_123",
-  "has-sticky-background": "awsui_has-sticky-background_hyvsj_ae7i0_133",
-  "drawers-container": "awsui_drawers-container_hyvsj_ae7i0_145",
-  "has-open-drawer": "awsui_has-open-drawer_hyvsj_ae7i0_156",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_ae7i0_180",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_ae7i0_185",
-  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_ae7i0_204",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_ae7i0_214",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_ae7i0_218",
-  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_ae7i0_232",
-  "drawers-trigger": "awsui_drawers-trigger_hyvsj_ae7i0_218",
-  "drawer": "awsui_drawer_hyvsj_ae7i0_145",
-  "drawer-content-container": "awsui_drawer-content-container_hyvsj_ae7i0_262",
-  "drawer-close-button": "awsui_drawer-close-button_hyvsj_ae7i0_271",
-  "drawer-content": "awsui_drawer-content_hyvsj_ae7i0_262",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_ae7i0_279",
-  "drawer-slider": "awsui_drawer-slider_hyvsj_ae7i0_282",
-  "is-drawer-open": "awsui_is-drawer-open_hyvsj_ae7i0_289",
-  "content": "awsui_content_hyvsj_ae7i0_314",
-  "layout": "awsui_layout_hyvsj_ae7i0_335",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_ae7i0_418",
-  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_ae7i0_433",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_ae7i0_450",
-  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_ae7i0_453",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_ae7i0_485",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_ae7i0_488",
-  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_ae7i0_498",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_ae7i0_501",
-  "content-first-child-header": "awsui_content-first-child-header_hyvsj_ae7i0_504",
-  "has-header": "awsui_has-header_hyvsj_ae7i0_504",
-  "content-first-child-main": "awsui_content-first-child-main_hyvsj_ae7i0_525",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_ae7i0_525",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_ae7i0_568",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_ae7i0_568",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_ae7i0_584",
-  "unfocusable": "awsui_unfocusable_hyvsj_ae7i0_589",
-  "container": "awsui_container_hyvsj_ae7i0_599",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_ae7i0_624",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_ae7i0_627",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_ae7i0_627",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_ae7i0_627",
-  "has-active-drawer": "awsui_has-active-drawer_hyvsj_ae7i0_627",
-  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_ae7i0_636",
-  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_ae7i0_652",
-  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_ae7i0_656",
-  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_ae7i0_660",
-  "navigation-container": "awsui_navigation-container_hyvsj_ae7i0_669",
-  "show-navigation": "awsui_show-navigation_hyvsj_ae7i0_713",
-  "animating": "awsui_animating_hyvsj_ae7i0_735",
-  "showButtons": "awsui_showButtons_hyvsj_ae7i0_1",
-  "navigation": "awsui_navigation_hyvsj_ae7i0_669",
-  "openNavigation": "awsui_openNavigation_hyvsj_ae7i0_1",
-  "animated-content": "awsui_animated-content_hyvsj_ae7i0_797",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_ae7i0_806",
-  "notifications": "awsui_notifications_hyvsj_ae7i0_816",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_ae7i0_822",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_ae7i0_839",
-  "position-bottom": "awsui_position-bottom_hyvsj_ae7i0_886",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_ae7i0_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_ae7i0_915",
-  "position-side": "awsui_position-side_hyvsj_ae7i0_928",
-  "tools-container": "awsui_tools-container_hyvsj_ae7i0_947",
-  "tools": "awsui_tools_hyvsj_ae7i0_947",
-  "openTools": "awsui_openTools_hyvsj_ae7i0_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_ae7i0_1042",
-  "hide-tools": "awsui_hide-tools_hyvsj_ae7i0_1052",
-  "show-tools": "awsui_show-tools_hyvsj_ae7i0_1064",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_ae7i0_1042",
-  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_ae7i0_1124",
-  "trigger": "awsui_trigger_hyvsj_ae7i0_1124",
-  "selected": "awsui_selected_hyvsj_ae7i0_1188",
-  "badge": "awsui_badge_hyvsj_ae7i0_1208",
-  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_ae7i0_1212",
-  "dot": "awsui_dot_hyvsj_ae7i0_1218"
+  "background": "awsui_background_hyvsj_6otqt_93",
+  "scrolling-background": "awsui_scrolling-background_hyvsj_6otqt_96",
+  "sticky-background": "awsui_sticky-background_hyvsj_6otqt_102",
+  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_6otqt_110",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_6otqt_123",
+  "has-sticky-background": "awsui_has-sticky-background_hyvsj_6otqt_133",
+  "drawers-container": "awsui_drawers-container_hyvsj_6otqt_145",
+  "has-open-drawer": "awsui_has-open-drawer_hyvsj_6otqt_156",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_6otqt_180",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_6otqt_185",
+  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_6otqt_204",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_6otqt_214",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_6otqt_218",
+  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_6otqt_232",
+  "drawers-trigger": "awsui_drawers-trigger_hyvsj_6otqt_218",
+  "drawer": "awsui_drawer_hyvsj_6otqt_145",
+  "drawer-content-container": "awsui_drawer-content-container_hyvsj_6otqt_262",
+  "drawer-close-button": "awsui_drawer-close-button_hyvsj_6otqt_271",
+  "drawer-content": "awsui_drawer-content_hyvsj_6otqt_262",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_6otqt_279",
+  "drawer-slider": "awsui_drawer-slider_hyvsj_6otqt_282",
+  "is-drawer-open": "awsui_is-drawer-open_hyvsj_6otqt_289",
+  "content": "awsui_content_hyvsj_6otqt_314",
+  "layout": "awsui_layout_hyvsj_6otqt_335",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_6otqt_418",
+  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_6otqt_433",
+  "content-type-table": "awsui_content-type-table_hyvsj_6otqt_447",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_6otqt_447",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_6otqt_453",
+  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_6otqt_456",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_6otqt_488",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_6otqt_491",
+  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_6otqt_501",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_6otqt_504",
+  "content-first-child-header": "awsui_content-first-child-header_hyvsj_6otqt_507",
+  "has-header": "awsui_has-header_hyvsj_6otqt_507",
+  "content-first-child-main": "awsui_content-first-child-main_hyvsj_6otqt_528",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_6otqt_528",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_6otqt_571",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_6otqt_571",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_6otqt_587",
+  "unfocusable": "awsui_unfocusable_hyvsj_6otqt_592",
+  "container": "awsui_container_hyvsj_6otqt_602",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_6otqt_627",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_6otqt_630",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_6otqt_630",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_6otqt_630",
+  "has-active-drawer": "awsui_has-active-drawer_hyvsj_6otqt_630",
+  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_6otqt_639",
+  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_6otqt_655",
+  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_6otqt_659",
+  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_6otqt_663",
+  "navigation-container": "awsui_navigation-container_hyvsj_6otqt_672",
+  "show-navigation": "awsui_show-navigation_hyvsj_6otqt_716",
+  "animating": "awsui_animating_hyvsj_6otqt_738",
+  "showButtons": "awsui_showButtons_hyvsj_6otqt_1",
+  "navigation": "awsui_navigation_hyvsj_6otqt_672",
+  "openNavigation": "awsui_openNavigation_hyvsj_6otqt_1",
+  "animated-content": "awsui_animated-content_hyvsj_6otqt_800",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_6otqt_809",
+  "notifications": "awsui_notifications_hyvsj_6otqt_819",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_6otqt_825",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_6otqt_842",
+  "position-bottom": "awsui_position-bottom_hyvsj_6otqt_889",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_6otqt_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_6otqt_918",
+  "position-side": "awsui_position-side_hyvsj_6otqt_931",
+  "tools-container": "awsui_tools-container_hyvsj_6otqt_950",
+  "tools": "awsui_tools_hyvsj_6otqt_950",
+  "openTools": "awsui_openTools_hyvsj_6otqt_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_6otqt_1045",
+  "hide-tools": "awsui_hide-tools_hyvsj_6otqt_1055",
+  "show-tools": "awsui_show-tools_hyvsj_6otqt_1067",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_6otqt_1045",
+  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_6otqt_1127",
+  "trigger": "awsui_trigger_hyvsj_6otqt_1127",
+  "selected": "awsui_selected_hyvsj_6otqt_1190",
+  "badge": "awsui_badge_hyvsj_6otqt_1210",
+  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_6otqt_1214",
+  "dot": "awsui_dot_hyvsj_6otqt_1220"
 };
   

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

@@ -191,9 +191,9 @@
   --color-background-layout-mobile-panel-0ussje:#000716;
   --color-background-layout-panel-content-t82vgh:#ffffff;
   --color-background-layout-panel-hover-n9apd3:#e9ebed;
-  --color-background-layout-toggle-active-robi8g:#354150;
-  --color-background-layout-toggle-default-lmdlhy:#192534;
-  --color-background-layout-toggle-hover-ho9150:#354150;
+  --color-background-layout-toggle-active-aa8dko:#414d5c;
+  --color-background-layout-toggle-default-o2evu2:#414d5c;
+  --color-background-layout-toggle-hover-awem6j:#5f6b7a;
   --color-background-layout-toggle-selected-active-xfk480:#0972d3;
   --color-background-layout-toggle-selected-default-caco0q:#0972d3;
   --color-background-layout-toggle-selected-hover-kjak2q:#065299;
@@ -531,8 +531,9 @@
   --space-grid-gutter-ieqn7e:20px;
   --space-key-value-gap-0517k5:0px;
   --space-layout-content-bottom-noqzmw:40px;
-  --space-layout-toggle-diameter-x54u6y:40px;
-  --space-layout-toggle-padding-sgkxy2:20px;
+  --space-layout-content-horizontal-7l52k3:24px;
+  --space-layout-toggle-diameter-hb85rk:36px;
+  --space-layout-toggle-padding-lcu6qi:12px;
   --space-modal-content-bottom-hqahub:16px;
   --space-modal-horizontal-f89syl:20px;
   --space-option-icon-big-top-hybljv:0px;
@@ -555,7 +556,6 @@
   --space-scaled-2x-m-owtj1o:16px;
   --space-scaled-2x-l-ujnz41:20px;
   --space-scaled-2x-xl-udij7m:24px;
-  --space-scaled-2x-xxxl-eqb3m6:40px;
   --space-scaled-none-vhzhxe:0px;
   --space-scaled-xxxs-27y4hv:2px;
   --space-scaled-xxs-7597g1:4px;
@@ -971,7 +971,7 @@
   --space-expandable-section-icon-offset-top-ekk5vc:0px;
   --space-grid-gutter-ieqn7e:16px;
   --space-layout-content-bottom-noqzmw:24px;
-  --space-layout-toggle-padding-sgkxy2:16px;
+  --space-layout-content-horizontal-7l52k3:16px;
   --space-modal-content-bottom-hqahub:8px;
   --space-panel-side-right-xofg51:20px;
   --space-panel-split-top-q1pux4:16px;
@@ -981,7 +981,6 @@
   --space-scaled-2x-m-owtj1o:8px;
   --space-scaled-2x-l-ujnz41:12px;
   --space-scaled-2x-xl-udij7m:16px;
-  --space-scaled-2x-xxxl-eqb3m6:24px;
   --space-scaled-xxxs-27y4hv:0px;
   --space-scaled-xxs-7597g1:2px;
   --space-scaled-xs-26e2du:4px;
@@ -1021,7 +1020,6 @@
   --space-card-vertical-m591he:12px;
   --space-container-header-bottom-vj01hn:4px;
   --space-content-header-padding-bottom-y2enua:12px;
-  --space-layout-toggle-padding-sgkxy2:16px;
   --space-panel-side-right-xofg51:20px;
   --space-panel-split-top-q1pux4:16px;
   --space-tabs-content-top-dedu0k:8px;

package/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (4f679f90)";
+export var PACKAGE_VERSION = "3.0.0 (4a8b0f35)";
 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 (4f679f90)",
+  "PACKAGE_VERSION": "3.0.0 (4a8b0f35)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/internal/generated/styles/tokens.js

@@ -174,9 +174,9 @@ export var colorBackgroundInputDefault = "var(--color-background-input-default-i
 export var colorBackgroundInputDisabled = "var(--color-background-input-disabled-ab59a3, #e9ebed)";
 export var colorBackgroundItemSelected = "var(--color-background-item-selected-7tr5e4, #f2f8fd)";
 export var colorBackgroundLayoutMain = "var(--color-background-layout-main-nx09lr, #ffffff)";
-export var colorBackgroundLayoutToggleActive = "var(--color-background-layout-toggle-active-robi8g, #354150)";
-export var colorBackgroundLayoutToggleDefault = "var(--color-background-layout-toggle-default-lmdlhy, #192534)";
-export var colorBackgroundLayoutToggleHover = "var(--color-background-layout-toggle-hover-ho9150, #354150)";
+export var colorBackgroundLayoutToggleActive = "var(--color-background-layout-toggle-active-aa8dko, #414d5c)";
+export var colorBackgroundLayoutToggleDefault = "var(--color-background-layout-toggle-default-o2evu2, #414d5c)";
+export var colorBackgroundLayoutToggleHover = "var(--color-background-layout-toggle-hover-awem6j, #5f6b7a)";
 export var colorBackgroundLayoutToggleSelectedActive = "var(--color-background-layout-toggle-selected-active-xfk480, #0972d3)";
 export var colorBackgroundLayoutToggleSelectedDefault = "var(--color-background-layout-toggle-selected-default-caco0q, #0972d3)";
 export var colorBackgroundLayoutToggleSelectedHover = "var(--color-background-layout-toggle-selected-hover-kjak2q, #065299)";

package/internal/generated/theming/index.cjs

@@ -890,16 +890,16 @@ module.exports.preset = {
         "dark": "{colorGrey650}"
       },
       "colorBackgroundLayoutToggleActive": {
-        "light": "{colorGrey650}",
-        "dark": "{colorGrey650}"
+        "light": "{colorGrey600}",
+        "dark": "{colorGrey600}"
       },
       "colorBackgroundLayoutToggleDefault": {
-        "light": "{colorGrey750}",
-        "dark": "{colorGrey750}"
+        "light": "{colorGrey600}",
+        "dark": "{colorGrey600}"
       },
       "colorBackgroundLayoutToggleHover": {
-        "light": "{colorGrey650}",
-        "dark": "{colorGrey650}"
+        "light": "{colorGrey550}",
+        "dark": "{colorGrey550}"
       },
       "colorBackgroundLayoutToggleSelectedActive": {
         "light": "{colorBlue600}",
@@ -2039,13 +2039,17 @@ module.exports.preset = {
         "comfortable": "{spaceScaled2xXxxl}",
         "compact": "{spaceScaled2xXxxl}"
       },
+      "spaceLayoutContentHorizontal": {
+        "comfortable": "{spaceScaled2xXl}",
+        "compact": "{spaceScaled2xXl}"
+      },
       "spaceLayoutToggleDiameter": {
-        "comfortable": "40px",
-        "compact": "40px"
+        "comfortable": "36px",
+        "compact": "36px"
       },
       "spaceLayoutTogglePadding": {
-        "comfortable": "{spaceScaledL}",
-        "compact": "{spaceScaledL}"
+        "comfortable": "{spaceStaticS}",
+        "compact": "{spaceStaticS}"
       },
       "spaceModalContentBottom": {
         "comfortable": "{spaceScaled2xM}",
@@ -2477,13 +2481,17 @@ module.exports.preset = {
             "comfortable": "{spaceScaled2xXxxl}",
             "compact": "{spaceScaled2xXxxl}"
           },
+          "spaceLayoutContentHorizontal": {
+            "comfortable": "{spaceScaled2xXl}",
+            "compact": "{spaceScaled2xXl}"
+          },
           "spaceLayoutToggleDiameter": {
-            "comfortable": "40px",
-            "compact": "40px"
+            "comfortable": "36px",
+            "compact": "36px"
           },
           "spaceLayoutTogglePadding": {
-            "comfortable": "{spaceScaledL}",
-            "compact": "{spaceScaledL}"
+            "comfortable": "{spaceStaticS}",
+            "compact": "{spaceStaticS}"
           },
           "spaceModalContentBottom": {
             "comfortable": "{spaceScaled2xM}",
@@ -2908,16 +2916,16 @@ module.exports.preset = {
             "dark": "{colorGrey650}"
           },
           "colorBackgroundLayoutToggleActive": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBackgroundLayoutToggleDefault": {
-            "light": "{colorGrey750}",
-            "dark": "{colorGrey750}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBackgroundLayoutToggleHover": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
           },
           "colorBackgroundLayoutToggleSelectedActive": {
             "light": "{colorBlue500}",
@@ -3914,16 +3922,16 @@ module.exports.preset = {
             "dark": "{colorGrey650}"
           },
           "colorBackgroundLayoutToggleActive": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBackgroundLayoutToggleDefault": {
-            "light": "{colorGrey750}",
-            "dark": "{colorGrey750}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBackgroundLayoutToggleHover": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
           },
           "colorBackgroundLayoutToggleSelectedActive": {
             "light": "{colorBlue500}",
@@ -4852,16 +4860,16 @@ module.exports.preset = {
             "dark": "{colorGrey650}"
           },
           "colorBackgroundLayoutToggleActive": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBackgroundLayoutToggleDefault": {
-            "light": "{colorGrey750}",
-            "dark": "{colorGrey750}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBackgroundLayoutToggleHover": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
           },
           "colorBackgroundLayoutToggleSelectedActive": {
             "light": "{colorBlue600}",
@@ -5790,16 +5798,16 @@ module.exports.preset = {
             "dark": "{colorGrey650}"
           },
           "colorBackgroundLayoutToggleActive": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBackgroundLayoutToggleDefault": {
-            "light": "{colorGrey750}",
-            "dark": "{colorGrey750}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBackgroundLayoutToggleHover": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
           },
           "colorBackgroundLayoutToggleSelectedActive": {
             "light": "{colorBlue600}",
@@ -6728,16 +6736,16 @@ module.exports.preset = {
             "dark": "{colorGrey650}"
           },
           "colorBackgroundLayoutToggleActive": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBackgroundLayoutToggleDefault": {
-            "light": "{colorGrey750}",
-            "dark": "{colorGrey750}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBackgroundLayoutToggleHover": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
           },
           "colorBackgroundLayoutToggleSelectedActive": {
             "light": "{colorBlue600}",
@@ -7668,16 +7676,16 @@ module.exports.preset = {
             "dark": "{colorGrey650}"
           },
           "colorBackgroundLayoutToggleActive": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBackgroundLayoutToggleDefault": {
-            "light": "{colorGrey750}",
-            "dark": "{colorGrey750}"
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey600}"
           },
           "colorBackgroundLayoutToggleHover": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
           },
           "colorBackgroundLayoutToggleSelectedActive": {
             "light": "{colorBlue500}",
@@ -8885,6 +8893,7 @@ module.exports.preset = {
       "spaceGridGutter": "density",
       "spaceKeyValueGap": "density",
       "spaceLayoutContentBottom": "density",
+      "spaceLayoutContentHorizontal": "density",
       "spaceLayoutToggleDiameter": "density",
       "spaceLayoutTogglePadding": "density",
       "spaceModalContentBottom": "density",
@@ -10124,6 +10133,7 @@ module.exports.preset = {
     "spaceGridGutter": "space-grid-gutter",
     "spaceKeyValueGap": "space-key-value-gap",
     "spaceLayoutContentBottom": "space-layout-content-bottom",
+    "spaceLayoutContentHorizontal": "space-layout-content-horizontal",
     "spaceLayoutToggleDiameter": "space-layout-toggle-diameter",
     "spaceLayoutTogglePadding": "space-layout-toggle-padding",
     "spaceModalContentBottom": "space-modal-content-bottom",
@@ -10452,9 +10462,9 @@ module.exports.preset = {
     "colorBackgroundLayoutMobilePanel": "--color-background-layout-mobile-panel-0ussje",
     "colorBackgroundLayoutPanelContent": "--color-background-layout-panel-content-t82vgh",
     "colorBackgroundLayoutPanelHover": "--color-background-layout-panel-hover-n9apd3",
-    "colorBackgroundLayoutToggleActive": "--color-background-layout-toggle-active-robi8g",
-    "colorBackgroundLayoutToggleDefault": "--color-background-layout-toggle-default-lmdlhy",
-    "colorBackgroundLayoutToggleHover": "--color-background-layout-toggle-hover-ho9150",
+    "colorBackgroundLayoutToggleActive": "--color-background-layout-toggle-active-aa8dko",
+    "colorBackgroundLayoutToggleDefault": "--color-background-layout-toggle-default-o2evu2",
+    "colorBackgroundLayoutToggleHover": "--color-background-layout-toggle-hover-awem6j",
     "colorBackgroundLayoutToggleSelectedActive": "--color-background-layout-toggle-selected-active-xfk480",
     "colorBackgroundLayoutToggleSelectedDefault": "--color-background-layout-toggle-selected-default-caco0q",
     "colorBackgroundLayoutToggleSelectedHover": "--color-background-layout-toggle-selected-hover-kjak2q",
@@ -10804,8 +10814,9 @@ module.exports.preset = {
     "spaceGridGutter": "--space-grid-gutter-ieqn7e",
     "spaceKeyValueGap": "--space-key-value-gap-0517k5",
     "spaceLayoutContentBottom": "--space-layout-content-bottom-noqzmw",
-    "spaceLayoutToggleDiameter": "--space-layout-toggle-diameter-x54u6y",
-    "spaceLayoutTogglePadding": "--space-layout-toggle-padding-sgkxy2",
+    "spaceLayoutContentHorizontal": "--space-layout-content-horizontal-7l52k3",
+    "spaceLayoutToggleDiameter": "--space-layout-toggle-diameter-hb85rk",
+    "spaceLayoutTogglePadding": "--space-layout-toggle-padding-lcu6qi",
     "spaceModalContentBottom": "--space-modal-content-bottom-hqahub",
     "spaceModalHorizontal": "--space-modal-horizontal-f89syl",
     "spaceOptionIconBigTop": "--space-option-icon-big-top-hybljv",