mtrl 0.10.3 → 0.10.5

package/src/styles/themes/_sageivory.scss

@@ -106,3 +106,153 @@
         --#{$prefix}-sys-color-inverse-primary: #436833;
     }
 }
+
+// contrast roles: generated, do not edit
+@include create-theme-contrast("sageivory", (
+    medium: (
+        light: (
+            error: #740006,
+            error-container: #cf2c27,
+            on-error-container: #ffffff,
+            primary: #1b3e0e,
+            primary-container: #517740,
+            on-primary-container: #ffffff,
+            secondary: #383727,
+            secondary-container: #706e5b,
+            on-secondary-container: #ffffff,
+            tertiary: #073d3e,
+            tertiary-container: #477576,
+            on-tertiary-container: #ffffff,
+            primary-fixed: #517740,
+            primary-fixed-dim: #395e2a,
+            on-primary-fixed: #ffffff,
+            on-primary-fixed-variant: #ffffff,
+            secondary-fixed: #706e5b,
+            secondary-fixed-dim: #575544,
+            on-secondary-fixed: #ffffff,
+            on-secondary-fixed-variant: #ffffff,
+            tertiary-fixed: #477576,
+            tertiary-fixed-dim: #2e5c5d,
+            on-tertiary-fixed: #ffffff,
+            on-tertiary-fixed-variant: #ffffff,
+            surface-dim: #c5c8be,
+            surface-container: #e7e9df,
+            surface-container-high: #dbded4,
+            surface-container-highest: #d0d3c9,
+            on-surface: #0f120c,
+            on-surface-variant: #32382e,
+            outline: #4f544a,
+            outline-variant: #696f64,
+        ),
+        dark: (
+            error: #ffd2cc,
+            on-error: #540003,
+            error-container: #ff5449,
+            on-error-container: #000000,
+            primary: #bde9a7,
+            on-primary: #092c01,
+            primary-container: #749b61,
+            on-primary-container: #000000,
+            secondary: #e1ddc6,
+            on-secondary: #272618,
+            secondary-container: #94917d,
+            on-secondary-container: #000000,
+            tertiary: #b5e5e6,
+            on-tertiary: #002b2c,
+            tertiary-container: #6b999a,
+            on-tertiary-container: #000000,
+            on-primary-fixed: #021500,
+            on-primary-fixed-variant: #1b3e0e,
+            on-secondary-fixed: #121205,
+            on-secondary-fixed-variant: #383727,
+            on-tertiary-fixed: #001415,
+            on-tertiary-fixed-variant: #073d3e,
+            surface-bright: #42463e,
+            surface-container-lowest: #050804,
+            surface-container-low: #1b1f19,
+            surface-container: #252922,
+            surface-container-high: #30342d,
+            surface-container-highest: #3b3f38,
+            on-surface: #ffffff,
+            on-surface-variant: #d9ded1,
+            outline: #aeb4a7,
+            outline-variant: #8d9286,
+            inverse-on-surface: #282b25,
+            inverse-primary: #2d501f,
+        ),
+    ),
+    high: (
+        light: (
+            error: #600004,
+            error-container: #98000a,
+            on-error-container: #ffffff,
+            primary: #113305,
+            primary-container: #2e5220,
+            on-primary-container: #ffffff,
+            secondary: #2e2d1e,
+            secondary-container: #4b4a39,
+            on-secondary-container: #ffffff,
+            tertiary: #003233,
+            tertiary-container: #215052,
+            on-tertiary-container: #ffffff,
+            primary-fixed: #2e5220,
+            primary-fixed-dim: #183a0b,
+            on-primary-fixed: #ffffff,
+            on-primary-fixed-variant: #ffffff,
+            secondary-fixed: #4b4a39,
+            secondary-fixed-dim: #343324,
+            on-secondary-fixed: #ffffff,
+            on-secondary-fixed-variant: #ffffff,
+            tertiary-fixed: #215052,
+            tertiary-fixed-dim: #02393b,
+            on-tertiary-fixed: #ffffff,
+            on-tertiary-fixed-variant: #ffffff,
+            surface-dim: #b7bab0,
+            surface-container-low: #eff2e8,
+            surface-container: #e1e4da,
+            surface-container-high: #d3d6cc,
+            surface-container-highest: #c5c8be,
+            on-surface: #000000,
+            on-surface-variant: #000000,
+            outline: #282e25,
+            outline-variant: #454b41,
+            inverse-on-surface: #ffffff,
+        ),
+        dark: (
+            error: #ffece9,
+            on-error: #000000,
+            error-container: #ffaea4,
+            on-error-container: #220001,
+            primary: #d1fdb9,
+            on-primary: #000000,
+            primary-container: #a4ce8f,
+            on-primary-container: #010f00,
+            secondary: #f5f1d9,
+            on-secondary: #000000,
+            secondary-container: #c7c3ad,
+            on-secondary-container: #0c0c02,
+            tertiary: #c9f9fa,
+            on-tertiary: #000000,
+            tertiary-container: #9ccbcc,
+            on-tertiary-container: #000e0e,
+            on-primary-fixed: #000000,
+            on-primary-fixed-variant: #021500,
+            on-secondary-fixed: #000000,
+            on-secondary-fixed-variant: #121205,
+            on-tertiary-fixed: #000000,
+            on-tertiary-fixed-variant: #001415,
+            surface-bright: #4e514a,
+            surface-container-lowest: #000000,
+            surface-container-low: #1d211a,
+            surface-container: #2e312b,
+            surface-container-high: #393d36,
+            surface-container-highest: #444841,
+            on-surface: #ffffff,
+            on-surface-variant: #ffffff,
+            outline: #edf2e4,
+            outline-variant: #bfc4b8,
+            inverse-on-surface: #000000,
+            inverse-primary: #2d501f,
+        ),
+    ),
+));

