@skbkontur/colors 2.0.0-alpha.2 → 2.0.0-alpha.3

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 (123) hide show
  1. package/CHANGELOG.md +84 -0
  2. package/README.md +104 -171
  3. package/dist/colors.default-dark.js +16 -16
  4. package/dist/colors.default-light.js +17 -17
  5. package/dist/esm/consts/params/abney-correction.d.ts +2 -0
  6. package/dist/esm/consts/params/chroma-params.d.ts +2 -0
  7. package/dist/esm/{constants/chroma-settings.js → consts/params/chroma-params.js} +1 -1
  8. package/dist/esm/consts/params/logo-lightness.d.ts +1 -0
  9. package/dist/esm/consts/params/logo-lightness.js +1 -0
  10. package/dist/esm/get-colors-base.d.ts +12 -0
  11. package/dist/esm/get-colors-base.js +81 -0
  12. package/dist/{cjs/get-default-tokens.d.ts → esm/get-colors-default-tokens.d.ts} +2 -2
  13. package/dist/{cjs/get-default-tokens.js → esm/get-colors-default-tokens.js} +34 -38
  14. package/dist/esm/get-colors.d.ts +3 -10
  15. package/dist/esm/get-colors.js +6 -8
  16. package/dist/esm/get-default-tokens.d.ts +1 -1
  17. package/dist/esm/get-default-tokens.js +33 -33
  18. package/dist/esm/helpers/get-interactions.js +1 -1
  19. package/dist/esm/helpers/get-logo.js +4 -4
  20. package/dist/esm/helpers/get-palette.d.ts +3 -3
  21. package/dist/esm/helpers/get-palette.js +6 -6
  22. package/dist/esm/helpers/get-promo.js +1 -1
  23. package/dist/esm/types/{generator-tokens.d.ts → tokens-base-generator.d.ts} +2 -2
  24. package/dist/esm/types/tokens.d.ts +12 -0
  25. package/dist/esm/types/tokens.js +1 -0
  26. package/dist/esm/utils/convert-color.d.ts +3 -0
  27. package/dist/esm/utils/convert-color.js +133 -0
  28. package/dist/tokens/brand-blue-deep_accent-brand.css +33 -33
  29. package/dist/tokens/brand-blue-deep_accent-gray.css +33 -33
  30. package/dist/tokens/brand-blue_accent-brand.css +33 -33
  31. package/dist/tokens/brand-blue_accent-gray.css +33 -33
  32. package/dist/tokens/brand-green_accent-brand.css +33 -33
  33. package/dist/tokens/brand-green_accent-gray.css +33 -33
  34. package/dist/tokens/brand-mint_accent-brand.css +33 -33
  35. package/dist/tokens/brand-mint_accent-gray.css +33 -33
  36. package/dist/tokens/brand-orange_accent-gray.css +33 -33
  37. package/dist/tokens/brand-purple_accent-brand.css +33 -33
  38. package/dist/tokens/brand-purple_accent-gray.css +33 -33
  39. package/dist/tokens/brand-red_accent-gray.css +33 -33
  40. package/dist/tokens/brand-violet_accent-brand.css +33 -33
  41. package/dist/tokens/brand-violet_accent-gray.css +33 -33
  42. package/dist/tokens-js/brand-blue-deep_accent-brand.js +33 -33
  43. package/dist/tokens-js/brand-blue-deep_accent-gray.js +33 -33
  44. package/dist/tokens-js/brand-blue_accent-brand.js +33 -33
  45. package/dist/tokens-js/brand-blue_accent-gray.js +33 -33
  46. package/dist/tokens-js/brand-green_accent-brand.js +33 -33
  47. package/dist/tokens-js/brand-green_accent-gray.js +33 -33
  48. package/dist/tokens-js/brand-mint_accent-brand.js +33 -33
  49. package/dist/tokens-js/brand-mint_accent-gray.js +33 -33
  50. package/dist/tokens-js/brand-orange_accent-gray.js +33 -33
  51. package/dist/tokens-js/brand-purple_accent-brand.js +33 -33
  52. package/dist/tokens-js/brand-purple_accent-gray.js +33 -33
  53. package/dist/tokens-js/brand-red_accent-gray.js +33 -33
  54. package/dist/tokens-js/brand-violet_accent-brand.js +33 -33
  55. package/dist/tokens-js/brand-violet_accent-gray.js +33 -33
  56. package/dist/tokens-mobile/brand-blue-deep_accent-brand.json +304 -304
  57. package/dist/tokens-mobile/brand-blue-deep_accent-gray.json +304 -304
  58. package/dist/tokens-mobile/brand-blue_accent-brand.json +304 -304
  59. package/dist/tokens-mobile/brand-blue_accent-gray.json +304 -304
  60. package/dist/tokens-mobile/brand-green_accent-brand.json +304 -304
  61. package/dist/tokens-mobile/brand-green_accent-gray.json +304 -304
  62. package/dist/tokens-mobile/brand-mint_accent-brand.json +304 -304
  63. package/dist/tokens-mobile/brand-mint_accent-gray.json +304 -304
  64. package/dist/tokens-mobile/brand-orange_accent-gray.json +303 -303
  65. package/dist/tokens-mobile/brand-purple_accent-brand.json +304 -304
  66. package/dist/tokens-mobile/brand-purple_accent-gray.json +304 -304
  67. package/dist/tokens-mobile/brand-red_accent-gray.json +303 -303
  68. package/dist/tokens-mobile/brand-violet_accent-brand.json +300 -300
  69. package/dist/tokens-mobile/brand-violet_accent-gray.json +302 -302
  70. package/package.json +13 -22
  71. package/scripts/babel-register.js +4 -0
  72. package/scripts/tokens-base.json +3499 -0
  73. package/scripts/tokens.json +710 -0
  74. package/dist/cjs/constants/abney-correction.d.ts +0 -2
  75. package/dist/cjs/constants/abney-correction.js +0 -1105
  76. package/dist/cjs/constants/chroma-settings.d.ts +0 -2
  77. package/dist/cjs/constants/chroma-settings.js +0 -105
  78. package/dist/cjs/constants/default-swatch.js +0 -112
  79. package/dist/cjs/constants/interaction-settings.js +0 -19
  80. package/dist/cjs/constants/logo-lightness.d.ts +0 -1
  81. package/dist/cjs/constants/logo-lightness.js +0 -4
  82. package/dist/cjs/constants/promo-hue-shift.js +0 -14
  83. package/dist/cjs/constants/warning-hue-patch.js +0 -25
  84. package/dist/cjs/get-base-tokens.d.ts +0 -26
  85. package/dist/cjs/get-base-tokens.js +0 -319
  86. package/dist/cjs/get-colors.d.ts +0 -20
  87. package/dist/cjs/get-colors.js +0 -20
  88. package/dist/cjs/helpers/get-interactions.d.ts +0 -7
  89. package/dist/cjs/helpers/get-interactions.js +0 -61
  90. package/dist/cjs/helpers/get-logo.d.ts +0 -6
  91. package/dist/cjs/helpers/get-logo.js +0 -32
  92. package/dist/cjs/helpers/get-palette.d.ts +0 -76
  93. package/dist/cjs/helpers/get-palette.js +0 -287
  94. package/dist/cjs/helpers/get-promo.d.ts +0 -12
  95. package/dist/cjs/helpers/get-promo.js +0 -56
  96. package/dist/cjs/types/base-tokens.js +0 -2
  97. package/dist/cjs/types/generator-tokens.d.ts +0 -43
  98. package/dist/cjs/types/generator-tokens.js +0 -2
  99. package/dist/cjs/utils/format-variable.d.ts +0 -2
  100. package/dist/cjs/utils/format-variable.js +0 -15
  101. package/dist/esm/constants/abney-correction.d.ts +0 -2
  102. package/dist/esm/constants/chroma-settings.d.ts +0 -2
  103. package/dist/esm/constants/default-swatch.d.ts +0 -109
  104. package/dist/esm/constants/interaction-settings.d.ts +0 -8
  105. package/dist/esm/constants/logo-lightness.d.ts +0 -1
  106. package/dist/esm/constants/logo-lightness.js +0 -1
  107. package/dist/esm/constants/promo-hue-shift.d.ts +0 -3
  108. package/dist/esm/constants/warning-hue-patch.d.ts +0 -3
  109. package/dist/esm/get-base-tokens.d.ts +0 -26
  110. package/dist/esm/get-base-tokens.js +0 -257
  111. package/dist/esm/types/base-tokens.d.ts +0 -125
  112. /package/dist/{cjs/constants → esm/consts}/default-swatch.d.ts +0 -0
  113. /package/dist/esm/{constants → consts}/default-swatch.js +0 -0
  114. /package/dist/esm/{constants → consts/params}/abney-correction.js +0 -0
  115. /package/dist/{cjs/constants/interaction-settings.d.ts → esm/consts/params/interactions.d.ts} +0 -0
  116. /package/dist/esm/{constants/interaction-settings.js → consts/params/interactions.js} +0 -0
  117. /package/dist/{cjs/constants → esm/consts/params}/promo-hue-shift.d.ts +0 -0
  118. /package/dist/esm/{constants → consts/params}/promo-hue-shift.js +0 -0
  119. /package/dist/{cjs/constants → esm/consts/params}/warning-hue-patch.d.ts +0 -0
  120. /package/dist/esm/{constants → consts/params}/warning-hue-patch.js +0 -0
  121. /package/dist/esm/types/{base-tokens.js → tokens-base-generator.js} +0 -0
  122. /package/dist/{cjs/types/base-tokens.d.ts → esm/types/tokens-base.d.ts} +0 -0
  123. /package/dist/esm/types/{generator-tokens.js → tokens-base.js} +0 -0
