@atomixstudio/mcp 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/README.md +325 -0
  2. package/data/component-tokens-snapshot.json +659 -0
  3. package/data/tenants/default.json +73 -0
  4. package/dist/index.d.ts +202 -0
  5. package/dist/index.js +2974 -0
  6. package/dist/index.js.map +1 -0
  7. package/package.json +50 -0
  8. package/scripts/sync-component-tokens.cjs +974 -0
  9. package/scripts/sync-component-tokens.js +678 -0
  10. package/src/ai-rules-generator.ts +1144 -0
  11. package/src/component-tokens.ts +702 -0
  12. package/src/index.ts +1155 -0
  13. package/src/tenant-store.ts +436 -0
  14. package/src/tokens.ts +208 -0
  15. package/src/user-tokens.ts +268 -0
  16. package/src/utils.ts +465 -0
  17. package/tests/stress-test.cjs +907 -0
  18. package/tsconfig.json +21 -0
  19. package/tsup.config.ts +16 -0
package/data/component-tokens-snapshot.json ADDED
@@ -0,0 +1,659 @@
1
+ {
2
+ "version": "1.0.0",
3
+ "timestamp": "2026-01-04T21:35:13.414Z",
4
+ "tenantId": "default",
5
+ "components": {
6
+ "button": {
7
+ "description": "Interactive button component with multiple variants and sizes",
8
+ "sizes": {
9
+ "sm": {
10
+ "tokens": {
11
+ "top": "xs",
12
+ "right": "sm",
13
+ "bottom": "xs",
14
+ "left": "sm",
15
+ "borderRadius": "radius.scale.lg",
16
+ "typeSet": "typography.typeSets.text-small-bold"
17
+ }
18
+ },
19
+ "padding": {
20
+ "tokens": {
21
+ "top": "xs",
22
+ "right": "sm",
23
+ "bottom": "xs",
24
+ "left": "sm",
25
+ "borderRadius": "radius.scale.lg",
26
+ "typeSet": "typography.typeSets.text-small-bold"
27
+ }
28
+ },
29
+ "md": {
30
+ "tokens": {
31
+ "top": "sm",
32
+ "right": "lg",
33
+ "bottom": "sm",
34
+ "left": "lg",
35
+ "borderRadius": "radius.scale.4xl",
36
+ "typeSet": "typography.typeSets.text-normal-bold"
37
+ }
38
+ },
39
+ "lg": {
40
+ "tokens": {
41
+ "top": "sm",
42
+ "right": "lg",
43
+ "bottom": "sm",
44
+ "left": "lg",
45
+ "borderRadius": "radius.scale.4xl",
46
+ "typeSet": "typography.typeSets.text-large-bold"
47
+ }
48
+ }
49
+ }
50
+ },
51
+ "card": {
52
+ "description": "Container component for grouping related content",
53
+ "variants": {
54
+ "default": {
55
+ "description": "default variant",
56
+ "tokens": {
57
+ "background": "colors.modes.{mode}.bgSurface",
58
+ "borderColor": "colors.modes.{mode}.borderStrong",
59
+ "borderWidth": "sm",
60
+ "borderRadius": "xl",
61
+ "shadow": "none",
62
+ "titleColor": "colors.modes.{mode}.textPrimary",
63
+ "bodyColor": "colors.modes.{mode}.textSecondary",
64
+ "eyebrowColor": "colors.modes.{mode}.textMuted",
65
+ "interaction": "elevation",
66
+ "hoverShadow": "elevation-lg",
67
+ "hoverTranslateY": "-2px",
68
+ "hoverBorderColor": "colors.modes.{mode}.borderStrong"
69
+ }
70
+ },
71
+ "elevated": {
72
+ "description": "elevated variant",
73
+ "tokens": {
74
+ "background": "colors.modes.{mode}.bgSurface",
75
+ "borderColor": "colors.modes.{mode}.borderPrimary",
76
+ "borderWidth": "sm",
77
+ "borderRadius": "2xl",
78
+ "shadow": "elevation-md",
79
+ "titleColor": "colors.modes.{mode}.textPrimary",
80
+ "bodyColor": "colors.modes.{mode}.textSecondary",
81
+ "eyebrowColor": "colors.modes.{mode}.textMuted",
82
+ "interaction": "elevation",
83
+ "hoverShadow": "elevation-lg",
84
+ "hoverTranslateY": "-2px",
85
+ "hoverBorderColor": "transparent"
86
+ }
87
+ },
88
+ "outlined": {
89
+ "description": "outlined variant",
90
+ "tokens": {
91
+ "background": "transparent",
92
+ "borderColor": "colors.modes.{mode}.borderSecondary",
93
+ "borderWidth": "lg",
94
+ "borderRadius": "2xl",
95
+ "shadow": "none",
96
+ "titleColor": "colors.modes.{mode}.textPrimary",
97
+ "bodyColor": "colors.modes.{mode}.textSecondary",
98
+ "eyebrowColor": "colors.modes.{mode}.textMuted",
99
+ "interaction": "border",
100
+ "hoverShadow": "none",
101
+ "hoverTranslateY": "0",
102
+ "hoverBorderColor": "colors.modes.{mode}.borderStrong"
103
+ }
104
+ },
105
+ "ghost": {
106
+ "description": "ghost variant",
107
+ "tokens": {
108
+ "background": "transparent",
109
+ "borderColor": "transparent",
110
+ "borderWidth": "none",
111
+ "borderRadius": "xl",
112
+ "shadow": "none",
113
+ "titleColor": "colors.modes.{mode}.textPrimary",
114
+ "bodyColor": "colors.modes.{mode}.textMuted",
115
+ "eyebrowColor": "colors.modes.{mode}.textMuted",
116
+ "interaction": "none",
117
+ "hoverShadow": "none",
118
+ "hoverTranslateY": "0",
119
+ "hoverBorderColor": "transparent"
120
+ }
121
+ }
122
+ },
123
+ "sizes": {
124
+ "sm": {
125
+ "tokens": {
126
+ "top": "lg",
127
+ "right": "xl",
128
+ "bottom": "lg",
129
+ "left": "xl",
130
+ "headingSize": "sm"
131
+ }
132
+ },
133
+ "padding": {
134
+ "tokens": {
135
+ "top": "lg",
136
+ "right": "xl",
137
+ "bottom": "lg",
138
+ "left": "xl",
139
+ "headingSize": "sm"
140
+ }
141
+ },
142
+ "md": {
143
+ "tokens": {
144
+ "top": "xl",
145
+ "right": "2xl",
146
+ "bottom": "xl",
147
+ "left": "2xl",
148
+ "headingSize": "md"
149
+ }
150
+ },
151
+ "lg": {
152
+ "tokens": {
153
+ "top": "2xl",
154
+ "right": "3xl",
155
+ "bottom": "2xl",
156
+ "left": "3xl",
157
+ "headingSize": "lg"
158
+ }
159
+ }
160
+ },
161
+ "shared": {
162
+ "titleFontFamily": "typography.fontFamily.sans",
163
+ "bodyFontFamily": "typography.fontFamily.sans"
164
+ }
165
+ },
166
+ "input": {
167
+ "description": "Text input field component with validation states",
168
+ "variants": {
169
+ "default": {
170
+ "description": "default variant",
171
+ "tokens": {
172
+ "borderWidth": "sm",
173
+ "borderColor": "colors.modes.{mode}.borderPrimary",
174
+ "borderColorFocus": "colors.modes.{mode}.borderStrong",
175
+ "helperTextColor": "colors.modes.{mode}.textMuted"
176
+ }
177
+ },
178
+ "error": {
179
+ "description": "error variant",
180
+ "tokens": {
181
+ "borderWidth": "md",
182
+ "borderColor": "colors.adaptive.error.{mode}.border",
183
+ "borderColorFocus": "colors.adaptive.error.{mode}.border",
184
+ "helperTextColor": "colors.adaptive.error.{mode}.text"
185
+ }
186
+ },
187
+ "success": {
188
+ "description": "success variant",
189
+ "tokens": {
190
+ "borderWidth": "md",
191
+ "borderColor": "colors.modes.{mode}.ring",
192
+ "borderColorFocus": "colors.modes.{mode}.ring",
193
+ "helperTextColor": "colors.adaptive.success.{mode}.text"
194
+ }
195
+ }
196
+ },
197
+ "sizes": {
198
+ "sm": {
199
+ "tokens": {
200
+ "fieldHeight": "32px",
201
+ "helperTypeSet": "helper-text",
202
+ "borderRadius": "radius.scale.lg",
203
+ "top": "xs",
204
+ "right": "md",
205
+ "bottom": "xs",
206
+ "left": "md"
207
+ }
208
+ },
209
+ "padding": {
210
+ "tokens": {
211
+ "top": "xs",
212
+ "right": "md",
213
+ "bottom": "xs",
214
+ "left": "md"
215
+ }
216
+ },
217
+ "md": {
218
+ "tokens": {
219
+ "fieldHeight": "40px",
220
+ "helperTypeSet": "helper-text",
221
+ "borderRadius": "radius.scale.xl",
222
+ "top": "sm",
223
+ "right": "md",
224
+ "bottom": "sm",
225
+ "left": "md"
226
+ }
227
+ },
228
+ "lg": {
229
+ "tokens": {
230
+ "fieldHeight": "48px",
231
+ "helperTypeSet": "helper-text",
232
+ "borderRadius": "radius.scale.2xl",
233
+ "top": "xl",
234
+ "right": "lg",
235
+ "bottom": "xl",
236
+ "left": "lg"
237
+ }
238
+ }
239
+ }
240
+ },
241
+ "select": {
242
+ "description": "Unified text field component supporting input, select, and textarea",
243
+ "variants": {
244
+ "default": {
245
+ "description": "default variant",
246
+ "tokens": {
247
+ "borderWidth": "md",
248
+ "borderColor": "colors.modes.{mode}.borderPrimary",
249
+ "borderColorFocus": "colors.modes.{mode}.borderSecondary",
250
+ "helperTextColor": "colors.modes.{mode}.textMuted"
251
+ }
252
+ },
253
+ "error": {
254
+ "description": "error variant",
255
+ "tokens": {
256
+ "borderWidth": "md",
257
+ "borderColor": "colors.adaptive.error.{mode}.border",
258
+ "borderColorFocus": "colors.adaptive.error.{mode}.border",
259
+ "helperTextColor": "colors.adaptive.error.{mode}.text"
260
+ }
261
+ },
262
+ "success": {
263
+ "description": "success variant",
264
+ "tokens": {
265
+ "borderWidth": "md",
266
+ "borderColor": "colors.modes.{mode}.ring",
267
+ "borderColorFocus": "colors.modes.{mode}.ring",
268
+ "helperTextColor": "colors.adaptive.success.{mode}.text"
269
+ }
270
+ },
271
+ "disabled": {
272
+ "description": "disabled variant",
273
+ "tokens": {
274
+ "borderWidth": "sm",
275
+ "borderColor": "colors.modes.{mode}.borderSecondary",
276
+ "borderColorFocus": "colors.modes.{mode}.borderSecondary",
277
+ "helperTextColor": "colors.modes.{mode}.textDisabled"
278
+ }
279
+ }
280
+ },
281
+ "sizes": {
282
+ "sm": {
283
+ "tokens": {
284
+ "fieldHeight": "32px",
285
+ "helperTypeSet": "helper-text",
286
+ "borderRadius": "radius.scale.lg",
287
+ "top": "xs",
288
+ "right": "md",
289
+ "bottom": "xs",
290
+ "left": "md"
291
+ }
292
+ },
293
+ "padding": {
294
+ "tokens": {
295
+ "top": "xs",
296
+ "right": "md",
297
+ "bottom": "xs",
298
+ "left": "md"
299
+ }
300
+ },
301
+ "md": {
302
+ "tokens": {
303
+ "fieldHeight": "44px",
304
+ "helperTypeSet": "helper-text",
305
+ "borderRadius": "none",
306
+ "top": "sm",
307
+ "right": "md",
308
+ "bottom": "sm",
309
+ "left": "md"
310
+ }
311
+ },
312
+ "lg": {
313
+ "tokens": {
314
+ "fieldHeight": "48px",
315
+ "helperTypeSet": "helper-text",
316
+ "borderRadius": "radius.scale.2xl",
317
+ "top": "xl",
318
+ "right": "lg",
319
+ "bottom": "xl",
320
+ "left": "lg"
321
+ }
322
+ }
323
+ }
324
+ },
325
+ "dialog": {
326
+ "description": "Modal dialog for focused interactions",
327
+ "variants": {
328
+ "default": {
329
+ "description": "default variant",
330
+ "tokens": {
331
+ "titleColor": "colors.modes.{mode}.textPrimary",
332
+ "bodyColor": "colors.modes.{mode}.textSecondary",
333
+ "contentAlign": "center",
334
+ "eyebrowColor": "colors.modes.{mode}.textMuted",
335
+ "buttonAlign": "center"
336
+ }
337
+ },
338
+ "with-footer": {
339
+ "description": "with-footer variant",
340
+ "tokens": {
341
+ "titleColor": "colors.modes.{mode}.textPrimary",
342
+ "bodyColor": "colors.modes.{mode}.textSecondary",
343
+ "contentAlign": "left",
344
+ "eyebrowColor": "colors.modes.{mode}.textMuted",
345
+ "buttonAlign": "space-between"
346
+ }
347
+ },
348
+ "minimal": {
349
+ "description": "minimal variant",
350
+ "tokens": {
351
+ "titleColor": "colors.modes.{mode}.textPrimary",
352
+ "bodyColor": "colors.modes.{mode}.textMuted",
353
+ "contentAlign": "center",
354
+ "eyebrowColor": "colors.modes.{mode}.textMuted",
355
+ "buttonAlign": "center"
356
+ }
357
+ }
358
+ },
359
+ "sizes": {
360
+ "sm": {
361
+ "tokens": {
362
+ "headingSize": "sm",
363
+ "top": "xl",
364
+ "right": "xl",
365
+ "bottom": "xl",
366
+ "left": "xl",
367
+ "buttonSize": "sm"
368
+ }
369
+ },
370
+ "padding": {
371
+ "tokens": {
372
+ "top": "xl",
373
+ "right": "xl",
374
+ "bottom": "xl",
375
+ "left": "xl",
376
+ "buttonSize": "sm"
377
+ }
378
+ },
379
+ "md": {
380
+ "tokens": {
381
+ "headingSize": "md",
382
+ "top": "xl",
383
+ "right": "xl",
384
+ "bottom": "xl",
385
+ "left": "xl",
386
+ "buttonSize": "md"
387
+ }
388
+ },
389
+ "lg": {
390
+ "tokens": {
391
+ "headingSize": "lg",
392
+ "top": "xl",
393
+ "right": "xl",
394
+ "bottom": "xl",
395
+ "left": "xl",
396
+ "buttonSize": "lg"
397
+ }
398
+ }
399
+ },
400
+ "shared": {
401
+ "titleFontFamily": "typography.fontFamily.sans",
402
+ "bodyFontFamily": "typography.fontFamily.sans"
403
+ }
404
+ },
405
+ "heading": {
406
+ "description": "Typography component for titles, descriptions, and eyebrows",
407
+ "variants": {
408
+ "title-only": {
409
+ "description": "title-only variant",
410
+ "tokens": {
411
+ "eyebrowColor": "colors.modes.{mode}.textMuted",
412
+ "titleColor": "colors.modes.{mode}.textPrimary",
413
+ "descriptionColor": "colors.modes.{mode}.textSecondary",
414
+ "textAlign": "left",
415
+ "eyebrowGap": "xs",
416
+ "descriptionGap": "sm",
417
+ "footerGap": "sm"
418
+ }
419
+ },
420
+ "title-description": {
421
+ "description": "title-description variant",
422
+ "tokens": {
423
+ "eyebrowColor": "colors.modes.{mode}.textMuted",
424
+ "titleColor": "colors.modes.{mode}.textPrimary",
425
+ "descriptionColor": "colors.modes.{mode}.textSecondary",
426
+ "textAlign": "left",
427
+ "eyebrowGap": "xs",
428
+ "descriptionGap": "xs",
429
+ "footerGap": "sm"
430
+ }
431
+ },
432
+ "full": {
433
+ "description": "full variant",
434
+ "tokens": {
435
+ "eyebrowColor": "colors.modes.{mode}.textSecondary",
436
+ "titleColor": "colors.modes.{mode}.textPrimary",
437
+ "descriptionColor": "colors.modes.{mode}.textSecondary",
438
+ "textAlign": "left",
439
+ "eyebrowGap": "xs",
440
+ "descriptionGap": "xs",
441
+ "footerGap": "sm"
442
+ }
443
+ }
444
+ },
445
+ "sizes": {
446
+ "sm": {
447
+ "tokens": {
448
+ "eyebrowTypeSet": "typography.typeSets.title-sm",
449
+ "titleTypeSet": "typography.typeSets.title-md",
450
+ "descriptionTypeSet": "typography.typeSets.text-normal-regular"
451
+ }
452
+ },
453
+ "md": {
454
+ "tokens": {
455
+ "eyebrowTypeSet": "typography.typeSets.title-sm",
456
+ "titleTypeSet": "typography.typeSets.title-lg",
457
+ "descriptionTypeSet": "typography.typeSets.text-normal-regular"
458
+ }
459
+ },
460
+ "lg": {
461
+ "tokens": {
462
+ "eyebrowTypeSet": "typography.typeSets.title-sm",
463
+ "titleTypeSet": "typography.typeSets.title-2xl",
464
+ "descriptionTypeSet": "typography.typeSets.text-normal-regular"
465
+ }
466
+ }
467
+ },
468
+ "shared": {
469
+ "fontFamily": "typography.fontFamily.sans"
470
+ }
471
+ },
472
+ "selectionControls": {
473
+ "description": "Selection control components: checkbox, radio, and toggle switch",
474
+ "variants": {
475
+ "checkbox": {
476
+ "description": "checkbox variant",
477
+ "tokens": {
478
+ "background": "colors.modes.{mode}.bgMuted",
479
+ "backgroundChecked": "colors.modes.{mode}.actionPrimary",
480
+ "backgroundDisabled": "colors.modes.{mode}.actionSecondary",
481
+ "backgroundError": "colors.modes.{mode}.bgMuted",
482
+ "borderWidth": "md",
483
+ "borderWidthError": "md",
484
+ "borderWidthDisabled": "md",
485
+ "borderColor": "colors.modes.{mode}.borderStrong",
486
+ "borderColorChecked": "transparent",
487
+ "borderColorDisabled": "colors.modes.{mode}.borderSecondary",
488
+ "borderColorError": "colors.adaptive.error.{mode}.border",
489
+ "indicatorColor": "colors.static.white",
490
+ "labelColor": "colors.modes.{mode}.textPrimary",
491
+ "interaction": "subtle"
492
+ }
493
+ },
494
+ "radio": {
495
+ "description": "radio variant",
496
+ "tokens": {
497
+ "background": "colors.modes.{mode}.bgMuted",
498
+ "backgroundChecked": "colors.modes.{mode}.actionPrimary",
499
+ "backgroundDisabled": "colors.modes.{mode}.actionSecondary",
500
+ "backgroundError": "colors.modes.{mode}.bgMuted",
501
+ "borderWidth": "md",
502
+ "borderWidthError": "md",
503
+ "borderWidthDisabled": "md",
504
+ "borderColor": "colors.modes.{mode}.borderStrong",
505
+ "borderColorChecked": "transparent",
506
+ "borderColorDisabled": "colors.modes.{mode}.borderSecondary",
507
+ "borderColorError": "colors.adaptive.error.{mode}.border",
508
+ "indicatorColor": "colors.static.white",
509
+ "labelColor": "colors.modes.{mode}.textPrimary",
510
+ "interaction": "subtle"
511
+ }
512
+ },
513
+ "toggle": {
514
+ "description": "toggle variant",
515
+ "tokens": {
516
+ "background": "colors.modes.{mode}.bgMuted",
517
+ "backgroundChecked": "colors.modes.{mode}.actionPrimary",
518
+ "backgroundDisabled": "colors.modes.{mode}.actionSecondary",
519
+ "backgroundError": "colors.modes.{mode}.bgMuted",
520
+ "borderWidth": "md",
521
+ "borderWidthError": "md",
522
+ "borderWidthDisabled": "md",
523
+ "borderColor": "colors.modes.{mode}.borderStrong",
524
+ "borderColorChecked": "transparent",
525
+ "borderColorDisabled": "colors.modes.{mode}.borderSecondary",
526
+ "borderColorError": "colors.adaptive.error.{mode}.border",
527
+ "indicatorColor": "colors.static.white",
528
+ "labelColor": "colors.modes.{mode}.textPrimary",
529
+ "interaction": "press"
530
+ }
531
+ }
532
+ },
533
+ "sizes": {
534
+ "md": {
535
+ "tokens": {
536
+ "controlSize": "20px",
537
+ "labelTypeSet": "typography.typeSets.text-normal-regular",
538
+ "gap": "spacing.scale.sm",
539
+ "borderRadius": "radius.scale.lg"
540
+ }
541
+ }
542
+ }
543
+ },
544
+ "checkbox": {
545
+ "description": "Checkbox selection control",
546
+ "variants": {
547
+ "default": {
548
+ "description": "checkbox variant",
549
+ "tokens": {
550
+ "background": "colors.modes.{mode}.bgMuted",
551
+ "backgroundChecked": "colors.modes.{mode}.actionPrimary",
552
+ "backgroundDisabled": "colors.modes.{mode}.actionSecondary",
553
+ "backgroundError": "colors.modes.{mode}.bgMuted",
554
+ "borderWidth": "md",
555
+ "borderWidthError": "md",
556
+ "borderWidthDisabled": "md",
557
+ "borderColor": "colors.modes.{mode}.borderStrong",
558
+ "borderColorChecked": "transparent",
559
+ "borderColorDisabled": "colors.modes.{mode}.borderSecondary",
560
+ "borderColorError": "colors.adaptive.error.{mode}.border",
561
+ "indicatorColor": "colors.static.white",
562
+ "labelColor": "colors.modes.{mode}.textPrimary",
563
+ "interaction": "subtle"
564
+ }
565
+ }
566
+ },
567
+ "sizes": {
568
+ "md": {
569
+ "tokens": {
570
+ "controlSize": "20px",
571
+ "labelTypeSet": "typography.typeSets.text-normal-regular",
572
+ "gap": "spacing.scale.sm",
573
+ "borderRadius": "radius.scale.lg"
574
+ }
575
+ }
576
+ },
577
+ "shared": {
578
+ "transitionDuration": "motion.duration.fast",
579
+ "focusRing": "shadows.focus.ring"
580
+ }
581
+ },
582
+ "radio": {
583
+ "description": "Radio selection control",
584
+ "variants": {
585
+ "default": {
586
+ "description": "radio variant",
587
+ "tokens": {
588
+ "background": "colors.modes.{mode}.bgMuted",
589
+ "backgroundChecked": "colors.modes.{mode}.actionPrimary",
590
+ "backgroundDisabled": "colors.modes.{mode}.actionSecondary",
591
+ "backgroundError": "colors.modes.{mode}.bgMuted",
592
+ "borderWidth": "md",
593
+ "borderWidthError": "md",
594
+ "borderWidthDisabled": "md",
595
+ "borderColor": "colors.modes.{mode}.borderStrong",
596
+ "borderColorChecked": "transparent",
597
+ "borderColorDisabled": "colors.modes.{mode}.borderSecondary",
598
+ "borderColorError": "colors.adaptive.error.{mode}.border",
599
+ "indicatorColor": "colors.static.white",
600
+ "labelColor": "colors.modes.{mode}.textPrimary",
601
+ "interaction": "subtle"
602
+ }
603
+ }
604
+ },
605
+ "sizes": {
606
+ "md": {
607
+ "tokens": {
608
+ "controlSize": "20px",
609
+ "labelTypeSet": "typography.typeSets.text-normal-regular",
610
+ "gap": "spacing.scale.sm",
611
+ "borderRadius": "radius.scale.lg"
612
+ }
613
+ }
614
+ },
615
+ "shared": {
616
+ "transitionDuration": "motion.duration.fast",
617
+ "focusRing": "shadows.focus.ring"
618
+ }
619
+ },
620
+ "toggle": {
621
+ "description": "Toggle selection control",
622
+ "variants": {
623
+ "default": {
624
+ "description": "toggle variant",
625
+ "tokens": {
626
+ "background": "colors.modes.{mode}.bgMuted",
627
+ "backgroundChecked": "colors.modes.{mode}.actionPrimary",
628
+ "backgroundDisabled": "colors.modes.{mode}.actionSecondary",
629
+ "backgroundError": "colors.modes.{mode}.bgMuted",
630
+ "borderWidth": "md",
631
+ "borderWidthError": "md",
632
+ "borderWidthDisabled": "md",
633
+ "borderColor": "colors.modes.{mode}.borderStrong",
634
+ "borderColorChecked": "transparent",
635
+ "borderColorDisabled": "colors.modes.{mode}.borderSecondary",
636
+ "borderColorError": "colors.adaptive.error.{mode}.border",
637
+ "indicatorColor": "colors.static.white",
638
+ "labelColor": "colors.modes.{mode}.textPrimary",
639
+ "interaction": "press"
640
+ }
641
+ }
642
+ },
643
+ "sizes": {
644
+ "md": {
645
+ "tokens": {
646
+ "controlSize": "20px",
647
+ "labelTypeSet": "typography.typeSets.text-normal-regular",
648
+ "gap": "spacing.scale.sm",
649
+ "borderRadius": "radius.scale.lg"
650
+ }
651
+ }
652
+ },
653
+ "shared": {
654
+ "transitionDuration": "motion.duration.fast",
655
+ "focusRing": "shadows.focus.ring"
656
+ }
657
+ }
658
+ }
659
+ }