mtrl 0.10.3 → 0.10.5

package/src/styles/themes/_monochrome.scss

@@ -106,3 +106,137 @@
         --#{$prefix}-sys-color-inverse-primary: #5e5e5e;
     }
 }
+
+// contrast roles: generated, do not edit
+@include create-theme-contrast("monochrome", (
+    medium: (
+        light: (
+            error: #740006,
+            error-container: #cf2c27,
+            on-error-container: #ffffff,
+            secondary: #363636,
+            secondary-container: #6d6d6d,
+            on-secondary-container: #ffffff,
+            tertiary: #363636,
+            on-tertiary: #f5f5f5,
+            tertiary-container: #6d6d6d,
+            on-primary-fixed-variant: #ffffff,
+            secondary-fixed: #6d6d6d,
+            secondary-fixed-dim: #555555,
+            on-secondary-fixed: #ffffff,
+            on-secondary-fixed-variant: #ffffff,
+            on-tertiary-fixed-variant: #ffffff,
+            surface-dim: #c6c6c6,
+            surface-container: #e8e8e8,
+            surface-container-high: #dddddd,
+            surface-container-highest: #d1d1d1,
+            on-surface: #111111,
+            on-surface-variant: #363636,
+            outline: #525252,
+            outline-variant: #6d6d6d,
+        ),
+        dark: (
+            error: #ffd2cc,
+            on-error: #540003,
+            error-container: #ff5449,
+            on-error-container: #000000,
+            secondary: #dcdcdc,
+            secondary-container: #919191,
+            on-secondary-container: #000000,
+            primary-fixed: #ababab,
+            primary-fixed-dim: #919191,
+            on-primary-fixed: #000000,
+            on-primary-fixed-variant: #000000,
+            on-secondary-fixed: #000000,
+            on-secondary-fixed-variant: #202020,
+            tertiary-fixed: #ababab,
+            tertiary-fixed-dim: #919191,
+            on-tertiary-fixed: #000000,
+            on-tertiary-fixed-variant: #000000,
+            surface-bright: #444444,
+            surface-container-lowest: #070707,
+            surface-container-low: #1d1d1d,
+            surface-container: #282828,
+            surface-container-high: #323232,
+            surface-container-highest: #3e3e3e,
+            on-surface: #ffffff,
+            on-surface-variant: #dcdcdc,
+            outline: #b2b2b2,
+            outline-variant: #909090,
+            inverse-on-surface: #2a2a2a,
+            inverse-primary: #484848,
+        ),
+    ),
+    high: (
+        light: (
+            error: #600004,
+            error-container: #98000a,
+            on-error-container: #ffffff,
+            on-primary: #ffffff,
+            secondary: #2c2c2c,
+            secondary-container: #494949,
+            on-secondary-container: #ffffff,
+            tertiary: #2c2c2c,
+            on-tertiary: #ffffff,
+            tertiary-container: #494949,
+            primary-fixed: #494949,
+            primary-fixed-dim: #333333,
+            on-primary-fixed-variant: #ffffff,
+            secondary-fixed: #494949,
+            secondary-fixed-dim: #333333,
+            on-secondary-fixed: #ffffff,
+            on-secondary-fixed-variant: #ffffff,
+            tertiary-fixed: #494949,
+            tertiary-fixed-dim: #333333,
+            on-tertiary-fixed-variant: #ffffff,
+            surface-dim: #b9b9b9,
+            surface-container-low: #f1f1f1,
+            surface-container: #e2e2e2,
+            surface-container-high: #d4d4d4,
+            surface-container-highest: #c6c6c6,
+            on-surface: #000000,
+            on-surface-variant: #000000,
+            outline: #2c2c2c,
+            outline-variant: #494949,
+            inverse-on-surface: #ffffff,
+        ),
+        dark: (
+            error: #ffece9,
+            on-error: #000000,
+            error-container: #ffaea4,
+            on-error-container: #220001,
+            on-primary: #000000,
+            secondary: #f0f0f0,
+            on-secondary: #000000,
+            secondary-container: #c2c2c2,
+            on-secondary-container: #0b0b0b,
+            tertiary: #f0f0f0,
+            on-tertiary: #000000,
+            tertiary-container: #c2c2c2,
+            primary-fixed: #dedede,
+            primary-fixed-dim: #c2c2c2,
+            on-primary-fixed: #000000,
+            on-primary-fixed-variant: #0b0b0b,
+            secondary-fixed: #dedede,
+            secondary-fixed-dim: #c2c2c2,
+            on-secondary-fixed: #000000,
+            on-secondary-fixed-variant: #0b0b0b,
+            tertiary-fixed: #dedede,
+            tertiary-fixed-dim: #c2c2c2,
+            on-tertiary-fixed: #000000,
+            on-tertiary-fixed-variant: #0b0b0b,
+            surface-bright: #505050,
+            surface-container-lowest: #000000,
+            surface-container-low: #1f1f1f,
+            surface-container: #303030,
+            surface-container-high: #3b3b3b,
+            surface-container-highest: #474747,
+            on-surface: #ffffff,
+            on-surface-variant: #ffffff,
+            outline: #f0f0f0,
+            outline-variant: #c2c2c2,
+            inverse-on-surface: #000000,
+            inverse-primary: #484848,
+        ),
+    ),
+));

