@cloudscape-design/components 3.0.185 → 3.0.186

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

@@ -351,6 +351,8 @@
   --color-text-status-success-0fzhv9:#037f0c;
   --color-text-status-warning-27nlyh:#d91515;
   --color-text-top-navigation-title-oypxe3:#000716;
+  --color-board-placeholder-active-vaxzdf:#e9ebed;
+  --color-board-placeholder-hover-v1s7kq:#d3e7f9;
   --font-body-m-line-height-i7xxvv:22px;
   --font-body-m-size-sregvd:14px;
   --font-body-s-letter-spacing-cy0oxj:0.005em;
@@ -565,6 +567,7 @@
   --space-xxxl-bo9z7f:40px;
   --shadow-container-7nblnj:0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12);
   --shadow-container-stacked-lumzae:-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%);
+  --shadow-container-active-l4kuxc:0px 1px 1px 1px #e9ebed, 0px 6px 36px #0007161a;
   --shadow-dropdown-99h0gz:0px 4px 20px 1px rgba(0, 7, 22, 0.10);
   --shadow-dropup-11esug:0px 4px 20px 1px rgba(0, 7, 22, 0.10);
   --shadow-flash-collapsed-d4s4kz:0px 4px 4px rgba(0, 0, 0, 0.25);
@@ -901,8 +904,11 @@
   --color-text-status-success-0fzhv9:#29ad32;
   --color-text-status-warning-27nlyh:#eb6f6f;
   --color-text-top-navigation-title-oypxe3:#fbfbfb;
+  --color-board-placeholder-active-vaxzdf:#5f6b7a;
+  --color-board-placeholder-hover-v1s7kq:#0972d3;
   --shadow-container-7nblnj:0px 0px 1px 1px #192534, 0px 1px 8px 2px rgba(0, 7, 22, 1);
   --shadow-container-stacked-lumzae:-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);
+  --shadow-container-active-l4kuxc:0px 1px 1px 1px #192534, 0px 6px 36px #000716;
   --shadow-dropdown-99h0gz:0px 4px 20px 1px rgba(0, 7, 22, 1);
   --shadow-dropup-11esug:0px 4px 20px 1px rgba(0, 7, 22, 1);
   --shadow-flash-sticky-xplpiu:0px 6px 36px rgba(0, 7, 22, 1);
@@ -1138,6 +1144,8 @@
   --color-text-status-success-0fzhv9:#29ad32;
   --color-text-status-warning-27nlyh:#eb6f6f;
   --color-text-top-navigation-title-oypxe3:#fbfbfb;
+  --color-board-placeholder-active-vaxzdf:#5f6b7a;
+  --color-board-placeholder-hover-v1s7kq:#0972d3;
 }
 
 .awsui-context-content-header:not(#\9) {
@@ -1309,8 +1317,11 @@
   --color-text-status-success-0fzhv9:#29ad32;
   --color-text-status-warning-27nlyh:#eb6f6f;
   --color-text-top-navigation-title-oypxe3:#fbfbfb;
+  --color-board-placeholder-active-vaxzdf:#5f6b7a;
+  --color-board-placeholder-hover-v1s7kq:#0972d3;
   --shadow-container-7nblnj:none;
   --shadow-container-stacked-lumzae:-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);
+  --shadow-container-active-l4kuxc:0px 1px 1px 1px #192534, 0px 6px 36px #000716;
   --shadow-dropdown-99h0gz:0px 4px 20px 1px rgba(0, 7, 22, 1);
   --shadow-dropup-11esug:0px 4px 20px 1px rgba(0, 7, 22, 1);
   --shadow-modal-3qhlqt:0px 4px 20px 1px rgba(0, 7, 22, 1);

package/internal/environment.js

@@ -1,5 +1,5 @@
 
-    export var PACKAGE_VERSION = '3.0.0 (12a60d0)';
+    export var PACKAGE_VERSION = '3.0.0 (02caf0a)';
     export var THEME = 'open-source-visual-refresh';
     export var ALWAYS_VISUAL_REFRESH = true;
     

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

@@ -230,6 +230,8 @@ export const colorTextStatusInactive: string;
 export const colorTextStatusInfo: string;
 export const colorTextStatusSuccess: string;
 export const colorTextStatusWarning: string;
+export const colorBoardPlaceholderActive: string;
+export const colorBoardPlaceholderHover: string;
 export const fontFamilyBase: string;
 export const fontFamilyMonospace: string;
 export const borderRadiusAlert: string;
@@ -277,4 +279,5 @@ export const spaceStaticM: string;
 export const spaceStaticL: string;
 export const spaceStaticXl: string;
 export const spaceStaticXxl: string;
