@cloudscape-design/components 3.0.184 → 3.0.186

package/internal/generated/theming/index.cjs

@@ -1555,6 +1555,14 @@ module.exports.preset = {
         "light": "{colorGrey900}",
         "dark": "{colorGrey100}"
       },
+      "colorBoardPlaceholderActive": {
+        "light": "{colorGrey200}",
+        "dark": "{colorGrey550}"
+      },
+      "colorBoardPlaceholderHover": {
+        "light": "{colorBlue200}",
+        "dark": "{colorBlue600}"
+      },
       "fontBodyMLineHeight": "22px",
       "fontBodyMSize": "14px",
       "fontBodySLetterSpacing": "0.005em",
@@ -2187,6 +2195,10 @@ module.exports.preset = {
         "light": "-1px 1px 1px 0px #e9ebed, 1px 1px 1px 0px #e9ebed, 0px 9px 8px -7px rgb(0 7 22 / 12%), 8px 0px 8px -7px rgb(0 7 22 / 12%), -8px 0px 8px -7px rgb(0 7 22 / 12%)",
         "dark": "-1px 1px 1px 0px #192534, 1px 1px 1px 0px #192534, 0px 9px 8px -7px rgb(0 7 22), 8px 0px 8px -7px rgb(0 7 22), -8px 0px 8px -7px rgb(0 7 22)"
       },
+      "shadowContainerActive": {
+        "light": "0px 1px 1px 1px #e9ebed, 0px 6px 36px #0007161a",
+        "dark": "0px 1px 1px 1px #192534, 0px 6px 36px #000716"
+      },
       "shadowDropdown": {
         "light": "0px 4px 20px 1px rgba(0, 7, 22, 0.10)",
         "dark": "0px 4px 20px 1px rgba(0, 7, 22, 1)"
@@ -2195,6 +2207,10 @@ module.exports.preset = {
         "light": "{shadowDropdown}",
         "dark": "{shadowDropdown}"
       },
+      "shadowFlashCollapsed": {
+        "light": "0px 4px 4px rgba(0, 0, 0, 0.25)",
+        "dark": "0px 4px 4px rgba(0, 0, 0, 0.25)"
+      },
       "shadowFlashSticky": {
         "light": "0px 6px 36px rgba(0, 7, 22, 0.10)",
         "dark": "0px 6px 36px rgba(0, 7, 22, 1)"
@@ -3092,6 +3108,14 @@ module.exports.preset = {
           "colorTextTopNavigationTitle": {
             "light": "{colorGrey100}",
             "dark": "{colorGrey100}"
+          },
+          "colorBoardPlaceholderActive": {
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
+          },
+          "colorBoardPlaceholderHover": {
+            "light": "{colorBlue600}",
+            "dark": "{colorBlue600}"
           }
         }
       },
@@ -3107,6 +3131,10 @@ module.exports.preset = {
             "light": "-1px 1px 1px 0px #192534, 1px 1px 1px 0px #192534, 0px 9px 8px -7px rgb(0 7 22), 8px 0px 8px -7px rgb(0 7 22), -8px 0px 8px -7px rgb(0 7 22)",
             "dark": "-1px 1px 1px 0px #192534, 1px 1px 1px 0px #192534, 0px 9px 8px -7px rgb(0 7 22), 8px 0px 8px -7px rgb(0 7 22), -8px 0px 8px -7px rgb(0 7 22)"
           },
+          "shadowContainerActive": {
+            "light": "0px 1px 1px 1px #192534, 0px 6px 36px #000716",
+            "dark": "0px 1px 1px 1px #192534, 0px 6px 36px #000716"
+          },
           "shadowDropdown": {
             "light": "0px 4px 20px 1px rgba(0, 7, 22, 1)",
             "dark": "0px 4px 20px 1px rgba(0, 7, 22, 1)"
@@ -3115,6 +3143,10 @@ module.exports.preset = {
             "light": "{shadowDropdown}",
             "dark": "{shadowDropdown}"
           },
+          "shadowFlashCollapsed": {
+            "light": "0px 4px 4px rgba(0, 0, 0, 0.25)",
+            "dark": "0px 4px 4px rgba(0, 0, 0, 0.25)"
+          },
           "shadowFlashSticky": {
             "light": "0px 6px 36px rgba(0, 7, 22, 0.10)",
             "dark": "0px 6px 36px rgba(0, 7, 22, 1)"
@@ -4006,6 +4038,14 @@ module.exports.preset = {
           "colorTextTopNavigationTitle": {
             "light": "{colorGrey100}",
             "dark": "{colorGrey100}"
+          },
+          "colorBoardPlaceholderActive": {
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
+          },
+          "colorBoardPlaceholderHover": {
+            "light": "{colorBlue600}",
+            "dark": "{colorBlue600}"
           }
         }
       },
@@ -4868,6 +4908,14 @@ module.exports.preset = {
           "colorTextTopNavigationTitle": {
             "light": "{colorGrey900}",
             "dark": "{colorGrey100}"
+          },
+          "colorBoardPlaceholderActive": {
+            "light": "{colorGrey200}",
+            "dark": "{colorGrey550}"
+          },
+          "colorBoardPlaceholderHover": {
+            "light": "{colorBlue200}",
+            "dark": "{colorBlue600}"
           }
         }
       },
@@ -5730,6 +5778,14 @@ module.exports.preset = {
           "colorTextTopNavigationTitle": {
             "light": "{colorGrey900}",
             "dark": "{colorGrey100}"
+          },
+          "colorBoardPlaceholderActive": {
+            "light": "{colorGrey200}",
+            "dark": "{colorGrey550}"
+          },
+          "colorBoardPlaceholderHover": {
+            "light": "{colorBlue200}",
+            "dark": "{colorBlue600}"
           }
         }
       }
