@dmsi/wedgekit-react 0.0.626 → 0.0.628

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 (17) hide show
  1. package/dist/components/CalendarRange.css +11 -6
  2. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.css +11 -6
  3. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.css +11 -6
  4. package/dist/components/DataGrid/PinnedColumns.css +11 -6
  5. package/dist/components/DataGrid/TableBody/LoadingCell.css +11 -6
  6. package/dist/components/DataGrid/TableBody/TableBodyRow.css +11 -6
  7. package/dist/components/DataGrid/TableBody/index.css +11 -6
  8. package/dist/components/DataGrid/index.css +11 -6
  9. package/dist/components/DataGrid/utils.css +11 -6
  10. package/dist/components/DateInput.css +11 -6
  11. package/dist/components/DateRangeInput.css +11 -6
  12. package/dist/components/MobileDataGrid/ColumnSelector/index.css +11 -6
  13. package/dist/components/MobileDataGrid/MobileDataGridHeader.css +11 -6
  14. package/dist/components/MobileDataGrid/index.css +11 -6
  15. package/dist/components/index.css +11 -6
  16. package/dist/index.css +11 -6
  17. package/package.json +1 -1
package/dist/components/CalendarRange.css CHANGED
@@ -323,6 +323,7 @@
323
323
  --color-background-action-critical-secondary-hover: var(--color-critical-100);
324
324
  --color-background-action-critical-secondary-active: var(--color-neutral-000);
325
325
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
326
+ --color-background-white: var(--color-white);
326
327
  }
327
328
  }
328
329
  @layer base {
@@ -4840,6 +4841,7 @@
4840
4841
  --color-background-action-critical-secondary-active: var(--color-neutral-000);
4841
4842
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
4842
4843
  --color-background-brand-normal: var( --color-brand-400 );
4844
+ --color-background-white: var(--color-white);
4843
4845
  }
4844
4846
  .skeleton-paragraph {
4845
4847
  position: relative;
@@ -4969,6 +4971,7 @@
4969
4971
  --color-background-action-critical-secondary-hover: var( --color-critical-500 );
4970
4972
  --color-background-action-critical-secondary-active: var( --color-neutral-600 );
4971
4973
  --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
4974
+ --color-background-white: var(--color-white);
4972
4975
  }
4973
4976
  }
4974
4977
  [data-theme=dark] {
@@ -5058,14 +5061,15 @@
5058
5061
  --color-background-action-secondary-active: var(--color-neutral-600);
5059
5062
  --color-background-action-secondary-disabled: var(--color-neutral-450);
5060
5063
  --color-background-brand-normal: var(--color-brand-400);
5061
- --color-background-action-critical-primary-normal: var( --color-critical-300 );
5064
+ --color-background-action-critical-primary-normal: var(--color-critical-300);
5062
5065
  --color-background-action-critical-primary-hover: var(--color-critical-400);
5063
- --color-background-action-critical-primary-active: var( --color-critical-200 );
5064
- --color-background-action-critical-primary-disabled: var( --color-neutral-450 );
5065
- --color-background-action-critical-secondary-normal: var( --color-neutral-600 );
5066
- --color-background-action-critical-secondary-hover: var( --color-critical-500 );
5067
- --color-background-action-critical-secondary-active: var( --color-neutral-600 );
5066
+ --color-background-action-critical-primary-active: var(--color-critical-200);
5067
+ --color-background-action-critical-primary-disabled: var(--color-neutral-450);
5068
+ --color-background-action-critical-secondary-normal: var(--color-neutral-600);
5069
+ --color-background-action-critical-secondary-hover: var(--color-critical-500);
5070
+ --color-background-action-critical-secondary-active: var(--color-neutral-600);
5068
5071
  --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
5072
+ --color-background-white: var(--color-white);
5069
5073
  }
5070
5074
  [data-theme=brand] {
5071
5075
  --color-text-primary-normal: var(--color-neutral-000);
@@ -5162,6 +5166,7 @@
5162
5166
  --color-background-action-critical-secondary-hover: var(--color-brand-500);
5163
5167
  --color-background-action-critical-secondary-active: var(--color-brand-400);
5164
5168
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
5169
+ --color-background-white: var(--color-white);
5165
5170
  }
5166
5171
  body {
5167
5172
  background-color: var(--color-background-primary-normal);
package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.css CHANGED
@@ -323,6 +323,7 @@
323
323
  --color-background-action-critical-secondary-hover: var(--color-critical-100);
324
324
  --color-background-action-critical-secondary-active: var(--color-neutral-000);
325
325
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
326
+ --color-background-white: var(--color-white);
326
327
  }
327
328
  }
328
329
  @layer base {
@@ -4840,6 +4841,7 @@
4840
4841
  --color-background-action-critical-secondary-active: var(--color-neutral-000);
4841
4842
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
4842
4843
  --color-background-brand-normal: var( --color-brand-400 );
4844
+ --color-background-white: var(--color-white);
4843
4845
  }
4844
4846
  .skeleton-paragraph {
4845
4847
  position: relative;
@@ -4969,6 +4971,7 @@
4969
4971
  --color-background-action-critical-secondary-hover: var( --color-critical-500 );
4970
4972
  --color-background-action-critical-secondary-active: var( --color-neutral-600 );
4971
4973
  --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
4974
+ --color-background-white: var(--color-white);
4972
4975
  }
4973
4976
  }
4974
4977
  [data-theme=dark] {
@@ -5058,14 +5061,15 @@
5058
5061
  --color-background-action-secondary-active: var(--color-neutral-600);
5059
5062
  --color-background-action-secondary-disabled: var(--color-neutral-450);
5060
5063
  --color-background-brand-normal: var(--color-brand-400);
5061
- --color-background-action-critical-primary-normal: var( --color-critical-300 );
5064
+ --color-background-action-critical-primary-normal: var(--color-critical-300);
5062
5065
  --color-background-action-critical-primary-hover: var(--color-critical-400);
5063
- --color-background-action-critical-primary-active: var( --color-critical-200 );
5064
- --color-background-action-critical-primary-disabled: var( --color-neutral-450 );
5065
- --color-background-action-critical-secondary-normal: var( --color-neutral-600 );
5066
- --color-background-action-critical-secondary-hover: var( --color-critical-500 );
5067
- --color-background-action-critical-secondary-active: var( --color-neutral-600 );
5066
+ --color-background-action-critical-primary-active: var(--color-critical-200);
5067
+ --color-background-action-critical-primary-disabled: var(--color-neutral-450);
5068
+ --color-background-action-critical-secondary-normal: var(--color-neutral-600);
5069
+ --color-background-action-critical-secondary-hover: var(--color-critical-500);
5070
+ --color-background-action-critical-secondary-active: var(--color-neutral-600);
5068
5071
  --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
5072
+ --color-background-white: var(--color-white);
5069
5073
  }