package/src/styles/themes/_neutral.scss

@@ -106,3 +106,153 @@
         --#{$prefix}-sys-color-inverse-primary: #615c6b;
     }
 }
+
+// contrast roles: generated, do not edit
+@include create-theme-contrast("neutral", (
+    medium: (
+        light: (
+            error: #740006,
+            error-container: #cf2c27,
+            on-error-container: #ffffff,
+            primary: #383442,
+            primary-container: #706a7a,
+            on-primary-container: #ffffff,
+            secondary: #38353d,
+            secondary-container: #6f6b75,
+            on-secondary-container: #ffffff,
+            tertiary: #393347,
+            tertiary-container: #716a80,
+            on-tertiary-container: #ffffff,
+            primary-fixed: #706a7a,
+            primary-fixed-dim: #575261,
+            on-primary-fixed: #ffffff,
+            on-primary-fixed-variant: #ffffff,
+            secondary-fixed: #6f6b75,
+            secondary-fixed-dim: #57535c,
+            on-secondary-fixed: #ffffff,
+            on-secondary-fixed-variant: #ffffff,
+            tertiary-fixed: #716a80,
+            tertiary-fixed-dim: #585267,
+            on-tertiary-fixed: #ffffff,
+            on-tertiary-fixed-variant: #ffffff,
+            surface-dim: #c9c5c7,
+            surface-container: #ebe7e9,
+            surface-container-high: #e0dcdd,
+            surface-container-highest: #d5d0d2,
+            on-surface: #121112,
+            on-surface-variant: #373637,
+            outline: #545253,
+            outline-variant: #6f6c6e,
+        ),
+        dark: (
+            error: #ffd2cc,
+            on-error: #540003,
+            error-container: #ff5449,
+            on-error-container: #000000,
+            primary: #e1d9eb,
+            on-primary: #272431,
+            primary-container: #948e9f,
+            on-primary-container: #000000,
+            secondary: #e0dae5,
+            on-secondary: #27242d,
+            secondary-container: #948f99,
+            on-secondary-container: #000000,
+            tertiary: #e2d8f2,
+            on-tertiary: #282336,
+            tertiary-container: #958da4,
+            on-tertiary-container: #000000,
+            on-primary-fixed: #130f1c,
+            on-primary-fixed-variant: #383442,
+            on-secondary-fixed: #121018,
+            on-secondary-fixed-variant: #38353d,
+            on-tertiary-fixed: #130e20,
+            on-tertiary-fixed-variant: #393347,
+            surface-bright: #464446,
+            surface-container-lowest: #080708,
+            surface-container-low: #1e1d1f,
+            surface-container: #292729,
+            surface-container-high: #333234,
+            surface-container-highest: #3f3d3f,
+            on-surface: #ffffff,
+            on-surface-variant: #dfdbdd,
+            outline: #b4b1b3,
+            outline-variant: #928f91,
+            inverse-on-surface: #2b2a2b,
+            inverse-primary: #4a4654,
+        ),
+    ),
+    high: (
+        light: (
+            error: #600004,
+            error-container: #98000a,
+            on-error-container: #ffffff,
+            primary: #2e2a38,
+            primary-container: #4c4755,
+            on-primary-container: #ffffff,
+            secondary: #2e2b33,
+            secondary-container: #4b4851,
+            on-secondary-container: #ffffff,
+            tertiary: #2f293c,
+            tertiary-container: #4c465b,
+            on-tertiary-container: #ffffff,
+            primary-fixed: #4c4755,
+            primary-fixed-dim: #35313e,
+            on-primary-fixed: #ffffff,
+            on-primary-fixed-variant: #ffffff,
+            secondary-fixed: #4b4851,
+            secondary-fixed-dim: #34313a,
+            on-secondary-fixed: #ffffff,
+            on-secondary-fixed-variant: #ffffff,
+            tertiary-fixed: #4c465b,
+            tertiary-fixed-dim: #353043,
+            on-tertiary-fixed: #ffffff,
+            on-tertiary-fixed-variant: #ffffff,
+            surface-dim: #bbb8b9,
+            surface-container-low: #f4eff1,
+            surface-container: #e6e1e3,
+            surface-container-high: #d7d3d5,
+            surface-container-highest: #c9c5c7,
+            on-surface: #000000,
+            on-surface-variant: #000000,
+            outline: #2d2c2d,
+            outline-variant: #4a494a,
+            inverse-on-surface: #ffffff,
+        ),
+        dark: (
+            error: #ffece9,
+            on-error: #000000,
+            error-container: #ffaea4,
+            on-error-container: #220001,
+            primary: #f5edff,
+            on-primary: #000000,
+            primary-container: #c7bfd1,
+            on-primary-container: #0d0915,
+            secondary: #f4eef9,
+            on-secondary: #000000,
+            secondary-container: #c6c0cb,
+            on-secondary-container: #0c0a11,
+            tertiary: #f5edff,
+            on-tertiary: #000000,
+            tertiary-container: #c8bfd8,
+            on-tertiary-container: #0d081a,
+            on-primary-fixed: #000000,
+            on-primary-fixed-variant: #130f1c,
+            on-secondary-fixed: #000000,
+            on-secondary-fixed-variant: #121018,
+            on-tertiary-fixed: #000000,
+            on-tertiary-fixed-variant: #130e20,
+            surface-bright: #514f51,
+            surface-container-lowest: #000000,
+            surface-container-low: #201f21,
+            surface-container: #313032,
+            surface-container-high: #3c3b3c,
+            surface-container-highest: #484648,
+            on-surface: #ffffff,
+            on-surface-variant: #ffffff,
+            outline: #f3eff1,
+            outline-variant: #c5c1c3,
+            inverse-on-surface: #000000,
+            inverse-primary: #4a4654,
+        ),
+    ),
+));

