@cloudscape-design/components-themeable 3.0.640 → 3.0.641

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

@@ -266,6 +266,7 @@
   --color-border-item-selected-20gejb:#0073bb;
   --color-border-layout-py7xy0:#d5dbdb;
   --color-border-notification-stack-bar-sbqbf5:#2a2e33;
+  --color-border-panel-header-kec01h:#eaeded;
   --color-border-popover-sxojn8:#d5dbdb;
   --color-border-segment-active-mnwdth:#16191f;
   --color-border-segment-default-35wzaz:#687078;
@@ -548,6 +549,10 @@
   --space-modal-content-bottom-jqf2xu:20px;
   --space-modal-horizontal-rppbjb:20px;
   --space-option-icon-big-top-b7er3p:2px;
+  --space-panel-content-bottom-a67jcq:40px;
+  --space-panel-content-top-adxo81:20px;
+  --space-panel-divider-margin-horizontal-2jmfkj:12px;
+  --space-panel-header-vertical-3c8qmg:20px;
   --space-panel-nav-left-c5t4hj:32px;
   --space-panel-side-left-wmxosk:32px;
   --space-panel-side-right-23w8pv:32px;
@@ -858,6 +863,7 @@
     --color-border-dropdown-item-focused-3o10kx:#00a1c9;
     --color-border-item-selected-20gejb:#00a1c9;
     --color-border-layout-py7xy0:#414750;
+    --color-border-panel-header-kec01h:#414750;
     --color-border-popover-sxojn8:#545b64;
     --color-border-segment-active-mnwdth:#ffffff;
     --color-border-segment-default-35wzaz:#879596;
@@ -989,6 +995,9 @@
   --space-layout-content-bottom-ve4osc:16px;
   --space-layout-content-horizontal-sin989:24px;
   --space-modal-content-bottom-jqf2xu:16px;
+  --space-panel-content-bottom-a67jcq:32px;
+  --space-panel-content-top-adxo81:16px;
+  --space-panel-header-vertical-3c8qmg:16px;
   --space-panel-side-left-wmxosk:24px;
   --space-panel-side-right-23w8pv:24px;
   --space-tabs-content-top-53djlo:12px;
@@ -1042,6 +1051,9 @@
   --space-key-value-gap-5wd2dd:0px;
   --space-layout-content-bottom-ve4osc:16px;
   --space-modal-content-bottom-jqf2xu:16px;
+  --space-panel-content-bottom-a67jcq:32px;
+  --space-panel-content-top-adxo81:16px;
+  --space-panel-header-vertical-3c8qmg:16px;
   --space-panel-side-left-wmxosk:24px;
   --space-panel-side-right-23w8pv:24px;
   --space-tabs-content-top-53djlo:12px;
@@ -1148,6 +1160,7 @@
   --color-border-dropdown-item-focused-3o10kx:#00a1c9;
   --color-border-item-selected-20gejb:#00a1c9;
   --color-border-layout-py7xy0:#414750;
+  --color-border-panel-header-kec01h:#414750;
   --color-border-popover-sxojn8:#545b64;
   --color-border-segment-active-mnwdth:#ffffff;
   --color-border-segment-default-35wzaz:#879596;
@@ -1260,6 +1273,7 @@
   --color-border-dropdown-item-top-of452d:#fafafa;
   --color-border-input-focused-v6z9fd:#fafafa;
   --color-border-item-focused-v8nq2m:#fafafa;
+  --color-border-panel-header-kec01h:#fafafa;
   --color-border-tabs-shadow-vlaodw:#fafafa;
   --color-text-body-default-ffdwgg:#fafafa;
   --color-text-expandable-section-default-6s8xf7:#fafafa;
@@ -1278,6 +1292,7 @@
   --color-border-dropdown-item-top-of452d:#16191f;
   --color-border-input-focused-v6z9fd:#16191f;
   --color-border-item-focused-v8nq2m:#16191f;
