@webpros/mui-theme 0.4.0 → 0.4.2

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

@@ -4,7 +4,7 @@ export const LightSchemes = {
     base: {
         primary: 'rgba(95, 77, 152, 1)',
         onPrimary: 'rgba(255, 255, 255, 1)',
-        primaryContainer: 'rgba(227, 224, 252, 1)',
+        primaryContainer: 'rgba(231, 228, 255, 1)',
         onPrimaryContainer: 'rgba(84, 66, 138, 1)',
         secondary: 'rgba(95, 102, 144, 1)',
         onSecondary: 'rgba(255, 255, 255, 1)',
@@ -23,7 +23,7 @@ export const LightSchemes = {
         surfaceTint: 'rgba(86, 77, 130, 1)',
         background: 'rgba(233, 235, 246, 1)',
         onBackground: 'rgba(27, 28, 33, 1)',
-        surface: 'rgba(235, 235, 244, 1)',
+        surface: 'rgba(238, 238, 246, 1)',
         onSurface: 'rgba(27, 28, 33, 1)',
         surfaceVariant: 'rgba(247, 247, 252, 1)',
         onSurfaceVariant: 'rgba(83, 86, 111, 1)',
@@ -60,10 +60,10 @@ export const LightSchemes = {
         successContainer: 'rgba(225, 245, 227, 1)',
         onSuccessContainer: 'rgba(53, 84, 54, 1)',
         success: 'rgba(67, 125, 70, 1)',
-        undefined: 'rgba(119, 146, 159, 1)',
+        undefined: 'rgba(83, 86, 111, 1)',
         onUndefined: 'rgba(255, 255, 255, 1)',
-        undefinedContainer: 'rgba(246, 247, 249, 1)',
-        onUndefinedContainer: 'rgba(55, 82, 94, 1)',
+        undefinedContainer: 'rgba(238, 238, 241, 1)',
+        onUndefinedContainer: 'rgba(27, 28, 33, 1)',
     },
     fixed: {
         primaryFixed: 'rgba(226, 223, 255, 1)',
@@ -80,7 +80,7 @@ export const LightSchemes = {
         onTertiaryFixedVariant: 'rgba(60, 85, 96, 1)',
         errorFixedDim: 'rgba(239, 83, 80, 1)',
         warningFixedDim: 'rgba(255, 152, 0, 1)',
-        infoFixedDim: 'rgba(3, 169, 244, 1)',
+        infoFixedDim: 'rgba(70, 140, 197, 1)',
         successFixedDim: 'rgba(76, 175, 80, 1)',
     },
     charts: {
@@ -128,10 +128,10 @@ export const LightStateLayers = {
             opacity28: 'rgba(255, 255, 255, 0.28)',
         },
         primaryContainer: {
-            opacity08: 'rgba(227, 224, 252, 0.08)',
-            opacity12: 'rgba(227, 224, 252, 0.12)',
-            opacity16: 'rgba(227, 224, 252, 0.16)',
-            opacity10: 'rgba(227, 224, 252, 0.1)',
+            opacity08: 'rgba(231, 228, 255, 0.08)',
+            opacity12: 'rgba(231, 228, 255, 0.12)',
+            opacity16: 'rgba(231, 228, 255, 0.16)',
+            opacity10: 'rgba(231, 228, 255, 0.1)',
         },
         onPrimaryContainer: {
             opacity08: 'rgba(84, 66, 138, 0.08)',
@@ -383,19 +383,19 @@ export const LightStateLayers = {
             opacity28: 'rgba(255, 255, 255, 0.28)',
         },
         onUndefinedContainer: {
-            opacity08: 'rgba(55, 82, 94, 0.08)',
-            opacity12: 'rgba(55, 82, 94, 0.12)',
-            opacity16: 'rgba(55, 82, 94, 0.16)',
-            opacity20: 'rgba(55, 82, 94, 0.2)',
-            opacity38: 'rgba(55, 82, 94, 0.38)',
-            opacity28: 'rgba(55, 82, 94, 0.28)',
+            opacity08: 'rgba(27, 28, 33, 0.08)',
+            opacity12: 'rgba(27, 28, 33, 0.12)',
+            opacity16: 'rgba(27, 28, 33, 0.16)',
+            opacity20: 'rgba(27, 28, 33, 0.2)',
+            opacity38: 'rgba(27, 28, 33, 0.38)',
+            opacity28: 'rgba(27, 28, 33, 0.28)',
         },
         undefined: {
-            opacity08: 'rgba(119, 146, 159, 0.08)',
-            opacity12: 'rgba(119, 146, 159, 0.12)',
-            opacity16: 'rgba(119, 146, 159, 0.16)',
-            opacity28: 'rgba(119, 146, 159, 0.2)',
-            opacity48: 'rgba(119, 146, 159, 0.48)',
+            opacity08: 'rgba(83, 86, 111, 0.08)',
+            opacity12: 'rgba(83, 86, 111, 0.12)',
+            opacity16: 'rgba(83, 86, 111, 0.16)',
+            opacity28: 'rgba(83, 86, 111, 0.2)',
+            opacity48: 'rgba(83, 86, 111, 0.48)',
         },
         warningContainer: {
             opacity08: 'rgba(255, 239, 210, 0.08)',
@@ -416,9 +416,9 @@ export const LightStateLayers = {
             opacity38: 'rgba(219, 240, 255, 0.38)',
         },
         undefinedContainer: {
-            opacity08: 'rgba(246, 247, 249, 0.08)',
-            opacity12: 'rgba(246, 247, 249, 0.12)',
-            opacity16: 'rgba(246, 247, 249, 0.16)',
+            opacity08: 'rgba(238, 238, 241, 0.08)',
+            opacity12: 'rgba(238, 238, 241, 0.12)',
+            opacity16: 'rgba(238, 238, 241, 0.16)',
         },
     },
     surfaces: {
@@ -457,7 +457,7 @@ export const LightStateLayers = {
             opacity16: 'rgba(27, 28, 33, 0.08)',
             opacity48: 'rgba(27, 27, 33, 0.48)',
             opacity28: 'rgba(27, 27, 33, 0.2)',
-            opacity06: 'rgba(27, 27, 33, 0.06)',
+            opacity06: 'rgba(27, 27, 33, 0.03)',
             opacity38: 'rgba(27, 27, 33, 0.38)',
             opacity10: 'rgba(27, 28, 33, 0.1)',
             opacity20: 'rgba(27, 28, 33, 0.16)',
@@ -494,6 +494,8 @@ export const LightStateLayers = {
             opacity16: 'rgba(63, 58, 80, 0.16)',
             opacity48: 'rgba(63, 58, 80, 0.48)',
             opacity10: 'rgba(63, 58, 80, 0.1)',
+            opacity76: 'rgba(63, 58, 80, 0.76)',
+            opacity58: 'rgba(63, 58, 80, 0.58)',
         },
         surfaceContainerHighest: {
             opacity08: 'rgba(227, 227, 230, 0.08)',
@@ -602,8 +604,8 @@ export const LightInverseSchemes = {
         onWarning: 'rgba(48, 28, 10, 1)',
         onInfo: 'rgba(14, 36, 56, 1)',
         onSuccess: 'rgba(12, 50, 11, 1)',
-        undefined: 'rgba(173, 180, 183, 1)',
-        onUndefined: 'rgba(36, 42, 45, 1)',
+        undefined: 'rgba(167, 166, 170, 1)',
+        onUndefined: 'rgba(27, 28, 33, 1)',
         errorContainer: 'rgba(107, 41, 40, 1)',
         successContainer: 'rgba(59, 80, 59, 1)',
         onErrorContainer: 'rgba(229, 153, 151, 1)',
@@ -612,8 +614,8 @@ export const LightInverseSchemes = {
         onWarningContainer: 'rgba(229, 202, 175, 1)',
         infoContainer: 'rgba(39, 85, 123, 1)',
         onInfoContainer: 'rgba(200, 223, 239, 1)',
-        undefinedContainer: 'rgba(67, 84, 92, 1)',
-        onUndefinedContainer: 'rgba(204, 204, 204, 1)',
+        undefinedContainer: 'rgba(72, 70, 82, 1)',
+        onUndefinedContainer: 'rgba(245, 239, 247, 1)',
     },
 };
 export const LightInverseStateLayers = {
@@ -723,11 +725,11 @@ export const LightInverseStateLayers = {
             opacity38: 'rgba(12, 50, 11, 0.38)',
         },
         onUndefined: {
-            opacity08: 'rgba(36, 42, 45, 0.08)',
-            opacity12: 'rgba(36, 42, 45, 0.12)',
-            opacity20: 'rgba(36, 42, 45, 0.2)',
-            opacity28: 'rgba(36, 42, 45, 0.28)',
-            opacity38: 'rgba(36, 42, 45, 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(235, 112, 110, 0.08)',
@@ -744,11 +746,11 @@ export const LightInverseStateLayers = {
             opacity38: 'rgba(112, 173, 112, 0.38)',
         },
         undefined: {
-            opacity08: 'rgba(173, 180, 183, 0.08)',
-            opacity12: 'rgba(173, 180, 183, 0.12)',
-            opacity16: 'rgba(173, 180, 183, 0.2)',
-            opacity28: 'rgba(173, 180, 183, 0.28)',
-            opacity38: 'rgba(173, 180, 183, 0.38)',
+            opacity08: 'rgba(167, 166, 170, 0.08)',
+            opacity12: 'rgba(167, 166, 170, 0.12)',
+            opacity16: 'rgba(167, 166, 170, 0.2)',
+            opacity28: 'rgba(167, 166, 170, 0.28)',
+            opacity38: 'rgba(167, 166, 170, 0.38)',
         },
         onErrorContainer: {
             opacity08: 'rgba(229, 153, 151, 0.08)',
@@ -779,11 +781,11 @@ export const LightInverseStateLayers = {
             opacity38: 'rgba(200, 223, 239, 0.38)',
         },
         onUndefinedContainer: {
-            opacity08: 'rgba(206, 211, 214, 0.08)',
-            opacity12: 'rgba(206, 211, 214, 0.12)',
-            opacity16: 'rgba(206, 211, 214, 0.16)',
-            opacity28: 'rgba(206, 211, 214, 0.28)',
-            opacity38: 'rgba(206, 211, 214, 0.38)',
+            opacity08: 'rgba(245, 239, 247, 0.08)',
+            opacity12: 'rgba(245, 239, 247, 0.12)',
+            opacity16: 'rgba(245, 239, 247, 0.16)',
+            opacity28: 'rgba(245, 239, 247, 0.28)',
+            opacity38: 'rgba(245, 239, 247, 0.38)',
         },
         info: {
             opacity08: 'rgba(107, 180, 239, 0.08)',
@@ -843,7 +845,7 @@ export const LightOnPrimaryStateLayers = {
 export const LightSchemesGenerated = {
     'schemes.base.primary': { r: 95, g: 77, b: 152, a: 1 },
     'schemes.base.onPrimary': { r: 255, g: 255, b: 255, a: 1 },
-    'schemes.base.primaryContainer': { r: 227, g: 224, b: 252, a: 1 },
+    'schemes.base.primaryContainer': { r: 231, g: 228, b: 255, a: 1 },
     'schemes.base.onPrimaryContainer': { r: 84, g: 66, b: 138, a: 1 },
     'schemes.base.secondary': { r: 95, g: 102, b: 144, a: 1 },
     'schemes.base.onSecondary': { r: 255, g: 255, b: 255, a: 1 },
@@ -860,7 +862,7 @@ export const LightSchemesGenerated = {
     'schemes.surfaces.surfaceTint': { r: 86, g: 77, b: 130, a: 1 },
     'schemes.surfaces.background': { r: 233, g: 235, b: 246, a: 1 },
     'schemes.surfaces.onBackground': { r: 27, g: 28, b: 33, a: 1 },
-    'schemes.surfaces.surface': { r: 235, g: 235, b: 244, a: 1 },
+    'schemes.surfaces.surface': { r: 238, g: 238, b: 246, a: 1 },
     'schemes.surfaces.onSurface': { r: 27, g: 28, b: 33, a: 1 },
     'schemes.surfaces.surfaceVariant': { r: 247, g: 247, b: 252, a: 1 },
     'schemes.surfaces.onSurfaceVariant': { r: 83, g: 86, b: 111, a: 1 },
@@ -895,10 +897,10 @@ export const LightSchemesGenerated = {
     'schemes.status.successContainer': { r: 225, g: 245, b: 227, a: 1 },
     'schemes.status.onSuccessContainer': { r: 53, g: 84, b: 54, a: 1 },
     'schemes.status.success': { r: 67, g: 125, b: 70, a: 1 },
-    'schemes.status.undefined': { r: 119, g: 146, b: 159, a: 1 },
+    'schemes.status.undefined': { r: 83, g: 86, b: 111, a: 1 },
     'schemes.status.onUndefined': { r: 255, g: 255, b: 255, a: 1 },
-    'schemes.status.undefinedContainer': { r: 246, g: 247, b: 249, a: 1 },
-    'schemes.status.onUndefinedContainer': { r: 55, g: 82, b: 94, a: 1 },
+    'schemes.status.undefinedContainer': { r: 238, g: 238, b: 241, a: 1 },
+    'schemes.status.onUndefinedContainer': { r: 27, g: 28, b: 33, a: 1 },
     'schemes.fixed.primaryFixed': { r: 226, g: 223, b: 255, a: 1 },
     'schemes.fixed.onPrimaryFixed': { r: 22, g: 19, b: 74, a: 1 },
     'schemes.fixed.primaryFixedDim': { r: 195, g: 192, b: 255, a: 1 },
@@ -913,7 +915,7 @@ export const LightSchemesGenerated = {
     'schemes.fixed.onTertiaryFixedVariant': { r: 60, g: 85, b: 96, a: 1 },
     'schemes.fixed.errorFixedDim': { r: 239, g: 83, b: 80, a: 1 },
     'schemes.fixed.warningFixedDim': { r: 255, g: 152, b: 0, a: 1 },
-    'schemes.fixed.infoFixedDim': { r: 3, g: 169, b: 244, a: 1 },
+    'schemes.fixed.infoFixedDim': { r: 70, g: 140, b: 197, a: 1 },
     'schemes.fixed.successFixedDim': { r: 76, g: 175, b: 80, a: 1 },
     'schemes.charts.chart01': { r: 219, g: 224, b: 226, a: 1 },
     'schemes.charts.chart02': { r: 76, g: 182, b: 170, a: 1 },
@@ -950,10 +952,10 @@ export const LightStateLayersGenerated = {
     'stateLayers.base.onPrimary.opacity10': { r: 255, g: 255, b: 255, a: 0.1 },
     'stateLayers.base.onPrimary.opacity38': { r: 255, g: 255, b: 255, a: 0.38 },
     'stateLayers.base.onPrimary.opacity28': { r: 255, g: 255, b: 255, a: 0.28 },
-    'stateLayers.base.primaryContainer.opacity08': { r: 227, g: 224, b: 252, a: 0.08 },
-    'stateLayers.base.primaryContainer.opacity12': { r: 227, g: 224, b: 252, a: 0.12 },
-    'stateLayers.base.primaryContainer.opacity16': { r: 227, g: 224, b: 252, a: 0.16 },
-    'stateLayers.base.primaryContainer.opacity10': { r: 227, g: 224, b: 252, a: 0.1 },
+    'stateLayers.base.primaryContainer.opacity08': { r: 231, g: 228, b: 255, a: 0.08 },
+    'stateLayers.base.primaryContainer.opacity12': { r: 231, g: 228, b: 255, a: 0.12 },
+    'stateLayers.base.primaryContainer.opacity16': { r: 231, g: 228, b: 255, a: 0.16 },
+    'stateLayers.base.primaryContainer.opacity10': { r: 231, g: 228, b: 255, a: 0.1 },
     'stateLayers.base.onPrimaryContainer.opacity08': { r: 84, g: 66, b: 138, a: 0.08 },
     'stateLayers.base.onPrimaryContainer.opacity12': { r: 84, g: 66, b: 138, a: 0.12 },
     'stateLayers.base.onPrimaryContainer.opacity16': { r: 84, g: 66, b: 138, a: 0.16 },
@@ -1129,17 +1131,17 @@ export const LightStateLayersGenerated = {
     '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: 55, g: 82, b: 94, a: 0.08 },
-    'stateLayers.status.onUndefinedContainer.opacity12': { r: 55, g: 82, b: 94, a: 0.12 },
-    'stateLayers.status.onUndefinedContainer.opacity16': { r: 55, g: 82, b: 94, a: 0.16 },
-    'stateLayers.status.onUndefinedContainer.opacity20': { r: 55, g: 82, b: 94, a: 0.2 },
-    'stateLayers.status.onUndefinedContainer.opacity38': { r: 55, g: 82, b: 94, a: 0.38 },
-    'stateLayers.status.onUndefinedContainer.opacity28': { r: 55, g: 82, b: 94, a: 0.28 },
-    'stateLayers.status.undefined.opacity08': { r: 119, g: 146, b: 159, a: 0.08 },
-    'stateLayers.status.undefined.opacity12': { r: 119, g: 146, b: 159, a: 0.12 },
-    'stateLayers.status.undefined.opacity16': { r: 119, g: 146, b: 159, a: 0.16 },
-    'stateLayers.status.undefined.opacity28': { r: 119, g: 146, b: 159, a: 0.2 },
-    'stateLayers.status.undefined.opacity48': { r: 119, g: 146, b: 159, a: 0.48 },
+    'stateLayers.status.onUndefinedContainer.opacity08': { r: 27, g: 28, b: 33, a: 0.08 },
+    'stateLayers.status.onUndefinedContainer.opacity12': { r: 27, g: 28, b: 33, a: 0.12 },
+    'stateLayers.status.onUndefinedContainer.opacity16': { r: 27, g: 28, b: 33, a: 0.16 },
+    'stateLayers.status.onUndefinedContainer.opacity20': { r: 27, g: 28, b: 33, a: 0.2 },
+    'stateLayers.status.onUndefinedContainer.opacity38': { r: 27, g: 28, b: 33, a: 0.38 },
+    'stateLayers.status.onUndefinedContainer.opacity28': { r: 27, g: 28, b: 33, a: 0.28 },
+    'stateLayers.status.undefined.opacity08': { r: 83, g: 86, b: 111, a: 0.08 },
+    'stateLayers.status.undefined.opacity12': { r: 83, g: 86, b: 111, a: 0.12 },
+    'stateLayers.status.undefined.opacity16': { r: 83, g: 86, b: 111, a: 0.16 },
+    'stateLayers.status.undefined.opacity28': { r: 83, g: 86, b: 111, a: 0.2 },
+    'stateLayers.status.undefined.opacity48': { r: 83, g: 86, b: 111, a: 0.48 },
     'stateLayers.status.warningContainer.opacity08': { r: 255, g: 239, b: 210, a: 0.08 },
     'stateLayers.status.warningContainer.opacity12': { r: 255, g: 239, b: 210, a: 0.12 },
     'stateLayers.status.warningContainer.opacity16': { r: 255, g: 239, b: 210, a: 0.16 },
@@ -1152,9 +1154,9 @@ export const LightStateLayersGenerated = {
     'stateLayers.status.infoContainer.opacity12': { r: 219, g: 240, b: 255, a: 0.12 },
     'stateLayers.status.infoContainer.opacity16': { r: 219, g: 240, b: 255, a: 0.16 },
     'stateLayers.status.infoContainer.opacity38': { r: 219, g: 240, b: 255, a: 0.38 },
-    'stateLayers.status.undefinedContainer.opacity08': { r: 246, g: 247, b: 249, a: 0.08 },
-    'stateLayers.status.undefinedContainer.opacity12': { r: 246, g: 247, b: 249, a: 0.12 },
-    'stateLayers.status.undefinedContainer.opacity16': { r: 246, g: 247, b: 249, a: 0.16 },
+    'stateLayers.status.undefinedContainer.opacity08': { r: 238, g: 238, b: 241, a: 0.08 },
+    'stateLayers.status.undefinedContainer.opacity12': { r: 238, g: 238, b: 241, a: 0.12 },
+    'stateLayers.status.undefinedContainer.opacity16': { r: 238, g: 238, b: 241, a: 0.16 },
     'stateLayers.surfaces.outline.opacity08': { r: 204, g: 205, b: 207, a: 0.08 },
     'stateLayers.surfaces.outline.opacity12': { r: 204, g: 205, b: 207, a: 0.12 },
     'stateLayers.surfaces.outline.opacity16': { r: 204, g: 205, b: 207, a: 0.16 },
@@ -1181,7 +1183,7 @@ export const LightStateLayersGenerated = {
     'stateLayers.surfaces.onSurface.opacity16': { r: 27, g: 28, b: 33, a: 0.08 },
     'stateLayers.surfaces.onSurface.opacity48': { r: 27, g: 27, b: 33, a: 0.48 },
     'stateLayers.surfaces.onSurface.opacity28': { r: 27, g: 27, b: 33, a: 0.2 },
-    'stateLayers.surfaces.onSurface.opacity06': { r: 27, g: 27, b: 33, a: 0.06 },
+    'stateLayers.surfaces.onSurface.opacity06': { r: 27, g: 27, b: 33, a: 0.03 },
     'stateLayers.surfaces.onSurface.opacity38': { r: 27, g: 27, b: 33, a: 0.38 },
     'stateLayers.surfaces.onSurface.opacity10': { r: 27, g: 28, b: 33, a: 0.1 },
     'stateLayers.surfaces.onSurface.opacity20': { r: 27, g: 28, b: 33, a: 0.16 },
@@ -1208,6 +1210,8 @@ export const LightStateLayersGenerated = {
     'stateLayers.surfaces.scrim.opacity16': { r: 63, g: 58, b: 80, a: 0.16 },
     'stateLayers.surfaces.scrim.opacity48': { r: 63, g: 58, b: 80, a: 0.48 },
     'stateLayers.surfaces.scrim.opacity10': { r: 63, g: 58, b: 80, a: 0.1 },
+    'stateLayers.surfaces.scrim.opacity76': { r: 63, g: 58, b: 80, a: 0.76 },
+    'stateLayers.surfaces.scrim.opacity58': { r: 63, g: 58, b: 80, a: 0.58 },
     'stateLayers.surfaces.surfaceContainerHighest.opacity08': { r: 227, g: 227, b: 230, a: 0.08 },
     'stateLayers.surfaces.surfaceContainerHighest.opacity12': { r: 227, g: 227, b: 230, a: 0.12 },
     'stateLayers.surfaces.surfaceContainerHighest.opacity16': { r: 227, g: 227, b: 230, a: 0.16 },
@@ -1287,8 +1291,8 @@ export const LightInverseSchemesGenerated = {
     'inverseSchemes.status.onWarning': { r: 48, g: 28, b: 10, a: 1 },
     'inverseSchemes.status.onInfo': { r: 14, g: 36, b: 56, a: 1 },
     'inverseSchemes.status.onSuccess': { r: 12, g: 50, b: 11, a: 1 },
-    'inverseSchemes.status.undefined': { r: 173, g: 180, b: 183, a: 1 },
-    'inverseSchemes.status.onUndefined': { r: 36, g: 42, b: 45, a: 1 },
+    'inverseSchemes.status.undefined': { r: 167, g: 166, b: 170, a: 1 },
+    'inverseSchemes.status.onUndefined': { r: 27, g: 28, b: 33, a: 1 },
     'inverseSchemes.status.errorContainer': { r: 107, g: 41, b: 40, a: 1 },
     'inverseSchemes.status.successContainer': { r: 59, g: 80, b: 59, a: 1 },
     'inverseSchemes.status.onErrorContainer': { r: 229, g: 153, b: 151, a: 1 },
@@ -1297,8 +1301,8 @@ export const LightInverseSchemesGenerated = {
     'inverseSchemes.status.onWarningContainer': { r: 229, g: 202, b: 175, a: 1 },
     'inverseSchemes.status.infoContainer': { r: 39, g: 85, b: 123, a: 1 },
     'inverseSchemes.status.onInfoContainer': { r: 200, g: 223, b: 239, a: 1 },
-    'inverseSchemes.status.undefinedContainer': { r: 67, g: 84, b: 92, a: 1 },
-    'inverseSchemes.status.onUndefinedContainer': { r: 204, g: 204, b: 204, a: 1 },
+    'inverseSchemes.status.undefinedContainer': { r: 72, g: 70, b: 82, a: 1 },
+    'inverseSchemes.status.onUndefinedContainer': { r: 245, g: 239, b: 247, a: 1 },
 };
 export const LightInverseStateLayersGenerated = {
     'inverseStateLayers.surfaces.surface.opacity08': { r: 49, g: 48, b: 54, a: 0.08 },
@@ -1383,11 +1387,11 @@ export const LightInverseStateLayersGenerated = {
     'inverseStateLayers.status.onSuccess.opacity16': { r: 12, g: 50, b: 11, a: 0.2 },
     'inverseStateLayers.status.onSuccess.opacity28': { r: 12, g: 50, b: 11, a: 0.28 },
     'inverseStateLayers.status.onSuccess.opacity38': { r: 12, g: 50, b: 11, a: 0.38 },
-    'inverseStateLayers.status.onUndefined.opacity08': { r: 36, g: 42, b: 45, a: 0.08 },
-    'inverseStateLayers.status.onUndefined.opacity12': { r: 36, g: 42, b: 45, a: 0.12 },
-    'inverseStateLayers.status.onUndefined.opacity20': { r: 36, g: 42, b: 45, a: 0.2 },
-    'inverseStateLayers.status.onUndefined.opacity28': { r: 36, g: 42, b: 45, a: 0.28 },
-    'inverseStateLayers.status.onUndefined.opacity38': { r: 36, g: 42, b: 45, 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: 235, g: 112, b: 110, a: 0.08 },
     'inverseStateLayers.status.error.opacity12': { r: 235, g: 112, b: 110, a: 0.12 },
     'inverseStateLayers.status.error.opacity16': { r: 235, g: 112, b: 110, a: 0.2 },
@@ -1398,11 +1402,11 @@ export const LightInverseStateLayersGenerated = {
     'inverseStateLayers.status.success.opacity16': { r: 112, g: 173, b: 112, a: 0.2 },
     'inverseStateLayers.status.success.opacity28': { r: 112, g: 173, b: 112, a: 0.28 },
     'inverseStateLayers.status.success.opacity38': { r: 112, g: 173, b: 112, a: 0.38 },
-    'inverseStateLayers.status.undefined.opacity08': { r: 173, g: 180, b: 183, a: 0.08 },
-    'inverseStateLayers.status.undefined.opacity12': { r: 173, g: 180, b: 183, a: 0.12 },
-    'inverseStateLayers.status.undefined.opacity16': { r: 173, g: 180, b: 183, a: 0.2 },
-    'inverseStateLayers.status.undefined.opacity28': { r: 173, g: 180, b: 183, a: 0.28 },
-    'inverseStateLayers.status.undefined.opacity38': { r: 173, g: 180, b: 183, a: 0.38 },
+    'inverseStateLayers.status.undefined.opacity08': { r: 167, g: 166, b: 170, a: 0.08 },
+    'inverseStateLayers.status.undefined.opacity12': { r: 167, g: 166, b: 170, a: 0.12 },
+    'inverseStateLayers.status.undefined.opacity16': { r: 167, g: 166, b: 170, a: 0.2 },
+    'inverseStateLayers.status.undefined.opacity28': { r: 167, g: 166, b: 170, a: 0.28 },
+    'inverseStateLayers.status.undefined.opacity38': { r: 167, g: 166, b: 170, a: 0.38 },
     'inverseStateLayers.status.onErrorContainer.opacity08': { r: 229, g: 153, b: 151, a: 0.08 },
     'inverseStateLayers.status.onErrorContainer.opacity12': { r: 229, g: 153, b: 151, a: 0.12 },
     'inverseStateLayers.status.onErrorContainer.opacity16': { r: 229, g: 153, b: 151, a: 0.16 },
@@ -1423,11 +1427,11 @@ export const LightInverseStateLayersGenerated = {
     'inverseStateLayers.status.onInfoContainer.opacity16': { r: 200, g: 223, b: 239, a: 0.16 },
     'inverseStateLayers.status.onInfoContainer.opacity28': { r: 200, g: 223, b: 239, a: 0.28 },
     'inverseStateLayers.status.onInfoContainer.opacity38': { r: 200, g: 223, b: 239, a: 0.38 },
-    'inverseStateLayers.status.onUndefinedContainer.opacity08': { r: 206, g: 211, b: 214, a: 0.08 },
-    'inverseStateLayers.status.onUndefinedContainer.opacity12': { r: 206, g: 211, b: 214, a: 0.12 },
-    'inverseStateLayers.status.onUndefinedContainer.opacity16': { r: 206, g: 211, b: 214, a: 0.16 },
-    'inverseStateLayers.status.onUndefinedContainer.opacity28': { r: 206, g: 211, b: 214, a: 0.28 },
-    'inverseStateLayers.status.onUndefinedContainer.opacity38': { r: 206, g: 211, b: 214, a: 0.38 },
+    'inverseStateLayers.status.onUndefinedContainer.opacity08': { r: 245, g: 239, b: 247, a: 0.08 },
+    'inverseStateLayers.status.onUndefinedContainer.opacity12': { r: 245, g: 239, b: 247, a: 0.12 },
+    'inverseStateLayers.status.onUndefinedContainer.opacity16': { r: 245, g: 239, b: 247, a: 0.16 },
+    'inverseStateLayers.status.onUndefinedContainer.opacity28': { r: 245, g: 239, b: 247, a: 0.28 },
+    'inverseStateLayers.status.onUndefinedContainer.opacity38': { r: 245, g: 239, b: 247, a: 0.38 },
     'inverseStateLayers.status.info.opacity08': { r: 107, g: 180, b: 239, a: 0.08 },
     'inverseStateLayers.status.info.opacity12': { r: 107, g: 180, b: 239, a: 0.12 },
     'inverseStateLayers.status.info.opacity16': { r: 107, g: 180, b: 239, a: 0.2 },