5070
5074
  [data-theme=brand] {
5071
5075
  --color-text-primary-normal: var(--color-neutral-000);
@@ -5162,6 +5166,7 @@
5162
5166
  --color-background-action-critical-secondary-hover: var(--color-brand-500);
5163
5167
  --color-background-action-critical-secondary-active: var(--color-brand-400);
5164
5168
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
5169
+ --color-background-white: var(--color-white);
5165
5170
  }
5166
5171
  body {
5167
5172
  background-color: var(--color-background-primary-normal);
package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.css CHANGED
@@ -323,6 +323,7 @@
323
323
  --color-background-action-critical-secondary-hover: var(--color-critical-100);
324
324
  --color-background-action-critical-secondary-active: var(--color-neutral-000);
325
325
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
326
+ --color-background-white: var(--color-white);
326
327
  }
327
328
  }
328
329
  @layer base {
@@ -4840,6 +4841,7 @@
4840
4841
  --color-background-action-critical-secondary-active: var(--color-neutral-000);
4841
4842
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
4842
4843
  --color-background-brand-normal: var( --color-brand-400 );
4844
+ --color-background-white: var(--color-white);
4843
4845
  }
4844
4846
  .skeleton-paragraph {
4845
4847
  position: relative;
@@ -4969,6 +4971,7 @@
4969
4971
  --color-background-action-critical-secondary-hover: var( --color-critical-500 );
4970
4972
  --color-background-action-critical-secondary-active: var( --color-neutral-600 );
4971
4973
  --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
4974
+ --color-background-white: var(--color-white);
4972
4975
  }
4973
4976
  }
4974
4977
  [data-theme=dark] {
@@ -5058,14 +5061,15 @@
5058
5061
  --color-background-action-secondary-active: var(--color-neutral-600);
5059
5062
  --color-background-action-secondary-disabled: var(--color-neutral-450);
5060
5063
  --color-background-brand-normal: var(--color-brand-400);
5061
- --color-background-action-critical-primary-normal: var( --color-critical-300 );
5064
+ --color-background-action-critical-primary-normal: var(--color-critical-300);
5062
5065
  --color-background-action-critical-primary-hover: var(--color-critical-400);
5063
- --color-background-action-critical-primary-active: var( --color-critical-200 );
5064
- --color-background-action-critical-primary-disabled: var( --color-neutral-450 );
5065
- --color-background-action-critical-secondary-normal: var( --color-neutral-600 );
5066
- --color-background-action-critical-secondary-hover: var( --color-critical-500 );
5067
- --color-background-action-critical-secondary-active: var( --color-neutral-600 );
5066
+ --color-background-action-critical-primary-active: var(--color-critical-200);
5067
+ --color-background-action-critical-primary-disabled: var(--color-neutral-450);
5068
+ --color-background-action-critical-secondary-normal: var(--color-neutral-600);
5069
+ --color-background-action-critical-secondary-hover: var(--color-critical-500);
5070
+ --color-background-action-critical-secondary-active: var(--color-neutral-600);
5068
5071
  --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
5072
+ --color-background-white: var(--color-white);
5069
5073
  }
5070
5074
  [data-theme=brand] {
5071
5075
  --color-text-primary-normal: var(--color-neutral-000);
@@ -5162,6 +5166,7 @@
5162
5166
  --color-background-action-critical-secondary-hover: var(--color-brand-500);
5163
5167
  --color-background-action-critical-secondary-active: var(--color-brand-400);
5164
5168
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
5169
+ --color-background-white: var(--color-white);
5165
5170
  }
5166
5171
  body {
5167
5172
  background-color: var(--color-background-primary-normal);
package/dist/components/DataGrid/PinnedColumns.css CHANGED
@@ -323,6 +323,7 @@
323
323
  --color-background-action-critical-secondary-hover: var(--color-critical-100);
324
324
  --color-background-action-critical-secondary-active: var(--color-neutral-000);
325
325
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
326
+ --color-background-white: var(--color-white);
326
327
  }
327
328
  }
328
329
  @layer base {
@@ -4840,6 +4841,7 @@
4840
4841
  --color-background-action-critical-secondary-active: var(--color-neutral-000);
4841
4842
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
4842
4843
  --color-background-brand-normal: var( --color-brand-400 );
4844
+ --color-background-white: var(--color-white);
4843
4845
  }
4844
4846
  .skeleton-paragraph {
4845
4847
  position: relative;
@@ -4969,6 +4971,7 @@
4969
4971
  --color-background-action-critical-secondary-hover: var( --color-critical-500 );
4970
4972
  --color-background-action-critical-secondary-active: var( --color-neutral-600 );
4971
4973
  --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
4974
+ --color-background-white: var(--color-white);
4972
4975
  }
4973
4976
  }
4974
4977
  [data-theme=dark] {
@@ -5058,14 +5061,15 @@
5058
5061
  --color-background-action-secondary-active: var(--color-neutral-600);
5059
5062
  --color-background-action-secondary-disabled: var(--color-neutral-450);
5060
5063
  --color-background-brand-normal: var(--color-brand-400);
5061
- --color-background-action-critical-primary-normal: var( --color-critical-300 );
5064
+ --color-background-action-critical-primary-normal: var(--color-critical-300);
5062
5065
  --color-background-action-critical-primary-hover: var(--color-critical-400);
5063
- --color-background-action-critical-primary-active: var( --color-critical-200 );
5064
- --color-background-action-critical-primary-disabled: var( --color-neutral-450 );
5065
- --color-background-action-critical-secondary-normal: var( --color-neutral-600 );
5066
- --color-background-action-critical-secondary-hover: var( --color-critical-500 );
5067
- --color-background-action-critical-secondary-active: var( --color-neutral-600 );
5066
+ --color-background-action-critical-primary-active: var(--color-critical-200);
5067
+ --color-background-action-critical-primary-disabled: var(--color-neutral-450);
5068
+ --color-background-action-critical-secondary-normal: var(--color-neutral-600);
5069
+ --color-background-action-critical-secondary-hover: var(--color-critical-500);
5070
+ --color-background-action-critical-secondary-active: var(--color-neutral-600);
5068
5071
  --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
5072
+ --color-background-white: var(--color-white);
5069
5073
  }