+  --color-border-panel-header-kec01h:#16191f;
   --color-border-tabs-shadow-vlaodw:#16191f;
   --color-text-expandable-section-default-6s8xf7:#16191f;
   --color-text-heading-secondary-b83go1:#16191f;
@@ -1295,6 +1310,7 @@
   --color-border-dropdown-item-default-xnte9u:#545b64;
   --color-border-dropdown-item-selected-fxzclw:#545b64;
   --color-border-dropdown-item-top-of452d:#545b64;
+  --color-border-panel-header-kec01h:#545b64;
   --color-border-tabs-shadow-vlaodw:#545b64;
 }
 
@@ -1331,6 +1347,7 @@
     --color-border-dropdown-item-default-xnte9u:#d5dbdb;
     --color-border-dropdown-item-selected-fxzclw:#d5dbdb;
     --color-border-dropdown-item-top-of452d:#d5dbdb;
+    --color-border-panel-header-kec01h:#d5dbdb;
     --color-border-tabs-shadow-vlaodw:rgba(0, 0, 0, 0.3);
   }
 }
@@ -1343,6 +1360,7 @@
     --color-border-dropdown-item-default-xnte9u:#d5dbdb;
     --color-border-dropdown-item-selected-fxzclw:#d5dbdb;
     --color-border-dropdown-item-top-of452d:#d5dbdb;
+    --color-border-panel-header-kec01h:#d5dbdb;
     --color-border-tabs-shadow-vlaodw:rgba(0, 0, 0, 0.3);
   }
 }
@@ -1450,6 +1468,7 @@
   --color-border-item-selected-20gejb:#0972d3;
   --color-border-layout-py7xy0:#d1d5db;
   --color-border-notification-stack-bar-sbqbf5:#232f3e;
+  --color-border-panel-header-kec01h:#b6bec9;
   --color-border-popover-sxojn8:#9ba7b6;
   --color-border-segment-active-mnwdth:#414d5c;
   --color-border-segment-default-35wzaz:#414d5c;
@@ -1660,6 +1679,7 @@
   --space-layout-content-horizontal-sin989:24px;
   --space-modal-content-bottom-jqf2xu:16px;
   --space-option-icon-big-top-b7er3p:0px;
+  --space-panel-divider-margin-horizontal-2jmfkj:8px;
   --space-panel-nav-left-c5t4hj:28px;
   --space-panel-side-left-wmxosk:28px;
   --space-panel-side-right-23w8pv:24px;
@@ -1787,6 +1807,7 @@
     --color-border-item-placeholder-14j9vy:#539fe5;
     --color-border-item-selected-20gejb:#539fe5;
     --color-border-layout-py7xy0:#354150;
+    --color-border-panel-header-kec01h:#414d5c;
     --color-border-popover-sxojn8:#5f6b7a;
     --color-border-segment-active-mnwdth:#d1d5db;
     --color-border-segment-default-35wzaz:#d1d5db;
@@ -2054,6 +2075,7 @@
   --color-border-item-placeholder-14j9vy:#539fe5;
   --color-border-item-selected-20gejb:#539fe5;
   --color-border-layout-py7xy0:#354150;
+  --color-border-panel-header-kec01h:#414d5c;
   --color-border-popover-sxojn8:#5f6b7a;
   --color-border-segment-active-mnwdth:#d1d5db;
   --color-border-segment-default-35wzaz:#d1d5db;
@@ -2244,6 +2266,7 @@
   --color-border-item-placeholder-14j9vy:#539fe5;
   --color-border-item-selected-20gejb:#539fe5;
   --color-border-layout-py7xy0:#354150;
+  --color-border-panel-header-kec01h:#414d5c;
   --color-border-popover-sxojn8:#5f6b7a;
   --color-border-segment-active-mnwdth:#d1d5db;
   --color-border-segment-default-35wzaz:#d1d5db;
@@ -2436,6 +2459,7 @@
   --color-border-item-placeholder-14j9vy:#539fe5;
   --color-border-item-selected-20gejb:#539fe5;
   --color-border-layout-py7xy0:#354150;