-export const spaceStaticXxxl: string;
+export const spaceStaticXxxl: string;
+export const shadowContainerActive: string;

package/internal/generated/styles/tokens.js

@@ -230,6 +230,8 @@ export var colorTextStatusInactive = "var(--color-text-status-inactive-5ei55p, #
 export var colorTextStatusInfo = "var(--color-text-status-info-utupcz, #0972d3)";
 export var colorTextStatusSuccess = "var(--color-text-status-success-0fzhv9, #037f0c)";
 export var colorTextStatusWarning = "var(--color-text-status-warning-27nlyh, #d91515)";
+export var colorBoardPlaceholderActive = "var(--color-board-placeholder-active-vaxzdf, #e9ebed)";
+export var colorBoardPlaceholderHover = "var(--color-board-placeholder-hover-v1s7kq, #d3e7f9)";
 export var fontFamilyBase = "var(--font-family-base-qnistn, 'Open Sans', 'Helvetica Neue', Roboto, Arial, sans-serif)";
 export var fontFamilyMonospace = "var(--font-family-monospace-iz223z, Monaco, Menlo, Consolas, 'Courier Prime', Courier, 'Courier New', monospace)";
 export var borderRadiusAlert = "var(--border-radius-alert-n0skwy, 12px)";
@@ -277,4 +279,5 @@ export var spaceStaticM = "var(--space-static-m-pc0uz7, 16px)";
 export var spaceStaticL = "var(--space-static-l-t7yjdj, 20px)";
 export var spaceStaticXl = "var(--space-static-xl-g2lpmk, 24px)";
 export var spaceStaticXxl = "var(--space-static-xxl-m6qwv3, 32px)";
-export var spaceStaticXxxl = "var(--space-static-xxxl-66ty0h, 40px)";
+export var spaceStaticXxxl = "var(--space-static-xxxl-66ty0h, 40px)";
+export var shadowContainerActive = "var(--shadow-container-active-l4kuxc, 0px 1px 1px 1px #e9ebed, 0px 6px 36px #0007161a)";

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)"
@@ -3096,6 +3108,14 @@ module.exports.preset = {
           "colorTextTopNavigationTitle": {
             "light": "{colorGrey100}",
             "dark": "{colorGrey100}"
+          },
+          "colorBoardPlaceholderActive": {
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
+          },
+          "colorBoardPlaceholderHover": {
+            "light": "{colorBlue600}",
+            "dark": "{colorBlue600}"
           }
         }
       },
@@ -3111,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)"
@@ -4014,6 +4038,14 @@ module.exports.preset = {
           "colorTextTopNavigationTitle": {
             "light": "{colorGrey100}",
             "dark": "{colorGrey100}"
+          },
+          "colorBoardPlaceholderActive": {
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
+          },
+          "colorBoardPlaceholderHover": {
+            "light": "{colorBlue600}",
+            "dark": "{colorBlue600}"
           }
         }
       },
@@ -4876,6 +4908,14 @@ module.exports.preset = {
           "colorTextTopNavigationTitle": {
             "light": "{colorGrey900}",
             "dark": "{colorGrey100}"
+          },
+          "colorBoardPlaceholderActive": {
+            "light": "{colorGrey200}",
+            "dark": "{colorGrey550}"
+          },
+          "colorBoardPlaceholderHover": {
+            "light": "{colorBlue200}",
+            "dark": "{colorBlue600}"
           }
         }
       },
@@ -5738,6 +5778,14 @@ module.exports.preset = {
           "colorTextTopNavigationTitle": {
             "light": "{colorGrey900}",
             "dark": "{colorGrey100}"
+          },
+          "colorBoardPlaceholderActive": {
+            "light": "{colorGrey200}",
+            "dark": "{colorGrey550}"
+          },
+          "colorBoardPlaceholderHover": {
+            "light": "{colorBlue200}",
+            "dark": "{colorBlue600}"
           }
         }
       }
