@radicool/throughline 0.22.0 → 0.23.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 (41) hide show
  1. package/README.md +4 -4
  2. package/adapters/codex/prompts/component-builder.md +6 -2
  3. package/adapters/cursor/.cursor/rules/component-builder.mdc +6 -2
  4. package/adapters/generic/skills/component-builder/SKILL.md +6 -2
  5. package/package.json +1 -1
  6. package/references/figma-checks.md +484 -0
  7. package/references/figma-component-standards.md +8 -38
  8. package/references/figma-scripting.md +6 -6
  9. package/references/state-baseline.md +5 -3
  10. package/scripts/README.md +4 -1
  11. package/scripts/build-figma-checks.mjs +98 -0
  12. package/scripts/build-state-baseline.mjs +5 -3
  13. package/scripts/install.mjs +9 -4
  14. package/scripts/lib/component-states.mjs +4 -1
  15. package/scripts/lib/figma-checks-read.figma.js +120 -0
  16. package/scripts/lib/figma-checks.mjs +240 -0
  17. package/scripts/lib/fixtures/figma-checks/avatar-not-in-table.json +43 -0
  18. package/scripts/lib/fixtures/figma-checks/button-ios-swift-skipped.json +85 -0
  19. package/scripts/lib/fixtures/figma-checks/button-missing-default.json +71 -0
  20. package/scripts/lib/fixtures/figma-checks/button-mui-ring.json +92 -0
  21. package/scripts/lib/fixtures/figma-checks/button-no-focus-variant.json +71 -0
  22. package/scripts/lib/fixtures/figma-checks/button-plain-frames.json +92 -0
  23. package/scripts/lib/fixtures/figma-checks/button-ring-child-not-absolute.json +94 -0
  24. package/scripts/lib/fixtures/figma-checks/button-ring-hidden.json +92 -0
  25. package/scripts/lib/fixtures/figma-checks/button-ring-unbound-colour.json +98 -0
  26. package/scripts/lib/fixtures/figma-checks/button-shadcn-filled.json +92 -0
  27. package/scripts/lib/fixtures/figma-checks/button-sparse.json +134 -0
  28. package/scripts/lib/fixtures/figma-checks/button-spread-zero.json +92 -0
  29. package/scripts/lib/fixtures/figma-checks/button-transparent-ring-child.json +94 -0
  30. package/scripts/lib/fixtures/figma-checks/button-vanilla-inside.json +87 -0
  31. package/scripts/lib/fixtures/figma-checks/button-vanilla-outside.json +87 -0
  32. package/scripts/lib/fixtures/figma-checks/button-wrong-combination.json +92 -0
  33. package/scripts/lib/fixtures/figma-checks/checkbox-checked-axis.real.json +245 -0
  34. package/scripts/lib/fixtures/figma-checks/checkbox-checked-synonym.json +87 -0
  35. package/scripts/lib/fixtures/figma-checks/checkbox-missing-selected.json +79 -0
  36. package/scripts/lib/fixtures/figma-checks/input-control-layer-missing.json +66 -0
  37. package/scripts/lib/fixtures/figma-checks/input-control-layer-ring-on-wrapper.json +79 -0
  38. package/scripts/lib/fixtures/figma-checks/input-control-layer.json +79 -0
  39. package/scripts/lib/fixtures/figma-checks/input-mui-weight-unbound.json +66 -0
  40. package/scripts/lib/fixtures/figma-checks/input-mui.json +66 -0
  41. package/scripts/lib/fixtures/figma-checks/sample-button.real.json +1497 -0
