npm - @dmsi/wedgekit-react - Versions diffs - 0.0.625 → 0.0.627 - Mend

@dmsi/wedgekit-react 0.0.625 → 0.0.627

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (34) hide show

package/dist/components/CalendarRange.css CHANGED Viewed

@@ -323,6 +323,7 @@
     --color-background-action-critical-secondary-hover: var(--color-critical-100);
     --color-background-action-critical-secondary-active: var(--color-neutral-000);
     --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
+    --color-background-white: var(--color-white);
   }
 }
 @layer base {
@@ -4840,6 +4841,7 @@
   --color-background-action-critical-secondary-active: var(--color-neutral-000);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
   --color-background-brand-normal: var( --color-brand-400 );
+  --color-background-white: var(--color-white);
 }
 .skeleton-paragraph {
   position: relative;
@@ -4969,6 +4971,7 @@
     --color-background-action-critical-secondary-hover: var( --color-critical-500 );
     --color-background-action-critical-secondary-active: var( --color-neutral-600 );
     --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
+    --color-background-white: var(--color-white);
   }
 }
 [data-theme=dark] {
@@ -5058,14 +5061,15 @@
   --color-background-action-secondary-active: var(--color-neutral-600);
   --color-background-action-secondary-disabled: var(--color-neutral-450);
   --color-background-brand-normal: var(--color-brand-400);
-  --color-background-action-critical-primary-normal: var( --color-critical-300 );
+  --color-background-action-critical-primary-normal: var(--color-critical-300);
   --color-background-action-critical-primary-hover: var(--color-critical-400);
-  --color-background-action-critical-primary-active: var( --color-critical-200 );
-  --color-background-action-critical-primary-disabled: var( --color-neutral-450 );
-  --color-background-action-critical-secondary-normal: var( --color-neutral-600 );
-  --color-background-action-critical-secondary-hover: var( --color-critical-500 );
-  --color-background-action-critical-secondary-active: var( --color-neutral-600 );
+  --color-background-action-critical-primary-active: var(--color-critical-200);
+  --color-background-action-critical-primary-disabled: var(--color-neutral-450);
+  --color-background-action-critical-secondary-normal: var(--color-neutral-600);
+  --color-background-action-critical-secondary-hover: var(--color-critical-500);
+  --color-background-action-critical-secondary-active: var(--color-neutral-600);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
+  --color-background-white: var(--color-white);
 }
 [data-theme=brand] {
   --color-text-primary-normal: var(--color-neutral-000);
@@ -5162,6 +5166,7 @@
   --color-background-action-critical-secondary-hover: var(--color-brand-500);
   --color-background-action-critical-secondary-active: var(--color-brand-400);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
+  --color-background-white: var(--color-white);
 }
 body {
   background-color: var(--color-background-primary-normal);

package/dist/components/CalendarRange.js CHANGED Viewed

@@ -6,13 +6,13 @@ import {
 import "../chunk-XX5GVIPZ.js";
 import "../chunk-M7INAUAJ.js";
 import "../chunk-ARWHCWG7.js";
-import "../chunk-ESCHZVNI.js";
-import "../chunk-2IKT6IHB.js";
+import "../chunk-MQB6BSRX.js";
 import "../chunk-YCDDBSVU.js";
 import "../chunk-3X3Y4TMS.js";
 import "../chunk-BQNPOGD5.js";
 import "../chunk-Y5GD2FJA.js";
 import "../chunk-MBZ55T2D.js";
+import "../chunk-2IKT6IHB.js";
 import "../chunk-SND54E6X.js";
 import "../chunk-LGX34HML.js";
 import "../chunk-5IFPG6TS.js";

package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.css CHANGED Viewed

@@ -323,6 +323,7 @@
     --color-background-action-critical-secondary-hover: var(--color-critical-100);
     --color-background-action-critical-secondary-active: var(--color-neutral-000);
     --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
+    --color-background-white: var(--color-white);
   }
 }
 @layer base {
@@ -4840,6 +4841,7 @@
   --color-background-action-critical-secondary-active: var(--color-neutral-000);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
   --color-background-brand-normal: var( --color-brand-400 );
+  --color-background-white: var(--color-white);
 }
 .skeleton-paragraph {
   position: relative;
@@ -4969,6 +4971,7 @@
     --color-background-action-critical-secondary-hover: var( --color-critical-500 );
     --color-background-action-critical-secondary-active: var( --color-neutral-600 );
     --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
+    --color-background-white: var(--color-white);
   }
 }
 [data-theme=dark] {
@@ -5058,14 +5061,15 @@
   --color-background-action-secondary-active: var(--color-neutral-600);
   --color-background-action-secondary-disabled: var(--color-neutral-450);
   --color-background-brand-normal: var(--color-brand-400);
-  --color-background-action-critical-primary-normal: var( --color-critical-300 );
+  --color-background-action-critical-primary-normal: var(--color-critical-300);
   --color-background-action-critical-primary-hover: var(--color-critical-400);
-  --color-background-action-critical-primary-active: var( --color-critical-200 );
-  --color-background-action-critical-primary-disabled: var( --color-neutral-450 );
-  --color-background-action-critical-secondary-normal: var( --color-neutral-600 );
-  --color-background-action-critical-secondary-hover: var( --color-critical-500 );
-  --color-background-action-critical-secondary-active: var( --color-neutral-600 );
+  --color-background-action-critical-primary-active: var(--color-critical-200);
+  --color-background-action-critical-primary-disabled: var(--color-neutral-450);
+  --color-background-action-critical-secondary-normal: var(--color-neutral-600);
+  --color-background-action-critical-secondary-hover: var(--color-critical-500);
+  --color-background-action-critical-secondary-active: var(--color-neutral-600);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
+  --color-background-white: var(--color-white);
 }
 [data-theme=brand] {
   --color-text-primary-normal: var(--color-neutral-000);
@@ -5162,6 +5166,7 @@
   --color-background-action-critical-secondary-hover: var(--color-brand-500);
   --color-background-action-critical-secondary-active: var(--color-brand-400);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
+  --color-background-white: var(--color-white);
 }
 body {
   background-color: var(--color-background-primary-normal);

package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js CHANGED Viewed

@@ -4,13 +4,13 @@ import {
 import "../../../chunk-XX5GVIPZ.js";
 import "../../../chunk-M7INAUAJ.js";
 import "../../../chunk-ARWHCWG7.js";
-import "../../../chunk-ESCHZVNI.js";
-import "../../../chunk-2IKT6IHB.js";
+import "../../../chunk-MQB6BSRX.js";
 import "../../../chunk-YCDDBSVU.js";
 import "../../../chunk-3X3Y4TMS.js";
 import "../../../chunk-BQNPOGD5.js";
 import "../../../chunk-Y5GD2FJA.js";
 import "../../../chunk-MBZ55T2D.js";
+import "../../../chunk-2IKT6IHB.js";
 import "../../../chunk-SND54E6X.js";
 import "../../../chunk-LGX34HML.js";
 import "../../../chunk-5IFPG6TS.js";

package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.css CHANGED Viewed

@@ -323,6 +323,7 @@
     --color-background-action-critical-secondary-hover: var(--color-critical-100);
     --color-background-action-critical-secondary-active: var(--color-neutral-000);
     --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
+    --color-background-white: var(--color-white);
   }
 }
 @layer base {
@@ -4840,6 +4841,7 @@
   --color-background-action-critical-secondary-active: var(--color-neutral-000);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
   --color-background-brand-normal: var( --color-brand-400 );
+  --color-background-white: var(--color-white);
 }
 .skeleton-paragraph {
   position: relative;
@@ -4969,6 +4971,7 @@
     --color-background-action-critical-secondary-hover: var( --color-critical-500 );
     --color-background-action-critical-secondary-active: var( --color-neutral-600 );
     --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
+    --color-background-white: var(--color-white);
   }
 }
 [data-theme=dark] {
@@ -5058,14 +5061,15 @@
   --color-background-action-secondary-active: var(--color-neutral-600);
   --color-background-action-secondary-disabled: var(--color-neutral-450);
   --color-background-brand-normal: var(--color-brand-400);
-  --color-background-action-critical-primary-normal: var( --color-critical-300 );
+  --color-background-action-critical-primary-normal: var(--color-critical-300);
   --color-background-action-critical-primary-hover: var(--color-critical-400);
-  --color-background-action-critical-primary-active: var( --color-critical-200 );
-  --color-background-action-critical-primary-disabled: var( --color-neutral-450 );
-  --color-background-action-critical-secondary-normal: var( --color-neutral-600 );
-  --color-background-action-critical-secondary-hover: var( --color-critical-500 );
-  --color-background-action-critical-secondary-active: var( --color-neutral-600 );
+  --color-background-action-critical-primary-active: var(--color-critical-200);
+  --color-background-action-critical-primary-disabled: var(--color-neutral-450);
+  --color-background-action-critical-secondary-normal: var(--color-neutral-600);
+  --color-background-action-critical-secondary-hover: var(--color-critical-500);
+  --color-background-action-critical-secondary-active: var(--color-neutral-600);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
+  --color-background-white: var(--color-white);
 }
 [data-theme=brand] {
   --color-text-primary-normal: var(--color-neutral-000);
@@ -5162,6 +5166,7 @@
   --color-background-action-critical-secondary-hover: var(--color-brand-500);
   --color-background-action-critical-secondary-active: var(--color-brand-400);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
+  --color-background-white: var(--color-white);
 }
 body {
   background-color: var(--color-background-primary-normal);

package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js CHANGED Viewed

@@ -4,13 +4,13 @@ import {
 import "../../../chunk-XX5GVIPZ.js";
 import "../../../chunk-M7INAUAJ.js";
 import "../../../chunk-ARWHCWG7.js";
-import "../../../chunk-ESCHZVNI.js";
-import "../../../chunk-2IKT6IHB.js";
+import "../../../chunk-MQB6BSRX.js";
 import "../../../chunk-YCDDBSVU.js";
 import "../../../chunk-3X3Y4TMS.js";
 import "../../../chunk-BQNPOGD5.js";
 import "../../../chunk-Y5GD2FJA.js";
 import "../../../chunk-MBZ55T2D.js";
+import "../../../chunk-2IKT6IHB.js";
 import "../../../chunk-SND54E6X.js";
 import "../../../chunk-LGX34HML.js";
 import "../../../chunk-5IFPG6TS.js";

package/dist/components/DataGrid/PinnedColumns.css CHANGED Viewed

@@ -323,6 +323,7 @@
     --color-background-action-critical-secondary-hover: var(--color-critical-100);
     --color-background-action-critical-secondary-active: var(--color-neutral-000);
     --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
+    --color-background-white: var(--color-white);
   }
 }
 @layer base {
@@ -4840,6 +4841,7 @@
   --color-background-action-critical-secondary-active: var(--color-neutral-000);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
   --color-background-brand-normal: var( --color-brand-400 );
+  --color-background-white: var(--color-white);
 }
 .skeleton-paragraph {
   position: relative;
@@ -4969,6 +4971,7 @@
     --color-background-action-critical-secondary-hover: var( --color-critical-500 );
     --color-background-action-critical-secondary-active: var( --color-neutral-600 );
     --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
+    --color-background-white: var(--color-white);
   }
 }
 [data-theme=dark] {
@@ -5058,14 +5061,15 @@
   --color-background-action-secondary-active: var(--color-neutral-600);
   --color-background-action-secondary-disabled: var(--color-neutral-450);
   --color-background-brand-normal: var(--color-brand-400);
-  --color-background-action-critical-primary-normal: var( --color-critical-300 );
+  --color-background-action-critical-primary-normal: var(--color-critical-300);
   --color-background-action-critical-primary-hover: var(--color-critical-400);
-  --color-background-action-critical-primary-active: var( --color-critical-200 );
-  --color-background-action-critical-primary-disabled: var( --color-neutral-450 );
-  --color-background-action-critical-secondary-normal: var( --color-neutral-600 );
-  --color-background-action-critical-secondary-hover: var( --color-critical-500 );
-  --color-background-action-critical-secondary-active: var( --color-neutral-600 );
+  --color-background-action-critical-primary-active: var(--color-critical-200);
+  --color-background-action-critical-primary-disabled: var(--color-neutral-450);
+  --color-background-action-critical-secondary-normal: var(--color-neutral-600);
+  --color-background-action-critical-secondary-hover: var(--color-critical-500);
+  --color-background-action-critical-secondary-active: var(--color-neutral-600);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
+  --color-background-white: var(--color-white);
 }
 [data-theme=brand] {
   --color-text-primary-normal: var(--color-neutral-000);
@@ -5162,6 +5166,7 @@
   --color-background-action-critical-secondary-hover: var(--color-brand-500);
   --color-background-action-critical-secondary-active: var(--color-brand-400);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
+  --color-background-white: var(--color-white);
 }
 body {
   background-color: var(--color-background-primary-normal);

package/dist/components/DataGrid/PinnedColumns.js CHANGED Viewed

@@ -4,13 +4,13 @@ import {
 import "../../chunk-XX5GVIPZ.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-ARWHCWG7.js";
-import "../../chunk-ESCHZVNI.js";
-import "../../chunk-2IKT6IHB.js";
+import "../../chunk-MQB6BSRX.js";
 import "../../chunk-YCDDBSVU.js";
 import "../../chunk-3X3Y4TMS.js";
 import "../../chunk-BQNPOGD5.js";
 import "../../chunk-Y5GD2FJA.js";
 import "../../chunk-MBZ55T2D.js";
+import "../../chunk-2IKT6IHB.js";
 import "../../chunk-SND54E6X.js";
 import "../../chunk-LGX34HML.js";
 import "../../chunk-5IFPG6TS.js";

package/dist/components/DataGrid/TableBody/LoadingCell.css CHANGED Viewed

@@ -323,6 +323,7 @@
     --color-background-action-critical-secondary-hover: var(--color-critical-100);
     --color-background-action-critical-secondary-active: var(--color-neutral-000);
     --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
+    --color-background-white: var(--color-white);
   }
 }
 @layer base {
@@ -4840,6 +4841,7 @@
   --color-background-action-critical-secondary-active: var(--color-neutral-000);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
   --color-background-brand-normal: var( --color-brand-400 );
+  --color-background-white: var(--color-white);
 }
 .skeleton-paragraph {
   position: relative;
@@ -4969,6 +4971,7 @@
     --color-background-action-critical-secondary-hover: var( --color-critical-500 );
     --color-background-action-critical-secondary-active: var( --color-neutral-600 );
     --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
+    --color-background-white: var(--color-white);
   }
 }
 [data-theme=dark] {
@@ -5058,14 +5061,15 @@
   --color-background-action-secondary-active: var(--color-neutral-600);
   --color-background-action-secondary-disabled: var(--color-neutral-450);
   --color-background-brand-normal: var(--color-brand-400);
-  --color-background-action-critical-primary-normal: var( --color-critical-300 );
+  --color-background-action-critical-primary-normal: var(--color-critical-300);
   --color-background-action-critical-primary-hover: var(--color-critical-400);
-  --color-background-action-critical-primary-active: var( --color-critical-200 );
-  --color-background-action-critical-primary-disabled: var( --color-neutral-450 );
-  --color-background-action-critical-secondary-normal: var( --color-neutral-600 );
-  --color-background-action-critical-secondary-hover: var( --color-critical-500 );
-  --color-background-action-critical-secondary-active: var( --color-neutral-600 );
+  --color-background-action-critical-primary-active: var(--color-critical-200);
+  --color-background-action-critical-primary-disabled: var(--color-neutral-450);
+  --color-background-action-critical-secondary-normal: var(--color-neutral-600);
+  --color-background-action-critical-secondary-hover: var(--color-critical-500);
+  --color-background-action-critical-secondary-active: var(--color-neutral-600);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
+  --color-background-white: var(--color-white);
 }
 [data-theme=brand] {
   --color-text-primary-normal: var(--color-neutral-000);
@@ -5162,6 +5166,7 @@
   --color-background-action-critical-secondary-hover: var(--color-brand-500);
   --color-background-action-critical-secondary-active: var(--color-brand-400);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
+  --color-background-white: var(--color-white);
 }
 body {
   background-color: var(--color-background-primary-normal);

package/dist/components/DataGrid/TableBody/LoadingCell.js CHANGED Viewed

@@ -4,13 +4,13 @@ import {
 import "../../../chunk-XX5GVIPZ.js";
 import "../../../chunk-M7INAUAJ.js";
 import "../../../chunk-ARWHCWG7.js";
-import "../../../chunk-ESCHZVNI.js";
-import "../../../chunk-2IKT6IHB.js";
+import "../../../chunk-MQB6BSRX.js";
 import "../../../chunk-YCDDBSVU.js";
 import "../../../chunk-3X3Y4TMS.js";
 import "../../../chunk-BQNPOGD5.js";
 import "../../../chunk-Y5GD2FJA.js";
 import "../../../chunk-MBZ55T2D.js";
+import "../../../chunk-2IKT6IHB.js";
 import "../../../chunk-SND54E6X.js";
 import "../../../chunk-LGX34HML.js";
 import "../../../chunk-5IFPG6TS.js";

package/dist/components/DataGrid/TableBody/TableBodyRow.css CHANGED Viewed

@@ -323,6 +323,7 @@
     --color-background-action-critical-secondary-hover: var(--color-critical-100);
     --color-background-action-critical-secondary-active: var(--color-neutral-000);
     --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
+    --color-background-white: var(--color-white);
   }
 }
 @layer base {
@@ -4840,6 +4841,7 @@
   --color-background-action-critical-secondary-active: var(--color-neutral-000);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
   --color-background-brand-normal: var( --color-brand-400 );
+  --color-background-white: var(--color-white);
 }
 .skeleton-paragraph {
   position: relative;
@@ -4969,6 +4971,7 @@
     --color-background-action-critical-secondary-hover: var( --color-critical-500 );
     --color-background-action-critical-secondary-active: var( --color-neutral-600 );
     --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
+    --color-background-white: var(--color-white);
   }
 }
 [data-theme=dark] {
@@ -5058,14 +5061,15 @@
   --color-background-action-secondary-active: var(--color-neutral-600);
   --color-background-action-secondary-disabled: var(--color-neutral-450);
   --color-background-brand-normal: var(--color-brand-400);
-  --color-background-action-critical-primary-normal: var( --color-critical-300 );
+  --color-background-action-critical-primary-normal: var(--color-critical-300);
   --color-background-action-critical-primary-hover: var(--color-critical-400);
-  --color-background-action-critical-primary-active: var( --color-critical-200 );
-  --color-background-action-critical-primary-disabled: var( --color-neutral-450 );
-  --color-background-action-critical-secondary-normal: var( --color-neutral-600 );
-  --color-background-action-critical-secondary-hover: var( --color-critical-500 );
-  --color-background-action-critical-secondary-active: var( --color-neutral-600 );
+  --color-background-action-critical-primary-active: var(--color-critical-200);
+  --color-background-action-critical-primary-disabled: var(--color-neutral-450);
+  --color-background-action-critical-secondary-normal: var(--color-neutral-600);
+  --color-background-action-critical-secondary-hover: var(--color-critical-500);
+  --color-background-action-critical-secondary-active: var(--color-neutral-600);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
+  --color-background-white: var(--color-white);
 }
 [data-theme=brand] {
   --color-text-primary-normal: var(--color-neutral-000);
@@ -5162,6 +5166,7 @@
   --color-background-action-critical-secondary-hover: var(--color-brand-500);
   --color-background-action-critical-secondary-active: var(--color-brand-400);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
+  --color-background-white: var(--color-white);
 }
 body {
   background-color: var(--color-background-primary-normal);

package/dist/components/DataGrid/TableBody/TableBodyRow.js CHANGED Viewed

@@ -4,13 +4,13 @@ import {
 import "../../../chunk-XX5GVIPZ.js";
 import "../../../chunk-M7INAUAJ.js";
 import "../../../chunk-ARWHCWG7.js";
-import "../../../chunk-ESCHZVNI.js";
-import "../../../chunk-2IKT6IHB.js";
+import "../../../chunk-MQB6BSRX.js";
 import "../../../chunk-YCDDBSVU.js";
 import "../../../chunk-3X3Y4TMS.js";
 import "../../../chunk-BQNPOGD5.js";
 import "../../../chunk-Y5GD2FJA.js";
 import "../../../chunk-MBZ55T2D.js";
+import "../../../chunk-2IKT6IHB.js";
 import "../../../chunk-SND54E6X.js";
 import "../../../chunk-LGX34HML.js";
 import "../../../chunk-5IFPG6TS.js";

package/dist/components/DataGrid/TableBody/index.css CHANGED Viewed

@@ -323,6 +323,7 @@
     --color-background-action-critical-secondary-hover: var(--color-critical-100);
     --color-background-action-critical-secondary-active: var(--color-neutral-000);
     --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
+    --color-background-white: var(--color-white);
   }
 }
 @layer base {
@@ -4840,6 +4841,7 @@
   --color-background-action-critical-secondary-active: var(--color-neutral-000);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
   --color-background-brand-normal: var( --color-brand-400 );
+  --color-background-white: var(--color-white);
 }
 .skeleton-paragraph {
   position: relative;
@@ -4969,6 +4971,7 @@
     --color-background-action-critical-secondary-hover: var( --color-critical-500 );
     --color-background-action-critical-secondary-active: var( --color-neutral-600 );
     --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
+    --color-background-white: var(--color-white);
   }
 }
 [data-theme=dark] {
@@ -5058,14 +5061,15 @@
   --color-background-action-secondary-active: var(--color-neutral-600);
   --color-background-action-secondary-disabled: var(--color-neutral-450);
   --color-background-brand-normal: var(--color-brand-400);
-  --color-background-action-critical-primary-normal: var( --color-critical-300 );
+  --color-background-action-critical-primary-normal: var(--color-critical-300);
   --color-background-action-critical-primary-hover: var(--color-critical-400);
-  --color-background-action-critical-primary-active: var( --color-critical-200 );
-  --color-background-action-critical-primary-disabled: var( --color-neutral-450 );
-  --color-background-action-critical-secondary-normal: var( --color-neutral-600 );
-  --color-background-action-critical-secondary-hover: var( --color-critical-500 );
-  --color-background-action-critical-secondary-active: var( --color-neutral-600 );
+  --color-background-action-critical-primary-active: var(--color-critical-200);
+  --color-background-action-critical-primary-disabled: var(--color-neutral-450);
+  --color-background-action-critical-secondary-normal: var(--color-neutral-600);
+  --color-background-action-critical-secondary-hover: var(--color-critical-500);
+  --color-background-action-critical-secondary-active: var(--color-neutral-600);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
+  --color-background-white: var(--color-white);
 }
 [data-theme=brand] {
   --color-text-primary-normal: var(--color-neutral-000);
@@ -5162,6 +5166,7 @@
   --color-background-action-critical-secondary-hover: var(--color-brand-500);
   --color-background-action-critical-secondary-active: var(--color-brand-400);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
+  --color-background-white: var(--color-white);
 }
 body {
   background-color: var(--color-background-primary-normal);

package/dist/components/DataGrid/TableBody/index.js CHANGED Viewed

@@ -4,13 +4,13 @@ import {
 import "../../../chunk-XX5GVIPZ.js";
 import "../../../chunk-M7INAUAJ.js";
 import "../../../chunk-ARWHCWG7.js";
-import "../../../chunk-ESCHZVNI.js";
-import "../../../chunk-2IKT6IHB.js";
+import "../../../chunk-MQB6BSRX.js";
 import "../../../chunk-YCDDBSVU.js";
 import "../../../chunk-3X3Y4TMS.js";
 import "../../../chunk-BQNPOGD5.js";
 import "../../../chunk-Y5GD2FJA.js";
 import "../../../chunk-MBZ55T2D.js";
+import "../../../chunk-2IKT6IHB.js";
 import "../../../chunk-SND54E6X.js";
 import "../../../chunk-LGX34HML.js";
 import "../../../chunk-5IFPG6TS.js";

package/dist/components/DataGrid/index.css CHANGED Viewed

@@ -323,6 +323,7 @@
     --color-background-action-critical-secondary-hover: var(--color-critical-100);
     --color-background-action-critical-secondary-active: var(--color-neutral-000);
     --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
+    --color-background-white: var(--color-white);
   }
 }
 @layer base {
@@ -4840,6 +4841,7 @@
   --color-background-action-critical-secondary-active: var(--color-neutral-000);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
   --color-background-brand-normal: var( --color-brand-400 );
+  --color-background-white: var(--color-white);
 }
 .skeleton-paragraph {
   position: relative;
@@ -4969,6 +4971,7 @@
     --color-background-action-critical-secondary-hover: var( --color-critical-500 );
     --color-background-action-critical-secondary-active: var( --color-neutral-600 );
     --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
+    --color-background-white: var(--color-white);
   }
 }
 [data-theme=dark] {
@@ -5058,14 +5061,15 @@
   --color-background-action-secondary-active: var(--color-neutral-600);
   --color-background-action-secondary-disabled: var(--color-neutral-450);
   --color-background-brand-normal: var(--color-brand-400);
-  --color-background-action-critical-primary-normal: var( --color-critical-300 );
+  --color-background-action-critical-primary-normal: var(--color-critical-300);
   --color-background-action-critical-primary-hover: var(--color-critical-400);
-  --color-background-action-critical-primary-active: var( --color-critical-200 );
-  --color-background-action-critical-primary-disabled: var( --color-neutral-450 );
-  --color-background-action-critical-secondary-normal: var( --color-neutral-600 );
-  --color-background-action-critical-secondary-hover: var( --color-critical-500 );
-  --color-background-action-critical-secondary-active: var( --color-neutral-600 );
+  --color-background-action-critical-primary-active: var(--color-critical-200);
+  --color-background-action-critical-primary-disabled: var(--color-neutral-450);
+  --color-background-action-critical-secondary-normal: var(--color-neutral-600);
+  --color-background-action-critical-secondary-hover: var(--color-critical-500);
+  --color-background-action-critical-secondary-active: var(--color-neutral-600);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
+  --color-background-white: var(--color-white);
 }
 [data-theme=brand] {
   --color-text-primary-normal: var(--color-neutral-000);
@@ -5162,6 +5166,7 @@
   --color-background-action-critical-secondary-hover: var(--color-brand-500);
   --color-background-action-critical-secondary-active: var(--color-brand-400);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
+  --color-background-white: var(--color-white);
 }
 body {
   background-color: var(--color-background-primary-normal);

package/dist/components/DataGrid/index.js CHANGED Viewed

@@ -6,13 +6,13 @@ import {
 import "../../chunk-XX5GVIPZ.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-ARWHCWG7.js";
-import "../../chunk-ESCHZVNI.js";
-import "../../chunk-2IKT6IHB.js";
+import "../../chunk-MQB6BSRX.js";
 import "../../chunk-YCDDBSVU.js";
 import "../../chunk-3X3Y4TMS.js";
 import "../../chunk-BQNPOGD5.js";
 import "../../chunk-Y5GD2FJA.js";
 import "../../chunk-MBZ55T2D.js";
+import "../../chunk-2IKT6IHB.js";
 import "../../chunk-SND54E6X.js";
 import "../../chunk-LGX34HML.js";
 import "../../chunk-5IFPG6TS.js";

package/dist/components/DataGrid/utils.css CHANGED Viewed

@@ -323,6 +323,7 @@
     --color-background-action-critical-secondary-hover: var(--color-critical-100);
     --color-background-action-critical-secondary-active: var(--color-neutral-000);
     --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
+    --color-background-white: var(--color-white);
   }
 }
 @layer base {
@@ -4840,6 +4841,7 @@
   --color-background-action-critical-secondary-active: var(--color-neutral-000);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
   --color-background-brand-normal: var( --color-brand-400 );
+  --color-background-white: var(--color-white);
 }
 .skeleton-paragraph {
   position: relative;
@@ -4969,6 +4971,7 @@
     --color-background-action-critical-secondary-hover: var( --color-critical-500 );
     --color-background-action-critical-secondary-active: var( --color-neutral-600 );
     --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
+    --color-background-white: var(--color-white);
   }
 }
 [data-theme=dark] {
@@ -5058,14 +5061,15 @@
   --color-background-action-secondary-active: var(--color-neutral-600);
   --color-background-action-secondary-disabled: var(--color-neutral-450);
   --color-background-brand-normal: var(--color-brand-400);
-  --color-background-action-critical-primary-normal: var( --color-critical-300 );
+  --color-background-action-critical-primary-normal: var(--color-critical-300);
   --color-background-action-critical-primary-hover: var(--color-critical-400);
-  --color-background-action-critical-primary-active: var( --color-critical-200 );
-  --color-background-action-critical-primary-disabled: var( --color-neutral-450 );
-  --color-background-action-critical-secondary-normal: var( --color-neutral-600 );
-  --color-background-action-critical-secondary-hover: var( --color-critical-500 );
-  --color-background-action-critical-secondary-active: var( --color-neutral-600 );
+  --color-background-action-critical-primary-active: var(--color-critical-200);
+  --color-background-action-critical-primary-disabled: var(--color-neutral-450);
+  --color-background-action-critical-secondary-normal: var(--color-neutral-600);
+  --color-background-action-critical-secondary-hover: var(--color-critical-500);
+  --color-background-action-critical-secondary-active: var(--color-neutral-600);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
+  --color-background-white: var(--color-white);
 }
 [data-theme=brand] {
   --color-text-primary-normal: var(--color-neutral-000);
@@ -5162,6 +5166,7 @@
   --color-background-action-critical-secondary-hover: var(--color-brand-500);
   --color-background-action-critical-secondary-active: var(--color-brand-400);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
+  --color-background-white: var(--color-white);
 }
 body {
   background-color: var(--color-background-primary-normal);

package/dist/components/DataGrid/utils.js CHANGED Viewed

@@ -4,13 +4,13 @@ import {
 import "../../chunk-XX5GVIPZ.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-ARWHCWG7.js";
-import "../../chunk-ESCHZVNI.js";
-import "../../chunk-2IKT6IHB.js";
+import "../../chunk-MQB6BSRX.js";
 import "../../chunk-YCDDBSVU.js";
 import "../../chunk-3X3Y4TMS.js";
 import "../../chunk-BQNPOGD5.js";
 import "../../chunk-Y5GD2FJA.js";
 import "../../chunk-MBZ55T2D.js";
+import "../../chunk-2IKT6IHB.js";
 import "../../chunk-SND54E6X.js";
 import "../../chunk-LGX34HML.js";
 import "../../chunk-5IFPG6TS.js";

package/dist/components/DateInput.css CHANGED Viewed

@@ -323,6 +323,7 @@
     --color-background-action-critical-secondary-hover: var(--color-critical-100);
     --color-background-action-critical-secondary-active: var(--color-neutral-000);
     --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
+    --color-background-white: var(--color-white);
   }
 }
 @layer base {
@@ -4840,6 +4841,7 @@
   --color-background-action-critical-secondary-active: var(--color-neutral-000);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
   --color-background-brand-normal: var( --color-brand-400 );
+  --color-background-white: var(--color-white);
 }
 .skeleton-paragraph {
   position: relative;
@@ -4969,6 +4971,7 @@
     --color-background-action-critical-secondary-hover: var( --color-critical-500 );
     --color-background-action-critical-secondary-active: var( --color-neutral-600 );
     --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
+    --color-background-white: var(--color-white);
   }
 }
 [data-theme=dark] {
@@ -5058,14 +5061,15 @@
   --color-background-action-secondary-active: var(--color-neutral-600);
   --color-background-action-secondary-disabled: var(--color-neutral-450);
   --color-background-brand-normal: var(--color-brand-400);
-  --color-background-action-critical-primary-normal: var( --color-critical-300 );
+  --color-background-action-critical-primary-normal: var(--color-critical-300);
   --color-background-action-critical-primary-hover: var(--color-critical-400);
-  --color-background-action-critical-primary-active: var( --color-critical-200 );
-  --color-background-action-critical-primary-disabled: var( --color-neutral-450 );
-  --color-background-action-critical-secondary-normal: var( --color-neutral-600 );
-  --color-background-action-critical-secondary-hover: var( --color-critical-500 );
-  --color-background-action-critical-secondary-active: var( --color-neutral-600 );
+  --color-background-action-critical-primary-active: var(--color-critical-200);
+  --color-background-action-critical-primary-disabled: var(--color-neutral-450);
+  --color-background-action-critical-secondary-normal: var(--color-neutral-600);
+  --color-background-action-critical-secondary-hover: var(--color-critical-500);
+  --color-background-action-critical-secondary-active: var(--color-neutral-600);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
+  --color-background-white: var(--color-white);
 }
 [data-theme=brand] {
   --color-text-primary-normal: var(--color-neutral-000);
@@ -5162,6 +5166,7 @@
   --color-background-action-critical-secondary-hover: var(--color-brand-500);
   --color-background-action-critical-secondary-active: var(--color-brand-400);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
+  --color-background-white: var(--color-white);
 }
 body {
   background-color: var(--color-background-primary-normal);

package/dist/components/DateInput.js CHANGED Viewed

@@ -4,13 +4,13 @@ import {
 import "../chunk-XX5GVIPZ.js";
 import "../chunk-M7INAUAJ.js";
 import "../chunk-ARWHCWG7.js";
-import "../chunk-ESCHZVNI.js";
-import "../chunk-2IKT6IHB.js";
+import "../chunk-MQB6BSRX.js";
 import "../chunk-YCDDBSVU.js";
 import "../chunk-3X3Y4TMS.js";
 import "../chunk-BQNPOGD5.js";
 import "../chunk-Y5GD2FJA.js";
 import "../chunk-MBZ55T2D.js";
+import "../chunk-2IKT6IHB.js";
 import "../chunk-SND54E6X.js";
 import "../chunk-LGX34HML.js";
 import "../chunk-5IFPG6TS.js";

package/dist/components/DateRangeInput.css CHANGED Viewed

@@ -323,6 +323,7 @@
     --color-background-action-critical-secondary-hover: var(--color-critical-100);
     --color-background-action-critical-secondary-active: var(--color-neutral-000);
     --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
+    --color-background-white: var(--color-white);
   }
 }
 @layer base {
@@ -4840,6 +4841,7 @@
   --color-background-action-critical-secondary-active: var(--color-neutral-000);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
   --color-background-brand-normal: var( --color-brand-400 );
+  --color-background-white: var(--color-white);
 }
 .skeleton-paragraph {
   position: relative;
@@ -4969,6 +4971,7 @@
     --color-background-action-critical-secondary-hover: var( --color-critical-500 );
     --color-background-action-critical-secondary-active: var( --color-neutral-600 );
     --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
+    --color-background-white: var(--color-white);
   }
 }
 [data-theme=dark] {
@@ -5058,14 +5061,15 @@
   --color-background-action-secondary-active: var(--color-neutral-600);
   --color-background-action-secondary-disabled: var(--color-neutral-450);
   --color-background-brand-normal: var(--color-brand-400);
-  --color-background-action-critical-primary-normal: var( --color-critical-300 );
+  --color-background-action-critical-primary-normal: var(--color-critical-300);
   --color-background-action-critical-primary-hover: var(--color-critical-400);
-  --color-background-action-critical-primary-active: var( --color-critical-200 );
-  --color-background-action-critical-primary-disabled: var( --color-neutral-450 );
-  --color-background-action-critical-secondary-normal: var( --color-neutral-600 );
-  --color-background-action-critical-secondary-hover: var( --color-critical-500 );
-  --color-background-action-critical-secondary-active: var( --color-neutral-600 );
+  --color-background-action-critical-primary-active: var(--color-critical-200);
+  --color-background-action-critical-primary-disabled: var(--color-neutral-450);
+  --color-background-action-critical-secondary-normal: var(--color-neutral-600);
+  --color-background-action-critical-secondary-hover: var(--color-critical-500);
+  --color-background-action-critical-secondary-active: var(--color-neutral-600);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
+  --color-background-white: var(--color-white);
 }
 [data-theme=brand] {
   --color-text-primary-normal: var(--color-neutral-000);
@@ -5162,6 +5166,7 @@
   --color-background-action-critical-secondary-hover: var(--color-brand-500);
   --color-background-action-critical-secondary-active: var(--color-brand-400);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
+  --color-background-white: var(--color-white);
 }
 body {
   background-color: var(--color-background-primary-normal);

package/dist/components/DateRangeInput.js CHANGED Viewed

@@ -4,13 +4,13 @@ import {
 import "../chunk-XX5GVIPZ.js";
 import "../chunk-M7INAUAJ.js";
 import "../chunk-ARWHCWG7.js";
-import "../chunk-ESCHZVNI.js";
-import "../chunk-2IKT6IHB.js";
+import "../chunk-MQB6BSRX.js";
 import "../chunk-YCDDBSVU.js";
 import "../chunk-3X3Y4TMS.js";
 import "../chunk-BQNPOGD5.js";
 import "../chunk-Y5GD2FJA.js";
 import "../chunk-MBZ55T2D.js";
+import "../chunk-2IKT6IHB.js";
 import "../chunk-SND54E6X.js";
 import "../chunk-LGX34HML.js";
 import "../chunk-5IFPG6TS.js";

package/dist/components/MobileDataGrid/ColumnSelector/index.css CHANGED Viewed

@@ -323,6 +323,7 @@
     --color-background-action-critical-secondary-hover: var(--color-critical-100);
     --color-background-action-critical-secondary-active: var(--color-neutral-000);
     --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
+    --color-background-white: var(--color-white);
   }
 }
 @layer base {
@@ -4840,6 +4841,7 @@
   --color-background-action-critical-secondary-active: var(--color-neutral-000);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
   --color-background-brand-normal: var( --color-brand-400 );
+  --color-background-white: var(--color-white);
 }
 .skeleton-paragraph {
   position: relative;
@@ -4969,6 +4971,7 @@
     --color-background-action-critical-secondary-hover: var( --color-critical-500 );
     --color-background-action-critical-secondary-active: var( --color-neutral-600 );
     --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
+    --color-background-white: var(--color-white);
   }
 }
 [data-theme=dark] {
@@ -5058,14 +5061,15 @@
   --color-background-action-secondary-active: var(--color-neutral-600);
   --color-background-action-secondary-disabled: var(--color-neutral-450);
   --color-background-brand-normal: var(--color-brand-400);
-  --color-background-action-critical-primary-normal: var( --color-critical-300 );
+  --color-background-action-critical-primary-normal: var(--color-critical-300);
   --color-background-action-critical-primary-hover: var(--color-critical-400);
-  --color-background-action-critical-primary-active: var( --color-critical-200 );
-  --color-background-action-critical-primary-disabled: var( --color-neutral-450 );
-  --color-background-action-critical-secondary-normal: var( --color-neutral-600 );
-  --color-background-action-critical-secondary-hover: var( --color-critical-500 );
-  --color-background-action-critical-secondary-active: var( --color-neutral-600 );
+  --color-background-action-critical-primary-active: var(--color-critical-200);
+  --color-background-action-critical-primary-disabled: var(--color-neutral-450);
+  --color-background-action-critical-secondary-normal: var(--color-neutral-600);
+  --color-background-action-critical-secondary-hover: var(--color-critical-500);
+  --color-background-action-critical-secondary-active: var(--color-neutral-600);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
+  --color-background-white: var(--color-white);
 }
 [data-theme=brand] {
   --color-text-primary-normal: var(--color-neutral-000);
@@ -5162,6 +5166,7 @@
   --color-background-action-critical-secondary-hover: var(--color-brand-500);
   --color-background-action-critical-secondary-active: var(--color-brand-400);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
+  --color-background-white: var(--color-white);
 }
 body {
   background-color: var(--color-background-primary-normal);

package/dist/components/MobileDataGrid/ColumnSelector/index.js CHANGED Viewed

@@ -4,13 +4,13 @@ import {
 import "../../../chunk-XX5GVIPZ.js";
 import "../../../chunk-M7INAUAJ.js";
 import "../../../chunk-ARWHCWG7.js";
-import "../../../chunk-ESCHZVNI.js";
-import "../../../chunk-2IKT6IHB.js";
+import "../../../chunk-MQB6BSRX.js";
 import "../../../chunk-YCDDBSVU.js";
 import "../../../chunk-3X3Y4TMS.js";
 import "../../../chunk-BQNPOGD5.js";
 import "../../../chunk-Y5GD2FJA.js";
 import "../../../chunk-MBZ55T2D.js";
+import "../../../chunk-2IKT6IHB.js";
 import "../../../chunk-SND54E6X.js";
 import "../../../chunk-LGX34HML.js";
 import "../../../chunk-5IFPG6TS.js";

package/dist/components/MobileDataGrid/MobileDataGridHeader.css CHANGED Viewed

@@ -323,6 +323,7 @@
     --color-background-action-critical-secondary-hover: var(--color-critical-100);
     --color-background-action-critical-secondary-active: var(--color-neutral-000);
     --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
+    --color-background-white: var(--color-white);
   }
 }
 @layer base {
@@ -4840,6 +4841,7 @@
   --color-background-action-critical-secondary-active: var(--color-neutral-000);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
   --color-background-brand-normal: var( --color-brand-400 );
+  --color-background-white: var(--color-white);
 }
 .skeleton-paragraph {
   position: relative;
@@ -4969,6 +4971,7 @@
     --color-background-action-critical-secondary-hover: var( --color-critical-500 );
     --color-background-action-critical-secondary-active: var( --color-neutral-600 );
     --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
+    --color-background-white: var(--color-white);
   }
 }
 [data-theme=dark] {
@@ -5058,14 +5061,15 @@
   --color-background-action-secondary-active: var(--color-neutral-600);
   --color-background-action-secondary-disabled: var(--color-neutral-450);
   --color-background-brand-normal: var(--color-brand-400);
-  --color-background-action-critical-primary-normal: var( --color-critical-300 );
+  --color-background-action-critical-primary-normal: var(--color-critical-300);
   --color-background-action-critical-primary-hover: var(--color-critical-400);
-  --color-background-action-critical-primary-active: var( --color-critical-200 );
-  --color-background-action-critical-primary-disabled: var( --color-neutral-450 );
-  --color-background-action-critical-secondary-normal: var( --color-neutral-600 );
-  --color-background-action-critical-secondary-hover: var( --color-critical-500 );
-  --color-background-action-critical-secondary-active: var( --color-neutral-600 );
+  --color-background-action-critical-primary-active: var(--color-critical-200);
+  --color-background-action-critical-primary-disabled: var(--color-neutral-450);
+  --color-background-action-critical-secondary-normal: var(--color-neutral-600);
+  --color-background-action-critical-secondary-hover: var(--color-critical-500);
+  --color-background-action-critical-secondary-active: var(--color-neutral-600);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
+  --color-background-white: var(--color-white);
 }
 [data-theme=brand] {
   --color-text-primary-normal: var(--color-neutral-000);
@@ -5162,6 +5166,7 @@
   --color-background-action-critical-secondary-hover: var(--color-brand-500);
   --color-background-action-critical-secondary-active: var(--color-brand-400);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
+  --color-background-white: var(--color-white);
 }
 body {
   background-color: var(--color-background-primary-normal);

package/dist/components/MobileDataGrid/MobileDataGridHeader.js CHANGED Viewed

@@ -4,13 +4,13 @@ import {
 import "../../chunk-XX5GVIPZ.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-ARWHCWG7.js";
-import "../../chunk-ESCHZVNI.js";
-import "../../chunk-2IKT6IHB.js";
+import "../../chunk-MQB6BSRX.js";
 import "../../chunk-YCDDBSVU.js";
 import "../../chunk-3X3Y4TMS.js";
 import "../../chunk-BQNPOGD5.js";
 import "../../chunk-Y5GD2FJA.js";
 import "../../chunk-MBZ55T2D.js";
+import "../../chunk-2IKT6IHB.js";
 import "../../chunk-SND54E6X.js";
 import "../../chunk-LGX34HML.js";
 import "../../chunk-5IFPG6TS.js";

package/dist/components/MobileDataGrid/index.css CHANGED Viewed

@@ -323,6 +323,7 @@
     --color-background-action-critical-secondary-hover: var(--color-critical-100);
     --color-background-action-critical-secondary-active: var(--color-neutral-000);
     --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
+    --color-background-white: var(--color-white);
   }
 }
 @layer base {
@@ -4840,6 +4841,7 @@
   --color-background-action-critical-secondary-active: var(--color-neutral-000);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
   --color-background-brand-normal: var( --color-brand-400 );
+  --color-background-white: var(--color-white);
 }
 .skeleton-paragraph {
   position: relative;
@@ -4969,6 +4971,7 @@
     --color-background-action-critical-secondary-hover: var( --color-critical-500 );
     --color-background-action-critical-secondary-active: var( --color-neutral-600 );
     --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
+    --color-background-white: var(--color-white);
   }
 }
 [data-theme=dark] {
@@ -5058,14 +5061,15 @@
   --color-background-action-secondary-active: var(--color-neutral-600);
   --color-background-action-secondary-disabled: var(--color-neutral-450);
   --color-background-brand-normal: var(--color-brand-400);
-  --color-background-action-critical-primary-normal: var( --color-critical-300 );
+  --color-background-action-critical-primary-normal: var(--color-critical-300);
   --color-background-action-critical-primary-hover: var(--color-critical-400);
-  --color-background-action-critical-primary-active: var( --color-critical-200 );
-  --color-background-action-critical-primary-disabled: var( --color-neutral-450 );
-  --color-background-action-critical-secondary-normal: var( --color-neutral-600 );
-  --color-background-action-critical-secondary-hover: var( --color-critical-500 );
-  --color-background-action-critical-secondary-active: var( --color-neutral-600 );
+  --color-background-action-critical-primary-active: var(--color-critical-200);
+  --color-background-action-critical-primary-disabled: var(--color-neutral-450);
+  --color-background-action-critical-secondary-normal: var(--color-neutral-600);
+  --color-background-action-critical-secondary-hover: var(--color-critical-500);
+  --color-background-action-critical-secondary-active: var(--color-neutral-600);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
+  --color-background-white: var(--color-white);
 }
 [data-theme=brand] {
   --color-text-primary-normal: var(--color-neutral-000);
@@ -5162,6 +5166,7 @@
   --color-background-action-critical-secondary-hover: var(--color-brand-500);
   --color-background-action-critical-secondary-active: var(--color-brand-400);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
+  --color-background-white: var(--color-white);
 }
 body {
   background-color: var(--color-background-primary-normal);

package/dist/components/MobileDataGrid/index.js CHANGED Viewed

@@ -4,13 +4,13 @@ import {
 import "../../chunk-XX5GVIPZ.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-ARWHCWG7.js";
-import "../../chunk-ESCHZVNI.js";
-import "../../chunk-2IKT6IHB.js";
+import "../../chunk-MQB6BSRX.js";
 import "../../chunk-YCDDBSVU.js";
 import "../../chunk-3X3Y4TMS.js";
 import "../../chunk-BQNPOGD5.js";
 import "../../chunk-Y5GD2FJA.js";
 import "../../chunk-MBZ55T2D.js";
+import "../../chunk-2IKT6IHB.js";
 import "../../chunk-SND54E6X.js";
 import "../../chunk-LGX34HML.js";
 import "../../chunk-5IFPG6TS.js";

package/dist/components/ProductImagePreview/index.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import {
   ProductImagePreview
-} from "../../chunk-ESCHZVNI.js";
-import "../../chunk-2IKT6IHB.js";
+} from "../../chunk-MQB6BSRX.js";
 import "../../chunk-YCDDBSVU.js";
 import "../../chunk-3X3Y4TMS.js";
 import "../../chunk-BQNPOGD5.js";
 import "../../chunk-MBZ55T2D.js";
+import "../../chunk-2IKT6IHB.js";
 import "../../chunk-AT4AWD6B.js";
 import "../../chunk-QVWYTQKL.js";
 import "../../chunk-BWPNXY7T.js";

package/dist/components/index.css CHANGED Viewed

@@ -323,6 +323,7 @@
     --color-background-action-critical-secondary-hover: var(--color-critical-100);
     --color-background-action-critical-secondary-active: var(--color-neutral-000);
     --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
+    --color-background-white: var(--color-white);
   }
 }
 @layer base {
@@ -4840,6 +4841,7 @@
   --color-background-action-critical-secondary-active: var(--color-neutral-000);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
   --color-background-brand-normal: var( --color-brand-400 );
+  --color-background-white: var(--color-white);
 }
 .skeleton-paragraph {
   position: relative;
@@ -4969,6 +4971,7 @@
     --color-background-action-critical-secondary-hover: var( --color-critical-500 );
     --color-background-action-critical-secondary-active: var( --color-neutral-600 );
     --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
+    --color-background-white: var(--color-white);
   }
 }
 [data-theme=dark] {
@@ -5058,14 +5061,15 @@
   --color-background-action-secondary-active: var(--color-neutral-600);
   --color-background-action-secondary-disabled: var(--color-neutral-450);
   --color-background-brand-normal: var(--color-brand-400);
-  --color-background-action-critical-primary-normal: var( --color-critical-300 );
+  --color-background-action-critical-primary-normal: var(--color-critical-300);
   --color-background-action-critical-primary-hover: var(--color-critical-400);
-  --color-background-action-critical-primary-active: var( --color-critical-200 );
-  --color-background-action-critical-primary-disabled: var( --color-neutral-450 );
-  --color-background-action-critical-secondary-normal: var( --color-neutral-600 );
-  --color-background-action-critical-secondary-hover: var( --color-critical-500 );
-  --color-background-action-critical-secondary-active: var( --color-neutral-600 );
+  --color-background-action-critical-primary-active: var(--color-critical-200);
+  --color-background-action-critical-primary-disabled: var(--color-neutral-450);
+  --color-background-action-critical-secondary-normal: var(--color-neutral-600);
+  --color-background-action-critical-secondary-hover: var(--color-critical-500);
+  --color-background-action-critical-secondary-active: var(--color-neutral-600);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
+  --color-background-white: var(--color-white);
 }
 [data-theme=brand] {
   --color-text-primary-normal: var(--color-neutral-000);
@@ -5162,6 +5166,7 @@
   --color-background-action-critical-secondary-hover: var(--color-brand-500);
   --color-background-action-critical-secondary-active: var(--color-brand-400);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
+  --color-background-white: var(--color-white);
 }
 body {
   background-color: var(--color-background-primary-normal);

package/dist/components/index.js CHANGED Viewed

@@ -8,8 +8,7 @@ import "../chunk-M7INAUAJ.js";
 import "../chunk-ARWHCWG7.js";
 import {
   ProductImagePreview
-} from "../chunk-ESCHZVNI.js";
-import "../chunk-2IKT6IHB.js";
+} from "../chunk-MQB6BSRX.js";
 import "../chunk-YCDDBSVU.js";
 import "../chunk-3X3Y4TMS.js";
 import "../chunk-BQNPOGD5.js";
