@adobe/spectrum-tokens 12.0.0-beta.3 → 12.0.0-beta.4

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.
@@ -1,790 +1,738 @@
1
1
  {
2
- "component": {
3
- "action-button": {
4
- "edge-to-hold-icon": {
5
- "small": {
6
- "sets": {
7
- "desktop": {
8
- "value": "3px"
9
- },
10
- "mobile": {
11
- "value": "3px"
12
- }
13
- }
14
- },
15
- "medium": {
16
- "sets": {
17
- "desktop": {
18
- "value": "4px"
19
- },
20
- "mobile": {
21
- "value": "5px"
22
- }
23
- }
24
- },
25
- "large": {
26
- "sets": {
27
- "desktop": {
28
- "value": "5px"
29
- },
30
- "mobile": {
31
- "value": "6px"
32
- }
33
- }
34
- },
35
- "extra-large": {
36
- "sets": {
37
- "desktop": {
38
- "value": "6px"
39
- },
40
- "mobile": {
41
- "value": "7px"
42
- }
43
- }
44
- }
2
+ "action-button-edge-to-hold-icon-small": {
3
+ "sets": {
4
+ "desktop": {
5
+ "value": "3px"
6
+ },
7
+ "mobile": {
8
+ "value": "3px"
45
9
  }
46
- },
47
- "button": {
48
- "minimum-width-multiplier": "2.25"
49
- },
50
- "checkbox": {
51
- "control-size": {
52
- "small": {
53
- "sets": {
54
- "spectrum": {
55
- "desktop": {
56
- "value": "12px"
57
- },
58
- "mobile": {
59
- "value": "16px"
60
- }
61
- },
62
- "express": {
63
- "desktop": {
64
- "value": "14px"
65
- },
66
- "mobile": {
67
- "value": "18px"
68
- }
69
- }
70
- }
71
- },
72
- "medium": {
73
- "sets": {
74
- "spectrum": {
75
- "desktop": {
76
- "value": "14px"
77
- },
78
- "mobile": {
79
- "value": "18px"
80
- }
81
- },
82
- "express": {
83
- "desktop": {
84
- "value": "16px"
85
- },
86
- "mobile": {
87
- "value": "20px"
88
- }
89
- }
90
- }
91
- },
92
- "large": {
93
- "sets": {
94
- "spectrum": {
95
- "desktop": {
96
- "value": "16px"
97
- },
98
- "mobile": {
99
- "value": "20px"
100
- }
101
- },
102
- "express": {
103
- "desktop": {
104
- "value": "18px"
105
- },
106
- "mobile": {
107
- "value": "22px"
108
- }
109
- }
110
- }
111
- },
112
- "extra-large": {
113
- "sets": {
114
- "spectrum": {
115
- "desktop": {
116
- "value": "18px"
117
- },
118
- "mobile": {
119
- "value": "22px"
120
- }
121
- },
122
- "express": {
123
- "desktop": {
124
- "value": "20px"
125
- },
126
- "mobile": {
127
- "value": "26px"
128
- }
129
- }
130
- }
131
- }
10
+ }
11
+ },
12
+ "action-button-edge-to-hold-icon-medium": {
13
+ "sets": {
14
+ "desktop": {
15
+ "value": "4px"
132
16
  },
133
- "top-to-control": {
134
- "small": {
135
- "sets": {
136
- "spectrum": {
137
- "desktop": {
138
- "value": "6px"
139
- },
140
- "mobile": {
141
- "value": "7px"
142
- }
143
- },
144
- "express": {
145
- "desktop": {
146
- "value": "5px"
147
- },
148
- "mobile": {
149
- "value": "6px"
150
- }
151
- }
152
- }
153
- },
154
- "medium": {
155
- "sets": {
156
- "spectrum": {
157
- "desktop": {
158
- "value": "9px"
159
- },
160
- "mobile": {
161
- "value": "11px"
162
- }
163
- },
164
- "express": {
165
- "desktop": {
166
- "value": "8px"
167
- },
168
- "mobile": {
169
- "value": "10px"
170
- }
171
- }
172
- }
173
- },
174
- "large": {
175
- "sets": {
176
- "spectrum": {
177
- "desktop": {
178
- "value": "12px"
179
- },
180
- "mobile": {
181
- "value": "15px"
182
- }
183
- },
184
- "express": {
185
- "desktop": {
186
- "value": "11px"
187
- },
188
- "mobile": {
189
- "value": "14px"
190
- }
191
- }
192
- }
193
- },
194
- "extra-large": {
195
- "sets": {
196
- "spectrum": {
197
- "desktop": {
198
- "value": "15px"
199
- },
200
- "mobile": {
201
- "value": "19px"
202
- }
203
- },
204
- "express": {
205
- "desktop": {
206
- "value": "14px"
207
- },
208
- "mobile": {
209
- "value": "17px"
210
- }
211
- }
212
- }
213
- }
17
+ "mobile": {
18
+ "value": "5px"
214
19
  }
215
- },
216
- "divider": {
217
- "thickness": {
218
- "small": {
219
- "value": "1px"
220
- },
221
- "medium": {
222
- "value": "1px"
223
- },
224
- "large": {
225
- "value": "1px"
226
- }
20
+ }
21
+ },
22
+ "action-button-edge-to-hold-icon-large": {
23
+ "sets": {
24
+ "desktop": {
25
+ "value": "5px"
26
+ },
27
+ "mobile": {
28
+ "value": "6px"
227
29
  }
228
- },
229
- "field-label": {
230
- "text-to-asterisk": {
231
- "small": {
232
- "sets": {
233
- "desktop": {
234
- "value": "4px"
235
- },
236
- "mobile": {
237
- "value": "5px"
238
- }
239
- }
240
- },
241
- "medium": {
242
- "sets": {
243
- "desktop": {
244
- "value": "4px"
245
- },
246
- "mobile": {
247
- "value": "5px"
248
- }
249
- }
250
- },
251
- "large": {
252
- "sets": {
253
- "desktop": {
254
- "value": "5px"
255
- },
256
- "mobile": {
257
- "value": "6px"
258
- }
259
- }
260
- },
261
- "extra-large": {
262
- "sets": {
263
- "desktop": {
264
- "value": "5px"
265
- },
266
- "mobile": {
267
- "value": "6px"
268
- }
269
- }
270
- }
30
+ }
31
+ },
32
+ "action-button-edge-to-hold-icon-extra-large": {
33
+ "sets": {
34
+ "desktop": {
35
+ "value": "6px"
271
36
  },
272
- "top-to-asterisk": {
273
- "small": {
274
- "sets": {
275
- "desktop": {
276
- "value": "8px"
277
- },
278
- "mobile": {
279
- "value": "11px"
280
- }
281
- }
282
- },
283
- "medium": {
284
- "sets": {
285
- "desktop": {
286
- "value": "12px"
287
- },
288
- "mobile": {
289
- "value": "15px"
290
- }
291
- }
292
- },
293
- "large": {
294
- "sets": {
295
- "desktop": {
296
- "value": "15px"
297
- },
298
- "mobile": {
299
- "value": "19px"
300
- }
301
- }
302
- },
303
- "extra-large": {
304
- "sets": {
305
- "desktop": {
306
- "value": "19px"
307
- },
308
- "mobile": {
309
- "value": "24px"
310
- }
311
- }
37
+ "mobile": {
38
+ "value": "7px"
39
+ }
40
+ }
41
+ },
42
+ "button-minimum-width-multiplier": {
43
+ "value": "2.25"
44
+ },
45
+ "checkbox-control-size-small": {
46
+ "sets": {
47
+ "spectrum": {
48
+ "desktop": {
49
+ "value": "12px"
50
+ },
51
+ "mobile": {
52
+ "value": "16px"
312
53
  }
313
54
  },
314
- "top-margin": {
315
- "small": {
316
- "sets": {
317
- "desktop": {
318
- "value": "0px"
319
- },
320
- "mobile": {
321
- "value": "0px"
322
- }
323
- }
324
- },
325
- "medium": {
326
- "sets": {
327
- "desktop": {
328
- "value": "4px"
329
- },
330
- "mobile": {
331
- "value": "5px"
332
- }
333
- }
55
+ "express": {
56
+ "desktop": {
57
+ "value": "14px"
334
58
  },
335
- "large": {
336
- "sets": {
337
- "desktop": {
338
- "value": "4px"
339
- },
340
- "mobile": {
341
- "value": "5px"
342
- }
343
- }
344
- },
345
- "extra-large": {
346
- "sets": {
347
- "desktop": {
348
- "value": "4px"
349
- },
350
- "mobile": {
351
- "value": "5px"
352
- }
353
- }
59
+ "mobile": {
60
+ "value": "18px"
354
61
  }
355
62
  }
356
- },
357
- "help-text": {
358
- "top-to-workflow-icon": {
359
- "small": {
360
- "sets": {
361
- "desktop": {
362
- "value": "4px"
363
- },
364
- "mobile": {
365
- "value": "5px"
366
- }
367
- }
368
- },
369
- "medium": {
370
- "sets": {
371
- "desktop": {
372
- "value": "7px"
373
- },
374
- "mobile": {
375
- "value": "9px"
376
- }
377
- }
378
- },
379
- "large": {
380
- "sets": {
381
- "desktop": {
382
- "value": "10px"
383
- },
384
- "mobile": {
385
- "value": "13px"
386
- }
387
- }
63
+ }
64
+ },
65
+ "checkbox-control-size-medium": {
66
+ "sets": {
67
+ "spectrum": {
68
+ "desktop": {
69
+ "value": "14px"
70
+ },
71
+ "mobile": {
72
+ "value": "18px"
73
+ }
74
+ },
75
+ "express": {
76
+ "desktop": {
77
+ "value": "16px"
388
78
  },
389
- "extra-large": {
390
- "sets": {
391
- "desktop": {
392
- "value": "13px"
393
- },
394
- "mobile": {
395
- "value": "16px"
396
- }
397
- }
79
+ "mobile": {
80
+ "value": "20px"
398
81
  }
399
82
  }
400
- },
401
- "progress-circle": {
402
- "size": {
403
- "small": {
404
- "sets": {
405
- "desktop": {
406
- "value": "16px"
407
- },
408
- "mobile": {
409
- "value": "20px"
410
- }
411
- }
412
- },
413
- "medium": {
414
- "sets": {
415
- "desktop": {
416
- "value": "32px"
417
- },
418
- "mobile": {
419
- "value": "40px"
420
- }
421
- }
422
- },
423
- "large": {
424
- "sets": {
425
- "desktop": {
426
- "value": "64px"
427
- },
428
- "mobile": {
429
- "value": "80px"
430
- }
431
- }
83
+ }
84
+ },
85
+ "checkbox-control-size-large": {
86
+ "sets": {
87
+ "spectrum": {
88
+ "desktop": {
89
+ "value": "16px"
90
+ },
91
+ "mobile": {
92
+ "value": "20px"
432
93
  }
433
94
  },
434
- "thickness": {
435
- "small": {
436
- "sets": {
437
- "desktop": {
438
- "value": "2px"
439
- },
440
- "mobile": {
441
- "value": "3px"
442
- }
443
- }
95
+ "express": {
96
+ "desktop": {
97
+ "value": "18px"
444
98
  },
445
- "medium": {
446
- "sets": {
447
- "desktop": {
448
- "value": "3px"
449
- },
450
- "mobile": {
451
- "value": "4px"
452
- }
453
- }
454
- },
455
- "large": {
456
- "sets": {
457
- "desktop": {
458
- "value": "4px"
459
- },
460
- "mobile": {
461
- "value": "5px"
462
- }
463
- }
99
+ "mobile": {
100
+ "value": "22px"
464
101
  }
465
102
  }
466
- },
467
- "radio-button": {
468
- "control-size": {
469
- "small": {
470
- "sets": {
471
- "desktop": {
472
- "value": "12px"
473
- },
474
- "mobile": {
475
- "value": "16px"
476
- }
477
- }
478
- },
479
- "medium": {
480
- "sets": {
481
- "desktop": {
482
- "value": "14px"
483
- },
484
- "mobile": {
485
- "value": "18px"
486
- }
487
- }
488
- },
489
- "large": {
490
- "sets": {
491
- "desktop": {
492
- "value": "16px"
493
- },
494
- "mobile": {
495
- "value": "20px"
496
- }
497
- }
498
- },
499
- "extra-large": {
500
- "sets": {
501
- "desktop": {
502
- "value": "18px"
503
- },
504
- "mobile": {
505
- "value": "22px"
506
- }
507
- }
103
+ }
104
+ },
105
+ "checkbox-control-size-extra-large": {
106
+ "sets": {
107
+ "spectrum": {
108
+ "desktop": {
109
+ "value": "18px"
110
+ },
111
+ "mobile": {
112
+ "value": "22px"
508
113
  }
509
114
  },
510
- "top-to-control": {
511
- "small": {
512
- "sets": {
513
- "desktop": {
514
- "value": "6px"
515
- },
516
- "mobile": {
517
- "value": "8px"
518
- }
519
- }
520
- },
521
- "medium": {
522
- "sets": {
523
- "desktop": {
524
- "value": "9px"
525
- },
526
- "mobile": {
527
- "value": "11px"
528
- }
529
- }
530
- },
531
- "large": {
532
- "sets": {
533
- "desktop": {
534
- "value": "12px"
535
- },
536
- "mobile": {
537
- "value": "15px"
538
- }
539
- }
115
+ "express": {
116
+ "desktop": {
117
+ "value": "20px"
540
118
  },
541
- "extra-large": {
542
- "sets": {
543
- "desktop": {
544
- "value": "15px"
545
- },
546
- "mobile": {
547
- "value": "20px"
548
- }
549
- }
119
+ "mobile": {
120
+ "value": "26px"
550
121
  }
551
122
  }
552
- },
553
- "status-light": {
554
- "dot-size": {
555
- "small": {
556
- "sets": {
557
- "desktop": {
558
- "value": "8px"
559
- },
560
- "mobile": {
561
- "value": "8px"
562
- }
563
- }
564
- },
565
- "medium": {
566
- "sets": {
567
- "desktop": {
568
- "value": "8px"
569
- },
570
- "mobile": {
571
- "value": "10px"
572
- }
573
- }
574
- },
575
- "large": {
576
- "sets": {
577
- "desktop": {
578
- "value": "10px"
579
- },
580
- "mobile": {
581
- "value": "12px"
582
- }
583
- }
584
- },
585
- "extra-large": {
586
- "sets": {
587
- "desktop": {
588
- "value": "10px"
589
- },
590
- "mobile": {
591
- "value": "12px"
592
- }
593
- }
123
+ }
124
+ },
125
+ "checkbox-top-to-control-small": {
126
+ "sets": {
127
+ "spectrum": {
128
+ "desktop": {
129
+ "value": "6px"
130
+ },
131
+ "mobile": {
132
+ "value": "7px"
594
133
  }
595
134
  },
596
- "top-to-dot": {
597
- "small": {
598
- "sets": {
599
- "desktop": {
600
- "value": "8px"
601
- },
602
- "mobile": {
603
- "value": "11px"
604
- }
605
- }
606
- },
607
- "medium": {
608
- "sets": {
609
- "desktop": {
610
- "value": "12px"
611
- },
612
- "mobile": {
613
- "value": "15px"
614
- }
615
- }
135
+ "express": {
136
+ "desktop": {
137
+ "value": "5px"
616
138
  },
617
- "large": {
618
- "sets": {
619
- "desktop": {
620
- "value": "15px"
621
- },
622
- "mobile": {
623
- "value": "19px"
624
- }
625
- }
626
- },
627
- "extra-large": {
628
- "sets": {
629
- "desktop": {
630
- "value": "19px"
631
- },
632
- "mobile": {
633
- "value": "24px"
634
- }
635
- }
139
+ "mobile": {
140
+ "value": "6px"
636
141
  }
637
142
  }
638
- },
639
- "switch": {
640
- "control-width": {
641
- "small": {
642
- "sets": {
643
- "desktop": {
644
- "value": "23px"
645
- },
646
- "mobile": {
647
- "value": "32px"
648
- }
649
- }
650
- },
651
- "medium": {
652
- "sets": {
653
- "desktop": {
654
- "value": "26px"
655
- },
656
- "mobile": {
657
- "value": "36px"
658
- }
659
- }
660
- },
661
- "large": {
662
- "sets": {
663
- "desktop": {
664
- "value": "29px"
665
- },
666
- "mobile": {
667
- "value": "41px"
668
- }
669
- }
670
- },
671
- "extra-large": {
672
- "sets": {
673
- "desktop": {
674
- "value": "33px"
675
- },
676
- "mobile": {
677
- "value": "46px"
678
- }
679
- }
143
+ }
144
+ },
145
+ "checkbox-top-to-control-medium": {
146
+ "sets": {
147
+ "spectrum": {
148
+ "desktop": {
149
+ "value": "9px"
150
+ },
151
+ "mobile": {
152
+ "value": "11px"
680
153
  }
681
154
  },
682
- "control-height": {
683
- "small": {
684
- "sets": {
685
- "desktop": {
686
- "value": "12px"
687
- },
688
- "mobile": {
689
- "value": "16px"
690
- }
691
- }
155
+ "express": {
156
+ "desktop": {
157
+ "value": "8px"
692
158
  },
693
- "medium": {
694
- "sets": {
695
- "desktop": {
696
- "value": "14px"
697
- },
698
- "mobile": {
699
- "value": "18px"
700
- }
701
- }
702
- },
703
- "large": {
704
- "sets": {
705
- "desktop": {
706
- "value": "16px"
707
- },
708
- "mobile": {
709
- "value": "20px"
710
- }
711
- }
712
- },
713
- "extra-large": {
714
- "sets": {
715
- "desktop": {
716
- "value": "18px"
717
- },
718
- "mobile": {
719
- "value": "22px"
720
- }
721
- }
159
+ "mobile": {
160
+ "value": "10px"
161
+ }
162
+ }
163
+ }
164
+ },
165
+ "checkbox-top-to-control-large": {
166
+ "sets": {
167
+ "spectrum": {
168
+ "desktop": {
169
+ "value": "12px"
170
+ },
171
+ "mobile": {
172
+ "value": "15px"
722
173
  }
723
174
  },
724
- "top-to-control": {
725
- "small": {
726
- "sets": {
727
- "desktop": {
728
- "value": "6px"
729
- },
730
- "mobile": {
731
- "value": "8px"
732
- }
733
- }
734
- },
735
- "medium": {
736
- "sets": {
737
- "desktop": {
738
- "value": "9px"
739
- },
740
- "mobile": {
741
- "value": "11px"
742
- }
743
- }
744
- },
745
- "large": {
746
- "sets": {
747
- "desktop": {
748
- "value": "12px"
749
- },
750
- "mobile": {
751
- "value": "15px"
752
- }
753
- }
175
+ "express": {
176
+ "desktop": {
177
+ "value": "11px"
754
178
  },
755
- "extra-large": {
756
- "sets": {
757
- "desktop": {
758
- "value": "15px"
759
- },
760
- "mobile": {
761
- "value": "20px"
762
- }
763
- }
179
+ "mobile": {
180
+ "value": "14px"
764
181
  }
765
182
  }
766
- },
767
- "tooltip": {
768
- "width": {
769
- "sets": {
770
- "desktop": {
771
- "value": "8px"
772
- },
773
- "mobile": {
774
- "value": "10px"
775
- }
183
+ }
184
+ },
185
+ "checkbox-top-to-control-extra-large": {
186
+ "sets": {
187
+ "spectrum": {
188
+ "desktop": {
189
+ "value": "15px"
190
+ },
191
+ "mobile": {
192
+ "value": "19px"
776
193
  }
777
194
  },
778
- "height": {
779
- "sets": {
780
- "desktop": {
781
- "value": "4px"
782
- },
783
- "mobile": {
784
- "value": "5px"
785
- }
195
+ "express": {
196
+ "desktop": {
197
+ "value": "14px"
198
+ },
199
+ "mobile": {
200
+ "value": "17px"
786
201
  }
787
202
  }
788
203
  }
204
+ },
205
+ "divider-thickness-small": {
206
+ "value": "1px"
207
+ },
208
+ "divider-thickness-medium": {
209
+ "value": "1px"
210
+ },
211
+ "divider-thickness-large": {
212
+ "value": "1px"
213
+ },
214
+ "field-label-text-to-asterisk-small": {
215
+ "sets": {
216
+ "desktop": {
217
+ "value": "4px"
218
+ },
219
+ "mobile": {
220
+ "value": "5px"
221
+ }
222
+ }
223
+ },
224
+ "field-label-text-to-asterisk-medium": {
225
+ "sets": {
226
+ "desktop": {
227
+ "value": "4px"
228
+ },
229
+ "mobile": {
230
+ "value": "5px"
231
+ }
232
+ }
233
+ },
234
+ "field-label-text-to-asterisk-large": {
235
+ "sets": {
236
+ "desktop": {
237
+ "value": "5px"
238
+ },
239
+ "mobile": {
240
+ "value": "6px"
241
+ }
242
+ }
243
+ },
244
+ "field-label-text-to-asterisk-extra-large": {
245
+ "sets": {
246
+ "desktop": {
247
+ "value": "5px"
248
+ },
249
+ "mobile": {
250
+ "value": "6px"
251
+ }
252
+ }
253
+ },
254
+ "field-label-top-to-asterisk-small": {
255
+ "sets": {
256
+ "desktop": {
257
+ "value": "8px"
258
+ },
259
+ "mobile": {
260
+ "value": "11px"
261
+ }
262
+ }
263
+ },
264
+ "field-label-top-to-asterisk-medium": {
265
+ "sets": {
266
+ "desktop": {
267
+ "value": "12px"
268
+ },
269
+ "mobile": {
270
+ "value": "15px"
271
+ }
272
+ }
273
+ },
274
+ "field-label-top-to-asterisk-large": {
275
+ "sets": {
276
+ "desktop": {
277
+ "value": "15px"
278
+ },
279
+ "mobile": {
280
+ "value": "19px"
281
+ }
282
+ }
283
+ },
284
+ "field-label-top-to-asterisk-extra-large": {
285
+ "sets": {
286
+ "desktop": {
287
+ "value": "19px"
288
+ },
289
+ "mobile": {
290
+ "value": "24px"
291
+ }
292
+ }
293
+ },
294
+ "field-label-top-margin-small": {
295
+ "sets": {
296
+ "desktop": {
297
+ "value": "0px"
298
+ },
299
+ "mobile": {
300
+ "value": "0px"
301
+ }
302
+ }
303
+ },
304
+ "field-label-top-margin-medium": {
305
+ "sets": {
306
+ "desktop": {
307
+ "value": "4px"
308
+ },
309
+ "mobile": {
310
+ "value": "5px"
311
+ }
312
+ }
313
+ },
314
+ "field-label-top-margin-large": {
315
+ "sets": {
316
+ "desktop": {
317
+ "value": "4px"
318
+ },
319
+ "mobile": {
320
+ "value": "5px"
321
+ }
322
+ }
323
+ },
324
+ "field-label-top-margin-extra-large": {
325
+ "sets": {
326
+ "desktop": {
327
+ "value": "4px"
328
+ },
329
+ "mobile": {
330
+ "value": "5px"
331
+ }
332
+ }
333
+ },
334
+
335
+ "help-text-top-to-workflow-icon-small": {
336
+ "sets": {
337
+ "desktop": {
338
+ "value": "4px"
339
+ },
340
+ "mobile": {
341
+ "value": "5px"
342
+ }
343
+ }
344
+ },
345
+ "help-text-top-to-workflow-icon-medium": {
346
+ "sets": {
347
+ "desktop": {
348
+ "value": "7px"
349
+ },
350
+ "mobile": {
351
+ "value": "9px"
352
+ }
353
+ }
354
+ },
355
+ "help-text-top-to-workflow-icon-large": {
356
+ "sets": {
357
+ "desktop": {
358
+ "value": "10px"
359
+ },
360
+ "mobile": {
361
+ "value": "13px"
362
+ }
363
+ }
364
+ },
365
+ "help-text-top-to-workflow-icon-extra-large": {
366
+ "sets": {
367
+ "desktop": {
368
+ "value": "13px"
369
+ },
370
+ "mobile": {
371
+ "value": "16px"
372
+ }
373
+ }
374
+ },
375
+
376
+ "progress-circle-size-small": {
377
+ "sets": {
378
+ "desktop": {
379
+ "value": "16px"
380
+ },
381
+ "mobile": {
382
+ "value": "20px"
383
+ }
384
+ }
385
+ },
386
+ "progress-circle-size-medium": {
387
+ "sets": {
388
+ "desktop": {
389
+ "value": "32px"
390
+ },
391
+ "mobile": {
392
+ "value": "40px"
393
+ }
394
+ }
395
+ },
396
+ "progress-circle-size-large": {
397
+ "sets": {
398
+ "desktop": {
399
+ "value": "64px"
400
+ },
401
+ "mobile": {
402
+ "value": "80px"
403
+ }
404
+ }
405
+ },
406
+ "progress-circle-thickness-small": {
407
+ "sets": {
408
+ "desktop": {
409
+ "value": "2px"
410
+ },
411
+ "mobile": {
412
+ "value": "3px"
413
+ }
414
+ }
415
+ },
416
+ "progress-circle-thickness-medium": {
417
+ "sets": {
418
+ "desktop": {
419
+ "value": "3px"
420
+ },
421
+ "mobile": {
422
+ "value": "4px"
423
+ }
424
+ }
425
+ },
426
+ "progress-circle-thickness-large": {
427
+ "sets": {
428
+ "desktop": {
429
+ "value": "4px"
430
+ },
431
+ "mobile": {
432
+ "value": "5px"
433
+ }
434
+ }
435
+ },
436
+
437
+ "radio-button-control-size-small": {
438
+ "sets": {
439
+ "desktop": {
440
+ "value": "12px"
441
+ },
442
+ "mobile": {
443
+ "value": "16px"
444
+ }
445
+ }
446
+ },
447
+ "radio-button-control-size-medium": {
448
+ "sets": {
449
+ "desktop": {
450
+ "value": "14px"
451
+ },
452
+ "mobile": {
453
+ "value": "18px"
454
+ }
455
+ }
456
+ },
457
+ "radio-button-control-size-large": {
458
+ "sets": {
459
+ "desktop": {
460
+ "value": "16px"
461
+ },
462
+ "mobile": {
463
+ "value": "20px"
464
+ }
465
+ }
466
+ },
467
+ "radio-button-control-size-extra-large": {
468
+ "sets": {
469
+ "desktop": {
470
+ "value": "18px"
471
+ },
472
+ "mobile": {
473
+ "value": "22px"
474
+ }
475
+ }
476
+ },
477
+ "radio-button-controltop-to-control-small": {
478
+ "sets": {
479
+ "desktop": {
480
+ "value": "6px"
481
+ },
482
+ "mobile": {
483
+ "value": "8px"
484
+ }
485
+ }
486
+ },
487
+ "radio-button-controltop-to-control-medium": {
488
+ "sets": {
489
+ "desktop": {
490
+ "value": "9px"
491
+ },
492
+ "mobile": {
493
+ "value": "11px"
494
+ }
495
+ }
496
+ },
497
+ "radio-button-controltop-to-control-large": {
498
+ "sets": {
499
+ "desktop": {
500
+ "value": "12px"
501
+ },
502
+ "mobile": {
503
+ "value": "15px"
504
+ }
505
+ }
506
+ },
507
+ "radio-button-controltop-to-control-extra-large": {
508
+ "sets": {
509
+ "desktop": {
510
+ "value": "15px"
511
+ },
512
+ "mobile": {
513
+ "value": "20px"
514
+ }
515
+ }
516
+ },
517
+
518
+ "status-light-dot-size-small": {
519
+ "sets": {
520
+ "desktop": {
521
+ "value": "8px"
522
+ },
523
+ "mobile": {
524
+ "value": "8px"
525
+ }
526
+ }
527
+ },
528
+ "status-light-dot-size-medium": {
529
+ "sets": {
530
+ "desktop": {
531
+ "value": "8px"
532
+ },
533
+ "mobile": {
534
+ "value": "10px"
535
+ }
536
+ }
537
+ },
538
+ "status-light-dot-size-large": {
539
+ "sets": {
540
+ "desktop": {
541
+ "value": "10px"
542
+ },
543
+ "mobile": {
544
+ "value": "12px"
545
+ }
546
+ }
547
+ },
548
+ "status-light-dot-size-extra-large": {
549
+ "sets": {
550
+ "desktop": {
551
+ "value": "10px"
552
+ },
553
+ "mobile": {
554
+ "value": "12px"
555
+ }
556
+ }
557
+ },
558
+ "status-light-top-to-dot-small": {
559
+ "sets": {
560
+ "desktop": {
561
+ "value": "8px"
562
+ },
563
+ "mobile": {
564
+ "value": "11px"
565
+ }
566
+ }
567
+ },
568
+ "status-light-top-to-dot-medium": {
569
+ "sets": {
570
+ "desktop": {
571
+ "value": "12px"
572
+ },
573
+ "mobile": {
574
+ "value": "15px"
575
+ }
576
+ }
577
+ },
578
+ "status-light-top-to-dot-large": {
579
+ "sets": {
580
+ "desktop": {
581
+ "value": "15px"
582
+ },
583
+ "mobile": {
584
+ "value": "19px"
585
+ }
586
+ }
587
+ },
588
+ "status-light-top-to-dot-extra-large": {
589
+ "sets": {
590
+ "desktop": {
591
+ "value": "19px"
592
+ },
593
+ "mobile": {
594
+ "value": "24px"
595
+ }
596
+ }
597
+ },
598
+ "switch-control-width-small": {
599
+ "sets": {
600
+ "desktop": {
601
+ "value": "23px"
602
+ },
603
+ "mobile": {
604
+ "value": "32px"
605
+ }
606
+ }
607
+ },
608
+ "switch-control-width-medium": {
609
+ "sets": {
610
+ "desktop": {
611
+ "value": "26px"
612
+ },
613
+ "mobile": {
614
+ "value": "36px"
615
+ }
616
+ }
617
+ },
618
+ "switch-control-width-large": {
619
+ "sets": {
620
+ "desktop": {
621
+ "value": "29px"
622
+ },
623
+ "mobile": {
624
+ "value": "41px"
625
+ }
626
+ }
627
+ },
628
+ "switch-control-width-extra-large": {
629
+ "sets": {
630
+ "desktop": {
631
+ "value": "33px"
632
+ },
633
+ "mobile": {
634
+ "value": "46px"
635
+ }
636
+ }
637
+ },
638
+ "switch-control-height-small": {
639
+ "sets": {
640
+ "desktop": {
641
+ "value": "12px"
642
+ },
643
+ "mobile": {
644
+ "value": "16px"
645
+ }
646
+ }
647
+ },
648
+ "switch-control-height-medium": {
649
+ "sets": {
650
+ "desktop": {
651
+ "value": "14px"
652
+ },
653
+ "mobile": {
654
+ "value": "18px"
655
+ }
656
+ }
657
+ },
658
+ "switch-control-height-large": {
659
+ "sets": {
660
+ "desktop": {
661
+ "value": "16px"
662
+ },
663
+ "mobile": {
664
+ "value": "20px"
665
+ }
666
+ }
667
+ },
668
+ "switch-control-height-extra-large": {
669
+ "sets": {
670
+ "desktop": {
671
+ "value": "18px"
672
+ },
673
+ "mobile": {
674
+ "value": "22px"
675
+ }
676
+ }
677
+ },
678
+ "switch-top-to-control-small": {
679
+ "sets": {
680
+ "desktop": {
681
+ "value": "6px"
682
+ },
683
+ "mobile": {
684
+ "value": "8px"
685
+ }
686
+ }
687
+ },
688
+ "switch-top-to-control-medium": {
689
+ "sets": {
690
+ "desktop": {
691
+ "value": "9px"
692
+ },
693
+ "mobile": {
694
+ "value": "11px"
695
+ }
696
+ }
697
+ },
698
+ "switch-top-to-control-large": {
699
+ "sets": {
700
+ "desktop": {
701
+ "value": "12px"
702
+ },
703
+ "mobile": {
704
+ "value": "15px"
705
+ }
706
+ }
707
+ },
708
+ "switch-top-to-control-extra-large": {
709
+ "sets": {
710
+ "desktop": {
711
+ "value": "15px"
712
+ },
713
+ "mobile": {
714
+ "value": "20px"
715
+ }
716
+ }
717
+ },
718
+ "tooltip-width": {
719
+ "sets": {
720
+ "desktop": {
721
+ "value": "8px"
722
+ },
723
+ "mobile": {
724
+ "value": "10px"
725
+ }
726
+ }
727
+ },
728
+ "tooltip-height": {
729
+ "sets": {
730
+ "desktop": {
731
+ "value": "4px"
732
+ },
733
+ "mobile": {
734
+ "value": "5px"
735
+ }
736
+ }
789
737
  }
790
738
  }