@@ -1,135 +1,135 @@
1
1
  {
2
2
  "textAccentHeavy": {
3
- "light": "#7441d3",
4
- "dark": "#ab8eff"
3
+ "light": "#7441D3",
4
+ "dark": "#AB8EFF"
5
5
  },
6
6
  "textErrorHeavy": {
7
- "light": "#c50220",
8
- "dark": "#ff5352"
7
+ "light": "#C50220",
8
+ "dark": "#FF5352"
9
9
  },
10
10
  "textInvertedAccentHeavy": {
11
- "light": "#ab8eff",
12
- "dark": "#7441d3"
11
+ "light": "#AB8EFF",
12
+ "dark": "#7441D3"
13
13
  },
14
14
  "textInvertedErrorHeavy": {
15
- "light": "#ff5352",
16
- "dark": "#c50220"
15
+ "light": "#FF5352",
16
+ "dark": "#C50220"
17
17
  },
18
18
  "textInvertedNeutralFaint": {
19
- "light": "#66ffffff",
19
+ "light": "#66FFFFFF",
20
20
  "dark": "#52000000"
21
21
  },
22
22
  "textInvertedNeutralHeavy": {
23
- "light": "#f5ffffff",
24
- "dark": "#e0000000"
23
+ "light": "#F5FFFFFF",
24
+ "dark": "#E0000000"
25
25
  },
26
26
  "textInvertedNeutralPale": {
27
- "light": "#7affffff",
27
+ "light": "#7AFFFFFF",
28
28
  "dark": "#66000000"
29
29
  },
30
30
  "textInvertedNeutralSoft": {
31
- "light": "#a3ffffff",
32
- "dark": "#8f000000"
31
+ "light": "#A3FFFFFF",
32
+ "dark": "#8F000000"
33
33
  },
34
34
  "textInvertedSuccessHeavy": {
35
- "light": "#00c655",
36
- "dark": "#007f34"
35
+ "light": "#00C655",
36
+ "dark": "#007F34"
37
37
  },
38
38
  "textInvertedWarningHeavy": {
39
- "light": "#f8ae00",
40
- "dark": "#bc7d00"
39
+ "light": "#F8AE00",
40
+ "dark": "#BC7D00"
41
41
  },
42
42
  "textLogo": {
43
43
  "light": "#844BEC",
44
- "dark": "#9864ff"
44
+ "dark": "#9864FF"
45
45
  },
46
46
  "textNeutralFaint": {
47
47
  "light": "#52000000",
48
- "dark": "#66ffffff"
48
+ "dark": "#66FFFFFF"
49
49
  },
50
50
  "textNeutralHeavy": {
51
- "light": "#e0000000",
52
- "dark": "#f5ffffff"
51
+ "light": "#E0000000",
52
+ "dark": "#F5FFFFFF"
53
53
  },
54
54
  "textNeutralPale": {
55
55
  "light": "#66000000",
56
- "dark": "#7affffff"
56
+ "dark": "#7AFFFFFF"
57
57
  },
58
58
  "textNeutralSoft": {
59
- "light": "#8f000000",
60
- "dark": "#a3ffffff"
59
+ "light": "#8F000000",
60
+ "dark": "#A3FFFFFF"
61
61
  },
62
62
  "textSuccessHeavy": {
63
- "light": "#007f34",
64
- "dark": "#00c655"
63
+ "light": "#007F34",
64
+ "dark": "#00C655"
65
65
  },
66
66
  "textWarningHeavy": {
67
- "light": "#bc7d00",
68
- "dark": "#f8ae00"
67
+ "light": "#BC7D00",
68
+ "dark": "#F8AE00"
69
69
  },
70
70
  "textConstFaintBlack": {
71
71
  "light": "#52000000",
72
72
  "dark": "#52000000"
73
73
  },
74
74
  "textConstFaintWhite": {
75
- "light": "#66ffffff",
76
- "dark": "#66ffffff"
75
+ "light": "#66FFFFFF",
76
+ "dark": "#66FFFFFF"
77
77
  },
78
78
  "textConstHeavyBlack": {
79
- "light": "#e0000000",
80
- "dark": "#e0000000"
79
+ "light": "#E0000000",
80
+ "dark": "#E0000000"
81
81
  },
82
82
  "textConstHeavyWhite": {
83
- "light": "#f5ffffff",
84
- "dark": "#f5ffffff"
83
+ "light": "#F5FFFFFF",
84
+ "dark": "#F5FFFFFF"
85
85
  },
86
86
  "textConstPaleBlack": {
87
87
  "light": "#66000000",
88
88
  "dark": "#66000000"
89
89
  },
90
90
  "textConstPaleWhite": {
91
- "light": "#7affffff",
92
- "dark": "#7affffff"
91
+ "light": "#7AFFFFFF",
92
+ "dark": "#7AFFFFFF"
93
93
  },
94
94
  "textConstSoftBlack": {
95
- "light": "#8f000000",
96
- "dark": "#8f000000"
95
+ "light": "#8F000000",
96
+ "dark": "#8F000000"
97
97
  },
98
98
  "textConstSoftWhite": {
99
- "light": "#a3ffffff",
100
- "dark": "#a3ffffff"
99
+ "light": "#A3FFFFFF",
100
+ "dark": "#A3FFFFFF"
101
101
  },
102
102
  "textOnAccentBoldFaint": {
103
- "light": "#66ffffff",
104
- "dark": "#52ffffff"
103
+ "light": "#66FFFFFF",
104
+ "dark": "#52FFFFFF"
105
105
  },
106
106
  "textOnAccentBoldHeavy": {
107
- "light": "#f5ffffff",
108
- "dark": "#f5ffffff"
107
+ "light": "#F5FFFFFF",
108
+ "dark": "#F5FFFFFF"
109
109
  },
110
110
  "textOnAccentBoldPale": {
111
- "light": "#7affffff",
112
- "dark": "#66ffffff"
111
+ "light": "#7AFFFFFF",
112
+ "dark": "#66FFFFFF"
113
113
  },
114
114
  "textOnAccentBoldSoft": {
115
- "light": "#a3ffffff",
116
- "dark": "#8fffffff"
115
+ "light": "#A3FFFFFF",
116
+ "dark": "#8FFFFFFF"
117
117
  },
118
118
  "textOnBrandOriginalFaint": {
119
- "light": "#66ffffff",
120
- "dark": "#66ffffff"
119
+ "light": "#66FFFFFF",
120
+ "dark": "#66FFFFFF"
121
121
  },
122
122
  "textOnBrandOriginalHeavy": {
123
- "light": "#f5ffffff",
124
- "dark": "#f5ffffff"
123
+ "light": "#F5FFFFFF",
124
+ "dark": "#F5FFFFFF"
125
125
  },
126
126
  "textOnBrandOriginalPale": {
127
- "light": "#7affffff",
128
- "dark": "#7affffff"
127
+ "light": "#7AFFFFFF",
128
+ "dark": "#7AFFFFFF"
129
129
  },
130
130
  "textOnBrandOriginalSoft": {
131
- "light": "#a3ffffff",
132
- "dark": "#a3ffffff"
131
+ "light": "#A3FFFFFF",
132
+ "dark": "#A3FFFFFF"
133
133
  },
134
134
  "shapeBoldAccent": {
135
135
  "light": "#844BEC",
@@ -140,579 +140,579 @@
140
140
  "dark": "#844BEC"
141
141
  },
142
142
  "shapeBoldError": {
143
- "light": "#f63b40",
144
- "dark": "#de3c3e"
143
+ "light": "#F63B40",
144
+ "dark": "#DE3C3E"
145
145
  },
146
146
  "shapeBoldNeutral": {
147
147
  "light": "#525252",
148
- "dark": "#bebebe"
148
+ "dark": "#BEBEBE"
149
149
  },
150
150
  "shapeBoldSuccess": {
151
- "light": "#00a948",
152
- "dark": "#1d9946"
151
+ "light": "#00A948",
152
+ "dark": "#1D9946"
153
153
  },
154
154
  "shapeBoldWarning": {
155
- "light": "#ffbf0b",
156
- "dark": "#f1b03b"
155
+ "light": "#FFBF0B",
156
+ "dark": "#F1B03B"
157
157
  },
158
158
  "shapeFaintAccent": {
159
- "light": "#f1f0ff",
159
+ "light": "#F1F0FF",
160
160
  "dark": "#362958"
161
161
  },
162
162
  "shapeFaintBrand": {
163
- "light": "#f1f0ff",
163
+ "light": "#F1F0FF",
164
164
  "dark": "#362958"
165
165
  },
166
166
  "shapeFaintError": {
167
- "light": "#ffedef",
167
+ "light": "#FFEDEF",
168
168
  "dark": "#502421"
169
169
  },
170
170
  "shapeFaintNeutralAlpha": {
171
- "light": "#0f000000",
172
- "dark": "#0fffffff"
171
+ "light": "#0F000000",
172
+ "dark": "#0FFFFFFF"
173
173
  },
174
174
  "shapeFaintSuccess": {
175
- "light": "#defbe2",
176
- "dark": "#213a25"
175
+ "light": "#DEFBE2",
176
+ "dark": "#213A25"
177
177
  },
178
178
  "shapeFaintWarning": {
179
- "light": "#fff3bd",
180
- "dark": "#402f18"
179
+ "light": "#FFF3BD",
180
+ "dark": "#402F18"
181
181
  },
182
182
  "shapeHeavyError": {
183
- "light": "#6b1f1e",
184
- "dark": "#ffdadd"
183
+ "light": "#6B1F1E",
184
+ "dark": "#FFDADD"
185
185
  },
186
186
  "shapeHeavyNeutral": {
187
187
  "light": "#292929",
188
- "dark": "#f2f2f2"
188
+ "dark": "#F2F2F2"
189
189
  },
190
190
  "shapeHeavySuccess": {
191
- "light": "#0b4a1f",
192
- "dark": "#c3f3ca"
191
+ "light": "#0B4A1F",
192
+ "dark": "#C3F3CA"
193
193
  },
194
194
  "shapeHeavyWarning": {
195
195
  "light": "#543600",
196
- "dark": "#fbe48d"
196
+ "dark": "#FBE48D"
197
197
  },
198
198
  "shapeOtherAccentBoldDisabled": {
199
199
  "light": "#52000000",
200
- "dark": "#52ffffff"
200
+ "dark": "#52FFFFFF"
201
201
  },
202
202
  "shapeOtherBase": {
203
- "light": "#ffffff",
204
- "dark": "#0fffffff"
203
+ "light": "#FFFFFF",
204
+ "dark": "#0FFFFFFF"
205
205
  },
206
206
  "shapeOtherDisabled": {
207
- "light": "#0f000000",
208
- "dark": "#0fffffff"
207
+ "light": "#0F000000",
208
+ "dark": "#0FFFFFFF"
209
209
  },
210
210
  "shapeOtherField": {
211
- "light": "#ffffff",
211
+ "light": "#FFFFFF",
212
212
  "dark": "#29000000"
213
213
  },
214
214
  "shapeOtherLow": {
215
- "light": "#0f000000",
216
- "dark": "#3d000000"
215
+ "light": "#0F000000",
216
+ "dark": "#3D000000"
217
217
  },
218
218
  "shapeOtherNeutralFaintSolid": {
219
- "light": "#f2f2f2",
219
+ "light": "#F2F2F2",
220
220
  "dark": "#333333"
221
221
  },
222
222
  "shapeOtherNeutralPaleSolid": {
223
- "light": "#e4e4e4",
224
- "dark": "#3d3d3d"
223
+ "light": "#E4E4E4",
224
+ "dark": "#3D3D3D"
225
225
  },
226
226
  "shapeOtherNeutralSoftSolid": {
227
- "light": "#cacaca",
228
- "dark": "#525252"
227
+ "light": "#D7D7D7",
228
+ "dark": "#484848"
229
229
  },
230
230
  "shapePaleAccent": {
231
- "light": "#e4e0ff",
231
+ "light": "#E4E0FF",
232
232
  "dark": "#413169"
233
233
  },
234
234
  "shapePaleBrand": {
235
- "light": "#e4e0ff",
235
+ "light": "#E4E0FF",
236
236
  "dark": "#413169"
237
237
  },
238
238
  "shapePaleError": {
239
- "light": "#ffdadd",
240
- "dark": "#602a27"
239
+ "light": "#FFDADD",
240
+ "dark": "#602A27"
241
241
  },
242
242
  "shapePaleNeutralAlpha": {
243
- "light": "#14000000",
244
- "dark": "#14ffffff"
243
+ "light": "#1F000000",
244
+ "dark": "#1FFFFFFF"
245
245
  },
246
246
  "shapePaleSuccess": {
247
- "light": "#c3f3ca",
248
- "dark": "#27452d"
247
+ "light": "#C3F3CA",
248
+ "dark": "#27452D"
249
249
  },
250
250
  "shapePaleWarning": {
251
- "light": "#fbe48d",
252
- "dark": "#4d391c"
251
+ "light": "#FBE48D",
252
+ "dark": "#4D391C"
253
253
  },
254
254
  "shapeSoftAccent": {
255
- "light": "#c1b0ff",
256
- "dark": "#634c9e"
255
+ "light": "#C1B0FF",
256
+ "dark": "#634C9E"
257
257
  },
258
258
  "shapeSoftBrand": {
259
- "light": "#c1b0ff",
260
- "dark": "#634c9e"
259
+ "light": "#C1B0FF",
260
+ "dark": "#634C9E"
261
261
  },
262
262
  "shapeSoftError": {
263
- "light": "#fea09c",
264
- "dark": "#943e3b"
263
+ "light": "#FEA09C",
264
+ "dark": "#943E3B"
265
265
  },
266
266
  "shapeSoftNeutralAlpha": {
267
267
  "light": "#29000000",
268
- "dark": "#29ffffff"
268
+ "dark": "#29FFFFFF"
269
269
  },
270
270
  "shapeSoftSuccess": {
271
- "light": "#6cd984",
272
- "dark": "#3a6a43"
271
+ "light": "#6CD984",
272
+ "dark": "#3A6A43"
273
273
  },
274
274
  "shapeSoftWarning": {
275
- "light": "#fcd35d",
276
- "dark": "#86612c"
275
+ "light": "#FCD35D",
276
+ "dark": "#86612C"
277
277
  },
278
278
  "shapeInvertedDisabled": {
279
- "light": "#0fffffff",
280
- "dark": "#0f000000"
279
+ "light": "#0FFFFFFF",
280
+ "dark": "#0F000000"
281
281
  },
282
282
  "shapeInvertedNeutralFaintAlpha": {
283
- "light": "#0fffffff",
284
- "dark": "#0f000000"
283
+ "light": "#0FFFFFFF",
284
+ "dark": "#0F000000"
285
285
  },
286
286
  "shapeInvertedNeutralHeavy": {
287
- "light": "#ffffff",
288
- "dark": "#cc000000"
287
+ "light": "#FFFFFF",
288
+ "dark": "#CC000000"
289
289
  },
290
290
  "shapeInvertedNeutralPaleAlpha": {
291
- "light": "#14ffffff",
292
- "dark": "#14000000"
291
+ "light": "#1FFFFFFF",
292
+ "dark": "#1F000000"
293
293
  },
294
294
  "shapeInvertedNeutralSoftAlpha": {
295
- "light": "#29ffffff",
295
+ "light": "#29FFFFFF",
296
296
  "dark": "#29000000"
297
297
  },
298
298
  "shapeConstDisabledBlack": {
299
- "light": "#0f000000",
300
- "dark": "#0f000000"
299
+ "light": "#0F000000",
300
+ "dark": "#0F000000"
301
301
  },
302
302
  "shapeConstDisabledWhite": {
303
- "light": "#0fffffff",
304
- "dark": "#0fffffff"
303
+ "light": "#0FFFFFFF",
304
+ "dark": "#0FFFFFFF"
305
305
  },
306
306
  "shapeConstFaintBlack": {
307
- "light": "#1f000000",
308
- "dark": "#1f000000"
307
+ "light": "#1F000000",
308
+ "dark": "#1F000000"
309
309
  },
310
310
  "shapeConstFaintWhite": {
311
- "light": "#1fffffff",
312
- "dark": "#1fffffff"
311
+ "light": "#1FFFFFFF",
312
+ "dark": "#1FFFFFFF"
313
313
  },
314
314
  "shapeConstHeavyBlack": {
315
- "light": "#cc000000",
316
- "dark": "#cc000000"
315
+ "light": "#CC000000",
316
+ "dark": "#CC000000"
317
317
  },
318
318
  "shapeConstHeavyWhite": {
319
- "light": "#f5ffffff",
320
- "dark": "#f5ffffff"
319
+ "light": "#F5FFFFFF",
320
+ "dark": "#F5FFFFFF"
321
321
  },
322
322
  "shapeConstPaleBlack": {
323
323
  "light": "#29000000",
324
324
  "dark": "#29000000"
325
325
  },
326
326
  "shapeConstPaleWhite": {
327
- "light": "#29ffffff",
328
- "dark": "#29ffffff"
327
+ "light": "#29FFFFFF",
328
+ "dark": "#29FFFFFF"
329
329
  },
330
330
  "shapeConstPromo": {
331
- "light": "#32205a",
332
- "dark": "#32205a"
331
+ "light": "#32205A",
332
+ "dark": "#32205A"
333
333
  },
334
334
  "shapeConstSoftBlack": {
335
- "light": "#3d000000",
336
- "dark": "#3d000000"
335
+ "light": "#3D000000",
336
+ "dark": "#3D000000"
337
337
  },
338
338
  "shapeConstSoftWhite": {
339
- "light": "#3dffffff",
340
- "dark": "#3dffffff"
339
+ "light": "#3DFFFFFF",
340
+ "dark": "#3DFFFFFF"
341
341
  },
342
342
  "lineAccentBold": {
343
343
  "light": "#844BEC",
344
344
  "dark": "#844BEC"
345
345
  },
346
346
  "lineAccentPale": {
347
- "light": "#d8d0ff",
348
- "dark": "#4c3a7a"
347
+ "light": "#D8D0FF",
348
+ "dark": "#4C3A7A"
349
349
  },
350
350
  "lineAccentSoft": {
351
- "light": "#b4a5e9",
352
- "dark": "#634c9e"
351
+ "light": "#B4A5E9",
352
+ "dark": "#634C9E"
353
353
  },
354
354
  "lineBrandOriginal": {
355
355
  "light": "#844BEC",
356
356
  "dark": "#844BEC"
357
357
  },
358
358
  "lineErrorBold": {
359
- "light": "#d6192a",
360
- "dark": "#e62b34"
359
+ "light": "#D6192A",
360
+ "dark": "#E62B34"
361
361
  },
362
362
  "lineNeutralFaint": {
363
363
  "light": "#14000000",
364
- "dark": "#14ffffff"
364
+ "dark": "#14FFFFFF"
365
365
  },
366
366
  "lineNeutralPale": {
367
367
  "light": "#29000000",
368
- "dark": "#29ffffff"
368
+ "dark": "#29FFFFFF"
369
369
  },
370
370
  "lineOnAccentBoldFaint": {
371
- "light": "#1fffffff",
372
- "dark": "#1fffffff"
371
+ "light": "#1FFFFFFF",
372
+ "dark": "#1FFFFFFF"
373
373
  },
374
374
  "lineOnAccentBoldPale": {
375
- "light": "#3dffffff",
376
- "dark": "#3dffffff"
375
+ "light": "#3DFFFFFF",
376
+ "dark": "#3DFFFFFF"
377
377
  },
378
378
  "lineOnBrandOriginalFaint": {
379
- "light": "#1fffffff",
380
- "dark": "#1fffffff"
379
+ "light": "#1FFFFFFF",
380
+ "dark": "#1FFFFFFF"
381
381
  },
382
382
  "lineOnBrandOriginalPale": {
383
- "light": "#3dffffff",
384
- "dark": "#3dffffff"
383
+ "light": "#3DFFFFFF",
384
+ "dark": "#3DFFFFFF"
385
385
  },
386
386
  "lineSuccessBold": {
387
- "light": "#008d3a",
388
- "dark": "#009b41"
387
+ "light": "#008D3A",
388
+ "dark": "#009B41"
389
389
  },
390
390
  "lineWarningBold": {
391
- "light": "#f8ae00",
392
- "dark": "#f8ae00"
391
+ "light": "#F8AE00",
392
+ "dark": "#F8AE00"
393
393
  },
394
394
  "lineInvertedAccentBold": {
395
395
  "light": "#844BEC",
396
396
  "dark": "#844BEC"
397
397
  },
398
398
  "lineInvertedAccentPale": {
399
- "light": "#57438c",
400
- "dark": "#cdc0ff"
399
+ "light": "#57438C",
400
+ "dark": "#CDC0FF"
401
401
  },
402
402
  "lineInvertedAccentSoft": {
403
- "light": "#634c9e",
404
- "dark": "#b4a5e9"
403
+ "light": "#634C9E",
404
+ "dark": "#B4A5E9"
405
405
  },
406
406
  "lineInvertedErrorBold": {
407
- "light": "#e62b34",
408
- "dark": "#d6192a"
407
+ "light": "#E62B34",
408
+ "dark": "#D6192A"
409
409
  },
410
410
  "lineInvertedNeutralFaint": {
411
- "light": "#14ffffff",
411
+ "light": "#14FFFFFF",
412
412
  "dark": "#14000000"
413
413
  },
414
414
  "lineInvertedNeutralPale": {
415
- "light": "#29ffffff",
415
+ "light": "#29FFFFFF",
416
416
  "dark": "#29000000"
417
417
  },
418
418
  "lineInvertedSuccessBold": {
419
- "light": "#009b41",
420
- "dark": "#008d3a"
419
+ "light": "#009B41",
420
+ "dark": "#008D3A"
421
421
  },
422
422
  "lineInvertedWarningBold": {
423
- "light": "#f8ae00",
424
- "dark": "#f8ae00"
423
+ "light": "#F8AE00",
424
+ "dark": "#F8AE00"
425
425
  },
426
426
  "lineConstFaintBlack": {
427
- "light": "#1f000000",
428
- "dark": "#1f000000"
427
+ "light": "#1F000000",
428
+ "dark": "#1F000000"
429
429
  },
430
430
  "lineConstFaintWhite": {
431
- "light": "#1fffffff",
432
- "dark": "#1fffffff"
431
+ "light": "#1FFFFFFF",
432
+ "dark": "#1FFFFFFF"
433
433
  },
434
434
  "lineConstPaleBlack": {
435
- "light": "#3d000000",
436
- "dark": "#3d000000"
435
+ "light": "#3D000000",
436
+ "dark": "#3D000000"
437
437
  },
438
438
  "lineConstPaleWhite": {
439
- "light": "#3dffffff",
440
- "dark": "#3dffffff"
439
+ "light": "#3DFFFFFF",
440
+ "dark": "#3DFFFFFF"
441
441
  },
442
442
  "surfaceBase": {
443
- "light": "#ffffff",
443
+ "light": "#FFFFFF",
444
444
  "dark": "#292929"
445
445
  },
446
446
  "surfaceHigh": {
447
- "light": "#ffffff",
447
+ "light": "#FFFFFF",
448
448
  "dark": "#333333"
449
449
  },
450
450
  "surfaceLow": {
451
- "light": "#f2f2f2",
452
- "dark": "#1f1f1f"
451
+ "light": "#F2F2F2",
452
+ "dark": "#1F1F1F"
453
453
  },
454
454
  "surfaceModalBackdrop": {
455
- "light": "#3d000000",
455
+ "light": "#3D000000",
456
456
  "dark": "#66000000"
457
457
  },
458
458
  "illustrationBlack": {
459
- "light": "#0d0d0d",
460
- "dark": "#0d0d0d"
459
+ "light": "#0D0D0D",
460
+ "dark": "#0D0D0D"
461
461
  },
462
462
  "illustrationBrand": {
463
463
  "light": "#844BEC",
464
464
  "dark": "#844BEC"
465
465
  },
466
466
  "illustrationComplement": {
467
- "light": "#32205a",
468
- "dark": "#ffffff"
467
+ "light": "#32205A",
468
+ "dark": "#FFFFFF"
469
469
  },
470
470
  "illustrationInvertedNeutral": {
471
- "light": "#ffffff",
471
+ "light": "#FFFFFF",
472
472
  "dark": "#000000"
473
473
  },
474
474
  "illustrationNeutral": {
475
475
  "light": "#000000",
476
- "dark": "#ffffff"
476
+ "dark": "#FFFFFF"
477
477
  },
478
478
  "illustrationOnBrand": {
479
- "light": "#ffffffff",
480
- "dark": "#ffffffff"
479
+ "light": "#FFFFFF",
480
+ "dark": "#FFFFFF"
481
481
  },
482
482
  "illustrationOnComplement": {
483
- "light": "#ffffff",
484
- "dark": "#32205a"
483
+ "light": "#FFFFFF",
484
+ "dark": "#32205A"
485
485
  },
486
486
  "illustrationPromo": {
487
- "light": "#32205a",
488
- "dark": "#32205a"
487
+ "light": "#32205A",
488
+ "dark": "#32205A"
489
489
  },
490
490
  "illustrationSymbol": {
491
- "light": "#c1b0ff",
492
- "dark": "#c1b0ff"
491
+ "light": "#C1B0FF",
492
+ "dark": "#C1B0FF"
493
493
  },
494
494
  "illustrationWhite": {
495
- "light": "#ffffff",
496
- "dark": "#ffffff"
495
+ "light": "#FFFFFF",
496
+ "dark": "#FFFFFF"
497
497
  },
498
498
  "customizableBoldBlack": {
499
499
  "light": "#696969",
500
- "dark": "#b1b1b1"
500
+ "dark": "#B1B1B1"
501
501
  },
502
502
  "customizableBoldBlue": {
503
- "light": "#369bff",
504
- "dark": "#2b8df2"
503
+ "light": "#369BFF",
504
+ "dark": "#2B8DF2"
505
505
  },
506
506
  "customizableBoldBlueDeep": {
507
- "light": "#6592ff",
508
- "dark": "#5183ff"
507
+ "light": "#5183FF",
508
+ "dark": "#3E72FF"
509
509
  },
510
510
  "customizableBoldGray": {
511
- "light": "#a4a4a4",
511
+ "light": "#A4A4A4",
512
512
  "dark": "#696969"
513
513
  },
514
514
  "customizableBoldGreen": {
515
- "light": "#00b74e",
516
- "dark": "#2ca651"
515
+ "light": "#00B74E",
516
+ "dark": "#2CA651"
517
517
  },
518
518
  "customizableBoldMint": {
519
- "light": "#01b197",
520
- "dark": "#00a38b"
519
+ "light": "#05BFA3",
520
+ "dark": "#01B197"
521
521
  },
522
522
  "customizableBoldOrange": {
523
- "light": "#f56600",
524
- "dark": "#d96528"
523
+ "light": "#F56600",
524
+ "dark": "#ED6D28"
525
525
  },
526
526
  "customizableBoldPurple": {
527
- "light": "#cf60ec",
528
- "dark": "#be5ad8"
527
+ "light": "#CF60EC",
528
+ "dark": "#BE5AD8"
529
529
  },
530
530
  "customizableBoldRed": {
531
- "light": "#ff5352",
532
- "dark": "#ee4948"
531
+ "light": "#FF5352",
532
+ "dark": "#EE4948"
533
533
  },
534
534
  "customizableBoldViolet": {
535
- "light": "#a17bff",
536
- "dark": "#956ef2"
535
+ "light": "#A17BFF",
536
+ "dark": "#956EF2"
537
537
  },
538
538
  "customizableBoldYellow": {
539
- "light": "#dfa700",
540
- "dark": "#d19a00"
539
+ "light": "#ECB400",
540
+ "dark": "#DFA700"
541
541
  },
542
542
  "customizableFaintBlack": {
543
- "light": "#e4e4e4",
543
+ "light": "#E4E4E4",
544
544
  "dark": "#484848"
545
545
  },
546
546
  "customizableFaintBlue": {
547
- "light": "#e2f5ff",
548
- "dark": "#1f344d"
547
+ "light": "#E2F5FF",
548
+ "dark": "#1F344D"
549
549
  },
550
550
  "customizableFaintBlueDeep": {
551
- "light": "#e8f3ff",
552
- "dark": "#1e305c"
551
+ "light": "#E8F3FF",
552
+ "dark": "#1E305C"
553
553
  },
554
554
  "customizableFaintGray": {
555
- "light": "#f2f2f2",
555
+ "light": "#F2F2F2",
556
556
  "dark": "#333333"
557
557
  },
558
558
  "customizableFaintGreen": {
559
- "light": "#d4ffda",
560
- "dark": "#213a25"
559
+ "light": "#DEFBE2",
560
+ "dark": "#213A25"
561
561
  },
562
562
  "customizableFaintMint": {
563
- "light": "#c8fff7",
564
- "dark": "#163a32"
563
+ "light": "#D2FCF6",
564
+ "dark": "#163A32"
565
565
  },
566
566
  "customizableFaintOrange": {
567
- "light": "#ffeee1",
568
- "dark": "#472b1e"
567
+ "light": "#FFEEE1",
568
+ "dark": "#472B1E"
569
569
  },
570
570
  "customizableFaintPurple": {
571
- "light": "#ffeaff",
572
- "dark": "#44244c"
571
+ "light": "#FFEAFF",
572
+ "dark": "#44244C"
573
573
  },
574
574
  "customizableFaintRed": {
575
- "light": "#ffedef",
575
+ "light": "#FFEDEF",
576
576
  "dark": "#502421"
577
577
  },
578
578
  "customizableFaintViolet": {
579
- "light": "#f1f0ff",
579
+ "light": "#F1F0FF",
580
580
  "dark": "#362958"
581
581
  },
582
582
  "customizableFaintYellow": {
583
- "light": "#faf5be",
584
- "dark": "#3e3117"
583
+ "light": "#FAF5BE",
584
+ "dark": "#3E3117"
585
585
  },
586
586
  "customizableHeavyBlack": {
587
- "light": "#3d3d3d",
588
- "dark": "#f2f2f2"
587
+ "light": "#3D3D3D",
588
+ "dark": "#F2F2F2"
589
589
  },
590
590
  "customizableHeavyBlue": {
591
- "light": "#005dae",
592
- "dark": "#80c5ff"
591
+ "light": "#005DAE",
592
+ "dark": "#80C5FF"
593
593
  },
594
594
  "customizableHeavyBlueDeep": {
595
- "light": "#234ece",
596
- "dark": "#88b0ff"
595
+ "light": "#234ECE",
596
+ "dark": "#88B0FF"
597
597
  },
598
598
  "customizableHeavyGray": {
599
599
  "light": "#747474",
600
600
  "dark": "#808080"
601
601
  },
602
602
  "customizableHeavyGreen": {
603
- "light": "#00722d",
604
- "dark": "#6fe98b"
603
+ "light": "#00722D",
604
+ "dark": "#6FE98B"
605
605
  },
606
606
  "customizableHeavyMint": {
607
- "light": "#027b68",
608
- "dark": "#4af6dd"
607
+ "light": "#027B68",
608
+ "dark": "#4AF6DD"
609
609
  },
610
610
  "customizableHeavyOrange": {
611
- "light": "#9a3d00",
612
- "dark": "#ff8f4f"
611
+ "light": "#9A3D00",
612
+ "dark": "#FF8F4F"
613
613
  },
614
614
  "customizableHeavyPurple": {
615
- "light": "#8b22a4",
616
- "dark": "#ea9aff"
615
+ "light": "#8B22A4",
616
+ "dark": "#EA9AFF"
617
617
  },
618
618
  "customizableHeavyRed": {
619
- "light": "#c50220",
620
- "dark": "#ff8a84"
619
+ "light": "#C50220",
620
+ "dark": "#FF8A84"
621
621
  },
622
622
  "customizableHeavyViolet": {
623
- "light": "#6936c2",
624
- "dark": "#b69fff"
623
+ "light": "#6936C2",
624
+ "dark": "#B69FFF"
625
625
  },
626
626
  "customizableHeavyYellow": {
627
- "light": "#966c01",
628
- "dark": "#f6c405"
627
+ "light": "#966C01",
628
+ "dark": "#F6C405"
629
629
  },
630
630
  "customizablePaleBlack": {
631
- "light": "#d7d7d7",
631
+ "light": "#D7D7D7",
632
632
  "dark": "#525252"
633
633
  },
634
634
  "customizablePaleBlue": {
635
- "light": "#c7ebff",
636
- "dark": "#253f5c"
635
+ "light": "#C7EBFF",
636
+ "dark": "#253F5C"
637
637
  },
638
638
  "customizablePaleBlueDeep": {
639
- "light": "#d2e7ff",
640
- "dark": "#243a6e"
639
+ "light": "#D2E7FF",
640
+ "dark": "#243A6E"
641
641
  },
642
642
  "customizablePaleGray": {
643
- "light": "#e4e4e4",
644
- "dark": "#3d3d3d"
643
+ "light": "#E4E4E4",
644
+ "dark": "#3D3D3D"
645
645
  },
646
646
  "customizablePaleGreen": {
647
- "light": "#b0fabd",
648
- "dark": "#27452d"
647
+ "light": "#C3F3CA",
648
+ "dark": "#27452D"
649
649
  },
650
650
  "customizablePaleMint": {
651
- "light": "#88fdeb",
652
- "dark": "#19463d"
651
+ "light": "#ADF5E9",
652
+ "dark": "#19463D"
653
653
  },
654
654
  "customizablePaleOrange": {
655
- "light": "#ffddc6",
655
+ "light": "#FFDDC6",
656
656
  "dark": "#563324"
657
657
  },
658
658
  "customizablePalePurple": {
659
- "light": "#fbd6ff",
660
- "dark": "#522a5c"
659
+ "light": "#FBD6FF",
660
+ "dark": "#522A5C"
661
661
  },
662
662
  "customizablePaleRed": {
663
- "light": "#ffdadd",
664
- "dark": "#602a27"
663
+ "light": "#FFDADD",
664
+ "dark": "#602A27"
665
665
  },
666
666
  "customizablePaleViolet": {
667
- "light": "#e4e0ff",
667
+ "light": "#E4E0FF",
668
668
  "dark": "#413169"
669
669
  },
670
670
  "customizablePaleYellow": {
671
- "light": "#f5e78f",
672
- "dark": "#4b3a1b"
671
+ "light": "#F5E78F",
672
+ "dark": "#4B3A1B"
673
673
  },
674
674
  "customizableSoftBlack": {
675
- "light": "#b1b1b1",
675
+ "light": "#B1B1B1",
676
676
  "dark": "#747474"
677
677
  },
678
678
  "customizableSoftBlue": {
679
- "light": "#80c5ff",
680
- "dark": "#37608e"
679
+ "light": "#80C5FF",
680
+ "dark": "#37608E"
681
681
  },
682
682
  "customizableSoftBlueDeep": {
683
- "light": "#99bfff",
684
- "dark": "#3959a5"
683
+ "light": "#99BFFF",
684
+ "dark": "#3959A5"
685
685
  },
686
686
  "customizableSoftGray": {
687
- "light": "#d7d7d7",
687
+ "light": "#D7D7D7",
688
688
  "dark": "#525252"
689
689
  },
690
690
  "customizableSoftGreen": {
691
- "light": "#6cd984",
692
- "dark": "#3a6a43"
691
+ "light": "#6CD984",
692
+ "dark": "#3A6A43"
693
693
  },
694
694
  "customizableSoftMint": {
695
- "light": "#4fe6cc",
696
- "dark": "#216c5d"
695
+ "light": "#4FE6CC",
696
+ "dark": "#216C5D"
697
697
  },
698
698
  "customizableSoftOrange": {
699
- "light": "#ffa56f",
700
- "dark": "#844d34"
699
+ "light": "#FFA56F",
700
+ "dark": "#844D34"
701
701
  },
702
702
  "customizableSoftPurple": {
703
- "light": "#ea9aff",
704
- "dark": "#7c428b"
703
+ "light": "#EA9AFF",
704
+ "dark": "#7C428B"
705
705
  },
706
706
  "customizableSoftRed": {
707
- "light": "#ffa09b",
708
- "dark": "#943e3b"
707
+ "light": "#FFA09B",
708
+ "dark": "#943E3B"
709
709
  },
710
710
  "customizableSoftViolet": {
711
- "light": "#c1b0ff",
712
- "dark": "#634c9e"
711
+ "light": "#C1B0FF",
712
+ "dark": "#634C9E"
713
713
  },
714
714
  "customizableSoftYellow": {
715
- "light": "#f6d65e",
716
- "dark": "#81642a"
715
+ "light": "#F6D65E",
716
+ "dark": "#81642A"
717
717
  }
718
718
  }