mtrl 0.10.4 → 0.10.5

package/src/styles/themes/_desert.scss

@@ -106,3 +106,153 @@
         --#{$prefix}-sys-color-inverse-primary: #7a580c;
     }
 }
+
+// contrast roles: generated, do not edit
+@include create-theme-contrast("desert", (
+    medium: (
+        light: (
+            error: #740006,
+            error-container: #cf2c27,
+            on-error-container: #ffffff,
+            primary: #493200,
+            primary-container: #8b671c,
+            on-primary-container: #ffffff,
+            secondary: #003861,
+            secondary-container: #3070ac,
+            on-secondary-container: #ffffff,
+            tertiary: #253c1f,
+            tertiary-container: #5b7452,
+            on-tertiary-container: #ffffff,
+            primary-fixed: #8b671c,
+            primary-fixed-dim: #6f4f01,
+            on-primary-fixed: #ffffff,
+            on-primary-fixed-variant: #ffffff,
+            secondary-fixed: #3070ac,
+            secondary-fixed-dim: #035892,
+            on-secondary-fixed: #ffffff,
+            on-secondary-fixed-variant: #ffffff,
+            tertiary-fixed: #5b7452,
+            tertiary-fixed-dim: #435b3b,
+            on-tertiary-fixed: #ffffff,
+            on-tertiary-fixed-variant: #ffffff,
+            surface-dim: #cfc5b8,
+            surface-container: #f1e7d9,
+            surface-container-high: #e6dbce,
+            surface-container-highest: #dad0c3,
+            on-surface: #151109,
+            on-surface-variant: #3d3529,
+            outline: #5a5144,
+            outline-variant: #756c5d,
+        ),
+        dark: (
+            error: #ffd2cc,
+            on-error: #540003,
+            error-container: #ff5449,
+            on-error-container: #000000,
+            primary: #ffd790,
+            on-primary: #342300,
+            primary-container: #b28a3d,
+            on-primary-container: #000000,
+            secondary: #c6deff,
+            on-secondary: #002746,
+            secondary-container: #5995d2,
+            on-secondary-container: #000000,
+            tertiary: #c8e5bb,
+            on-tertiary: #152b10,
+            tertiary-container: #7e9873,
+            on-tertiary-container: #000000,
+            on-primary-fixed: #1a0f00,
+            on-primary-fixed-variant: #493200,
+            on-secondary-fixed: #001224,
+            on-secondary-fixed-variant: #003861,
+            on-tertiary-fixed: #021501,
+            on-tertiary-fixed-variant: #253c1f,
+            surface-bright: #4a443a,
+            surface-container-lowest: #0a0703,
+            surface-container-low: #221d15,
+            surface-container: #2c271f,
+            surface-container-high: #373229,
+            surface-container-highest: #433d34,
+            on-surface: #ffffff,
+            on-surface-variant: #e8dac9,
+            outline: #bcb0a0,
+            outline-variant: #9a8f7f,
+            inverse-on-surface: #2f2921,
+            inverse-primary: #5f4300,
+        ),
+    ),
+    high: (
+        light: (
+            error: #600004,
+            error-container: #98000a,
+            on-error-container: #ffffff,
+            primary: #3c2900,
+            primary-container: #614400,
+            on-primary-container: #ffffff,
+            secondary: #002e50,
+            secondary-container: #004c80,
+            on-secondary-container: #ffffff,
+            tertiary: #1b3116,
+            tertiary-container: #384f30,
+            on-tertiary-container: #ffffff,
+            primary-fixed: #614400,
+            primary-fixed-dim: #442f00,
+            on-primary-fixed: #ffffff,
+            on-primary-fixed-variant: #ffffff,
+            secondary-fixed: #004c80,
+            secondary-fixed-dim: #00355b,
+            on-secondary-fixed: #ffffff,
+            on-secondary-fixed-variant: #ffffff,
+            tertiary-fixed: #384f30,
+            tertiary-fixed-dim: #22381c,
+            on-tertiary-fixed: #ffffff,
+            on-tertiary-fixed-variant: #ffffff,
+            surface-dim: #c1b7ab,
+            surface-container-low: #faefe2,
+            surface-container: #ece1d4,
+            surface-container-high: #ddd3c6,
+            surface-container-highest: #cfc5b8,
+            on-surface: #000000,
+            on-surface-variant: #000000,
+            outline: #322b20,
+            outline-variant: #50483b,
+            inverse-on-surface: #ffffff,
+        ),
+        dark: (
+            error: #ffece9,
+            on-error: #000000,
+            error-container: #ffaea4,
+            on-error-container: #220001,
+            primary: #ffeed5,
+            on-primary: #000000,
+            primary-container: #e9bc69,
+            on-primary-container: #120a00,
+            secondary: #e8f1ff,
+            on-secondary: #000000,
+            secondary-container: #95c6ff,
+            on-secondary-container: #000c1b,
+            tertiary: #dcf8ce,
+            on-tertiary: #000000,
+            tertiary-container: #afcba3,
+            on-tertiary-container: #000f00,
+            on-primary-fixed: #000000,
+            on-primary-fixed-variant: #1a0f00,
+            on-secondary-fixed: #000000,
+            on-secondary-fixed-variant: #001224,
+            on-tertiary-fixed: #000000,
+            on-tertiary-fixed-variant: #021501,
+            surface-bright: #564f45,
+            surface-container-lowest: #000000,
+            surface-container-low: #241f17,
+            surface-container: #353027,
+            surface-container-high: #413b31,
+            surface-container-highest: #4c463c,
+            on-surface: #ffffff,
+            on-surface-variant: #ffffff,
+            outline: #fceedc,
+            outline-variant: #cdc1b0,
+            inverse-on-surface: #000000,
+            inverse-primary: #5f4300,
+        ),
+    ),
+));