@@ -17,6 +16,7 @@ import {
   SearchResultImage
 } from "../chunk-Y5GD2FJA.js";
 import "../chunk-MBZ55T2D.js";
+import "../chunk-2IKT6IHB.js";
 import "../chunk-SND54E6X.js";
 import "../chunk-LGX34HML.js";
 import "../chunk-5IFPG6TS.js";

package/dist/index.css CHANGED Viewed

@@ -301,6 +301,7 @@
     --color-background-action-critical-secondary-hover: var(--color-critical-100);
     --color-background-action-critical-secondary-active: var(--color-neutral-000);
     --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
+    --color-background-white: var(--color-white);
   }
 }
 @layer base {
@@ -4818,6 +4819,7 @@
   --color-background-action-critical-secondary-active: var(--color-neutral-000);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
   --color-background-brand-normal: var( --color-brand-400 );
+  --color-background-white: var(--color-white);
 }
 .skeleton-paragraph {
   position: relative;
@@ -4947,6 +4949,7 @@
     --color-background-action-critical-secondary-hover: var( --color-critical-500 );
     --color-background-action-critical-secondary-active: var( --color-neutral-600 );
     --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
+    --color-background-white: var(--color-white);
   }
 }
 [data-theme=dark] {
@@ -5036,14 +5039,15 @@
   --color-background-action-secondary-active: var(--color-neutral-600);
   --color-background-action-secondary-disabled: var(--color-neutral-450);
   --color-background-brand-normal: var(--color-brand-400);
-  --color-background-action-critical-primary-normal: var( --color-critical-300 );
+  --color-background-action-critical-primary-normal: var(--color-critical-300);
   --color-background-action-critical-primary-hover: var(--color-critical-400);
-  --color-background-action-critical-primary-active: var( --color-critical-200 );
-  --color-background-action-critical-primary-disabled: var( --color-neutral-450 );
-  --color-background-action-critical-secondary-normal: var( --color-neutral-600 );
-  --color-background-action-critical-secondary-hover: var( --color-critical-500 );
-  --color-background-action-critical-secondary-active: var( --color-neutral-600 );
+  --color-background-action-critical-primary-active: var(--color-critical-200);
+  --color-background-action-critical-primary-disabled: var(--color-neutral-450);
+  --color-background-action-critical-secondary-normal: var(--color-neutral-600);
+  --color-background-action-critical-secondary-hover: var(--color-critical-500);
+  --color-background-action-critical-secondary-active: var(--color-neutral-600);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
+  --color-background-white: var(--color-white);
 }
 [data-theme=brand] {
   --color-text-primary-normal: var(--color-neutral-000);
@@ -5140,6 +5144,7 @@
   --color-background-action-critical-secondary-hover: var(--color-brand-500);
   --color-background-action-critical-secondary-active: var(--color-brand-400);
   --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
+  --color-background-white: var(--color-white);
 }
 body {
   background-color: var(--color-background-primary-normal);

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@dmsi/wedgekit-react",
   "private": false,
-  "version": "0.0.625",
+  "version": "0.0.627",
   "type": "module",
   "scripts": {
     "build": "tsup",

package/dist/{chunk-ESCHZVNI.js → chunk-MQB6BSRX.js} RENAMED Viewed

@@ -1,6 +1,3 @@
-import {
-  MobileImageCarousel
-} from "./chunk-2IKT6IHB.js";
 import {
   ProductPrimaryImage
 } from "./chunk-YCDDBSVU.js";
@@ -13,6 +10,9 @@ import {
 import {
   CarouselPagination
 } from "./chunk-MBZ55T2D.js";
+import {
+  MobileImageCarousel
+} from "./chunk-2IKT6IHB.js";
 import {
   Grid
 } from "./chunk-BWPNXY7T.js";