package/scripts/lib/fixtures/figma-checks/sample-button.real.json ADDED
@@ -0,0 +1,1497 @@
1
+ {
2
+ "covers": "live capture, Throughline Plugin Test Button 10:872 (2026-10-11): 108 variants, 18 focus variants with a 4px DROP_SHADOW ring; read in 25 ms",
3
+ "expect": {
4
+ "name": "Button",
5
+ "matrix": {
6
+ "variant": [
7
+ "default",
8
+ "secondary",
9
+ "outline",
10
+ "ghost",
11
+ "link",
12
+ "destructive"
13
+ ],
14
+ "size": [
15
+ "sm",
16
+ "md",
17
+ "lg"
18
+ ],
19
+ "state": [
20
+ "Default",
21
+ "Hover",
22
+ "Focus",
23
+ "Disabled",
24
+ "Loading",
25
+ "Active"
26
+ ]
27
+ },
28
+ "uiFramework": "shadcn"
29
+ },
30
+ "expected": {
31
+ "structural-read-back": "pass",
32
+ "state-baseline": "pass",
33
+ "focus-indicator": "pass"
34
+ },
35
+ "snapshot": {
36
+ "type": "COMPONENT_SET",
37
+ "variantGroupProperties": {
38
+ "variant": {
39
+ "values": [
40
+ "default",
41
+ "secondary",
42
+ "outline",
43
+ "ghost",
44
+ "link",
45
+ "destructive"
46
+ ]
47
+ },
48
+ "size": {
49
+ "values": [
50
+ "sm",
51
+ "md",
52
+ "lg"
53
+ ]
54
+ },
55
+ "state": {
56
+ "values": [
57
+ "Default",
58
+ "Hover",
59
+ "Focus",
60
+ "Disabled",
61
+ "Loading",
62
+ "Active"
63
+ ]
64
+ }
65
+ },
66
+ "children": [
67
+ {
68
+ "type": "COMPONENT",
69
+ "variantProperties": {
70
+ "variant": "default",
71
+ "size": "sm",
72
+ "state": "Default"
73
+ }
74
+ },
75
+ {
76
+ "type": "COMPONENT",
77
+ "variantProperties": {
78
+ "variant": "default",
79
+ "size": "sm",
80
+ "state": "Hover"
81
+ }
82
+ },
83
+ {
84
+ "type": "COMPONENT",
85
+ "variantProperties": {
86
+ "variant": "default",
87
+ "size": "sm",
88
+ "state": "Focus"
89
+ },
90
+ "strokeAlign": "OUTSIDE",
91
+ "strokeVariables": [],
92
+ "strokeWeightBound": false,
93
+ "effects": [
94
+ {
95
+ "type": "DROP_SHADOW",
96
+ "visible": true,
97
+ "spread": 4,
98
+ "colorVariable": "color/focus/ringOnFill"
99
+ }
100
+ ],
101
+ "children": [
102
+ {
103
+ "strokeAlign": "INSIDE",
104
+ "strokeVariables": [],
105
+ "strokeWeightBound": false,
106
+ "layoutPositioning": "AUTO"
107
+ },
108
+ {
109
+ "strokeAlign": "OUTSIDE",
110
+ "strokeVariables": [],
111
+ "strokeWeightBound": false,
112
+ "layoutPositioning": "AUTO"
113
+ },
114
+ {
115
+ "strokeAlign": "INSIDE",
116
+ "strokeVariables": [],
117
+ "strokeWeightBound": false,
118
+ "layoutPositioning": "AUTO"
119
+ }
120
+ ]
121
+ },
122
+ {
123
+ "type": "COMPONENT",
124
+ "variantProperties": {
125
+ "variant": "default",
126
+ "size": "sm",
127
+ "state": "Disabled"
128
+ }
129
+ },
130
+ {
131
+ "type": "COMPONENT",
132
+ "variantProperties": {
133
+ "variant": "default",
134
+ "size": "sm",
135
+ "state": "Loading"
136
+ }
137
+ },
138
+ {
139
+ "type": "COMPONENT",
140
+ "variantProperties": {
141
+ "variant": "default",
142
+ "size": "sm",
143
+ "state": "Active"
144
+ }
145
+ },
146
+ {
147
+ "type": "COMPONENT",
148
+ "variantProperties": {
149
+ "variant": "default",
150
+ "size": "md",
151
+ "state": "Default"
152
+ }
153
+ },
154
+ {
155
+ "type": "COMPONENT",
156
+ "variantProperties": {
157
+ "variant": "default",
158
+ "size": "md",
159
+ "state": "Hover"
160
+ }
161
+ },
162
+ {
163
+ "type": "COMPONENT",
164
+ "variantProperties": {
165
+ "variant": "default",
166
+ "size": "md",
167
+ "state": "Focus"
168
+ },
169
+ "strokeAlign": "OUTSIDE",
170
+ "strokeVariables": [],
171
+ "strokeWeightBound": false,
172
+ "effects": [
173
+ {
174
+ "type": "DROP_SHADOW",
175
+ "visible": true,
176
+ "spread": 4,
177
+ "colorVariable": "color/focus/ringOnFill"
178
+ }
179
+ ],
180
+ "children": [
181
+ {
182
+ "strokeAlign": "INSIDE",
183
+ "strokeVariables": [],
184
+ "strokeWeightBound": false,
185
+ "layoutPositioning": "AUTO"
186
+ },
187
+ {
188
+ "strokeAlign": "OUTSIDE",
189
+ "strokeVariables": [],
190
+ "strokeWeightBound": false,
191
+ "layoutPositioning": "AUTO"
192
+ },
193
+ {
194
+ "strokeAlign": "INSIDE",
195
+ "strokeVariables": [],
196
+ "strokeWeightBound": false,
197
+ "layoutPositioning": "AUTO"
198
+ }
199
+ ]
200
+ },
201
+ {
202
+ "type": "COMPONENT",
203
+ "variantProperties": {
204
+ "variant": "default",
205
+ "size": "md",
206
+ "state": "Disabled"
207
+ }
208
+ },
209
+ {
210
+ "type": "COMPONENT",
211
+ "variantProperties": {
212
+ "variant": "default",
213
+ "size": "md",
214
+ "state": "Loading"
215
+ }
216
+ },
217
+ {
218
+ "type": "COMPONENT",
219
+ "variantProperties": {
220
+ "variant": "default",
221
+ "size": "md",
222
+ "state": "Active"
223
+ }
224
+ },
225
+ {
226
+ "type": "COMPONENT",
227
+ "variantProperties": {
228
+ "variant": "default",
229
+ "size": "lg",
230
+ "state": "Default"
231
+ }
232
+ },
233
+ {
234
+ "type": "COMPONENT",
235
+ "variantProperties": {
236
+ "variant": "default",
237
+ "size": "lg",
238
+ "state": "Hover"
239
+ }
240
+ },
241
+ {
242
+ "type": "COMPONENT",
243
+ "variantProperties": {
244
+ "variant": "default",
245
+ "size": "lg",
246
+ "state": "Focus"
247
+ },
248
+ "strokeAlign": "OUTSIDE",
249
+ "strokeVariables": [],
250
+ "strokeWeightBound": false,
251
+ "effects": [
252
+ {
253
+ "type": "DROP_SHADOW",
254
+ "visible": true,
255
+ "spread": 4,
256
+ "colorVariable": "color/focus/ringOnFill"
257
+ }
258
+ ],
259
+ "children": [
260
+ {
261
+ "strokeAlign": "INSIDE",
262
+ "strokeVariables": [],
263
+ "strokeWeightBound": false,
264
+ "layoutPositioning": "AUTO"
265
+ },
266
+ {
267
+ "strokeAlign": "OUTSIDE",
268
+ "strokeVariables": [],
269
+ "strokeWeightBound": false,
270
+ "layoutPositioning": "AUTO"
271
+ },
272
+ {
273
+ "strokeAlign": "INSIDE",
274
+ "strokeVariables": [],
275
+ "strokeWeightBound": false,
276
+ "layoutPositioning": "AUTO"
277
+ }
278
+ ]
279
+ },
280
+ {
281
+ "type": "COMPONENT",
282
+ "variantProperties": {
283
+ "variant": "default",
284
+ "size": "lg",
285
+ "state": "Disabled"
286
+ }
287
+ },
288
+ {
289
+ "type": "COMPONENT",
290
+ "variantProperties": {
291
+ "variant": "default",
292
+ "size": "lg",
293
+ "state": "Loading"
294
+ }
295
+ },
296
+ {
297
+ "type": "COMPONENT",
298
+ "variantProperties": {
299
+ "variant": "default",
300
+ "size": "lg",
301
+ "state": "Active"
302
+ }
303
+ },
304
+ {
305
+ "type": "COMPONENT",
306
+ "variantProperties": {
307
+ "variant": "secondary",
308
+ "size": "sm",
309
+ "state": "Default"
310
+ }
311
+ },
312
+ {
313
+ "type": "COMPONENT",
314
+ "variantProperties": {
315
+ "variant": "secondary",
316
+ "size": "sm",
317
+ "state": "Hover"
318
+ }
319
+ },
320
+ {
321
+ "type": "COMPONENT",
322
+ "variantProperties": {
323
+ "variant": "secondary",
324
+ "size": "sm",
325
+ "state": "Focus"
326
+ },
327
+ "strokeAlign": "OUTSIDE",
328
+ "strokeVariables": [],
329
+ "strokeWeightBound": false,
330
+ "effects": [
331
+ {
332
+ "type": "DROP_SHADOW",
333
+ "visible": true,
334
+ "spread": 4,
335
+ "colorVariable": "color/focus/ring"
336
+ }
337
+ ],
338
+ "children": [
339
+ {
340
+ "strokeAlign": "INSIDE",
341
+ "strokeVariables": [],
342
+ "strokeWeightBound": false,
343
+ "layoutPositioning": "AUTO"
344
+ },
345
+ {
346
+ "strokeAlign": "OUTSIDE",
347
+ "strokeVariables": [],
348
+ "strokeWeightBound": false,
349
+ "layoutPositioning": "AUTO"
350
+ },
351
+ {
352
+ "strokeAlign": "INSIDE",
353
+ "strokeVariables": [],
354
+ "strokeWeightBound": false,
355
+ "layoutPositioning": "AUTO"
356
+ }
357
+ ]
358
+ },
359
+ {
360
+ "type": "COMPONENT",
361
+ "variantProperties": {
362
+ "variant": "secondary",
363
+ "size": "sm",
364
+ "state": "Disabled"
365
+ }
366
+ },
367
+ {
368
+ "type": "COMPONENT",
369
+ "variantProperties": {
370
+ "variant": "secondary",
371
+ "size": "sm",
372
+ "state": "Loading"
373
+ }
374
+ },
375
+ {
376
+ "type": "COMPONENT",
377
+ "variantProperties": {
378
+ "variant": "secondary",
379
+ "size": "sm",
380
+ "state": "Active"
381
+ }
382
+ },
383
+ {
384
+ "type": "COMPONENT",
385
+ "variantProperties": {
386
+ "variant": "secondary",
387
+ "size": "md",
388
+ "state": "Default"
389
+ }
390
+ },
391
+ {
392
+ "type": "COMPONENT",
393
+ "variantProperties": {
394
+ "variant": "secondary",
395
+ "size": "md",
396
+ "state": "Hover"
397
+ }
398
+ },
399
+ {
400
+ "type": "COMPONENT",
401
+ "variantProperties": {
402
+ "variant": "secondary",
403
+ "size": "md",
404
+ "state": "Focus"
405
+ },
406
+ "strokeAlign": "OUTSIDE",
407
+ "strokeVariables": [],
408
+ "strokeWeightBound": false,
409
+ "effects": [
410
+ {
411
+ "type": "DROP_SHADOW",
412
+ "visible": true,
413
+ "spread": 4,
414
+ "colorVariable": "color/focus/ring"
415
+ }
416
+ ],
417
+ "children": [
418
+ {
419
+ "strokeAlign": "INSIDE",
420
+ "strokeVariables": [],
421
+ "strokeWeightBound": false,
422
+ "layoutPositioning": "AUTO"
423
+ },
424
+ {
425
+ "strokeAlign": "OUTSIDE",
426
+ "strokeVariables": [],
427
+ "strokeWeightBound": false,
428
+ "layoutPositioning": "AUTO"
429
+ },
430
+ {
431
+ "strokeAlign": "INSIDE",
432
+ "strokeVariables": [],
433
+ "strokeWeightBound": false,
434
+ "layoutPositioning": "AUTO"
435
+ }
436
+ ]
437
+ },
438
+ {
439
+ "type": "COMPONENT",
440
+ "variantProperties": {
441
+ "variant": "secondary",
442
+ "size": "md",
443
+ "state": "Disabled"
444
+ }
445
+ },
446
+ {
447
+ "type": "COMPONENT",
448
+ "variantProperties": {
449
+ "variant": "secondary",
450
+ "size": "md",
451
+ "state": "Loading"
452
+ }
453
+ },
454
+ {
455
+ "type": "COMPONENT",
456
+ "variantProperties": {
457
+ "variant": "secondary",
458
+ "size": "md",
459
+ "state": "Active"
460
+ }
461
+ },
462
+ {
463
+ "type": "COMPONENT",
464
+ "variantProperties": {
465
+ "variant": "secondary",
466
+ "size": "lg",
467
+ "state": "Default"
468
+ }
469
+ },
470
+ {
471
+ "type": "COMPONENT",
472
+ "variantProperties": {
473
+ "variant": "secondary",
474
+ "size": "lg",
475
+ "state": "Hover"
476
+ }
477
+ },
478
+ {
479
+ "type": "COMPONENT",
480
+ "variantProperties": {
481
+ "variant": "secondary",
482
+ "size": "lg",
483
+ "state": "Focus"
484
+ },
485
+ "strokeAlign": "OUTSIDE",
486
+ "strokeVariables": [],
487
+ "strokeWeightBound": false,
488
+ "effects": [
489
+ {
490
+ "type": "DROP_SHADOW",
491
+ "visible": true,
492
+ "spread": 4,
493
+ "colorVariable": "color/focus/ring"
494
+ }
495
+ ],
496
+ "children": [
497
+ {
498
+ "strokeAlign": "INSIDE",
499
+ "strokeVariables": [],
500
+ "strokeWeightBound": false,
501
+ "layoutPositioning": "AUTO"
502
+ },
503
+ {
504
+ "strokeAlign": "OUTSIDE",
505
+ "strokeVariables": [],
506
+ "strokeWeightBound": false,
507
+ "layoutPositioning": "AUTO"
508
+ },
509
+ {
510
+ "strokeAlign": "INSIDE",
511
+ "strokeVariables": [],
512
+ "strokeWeightBound": false,
513
+ "layoutPositioning": "AUTO"
514
+ }
515
+ ]
516
+ },
517
+ {
518
+ "type": "COMPONENT",
519
+ "variantProperties": {
520
+ "variant": "secondary",
521
+ "size": "lg",
522
+ "state": "Disabled"
523
+ }
524
+ },
525
+ {
526
+ "type": "COMPONENT",
527
+ "variantProperties": {
528
+ "variant": "secondary",
529
+ "size": "lg",
530
+ "state": "Loading"
531
+ }
532
+ },
533
+ {
534
+ "type": "COMPONENT",
535
+ "variantProperties": {
536
+ "variant": "secondary",
537
+ "size": "lg",
538
+ "state": "Active"
539
+ }
540
+ },
541
+ {
542
+ "type": "COMPONENT",
543
+ "variantProperties": {
544
+ "variant": "outline",
545
+ "size": "sm",
546
+ "state": "Default"
547
+ }
548
+ },
549
+ {
550
+ "type": "COMPONENT",
551
+ "variantProperties": {
552
+ "variant": "outline",
553
+ "size": "sm",
554
+ "state": "Hover"
555
+ }
556
+ },
557
+ {
558
+ "type": "COMPONENT",
559
+ "variantProperties": {
560
+ "variant": "outline",
561
+ "size": "sm",
562
+ "state": "Focus"
563
+ },
564
+ "strokeAlign": "OUTSIDE",
565
+ "strokeVariables": [
566
+ "color/border/default"
567
+ ],
568
+ "strokeWeightBound": false,
569
+ "effects": [
570
+ {
571
+ "type": "DROP_SHADOW",
572
+ "visible": true,
573
+ "spread": 4,
574
+ "colorVariable": "color/focus/ring"
575
+ }
576
+ ],
577
+ "children": [
578
+ {
579
+ "strokeAlign": "INSIDE",
580
+ "strokeVariables": [],
581
+ "strokeWeightBound": false,
582
+ "layoutPositioning": "AUTO"
583
+ },
584
+ {
585
+ "strokeAlign": "OUTSIDE",
586
+ "strokeVariables": [],
587
+ "strokeWeightBound": false,
588
+ "layoutPositioning": "AUTO"
589
+ },
590
+ {
591
+ "strokeAlign": "INSIDE",
592
+ "strokeVariables": [],
593
+ "strokeWeightBound": false,
594
+ "layoutPositioning": "AUTO"
595
+ }
596
+ ]
597
+ },
598
+ {
599
+ "type": "COMPONENT",
600
+ "variantProperties": {
601
+ "variant": "outline",
602
+ "size": "sm",
603
+ "state": "Disabled"
604
+ }
605
+ },
606
+ {
607
+ "type": "COMPONENT",
608
+ "variantProperties": {
609
+ "variant": "outline",
610
+ "size": "sm",
611
+ "state": "Loading"
612
+ }
613
+ },
614
+ {
615
+ "type": "COMPONENT",
616
+ "variantProperties": {
617
+ "variant": "outline",
618
+ "size": "sm",
619
+ "state": "Active"
620
+ }
621
+ },
622
+ {
623
+ "type": "COMPONENT",
624
+ "variantProperties": {
625
+ "variant": "outline",
626
+ "size": "md",
627
+ "state": "Default"
628
+ }
629
+ },
630
+ {
631
+ "type": "COMPONENT",
632
+ "variantProperties": {
633
+ "variant": "outline",
634
+ "size": "md",
635
+ "state": "Hover"
636
+ }
637
+ },
638
+ {
639
+ "type": "COMPONENT",
640
+ "variantProperties": {
641
+ "variant": "outline",
642
+ "size": "md",
643
+ "state": "Focus"
644
+ },
645
+ "strokeAlign": "OUTSIDE",
646
+ "strokeVariables": [
647
+ "color/border/default"
648
+ ],
649
+ "strokeWeightBound": false,
650
+ "effects": [
651
+ {
652
+ "type": "DROP_SHADOW",
653
+ "visible": true,
654
+ "spread": 4,
655
+ "colorVariable": "color/focus/ring"
656
+ }
657
+ ],
658
+ "children": [
659
+ {
660
+ "strokeAlign": "INSIDE",
661
+ "strokeVariables": [],
662
+ "strokeWeightBound": false,
663
+ "layoutPositioning": "AUTO"
664
+ },
665
+ {
666
+ "strokeAlign": "OUTSIDE",
667
+ "strokeVariables": [],
668
+ "strokeWeightBound": false,
669
+ "layoutPositioning": "AUTO"
670
+ },
671
+ {
672
+ "strokeAlign": "INSIDE",
673
+ "strokeVariables": [],
674
+ "strokeWeightBound": false,
675
+ "layoutPositioning": "AUTO"
676
+ }
677
+ ]
678
+ },
679
+ {
680
+ "type": "COMPONENT",
681
+ "variantProperties": {
682
+ "variant": "outline",
683
+ "size": "md",
684
+ "state": "Disabled"
685
+ }
686
+ },
687
+ {
688
+ "type": "COMPONENT",
689
+ "variantProperties": {
690
+ "variant": "outline",
691
+ "size": "md",
692
+ "state": "Loading"
693
+ }
694
+ },
695
+ {
696
+ "type": "COMPONENT",
697
+ "variantProperties": {
698
+ "variant": "outline",
699
+ "size": "md",
700
+ "state": "Active"
701
+ }
702
+ },
703
+ {
704
+ "type": "COMPONENT",
705
+ "variantProperties": {
706
+ "variant": "outline",
707
+ "size": "lg",
708
+ "state": "Default"
709
+ }
710
+ },
711
+ {
712
+ "type": "COMPONENT",
713
+ "variantProperties": {
714
+ "variant": "outline",
715
+ "size": "lg",
716
+ "state": "Hover"
717
+ }
718
+ },
719
+ {
720
+ "type": "COMPONENT",
721
+ "variantProperties": {
722
+ "variant": "outline",
723
+ "size": "lg",
724
+ "state": "Focus"
725
+ },
726
+ "strokeAlign": "OUTSIDE",
727
+ "strokeVariables": [
728
+ "color/border/default"
729
+ ],
730
+ "strokeWeightBound": false,
731
+ "effects": [
732
+ {
733
+ "type": "DROP_SHADOW",
734
+ "visible": true,
735
+ "spread": 4,
736
+ "colorVariable": "color/focus/ring"
737
+ }
738
+ ],
739
+ "children": [
740
+ {
741
+ "strokeAlign": "INSIDE",
742
+ "strokeVariables": [],
743
+ "strokeWeightBound": false,
744
+ "layoutPositioning": "AUTO"
745
+ },
746
+ {
747
+ "strokeAlign": "OUTSIDE",
748
+ "strokeVariables": [],
749
+ "strokeWeightBound": false,
750
+ "layoutPositioning": "AUTO"
751
+ },
752
+ {
753
+ "strokeAlign": "INSIDE",
754
+ "strokeVariables": [],
755
+ "strokeWeightBound": false,
756
+ "layoutPositioning": "AUTO"
757
+ }
758
+ ]
759
+ },
760
+ {
761
+ "type": "COMPONENT",
762
+ "variantProperties": {
763
+ "variant": "outline",
764
+ "size": "lg",
765
+ "state": "Disabled"
766
+ }
767
+ },
768
+ {
769
+ "type": "COMPONENT",
770
+ "variantProperties": {
771
+ "variant": "outline",
772
+ "size": "lg",
773
+ "state": "Loading"
774
+ }
775
+ },
776
+ {
777
+ "type": "COMPONENT",
778
+ "variantProperties": {
779
+ "variant": "outline",
780
+ "size": "lg",
781
+ "state": "Active"
782
+ }
783
+ },
784
+ {
785
+ "type": "COMPONENT",
786
+ "variantProperties": {
787
+ "variant": "ghost",
788
+ "size": "sm",
789
+ "state": "Default"
790
+ }
791
+ },
792
+ {
793
+ "type": "COMPONENT",
794
+ "variantProperties": {
795
+ "variant": "ghost",
796
+ "size": "sm",
797
+ "state": "Hover"
798
+ }
799
+ },
800
+ {
801
+ "type": "COMPONENT",
802
+ "variantProperties": {
803
+ "variant": "ghost",
804
+ "size": "sm",
805
+ "state": "Focus"
806
+ },
807
+ "strokeAlign": "OUTSIDE",
808
+ "strokeVariables": [],
809
+ "strokeWeightBound": false,
810
+ "effects": [
811
+ {
812
+ "type": "DROP_SHADOW",
813
+ "visible": true,
814
+ "spread": 4,
815
+ "colorVariable": "color/focus/ring"
816
+ }
817
+ ],
818
+ "children": [
819
+ {
820
+ "strokeAlign": "INSIDE",
821
+ "strokeVariables": [],
822
+ "strokeWeightBound": false,
823
+ "layoutPositioning": "AUTO"
824
+ },
825
+ {
826
+ "strokeAlign": "OUTSIDE",
827
+ "strokeVariables": [],
828
+ "strokeWeightBound": false,
829
+ "layoutPositioning": "AUTO"
830
+ },
831
+ {
832
+ "strokeAlign": "INSIDE",
833
+ "strokeVariables": [],
834
+ "strokeWeightBound": false,
835
+ "layoutPositioning": "AUTO"
836
+ }
837
+ ]
838
+ },
839
+ {
840
+ "type": "COMPONENT",
841
+ "variantProperties": {
842
+ "variant": "ghost",
843
+ "size": "sm",
844
+ "state": "Disabled"
845
+ }
846
+ },
847
+ {
848
+ "type": "COMPONENT",
849
+ "variantProperties": {
850
+ "variant": "ghost",
851
+ "size": "sm",
852
+ "state": "Loading"
853
+ }
854
+ },
855
+ {
856
+ "type": "COMPONENT",
857
+ "variantProperties": {
858
+ "variant": "ghost",
859
+ "size": "sm",
860
+ "state": "Active"
861
+ }
862
+ },
863
+ {
864
+ "type": "COMPONENT",
865
+ "variantProperties": {
866
+ "variant": "ghost",
867
+ "size": "md",
868
+ "state": "Default"
869
+ }
870
+ },
871
+ {
872
+ "type": "COMPONENT",
873
+ "variantProperties": {
874
+ "variant": "ghost",
875
+ "size": "md",
876
+ "state": "Hover"
877
+ }
878
+ },
879
+ {
880
+ "type": "COMPONENT",
881
+ "variantProperties": {
882
+ "variant": "ghost",
883
+ "size": "md",
884
+ "state": "Focus"
885
+ },
886
+ "strokeAlign": "OUTSIDE",
887
+ "strokeVariables": [],
888
+ "strokeWeightBound": false,
889
+ "effects": [
890
+ {
891
+ "type": "DROP_SHADOW",
892
+ "visible": true,
893
+ "spread": 4,
894
+ "colorVariable": "color/focus/ring"
895
+ }
896
+ ],
897
+ "children": [
898
+ {
899
+ "strokeAlign": "INSIDE",
900
+ "strokeVariables": [],
901
+ "strokeWeightBound": false,
902
+ "layoutPositioning": "AUTO"
903
+ },
904
+ {
905
+ "strokeAlign": "OUTSIDE",
906
+ "strokeVariables": [],
907
+ "strokeWeightBound": false,
908
+ "layoutPositioning": "AUTO"
909
+ },
910
+ {
911
+ "strokeAlign": "INSIDE",
912
+ "strokeVariables": [],
913
+ "strokeWeightBound": false,
914
+ "layoutPositioning": "AUTO"
915
+ }
916
+ ]
917
+ },
918
+ {
919
+ "type": "COMPONENT",
920
+ "variantProperties": {
921
+ "variant": "ghost",
922
+ "size": "md",
923
+ "state": "Disabled"
924
+ }
925
+ },
926
+ {
927
+ "type": "COMPONENT",
928
+ "variantProperties": {
929
+ "variant": "ghost",
930
+ "size": "md",
931
+ "state": "Loading"
932
+ }
933
+ },
934
+ {
935
+ "type": "COMPONENT",
936
+ "variantProperties": {
937
+ "variant": "ghost",
938
+ "size": "md",
939
+ "state": "Active"
940
+ }
941
+ },
942
+ {
943
+ "type": "COMPONENT",
944
+ "variantProperties": {
945
+ "variant": "ghost",
946
+ "size": "lg",
947
+ "state": "Default"
948
+ }
949
+ },
950
+ {
951
+ "type": "COMPONENT",
952
+ "variantProperties": {
953
+ "variant": "ghost",
954
+ "size": "lg",
955
+ "state": "Hover"
956
+ }
957
+ },
958
+ {
959
+ "type": "COMPONENT",
960
+ "variantProperties": {
961
+ "variant": "ghost",
962
+ "size": "lg",
963
+ "state": "Focus"
964
+ },
965
+ "strokeAlign": "OUTSIDE",
966
+ "strokeVariables": [],
967
+ "strokeWeightBound": false,
968
+ "effects": [
969
+ {
970
+ "type": "DROP_SHADOW",
971
+ "visible": true,
972
+ "spread": 4,
973
+ "colorVariable": "color/focus/ring"
974
+ }
975
+ ],
976
+ "children": [
977
+ {
978
+ "strokeAlign": "INSIDE",
979
+ "strokeVariables": [],
980
+ "strokeWeightBound": false,
981
+ "layoutPositioning": "AUTO"
982
+ },
983
+ {
984
+ "strokeAlign": "OUTSIDE",
985
+ "strokeVariables": [],
986
+ "strokeWeightBound": false,
987
+ "layoutPositioning": "AUTO"
988
+ },
989
+ {
990
+ "strokeAlign": "INSIDE",
991
+ "strokeVariables": [],
992
+ "strokeWeightBound": false,
993
+ "layoutPositioning": "AUTO"
994
+ }
995
+ ]
996
+ },
997
+ {
998
+ "type": "COMPONENT",
999
+ "variantProperties": {
1000
+ "variant": "ghost",
1001
+ "size": "lg",
1002
+ "state": "Disabled"
1003
+ }
1004
+ },
1005
+ {
1006
+ "type": "COMPONENT",
1007
+ "variantProperties": {
1008
+ "variant": "ghost",
1009
+ "size": "lg",
1010
+ "state": "Loading"
1011
+ }
1012
+ },
1013
+ {
1014
+ "type": "COMPONENT",
1015
+ "variantProperties": {
1016
+ "variant": "ghost",
1017
+ "size": "lg",
1018
+ "state": "Active"
1019
+ }
1020
+ },
1021
+ {
1022
+ "type": "COMPONENT",
1023
+ "variantProperties": {
1024
+ "variant": "link",
1025
+ "size": "sm",
1026
+ "state": "Default"
1027
+ }
1028
+ },
1029
+ {
1030
+ "type": "COMPONENT",
1031
+ "variantProperties": {
1032
+ "variant": "link",
1033
+ "size": "sm",
1034
+ "state": "Hover"
1035
+ }
1036
+ },
1037
+ {
1038
+ "type": "COMPONENT",
1039
+ "variantProperties": {
1040
+ "variant": "link",
1041
+ "size": "sm",
1042
+ "state": "Focus"
1043
+ },
1044
+ "strokeAlign": "OUTSIDE",
1045
+ "strokeVariables": [],
1046
+ "strokeWeightBound": false,
1047
+ "effects": [
1048
+ {
1049
+ "type": "DROP_SHADOW",
1050
+ "visible": true,
1051
+ "spread": 4,
1052
+ "colorVariable": "color/focus/ring"
1053
+ }
1054
+ ],
1055
+ "children": [
1056
+ {
1057
+ "strokeAlign": "INSIDE",
1058
+ "strokeVariables": [],
1059
+ "strokeWeightBound": false,
1060
+ "layoutPositioning": "AUTO"
1061
+ },
1062
+ {
1063
+ "strokeAlign": "OUTSIDE",
1064
+ "strokeVariables": [],
1065
+ "strokeWeightBound": false,
1066
+ "layoutPositioning": "AUTO"
1067
+ },
1068
+ {
1069
+ "strokeAlign": "INSIDE",
1070
+ "strokeVariables": [],
1071
+ "strokeWeightBound": false,
1072
+ "layoutPositioning": "AUTO"
1073
+ }
1074
+ ]
1075
+ },
1076
+ {
1077
+ "type": "COMPONENT",
1078
+ "variantProperties": {
1079
+ "variant": "link",
1080
+ "size": "sm",
1081
+ "state": "Disabled"
1082
+ }
1083
+ },
1084
+ {
1085
+ "type": "COMPONENT",
1086
+ "variantProperties": {
1087
+ "variant": "link",
1088
+ "size": "sm",
1089
+ "state": "Loading"
1090
+ }
1091
+ },
1092
+ {
1093
+ "type": "COMPONENT",
1094
+ "variantProperties": {
1095
+ "variant": "link",
1096
+ "size": "sm",
1097
+ "state": "Active"
1098
+ }
1099
+ },
1100
+ {
1101
+ "type": "COMPONENT",
1102
+ "variantProperties": {
1103
+ "variant": "link",
1104
+ "size": "md",
1105
+ "state": "Default"
1106
+ }
1107
+ },
1108
+ {
1109
+ "type": "COMPONENT",
1110
+ "variantProperties": {
1111
+ "variant": "link",
1112
+ "size": "md",
1113
+ "state": "Hover"
1114
+ }
1115
+ },
1116
+ {
1117
+ "type": "COMPONENT",
1118
+ "variantProperties": {
1119
+ "variant": "link",
1120
+ "size": "md",
1121
+ "state": "Focus"
1122
+ },
1123
+ "strokeAlign": "OUTSIDE",
1124
+ "strokeVariables": [],
1125
+ "strokeWeightBound": false,
1126
+ "effects": [
1127
+ {
1128
+ "type": "DROP_SHADOW",
1129
+ "visible": true,
1130
+ "spread": 4,
1131
+ "colorVariable": "color/focus/ring"
1132
+ }
1133
+ ],
1134
+ "children": [
1135
+ {
1136
+ "strokeAlign": "INSIDE",
1137
+ "strokeVariables": [],
1138
+ "strokeWeightBound": false,
1139
+ "layoutPositioning": "AUTO"
1140
+ },
1141
+ {
1142
+ "strokeAlign": "OUTSIDE",
1143
+ "strokeVariables": [],
1144
+ "strokeWeightBound": false,
1145
+ "layoutPositioning": "AUTO"
1146
+ },
1147
+ {
1148
+ "strokeAlign": "INSIDE",
1149
+ "strokeVariables": [],
1150
+ "strokeWeightBound": false,
1151
+ "layoutPositioning": "AUTO"
1152
+ }
1153
+ ]
1154
+ },
1155
+ {
1156
+ "type": "COMPONENT",
1157
+ "variantProperties": {
1158
+ "variant": "link",
1159
+ "size": "md",
1160
+ "state": "Disabled"
1161
+ }
1162
+ },
1163
+ {
1164
+ "type": "COMPONENT",
1165
+ "variantProperties": {
1166
+ "variant": "link",
1167
+ "size": "md",
1168
+ "state": "Loading"
1169
+ }
1170
+ },
1171
+ {
1172
+ "type": "COMPONENT",
1173
+ "variantProperties": {
1174
+ "variant": "link",
1175
+ "size": "md",
1176
+ "state": "Active"
1177
+ }
1178
+ },
1179
+ {
1180
+ "type": "COMPONENT",
1181
+ "variantProperties": {
1182
+ "variant": "link",
1183
+ "size": "lg",
1184
+ "state": "Default"
1185
+ }
1186
+ },
1187
+ {
1188
+ "type": "COMPONENT",
1189
+ "variantProperties": {
1190
+ "variant": "link",
1191
+ "size": "lg",
1192
+ "state": "Hover"
1193
+ }
1194
+ },
1195
+ {
1196
+ "type": "COMPONENT",
1197
+ "variantProperties": {
1198
+ "variant": "link",
1199
+ "size": "lg",
1200
+ "state": "Focus"
1201
+ },
1202
+ "strokeAlign": "OUTSIDE",
1203
+ "strokeVariables": [],
1204
+ "strokeWeightBound": false,
1205
+ "effects": [
1206
+ {
1207
+ "type": "DROP_SHADOW",
1208
+ "visible": true,
1209
+ "spread": 4,
1210
+ "colorVariable": "color/focus/ring"
1211
+ }
1212
+ ],
1213
+ "children": [
1214
+ {
1215
+ "strokeAlign": "INSIDE",
1216
+ "strokeVariables": [],
1217
+ "strokeWeightBound": false,
1218
+ "layoutPositioning": "AUTO"
1219
+ },
1220
+ {
1221
+ "strokeAlign": "OUTSIDE",
1222
+ "strokeVariables": [],
1223
+ "strokeWeightBound": false,
1224
+ "layoutPositioning": "AUTO"
1225
+ },
1226
+ {
1227
+ "strokeAlign": "INSIDE",
1228
+ "strokeVariables": [],
1229
+ "strokeWeightBound": false,
1230
+ "layoutPositioning": "AUTO"
1231
+ }
1232
+ ]
1233
+ },
1234
+ {
1235
+ "type": "COMPONENT",
1236
+ "variantProperties": {
1237
+ "variant": "link",
1238
+ "size": "lg",
1239
+ "state": "Disabled"
1240
+ }
1241
+ },
1242
+ {
1243
+ "type": "COMPONENT",
1244
+ "variantProperties": {
1245
+ "variant": "link",
1246
+ "size": "lg",
1247
+ "state": "Loading"
1248
+ }
1249
+ },
1250
+ {
1251
+ "type": "COMPONENT",
1252
+ "variantProperties": {
1253
+ "variant": "link",
1254
+ "size": "lg",
1255
+ "state": "Active"
1256
+ }
1257
+ },
1258
+ {
1259
+ "type": "COMPONENT",
1260
+ "variantProperties": {
1261
+ "variant": "destructive",
1262
+ "size": "sm",
1263
+ "state": "Default"
1264
+ }
1265
+ },
1266
+ {
1267
+ "type": "COMPONENT",
1268
+ "variantProperties": {
1269
+ "variant": "destructive",
1270
+ "size": "sm",
1271
+ "state": "Hover"
1272
+ }
1273
+ },
1274
+ {
1275
+ "type": "COMPONENT",
1276
+ "variantProperties": {
1277
+ "variant": "destructive",
1278
+ "size": "sm",
1279
+ "state": "Focus"
1280
+ },
1281
+ "strokeAlign": "OUTSIDE",
1282
+ "strokeVariables": [],
1283
+ "strokeWeightBound": false,
1284
+ "effects": [
1285
+ {
1286
+ "type": "DROP_SHADOW",
1287
+ "visible": true,
1288
+ "spread": 4,
1289
+ "colorVariable": "color/focus/ringOnFill"
1290
+ }
1291
+ ],
1292
+ "children": [
1293
+ {
1294
+ "strokeAlign": "INSIDE",
1295
+ "strokeVariables": [],
1296
+ "strokeWeightBound": false,
1297
+ "layoutPositioning": "AUTO"
1298
+ },
1299
+ {
1300
+ "strokeAlign": "OUTSIDE",
1301
+ "strokeVariables": [],
1302
+ "strokeWeightBound": false,
1303
+ "layoutPositioning": "AUTO"
1304
+ },
1305
+ {
1306
+ "strokeAlign": "INSIDE",
1307
+ "strokeVariables": [],
1308
+ "strokeWeightBound": false,
1309
+ "layoutPositioning": "AUTO"
1310
+ }
1311
+ ]
1312
+ },
1313
+ {
1314
+ "type": "COMPONENT",
1315
+ "variantProperties": {
1316
+ "variant": "destructive",
1317
+ "size": "sm",
1318
+ "state": "Disabled"
1319
+ }
1320
+ },
1321
+ {
1322
+ "type": "COMPONENT",
1323
+ "variantProperties": {
1324
+ "variant": "destructive",
1325
+ "size": "sm",
1326
+ "state": "Loading"
1327
+ }
1328
+ },
1329
+ {
1330
+ "type": "COMPONENT",
1331
+ "variantProperties": {
1332
+ "variant": "destructive",
1333
+ "size": "sm",
1334
+ "state": "Active"
1335
+ }
1336
+ },
1337
+ {
1338
+ "type": "COMPONENT",
1339
+ "variantProperties": {
1340
+ "variant": "destructive",
1341
+ "size": "md",
1342
+ "state": "Default"
1343
+ }
1344
+ },
1345
+ {
1346
+ "type": "COMPONENT",
1347
+ "variantProperties": {
1348
+ "variant": "destructive",
1349
+ "size": "md",
1350
+ "state": "Hover"
1351
+ }
1352
+ },
1353
+ {
1354
+ "type": "COMPONENT",
1355
+ "variantProperties": {
1356
+ "variant": "destructive",
1357
+ "size": "md",
1358
+ "state": "Focus"
1359
+ },
1360
+ "strokeAlign": "OUTSIDE",
1361
+ "strokeVariables": [],
1362
+ "strokeWeightBound": false,
1363
+ "effects": [
1364
+ {
1365
+ "type": "DROP_SHADOW",
1366
+ "visible": true,
1367
+ "spread": 4,
1368
+ "colorVariable": "color/focus/ringOnFill"
1369
+ }
1370
+ ],
1371
+ "children": [
1372
+ {
1373
+ "strokeAlign": "INSIDE",
1374
+ "strokeVariables": [],
1375
+ "strokeWeightBound": false,
1376
+ "layoutPositioning": "AUTO"
1377
+ },
1378
+ {
1379
+ "strokeAlign": "OUTSIDE",
1380
+ "strokeVariables": [],
1381
+ "strokeWeightBound": false,
1382
+ "layoutPositioning": "AUTO"
1383
+ },
1384
+ {
1385
+ "strokeAlign": "INSIDE",
1386
+ "strokeVariables": [],
1387
+ "strokeWeightBound": false,
1388
+ "layoutPositioning": "AUTO"
1389
+ }
1390
+ ]
1391
+ },
1392
+ {
1393
+ "type": "COMPONENT",
1394
+ "variantProperties": {
1395
+ "variant": "destructive",
1396
+ "size": "md",
1397
+ "state": "Disabled"
1398
+ }
1399
+ },
1400
+ {
1401
+ "type": "COMPONENT",
1402
+ "variantProperties": {
1403
+ "variant": "destructive",
1404
+ "size": "md",
1405
+ "state": "Loading"
1406
+ }
1407
+ },
1408
+ {
1409
+ "type": "COMPONENT",
1410
+ "variantProperties": {
1411
+ "variant": "destructive",
1412
+ "size": "md",
1413
+ "state": "Active"
1414
+ }
1415
+ },
1416
+ {
1417
+ "type": "COMPONENT",
1418
+ "variantProperties": {
1419
+ "variant": "destructive",
1420
+ "size": "lg",
1421
+ "state": "Default"
1422
+ }
1423
+ },
1424
+ {
1425
+ "type": "COMPONENT",
1426
+ "variantProperties": {
1427
+ "variant": "destructive",
1428
+ "size": "lg",
1429
+ "state": "Hover"
1430
+ }
1431
+ },
1432
+ {
1433
+ "type": "COMPONENT",
1434
+ "variantProperties": {
1435
+ "variant": "destructive",
1436
+ "size": "lg",
1437
+ "state": "Focus"
1438
+ },
1439
+ "strokeAlign": "OUTSIDE",
1440
+ "strokeVariables": [],
1441
+ "strokeWeightBound": false,
1442
+ "effects": [
1443
+ {
1444
+ "type": "DROP_SHADOW",
1445
+ "visible": true,
1446
+ "spread": 4,
1447
+ "colorVariable": "color/focus/ringOnFill"
1448
+ }
1449
+ ],
1450
+ "children": [
1451
+ {
1452
+ "strokeAlign": "INSIDE",
1453
+ "strokeVariables": [],
1454
+ "strokeWeightBound": false,
1455
+ "layoutPositioning": "AUTO"
1456
+ },
1457
+ {
1458
+ "strokeAlign": "OUTSIDE",
1459
+ "strokeVariables": [],
1460
+ "strokeWeightBound": false,
1461
+ "layoutPositioning": "AUTO"
1462
+ },
1463
+ {
1464
+ "strokeAlign": "INSIDE",
1465
+ "strokeVariables": [],
1466
+ "strokeWeightBound": false,
1467
+ "layoutPositioning": "AUTO"
1468
+ }
1469
+ ]
1470
+ },
1471
+ {
1472
+ "type": "COMPONENT",
1473
+ "variantProperties": {
1474
+ "variant": "destructive",
1475
+ "size": "lg",
1476
+ "state": "Disabled"
1477
+ }
1478
+ },
1479
+ {
1480
+ "type": "COMPONENT",
1481
+ "variantProperties": {
1482
+ "variant": "destructive",
1483
+ "size": "lg",
1484
+ "state": "Loading"
1485
+ }
1486
+ },
1487
+ {
1488
+ "type": "COMPONENT",
1489
+ "variantProperties": {
1490
+ "variant": "destructive",
1491
+ "size": "lg",
1492
+ "state": "Active"
1493
+ }
1494
+ }
1495
+ ]
1496
+ }
1497
+ }