@webpros/mui-theme 0.4.0 → 0.4.2

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 (8) hide show
  1. package/dist/package.json +1 -1
  2. package/dist/src/components/data-display/Chip/Chip.theme.js +13 -0
  3. package/dist/src/components/feedback/Dialog/Dialog.theme.js +2 -14
  4. package/dist/src/tokens/colors/Dark.js +92 -88
  5. package/dist/src/tokens/colors/Light.js +92 -88
  6. package/dist/src/tokens/colors/Wptk.js +154 -150
  7. package/dist/src/tokens/colors/stateLayers.d.ts +2 -0
  8. package/package.json +2 -2
package/dist/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@webpros/mui-theme",
3
3
  "description": "MUI v7 theme for WebPros products",
4
- "version": "0.4.0",
4
+ "version": "0.4.2",
5
5
  "license": "MIT",
6
6
  "repository": {
7
7
  "type": "git",
package/dist/src/components/data-display/Chip/Chip.theme.js CHANGED
@@ -48,6 +48,7 @@ export const getChip = (theme) => {
48
48
  const getStylesByColor = (color, viewContext) => {
49
49
  const chipColors = viewContext === 'inverse' ? inverseColorsMap[color] : colorsMap[color];
50
50
  return [
51
+ // Base styles for all chips
51
52
  {
52
53
  props: { color, viewContext },
53
54
  style: {
@@ -62,6 +63,12 @@ export const getChip = (theme) => {
62
63
  color: chipColors.baseColor.deleteIcon.hover,
63
64
  },
64
65
  },
66
+ },
67
+ },
68
+ // Interactive styles only for clickable chips
69
+ {
70
+ props: { color, viewContext, clickable: true },
71
+ style: {
65
72
  '&:hover': {
66
73
  background: chipColors.hover,
67
74
  },
@@ -104,6 +111,12 @@ export const getChip = (theme) => {
104
111
  color: chipColors.selectedColor.deleteIcon.hover,
105
112
  },
106
113
  },
114
+ },
115
+ },
116
+ // Interactive styles for selected + clickable chips
117
+ {
118
+ props: { color, viewContext, selected: true, clickable: true },
119
+ style: {
107
120
  '&:hover, &:focus, &:active': {
108
121
  background: chipColors.selectedColor.background,
109
122
  },
package/dist/src/components/feedback/Dialog/Dialog.theme.js CHANGED
@@ -1,5 +1,5 @@
1
1
  // Copyright 2025 WebPros International GmbH. All rights reserved.
2
- import { modalClasses, dialogContentClasses, dialogClasses, iconButtonClasses, } from '@mui/material';
2
+ import { dialogContentClasses, iconButtonClasses, } from '@mui/material';
3
3
  export const getDialog = (theme) => {
4
4
  const { spacing, colors } = theme;
5
5
  const closeButtonPosition = {
@@ -28,24 +28,12 @@ export const getDialog = (theme) => {
28
28
  },
29
29
  styleOverrides: {
30
30
  paper: {
31
- borderRadius: 10,
31
+ minHeight: spacing(25),
32
32
  backgroundColor: colors.schemes.surfaces.elevatedContainer,
33
33
  [`& > .${iconButtonClasses.root}`]: closeButtonPosition,
34
34
  [`& > .${iconButtonClasses.root} + .${dialogContentClasses.root}`]: {
35
35
  paddingTop: spacing(5.125),
36
36
  },
37
- [`&.${dialogClasses.paperFullScreen}`]: {
38
- borderRadius: 0,
39
- maxWidth: 'none',
40
- maxHeight: 'none',
41
- },
42
- },
43
- root: {
44
- height: 'auto',
45
- [`&.${modalClasses.root}.${dialogClasses.root} .${dialogClasses.paper}`]: {
46
- height: 'auto',
47
- minHeight: spacing(25),
48
- },
49
37
  },
50
38
  },
51
39
  },
package/dist/src/tokens/colors/Dark.js CHANGED
@@ -60,10 +60,10 @@ export const DarkSchemes = {
60
60
  successContainer: 'rgba(18, 95, 22, 1)',
61
61
  onSuccessContainer: 'rgba(241, 253, 241, 1)',
62
62
  success: 'rgba(110, 187, 114, 1)',
63
- undefined: 'rgba(155, 171, 179, 1)',
64
- onUndefined: 'rgba(42, 52, 56, 1)',
65
- undefinedContainer: 'rgba(61, 70, 77, 1)',
66
- onUndefinedContainer: 'rgba(228, 235, 240, 1)',
63
+ undefined: 'rgba(93, 95, 111, 1)',
64
+ onUndefined: 'rgba(255, 255, 255, 1)',
65
+ undefinedContainer: 'rgba(56, 59, 71, 1)',
66
+ onUndefinedContainer: 'rgba(245, 239, 247, 1)',
67
67
  },
68
68
  fixed: {
69
69
  primaryFixed: 'rgba(231, 223, 255, 1)',
@@ -80,7 +80,7 @@ export const DarkSchemes = {
80
80
  onTertiaryFixedVariant: 'rgba(60, 85, 96, 1)',
81
81
  errorFixedDim: 'rgba(239, 83, 80, 1)',
82
82
  warningFixedDim: 'rgba(255, 152, 0, 1)',
83
- infoFixedDim: 'rgba(3, 169, 244, 1)',
83
+ infoFixedDim: 'rgba(70, 140, 197, 1)',
84
84
  successFixedDim: 'rgba(76, 175, 80, 1)',
85
85
  },
86
86
  charts: {
@@ -376,26 +376,26 @@ export const DarkStateLayers = {
376
376
  opacity28: 'rgba(224, 236, 246, 0.28)',
377
377
  },
378
378
  onUndefined: {
379
- opacity08: 'rgba(42, 52, 56, 0.08)',
380
- opacity12: 'rgba(42, 52, 56, 0.12)',
381
- opacity16: 'rgba(42, 52, 56, 0.16)',
382
- opacity38: 'rgba(42, 52, 56, 0.38)',
383
- opacity28: 'rgba(42, 52, 56, 0.28)',
379
+ opacity08: 'rgba(255, 255, 255, 0.08)',
380
+ opacity12: 'rgba(255, 255, 255, 0.12)',
381
+ opacity16: 'rgba(255, 255, 255, 0.16)',
382
+ opacity38: 'rgba(255, 255, 255, 0.38)',
383
+ opacity28: 'rgba(255, 255, 255, 0.28)',
384
384
  },
385
385
  onUndefinedContainer: {
386
- opacity08: 'rgba(228, 235, 240, 0.08)',
387
- opacity12: 'rgba(228, 235, 240, 0.12)',
388
- opacity16: 'rgba(228, 235, 240, 0.16)',
389
- opacity20: 'rgba(228, 235, 240, 0.2)',
390
- opacity38: 'rgba(228, 235, 240, 0.38)',
391
- opacity28: 'rgba(228, 235, 240, 0.28)',
386
+ opacity08: 'rgba(245, 239, 247, 0.08)',
387
+ opacity12: 'rgba(245, 239, 247, 0.12)',
388
+ opacity16: 'rgba(245, 239, 247, 0.16)',
389
+ opacity20: 'rgba(245, 239, 247, 0.2)',
390
+ opacity38: 'rgba(245, 239, 247, 0.38)',
391
+ opacity28: 'rgba(245, 239, 247, 0.28)',
392
392
  },
393
393
  undefined: {
394
- opacity08: 'rgba(155, 171, 179, 0.08)',
395
- opacity12: 'rgba(155, 171, 179, 0.12)',
396
- opacity16: 'rgba(155, 171, 179, 0.16)',
397
- opacity28: 'rgba(155, 171, 179, 0.2)',
398
- opacity48: 'rgba(155, 171, 179, 0.48)',
394
+ opacity08: 'rgba(93, 95, 111, 0.08)',
395
+ opacity12: 'rgba(93, 95, 111, 0.12)',
396
+ opacity16: 'rgba(93, 95, 111, 0.16)',
397
+ opacity28: 'rgba(93, 95, 111, 0.2)',
398
+ opacity48: 'rgba(93, 95, 111, 0.48)',
399
399
  },
400
400
  warningContainer: {
401
401
  opacity08: 'rgba(123, 60, 15, 0.08)',
@@ -416,9 +416,9 @@ export const DarkStateLayers = {
416
416
  opacity38: 'rgba(18, 71, 113, 0.38)',
417
417
  },
418
418
  undefinedContainer: {
419
- opacity08: 'rgba(61, 70, 77, 0.08)',
420
- opacity12: 'rgba(61, 70, 77, 0.12)',
421
- opacity16: 'rgba(61, 70, 77, 0.16)',
419
+ opacity08: 'rgba(56, 59, 71, 0.08)',
420
+ opacity12: 'rgba(56, 59, 71, 0.12)',
421
+ opacity16: 'rgba(56, 59, 71, 0.16)',
422
422
  },
423
423
  },
424
424
  surfaces: {
@@ -494,6 +494,8 @@ export const DarkStateLayers = {
494
494
  opacity16: 'rgba(0, 0, 0, 0.16)',
495
495
  opacity48: 'rgba(0, 0, 0, 0.48)',
496
496
  opacity10: 'rgba(0, 0, 0, 0.1)',
497
+ opacity76: 'rgba(0, 0, 0, 0.76)',
498
+ opacity58: 'rgba(0, 0, 0, 0.58)',
497
499
  },
498
500
  surfaceContainerHighest: {
499
501
  opacity08: 'rgba(22, 23, 26, 0.08)',
@@ -570,7 +572,7 @@ export const DarkInverseSchemes = {
570
572
  surfaces: {
571
573
  surface: 'rgba(32, 33, 38, 1)',
572
574
  onSurface: 'rgba(245, 239, 247, 1)',
573
- onSurfaceVariant: 'rgba(199, 194, 203, 1)',
575
+ onSurfaceVariant: 'rgba(192, 194, 201, 1)',
574
576
  outlineVariant: 'rgba(53, 54, 66, 1)',
575
577
  surfaceContainer: 'rgba(40, 41, 47, 1)',
576
578
  outline: 'rgba(72, 73, 88, 1)',
@@ -602,8 +604,8 @@ export const DarkInverseSchemes = {
602
604
  onWarning: 'rgba(48, 28, 10, 1)',
603
605
  onInfo: 'rgba(12, 40, 53, 1)',
604
606
  onSuccess: 'rgba(16, 51, 11, 1)',
605
- undefined: 'rgba(155, 171, 179, 1)',
606
- onUndefined: 'rgba(47, 53, 56, 1)',
607
+ undefined: 'rgba(163, 166, 175, 1)',
608
+ onUndefined: 'rgba(27, 28, 33, 1)',
607
609
  errorContainer: 'rgba(84, 46, 46, 1)',
608
610
  successContainer: 'rgba(59, 76, 59, 1)',
609
611
  onErrorContainer: 'rgba(229, 153, 151, 1)',
@@ -612,8 +614,8 @@ export const DarkInverseSchemes = {
612
614
  onWarningContainer: 'rgba(219, 183, 146, 1)',
613
615
  infoContainer: 'rgba(42, 77, 105, 1)',
614
616
  onInfoContainer: 'rgba(174, 207, 230, 1)',
615
- undefinedContainer: 'rgba(54, 58, 59, 1)',
616
- onUndefinedContainer: 'rgba(191, 197, 202, 1)',
617
+ undefinedContainer: 'rgba(46, 48, 56, 1)',
618
+ onUndefinedContainer: 'rgba(245, 239, 247, 1)',
617
619
  },
618
620
  };
619
621
  export const DarkInverseStateLayers = {
@@ -723,11 +725,11 @@ export const DarkInverseStateLayers = {
723
725
  opacity38: 'rgba(16, 51, 11, 0.38)',
724
726
  },
725
727
  onUndefined: {
726
- opacity08: 'rgba(47, 53, 56, 0.08)',
727
- opacity12: 'rgba(47, 53, 56, 0.12)',
728
- opacity20: 'rgba(47, 53, 56, 0.2)',
729
- opacity28: 'rgba(47, 53, 56, 0.28)',
730
- opacity38: 'rgba(47, 53, 56, 0.38)',
728
+ opacity08: 'rgba(27, 28, 33, 0.08)',
729
+ opacity12: 'rgba(27, 28, 33, 0.12)',
730
+ opacity20: 'rgba(27, 28, 33, 0.2)',
731
+ opacity28: 'rgba(27, 28, 33, 0.28)',
732
+ opacity38: 'rgba(27, 28, 33, 0.38)',
731
733
  },
732
734
  error: {
733
735
  opacity08: 'rgba(239, 122, 120, 0.08)',
@@ -744,11 +746,11 @@ export const DarkInverseStateLayers = {
744
746
  opacity38: 'rgba(140, 196, 131, 0.38)',
745
747
  },
746
748
  undefined: {
747
- opacity08: 'rgba(155, 171, 179, 0.08)',
748
- opacity12: 'rgba(155, 171, 179, 0.12)',
749
- opacity16: 'rgba(155, 171, 179, 0.2)',
750
- opacity28: 'rgba(155, 171, 179, 0.28)',
751
- opacity38: 'rgba(155, 171, 179, 0.28)',
749
+ opacity08: 'rgba(192, 194, 201, 0.08)',
750
+ opacity12: 'rgba(192, 194, 201, 0.12)',
751
+ opacity16: 'rgba(192, 194, 201, 0.2)',
752
+ opacity28: 'rgba(192, 194, 201, 0.28)',
753
+ opacity38: 'rgba(192, 194, 201, 0.28)',
752
754
  },
753
755
  onErrorContainer: {
754
756
  opacity08: 'rgba(229, 153, 151, 0.08)',
@@ -779,11 +781,11 @@ export const DarkInverseStateLayers = {
779
781
  opacity38: 'rgba(174, 207, 230, 0.38)',
780
782
  },
781
783
  onUndefinedContainer: {
782
- opacity08: 'rgba(191, 197, 202, 0.08)',
783
- opacity12: 'rgba(191, 197, 202, 0.12)',
784
- opacity16: 'rgba(191, 197, 202, 0.16)',
785
- opacity28: 'rgba(191, 197, 202, 0.28)',
786
- opacity38: 'rgba(191, 197, 202, 0.38)',
784
+ opacity08: 'rgba(245, 239, 247, 0.08)',
785
+ opacity12: 'rgba(245, 239, 247, 0.12)',
786
+ opacity16: 'rgba(245, 239, 247, 0.16)',
787
+ opacity28: 'rgba(245, 239, 247, 0.28)',
788
+ opacity38: 'rgba(245, 239, 247, 0.38)',
787
789
  },
788
790
  info: {
789
791
  opacity08: 'rgba(71, 189, 243, 0.08)',
@@ -895,10 +897,10 @@ export const DarkSchemesGenerated = {
895
897
  'schemes.status.successContainer': { r: 18, g: 95, b: 22, a: 1 },
896
898
  'schemes.status.onSuccessContainer': { r: 241, g: 253, b: 241, a: 1 },
897
899
  'schemes.status.success': { r: 110, g: 187, b: 114, a: 1 },
898
- 'schemes.status.undefined': { r: 155, g: 171, b: 179, a: 1 },
899
- 'schemes.status.onUndefined': { r: 42, g: 52, b: 56, a: 1 },
900
- 'schemes.status.undefinedContainer': { r: 61, g: 70, b: 77, a: 1 },
901
- 'schemes.status.onUndefinedContainer': { r: 228, g: 235, b: 240, a: 1 },
900
+ 'schemes.status.undefined': { r: 93, g: 95, b: 111, a: 1 },
901
+ 'schemes.status.onUndefined': { r: 255, g: 255, b: 255, a: 1 },
902
+ 'schemes.status.undefinedContainer': { r: 56, g: 59, b: 71, a: 1 },
903
+ 'schemes.status.onUndefinedContainer': { r: 245, g: 239, b: 247, a: 1 },
902
904
  'schemes.fixed.primaryFixed': { r: 231, g: 223, b: 255, a: 1 },
903
905
  'schemes.fixed.onPrimaryFixed': { r: 40, g: 28, b: 76, a: 1 },
904
906
  'schemes.fixed.primaryFixedDim': { r: 208, g: 192, b: 255, a: 1 },
@@ -913,7 +915,7 @@ export const DarkSchemesGenerated = {
913
915
  'schemes.fixed.onTertiaryFixedVariant': { r: 60, g: 85, b: 96, a: 1 },
914
916
  'schemes.fixed.errorFixedDim': { r: 239, g: 83, b: 80, a: 1 },
915
917
  'schemes.fixed.warningFixedDim': { r: 255, g: 152, b: 0, a: 1 },
916
- 'schemes.fixed.infoFixedDim': { r: 3, g: 169, b: 244, a: 1 },
918
+ 'schemes.fixed.infoFixedDim': { r: 70, g: 140, b: 197, a: 1 },
917
919
  'schemes.fixed.successFixedDim': { r: 76, g: 175, b: 80, a: 1 },
918
920
  'schemes.charts.chart01': { r: 221, g: 221, b: 221, a: 1 },
919
921
  'schemes.charts.chart02': { r: 76, g: 182, b: 170, a: 1 },
@@ -1124,22 +1126,22 @@ export const DarkStateLayersGenerated = {
1124
1126
  'stateLayers.status.onInfoContainer.opacity20': { r: 224, g: 236, b: 246, a: 0.2 },
1125
1127
  'stateLayers.status.onInfoContainer.opacity38': { r: 224, g: 236, b: 246, a: 0.38 },
1126
1128
  'stateLayers.status.onInfoContainer.opacity28': { r: 224, g: 236, b: 246, a: 0.28 },
1127
- 'stateLayers.status.onUndefined.opacity08': { r: 42, g: 52, b: 56, a: 0.08 },
1128
- 'stateLayers.status.onUndefined.opacity12': { r: 42, g: 52, b: 56, a: 0.12 },
1129
- 'stateLayers.status.onUndefined.opacity16': { r: 42, g: 52, b: 56, a: 0.16 },
1130
- 'stateLayers.status.onUndefined.opacity38': { r: 42, g: 52, b: 56, a: 0.38 },
1131
- 'stateLayers.status.onUndefined.opacity28': { r: 42, g: 52, b: 56, a: 0.28 },
1132
- 'stateLayers.status.onUndefinedContainer.opacity08': { r: 228, g: 235, b: 240, a: 0.08 },
1133
- 'stateLayers.status.onUndefinedContainer.opacity12': { r: 228, g: 235, b: 240, a: 0.12 },
1134
- 'stateLayers.status.onUndefinedContainer.opacity16': { r: 228, g: 235, b: 240, a: 0.16 },
1135
- 'stateLayers.status.onUndefinedContainer.opacity20': { r: 228, g: 235, b: 240, a: 0.2 },
1136
- 'stateLayers.status.onUndefinedContainer.opacity38': { r: 228, g: 235, b: 240, a: 0.38 },
1137
- 'stateLayers.status.onUndefinedContainer.opacity28': { r: 228, g: 235, b: 240, a: 0.28 },
1138
- 'stateLayers.status.undefined.opacity08': { r: 155, g: 171, b: 179, a: 0.08 },
1139
- 'stateLayers.status.undefined.opacity12': { r: 155, g: 171, b: 179, a: 0.12 },
1140
- 'stateLayers.status.undefined.opacity16': { r: 155, g: 171, b: 179, a: 0.16 },
1141
- 'stateLayers.status.undefined.opacity28': { r: 155, g: 171, b: 179, a: 0.2 },
1142
- 'stateLayers.status.undefined.opacity48': { r: 155, g: 171, b: 179, a: 0.48 },
1129
+ 'stateLayers.status.onUndefined.opacity08': { r: 255, g: 255, b: 255, a: 0.08 },
1130
+ 'stateLayers.status.onUndefined.opacity12': { r: 255, g: 255, b: 255, a: 0.12 },
1131
+ 'stateLayers.status.onUndefined.opacity16': { r: 255, g: 255, b: 255, a: 0.16 },
1132
+ 'stateLayers.status.onUndefined.opacity38': { r: 255, g: 255, b: 255, a: 0.38 },
1133
+ 'stateLayers.status.onUndefined.opacity28': { r: 255, g: 255, b: 255, a: 0.28 },
1134
+ 'stateLayers.status.onUndefinedContainer.opacity08': { r: 245, g: 239, b: 247, a: 0.08 },
1135
+ 'stateLayers.status.onUndefinedContainer.opacity12': { r: 245, g: 239, b: 247, a: 0.12 },
1136
+ 'stateLayers.status.onUndefinedContainer.opacity16': { r: 245, g: 239, b: 247, a: 0.16 },
1137
+ 'stateLayers.status.onUndefinedContainer.opacity20': { r: 245, g: 239, b: 247, a: 0.2 },
1138
+ 'stateLayers.status.onUndefinedContainer.opacity38': { r: 245, g: 239, b: 247, a: 0.38 },
1139
+ 'stateLayers.status.onUndefinedContainer.opacity28': { r: 245, g: 239, b: 247, a: 0.28 },
1140
+ 'stateLayers.status.undefined.opacity08': { r: 93, g: 95, b: 111, a: 0.08 },
1141
+ 'stateLayers.status.undefined.opacity12': { r: 93, g: 95, b: 111, a: 0.12 },
1142
+ 'stateLayers.status.undefined.opacity16': { r: 93, g: 95, b: 111, a: 0.16 },
1143
+ 'stateLayers.status.undefined.opacity28': { r: 93, g: 95, b: 111, a: 0.2 },
1144
+ 'stateLayers.status.undefined.opacity48': { r: 93, g: 95, b: 111, a: 0.48 },
1143
1145
  'stateLayers.status.warningContainer.opacity08': { r: 123, g: 60, b: 15, a: 0.08 },
1144
1146
  'stateLayers.status.warningContainer.opacity12': { r: 123, g: 60, b: 15, a: 0.12 },
1145
1147
  'stateLayers.status.warningContainer.opacity16': { r: 123, g: 60, b: 15, a: 0.16 },
@@ -1152,9 +1154,9 @@ export const DarkStateLayersGenerated = {
1152
1154
  'stateLayers.status.infoContainer.opacity12': { r: 18, g: 71, b: 113, a: 0.12 },
1153
1155
  'stateLayers.status.infoContainer.opacity16': { r: 18, g: 71, b: 113, a: 0.16 },
1154
1156
  'stateLayers.status.infoContainer.opacity38': { r: 18, g: 71, b: 113, a: 0.38 },
1155
- 'stateLayers.status.undefinedContainer.opacity08': { r: 61, g: 70, b: 77, a: 0.08 },
1156
- 'stateLayers.status.undefinedContainer.opacity12': { r: 61, g: 70, b: 77, a: 0.12 },
1157
- 'stateLayers.status.undefinedContainer.opacity16': { r: 61, g: 70, b: 77, a: 0.16 },
1157
+ 'stateLayers.status.undefinedContainer.opacity08': { r: 56, g: 59, b: 71, a: 0.08 },
1158
+ 'stateLayers.status.undefinedContainer.opacity12': { r: 56, g: 59, b: 71, a: 0.12 },
1159
+ 'stateLayers.status.undefinedContainer.opacity16': { r: 56, g: 59, b: 71, a: 0.16 },
1158
1160
  'stateLayers.surfaces.outline.opacity08': { r: 127, g: 130, b: 147, a: 0.08 },
1159
1161
  'stateLayers.surfaces.outline.opacity12': { r: 127, g: 130, b: 147, a: 0.12 },
1160
1162
  'stateLayers.surfaces.outline.opacity16': { r: 127, g: 130, b: 147, a: 0.16 },
@@ -1208,6 +1210,8 @@ export const DarkStateLayersGenerated = {
1208
1210
  'stateLayers.surfaces.scrim.opacity16': { r: 0, g: 0, b: 0, a: 0.16 },
1209
1211
  'stateLayers.surfaces.scrim.opacity48': { r: 0, g: 0, b: 0, a: 0.48 },
1210
1212
  'stateLayers.surfaces.scrim.opacity10': { r: 0, g: 0, b: 0, a: 0.1 },
1213
+ 'stateLayers.surfaces.scrim.opacity76': { r: 0, g: 0, b: 0, a: 0.76 },
1214
+ 'stateLayers.surfaces.scrim.opacity58': { r: 0, g: 0, b: 0, a: 0.58 },
1211
1215
  'stateLayers.surfaces.surfaceContainerHighest.opacity08': { r: 22, g: 23, b: 26, a: 0.08 },
1212
1216
  'stateLayers.surfaces.surfaceContainerHighest.opacity12': { r: 22, g: 23, b: 26, a: 0.12 },
1213
1217
  'stateLayers.surfaces.surfaceContainerHighest.opacity16': { r: 22, g: 23, b: 26, a: 0.16 },
@@ -1289,7 +1293,7 @@ export const DarkStateLayersGenerated = {
1289
1293
  export const DarkInverseSchemesGenerated = {
1290
1294
  'inverseSchemes.surfaces.surface': { r: 32, g: 33, b: 38, a: 1 },
1291
1295
  'inverseSchemes.surfaces.onSurface': { r: 245, g: 239, b: 247, a: 1 },
1292
- 'inverseSchemes.surfaces.onSurfaceVariant': { r: 199, g: 194, b: 203, a: 1 },
1296
+ 'inverseSchemes.surfaces.onSurfaceVariant': { r: 192, g: 194, b: 201, a: 1 },
1293
1297
  'inverseSchemes.surfaces.outlineVariant': { r: 53, g: 54, b: 66, a: 1 },
1294
1298
  'inverseSchemes.surfaces.surfaceContainer': { r: 40, g: 41, b: 47, a: 1 },
1295
1299
  'inverseSchemes.surfaces.outline': { r: 72, g: 73, b: 88, a: 1 },
@@ -1317,8 +1321,8 @@ export const DarkInverseSchemesGenerated = {
1317
1321
  'inverseSchemes.status.onWarning': { r: 48, g: 28, b: 10, a: 1 },
1318
1322
  'inverseSchemes.status.onInfo': { r: 12, g: 40, b: 53, a: 1 },
1319
1323
  'inverseSchemes.status.onSuccess': { r: 16, g: 51, b: 11, a: 1 },
1320
- 'inverseSchemes.status.undefined': { r: 155, g: 171, b: 179, a: 1 },
1321
- 'inverseSchemes.status.onUndefined': { r: 47, g: 53, b: 56, a: 1 },
1324
+ 'inverseSchemes.status.undefined': { r: 163, g: 166, b: 175, a: 1 },
1325
+ 'inverseSchemes.status.onUndefined': { r: 27, g: 28, b: 33, a: 1 },
1322
1326
  'inverseSchemes.status.errorContainer': { r: 84, g: 46, b: 46, a: 1 },
1323
1327
  'inverseSchemes.status.successContainer': { r: 59, g: 76, b: 59, a: 1 },
1324
1328
  'inverseSchemes.status.onErrorContainer': { r: 229, g: 153, b: 151, a: 1 },
@@ -1327,8 +1331,8 @@ export const DarkInverseSchemesGenerated = {
1327
1331
  'inverseSchemes.status.onWarningContainer': { r: 219, g: 183, b: 146, a: 1 },
1328
1332
  'inverseSchemes.status.infoContainer': { r: 42, g: 77, b: 105, a: 1 },
1329
1333
  'inverseSchemes.status.onInfoContainer': { r: 174, g: 207, b: 230, a: 1 },
1330
- 'inverseSchemes.status.undefinedContainer': { r: 54, g: 58, b: 59, a: 1 },
1331
- 'inverseSchemes.status.onUndefinedContainer': { r: 191, g: 197, b: 202, a: 1 },
1334
+ 'inverseSchemes.status.undefinedContainer': { r: 46, g: 48, b: 56, a: 1 },
1335
+ 'inverseSchemes.status.onUndefinedContainer': { r: 245, g: 239, b: 247, a: 1 },
1332
1336
  };
1333
1337
  export const DarkInverseStateLayersGenerated = {
1334
1338
  'inverseStateLayers.surfaces.surface.opacity08': { r: 32, g: 33, b: 38, a: 0.08 },
@@ -1413,11 +1417,11 @@ export const DarkInverseStateLayersGenerated = {
1413
1417
  'inverseStateLayers.status.onSuccess.opacity16': { r: 16, g: 51, b: 11, a: 0.2 },
1414
1418
  'inverseStateLayers.status.onSuccess.opacity28': { r: 16, g: 51, b: 11, a: 0.28 },
1415
1419
  'inverseStateLayers.status.onSuccess.opacity38': { r: 16, g: 51, b: 11, a: 0.38 },
1416
- 'inverseStateLayers.status.onUndefined.opacity08': { r: 47, g: 53, b: 56, a: 0.08 },
1417
- 'inverseStateLayers.status.onUndefined.opacity12': { r: 47, g: 53, b: 56, a: 0.12 },
1418
- 'inverseStateLayers.status.onUndefined.opacity20': { r: 47, g: 53, b: 56, a: 0.2 },
1419
- 'inverseStateLayers.status.onUndefined.opacity28': { r: 47, g: 53, b: 56, a: 0.28 },
1420
- 'inverseStateLayers.status.onUndefined.opacity38': { r: 47, g: 53, b: 56, a: 0.38 },
1420
+ 'inverseStateLayers.status.onUndefined.opacity08': { r: 27, g: 28, b: 33, a: 0.08 },
1421
+ 'inverseStateLayers.status.onUndefined.opacity12': { r: 27, g: 28, b: 33, a: 0.12 },
1422
+ 'inverseStateLayers.status.onUndefined.opacity20': { r: 27, g: 28, b: 33, a: 0.2 },
1423
+ 'inverseStateLayers.status.onUndefined.opacity28': { r: 27, g: 28, b: 33, a: 0.28 },
1424
+ 'inverseStateLayers.status.onUndefined.opacity38': { r: 27, g: 28, b: 33, a: 0.38 },
1421
1425
  'inverseStateLayers.status.error.opacity08': { r: 239, g: 122, b: 120, a: 0.08 },
1422
1426
  'inverseStateLayers.status.error.opacity12': { r: 239, g: 122, b: 120, a: 0.12 },
1423
1427
  'inverseStateLayers.status.error.opacity16': { r: 239, g: 122, b: 120, a: 0.2 },
@@ -1428,11 +1432,11 @@ export const DarkInverseStateLayersGenerated = {
1428
1432
  'inverseStateLayers.status.success.opacity16': { r: 140, g: 196, b: 131, a: 0.2 },
1429
1433
  'inverseStateLayers.status.success.opacity28': { r: 140, g: 196, b: 131, a: 0.28 },
1430
1434
  'inverseStateLayers.status.success.opacity38': { r: 140, g: 196, b: 131, a: 0.38 },
1431
- 'inverseStateLayers.status.undefined.opacity08': { r: 155, g: 171, b: 179, a: 0.08 },
1432
- 'inverseStateLayers.status.undefined.opacity12': { r: 155, g: 171, b: 179, a: 0.12 },
1433
- 'inverseStateLayers.status.undefined.opacity16': { r: 155, g: 171, b: 179, a: 0.2 },
1434
- 'inverseStateLayers.status.undefined.opacity28': { r: 155, g: 171, b: 179, a: 0.28 },
1435
- 'inverseStateLayers.status.undefined.opacity38': { r: 155, g: 171, b: 179, a: 0.28 },
1435
+ 'inverseStateLayers.status.undefined.opacity08': { r: 192, g: 194, b: 201, a: 0.08 },
1436
+ 'inverseStateLayers.status.undefined.opacity12': { r: 192, g: 194, b: 201, a: 0.12 },
1437
+ 'inverseStateLayers.status.undefined.opacity16': { r: 192, g: 194, b: 201, a: 0.2 },
1438
+ 'inverseStateLayers.status.undefined.opacity28': { r: 192, g: 194, b: 201, a: 0.28 },
1439
+ 'inverseStateLayers.status.undefined.opacity38': { r: 192, g: 194, b: 201, a: 0.28 },
1436
1440
  'inverseStateLayers.status.onErrorContainer.opacity08': { r: 229, g: 153, b: 151, a: 0.08 },
1437
1441
  'inverseStateLayers.status.onErrorContainer.opacity12': { r: 229, g: 153, b: 151, a: 0.12 },
1438
1442
  'inverseStateLayers.status.onErrorContainer.opacity16': { r: 229, g: 153, b: 151, a: 0.16 },
@@ -1453,11 +1457,11 @@ export const DarkInverseStateLayersGenerated = {
1453
1457
  'inverseStateLayers.status.onInfoContainer.opacity16': { r: 174, g: 207, b: 230, a: 0.16 },
1454
1458
  'inverseStateLayers.status.onInfoContainer.opacity28': { r: 174, g: 207, b: 230, a: 0.28 },
1455
1459
  'inverseStateLayers.status.onInfoContainer.opacity38': { r: 174, g: 207, b: 230, a: 0.38 },
1456
- 'inverseStateLayers.status.onUndefinedContainer.opacity08': { r: 191, g: 197, b: 202, a: 0.08 },
1457
- 'inverseStateLayers.status.onUndefinedContainer.opacity12': { r: 191, g: 197, b: 202, a: 0.12 },
1458
- 'inverseStateLayers.status.onUndefinedContainer.opacity16': { r: 191, g: 197, b: 202, a: 0.16 },
1459
- 'inverseStateLayers.status.onUndefinedContainer.opacity28': { r: 191, g: 197, b: 202, a: 0.28 },
1460
- 'inverseStateLayers.status.onUndefinedContainer.opacity38': { r: 191, g: 197, b: 202, a: 0.38 },
1460
+ 'inverseStateLayers.status.onUndefinedContainer.opacity08': { r: 245, g: 239, b: 247, a: 0.08 },
1461
+ 'inverseStateLayers.status.onUndefinedContainer.opacity12': { r: 245, g: 239, b: 247, a: 0.12 },
1462
+ 'inverseStateLayers.status.onUndefinedContainer.opacity16': { r: 245, g: 239, b: 247, a: 0.16 },
1463
+ 'inverseStateLayers.status.onUndefinedContainer.opacity28': { r: 245, g: 239, b: 247, a: 0.28 },
1464
+ 'inverseStateLayers.status.onUndefinedContainer.opacity38': { r: 245, g: 239, b: 247, a: 0.38 },
1461
1465
  'inverseStateLayers.status.info.opacity08': { r: 71, g: 189, b: 243, a: 0.08 },
1462
1466
  'inverseStateLayers.status.info.opacity12': { r: 71, g: 189, b: 243, a: 0.12 },
1463
1467
  'inverseStateLayers.status.info.opacity16': { r: 71, g: 189, b: 243, a: 0.2 },