@covalent/tokens 8.0.0 → 8.1.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/_index.scss +1900 -132
  2. package/index.css +869 -114
  3. package/index.d.ts +774 -19
  4. package/index.js +869 -114
  5. package/index.json +36207 -932
  6. package/package.json +1 -1
package/_index.scss CHANGED
@@ -1,23 +1,9 @@
1
1
 
2
2
  /**
3
3
  * Do not edit directly
4
- * Generated on Wed, 03 Jan 2024 14:24:43 GMT
4
+ * Generated on Wed, 17 Jan 2024 15:38:27 GMT
5
5
  */
6
6
 
7
- $light-primary: #007373 !default;
8
- $light-secondary: #007373 !default;
9
- $light-error: #b11d00 !default;
10
- $light-positive: #0a7e07 !default;
11
- $light-caution: #ff8f00 !default;
12
- $light-negative: #b11d00 !default;
13
- $light-on-primary: white !default;
14
- $light-on-secondary: white !default;
15
- $light-on-background: rgba(0, 0, 0, 0.87) !default;
16
- $light-on-surface: rgba(0, 0, 0, 0.87) !default;
17
- $light-on-error: white !default;
18
- $light-divider: rgba(0, 0, 0, 0.12) !default;
19
- $light-emphasis: #546e7a !default;
20
- $light-accent: #007373 !default;
21
7
  $light-code-snippet-color: #383a42 !default;
22
8
  $light-code-snippet-comment: #a0a1a7 !default;
23
9
  $light-code-snippet-keyword: #a626a4 !default;
@@ -27,63 +13,63 @@ $light-code-snippet-string: #50a14f !default;
27
13
  $light-code-snippet-variable: #986801 !default;
28
14
  $light-code-snippet-title: #4078f2 !default;
29
15
  $light-code-snippet-class: #c18401 !default;