5070
5074
  [data-theme=brand] {
5071
5075
  --color-text-primary-normal: var(--color-neutral-000);
@@ -5162,6 +5166,7 @@
5162
5166
  --color-background-action-critical-secondary-hover: var(--color-brand-500);
5163
5167
  --color-background-action-critical-secondary-active: var(--color-brand-400);
5164
5168
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
5169
+ --color-background-white: var(--color-white);
5165
5170
  }
5166
5171
  body {
5167
5172
  background-color: var(--color-background-primary-normal);
package/dist/components/DataGrid/TableBody/LoadingCell.css CHANGED
@@ -323,6 +323,7 @@
323
323
  --color-background-action-critical-secondary-hover: var(--color-critical-100);
324
324
  --color-background-action-critical-secondary-active: var(--color-neutral-000);
325
325
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
326
+ --color-background-white: var(--color-white);
326
327
  }
327
328
  }
328
329
  @layer base {
@@ -4840,6 +4841,7 @@
4840
4841
  --color-background-action-critical-secondary-active: var(--color-neutral-000);
4841
4842
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
4842
4843
  --color-background-brand-normal: var( --color-brand-400 );
4844
+ --color-background-white: var(--color-white);
4843
4845
  }
4844
4846
  .skeleton-paragraph {
4845
4847
  position: relative;
@@ -4969,6 +4971,7 @@
4969
4971
  --color-background-action-critical-secondary-hover: var( --color-critical-500 );
4970
4972
  --color-background-action-critical-secondary-active: var( --color-neutral-600 );
4971
4973
  --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
4974
+ --color-background-white: var(--color-white);
4972
4975
  }
4973
4976
  }
4974
4977
  [data-theme=dark] {
@@ -5058,14 +5061,15 @@
5058
5061
  --color-background-action-secondary-active: var(--color-neutral-600);
5059
5062
  --color-background-action-secondary-disabled: var(--color-neutral-450);
5060
5063
  --color-background-brand-normal: var(--color-brand-400);
5061
- --color-background-action-critical-primary-normal: var( --color-critical-300 );
5064
+ --color-background-action-critical-primary-normal: var(--color-critical-300);
5062
5065
  --color-background-action-critical-primary-hover: var(--color-critical-400);
5063
- --color-background-action-critical-primary-active: var( --color-critical-200 );
5064
- --color-background-action-critical-primary-disabled: var( --color-neutral-450 );
5065
- --color-background-action-critical-secondary-normal: var( --color-neutral-600 );
5066
- --color-background-action-critical-secondary-hover: var( --color-critical-500 );
5067
- --color-background-action-critical-secondary-active: var( --color-neutral-600 );
5066
+ --color-background-action-critical-primary-active: var(--color-critical-200);
5067
+ --color-background-action-critical-primary-disabled: var(--color-neutral-450);
5068
+ --color-background-action-critical-secondary-normal: var(--color-neutral-600);
5069
+ --color-background-action-critical-secondary-hover: var(--color-critical-500);
5070
+ --color-background-action-critical-secondary-active: var(--color-neutral-600);
5068
5071
  --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
5072
+ --color-background-white: var(--color-white);
5069
5073
  }
5070
5074
  [data-theme=brand] {
5071
5075
  --color-text-primary-normal: var(--color-neutral-000);
@@ -5162,6 +5166,7 @@
5162
5166
  --color-background-action-critical-secondary-hover: var(--color-brand-500);
5163
5167
  --color-background-action-critical-secondary-active: var(--color-brand-400);
5164
5168
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
5169
+ --color-background-white: var(--color-white);
5165
5170
  }
5166
5171
  body {
5167
5172
  background-color: var(--color-background-primary-normal);
package/dist/components/DataGrid/TableBody/TableBodyRow.css CHANGED
@@ -323,6 +323,7 @@
323
323
  --color-background-action-critical-secondary-hover: var(--color-critical-100);
324
324
  --color-background-action-critical-secondary-active: var(--color-neutral-000);
325
325
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
326
+ --color-background-white: var(--color-white);
326
327
  }
327
328
  }
328
329
  @layer base {
@@ -4840,6 +4841,7 @@
4840
4841
  --color-background-action-critical-secondary-active: var(--color-neutral-000);
4841
4842
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
4842
4843
  --color-background-brand-normal: var( --color-brand-400 );
4844
+ --color-background-white: var(--color-white);
4843
4845
  }
4844
4846
  .skeleton-paragraph {
4845
4847
  position: relative;
@@ -4969,6 +4971,7 @@
4969
4971
  --color-background-action-critical-secondary-hover: var( --color-critical-500 );
4970
4972
  --color-background-action-critical-secondary-active: var( --color-neutral-600 );
4971
4973
  --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
4974
+ --color-background-white: var(--color-white);
4972
4975
  }
4973
4976
  }
4974
4977
  [data-theme=dark] {
@@ -5058,14 +5061,15 @@
5058
5061
  --color-background-action-secondary-active: var(--color-neutral-600);
5059
5062
  --color-background-action-secondary-disabled: var(--color-neutral-450);
5060
5063
  --color-background-brand-normal: var(--color-brand-400);
5061
- --color-background-action-critical-primary-normal: var( --color-critical-300 );
5064
+ --color-background-action-critical-primary-normal: var(--color-critical-300);
5062
5065
  --color-background-action-critical-primary-hover: var(--color-critical-400);
5063
- --color-background-action-critical-primary-active: var( --color-critical-200 );
5064
- --color-background-action-critical-primary-disabled: var( --color-neutral-450 );
5065
- --color-background-action-critical-secondary-normal: var( --color-neutral-600 );
5066
- --color-background-action-critical-secondary-hover: var( --color-critical-500 );
5067
- --color-background-action-critical-secondary-active: var( --color-neutral-600 );
5066
+ --color-background-action-critical-primary-active: var(--color-critical-200);
5067
+ --color-background-action-critical-primary-disabled: var(--color-neutral-450);
5068
+ --color-background-action-critical-secondary-normal: var(--color-neutral-600);
5069
+ --color-background-action-critical-secondary-hover: var(--color-critical-500);
5070
+ --color-background-action-critical-secondary-active: var(--color-neutral-600);
5068
5071
  --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
5072
+ --color-background-white: var(--color-white);
5069
5073
  }