package/src/styles/themes/_spring.scss

@@ -1,4 +1,5 @@
 // src/styles/themes/_spring.scss
+// Medium/high contrast: Tonal Spot from seed #76D275, secondary from #526350, tertiary from #386667.
 @use "../abstract/base" as *;
 @use "base-theme" as *;
 
@@ -104,3 +105,173 @@
         @include status-colors-dark();
     }
 }
+
+// contrast roles: generated, do not edit
+@include create-theme-contrast("spring", (
+    medium: (
+        light: (
+            error: #740006,
+            error-container: #cf2c27,
+            on-error-container: #ffffff,
+            primary: #113f15,
+            primary-container: #497847,
+            on-primary-container: #ffffff,
+            secondary: #2a3a29,
+            secondary-container: #60725e,
+            on-secondary-container: #ffffff,
+            tertiary: #063d3e,
+            tertiary-container: #477576,
+            on-tertiary-container: #ffffff,
+            primary-fixed: #497847,
+            primary-fixed-dim: #315f31,
+            on-primary-fixed: #ffffff,
+            on-primary-fixed-variant: #ffffff,
+            secondary-fixed: #60725e,
+            secondary-fixed-dim: #485947,
+            on-secondary-fixed: #ffffff,
+            on-secondary-fixed-variant: #ffffff,
+            tertiary-fixed: #477576,
+            tertiary-fixed-dim: #2e5c5d,
+            on-tertiary-fixed: #ffffff,
+            on-tertiary-fixed-variant: #ffffff,
+            surface: #f7fbf1,
+            surface-dim: #c4c8bf,
+            surface-bright: #f7fbf1,
+            surface-container-low: #f1f5ec,
+            surface-container: #e6e9e0,
+            surface-container-high: #daded5,
+            surface-container-highest: #cfd3ca,
+            on-surface: #0e120d,
+            on-surface-variant: #323830,
+            outline: #4e544b,
+            outline-variant: #686f65,
+            inverse-surface: #2d322c,
+            inverse-on-surface: #eef2e9,
+            inverse-primary: #a1d39a,
+        ),
+        dark: (
+            error: #ffd2cc,
+            on-error: #540003,
+            error-container: #ff5449,
+            on-error-container: #000000,
+            primary: #b6eaaf,
+            on-primary: #002d07,
+            primary-container: #6c9c68,
+            on-primary-container: #000000,
+            secondary: #cfe2ca,
+            on-secondary: #1a291a,
+            secondary-container: #849680,
+            on-secondary-container: #000000,
+            tertiary: #b5e5e6,
+            on-tertiary: #002b2c,
+            tertiary-container: #6b999a,
+            on-tertiary-container: #000000,
+            primary-fixed: #bcf0b4,
+            primary-fixed-dim: #a1d39a,
+            on-primary-fixed: #001602,
+            on-primary-fixed-variant: #113f15,
+            on-secondary-fixed: #061407,
+            on-secondary-fixed-variant: #2a3a29,
+            on-tertiary-fixed: #001415,
+            on-tertiary-fixed-variant: #063d3e,
+            surface: #10140f,
+            surface-dim: #10140f,
+            surface-bright: #41463f,
+            surface-container-lowest: #050805,
+            surface-container-low: #1b1f19,
+            surface-container: #252923,
+            surface-container-high: #2f342e,
+            surface-container-highest: #3b3f39,
+            on-surface: #ffffff,
+            on-surface-variant: #d8ded2,
+            outline: #adb4a9,
+            outline-variant: #8c9288,
+            inverse-surface: #e0e4db,
+            inverse-on-surface: #272b25,
+            inverse-primary: #245125,
+        ),
+    ),
+    high: (
+        light: (
+            error: #600004,
+            error-container: #98000a,
+            on-error-container: #ffffff,
+            primary: #04340b,
+            primary-container: #265326,
+            on-primary-container: #ffffff,
+            secondary: #203020,
+            secondary-container: #3d4d3b,
+            on-secondary-container: #ffffff,
+            tertiary: #003233,
+            tertiary-container: #215051,
+            on-tertiary-container: #ffffff,
+            primary-fixed: #265326,
+            primary-fixed-dim: #0c3b12,
+            on-primary-fixed: #ffffff,
+            on-primary-fixed-variant: #ffffff,
+            secondary-fixed: #3d4d3b,
+            secondary-fixed-dim: #273726,
+            on-secondary-fixed: #ffffff,
+            on-secondary-fixed-variant: #ffffff,
+            tertiary-fixed: #215051,
+            tertiary-fixed-dim: #01393a,
+            on-tertiary-fixed: #ffffff,
+            on-tertiary-fixed-variant: #ffffff,
+            surface: #f7fbf1,
+            surface-dim: #b6bab2,
+            surface-bright: #f7fbf1,
+            surface-container-low: #eef2e9,
+            surface-container: #e0e4db,
+            surface-container-high: #d2d6cd,
+            surface-container-highest: #c4c8bf,
+            on-surface: #000000,
+            on-surface-variant: #000000,
+            outline: #282e26,
+            outline-variant: #444b42,
+            inverse-surface: #2d322c,
+            inverse-on-surface: #ffffff,
+            inverse-primary: #a1d39a,
+        ),
+        dark: (
+            error: #ffece9,
+            on-error: #000000,
+            error-container: #ffaea4,
+            on-error-container: #220001,
+            primary: #c9fec1,
+            on-primary: #000000,
+            primary-container: #9dcf97,
+            on-primary-container: #000f01,
+            secondary: #e2f5dd,
+            on-secondary: #000000,
+            secondary-container: #b5c8b1,
+            on-secondary-container: #020e03,
+            tertiary: #c8f9fa,
+            on-tertiary: #000000,
+            tertiary-container: #9ccbcc,
+            on-tertiary-container: #000e0e,
+            primary-fixed: #bcf0b4,
+            primary-fixed-dim: #a1d39a,
+            on-primary-fixed: #000000,
+            on-primary-fixed-variant: #001602,
+            on-secondary-fixed: #000000,
+            on-secondary-fixed-variant: #061407,
+            on-tertiary-fixed: #000000,
+            on-tertiary-fixed-variant: #001415,
+            surface: #10140f,
+            surface-dim: #10140f,
+            surface-bright: #4d514b,
+            surface-container-lowest: #000000,
+            surface-container-low: #1c211b,
+            surface-container: #2d322c,
+            surface-container-high: #383d36,
+            surface-container-highest: #444841,
+            on-surface: #ffffff,
+            on-surface-variant: #ffffff,
+            outline: #ecf2e6,
+            outline-variant: #bec5b9,
+            inverse-surface: #e0e4db,
+            inverse-on-surface: #000000,
+            inverse-primary: #245125,
+        ),
+    ),
+));

