@webpros/mui-theme 0.4.0 → 0.4.2

package/dist/src/tokens/colors/Wptk.js

@@ -23,7 +23,7 @@ export const WptkSchemes = {
         surfaceTint: 'rgba(21, 122, 131, 1)',
         background: 'rgba(247, 247, 247, 1)',
         onBackground: 'rgba(31, 29, 23, 1)',
-        surface: 'rgba(229, 232, 232, 1)',
+        surface: 'rgba(238, 238, 246, 1)',
         onSurface: 'rgba(30, 28, 23, 1)',
         surfaceVariant: 'rgba(232, 231, 227, 1)',
         onSurfaceVariant: 'rgba(96, 94, 88, 1)',
@@ -60,10 +60,10 @@ export const WptkSchemes = {
         successContainer: 'rgba(211, 242, 224, 1)',
         onSuccessContainer: 'rgba(0, 70, 29, 1)',
         success: 'rgba(43, 131, 80, 1)',
-        undefined: 'rgba(159, 159, 159, 1)',
+        undefined: 'rgba(96, 94, 88, 1)',
         onUndefined: 'rgba(255, 255, 255, 1)',
-        undefinedContainer: 'rgba(240, 240, 243, 1)',
-        onUndefinedContainer: 'rgba(68, 68, 68, 1)',
+        undefinedContainer: 'rgba(234, 232, 227, 1)',
+        onUndefinedContainer: 'rgba(30, 28, 23, 1)',
     },
     fixed: {
         primaryFixed: 'rgba(192, 250, 255, 1)',
@@ -383,19 +383,19 @@ export const WptkStateLayers = {
             opacity28: 'rgba(255, 255, 255, 0.28)',
         },
         onUndefinedContainer: {
-            opacity08: 'rgba(68, 68, 68, 0.08)',
-            opacity12: 'rgba(68, 68, 68, 0.12)',
-            opacity16: 'rgba(68, 68, 68, 0.16)',
-            opacity20: 'rgba(68, 68, 68, 0.2)',
-            opacity38: 'rgba(68, 68, 68, 0.38)',
-            opacity28: 'rgba(68, 68, 68, 0.28)',
+            opacity08: 'rgba(30, 28, 23, 0.08)',
+            opacity12: 'rgba(30, 28, 23, 0.12)',
+            opacity16: 'rgba(30, 28, 23, 0.16)',
+            opacity20: 'rgba(30, 28, 23, 0.2)',
+            opacity38: 'rgba(30, 28, 23, 0.38)',
+            opacity28: 'rgba(30, 28, 23, 0.28)',
         },
         undefined: {
-            opacity08: 'rgba(159, 159, 159, 0.08)',
-            opacity12: 'rgba(159, 159, 159, 0.12)',
-            opacity16: 'rgba(159, 159, 159, 0.16)',
-            opacity28: 'rgba(159, 159, 159, 0.2)',
-            opacity48: 'rgba(159, 159, 159, 0.48)',
+            opacity08: 'rgba(96, 94, 88, 0.08)',
+            opacity12: 'rgba(96, 94, 88, 0.12)',
+            opacity16: 'rgba(96, 94, 88, 0.16)',
+            opacity28: 'rgba(96, 94, 88, 0.2)',
+            opacity48: 'rgba(96, 94, 88, 0.48)',
         },
         warningContainer: {
             opacity08: 'rgba(255, 232, 210, 0.08)',
@@ -416,9 +416,9 @@ export const WptkStateLayers = {
             opacity38: 'rgba(222, 241, 255, 0.38)',
         },
         undefinedContainer: {
-            opacity08: 'rgba(240, 240, 243, 0.08)',
-            opacity12: 'rgba(240, 240, 243, 0.12)',
-            opacity16: 'rgba(240, 240, 243, 0.16)',
+            opacity08: 'rgba(234, 232, 227, 0.08)',
+            opacity12: 'rgba(234, 232, 227, 0.12)',
+            opacity16: 'rgba(234, 232, 227, 0.16)',
         },
     },
     surfaces: {
@@ -494,6 +494,8 @@ export const WptkStateLayers = {
             opacity16: 'rgba(0, 0, 0, 0.16)',
             opacity48: 'rgba(0, 0, 0, 0.48)',
             opacity10: 'rgba(0, 0, 0, 0.1)',
+            opacity76: 'rgba(0, 0, 0, 0.76)',
+            opacity58: 'rgba(0, 0, 0, 0.58)',
         },
         surfaceContainerHighest: {
             opacity08: 'rgba(229, 227, 222, 0.08)',
@@ -584,36 +586,36 @@ export const WptkInverseSchemes = {
         elevatedContainerHigh: 'rgba(82, 79, 70, 1)',
     },
     base: {
-        primary: 'rgba(93, 181, 189, 1)',
+        primary: 'rgba(86, 162, 169, 1)',
         onPrimary: 'rgba(26, 51, 53, 1)',
         secondary: 'rgba(201, 200, 195, 1)',
         onSecondary: 'rgba(51, 49, 43, 1)',
-        primaryContainer: 'rgba(93, 181, 189, 1)',
-        onPrimaryContainer: 'rgba(93, 181, 189, 1)',
-        secondaryContainer: 'rgba(93, 181, 189, 1)',
-        onSecondaryContainer: 'rgba(93, 181, 189, 1)',
+        primaryContainer: 'rgba(32, 73, 77, 1)',
+        onPrimaryContainer: 'rgba(184, 210, 212, 1)',
+        secondaryContainer: 'rgba(82, 79, 73, 1)',
+        onSecondaryContainer: 'rgba(206, 203, 193, 1)',
     },
     status: {
         error: 'rgba(242, 122, 142, 1)',
         warning: 'rgba(222, 144, 66, 1)',
         success: 'rgba(114, 186, 144, 1)',
         info: 'rgba(107, 169, 239, 1)',
-        onError: 'rgba(40, 18, 22, 1)',
-        onWarning: 'rgba(64, 47, 31, 1)',
+        onError: 'rgba(64, 18, 27, 1)',
+        onWarning: 'rgba(68, 38, 10, 1)',
         onInfo: 'rgba(24, 37, 51, 1)',
         onSuccess: 'rgba(25, 58, 39, 1)',
-        undefined: 'rgba(184, 184, 184, 1)',
-        onUndefined: 'rgba(50, 50, 50, 1)',
-        errorContainer: 'rgba(64, 53, 58, 1)',
+        undefined: 'rgba(160, 158, 151, 1)',
+        onUndefined: 'rgba(27, 28, 33, 1)',
+        errorContainer: 'rgba(88, 25, 35, 1)',
         successContainer: 'rgba(54, 58, 59, 1)',
-        onErrorContainer: 'rgba(235, 112, 110, 1)',
+        onErrorContainer: 'rgba(231, 170, 180, 1)',
         onSuccessContainer: 'rgba(112, 173, 112, 1)',
-        warningContainer: 'rgba(64, 53, 58, 1)',
-        onWarningContainer: 'rgba(235, 112, 110, 1)',
-        infoContainer: 'rgba(64, 53, 58, 1)',
-        onInfoContainer: 'rgba(235, 112, 110, 1)',
-        undefinedContainer: 'rgba(54, 58, 59, 1)',
-        onUndefinedContainer: 'rgba(112, 173, 112, 1)',
+        warningContainer: 'rgba(85, 61, 37, 1)',
+        onWarningContainer: 'rgba(228, 194, 160, 1)',
+        infoContainer: 'rgba(34, 61, 93, 1)',
+        onInfoContainer: 'rgba(198, 218, 242, 1)',
+        undefinedContainer: 'rgba(82, 79, 70, 1)',
+        onUndefinedContainer: 'rgba(243, 241, 236, 1)',
     },
 };
 export const WptkInverseStateLayers = {
@@ -695,18 +697,18 @@ export const WptkInverseStateLayers = {
     },
     status: {
         onError: {
-            opacity08: 'rgba(40, 18, 22, 0.08)',
-            opacity12: 'rgba(40, 18, 22, 0.12)',
-            opacity16: 'rgba(40, 18, 22, 0.16)',
-            opacity28: 'rgba(40, 18, 22, 0.28)',
-            opacity38: 'rgba(40, 18, 22, 0.38)',
+            opacity08: 'rgba(64, 18, 27, 0.08)',
+            opacity12: 'rgba(64, 18, 27, 0.12)',
+            opacity16: 'rgba(64, 18, 27, 0.16)',
+            opacity28: 'rgba(64, 18, 27, 0.28)',
+            opacity38: 'rgba(64, 18, 27, 0.38)',
         },
         onWarning: {
-            opacity08: 'rgba(64, 47, 31, 0.08)',
-            opacity12: 'rgba(64, 47, 31, 0.12)',
-            opacity16: 'rgba(64, 47, 31, 0.2)',
-            opacity28: 'rgba(64, 47, 31, 0.28)',
-            opacity38: 'rgba(64, 47, 31, 0.38)',
+            opacity08: 'rgba(68, 38, 10, 0.08)',
+            opacity12: 'rgba(68, 38, 10, 0.12)',
+            opacity16: 'rgba(68, 38, 10, 0.2)',
+            opacity28: 'rgba(68, 38, 10, 0.28)',
+            opacity38: 'rgba(68, 38, 10, 0.38)',
         },
         onInfo: {
             opacity08: 'rgba(24, 37, 51, 0.08)',
@@ -723,11 +725,11 @@ export const WptkInverseStateLayers = {
             opacity38: 'rgba(25, 58, 39, 0.38)',
         },
         onUndefined: {
-            opacity08: 'rgba(50, 50, 50, 0.08)',
-            opacity12: 'rgba(50, 50, 50, 0.12)',
-            opacity20: 'rgba(50, 50, 50, 0.2)',
-            opacity28: 'rgba(50, 50, 50, 0.28)',
-            opacity38: 'rgba(50, 50, 50, 0.38)',
+            opacity08: 'rgba(27, 28, 33, 0.08)',
+            opacity12: 'rgba(27, 28, 33, 0.12)',
+            opacity20: 'rgba(27, 28, 33, 0.2)',
+            opacity28: 'rgba(27, 28, 33, 0.28)',
+            opacity38: 'rgba(27, 28, 33, 0.38)',
         },
         error: {
             opacity08: 'rgba(242, 122, 142, 0.08)',
@@ -744,18 +746,18 @@ export const WptkInverseStateLayers = {
             opacity38: 'rgba(114, 186, 144, 0.38)',
         },
         undefined: {
-            opacity08: 'rgba(184, 184, 184, 0.08)',
-            opacity12: 'rgba(184, 184, 184, 0.12)',
-            opacity16: 'rgba(184, 184, 184, 0.2)',
-            opacity28: 'rgba(184, 184, 184, 0.28)',
-            opacity38: 'rgba(184, 184, 184, 0.38)',
+            opacity08: 'rgba(160, 158, 151, 0.08)',
+            opacity12: 'rgba(160, 158, 151, 0.12)',
+            opacity16: 'rgba(160, 158, 151, 0.2)',
+            opacity28: 'rgba(160, 158, 151, 0.28)',
+            opacity38: 'rgba(160, 158, 151, 0.38)',
         },
         onErrorContainer: {
-            opacity08: 'rgba(235, 112, 110, 0.08)',
-            opacity12: 'rgba(235, 112, 110, 0.12)',
-            opacity16: 'rgba(235, 112, 110, 0.16)',
-            opacity28: 'rgba(235, 112, 110, 0.28)',
-            opacity38: 'rgba(235, 112, 110, 0.38)',
+            opacity08: 'rgba(231, 170, 180, 0.08)',
+            opacity12: 'rgba(231, 170, 180, 0.12)',
+            opacity16: 'rgba(231, 170, 180, 0.16)',
+            opacity28: 'rgba(231, 170, 180, 0.28)',
+            opacity38: 'rgba(231, 170, 180, 0.38)',
         },
         onSuccessContainer: {
             opacity08: 'rgba(112, 173, 112, 0.08)',
@@ -765,25 +767,25 @@ export const WptkInverseStateLayers = {
             opacity38: 'rgba(112, 173, 112, 0.38)',
         },
         onWarningContainer: {
-            opacity08: 'rgba(64, 47, 31, 0.08)',
-            opacity12: 'rgba(64, 47, 31, 0.12)',
-            opacity16: 'rgba(64, 47, 31, 0.2)',
-            opacity28: 'rgba(64, 47, 31, 0.28)',
-            opacity38: 'rgba(64, 47, 31, 0.38)',
+            opacity08: 'rgba(228, 194, 160, 0.08)',
+            opacity12: 'rgba(228, 194, 160, 0.12)',
+            opacity16: 'rgba(228, 194, 160, 0.2)',
+            opacity28: 'rgba(228, 194, 160, 0.28)',
+            opacity38: 'rgba(228, 194, 160, 0.38)',
         },
         onInfoContainer: {
-            opacity08: 'rgba(24, 37, 51, 0.08)',
-            opacity12: 'rgba(24, 37, 51, 0.12)',
-            opacity16: 'rgba(24, 37, 51, 0.16)',
-            opacity28: 'rgba(24, 37, 51, 0.28)',
-            opacity38: 'rgba(24, 37, 51, 0.38)',
+            opacity08: 'rgba(198, 218, 242, 0.08)',
+            opacity12: 'rgba(198, 218, 242, 0.12)',
+            opacity16: 'rgba(198, 218, 242, 0.16)',
+            opacity28: 'rgba(198, 218, 242, 0.28)',
+            opacity38: 'rgba(198, 218, 242, 0.38)',
         },
         onUndefinedContainer: {
-            opacity08: 'rgba(50, 50, 50, 0.08)',
-            opacity12: 'rgba(50, 50, 50, 0.12)',
-            opacity16: 'rgba(50, 50, 50, 0.16)',
-            opacity28: 'rgba(50, 50, 50, 0.28)',
-            opacity38: 'rgba(50, 50, 50, 0.38)',
+            opacity08: 'rgba(243, 241, 236, 0.08)',
+            opacity12: 'rgba(243, 241, 236, 0.12)',
+            opacity16: 'rgba(243, 241, 236, 0.16)',
+            opacity28: 'rgba(243, 241, 236, 0.28)',
+            opacity38: 'rgba(243, 241, 236, 0.38)',
         },
         info: {
             opacity08: 'rgba(107, 169, 239, 0.08)',
@@ -860,7 +862,7 @@ export const WptkSchemesGenerated = {
     'schemes.surfaces.surfaceTint': { r: 21, g: 122, b: 131, a: 1 },
     'schemes.surfaces.background': { r: 247, g: 247, b: 247, a: 1 },
     'schemes.surfaces.onBackground': { r: 31, g: 29, b: 23, a: 1 },
-    'schemes.surfaces.surface': { r: 229, g: 232, b: 232, a: 1 },
+    'schemes.surfaces.surface': { r: 238, g: 238, b: 246, a: 1 },
     'schemes.surfaces.onSurface': { r: 30, g: 28, b: 23, a: 1 },
     'schemes.surfaces.surfaceVariant': { r: 232, g: 231, b: 227, a: 1 },
     'schemes.surfaces.onSurfaceVariant': { r: 96, g: 94, b: 88, a: 1 },
@@ -895,10 +897,10 @@ export const WptkSchemesGenerated = {
     'schemes.status.successContainer': { r: 211, g: 242, b: 224, a: 1 },
     'schemes.status.onSuccessContainer': { r: 0, g: 70, b: 29, a: 1 },
     'schemes.status.success': { r: 43, g: 131, b: 80, a: 1 },
-    'schemes.status.undefined': { r: 159, g: 159, b: 159, a: 1 },
+    'schemes.status.undefined': { r: 96, g: 94, b: 88, a: 1 },
     'schemes.status.onUndefined': { r: 255, g: 255, b: 255, a: 1 },
-    'schemes.status.undefinedContainer': { r: 240, g: 240, b: 243, a: 1 },
-    'schemes.status.onUndefinedContainer': { r: 68, g: 68, b: 68, a: 1 },
+    'schemes.status.undefinedContainer': { r: 234, g: 232, b: 227, a: 1 },
+    'schemes.status.onUndefinedContainer': { r: 30, g: 28, b: 23, a: 1 },
     'schemes.fixed.primaryFixed': { r: 192, g: 250, b: 255, a: 1 },
     'schemes.fixed.onPrimaryFixed': { r: 0, g: 39, b: 43, a: 1 },
     'schemes.fixed.primaryFixedDim': { r: 140, g: 233, b: 241, a: 1 },
@@ -1129,17 +1131,17 @@ export const WptkStateLayersGenerated = {
     'stateLayers.status.onUndefined.opacity16': { r: 255, g: 255, b: 255, a: 0.16 },
     'stateLayers.status.onUndefined.opacity38': { r: 255, g: 255, b: 255, a: 0.38 },
     'stateLayers.status.onUndefined.opacity28': { r: 255, g: 255, b: 255, a: 0.28 },
-    'stateLayers.status.onUndefinedContainer.opacity08': { r: 68, g: 68, b: 68, a: 0.08 },
-    'stateLayers.status.onUndefinedContainer.opacity12': { r: 68, g: 68, b: 68, a: 0.12 },
-    'stateLayers.status.onUndefinedContainer.opacity16': { r: 68, g: 68, b: 68, a: 0.16 },
-    'stateLayers.status.onUndefinedContainer.opacity20': { r: 68, g: 68, b: 68, a: 0.2 },
-    'stateLayers.status.onUndefinedContainer.opacity38': { r: 68, g: 68, b: 68, a: 0.38 },
-    'stateLayers.status.onUndefinedContainer.opacity28': { r: 68, g: 68, b: 68, a: 0.28 },
-    'stateLayers.status.undefined.opacity08': { r: 159, g: 159, b: 159, a: 0.08 },
-    'stateLayers.status.undefined.opacity12': { r: 159, g: 159, b: 159, a: 0.12 },
-    'stateLayers.status.undefined.opacity16': { r: 159, g: 159, b: 159, a: 0.16 },
-    'stateLayers.status.undefined.opacity28': { r: 159, g: 159, b: 159, a: 0.2 },
-    'stateLayers.status.undefined.opacity48': { r: 159, g: 159, b: 159, a: 0.48 },
+    'stateLayers.status.onUndefinedContainer.opacity08': { r: 30, g: 28, b: 23, a: 0.08 },
+    'stateLayers.status.onUndefinedContainer.opacity12': { r: 30, g: 28, b: 23, a: 0.12 },
+    'stateLayers.status.onUndefinedContainer.opacity16': { r: 30, g: 28, b: 23, a: 0.16 },
+    'stateLayers.status.onUndefinedContainer.opacity20': { r: 30, g: 28, b: 23, a: 0.2 },
+    'stateLayers.status.onUndefinedContainer.opacity38': { r: 30, g: 28, b: 23, a: 0.38 },
+    'stateLayers.status.onUndefinedContainer.opacity28': { r: 30, g: 28, b: 23, a: 0.28 },
+    'stateLayers.status.undefined.opacity08': { r: 96, g: 94, b: 88, a: 0.08 },
+    'stateLayers.status.undefined.opacity12': { r: 96, g: 94, b: 88, a: 0.12 },
+    'stateLayers.status.undefined.opacity16': { r: 96, g: 94, b: 88, a: 0.16 },
+    'stateLayers.status.undefined.opacity28': { r: 96, g: 94, b: 88, a: 0.2 },
+    'stateLayers.status.undefined.opacity48': { r: 96, g: 94, b: 88, a: 0.48 },
     'stateLayers.status.warningContainer.opacity08': { r: 255, g: 232, b: 210, a: 0.08 },
     'stateLayers.status.warningContainer.opacity12': { r: 255, g: 232, b: 210, a: 0.12 },
     'stateLayers.status.warningContainer.opacity16': { r: 255, g: 232, b: 210, a: 0.16 },
@@ -1152,9 +1154,9 @@ export const WptkStateLayersGenerated = {
     'stateLayers.status.infoContainer.opacity12': { r: 222, g: 241, b: 255, a: 0.12 },
     'stateLayers.status.infoContainer.opacity16': { r: 222, g: 241, b: 255, a: 0.16 },
     'stateLayers.status.infoContainer.opacity38': { r: 222, g: 241, b: 255, a: 0.38 },
-    'stateLayers.status.undefinedContainer.opacity08': { r: 240, g: 240, b: 243, a: 0.08 },
-    'stateLayers.status.undefinedContainer.opacity12': { r: 240, g: 240, b: 243, a: 0.12 },
-    'stateLayers.status.undefinedContainer.opacity16': { r: 240, g: 240, b: 243, a: 0.16 },
+    'stateLayers.status.undefinedContainer.opacity08': { r: 234, g: 232, b: 227, a: 0.08 },
+    'stateLayers.status.undefinedContainer.opacity12': { r: 234, g: 232, b: 227, a: 0.12 },
+    'stateLayers.status.undefinedContainer.opacity16': { r: 234, g: 232, b: 227, a: 0.16 },
     'stateLayers.surfaces.outline.opacity08': { r: 160, g: 160, b: 160, a: 0.08 },
     'stateLayers.surfaces.outline.opacity12': { r: 160, g: 160, b: 160, a: 0.12 },
     'stateLayers.surfaces.outline.opacity16': { r: 160, g: 160, b: 160, a: 0.16 },
@@ -1208,6 +1210,8 @@ export const WptkStateLayersGenerated = {
     'stateLayers.surfaces.scrim.opacity16': { r: 0, g: 0, b: 0, a: 0.16 },
     'stateLayers.surfaces.scrim.opacity48': { r: 0, g: 0, b: 0, a: 0.48 },
     'stateLayers.surfaces.scrim.opacity10': { r: 0, g: 0, b: 0, a: 0.1 },
+    'stateLayers.surfaces.scrim.opacity76': { r: 0, g: 0, b: 0, a: 0.76 },
+    'stateLayers.surfaces.scrim.opacity58': { r: 0, g: 0, b: 0, a: 0.58 },
     'stateLayers.surfaces.surfaceContainerHighest.opacity08': { r: 229, g: 227, b: 222, a: 0.08 },
     'stateLayers.surfaces.surfaceContainerHighest.opacity12': { r: 229, g: 227, b: 222, a: 0.12 },
     'stateLayers.surfaces.surfaceContainerHighest.opacity16': { r: 229, g: 227, b: 222, a: 0.16 },
@@ -1301,34 +1305,34 @@ export const WptkInverseSchemesGenerated = {
     'inverseSchemes.surfaces.elevatedContainerLow': { r: 67, g: 64, b: 56, a: 1 },
     'inverseSchemes.surfaces.elevatedContainer': { r: 73, g: 70, b: 61, a: 1 },
     'inverseSchemes.surfaces.elevatedContainerHigh': { r: 82, g: 79, b: 70, a: 1 },
-    'inverseSchemes.base.primary': { r: 93, g: 181, b: 189, a: 1 },
+    'inverseSchemes.base.primary': { r: 86, g: 162, b: 169, a: 1 },
     'inverseSchemes.base.onPrimary': { r: 26, g: 51, b: 53, a: 1 },
     'inverseSchemes.base.secondary': { r: 201, g: 200, b: 195, a: 1 },
     'inverseSchemes.base.onSecondary': { r: 51, g: 49, b: 43, a: 1 },
-    'inverseSchemes.base.primaryContainer': { r: 93, g: 181, b: 189, a: 1 },
-    'inverseSchemes.base.onPrimaryContainer': { r: 93, g: 181, b: 189, a: 1 },
-    'inverseSchemes.base.secondaryContainer': { r: 93, g: 181, b: 189, a: 1 },
-    'inverseSchemes.base.onSecondaryContainer': { r: 93, g: 181, b: 189, a: 1 },
+    'inverseSchemes.base.primaryContainer': { r: 32, g: 73, b: 77, a: 1 },
+    'inverseSchemes.base.onPrimaryContainer': { r: 184, g: 210, b: 212, a: 1 },
+    'inverseSchemes.base.secondaryContainer': { r: 82, g: 79, b: 73, a: 1 },
+    'inverseSchemes.base.onSecondaryContainer': { r: 206, g: 203, b: 193, a: 1 },
     'inverseSchemes.status.error': { r: 242, g: 122, b: 142, a: 1 },
     'inverseSchemes.status.warning': { r: 222, g: 144, b: 66, a: 1 },
     'inverseSchemes.status.success': { r: 114, g: 186, b: 144, a: 1 },
     'inverseSchemes.status.info': { r: 107, g: 169, b: 239, a: 1 },
-    'inverseSchemes.status.onError': { r: 40, g: 18, b: 22, a: 1 },
-    'inverseSchemes.status.onWarning': { r: 64, g: 47, b: 31, a: 1 },
+    'inverseSchemes.status.onError': { r: 64, g: 18, b: 27, a: 1 },
+    'inverseSchemes.status.onWarning': { r: 68, g: 38, b: 10, a: 1 },
     'inverseSchemes.status.onInfo': { r: 24, g: 37, b: 51, a: 1 },
     'inverseSchemes.status.onSuccess': { r: 25, g: 58, b: 39, a: 1 },
-    'inverseSchemes.status.undefined': { r: 184, g: 184, b: 184, a: 1 },
-    'inverseSchemes.status.onUndefined': { r: 50, g: 50, b: 50, a: 1 },
-    'inverseSchemes.status.errorContainer': { r: 64, g: 53, b: 58, a: 1 },
+    'inverseSchemes.status.undefined': { r: 160, g: 158, b: 151, a: 1 },
+    'inverseSchemes.status.onUndefined': { r: 27, g: 28, b: 33, a: 1 },
+    'inverseSchemes.status.errorContainer': { r: 88, g: 25, b: 35, a: 1 },
     'inverseSchemes.status.successContainer': { r: 54, g: 58, b: 59, a: 1 },
-    'inverseSchemes.status.onErrorContainer': { r: 235, g: 112, b: 110, a: 1 },
+    'inverseSchemes.status.onErrorContainer': { r: 231, g: 170, b: 180, a: 1 },
     'inverseSchemes.status.onSuccessContainer': { r: 112, g: 173, b: 112, a: 1 },
-    'inverseSchemes.status.warningContainer': { r: 64, g: 53, b: 58, a: 1 },
-    'inverseSchemes.status.onWarningContainer': { r: 235, g: 112, b: 110, a: 1 },
-    'inverseSchemes.status.infoContainer': { r: 64, g: 53, b: 58, a: 1 },
-    'inverseSchemes.status.onInfoContainer': { r: 235, g: 112, b: 110, a: 1 },
-    'inverseSchemes.status.undefinedContainer': { r: 54, g: 58, b: 59, a: 1 },
-    'inverseSchemes.status.onUndefinedContainer': { r: 112, g: 173, b: 112, a: 1 },
+    'inverseSchemes.status.warningContainer': { r: 85, g: 61, b: 37, a: 1 },
+    'inverseSchemes.status.onWarningContainer': { r: 228, g: 194, b: 160, a: 1 },
+    'inverseSchemes.status.infoContainer': { r: 34, g: 61, b: 93, a: 1 },
+    'inverseSchemes.status.onInfoContainer': { r: 198, g: 218, b: 242, a: 1 },
+    'inverseSchemes.status.undefinedContainer': { r: 82, g: 79, b: 70, a: 1 },
+    'inverseSchemes.status.onUndefinedContainer': { r: 243, g: 241, b: 236, a: 1 },
 };
 export const WptkInverseStateLayersGenerated = {
     'inverseStateLayers.surfaces.surface.opacity08': { r: 51, g: 49, b: 43, a: 0.08 },
@@ -1393,16 +1397,16 @@ export const WptkInverseStateLayersGenerated = {
     'inverseStateLayers.base.onSecondaryContainer.opacity16': { r: 93, g: 181, b: 189, a: 0.16 },
     'inverseStateLayers.base.onSecondaryContainer.opacity28': { r: 93, g: 181, b: 189, a: 0.28 },
     'inverseStateLayers.base.onSecondaryContainer.opacity38': { r: 93, g: 181, b: 189, a: 0.38 },
-    'inverseStateLayers.status.onError.opacity08': { r: 40, g: 18, b: 22, a: 0.08 },
-    'inverseStateLayers.status.onError.opacity12': { r: 40, g: 18, b: 22, a: 0.12 },
-    'inverseStateLayers.status.onError.opacity16': { r: 40, g: 18, b: 22, a: 0.16 },
-    'inverseStateLayers.status.onError.opacity28': { r: 40, g: 18, b: 22, a: 0.28 },
-    'inverseStateLayers.status.onError.opacity38': { r: 40, g: 18, b: 22, a: 0.38 },
-    'inverseStateLayers.status.onWarning.opacity08': { r: 64, g: 47, b: 31, a: 0.08 },
-    'inverseStateLayers.status.onWarning.opacity12': { r: 64, g: 47, b: 31, a: 0.12 },
-    'inverseStateLayers.status.onWarning.opacity16': { r: 64, g: 47, b: 31, a: 0.2 },
-    'inverseStateLayers.status.onWarning.opacity28': { r: 64, g: 47, b: 31, a: 0.28 },
-    'inverseStateLayers.status.onWarning.opacity38': { r: 64, g: 47, b: 31, a: 0.38 },
+    'inverseStateLayers.status.onError.opacity08': { r: 64, g: 18, b: 27, a: 0.08 },
+    'inverseStateLayers.status.onError.opacity12': { r: 64, g: 18, b: 27, a: 0.12 },
+    'inverseStateLayers.status.onError.opacity16': { r: 64, g: 18, b: 27, a: 0.16 },
+    'inverseStateLayers.status.onError.opacity28': { r: 64, g: 18, b: 27, a: 0.28 },
+    'inverseStateLayers.status.onError.opacity38': { r: 64, g: 18, b: 27, a: 0.38 },
+    'inverseStateLayers.status.onWarning.opacity08': { r: 68, g: 38, b: 10, a: 0.08 },
+    'inverseStateLayers.status.onWarning.opacity12': { r: 68, g: 38, b: 10, a: 0.12 },
+    'inverseStateLayers.status.onWarning.opacity16': { r: 68, g: 38, b: 10, a: 0.2 },
+    'inverseStateLayers.status.onWarning.opacity28': { r: 68, g: 38, b: 10, a: 0.28 },
+    'inverseStateLayers.status.onWarning.opacity38': { r: 68, g: 38, b: 10, a: 0.38 },
     'inverseStateLayers.status.onInfo.opacity08': { r: 24, g: 37, b: 51, a: 0.08 },
     'inverseStateLayers.status.onInfo.opacity12': { r: 24, g: 37, b: 51, a: 0.12 },
     'inverseStateLayers.status.onInfo.opacity16': { r: 24, g: 37, b: 51, a: 0.2 },
@@ -1413,11 +1417,11 @@ export const WptkInverseStateLayersGenerated = {
     'inverseStateLayers.status.onSuccess.opacity16': { r: 25, g: 58, b: 39, a: 0.2 },
     'inverseStateLayers.status.onSuccess.opacity28': { r: 25, g: 58, b: 39, a: 0.28 },
     'inverseStateLayers.status.onSuccess.opacity38': { r: 25, g: 58, b: 39, a: 0.38 },
-    'inverseStateLayers.status.onUndefined.opacity08': { r: 50, g: 50, b: 50, a: 0.08 },
-    'inverseStateLayers.status.onUndefined.opacity12': { r: 50, g: 50, b: 50, a: 0.12 },
-    'inverseStateLayers.status.onUndefined.opacity20': { r: 50, g: 50, b: 50, a: 0.2 },
-    'inverseStateLayers.status.onUndefined.opacity28': { r: 50, g: 50, b: 50, a: 0.28 },
-    'inverseStateLayers.status.onUndefined.opacity38': { r: 50, g: 50, b: 50, a: 0.38 },
+    'inverseStateLayers.status.onUndefined.opacity08': { r: 27, g: 28, b: 33, a: 0.08 },
+    'inverseStateLayers.status.onUndefined.opacity12': { r: 27, g: 28, b: 33, a: 0.12 },
+    'inverseStateLayers.status.onUndefined.opacity20': { r: 27, g: 28, b: 33, a: 0.2 },
+    'inverseStateLayers.status.onUndefined.opacity28': { r: 27, g: 28, b: 33, a: 0.28 },
+    'inverseStateLayers.status.onUndefined.opacity38': { r: 27, g: 28, b: 33, a: 0.38 },
     'inverseStateLayers.status.error.opacity08': { r: 242, g: 122, b: 142, a: 0.08 },
     'inverseStateLayers.status.error.opacity12': { r: 242, g: 122, b: 142, a: 0.12 },
     'inverseStateLayers.status.error.opacity16': { r: 242, g: 122, b: 142, a: 0.2 },
@@ -1428,36 +1432,36 @@ export const WptkInverseStateLayersGenerated = {
     'inverseStateLayers.status.success.opacity16': { r: 114, g: 186, b: 144, a: 0.2 },
     'inverseStateLayers.status.success.opacity28': { r: 114, g: 186, b: 144, a: 0.28 },
     'inverseStateLayers.status.success.opacity38': { r: 114, g: 186, b: 144, a: 0.38 },
-    'inverseStateLayers.status.undefined.opacity08': { r: 184, g: 184, b: 184, a: 0.08 },
-    'inverseStateLayers.status.undefined.opacity12': { r: 184, g: 184, b: 184, a: 0.12 },
-    'inverseStateLayers.status.undefined.opacity16': { r: 184, g: 184, b: 184, a: 0.2 },
-    'inverseStateLayers.status.undefined.opacity28': { r: 184, g: 184, b: 184, a: 0.28 },
-    'inverseStateLayers.status.undefined.opacity38': { r: 184, g: 184, b: 184, a: 0.38 },
-    'inverseStateLayers.status.onErrorContainer.opacity08': { r: 235, g: 112, b: 110, a: 0.08 },
-    'inverseStateLayers.status.onErrorContainer.opacity12': { r: 235, g: 112, b: 110, a: 0.12 },
-    'inverseStateLayers.status.onErrorContainer.opacity16': { r: 235, g: 112, b: 110, a: 0.16 },
-    'inverseStateLayers.status.onErrorContainer.opacity28': { r: 235, g: 112, b: 110, a: 0.28 },
-    'inverseStateLayers.status.onErrorContainer.opacity38': { r: 235, g: 112, b: 110, a: 0.38 },
+    'inverseStateLayers.status.undefined.opacity08': { r: 160, g: 158, b: 151, a: 0.08 },
+    'inverseStateLayers.status.undefined.opacity12': { r: 160, g: 158, b: 151, a: 0.12 },
+    'inverseStateLayers.status.undefined.opacity16': { r: 160, g: 158, b: 151, a: 0.2 },
+    'inverseStateLayers.status.undefined.opacity28': { r: 160, g: 158, b: 151, a: 0.28 },
+    'inverseStateLayers.status.undefined.opacity38': { r: 160, g: 158, b: 151, a: 0.38 },
+    'inverseStateLayers.status.onErrorContainer.opacity08': { r: 231, g: 170, b: 180, a: 0.08 },
+    'inverseStateLayers.status.onErrorContainer.opacity12': { r: 231, g: 170, b: 180, a: 0.12 },
+    'inverseStateLayers.status.onErrorContainer.opacity16': { r: 231, g: 170, b: 180, a: 0.16 },
+    'inverseStateLayers.status.onErrorContainer.opacity28': { r: 231, g: 170, b: 180, a: 0.28 },
+    'inverseStateLayers.status.onErrorContainer.opacity38': { r: 231, g: 170, b: 180, a: 0.38 },
     'inverseStateLayers.status.onSuccessContainer.opacity08': { r: 112, g: 173, b: 112, a: 0.08 },
     'inverseStateLayers.status.onSuccessContainer.opacity12': { r: 112, g: 173, b: 112, a: 0.12 },
     'inverseStateLayers.status.onSuccessContainer.opacity16': { r: 112, g: 173, b: 112, a: 0.12 },
     'inverseStateLayers.status.onSuccessContainer.opacity28': { r: 112, g: 173, b: 112, a: 0.28 },
     'inverseStateLayers.status.onSuccessContainer.opacity38': { r: 112, g: 173, b: 112, a: 0.38 },
-    'inverseStateLayers.status.onWarningContainer.opacity08': { r: 64, g: 47, b: 31, a: 0.08 },
-    'inverseStateLayers.status.onWarningContainer.opacity12': { r: 64, g: 47, b: 31, a: 0.12 },
-    'inverseStateLayers.status.onWarningContainer.opacity16': { r: 64, g: 47, b: 31, a: 0.2 },
-    'inverseStateLayers.status.onWarningContainer.opacity28': { r: 64, g: 47, b: 31, a: 0.28 },
-    'inverseStateLayers.status.onWarningContainer.opacity38': { r: 64, g: 47, b: 31, a: 0.38 },
-    'inverseStateLayers.status.onInfoContainer.opacity08': { r: 24, g: 37, b: 51, a: 0.08 },
-    'inverseStateLayers.status.onInfoContainer.opacity12': { r: 24, g: 37, b: 51, a: 0.12 },
-    'inverseStateLayers.status.onInfoContainer.opacity16': { r: 24, g: 37, b: 51, a: 0.16 },
-    'inverseStateLayers.status.onInfoContainer.opacity28': { r: 24, g: 37, b: 51, a: 0.28 },
-    'inverseStateLayers.status.onInfoContainer.opacity38': { r: 24, g: 37, b: 51, a: 0.38 },
-    'inverseStateLayers.status.onUndefinedContainer.opacity08': { r: 50, g: 50, b: 50, a: 0.08 },
-    'inverseStateLayers.status.onUndefinedContainer.opacity12': { r: 50, g: 50, b: 50, a: 0.12 },
-    'inverseStateLayers.status.onUndefinedContainer.opacity16': { r: 50, g: 50, b: 50, a: 0.16 },
-    'inverseStateLayers.status.onUndefinedContainer.opacity28': { r: 50, g: 50, b: 50, a: 0.28 },
-    'inverseStateLayers.status.onUndefinedContainer.opacity38': { r: 50, g: 50, b: 50, a: 0.38 },
+    'inverseStateLayers.status.onWarningContainer.opacity08': { r: 228, g: 194, b: 160, a: 0.08 },
+    'inverseStateLayers.status.onWarningContainer.opacity12': { r: 228, g: 194, b: 160, a: 0.12 },
+    'inverseStateLayers.status.onWarningContainer.opacity16': { r: 228, g: 194, b: 160, a: 0.2 },
+    'inverseStateLayers.status.onWarningContainer.opacity28': { r: 228, g: 194, b: 160, a: 0.28 },
+    'inverseStateLayers.status.onWarningContainer.opacity38': { r: 228, g: 194, b: 160, a: 0.38 },
+    'inverseStateLayers.status.onInfoContainer.opacity08': { r: 198, g: 218, b: 242, a: 0.08 },
+    'inverseStateLayers.status.onInfoContainer.opacity12': { r: 198, g: 218, b: 242, a: 0.12 },
+    'inverseStateLayers.status.onInfoContainer.opacity16': { r: 198, g: 218, b: 242, a: 0.16 },
+    'inverseStateLayers.status.onInfoContainer.opacity28': { r: 198, g: 218, b: 242, a: 0.28 },
+    'inverseStateLayers.status.onInfoContainer.opacity38': { r: 198, g: 218, b: 242, a: 0.38 },
+    'inverseStateLayers.status.onUndefinedContainer.opacity08': { r: 243, g: 241, b: 236, a: 0.08 },
+    'inverseStateLayers.status.onUndefinedContainer.opacity12': { r: 243, g: 241, b: 236, a: 0.12 },
+    'inverseStateLayers.status.onUndefinedContainer.opacity16': { r: 243, g: 241, b: 236, a: 0.16 },
+    'inverseStateLayers.status.onUndefinedContainer.opacity28': { r: 243, g: 241, b: 236, a: 0.28 },
+    'inverseStateLayers.status.onUndefinedContainer.opacity38': { r: 243, g: 241, b: 236, a: 0.38 },
     'inverseStateLayers.status.info.opacity08': { r: 107, g: 169, b: 239, a: 0.08 },
     'inverseStateLayers.status.info.opacity12': { r: 107, g: 169, b: 239, a: 0.12 },
     'inverseStateLayers.status.info.opacity16': { r: 107, g: 169, b: 239, a: 0.2 },

package/dist/src/tokens/colors/stateLayers.d.ts

@@ -385,6 +385,8 @@ export type StateLayers = {
             opacity16: string;
             opacity48: string;
             opacity10: string;
+            opacity76: string;
+            opacity58: string;
         };
         surfaceContainerHighest: {
             opacity08: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@webpros/mui-theme",
   "description": "MUI v7 theme for WebPros products",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -123,4 +123,4 @@
   "resolutions": {
     "react-is": "^18.3.1"
   }
-}
+}