mtrl 0.10.3 → 0.10.5

package/src/styles/themes/_tealcaramel.scss

@@ -106,3 +106,153 @@
         --#{$prefix}-sys-color-inverse-primary: #00687a;
     }
 }
+
+// contrast roles: generated, do not edit
+@include create-theme-contrast("tealcaramel", (
+    medium: (
+        light: (
+            error: #740006,
+            error-container: #cf2c27,
+            on-error-container: #ffffff,
+            primary: #003c47,
+            primary-container: #1e778a,
+            on-primary-container: #ffffff,
+            secondary: #552c00,
+            secondary-container: #966130,
+            on-secondary-container: #ffffff,
+            tertiary: #2e3453,
+            tertiary-container: #656b8d,
+            on-tertiary-container: #ffffff,
+            primary-fixed: #1e778a,
+            primary-fixed-dim: #005d6e,
+            on-primary-fixed: #ffffff,
+            on-primary-fixed-variant: #ffffff,
+            secondary-fixed: #966130,
+            secondary-fixed-dim: #7a491a,
+            on-secondary-fixed: #ffffff,
+            on-secondary-fixed-variant: #ffffff,
+            tertiary-fixed: #656b8d,
+            tertiary-fixed-dim: #4d5374,
+            on-tertiary-fixed: #ffffff,
+            on-tertiary-fixed-variant: #ffffff,
+            surface-dim: #c2c7c9,
+            surface-container: #e4e9eb,
+            surface-container-high: #d8dee0,
+            surface-container-highest: #cdd2d5,
+            on-surface: #0c1214,
+            on-surface-variant: #2f383a,
+            outline: #4b5457,
+            outline-variant: #666f71,
+        ),
+        dark: (
+            error: #ffd2cc,
+            on-error: #540003,
+            error-container: #ff5449,
+            on-error-container: #000000,
+            primary: #9ae8fd,
+            on-primary: #002a33,
+            primary-container: #4c9baf,
+            on-primary-container: #000000,
+            secondary: #ffd4b3,
+            on-secondary: #3d1e00,
+            secondary-container: #bf8450,
+            on-secondary-container: #000000,
+            tertiary: #d5daff,
+            on-tertiary: #1d2442,
+            tertiary-container: #898fb3,
+            on-tertiary-container: #000000,
+            on-primary-fixed: #001419,
+            on-primary-fixed-variant: #003c47,
+            on-secondary-fixed: #1f0c00,
+            on-secondary-fixed-variant: #552c00,
+            on-tertiary-fixed: #080f2c,
+            on-tertiary-fixed-variant: #2e3453,
+            surface-bright: #404547,
+            surface-container-lowest: #04080a,
+            surface-container-low: #191e20,
+            surface-container: #23292b,
+            surface-container-high: #2e3335,
+            surface-container-highest: #393f40,
+            on-surface: #ffffff,
+            on-surface-variant: #d5dee1,
+            outline: #aab3b6,
+            outline-variant: #899295,
+            inverse-on-surface: #252b2d,
+            inverse-primary: #004f5e,
+        ),
+    ),
+    high: (
+        light: (
+            error: #600004,
+            error-container: #98000a,
+            on-error-container: #ffffff,
+            primary: #00313b,
+            primary-container: #00515f,
+            on-primary-container: #ffffff,
+            secondary: #462300,
+            secondary-container: #6c3e0f,
+            on-secondary-container: #ffffff,
+            tertiary: #242a48,
+            tertiary-container: #414767,
+            on-tertiary-container: #ffffff,
+            primary-fixed: #00515f,
+            primary-fixed-dim: #003843,
+            on-primary-fixed: #ffffff,
+            on-primary-fixed-variant: #ffffff,
+            secondary-fixed: #6c3e0f,
+            secondary-fixed-dim: #502900,
+            on-secondary-fixed: #ffffff,
+            on-secondary-fixed-variant: #ffffff,
+            tertiary-fixed: #414767,
+            tertiary-fixed-dim: #2b314f,
+            on-tertiary-fixed: #ffffff,
+            on-tertiary-fixed-variant: #ffffff,
+            surface-dim: #b4babc,
+            surface-container-low: #ecf2f4,
+            surface-container: #dee3e5,
+            surface-container-high: #d0d5d7,
+            surface-container-highest: #c2c7c9,
+            on-surface: #000000,
+            on-surface-variant: #000000,
+            outline: #252d30,
+            outline-variant: #424b4d,
+            inverse-on-surface: #ffffff,
+        ),
+        dark: (
+            error: #ffece9,
+            on-error: #000000,
+            error-container: #ffaea4,
+            on-error-container: #220001,
+            primary: #d6f5ff,
+            on-primary: #000000,
+            primary-container: #80cee3,
+            on-primary-container: #000d12,
+            secondary: #ffede0,
+            on-secondary: #000000,
+            secondary-container: #f8b57c,
+            on-secondary-container: #160800,
+            tertiary: #efefff,
+            on-tertiary: #000000,
+            tertiary-container: #bbc1e7,
+            on-tertiary-container: #030826,
+            on-primary-fixed: #000000,
+            on-primary-fixed-variant: #001419,
+            on-secondary-fixed: #000000,
+            on-secondary-fixed-variant: #1f0c00,
+            on-tertiary-fixed: #000000,
+            on-tertiary-fixed-variant: #080f2c,
+            surface-bright: #4b5153,
+            surface-container-lowest: #000000,
+            surface-container-low: #1b2022,
+            surface-container: #2c3133,
+            surface-container-high: #373c3e,
+            surface-container-highest: #42484a,
+            on-surface: #ffffff,
+            on-surface-variant: #ffffff,
+            outline: #e9f1f5,
+            outline-variant: #bbc4c7,
+            inverse-on-surface: #000000,
+            inverse-primary: #004f5e,
+        ),
+    ),
+));

