@cloudscape-design/components 3.0.828 → 3.0.830

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

@@ -401,10 +401,12 @@
   --color-board-placeholder-hover-yu7ixx:#d1f1ff;
   --color-drag-placeholder-active-llvhbu:#ebebf0;
   --color-drag-placeholder-hover-oikifl:#d1f1ff;
-  --color-dropzone-background-active-xjesd4:#ebebf0;
-  --color-dropzone-background-hover-elxayo:#d1f1ff;
-  --color-dropzone-text-active-pqn4ld:#656871;
-  --color-dropzone-text-hover-xjyyuz:#002b66;
+  --color-dropzone-background-default-q8kl4f:#ffffff;
+  --color-dropzone-background-hover-wl3yez:#f0fbff;
+  --color-dropzone-text-default-owo5k2:#424650;
+  --color-dropzone-text-hover-wteupn:#424650;
+  --color-dropzone-border-default-phwpnt:#8c8c94;
+  --color-dropzone-border-hover-tpluhc:#002b66;
   --color-background-severity-critical-idosdq:#7d2105;
   --color-text-severity-critical-gtjw4w:#f9f9fa;
   --color-background-severity-high-434xpy:#ba2e0f;
@@ -1010,10 +1012,12 @@
     --color-board-placeholder-hover-yu7ixx:#006ce0;
     --color-drag-placeholder-active-llvhbu:#656871;
     --color-drag-placeholder-hover-oikifl:#006ce0;
-    --color-dropzone-background-active-xjesd4:#8c8c94;
-    --color-dropzone-background-hover-elxayo:#006ce0;
-    --color-dropzone-text-active-pqn4ld:#161d26;
-    --color-dropzone-text-hover-xjyyuz:#ffffff;
+    --color-dropzone-background-default-q8kl4f:#161d26;
+    --color-dropzone-background-hover-wl3yez:#001129;
+    --color-dropzone-text-default-owo5k2:#c6c6cd;
+    --color-dropzone-text-hover-wteupn:#c6c6cd;
+    --color-dropzone-border-default-phwpnt:#656871;
+    --color-dropzone-border-hover-tpluhc:#75cfff;
     --color-background-severity-critical-idosdq:#d63f38;
     --color-text-severity-critical-gtjw4w:#000000;
     --color-background-severity-high-434xpy:#fe6e73;
@@ -1323,10 +1327,12 @@
   --color-board-placeholder-hover-yu7ixx:#006ce0;
   --color-drag-placeholder-active-llvhbu:#656871;
   --color-drag-placeholder-hover-oikifl:#006ce0;
-  --color-dropzone-background-active-xjesd4:#8c8c94;
-  --color-dropzone-background-hover-elxayo:#006ce0;
-  --color-dropzone-text-active-pqn4ld:#161d26;
-  --color-dropzone-text-hover-xjyyuz:#ffffff;
+  --color-dropzone-background-default-q8kl4f:#161d26;
+  --color-dropzone-background-hover-wl3yez:#001129;
+  --color-dropzone-text-default-owo5k2:#c6c6cd;
+  --color-dropzone-text-hover-wteupn:#c6c6cd;
+  --color-dropzone-border-default-phwpnt:#656871;
+  --color-dropzone-border-hover-tpluhc:#75cfff;
   --color-text-severity-critical-gtjw4w:#000000;
   --color-text-severity-high-wt51jx:#0f141a;
   --color-background-severity-neutral-e76h14:#656871;
@@ -1529,10 +1535,12 @@
   --color-board-placeholder-hover-yu7ixx:#006ce0;
   --color-drag-placeholder-active-llvhbu:#656871;
   --color-drag-placeholder-hover-oikifl:#006ce0;
-  --color-dropzone-background-active-xjesd4:#8c8c94;
-  --color-dropzone-background-hover-elxayo:#006ce0;
-  --color-dropzone-text-active-pqn4ld:#161d26;
-  --color-dropzone-text-hover-xjyyuz:#ffffff;
+  --color-dropzone-background-default-q8kl4f:#161d26;
+  --color-dropzone-background-hover-wl3yez:#001129;
+  --color-dropzone-text-default-owo5k2:#c6c6cd;
+  --color-dropzone-text-hover-wteupn:#c6c6cd;
+  --color-dropzone-border-default-phwpnt:#656871;
+  --color-dropzone-border-hover-tpluhc:#75cfff;
   --color-text-severity-critical-gtjw4w:#000000;
   --color-text-severity-high-wt51jx:#0f141a;
   --color-background-severity-neutral-e76h14:#656871;