package/src/styles/themes/_expressive.scss

@@ -106,3 +106,153 @@
         --#{$prefix}-sys-color-inverse-primary: #006b5a;
     }
 }
+
+// contrast roles: generated, do not edit
+@include create-theme-contrast("expressive", (
+    medium: (
+        light: (
+            error: #740006,
+            error-container: #cf2c27,
+            on-error-container: #ffffff,
+            primary: #003e33,
+            primary-container: #007b68,
+            on-primary-container: #ffffff,
+            secondary: #4c2c41,
+            secondary-container: #896179,
+            on-secondary-container: #ffffff,
+            tertiary: #482a55,
+            tertiary-container: #826190,
+            on-tertiary-container: #ffffff,
+            primary-fixed: #007b68,
+            primary-fixed-dim: #006051,
+            on-primary-fixed: #ffffff,
+            on-primary-fixed-variant: #ffffff,
+            secondary-fixed: #896179,
+            secondary-fixed-dim: #6e4a60,
+            on-secondary-fixed: #ffffff,
+            on-secondary-fixed-variant: #ffffff,
+            tertiary-fixed: #826190,
+            tertiary-fixed-dim: #684976,
+            on-tertiary-fixed: #ffffff,
+            on-tertiary-fixed-variant: #ffffff,
+            surface-dim: #cdc3ce,
+            surface-container: #efe5f0,
+            surface-container-high: #e4dae5,
+            surface-container-highest: #d8ced9,
+            on-surface: #140f17,
+            on-surface-variant: #3c3340,
+            outline: #594f5d,
+            outline-variant: #746979,
+        ),
+        dark: (
+            error: #ffd2cc,
+            on-error: #540003,
+            error-container: #ff5449,
+            on-error-container: #000000,
+            primary: #8feed6,
+            on-primary: #002c24,
+            primary-container: #3ea08b,
+            on-primary-container: #000000,
+            secondary: #ffcfea,
+            on-secondary: #3a1b30,
+            secondary-container: #af849d,
+            on-secondary-container: #000000,
+            tertiary: #f4d0ff,
+            on-tertiary: #361943,
+            tertiary-container: #a884b5,
+            on-tertiary-container: #000000,
+            on-primary-fixed: #001510,
+            on-primary-fixed-variant: #003e33,
+            on-secondary-fixed: #22071a,
+            on-secondary-fixed-variant: #4c2c41,
+            on-tertiary-fixed: #1f032d,
+            on-tertiary-fixed-variant: #482a55,
+            surface-bright: #49424b,
+            surface-container-lowest: #0a060c,
+            surface-container-low: #211c23,
+            surface-container: #2b262e,
+            surface-container-high: #363139,
+            surface-container-highest: #423c44,
+            on-surface: #ffffff,
+            on-surface-variant: #e6d8e9,
+            outline: #baaebe,
+            outline-variant: #988c9c,
+            inverse-on-surface: #2d2830,
+            inverse-primary: #005245,
+        ),
+    ),
+    high: (
+        light: (
+            error: #600004,
+            error-container: #98000a,
+            on-error-container: #ffffff,
+            primary: #00332a,
+            primary-container: #005346,
+            on-primary-container: #ffffff,
+            secondary: #412236,
+            secondary-container: #613e54,
+            on-secondary-container: #ffffff,
+            tertiary: #3d204a,
+            tertiary-container: #5c3d69,
+            on-tertiary-container: #ffffff,
+            primary-fixed: #005346,
+            primary-fixed-dim: #003a30,
+            on-primary-fixed: #ffffff,
+            on-primary-fixed-variant: #ffffff,
+            secondary-fixed: #613e54,
+            secondary-fixed-dim: #48283d,
+            on-secondary-fixed: #ffffff,
+            on-secondary-fixed-variant: #ffffff,
+            tertiary-fixed: #5c3d69,
+            tertiary-fixed-dim: #442751,
+            on-tertiary-fixed: #ffffff,
+            on-tertiary-fixed-variant: #ffffff,
+            surface-dim: #bfb6c0,
+            surface-container-low: #f8edf9,
+            surface-container: #eadfea,
+            surface-container-high: #dbd1dc,
+            surface-container-highest: #cdc3ce,
+            on-surface: #000000,
+            on-surface-variant: #000000,
+            outline: #312936,
+            outline-variant: #4f4654,
+            inverse-on-surface: #ffffff,
+        ),
+        dark: (
+            error: #ffece9,
+            on-error: #000000,
+            error-container: #ffaea4,
+            on-error-container: #220001,
+            primary: #b2ffea,
+            on-primary: #000000,
+            primary-container: #75d3bd,
+            on-primary-container: #000e0a,
+            secondary: #ffebf4,
+            on-secondary: #000000,
+            secondary-container: #e4b5d0,
+            on-secondary-container: #1b0314,
+            tertiary: #fdeaff,
+            on-tertiary: #000000,
+            tertiary-container: #dcb5ea,
+            on-tertiary-container: #180026,
+            on-primary-fixed: #000000,
+            on-primary-fixed-variant: #001510,
+            on-secondary-fixed: #000000,
+            on-secondary-fixed-variant: #22071a,
+            on-tertiary-fixed: #000000,
+            on-tertiary-fixed-variant: #1f032d,
+            surface-bright: #544e57,
+            surface-container-lowest: #000000,
+            surface-container-low: #231e25,
+            surface-container: #342e37,
+            surface-container-high: #3f3942,
+            surface-container-highest: #4b454d,
+            on-surface: #ffffff,
+            on-surface-variant: #ffffff,
+            outline: #faebfd,
+            outline-variant: #cbbecf,
+            inverse-on-surface: #000000,
+            inverse-primary: #005245,
+        ),
+    ),
+));