package/src/styles/themes/_vibrant.scss

@@ -106,3 +106,153 @@
         --#{$prefix}-sys-color-inverse-primary: #6f19ff;
     }
 }
+
+// contrast roles: generated, do not edit
+@include create-theme-contrast("vibrant", (
+    medium: (
+        light: (
+            error: #740006,
+            error-container: #cf2c27,
+            on-error-container: #ffffff,
+            primary: #4100a1,
+            primary-container: #7d40ff,
+            on-primary-container: #ffffff,
+            secondary: #412f4e,
+            secondary-container: #7a6587,
+            on-secondary-container: #ffffff,
+            tertiary: #4d294f,
+            tertiary-container: #895f89,
+            on-tertiary-container: #ffffff,
+            primary-fixed: #7d40ff,
+            primary-fixed-dim: #6400f0,
+            on-primary-fixed: #ffffff,
+            on-primary-fixed-variant: #ffffff,
+            secondary-fixed: #7a6587,
+            secondary-fixed-dim: #614d6e,
+            on-secondary-fixed: #ffffff,
+            on-secondary-fixed-variant: #ffffff,
+            tertiary-fixed: #895f89,
+            tertiary-fixed-dim: #6e4770,
+            on-tertiary-fixed: #ffffff,
+            on-tertiary-fixed-variant: #ffffff,
+            surface-dim: #cbc4d2,
+            surface-container: #ede5f4,
+            surface-container-high: #e1dae9,
+            surface-container-highest: #d6cfdd,
+            on-surface: #12101a,
+            on-surface-variant: #383442,
+            outline: #55505f,
+            outline-variant: #706a7a,
+        ),
+        dark: (
+            error: #ffd2cc,
+            on-error: #540003,
+            error-container: #ff5449,
+            on-error-container: #000000,
+            primary: #e3d6ff,
+            on-primary: #2e0077,
+            primary-container: #9e79ff,
+            on-primary-container: #000000,
+            secondary: #edd3fb,
+            on-secondary: #301e3c,
+            secondary-container: #9f88ad,
+            on-secondary-container: #000000,
+            tertiary: #ffccfd,
+            on-tertiary: #3a183e,
+            tertiary-container: #af82af,
+            on-tertiary-container: #000000,
+            on-primary-fixed: #160042,
+            on-primary-fixed-variant: #4100a1,
+            on-secondary-fixed: #1a0926,
+            on-secondary-fixed-variant: #412f4e,
+            on-tertiary-fixed: #230328,
+            on-tertiary-fixed-variant: #4d294f,
+            surface-bright: #47434e,
+            surface-container-lowest: #08060f,
+            surface-container-low: #1f1c26,
+            surface-container: #292631,
+            surface-container-high: #34313c,
+            surface-container-highest: #403c47,
+            on-surface: #ffffff,
+            on-surface-variant: #e1d9eb,
+            outline: #b6afc0,
+            outline-variant: #948e9e,
+            inverse-on-surface: #2c2833,
+            inverse-primary: #5500cf,
+        ),
+    ),
+    high: (
+        light: (
+            error: #600004,
+            error-container: #98000a,
+            on-error-container: #ffffff,
+            primary: #350087,
+            primary-container: #5700d2,
+            on-primary-container: #ffffff,
+            secondary: #362543,
+            secondary-container: #554262,
+            on-secondary-container: #ffffff,
+            tertiary: #421e45,
+            tertiary-container: #623b64,
+            on-tertiary-container: #ffffff,
+            primary-fixed: #5700d2,
+            primary-fixed-dim: #3d0098,
+            on-primary-fixed: #ffffff,
+            on-primary-fixed-variant: #ffffff,
+            secondary-fixed: #554262,
+            secondary-fixed-dim: #3d2b4a,
+            on-secondary-fixed: #ffffff,
+            on-secondary-fixed-variant: #ffffff,
+            tertiary-fixed: #623b64,
+            tertiary-fixed-dim: #49254c,
+            on-tertiary-fixed: #ffffff,
+            on-tertiary-fixed-variant: #ffffff,
+            surface-dim: #bdb6c4,
+            surface-container-low: #f5eefd,
+            surface-container: #e7e0ef,
+            surface-container-high: #d9d2e0,
+            surface-container-highest: #cbc4d2,
+            on-surface: #000000,
+            on-surface-variant: #000000,
+            outline: #2e2a38,
+            outline-variant: #4c4755,
+            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: #faebff,
+            on-secondary: #000000,
+            secondary-container: #d3bae0,
+            on-secondary-container: #140420,
+            tertiary: #ffeafa,
+            on-tertiary: #000000,
+            tertiary-container: #e4b3e3,
+            on-tertiary-container: #1b0020,
+            on-primary-fixed: #000000,
+            on-primary-fixed-variant: #160042,
+            on-secondary-fixed: #000000,
+            on-secondary-fixed-variant: #1a0926,
+            on-tertiary-fixed: #000000,
+            on-tertiary-fixed-variant: #230328,
+            surface-bright: #524e5a,
+            surface-container-lowest: #000000,
+            surface-container-low: #211e28,
+            surface-container: #322f3a,
+            surface-container-high: #3d3a45,
+            surface-container-highest: #494551,
+            on-surface: #ffffff,
+            on-surface-variant: #ffffff,
+            outline: #f5edff,
+            outline-variant: #c7bfd1,
+            inverse-on-surface: #000000,
+            inverse-primary: #5500cf,
+        ),
+    ),
+));

