@abgov/design-tokens 1.10.0 → 2.0.1
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.
- package/data/component-design-tokens/accordion-design-tokens.json +92 -11
- package/data/component-design-tokens/badge-design-tokens.json +139 -26
- package/data/component-design-tokens/button-design-tokens.json +151 -66
- package/data/component-design-tokens/callout-design-tokens.json +158 -74
- package/data/component-design-tokens/checkbox-design-tokens.json +33 -14
- package/data/component-design-tokens/container-design-tokens.json +15 -11
- package/data/component-design-tokens/date-picker-design-tokens.json +26 -10
- package/data/component-design-tokens/details-design-tokens.json +28 -5
- package/data/component-design-tokens/drawer-design-tokens.json +42 -35
- package/data/component-design-tokens/dropdown-design-tokens.json +81 -17
- package/data/component-design-tokens/filter-chip-design-tokens.json +92 -0
- package/data/component-design-tokens/footer-design-tokens.json +16 -20
- package/data/component-design-tokens/form-item-design-tokens.json +99 -20
- package/data/component-design-tokens/header-design-tokens.json +189 -235
- package/data/component-design-tokens/icon-button-design-tokens.json +40 -24
- package/data/component-design-tokens/input-design-tokens.json +52 -28
- package/data/component-design-tokens/link-design-tokens.json +115 -0
- package/data/component-design-tokens/modal-design-tokens.json +202 -17
- package/data/component-design-tokens/notification-banner-design-tokens.json +152 -0
- package/data/component-design-tokens/pagination-design-tokens.json +17 -0
- package/data/component-design-tokens/popover-design-tokens.json +23 -9
- package/data/component-design-tokens/push-drawer-design-tokens.json +1 -1
- package/data/component-design-tokens/radio-design-tokens.json +79 -17
- package/data/component-design-tokens/side-menu-design-tokens.json +101 -94
- package/data/component-design-tokens/table-design-tokens.json +159 -9
- package/data/component-design-tokens/tabs-design-tokens.json +74 -16
- package/data/component-design-tokens/temporary-notification-design-tokens.json +112 -0
- package/data/component-design-tokens/text-area-design-tokens.json +29 -15
- package/data/component-design-tokens/tooltip-design-tokens.json +3 -3
- package/data/goa-global-design-tokens.json +571 -145
- package/dist/tokens.css +818 -430
- package/dist/tokens.scss +964 -576
- package/lib/design-tokens.js +43 -9
- package/package.json +1 -1
|
@@ -2,15 +2,23 @@
|
|
|
2
2
|
"color": {
|
|
3
3
|
"interactive": {
|
|
4
4
|
"default": {
|
|
5
|
-
"value": "#
|
|
5
|
+
"value": "#006dcc",
|
|
6
|
+
"type": "color"
|
|
7
|
+
},
|
|
8
|
+
"secondary": {
|
|
9
|
+
"value": "#e0f1ff",
|
|
6
10
|
"type": "color"
|
|
7
11
|
},
|
|
8
12
|
"hover": {
|
|
9
|
-
"value": "#
|
|
13
|
+
"value": "#045092",
|
|
14
|
+
"type": "color"
|
|
15
|
+
},
|
|
16
|
+
"secondary-hover": {
|
|
17
|
+
"value": "#c5ddf6",
|
|
10
18
|
"type": "color"
|
|
11
19
|
},
|
|
12
20
|
"disabled": {
|
|
13
|
-
"value": "
|
|
21
|
+
"value": "{color.greyscale.300}",
|
|
14
22
|
"type": "color"
|
|
15
23
|
},
|
|
16
24
|
"error": {
|
|
@@ -26,7 +34,7 @@
|
|
|
26
34
|
"type": "color"
|
|
27
35
|
},
|
|
28
36
|
"focus": {
|
|
29
|
-
"value": "#
|
|
37
|
+
"value": "#006dcc",
|
|
30
38
|
"type": "color"
|
|
31
39
|
},
|
|
32
40
|
"focus-black": {
|
|
@@ -58,7 +66,7 @@
|
|
|
58
66
|
"type": "color"
|
|
59
67
|
},
|
|
60
68
|
"secondary": {
|
|
61
|
-
"value": "{color.greyscale.
|
|
69
|
+
"value": "{color.greyscale.800}",
|
|
62
70
|
"type": "color"
|
|
63
71
|
},
|
|
64
72
|
"light": {
|
|
@@ -72,19 +80,35 @@
|
|
|
72
80
|
},
|
|
73
81
|
"info": {
|
|
74
82
|
"default": {
|
|
75
|
-
"value": "#
|
|
83
|
+
"value": "#0077ad",
|
|
76
84
|
"type": "color"
|
|
77
85
|
},
|
|
78
86
|
"light": {
|
|
79
|
-
"value": "#
|
|
87
|
+
"value": "#ebf8ff",
|
|
80
88
|
"type": "color"
|
|
81
89
|
},
|
|
82
90
|
"dark": {
|
|
83
|
-
"value": "#
|
|
91
|
+
"value": "#004a8f",
|
|
84
92
|
"type": "color"
|
|
85
93
|
},
|
|
86
94
|
"background": {
|
|
87
|
-
"value": "#
|
|
95
|
+
"value": "#f4fdff",
|
|
96
|
+
"type": "color"
|
|
97
|
+
},
|
|
98
|
+
"border": {
|
|
99
|
+
"value": "#cbeaf7",
|
|
100
|
+
"type": "color"
|
|
101
|
+
},
|
|
102
|
+
"text": {
|
|
103
|
+
"value": "#0077ad",
|
|
104
|
+
"type": "color"
|
|
105
|
+
},
|
|
106
|
+
"textDark": {
|
|
107
|
+
"value": "#00527c",
|
|
108
|
+
"type": "color"
|
|
109
|
+
},
|
|
110
|
+
"textInverse": {
|
|
111
|
+
"value": "#ebf8ff",
|
|
88
112
|
"type": "color"
|
|
89
113
|
}
|
|
90
114
|
},
|
|
@@ -94,16 +118,58 @@
|
|
|
94
118
|
"type": "color"
|
|
95
119
|
},
|
|
96
120
|
"light": {
|
|
97
|
-
"value": "#
|
|
121
|
+
"value": "#fef2c8",
|
|
98
122
|
"type": "color"
|
|
99
123
|
},
|
|
100
124
|
"dark": {
|
|
101
|
-
"value": "#
|
|
125
|
+
"value": "#c28900",
|
|
102
126
|
"type": "color"
|
|
103
127
|
},
|
|
104
128
|
"background": {
|
|
105
129
|
"value": "#fff6e5",
|
|
106
130
|
"type": "color"
|
|
131
|
+
},
|
|
132
|
+
"border": {
|
|
133
|
+
"value": "#fde3a1",
|
|
134
|
+
"type": "color"
|
|
135
|
+
},
|
|
136
|
+
"text": {
|
|
137
|
+
"value": "#8d6500",
|
|
138
|
+
"type": "color"
|
|
139
|
+
},
|
|
140
|
+
"textDark": {
|
|
141
|
+
"value": "#4d3700",
|
|
142
|
+
"type": "color"
|
|
143
|
+
}
|
|
144
|
+
},
|
|
145
|
+
"important": {
|
|
146
|
+
"default": {
|
|
147
|
+
"value": "#f9ce2d",
|
|
148
|
+
"type": "color"
|
|
149
|
+
},
|
|
150
|
+
"light": {
|
|
151
|
+
"value": "#fef2c8",
|
|
152
|
+
"type": "color"
|
|
153
|
+
},
|
|
154
|
+
"dark": {
|
|
155
|
+
"value": "#c28900",
|
|
156
|
+
"type": "color"
|
|
157
|
+
},
|
|
158
|
+
"background": {
|
|
159
|
+
"value": "#fde3a1",
|
|
160
|
+
"type": "color"
|
|
161
|
+
},
|
|
162
|
+
"border": {
|
|
163
|
+
"value": "#fde3a1",
|
|
164
|
+
"type": "color"
|
|
165
|
+
},
|
|
166
|
+
"text": {
|
|
167
|
+
"value": "#8d6500",
|
|
168
|
+
"type": "color"
|
|
169
|
+
},
|
|
170
|
+
"text-dark": {
|
|
171
|
+
"value": "#4d3700",
|
|
172
|
+
"type": "color"
|
|
107
173
|
}
|
|
108
174
|
},
|
|
109
175
|
"emergency": {
|
|
@@ -112,7 +178,7 @@
|
|
|
112
178
|
"type": "color"
|
|
113
179
|
},
|
|
114
180
|
"light": {
|
|
115
|
-
"value": "#
|
|
181
|
+
"value": "#fdded9",
|
|
116
182
|
"type": "color"
|
|
117
183
|
},
|
|
118
184
|
"dark": {
|
|
@@ -120,7 +186,23 @@
|
|
|
120
186
|
"type": "color"
|
|
121
187
|
},
|
|
122
188
|
"background": {
|
|
123
|
-
"value": "#
|
|
189
|
+
"value": "#fff6f6",
|
|
190
|
+
"type": "color"
|
|
191
|
+
},
|
|
192
|
+
"border": {
|
|
193
|
+
"value": "#eeaea5",
|
|
194
|
+
"type": "color"
|
|
195
|
+
},
|
|
196
|
+
"text": {
|
|
197
|
+
"value": "#a91a10",
|
|
198
|
+
"type": "color"
|
|
199
|
+
},
|
|
200
|
+
"textDark": {
|
|
201
|
+
"value": "#8e1515",
|
|
202
|
+
"type": "color"
|
|
203
|
+
},
|
|
204
|
+
"textInverse": {
|
|
205
|
+
"value": "#fff6f6",
|
|
124
206
|
"type": "color"
|
|
125
207
|
}
|
|
126
208
|
},
|
|
@@ -130,7 +212,7 @@
|
|
|
130
212
|
"type": "color"
|
|
131
213
|
},
|
|
132
214
|
"light": {
|
|
133
|
-
"value": "#
|
|
215
|
+
"value": "#d8f7e6",
|
|
134
216
|
"type": "color"
|
|
135
217
|
},
|
|
136
218
|
"dark": {
|
|
@@ -138,7 +220,23 @@
|
|
|
138
220
|
"type": "color"
|
|
139
221
|
},
|
|
140
222
|
"background": {
|
|
141
|
-
"value": "#
|
|
223
|
+
"value": "#f4fff6",
|
|
224
|
+
"type": "color"
|
|
225
|
+
},
|
|
226
|
+
"border": {
|
|
227
|
+
"value": "#c4e3d2",
|
|
228
|
+
"type": "color"
|
|
229
|
+
},
|
|
230
|
+
"text": {
|
|
231
|
+
"value": "#3a8050",
|
|
232
|
+
"type": "color"
|
|
233
|
+
},
|
|
234
|
+
"textDark": {
|
|
235
|
+
"value": "#355147",
|
|
236
|
+
"type": "color"
|
|
237
|
+
},
|
|
238
|
+
"textInverse": {
|
|
239
|
+
"value": "#edfcf0",
|
|
142
240
|
"type": "color"
|
|
143
241
|
}
|
|
144
242
|
},
|
|
@@ -154,47 +252,43 @@
|
|
|
154
252
|
"type": "color"
|
|
155
253
|
},
|
|
156
254
|
"100": {
|
|
157
|
-
"value": "#
|
|
255
|
+
"value": "#f2f0f0",
|
|
158
256
|
"type": "color"
|
|
159
257
|
},
|
|
160
258
|
"150": {
|
|
161
|
-
"value": "#
|
|
259
|
+
"value": "#e9e9e9",
|
|
162
260
|
"type": "color"
|
|
163
261
|
},
|
|
164
262
|
"200": {
|
|
165
|
-
"value": "#
|
|
263
|
+
"value": "#cdcdcd",
|
|
166
264
|
"type": "color"
|
|
167
265
|
},
|
|
168
266
|
"300": {
|
|
169
|
-
"value": "#
|
|
267
|
+
"value": "#b1b1b1",
|
|
170
268
|
"type": "color"
|
|
171
269
|
},
|
|
172
270
|
"400": {
|
|
173
|
-
"value": "#
|
|
271
|
+
"value": "#9f9f9f",
|
|
174
272
|
"type": "color"
|
|
175
273
|
},
|
|
176
274
|
"500": {
|
|
177
|
-
"value": "#
|
|
275
|
+
"value": "#808080",
|
|
178
276
|
"type": "color"
|
|
179
277
|
},
|
|
180
278
|
"600": {
|
|
181
|
-
"value": "#
|
|
279
|
+
"value": "#6f6f6f",
|
|
182
280
|
"type": "color"
|
|
183
281
|
},
|
|
184
282
|
"700": {
|
|
185
|
-
"value": "#
|
|
283
|
+
"value": "#4d4d4d",
|
|
186
284
|
"type": "color"
|
|
187
285
|
},
|
|
188
286
|
"800": {
|
|
189
|
-
"value": "#
|
|
190
|
-
"type": "color"
|
|
191
|
-
},
|
|
192
|
-
"900": {
|
|
193
|
-
"value": "#474747",
|
|
287
|
+
"value": "#353535",
|
|
194
288
|
"type": "color"
|
|
195
289
|
},
|
|
196
290
|
"black": {
|
|
197
|
-
"value": "#
|
|
291
|
+
"value": "#000000",
|
|
198
292
|
"type": "color"
|
|
199
293
|
},
|
|
200
294
|
"white": {
|
|
@@ -203,71 +297,113 @@
|
|
|
203
297
|
}
|
|
204
298
|
},
|
|
205
299
|
"extended": {
|
|
206
|
-
"
|
|
207
|
-
"
|
|
208
|
-
"value": "#
|
|
300
|
+
"sky": {
|
|
301
|
+
"default": {
|
|
302
|
+
"value": "#90ebe7",
|
|
209
303
|
"type": "color"
|
|
210
304
|
},
|
|
211
|
-
"
|
|
212
|
-
"value": "#
|
|
305
|
+
"light": {
|
|
306
|
+
"value": "#e2f9f8",
|
|
213
307
|
"type": "color"
|
|
214
308
|
},
|
|
215
|
-
"
|
|
216
|
-
"value": "#
|
|
309
|
+
"border": {
|
|
310
|
+
"value": "#bff0ee",
|
|
217
311
|
"type": "color"
|
|
218
312
|
},
|
|
219
|
-
"
|
|
220
|
-
"value": "#
|
|
313
|
+
"text": {
|
|
314
|
+
"value": "#093937",
|
|
221
315
|
"type": "color"
|
|
222
|
-
}
|
|
223
|
-
|
|
224
|
-
|
|
316
|
+
}
|
|
317
|
+
},
|
|
318
|
+
"pasture": {
|
|
319
|
+
"default": {
|
|
320
|
+
"value": "#afe274",
|
|
225
321
|
"type": "color"
|
|
226
322
|
},
|
|
227
|
-
"
|
|
228
|
-
"value": "#
|
|
323
|
+
"light": {
|
|
324
|
+
"value": "#f0f59b",
|
|
229
325
|
"type": "color"
|
|
230
326
|
},
|
|
231
|
-
"
|
|
232
|
-
"value": "#
|
|
327
|
+
"border": {
|
|
328
|
+
"value": "#dee563",
|
|
233
329
|
"type": "color"
|
|
234
330
|
},
|
|
235
|
-
"
|
|
236
|
-
"value": "#
|
|
331
|
+
"text": {
|
|
332
|
+
"value": "#174c38",
|
|
237
333
|
"type": "color"
|
|
238
334
|
}
|
|
239
335
|
},
|
|
240
|
-
"
|
|
241
|
-
"
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
"
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
"
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
"
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
"value": "#ff8fc5",
|
|
258
|
-
"type": "color"
|
|
336
|
+
"sunset": {
|
|
337
|
+
"default": {
|
|
338
|
+
"value": "#f7ac71",
|
|
339
|
+
"type": "color"
|
|
340
|
+
},
|
|
341
|
+
"light": {
|
|
342
|
+
"value": "#fcefd5",
|
|
343
|
+
"type": "color"
|
|
344
|
+
},
|
|
345
|
+
"border": {
|
|
346
|
+
"value": "#f5ddad",
|
|
347
|
+
"type": "color"
|
|
348
|
+
},
|
|
349
|
+
"text": {
|
|
350
|
+
"value": "#7a141a",
|
|
351
|
+
"type": "color"
|
|
352
|
+
}
|
|
259
353
|
},
|
|
260
|
-
"
|
|
261
|
-
"
|
|
262
|
-
|
|
354
|
+
"dawn": {
|
|
355
|
+
"default": {
|
|
356
|
+
"value": "#ff9ac1",
|
|
357
|
+
"type": "color"
|
|
358
|
+
},
|
|
359
|
+
"light": {
|
|
360
|
+
"value": "#f4cde4",
|
|
361
|
+
"type": "color"
|
|
362
|
+
},
|
|
363
|
+
"border": {
|
|
364
|
+
"value": "#e9b8d5",
|
|
365
|
+
"type": "color"
|
|
366
|
+
},
|
|
367
|
+
"text": {
|
|
368
|
+
"value": "#310c46",
|
|
369
|
+
"type": "color"
|
|
370
|
+
}
|
|
263
371
|
},
|
|
264
|
-
"
|
|
265
|
-
"
|
|
266
|
-
|
|
372
|
+
"lilac": {
|
|
373
|
+
"default": {
|
|
374
|
+
"value": "#d4c2ff",
|
|
375
|
+
"type": "color"
|
|
376
|
+
},
|
|
377
|
+
"light": {
|
|
378
|
+
"value": "#efe2fb",
|
|
379
|
+
"type": "color"
|
|
380
|
+
},
|
|
381
|
+
"border": {
|
|
382
|
+
"value": "#e2d2fd",
|
|
383
|
+
"type": "color"
|
|
384
|
+
},
|
|
385
|
+
"text": {
|
|
386
|
+
"value": "#151d83",
|
|
387
|
+
"type": "color"
|
|
388
|
+
}
|
|
267
389
|
},
|
|
268
|
-
"
|
|
269
|
-
"
|
|
270
|
-
|
|
390
|
+
"prairie": {
|
|
391
|
+
"default": {
|
|
392
|
+
"value": "#ffda77",
|
|
393
|
+
"type": "color"
|
|
394
|
+
},
|
|
395
|
+
"light": {
|
|
396
|
+
"value": "#fff2c8",
|
|
397
|
+
"type": "color"
|
|
398
|
+
},
|
|
399
|
+
"border": {
|
|
400
|
+
"value": "#ecd386",
|
|
401
|
+
"type": "color"
|
|
402
|
+
},
|
|
403
|
+
"text": {
|
|
404
|
+
"value": "#47372a",
|
|
405
|
+
"type": "color"
|
|
406
|
+
}
|
|
271
407
|
}
|
|
272
408
|
}
|
|
273
409
|
},
|
|
@@ -290,35 +426,45 @@
|
|
|
290
426
|
"value": "0",
|
|
291
427
|
"type": "borderRadius"
|
|
292
428
|
},
|
|
293
|
-
"
|
|
294
|
-
"value": "0.125rem",
|
|
295
|
-
"type": "borderRadius",
|
|
296
|
-
"description": "2px"
|
|
297
|
-
},
|
|
298
|
-
"m": {
|
|
429
|
+
"xs": {
|
|
299
430
|
"value": "0.25rem",
|
|
300
431
|
"type": "borderRadius",
|
|
301
432
|
"description": "4px"
|
|
302
433
|
},
|
|
303
|
-
"
|
|
434
|
+
"s": {
|
|
304
435
|
"value": "0.375rem",
|
|
305
436
|
"type": "borderRadius",
|
|
306
437
|
"description": "6px"
|
|
307
438
|
},
|
|
308
|
-
"
|
|
439
|
+
"m": {
|
|
309
440
|
"value": "0.5rem",
|
|
310
441
|
"type": "borderRadius",
|
|
311
442
|
"description": "8px"
|
|
312
443
|
},
|
|
313
|
-
"
|
|
444
|
+
"l": {
|
|
314
445
|
"value": "0.625rem",
|
|
315
446
|
"type": "borderRadius",
|
|
316
447
|
"description": "10px"
|
|
317
448
|
},
|
|
318
|
-
"
|
|
449
|
+
"xl": {
|
|
319
450
|
"value": "0.75rem",
|
|
320
451
|
"type": "borderRadius",
|
|
321
452
|
"description": "12px"
|
|
453
|
+
},
|
|
454
|
+
"2xl": {
|
|
455
|
+
"value": "1rem",
|
|
456
|
+
"type": "borderRadius",
|
|
457
|
+
"description": "16px"
|
|
458
|
+
},
|
|
459
|
+
"3xl": {
|
|
460
|
+
"value": "1.5rem",
|
|
461
|
+
"type": "borderRadius",
|
|
462
|
+
"description": "24px"
|
|
463
|
+
},
|
|
464
|
+
"round": {
|
|
465
|
+
"value": "64rem",
|
|
466
|
+
"type": "borderRadius",
|
|
467
|
+
"description": "1024px"
|
|
322
468
|
}
|
|
323
469
|
},
|
|
324
470
|
"borderWidth": {
|
|
@@ -339,15 +485,15 @@
|
|
|
339
485
|
"type": "borderWidth"
|
|
340
486
|
},
|
|
341
487
|
"m": {
|
|
342
|
-
"value": "
|
|
488
|
+
"value": "1.5px",
|
|
343
489
|
"type": "borderWidth"
|
|
344
490
|
},
|
|
345
491
|
"l": {
|
|
346
|
-
"value": "
|
|
492
|
+
"value": "2px",
|
|
347
493
|
"type": "borderWidth"
|
|
348
494
|
},
|
|
349
495
|
"xl": {
|
|
350
|
-
"value": "
|
|
496
|
+
"value": "3px",
|
|
351
497
|
"type": "borderWidth"
|
|
352
498
|
}
|
|
353
499
|
},
|
|
@@ -444,11 +590,16 @@
|
|
|
444
590
|
"type": "sizing",
|
|
445
591
|
"description": "40px"
|
|
446
592
|
},
|
|
447
|
-
"
|
|
593
|
+
"xs": {
|
|
448
594
|
"value": "1rem",
|
|
449
595
|
"type": "sizing",
|
|
450
596
|
"description": "16px"
|
|
451
597
|
},
|
|
598
|
+
"s": {
|
|
599
|
+
"value": "1.125rem",
|
|
600
|
+
"type": "sizing",
|
|
601
|
+
"description": "18px"
|
|
602
|
+
},
|
|
452
603
|
"m": {
|
|
453
604
|
"value": "1.25rem",
|
|
454
605
|
"type": "sizing",
|
|
@@ -458,6 +609,11 @@
|
|
|
458
609
|
"value": "1.5rem",
|
|
459
610
|
"type": "sizing",
|
|
460
611
|
"description": "24px"
|
|
612
|
+
},
|
|
613
|
+
"xl": {
|
|
614
|
+
"value": "2rem",
|
|
615
|
+
"type": "sizing",
|
|
616
|
+
"description": "32px"
|
|
461
617
|
}
|
|
462
618
|
},
|
|
463
619
|
"shadow": {
|
|
@@ -467,7 +623,7 @@
|
|
|
467
623
|
"y": "1",
|
|
468
624
|
"blur": "0",
|
|
469
625
|
"spread": "0",
|
|
470
|
-
"color": "#
|
|
626
|
+
"color": "#1a1a1a12",
|
|
471
627
|
"type": "dropShadow"
|
|
472
628
|
},
|
|
473
629
|
"type": "boxShadow"
|
|
@@ -522,7 +678,7 @@
|
|
|
522
678
|
"y": "12",
|
|
523
679
|
"blur": "20",
|
|
524
680
|
"spread": "-8",
|
|
525
|
-
"color": "#
|
|
681
|
+
"color": "#1a1a1a3d",
|
|
526
682
|
"type": "dropShadow"
|
|
527
683
|
},
|
|
528
684
|
"type": "boxShadow"
|
|
@@ -539,16 +695,29 @@
|
|
|
539
695
|
"type": "boxShadow"
|
|
540
696
|
},
|
|
541
697
|
"modal": {
|
|
542
|
-
"value":
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
698
|
+
"value": "0px 0px 4px 0px rgba(0,0,0,0.1), 0px 8px 40px 0px rgba(0,0,0,0.2)",
|
|
699
|
+
"type": "other",
|
|
700
|
+
"description": "Layered shadow with deep elevation"
|
|
701
|
+
},
|
|
702
|
+
"raised-light": {
|
|
703
|
+
"value": "0px 12px 16px -4px rgba(16,29,40,0.08), 0px 4px 6px -2px rgba(16,29,40,0.03)",
|
|
704
|
+
"type": "other",
|
|
705
|
+
"description": "Subtle layered shadow with light elevation"
|
|
706
|
+
},
|
|
707
|
+
"raised-heavy": {
|
|
708
|
+
"value": "0px 0px 1px 0px rgba(0,0,0,0.2), 0px 16px 32px -20px rgba(0,0,0,0.22)",
|
|
709
|
+
"type": "other",
|
|
710
|
+
"description": "Layered shadow with pronounced elevation"
|
|
711
|
+
},
|
|
712
|
+
"shallow-above": {
|
|
713
|
+
"value": "0px -2px 16px 0px rgba(0,0,0,0.1)",
|
|
714
|
+
"type": "other",
|
|
715
|
+
"description": "Upward shadow with negative vertical offset"
|
|
716
|
+
},
|
|
717
|
+
"shallow-below": {
|
|
718
|
+
"value": "0px 1px 8px 0px rgba(0,0,0,0.07)",
|
|
719
|
+
"type": "other",
|
|
720
|
+
"description": "Downward shadow with positive vertical offset"
|
|
552
721
|
}
|
|
553
722
|
},
|
|
554
723
|
"lineHeight": {
|
|
@@ -558,31 +727,36 @@
|
|
|
558
727
|
"description": "20px"
|
|
559
728
|
},
|
|
560
729
|
"2": {
|
|
730
|
+
"value": "1.375rem",
|
|
731
|
+
"type": "lineHeights",
|
|
732
|
+
"description": "22px"
|
|
733
|
+
},
|
|
734
|
+
"3": {
|
|
561
735
|
"value": "1.5rem",
|
|
562
736
|
"type": "lineHeights",
|
|
563
737
|
"description": "24px"
|
|
564
738
|
},
|
|
565
|
-
"
|
|
739
|
+
"4": {
|
|
566
740
|
"value": "1.75rem",
|
|
567
741
|
"type": "lineHeights",
|
|
568
742
|
"description": "28px"
|
|
569
743
|
},
|
|
570
|
-
"
|
|
571
|
-
"value": "
|
|
744
|
+
"5": {
|
|
745
|
+
"value": "2.25rem",
|
|
572
746
|
"type": "lineHeights",
|
|
573
|
-
"description": "
|
|
747
|
+
"description": "36px"
|
|
574
748
|
},
|
|
575
|
-
"
|
|
749
|
+
"6": {
|
|
576
750
|
"value": "2.5rem",
|
|
577
751
|
"type": "lineHeights",
|
|
578
752
|
"description": "40px"
|
|
579
753
|
},
|
|
580
|
-
"
|
|
581
|
-
"value": "
|
|
754
|
+
"7": {
|
|
755
|
+
"value": "3rem",
|
|
582
756
|
"type": "lineHeights",
|
|
583
|
-
"description": "
|
|
757
|
+
"description": "48px"
|
|
584
758
|
},
|
|
585
|
-
"
|
|
759
|
+
"8": {
|
|
586
760
|
"value": "3.5rem",
|
|
587
761
|
"type": "lineHeights",
|
|
588
762
|
"description": "56px"
|
|
@@ -595,9 +769,9 @@
|
|
|
595
769
|
},
|
|
596
770
|
"fontFamily": {
|
|
597
771
|
"sans": {
|
|
598
|
-
"value": "acumin-
|
|
772
|
+
"value": "acumin-variable, helvetica-neue, arial, sans-serif",
|
|
599
773
|
"type": "fontFamilies",
|
|
600
|
-
"description": "
|
|
774
|
+
"description": "Default sans font family and fallback fonts when unavailable"
|
|
601
775
|
},
|
|
602
776
|
"number": {
|
|
603
777
|
"value": "roboto-mono, monospace",
|
|
@@ -605,6 +779,17 @@
|
|
|
605
779
|
"description": "monospace typeface for numbers and fallback fonts when unavailable"
|
|
606
780
|
}
|
|
607
781
|
},
|
|
782
|
+
"fontVariationSettings": {
|
|
783
|
+
"sans": {
|
|
784
|
+
"value": {
|
|
785
|
+
"'wght'": "194.2857",
|
|
786
|
+
"'wdth'": "100",
|
|
787
|
+
"'slnt'": "0"
|
|
788
|
+
},
|
|
789
|
+
"type": "fontVariationSettings",
|
|
790
|
+
"description": "Default font variation settings for sans font family"
|
|
791
|
+
}
|
|
792
|
+
},
|
|
608
793
|
"fontSize": {
|
|
609
794
|
"1": {
|
|
610
795
|
"value": "0.75rem",
|
|
@@ -632,14 +817,14 @@
|
|
|
632
817
|
"description": "20px"
|
|
633
818
|
},
|
|
634
819
|
"6": {
|
|
635
|
-
"value": "1.
|
|
820
|
+
"value": "1.5rem",
|
|
636
821
|
"type": "fontSizes",
|
|
637
|
-
"description": "
|
|
822
|
+
"description": "24px"
|
|
638
823
|
},
|
|
639
824
|
"7": {
|
|
640
|
-
"value": "1.
|
|
825
|
+
"value": "1.75rem",
|
|
641
826
|
"type": "fontSizes",
|
|
642
|
-
"description": "
|
|
827
|
+
"description": "28px"
|
|
643
828
|
},
|
|
644
829
|
"8": {
|
|
645
830
|
"value": "2rem",
|
|
@@ -647,14 +832,19 @@
|
|
|
647
832
|
"description": "32px"
|
|
648
833
|
},
|
|
649
834
|
"9": {
|
|
650
|
-
"value": "2.
|
|
835
|
+
"value": "2.5rem",
|
|
651
836
|
"type": "fontSizes",
|
|
652
|
-
"description": "
|
|
837
|
+
"description": "40px"
|
|
653
838
|
},
|
|
654
839
|
"10": {
|
|
655
840
|
"value": "3rem",
|
|
656
841
|
"type": "fontSizes",
|
|
657
842
|
"description": "48px"
|
|
843
|
+
},
|
|
844
|
+
"05": {
|
|
845
|
+
"value": "1.125rem",
|
|
846
|
+
"type": "fontSizes",
|
|
847
|
+
"description": "18px"
|
|
658
848
|
}
|
|
659
849
|
},
|
|
660
850
|
"fontWeight": {
|
|
@@ -666,55 +856,152 @@
|
|
|
666
856
|
"value": "500",
|
|
667
857
|
"type": "fontWeights"
|
|
668
858
|
},
|
|
859
|
+
"semiBold": {
|
|
860
|
+
"value": "600",
|
|
861
|
+
"type": "fontWeights"
|
|
862
|
+
},
|
|
669
863
|
"bold": {
|
|
670
864
|
"value": "700",
|
|
671
865
|
"type": "fontWeights"
|
|
672
866
|
}
|
|
673
867
|
},
|
|
868
|
+
"letterSpacing": {
|
|
869
|
+
"3xs": {
|
|
870
|
+
"value": "-0.5",
|
|
871
|
+
"type": "letterSpacing"
|
|
872
|
+
},
|
|
873
|
+
"2xs": {
|
|
874
|
+
"value": "-0.5",
|
|
875
|
+
"type": "letterSpacing"
|
|
876
|
+
},
|
|
877
|
+
"xs": {
|
|
878
|
+
"value": "-0.75",
|
|
879
|
+
"type": "letterSpacing"
|
|
880
|
+
},
|
|
881
|
+
"s": {
|
|
882
|
+
"value": "-0.75",
|
|
883
|
+
"type": "letterSpacing"
|
|
884
|
+
},
|
|
885
|
+
"m": {
|
|
886
|
+
"value": "-1",
|
|
887
|
+
"type": "letterSpacing"
|
|
888
|
+
},
|
|
889
|
+
"l": {
|
|
890
|
+
"value": "-1.25",
|
|
891
|
+
"type": "letterSpacing"
|
|
892
|
+
},
|
|
893
|
+
"xl": {
|
|
894
|
+
"value": "-1.5",
|
|
895
|
+
"type": "letterSpacing"
|
|
896
|
+
},
|
|
897
|
+
"2xl": {
|
|
898
|
+
"value": "-1.5",
|
|
899
|
+
"type": "letterSpacing"
|
|
900
|
+
},
|
|
901
|
+
"mobile": {
|
|
902
|
+
"3xs": {
|
|
903
|
+
"value": "-0.5",
|
|
904
|
+
"type": "letterSpacing"
|
|
905
|
+
},
|
|
906
|
+
"2xs": {
|
|
907
|
+
"value": "-0.5",
|
|
908
|
+
"type": "letterSpacing"
|
|
909
|
+
},
|
|
910
|
+
"xs": {
|
|
911
|
+
"value": "-0.75",
|
|
912
|
+
"type": "letterSpacing"
|
|
913
|
+
},
|
|
914
|
+
"s": {
|
|
915
|
+
"value": "-0.75",
|
|
916
|
+
"type": "letterSpacing"
|
|
917
|
+
},
|
|
918
|
+
"m": {
|
|
919
|
+
"value": "-1",
|
|
920
|
+
"type": "letterSpacing"
|
|
921
|
+
},
|
|
922
|
+
"l": {
|
|
923
|
+
"value": "-1.25",
|
|
924
|
+
"type": "letterSpacing"
|
|
925
|
+
},
|
|
926
|
+
"xl": {
|
|
927
|
+
"value": "-1.5",
|
|
928
|
+
"type": "letterSpacing"
|
|
929
|
+
},
|
|
930
|
+
"2xl": {
|
|
931
|
+
"value": "-1.5",
|
|
932
|
+
"type": "letterSpacing"
|
|
933
|
+
}
|
|
934
|
+
}
|
|
935
|
+
},
|
|
674
936
|
"typography": {
|
|
675
937
|
"heading": {
|
|
676
|
-
"
|
|
938
|
+
"2xs": {
|
|
677
939
|
"value": {
|
|
678
940
|
"fontFamily": "{fontFamily.sans}",
|
|
679
|
-
"fontWeight": "{fontWeight.
|
|
941
|
+
"fontWeight": "{fontWeight.semiBold}",
|
|
680
942
|
"fontSize": "{fontSize.3}",
|
|
681
|
-
"lineHeight": "{lineHeight.2}"
|
|
943
|
+
"lineHeight": "{lineHeight.2}",
|
|
944
|
+
"letterSpacing": "{letterSpacing.2xs}"
|
|
945
|
+
},
|
|
946
|
+
"type": "typography"
|
|
947
|
+
},
|
|
948
|
+
"xs": {
|
|
949
|
+
"value": {
|
|
950
|
+
"fontFamily": "{fontFamily.sans}",
|
|
951
|
+
"fontWeight": "{fontWeight.semiBold}",
|
|
952
|
+
"fontSize": "{fontSize.5}",
|
|
953
|
+
"lineHeight": "{lineHeight.3}",
|
|
954
|
+
"letterSpacing": "{letterSpacing.xs}"
|
|
682
955
|
},
|
|
683
956
|
"type": "typography"
|
|
684
957
|
},
|
|
685
958
|
"s": {
|
|
686
959
|
"value": {
|
|
687
960
|
"fontFamily": "{fontFamily.sans}",
|
|
688
|
-
"fontWeight": "{fontWeight.
|
|
689
|
-
"fontSize": "{fontSize.
|
|
690
|
-
"lineHeight": "{lineHeight.
|
|
961
|
+
"fontWeight": "{fontWeight.semiBold}",
|
|
962
|
+
"fontSize": "{fontSize.6}",
|
|
963
|
+
"lineHeight": "{lineHeight.4}",
|
|
964
|
+
"letterSpacing": "{letterSpacing.s}"
|
|
691
965
|
},
|
|
692
966
|
"type": "typography"
|
|
693
967
|
},
|
|
694
968
|
"m": {
|
|
695
969
|
"value": {
|
|
696
970
|
"fontFamily": "{fontFamily.sans}",
|
|
697
|
-
"fontWeight": "{fontWeight.
|
|
971
|
+
"fontWeight": "{fontWeight.bold}",
|
|
698
972
|
"fontSize": "{fontSize.7}",
|
|
699
|
-
"lineHeight": "{lineHeight.
|
|
973
|
+
"lineHeight": "{lineHeight.5}",
|
|
974
|
+
"letterSpacing": "{letterSpacing.m}"
|
|
700
975
|
},
|
|
701
976
|
"type": "typography"
|
|
702
977
|
},
|
|
703
978
|
"l": {
|
|
704
979
|
"value": {
|
|
705
980
|
"fontFamily": "{fontFamily.sans}",
|
|
706
|
-
"fontWeight": "{fontWeight.
|
|
707
|
-
"fontSize": "{fontSize.
|
|
708
|
-
"lineHeight": "{lineHeight.6}"
|
|
981
|
+
"fontWeight": "{fontWeight.bold}",
|
|
982
|
+
"fontSize": "{fontSize.8}",
|
|
983
|
+
"lineHeight": "{lineHeight.6}",
|
|
984
|
+
"letterSpacing": "{letterSpacing.l}"
|
|
709
985
|
},
|
|
710
986
|
"type": "typography"
|
|
711
987
|
},
|
|
712
988
|
"xl": {
|
|
989
|
+
"value": {
|
|
990
|
+
"fontFamily": "{fontFamily.sans}",
|
|
991
|
+
"fontWeight": "{fontWeight.bold}",
|
|
992
|
+
"fontSize": "{fontSize.9}",
|
|
993
|
+
"lineHeight": "{lineHeight.7}",
|
|
994
|
+
"letterSpacing": "{letterSpacing.xl}"
|
|
995
|
+
},
|
|
996
|
+
"type": "typography"
|
|
997
|
+
},
|
|
998
|
+
"2xl": {
|
|
713
999
|
"value": {
|
|
714
1000
|
"fontFamily": "{fontFamily.sans}",
|
|
715
1001
|
"fontWeight": "{fontWeight.bold}",
|
|
716
1002
|
"fontSize": "{fontSize.10}",
|
|
717
|
-
"lineHeight": "{lineHeight.
|
|
1003
|
+
"lineHeight": "{lineHeight.8}",
|
|
1004
|
+
"letterSpacing": "{letterSpacing.2xl}"
|
|
718
1005
|
},
|
|
719
1006
|
"type": "typography"
|
|
720
1007
|
}
|
|
@@ -751,8 +1038,8 @@
|
|
|
751
1038
|
"value": {
|
|
752
1039
|
"fontFamily": "{fontFamily.sans}",
|
|
753
1040
|
"fontWeight": "{fontWeight.regular}",
|
|
754
|
-
"
|
|
755
|
-
"
|
|
1041
|
+
"fontSize": "{fontSize.6}",
|
|
1042
|
+
"lineHeight": "{lineHeight.5}"
|
|
756
1043
|
},
|
|
757
1044
|
"type": "typography"
|
|
758
1045
|
}
|
|
@@ -788,48 +1075,73 @@
|
|
|
788
1075
|
},
|
|
789
1076
|
"mobile": {
|
|
790
1077
|
"heading": {
|
|
791
|
-
"
|
|
1078
|
+
"2xs": {
|
|
792
1079
|
"value": {
|
|
793
1080
|
"fontFamily": "{fontFamily.sans}",
|
|
794
|
-
"fontWeight": "{fontWeight.
|
|
1081
|
+
"fontWeight": "{fontWeight.semiBold}",
|
|
795
1082
|
"fontSize": "{fontSize.3}",
|
|
796
|
-
"lineHeight": "{lineHeight.2}"
|
|
1083
|
+
"lineHeight": "{lineHeight.2}",
|
|
1084
|
+
"letterSpacing": "{letterSpacing.mobile.2xs}"
|
|
1085
|
+
},
|
|
1086
|
+
"type": "typography"
|
|
1087
|
+
},
|
|
1088
|
+
"xs": {
|
|
1089
|
+
"value": {
|
|
1090
|
+
"fontFamily": "{fontFamily.sans}",
|
|
1091
|
+
"fontWeight": "{fontWeight.semiBold}",
|
|
1092
|
+
"fontSize": "{fontSize.5}",
|
|
1093
|
+
"lineHeight": "{lineHeight.3}",
|
|
1094
|
+
"letterSpacing": "{letterSpacing.mobile.xs}"
|
|
797
1095
|
},
|
|
798
1096
|
"type": "typography"
|
|
799
1097
|
},
|
|
800
1098
|
"s": {
|
|
801
1099
|
"value": {
|
|
802
1100
|
"fontFamily": "{fontFamily.sans}",
|
|
803
|
-
"fontWeight": "{fontWeight.
|
|
804
|
-
"fontSize": "{fontSize.
|
|
805
|
-
"lineHeight": "{lineHeight.
|
|
1101
|
+
"fontWeight": "{fontWeight.semiBold}",
|
|
1102
|
+
"fontSize": "{fontSize.6}",
|
|
1103
|
+
"lineHeight": "{lineHeight.4}",
|
|
1104
|
+
"letterSpacing": "{letterSpacing.mobile.s}"
|
|
806
1105
|
},
|
|
807
1106
|
"type": "typography"
|
|
808
1107
|
},
|
|
809
1108
|
"m": {
|
|
810
1109
|
"value": {
|
|
811
1110
|
"fontFamily": "{fontFamily.sans}",
|
|
812
|
-
"fontWeight": "{fontWeight.
|
|
1111
|
+
"fontWeight": "{fontWeight.bold}",
|
|
813
1112
|
"fontSize": "{fontSize.7}",
|
|
814
|
-
"lineHeight": "{lineHeight.
|
|
1113
|
+
"lineHeight": "{lineHeight.5}",
|
|
1114
|
+
"letterSpacing": "{letterSpacing.mobile.m}"
|
|
815
1115
|
},
|
|
816
1116
|
"type": "typography"
|
|
817
1117
|
},
|
|
818
1118
|
"l": {
|
|
819
1119
|
"value": {
|
|
820
1120
|
"fontFamily": "{fontFamily.sans}",
|
|
821
|
-
"fontWeight": "{fontWeight.
|
|
1121
|
+
"fontWeight": "{fontWeight.bold}",
|
|
822
1122
|
"fontSize": "{fontSize.8}",
|
|
823
|
-
"lineHeight": "{lineHeight.
|
|
1123
|
+
"lineHeight": "{lineHeight.6}",
|
|
1124
|
+
"letterSpacing": "{letterSpacing.mobile.l}"
|
|
824
1125
|
},
|
|
825
1126
|
"type": "typography"
|
|
826
1127
|
},
|
|
827
1128
|
"xl": {
|
|
1129
|
+
"value": {
|
|
1130
|
+
"fontFamily": "{fontFamily.sans}",
|
|
1131
|
+
"fontWeight": "{fontWeight.bold}",
|
|
1132
|
+
"fontSize": "{fontSize.8}",
|
|
1133
|
+
"lineHeight": "{lineHeight.6}",
|
|
1134
|
+
"letterSpacing": "{letterSpacing.mobile.xl}"
|
|
1135
|
+
},
|
|
1136
|
+
"type": "typography"
|
|
1137
|
+
},
|
|
1138
|
+
"2xl": {
|
|
828
1139
|
"value": {
|
|
829
1140
|
"fontFamily": "{fontFamily.sans}",
|
|
830
1141
|
"fontWeight": "{fontWeight.bold}",
|
|
831
1142
|
"fontSize": "{fontSize.9}",
|
|
832
|
-
"lineHeight": "{lineHeight.
|
|
1143
|
+
"lineHeight": "{lineHeight.7}",
|
|
1144
|
+
"letterSpacing": "{letterSpacing.mobile.2xl}"
|
|
833
1145
|
},
|
|
834
1146
|
"type": "typography"
|
|
835
1147
|
}
|
|
@@ -866,8 +1178,8 @@
|
|
|
866
1178
|
"value": {
|
|
867
1179
|
"fontFamily": "{fontFamily.sans}",
|
|
868
1180
|
"fontWeight": "{fontWeight.regular}",
|
|
869
|
-
"
|
|
870
|
-
"
|
|
1181
|
+
"fontSize": "{fontSize.7}",
|
|
1182
|
+
"lineHeight": "{lineHeight.5}"
|
|
871
1183
|
},
|
|
872
1184
|
"type": "typography"
|
|
873
1185
|
}
|
|
@@ -903,6 +1215,120 @@
|
|
|
903
1215
|
}
|
|
904
1216
|
}
|
|
905
1217
|
},
|
|
1218
|
+
"input": {
|
|
1219
|
+
"color": {
|
|
1220
|
+
"text": {
|
|
1221
|
+
"default": {
|
|
1222
|
+
"value": "{color.text.default}",
|
|
1223
|
+
"type": "color"
|
|
1224
|
+
},
|
|
1225
|
+
"secondary": {
|
|
1226
|
+
"value": "{color.greyscale.800}",
|
|
1227
|
+
"type": "color"
|
|
1228
|
+
},
|
|
1229
|
+
"helper": {
|
|
1230
|
+
"value": "{color.greyscale.800}",
|
|
1231
|
+
"type": "color"
|
|
1232
|
+
},
|
|
1233
|
+
"error": {
|
|
1234
|
+
"value": "{color.emergency.dark}",
|
|
1235
|
+
"type": "color"
|
|
1236
|
+
},
|
|
1237
|
+
"disabled": {
|
|
1238
|
+
"value": "{color.greyscale.500}",
|
|
1239
|
+
"type": "color"
|
|
1240
|
+
},
|
|
1241
|
+
"placeholder": {
|
|
1242
|
+
"value": "{color.greyscale.400}",
|
|
1243
|
+
"type": "color"
|
|
1244
|
+
}
|
|
1245
|
+
},
|
|
1246
|
+
"border": {
|
|
1247
|
+
"default": {
|
|
1248
|
+
"value": "{color.greyscale.500}",
|
|
1249
|
+
"type": "color"
|
|
1250
|
+
},
|
|
1251
|
+
"default-light": {
|
|
1252
|
+
"value": "{color.greyscale.200}",
|
|
1253
|
+
"type": "color"
|
|
1254
|
+
},
|
|
1255
|
+
"hover": {
|
|
1256
|
+
"value": "{color.greyscale.black}",
|
|
1257
|
+
"type": "color"
|
|
1258
|
+
},
|
|
1259
|
+
"focus": {
|
|
1260
|
+
"value": "{color.interactive.default}",
|
|
1261
|
+
"type": "color"
|
|
1262
|
+
},
|
|
1263
|
+
"disabled": {
|
|
1264
|
+
"value": "{color.greyscale.300}",
|
|
1265
|
+
"type": "color"
|
|
1266
|
+
},
|
|
1267
|
+
"error": {
|
|
1268
|
+
"value": "{color.interactive.error}",
|
|
1269
|
+
"type": "color"
|
|
1270
|
+
},
|
|
1271
|
+
"error-hover": {
|
|
1272
|
+
"value": "{color.interactive.error-hover}",
|
|
1273
|
+
"type": "color"
|
|
1274
|
+
},
|
|
1275
|
+
"readonly": {
|
|
1276
|
+
"value": "#e1dedd",
|
|
1277
|
+
"type": "color"
|
|
1278
|
+
}
|
|
1279
|
+
},
|
|
1280
|
+
"background": {
|
|
1281
|
+
"default": {
|
|
1282
|
+
"value": "{color.greyscale.white}",
|
|
1283
|
+
"type": "color"
|
|
1284
|
+
},
|
|
1285
|
+
"disabled": {
|
|
1286
|
+
"value": "{color.greyscale.150}",
|
|
1287
|
+
"type": "color"
|
|
1288
|
+
},
|
|
1289
|
+
"error": {
|
|
1290
|
+
"value": "{color.emergency.light}",
|
|
1291
|
+
"type": "color"
|
|
1292
|
+
},
|
|
1293
|
+
"error-hover": {
|
|
1294
|
+
"value": "#f4c8c5",
|
|
1295
|
+
"type": "color"
|
|
1296
|
+
},
|
|
1297
|
+
"readonly": {
|
|
1298
|
+
"value": "{color.greyscale.100}",
|
|
1299
|
+
"type": "color"
|
|
1300
|
+
},
|
|
1301
|
+
"readonly-content": {
|
|
1302
|
+
"value": "{color.greyscale.150}",
|
|
1303
|
+
"type": "color"
|
|
1304
|
+
}
|
|
1305
|
+
}
|
|
1306
|
+
},
|
|
1307
|
+
"borderWidth": {
|
|
1308
|
+
"default": {
|
|
1309
|
+
"value": "{borderWidth.s}",
|
|
1310
|
+
"type": "borderWidth"
|
|
1311
|
+
},
|
|
1312
|
+
"hover": {
|
|
1313
|
+
"value": "{borderWidth.m}",
|
|
1314
|
+
"type": "borderWidth"
|
|
1315
|
+
},
|
|
1316
|
+
"focus": {
|
|
1317
|
+
"value": "{borderWidth.l}",
|
|
1318
|
+
"type": "borderWidth"
|
|
1319
|
+
}
|
|
1320
|
+
},
|
|
1321
|
+
"borderRadius": {
|
|
1322
|
+
"checkbox": {
|
|
1323
|
+
"value": "{borderRadius.xs}",
|
|
1324
|
+
"type": "borderRadius"
|
|
1325
|
+
},
|
|
1326
|
+
"input": {
|
|
1327
|
+
"value": "{borderRadius.m}",
|
|
1328
|
+
"type": "borderRadius"
|
|
1329
|
+
}
|
|
1330
|
+
}
|
|
1331
|
+
},
|
|
906
1332
|
"border-none": {
|
|
907
1333
|
"value": {
|
|
908
1334
|
"color": "rgba(0,0,0,0)",
|