@skbkontur/colors 1.1.2-b2742.0 → 1.1.2-bdb5e.0

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 (61) hide show
  1. package/dist/cjs/get-base-tokens.d.ts +9 -7
  2. package/dist/cjs/get-base-tokens.js +69 -101
  3. package/dist/cjs/get-default-tokens.d.ts +130 -92
  4. package/dist/cjs/get-default-tokens.js +257 -219
  5. package/dist/cjs/helpers/get-palette.js +59 -65
  6. package/dist/cjs/helpers/get-promo.js +21 -27
  7. package/dist/cjs/types/base-tokens.d.ts +5 -4
  8. package/dist/cjs/utils/format-variable.d.ts +2 -0
  9. package/dist/cjs/utils/format-variable.js +11 -0
  10. package/dist/esm/get-base-tokens.d.ts +9 -7
  11. package/dist/esm/get-base-tokens.js +67 -95
  12. package/dist/esm/get-default-tokens.d.ts +130 -92
  13. package/dist/esm/get-default-tokens.js +257 -219
  14. package/dist/esm/helpers/get-palette.js +59 -65
  15. package/dist/esm/helpers/get-promo.js +21 -27
  16. package/dist/esm/types/base-tokens.d.ts +5 -4
  17. package/dist/esm/utils/format-variable.d.ts +2 -0
  18. package/dist/esm/utils/format-variable.js +6 -0
  19. package/dist/tokens/base/css/brand-green_accent-brand.css +444 -0
  20. package/dist/tokens/base/css/brand-green_accent-gray.css +354 -0
  21. package/dist/tokens/base/css/brand-orange_accent-brand.css +444 -0
  22. package/dist/tokens/base/css/brand-orange_accent-gray.css +354 -0
  23. package/dist/tokens/base/css/brand-red_accent-brand.css +444 -0
  24. package/dist/tokens/base/css/brand-red_accent-gray.css +354 -0
  25. package/dist/tokens/base/js/brand-green_accent-brand.js +444 -0
  26. package/dist/tokens/base/js/brand-green_accent-gray.js +352 -0
  27. package/dist/tokens/base/js/brand-orange_accent-brand.js +444 -0
  28. package/dist/tokens/base/js/brand-orange_accent-gray.js +352 -0
  29. package/dist/tokens/base/js/brand-red_accent-brand.js +444 -0
  30. package/dist/tokens/base/js/brand-red_accent-gray.js +352 -0
  31. package/dist/tokens/base/js-tree/brand-green_accent-brand.tree.js +515 -0
  32. package/dist/tokens/base/js-tree/brand-green_accent-gray.tree.js +403 -0
  33. package/dist/tokens/base/js-tree/brand-orange_accent-brand.tree.js +515 -0
  34. package/dist/tokens/base/js-tree/brand-orange_accent-gray.tree.js +403 -0
  35. package/dist/tokens/base/js-tree/brand-red_accent-brand.tree.js +515 -0
  36. package/dist/tokens/base/js-tree/brand-red_accent-gray.tree.js +403 -0
  37. package/dist/tokens/base/json/brand-green_accent-brand.json +444 -0
  38. package/dist/tokens/base/json/brand-green_accent-gray.json +352 -0
  39. package/dist/tokens/base/json/brand-orange_accent-brand.json +444 -0
  40. package/dist/tokens/base/json/brand-orange_accent-gray.json +352 -0
  41. package/dist/tokens/base/json/brand-red_accent-brand.json +444 -0
  42. package/dist/tokens/base/json/brand-red_accent-gray.json +352 -0
  43. package/dist/tokens/base/json-tree/brand-green_accent-brand.tree.json +515 -0
  44. package/dist/tokens/base/json-tree/brand-green_accent-gray.tree.json +403 -0
  45. package/dist/tokens/base/json-tree/brand-orange_accent-brand.tree.json +515 -0
  46. package/dist/tokens/base/json-tree/brand-orange_accent-gray.tree.json +403 -0
  47. package/dist/tokens/base/json-tree/brand-red_accent-brand.tree.json +515 -0
  48. package/dist/tokens/base/json-tree/brand-red_accent-gray.tree.json +403 -0
  49. package/dist/tokens/base/less/brand-green_accent-brand.less +442 -0
  50. package/dist/tokens/base/less/brand-green_accent-gray.less +352 -0
  51. package/dist/tokens/base/less/brand-orange_accent-brand.less +442 -0
  52. package/dist/tokens/base/less/brand-orange_accent-gray.less +352 -0
  53. package/dist/tokens/base/less/brand-red_accent-brand.less +442 -0
  54. package/dist/tokens/base/less/brand-red_accent-gray.less +352 -0
  55. package/dist/tokens/base/scss/brand-green_accent-brand.scss +442 -0
  56. package/dist/tokens/base/scss/brand-green_accent-gray.scss +352 -0
  57. package/dist/tokens/base/scss/brand-orange_accent-brand.scss +442 -0
  58. package/dist/tokens/base/scss/brand-orange_accent-gray.scss +352 -0
  59. package/dist/tokens/base/scss/brand-red_accent-brand.scss +442 -0
  60. package/dist/tokens/base/scss/brand-red_accent-gray.scss +352 -0
  61. package/package.json +4 -4
