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