@@ -6103,6 +6159,8 @@ module.exports.preset = {
       "colorTextStatusSuccess": "color",
       "colorTextStatusWarning": "color",
       "colorTextTopNavigationTitle": "color",
+      "colorBoardPlaceholderActive": "color",
+      "colorBoardPlaceholderHover": "color",
       "motionDurationExtraFast": "motion",
       "motionDurationExtraSlow": "motion",
       "motionDurationFast": "motion",
@@ -6239,8 +6297,10 @@ module.exports.preset = {
       "spaceXxxl": "density",
       "shadowContainer": "color",
       "shadowContainerStacked": "color",
+      "shadowContainerActive": "color",
       "shadowDropdown": "color",
       "shadowDropup": "color",
+      "shadowFlashCollapsed": "color",
       "shadowFlashSticky": "color",
       "shadowModal": "color",
       "shadowPanel": "color",
@@ -6648,6 +6708,8 @@ module.exports.preset = {
     "colorTextStatusInfo",
     "colorTextStatusSuccess",
     "colorTextStatusWarning",
+    "colorBoardPlaceholderActive",
+    "colorBoardPlaceholderHover",
     "fontFamilyBase",
     "fontFamilyMonospace",
     "borderRadiusAlert",
@@ -6695,7 +6757,8 @@ module.exports.preset = {
     "spaceStaticL",
     "spaceStaticXl",
     "spaceStaticXxl",
-    "spaceStaticXxxl"
+    "spaceStaticXxxl",
+    "shadowContainerActive"
   ],
   "variablesMap": {
     "colorAmazonOrange": "color-amazon-orange",
@@ -7111,6 +7174,8 @@ module.exports.preset = {
     "colorTextStatusSuccess": "color-text-status-success",
     "colorTextStatusWarning": "color-text-status-warning",
     "colorTextTopNavigationTitle": "color-text-top-navigation-title",
+    "colorBoardPlaceholderActive": "color-board-placeholder-active",
+    "colorBoardPlaceholderHover": "color-board-placeholder-hover",
     "fontBodyMLineHeight": "font-body-m-line-height",
     "fontBodyMSize": "font-body-m-size",
     "fontBodySLetterSpacing": "font-body-s-letter-spacing",
@@ -7335,8 +7400,10 @@ module.exports.preset = {
     "spaceXxxl": "space-xxxl",
     "shadowContainer": "shadow-container",
     "shadowContainerStacked": "shadow-container-stacked",
+    "shadowContainerActive": "shadow-container-active",
     "shadowDropdown": "shadow-dropdown",
     "shadowDropup": "shadow-dropup",
+    "shadowFlashCollapsed": "shadow-flash-collapsed",
     "shadowFlashSticky": "shadow-flash-sticky",
     "shadowModal": "shadow-modal",
     "shadowPanel": "shadow-panel",
@@ -7761,6 +7828,8 @@ module.exports.preset = {
     "colorTextStatusSuccess": "--color-text-status-success-0fzhv9",
     "colorTextStatusWarning": "--color-text-status-warning-27nlyh",
     "colorTextTopNavigationTitle": "--color-text-top-navigation-title-oypxe3",
+    "colorBoardPlaceholderActive": "--color-board-placeholder-active-vaxzdf",
+    "colorBoardPlaceholderHover": "--color-board-placeholder-hover-v1s7kq",
     "fontBodyMLineHeight": "--font-body-m-line-height-i7xxvv",
     "fontBodyMSize": "--font-body-m-size-sregvd",
     "fontBodySLetterSpacing": "--font-body-s-letter-spacing-cy0oxj",
@@ -7985,8 +8054,10 @@ module.exports.preset = {
     "spaceXxxl": "--space-xxxl-bo9z7f",
     "shadowContainer": "--shadow-container-7nblnj",
     "shadowContainerStacked": "--shadow-container-stacked-lumzae",
+    "shadowContainerActive": "--shadow-container-active-l4kuxc",
     "shadowDropdown": "--shadow-dropdown-99h0gz",
     "shadowDropup": "--shadow-dropup-11esug",
+    "shadowFlashCollapsed": "--shadow-flash-collapsed-d4s4kz",
     "shadowFlashSticky": "--shadow-flash-sticky-xplpiu",
     "shadowModal": "--shadow-modal-3qhlqt",
     "shadowPanel": "--shadow-panel-gp3bf2",

package/internal/generated/theming/index.js

@@ -1555,6 +1555,14 @@ export var preset = {
         "light": "{colorGrey900}",
         "dark": "{colorGrey100}"
       },
+      "colorBoardPlaceholderActive": {
+        "light": "{colorGrey200}",
+        "dark": "{colorGrey550}"
+      },
+      "colorBoardPlaceholderHover": {
+        "light": "{colorBlue200}",
+        "dark": "{colorBlue600}"
+      },
       "fontBodyMLineHeight": "22px",
       "fontBodyMSize": "14px",
       "fontBodySLetterSpacing": "0.005em",
@@ -2187,6 +2195,10 @@ export var preset = {
         "light": "-1px 1px 1px 0px #e9ebed, 1px 1px 1px 0px #e9ebed, 0px 9px 8px -7px rgb(0 7 22 / 12%), 8px 0px 8px -7px rgb(0 7 22 / 12%), -8px 0px 8px -7px rgb(0 7 22 / 12%)",
         "dark": "-1px 1px 1px 0px #192534, 1px 1px 1px 0px #192534, 0px 9px 8px -7px rgb(0 7 22), 8px 0px 8px -7px rgb(0 7 22), -8px 0px 8px -7px rgb(0 7 22)"
       },
+      "shadowContainerActive": {
+        "light": "0px 1px 1px 1px #e9ebed, 0px 6px 36px #0007161a",
+        "dark": "0px 1px 1px 1px #192534, 0px 6px 36px #000716"
+      },
       "shadowDropdown": {
         "light": "0px 4px 20px 1px rgba(0, 7, 22, 0.10)",
         "dark": "0px 4px 20px 1px rgba(0, 7, 22, 1)"
@@ -2195,6 +2207,10 @@ export var preset = {
         "light": "{shadowDropdown}",
         "dark": "{shadowDropdown}"
       },
+      "shadowFlashCollapsed": {
+        "light": "0px 4px 4px rgba(0, 0, 0, 0.25)",
+        "dark": "0px 4px 4px rgba(0, 0, 0, 0.25)"
+      },
       "shadowFlashSticky": {
         "light": "0px 6px 36px rgba(0, 7, 22, 0.10)",
         "dark": "0px 6px 36px rgba(0, 7, 22, 1)"
@@ -3092,6 +3108,14 @@ export var preset = {
           "colorTextTopNavigationTitle": {
             "light": "{colorGrey100}",
             "dark": "{colorGrey100}"
+          },
+          "colorBoardPlaceholderActive": {
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
+          },
+          "colorBoardPlaceholderHover": {
+            "light": "{colorBlue600}",
+            "dark": "{colorBlue600}"
           }
         }
       },
@@ -3107,6 +3131,10 @@ export var preset = {
             "light": "-1px 1px 1px 0px #192534, 1px 1px 1px 0px #192534, 0px 9px 8px -7px rgb(0 7 22), 8px 0px 8px -7px rgb(0 7 22), -8px 0px 8px -7px rgb(0 7 22)",
             "dark": "-1px 1px 1px 0px #192534, 1px 1px 1px 0px #192534, 0px 9px 8px -7px rgb(0 7 22), 8px 0px 8px -7px rgb(0 7 22), -8px 0px 8px -7px rgb(0 7 22)"
           },
+          "shadowContainerActive": {
+            "light": "0px 1px 1px 1px #192534, 0px 6px 36px #000716",
+            "dark": "0px 1px 1px 1px #192534, 0px 6px 36px #000716"
+          },
           "shadowDropdown": {
             "light": "0px 4px 20px 1px rgba(0, 7, 22, 1)",
             "dark": "0px 4px 20px 1px rgba(0, 7, 22, 1)"
@@ -3115,6 +3143,10 @@ export var preset = {
             "light": "{shadowDropdown}",
             "dark": "{shadowDropdown}"
           },
+          "shadowFlashCollapsed": {
+            "light": "0px 4px 4px rgba(0, 0, 0, 0.25)",
+            "dark": "0px 4px 4px rgba(0, 0, 0, 0.25)"
+          },
           "shadowFlashSticky": {
             "light": "0px 6px 36px rgba(0, 7, 22, 0.10)",
             "dark": "0px 6px 36px rgba(0, 7, 22, 1)"
@@ -4006,6 +4038,14 @@ export var preset = {
           "colorTextTopNavigationTitle": {
             "light": "{colorGrey100}",
             "dark": "{colorGrey100}"
+          },
+          "colorBoardPlaceholderActive": {
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
+          },
+          "colorBoardPlaceholderHover": {
+            "light": "{colorBlue600}",
+            "dark": "{colorBlue600}"
           }
         }
       },
@@ -4868,6 +4908,14 @@ export var preset = {
           "colorTextTopNavigationTitle": {
             "light": "{colorGrey900}",
             "dark": "{colorGrey100}"
+          },
+          "colorBoardPlaceholderActive": {
+            "light": "{colorGrey200}",
+            "dark": "{colorGrey550}"
+          },
+          "colorBoardPlaceholderHover": {
+            "light": "{colorBlue200}",
+            "dark": "{colorBlue600}"
           }
         }
       },
@@ -5730,6 +5778,14 @@ export var preset = {
           "colorTextTopNavigationTitle": {
             "light": "{colorGrey900}",
             "dark": "{colorGrey100}"
+          },
+          "colorBoardPlaceholderActive": {
+            "light": "{colorGrey200}",
+            "dark": "{colorGrey550}"
+          },
+          "colorBoardPlaceholderHover": {
+            "light": "{colorBlue200}",
+            "dark": "{colorBlue600}"
           }
         }
       }
@@ -6103,6 +6159,8 @@ export var preset = {
       "colorTextStatusSuccess": "color",
       "colorTextStatusWarning": "color",
       "colorTextTopNavigationTitle": "color",
+      "colorBoardPlaceholderActive": "color",
+      "colorBoardPlaceholderHover": "color",
       "motionDurationExtraFast": "motion",
       "motionDurationExtraSlow": "motion",
       "motionDurationFast": "motion",
@@ -6239,8 +6297,10 @@ export var preset = {
       "spaceXxxl": "density",
       "shadowContainer": "color",
       "shadowContainerStacked": "color",
+      "shadowContainerActive": "color",
       "shadowDropdown": "color",
       "shadowDropup": "color",
+      "shadowFlashCollapsed": "color",
       "shadowFlashSticky": "color",
       "shadowModal": "color",
       "shadowPanel": "color",
@@ -6648,6 +6708,8 @@ export var preset = {
     "colorTextStatusInfo",
     "colorTextStatusSuccess",
     "colorTextStatusWarning",
+    "colorBoardPlaceholderActive",
+    "colorBoardPlaceholderHover",
     "fontFamilyBase",
     "fontFamilyMonospace",
     "borderRadiusAlert",
@@ -6695,7 +6757,8 @@ export var preset = {
     "spaceStaticL",
     "spaceStaticXl",
     "spaceStaticXxl",
-    "spaceStaticXxxl"
+    "spaceStaticXxxl",
+    "shadowContainerActive"
   ],
   "variablesMap": {
     "colorAmazonOrange": "color-amazon-orange",
@@ -7111,6 +7174,8 @@ export var preset = {
     "colorTextStatusSuccess": "color-text-status-success",
     "colorTextStatusWarning": "color-text-status-warning",
     "colorTextTopNavigationTitle": "color-text-top-navigation-title",
+    "colorBoardPlaceholderActive": "color-board-placeholder-active",
+    "colorBoardPlaceholderHover": "color-board-placeholder-hover",
     "fontBodyMLineHeight": "font-body-m-line-height",
     "fontBodyMSize": "font-body-m-size",
     "fontBodySLetterSpacing": "font-body-s-letter-spacing",
@@ -7335,8 +7400,10 @@ export var preset = {
     "spaceXxxl": "space-xxxl",
     "shadowContainer": "shadow-container",
     "shadowContainerStacked": "shadow-container-stacked",
+    "shadowContainerActive": "shadow-container-active",
     "shadowDropdown": "shadow-dropdown",
     "shadowDropup": "shadow-dropup",
+    "shadowFlashCollapsed": "shadow-flash-collapsed",
     "shadowFlashSticky": "shadow-flash-sticky",
     "shadowModal": "shadow-modal",
     "shadowPanel": "shadow-panel",
@@ -7761,6 +7828,8 @@ export var preset = {
     "colorTextStatusSuccess": "--color-text-status-success-0fzhv9",
     "colorTextStatusWarning": "--color-text-status-warning-27nlyh",
     "colorTextTopNavigationTitle": "--color-text-top-navigation-title-oypxe3",
+    "colorBoardPlaceholderActive": "--color-board-placeholder-active-vaxzdf",
+    "colorBoardPlaceholderHover": "--color-board-placeholder-hover-v1s7kq",
     "fontBodyMLineHeight": "--font-body-m-line-height-i7xxvv",
     "fontBodyMSize": "--font-body-m-size-sregvd",
     "fontBodySLetterSpacing": "--font-body-s-letter-spacing-cy0oxj",
@@ -7985,8 +8054,10 @@ export var preset = {
     "spaceXxxl": "--space-xxxl-bo9z7f",
     "shadowContainer": "--shadow-container-7nblnj",
     "shadowContainerStacked": "--shadow-container-stacked-lumzae",
+    "shadowContainerActive": "--shadow-container-active-l4kuxc",
     "shadowDropdown": "--shadow-dropdown-99h0gz",
     "shadowDropup": "--shadow-dropup-11esug",
+    "shadowFlashCollapsed": "--shadow-flash-collapsed-d4s4kz",
     "shadowFlashSticky": "--shadow-flash-sticky-xplpiu",
     "shadowModal": "--shadow-modal-3qhlqt",
     "shadowPanel": "--shadow-panel-gp3bf2",

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "ed68979606c1e81f9bd6d30c27f27aaa4b6501b0"
+  "commit": "02caf0ace1069d2adcb1c672418912420a0fdc27"
 }

package/package.json

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