5070
5074
  [data-theme=brand] {
5071
5075
  --color-text-primary-normal: var(--color-neutral-000);
@@ -5162,6 +5166,7 @@
5162
5166
  --color-background-action-critical-secondary-hover: var(--color-brand-500);
5163
5167
  --color-background-action-critical-secondary-active: var(--color-brand-400);
5164
5168
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
5169
+ --color-background-white: var(--color-white);
5165
5170
  }
5166
5171
  body {
5167
5172
  background-color: var(--color-background-primary-normal);
package/dist/components/DataGrid/TableBody/index.css CHANGED
@@ -323,6 +323,7 @@
323
323
  --color-background-action-critical-secondary-hover: var(--color-critical-100);
324
324
  --color-background-action-critical-secondary-active: var(--color-neutral-000);
325
325
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
326
+ --color-background-white: var(--color-white);
326
327
  }
327
328
  }
328
329
  @layer base {
@@ -4840,6 +4841,7 @@
4840
4841
  --color-background-action-critical-secondary-active: var(--color-neutral-000);
4841
4842
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
4842
4843
  --color-background-brand-normal: var( --color-brand-400 );
4844
+ --color-background-white: var(--color-white);
4843
4845
  }
4844
4846
  .skeleton-paragraph {
4845
4847
  position: relative;
@@ -4969,6 +4971,7 @@
4969
4971
  --color-background-action-critical-secondary-hover: var( --color-critical-500 );
4970
4972
  --color-background-action-critical-secondary-active: var( --color-neutral-600 );
4971
4973
  --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
4974
+ --color-background-white: var(--color-white);
4972
4975
  }
4973
4976
  }
4974
4977
  [data-theme=dark] {
@@ -5058,14 +5061,15 @@
5058
5061
  --color-background-action-secondary-active: var(--color-neutral-600);
5059
5062
  --color-background-action-secondary-disabled: var(--color-neutral-450);
5060
5063
  --color-background-brand-normal: var(--color-brand-400);
5061
- --color-background-action-critical-primary-normal: var( --color-critical-300 );
5064
+ --color-background-action-critical-primary-normal: var(--color-critical-300);
5062
5065
  --color-background-action-critical-primary-hover: var(--color-critical-400);
5063
- --color-background-action-critical-primary-active: var( --color-critical-200 );
5064
- --color-background-action-critical-primary-disabled: var( --color-neutral-450 );
5065
- --color-background-action-critical-secondary-normal: var( --color-neutral-600 );
5066
- --color-background-action-critical-secondary-hover: var( --color-critical-500 );
5067
- --color-background-action-critical-secondary-active: var( --color-neutral-600 );
5066
+ --color-background-action-critical-primary-active: var(--color-critical-200);
5067
+ --color-background-action-critical-primary-disabled: var(--color-neutral-450);
5068
+ --color-background-action-critical-secondary-normal: var(--color-neutral-600);
5069
+ --color-background-action-critical-secondary-hover: var(--color-critical-500);
5070
+ --color-background-action-critical-secondary-active: var(--color-neutral-600);
5068
5071
  --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
5072
+ --color-background-white: var(--color-white);
5069
5073
  }
5070
5074
  [data-theme=brand] {
5071
5075
  --color-text-primary-normal: var(--color-neutral-000);
@@ -5162,6 +5166,7 @@
5162
5166
  --color-background-action-critical-secondary-hover: var(--color-brand-500);
5163
5167
  --color-background-action-critical-secondary-active: var(--color-brand-400);
5164
5168
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
5169
+ --color-background-white: var(--color-white);
5165
5170
  }
5166
5171
  body {
5167
5172
  background-color: var(--color-background-primary-normal);
package/dist/components/DataGrid/index.css CHANGED
@@ -323,6 +323,7 @@
323
323
  --color-background-action-critical-secondary-hover: var(--color-critical-100);
324
324
  --color-background-action-critical-secondary-active: var(--color-neutral-000);
325
325
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
326
+ --color-background-white: var(--color-white);
326
327
  }
327
328
  }
328
329
  @layer base {
@@ -4840,6 +4841,7 @@
4840
4841
  --color-background-action-critical-secondary-active: var(--color-neutral-000);
4841
4842
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
4842
4843
  --color-background-brand-normal: var( --color-brand-400 );
4844
+ --color-background-white: var(--color-white);
4843
4845
  }
4844
4846
  .skeleton-paragraph {
4845
4847
  position: relative;
@@ -4969,6 +4971,7 @@
4969
4971
  --color-background-action-critical-secondary-hover: var( --color-critical-500 );
4970
4972
  --color-background-action-critical-secondary-active: var( --color-neutral-600 );
4971
4973
  --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
4974
+ --color-background-white: var(--color-white);
4972
4975
  }
4973
4976
  }
4974
4977
  [data-theme=dark] {
@@ -5058,14 +5061,15 @@
5058
5061
  --color-background-action-secondary-active: var(--color-neutral-600);
5059
5062
  --color-background-action-secondary-disabled: var(--color-neutral-450);
5060
5063
  --color-background-brand-normal: var(--color-brand-400);
5061
- --color-background-action-critical-primary-normal: var( --color-critical-300 );
5064
+ --color-background-action-critical-primary-normal: var(--color-critical-300);
5062
5065
  --color-background-action-critical-primary-hover: var(--color-critical-400);
5063
- --color-background-action-critical-primary-active: var( --color-critical-200 );
5064
- --color-background-action-critical-primary-disabled: var( --color-neutral-450 );
5065
- --color-background-action-critical-secondary-normal: var( --color-neutral-600 );
5066
- --color-background-action-critical-secondary-hover: var( --color-critical-500 );
5067
- --color-background-action-critical-secondary-active: var( --color-neutral-600 );
5066
+ --color-background-action-critical-primary-active: var(--color-critical-200);
5067
+ --color-background-action-critical-primary-disabled: var(--color-neutral-450);
5068
+ --color-background-action-critical-secondary-normal: var(--color-neutral-600);
5069
+ --color-background-action-critical-secondary-hover: var(--color-critical-500);
5070
+ --color-background-action-critical-secondary-active: var(--color-neutral-600);
5068
5071
  --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
5072
+ --color-background-white: var(--color-white);
5069
5073
  }