package/src/styles/themes/_ocean.scss

@@ -1,4 +1,5 @@
 // src/styles/themes/_ocean.scss
+// Medium/high contrast: Tonal Spot from seed #006C9C, secondary from #4f616e, tertiary from #625b71.
 @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("ocean", (
+    medium: (
+        light: (
+            error: #740006,
+            error-container: #cf2c27,
+            on-error-container: #ffffff,
+            primary: #003a56,
+            primary-container: #387299,
+            on-primary-container: #ffffff,
+            secondary: #263844,
+            secondary-container: #5d6f7d,
+            on-secondary-container: #ffffff,
+            tertiary: #393347,
+            tertiary-container: #716980,
+            on-tertiary-container: #ffffff,
+            primary-fixed: #387299,
+            primary-fixed-dim: #185a7f,
+            on-primary-fixed: #ffffff,
+            on-primary-fixed-variant: #ffffff,
+            secondary-fixed: #5d6f7d,
+            secondary-fixed-dim: #455764,
+            on-secondary-fixed: #ffffff,
+            on-secondary-fixed-variant: #ffffff,
+            tertiary-fixed: #716980,
+            tertiary-fixed-dim: #585167,
+            on-tertiary-fixed: #ffffff,
+            on-tertiary-fixed-variant: #ffffff,
+            surface: #f7f9ff,
+            surface-dim: #c3c7cc,
+            surface-bright: #f7f9ff,
+            surface-variant: #dde3ea,
+            surface-container-low: #f1f4f9,
+            surface-container: #e5e8ed,
+            surface-container-high: #dadde2,
+            surface-container-highest: #cfd2d7,
+            on-surface: #0d1215,
+            on-surface-variant: #31373c,
+            outline: #4d5359,
+            outline-variant: #676e74,
+            inverse-surface: #2d3135,
+            inverse-on-surface: #eef1f6,
+            inverse-primary: #95cdf7,
+        ),
+        dark: (
+            error: #ffd2cc,
+            on-error: #540003,
+            error-container: #ff5449,
+            on-error-container: #000000,
+            primary: #bce1ff,
+            on-primary: #00283e,
+            primary-container: #5e97be,
+            on-primary-container: #000000,
+            secondary: #ccdfee,
+            on-secondary: #162833,
+            secondary-container: #8193a1,
+            on-secondary-container: #000000,
+            tertiary: #e2d8f2,
+            on-tertiary: #282336,
+            tertiary-container: #958da5,
+            on-tertiary-container: #000000,
+            primary-fixed: #c9e6ff,
+            primary-fixed-dim: #95cdf7,
+            on-primary-fixed: #001320,
+            on-primary-fixed-variant: #003a56,
+            on-secondary-fixed: #01131e,
+            on-secondary-fixed-variant: #263844,
+            on-tertiary-fixed: #130e20,
+            on-tertiary-fixed-variant: #393347,
+            surface: #101417,
+            surface-dim: #101417,
+            surface-bright: #414549,
+            surface-variant: #41474d,
+            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-surface: #e0e3e8,
+            inverse-on-surface: #262a2e,
+            inverse-primary: #004d70,
+        ),
+    ),
+    high: (
+        light: (
+            error: #600004,
+            error-container: #98000a,
+            on-error-container: #ffffff,
+            primary: #002f47,
+            primary-container: #004e72,
+            on-primary-container: #ffffff,
+            secondary: #1c2e3a,
+            secondary-container: #3a4b58,
+            on-secondary-container: #ffffff,
+            tertiary: #2f293d,
+            tertiary-container: #4c465b,
+            on-tertiary-container: #ffffff,
+            primary-fixed: #004e72,
+            primary-fixed-dim: #003651,
+            on-primary-fixed: #ffffff,
+            on-primary-fixed-variant: #ffffff,
+            secondary-fixed: #3a4b58,
+            secondary-fixed-dim: #233541,
+            on-secondary-fixed: #ffffff,
+            on-secondary-fixed-variant: #ffffff,
+            tertiary-fixed: #4c465b,
+            tertiary-fixed-dim: #353043,
+            on-tertiary-fixed: #ffffff,
+            on-tertiary-fixed-variant: #ffffff,
+            surface: #f7f9ff,
+            surface-dim: #b6b9be,
+            surface-bright: #f7f9ff,
+            surface-variant: #dde3ea,
+            surface-container-low: #eef1f6,
+            surface-container: #e0e3e8,
+            surface-container-high: #d1d5d9,
+            surface-container-highest: #c3c7cc,
+            on-surface: #000000,
+            on-surface-variant: #000000,
+            outline: #272d32,
+            outline-variant: #444a50,
+            inverse-surface: #2d3135,
+            inverse-on-surface: #ffffff,
+            inverse-primary: #95cdf7,
+        ),
+        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: #e3f2ff,
+            on-secondary: #000000,
+            secondary-container: #b2c5d4,
+            on-secondary-container: #000d16,
+            tertiary: #f5edff,
+            on-tertiary: #000000,
+            tertiary-container: #c8bed8,
+            on-tertiary-container: #0d081a,
+            primary-fixed: #c9e6ff,
+            primary-fixed-dim: #95cdf7,
+            on-primary-fixed: #000000,
+            on-primary-fixed-variant: #001320,
+            on-secondary-fixed: #000000,
+            on-secondary-fixed-variant: #01131e,
+            on-tertiary-fixed: #000000,
+            on-tertiary-fixed-variant: #130e20,
+            surface: #101417,
+            surface-dim: #101417,
+            surface-bright: #4c5055,
+            surface-variant: #41474d,
+            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-surface: #e0e3e8,
+            inverse-on-surface: #000000,
+            inverse-primary: #004d70,
+        ),
+    ),
+));