package/src/styles/themes/_summer.scss

@@ -106,3 +106,153 @@
         --#{$prefix}-sys-color-inverse-primary: #266489;
     }
 }
+
+// contrast roles: generated, do not edit
+@include create-theme-contrast("summer", (
+    medium: (
+        light: (
+            error: #740006,
+            error-container: #cf2c27,
+            on-error-container: #ffffff,
+            primary: #003a56,
+            primary-container: #387299,
+            on-primary-container: #ffffff,
+            secondary: #453400,
+            secondary-container: #876900,
+            on-secondary-container: #ffffff,
+            tertiary: #3b3151,
+            tertiary-container: #73678b,
+            on-tertiary-container: #ffffff,
+            primary-fixed: #387299,
+            primary-fixed-dim: #185a7f,
+            on-primary-fixed: #ffffff,
+            on-primary-fixed-variant: #ffffff,
+            secondary-fixed: #876900,
+            secondary-fixed-dim: #6a5100,
+            on-secondary-fixed: #ffffff,
+            on-secondary-fixed-variant: #ffffff,
+            tertiary-fixed: #73678b,
+            tertiary-fixed-dim: #5a4f71,
+            on-tertiary-fixed: #ffffff,
+            on-tertiary-fixed-variant: #ffffff,
+            surface-dim: #c3c7cc,
+            surface-container: #e5e8ed,
+            surface-container-high: #dadde2,
+            surface-container-highest: #cfd2d7,
+            on-surface: #0d1215,
+            on-surface-variant: #31373c,
+            outline: #4d5359,
+            outline-variant: #686e74,
+        ),
+        dark: (
+            error: #ffd2cc,
+            on-error: #540003,
+            error-container: #ff5449,
+            on-error-container: #000000,
+            primary: #bce1ff,
+            on-primary: #00283e,
+            primary-container: #5e97bf,
+            on-primary-container: #000000,
+            secondary: #ffd875,
+            on-secondary: #312400,
+            secondary-container: #b38b06,
+            on-secondary-container: #000000,
+            tertiary: #e5d6ff,
+            on-tertiary: #2a203f,
+            tertiary-container: #988bb0,
+            on-tertiary-container: #000000,
+            on-primary-fixed: #001320,
+            on-primary-fixed-variant: #003a56,
+            on-secondary-fixed: #181000,
+            on-secondary-fixed-variant: #453400,
+            on-tertiary-fixed: #150b29,
+            on-tertiary-fixed-variant: #3b3151,
+            surface-bright: #414549,
+            surface-container-lowest: #05080b,
+            surface-container-low: #1a1e22,
+            surface-container: #24282c,
+            surface-container-high: #2f3337,
+            surface-container-highest: #3a3e42,
+            on-surface: #ffffff,
+            on-surface-variant: #d7dde4,
+            outline: #acb2b9,
+            outline-variant: #8b9198,
+            inverse-on-surface: #262a2e,
+            inverse-primary: #004d71,
+        ),
+    ),
+    high: (
+        light: (
+            error: #600004,
+            error-container: #98000a,
+            on-error-container: #ffffff,
+            primary: #002f48,
+            primary-container: #004e72,
+            on-primary-container: #ffffff,
+            secondary: #392a00,
+            secondary-container: #5c4600,
+            on-secondary-container: #ffffff,
+            tertiary: #312746,
+            tertiary-container: #4f4465,
+            on-tertiary-container: #ffffff,
+            primary-fixed: #004e72,
+            primary-fixed-dim: #003651,
+            on-primary-fixed: #ffffff,
+            on-primary-fixed-variant: #ffffff,
+            secondary-fixed: #5c4600,
+            secondary-fixed-dim: #403000,
+            on-secondary-fixed: #ffffff,
+            on-secondary-fixed-variant: #ffffff,
+            tertiary-fixed: #4f4465,
+            tertiary-fixed-dim: #382d4d,
+            on-tertiary-fixed: #ffffff,
+            on-tertiary-fixed-variant: #ffffff,
+            surface-dim: #b6b9be,
+            surface-container-low: #eef1f6,
+            surface-container: #e0e3e8,
+            surface-container-high: #d1d5da,
+            surface-container-highest: #c3c7cc,
+            on-surface: #000000,
+            on-surface-variant: #000000,
+            outline: #272d32,
+            outline-variant: #444a50,
+            inverse-on-surface: #ffffff,
+        ),
+        dark: (
+            error: #ffece9,
+            on-error: #000000,
+            error-container: #ffaea4,
+            on-error-container: #220001,
+            primary: #e4f2ff,
+            on-primary: #000000,
+            primary-container: #91c9f3,
+            on-primary-container: #000d17,
+            secondary: #ffeecd,
+            on-secondary: #000000,
+            secondary-container: #e9bd41,
+            on-secondary-container: #110a00,
+            tertiary: #f6ecff,
+            on-tertiary: #000000,
+            tertiary-container: #cbbce4,
+            on-tertiary-container: #0f0523,
+            on-primary-fixed: #000000,
+            on-primary-fixed-variant: #001320,
+            on-secondary-fixed: #000000,
+            on-secondary-fixed-variant: #181000,
+            on-tertiary-fixed: #000000,
+            on-tertiary-fixed-variant: #150b29,
+            surface-bright: #4c5055,
+            surface-container-lowest: #000000,
+            surface-container-low: #1c2024,
+            surface-container: #2d3135,
+            surface-container-high: #383c40,
+            surface-container-highest: #43474b,
+            on-surface: #ffffff,
+            on-surface-variant: #ffffff,
+            outline: #ebf0f8,
+            outline-variant: #bdc3ca,
+            inverse-on-surface: #000000,
+            inverse-primary: #004d71,
+        ),
+    ),
+));