+  --color-border-panel-header-kec01h:#414d5c;
   --color-border-popover-sxojn8:#5f6b7a;
   --color-border-segment-active-mnwdth:#d1d5db;
   --color-border-segment-default-35wzaz:#d1d5db;
@@ -2641,6 +2665,7 @@
   --color-border-item-placeholder-14j9vy:#539fe5;
   --color-border-item-selected-20gejb:#539fe5;
   --color-border-layout-py7xy0:#354150;
+  --color-border-panel-header-kec01h:#414d5c;
   --color-border-popover-sxojn8:#5f6b7a;
   --color-border-segment-active-mnwdth:#d1d5db;
   --color-border-segment-default-35wzaz:#d1d5db;
@@ -2780,6 +2805,7 @@
   --color-border-dropdown-item-top-of452d:transparent;
   --color-border-input-focused-v6z9fd:#033160;
   --color-border-item-focused-v8nq2m:#fbfbfb;
+  --color-border-panel-header-kec01h:#fbfbfb;
   --color-border-tabs-shadow-vlaodw:rgba(0, 7, 22, 0.12);
   --color-text-body-default-ffdwgg:#fbfbfb;
   --color-text-button-normal-active-fp98iq:#ffffff;
@@ -2810,6 +2836,7 @@
   --color-border-dropdown-group-mkqzrv:#fbfbfb;
   --color-border-dropdown-item-default-xnte9u:#fbfbfb;
   --color-border-item-focused-v8nq2m:#fbfbfb;
+  --color-border-panel-header-kec01h:#fbfbfb;
   --color-text-body-default-ffdwgg:#fbfbfb;
   --color-text-button-normal-active-fp98iq:#ffffff;
   --color-text-button-normal-default-gpe171:#fbfbfb;
@@ -2845,6 +2872,7 @@
   --color-border-dropdown-item-top-of452d:transparent;
   --color-border-input-focused-v6z9fd:#033160;
   --color-border-item-focused-v8nq2m:#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;
   --color-text-button-normal-default-gpe171:#414d5c;
@@ -2876,6 +2904,7 @@
   --color-border-dropdown-group-mkqzrv:#000716;
   --color-border-dropdown-item-default-xnte9u:#000716;
   --color-border-item-focused-v8nq2m:#000716;
+  --color-border-panel-header-kec01h:#000716;
   --color-text-button-normal-active-fp98iq:#000716;
   --color-text-button-normal-default-gpe171:#414d5c;
   --color-text-button-normal-hover-3xe8o6:#000716;
@@ -2908,6 +2937,7 @@
   --color-border-dropdown-item-default-xnte9u:#414d5c;
   --color-border-dropdown-item-selected-fxzclw:#0972d3;
   --color-border-dropdown-item-top-of452d:transparent;
+  --color-border-panel-header-kec01h:#414d5c;
   --color-border-tabs-shadow-vlaodw:rgba(0, 7, 22, 0.12);
   --color-text-button-normal-active-fp98iq:#000716;
   --color-text-button-normal-default-gpe171:#414d5c;
@@ -2934,6 +2964,7 @@
   --color-border-divider-panel-side-btgups:#414d5c;
   --color-border-dropdown-group-mkqzrv:#414d5c;
   --color-border-dropdown-item-default-xnte9u:#414d5c;
+  --color-border-panel-header-kec01h:#414d5c;
   --color-text-button-normal-active-fp98iq:#000716;
   --color-text-button-normal-default-gpe171:#414d5c;
   --color-text-button-normal-hover-3xe8o6:#000716;
@@ -3032,6 +3063,7 @@
   --color-border-item-placeholder-14j9vy:#539fe5;
   --color-border-item-selected-20gejb:#539fe5;
   --color-border-layout-py7xy0:#354150;
