@seed-design/rootage-artifacts 1.2.12 → 2.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 (127) hide show
  1. package/__generated__/collections.json +53 -0
  2. package/__generated__/color.json +2465 -0
  3. package/__generated__/components/accordion-item.json +501 -0
  4. package/__generated__/components/accordion.json +86 -0
  5. package/__generated__/components/action-button.json +1568 -0
  6. package/__generated__/components/action-chip.json +454 -0
  7. package/__generated__/components/action-sheet-close-button.json +115 -0
  8. package/__generated__/components/action-sheet-item.json +159 -0
  9. package/__generated__/components/action-sheet.json +269 -0
  10. package/__generated__/components/attachment-input-dropzone.json +145 -0
  11. package/__generated__/components/attachment-input-item-action-button.json +149 -0
  12. package/__generated__/components/attachment-input-item-remove-button.json +127 -0
  13. package/__generated__/components/attachment-input-item.json +448 -0
  14. package/__generated__/components/attachment-input-trigger.json +210 -0
  15. package/__generated__/components/attachment-input.json +58 -0
  16. package/__generated__/components/avatar-stack.json +396 -0
  17. package/__generated__/components/avatar.json +698 -0
  18. package/__generated__/components/badge.json +759 -0
  19. package/__generated__/components/bottom-sheet-close-button.json +106 -0
  20. package/__generated__/components/bottom-sheet-handle.json +136 -0
  21. package/__generated__/components/bottom-sheet.json +435 -0
  22. package/__generated__/components/callout.json +613 -0
  23. package/__generated__/components/checkbox-group.json +43 -0
  24. package/__generated__/components/checkbox.json +196 -0
  25. package/__generated__/components/checkmark.json +573 -0
  26. package/__generated__/components/chip-tablist.json +107 -0
  27. package/__generated__/components/chip.json +929 -0
  28. package/__generated__/components/content-placeholder.json +171 -0
  29. package/__generated__/components/contextual-floating-button.json +473 -0
  30. package/__generated__/components/control-chip.json +524 -0
  31. package/__generated__/components/dialog.json +307 -0
  32. package/__generated__/components/divider.json +46 -0
  33. package/__generated__/components/extended-action-sheet-close-button.json +122 -0
  34. package/__generated__/components/extended-action-sheet-item.json +197 -0
  35. package/__generated__/components/extended-action-sheet.json +308 -0
  36. package/__generated__/components/extended-fab.json +337 -0
  37. package/__generated__/components/fab.json +124 -0
  38. package/__generated__/components/field-label.json +108 -0
  39. package/__generated__/components/field.json +381 -0
  40. package/__generated__/components/floating-action-button.json +259 -0
  41. package/__generated__/components/help-bubble.json +310 -0
  42. package/__generated__/components/identity-placeholder.json +56 -0
  43. package/__generated__/components/image-frame-floater.json +47 -0
  44. package/__generated__/components/image-frame-indicator.json +99 -0
  45. package/__generated__/components/image-frame-reaction-button.json +132 -0
  46. package/__generated__/components/image-frame.json +97 -0
  47. package/__generated__/components/inline-banner.json +581 -0
  48. package/__generated__/components/input-button.json +558 -0
  49. package/__generated__/components/link-content.json +210 -0
  50. package/__generated__/components/list-header.json +133 -0
  51. package/__generated__/components/list-item.json +401 -0
  52. package/__generated__/components/manner-temp-badge.json +373 -0
  53. package/__generated__/components/manner-temp.json +309 -0
  54. package/__generated__/components/menu-item.json +448 -0
  55. package/__generated__/components/menu-sheet-close-button.json +121 -0
  56. package/__generated__/components/menu-sheet-item.json +284 -0
  57. package/__generated__/components/menu-sheet.json +314 -0
  58. package/__generated__/components/menu.json +319 -0
  59. package/__generated__/components/notification-badge.json +232 -0
  60. package/__generated__/components/page-banner.json +956 -0
  61. package/__generated__/components/progress-circle.json +318 -0
  62. package/__generated__/components/radio-group.json +43 -0
  63. package/__generated__/components/radio.json +196 -0
  64. package/__generated__/components/radiomark.json +399 -0
  65. package/__generated__/components/reaction-button.json +504 -0
  66. package/__generated__/components/scroll-fog.json +60 -0
  67. package/__generated__/components/segmented-control-indicator.json +107 -0
  68. package/__generated__/components/segmented-control-item.json +205 -0
  69. package/__generated__/components/segmented-control.json +57 -0
  70. package/__generated__/components/select-box-checkmark.json +149 -0
  71. package/__generated__/components/select-box-group.json +50 -0
  72. package/__generated__/components/select-box.json +468 -0
  73. package/__generated__/components/side-panel-close-button.json +120 -0
  74. package/__generated__/components/side-panel.json +434 -0
  75. package/__generated__/components/skeleton.json +236 -0
  76. package/__generated__/components/slider-thumb.json +114 -0
  77. package/__generated__/components/slider-tick.json +97 -0
  78. package/__generated__/components/slider.json +395 -0
  79. package/__generated__/components/snackbar.json +360 -0
  80. package/__generated__/components/switch.json +207 -0
  81. package/__generated__/components/switchmark.json +502 -0
  82. package/__generated__/components/tab.json +189 -0
  83. package/__generated__/components/tablist.json +225 -0
  84. package/__generated__/components/tag-group-item.json +402 -0
  85. package/__generated__/components/tag-group.json +137 -0
  86. package/__generated__/components/text-button.json +114 -0
  87. package/__generated__/components/text-input.json +886 -0
  88. package/__generated__/components/toggle-button.json +641 -0
  89. package/__generated__/components/top-navigation-icon-button.json +139 -0
  90. package/__generated__/components/top-navigation-text-button.json +225 -0
  91. package/__generated__/components/top-navigation.json +438 -0
  92. package/__generated__/components/typography.json +2674 -0
  93. package/__generated__/dimension.json +275 -0
  94. package/__generated__/duration.json +95 -0
  95. package/__generated__/font-size.json +338 -0
  96. package/__generated__/font-weight.json +36 -0
  97. package/__generated__/gradient.json +247 -0
  98. package/__generated__/index.json +309 -0
  99. package/__generated__/line-height.json +338 -0
  100. package/__generated__/radius.json +133 -0
  101. package/__generated__/shadow.json +170 -0
  102. package/__generated__/timing-function.json +103 -0
  103. package/collections.yaml +15 -3
  104. package/color.yaml +14 -6
  105. package/components/accordion-item.yaml +193 -0
  106. package/components/accordion.yaml +33 -0
  107. package/components/attachment-input-dropzone.yaml +55 -0
  108. package/components/attachment-input-item-action-button.yaml +53 -0
  109. package/components/attachment-input-item-remove-button.yaml +48 -0
  110. package/components/attachment-input-item.yaml +168 -0
  111. package/components/attachment-input-trigger.yaml +81 -0
  112. package/components/attachment-input.yaml +25 -0
  113. package/components/chip-tablist.yaml +0 -4
  114. package/components/image-frame.yaml +0 -20
  115. package/components/input-button.yaml +67 -20
  116. package/components/menu-item.yaml +162 -0
  117. package/components/menu-sheet-close-button.yaml +0 -1
  118. package/components/menu.yaml +124 -0
  119. package/components/side-panel-close-button.yaml +44 -0
  120. package/components/side-panel.yaml +170 -0
  121. package/components/text-input.yaml +61 -18
  122. package/components/typography.yaml +276 -0
  123. package/font-size.yaml +32 -0
  124. package/gradient.yaml +0 -38
  125. package/line-height.yaml +32 -0
  126. package/package.json +11 -3
  127. package/components/chip-tab.yaml +0 -137