package/src/styles/themes/_sunset.scss

@@ -1,4 +1,5 @@
 // src/styles/themes/_sunset.scss
+// Medium/high contrast: Tonal Spot from seed #D35400, secondary from #775648, tertiary from #705c2e.
 @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("sunset", (
+    medium: (
+        light: (
+            error: #740006,
+            error-container: #cf2c27,
+            on-error-container: #ffffff,
+            primary: #5c260a,
+            primary-container: #9f5b3b,
+            on-primary-container: #ffffff,
+            secondary: #4b2f23,
+            secondary-container: #886557,
+            on-secondary-container: #ffffff,
+            tertiary: #443409,
+            tertiary-container: #806a3b,
+            on-tertiary-container: #ffffff,
+            primary-fixed: #9f5b3b,
+            primary-fixed-dim: #824426,
+            on-primary-fixed: #ffffff,
+            on-primary-fixed-variant: #ffffff,
+            secondary-fixed: #886557,
+            secondary-fixed-dim: #6d4d40,
+            on-secondary-fixed: #ffffff,
+            on-secondary-fixed-variant: #ffffff,
+            tertiary-fixed: #806a3b,
+            tertiary-fixed-dim: #655225,
+            on-tertiary-fixed: #ffffff,
+            on-tertiary-fixed-variant: #ffffff,
+            surface: #fff8f6,
+            surface-dim: #d4c3bd,
+            surface-bright: #fff8f6,
+            surface-variant: #f4ded5,
+            surface-container-low: #fff1ec,
+            surface-container: #f6e5de,
+            surface-container-high: #ebd9d3,
+            surface-container-highest: #dfcec8,
+            on-surface: #170f0c,
+            on-surface-variant: #41332d,
+            outline: #5f4f49,
+            outline-variant: #7b6963,
+            inverse-surface: #382e2a,
+            inverse-on-surface: #ffede7,
+            inverse-primary: #ffb595,
+        ),
+        dark: (
+            error: #ffd2cc,
+            on-error: #540003,
+            error-container: #ff5449,
+            on-error-container: #000000,
+            primary: #ffd3c1,
+            on-primary: #461700,
+            primary-container: #ca7e5b,
+            on-primary-container: #000000,
+            secondary: #ffd3c1,
+            on-secondary: #381f14,
+            secondary-container: #af8878,
+            on-secondary-container: #000000,
+            tertiary: #f5d9a0,
+            on-tertiary: #322300,
+            tertiary-container: #a58e5b,
+            on-tertiary-container: #000000,
+            primary-fixed: #ffdbcd,
+            primary-fixed-dim: #ffb595,
+            on-primary-fixed: #250800,
+            on-primary-fixed-variant: #5c260a,
+            on-secondary-fixed: #200b03,
+            on-secondary-fixed-variant: #4b2f23,
+            on-tertiary-fixed: #181000,
+            on-tertiary-fixed-variant: #443409,
+            surface: #1a120e,
+            surface-dim: #1a120e,
+            surface-bright: #4d423e,
+            surface-variant: #52443d,
+            surface-container-lowest: #0d0604,
+            surface-container-low: #251c18,
+            surface-container: #2f2622,
+            surface-container-high: #3b302c,
+            surface-container-highest: #463b37,
+            on-surface: #ffffff,
+            on-surface-variant: #eed8cf,
+            outline: #c2aea6,
+            outline-variant: #9f8c85,
+            inverse-surface: #f1dfd8,
+            inverse-on-surface: #322824,
+            inverse-primary: #72381a,
+        ),
+    ),
+    high: (
+        light: (
+            error: #600004,
+            error-container: #98000a,
+            on-error-container: #ffffff,
+            primary: #4f1d03,
+            primary-container: #74391c,
+            on-primary-container: #ffffff,
+            secondary: #40261a,
+            secondary-container: #604235,
+            on-secondary-container: #ffffff,
+            tertiary: #392a01,
+            tertiary-container: #59471b,
+            on-tertiary-container: #ffffff,
+            primary-fixed: #74391c,
+            primary-fixed-dim: #572307,
+            on-primary-fixed: #ffffff,
+            on-primary-fixed-variant: #ffffff,
+            secondary-fixed: #604235,
+            secondary-fixed-dim: #472c20,
+            on-secondary-fixed: #ffffff,
+            on-secondary-fixed-variant: #ffffff,
+            tertiary-fixed: #59471b,
+            tertiary-fixed-dim: #403006,
+            on-tertiary-fixed: #ffffff,
+            on-tertiary-fixed-variant: #ffffff,
+            surface: #fff8f6,
+            surface-dim: #c6b5af,
+            surface-bright: #fff8f6,
+            surface-variant: #f4ded5,
+            surface-container-low: #ffede7,
+            surface-container: #f1dfd8,
+            surface-container-high: #e2d1cb,
+            surface-container-highest: #d4c3bd,
+            on-surface: #000000,
+            on-surface-variant: #000000,
+            outline: #362924,
+            outline-variant: #554640,
+            inverse-surface: #382e2a,
+            inverse-on-surface: #ffffff,
+            inverse-primary: #ffb595,
+        ),
+        dark: (
+            error: #ffece9,
+            on-error: #000000,
+            error-container: #ffaea4,
+            on-error-container: #220001,
+            primary: #ffece5,
+            on-primary: #000000,
+            primary-container: #ffb08d,
+            on-primary-container: #1b0500,
+            secondary: #ffece5,
+            on-secondary: #000000,
+            secondary-container: #e4b9a8,
+            on-secondary-container: #190601,
+            tertiary: #ffeed0,
+            on-tertiary: #000000,
+            tertiary-container: #dac088,
+            on-tertiary-container: #110a00,
+            primary-fixed: #ffdbcd,
+            primary-fixed-dim: #ffb595,
+            on-primary-fixed: #000000,
+            on-primary-fixed-variant: #250800,
+            on-secondary-fixed: #000000,
+            on-secondary-fixed-variant: #200b03,
+            on-tertiary-fixed: #000000,
+            on-tertiary-fixed-variant: #181000,
+            surface: #1a120e,
+            surface-dim: #1a120e,
+            surface-bright: #594e49,
+            surface-variant: #52443d,
+            surface-container-lowest: #000000,
+            surface-container-low: #271e1a,
+            surface-container: #382e2a,
+            surface-container-high: #443935,
+            surface-container-highest: #504440,
+            on-surface: #ffffff,
+            on-surface-variant: #ffffff,
+            outline: #ffece5,
+            outline-variant: #d4beb6,
+            inverse-surface: #f1dfd8,
+            inverse-on-surface: #000000,
+            inverse-primary: #72381a,
+        ),
+    ),
+));