5070
5074
  [data-theme=brand] {
5071
5075
  --color-text-primary-normal: var(--color-neutral-000);
@@ -5162,6 +5166,7 @@
5162
5166
  --color-background-action-critical-secondary-hover: var(--color-brand-500);
5163
5167
  --color-background-action-critical-secondary-active: var(--color-brand-400);
5164
5168
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
5169
+ --color-background-white: var(--color-white);
5165
5170
  }
5166
5171
  body {
5167
5172
  background-color: var(--color-background-primary-normal);
package/dist/components/DataGrid/utils.css CHANGED
@@ -323,6 +323,7 @@
323
323
  --color-background-action-critical-secondary-hover: var(--color-critical-100);
324
324
  --color-background-action-critical-secondary-active: var(--color-neutral-000);
325
325
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
326
+ --color-background-white: var(--color-white);
326
327
  }
327
328
  }
328
329
  @layer base {
@@ -4840,6 +4841,7 @@
4840
4841
  --color-background-action-critical-secondary-active: var(--color-neutral-000);
4841
4842
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
4842
4843
  --color-background-brand-normal: var( --color-brand-400 );
4844
+ --color-background-white: var(--color-white);
4843
4845
  }
4844
4846
  .skeleton-paragraph {
4845
4847
  position: relative;
@@ -4969,6 +4971,7 @@
4969
4971
  --color-background-action-critical-secondary-hover: var( --color-critical-500 );
4970
4972
  --color-background-action-critical-secondary-active: var( --color-neutral-600 );
4971
4973
  --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
4974
+ --color-background-white: var(--color-white);
4972
4975
  }
4973
4976
  }
4974
4977
  [data-theme=dark] {
@@ -5058,14 +5061,15 @@
5058
5061
  --color-background-action-secondary-active: var(--color-neutral-600);
5059
5062
  --color-background-action-secondary-disabled: var(--color-neutral-450);
5060
5063
  --color-background-brand-normal: var(--color-brand-400);
5061
- --color-background-action-critical-primary-normal: var( --color-critical-300 );
5064
+ --color-background-action-critical-primary-normal: var(--color-critical-300);
5062
5065
  --color-background-action-critical-primary-hover: var(--color-critical-400);
5063
- --color-background-action-critical-primary-active: var( --color-critical-200 );
5064
- --color-background-action-critical-primary-disabled: var( --color-neutral-450 );
5065
- --color-background-action-critical-secondary-normal: var( --color-neutral-600 );
5066
- --color-background-action-critical-secondary-hover: var( --color-critical-500 );
5067
- --color-background-action-critical-secondary-active: var( --color-neutral-600 );
5066
+ --color-background-action-critical-primary-active: var(--color-critical-200);
5067
+ --color-background-action-critical-primary-disabled: var(--color-neutral-450);
5068
+ --color-background-action-critical-secondary-normal: var(--color-neutral-600);
5069
+ --color-background-action-critical-secondary-hover: var(--color-critical-500);
5070
+ --color-background-action-critical-secondary-active: var(--color-neutral-600);
5068
5071
  --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
5072
+ --color-background-white: var(--color-white);
5069
5073
  }
5070
5074
  [data-theme=brand] {
5071
5075
  --color-text-primary-normal: var(--color-neutral-000);
@@ -5162,6 +5166,7 @@
5162
5166
  --color-background-action-critical-secondary-hover: var(--color-brand-500);
5163
5167
  --color-background-action-critical-secondary-active: var(--color-brand-400);
5164
5168
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
5169
+ --color-background-white: var(--color-white);
5165
5170
  }
5166
5171
  body {
5167
5172
  background-color: var(--color-background-primary-normal);
package/dist/components/DateInput.css CHANGED
@@ -323,6 +323,7 @@
323
323
  --color-background-action-critical-secondary-hover: var(--color-critical-100);
324
324
  --color-background-action-critical-secondary-active: var(--color-neutral-000);
325
325
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
326
+ --color-background-white: var(--color-white);
326
327
  }
327
328
  }
328
329
  @layer base {
@@ -4840,6 +4841,7 @@
4840
4841
  --color-background-action-critical-secondary-active: var(--color-neutral-000);
4841
4842
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
4842
4843
  --color-background-brand-normal: var( --color-brand-400 );
4844
+ --color-background-white: var(--color-white);
4843
4845
  }
4844
4846
  .skeleton-paragraph {
4845
4847
  position: relative;
@@ -4969,6 +4971,7 @@
4969
4971
  --color-background-action-critical-secondary-hover: var( --color-critical-500 );
4970
4972
  --color-background-action-critical-secondary-active: var( --color-neutral-600 );
4971
4973
  --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
4974
+ --color-background-white: var(--color-white);
4972
4975
  }
4973
4976
  }
4974
4977
  [data-theme=dark] {
@@ -5058,14 +5061,15 @@
5058
5061
  --color-background-action-secondary-active: var(--color-neutral-600);
5059
5062
  --color-background-action-secondary-disabled: var(--color-neutral-450);
5060
5063
  --color-background-brand-normal: var(--color-brand-400);
5061
- --color-background-action-critical-primary-normal: var( --color-critical-300 );
5064
+ --color-background-action-critical-primary-normal: var(--color-critical-300);
5062
5065
  --color-background-action-critical-primary-hover: var(--color-critical-400);
5063
- --color-background-action-critical-primary-active: var( --color-critical-200 );
5064
- --color-background-action-critical-primary-disabled: var( --color-neutral-450 );
5065
- --color-background-action-critical-secondary-normal: var( --color-neutral-600 );
5066
- --color-background-action-critical-secondary-hover: var( --color-critical-500 );
5067
- --color-background-action-critical-secondary-active: var( --color-neutral-600 );
5066
+ --color-background-action-critical-primary-active: var(--color-critical-200);
5067
+ --color-background-action-critical-primary-disabled: var(--color-neutral-450);
5068
+ --color-background-action-critical-secondary-normal: var(--color-neutral-600);
5069
+ --color-background-action-critical-secondary-hover: var(--color-critical-500);
5070
+ --color-background-action-critical-secondary-active: var(--color-neutral-600);
5068
5071
  --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
5072
+ --color-background-white: var(--color-white);
5069
5073
  }
5070
5074
  [data-theme=brand] {
5071
5075
  --color-text-primary-normal: var(--color-neutral-000);
@@ -5162,6 +5166,7 @@
5162
5166
  --color-background-action-critical-secondary-hover: var(--color-brand-500);
5163
5167
  --color-background-action-critical-secondary-active: var(--color-brand-400);
5164
5168
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
5169
+ --color-background-white: var(--color-white);
5165
5170
  }