@@ -1837,10 +1845,12 @@
   --color-board-placeholder-hover-yu7ixx:#006ce0;
   --color-drag-placeholder-active-llvhbu:#656871;
   --color-drag-placeholder-hover-oikifl:#006ce0;
-  --color-dropzone-background-active-xjesd4:#8c8c94;
-  --color-dropzone-background-hover-elxayo:#006ce0;
-  --color-dropzone-text-active-pqn4ld:#161d26;
-  --color-dropzone-text-hover-xjyyuz:#ffffff;
+  --color-dropzone-background-default-q8kl4f:#161d26;
+  --color-dropzone-background-hover-wl3yez:#001129;
+  --color-dropzone-text-default-owo5k2:#c6c6cd;
+  --color-dropzone-text-hover-wteupn:#c6c6cd;
+  --color-dropzone-border-default-phwpnt:#656871;
+  --color-dropzone-border-hover-tpluhc:#75cfff;
   --color-text-severity-critical-gtjw4w:#000000;
   --color-text-severity-high-wt51jx:#0f141a;
   --color-background-severity-neutral-e76h14:#656871;

package/internal/environment.js

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

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

@@ -462,10 +462,12 @@ export const colorBoardPlaceholderActive: string;
 export const colorBoardPlaceholderHover: string;
 export const colorDragPlaceholderActive: string;
 export const colorDragPlaceholderHover: string;
-export const colorDropzoneBackgroundActive: string;
+export const colorDropzoneBackgroundDefault: string;
 export const colorDropzoneBackgroundHover: string;
-export const colorDropzoneTextActive: string;
+export const colorDropzoneTextDefault: string;
 export const colorDropzoneTextHover: string;
+export const colorDropzoneBorderDefault: string;
+export const colorDropzoneBorderHover: string;
 export const colorBackgroundSeverityCritical: string;
 export const colorTextSeverityCritical: string;
 export const colorBackgroundSeverityHigh: string;

package/internal/generated/styles/tokens.js

@@ -462,10 +462,12 @@ export var colorBoardPlaceholderActive = "var(--color-board-placeholder-active-9
 export var colorBoardPlaceholderHover = "var(--color-board-placeholder-hover-yu7ixx, #d1f1ff)";
 export var colorDragPlaceholderActive = "var(--color-drag-placeholder-active-llvhbu, #ebebf0)";
 export var colorDragPlaceholderHover = "var(--color-drag-placeholder-hover-oikifl, #d1f1ff)";
-export var colorDropzoneBackgroundActive = "var(--color-dropzone-background-active-xjesd4, #ebebf0)";
-export var colorDropzoneBackgroundHover = "var(--color-dropzone-background-hover-elxayo, #d1f1ff)";
-export var colorDropzoneTextActive = "var(--color-dropzone-text-active-pqn4ld, #656871)";
-export var colorDropzoneTextHover = "var(--color-dropzone-text-hover-xjyyuz, #002b66)";
+export var colorDropzoneBackgroundDefault = "var(--color-dropzone-background-default-q8kl4f, #ffffff)";
+export var colorDropzoneBackgroundHover = "var(--color-dropzone-background-hover-wl3yez, #f0fbff)";
+export var colorDropzoneTextDefault = "var(--color-dropzone-text-default-owo5k2, #424650)";
+export var colorDropzoneTextHover = "var(--color-dropzone-text-hover-wteupn, #424650)";
+export var colorDropzoneBorderDefault = "var(--color-dropzone-border-default-phwpnt, #8c8c94)";
+export var colorDropzoneBorderHover = "var(--color-dropzone-border-hover-tpluhc, #002b66)";
 export var colorBackgroundSeverityCritical = "var(--color-background-severity-critical-idosdq, #7d2105)";
 export var colorTextSeverityCritical = "var(--color-text-severity-critical-gtjw4w, #f9f9fa)";
 export var colorBackgroundSeverityHigh = "var(--color-background-severity-high-434xpy, #ba2e0f)";

package/internal/generated/theming/index.cjs

@@ -1733,21 +1733,29 @@ module.exports.preset = {
         "light": "{colorBlue200}",
         "dark": "{colorBlue600}"
       },
