@cloudscape-design/components 3.0.625 → 3.0.627

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

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "d24a84cd42ba6d57839ea2570651e249b7885970"
+  "commit": "275aeedb715a58150e4eb13e1fc9dcb105cb8305"
 }

package/package.json

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

package/side-navigation/styles.css.js

@@ -1,33 +1,33 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_l0dv0_s3klw_99",
-  "header": "awsui_header_l0dv0_s3klw_136",
-  "header-link": "awsui_header-link_l0dv0_s3klw_149",
-  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_s3klw_159",
-  "header-link-text": "awsui_header-link-text_l0dv0_s3klw_159",
-  "header-logo": "awsui_header-logo_l0dv0_s3klw_164",
-  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_s3klw_170",
-  "list-container": "awsui_list-container_l0dv0_s3klw_175",
-  "list": "awsui_list_l0dv0_s3klw_175",
-  "list-variant-root": "awsui_list-variant-root_l0dv0_s3klw_187",
-  "list-variant-root--last": "awsui_list-variant-root--last_l0dv0_s3klw_194",
-  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_s3klw_198",
-  "list-item": "awsui_list-item_l0dv0_s3klw_202",
-  "section": "awsui_section_l0dv0_s3klw_210",
-  "expandable-link-group": "awsui_expandable-link-group_l0dv0_s3klw_211",
-  "section--no-ident": "awsui_section--no-ident_l0dv0_s3klw_214",
-  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_s3klw_215",
-  "refresh": "awsui_refresh_l0dv0_s3klw_223",
-  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_s3klw_231",
-  "section-group": "awsui_section-group_l0dv0_s3klw_238",
-  "section-group-title": "awsui_section-group-title_l0dv0_s3klw_249",
-  "link": "awsui_link_l0dv0_s3klw_253",
-  "link-active": "awsui_link-active_l0dv0_s3klw_262",
-  "info": "awsui_info_l0dv0_s3klw_299",
-  "external-icon": "awsui_external-icon_l0dv0_s3klw_303",
-  "divider": "awsui_divider_l0dv0_s3klw_307",
-  "divider-default": "awsui_divider-default_l0dv0_s3klw_313",
-  "divider-header": "awsui_divider-header_l0dv0_s3klw_318"
+  "root": "awsui_root_l0dv0_4v038_99",
+  "header": "awsui_header_l0dv0_4v038_136",
+  "header-link": "awsui_header-link_l0dv0_4v038_149",
+  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_4v038_159",
+  "header-link-text": "awsui_header-link-text_l0dv0_4v038_159",
+  "header-logo": "awsui_header-logo_l0dv0_4v038_164",
+  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_4v038_170",
+  "list-container": "awsui_list-container_l0dv0_4v038_175",
+  "list": "awsui_list_l0dv0_4v038_175",
+  "list-variant-root": "awsui_list-variant-root_l0dv0_4v038_187",
+  "list-variant-root--last": "awsui_list-variant-root--last_l0dv0_4v038_194",
+  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_4v038_198",
+  "list-item": "awsui_list-item_l0dv0_4v038_202",
+  "section": "awsui_section_l0dv0_4v038_210",
+  "expandable-link-group": "awsui_expandable-link-group_l0dv0_4v038_211",
+  "section--no-ident": "awsui_section--no-ident_l0dv0_4v038_214",
+  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_4v038_215",
+  "refresh": "awsui_refresh_l0dv0_4v038_223",
+  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_4v038_231",
+  "section-group": "awsui_section-group_l0dv0_4v038_238",
+  "section-group-title": "awsui_section-group-title_l0dv0_4v038_249",
+  "link": "awsui_link_l0dv0_4v038_253",
+  "link-active": "awsui_link-active_l0dv0_4v038_262",
+  "info": "awsui_info_l0dv0_4v038_299",
+  "external-icon": "awsui_external-icon_l0dv0_4v038_303",
+  "divider": "awsui_divider_l0dv0_4v038_307",
+  "divider-default": "awsui_divider-default_l0dv0_4v038_312",
+  "divider-header": "awsui_divider-header_l0dv0_4v038_318"
 };