5166
5171
  body {
5167
5172
  background-color: var(--color-background-primary-normal);
package/dist/components/DateRangeInput.css CHANGED
@@ -323,6 +323,7 @@
323
323
  --color-background-action-critical-secondary-hover: var(--color-critical-100);
324
324
  --color-background-action-critical-secondary-active: var(--color-neutral-000);
325
325
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
326
+ --color-background-white: var(--color-white);
326
327
  }
327
328
  }
328
329
  @layer base {
@@ -4840,6 +4841,7 @@
4840
4841
  --color-background-action-critical-secondary-active: var(--color-neutral-000);
4841
4842
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
4842
4843
  --color-background-brand-normal: var( --color-brand-400 );
4844
+ --color-background-white: var(--color-white);
4843
4845
  }
4844
4846
  .skeleton-paragraph {
4845
4847
  position: relative;
@@ -4969,6 +4971,7 @@
4969
4971
  --color-background-action-critical-secondary-hover: var( --color-critical-500 );
4970
4972
  --color-background-action-critical-secondary-active: var( --color-neutral-600 );
4971
4973
  --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
4974
+ --color-background-white: var(--color-white);
4972
4975
  }
4973
4976
  }
4974
4977
  [data-theme=dark] {
@@ -5058,14 +5061,15 @@
5058
5061
  --color-background-action-secondary-active: var(--color-neutral-600);
5059
5062
  --color-background-action-secondary-disabled: var(--color-neutral-450);
5060
5063
  --color-background-brand-normal: var(--color-brand-400);
5061
- --color-background-action-critical-primary-normal: var( --color-critical-300 );
5064
+ --color-background-action-critical-primary-normal: var(--color-critical-300);
5062
5065
  --color-background-action-critical-primary-hover: var(--color-critical-400);
5063
- --color-background-action-critical-primary-active: var( --color-critical-200 );
5064
- --color-background-action-critical-primary-disabled: var( --color-neutral-450 );
5065
- --color-background-action-critical-secondary-normal: var( --color-neutral-600 );
5066
- --color-background-action-critical-secondary-hover: var( --color-critical-500 );
5067
- --color-background-action-critical-secondary-active: var( --color-neutral-600 );
5066
+ --color-background-action-critical-primary-active: var(--color-critical-200);
5067
+ --color-background-action-critical-primary-disabled: var(--color-neutral-450);
5068
+ --color-background-action-critical-secondary-normal: var(--color-neutral-600);
5069
+ --color-background-action-critical-secondary-hover: var(--color-critical-500);
5070
+ --color-background-action-critical-secondary-active: var(--color-neutral-600);
5068
5071
  --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
5072
+ --color-background-white: var(--color-white);
5069
5073
  }
5070
5074
  [data-theme=brand] {
5071
5075
  --color-text-primary-normal: var(--color-neutral-000);
@@ -5162,6 +5166,7 @@
5162
5166
  --color-background-action-critical-secondary-hover: var(--color-brand-500);
5163
5167
  --color-background-action-critical-secondary-active: var(--color-brand-400);
5164
5168
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
5169
+ --color-background-white: var(--color-white);
5165
5170
  }
5166
5171
  body {
5167
5172
  background-color: var(--color-background-primary-normal);
package/dist/components/MobileDataGrid/ColumnSelector/index.css CHANGED
@@ -323,6 +323,7 @@
323
323
  --color-background-action-critical-secondary-hover: var(--color-critical-100);
324
324
  --color-background-action-critical-secondary-active: var(--color-neutral-000);
325
325
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
326
+ --color-background-white: var(--color-white);
326
327
  }
327
328
  }
328
329
  @layer base {
@@ -4840,6 +4841,7 @@
4840
4841
  --color-background-action-critical-secondary-active: var(--color-neutral-000);
4841
4842
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
4842
4843
  --color-background-brand-normal: var( --color-brand-400 );
4844
+ --color-background-white: var(--color-white);
4843
4845
  }
4844
4846
  .skeleton-paragraph {
4845
4847
  position: relative;
@@ -4969,6 +4971,7 @@
4969
4971
  --color-background-action-critical-secondary-hover: var( --color-critical-500 );
4970
4972
  --color-background-action-critical-secondary-active: var( --color-neutral-600 );
4971
4973
  --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
4974
+ --color-background-white: var(--color-white);
4972
4975
  }
4973
4976
  }
4974
4977
  [data-theme=dark] {
@@ -5058,14 +5061,15 @@
5058
5061
  --color-background-action-secondary-active: var(--color-neutral-600);
5059
5062
  --color-background-action-secondary-disabled: var(--color-neutral-450);
5060
5063
  --color-background-brand-normal: var(--color-brand-400);
5061
- --color-background-action-critical-primary-normal: var( --color-critical-300 );
5064
+ --color-background-action-critical-primary-normal: var(--color-critical-300);
5062
5065
  --color-background-action-critical-primary-hover: var(--color-critical-400);
5063
- --color-background-action-critical-primary-active: var( --color-critical-200 );
5064
- --color-background-action-critical-primary-disabled: var( --color-neutral-450 );
5065
- --color-background-action-critical-secondary-normal: var( --color-neutral-600 );
5066
- --color-background-action-critical-secondary-hover: var( --color-critical-500 );
5067
- --color-background-action-critical-secondary-active: var( --color-neutral-600 );
5066
+ --color-background-action-critical-primary-active: var(--color-critical-200);
5067
+ --color-background-action-critical-primary-disabled: var(--color-neutral-450);
5068
+ --color-background-action-critical-secondary-normal: var(--color-neutral-600);
5069
+ --color-background-action-critical-secondary-hover: var(--color-critical-500);
5070
+ --color-background-action-critical-secondary-active: var(--color-neutral-600);
5068
5071
  --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
5072
+ --color-background-white: var(--color-white);
5069
5073
  }
5070
5074
  [data-theme=brand] {
5071
5075
  --color-text-primary-normal: var(--color-neutral-000);
@@ -5162,6 +5166,7 @@
5162
5166
  --color-background-action-critical-secondary-hover: var(--color-brand-500);
5163
5167
  --color-background-action-critical-secondary-active: var(--color-brand-400);
5164
5168
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
5169
+ --color-background-white: var(--color-white);
5165
5170
  }