package/src/styles/themes/_rainbow.scss

@@ -106,3 +106,153 @@
         --#{$prefix}-sys-color-inverse-primary: #6750a4;
     }
 }
+
+// contrast roles: generated, do not edit
+@include create-theme-contrast("rainbow", (
+    medium: (
+        light: (
+            error: #740006,
+            error-container: #cf2c27,
+            on-error-container: #ffffff,
+            primary: #3e2578,
+            primary-container: #765fb4,
+            on-primary-container: #ffffff,
+            secondary: #393347,
+            secondary-container: #716a80,
+            on-secondary-container: #ffffff,
+            tertiary: #502b38,
+            tertiary-container: #8e606f,
+            on-tertiary-container: #ffffff,
+            primary-fixed: #765fb4,
+            primary-fixed-dim: #5d469a,
+            on-primary-fixed: #ffffff,
+            on-primary-fixed-variant: #ffffff,
+            secondary-fixed: #716a80,
+            secondary-fixed-dim: #585267,
+            on-secondary-fixed: #ffffff,
+            on-secondary-fixed-variant: #ffffff,
+            tertiary-fixed: #8e606f,
+            tertiary-fixed-dim: #734856,
+            on-tertiary-fixed: #ffffff,
+            on-tertiary-fixed-variant: #ffffff,
+            surface-dim: #c6c6c6,
+            surface-container: #e8e8e8,
+            surface-container-high: #dddddd,
+            surface-container-highest: #d1d1d1,
+            on-surface: #111111,
+            on-surface-variant: #363636,
+            outline: #525252,
+            outline-variant: #6d6d6d,
+        ),
+        dark: (
+            error: #ffd2cc,
+            on-error: #540003,
+            error-container: #ff5449,
+            on-error-container: #000000,
+            primary: #e3d6ff,
+            on-primary: #2d1067,
+            primary-container: #9a83db,
+            on-primary-container: #000000,
+            secondary: #e2d8f2,
+            on-secondary: #282336,
+            secondary-container: #958da4,
+            on-secondary-container: #000000,
+            tertiary: #ffd0dd,
+            on-tertiary: #3d1a27,
+            tertiary-container: #b58392,
+            on-tertiary-container: #000000,
+            on-primary-fixed: #160042,
+            on-primary-fixed-variant: #3e2578,
+            on-secondary-fixed: #130e20,
+            on-secondary-fixed-variant: #393347,
+            on-tertiary-fixed: #240613,
+            on-tertiary-fixed-variant: #502b38,
+            surface-bright: #444444,
+            surface-container-lowest: #070707,
+            surface-container-low: #1d1d1d,
+            surface-container: #282828,
+            surface-container-high: #323232,
+            surface-container-highest: #3e3e3e,
+            on-surface: #ffffff,
+            on-surface-variant: #dcdcdc,
+            outline: #b2b2b2,
+            outline-variant: #909090,
+            inverse-on-surface: #2a2a2a,
+            inverse-primary: #50388c,
+        ),
+    ),
+    high: (
+        light: (
+            error: #600004,
+            error-container: #98000a,
+            on-error-container: #ffffff,
+            primary: #33196e,
+            primary-container: #513a8d,
+            on-primary-container: #ffffff,
+            secondary: #2f293c,
+            secondary-container: #4c465b,
+            on-secondary-container: #ffffff,
+            tertiary: #45212e,
+            tertiary-container: #663d4b,
+            on-tertiary-container: #ffffff,
+            primary-fixed: #513a8d,
+            primary-fixed-dim: #3a2175,
+            on-primary-fixed: #ffffff,
+            on-primary-fixed-variant: #ffffff,
+            secondary-fixed: #4c465b,
+            secondary-fixed-dim: #353043,
+            on-secondary-fixed: #ffffff,
+            on-secondary-fixed-variant: #ffffff,
+            tertiary-fixed: #663d4b,
+            tertiary-fixed-dim: #4c2734,
+            on-tertiary-fixed: #ffffff,
+            on-tertiary-fixed-variant: #ffffff,
+            surface-dim: #b9b9b9,
+            surface-container-low: #f1f1f1,
+            surface-container: #e2e2e2,
+            surface-container-high: #d4d4d4,
+            surface-container-highest: #c6c6c6,
+            on-surface: #000000,
+            on-surface-variant: #000000,
+            outline: #2c2c2c,
+            outline-variant: #494949,
+            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: #c8bfd8,
+            on-secondary-container: #0d081a,
+            tertiary: #ffebef,
+            on-tertiary: #000000,
+            tertiary-container: #ebb4c4,
+            on-tertiary-container: #1d020d,
+            on-primary-fixed: #000000,
+            on-primary-fixed-variant: #160042,
+            on-secondary-fixed: #000000,
+            on-secondary-fixed-variant: #130e20,
+            on-tertiary-fixed: #000000,
+            on-tertiary-fixed-variant: #240613,
+            surface-bright: #505050,
+            surface-container-lowest: #000000,
+            surface-container-low: #1f1f1f,
+            surface-container: #303030,
+            surface-container-high: #3b3b3b,
+            surface-container-highest: #474747,
+            on-surface: #ffffff,
+            on-surface-variant: #ffffff,
+            outline: #f0f0f0,
+            outline-variant: #c2c2c2,
+            inverse-on-surface: #000000,
+            inverse-primary: #50388c,
+        ),
+    ),
+));