package/src/styles/themes/_fidelity.scss

@@ -106,3 +106,151 @@
         --#{$prefix}-sys-color-inverse-primary: #6750a4;
     }
 }
+
+// contrast roles: generated, do not edit
+@include create-theme-contrast("fidelity", (
+    medium: (
+        light: (
+            error: #740006,
+            error-container: #cf2c27,
+            on-error-container: #ffffff,
+            primary: #3e2578,
+            on-primary-container: #ffffff,
+            secondary: #3a3151,
+            secondary-container: #72688b,
+            on-secondary-container: #ffffff,
+            tertiary: #453400,
+            tertiary-container: #866912,
+            on-tertiary-container: #ffffff,
+            primary-fixed: #765fb4,
+            primary-fixed-dim: #5d4699,
+            on-primary-fixed: #ffffff,
+            on-primary-fixed-variant: #ffffff,
+            secondary-fixed: #72688b,
+            secondary-fixed-dim: #595072,
+            on-secondary-fixed: #ffffff,
+            on-secondary-fixed-variant: #ffffff,
+            tertiary-fixed: #866912,
+            tertiary-fixed-dim: #6a5100,
+            on-tertiary-fixed: #ffffff,
+            on-tertiary-fixed-variant: #ffffff,
+            surface-dim: #cac5cc,
+            surface-container: #ece6ee,
+            surface-container-high: #e1dbe3,
+            surface-container-highest: #d5d0d8,
+            on-surface: #121016,
+            on-surface-variant: #383440,
+            outline: #55505d,
+            outline-variant: #706b78,
+        ),
+        dark: (
+            error: #ffd2cc,
+            on-error: #540003,
+            error-container: #ff5449,
+            on-error-container: #000000,
+            primary: #e3d6ff,
+            on-primary: #2c1067,
+            primary-container: #9a83db,
+            on-primary-container: #000000,
+            secondary: #e3d6ff,
+            on-secondary: #292140,
+            secondary-container: #968bb1,
+            on-secondary-container: #000000,
+            tertiary: #fed879,
+            on-tertiary: #312400,
+            on-tertiary-container: #2a1f00,
+            on-primary-fixed: #160042,
+            on-primary-fixed-variant: #3e2578,
+            on-secondary-fixed: #140b2a,
+            on-secondary-fixed-variant: #3a3151,
+            on-tertiary-fixed: #181000,
+            on-tertiary-fixed-variant: #453400,
+            surface-bright: #46434a,
+            surface-container-lowest: #08070b,
+            surface-container-low: #1f1d22,
+            surface-container: #29272d,
+            surface-container-high: #343138,
+            surface-container-highest: #3f3c43,
+            on-surface: #ffffff,
+            on-surface-variant: #e1dae8,
+            outline: #b6afbd,
+            outline-variant: #948e9b,
+            inverse-on-surface: #2b292f,
+            inverse-primary: #50398b,
+        ),
+    ),
+    high: (
+        light: (
+            error: #600004,
+            error-container: #98000a,
+            on-error-container: #ffffff,
+            primary: #33196e,
+            primary-container: #513a8d,
+            on-primary-container: #ffffff,
+            secondary: #302747,
+            secondary-container: #4d4465,
+            on-secondary-container: #ffffff,
+            tertiary: #392a00,
+            tertiary-container: #5c4600,
+            on-tertiary-container: #ffffff,
+            primary-fixed: #513a8d,
+            primary-fixed-dim: #3a2174,
+            on-primary-fixed: #ffffff,
+            on-primary-fixed-variant: #ffffff,
+            secondary-fixed: #4d4465,
+            secondary-fixed-dim: #362e4d,
+            on-secondary-fixed: #ffffff,
+            on-secondary-fixed-variant: #ffffff,
+            tertiary-fixed: #5c4600,
+            tertiary-fixed-dim: #403000,
+            on-tertiary-fixed: #ffffff,
+            on-tertiary-fixed-variant: #ffffff,
+            surface-dim: #bcb7bf,
+            surface-container-low: #f5eff7,
+            surface-container: #e6e0e9,
+            surface-container-high: #d8d2da,
+            surface-container-highest: #cac5cc,
+            on-surface: #000000,
+            on-surface-variant: #000000,
+            outline: #2e2a35,
+            outline-variant: #4b4753,
+            inverse-on-surface: #ffffff,
+        ),
+        dark: (
+            error: #ffece9,
+            on-error: #000000,
+            error-container: #ffaea4,
+            on-error-container: #220001,
+            primary: #f5edff,
+            on-primary: #000000,
+            primary-container: #ccb8ff,
+            on-primary-container: #0f0033,
+            secondary: #f5edff,
+            on-secondary: #000000,
+            secondary-container: #c9bde5,
+            on-secondary-container: #0e0624,
+            tertiary: #ffeecd,
+            on-tertiary: #000000,
+            tertiary-container: #e2bf62,
+            on-tertiary-container: #110a00,
+            on-primary-fixed: #000000,
+            on-primary-fixed-variant: #160042,
+            on-secondary-fixed: #000000,
+            on-secondary-fixed-variant: #140b2a,
+            on-tertiary-fixed: #000000,
+            on-tertiary-fixed-variant: #181000,
+            surface-bright: #524f55,
+            surface-container-lowest: #000000,
+            surface-container-low: #211f24,
+            surface-container: #322f35,
+            surface-container-high: #3d3a41,
+            surface-container-highest: #48464c,
+            on-surface: #ffffff,
+            on-surface-variant: #ffffff,
+            outline: #f5edfc,
+            outline-variant: #c7c0ce,
+            inverse-on-surface: #000000,
+            inverse-primary: #50398b,
+        ),
+    ),
+));