package/src/styles/themes/_winter.scss

@@ -1,4 +1,5 @@
 // src/styles/themes/_winter.scss
+// Medium/high contrast: Tonal Spot from seed #546E7A, secondary from #4a626e, tertiary from #5d5b7d.
 // Deprecated in 0.10, removed in 1.0 (FLO-308): use `ocean`, its near-duplicate.
 @use "../abstract/base" as *;
 @use "base-theme" as *;
@@ -86,3 +87,183 @@
         @include status-colors-dark();
     }
 }
+
+// contrast roles: generated, do not edit
+@include create-theme-contrast("winter", (
+    medium: (
+        light: (
+            error: #740006,
+            error-container: #cf2c27,
+            on-error-container: #ffffff,
+            primary: #003b4d,
+            primary-container: #287590,
+            on-primary-container: #ffffff,
+            secondary: #213944,
+            secondary-container: #58707d,
+            on-secondary-container: #ffffff,
+            tertiary: #343352,
+            tertiary-container: #6c698c,
+            on-tertiary-container: #ffffff,
+            primary-fixed: #287590,
+            primary-fixed-dim: #005c76,
+            on-primary-fixed: #ffffff,
+            on-primary-fixed-variant: #ffffff,
+            secondary-fixed: #58707d,
+            secondary-fixed-dim: #405864,
+            on-secondary-fixed: #ffffff,
+            on-secondary-fixed-variant: #ffffff,
+            tertiary-fixed: #6c698c,
+            tertiary-fixed-dim: #535173,
+            on-tertiary-fixed: #ffffff,
+            on-tertiary-fixed-variant: #ffffff,
+            surface: #f5fafd,
+            surface-dim: #c2c7ca,
+            surface-bright: #f5fafd,
+            surface-variant: #dce4e9,
+            surface-container-low: #f0f4f8,
+            surface-container: #e4e9ec,
+            surface-container-high: #d9dde1,
+            surface-container-highest: #cdd2d6,
+            on-surface: #0d1214,
+            on-surface-variant: #2f373b,
+            outline: #4c5458,
+            outline-variant: #666e73,
+            inverse-on-surface: #edf1f5,
+            inverse-primary: #8ad0ee,
+        ),
+        dark: (
+            error: #ffd2cc,
+            on-error: #540003,
+            error-container: #ff5449,
+            on-error-container: #000000,
+            primary: #abe5ff,
+            on-primary: #002a37,
+            primary-container: #529ab6,
+            on-primary-container: #000000,
+            secondary: #c7e0ee,
+            on-secondary: #0f2933,
+            secondary-container: #7c94a1,
+            on-secondary-container: #000000,
+            tertiary: #dcd8ff,
+            on-tertiary: #242241,
+            tertiary-container: #908db2,
+            on-tertiary-container: #000000,
+            primary-fixed: #bbe9ff,
+            primary-fixed-dim: #8ad0ee,
+            on-primary-fixed: #00131b,
+            on-primary-fixed-variant: #003b4d,
+            secondary-fixed: #cde6f5,
+            secondary-fixed-dim: #b1cad8,
+            on-secondary-fixed: #00131c,
+            on-secondary-fixed-variant: #213944,
+            tertiary-fixed: #e3dfff,
+            tertiary-fixed-dim: #c6c2ea,
+            on-tertiary-fixed: #0f0d2b,
+            on-tertiary-fixed-variant: #343352,
+            surface: #0f1417,
+            surface-dim: #0f1417,
+            surface-bright: #404548,
+            surface-variant: #40484c,
+            surface-container-lowest: #04080a,
+            surface-container-low: #191e21,
+            surface-container: #23292b,
+            surface-container-high: #2e3336,
+            surface-container-highest: #393e41,
+            on-surface: #ffffff,
+            on-surface-variant: #d6dde2,
+            outline: #abb3b8,
+            outline-variant: #899196,
+            inverse-surface: #dee3e6,
+            inverse-on-surface: #262b2d,
+            inverse-primary: #004e64,
+        ),
+    ),
+    high: (
+        light: (
+            error: #600004,
+            error-container: #98000a,
+            on-error-container: #ffffff,
+            primary: #00313f,
+            primary-container: #005066,
+            on-primary-container: #ffffff,
+            secondary: #162f3a,
+            secondary-container: #354c58,
+            on-secondary-container: #ffffff,
+            tertiary: #2a2948,
+            tertiary-container: #474666,
+            on-tertiary-container: #ffffff,
+            primary-fixed: #005066,
+            primary-fixed-dim: #003848,
+            on-primary-fixed: #ffffff,
+            on-primary-fixed-variant: #ffffff,
+            secondary-fixed: #354c58,
+            secondary-fixed-dim: #1d3641,
+            on-secondary-fixed: #ffffff,
+            on-secondary-fixed-variant: #ffffff,
+            tertiary-fixed: #474666,
+            tertiary-fixed-dim: #312f4e,
+            on-tertiary-fixed: #ffffff,
+            on-tertiary-fixed-variant: #ffffff,
+            surface: #f5fafd,
+            surface-dim: #b5b9bd,
+            surface-bright: #f5fafd,
+            surface-variant: #dce4e9,
+            surface-container-low: #edf1f5,
+            surface-container: #dee3e6,
+            surface-container-high: #d0d5d8,
+            surface-container-highest: #c2c7ca,
+            on-surface: #000000,
+            on-surface-variant: #000000,
+            outline: #252d31,
+            outline-variant: #424a4e,
+            inverse-on-surface: #ffffff,
+            inverse-primary: #8ad0ee,
+        ),
+        dark: (
+            error: #ffece9,
+            on-error: #000000,
+            error-container: #ffaea4,
+            on-error-container: #220001,
+            primary: #ddf3ff,
+            on-primary: #000000,
+            primary-container: #86ccea,
+            on-primary-container: #000d14,
+            secondary: #def3ff,
+            on-secondary: #000000,
+            secondary-container: #adc6d4,
+            on-secondary-container: #000d14,
+            tertiary: #f2eeff,
+            on-tertiary: #000000,
+            tertiary-container: #c2bfe6,
+            on-tertiary-container: #090725,
+            primary-fixed: #bbe9ff,
+            primary-fixed-dim: #8ad0ee,
+            on-primary-fixed: #000000,
+            on-primary-fixed-variant: #00131b,
+            secondary-fixed: #cde6f5,
+            secondary-fixed-dim: #b1cad8,
+            on-secondary-fixed: #000000,
+            on-secondary-fixed-variant: #00131c,
+            tertiary-fixed: #e3dfff,
+            tertiary-fixed-dim: #c6c2ea,
+            on-tertiary-fixed: #000000,
+            on-tertiary-fixed-variant: #0f0d2b,
+            surface: #0f1417,
+            surface-dim: #0f1417,
+            surface-bright: #4c5154,
+            surface-variant: #40484c,
+            surface-container-lowest: #000000,
+            surface-container-low: #1b2023,
+            surface-container: #2c3134,
+            surface-container-high: #373c3f,
+            surface-container-highest: #42474a,
+            on-surface: #ffffff,
+            on-surface-variant: #ffffff,
+            outline: #e9f1f6,
+            outline-variant: #bcc4c9,
+            inverse-surface: #dee3e6,
+            inverse-on-surface: #000000,
+            inverse-primary: #004e64,
+        ),
+    ),
+));