@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
package/dist/tokens/base/scss/brand-red_accent-brand.scss ADDED
@@ -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: #000;
316
+ $gray-16: #0d0d0d;
317
+ $gray-20: #161616;
318
+ $gray-24: #1f1f1f;
319
+ $gray-28: #292929;
320
+ $gray-32: #333;
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: #fff;
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);