package/src/styles/themes/_forest.scss

@@ -1,4 +1,5 @@
 // src/styles/themes/_forest.scss
+// Medium/high contrast: Tonal Spot from seed #4B5D3A, secondary from #5d5242, tertiary from #486446.
 @use "../abstract/base" as *;
 @use "base-theme" as *;
 
@@ -104,3 +105,177 @@
         @include status-colors-dark();
     }
 }
+
+// contrast roles: generated, do not edit
+@include create-theme-contrast("forest", (
+    medium: (
+        light: (
+            error: #740006,
+            error-container: #cf2c27,
+            on-error-container: #ffffff,
+            primary: #223d08,
+            primary-container: #57763b,
+            on-primary-container: #ffffff,
+            secondary: #3e3526,
+            secondary-container: #776b5a,
+            on-secondary-container: #ffffff,
+            tertiary: #223c22,
+            tertiary-container: #587455,
+            on-tertiary-container: #ffffff,
+            primary-fixed: #57763b,
+            primary-fixed-dim: #3f5d25,
+            on-primary-fixed: #ffffff,
+            on-primary-fixed-variant: #ffffff,
+            secondary-fixed: #776b5a,
+            secondary-fixed-dim: #5e5343,
+            on-secondary-fixed: #ffffff,
+            on-secondary-fixed-variant: #ffffff,
+            tertiary-fixed: #587455,
+            tertiary-fixed-dim: #405c3e,
+            on-tertiary-fixed: #ffffff,
+            on-tertiary-fixed-variant: #ffffff,
+            surface: #f9faef,
+            surface-dim: #c5c7bd,
+            surface-bright: #f9faef,
+            surface-variant: #e0e4d6,
+            surface-container-low: #f3f5ea,
+            surface-container: #e7e9de,
+            surface-container-high: #dcded3,
+            surface-container-highest: #d1d3c8,
+            on-surface: #0f120c,
+            on-surface-variant: #33382e,
+            outline: #505449,
+            outline-variant: #6a6f63,
+            inverse-surface: #2e312a,
+            inverse-on-surface: #f0f2e7,
+            inverse-primary: #aed18d,
+        ),
+        dark: (
+            error: #ffd2cc,
+            on-error: #540003,
+            error-container: #ff5449,
+            on-error-container: #000000,
+            primary: #c4e8a1,
+            on-primary: #132b00,
+            primary-container: #7a9a5c,
+            on-primary-container: #000000,
+            secondary: #eadac5,
+            on-secondary: #2d2417,
+            secondary-container: #9c8f7c,
+            on-secondary-container: #000000,
+            tertiary: #c5e5bf,
+            on-tertiary: #112b12,
+            tertiary-container: #7b9877,
+            on-tertiary-container: #000000,
+            primary-fixed: #caeea6,
+            primary-fixed-dim: #aed18d,
+            on-primary-fixed: #071500,
+            on-primary-fixed-variant: #223d08,
+            on-secondary-fixed: #171005,
+            on-secondary-fixed-variant: #3e3526,
+            on-tertiary-fixed: #001603,
+            on-tertiary-fixed-variant: #223c22,
+            surface: #11140e,
+            surface-dim: #11140e,
+            surface-bright: #43453e,
+            surface-variant: #44483e,
+            surface-container-lowest: #060804,
+            surface-container-low: #1c1f18,
+            surface-container: #262922,
+            surface-container-high: #31342c,
+            surface-container-highest: #3c3f37,
+            on-surface: #ffffff,
+            on-surface-variant: #daded0,
+            outline: #afb4a6,
+            outline-variant: #8e9285,
+            inverse-surface: #e2e3d9,
+            inverse-on-surface: #282b24,
+            inverse-primary: #33501a,
+        ),
+    ),
+    high: (
+        light: (
+            error: #600004,
+            error-container: #98000a,
+            on-error-container: #ffffff,
+            primary: #183301,
+            primary-container: #34511b,
+            on-primary-container: #ffffff,
+            secondary: #342b1d,
+            secondary-container: #524838,
+            on-secondary-container: #ffffff,
+            tertiary: #183218,
+            tertiary-container: #345033,
+            on-tertiary-container: #ffffff,
+            primary-fixed: #34511b,
+            primary-fixed-dim: #1e3905,
+            on-primary-fixed: #ffffff,
+            on-primary-fixed-variant: #ffffff,
+            secondary-fixed: #524838,
+            secondary-fixed-dim: #3b3123,
+            on-secondary-fixed: #ffffff,
+            on-secondary-fixed-variant: #ffffff,
+            tertiary-fixed: #345033,
+            tertiary-fixed-dim: #1e391e,
+            on-tertiary-fixed: #ffffff,
+            on-tertiary-fixed-variant: #ffffff,
+            surface: #f9faef,
+            surface-dim: #b8bab0,
+            surface-bright: #f9faef,
+            surface-variant: #e0e4d6,
+            surface-container-low: #f0f2e7,
+            surface-container: #e2e3d9,
+            surface-container-high: #d4d5cb,
+            surface-container-highest: #c5c7bd,
+            on-surface: #000000,
+            on-surface-variant: #000000,
+            outline: #292e24,
+            outline-variant: #464b40,
+            inverse-surface: #2e312a,
+            inverse-on-surface: #ffffff,
+            inverse-primary: #aed18d,
+        ),
+        dark: (
+            error: #ffece9,
+            on-error: #000000,
+            error-container: #ffaea4,
+            on-error-container: #220001,
+            primary: #d7fcb3,
+            on-primary: #000000,
+            primary-container: #aacd89,
+            on-primary-container: #040e00,
+            secondary: #feeed8,
+            on-secondary: #000000,
+            secondary-container: #d0c0ac,
+            on-secondary-container: #110a02,
+            tertiary: #d8f9d2,
+            on-tertiary: #000000,
+            tertiary-container: #accba6,
+            on-tertiary-container: #000f02,
+            primary-fixed: #caeea6,
+            primary-fixed-dim: #aed18d,
+            on-primary-fixed: #000000,
+            on-primary-fixed-variant: #071500,
+            on-secondary-fixed: #000000,
+            on-secondary-fixed-variant: #171005,
+            on-tertiary-fixed: #000000,
+            on-tertiary-fixed-variant: #001603,
+            surface: #11140e,
+            surface-dim: #11140e,
+            surface-bright: #4e5149,
+            surface-variant: #44483e,
+            surface-container-lowest: #000000,
+            surface-container-low: #1e211a,
+            surface-container: #2e312a,
+            surface-container-high: #3a3c35,
+            surface-container-highest: #454840,
+            on-surface: #ffffff,
+            on-surface-variant: #ffffff,
+            outline: #eef2e3,
+            outline-variant: #c0c4b6,
+            inverse-surface: #e2e3d9,
+            inverse-on-surface: #000000,
+            inverse-primary: #33501a,
+        ),
+    ),
+));