@@ -0,0 +1,442 @@
1
+ @brand-logo-light: red;
2
+ @brand-logo-dark: #ff100e;
3
+ @brand-promo: #551331;
4
+ @brand-original: red;
5
+ @brand-interactions-hover-light: #f00000;
6
+ @brand-interactions-hover-dark: #ff271e;
7
+ @brand-interactions-pressed-light: #d60000;
8
+ @brand-interactions-pressed-dark: #e51e17;
9
+ @brand-palette-vivid-20: #320000;
10
+ @brand-palette-vivid-24: #430000;
11
+ @brand-palette-vivid-28: #540000;
12
+ @brand-palette-vivid-32: #660001;
13
+ @brand-palette-vivid-36: #780001;
14
+ @brand-palette-vivid-40: #8b0001;
15
+ @brand-palette-vivid-44: #9f0001;
16
+ @brand-palette-vivid-48: #b20002;
17
+ @brand-palette-vivid-52: #c50807;
18
+ @brand-palette-vivid-56: #d61d16;
19
+ @brand-palette-vivid-60: #e62e23;
20
+ @brand-palette-vivid-64: #f63d30;
21
+ @brand-palette-vivid-68: #ff5545;
22
+ @brand-palette-vivid-72: #ff7262;
23
+ @brand-palette-vivid-76: #ff8b7d;
24
+ @brand-palette-vivid-80: #ffa196;
25
+ @brand-palette-vivid-84: #ffb5ae;
26
+ @brand-palette-vivid-88: #ffc8c4;
27
+ @brand-palette-vivid-92: #ffdadb;
28
+ @brand-palette-vivid-96: #ffedee;
29
+ @brand-palette-normal-20: #2a0a07;
30
+ @brand-palette-normal-24: #39100b;
31
+ @brand-palette-normal-28: #491510;
32
+ @brand-palette-normal-32: #5a1a14;
33
+ @brand-palette-normal-36: #6b1f18;
34
+ @brand-palette-normal-40: #7d241c;
35
+ @brand-palette-normal-44: #90281f;
36
+ @brand-palette-normal-48: #a42c22;
37
+ @brand-palette-normal-52: #b83025;
38
+ @brand-palette-normal-56: #cd3328;
39
+ @brand-palette-normal-60: #de3e31;
40
+ @brand-palette-normal-64: #ee4b3c;
41
+ @brand-palette-normal-68: #f6604f;
42
+ @brand-palette-normal-72: #f97868;
43
+ @brand-palette-normal-76: #f98f82;
44
+ @brand-palette-normal-80: #fea197;
45
+ @brand-palette-normal-84: #ffb5ae;
46
+ @brand-palette-normal-88: #ffc8c4;
47
+ @brand-palette-normal-92: #ffdadb;
48
+ @brand-palette-normal-96: #ffedee;
49
+ @brand-palette-dim-20: #250f0c;
50
+ @brand-palette-dim-24: #321612;
51
+ @brand-palette-dim-28: #411d18;
52
+ @brand-palette-dim-32: #50241e;
53
+ @brand-palette-dim-36: #602a24;
54
+ @brand-palette-dim-40: #713129;
55
+ @brand-palette-dim-44: #83382f;
56
+ @brand-palette-dim-48: #953f35;
57
+ @brand-palette-dim-52: #a7453a;
58
+ @brand-palette-dim-56: #bb4b3f;
59
+ @brand-palette-dim-60: #ce5345;
60
+ @brand-palette-dim-64: #dd5e4f;
61
+ @brand-palette-dim-68: #e47162;
62
+ @brand-palette-dim-72: #e98476;
63
+ @brand-palette-dim-76: #ea988d;
64
+ @brand-palette-dim-80: #ecaba3;
65
+ @brand-palette-dim-84: #eebdb8;
66
+ @brand-palette-dim-88: #f2cecb;
67
+ @brand-palette-dim-92: #f5dedf;
68
+ @brand-palette-dim-96: #fceeef;
69
+ @accent-original-light: red;
70
+ @accent-original-dark: red;
71
+ @accent-interactions-hover-light: #f00000;
72
+ @accent-interactions-hover-dark: #ff271e;
73
+ @accent-interactions-pressed-light: #d60000;
74
+ @accent-interactions-pressed-dark: #e51e17;
75
+ @accent-palette-vivid-20: #320000;
76
+ @accent-palette-vivid-24: #430000;
77
+ @accent-palette-vivid-28: #540000;
78
+ @accent-palette-vivid-32: #660001;
79
+ @accent-palette-vivid-36: #780001;
80
+ @accent-palette-vivid-40: #8b0001;
81
+ @accent-palette-vivid-44: #9f0001;
82
+ @accent-palette-vivid-48: #b20002;
83
+ @accent-palette-vivid-52: #c50807;
84
+ @accent-palette-vivid-56: #d61d16;
85
+ @accent-palette-vivid-60: #e62e23;
86
+ @accent-palette-vivid-64: #f63d30;
87
+ @accent-palette-vivid-68: #ff5545;
88
+ @accent-palette-vivid-72: #ff7262;
89
+ @accent-palette-vivid-76: #ff8b7d;
90
+ @accent-palette-vivid-80: #ffa196;
91
+ @accent-palette-vivid-84: #ffb5ae;
92
+ @accent-palette-vivid-88: #ffc8c4;
93
+ @accent-palette-vivid-92: #ffdadb;
94
+ @accent-palette-vivid-96: #ffedee;
95
+ @accent-palette-normal-20: #2a0a07;
96
+ @accent-palette-normal-24: #39100b;
97
+ @accent-palette-normal-28: #491510;
98
+ @accent-palette-normal-32: #5a1a14;
99
+ @accent-palette-normal-36: #6b1f18;
100
+ @accent-palette-normal-40: #7d241c;
101
+ @accent-palette-normal-44: #90281f;
102
+ @accent-palette-normal-48: #a42c22;
103
+ @accent-palette-normal-52: #b83025;
104
+ @accent-palette-normal-56: #cd3328;
105
+ @accent-palette-normal-60: #de3e31;
106
+ @accent-palette-normal-64: #ee4b3c;
107
+ @accent-palette-normal-68: #f6604f;
108
+ @accent-palette-normal-72: #f97868;
109
+ @accent-palette-normal-76: #f98f82;
110
+ @accent-palette-normal-80: #fea197;
111
+ @accent-palette-normal-84: #ffb5ae;
112
+ @accent-palette-normal-88: #ffc8c4;
113
+ @accent-palette-normal-92: #ffdadb;
114
+ @accent-palette-normal-96: #ffedee;
115
+ @accent-palette-dim-20: #250f0c;
116
+ @accent-palette-dim-24: #321612;
117
+ @accent-palette-dim-28: #411d18;
118
+ @accent-palette-dim-32: #50241e;
119
+ @accent-palette-dim-36: #602a24;
120
+ @accent-palette-dim-40: #713129;
121
+ @accent-palette-dim-44: #83382f;
122
+ @accent-palette-dim-48: #953f35;
123
+ @accent-palette-dim-52: #a7453a;
124
+ @accent-palette-dim-56: #bb4b3f;
125
+ @accent-palette-dim-60: #ce5345;
126
+ @accent-palette-dim-64: #dd5e4f;
127
+ @accent-palette-dim-68: #e47162;
128
+ @accent-palette-dim-72: #e98476;
129
+ @accent-palette-dim-76: #ea988d;
130
+ @accent-palette-dim-80: #ecaba3;
131
+ @accent-palette-dim-84: #eebdb8;
132
+ @accent-palette-dim-88: #f2cecb;
133
+ @accent-palette-dim-92: #f5dedf;
134
+ @accent-palette-dim-96: #fceeef;
135
+ @warning-vivid-20: #211300;
136
+ @warning-vivid-24: #2d1b00;
137
+ @warning-vivid-28: #3a2400;
138
+ @warning-vivid-32: #472d00;
139
+ @warning-vivid-36: #543600;
140
+ @warning-vivid-40: #623f00;
141
+ @warning-vivid-44: #714901;
142
+ @warning-vivid-48: #7f5300;
143
+ @warning-vivid-52: #8e5e01;
144
+ @warning-vivid-56: #9d6800;
145
+ @warning-vivid-60: #ac7301;
146
+ @warning-vivid-64: #bc7d00;
147
+ @warning-vivid-68: #cc8801;
148
+ @warning-vivid-72: #db9400;
149
+ @warning-vivid-76: #eaa000;
150
+ @warning-vivid-80: #f8ae00;
151
+ @warning-vivid-84: #ffbf0b;
152
+ @warning-vivid-88: #fcd35d;
153
+ @warning-vivid-92: #fbe48d;
154
+ @warning-vivid-96: #fff3bd;
155
+ @warning-normal-20: #211300;
156
+ @warning-normal-24: #2d1b00;
157
+ @warning-normal-28: #3a2400;
158
+ @warning-normal-32: #472d00;
159
+ @warning-normal-36: #543600;
160
+ @warning-normal-40: #623f00;
161
+ @warning-normal-44: #714901;
162
+ @warning-normal-48: #7f5300;
163
+ @warning-normal-52: #8e5e01;
164
+ @warning-normal-56: #9d6800;
165
+ @warning-normal-60: #ac7301;
166
+ @warning-normal-64: #bc7d00;
167
+ @warning-normal-68: #cc8801;
168
+ @warning-normal-72: #da9513;
169
+ @warning-normal-76: #e5a331;
170
+ @warning-normal-80: #f1b03b;
171
+ @warning-normal-84: #f4c359;
172
+ @warning-normal-88: #f2d585;
173
+ @warning-normal-92: #f4e5ad;
174
+ @warning-normal-96: #faf3d1;
175
+ @warning-dim-20: #1c150c;
176
+ @warning-dim-24: #271d10;
177
+ @warning-dim-28: #342614;
178
+ @warning-dim-32: #402f18;
179
+ @warning-dim-36: #4d391c;
180
+ @warning-dim-40: #5b4320;
181
+ @warning-dim-44: #694d24;
182
+ @warning-dim-48: #775728;
183
+ @warning-dim-52: #86612c;
184
+ @warning-dim-56: #956c30;
185
+ @warning-dim-60: #a37736;
186
+ @warning-dim-64: #b1823f;
187
+ @warning-dim-68: #bd8f4d;
188
+ @warning-dim-72: #cc9a51;
189
+ @warning-dim-76: #daa75a;
190
+ @warning-dim-80: #e5b566;
191
+ @warning-dim-84: #e6c686;
192
+ @warning-dim-88: #e9d6a5;
193
+ @warning-dim-92: #ede5c4;
194
+ @warning-dim-96: #f6f2df;
195
+ @error-vivid-20: #320003;
196
+ @error-vivid-24: #420005;
197
+ @error-vivid-28: #540007;
198
+ @error-vivid-32: #65000a;
199
+ @error-vivid-36: #78000e;
200
+ @error-vivid-40: #8a0013;
201
+ @error-vivid-44: #9e0117;
202
+ @error-vivid-48: #b2001b;
203
+ @error-vivid-52: #c50220;
204
+ @error-vivid-56: #d6192a;
205
+ @error-vivid-60: #e62b34;
206
+ @error-vivid-64: #f63b40;
207
+ @error-vivid-68: #ff5352;
208
+ @error-vivid-72: #ff726b;
209
+ @error-vivid-76: #ff8a84;
210
+ @error-vivid-80: #ffa09b;
211
+ @error-vivid-84: #ffb4b2;
212
+ @error-vivid-88: #ffc7c7;
213
+ @error-vivid-92: #ffdadd;
214
+ @error-vivid-96: #ffedef;
215
+ @error-normal-20: #2a0a09;
216
+ @error-normal-24: #39100e;
217
+ @error-normal-28: #481514;
218
+ @error-normal-32: #591a19;
219
+ @error-normal-36: #6b1f1e;
220
+ @error-normal-40: #7d2423;
221
+ @error-normal-44: #902828;
222
+ @error-normal-48: #a32c2d;
223
+ @error-normal-52: #b82f31;
224
+ @error-normal-56: #cd3235;
225
+ @error-normal-60: #de3c3e;
226
+ @error-normal-64: #ee4948;
227
+ @error-normal-68: #f65f5a;
228
+ @error-normal-72: #f97770;
229
+ @error-normal-76: #f98e88;
230
+ @error-normal-80: #fea09c;
231
+ @error-normal-84: #ffb4b2;
232
+ @error-normal-88: #ffc7c7;
233
+ @error-normal-92: #ffdadd;
234
+ @error-normal-96: #ffedef;
235
+ @error-dim-20: #240f0d;
236
+ @error-dim-24: #321514;
237
+ @error-dim-28: #411c1a;
238
+ @error-dim-32: #502421;
239
+ @error-dim-36: #602a27;
240
+ @error-dim-40: #71312e;
241
+ @error-dim-44: #823835;
242
+ @error-dim-48: #943e3b;
243
+ @error-dim-52: #a74541;
244
+ @error-dim-56: #ba4b47;
245
+ @error-dim-60: #ce524d;
246
+ @error-dim-64: #dd5d58;
247
+ @error-dim-68: #e47069;
248
+ @error-dim-72: #e8847c;
249
+ @error-dim-76: #ea9892;
250
+ @error-dim-80: #ecaaa6;
251
+ @error-dim-84: #eebcba;
252
+ @error-dim-88: #f2cdcd;
253
+ @error-dim-92: #f5dee0;
254
+ @error-dim-96: #fceef0;
255
+ @success-vivid-20: #001d06;
256
+ @success-vivid-24: #00280b;
257
+ @success-vivid-28: #003310;
258
+ @success-vivid-32: #003f16;
259
+ @success-vivid-36: #004b1c;
260
+ @success-vivid-40: #005821;
261
+ @success-vivid-44: #006428;
262
+ @success-vivid-48: #00712e;
263
+ @success-vivid-52: #007f34;
264
+ @success-vivid-56: #008d3a;
265
+ @success-vivid-60: #009b41;
266
+ @success-vivid-64: #00a948;
267
+ @success-vivid-68: #00b74e;
268
+ @success-vivid-72: #00c655;
269
+ @success-vivid-76: #29d363;
270
+ @success-vivid-80: #4ede76;
271
+ @success-vivid-84: #6fe98b;
272
+ @success-vivid-88: #91f2a3;
273
+ @success-vivid-92: #b0fabd;
274
+ @success-vivid-96: #d4ffda;
275
+ @success-normal-20: #061b0a;
276
+ @success-normal-24: #07260f;
277
+ @success-normal-28: #083214;
278
+ @success-normal-32: #093e1a;
279
+ @success-normal-36: #0b4a1f;
280
+ @success-normal-40: #0c5725;
281
+ @success-normal-44: #0f632b;
282
+ @success-normal-48: #117032;
283
+ @success-normal-52: #147e38;
284
+ @success-normal-56: #178b3f;
285
+ @success-normal-60: #1d9946;
286
+ @success-normal-64: #2ca651;
287
+ @success-normal-68: #2eb458;
288
+ @success-normal-72: #2dc35d;
289
+ @success-normal-76: #4ecf70;
290
+ @success-normal-80: #6cd984;
291
+ @success-normal-84: #89e39a;
292
+ @success-normal-88: #a7ebb2;
293
+ @success-normal-92: #c3f3ca;
294
+ @success-normal-96: #defbe2;
295
+ @success-dim-20: #0d190f;
296
+ @success-dim-24: #142417;
297
+ @success-dim-28: #1a2e1e;
298
+ @success-dim-32: #213a25;
299
+ @success-dim-36: #27452d;
300
+ @success-dim-40: #2d5134;
301
+ @success-dim-44: #345e3c;
302
+ @success-dim-48: #3a6a43;
303
+ @success-dim-52: #3f784b;
304
+ @success-dim-56: #458552;
305
+ @success-dim-60: #4a935a;
306
+ @success-dim-64: #4fa161;
307
+ @success-dim-68: #54af69;
308
+ @success-dim-72: #58bd70;
309
+ @success-dim-76: #71c882;
310
+ @success-dim-80: #89d296;
311
+ @success-dim-84: #a1dbab;
312
+ @success-dim-88: #bae4c0;
313
+ @success-dim-92: #d1edd5;
314
+ @success-dim-96: #e6f7e8;
315
+ @gray-0: #000000;
316
+ @gray-16: #0d0d0d;
317
+ @gray-20: #161616;
318
+ @gray-24: #1f1f1f;
319
+ @gray-28: #292929;
320
+ @gray-32: #333333;
321
+ @gray-36: #3d3d3d;
322
+ @gray-40: #484848;
323
+ @gray-44: #525252;
324
+ @gray-48: #5d5d5d;
325
+ @gray-52: #696969;
326
+ @gray-56: #747474;
327
+ @gray-60: #808080;
328
+ @gray-64: #8c8c8c;
329
+ @gray-68: #989898;
330
+ @gray-72: #a4a4a4;
331
+ @gray-76: #b1b1b1;
332
+ @gray-80: #bebebe;
333
+ @gray-84: #cacaca;
334
+ @gray-88: #d7d7d7;
335
+ @gray-92: #e4e4e4;
336
+ @gray-96: #f2f2f2;
337
+ @gray-98: #f8f8f8;
338
+ @gray-100: #ffffff;
339
+ @whiteAlpha-4: rgba(255, 255, 255, 0.04);
340
+ @whiteAlpha-6: rgba(255, 255, 255, 0.06);
341
+ @whiteAlpha-8: rgba(255, 255, 255, 0.08);
342
+ @whiteAlpha-12: rgba(255, 255, 255, 0.12);
343
+ @whiteAlpha-16: rgba(255, 255, 255, 0.16);
344
+ @whiteAlpha-20: rgba(255, 255, 255, 0.2);
345
+ @whiteAlpha-24: rgba(255, 255, 255, 0.24);
346
+ @whiteAlpha-28: rgba(255, 255, 255, 0.28);
347
+ @whiteAlpha-32: rgba(255, 255, 255, 0.32);
348
+ @whiteAlpha-36: rgba(255, 255, 255, 0.36);
349
+ @whiteAlpha-40: rgba(255, 255, 255, 0.4);
350
+ @whiteAlpha-44: rgba(255, 255, 255, 0.44);
351
+ @whiteAlpha-48: rgba(255, 255, 255, 0.48);
352
+ @whiteAlpha-52: rgba(255, 255, 255, 0.52);
353
+ @whiteAlpha-56: rgba(255, 255, 255, 0.56);
354
+ @whiteAlpha-60: rgba(255, 255, 255, 0.6);
355
+ @whiteAlpha-64: rgba(255, 255, 255, 0.64);
356
+ @whiteAlpha-68: rgba(255, 255, 255, 0.68);
357
+ @whiteAlpha-72: rgba(255, 255, 255, 0.72);
358
+ @whiteAlpha-76: rgba(255, 255, 255, 0.76);
359
+ @whiteAlpha-80: rgba(255, 255, 255, 0.8);
360
+ @whiteAlpha-84: rgba(255, 255, 255, 0.84);
361
+ @whiteAlpha-88: rgba(255, 255, 255, 0.88);
362
+ @whiteAlpha-92: rgba(255, 255, 255, 0.92);
363
+ @whiteAlpha-96: rgba(255, 255, 255, 0.96);
364
+ @whiteAlpha-100: rgba(255, 255, 255, 1);
365
+ @blackAlpha-4: rgba(0, 0, 0, 0.04);
366
+ @blackAlpha-6: rgba(0, 0, 0, 0.06);
367
+ @blackAlpha-8: rgba(0, 0, 0, 0.08);
368
+ @blackAlpha-12: rgba(0, 0, 0, 0.12);
369
+ @blackAlpha-16: rgba(0, 0, 0, 0.16);
370
+ @blackAlpha-20: rgba(0, 0, 0, 0.2);
371
+ @blackAlpha-24: rgba(0, 0, 0, 0.24);
372
+ @blackAlpha-28: rgba(0, 0, 0, 0.28);
373
+ @blackAlpha-32: rgba(0, 0, 0, 0.32);
374
+ @blackAlpha-36: rgba(0, 0, 0, 0.36);
375
+ @blackAlpha-40: rgba(0, 0, 0, 0.4);
376
+ @blackAlpha-44: rgba(0, 0, 0, 0.44);
377
+ @blackAlpha-48: rgba(0, 0, 0, 0.48);
378
+ @blackAlpha-52: rgba(0, 0, 0, 0.52);
379
+ @blackAlpha-56: rgba(0, 0, 0, 0.56);
380
+ @blackAlpha-60: rgba(0, 0, 0, 0.6);
381
+ @blackAlpha-64: rgba(0, 0, 0, 0.64);
382
+ @blackAlpha-68: rgba(0, 0, 0, 0.68);
383
+ @blackAlpha-72: rgba(0, 0, 0, 0.72);
384
+ @blackAlpha-76: rgba(0, 0, 0, 0.76);
385
+ @blackAlpha-80: rgba(0, 0, 0, 0.8);
386
+ @blackAlpha-84: rgba(0, 0, 0, 0.84);
387
+ @blackAlpha-88: rgba(0, 0, 0, 0.88);
388
+ @blackAlpha-92: rgba(0, 0, 0, 0.92);
389
+ @blackAlpha-96: rgba(0, 0, 0, 0.96);
390
+ @blackAlpha-100: rgba(0, 0, 0, 1);
391
+ @onBrand-4: rgba(255, 255, 255, 0.04);
392
+ @onBrand-6: rgba(255, 255, 255, 0.06);
393
+ @onBrand-8: rgba(255, 255, 255, 0.08);
394
+ @onBrand-12: rgba(255, 255, 255, 0.12);
395
+ @onBrand-16: rgba(255, 255, 255, 0.16);
396
+ @onBrand-20: rgba(255, 255, 255, 0.2);
397
+ @onBrand-24: rgba(255, 255, 255, 0.24);
398
+ @onBrand-28: rgba(255, 255, 255, 0.28);
399
+ @onBrand-32: rgba(255, 255, 255, 0.32);
400
+ @onBrand-36: rgba(255, 255, 255, 0.36);
401
+ @onBrand-40: rgba(255, 255, 255, 0.4);
402
+ @onBrand-44: rgba(255, 255, 255, 0.44);
403
+ @onBrand-48: rgba(255, 255, 255, 0.48);
404
+ @onBrand-52: rgba(255, 255, 255, 0.52);
405
+ @onBrand-56: rgba(255, 255, 255, 0.56);
406
+ @onBrand-60: rgba(255, 255, 255, 0.6);
407
+ @onBrand-64: rgba(255, 255, 255, 0.64);
408
+ @onBrand-68: rgba(255, 255, 255, 0.68);
409
+ @onBrand-72: rgba(255, 255, 255, 0.72);
410
+ @onBrand-76: rgba(255, 255, 255, 0.76);
411
+ @onBrand-80: rgba(255, 255, 255, 0.8);
412
+ @onBrand-84: rgba(255, 255, 255, 0.84);
413
+ @onBrand-88: rgba(255, 255, 255, 0.88);
414
+ @onBrand-92: rgba(255, 255, 255, 0.92);
415
+ @onBrand-96: rgba(255, 255, 255, 0.96);
416
+ @onBrand-100: rgba(255, 255, 255, 1);
417
+ @onAccent-4: rgba(255, 255, 255, 0.04);
418
+ @onAccent-6: rgba(255, 255, 255, 0.06);
419
+ @onAccent-8: rgba(255, 255, 255, 0.08);
420
+ @onAccent-12: rgba(255, 255, 255, 0.12);
421
+ @onAccent-16: rgba(255, 255, 255, 0.16);
422
+ @onAccent-20: rgba(255, 255, 255, 0.2);
423
+ @onAccent-24: rgba(255, 255, 255, 0.24);
424
+ @onAccent-28: rgba(255, 255, 255, 0.28);
425
+ @onAccent-32: rgba(255, 255, 255, 0.32);
426
+ @onAccent-36: rgba(255, 255, 255, 0.36);
427
+ @onAccent-40: rgba(255, 255, 255, 0.4);
428
+ @onAccent-44: rgba(255, 255, 255, 0.44);
429
+ @onAccent-48: rgba(255, 255, 255, 0.48);
430
+ @onAccent-52: rgba(255, 255, 255, 0.52);
431
+ @onAccent-56: rgba(255, 255, 255, 0.56);
432
+ @onAccent-60: rgba(255, 255, 255, 0.6);
433
+ @onAccent-64: rgba(255, 255, 255, 0.64);
434
+ @onAccent-68: rgba(255, 255, 255, 0.68);
435
+ @onAccent-72: rgba(255, 255, 255, 0.72);
436
+ @onAccent-76: rgba(255, 255, 255, 0.76);
437
+ @onAccent-80: rgba(255, 255, 255, 0.8);
438
+ @onAccent-84: rgba(255, 255, 255, 0.84);
439
+ @onAccent-88: rgba(255, 255, 255, 0.88);
440
+ @onAccent-92: rgba(255, 255, 255, 0.92);
441
+ @onAccent-96: rgba(255, 255, 255, 0.96);
442
+ @onAccent-100: rgba(255, 255, 255, 1);