+  --color-border-panel-header-kec01h:#d1d5db;
   --color-border-popover-sxojn8:#5f6b7a;
   --color-border-segment-active-mnwdth:#d1d5db;
   --color-border-segment-default-35wzaz:#d1d5db;
@@ -3225,6 +3257,7 @@
   --color-border-item-placeholder-14j9vy:#539fe5;
   --color-border-item-selected-20gejb:#539fe5;
   --color-border-layout-py7xy0:#354150;
+  --color-border-panel-header-kec01h:#d1d5db;
   --color-border-popover-sxojn8:#5f6b7a;
   --color-border-segment-active-mnwdth:#d1d5db;
   --color-border-segment-default-35wzaz:#d1d5db;
@@ -3379,6 +3412,7 @@
     --color-border-dropdown-item-default-xnte9u:#d1d5db;
     --color-border-dropdown-item-selected-fxzclw:#539fe5;
     --color-border-item-focused-v8nq2m:#fbfbfb;
+    --color-border-panel-header-kec01h:#d1d5db;
     --color-border-tabs-shadow-vlaodw:rgba(0, 7, 22, 1);
     --color-text-button-normal-active-fp98iq:#ffffff;
     --color-text-button-normal-default-gpe171:#d1d5db;
@@ -3404,6 +3438,7 @@
     --color-border-dropdown-item-default-xnte9u:#d1d5db;
     --color-border-dropdown-item-selected-fxzclw:#539fe5;
     --color-border-item-focused-v8nq2m:#fbfbfb;
+    --color-border-panel-header-kec01h:#d1d5db;
     --color-border-tabs-shadow-vlaodw:rgba(0, 7, 22, 1);
     --color-text-button-normal-active-fp98iq:#ffffff;
     --color-text-button-normal-default-gpe171:#d1d5db;

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

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

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

@@ -327,6 +327,7 @@ export const colorBorderItemPlaceholder: string;
 export const colorBorderItemSelected: string;
 export const colorBorderLayout: string;
 export const colorBorderNotificationStackBar: string;
+export const colorBorderPanelHeader: string;
 export const colorBorderPopover: string;
 export const colorBorderSegmentActive: string;
 export const colorBorderSegmentDefault: string;
@@ -620,6 +621,10 @@ export const spaceLayoutTogglePadding: string;
 export const spaceModalContentBottom: string;
 export const spaceModalHorizontal: string;
 export const spaceOptionIconBigTop: string;
+export const spacePanelContentBottom: string;
+export const spacePanelContentTop: string;
+export const spacePanelDividerMarginHorizontal: string;
+export const spacePanelHeaderVertical: string;
 export const spacePanelNavLeft: string;
 export const spacePanelSideLeft: string;
 export const spacePanelSideRight: string;

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

@@ -327,6 +327,7 @@ export var colorBorderItemPlaceholder = "var(--color-border-item-placeholder-h8j
 export var colorBorderItemSelected = "var(--color-border-item-selected-k00wlz, #0972d3)";
 export var colorBorderLayout = "var(--color-border-layout-ownedw, #d1d5db)";
 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)";
 export var colorBorderSegmentActive = "var(--color-border-segment-active-9ah16u, #414d5c)";
 export var colorBorderSegmentDefault = "var(--color-border-segment-default-a5zrkd, #414d5c)";
@@ -620,6 +621,10 @@ export var spaceLayoutTogglePadding = "var(--space-layout-toggle-padding-lcu6qi,
 export var spaceModalContentBottom = "var(--space-modal-content-bottom-hqahub, 16px)";
 export var spaceModalHorizontal = "var(--space-modal-horizontal-f89syl, 20px)";
 export var spaceOptionIconBigTop = "var(--space-option-icon-big-top-hybljv, 0px)";