5166
5171
  body {
5167
5172
  background-color: var(--color-background-primary-normal);
package/dist/components/MobileDataGrid/MobileDataGridHeader.css CHANGED
@@ -323,6 +323,7 @@
323
323
  --color-background-action-critical-secondary-hover: var(--color-critical-100);
324
324
  --color-background-action-critical-secondary-active: var(--color-neutral-000);
325
325
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
326
+ --color-background-white: var(--color-white);
326
327
  }
327
328
  }
328
329
  @layer base {
@@ -4840,6 +4841,7 @@
4840
4841
  --color-background-action-critical-secondary-active: var(--color-neutral-000);
4841
4842
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
4842
4843
  --color-background-brand-normal: var( --color-brand-400 );
4844
+ --color-background-white: var(--color-white);
4843
4845
  }
4844
4846
  .skeleton-paragraph {
4845
4847
  position: relative;
@@ -4969,6 +4971,7 @@
4969
4971
  --color-background-action-critical-secondary-hover: var( --color-critical-500 );
4970
4972
  --color-background-action-critical-secondary-active: var( --color-neutral-600 );
4971
4973
  --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
4974
+ --color-background-white: var(--color-white);
4972
4975
  }
4973
4976
  }
4974
4977
  [data-theme=dark] {
@@ -5058,14 +5061,15 @@
5058
5061
  --color-background-action-secondary-active: var(--color-neutral-600);
5059
5062
  --color-background-action-secondary-disabled: var(--color-neutral-450);
5060
5063
  --color-background-brand-normal: var(--color-brand-400);
5061
- --color-background-action-critical-primary-normal: var( --color-critical-300 );
5064
+ --color-background-action-critical-primary-normal: var(--color-critical-300);
5062
5065
  --color-background-action-critical-primary-hover: var(--color-critical-400);
5063
- --color-background-action-critical-primary-active: var( --color-critical-200 );
5064
- --color-background-action-critical-primary-disabled: var( --color-neutral-450 );
5065
- --color-background-action-critical-secondary-normal: var( --color-neutral-600 );
5066
- --color-background-action-critical-secondary-hover: var( --color-critical-500 );
5067
- --color-background-action-critical-secondary-active: var( --color-neutral-600 );
5066
+ --color-background-action-critical-primary-active: var(--color-critical-200);
5067
+ --color-background-action-critical-primary-disabled: var(--color-neutral-450);
5068
+ --color-background-action-critical-secondary-normal: var(--color-neutral-600);
5069
+ --color-background-action-critical-secondary-hover: var(--color-critical-500);
5070
+ --color-background-action-critical-secondary-active: var(--color-neutral-600);
5068
5071
  --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
5072
+ --color-background-white: var(--color-white);
5069
5073
  }
5070
5074
  [data-theme=brand] {
5071
5075
  --color-text-primary-normal: var(--color-neutral-000);
@@ -5162,6 +5166,7 @@
5162
5166
  --color-background-action-critical-secondary-hover: var(--color-brand-500);
5163
5167
  --color-background-action-critical-secondary-active: var(--color-brand-400);
5164
5168
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
5169
+ --color-background-white: var(--color-white);
5165
5170
  }
5166
5171
  body {
5167
5172
  background-color: var(--color-background-primary-normal);
package/dist/components/MobileDataGrid/index.css CHANGED
@@ -323,6 +323,7 @@
323
323
  --color-background-action-critical-secondary-hover: var(--color-critical-100);
324
324
  --color-background-action-critical-secondary-active: var(--color-neutral-000);
325
325
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
326
+ --color-background-white: var(--color-white);
326
327
  }
327
328
  }
328
329
  @layer base {
@@ -4840,6 +4841,7 @@
4840
4841
  --color-background-action-critical-secondary-active: var(--color-neutral-000);
4841
4842
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
4842
4843
  --color-background-brand-normal: var( --color-brand-400 );
4844
+ --color-background-white: var(--color-white);
4843
4845
  }
4844
4846
  .skeleton-paragraph {
4845
4847
  position: relative;
@@ -4969,6 +4971,7 @@
4969
4971
  --color-background-action-critical-secondary-hover: var( --color-critical-500 );
4970
4972
  --color-background-action-critical-secondary-active: var( --color-neutral-600 );
4971
4973
  --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
4974
+ --color-background-white: var(--color-white);
4972
4975
  }
4973
4976
  }
4974
4977
  [data-theme=dark] {
@@ -5058,14 +5061,15 @@
5058
5061
  --color-background-action-secondary-active: var(--color-neutral-600);
5059
5062
  --color-background-action-secondary-disabled: var(--color-neutral-450);
5060
5063
  --color-background-brand-normal: var(--color-brand-400);
5061
- --color-background-action-critical-primary-normal: var( --color-critical-300 );
5064
+ --color-background-action-critical-primary-normal: var(--color-critical-300);
5062
5065
  --color-background-action-critical-primary-hover: var(--color-critical-400);
5063
- --color-background-action-critical-primary-active: var( --color-critical-200 );
5064
- --color-background-action-critical-primary-disabled: var( --color-neutral-450 );
5065
- --color-background-action-critical-secondary-normal: var( --color-neutral-600 );
5066
- --color-background-action-critical-secondary-hover: var( --color-critical-500 );
5067
- --color-background-action-critical-secondary-active: var( --color-neutral-600 );
5066
+ --color-background-action-critical-primary-active: var(--color-critical-200);
5067
+ --color-background-action-critical-primary-disabled: var(--color-neutral-450);
5068
+ --color-background-action-critical-secondary-normal: var(--color-neutral-600);
5069
+ --color-background-action-critical-secondary-hover: var(--color-critical-500);
5070
+ --color-background-action-critical-secondary-active: var(--color-neutral-600);
5068
5071
  --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
5072
+ --color-background-white: var(--color-white);
5069
5073
  }
5070
5074
  [data-theme=brand] {
5071
5075
  --color-text-primary-normal: var(--color-neutral-000);
@@ -5162,6 +5166,7 @@
5162
5166
  --color-background-action-critical-secondary-hover: var(--color-brand-500);
5163
5167
  --color-background-action-critical-secondary-active: var(--color-brand-400);
5164
5168
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
5169
+ --color-background-white: var(--color-white);
5165
5170
  }
5166
5171
  body {
5167
5172
  background-color: var(--color-background-primary-normal);
package/dist/components/index.css CHANGED
@@ -323,6 +323,7 @@
323
323
  --color-background-action-critical-secondary-hover: var(--color-critical-100);
324
324
  --color-background-action-critical-secondary-active: var(--color-neutral-000);
325
325
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
326
+ --color-background-white: var(--color-white);
326
327
  }
