@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,718 +1,718 @@
1
1
  {
2
2
  "textAccentHeavy": {
3
- "light": "#e0000000",
4
- "dark": "#f5ffffff"
3
+ "light": "#E0000000",
4
+ "dark": "#F5FFFFFF"
5
5
  },
6
6
  "textErrorHeavy": {
7
- "light": "#c50220",
8
- "dark": "#ff5352"
7
+ "light": "#C50220",
8
+ "dark": "#FF5352"
9
9
  },
10
10
  "textInvertedAccentHeavy": {
11
- "light": "#f5ffffff",
12
- "dark": "#e0000000"
11
+ "light": "#F5FFFFFF",
12
+ "dark": "#E0000000"
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": "#00BEA2",
44
- "dark": "#00bea2"
44
+ "dark": "#00BEA2"
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",
103
+ "light": "#66FFFFFF",
104
104
  "dark": "#52000000"
105
105
  },
106
106
  "textOnAccentBoldHeavy": {
107
- "light": "#f5ffffff",
108
- "dark": "#e0000000"
107
+ "light": "#F5FFFFFF",
108
+ "dark": "#E0000000"
109
109
  },
110
110
  "textOnAccentBoldPale": {
111
- "light": "#7affffff",
111
+ "light": "#7AFFFFFF",
112
112
  "dark": "#66000000"
113
113
  },
114
114
  "textOnAccentBoldSoft": {
115
- "light": "#a3ffffff",
116
- "dark": "#8f000000"
115
+ "light": "#A3FFFFFF",
116
+ "dark": "#8F000000"
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
- "light": "#3d3d3d",
136
- "dark": "#f2f2f2"
135
+ "light": "#3D3D3D",
136
+ "dark": "#F2F2F2"
137
137
  },
138
138
  "shapeBoldBrandOriginal": {
139
139
  "light": "#00BEA2",
140
140
  "dark": "#00BEA2"
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": "#1f000000",
160
- "dark": "#1fffffff"
159
+ "light": "#1F000000",
160
+ "dark": "#1FFFFFFF"
161
161
  },
162
162
  "shapeFaintBrand": {
163
- "light": "#c8fff7",
164
- "dark": "#163a32"
163
+ "light": "#C8FFF7",
164
+ "dark": "#163A32"
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
231
  "light": "#29000000",
232
- "dark": "#29ffffff"
232
+ "dark": "#29FFFFFF"
233
233
  },
234
234
  "shapePaleBrand": {
235
- "light": "#88fdeb",
236
- "dark": "#19463d"
235
+ "light": "#88FDEB",
236
+ "dark": "#19463D"
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
255
  "light": "#52000000",
256
- "dark": "#52ffffff"
256
+ "dark": "#52FFFFFF"
257
257
  },
258
258
  "shapeSoftBrand": {
259
- "light": "#45d9be",
260
- "dark": "#216c5d"
259
+ "light": "#45D9BE",
260
+ "dark": "#216C5D"
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": "#003e53",
332
- "dark": "#003e53"
331
+ "light": "#003E53",
332
+ "dark": "#003E53"
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": "#484848",
344
- "dark": "#d7d7d7"
344
+ "dark": "#D7D7D7"
345
345
  },
346
346
  "lineAccentPale": {
347
- "light": "#3d000000",
348
- "dark": "#3dffffff"
347
+ "light": "#3D000000",
348
+ "dark": "#3DFFFFFF"
349
349
  },
350
350
  "lineAccentSoft": {
351
- "light": "#7a000000",
352
- "dark": "#7affffff"
351
+ "light": "#7A000000",
352
+ "dark": "#7AFFFFFF"
353
353
  },
354
354
  "lineBrandOriginal": {
355
355
  "light": "#00BEA2",
356
356
  "dark": "#00BEA2"
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": "#1f000000"
371
+ "light": "#1FFFFFFF",
372
+ "dark": "#1F000000"
373
373
  },
374
374
  "lineOnAccentBoldPale": {
375
- "light": "#3dffffff",
376
- "dark": "#3d000000"
375
+ "light": "#3DFFFFFF",
376
+ "dark": "#3D000000"
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
- "light": "#d7d7d7",
395
+ "light": "#D7D7D7",
396
396
  "dark": "#525252"
397
397
  },
398
398
  "lineInvertedAccentPale": {
399
- "light": "#3dffffff",
400
- "dark": "#3d000000"
399
+ "light": "#3DFFFFFF",
400
+ "dark": "#3D000000"
401
401
  },
402
402
  "lineInvertedAccentSoft": {
403
- "light": "#7affffff",
404
- "dark": "#7a000000"
403
+ "light": "#7AFFFFFF",
404
+ "dark": "#7A000000"
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": "#00BEA2",
464
464
  "dark": "#00BEA2"
465
465
  },
466
466
  "illustrationComplement": {
467
- "light": "#003e53",
468
- "dark": "#ffffff"
467
+ "light": "#003E53",
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": "#003e53"
483
+ "light": "#FFFFFF",
484
+ "dark": "#003E53"
485
485
  },
486
486
  "illustrationPromo": {
487
- "light": "#003e53",
488
- "dark": "#003e53"
487
+ "light": "#003E53",
488
+ "dark": "#003E53"
489
489
  },
490
490
  "illustrationSymbol": {
491
- "light": "#45d9be",
492
- "dark": "#45d9be"
491
+ "light": "#45D9BE",
492
+ "dark": "#45D9BE"
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
  }