+export var spacePanelContentBottom = "var(--space-panel-content-bottom-7k6er3, 40px)";
+export var spacePanelContentTop = "var(--space-panel-content-top-wac3yp, 20px)";
+export var spacePanelDividerMarginHorizontal = "var(--space-panel-divider-margin-horizontal-sbik1z, 8px)";
+export var spacePanelHeaderVertical = "var(--space-panel-header-vertical-gv9pti, 20px)";
 export var spacePanelNavLeft = "var(--space-panel-nav-left-b1g0mt, 28px)";
 export var spacePanelSideLeft = "var(--space-panel-side-left-5t0who, 28px)";
 export var spacePanelSideRight = "var(--space-panel-side-right-xofg51, 24px)";

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

@@ -1193,6 +1193,10 @@ module.exports.preset = {
         "light": "{colorGrey700}",
         "dark": "{colorGrey700}"
       },
+      "colorBorderPanelHeader": {
+        "light": "{colorBorderDividerDefault}",
+        "dark": "{colorBorderDividerDefault}"
+      },
       "colorBorderPopover": {
         "light": "{colorGrey400}",
         "dark": "{colorGrey550}"
@@ -2107,6 +2111,22 @@ module.exports.preset = {
         "comfortable": "0px",
         "compact": "0px"
       },
+      "spacePanelContentBottom": {
+        "comfortable": "{spaceScaledXxxl}",
+        "compact": "{spaceScaledXxxl}"
+      },
+      "spacePanelContentTop": {
+        "comfortable": "{spaceScaledL}",
+        "compact": "{spaceScaledL}"
+      },
+      "spacePanelDividerMarginHorizontal": {
+        "comfortable": "{spaceXs}",
+        "compact": "{spaceXs}"
+      },
+      "spacePanelHeaderVertical": {
+        "comfortable": "{spaceScaledL}",
+        "compact": "{spaceScaledL}"
+      },
       "spacePanelNavLeft": {
         "comfortable": "28px",
         "compact": "28px"
@@ -2553,6 +2573,22 @@ module.exports.preset = {
             "comfortable": "0px",
             "compact": "0px"
           },
+          "spacePanelContentBottom": {
+            "comfortable": "{spaceScaledXxxl}",
+            "compact": "{spaceScaledXxxl}"
+          },
+          "spacePanelContentTop": {
+            "comfortable": "{spaceScaledL}",
+            "compact": "{spaceScaledL}"
+          },
+          "spacePanelDividerMarginHorizontal": {
+            "comfortable": "{spaceXs}",
+            "compact": "{spaceXs}"
+          },
+          "spacePanelHeaderVertical": {
+            "comfortable": "{spaceScaledL}",
+            "compact": "{spaceScaledL}"
+          },
           "spacePanelNavLeft": {
             "comfortable": "28px",
             "compact": "28px"
@@ -3263,6 +3299,10 @@ module.exports.preset = {
             "light": "{colorGrey700}",
             "dark": "{colorGrey700}"
           },
+          "colorBorderPanelHeader": {
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
+          },
           "colorBorderPopover": {
             "light": "{colorGrey550}",
             "dark": "{colorGrey550}"
@@ -4305,6 +4345,10 @@ module.exports.preset = {
             "light": "{colorGrey700}",
             "dark": "{colorGrey700}"
           },
+          "colorBorderPanelHeader": {
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
+          },
           "colorBorderPopover": {
             "light": "{colorGrey550}",
             "dark": "{colorGrey550}"
@@ -5279,6 +5323,10 @@ module.exports.preset = {
             "light": "{colorGrey700}",
             "dark": "{colorGrey700}"
           },
+          "colorBorderPanelHeader": {
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
+          },
           "colorBorderPopover": {
             "light": "{colorGrey400}",
             "dark": "{colorGrey550}"
@@ -6253,6 +6301,10 @@ module.exports.preset = {
             "light": "{colorGrey700}",
             "dark": "{colorGrey700}"
           },
+          "colorBorderPanelHeader": {
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
+          },
           "colorBorderPopover": {
             "light": "{colorGrey400}",
             "dark": "{colorGrey550}"
@@ -7227,6 +7279,10 @@ module.exports.preset = {
             "light": "{colorGrey700}",
             "dark": "{colorGrey700}"
           },
+          "colorBorderPanelHeader": {
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
+          },
           "colorBorderPopover": {
             "light": "{colorGrey400}",
             "dark": "{colorGrey550}"
@@ -8203,6 +8259,10 @@ module.exports.preset = {
             "light": "{colorGrey700}",
             "dark": "{colorGrey700}"
           },
+          "colorBorderPanelHeader": {
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
+          },
           "colorBorderPopover": {
             "light": "{colorGrey550}",
             "dark": "{colorGrey550}"
@@ -8966,6 +9026,7 @@ module.exports.preset = {
       "colorBorderItemSelected": "color",
       "colorBorderLayout": "color",
       "colorBorderNotificationStackBar": "color",
+      "colorBorderPanelHeader": "color",
       "colorBorderPopover": "color",
       "colorBorderSegmentActive": "color",
       "colorBorderSegmentDefault": "color",
@@ -9173,6 +9234,10 @@ module.exports.preset = {
       "spaceModalContentBottom": "density",
       "spaceModalHorizontal": "density",
       "spaceOptionIconBigTop": "density",
+      "spacePanelContentBottom": "density",
+      "spacePanelContentTop": "density",
+      "spacePanelDividerMarginHorizontal": "density",
+      "spacePanelHeaderVertical": "density",
       "spacePanelNavLeft": "density",
       "spacePanelSideLeft": "density",
       "spacePanelSideRight": "density",
@@ -10145,6 +10210,7 @@ module.exports.preset = {
     "colorBorderItemSelected": "color-border-item-selected",
     "colorBorderLayout": "color-border-layout",
     "colorBorderNotificationStackBar": "color-border-notification-stack-bar",
+    "colorBorderPanelHeader": "color-border-panel-header",
     "colorBorderPopover": "color-border-popover",
     "colorBorderSegmentActive": "color-border-segment-active",
     "colorBorderSegmentDefault": "color-border-segment-default",
@@ -10438,6 +10504,10 @@ module.exports.preset = {
     "spaceModalContentBottom": "space-modal-content-bottom",
     "spaceModalHorizontal": "space-modal-horizontal",
     "spaceOptionIconBigTop": "space-option-icon-big-top",
+    "spacePanelContentBottom": "space-panel-content-bottom",
+    "spacePanelContentTop": "space-panel-content-top",
+    "spacePanelDividerMarginHorizontal": "space-panel-divider-margin-horizontal",
+    "spacePanelHeaderVertical": "space-panel-header-vertical",
     "spacePanelNavLeft": "space-panel-nav-left",
     "spacePanelSideLeft": "space-panel-side-left",
     "spacePanelSideRight": "space-panel-side-right",
@@ -10840,6 +10910,7 @@ module.exports.preset = {
     "colorBorderItemSelected": "--color-border-item-selected-k00wlz",
     "colorBorderLayout": "--color-border-layout-ownedw",
     "colorBorderNotificationStackBar": "--color-border-notification-stack-bar-t3aws2",
+    "colorBorderPanelHeader": "--color-border-panel-header-lf0q4c",
     "colorBorderPopover": "--color-border-popover-umqvld",
     "colorBorderSegmentActive": "--color-border-segment-active-9ah16u",
     "colorBorderSegmentDefault": "--color-border-segment-default-a5zrkd",
@@ -11133,6 +11204,10 @@ module.exports.preset = {
     "spaceModalContentBottom": "--space-modal-content-bottom-hqahub",
     "spaceModalHorizontal": "--space-modal-horizontal-f89syl",
     "spaceOptionIconBigTop": "--space-option-icon-big-top-hybljv",
+    "spacePanelContentBottom": "--space-panel-content-bottom-7k6er3",
+    "spacePanelContentTop": "--space-panel-content-top-wac3yp",
+    "spacePanelDividerMarginHorizontal": "--space-panel-divider-margin-horizontal-sbik1z",
+    "spacePanelHeaderVertical": "--space-panel-header-vertical-gv9pti",
     "spacePanelNavLeft": "--space-panel-nav-left-b1g0mt",
     "spacePanelSideLeft": "--space-panel-side-left-5t0who",
     "spacePanelSideRight": "--space-panel-side-right-xofg51",

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

@@ -1193,6 +1193,10 @@ export var preset = {
         "light": "{colorGrey700}",
         "dark": "{colorGrey700}"
       },
+      "colorBorderPanelHeader": {
+        "light": "{colorBorderDividerDefault}",
+        "dark": "{colorBorderDividerDefault}"
+      },
       "colorBorderPopover": {
         "light": "{colorGrey400}",
         "dark": "{colorGrey550}"
@@ -2107,6 +2111,22 @@ export var preset = {
         "comfortable": "0px",
         "compact": "0px"
       },
+      "spacePanelContentBottom": {
+        "comfortable": "{spaceScaledXxxl}",
+        "compact": "{spaceScaledXxxl}"
+      },
+      "spacePanelContentTop": {
+        "comfortable": "{spaceScaledL}",
+        "compact": "{spaceScaledL}"
+      },
+      "spacePanelDividerMarginHorizontal": {
+        "comfortable": "{spaceXs}",
+        "compact": "{spaceXs}"
+      },
+      "spacePanelHeaderVertical": {
+        "comfortable": "{spaceScaledL}",
+        "compact": "{spaceScaledL}"
+      },
       "spacePanelNavLeft": {
         "comfortable": "28px",
         "compact": "28px"
@@ -2553,6 +2573,22 @@ export var preset = {
             "comfortable": "0px",
             "compact": "0px"
           },
+          "spacePanelContentBottom": {
+            "comfortable": "{spaceScaledXxxl}",
+            "compact": "{spaceScaledXxxl}"
+          },
+          "spacePanelContentTop": {
+            "comfortable": "{spaceScaledL}",
+            "compact": "{spaceScaledL}"
+          },
+          "spacePanelDividerMarginHorizontal": {
+            "comfortable": "{spaceXs}",
+            "compact": "{spaceXs}"
+          },
+          "spacePanelHeaderVertical": {
+            "comfortable": "{spaceScaledL}",
+            "compact": "{spaceScaledL}"
+          },
           "spacePanelNavLeft": {
             "comfortable": "28px",
             "compact": "28px"
@@ -3263,6 +3299,10 @@ export var preset = {
             "light": "{colorGrey700}",
             "dark": "{colorGrey700}"
           },
+          "colorBorderPanelHeader": {
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
+          },
           "colorBorderPopover": {
             "light": "{colorGrey550}",
             "dark": "{colorGrey550}"
@@ -4305,6 +4345,10 @@ export var preset = {
             "light": "{colorGrey700}",
             "dark": "{colorGrey700}"
           },
+          "colorBorderPanelHeader": {
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
+          },
           "colorBorderPopover": {
             "light": "{colorGrey550}",
             "dark": "{colorGrey550}"
@@ -5279,6 +5323,10 @@ export var preset = {
             "light": "{colorGrey700}",
             "dark": "{colorGrey700}"
           },
+          "colorBorderPanelHeader": {
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
+          },
           "colorBorderPopover": {
             "light": "{colorGrey400}",
             "dark": "{colorGrey550}"
@@ -6253,6 +6301,10 @@ export var preset = {
             "light": "{colorGrey700}",
             "dark": "{colorGrey700}"
           },
+          "colorBorderPanelHeader": {
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
+          },
           "colorBorderPopover": {
             "light": "{colorGrey400}",
             "dark": "{colorGrey550}"
@@ -7227,6 +7279,10 @@ export var preset = {
             "light": "{colorGrey700}",
             "dark": "{colorGrey700}"
           },
+          "colorBorderPanelHeader": {
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
+          },
           "colorBorderPopover": {
             "light": "{colorGrey400}",
             "dark": "{colorGrey550}"
@@ -8203,6 +8259,10 @@ export var preset = {
             "light": "{colorGrey700}",
             "dark": "{colorGrey700}"
           },
+          "colorBorderPanelHeader": {
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
+          },
           "colorBorderPopover": {
             "light": "{colorGrey550}",
             "dark": "{colorGrey550}"
@@ -8966,6 +9026,7 @@ export var preset = {
       "colorBorderItemSelected": "color",
       "colorBorderLayout": "color",
       "colorBorderNotificationStackBar": "color",
+      "colorBorderPanelHeader": "color",
       "colorBorderPopover": "color",
       "colorBorderSegmentActive": "color",
       "colorBorderSegmentDefault": "color",
@@ -9173,6 +9234,10 @@ export var preset = {
       "spaceModalContentBottom": "density",
       "spaceModalHorizontal": "density",
       "spaceOptionIconBigTop": "density",
+      "spacePanelContentBottom": "density",
+      "spacePanelContentTop": "density",
+      "spacePanelDividerMarginHorizontal": "density",
+      "spacePanelHeaderVertical": "density",
       "spacePanelNavLeft": "density",
       "spacePanelSideLeft": "density",
       "spacePanelSideRight": "density",
@@ -10145,6 +10210,7 @@ export var preset = {
     "colorBorderItemSelected": "color-border-item-selected",
     "colorBorderLayout": "color-border-layout",
     "colorBorderNotificationStackBar": "color-border-notification-stack-bar",
+    "colorBorderPanelHeader": "color-border-panel-header",
     "colorBorderPopover": "color-border-popover",
     "colorBorderSegmentActive": "color-border-segment-active",
     "colorBorderSegmentDefault": "color-border-segment-default",
@@ -10438,6 +10504,10 @@ export var preset = {
     "spaceModalContentBottom": "space-modal-content-bottom",
     "spaceModalHorizontal": "space-modal-horizontal",
     "spaceOptionIconBigTop": "space-option-icon-big-top",
+    "spacePanelContentBottom": "space-panel-content-bottom",
+    "spacePanelContentTop": "space-panel-content-top",
+    "spacePanelDividerMarginHorizontal": "space-panel-divider-margin-horizontal",
+    "spacePanelHeaderVertical": "space-panel-header-vertical",
     "spacePanelNavLeft": "space-panel-nav-left",
     "spacePanelSideLeft": "space-panel-side-left",
     "spacePanelSideRight": "space-panel-side-right",
@@ -10840,6 +10910,7 @@ export var preset = {
     "colorBorderItemSelected": "--color-border-item-selected-k00wlz",
     "colorBorderLayout": "--color-border-layout-ownedw",
     "colorBorderNotificationStackBar": "--color-border-notification-stack-bar-t3aws2",
+    "colorBorderPanelHeader": "--color-border-panel-header-lf0q4c",
     "colorBorderPopover": "--color-border-popover-umqvld",
     "colorBorderSegmentActive": "--color-border-segment-active-9ah16u",
     "colorBorderSegmentDefault": "--color-border-segment-default-a5zrkd",
@@ -11133,6 +11204,10 @@ export var preset = {
     "spaceModalContentBottom": "--space-modal-content-bottom-hqahub",
     "spaceModalHorizontal": "--space-modal-horizontal-f89syl",
     "spaceOptionIconBigTop": "--space-option-icon-big-top-hybljv",
+    "spacePanelContentBottom": "--space-panel-content-bottom-7k6er3",
+    "spacePanelContentTop": "--space-panel-content-top-wac3yp",
+    "spacePanelDividerMarginHorizontal": "--space-panel-divider-margin-horizontal-sbik1z",
+    "spacePanelHeaderVertical": "--space-panel-header-vertical-gv9pti",
     "spacePanelNavLeft": "--space-panel-nav-left-b1g0mt",
     "spacePanelSideLeft": "--space-panel-side-left-5t0who",
     "spacePanelSideRight": "--space-panel-side-right-xofg51",