327
328
  }
328
329
  @layer base {
@@ -4840,6 +4841,7 @@
4840
4841
  --color-background-action-critical-secondary-active: var(--color-neutral-000);
4841
4842
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
4842
4843
  --color-background-brand-normal: var( --color-brand-400 );
4844
+ --color-background-white: var(--color-white);
4843
4845
  }
4844
4846
  .skeleton-paragraph {
4845
4847
  position: relative;
@@ -4969,6 +4971,7 @@
4969
4971
  --color-background-action-critical-secondary-hover: var( --color-critical-500 );
4970
4972
  --color-background-action-critical-secondary-active: var( --color-neutral-600 );
4971
4973
  --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
4974
+ --color-background-white: var(--color-white);
4972
4975
  }
4973
4976
  }
4974
4977
  [data-theme=dark] {
@@ -5058,14 +5061,15 @@
5058
5061
  --color-background-action-secondary-active: var(--color-neutral-600);
5059
5062
  --color-background-action-secondary-disabled: var(--color-neutral-450);
5060
5063
  --color-background-brand-normal: var(--color-brand-400);
5061
- --color-background-action-critical-primary-normal: var( --color-critical-300 );
5064
+ --color-background-action-critical-primary-normal: var(--color-critical-300);
5062
5065
  --color-background-action-critical-primary-hover: var(--color-critical-400);
5063
- --color-background-action-critical-primary-active: var( --color-critical-200 );
5064
- --color-background-action-critical-primary-disabled: var( --color-neutral-450 );
5065
- --color-background-action-critical-secondary-normal: var( --color-neutral-600 );
5066
- --color-background-action-critical-secondary-hover: var( --color-critical-500 );
5067
- --color-background-action-critical-secondary-active: var( --color-neutral-600 );
5066
+ --color-background-action-critical-primary-active: var(--color-critical-200);
5067
+ --color-background-action-critical-primary-disabled: var(--color-neutral-450);
5068
+ --color-background-action-critical-secondary-normal: var(--color-neutral-600);
5069
+ --color-background-action-critical-secondary-hover: var(--color-critical-500);
5070
+ --color-background-action-critical-secondary-active: var(--color-neutral-600);
5068
5071
  --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
5072
+ --color-background-white: var(--color-white);
5069
5073
  }
5070
5074
  [data-theme=brand] {
5071
5075
  --color-text-primary-normal: var(--color-neutral-000);
@@ -5162,6 +5166,7 @@
5162
5166
  --color-background-action-critical-secondary-hover: var(--color-brand-500);
5163
5167
  --color-background-action-critical-secondary-active: var(--color-brand-400);
5164
5168
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
5169
+ --color-background-white: var(--color-white);
5165
5170
  }
5166
5171
  body {
5167
5172
  background-color: var(--color-background-primary-normal);
package/dist/index.css CHANGED
@@ -301,6 +301,7 @@
301
301
  --color-background-action-critical-secondary-hover: var(--color-critical-100);
302
302
  --color-background-action-critical-secondary-active: var(--color-neutral-000);
303
303
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
304
+ --color-background-white: var(--color-white);
304
305
  }
305
306
  }
306
307
  @layer base {
@@ -4818,6 +4819,7 @@
4818
4819
  --color-background-action-critical-secondary-active: var(--color-neutral-000);
4819
4820
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
4820
4821
  --color-background-brand-normal: var( --color-brand-400 );
4822
+ --color-background-white: var(--color-white);
4821
4823
  }
4822
4824
  .skeleton-paragraph {
4823
4825
  position: relative;
@@ -4947,6 +4949,7 @@
4947
4949
  --color-background-action-critical-secondary-hover: var( --color-critical-500 );
4948
4950
  --color-background-action-critical-secondary-active: var( --color-neutral-600 );
4949
4951
  --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
4952
+ --color-background-white: var(--color-white);
4950
4953
  }
4951
4954
  }
4952
4955
  [data-theme=dark] {
@@ -5036,14 +5039,15 @@
5036
5039
  --color-background-action-secondary-active: var(--color-neutral-600);
5037
5040
  --color-background-action-secondary-disabled: var(--color-neutral-450);
5038
5041
  --color-background-brand-normal: var(--color-brand-400);
5039
- --color-background-action-critical-primary-normal: var( --color-critical-300 );
5042
+ --color-background-action-critical-primary-normal: var(--color-critical-300);
5040
5043
  --color-background-action-critical-primary-hover: var(--color-critical-400);
5041
- --color-background-action-critical-primary-active: var( --color-critical-200 );
5042
- --color-background-action-critical-primary-disabled: var( --color-neutral-450 );
5043
- --color-background-action-critical-secondary-normal: var( --color-neutral-600 );
5044
- --color-background-action-critical-secondary-hover: var( --color-critical-500 );
5045
- --color-background-action-critical-secondary-active: var( --color-neutral-600 );
5044
+ --color-background-action-critical-primary-active: var(--color-critical-200);
5045
+ --color-background-action-critical-primary-disabled: var(--color-neutral-450);
5046
+ --color-background-action-critical-secondary-normal: var(--color-neutral-600);
5047
+ --color-background-action-critical-secondary-hover: var(--color-critical-500);
5048
+ --color-background-action-critical-secondary-active: var(--color-neutral-600);
5046
5049
  --color-background-action-critical-secondary-disabled: var( --color-neutral-450 );
5050
+ --color-background-white: var(--color-white);
5047
5051
  }
5048
5052
  [data-theme=brand] {
5049
5053
  --color-text-primary-normal: var(--color-neutral-000);
@@ -5140,6 +5144,7 @@
5140
5144
  --color-background-action-critical-secondary-hover: var(--color-brand-500);
5141
5145
  --color-background-action-critical-secondary-active: var(--color-brand-400);
5142
5146
  --color-background-action-critical-secondary-disabled: var( --color-neutral-200 );
5147
+ --color-background-white: var(--color-white);
5143
5148
  }
5144
5149
  body {
5145
5150
  background-color: var(--color-background-primary-normal);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dmsi/wedgekit-react",
3
3
  "private": false,
4
- "version": "0.0.626",
4
+ "version": "0.0.628",
5
5
  "type": "module",
6
6
  "scripts": {
7
7
  "build": "tsup",