30
- $light-background: #f5f5f5 !default;
31
- $light-surface: white !default;
32
- $light-surface-canvas: #eee !default;
33
- $light-surface-primary: #85dddc !default;
34
- $light-surface-primary-highlight: rgba(#85dddc, 0.1) !default;
35
- $light-surface-primary-highlight-hover: rgba(#85dddc, 0.2) !default;
36
- $light-surface-accent: #85dddc !default;
37
- $light-surface-accent-highlight: rgba(#85dddc, 0.1) !default;
38
- $light-surface-accent-highlight-hover: rgba(#85dddc, 0.2) !default;
39
- $light-surface-secondary: #85dddc !default;
40
- $light-surface-secondary-highlight: rgba(#85dddc, 0.1) !default;
41
- $light-surface-secondary-highlight-hover: rgba(#85dddc, 0.2) !default;
42
- $light-surface-positive: #a5d6a7 !default;
43
- $light-surface-positive-highlight: rgba(#a5d6a7, 0.1) !default;
44
- $light-surface-positive-highlight-hover: rgba(#a5d6a7, 0.2) !default;
45
- $light-surface-caution: #ffb74d !default;
46
- $light-surface-caution-highlight: rgba(#ffb74d, 0.1) !default;
47
- $light-surface-caution-highlight-hover: rgba(#ffb74d, 0.2) !default;
48
- $light-surface-negative: #e57373 !default;
49
- $light-surface-negative-highlight: rgba(#e57373, 0.1) !default;
50
- $light-surface-negative-highlight-hover: rgba(#e57373, 0.2) !default;
51
- $light-surface-neutral: #bdbdbd !default;
52
- $light-surface-neutral-highlight: rgba(#bdbdbd, 0.04) !default;
53
- $light-surface-neutral-highlight-hover: rgba(#bdbdbd, 0.08) !default;
54
- $light-surface-emphasis: #afb6b9 !default;
55
- $light-surface-emphasis-highlight: rgba(#afb6b9, 0.1) !default;
56
- $light-surface-emphasis-highlight-hover: rgba(#afb6b9, 0.2) !default;
57
- $light-text-primary-on-background: rgba(0, 0, 0, 0.87) !default;
58
- $light-text-secondary-on-background: rgba(0, 0, 0, 0.54) !default;
59
- $light-text-hint-on-background: rgba(0, 0, 0, 0.38) !default;
60
- $light-text-disabled-on-background: rgba(0, 0, 0, 0.38) !default;
61
- $light-text-icon-on-background: rgba(0, 0, 0, 0.54) !default;
16
+ $light-primary: #3053f4ff !default;
17
+ $light-secondary: #5b5d72ff !default;
18
+ $light-error: #ae1209ff !default;
19
+ $light-positive: #036600ff !default;
20
+ $light-caution: #f38800ff !default;
21
+ $light-negative: #ae1209ff !default;
22
+ $light-on-primary: #ffffffff !default;
23
+ $light-on-secondary: #ffffffff !default;
24
+ $light-on-background: #161c1fff !default;
25
+ $light-on-surface: #1e1d1eff !default;
26
+ $light-on-error: #ffffffff !default;
27
+ $light-divider: #d5d3d8ff !default;
28
+ $light-emphasis: #b10142ff !default;
29
+ $light-accent: #3053f4ff !default;
30
+ $light-background: #f5f5f5ff !default;
31
+ $light-surface: #fdf9fcff !default;
32
+ $light-surface-canvas: #ffffffff !default;
33
+ $light-surface-primary: #ececfeff !default;
34
+ $light-surface-primary-highlight: #3053f414 !default;
35
+ $light-surface-primary-highlight-hover: #3053f414 !default;
36
+ $light-surface-accent: #ececfeff !default;
37
+ $light-surface-accent-highlight: #3053f414 !default;
38
+ $light-surface-accent-highlight-hover: #3053f41f !default;
39
+ $light-surface-secondary: #dfe1f9ff !default;
40
+ $light-surface-secondary-highlight: #5b5d7214 !default;
41
+ $light-surface-secondary-highlight-hover: #5b5d7214 !default;
42
+ $light-surface-positive: #8fcc8eff !default;
43
+ $light-surface-positive-highlight: #03660014 !default;
44
+ $light-surface-positive-highlight-hover: #03660014 !default;
45
+ $light-surface-caution: #ffcc8cff !default;
46
+ $light-surface-caution-highlight: #f3880014 !default;
47
+ $light-surface-caution-highlight-hover: #f3880014 !default;
48
+ $light-surface-negative: #ffb2aeff !default;
49
+ $light-surface-negative-highlight: #ae120914 !default;
50
+ $light-surface-negative-highlight-hover: #ae120914 !default;
51
+ $light-surface-neutral: #76757dff !default;
52
+ $light-surface-neutral-highlight: rgba(#76757dff, 0.04) !default;
53
+ $light-surface-neutral-highlight-hover: rgba(#76757dff, 0.08) !default;
54
+ $light-surface-emphasis: #e8b3c6ff !default;
55
+ $light-surface-emphasis-highlight: #b1014214 !default;
56
+ $light-surface-emphasis-highlight-hover: #b1014214 !default;
57
+ $light-text-primary-on-background: #1e1d1eff !default;
58
+ $light-text-secondary-on-background: #5c5b5fff !default;
59
+ $light-text-hint-on-background: #5c5b5fff !default;
60
+ $light-text-disabled-on-background: #191c1e61 !default;
61
+ $light-text-icon-on-background: #5c5b5fff !default;
62
62
  $light-text-logo-on-background: #354145 !default;
63
- $light-text-primary-on-light: rgba(0, 0, 0, 0.87) !default;
64
- $light-text-secondary-on-light: rgba(0, 0, 0, 0.54) !default;
65
- $light-text-hint-on-light: rgba(0, 0, 0, 0.38) !default;
66
- $light-text-disabled-on-light: rgba(0, 0, 0, 0.38) !default;
67
- $light-text-icon-on-light: rgba(0, 0, 0, 0.54) !default;
68
- $light-text-primary-on-dark: white !default;
69
- $light-text-secondary-on-dark: rgba(255, 255, 255, 0.7) !default;
70
- $light-text-hint-on-dark: rgba(255, 255, 255, 0.5) !default;
71
- $light-text-disabled-on-dark: rgba(255, 255, 255, 0.5) !default;
72
- $light-text-icon-on-dark: white !default;
73
- $dark-primary: #59cecd !default;
74
- $dark-secondary: #59cecd !default;
75
- $dark-error: #f46f5a !default;
76
- $dark-positive: #42bd41 !default;
77
- $dark-caution: #ffb74d !default;
78
- $dark-negative: #f46f5a !default;
79
- $dark-on-primary: rgba(0, 0, 0, 0.87) !default;
80
- $dark-on-secondary: rgba(0, 0, 0, 0.87) !default;
81
- $dark-on-background: white !default;
82
- $dark-on-surface: white !default;
83
- $dark-on-error: rgba(0, 0, 0, 0.87) !default;
84
- $dark-divider: rgba(255, 255, 255, 0.2) !default;
85
- $dark-emphasis: #b0bec5 !default;
86
- $dark-accent: #59cecd !default;
63
+ $light-text-primary-on-light: #1e1d1eff !default;
64
+ $light-text-secondary-on-light: #5c5b5fff !default;
65
+ $light-text-hint-on-light: #5c5b5fff !default;
66
+ $light-text-disabled-on-light: #191c1e61 !default;
67
+ $light-text-icon-on-light: #5c5b5fff !default;
68
+ $light-text-primary-on-dark: #ebe8ecff !default;
69
+ $light-text-secondary-on-dark: #d5d3d8ff !default;
70
+ $light-text-hint-on-dark: #d5d3d8ff !default;
71
+ $light-text-disabled-on-dark: #f8f9fb61 !default;
72
+ $light-text-icon-on-dark: #d5d3d8ff !default;
87
73
  $dark-code-snippet-color: #abb2bf !default;
88
74
  $dark-code-snippet-comment: #5c6370 !default;
89
75
  $dark-code-snippet-keyword: #c678dd !default;
@@ -93,49 +79,818 @@ $dark-code-snippet-string: #98c379 !default;
93
79
  $dark-code-snippet-variable: #d19a66 !default;
94
80
  $dark-code-snippet-title: #61aeee !default;
95
81
  $dark-code-snippet-class: #e6c07b !default;
96
- $dark-background: #161c1f !default;
97
- $dark-surface: #28353b !default;
98
- $dark-surface-canvas: #101314 !default;
99
- $dark-surface-primary: #045c5c !default;
100
- $dark-surface-primary-highlight: rgba(#045c5c, 0.4) !default;
101
- $dark-surface-primary-highlight-hover: rgba(#045c5c, 0.6) !default;
102
- $dark-surface-accent: #045c5c !default;
103
- $dark-surface-accent-highlight: rgba(#045c5c, 0.4) !default;
104
- $dark-surface-accent-highlight-hover: rgba(#045c5c, 0.6) !default;
105
- $dark-surface-secondary: #045c5c !default;
106
- $dark-surface-secondary-highlight: rgba(#045c5c, 0.4) !default;
107
- $dark-surface-secondary-highlight-hover: rgba(#045c5c, 0.6) !default;
108
- $dark-surface-positive: #336033 !default;
109
- $dark-surface-positive-highlight: rgba(#336033, 0.4) !default;
110
- $dark-surface-positive-highlight-hover: rgba(#336033, 0.6) !default;
111
- $dark-surface-caution: #704C16 !default;
112
- $dark-surface-caution-highlight: rgba(#704C16, 0.4) !default;
113
- $dark-surface-caution-highlight-hover: rgba(#704C16, 0.6) !default;
114
- $dark-surface-negative: #883E32 !default;
115
- $dark-surface-negative-highlight: rgba(#883E32, 0.4) !default;
116
- $dark-surface-negative-highlight-hover: rgba(#883E32, 0.6) !default;
117
- $dark-surface-neutral: #43515a !default;
118
- $dark-surface-neutral-highlight: rgba(#43515a, 0.4) !default;
119
- $dark-surface-neutral-highlight-hover: rgba(#43515a, 0.6) !default;
120
- $dark-surface-emphasis: #43515a !default;
121
- $dark-surface-emphasis-highlight: rgba(#43515a, 0.4) !default;
122
- $dark-surface-emphasis-highlight-hover: rgba(#43515a, 0.6) !default;
123
- $dark-text-primary-on-background: white !default;
124
- $dark-text-secondary-on-background: rgba(255, 255, 255, 0.7) !default;
125
- $dark-text-hint-on-background: rgba(255, 255, 255, 0.5) !default;
126
- $dark-text-disabled-on-background: rgba(255, 255, 255, 0.5) !default;
127
- $dark-text-icon-on-background: white !default;
128
- $dark-text-logo-on-background: white !default;
129
- $dark-text-primary-on-light: rgba(0, 0, 0, 0.87) !default;
130
- $dark-text-secondary-on-light: rgba(0, 0, 0, 0.54) !default;
131
- $dark-text-hint-on-light: rgba(0, 0, 0, 0.38) !default;
132
- $dark-text-disabled-on-light: rgba(0, 0, 0, 0.38) !default;
133
- $dark-text-icon-on-light: rgba(0, 0, 0, 0.54) !default;
134
- $dark-text-primary-on-dark: white !default;
135
- $dark-text-secondary-on-dark: rgba(255, 255, 255, 0.7) !default;
136
- $dark-text-hint-on-dark: rgba(255, 255, 255, 0.5) !default;
137
- $dark-text-disabled-on-dark: rgba(255, 255, 255, 0.5) !default;
138
- $dark-text-icon-on-dark: white !default;
82
+ $dark-primary: #889fffff !default;
83
+ $dark-secondary: #c3c5ddff !default;
84
+ $dark-error: #fd7d69ff !default;
85
+ $dark-positive: #55bc54ff !default;
86
+ $dark-caution: #ffb775ff !default;
87
+ $dark-negative: #fd7d69ff !default;
88
+ $dark-on-primary: #111a28ff !default;
89
+ $dark-on-secondary: #171a2cff !default;
90
+ $dark-on-background: #f5f5f5ff !default;
91
+ $dark-on-surface: #ebe8ecff !default;
92
+ $dark-on-error: #331915ff !default;
93
+ $dark-divider: #3e3e41ff !default;
94
+ $dark-emphasis: #ffa0c3ff !default;
95
+ $dark-accent: #889fffff !default;
96
+ $dark-background: #161c1fff !default;
97
+ $dark-surface: #161616ff !default;
98
+ $dark-surface-canvas: #252426ff !default;
99
+ $dark-surface-primary: #1d2c43ff !default;
100
+ $dark-surface-primary-highlight: #889fff14 !default;
101
+ $dark-surface-primary-highlight-hover: #889fff14 !default;
102
+ $dark-surface-accent: #1d2c43ff !default;
103
+ $dark-surface-accent-highlight: #889fff14 !default;
104
+ $dark-surface-accent-highlight-hover: #889fff14 !default;
105
+ $dark-surface-secondary: #484b5fff !default;
106
+ $dark-surface-secondary-highlight: #c3c5dd14 !default;
107
+ $dark-surface-secondary-highlight-hover: #c3c5dd14 !default;
108
+ $dark-surface-positive: #224b22ff !default;
109
+ $dark-surface-positive-highlight: #55bc5414 !default;
110
+ $dark-surface-positive-highlight-hover: #55bc5414 !default;
111
+ $dark-surface-caution: #66492fff !default;
112
+ $dark-surface-caution-highlight: #ffb77514 !default;
113
+ $dark-surface-caution-highlight-hover: #ffb77514 !default;
114
+ $dark-surface-negative: #65322aff !default;
115
+ $dark-surface-negative-highlight: #fd7d6914 !default;
116
+ $dark-surface-negative-highlight-hover: #fd7d6914 !default;
117
+ $dark-surface-neutral: #76757dff !default;
118
+ $dark-surface-neutral-highlight: rgba(#76757dff, 0.04) !default;
119
+ $dark-surface-neutral-highlight-hover: rgba(#76757dff, 0.08) !default;
120
+ $dark-surface-emphasis: #4c303aff !default;
121
+ $dark-surface-emphasis-highlight: #ffa0c314 !default;
122
+ $dark-surface-emphasis-highlight-hover: #ffa0c314 !default;
123
+ $dark-text-primary-on-background: #ebe8ecff !default;
124
+ $dark-text-secondary-on-background: #d5d3d8ff !default;
125
+ $dark-text-hint-on-background: #d5d3d8ff !default;
126
+ $dark-text-disabled-on-background: #f8f9fb61 !default;
127
+ $dark-text-icon-on-background: #d5d3d8ff !default;
128
+ $dark-text-logo-on-background: #354145 !default;
129
+ $dark-text-primary-on-light: #1e1d1eff !default;
130
+ $dark-text-secondary-on-light: #5c5b5fff !default;
131
+ $dark-text-hint-on-light: #5c5b5fff !default;
132
+ $dark-text-disabled-on-light: #191c1e61 !default;
133
+ $dark-text-icon-on-light: #5c5b5fff !default;
134
+ $dark-text-primary-on-dark: #ebe8ecff !default;
135
+ $dark-text-secondary-on-dark: #d5d3d8ff !default;
136
+ $dark-text-hint-on-dark: #d5d3d8ff !default;
137
+ $dark-text-disabled-on-dark: #f8f9fb61 !default;
138
+ $dark-text-icon-on-dark: #d5d3d8ff !default;
139
+ $material-3-colors-light-primary-primary: #3053f4ff !default;
140
+ $material-3-colors-light-primary-primary-container: #ececfeff !default;
141
+ $material-3-colors-light-primary-on-primary: #ffffffff !default;
142
+ $material-3-colors-light-primary-primary-fixed: #dee0ffff !default;
143
+ $material-3-colors-light-primary-primary-fixed-dim: #bac3ffff !default;
144
+ $material-3-colors-light-primary-primary-8: #3053f414 !default;
145
+ $material-3-colors-light-primary-primary-12: #3053f41f !default;
146
+ $material-3-colors-light-primary-on-primary-container: #00115aff !default;
147
+ $material-3-colors-light-primary-inverse-primary: #bac3ffff !default;
148
+ $material-3-colors-light-primary-on-primary-12: #ffffff1f !default;
149
+ $material-3-colors-light-primary-on-primary-8: #ffffff14 !default;
150
+ $material-3-colors-light-primary-primary-16: #3053f429 !default;
151
+ $material-3-colors-light-primary-on-primary-container-12: #00115a1f !default;
152
+ $material-3-colors-light-primary-on-primary-16: #ffffff29 !default;
153
+ $material-3-colors-light-primary-on-primary-container-8: #00115a14 !default;
154
+ $material-3-colors-light-primary-on-primary-container-16: #00115a29 !default;
155
+ $material-3-colors-light-primary-inverse-primary-12: #bac3ff1f !default;
156
+ $material-3-colors-light-primary-inverse-primary-8: #bac3ff14 !default;
157
+ $material-3-colors-light-primary-inverse-primary-16: #bac3ff29 !default;
158
+ $material-3-colors-light-primary-on-primary-74: #ffffffbd !default;
159
+ $material-3-colors-light-secondary-secondary: #5b5d72ff !default;
160
+ $material-3-colors-light-secondary-secondary-container: #dfe1f9ff !default;
161
+ $material-3-colors-light-secondary-on-secondary: #ffffffff !default;
162
+ $material-3-colors-light-secondary-on-secondary-container: #171a2cff !default;
163
+ $material-3-colors-light-secondary-secondary-fixed: #dfe1f9ff !default;
164
+ $material-3-colors-light-secondary-secondary-fixed-dim: #c3c5ddff !default;
165
+ $material-3-colors-light-secondary-on-secondary-container-8: #171a2c14 !default;
166
+ $material-3-colors-light-secondary-on-secondary-container-16: #171a2cff !default;
167
+ $material-3-colors-light-secondary-on-secondary-container-12: #171a2c03 !default;
168
+ $material-3-colors-light-secondary-on-secondary-8: #ffffff14 !default;
169
+ $material-3-colors-light-secondary-on-secondary-12: #ffffff1f !default;
170
+ $material-3-colors-light-secondary-on-secondary-16: #ffffff29 !default;
171
+ $material-3-colors-light-tertiary-tertiary: #ff5f02ff !default;
172
+ $material-3-colors-light-tertiary-tertiary-container: #ffdbceff !default;
173
+ $material-3-colors-light-tertiary-on-tertiary: #ffffffff !default;
174
+ $material-3-colors-light-tertiary-on-tertiary-container: #481300ff !default;
175
+ $material-3-colors-light-tertiary-tertiary-fixed: #ffdbceff !default;
176
+ $material-3-colors-light-tertiary-tertiary-fixed-dim: #ffc0a8ff !default;
177
+ $material-3-colors-light-tertiary-on-tertiary-container-8: #48130014 !default;
178
+ $material-3-colors-light-tertiary-on-tertiary-container-12: #4813001f !default;
179
+ $material-3-colors-light-tertiary-on-tertiary-8: #ffffff14 !default;
180
+ $material-3-colors-light-tertiary-on-tertiary-12: #ffffff1f !default;
181
+ $material-3-colors-light-tertiary-on-tertiary-16: #ffffff29 !default;
182
+ $material-3-colors-light-tertiary-on-tertiary-container-16: #48130029 !default;
183
+ $material-3-colors-light-tertiary-tertiary-8: #ff5f0214 !default;
184
+ $material-3-colors-light-tertiary-tertiary-12: #ff5f021f !default;
185
+ $material-3-colors-light-tertiary-tertiary-16: #ff5f0229 !default;
186
+ $material-3-colors-light-surface-surface: #fdf9fcff !default;
187
+ $material-3-colors-light-surface-surface-dim: #e5e2e6ff !default;
188
+ $material-3-colors-light-surface-surface-bright: #fdf9fcff !default;
189
+ $material-3-colors-light-surface-surface-container-lowest: #ffffffff !default;
190
+ $material-3-colors-light-surface-surface-container-low: #faf7faff !default;
191
+ $material-3-colors-light-surface-surface-container: #f8f5f8ff !default;
192
+ $material-3-colors-light-surface-surface-container-high: #f6f3f6ff !default;
193
+ $material-3-colors-light-surface-surface-container-highest: #f4f1f4ff !default;
194
+ $material-3-colors-light-surface-on-surface: #1e1d1eff !default;
195
+ $material-3-colors-light-surface-on-surface-variant: #5c5b5fff !default;
196
+ $material-3-colors-light-surface-inverse-surface: #3e3e41ff !default;
197
+ $material-3-colors-light-surface-inverse-on-surface: #f6f3f6ff !default;
198
+ $material-3-colors-light-surface-on-surface-8: #191c1e14 !default;
199
+ $material-3-colors-light-surface-on-surface-12: #191c1e1f !default;
200
+ $material-3-colors-light-surface-on-surface-38: #191c1e61 !default;
201
+ $material-3-colors-light-surface-on-surface-16: #191c1e29 !default;
202
+ $material-3-colors-light-surface-on-surface-variant-8: #40484c14 !default;
203
+ $material-3-colors-light-surface-on-surface-variant-12: #40484c1f !default;
204
+ $material-3-colors-light-surface-surface-variant: #ebe8ecff !default;
205
+ $material-3-colors-light-surface-on-surface-variant-16: #40484c29 !default;
206
+ $material-3-colors-light-surface-inverse-on-surface-12: #f8f9fb1f !default;
207
+ $material-3-colors-light-surface-inverse-on-surface-8: #f8f9fb14 !default;
208
+ $material-3-colors-light-surface-inverse-on-surface-16: #f8f9fb1f !default;
209
+ $material-3-colors-light-surface-on-surface-74: #191c1ebd !default;
210
+ $material-3-colors-light-background-background: #f5f5f5ff !default;
211
+ $material-3-colors-light-background-on-background: #161c1fff !default;
212
+ $material-3-colors-light-negative-negative: #ae1209ff !default;
213
+ $material-3-colors-light-negative-negative-container: #ffb2aeff !default;
214
+ $material-3-colors-light-negative-on-negative: #ffffffff !default;
215
+ $material-3-colors-light-negative-on-negative-container: #110201ff !default;
216
+ $material-3-colors-light-negative-negative-12: #ae12091f !default;
217
+ $material-3-colors-light-negative-negative-8: #ae120914 !default;
218
+ $material-3-colors-light-negative-negative-16: #ae120929 !default;
219
+ $material-3-colors-light-negative-on-negative-8: #ffffff14 !default;
220
+ $material-3-colors-light-negative-on-negative-12: #ffffff1f !default;
221
+ $material-3-colors-light-negative-on-negative-16: #ffffff29 !default;
222
+ $material-3-colors-light-positive-positive: #036600ff !default;
223
+ $material-3-colors-light-positive-positive-container: #8fcc8eff !default;
224
+ $material-3-colors-light-positive-on-positive: #ffffffff !default;
225
+ $material-3-colors-light-positive-on-positive-container: #000a00ff !default;
226
+ $material-3-colors-light-positive-positive-16: #0366001f !default;
227
+ $material-3-colors-light-positive-positive-12: #03660029 !default;
228
+ $material-3-colors-light-positive-positive-8: #03660014 !default;
229
+ $material-3-colors-light-positive-on-positive-8: #ffffff14 !default;
230
+ $material-3-colors-light-positive-on-positive-12: #ffffff1f !default;
231
+ $material-3-colors-light-positive-on-positive-16: #ffffff29 !default;
232
+ $material-3-colors-light-positive-on-positive-container-8: #000a0014 !default;
233
+ $material-3-colors-light-positive-on-positive-container-12: #000a001f !default;
234
+ $material-3-colors-light-positive-on-positive-container-16: #000a0029 !default;
235
+ $material-3-colors-light-caution-caution: #f38800ff !default;
236
+ $material-3-colors-light-caution-caution-container: #ffcc8cff !default;
237
+ $material-3-colors-light-caution-on-caution: #ffffffff !default;
238
+ $material-3-colors-light-caution-on-caution-container: #180e00ff !default;
239
+ $material-3-colors-light-caution-caution-16: #f3880029 !default;
240
+ $material-3-colors-light-caution-caution-12: #f388001f !default;
241
+ $material-3-colors-light-caution-caution-8: #f3880014 !default;
242
+ $material-3-colors-light-caution-on-caution-8: #ffffff14 !default;
243
+ $material-3-colors-light-caution-on-caution-12: #ffffff1f !default;
244
+ $material-3-colors-light-caution-on-caution-16: #ffffff29 !default;
245
+ $material-3-colors-light-caution-on-caution-container-8: #180e0014 !default;
246
+ $material-3-colors-light-caution-on-caution-container-12: #180e001f !default;
247
+ $material-3-colors-light-caution-on-caution-container-16: #180e0029 !default;
248
+ $material-3-colors-light-outline-outline: #70787dff !default;
249
+ $material-3-colors-light-outline-outline-variant: #d5d3d8ff !default;
250
+ $material-3-colors-light-outline-outline-8: #70787d14 !default;
251
+ $material-3-colors-light-outline-outline-12: #70787d1f !default;
252
+ $material-3-colors-light-outline-outline-16: #70787d29 !default;
253
+ $material-3-colors-light-shadow-shadow: #000000ff !default;
254
+ $material-3-colors-light-scrim-scrim: #000000ff !default;
255
+ $material-3-colors-light-wireframe-wf-blue: #0098c9ff !default;
256
+ $material-3-colors-light-wireframe-wireframe-white: #ffffffff !default;
257
+ $material-3-colors-light-emphasis-emphasis: #b10142ff !default;
258
+ $material-3-colors-light-emphasis-emphasis-container: #e8b3c6ff !default;
259
+ $material-3-colors-light-emphasis-on-emphasis: #ffffffff !default;
260
+ $material-3-colors-light-emphasis-on-emphasis-container: #120007ff !default;
261
+ $material-3-colors-light-emphasis-emphasis-8: #b1014214 !default;
262
+ $material-3-colors-light-emphasis-emphasis-12: #b101421f !default;
263
+ $material-3-colors-light-emphasis-emphasis-16: #b1014229 !default;
264
+ $material-3-colors-light-emphasis-on-emphasis-8: #ffffff14 !default;
265
+ $material-3-colors-light-emphasis-on-emphasis-12: #ffffff1f !default;
266
+ $material-3-colors-light-emphasis-on-emphasis-16: #ffffff29 !default;
267
+ $material-3-colors-light-emphasis-on-emphasis-container-8: #180e0014 !default;
268
+ $material-3-colors-light-emphasis-on-emphasis-container-12: #180e001f !default;
269
+ $material-3-colors-light-emphasis-on-emphasis-container-16: #180e0029 !default;
270
+ $material-3-colors-dark-primary-primary: #889fffff !default;
271
+ $material-3-colors-dark-primary-primary-container: #1d2c43ff !default;
272
+ $material-3-colors-dark-primary-on-primary: #111a28ff !default;
273
+ $material-3-colors-dark-primary-primary-fixed: #dee0ffff !default;
274
+ $material-3-colors-dark-primary-primary-fixed-dim: #bac3ffff !default;
275
+ $material-3-colors-dark-primary-primary-8: #889fff14 !default;
276
+ $material-3-colors-dark-primary-primary-12: #889fff1f !default;
277
+ $material-3-colors-dark-primary-on-primary-container: #b7c4ffff !default;
278
+ $material-3-colors-dark-primary-inverse-primary: #324369ff !default;
279
+ $material-3-colors-dark-primary-on-primary-12: #111a281f !default;
280
+ $material-3-colors-dark-primary-on-primary-8: #111a2814 !default;
281
+ $material-3-colors-dark-primary-primary-16: #889fff29 !default;
282
+ $material-3-colors-dark-primary-on-primary-container-12: #b7c4ff1f !default;
283
+ $material-3-colors-dark-primary-on-primary-16: #111a2829 !default;
284
+ $material-3-colors-dark-primary-on-primary-container-8: #b7c4ff14 !default;
285
+ $material-3-colors-dark-primary-on-primary-container-16: #b7c4ff29 !default;
286
+ $material-3-colors-dark-primary-inverse-primary-12: #3243691f !default;
287
+ $material-3-colors-dark-primary-inverse-primary-8: #32436914 !default;
288
+ $material-3-colors-dark-primary-inverse-primary-16: #32436929 !default;
289
+ $material-3-colors-dark-primary-on-primary-74: #111a28bd !default;
290
+ $material-3-colors-dark-secondary-secondary: #c3c5ddff !default;
291
+ $material-3-colors-dark-secondary-secondary-container: #484b5fff !default;
292
+ $material-3-colors-dark-secondary-on-secondary: #171a2cff !default;
293
+ $material-3-colors-dark-secondary-on-secondary-container: #616378ff !default;
294
+ $material-3-colors-dark-secondary-secondary-fixed: #dfe1f9ff !default;
295
+ $material-3-colors-dark-secondary-secondary-fixed-dim: #c3c5ddff !default;
296
+ $material-3-colors-dark-secondary-on-secondary-container-8: #61637814 !default;
297
+ $material-3-colors-dark-secondary-on-secondary-container-16: #61637829 !default;
298
+ $material-3-colors-dark-secondary-on-secondary-container-12: #6163781f !default;
299
+ $material-3-colors-dark-secondary-on-secondary-8: #171a2c14 !default;
300
+ $material-3-colors-dark-secondary-on-secondary-12: #171a2c1f !default;
301
+ $material-3-colors-dark-secondary-on-secondary-16: #171a2c29 !default;
302
+ $material-3-colors-dark-tertiary-tertiary: #ff5f02ff !default;
303
+ $material-3-colors-dark-tertiary-tertiary-container: #492313ff !default;
304
+ $material-3-colors-dark-tertiary-on-tertiary: #331300ff !default;
305
+ $material-3-colors-dark-tertiary-on-tertiary-container: #f79e79ff !default;
306
+ $material-3-colors-dark-tertiary-tertiary-fixed: #ffdbceff !default;
307
+ $material-3-colors-dark-tertiary-tertiary-fixed-dim: #ffc0a8ff !default;
308
+ $material-3-colors-dark-tertiary-on-tertiary-container-8: #f79e7914 !default;
309
+ $material-3-colors-dark-tertiary-on-tertiary-container-12: #f79e791f !default;
310
+ $material-3-colors-dark-tertiary-on-tertiary-8: #33130014 !default;
311
+ $material-3-colors-dark-tertiary-on-tertiary-12: #3313001f !default;
312
+ $material-3-colors-dark-tertiary-on-tertiary-16: #33130029 !default;
313
+ $material-3-colors-dark-tertiary-on-tertiary-container-16: #f79e7929 !default;
314
+ $material-3-colors-dark-tertiary-tertiary-8: #ff5f0214 !default;
315
+ $material-3-colors-dark-tertiary-tertiary-12: #ff5f021f !default;
316
+ $material-3-colors-dark-tertiary-tertiary-16: #ff5f0229 !default;
317
+ $material-3-colors-dark-surface-surface: #161616ff !default;
318
+ $material-3-colors-dark-surface-surface-dim: #0e0e0eff !default;
319
+ $material-3-colors-dark-surface-surface-bright: #4a4a4dff !default;
320
+ $material-3-colors-dark-surface-surface-container-lowest: #000000ff !default;
321
+ $material-3-colors-dark-surface-surface-container-low: #1e1d1eff !default;
322
+ $material-3-colors-dark-surface-surface-container: #252426ff !default;
323
+ $material-3-colors-dark-surface-surface-container-high: #2c2b2dff !default;
324
+ $material-3-colors-dark-surface-surface-container-highest: #323134ff !default;
325
+ $material-3-colors-dark-surface-on-surface: #ebe8ecff !default;
326
+ $material-3-colors-dark-surface-on-surface-variant: #d5d3d8ff !default;
327
+ $material-3-colors-dark-surface-inverse-surface: #ebe8ecff !default;
328
+ $material-3-colors-dark-surface-inverse-on-surface: #3e3e41ff !default;
329
+ $material-3-colors-dark-surface-on-surface-8: #f8f9fb14 !default;
330
+ $material-3-colors-dark-surface-on-surface-12: #f8f9fb1f !default;
331
+ $material-3-colors-dark-surface-on-surface-38: #f8f9fb61 !default;
332
+ $material-3-colors-dark-surface-on-surface-16: #f8f9fb29 !default;
333
+ $material-3-colors-dark-surface-on-surface-variant-8: #c0c6cc14 !default;
334
+ $material-3-colors-dark-surface-on-surface-variant-12: #c0c6cc1f !default;
335
+ $material-3-colors-dark-surface-surface-variant: #5c5b5fff !default;
336
+ $material-3-colors-dark-surface-on-surface-variant-16: #c0c6cc29 !default;
337
+ $material-3-colors-dark-surface-inverse-on-surface-12: #161c1f1f !default;
338
+ $material-3-colors-dark-surface-inverse-on-surface-8: #161c1f14 !default;
339
+ $material-3-colors-dark-surface-inverse-on-surface-16: #161c1f29 !default;
340
+ $material-3-colors-dark-surface-on-surface-74: #f8f9fbbd !default;
341
+ $material-3-colors-dark-background-background: #161c1fff !default;
342
+ $material-3-colors-dark-background-on-background: #f5f5f5ff !default;
343
+ $material-3-colors-dark-negative-negative: #fd7d69ff !default;
344
+ $material-3-colors-dark-negative-negative-container: #65322aff !default;
345
+ $material-3-colors-dark-negative-on-negative: #331915ff !default;
346
+ $material-3-colors-dark-negative-on-negative-container: #ffac9fff !default;
347
+ $material-3-colors-dark-negative-negative-12: #fd7d691f !default;
348
+ $material-3-colors-dark-negative-negative-8: #fd7d6914 !default;
349
+ $material-3-colors-dark-negative-negative-16: #fd7d6929 !default;
350
+ $material-3-colors-dark-negative-on-negative-8: #33191514 !default;
351
+ $material-3-colors-dark-negative-on-negative-12: #3319151f !default;
352
+ $material-3-colors-dark-negative-on-negative-16: #33191529 !default;
353
+ $material-3-colors-dark-positive-positive: #55bc54ff !default;
354
+ $material-3-colors-dark-positive-positive-container: #224b22ff !default;
355
+ $material-3-colors-dark-positive-on-positive: #112611ff !default;
356
+ $material-3-colors-dark-positive-on-positive-container: #91d890ff !default;
357
+ $material-3-colors-dark-positive-positive-16: #55bc541f !default;
358
+ $material-3-colors-dark-positive-positive-12: #55bc5429 !default;
359
+ $material-3-colors-dark-positive-positive-8: #55bc5414 !default;
360
+ $material-3-colors-dark-positive-on-positive-8: #11261114 !default;
361
+ $material-3-colors-dark-positive-on-positive-12: #1126111f !default;
362
+ $material-3-colors-dark-positive-on-positive-16: #11261129 !default;
363
+ $material-3-colors-dark-positive-on-positive-container-8: #91d89014 !default;
364
+ $material-3-colors-dark-positive-on-positive-container-12: #91d8901f !default;
365
+ $material-3-colors-dark-positive-on-positive-container-16: #91d89029 !default;
366
+ $material-3-colors-dark-caution-caution: #ffb775ff !default;
367
+ $material-3-colors-dark-caution-caution-container: #66492fff !default;
368
+ $material-3-colors-dark-caution-on-caution: #332517ff !default;
369
+ $material-3-colors-dark-caution-on-caution-container: #ffcd9eff !default;
370
+ $material-3-colors-dark-caution-caution-16: #ffb77529 !default;
371
+ $material-3-colors-dark-caution-caution-12: #ffb7751f !default;
372
+ $material-3-colors-dark-caution-caution-8: #ffb77514 !default;
373
+ $material-3-colors-dark-caution-on-caution-8: #3325171f !default;
374
+ $material-3-colors-dark-caution-on-caution-12: #3325171f !default;
375
+ $material-3-colors-dark-caution-on-caution-16: #33251729 !default;
376
+ $material-3-colors-dark-caution-on-caution-container-8: #ffead714 !default;
377
+ $material-3-colors-dark-caution-on-caution-container-12: #ffead71f !default;
378
+ $material-3-colors-dark-caution-on-caution-container-16: #ffead729 !default;
379
+ $material-3-colors-dark-outline-outline: #8a9296ff !default;
380
+ $material-3-colors-dark-outline-outline-variant: #3e3e41ff !default;
381
+ $material-3-colors-dark-outline-outline-8: #8a929614 !default;
382
+ $material-3-colors-dark-outline-outline-12: #8a92961f !default;
383
+ $material-3-colors-dark-outline-outline-16: #8a929629 !default;
384
+ $material-3-colors-dark-shadow-shadow: #000000ff !default;
385
+ $material-3-colors-dark-scrim-scrim: #000000ff !default;
386
+ $material-3-colors-dark-wireframe-wf-blue: #0098c9ff !default;
387
+ $material-3-colors-dark-wireframe-wireframe-white: #ffffffff !default;
388
+ $material-3-colors-dark-emphasis-emphasis: #ffa0c3ff !default;
389
+ $material-3-colors-dark-emphasis-emphasis-container: #4c303aff !default;
390
+ $material-3-colors-dark-emphasis-on-emphasis: #191013ff !default;
391
+ $material-3-colors-dark-emphasis-on-emphasis-container: #ffbdd5ff !default;
392
+ $material-3-colors-dark-emphasis-emphasis-8: #ffa0c314 !default;
393
+ $material-3-colors-dark-emphasis-emphasis-12: #ffa0c31f !default;
394
+ $material-3-colors-dark-emphasis-emphasis-16: #ffa0c329 !default;
395
+ $material-3-colors-dark-emphasis-on-emphasis-8: #33202714 !default;
396
+ $material-3-colors-dark-emphasis-on-emphasis-12: #3320271f !default;
397
+ $material-3-colors-dark-emphasis-on-emphasis-16: #33202729 !default;
398
+ $material-3-colors-dark-emphasis-on-emphasis-container-8: #ffbdd514 !default;
399
+ $material-3-colors-dark-emphasis-on-emphasis-container-12: #ffbdd51f !default;
400
+ $material-3-colors-dark-emphasis-on-emphasis-container-16: #ffbdd529 !default;
401
+ $tonal-palettes-digital-blue-light-0: #000000ff !default;
402
+ $tonal-palettes-digital-blue-light-10: #00115aff !default;
403
+ $tonal-palettes-digital-blue-light-20: #00208eff !default;
404
+ $tonal-palettes-digital-blue-light-30: #0436d3ff !default;
405
+ $tonal-palettes-digital-blue-light-40: #3053f4ff !default;
406
+ $tonal-palettes-digital-blue-light-50: #4967ffff !default;
407
+ $tonal-palettes-digital-blue-light-60: #7187ffff !default;
408
+ $tonal-palettes-digital-blue-light-70: #96a5ffff !default;
409
+ $tonal-palettes-digital-blue-light-80: #bac3ffff !default;
410
+ $tonal-palettes-digital-blue-light-90: #dee0ffff !default;
411
+ $tonal-palettes-digital-blue-light-91: #e1e3fdff !default;
412
+ $tonal-palettes-digital-blue-light-92: #e5e5feff !default;
413
+ $tonal-palettes-digital-blue-light-93: #e8e9feff !default;
414
+ $tonal-palettes-digital-blue-light-94: #ececfeff !default;
415
+ $tonal-palettes-digital-blue-light-95: #f0efffff !default;
416
+ $tonal-palettes-digital-blue-light-98: #fbf8ffff !default;
417
+ $tonal-palettes-digital-blue-light-100: #ffffffff !default;
418
+ $tonal-palettes-digital-blue-dark-0: #000000ff !default;
419
+ $tonal-palettes-digital-blue-dark-10: #0c121bff !default;
420
+ $tonal-palettes-digital-blue-dark-20: #111a28ff !default;
421
+ $tonal-palettes-digital-blue-dark-30: #1d2c43ff !default;
422
+ $tonal-palettes-digital-blue-dark-40: #324369ff !default;
423
+ $tonal-palettes-digital-blue-dark-50: #485a8eff !default;
424
+ $tonal-palettes-digital-blue-dark-60: #5d71b4ff !default;
425
+ $tonal-palettes-digital-blue-dark-70: #7388d9ff !default;
426
+ $tonal-palettes-digital-blue-dark-80: #889fffff !default;
427
+ $tonal-palettes-digital-blue-dark-90: #b7c4ffff !default;
428
+ $tonal-palettes-digital-blue-dark-91: #bec9feff !default;
429
+ $tonal-palettes-digital-blue-dark-92: #c6cffdff !default;
430
+ $tonal-palettes-digital-blue-dark-93: #ced5feff !default;
431
+ $tonal-palettes-digital-blue-dark-94: #d5dbfeff !default;
432
+ $tonal-palettes-digital-blue-dark-95: #dde1ffff !default;
433
+ $tonal-palettes-digital-blue-dark-98: #efefffff !default;
434
+ $tonal-palettes-digital-blue-dark-100: #ffffffff !default;
435
+ $tonal-palettes-orange-light-0: #000000ff !default;
436
+ $tonal-palettes-orange-light-10: #481300ff !default;
437
+ $tonal-palettes-orange-light-20: #8d3001ff !default;
438
+ $tonal-palettes-orange-light-30: #cf4b00ff !default;
439
+ $tonal-palettes-orange-light-40: #ff5f02ff !default;
440
+ $tonal-palettes-orange-light-50: #ff7a42ff !default;
441
+ $tonal-palettes-orange-light-60: #ff986dff !default;
442
+ $tonal-palettes-orange-light-70: #ffa47eff !default;
443
+ $tonal-palettes-orange-light-80: #ffc0a8ff !default;
444
+ $tonal-palettes-orange-light-90: #ffdbceff !default;
445
+ $tonal-palettes-orange-light-95: #ffede7ff !default;
446
+ $tonal-palettes-orange-light-98: #fff8f6ff !default;
447
+ $tonal-palettes-orange-light-100: #ffffffff !default;
448
+ $tonal-palettes-orange-dark-0: #000000ff !default;
449
+ $tonal-palettes-orange-dark-10: #190900ff !default;
450
+ $tonal-palettes-orange-dark-20: #331300ff !default;
451
+ $tonal-palettes-orange-dark-30: #492313ff !default;
452
+ $tonal-palettes-orange-dark-40: #612e1aff !default;
453
+ $tonal-palettes-orange-dark-50: #aa512dff !default;
454
+ $tonal-palettes-orange-dark-60: #c25d33ff !default;
455
+ $tonal-palettes-orange-dark-70: #db683aff !default;
456
+ $tonal-palettes-orange-dark-80: #f37440ff !default;
457
+ $tonal-palettes-orange-dark-90: #f79e79ff !default;
458
+ $tonal-palettes-orange-dark-95: #fdc4a4ff !default;
459
+ $tonal-palettes-orange-dark-98: #fef1ecff !default;
460
+ $tonal-palettes-orange-dark-100: #ffffffff !default;
461
+ $tonal-palettes-navy-light-0: #000000ff !default;
462
+ $tonal-palettes-navy-light-10: #02121fff !default;
463
+ $tonal-palettes-navy-light-20: #011829ff !default;
464
+ $tonal-palettes-navy-light-30: #011829ff !default;
465
+ $tonal-palettes-navy-light-40: #012640ff !default;
466
+ $tonal-palettes-navy-light-50: #033251ff !default;
467
+ $tonal-palettes-navy-light-60: #0d4264ff !default;
468
+ $tonal-palettes-navy-light-70: #39719aff !default;
469
+ $tonal-palettes-navy-light-80: #73a1c9ff !default;
470
+ $tonal-palettes-navy-light-90: #99b9d8ff !default;
471
+ $tonal-palettes-navy-light-95: #c1d1e2ff !default;
472
+ $tonal-palettes-navy-light-98: #e9f1f9ff !default;
473
+ $tonal-palettes-navy-light-100: #ffffffff !default;
474
+ $tonal-palettes-navy-dark-0: #000000ff !default;
475
+ $tonal-palettes-navy-dark-10: #001d33ff !default;
476
+ $tonal-palettes-navy-dark-20: #003354ff !default;
477
+ $tonal-palettes-navy-dark-30: #004a77ff !default;
478
+ $tonal-palettes-navy-dark-40: #00639cff !default;
479
+ $tonal-palettes-navy-dark-50: #257cbcff !default;
480
+ $tonal-palettes-navy-dark-60: #4896d7ff !default;
481
+ $tonal-palettes-navy-dark-70: #66b1f4ff !default;
482
+ $tonal-palettes-navy-dark-80: #98cbffff !default;
483
+ $tonal-palettes-navy-dark-90: #cfe5ffff !default;
484
+ $tonal-palettes-navy-dark-95: #e8f2ffff !default;
485
+ $tonal-palettes-navy-dark-98: #f7f9ffff !default;
486
+ $tonal-palettes-navy-dark-100: #ffffffff !default;
487
+ $tonal-palettes-negative-light-0: #000000ff !default;
488
+ $tonal-palettes-negative-light-10: #110201ff !default;
489
+ $tonal-palettes-negative-light-20: #460704ff !default;
490
+ $tonal-palettes-negative-light-30: #7a0d06ff !default;
491
+ $tonal-palettes-negative-light-40: #ae1209ff !default;
492
+ $tonal-palettes-negative-light-50: #b62a22ff !default;
493
+ $tonal-palettes-negative-light-60: #be413aff !default;
494
+ $tonal-palettes-negative-light-70: #c65953ff !default;
495
+ $tonal-palettes-negative-light-80: #e0938eff !default;
496
+ $tonal-palettes-negative-light-90: #ffb2aeff !default;
497
+ $tonal-palettes-negative-light-95: #ffc9c7ff !default;
498
+ $tonal-palettes-negative-light-98: #ffdcdbff !default;
499
+ $tonal-palettes-negative-light-100: #ffffffff !default;
500
+ $tonal-palettes-negative-dark-0: #000000ff !default;
501
+ $tonal-palettes-negative-dark-10: #190c0aff !default;
502
+ $tonal-palettes-negative-dark-20: #331915ff !default;
503
+ $tonal-palettes-negative-dark-30: #65322aff !default;
504
+ $tonal-palettes-negative-dark-40: #984b3fff !default;
505
+ $tonal-palettes-negative-dark-50: #b1584aff !default;
506
+ $tonal-palettes-negative-dark-60: #ca6454ff !default;
507
+ $tonal-palettes-negative-dark-70: #e4715fff !default;
508
+ $tonal-palettes-negative-dark-80: #fd7d69ff !default;
509
+ $tonal-palettes-negative-dark-90: #ffac9fff !default;
510
+ $tonal-palettes-negative-dark-95: #ffd2cbff !default;
511
+ $tonal-palettes-negative-dark-98: #fff2f0ff !default;
512
+ $tonal-palettes-negative-dark-100: #ffffffff !default;
513
+ $tonal-palettes-caution-light-0: #000000ff !default;
514
+ $tonal-palettes-caution-light-10: #180e00ff !default;
515
+ $tonal-palettes-caution-light-20: #613600ff !default;
516
+ $tonal-palettes-caution-light-30: #aa5f00ff !default;
517
+ $tonal-palettes-caution-light-40: #f38800ff !default;
518
+ $tonal-palettes-caution-light-50: #f4941aff !default;
519
+ $tonal-palettes-caution-light-60: #f5a033ff !default;
520
+ $tonal-palettes-caution-light-70: #f7ac4dff !default;
521
+ $tonal-palettes-caution-light-80: #f8b866ff !default;
522
+ $tonal-palettes-caution-light-90: #ffcc8cff !default;
523
+ $tonal-palettes-caution-light-95: #ffdcb0ff !default;
524
+ $tonal-palettes-caution-light-98: #fef3e6ff !default;
525
+ $tonal-palettes-caution-light-100: #ffffffff !default;
526
+ $tonal-palettes-caution-dark-0: #000000ff !default;
527
+ $tonal-palettes-caution-dark-10: #19120cff !default;
528
+ $tonal-palettes-caution-dark-20: #332517ff !default;
529
+ $tonal-palettes-caution-dark-30: #66492fff !default;
530
+ $tonal-palettes-caution-dark-40: #996e46ff !default;
531
+ $tonal-palettes-caution-dark-50: #b38052ff !default;
532
+ $tonal-palettes-caution-dark-60: #cc925eff !default;
533
+ $tonal-palettes-caution-dark-70: #e6a569ff !default;
534
+ $tonal-palettes-caution-dark-80: #ffb775ff !default;
535
+ $tonal-palettes-caution-dark-90: #ffcd9eff !default;
536
+ $tonal-palettes-caution-dark-95: #ffe2c8ff !default;
537
+ $tonal-palettes-caution-dark-98: #fff8f1ff !default;
538
+ $tonal-palettes-caution-dark-100: #ffffffff !default;
539
+ $tonal-palettes-positive-light-0: #000000ff !default;
540
+ $tonal-palettes-positive-light-10: #000a00ff !default;
541
+ $tonal-palettes-positive-light-20: #012900ff !default;
542
+ $tonal-palettes-positive-light-30: #024700ff !default;
543
+ $tonal-palettes-positive-light-40: #036600ff !default;
544
+ $tonal-palettes-positive-light-50: #1c751aff !default;
545
+ $tonal-palettes-positive-light-60: #358533ff !default;
546
+ $tonal-palettes-positive-light-70: #4f944dff !default;
547
+ $tonal-palettes-positive-light-80: #68a366ff !default;
548
+ $tonal-palettes-positive-light-90: #8fcc8eff !default;
549
+ $tonal-palettes-positive-light-95: #b5e8b3ff !default;
550
+ $tonal-palettes-positive-light-98: #daf6daff !default;
551
+ $tonal-palettes-positive-light-100: #ffffffff !default;
552
+ $tonal-palettes-positive-dark-0: #000000ff !default;
553
+ $tonal-palettes-positive-dark-10: #081308ff !default;
554
+ $tonal-palettes-positive-dark-20: #112611ff !default;
555
+ $tonal-palettes-positive-dark-30: #224b22ff !default;
556
+ $tonal-palettes-positive-dark-40: #337132ff !default;
557
+ $tonal-palettes-positive-dark-50: #3b843bff !default;
558
+ $tonal-palettes-positive-dark-60: #449643ff !default;
559
+ $tonal-palettes-positive-dark-70: #4da94cff !default;
560
+ $tonal-palettes-positive-dark-80: #55bc54ff !default;
561
+ $tonal-palettes-positive-dark-90: #91d890ff !default;
562
+ $tonal-palettes-positive-dark-95: #bbe4bbff !default;
563
+ $tonal-palettes-positive-dark-98: #eef8eeff !default;
564
+ $tonal-palettes-positive-dark-100: #ffffffff !default;
565
+ $tonal-palettes-emphasis-light-0: #000000ff !default;
566
+ $tonal-palettes-emphasis-light-10: #120007ff !default;
567
+ $tonal-palettes-emphasis-light-20: #47001aff !default;
568
+ $tonal-palettes-emphasis-light-30: #7c012eff !default;
569
+ $tonal-palettes-emphasis-light-40: #b10142ff !default;
570
+ $tonal-palettes-emphasis-light-50: #b91a55ff !default;
571
+ $tonal-palettes-emphasis-light-60: #c13468ff !default;
572
+ $tonal-palettes-emphasis-light-70: #c84d7bff !default;
573
+ $tonal-palettes-emphasis-light-80: #d880a1ff !default;
574
+ $tonal-palettes-emphasis-light-90: #e8b3c6ff !default;
575
+ $tonal-palettes-emphasis-light-95: #efccd9ff !default;
576
+ $tonal-palettes-emphasis-light-98: #f7e6ecff !default;
577
+ $tonal-palettes-emphasis-light-100: #ffffffff !default;
578
+ $tonal-palettes-emphasis-dark-0: #000000ff !default;
579
+ $tonal-palettes-emphasis-dark-10: #191013ff !default;
580
+ $tonal-palettes-emphasis-dark-20: #332027ff !default;
581
+ $tonal-palettes-emphasis-dark-30: #4c303aff !default;
582
+ $tonal-palettes-emphasis-dark-40: #66404eff !default;
583
+ $tonal-palettes-emphasis-dark-50: #b37089ff !default;
584
+ $tonal-palettes-emphasis-dark-60: #cc809cff !default;
585
+ $tonal-palettes-emphasis-dark-70: #e690b0ff !default;
586
+ $tonal-palettes-emphasis-dark-80: #ffa0c3ff !default;
587
+ $tonal-palettes-emphasis-dark-90: #ffbdd5ff !default;
588
+ $tonal-palettes-emphasis-dark-95: #ffd9e7ff !default;
589
+ $tonal-palettes-emphasis-dark-98: #fff6f9ff !default;
590
+ $tonal-palettes-emphasis-dark-100: #ffffffff !default;
591
+ $tonal-palettes-secondary-light-0: #000000ff !default;
592
+ $tonal-palettes-secondary-light-10: #171a2cff !default;
593
+ $tonal-palettes-secondary-light-20: #2c2f42ff !default;
594
+ $tonal-palettes-secondary-light-30: #434659ff !default;
595
+ $tonal-palettes-secondary-light-40: #5b5d72ff !default;
596
+ $tonal-palettes-secondary-light-50: #73768bff !default;
597
+ $tonal-palettes-secondary-light-60: #8d8fa6ff !default;
598
+ $tonal-palettes-secondary-light-70: #a8aac1ff !default;
599
+ $tonal-palettes-secondary-light-80: #c3c5ddff !default;
600
+ $tonal-palettes-secondary-light-90: #dfe1f9ff !default;
601
+ $tonal-palettes-secondary-light-95: #f0efffff !default;
602
+ $tonal-palettes-secondary-light-98: #fbf8ffff !default;
603
+ $tonal-palettes-secondary-light-100: #ffffffff !default;
604
+ $tonal-palettes-secondary-dark-0: #000000ff !default;
605
+ $tonal-palettes-secondary-dark-10: #171a2cff !default;
606
+ $tonal-palettes-secondary-dark-20: #303245ff !default;
607
+ $tonal-palettes-secondary-dark-30: #484b5fff !default;
608
+ $tonal-palettes-secondary-dark-40: #616378ff !default;
609
+ $tonal-palettes-secondary-dark-50: #797c91ff !default;
610
+ $tonal-palettes-secondary-dark-60: #9294aaff !default;
611
+ $tonal-palettes-secondary-dark-70: #aaadc4ff !default;
612
+ $tonal-palettes-secondary-dark-80: #c3c5ddff !default;
613
+ $tonal-palettes-secondary-dark-90: #dfe1f9ff !default;
614
+ $tonal-palettes-secondary-dark-95: #eaebfbff !default;
615
+ $tonal-palettes-secondary-dark-98: #f4f5fdff !default;
616
+ $tonal-palettes-secondary-dark-100: #ffffffff !default;
617
+ $tonal-palettes-neutral-light-0: #000000ff !default;
618
+ $tonal-palettes-neutral-light-2: #000000ff !default;
619
+ $tonal-palettes-neutral-light-3: #020202ff !default;
620
+ $tonal-palettes-neutral-light-4: #060506ff !default;
621
+ $tonal-palettes-neutral-light-5: #0a090aff !default;
622
+ $tonal-palettes-neutral-light-6: #0e0e0eff !default;
623
+ $tonal-palettes-neutral-light-7: #121212ff !default;
624
+ $tonal-palettes-neutral-light-8: #161616ff !default;
625
+ $tonal-palettes-neutral-light-9: #1a191aff !default;
626
+ $tonal-palettes-neutral-light-10: #1e1d1eff !default;
627
+ $tonal-palettes-neutral-light-11: #222122ff !default;
628
+ $tonal-palettes-neutral-light-12: #252426ff !default;
629
+ $tonal-palettes-neutral-light-13: #292829ff !default;
630
+ $tonal-palettes-neutral-light-14: #2c2b2dff !default;
631
+ $tonal-palettes-neutral-light-15: #2f2e30ff !default;
632
+ $tonal-palettes-neutral-light-16: #323134ff !default;
633
+ $tonal-palettes-neutral-light-17: #353537ff !default;
634
+ $tonal-palettes-neutral-light-18: #38383bff !default;
635
+ $tonal-palettes-neutral-light-19: #3b3b3eff !default;
636
+ $tonal-palettes-neutral-light-20: #3e3e41ff !default;
637
+ $tonal-palettes-neutral-light-21: #414144ff !default;
638
+ $tonal-palettes-neutral-light-22: #444447ff !default;
639
+ $tonal-palettes-neutral-light-23: #47474aff !default;
640
+ $tonal-palettes-neutral-light-24: #4a4a4dff !default;
641
+ $tonal-palettes-neutral-light-25: #4d4d50ff !default;
642
+ $tonal-palettes-neutral-light-30: #5c5b5fff !default;
643
+ $tonal-palettes-neutral-light-35: #68686eff !default;
644
+ $tonal-palettes-neutral-light-40: #76757dff !default;
645
+ $tonal-palettes-neutral-light-50: #8f8e97ff !default;
646
+ $tonal-palettes-neutral-light-60: #a6a6adff !default;
647
+ $tonal-palettes-neutral-light-70: #bebdc3ff !default;
648
+ $tonal-palettes-neutral-light-80: #d5d3d8ff !default;
649
+ $tonal-palettes-neutral-light-87: #e5e2e6ff !default;
650
+ $tonal-palettes-neutral-light-90: #ebe8ecff !default;
651
+ $tonal-palettes-neutral-light-91: #eeeaeeff !default;
652
+ $tonal-palettes-neutral-light-92: #f0edf0ff !default;
653
+ $tonal-palettes-neutral-light-93: #f2eff2ff !default;
654
+ $tonal-palettes-neutral-light-94: #f4f1f4ff !default;
655
+ $tonal-palettes-neutral-light-95: #f6f3f6ff !default;
656
+ $tonal-palettes-neutral-light-96: #f8f5f8ff !default;
657
+ $tonal-palettes-neutral-light-97: #faf7faff !default;
658
+ $tonal-palettes-neutral-light-98: #fdf9fcff !default;
659
+ $tonal-palettes-neutral-light-99: #fffbfeff !default;
660
+ $tonal-palettes-neutral-light-100: #ffffffff !default;
661
+ $tonal-palettes-neutral-dark-0: #000000ff !default;
662
+ $tonal-palettes-neutral-dark-2: #000000ff !default;
663
+ $tonal-palettes-neutral-dark-3: #020202ff !default;
664
+ $tonal-palettes-neutral-dark-4: #060506ff !default;
665
+ $tonal-palettes-neutral-dark-5: #0a090aff !default;
666
+ $tonal-palettes-neutral-dark-6: #0e0e0eff !default;
667
+ $tonal-palettes-neutral-dark-7: #121212ff !default;
668
+ $tonal-palettes-neutral-dark-8: #161616ff !default;
669
+ $tonal-palettes-neutral-dark-9: #1a191aff !default;
670
+ $tonal-palettes-neutral-dark-10: #1e1d1eff !default;
671
+ $tonal-palettes-neutral-dark-11: #222122ff !default;
672
+ $tonal-palettes-neutral-dark-12: #252426ff !default;
673
+ $tonal-palettes-neutral-dark-13: #292829ff !default;
674
+ $tonal-palettes-neutral-dark-14: #2c2b2dff !default;
675
+ $tonal-palettes-neutral-dark-15: #2f2e30ff !default;
676
+ $tonal-palettes-neutral-dark-16: #323134ff !default;
677
+ $tonal-palettes-neutral-dark-17: #353537ff !default;
678
+ $tonal-palettes-neutral-dark-18: #38383bff !default;
679
+ $tonal-palettes-neutral-dark-19: #3b3b3eff !default;
680
+ $tonal-palettes-neutral-dark-20: #3e3e41ff !default;
681
+ $tonal-palettes-neutral-dark-21: #414144ff !default;
682
+ $tonal-palettes-neutral-dark-22: #444447ff !default;
683
+ $tonal-palettes-neutral-dark-23: #47474aff !default;
684
+ $tonal-palettes-neutral-dark-24: #4a4a4dff !default;
685
+ $tonal-palettes-neutral-dark-25: #4d4d50ff !default;
686
+ $tonal-palettes-neutral-dark-30: #5c5b5fff !default;
687
+ $tonal-palettes-neutral-dark-35: #68686eff !default;
688
+ $tonal-palettes-neutral-dark-40: #76757dff !default;
689
+ $tonal-palettes-neutral-dark-50: #8f8e97ff !default;
690
+ $tonal-palettes-neutral-dark-60: #a6a6adff !default;
691
+ $tonal-palettes-neutral-dark-70: #bebdc3ff !default;
692
+ $tonal-palettes-neutral-dark-80: #d5d3d8ff !default;
693
+ $tonal-palettes-neutral-dark-87: #e5e2e6ff !default;
694
+ $tonal-palettes-neutral-dark-90: #ebe8ecff !default;
695
+ $tonal-palettes-neutral-dark-91: #eeeaeeff !default;
696
+ $tonal-palettes-neutral-dark-92: #f0edf0ff !default;
697
+ $tonal-palettes-neutral-dark-93: #f2eff2ff !default;
698
+ $tonal-palettes-neutral-dark-94: #f4f1f4ff !default;
699
+ $tonal-palettes-neutral-dark-95: #f6f3f6ff !default;
700
+ $tonal-palettes-neutral-dark-96: #f8f5f8ff !default;
701
+ $tonal-palettes-neutral-dark-97: #faf7faff !default;
702
+ $tonal-palettes-neutral-dark-98: #fdf9fcff !default;
703
+ $tonal-palettes-neutral-dark-99: #fffbfeff !default;
704
+ $tonal-palettes-neutral-dark-100: #ffffffff !default;
705
+ $states-primary-light-hover: #3053f414 !default;
706
+ $states-primary-light-focus: #3053f41f !default;
707
+ $states-primary-light-press: #3053f41f !default;
708
+ $states-primary-light-drag: #3053f429 !default;
709
+ $states-primary-dark-hover: #889fff14 !default;
710
+ $states-primary-dark-focus: #889fff1f !default;
711
+ $states-primary-dark-press: #889fff1f !default;
712
+ $states-primary-dark-drag: #889fff29 !default;
713
+ $states-on-primary-light-hover: #ffffff14 !default;
714
+ $states-on-primary-light-focus: #ffffff1f !default;
715
+ $states-on-primary-light-press: #ffffff1f !default;
716
+ $states-on-primary-light-drag: #ffffff29 !default;
717
+ $states-on-primary-dark-hover: #111a2814 !default;
718
+ $states-on-primary-dark-focus: #111a281f !default;
719
+ $states-on-primary-dark-press: #111a281f !default;
720
+ $states-on-primary-dark-drag: #111a2829 !default;
721
+ $states-on-primary-container-light-hover: #00115a14 !default;
722
+ $states-on-primary-container-light-focus: #00115a1f !default;
723
+ $states-on-primary-container-light-press: #00115a1f !default;
724
+ $states-on-primary-container-light-drag: #00115a29 !default;
725
+ $states-on-primary-container-dark-hover: #b7c4ff14 !default;
726
+ $states-on-primary-container-dark-focus: #b7c4ff1f !default;
727
+ $states-on-primary-container-dark-press: #b7c4ff1f !default;
728
+ $states-on-primary-container-dark-drag: #b7c4ff29 !default;
729
+ $states-inverse-primary-light-hover: #bac3ff14 !default;
730
+ $states-inverse-primary-light-focus: #bac3ff1f !default;
731
+ $states-inverse-primary-light-press: #bac3ff1f !default;
732
+ $states-inverse-primary-light-drag: #bac3ff29 !default;
733
+ $states-inverse-primary-dark-hover: #32436914 !default;
734
+ $states-inverse-primary-dark-focus: #3243691f !default;
735
+ $states-inverse-primary-dark-press: #3243691f !default;
736
+ $states-inverse-primary-dark-drag: #32436929 !default;
737
+ $states-tertiary-tertiary-hover: #ff5f0214 !default;
738
+ $states-tertiary-tertiary-press: #ff5f021f !default;
739
+ $states-tertiary-tertiary-focus: #ff5f021f !default;
740
+ $states-tertiary-tertiary-drag: #ff5f0229 !default;
741
+ $states-on-tertiary-light-hover: #ffffff14 !default;
742
+ $states-on-tertiary-light-press: #ffffff1f !default;
743
+ $states-on-tertiary-light-focus: #ffffff1f !default;
744
+ $states-on-tertiary-light-drag: #ffffff29 !default;
745
+ $states-on-tertiary-dark-hover: #33130014 !default;
746
+ $states-on-tertiary-dark-press: #3313001f !default;
747
+ $states-on-tertiary-dark-focus: #3313001f !default;
748
+ $states-on-tertiary-dark-drag: #33130029 !default;
749
+ $states-on-tertiary-container-light-hover: #48130014 !default;
750
+ $states-on-tertiary-container-light-press: #4813001f !default;
751
+ $states-on-tertiary-container-light-focus: #4813001f !default;
752
+ $states-on-tertiary-container-light-drag: #48130029 !default;
753
+ $states-on-tertiary-container-dark-hover: #f79e7914 !default;
754
+ $states-on-tertiary-container-dark-press: #f79e791f !default;
755
+ $states-on-tertiary-container-dark-focus: #f79e791f !default;
756
+ $states-on-tertiary-container-dark-drag: #f79e7929 !default;
757
+ $states-negative-light-hover: #ae120914 !default;
758
+ $states-negative-light-press: #ae12091f !default;
759
+ $states-negative-light-focus: #ae12091f !default;
760
+ $states-negative-light-drag: #ae120929 !default;
761
+ $states-negative-dark-hover: #fd7d6914 !default;
762
+ $states-negative-dark-press: #fd7d691f !default;
763
+ $states-negative-dark-focus: #fd7d691f !default;
764
+ $states-negative-dark-drag: #fd7d6929 !default;
765
+ $states-on-negative-light-hover: #ffffff14 !default;
766
+ $states-on-negative-light-press: #ffffff1f !default;
767
+ $states-on-negative-light-focus: #ffffff1f !default;
768
+ $states-on-negative-light-drag: #ffffff29 !default;
769
+ $states-on-negative-dark-hover: #33191514 !default;
770
+ $states-on-negative-dark-press: #3319151f !default;
771
+ $states-on-negative-dark-focus: #3319151f !default;
772
+ $states-on-negative-dark-drag: #33191529 !default;
773
+ $states-positive-light-hover: #03660014 !default;
774
+ $states-positive-light-press: #0366001f !default;
775
+ $states-positive-light-focus: #0366001f !default;
776
+ $states-positive-light-drag: #03660029 !default;
777
+ $states-positive-dark-hover: #55bc5414 !default;
778
+ $states-positive-dark-press: #55bc541f !default;
779
+ $states-positive-dark-focus: #55bc541f !default;
780
+ $states-positive-dark-drag: #55bc5429 !default;
781
+ $states-on-positive-dark-hover: #11261114 !default;
782
+ $states-on-positive-dark-press: #1126111f !default;
783
+ $states-on-positive-dark-focus: #1126111f !default;
784
+ $states-on-positive-dark-drag: #11261129 !default;
785
+ $states-on-positive-light-hover: #ffffff14 !default;
786
+ $states-on-positive-light-press: #ffffff1f !default;
787
+ $states-on-positive-light-focus: #ffffff1f !default;
788
+ $states-on-positive-light-drag: #ffffff29 !default;
789
+ $states-on-positive-container-light-hover: #000a0014 !default;
790
+ $states-on-positive-container-light-focus: #000a001f !default;
791
+ $states-on-positive-container-light-press: #000a001f !default;
792
+ $states-on-positive-container-light-drag: #000a0029 !default;
793
+ $states-on-positive-container-dark-hover: #91d89014 !default;
794
+ $states-on-positive-container-dark-press: #91d8901f !default;
795
+ $states-on-positive-container-dark-focus: #91d8901f !default;
796
+ $states-on-positive-container-dark-drag: #91d89029 !default;
797
+ $states-caution-light-hover: #f3880014 !default;
798
+ $states-caution-light-press: #f388001f !default;
799
+ $states-caution-light-focus: #f388001f !default;
800
+ $states-caution-light-drag: #f3880029 !default;
801
+ $states-caution-dark-hover: #ffb77514 !default;
802
+ $states-caution-dark-press: #ffb7751f !default;
803
+ $states-caution-dark-focus: #ffb7751f !default;
804
+ $states-caution-dark-drag: #ffb77529 !default;
805
+ $states-on-caution-light-hover: #ffffff14 !default;
806
+ $states-on-caution-light-press: #ffffff1f !default;
807
+ $states-on-caution-light-focus: #ffffff1f !default;
808
+ $states-on-caution-light-drag: #ffffff29 !default;
809
+ $states-on-caution-dark-hover: #33251714 !default;
810
+ $states-on-caution-dark-press: #3325171f !default;
811
+ $states-on-caution-dark-focus: #3325171f !default;
812
+ $states-on-caution-dark-drag: #33251729 !default;
813
+ $states-on-caution-container-light-hover: #180e0014 !default;
814
+ $states-on-caution-container-light-press: #180e001f !default;
815
+ $states-on-caution-container-light-focus: #180e001f !default;
816
+ $states-on-caution-container-light-color: #180e0029 !default;
817
+ $states-on-caution-container-dark-hover: #ffead714 !default;
818
+ $states-on-caution-container-dark-press: #ffead71f !default;
819
+ $states-on-caution-container-dark-focus: #ffead71f !default;
820
+ $states-on-caution-container-dark-drag: #ffead729 !default;
821
+ $states-emphasis-light-hover: #b1014214 !default;
822
+ $states-emphasis-light-press: #b101421f !default;
823
+ $states-emphasis-light-focus: #b101421f !default;
824
+ $states-emphasis-light-color: #b1014229 !default;
825
+ $states-emphasis-dark-hover: #ffa0c314 !default;
826
+ $states-emphasis-dark-press: #ffa0c31f !default;
827
+ $states-emphasis-dark-focus: #ffa0c31f !default;
828
+ $states-emphasis-dark-drag: #ffa0c329 !default;
829
+ $states-on-emphasis-light-hover: #ffffff14 !default;
830
+ $states-on-emphasis-light-press: #ffffff1f !default;
831
+ $states-on-emphasis-light-focus: #ffffff1f !default;
832
+ $states-on-emphasis-light-drag: #ffffff29 !default;
833
+ $states-on-emphasis-dark-hover: #33202714 !default;
834
+ $states-on-emphasis-dark-press: #3320271f !default;
835
+ $states-on-emphasis-dark-focus: #3320271f !default;
836
+ $states-on-emphasis-dark-drag: #33202729 !default;
837
+ $states-on-emphasis-container-light-hover: #180e0014 !default;
838
+ $states-on-emphasis-container-light-press: #180e001f !default;
839
+ $states-on-emphasis-container-light-focus: #180e001f !default;
840
+ $states-on-emphasis-container-light-drag: #180e0029 !default;
841
+ $states-on-emphasis-container-dark-hover: #ffbdd514 !default;
842
+ $states-on-emphasis-container-dark-press: #ffbdd51f !default;
843
+ $states-on-emphasis-container-dark-focus: #ffbdd51f !default;
844
+ $states-on-emphasis-container-dark-drag: #ffbdd529 !default;
845
+ $states-secondary-light-hover: #5b5d7214 !default;
846
+ $states-secondary-light-press: #5b5d721f !default;
847
+ $states-secondary-light-focus: #5b5d721f !default;
848
+ $states-secondary-light-drag: #5b5d7229 !default;
849
+ $states-secondary-dark-hover: #c3c5dd14 !default;
850
+ $states-secondary-dark-press: #c3c5dd1f !default;
851
+ $states-secondary-dark-focus: #c3c5dd1f !default;
852
+ $states-secondary-dark-drag: #c3c5dd29 !default;
853
+ $states-on-secondary-light-hover: #ffffff14 !default;
854
+ $states-on-secondary-light-press: #ffffff1f !default;
855
+ $states-on-secondary-light-focus: #ffffff1f !default;
856
+ $states-on-secondary-light-drag: #ffffff29 !default;
857
+ $states-on-secondary-dark-hover: #171a2c14 !default;
858
+ $states-on-secondary-dark-press: #171a2c1f !default;
859
+ $states-on-secondary-dark-focus: #171a2c1f !default;
860
+ $states-on-secondary-dark-drag: #171a2c29 !default;
861
+ $states-on-secondary-container-light-hover: #171a2c14 !default;
862
+ $states-on-secondary-container-light-press: #171a2c1f !default;
863
+ $states-on-secondary-container-light-focus: #171a2c03 !default;
864
+ $states-on-secondary-container-light-drag: #171a2cff !default;
865
+ $states-on-secondary-container-dark-hover: #61637814 !default;
866
+ $states-on-secondary-container-dark-press: #6163781f !default;
867
+ $states-on-secondary-container-dark-focus: #6163781f !default;
868
+ $states-on-secondary-container-dark-drag: #61637829 !default;
869
+ $states-on-surface-dark-hover: #f8f9fb14 !default;
870
+ $states-on-surface-dark-press: #f8f9fb1f !default;
871
+ $states-on-surface-dark-focus: #f8f9fb1f !default;
872
+ $states-on-surface-dark-drag: #f8f9fb29 !default;
873
+ $states-on-surface-light-hover: #191c1e14 !default;
874
+ $states-on-surface-light-press: #191c1e1f !default;
875
+ $states-on-surface-light-focus: #191c1e1f !default;
876
+ $states-on-surface-light-drag: #191c1e29 !default;
877
+ $states-on-surface-variant-dark-hover: #c0c6cc14 !default;
878
+ $states-on-surface-variant-dark-press: #c0c6cc1f !default;
879
+ $states-on-surface-variant-dark-drag: #c0c6cc29 !default;
880
+ $states-on-surface-variant-dark-focus: #c0c6cc1f !default;
881
+ $states-on-surface-variant-light-hover: #40484c14 !default;
882
+ $states-on-surface-variant-light-press: #40484c1f !default;
883
+ $states-on-surface-variant-light-focus: #40484c1f !default;
884
+ $states-on-surface-variant-light-drag: #40484c29 !default;
885
+ $states-color-3: #ffffffff !default;
886
+ $states-inverse-on-surface-dark-hover: #161c1f14 !default;
887
+ $states-inverse-on-surface-dark-focus: #161c1f1f !default;
888
+ $states-inverse-on-surface-dark-press: #161c1f1f !default;
889
+ $states-inverse-on-surface-dark-drag: #161c1f29 !default;
890
+ $states-inverse-on-surface-light-hover: #f8f9fb14 !default;
891
+ $states-inverse-on-surface-light-press: #f8f9fb1f !default;
892
+ $states-inverse-on-surface-light-focus: #f8f9fb1f !default;
893
+ $states-inverse-on-surface-light-drag: #f8f9fb29 !default;
139
894
  $material-red-50: #ffebee !default;
140
895
  $material-red-100: #ffcdd2 !default;
141
896
  $material-red-200: #ef9a9a !default;
@@ -493,6 +1248,15 @@ $typography-caption-line-height: 16px !default;
493
1248
 
494
1249
  $tokens: (
495
1250
  'light': (
1251
+ 'code-snippet-color': $light-code-snippet-color,
1252
+ 'code-snippet-comment': $light-code-snippet-comment,
1253
+ 'code-snippet-keyword': $light-code-snippet-keyword,
1254
+ 'code-snippet-selector': $light-code-snippet-selector,
1255
+ 'code-snippet-literal': $light-code-snippet-literal,
1256
+ 'code-snippet-string': $light-code-snippet-string,
1257
+ 'code-snippet-variable': $light-code-snippet-variable,
1258
+ 'code-snippet-title': $light-code-snippet-title,
1259
+ 'code-snippet-class': $light-code-snippet-class,
496
1260
  'primary': $light-primary,
497
1261
  'secondary': $light-secondary,
498
1262
  'error': $light-error,
@@ -507,15 +1271,6 @@ $tokens: (
507
1271
  'divider': $light-divider,
508
1272
  'emphasis': $light-emphasis,
509
1273
  'accent': $light-accent,
510
- 'code-snippet-color': $light-code-snippet-color,
511
- 'code-snippet-comment': $light-code-snippet-comment,
512
- 'code-snippet-keyword': $light-code-snippet-keyword,
513
- 'code-snippet-selector': $light-code-snippet-selector,
514
- 'code-snippet-literal': $light-code-snippet-literal,
515
- 'code-snippet-string': $light-code-snippet-string,
516
- 'code-snippet-variable': $light-code-snippet-variable,
517
- 'code-snippet-title': $light-code-snippet-title,
518
- 'code-snippet-class': $light-code-snippet-class,
519
1274
  'background': $light-background,
520
1275
  'surface': $light-surface,
521
1276
  'surface-canvas': $light-surface-canvas,
@@ -561,6 +1316,15 @@ $tokens: (
561
1316
  'text-icon-on-dark': $light-text-icon-on-dark
562
1317
  ),
563
1318
  'dark': (
1319
+ 'code-snippet-color': $dark-code-snippet-color,
1320
+ 'code-snippet-comment': $dark-code-snippet-comment,
1321
+ 'code-snippet-keyword': $dark-code-snippet-keyword,
1322
+ 'code-snippet-selector': $dark-code-snippet-selector,
1323
+ 'code-snippet-literal': $dark-code-snippet-literal,
1324
+ 'code-snippet-string': $dark-code-snippet-string,
1325
+ 'code-snippet-variable': $dark-code-snippet-variable,
1326
+ 'code-snippet-title': $dark-code-snippet-title,
1327
+ 'code-snippet-class': $dark-code-snippet-class,
564
1328
  'primary': $dark-primary,
565
1329
  'secondary': $dark-secondary,
566
1330
  'error': $dark-error,
@@ -575,15 +1339,6 @@ $tokens: (
575
1339
  'divider': $dark-divider,
576
1340
  'emphasis': $dark-emphasis,
577
1341
  'accent': $dark-accent,
578
- 'code-snippet-color': $dark-code-snippet-color,
579
- 'code-snippet-comment': $dark-code-snippet-comment,
580
- 'code-snippet-keyword': $dark-code-snippet-keyword,
581
- 'code-snippet-selector': $dark-code-snippet-selector,
582
- 'code-snippet-literal': $dark-code-snippet-literal,
583
- 'code-snippet-string': $dark-code-snippet-string,
584
- 'code-snippet-variable': $dark-code-snippet-variable,
585
- 'code-snippet-title': $dark-code-snippet-title,
586
- 'code-snippet-class': $dark-code-snippet-class,
587
1342
  'background': $dark-background,
588
1343
  'surface': $dark-surface,
589
1344
  'surface-canvas': $dark-surface-canvas,
@@ -628,6 +1383,1019 @@ $tokens: (
628
1383
  'text-disabled-on-dark': $dark-text-disabled-on-dark,
629
1384
  'text-icon-on-dark': $dark-text-icon-on-dark
630
1385
  ),
1386
+ 'material 3 colors': (
1387
+ 'light': (
1388
+ 'primary': (
1389
+ 'primary': $material-3-colors-light-primary-primary,
1390
+ 'primary-container': $material-3-colors-light-primary-primary-container,
1391
+ 'on-primary': $material-3-colors-light-primary-on-primary,
1392
+ 'primary-fixed': $material-3-colors-light-primary-primary-fixed,
1393
+ 'primary-fixed-dim': $material-3-colors-light-primary-primary-fixed-dim,
1394
+ 'primary-8%': $material-3-colors-light-primary-primary-8,
1395
+ 'primary-12%': $material-3-colors-light-primary-primary-12,
1396
+ 'on-primary-container': $material-3-colors-light-primary-on-primary-container,
1397
+ 'inverse-primary': $material-3-colors-light-primary-inverse-primary,
1398
+ 'on-primary-12%': $material-3-colors-light-primary-on-primary-12,
1399
+ 'on-primary-8%': $material-3-colors-light-primary-on-primary-8,
1400
+ 'primary-16%': $material-3-colors-light-primary-primary-16,
1401
+ 'on-primary-container-12%': $material-3-colors-light-primary-on-primary-container-12,
1402
+ 'on-primary-16%': $material-3-colors-light-primary-on-primary-16,
1403
+ 'on-primary-container-8%': $material-3-colors-light-primary-on-primary-container-8,
1404
+ 'on-primary-container-16%': $material-3-colors-light-primary-on-primary-container-16,
1405
+ 'inverse-primary-12%': $material-3-colors-light-primary-inverse-primary-12,
1406
+ 'inverse-primary-8%': $material-3-colors-light-primary-inverse-primary-8,
1407
+ 'inverse-primary-16%': $material-3-colors-light-primary-inverse-primary-16,
1408
+ 'on-primary-74%': $material-3-colors-light-primary-on-primary-74
1409
+ ),
1410
+ 'secondary': (
1411
+ 'secondary': $material-3-colors-light-secondary-secondary,
1412
+ 'secondary-container': $material-3-colors-light-secondary-secondary-container,
1413
+ 'on-secondary': $material-3-colors-light-secondary-on-secondary,
1414
+ 'on-secondary-container': $material-3-colors-light-secondary-on-secondary-container,
1415
+ 'secondary-fixed': $material-3-colors-light-secondary-secondary-fixed,
1416
+ 'secondary-fixed-dim': $material-3-colors-light-secondary-secondary-fixed-dim,
1417
+ 'on-secondary-container-8%': $material-3-colors-light-secondary-on-secondary-container-8,
1418
+ 'on-secondary-container-16%': $material-3-colors-light-secondary-on-secondary-container-16,
1419
+ 'on-secondary-container-12%': $material-3-colors-light-secondary-on-secondary-container-12,
1420
+ 'on-secondary-8%': $material-3-colors-light-secondary-on-secondary-8,
1421
+ 'on-secondary-12%': $material-3-colors-light-secondary-on-secondary-12,
1422
+ 'on-secondary-16%': $material-3-colors-light-secondary-on-secondary-16
1423
+ ),
1424
+ 'tertiary': (
1425
+ 'tertiary': $material-3-colors-light-tertiary-tertiary,
1426
+ 'tertiary-container': $material-3-colors-light-tertiary-tertiary-container,
1427
+ 'on-tertiary': $material-3-colors-light-tertiary-on-tertiary,
1428
+ 'on-tertiary-container': $material-3-colors-light-tertiary-on-tertiary-container,
1429
+ 'tertiary-fixed': $material-3-colors-light-tertiary-tertiary-fixed,
1430
+ 'tertiary-fixed-dim': $material-3-colors-light-tertiary-tertiary-fixed-dim,
1431
+ 'on-tertiary-container-8%': $material-3-colors-light-tertiary-on-tertiary-container-8,
1432
+ 'on-tertiary-container-12%': $material-3-colors-light-tertiary-on-tertiary-container-12,
1433
+ 'on-tertiary-8%': $material-3-colors-light-tertiary-on-tertiary-8,
1434
+ 'on-tertiary-12%': $material-3-colors-light-tertiary-on-tertiary-12,
1435
+ 'on-tertiary-16%': $material-3-colors-light-tertiary-on-tertiary-16,
1436
+ 'on-tertiary-container-16%': $material-3-colors-light-tertiary-on-tertiary-container-16,
1437
+ 'tertiary-8%': $material-3-colors-light-tertiary-tertiary-8,
1438
+ 'tertiary-12%': $material-3-colors-light-tertiary-tertiary-12,
1439
+ 'tertiary-16%': $material-3-colors-light-tertiary-tertiary-16
1440
+ ),
1441
+ 'surface': (
1442
+ 'surface': $material-3-colors-light-surface-surface,
1443
+ 'surface-dim': $material-3-colors-light-surface-surface-dim,
1444
+ 'surface-bright': $material-3-colors-light-surface-surface-bright,
1445
+ 'surface-container-lowest': $material-3-colors-light-surface-surface-container-lowest,
1446
+ 'surface-container-low': $material-3-colors-light-surface-surface-container-low,
1447
+ 'surface-container': $material-3-colors-light-surface-surface-container,
1448
+ 'surface-container-high': $material-3-colors-light-surface-surface-container-high,
1449
+ 'surface-container-highest': $material-3-colors-light-surface-surface-container-highest,
1450
+ 'on-surface': $material-3-colors-light-surface-on-surface,
1451
+ 'on-surface-variant': $material-3-colors-light-surface-on-surface-variant,
1452
+ 'inverse-surface': $material-3-colors-light-surface-inverse-surface,
1453
+ 'inverse-on-surface': $material-3-colors-light-surface-inverse-on-surface,
1454
+ 'on-surface-8%': $material-3-colors-light-surface-on-surface-8,
1455
+ 'on-surface-12%': $material-3-colors-light-surface-on-surface-12,
1456
+ 'on-surface-38%': $material-3-colors-light-surface-on-surface-38,
1457
+ 'on-surface-16%': $material-3-colors-light-surface-on-surface-16,
1458
+ 'on-surface-variant-8%': $material-3-colors-light-surface-on-surface-variant-8,
1459
+ 'on-surface-variant-12%': $material-3-colors-light-surface-on-surface-variant-12,
1460
+ 'surface-variant': $material-3-colors-light-surface-surface-variant,
1461
+ 'on-surface-variant-16%': $material-3-colors-light-surface-on-surface-variant-16,
1462
+ 'inverse-on-surface-12%': $material-3-colors-light-surface-inverse-on-surface-12,
1463
+ 'inverse-on-surface-8%': $material-3-colors-light-surface-inverse-on-surface-8,
1464
+ 'inverse-on-surface-16%': $material-3-colors-light-surface-inverse-on-surface-16,
1465
+ 'on-surface-74%': $material-3-colors-light-surface-on-surface-74
1466
+ ),
1467
+ 'background': (
1468
+ 'background': $material-3-colors-light-background-background,
1469
+ 'on-background': $material-3-colors-light-background-on-background
1470
+ ),
1471
+ 'negative': (
1472
+ 'negative': $material-3-colors-light-negative-negative,
1473
+ 'negative-container': $material-3-colors-light-negative-negative-container,
1474
+ 'on-negative': $material-3-colors-light-negative-on-negative,
1475
+ 'on-negative-container': $material-3-colors-light-negative-on-negative-container,
1476
+ 'negative-12%': $material-3-colors-light-negative-negative-12,
1477
+ 'negative-8%': $material-3-colors-light-negative-negative-8,
1478
+ 'negative-16%': $material-3-colors-light-negative-negative-16,
1479
+ 'on-negative-8%': $material-3-colors-light-negative-on-negative-8,
1480
+ 'on-negative-12%': $material-3-colors-light-negative-on-negative-12,
1481
+ 'on-negative-16%': $material-3-colors-light-negative-on-negative-16
1482
+ ),
1483
+ 'positive': (
1484
+ 'positive': $material-3-colors-light-positive-positive,
1485
+ 'positive-container': $material-3-colors-light-positive-positive-container,
1486
+ 'on-positive': $material-3-colors-light-positive-on-positive,
1487
+ 'on-positive-container': $material-3-colors-light-positive-on-positive-container,
1488
+ 'positive-16%': $material-3-colors-light-positive-positive-16,
1489
+ 'positive-12%': $material-3-colors-light-positive-positive-12,
1490
+ 'positive-8%': $material-3-colors-light-positive-positive-8,
1491
+ 'on-positive-8%': $material-3-colors-light-positive-on-positive-8,
1492
+ 'on-positive-12%': $material-3-colors-light-positive-on-positive-12,
1493
+ 'on-positive-16%': $material-3-colors-light-positive-on-positive-16,
1494
+ 'on-positive-container-8%': $material-3-colors-light-positive-on-positive-container-8,
1495
+ 'on-positive-container-12%': $material-3-colors-light-positive-on-positive-container-12,
1496
+ 'on-positive-container-16%': $material-3-colors-light-positive-on-positive-container-16
1497
+ ),
1498
+ 'caution': (
1499
+ 'caution': $material-3-colors-light-caution-caution,
1500
+ 'caution-container': $material-3-colors-light-caution-caution-container,
1501
+ 'on-caution': $material-3-colors-light-caution-on-caution,
1502
+ 'on-caution-container': $material-3-colors-light-caution-on-caution-container,
1503
+ 'caution-16%': $material-3-colors-light-caution-caution-16,
1504
+ 'caution-12%': $material-3-colors-light-caution-caution-12,
1505
+ 'caution-8%': $material-3-colors-light-caution-caution-8,
1506
+ 'on-caution-8%': $material-3-colors-light-caution-on-caution-8,
1507
+ 'on-caution-12%': $material-3-colors-light-caution-on-caution-12,
1508
+ 'on-caution-16%': $material-3-colors-light-caution-on-caution-16,
1509
+ 'on-caution-container-8%': $material-3-colors-light-caution-on-caution-container-8,
1510
+ 'on-caution-container-12%': $material-3-colors-light-caution-on-caution-container-12,
1511
+ 'on-caution-container-16%': $material-3-colors-light-caution-on-caution-container-16
1512
+ ),
1513
+ 'outline': (
1514
+ 'outline': $material-3-colors-light-outline-outline,
1515
+ 'outline-variant': $material-3-colors-light-outline-outline-variant,
1516
+ 'outline-8%': $material-3-colors-light-outline-outline-8,
1517
+ 'outline-12%': $material-3-colors-light-outline-outline-12,
1518
+ 'outline-16%': $material-3-colors-light-outline-outline-16
1519
+ ),
1520
+ 'shadow': (
1521
+ 'shadow': $material-3-colors-light-shadow-shadow
1522
+ ),
1523
+ 'scrim': (
1524
+ 'scrim': $material-3-colors-light-scrim-scrim
1525
+ ),
1526
+ 'wireframe': (
1527
+ 'wf blue': $material-3-colors-light-wireframe-wf-blue,
1528
+ 'wireframe white': $material-3-colors-light-wireframe-wireframe-white
1529
+ ),
1530
+ 'emphasis': (
1531
+ 'emphasis': $material-3-colors-light-emphasis-emphasis,
1532
+ 'emphasis-container': $material-3-colors-light-emphasis-emphasis-container,
1533
+ 'on-emphasis': $material-3-colors-light-emphasis-on-emphasis,
1534
+ 'on-emphasis-container': $material-3-colors-light-emphasis-on-emphasis-container,
1535
+ 'emphasis-8%': $material-3-colors-light-emphasis-emphasis-8,
1536
+ 'emphasis-12%': $material-3-colors-light-emphasis-emphasis-12,
1537
+ 'emphasis-16%': $material-3-colors-light-emphasis-emphasis-16,
1538
+ 'on-emphasis-8%': $material-3-colors-light-emphasis-on-emphasis-8,
1539
+ 'on-emphasis-12%': $material-3-colors-light-emphasis-on-emphasis-12,
1540
+ 'on-emphasis-16%': $material-3-colors-light-emphasis-on-emphasis-16,
1541
+ 'on-emphasis-container-8%': $material-3-colors-light-emphasis-on-emphasis-container-8,
1542
+ 'on-emphasis-container-12%': $material-3-colors-light-emphasis-on-emphasis-container-12,
1543
+ 'on-emphasis-container-16%': $material-3-colors-light-emphasis-on-emphasis-container-16
1544
+ )
1545
+ ),
1546
+ 'dark': (
1547
+ 'primary': (
1548
+ 'primary': $material-3-colors-dark-primary-primary,
1549
+ 'primary-container': $material-3-colors-dark-primary-primary-container,
1550
+ 'on-primary': $material-3-colors-dark-primary-on-primary,
1551
+ 'primary-fixed': $material-3-colors-dark-primary-primary-fixed,
1552
+ 'primary-fixed-dim': $material-3-colors-dark-primary-primary-fixed-dim,
1553
+ 'primary-8%': $material-3-colors-dark-primary-primary-8,
1554
+ 'primary-12%': $material-3-colors-dark-primary-primary-12,
1555
+ 'on-primary-container': $material-3-colors-dark-primary-on-primary-container,
1556
+ 'inverse-primary': $material-3-colors-dark-primary-inverse-primary,
1557
+ 'on-primary-12%': $material-3-colors-dark-primary-on-primary-12,
1558
+ 'on-primary-8%': $material-3-colors-dark-primary-on-primary-8,
1559
+ 'primary-16%': $material-3-colors-dark-primary-primary-16,
1560
+ 'on-primary-container-12%': $material-3-colors-dark-primary-on-primary-container-12,
1561
+ 'on-primary-16%': $material-3-colors-dark-primary-on-primary-16,
1562
+ 'on-primary-container-8%': $material-3-colors-dark-primary-on-primary-container-8,
1563
+ 'on-primary-container-16%': $material-3-colors-dark-primary-on-primary-container-16,
1564
+ 'inverse-primary-12%': $material-3-colors-dark-primary-inverse-primary-12,
1565
+ 'inverse-primary-8%': $material-3-colors-dark-primary-inverse-primary-8,
1566
+ 'inverse-primary-16%': $material-3-colors-dark-primary-inverse-primary-16,
1567
+ 'on-primary-74%': $material-3-colors-dark-primary-on-primary-74
1568
+ ),
1569
+ 'secondary': (
1570
+ 'secondary': $material-3-colors-dark-secondary-secondary,
1571
+ 'secondary-container': $material-3-colors-dark-secondary-secondary-container,
1572
+ 'on-secondary': $material-3-colors-dark-secondary-on-secondary,
1573
+ 'on-secondary-container': $material-3-colors-dark-secondary-on-secondary-container,
1574
+ 'secondary-fixed': $material-3-colors-dark-secondary-secondary-fixed,
1575
+ 'secondary-fixed-dim': $material-3-colors-dark-secondary-secondary-fixed-dim,
1576
+ 'on-secondary-container-8%': $material-3-colors-dark-secondary-on-secondary-container-8,
1577
+ 'on-secondary-container-16%': $material-3-colors-dark-secondary-on-secondary-container-16,
1578
+ 'on-secondary-container-12%': $material-3-colors-dark-secondary-on-secondary-container-12,
1579
+ 'on-secondary-8%': $material-3-colors-dark-secondary-on-secondary-8,
1580
+ 'on-secondary-12%': $material-3-colors-dark-secondary-on-secondary-12,
1581
+ 'on-secondary-16%': $material-3-colors-dark-secondary-on-secondary-16
1582
+ ),
1583
+ 'tertiary': (
1584
+ 'tertiary': $material-3-colors-dark-tertiary-tertiary,
1585
+ 'tertiary-container': $material-3-colors-dark-tertiary-tertiary-container,
1586
+ 'on-tertiary': $material-3-colors-dark-tertiary-on-tertiary,
1587
+ 'on-tertiary-container': $material-3-colors-dark-tertiary-on-tertiary-container,
1588
+ 'tertiary-fixed': $material-3-colors-dark-tertiary-tertiary-fixed,
1589
+ 'tertiary-fixed-dim': $material-3-colors-dark-tertiary-tertiary-fixed-dim,
1590
+ 'on-tertiary-container-8%': $material-3-colors-dark-tertiary-on-tertiary-container-8,
1591
+ 'on-tertiary-container-12%': $material-3-colors-dark-tertiary-on-tertiary-container-12,
1592
+ 'on-tertiary-8%': $material-3-colors-dark-tertiary-on-tertiary-8,
1593
+ 'on-tertiary-12%': $material-3-colors-dark-tertiary-on-tertiary-12,
1594
+ 'on-tertiary-16%': $material-3-colors-dark-tertiary-on-tertiary-16,
1595
+ 'on-tertiary-container-16%': $material-3-colors-dark-tertiary-on-tertiary-container-16,
1596
+ 'tertiary-8%': $material-3-colors-dark-tertiary-tertiary-8,
1597
+ 'tertiary-12%': $material-3-colors-dark-tertiary-tertiary-12,
1598
+ 'tertiary-16%': $material-3-colors-dark-tertiary-tertiary-16
1599
+ ),
1600
+ 'surface': (
1601
+ 'surface': $material-3-colors-dark-surface-surface,
1602
+ 'surface-dim': $material-3-colors-dark-surface-surface-dim,
1603
+ 'surface-bright': $material-3-colors-dark-surface-surface-bright,
1604
+ 'surface-container-lowest': $material-3-colors-dark-surface-surface-container-lowest,
1605
+ 'surface-container-low': $material-3-colors-dark-surface-surface-container-low,
1606
+ 'surface-container': $material-3-colors-dark-surface-surface-container,
1607
+ 'surface-container-high': $material-3-colors-dark-surface-surface-container-high,
1608
+ 'surface-container-highest': $material-3-colors-dark-surface-surface-container-highest,
1609
+ 'on-surface': $material-3-colors-dark-surface-on-surface,
1610
+ 'on-surface-variant': $material-3-colors-dark-surface-on-surface-variant,
1611
+ 'inverse-surface': $material-3-colors-dark-surface-inverse-surface,
1612
+ 'inverse-on-surface': $material-3-colors-dark-surface-inverse-on-surface,
1613
+ 'on-surface-8%': $material-3-colors-dark-surface-on-surface-8,
1614
+ 'on-surface-12%': $material-3-colors-dark-surface-on-surface-12,
1615
+ 'on-surface-38%': $material-3-colors-dark-surface-on-surface-38,
1616
+ 'on-surface-16%': $material-3-colors-dark-surface-on-surface-16,
1617
+ 'on-surface-variant-8%': $material-3-colors-dark-surface-on-surface-variant-8,
1618
+ 'on-surface-variant-12%': $material-3-colors-dark-surface-on-surface-variant-12,
1619
+ 'surface-variant': $material-3-colors-dark-surface-surface-variant,
1620
+ 'on-surface-variant-16%': $material-3-colors-dark-surface-on-surface-variant-16,
1621
+ 'inverse-on-surface-12%': $material-3-colors-dark-surface-inverse-on-surface-12,
1622
+ 'inverse-on-surface-8%': $material-3-colors-dark-surface-inverse-on-surface-8,
1623
+ 'inverse-on-surface-16%': $material-3-colors-dark-surface-inverse-on-surface-16,
1624
+ 'on-surface-74%': $material-3-colors-dark-surface-on-surface-74
1625
+ ),
1626
+ 'background': (
1627
+ 'background': $material-3-colors-dark-background-background,
1628
+ 'on-background': $material-3-colors-dark-background-on-background
1629
+ ),
1630
+ 'negative': (
1631
+ 'negative': $material-3-colors-dark-negative-negative,
1632
+ 'negative-container': $material-3-colors-dark-negative-negative-container,
1633
+ 'on-negative': $material-3-colors-dark-negative-on-negative,
1634
+ 'on-negative-container': $material-3-colors-dark-negative-on-negative-container,
1635
+ 'negative-12%': $material-3-colors-dark-negative-negative-12,
1636
+ 'negative-8%': $material-3-colors-dark-negative-negative-8,
1637
+ 'negative-16%': $material-3-colors-dark-negative-negative-16,
1638
+ 'on-negative-8%': $material-3-colors-dark-negative-on-negative-8,
1639
+ 'on-negative-12%': $material-3-colors-dark-negative-on-negative-12,
1640
+ 'on-negative-16%': $material-3-colors-dark-negative-on-negative-16
1641
+ ),
1642
+ 'positive': (
1643
+ 'positive': $material-3-colors-dark-positive-positive,
1644
+ 'positive-container': $material-3-colors-dark-positive-positive-container,
1645
+ 'on-positive': $material-3-colors-dark-positive-on-positive,
1646
+ 'on-positive-container': $material-3-colors-dark-positive-on-positive-container,
1647
+ 'positive-16%': $material-3-colors-dark-positive-positive-16,
1648
+ 'positive-12%': $material-3-colors-dark-positive-positive-12,
1649
+ 'positive-8%': $material-3-colors-dark-positive-positive-8,
1650
+ 'on-positive-8%': $material-3-colors-dark-positive-on-positive-8,
1651
+ 'on-positive-12%': $material-3-colors-dark-positive-on-positive-12,
1652
+ 'on-positive-16%': $material-3-colors-dark-positive-on-positive-16,
1653
+ 'on-positive-container-8%': $material-3-colors-dark-positive-on-positive-container-8,
1654
+ 'on-positive-container-12%': $material-3-colors-dark-positive-on-positive-container-12,
1655
+ 'on-positive-container-16%': $material-3-colors-dark-positive-on-positive-container-16
1656
+ ),
1657
+ 'caution': (
1658
+ 'caution': $material-3-colors-dark-caution-caution,
1659
+ 'caution-container': $material-3-colors-dark-caution-caution-container,
1660
+ 'on-caution': $material-3-colors-dark-caution-on-caution,
1661
+ 'on-caution-container': $material-3-colors-dark-caution-on-caution-container,
1662
+ 'caution-16%': $material-3-colors-dark-caution-caution-16,
1663
+ 'caution-12%': $material-3-colors-dark-caution-caution-12,
1664
+ 'caution-8%': $material-3-colors-dark-caution-caution-8,
1665
+ 'on-caution-8%': $material-3-colors-dark-caution-on-caution-8,
1666
+ 'on-caution-12%': $material-3-colors-dark-caution-on-caution-12,
1667
+ 'on-caution-16%': $material-3-colors-dark-caution-on-caution-16,
1668
+ 'on-caution-container-8%': $material-3-colors-dark-caution-on-caution-container-8,
1669
+ 'on-caution-container-12%': $material-3-colors-dark-caution-on-caution-container-12,
1670
+ 'on-caution-container-16%': $material-3-colors-dark-caution-on-caution-container-16
1671
+ ),
1672
+ 'outline': (
1673
+ 'outline': $material-3-colors-dark-outline-outline,
1674
+ 'outline-variant': $material-3-colors-dark-outline-outline-variant,
1675
+ 'outline-8%': $material-3-colors-dark-outline-outline-8,
1676
+ 'outline-12%': $material-3-colors-dark-outline-outline-12,
1677
+ 'outline-16%': $material-3-colors-dark-outline-outline-16
1678
+ ),
1679
+ 'shadow': (
1680
+ 'shadow': $material-3-colors-dark-shadow-shadow
1681
+ ),
1682
+ 'scrim': (
1683
+ 'scrim': $material-3-colors-dark-scrim-scrim
1684
+ ),
1685
+ 'wireframe': (
1686
+ 'wf blue': $material-3-colors-dark-wireframe-wf-blue,
1687
+ 'wireframe white': $material-3-colors-dark-wireframe-wireframe-white
1688
+ ),
1689
+ 'emphasis': (
1690
+ 'emphasis': $material-3-colors-dark-emphasis-emphasis,
1691
+ 'emphasis-container': $material-3-colors-dark-emphasis-emphasis-container,
1692
+ 'on-emphasis': $material-3-colors-dark-emphasis-on-emphasis,
1693
+ 'on-emphasis-container': $material-3-colors-dark-emphasis-on-emphasis-container,
1694
+ 'emphasis-8%': $material-3-colors-dark-emphasis-emphasis-8,
1695
+ 'emphasis-12%': $material-3-colors-dark-emphasis-emphasis-12,
1696
+ 'emphasis-16%': $material-3-colors-dark-emphasis-emphasis-16,
1697
+ 'on-emphasis-8%': $material-3-colors-dark-emphasis-on-emphasis-8,
1698
+ 'on-emphasis-12%': $material-3-colors-dark-emphasis-on-emphasis-12,
1699
+ 'on-emphasis-16%': $material-3-colors-dark-emphasis-on-emphasis-16,
1700
+ 'on-emphasis-container-8%': $material-3-colors-dark-emphasis-on-emphasis-container-8,
1701
+ 'on-emphasis-container-12%': $material-3-colors-dark-emphasis-on-emphasis-container-12,
1702
+ 'on-emphasis-container-16%': $material-3-colors-dark-emphasis-on-emphasis-container-16
1703
+ )
1704
+ )
1705
+ ),
1706
+ 'tonal palettes': (
1707
+ 'digital blue': (
1708
+ 'light': (
1709
+ '0': $tonal-palettes-digital-blue-light-0,
1710
+ '10': $tonal-palettes-digital-blue-light-10,
1711
+ '20': $tonal-palettes-digital-blue-light-20,
1712
+ '30': $tonal-palettes-digital-blue-light-30,
1713
+ '40': $tonal-palettes-digital-blue-light-40,
1714
+ '50': $tonal-palettes-digital-blue-light-50,
1715
+ '60': $tonal-palettes-digital-blue-light-60,
1716
+ '70': $tonal-palettes-digital-blue-light-70,
1717
+ '80': $tonal-palettes-digital-blue-light-80,
1718
+ '90': $tonal-palettes-digital-blue-light-90,
1719
+ '91': $tonal-palettes-digital-blue-light-91,
1720
+ '92': $tonal-palettes-digital-blue-light-92,
1721
+ '93': $tonal-palettes-digital-blue-light-93,
1722
+ '94': $tonal-palettes-digital-blue-light-94,
1723
+ '95': $tonal-palettes-digital-blue-light-95,
1724
+ '98': $tonal-palettes-digital-blue-light-98,
1725
+ '100': $tonal-palettes-digital-blue-light-100
1726
+ ),
1727
+ 'dark': (
1728
+ '0': $tonal-palettes-digital-blue-dark-0,
1729
+ '10': $tonal-palettes-digital-blue-dark-10,
1730
+ '20': $tonal-palettes-digital-blue-dark-20,
1731
+ '30': $tonal-palettes-digital-blue-dark-30,
1732
+ '40': $tonal-palettes-digital-blue-dark-40,
1733
+ '50': $tonal-palettes-digital-blue-dark-50,
1734
+ '60': $tonal-palettes-digital-blue-dark-60,
1735
+ '70': $tonal-palettes-digital-blue-dark-70,
1736
+ '80': $tonal-palettes-digital-blue-dark-80,
1737
+ '90': $tonal-palettes-digital-blue-dark-90,
1738
+ '91': $tonal-palettes-digital-blue-dark-91,
1739
+ '92': $tonal-palettes-digital-blue-dark-92,
1740
+ '93': $tonal-palettes-digital-blue-dark-93,
1741
+ '94': $tonal-palettes-digital-blue-dark-94,
1742
+ '95': $tonal-palettes-digital-blue-dark-95,
1743
+ '98': $tonal-palettes-digital-blue-dark-98,
1744
+ '100': $tonal-palettes-digital-blue-dark-100
1745
+ )
1746
+ ),
1747
+ 'orange': (
1748
+ 'light': (
1749
+ '0': $tonal-palettes-orange-light-0,
1750
+ '10': $tonal-palettes-orange-light-10,
1751
+ '20': $tonal-palettes-orange-light-20,
1752
+ '30': $tonal-palettes-orange-light-30,
1753
+ '40': $tonal-palettes-orange-light-40,
1754
+ '50': $tonal-palettes-orange-light-50,
1755
+ '60': $tonal-palettes-orange-light-60,
1756
+ '70': $tonal-palettes-orange-light-70,
1757
+ '80': $tonal-palettes-orange-light-80,
1758
+ '90': $tonal-palettes-orange-light-90,
1759
+ '95': $tonal-palettes-orange-light-95,
1760
+ '98': $tonal-palettes-orange-light-98,
1761
+ '100': $tonal-palettes-orange-light-100
1762
+ ),
1763
+ 'dark': (
1764
+ '0': $tonal-palettes-orange-dark-0,
1765
+ '10': $tonal-palettes-orange-dark-10,
1766
+ '20': $tonal-palettes-orange-dark-20,
1767
+ '30': $tonal-palettes-orange-dark-30,
1768
+ '40': $tonal-palettes-orange-dark-40,
1769
+ '50': $tonal-palettes-orange-dark-50,
1770
+ '60': $tonal-palettes-orange-dark-60,
1771
+ '70': $tonal-palettes-orange-dark-70,
1772
+ '80': $tonal-palettes-orange-dark-80,
1773
+ '90': $tonal-palettes-orange-dark-90,
1774
+ '95': $tonal-palettes-orange-dark-95,
1775
+ '98': $tonal-palettes-orange-dark-98,
1776
+ '100': $tonal-palettes-orange-dark-100
1777
+ )
1778
+ ),
1779
+ 'navy': (
1780
+ 'light': (
1781
+ '0': $tonal-palettes-navy-light-0,
1782
+ '10': $tonal-palettes-navy-light-10,
1783
+ '20': $tonal-palettes-navy-light-20,
1784
+ '30': $tonal-palettes-navy-light-30,
1785
+ '40': $tonal-palettes-navy-light-40,
1786
+ '50': $tonal-palettes-navy-light-50,
1787
+ '60': $tonal-palettes-navy-light-60,
1788
+ '70': $tonal-palettes-navy-light-70,
1789
+ '80': $tonal-palettes-navy-light-80,
1790
+ '90': $tonal-palettes-navy-light-90,
1791
+ '95': $tonal-palettes-navy-light-95,
1792
+ '98': $tonal-palettes-navy-light-98,
1793
+ '100': $tonal-palettes-navy-light-100
1794
+ ),
1795
+ 'dark': (
1796
+ '0': $tonal-palettes-navy-dark-0,
1797
+ '10': $tonal-palettes-navy-dark-10,
1798
+ '20': $tonal-palettes-navy-dark-20,
1799
+ '30': $tonal-palettes-navy-dark-30,
1800
+ '40': $tonal-palettes-navy-dark-40,
1801
+ '50': $tonal-palettes-navy-dark-50,
1802
+ '60': $tonal-palettes-navy-dark-60,
1803
+ '70': $tonal-palettes-navy-dark-70,
1804
+ '80': $tonal-palettes-navy-dark-80,
1805
+ '90': $tonal-palettes-navy-dark-90,
1806
+ '95': $tonal-palettes-navy-dark-95,
1807
+ '98': $tonal-palettes-navy-dark-98,
1808
+ '100': $tonal-palettes-navy-dark-100
1809
+ )
1810
+ ),
1811
+ 'negative': (
1812
+ 'light': (
1813
+ '0': $tonal-palettes-negative-light-0,
1814
+ '10': $tonal-palettes-negative-light-10,
1815
+ '20': $tonal-palettes-negative-light-20,
1816
+ '30': $tonal-palettes-negative-light-30,
1817
+ '40': $tonal-palettes-negative-light-40,
1818
+ '50': $tonal-palettes-negative-light-50,
1819
+ '60': $tonal-palettes-negative-light-60,
1820
+ '70': $tonal-palettes-negative-light-70,
1821
+ '80': $tonal-palettes-negative-light-80,
1822
+ '90': $tonal-palettes-negative-light-90,
1823
+ '95': $tonal-palettes-negative-light-95,
1824
+ '98': $tonal-palettes-negative-light-98,
1825
+ '100': $tonal-palettes-negative-light-100
1826
+ ),
1827
+ 'dark': (
1828
+ '0': $tonal-palettes-negative-dark-0,
1829
+ '10': $tonal-palettes-negative-dark-10,
1830
+ '20': $tonal-palettes-negative-dark-20,
1831
+ '30': $tonal-palettes-negative-dark-30,
1832
+ '40': $tonal-palettes-negative-dark-40,
1833
+ '50': $tonal-palettes-negative-dark-50,
1834
+ '60': $tonal-palettes-negative-dark-60,
1835
+ '70': $tonal-palettes-negative-dark-70,
1836
+ '80': $tonal-palettes-negative-dark-80,
1837
+ '90': $tonal-palettes-negative-dark-90,
1838
+ '95': $tonal-palettes-negative-dark-95,
1839
+ '98': $tonal-palettes-negative-dark-98,
1840
+ '100': $tonal-palettes-negative-dark-100
1841
+ )
1842
+ ),
1843
+ 'caution': (
1844
+ 'light': (
1845
+ '0': $tonal-palettes-caution-light-0,
1846
+ '10': $tonal-palettes-caution-light-10,
1847
+ '20': $tonal-palettes-caution-light-20,
1848
+ '30': $tonal-palettes-caution-light-30,
1849
+ '40': $tonal-palettes-caution-light-40,
1850
+ '50': $tonal-palettes-caution-light-50,
1851
+ '60': $tonal-palettes-caution-light-60,
1852
+ '70': $tonal-palettes-caution-light-70,
1853
+ '80': $tonal-palettes-caution-light-80,
1854
+ '90': $tonal-palettes-caution-light-90,
1855
+ '95': $tonal-palettes-caution-light-95,
1856
+ '98': $tonal-palettes-caution-light-98,
1857
+ '100': $tonal-palettes-caution-light-100
1858
+ ),
1859
+ 'dark': (
1860
+ '0': $tonal-palettes-caution-dark-0,
1861
+ '10': $tonal-palettes-caution-dark-10,
1862
+ '20': $tonal-palettes-caution-dark-20,
1863
+ '30': $tonal-palettes-caution-dark-30,
1864
+ '40': $tonal-palettes-caution-dark-40,
1865
+ '50': $tonal-palettes-caution-dark-50,
1866
+ '60': $tonal-palettes-caution-dark-60,
1867
+ '70': $tonal-palettes-caution-dark-70,
1868
+ '80': $tonal-palettes-caution-dark-80,
1869
+ '90': $tonal-palettes-caution-dark-90,
1870
+ '95': $tonal-palettes-caution-dark-95,
1871
+ '98': $tonal-palettes-caution-dark-98,
1872
+ '100': $tonal-palettes-caution-dark-100
1873
+ )
1874
+ ),
1875
+ 'positive': (
1876
+ 'light': (
1877
+ '0': $tonal-palettes-positive-light-0,
1878
+ '10': $tonal-palettes-positive-light-10,
1879
+ '20': $tonal-palettes-positive-light-20,
1880
+ '30': $tonal-palettes-positive-light-30,
1881
+ '40': $tonal-palettes-positive-light-40,
1882
+ '50': $tonal-palettes-positive-light-50,
1883
+ '60': $tonal-palettes-positive-light-60,
1884
+ '70': $tonal-palettes-positive-light-70,
1885
+ '80': $tonal-palettes-positive-light-80,
1886
+ '90': $tonal-palettes-positive-light-90,
1887
+ '95': $tonal-palettes-positive-light-95,
1888
+ '98': $tonal-palettes-positive-light-98,
1889
+ '100': $tonal-palettes-positive-light-100
1890
+ ),
1891
+ 'dark': (
1892
+ '0': $tonal-palettes-positive-dark-0,
1893
+ '10': $tonal-palettes-positive-dark-10,
1894
+ '20': $tonal-palettes-positive-dark-20,
1895
+ '30': $tonal-palettes-positive-dark-30,
1896
+ '40': $tonal-palettes-positive-dark-40,
1897
+ '50': $tonal-palettes-positive-dark-50,
1898
+ '60': $tonal-palettes-positive-dark-60,
1899
+ '70': $tonal-palettes-positive-dark-70,
1900
+ '80': $tonal-palettes-positive-dark-80,
1901
+ '90': $tonal-palettes-positive-dark-90,
1902
+ '95': $tonal-palettes-positive-dark-95,
1903
+ '98': $tonal-palettes-positive-dark-98,
1904
+ '100': $tonal-palettes-positive-dark-100
1905
+ )
1906
+ ),
1907
+ 'emphasis': (
1908
+ 'light': (
1909
+ '0': $tonal-palettes-emphasis-light-0,
1910
+ '10': $tonal-palettes-emphasis-light-10,
1911
+ '20': $tonal-palettes-emphasis-light-20,
1912
+ '30': $tonal-palettes-emphasis-light-30,
1913
+ '40': $tonal-palettes-emphasis-light-40,
1914
+ '50': $tonal-palettes-emphasis-light-50,
1915
+ '60': $tonal-palettes-emphasis-light-60,
1916
+ '70': $tonal-palettes-emphasis-light-70,
1917
+ '80': $tonal-palettes-emphasis-light-80,
1918
+ '90': $tonal-palettes-emphasis-light-90,
1919
+ '95': $tonal-palettes-emphasis-light-95,
1920
+ '98': $tonal-palettes-emphasis-light-98,
1921
+ '100': $tonal-palettes-emphasis-light-100
1922
+ ),
1923
+ 'dark': (
1924
+ '0': $tonal-palettes-emphasis-dark-0,
1925
+ '10': $tonal-palettes-emphasis-dark-10,
1926
+ '20': $tonal-palettes-emphasis-dark-20,
1927
+ '30': $tonal-palettes-emphasis-dark-30,
1928
+ '40': $tonal-palettes-emphasis-dark-40,
1929
+ '50': $tonal-palettes-emphasis-dark-50,
1930
+ '60': $tonal-palettes-emphasis-dark-60,
1931
+ '70': $tonal-palettes-emphasis-dark-70,
1932
+ '80': $tonal-palettes-emphasis-dark-80,
1933
+ '90': $tonal-palettes-emphasis-dark-90,
1934
+ '95': $tonal-palettes-emphasis-dark-95,
1935
+ '98': $tonal-palettes-emphasis-dark-98,
1936
+ '100': $tonal-palettes-emphasis-dark-100
1937
+ )
1938
+ ),
1939
+ 'secondary': (
1940
+ 'light': (
1941
+ '0': $tonal-palettes-secondary-light-0,
1942
+ '10': $tonal-palettes-secondary-light-10,
1943
+ '20': $tonal-palettes-secondary-light-20,
1944
+ '30': $tonal-palettes-secondary-light-30,
1945
+ '40': $tonal-palettes-secondary-light-40,
1946
+ '50': $tonal-palettes-secondary-light-50,
1947
+ '60': $tonal-palettes-secondary-light-60,
1948
+ '70': $tonal-palettes-secondary-light-70,
1949
+ '80': $tonal-palettes-secondary-light-80,
1950
+ '90': $tonal-palettes-secondary-light-90,
1951
+ '95': $tonal-palettes-secondary-light-95,
1952
+ '98': $tonal-palettes-secondary-light-98,
1953
+ '100': $tonal-palettes-secondary-light-100
1954
+ ),
1955
+ 'dark': (
1956
+ '0': $tonal-palettes-secondary-dark-0,
1957
+ '10': $tonal-palettes-secondary-dark-10,
1958
+ '20': $tonal-palettes-secondary-dark-20,
1959
+ '30': $tonal-palettes-secondary-dark-30,
1960
+ '40': $tonal-palettes-secondary-dark-40,
1961
+ '50': $tonal-palettes-secondary-dark-50,
1962
+ '60': $tonal-palettes-secondary-dark-60,
1963
+ '70': $tonal-palettes-secondary-dark-70,
1964
+ '80': $tonal-palettes-secondary-dark-80,
1965
+ '90': $tonal-palettes-secondary-dark-90,
1966
+ '95': $tonal-palettes-secondary-dark-95,
1967
+ '98': $tonal-palettes-secondary-dark-98,
1968
+ '100': $tonal-palettes-secondary-dark-100
1969
+ )
1970
+ ),
1971
+ 'neutral': (
1972
+ 'light': (
1973
+ '0': $tonal-palettes-neutral-light-0,
1974
+ '2': $tonal-palettes-neutral-light-2,
1975
+ '3': $tonal-palettes-neutral-light-3,
1976
+ '4': $tonal-palettes-neutral-light-4,
1977
+ '5': $tonal-palettes-neutral-light-5,
1978
+ '6': $tonal-palettes-neutral-light-6,
1979
+ '7': $tonal-palettes-neutral-light-7,
1980
+ '8': $tonal-palettes-neutral-light-8,
1981
+ '9': $tonal-palettes-neutral-light-9,
1982
+ '10': $tonal-palettes-neutral-light-10,
1983
+ '11': $tonal-palettes-neutral-light-11,
1984
+ '12': $tonal-palettes-neutral-light-12,
1985
+ '13': $tonal-palettes-neutral-light-13,
1986
+ '14': $tonal-palettes-neutral-light-14,
1987
+ '15': $tonal-palettes-neutral-light-15,
1988
+ '16': $tonal-palettes-neutral-light-16,
1989
+ '17': $tonal-palettes-neutral-light-17,
1990
+ '18': $tonal-palettes-neutral-light-18,
1991
+ '19': $tonal-palettes-neutral-light-19,
1992
+ '20': $tonal-palettes-neutral-light-20,
1993
+ '21': $tonal-palettes-neutral-light-21,
1994
+ '22': $tonal-palettes-neutral-light-22,
1995
+ '23': $tonal-palettes-neutral-light-23,
1996
+ '24': $tonal-palettes-neutral-light-24,
1997
+ '25': $tonal-palettes-neutral-light-25,
1998
+ '30': $tonal-palettes-neutral-light-30,
1999
+ '35': $tonal-palettes-neutral-light-35,
2000
+ '40': $tonal-palettes-neutral-light-40,
2001
+ '50': $tonal-palettes-neutral-light-50,
2002
+ '60': $tonal-palettes-neutral-light-60,
2003
+ '70': $tonal-palettes-neutral-light-70,
2004
+ '80': $tonal-palettes-neutral-light-80,
2005
+ '87': $tonal-palettes-neutral-light-87,
2006
+ '90': $tonal-palettes-neutral-light-90,
2007
+ '91': $tonal-palettes-neutral-light-91,
2008
+ '92': $tonal-palettes-neutral-light-92,
2009
+ '93': $tonal-palettes-neutral-light-93,
2010
+ '94': $tonal-palettes-neutral-light-94,
2011
+ '95': $tonal-palettes-neutral-light-95,
2012
+ '96': $tonal-palettes-neutral-light-96,
2013
+ '97': $tonal-palettes-neutral-light-97,
2014
+ '98': $tonal-palettes-neutral-light-98,
2015
+ '99': $tonal-palettes-neutral-light-99,
2016
+ '100': $tonal-palettes-neutral-light-100
2017
+ ),
2018
+ 'dark': (
2019
+ '0': $tonal-palettes-neutral-dark-0,
2020
+ '2': $tonal-palettes-neutral-dark-2,
2021
+ '3': $tonal-palettes-neutral-dark-3,
2022
+ '4': $tonal-palettes-neutral-dark-4,
2023
+ '5': $tonal-palettes-neutral-dark-5,
2024
+ '6': $tonal-palettes-neutral-dark-6,
2025
+ '7': $tonal-palettes-neutral-dark-7,
2026
+ '8': $tonal-palettes-neutral-dark-8,
2027
+ '9': $tonal-palettes-neutral-dark-9,
2028
+ '10': $tonal-palettes-neutral-dark-10,
2029
+ '11': $tonal-palettes-neutral-dark-11,
2030
+ '12': $tonal-palettes-neutral-dark-12,
2031
+ '13': $tonal-palettes-neutral-dark-13,
2032
+ '14': $tonal-palettes-neutral-dark-14,
2033
+ '15': $tonal-palettes-neutral-dark-15,
2034
+ '16': $tonal-palettes-neutral-dark-16,
2035
+ '17': $tonal-palettes-neutral-dark-17,
2036
+ '18': $tonal-palettes-neutral-dark-18,
2037
+ '19': $tonal-palettes-neutral-dark-19,
2038
+ '20': $tonal-palettes-neutral-dark-20,
2039
+ '21': $tonal-palettes-neutral-dark-21,
2040
+ '22': $tonal-palettes-neutral-dark-22,
2041
+ '23': $tonal-palettes-neutral-dark-23,
2042
+ '24': $tonal-palettes-neutral-dark-24,
2043
+ '25': $tonal-palettes-neutral-dark-25,
2044
+ '30': $tonal-palettes-neutral-dark-30,
2045
+ '35': $tonal-palettes-neutral-dark-35,
2046
+ '40': $tonal-palettes-neutral-dark-40,
2047
+ '50': $tonal-palettes-neutral-dark-50,
2048
+ '60': $tonal-palettes-neutral-dark-60,
2049
+ '70': $tonal-palettes-neutral-dark-70,
2050
+ '80': $tonal-palettes-neutral-dark-80,
2051
+ '87': $tonal-palettes-neutral-dark-87,
2052
+ '90': $tonal-palettes-neutral-dark-90,
2053
+ '91': $tonal-palettes-neutral-dark-91,
2054
+ '92': $tonal-palettes-neutral-dark-92,
2055
+ '93': $tonal-palettes-neutral-dark-93,
2056
+ '94': $tonal-palettes-neutral-dark-94,
2057
+ '95': $tonal-palettes-neutral-dark-95,
2058
+ '96': $tonal-palettes-neutral-dark-96,
2059
+ '97': $tonal-palettes-neutral-dark-97,
2060
+ '98': $tonal-palettes-neutral-dark-98,
2061
+ '99': $tonal-palettes-neutral-dark-99,
2062
+ '100': $tonal-palettes-neutral-dark-100
2063
+ )
2064
+ )
2065
+ ),
2066
+ 'states': (
2067
+ 'primary': (
2068
+ 'light': (
2069
+ 'hover': $states-primary-light-hover,
2070
+ 'focus': $states-primary-light-focus,
2071
+ 'press': $states-primary-light-press,
2072
+ 'drag': $states-primary-light-drag
2073
+ ),
2074
+ 'dark': (
2075
+ 'hover': $states-primary-dark-hover,
2076
+ 'focus': $states-primary-dark-focus,
2077
+ 'press': $states-primary-dark-press,
2078
+ 'drag': $states-primary-dark-drag
2079
+ )
2080
+ ),
2081
+ 'on-primary': (
2082
+ 'light': (
2083
+ 'hover': $states-on-primary-light-hover,
2084
+ 'focus': $states-on-primary-light-focus,
2085
+ 'press': $states-on-primary-light-press,
2086
+ 'drag': $states-on-primary-light-drag
2087
+ ),
2088
+ 'dark': (
2089
+ 'hover': $states-on-primary-dark-hover,
2090
+ 'focus': $states-on-primary-dark-focus,
2091
+ 'press': $states-on-primary-dark-press,
2092
+ 'drag': $states-on-primary-dark-drag
2093
+ )
2094
+ ),
2095
+ 'on-primary-container': (
2096
+ 'light': (
2097
+ 'hover': $states-on-primary-container-light-hover,
2098
+ 'focus': $states-on-primary-container-light-focus,
2099
+ 'press': $states-on-primary-container-light-press,
2100
+ 'drag': $states-on-primary-container-light-drag
2101
+ ),
2102
+ 'dark': (
2103
+ 'hover': $states-on-primary-container-dark-hover,
2104
+ 'focus': $states-on-primary-container-dark-focus,
2105
+ 'press': $states-on-primary-container-dark-press,
2106
+ 'drag': $states-on-primary-container-dark-drag
2107
+ )
2108
+ ),
2109
+ 'inverse-primary': (
2110
+ 'light': (
2111
+ 'hover': $states-inverse-primary-light-hover,
2112
+ 'focus': $states-inverse-primary-light-focus,
2113
+ 'press': $states-inverse-primary-light-press,
2114
+ 'drag': $states-inverse-primary-light-drag
2115
+ ),
2116
+ 'dark': (
2117
+ 'hover': $states-inverse-primary-dark-hover,
2118
+ 'focus': $states-inverse-primary-dark-focus,
2119
+ 'press': $states-inverse-primary-dark-press,
2120
+ 'drag': $states-inverse-primary-dark-drag
2121
+ )
2122
+ ),
2123
+ 'tertiary': (
2124
+ 'tertiary': (
2125
+ 'hover': $states-tertiary-tertiary-hover,
2126
+ 'press': $states-tertiary-tertiary-press,
2127
+ 'focus': $states-tertiary-tertiary-focus,
2128
+ 'drag': $states-tertiary-tertiary-drag
2129
+ )
2130
+ ),
2131
+ 'on-tertiary': (
2132
+ 'light': (
2133
+ 'hover': $states-on-tertiary-light-hover,
2134
+ 'press': $states-on-tertiary-light-press,
2135
+ 'focus': $states-on-tertiary-light-focus,
2136
+ 'drag': $states-on-tertiary-light-drag
2137
+ ),
2138
+ 'dark': (
2139
+ 'hover': $states-on-tertiary-dark-hover,
2140
+ 'press': $states-on-tertiary-dark-press,
2141
+ 'focus': $states-on-tertiary-dark-focus,
2142
+ 'drag': $states-on-tertiary-dark-drag
2143
+ )
2144
+ ),
2145
+ 'on-tertiary-container': (
2146
+ 'light': (
2147
+ 'hover': $states-on-tertiary-container-light-hover,
2148
+ 'press': $states-on-tertiary-container-light-press,
2149
+ 'focus': $states-on-tertiary-container-light-focus,
2150
+ 'drag': $states-on-tertiary-container-light-drag
2151
+ ),
2152
+ 'dark': (
2153
+ 'hover': $states-on-tertiary-container-dark-hover,
2154
+ 'press': $states-on-tertiary-container-dark-press,
2155
+ 'focus': $states-on-tertiary-container-dark-focus,
2156
+ 'drag': $states-on-tertiary-container-dark-drag
2157
+ )
2158
+ ),
2159
+ 'negative': (
2160
+ 'light': (
2161
+ 'hover': $states-negative-light-hover,
2162
+ 'press': $states-negative-light-press,
2163
+ 'focus': $states-negative-light-focus,
2164
+ 'drag': $states-negative-light-drag
2165
+ ),
2166
+ 'dark': (
2167
+ 'hover': $states-negative-dark-hover,
2168
+ 'press': $states-negative-dark-press,
2169
+ 'focus': $states-negative-dark-focus,
2170
+ 'drag': $states-negative-dark-drag
2171
+ )
2172
+ ),
2173
+ 'on-negative': (
2174
+ 'light': (
2175
+ 'hover': $states-on-negative-light-hover,
2176
+ 'press': $states-on-negative-light-press,
2177
+ 'focus': $states-on-negative-light-focus,
2178
+ 'drag': $states-on-negative-light-drag
2179
+ ),
2180
+ 'dark': (
2181
+ 'hover': $states-on-negative-dark-hover,
2182
+ 'press': $states-on-negative-dark-press,
2183
+ 'focus': $states-on-negative-dark-focus,
2184
+ 'drag': $states-on-negative-dark-drag
2185
+ )
2186
+ ),
2187
+ 'positive': (
2188
+ 'light': (
2189
+ 'hover': $states-positive-light-hover,
2190
+ 'press': $states-positive-light-press,
2191
+ 'focus': $states-positive-light-focus,
2192
+ 'drag': $states-positive-light-drag
2193
+ ),
2194
+ 'dark': (
2195
+ 'hover': $states-positive-dark-hover,
2196
+ 'press': $states-positive-dark-press,
2197
+ 'focus': $states-positive-dark-focus,
2198
+ 'drag': $states-positive-dark-drag
2199
+ )
2200
+ ),
2201
+ 'on-positive': (
2202
+ 'dark': (
2203
+ 'hover': $states-on-positive-dark-hover,
2204
+ 'press': $states-on-positive-dark-press,
2205
+ 'focus': $states-on-positive-dark-focus,
2206
+ 'drag': $states-on-positive-dark-drag
2207
+ ),
2208
+ 'light': (
2209
+ 'hover': $states-on-positive-light-hover,
2210
+ 'press': $states-on-positive-light-press,
2211
+ 'focus': $states-on-positive-light-focus,
2212
+ 'drag': $states-on-positive-light-drag
2213
+ )
2214
+ ),
2215
+ 'on-positive-container': (
2216
+ 'light': (
2217
+ 'hover': $states-on-positive-container-light-hover,
2218
+ 'focus': $states-on-positive-container-light-focus,
2219
+ 'press': $states-on-positive-container-light-press,
2220
+ 'drag': $states-on-positive-container-light-drag
2221
+ ),
2222
+ 'dark': (
2223
+ 'hover': $states-on-positive-container-dark-hover,
2224
+ 'press': $states-on-positive-container-dark-press,
2225
+ 'focus': $states-on-positive-container-dark-focus,
2226
+ 'drag': $states-on-positive-container-dark-drag
2227
+ )
2228
+ ),
2229
+ 'caution': (
2230
+ 'light': (
2231
+ 'hover': $states-caution-light-hover,
2232
+ 'press': $states-caution-light-press,
2233
+ 'focus': $states-caution-light-focus,
2234
+ 'drag': $states-caution-light-drag
2235
+ ),
2236
+ 'dark': (
2237
+ 'hover': $states-caution-dark-hover,
2238
+ 'press': $states-caution-dark-press,
2239
+ 'focus': $states-caution-dark-focus,
2240
+ 'drag': $states-caution-dark-drag
2241
+ )
2242
+ ),
2243
+ 'on-caution': (
2244
+ 'light': (
2245
+ 'hover': $states-on-caution-light-hover,
2246
+ 'press': $states-on-caution-light-press,
2247
+ 'focus': $states-on-caution-light-focus,
2248
+ 'drag': $states-on-caution-light-drag
2249
+ ),
2250
+ 'dark': (
2251
+ 'hover': $states-on-caution-dark-hover,
2252
+ 'press': $states-on-caution-dark-press,
2253
+ 'focus': $states-on-caution-dark-focus,
2254
+ 'drag': $states-on-caution-dark-drag
2255
+ )
2256
+ ),
2257
+ 'on-caution-container': (
2258
+ 'light': (
2259
+ 'hover': $states-on-caution-container-light-hover,
2260
+ 'press': $states-on-caution-container-light-press,
2261
+ 'focus': $states-on-caution-container-light-focus,
2262
+ 'color': $states-on-caution-container-light-color
2263
+ ),
2264
+ 'dark': (
2265
+ 'hover': $states-on-caution-container-dark-hover,
2266
+ 'press': $states-on-caution-container-dark-press,
2267
+ 'focus': $states-on-caution-container-dark-focus,
2268
+ 'drag': $states-on-caution-container-dark-drag
2269
+ )
2270
+ ),
2271
+ 'emphasis': (
2272
+ 'light': (
2273
+ 'hover': $states-emphasis-light-hover,
2274
+ 'press': $states-emphasis-light-press,
2275
+ 'focus': $states-emphasis-light-focus,
2276
+ 'color': $states-emphasis-light-color
2277
+ ),
2278
+ 'dark': (
2279
+ 'hover': $states-emphasis-dark-hover,
2280
+ 'press': $states-emphasis-dark-press,
2281
+ 'focus': $states-emphasis-dark-focus,
2282
+ 'drag': $states-emphasis-dark-drag
2283
+ )
2284
+ ),
2285
+ 'on-emphasis': (
2286
+ 'light': (
2287
+ 'hover': $states-on-emphasis-light-hover,
2288
+ 'press': $states-on-emphasis-light-press,
2289
+ 'focus': $states-on-emphasis-light-focus,
2290
+ 'drag': $states-on-emphasis-light-drag
2291
+ ),
2292
+ 'dark': (
2293
+ 'hover': $states-on-emphasis-dark-hover,
2294
+ 'press': $states-on-emphasis-dark-press,
2295
+ 'focus': $states-on-emphasis-dark-focus,
2296
+ 'drag': $states-on-emphasis-dark-drag
2297
+ )
2298
+ ),
2299
+ 'on-emphasis-container': (
2300
+ 'light': (
2301
+ 'hover': $states-on-emphasis-container-light-hover,
2302
+ 'press': $states-on-emphasis-container-light-press,
2303
+ 'focus': $states-on-emphasis-container-light-focus,
2304
+ 'drag': $states-on-emphasis-container-light-drag
2305
+ ),
2306
+ 'dark': (
2307
+ 'hover': $states-on-emphasis-container-dark-hover,
2308
+ 'press': $states-on-emphasis-container-dark-press,
2309
+ 'focus': $states-on-emphasis-container-dark-focus,
2310
+ 'drag': $states-on-emphasis-container-dark-drag
2311
+ )
2312
+ ),
2313
+ 'secondary': (
2314
+ 'light': (
2315
+ 'hover': $states-secondary-light-hover,
2316
+ 'press': $states-secondary-light-press,
2317
+ 'focus': $states-secondary-light-focus,
2318
+ 'drag': $states-secondary-light-drag
2319
+ ),
2320
+ 'dark': (
2321
+ 'hover': $states-secondary-dark-hover,
2322
+ 'press': $states-secondary-dark-press,
2323
+ 'focus': $states-secondary-dark-focus,
2324
+ 'drag': $states-secondary-dark-drag
2325
+ )
2326
+ ),
2327
+ 'on-secondary': (
2328
+ 'light': (
2329
+ 'hover': $states-on-secondary-light-hover,
2330
+ 'press': $states-on-secondary-light-press,
2331
+ 'focus': $states-on-secondary-light-focus,
2332
+ 'drag': $states-on-secondary-light-drag
2333
+ ),
2334
+ 'dark': (
2335
+ 'hover': $states-on-secondary-dark-hover,
2336
+ 'press': $states-on-secondary-dark-press,
2337
+ 'focus': $states-on-secondary-dark-focus,
2338
+ 'drag': $states-on-secondary-dark-drag
2339
+ )
2340
+ ),
2341
+ 'on-secondary-container': (
2342
+ 'light': (
2343
+ 'hover': $states-on-secondary-container-light-hover,
2344
+ 'press': $states-on-secondary-container-light-press,
2345
+ 'focus': $states-on-secondary-container-light-focus,
2346
+ 'drag': $states-on-secondary-container-light-drag
2347
+ ),
2348
+ 'dark': (
2349
+ 'hover': $states-on-secondary-container-dark-hover,
2350
+ 'press': $states-on-secondary-container-dark-press,
2351
+ 'focus': $states-on-secondary-container-dark-focus,
2352
+ 'drag': $states-on-secondary-container-dark-drag
2353
+ )
2354
+ ),
2355
+ 'on-surface': (
2356
+ 'dark': (
2357
+ 'hover': $states-on-surface-dark-hover,
2358
+ 'press': $states-on-surface-dark-press,
2359
+ 'focus': $states-on-surface-dark-focus,
2360
+ 'drag': $states-on-surface-dark-drag
2361
+ ),
2362
+ 'light': (
2363
+ 'hover': $states-on-surface-light-hover,
2364
+ 'press': $states-on-surface-light-press,
2365
+ 'focus': $states-on-surface-light-focus,
2366
+ 'drag': $states-on-surface-light-drag
2367
+ )
2368
+ ),
2369
+ 'on-surface-variant': (
2370
+ 'dark': (
2371
+ 'hover': $states-on-surface-variant-dark-hover,
2372
+ 'press': $states-on-surface-variant-dark-press,
2373
+ 'drag': $states-on-surface-variant-dark-drag,
2374
+ 'focus': $states-on-surface-variant-dark-focus
2375
+ ),
2376
+ 'light': (
2377
+ 'hover': $states-on-surface-variant-light-hover,
2378
+ 'press': $states-on-surface-variant-light-press,
2379
+ 'focus': $states-on-surface-variant-light-focus,
2380
+ 'drag': $states-on-surface-variant-light-drag
2381
+ )
2382
+ ),
2383
+ 'color 3': $states-color-3,
2384
+ 'inverse-on-surface': (
2385
+ 'dark': (
2386
+ 'hover': $states-inverse-on-surface-dark-hover,
2387
+ 'focus': $states-inverse-on-surface-dark-focus,
2388
+ 'press': $states-inverse-on-surface-dark-press,
2389
+ 'drag': $states-inverse-on-surface-dark-drag
2390
+ ),
2391
+ 'light': (
2392
+ 'hover': $states-inverse-on-surface-light-hover,
2393
+ 'press': $states-inverse-on-surface-light-press,
2394
+ 'focus': $states-inverse-on-surface-light-focus,
2395
+ 'drag': $states-inverse-on-surface-light-drag
2396
+ )
2397
+ )
2398
+ ),
631
2399
  'material': (
632
2400
  'red-50': $material-red-50,
633
2401
  'red-100': $material-red-100,