package/__generated__/components/page-banner.json ADDED
@@ -0,0 +1,956 @@
1
+ {
2
+ "kind": "ComponentSpec",
3
+ "metadata": {
4
+ "id": "page-banner",
5
+ "name": "Page Banner"
6
+ },
7
+ "data": {
8
+ "id": "page-banner",
9
+ "name": "Page Banner",
10
+ "schema": {
11
+ "slots": {
12
+ "root": {
13
+ "properties": {
14
+ "paddingX": {
15
+ "type": "dimension"
16
+ },
17
+ "paddingY": {
18
+ "type": "dimension"
19
+ },
20
+ "minHeight": {
21
+ "type": "dimension"
22
+ },
23
+ "color": {
24
+ "type": "color"
25
+ },
26
+ "gradient": {
27
+ "type": "gradient"
28
+ }
29
+ }
30
+ },
31
+ "prefixIcon": {
32
+ "properties": {
33
+ "size": {
34
+ "type": "dimension"
35
+ },
36
+ "marginRight": {
37
+ "type": "dimension"
38
+ },
39
+ "color": {
40
+ "type": "color"
41
+ }
42
+ },
43
+ "description": "아이콘은 Fill 타입 사용을 권장합니다."
44
+ },
45
+ "content": {
46
+ "properties": {
47
+ "gap": {
48
+ "type": "dimension"
49
+ }
50
+ }
51
+ },
52
+ "title": {
53
+ "properties": {
54
+ "fontSize": {
55
+ "type": "dimension"
56
+ },
57
+ "lineHeight": {
58
+ "type": "dimension"
59
+ },
60
+ "fontWeight": {
61
+ "type": "number"
62
+ },
63
+ "color": {
64
+ "type": "color"
65
+ }
66
+ }
67
+ },
68
+ "description": {
69
+ "properties": {
70
+ "fontSize": {
71
+ "type": "dimension"
72
+ },
73
+ "lineHeight": {
74
+ "type": "dimension"
75
+ },
76
+ "fontWeight": {
77
+ "type": "number"
78
+ },
79
+ "color": {
80
+ "type": "color"
81
+ }
82
+ }
83
+ },
84
+ "button": {
85
+ "properties": {
86
+ "targetHeight": {
87
+ "type": "dimension"
88
+ },
89
+ "fontSize": {
90
+ "type": "dimension"
91
+ },
92
+ "lineHeight": {
93
+ "type": "dimension"
94
+ },
95
+ "fontWeight": {
96
+ "type": "number"
97
+ },
98
+ "color": {
99
+ "type": "color"
100
+ }
101
+ }
102
+ },
103
+ "suffixIcon": {
104
+ "properties": {
105
+ "size": {
106
+ "type": "dimension"
107
+ },
108
+ "targetSize": {
109
+ "type": "dimension"
110
+ },
111
+ "marginLeft": {
112
+ "type": "dimension"
113
+ },
114
+ "color": {
115
+ "type": "color"
116
+ }
117
+ }
118
+ }
119
+ },
120
+ "variants": {
121
+ "tone": {
122
+ "values": {
123
+ "neutral": {},
124
+ "positive": {},
125
+ "informative": {},
126
+ "warning": {},
127
+ "critical": {},
128
+ "magic": {
129
+ "description": "AI 기능을 나타냅니다. variant=solid와 조합하여 사용하지 않습니다."
130
+ }
131
+ },
132
+ "defaultValue": "neutral"
133
+ },
134
+ "variant": {
135
+ "values": {
136
+ "weak": {
137
+ "description": "배경색이 연한 스타일입니다."
138
+ },
139
+ "solid": {
140
+ "description": "배경색이 진한 스타일입니다."
141
+ }
142
+ },
143
+ "defaultValue": "weak"
144
+ }
145
+ }
146
+ },
147
+ "definitions": [
148
+ {
149
+ "variants": {},
150
+ "definitions": [
151
+ {
152
+ "states": [
153
+ "enabled"
154
+ ],
155
+ "slots": {
156
+ "root": {
157
+ "paddingX": {
158
+ "type": "dimension",
159
+ "value": "$dimension.x4"
160
+ },
161
+ "paddingY": {
162
+ "type": "dimension",
163
+ "value": "$dimension.x2_5"
164
+ },
165
+ "minHeight": {
166
+ "type": "dimension",
167
+ "value": "$dimension.x10"
168
+ }
169
+ },
170
+ "prefixIcon": {
171
+ "size": {
172
+ "type": "dimension",
173
+ "value": "$dimension.x4"
174
+ },
175
+ "marginRight": {
176
+ "type": "dimension",
177
+ "value": "$dimension.x2"
178
+ }
179
+ },
180
+ "content": {
181
+ "gap": {
182
+ "type": "dimension",
183
+ "value": "$dimension.x1_5"
184
+ }
185
+ },
186
+ "title": {
187
+ "fontSize": {
188
+ "type": "dimension",
189
+ "value": "$font-size.t4"
190
+ },
191
+ "lineHeight": {
192
+ "type": "dimension",
193
+ "value": "$line-height.t4"
194
+ },
195
+ "fontWeight": {
196
+ "type": "number",
197
+ "value": "$font-weight.bold"
198
+ }
199
+ },
200
+ "description": {
201
+ "fontSize": {
202
+ "type": "dimension",
203
+ "value": "$font-size.t4"
204
+ },
205
+ "lineHeight": {
206
+ "type": "dimension",
207
+ "value": "$line-height.t4"
208
+ },
209
+ "fontWeight": {
210
+ "type": "number",
211
+ "value": "$font-weight.medium"
212
+ }
213
+ },
214
+ "button": {
215
+ "targetHeight": {
216
+ "type": "dimension",
217
+ "value": "$dimension.x10"
218
+ },
219
+ "fontSize": {
220
+ "type": "dimension",
221
+ "value": "$font-size.t3"
222
+ },
223
+ "lineHeight": {
224
+ "type": "dimension",
225
+ "value": "$line-height.t3"
226
+ },
227
+ "fontWeight": {
228
+ "type": "number",
229
+ "value": "$font-weight.bold"
230
+ }
231
+ },
232
+ "suffixIcon": {
233
+ "size": {
234
+ "type": "dimension",
235
+ "value": "$dimension.x4"
236
+ },
237
+ "targetSize": {
238
+ "type": "dimension",
239
+ "value": "$dimension.x10"
240
+ },
241
+ "marginLeft": {
242
+ "type": "dimension",
243
+ "value": "$dimension.x2"
244
+ }
245
+ }
246
+ }
247
+ }
248
+ ]
249
+ },
250
+ {
251
+ "variants": {
252
+ "tone": "neutral",
253
+ "variant": "weak"
254
+ },
255
+ "definitions": [
256
+ {
257
+ "states": [
258
+ "enabled"
259
+ ],
260
+ "slots": {
261
+ "root": {
262
+ "color": {
263
+ "type": "color",
264
+ "value": "$color.bg.neutral-weak"
265
+ }
266
+ },
267
+ "prefixIcon": {
268
+ "color": {
269
+ "type": "color",
270
+ "value": "$color.fg.neutral"
271
+ }
272
+ },
273
+ "title": {
274
+ "color": {
275
+ "type": "color",
276
+ "value": "$color.fg.neutral"
277
+ }
278
+ },
279
+ "description": {
280
+ "color": {
281
+ "type": "color",
282
+ "value": "$color.fg.neutral"
283
+ }
284
+ },
285
+ "button": {
286
+ "color": {
287
+ "type": "color",
288
+ "value": "$color.fg.neutral"
289
+ }
290
+ },
291
+ "suffixIcon": {
292
+ "color": {
293
+ "type": "color",
294
+ "value": "$color.fg.neutral"
295
+ }
296
+ }
297
+ }
298
+ },
299
+ {
300
+ "states": [
301
+ "pressed"
302
+ ],
303
+ "slots": {
304
+ "root": {
305
+ "color": {
306
+ "type": "color",
307
+ "value": "$color.bg.neutral-weak-pressed"
308
+ }
309
+ }
310
+ }
311
+ }
312
+ ]
313
+ },
314
+ {
315
+ "variants": {
316
+ "tone": "neutral",
317
+ "variant": "solid"
318
+ },
319
+ "definitions": [
320
+ {
321
+ "states": [
322
+ "enabled"
323
+ ],
324
+ "slots": {
325
+ "root": {
326
+ "color": {
327
+ "type": "color",
328
+ "value": "$color.bg.neutral-inverted"
329
+ }
330
+ },
331
+ "prefixIcon": {
332
+ "color": {
333
+ "type": "color",
334
+ "value": "$color.fg.neutral-inverted"
335
+ }
336
+ },
337
+ "title": {
338
+ "color": {
339
+ "type": "color",
340
+ "value": "$color.fg.neutral-inverted"
341
+ }
342
+ },
343
+ "description": {
344
+ "color": {
345
+ "type": "color",
346
+ "value": "$color.fg.neutral-inverted"
347
+ }
348
+ },
349
+ "button": {
350
+ "color": {
351
+ "type": "color",
352
+ "value": "$color.fg.neutral-inverted"
353
+ }
354
+ },
355
+ "suffixIcon": {
356
+ "color": {
357
+ "type": "color",
358
+ "value": "$color.fg.neutral-inverted"
359
+ }
360
+ }
361
+ }
362
+ },
363
+ {
364
+ "states": [
365
+ "pressed"
366
+ ],
367
+ "slots": {
368
+ "root": {
369
+ "color": {
370
+ "type": "color",
371
+ "value": "$color.bg.neutral-inverted-pressed"
372
+ }
373
+ }
374
+ }
375
+ }
376
+ ]
377
+ },
378
+ {
379
+ "variants": {
380
+ "tone": "positive",
381
+ "variant": "weak"
382
+ },
383
+ "definitions": [
384
+ {
385
+ "states": [
386
+ "enabled"
387
+ ],
388
+ "slots": {
389
+ "root": {
390
+ "color": {
391
+ "type": "color",
392
+ "value": "$color.bg.positive-weak"
393
+ }
394
+ },
395
+ "prefixIcon": {
396
+ "color": {
397
+ "type": "color",
398
+ "value": "$color.fg.positive-contrast"
399
+ }
400
+ },
401
+ "title": {
402
+ "color": {
403
+ "type": "color",
404
+ "value": "$color.fg.positive-contrast"
405
+ }
406
+ },
407
+ "description": {
408
+ "color": {
409
+ "type": "color",
410
+ "value": "$color.fg.positive-contrast"
411
+ }
412
+ },
413
+ "button": {
414
+ "color": {
415
+ "type": "color",
416
+ "value": "$color.fg.positive-contrast"
417
+ }
418
+ },
419
+ "suffixIcon": {
420
+ "color": {
421
+ "type": "color",
422
+ "value": "$color.fg.positive-contrast"
423
+ }
424
+ }
425
+ }
426
+ },
427
+ {
428
+ "states": [
429
+ "pressed"
430
+ ],
431
+ "slots": {
432
+ "root": {
433
+ "color": {
434
+ "type": "color",
435
+ "value": "$color.bg.positive-weak-pressed"
436
+ }
437
+ }
438
+ }
439
+ }
440
+ ]
441
+ },
442
+ {
443
+ "variants": {
444
+ "tone": "positive",
445
+ "variant": "solid"
446
+ },
447
+ "definitions": [
448
+ {
449
+ "states": [
450
+ "enabled"
451
+ ],
452
+ "slots": {
453
+ "root": {
454
+ "color": {
455
+ "type": "color",
456
+ "value": "$color.bg.positive-solid"
457
+ }
458
+ },
459
+ "prefixIcon": {
460
+ "color": {
461
+ "type": "color",
462
+ "value": "$color.palette.static-white"
463
+ }
464
+ },
465
+ "title": {
466
+ "color": {
467
+ "type": "color",
468
+ "value": "$color.palette.static-white"
469
+ }
470
+ },
471
+ "description": {
472
+ "color": {
473
+ "type": "color",
474
+ "value": "$color.palette.static-white"
475
+ }
476
+ },
477
+ "button": {
478
+ "color": {
479
+ "type": "color",
480
+ "value": "$color.palette.static-white"
481
+ }
482
+ },
483
+ "suffixIcon": {
484
+ "color": {
485
+ "type": "color",
486
+ "value": "$color.palette.static-white"
487
+ }
488
+ }
489
+ }
490
+ },
491
+ {
492
+ "states": [
493
+ "pressed"
494
+ ],
495
+ "slots": {
496
+ "root": {
497
+ "color": {
498
+ "type": "color",
499
+ "value": "$color.bg.positive-solid-pressed"
500
+ }
501
+ }
502
+ }
503
+ }
504
+ ]
505
+ },
506
+ {
507
+ "variants": {
508
+ "tone": "informative",
509
+ "variant": "weak"
510
+ },
511
+ "definitions": [
512
+ {
513
+ "states": [
514
+ "enabled"
515
+ ],
516
+ "slots": {
517
+ "root": {
518
+ "color": {
519
+ "type": "color",
520
+ "value": "$color.bg.informative-weak"
521
+ }
522
+ },
523
+ "prefixIcon": {
524
+ "color": {
525
+ "type": "color",
526
+ "value": "$color.fg.informative-contrast"
527
+ }
528
+ },
529
+ "title": {
530
+ "color": {
531
+ "type": "color",
532
+ "value": "$color.fg.informative-contrast"
533
+ }
534
+ },
535
+ "description": {
536
+ "color": {
537
+ "type": "color",
538
+ "value": "$color.fg.informative-contrast"
539
+ }
540
+ },
541
+ "button": {
542
+ "color": {
543
+ "type": "color",
544
+ "value": "$color.fg.informative-contrast"
545
+ }
546
+ },
547
+ "suffixIcon": {
548
+ "color": {
549
+ "type": "color",
550
+ "value": "$color.fg.informative-contrast"
551
+ }
552
+ }
553
+ }
554
+ },
555
+ {
556
+ "states": [
557
+ "pressed"
558
+ ],
559
+ "slots": {
560
+ "root": {
561
+ "color": {
562
+ "type": "color",
563
+ "value": "$color.bg.informative-weak-pressed"
564
+ }
565
+ }
566
+ }
567
+ }
568
+ ]
569
+ },
570
+ {
571
+ "variants": {
572
+ "tone": "informative",
573
+ "variant": "solid"
574
+ },
575
+ "definitions": [
576
+ {
577
+ "states": [
578
+ "enabled"
579
+ ],
580
+ "slots": {
581
+ "root": {
582
+ "color": {
583
+ "type": "color",
584
+ "value": "$color.bg.informative-solid"
585
+ }
586
+ },
587
+ "prefixIcon": {
588
+ "color": {
589
+ "type": "color",
590
+ "value": "$color.palette.static-white"
591
+ }
592
+ },
593
+ "title": {
594
+ "color": {
595
+ "type": "color",
596
+ "value": "$color.palette.static-white"
597
+ }
598
+ },
599
+ "description": {
600
+ "color": {
601
+ "type": "color",
602
+ "value": "$color.palette.static-white"
603
+ }
604
+ },
605
+ "button": {
606
+ "color": {
607
+ "type": "color",
608
+ "value": "$color.palette.static-white"
609
+ }
610
+ },
611
+ "suffixIcon": {
612
+ "color": {
613
+ "type": "color",
614
+ "value": "$color.palette.static-white"
615
+ }
616
+ }
617
+ }
618
+ },
619
+ {
620
+ "states": [
621
+ "pressed"
622
+ ],
623
+ "slots": {
624
+ "root": {
625
+ "color": {
626
+ "type": "color",
627
+ "value": "$color.bg.informative-solid-pressed"
628
+ }
629
+ }
630
+ }
631
+ }
632
+ ]
633
+ },
634
+ {
635
+ "variants": {
636
+ "tone": "warning",
637
+ "variant": "weak"
638
+ },
639
+ "definitions": [
640
+ {
641
+ "states": [
642
+ "enabled"
643
+ ],
644
+ "slots": {
645
+ "root": {
646
+ "color": {
647
+ "type": "color",
648
+ "value": "$color.bg.warning-weak"
649
+ }
650
+ },
651
+ "prefixIcon": {
652
+ "color": {
653
+ "type": "color",
654
+ "value": "$color.fg.warning-contrast"
655
+ }
656
+ },
657
+ "title": {
658
+ "color": {
659
+ "type": "color",
660
+ "value": "$color.fg.warning-contrast"
661
+ }
662
+ },
663
+ "description": {
664
+ "color": {
665
+ "type": "color",
666
+ "value": "$color.fg.warning-contrast"
667
+ }
668
+ },
669
+ "button": {
670
+ "color": {
671
+ "type": "color",
672
+ "value": "$color.fg.warning-contrast"
673
+ }
674
+ },
675
+ "suffixIcon": {
676
+ "color": {
677
+ "type": "color",
678
+ "value": "$color.fg.warning-contrast"
679
+ }
680
+ }
681
+ }
682
+ },
683
+ {
684
+ "states": [
685
+ "pressed"
686
+ ],
687
+ "slots": {
688
+ "root": {
689
+ "color": {
690
+ "type": "color",
691
+ "value": "$color.bg.warning-weak-pressed"
692
+ }
693
+ }
694
+ }
695
+ }
696
+ ]
697
+ },
698
+ {
699
+ "variants": {
700
+ "tone": "warning",
701
+ "variant": "solid"
702
+ },
703
+ "definitions": [
704
+ {
705
+ "states": [
706
+ "enabled"
707
+ ],
708
+ "slots": {
709
+ "root": {
710
+ "color": {
711
+ "type": "color",
712
+ "value": "$color.bg.warning-solid"
713
+ }
714
+ },
715
+ "prefixIcon": {
716
+ "color": {
717
+ "type": "color",
718
+ "value": "$color.palette.static-black-alpha-900"
719
+ }
720
+ },
721
+ "title": {
722
+ "color": {
723
+ "type": "color",
724
+ "value": "$color.palette.static-black-alpha-900"
725
+ }
726
+ },
727
+ "description": {
728
+ "color": {
729
+ "type": "color",
730
+ "value": "$color.palette.static-black-alpha-900"
731
+ }
732
+ },
733
+ "button": {
734
+ "color": {
735
+ "type": "color",
736
+ "value": "$color.palette.static-black-alpha-900"
737
+ }
738
+ },
739
+ "suffixIcon": {
740
+ "color": {
741
+ "type": "color",
742
+ "value": "$color.palette.static-black-alpha-900"
743
+ }
744
+ }
745
+ }
746
+ },
747
+ {
748
+ "states": [
749
+ "pressed"
750
+ ],
751
+ "slots": {
752
+ "root": {
753
+ "color": {
754
+ "type": "color",
755
+ "value": "$color.bg.warning-solid-pressed"
756
+ }
757
+ }
758
+ }
759
+ }
760
+ ]
761
+ },
762
+ {
763
+ "variants": {
764
+ "tone": "critical",
765
+ "variant": "weak"
766
+ },
767
+ "definitions": [
768
+ {
769
+ "states": [
770
+ "enabled"
771
+ ],
772
+ "slots": {
773
+ "root": {
774
+ "color": {
775
+ "type": "color",
776
+ "value": "$color.bg.critical-weak"
777
+ }
778
+ },
779
+ "prefixIcon": {
780
+ "color": {
781
+ "type": "color",
782
+ "value": "$color.fg.critical-contrast"
783
+ }
784
+ },
785
+ "title": {
786
+ "color": {
787
+ "type": "color",
788
+ "value": "$color.fg.critical-contrast"
789
+ }
790
+ },
791
+ "description": {
792
+ "color": {
793
+ "type": "color",
794
+ "value": "$color.fg.critical-contrast"
795
+ }
796
+ },
797
+ "button": {
798
+ "color": {
799
+ "type": "color",
800
+ "value": "$color.fg.critical-contrast"
801
+ }
802
+ },
803
+ "suffixIcon": {
804
+ "color": {
805
+ "type": "color",
806
+ "value": "$color.fg.critical-contrast"
807
+ }
808
+ }
809
+ }
810
+ },
811
+ {
812
+ "states": [
813
+ "pressed"
814
+ ],
815
+ "slots": {
816
+ "root": {
817
+ "color": {
818
+ "type": "color",
819
+ "value": "$color.bg.critical-weak-pressed"
820
+ }
821
+ }
822
+ }
823
+ }
824
+ ]
825
+ },
826
+ {
827
+ "variants": {
828
+ "tone": "critical",
829
+ "variant": "solid"
830
+ },
831
+ "definitions": [
832
+ {
833
+ "states": [
834
+ "enabled"
835
+ ],
836
+ "slots": {
837
+ "root": {
838
+ "color": {
839
+ "type": "color",
840
+ "value": "$color.bg.critical-solid"
841
+ }
842
+ },
843
+ "prefixIcon": {
844
+ "color": {
845
+ "type": "color",
846
+ "value": "$color.palette.static-white"
847
+ }
848
+ },
849
+ "title": {
850
+ "color": {
851
+ "type": "color",
852
+ "value": "$color.palette.static-white"
853
+ }
854
+ },
855
+ "description": {
856
+ "color": {
857
+ "type": "color",
858
+ "value": "$color.palette.static-white"
859
+ }
860
+ },
861
+ "button": {
862
+ "color": {
863
+ "type": "color",
864
+ "value": "$color.palette.static-white"
865
+ }
866
+ },
867
+ "suffixIcon": {
868
+ "color": {
869
+ "type": "color",
870
+ "value": "$color.palette.static-white"
871
+ }
872
+ }
873
+ }
874
+ },
875
+ {
876
+ "states": [
877
+ "pressed"
878
+ ],
879
+ "slots": {
880
+ "root": {
881
+ "color": {
882
+ "type": "color",
883
+ "value": "$color.bg.critical-solid-pressed"
884
+ }
885
+ }
886
+ }
887
+ }
888
+ ]
889
+ },
890
+ {
891
+ "variants": {
892
+ "tone": "magic",
893
+ "variant": "weak"
894
+ },
895
+ "definitions": [
896
+ {
897
+ "states": [
898
+ "enabled"
899
+ ],
900
+ "slots": {
901
+ "root": {
902
+ "gradient": {
903
+ "type": "gradient",
904
+ "value": "$gradient.glow-magic"
905
+ }
906
+ },
907
+ "prefixIcon": {
908
+ "color": {
909
+ "type": "color",
910
+ "value": "$color.fg.neutral"
911
+ }
912
+ },
913
+ "title": {
914
+ "color": {
915
+ "type": "color",
916
+ "value": "$color.fg.neutral"
917
+ }
918
+ },
919
+ "description": {
920
+ "color": {
921
+ "type": "color",
922
+ "value": "$color.fg.neutral"
923
+ }
924
+ },
925
+ "button": {
926
+ "color": {
927
+ "type": "color",
928
+ "value": "$color.fg.neutral"
929
+ }
930
+ },
931
+ "suffixIcon": {
932
+ "color": {
933
+ "type": "color",
934
+ "value": "$color.fg.neutral"
935
+ }
936
+ }
937
+ }
938
+ },
939
+ {
940
+ "states": [
941
+ "pressed"
942
+ ],
943
+ "slots": {
944
+ "root": {
945
+ "gradient": {
946
+ "type": "gradient",
947
+ "value": "$gradient.glow-magic-pressed"
948
+ }
949
+ }
950
+ }
951
+ }
952
+ ]
953
+ }
954
+ ]
955
+ }
956
+ }