-      "colorDropzoneBackgroundActive": {
-        "light": "{colorGrey200}",
-        "dark": "{colorGrey500}"
+      "colorDropzoneBackgroundDefault": {
+        "light": "{colorWhite}",
+        "dark": "{colorGrey800}"
       },
       "colorDropzoneBackgroundHover": {
-        "light": "{colorBlue200}",
-        "dark": "{colorBlue600}"
+        "light": "{colorBlue100}",
+        "dark": "{colorBlue900}"
       },
-      "colorDropzoneTextActive": {
-        "light": "{colorGrey550}",
-        "dark": "{colorGrey800}"
+      "colorDropzoneTextDefault": {
+        "light": "{colorGrey600}",
+        "dark": "{colorGrey350}"
       },
       "colorDropzoneTextHover": {
+        "light": "{colorGrey600}",
+        "dark": "{colorGrey350}"
+      },
+      "colorDropzoneBorderDefault": {
+        "light": "{colorGrey500}",
+        "dark": "{colorGrey550}"
+      },
+      "colorDropzoneBorderHover": {
         "light": "{colorBlue800}",
-        "dark": "{colorWhite}"
+        "dark": "{colorBlue400}"
       },
       "colorBackgroundSeverityCritical": {
         "light": "{colorChartsStatusCritical}",
@@ -3976,21 +3984,29 @@ module.exports.preset = {
             "light": "{colorBlue600}",
             "dark": "{colorBlue600}"
           },
-          "colorDropzoneBackgroundActive": {
-            "light": "{colorGrey500}",
-            "dark": "{colorGrey500}"
+          "colorDropzoneBackgroundDefault": {
+            "light": "{colorGrey800}",
+            "dark": "{colorGrey800}"
           },
           "colorDropzoneBackgroundHover": {
-            "light": "{colorBlue600}",
-            "dark": "{colorBlue600}"
+            "light": "{colorBlue900}",
+            "dark": "{colorBlue900}"
           },
-          "colorDropzoneTextActive": {
-            "light": "{colorGrey800}",
-            "dark": "{colorGrey800}"
+          "colorDropzoneTextDefault": {
+            "light": "{colorGrey350}",
+            "dark": "{colorGrey350}"
           },
           "colorDropzoneTextHover": {
-            "light": "{colorWhite}",
-            "dark": "{colorWhite}"
+            "light": "{colorGrey350}",
+            "dark": "{colorGrey350}"
+          },
+          "colorDropzoneBorderDefault": {
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
+          },
+          "colorDropzoneBorderHover": {
+            "light": "{colorBlue400}",
+            "dark": "{colorBlue400}"
           },
           "colorBackgroundSeverityCritical": {
             "light": "{colorChartsStatusCritical}",
@@ -5130,21 +5146,29 @@ module.exports.preset = {
             "light": "{colorBlue600}",
             "dark": "{colorBlue600}"
           },
-          "colorDropzoneBackgroundActive": {
-            "light": "{colorGrey500}",
-            "dark": "{colorGrey500}"
+          "colorDropzoneBackgroundDefault": {
+            "light": "{colorGrey800}",
+            "dark": "{colorGrey800}"
           },
           "colorDropzoneBackgroundHover": {
-            "light": "{colorBlue600}",
-            "dark": "{colorBlue600}"
+            "light": "{colorBlue900}",
+            "dark": "{colorBlue900}"
           },
-          "colorDropzoneTextActive": {
-            "light": "{colorGrey800}",
-            "dark": "{colorGrey800}"
+          "colorDropzoneTextDefault": {
+            "light": "{colorGrey350}",
+            "dark": "{colorGrey350}"
           },
           "colorDropzoneTextHover": {
-            "light": "{colorWhite}",
-            "dark": "{colorWhite}"
+            "light": "{colorGrey350}",
+            "dark": "{colorGrey350}"
+          },
+          "colorDropzoneBorderDefault": {
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
+          },
+          "colorDropzoneBorderHover": {
+            "light": "{colorBlue400}",
+            "dark": "{colorBlue400}"
           },
           "colorBackgroundSeverityCritical": {
             "light": "{colorChartsStatusCritical}",
@@ -6216,21 +6240,29 @@ module.exports.preset = {
             "light": "{colorBlue200}",
             "dark": "{colorBlue600}"
           },
-          "colorDropzoneBackgroundActive": {
-            "light": "{colorGrey200}",
-            "dark": "{colorGrey500}"
+          "colorDropzoneBackgroundDefault": {
+            "light": "{colorWhite}",
+            "dark": "{colorGrey800}"
           },
           "colorDropzoneBackgroundHover": {
-            "light": "{colorBlue200}",
-            "dark": "{colorBlue600}"
+            "light": "{colorBlue100}",
+            "dark": "{colorBlue900}"
           },
-          "colorDropzoneTextActive": {
-            "light": "{colorGrey550}",
-            "dark": "{colorGrey800}"
+          "colorDropzoneTextDefault": {
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey350}"
           },
           "colorDropzoneTextHover": {
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey350}"
+          },
+          "colorDropzoneBorderDefault": {
+            "light": "{colorGrey500}",
+            "dark": "{colorGrey550}"
+          },
+          "colorDropzoneBorderHover": {
             "light": "{colorBlue800}",
-            "dark": "{colorWhite}"
+            "dark": "{colorBlue400}"
           },
           "colorBackgroundSeverityCritical": {
             "light": "{colorChartsStatusCritical}",
@@ -7302,21 +7334,29 @@ module.exports.preset = {
             "light": "{colorBlue200}",
             "dark": "{colorBlue600}"
           },
-          "colorDropzoneBackgroundActive": {
-            "light": "{colorGrey200}",
-            "dark": "{colorGrey500}"
+          "colorDropzoneBackgroundDefault": {
+            "light": "{colorWhite}",
+            "dark": "{colorGrey800}"
           },
           "colorDropzoneBackgroundHover": {
-            "light": "{colorBlue200}",
-            "dark": "{colorBlue600}"
+            "light": "{colorBlue100}",
+            "dark": "{colorBlue900}"
           },
-          "colorDropzoneTextActive": {
-            "light": "{colorGrey550}",
-            "dark": "{colorGrey800}"
+          "colorDropzoneTextDefault": {
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey350}"
           },
           "colorDropzoneTextHover": {
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey350}"
+          },
+          "colorDropzoneBorderDefault": {
+            "light": "{colorGrey500}",
+            "dark": "{colorGrey550}"
+          },
+          "colorDropzoneBorderHover": {
             "light": "{colorBlue800}",
-            "dark": "{colorWhite}"
+            "dark": "{colorBlue400}"
           },
           "colorBackgroundSeverityCritical": {
             "light": "{colorChartsStatusCritical}",
@@ -8388,21 +8428,29 @@ module.exports.preset = {
             "light": "{colorBlue200}",
             "dark": "{colorBlue600}"
           },
-          "colorDropzoneBackgroundActive": {
-            "light": "{colorGrey200}",
-            "dark": "{colorGrey500}"
+          "colorDropzoneBackgroundDefault": {
+            "light": "{colorWhite}",
+            "dark": "{colorGrey800}"
           },
           "colorDropzoneBackgroundHover": {
-            "light": "{colorBlue200}",
-            "dark": "{colorBlue600}"
+            "light": "{colorBlue100}",
+            "dark": "{colorBlue900}"
           },
-          "colorDropzoneTextActive": {
-            "light": "{colorGrey550}",
-            "dark": "{colorGrey800}"
+          "colorDropzoneTextDefault": {
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey350}"
           },
           "colorDropzoneTextHover": {
+            "light": "{colorGrey600}",
+            "dark": "{colorGrey350}"
+          },
+          "colorDropzoneBorderDefault": {
+            "light": "{colorGrey500}",
+            "dark": "{colorGrey550}"
+          },
+          "colorDropzoneBorderHover": {
             "light": "{colorBlue800}",
-            "dark": "{colorWhite}"
+            "dark": "{colorBlue400}"
           },
           "colorBackgroundSeverityCritical": {
             "light": "{colorChartsStatusCritical}",
@@ -9476,21 +9524,29 @@ module.exports.preset = {
             "light": "{colorBlue600}",
             "dark": "{colorBlue600}"
           },
-          "colorDropzoneBackgroundActive": {
-            "light": "{colorGrey500}",
-            "dark": "{colorGrey500}"
+          "colorDropzoneBackgroundDefault": {
+            "light": "{colorGrey800}",
+            "dark": "{colorGrey800}"
           },
           "colorDropzoneBackgroundHover": {
-            "light": "{colorBlue600}",
-            "dark": "{colorBlue600}"
+            "light": "{colorBlue900}",
+            "dark": "{colorBlue900}"
           },
-          "colorDropzoneTextActive": {
-            "light": "{colorGrey800}",
-            "dark": "{colorGrey800}"
+          "colorDropzoneTextDefault": {
+            "light": "{colorGrey350}",
+            "dark": "{colorGrey350}"
           },
           "colorDropzoneTextHover": {
-            "light": "{colorWhite}",
-            "dark": "{colorWhite}"
+            "light": "{colorGrey350}",
+            "dark": "{colorGrey350}"
+          },
+          "colorDropzoneBorderDefault": {
+            "light": "{colorGrey550}",
+            "dark": "{colorGrey550}"
+          },
+          "colorDropzoneBorderHover": {
+            "light": "{colorBlue400}",
+            "dark": "{colorBlue400}"
           },
           "colorBackgroundSeverityCritical": {
             "light": "{colorChartsStatusCritical}",
@@ -9946,10 +10002,12 @@ module.exports.preset = {
       "colorBoardPlaceholderHover": "color",
       "colorDragPlaceholderActive": "color",
       "colorDragPlaceholderHover": "color",
-      "colorDropzoneBackgroundActive": "color",
+      "colorDropzoneBackgroundDefault": "color",
       "colorDropzoneBackgroundHover": "color",
-      "colorDropzoneTextActive": "color",
+      "colorDropzoneTextDefault": "color",
       "colorDropzoneTextHover": "color",
+      "colorDropzoneBorderDefault": "color",
+      "colorDropzoneBorderHover": "color",
       "colorBackgroundSeverityCritical": "color",
       "colorTextSeverityCritical": "color",
       "colorBackgroundSeverityHigh": "color",
@@ -11194,10 +11252,12 @@ module.exports.preset = {
     "colorBoardPlaceholderHover": "color-board-placeholder-hover",
     "colorDragPlaceholderActive": "color-drag-placeholder-active",
     "colorDragPlaceholderHover": "color-drag-placeholder-hover",
-    "colorDropzoneBackgroundActive": "color-dropzone-background-active",
+    "colorDropzoneBackgroundDefault": "color-dropzone-background-default",
     "colorDropzoneBackgroundHover": "color-dropzone-background-hover",
-    "colorDropzoneTextActive": "color-dropzone-text-active",
+    "colorDropzoneTextDefault": "color-dropzone-text-default",
     "colorDropzoneTextHover": "color-dropzone-text-hover",
+    "colorDropzoneBorderDefault": "color-dropzone-border-default",
+    "colorDropzoneBorderHover": "color-dropzone-border-hover",
     "colorBackgroundSeverityCritical": "color-background-severity-critical",
     "colorTextSeverityCritical": "color-text-severity-critical",
     "colorBackgroundSeverityHigh": "color-background-severity-high",
@@ -11927,10 +11987,12 @@ module.exports.preset = {
     "colorBoardPlaceholderHover": "--color-board-placeholder-hover-yu7ixx",
     "colorDragPlaceholderActive": "--color-drag-placeholder-active-llvhbu",
     "colorDragPlaceholderHover": "--color-drag-placeholder-hover-oikifl",
-    "colorDropzoneBackgroundActive": "--color-dropzone-background-active-xjesd4",
-    "colorDropzoneBackgroundHover": "--color-dropzone-background-hover-elxayo",
-    "colorDropzoneTextActive": "--color-dropzone-text-active-pqn4ld",
-    "colorDropzoneTextHover": "--color-dropzone-text-hover-xjyyuz",
+    "colorDropzoneBackgroundDefault": "--color-dropzone-background-default-q8kl4f",
+    "colorDropzoneBackgroundHover": "--color-dropzone-background-hover-wl3yez",
+    "colorDropzoneTextDefault": "--color-dropzone-text-default-owo5k2",
+    "colorDropzoneTextHover": "--color-dropzone-text-hover-wteupn",
+    "colorDropzoneBorderDefault": "--color-dropzone-border-default-phwpnt",
+    "colorDropzoneBorderHover": "--color-dropzone-border-hover-tpluhc",
     "colorBackgroundSeverityCritical": "--color-background-severity-critical-idosdq",
     "colorTextSeverityCritical": "--color-text-severity-critical-gtjw4w",
     "colorBackgroundSeverityHigh": "--color-background-severity-high-434xpy",