@@ -6111,6 +6159,8 @@ module.exports.preset = {
       "colorTextStatusSuccess": "color",
       "colorTextStatusWarning": "color",
       "colorTextTopNavigationTitle": "color",
+      "colorBoardPlaceholderActive": "color",
+      "colorBoardPlaceholderHover": "color",
       "motionDurationExtraFast": "motion",
       "motionDurationExtraSlow": "motion",
       "motionDurationFast": "motion",
@@ -6247,6 +6297,7 @@ module.exports.preset = {
       "spaceXxxl": "density",
       "shadowContainer": "color",
       "shadowContainerStacked": "color",
+      "shadowContainerActive": "color",
       "shadowDropdown": "color",
       "shadowDropup": "color",
       "shadowFlashCollapsed": "color",
@@ -6657,6 +6708,8 @@ module.exports.preset = {
     "colorTextStatusInfo",
     "colorTextStatusSuccess",
     "colorTextStatusWarning",
+    "colorBoardPlaceholderActive",
+    "colorBoardPlaceholderHover",
     "fontFamilyBase",
     "fontFamilyMonospace",
     "borderRadiusAlert",
@@ -6704,7 +6757,8 @@ module.exports.preset = {
     "spaceStaticL",
     "spaceStaticXl",
     "spaceStaticXxl",
-    "spaceStaticXxxl"
+    "spaceStaticXxxl",
+    "shadowContainerActive"
   ],
   "variablesMap": {
     "colorAmazonOrange": "color-amazon-orange",
@@ -7120,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",
@@ -7344,6 +7400,7 @@ 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",
@@ -7771,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",
@@ -7995,6 +8054,7 @@ 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",

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)"
@@ -3096,6 +3108,14 @@ export var preset = {
           "colorTextTopNavigationTitle": {
             "light": "{colorGrey100}",
             "dark": "{colorGrey100}"
+          },
+          "colorBoardPlaceholderActive": {
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
+          },
+          "colorBoardPlaceholderHover": {
+            "light": "{colorBlue600}",
+            "dark": "{colorBlue600}"
           }
         }
       },
@@ -3111,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)"
@@ -4014,6 +4038,14 @@ export var preset = {
           "colorTextTopNavigationTitle": {
             "light": "{colorGrey100}",
             "dark": "{colorGrey100}"
+          },
+          "colorBoardPlaceholderActive": {
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
+          },
+          "colorBoardPlaceholderHover": {
+            "light": "{colorBlue600}",
+            "dark": "{colorBlue600}"
           }
         }
       },
@@ -4876,6 +4908,14 @@ export var preset = {
           "colorTextTopNavigationTitle": {
             "light": "{colorGrey900}",
             "dark": "{colorGrey100}"
+          },
+          "colorBoardPlaceholderActive": {
+            "light": "{colorGrey200}",
+            "dark": "{colorGrey550}"
+          },
+          "colorBoardPlaceholderHover": {
+            "light": "{colorBlue200}",
+            "dark": "{colorBlue600}"
           }
         }
       },
@@ -5738,6 +5778,14 @@ export var preset = {
           "colorTextTopNavigationTitle": {
             "light": "{colorGrey900}",
             "dark": "{colorGrey100}"
+          },
+          "colorBoardPlaceholderActive": {
+            "light": "{colorGrey200}",
+            "dark": "{colorGrey550}"
+          },
+          "colorBoardPlaceholderHover": {
+            "light": "{colorBlue200}",
+            "dark": "{colorBlue600}"
           }
         }
       }
@@ -6111,6 +6159,8 @@ export var preset = {
       "colorTextStatusSuccess": "color",
       "colorTextStatusWarning": "color",
       "colorTextTopNavigationTitle": "color",
+      "colorBoardPlaceholderActive": "color",
+      "colorBoardPlaceholderHover": "color",
       "motionDurationExtraFast": "motion",
       "motionDurationExtraSlow": "motion",
       "motionDurationFast": "motion",
@@ -6247,6 +6297,7 @@ export var preset = {
       "spaceXxxl": "density",
       "shadowContainer": "color",
       "shadowContainerStacked": "color",
+      "shadowContainerActive": "color",
       "shadowDropdown": "color",
       "shadowDropup": "color",
       "shadowFlashCollapsed": "color",
@@ -6657,6 +6708,8 @@ export var preset = {
     "colorTextStatusInfo",
     "colorTextStatusSuccess",
     "colorTextStatusWarning",
+    "colorBoardPlaceholderActive",
+    "colorBoardPlaceholderHover",
     "fontFamilyBase",
     "fontFamilyMonospace",
     "borderRadiusAlert",
@@ -6704,7 +6757,8 @@ export var preset = {
     "spaceStaticL",
     "spaceStaticXl",
     "spaceStaticXxl",
-    "spaceStaticXxxl"
+    "spaceStaticXxxl",
+    "shadowContainerActive"
   ],
   "variablesMap": {
     "colorAmazonOrange": "color-amazon-orange",
@@ -7120,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",
@@ -7344,6 +7400,7 @@ 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",
@@ -7771,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",
@@ -7995,6 +8054,7 @@ 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",

package/internal/manifest.json

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

package/package.json

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