ui-style-kit-css 2.4.1 → 2.6.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 (64) hide show
  1. package/CHANGELOG.md +75 -0
  2. package/README.md +92 -48
  3. package/dist/ui-style-kit.css +4117 -3544
  4. package/dist/ui-style-kit.min.css +3 -3
  5. package/dist/ui-style-kit.visual.css +4117 -3544
  6. package/dist/ui-style-kit.visual.min.css +3 -3
  7. package/dist/ui-style-kit.with-bridge.css +4117 -3544
  8. package/dist/ui-style-kit.with-bridge.min.css +3 -3
  9. package/dist/visual/art-deco.css +709 -288
  10. package/dist/visual/bauhaus.css +2 -2
  11. package/dist/visual/bento.css +2 -2
  12. package/dist/visual/brutalism.css +494 -100
  13. package/dist/visual/clay.css +2 -2
  14. package/dist/visual/cyberpunk.css +587 -193
  15. package/dist/visual/data-terminal.css +586 -192
  16. package/dist/visual/editorial-luxe.css +589 -195
  17. package/dist/visual/industrial-utility.css +653 -259
  18. package/dist/visual/maximalist.css +571 -177
  19. package/dist/visual/minimal-saas.css +520 -126
  20. package/dist/visual/neo-noir.css +2 -2
  21. package/dist/visual/neumorphism.css +543 -149
  22. package/dist/visual/organic-modern.css +2 -2
  23. package/dist/visual/paper-editorial.css +668 -274
  24. package/dist/visual/retro-glass.css +600 -206
  25. package/dist/visual/retrofuturism.css +548 -154
  26. package/dist/visual/tactile.css +561 -167
  27. package/dist/visual/technical-blueprint.css +627 -225
  28. package/dist/visual/y2k.css +543 -137
  29. package/docs/ART-DECO.md +2 -2
  30. package/docs/BRIDGE-MIGRATION.md +38 -0
  31. package/docs/ECOSYSTEM.md +11 -11
  32. package/docs/PUBLISHING.md +12 -12
  33. package/docs/RELEASE-2.4.2.md +37 -0
  34. package/docs/RELEASE-2.5.0.md +34 -0
  35. package/docs/RELEASE-2.6.0.md +36 -0
  36. package/docs/STYLE-GUIDE.md +10 -0
  37. package/manifest.json +466 -240
  38. package/package.json +32 -4
  39. package/styles/art-deco.css +68 -22
  40. package/styles/bauhaus.css +8 -0
  41. package/styles/bento.css +19 -6
  42. package/styles/brutalism.css +8 -0
  43. package/styles/clay.css +11 -3
  44. package/styles/clean-defaults.css +295 -0
  45. package/styles/component-composition.css +829 -0
  46. package/styles/components.css +79 -0
  47. package/styles/cyberpunk.css +8 -0
  48. package/styles/data-terminal.css +8 -0
  49. package/styles/editorial-luxe.css +8 -0
  50. package/styles/industrial-utility.css +8 -0
  51. package/styles/interactive-surface-theme.css +23 -23
  52. package/styles/maximalist.css +8 -0
  53. package/styles/minimal-saas.css +8 -0
  54. package/styles/native-elements.css +7 -0
  55. package/styles/neo-noir.css +8 -0
  56. package/styles/neumorphism.css +8 -0
  57. package/styles/organic-modern.css +8 -1
  58. package/styles/paper-editorial.css +8 -0
  59. package/styles/retro-glass.css +9 -1
  60. package/styles/retrofuturism.css +8 -0
  61. package/styles/tactile.css +8 -0
  62. package/styles/technical-blueprint.css +16 -1
  63. package/styles/theme-colors.css +3 -0
  64. package/styles/y2k.css +25 -3
package/manifest.json CHANGED
@@ -5,13 +5,14 @@
5
5
  "breakingChange": "increment-schemaVersion-before-removing-or-renaming-fields"
6
6
  },
7
7
  "name": "ui-style-kit-css",
8
- "version": "2.4.1",
8
+ "version": "2.6.0",
9
9
  "cascadeLayers": [
10
10
  "ui-style-kit.theme_colors",
11
11
  "ui-style-kit.native_elements",
12
12
  "ui-style-kit.components",
13
13
  "ui-style-kit.presets",
14
- "ui-style-kit.compat_layout"
14
+ "ui-style-kit.compat_layout",
15
+ "ui-style-kit.clean_defaults"
15
16
  ],
16
17
  "presets": [
17
18
  {
@@ -20,7 +21,8 @@
20
21
  "prefix": "saas",
21
22
  "entrypoints": {
22
23
  "default": "./minimal-saas.css",
23
- "visual": "./visual/minimal-saas.css"
24
+ "visual": "./visual/minimal-saas.css",
25
+ "standalone": "./presets/minimal-saas.css"
24
26
  }
25
27
  },
26
28
  {
@@ -29,7 +31,8 @@
29
31
  "prefix": "bento",
30
32
  "entrypoints": {
31
33
  "default": "./bento.css",
32
- "visual": "./visual/bento.css"
34
+ "visual": "./visual/bento.css",
35
+ "standalone": "./presets/bento.css"
33
36
  }
34
37
  },
35
38
  {
@@ -38,7 +41,8 @@
38
41
  "prefix": "max",
39
42
  "entrypoints": {
40
43
  "default": "./maximalist.css",
41
- "visual": "./visual/maximalist.css"
44
+ "visual": "./visual/maximalist.css",
45
+ "standalone": "./presets/maximalist.css"
42
46
  }
43
47
  },
44
48
  {
@@ -47,7 +51,8 @@
47
51
  "prefix": "bau",
48
52
  "entrypoints": {
49
53
  "default": "./bauhaus.css",
50
- "visual": "./visual/bauhaus.css"
54
+ "visual": "./visual/bauhaus.css",
55
+ "standalone": "./presets/bauhaus.css"
51
56
  }
52
57
  },
53
58
  {
@@ -56,7 +61,8 @@
56
61
  "prefix": "tactile",
57
62
  "entrypoints": {
58
63
  "default": "./tactile.css",
59
- "visual": "./visual/tactile.css"
64
+ "visual": "./visual/tactile.css",
65
+ "standalone": "./presets/tactile.css"
60
66
  }
61
67
  },
62
68
  {
@@ -65,7 +71,8 @@
65
71
  "prefix": "neo",
66
72
  "entrypoints": {
67
73
  "default": "./neumorphism.css",
68
- "visual": "./visual/neumorphism.css"
74
+ "visual": "./visual/neumorphism.css",
75
+ "standalone": "./presets/neumorphism.css"
69
76
  }
70
77
  },
71
78
  {
@@ -74,7 +81,8 @@
74
81
  "prefix": "retro",
75
82
  "entrypoints": {
76
83
  "default": "./retrofuturism.css",
77
- "visual": "./visual/retrofuturism.css"
84
+ "visual": "./visual/retrofuturism.css",
85
+ "standalone": "./presets/retrofuturism.css"
78
86
  }
79
87
  },
80
88
  {
@@ -83,7 +91,8 @@
83
91
  "prefix": "brutal",
84
92
  "entrypoints": {
85
93
  "default": "./brutalism.css",
86
- "visual": "./visual/brutalism.css"
94
+ "visual": "./visual/brutalism.css",
95
+ "standalone": "./presets/brutalism.css"
87
96
  }
88
97
  },
89
98
  {
@@ -92,7 +101,8 @@
92
101
  "prefix": "cyber",
93
102
  "entrypoints": {
94
103
  "default": "./cyberpunk.css",
95
- "visual": "./visual/cyberpunk.css"
104
+ "visual": "./visual/cyberpunk.css",
105
+ "standalone": "./presets/cyberpunk.css"
96
106
  }
97
107
  },
98
108
  {
@@ -101,7 +111,8 @@
101
111
  "prefix": "y2k",
102
112
  "entrypoints": {
103
113
  "default": "./y2k.css",
104
- "visual": "./visual/y2k.css"
114
+ "visual": "./visual/y2k.css",
115
+ "standalone": "./presets/y2k.css"
105
116
  }
106
117
  },
107
118
  {
@@ -110,7 +121,8 @@
110
121
  "prefix": "rg",
111
122
  "entrypoints": {
112
123
  "default": "./retro-glass.css",
113
- "visual": "./visual/retro-glass.css"
124
+ "visual": "./visual/retro-glass.css",
125
+ "standalone": "./presets/retro-glass.css"
114
126
  }
115
127
  },
116
128
  {
@@ -119,7 +131,8 @@
119
131
  "prefix": "luxe",
120
132
  "entrypoints": {
121
133
  "default": "./editorial-luxe.css",
122
- "visual": "./visual/editorial-luxe.css"
134
+ "visual": "./visual/editorial-luxe.css",
135
+ "standalone": "./presets/editorial-luxe.css"
123
136
  }
124
137
  },
125
138
  {
@@ -128,7 +141,8 @@
128
141
  "prefix": "organic",
129
142
  "entrypoints": {
130
143
  "default": "./organic-modern.css",
131
- "visual": "./visual/organic-modern.css"
144
+ "visual": "./visual/organic-modern.css",
145
+ "standalone": "./presets/organic-modern.css"
132
146
  }
133
147
  },
134
148
  {
@@ -137,7 +151,8 @@
137
151
  "prefix": "utility",
138
152
  "entrypoints": {
139
153
  "default": "./industrial-utility.css",
140
- "visual": "./visual/industrial-utility.css"
154
+ "visual": "./visual/industrial-utility.css",
155
+ "standalone": "./presets/industrial-utility.css"
141
156
  }
142
157
  },
143
158
  {
@@ -146,7 +161,8 @@
146
161
  "prefix": "blueprint",
147
162
  "entrypoints": {
148
163
  "default": "./technical-blueprint.css",
149
- "visual": "./visual/technical-blueprint.css"
164
+ "visual": "./visual/technical-blueprint.css",
165
+ "standalone": "./presets/technical-blueprint.css"
150
166
  }
151
167
  },
152
168
  {
@@ -155,7 +171,8 @@
155
171
  "prefix": "deco",
156
172
  "entrypoints": {
157
173
  "default": "./art-deco.css",
158
- "visual": "./visual/art-deco.css"
174
+ "visual": "./visual/art-deco.css",
175
+ "standalone": "./presets/art-deco.css"
159
176
  }
160
177
  },
161
178
  {
@@ -164,7 +181,8 @@
164
181
  "prefix": "clay",
165
182
  "entrypoints": {
166
183
  "default": "./clay.css",
167
- "visual": "./visual/clay.css"
184
+ "visual": "./visual/clay.css",
185
+ "standalone": "./presets/clay.css"
168
186
  }
169
187
  },
170
188
  {
@@ -173,7 +191,8 @@
173
191
  "prefix": "terminal",
174
192
  "entrypoints": {
175
193
  "default": "./data-terminal.css",
176
- "visual": "./visual/data-terminal.css"
194
+ "visual": "./visual/data-terminal.css",
195
+ "standalone": "./presets/data-terminal.css"
177
196
  }
178
197
  },
179
198
  {
@@ -182,7 +201,8 @@
182
201
  "prefix": "paper",
183
202
  "entrypoints": {
184
203
  "default": "./paper-editorial.css",
185
- "visual": "./visual/paper-editorial.css"
204
+ "visual": "./visual/paper-editorial.css",
205
+ "standalone": "./presets/paper-editorial.css"
186
206
  }
187
207
  },
188
208
  {
@@ -191,7 +211,8 @@
191
211
  "prefix": "noir",
192
212
  "entrypoints": {
193
213
  "default": "./neo-noir.css",
194
- "visual": "./visual/neo-noir.css"
214
+ "visual": "./visual/neo-noir.css",
215
+ "standalone": "./presets/neo-noir.css"
195
216
  }
196
217
  }
197
218
  ],
@@ -317,171 +338,421 @@
317
338
  },
318
339
  "semanticComponentApi": {
319
340
  "presetSwitchAttribute": "data-ui",
341
+ "classNamespaces": {
342
+ "canonical": "usk",
343
+ "compatibility": [
344
+ "ui"
345
+ ]
346
+ },
320
347
  "selectorsByRole": {
321
348
  "button": [
322
349
  {
323
- "selector": ".ui-button",
350
+ "selector": ".usk-button",
324
351
  "sourceSuffix": "button"
325
352
  },
326
353
  {
327
- "selector": ".ui-icon-button",
354
+ "selector": ".usk-icon-button",
328
355
  "sourceSuffix": "icon-button"
329
356
  }
330
357
  ],
331
358
  "card": [
332
359
  {
333
- "selector": ".ui-card",
360
+ "selector": ".usk-card",
334
361
  "sourceSuffix": "card"
335
362
  }
336
363
  ],
337
364
  "form": [
338
365
  {
339
- "selector": ".ui-field",
366
+ "selector": ".usk-field",
340
367
  "sourceSuffix": "field"
341
368
  },
342
369
  {
343
- "selector": ".ui-label",
370
+ "selector": ".usk-label",
344
371
  "sourceSuffix": "label"
345
372
  },
346
373
  {
347
- "selector": ".ui-help-text",
374
+ "selector": ".usk-help-text",
348
375
  "sourceSuffix": "help-text"
349
376
  },
350
377
  {
351
- "selector": ".ui-input",
378
+ "selector": ".usk-input",
352
379
  "sourceSuffix": "input"
353
380
  },
354
381
  {
355
- "selector": ".ui-select",
382
+ "selector": ".usk-select",
356
383
  "sourceSuffix": "select"
357
384
  },
358
385
  {
359
- "selector": ".ui-textarea",
386
+ "selector": ".usk-textarea",
360
387
  "sourceSuffix": "textarea"
361
388
  },
362
389
  {
363
- "selector": ".ui-check",
390
+ "selector": ".usk-check",
364
391
  "sourceSuffix": "check"
365
392
  },
366
393
  {
367
- "selector": ".ui-check-control",
394
+ "selector": ".usk-check-control",
368
395
  "sourceSuffix": "check-control"
369
396
  },
370
397
  {
371
- "selector": ".ui-radio",
398
+ "selector": ".usk-radio",
372
399
  "sourceSuffix": "radio"
373
400
  },
374
401
  {
375
- "selector": ".ui-radio-control",
402
+ "selector": ".usk-radio-control",
376
403
  "sourceSuffix": "radio-control"
377
404
  },
378
405
  {
379
- "selector": ".ui-switch",
406
+ "selector": ".usk-switch",
380
407
  "sourceSuffix": "switch"
381
408
  },
382
409
  {
383
- "selector": ".ui-switch-track",
410
+ "selector": ".usk-switch-track",
384
411
  "sourceSuffix": "switch-track"
385
412
  },
386
413
  {
387
- "selector": ".ui-switch-thumb",
414
+ "selector": ".usk-switch-thumb",
388
415
  "sourceSuffix": "switch-thumb"
389
416
  }
390
417
  ],
391
418
  "badge": [
392
419
  {
393
- "selector": ".ui-badge",
420
+ "selector": ".usk-badge",
394
421
  "sourceSuffix": "badge"
395
422
  }
396
423
  ],
397
424
  "alert": [
398
425
  {
399
- "selector": ".ui-alert",
426
+ "selector": ".usk-alert",
400
427
  "sourceSuffix": "alert"
401
428
  },
402
429
  {
403
- "selector": ".ui-alert-title",
430
+ "selector": ".usk-alert-title",
404
431
  "sourceSuffix": "alert-title"
405
432
  },
406
433
  {
407
- "selector": ".ui-alert-body",
434
+ "selector": ".usk-alert-body",
408
435
  "sourceSuffix": "alert-body"
409
436
  }
410
437
  ],
411
438
  "navigation": [
412
439
  {
413
- "selector": ".ui-nav",
440
+ "selector": ".usk-nav",
414
441
  "sourceSuffix": "nav"
415
442
  },
416
443
  {
417
- "selector": ".ui-nav-link",
444
+ "selector": ".usk-nav-link",
418
445
  "sourceSuffix": "nav-link"
419
446
  }
420
447
  ],
421
448
  "table": [
422
449
  {
423
- "selector": ".ui-table",
450
+ "selector": ".usk-table",
424
451
  "sourceSuffix": "table"
425
452
  },
426
453
  {
427
- "selector": ".ui-table-wrap",
454
+ "selector": ".usk-table-wrap",
428
455
  "sourceSuffix": "table-wrap"
429
456
  }
430
457
  ],
431
458
  "progress": [
432
459
  {
433
- "selector": ".ui-progress",
460
+ "selector": ".usk-progress",
434
461
  "sourceSuffix": "progress"
435
462
  },
436
463
  {
437
- "selector": ".ui-progress-bar",
464
+ "selector": ".usk-progress-bar",
438
465
  "sourceSuffix": "progress-bar"
439
466
  }
440
467
  ],
441
468
  "toolbar": [
442
469
  {
443
- "selector": ".ui-toolbar",
470
+ "selector": ".usk-toolbar",
444
471
  "sourceSuffix": "toolbar"
445
472
  }
446
473
  ],
447
474
  "loading": [
448
475
  {
449
- "selector": ".ui-spinner",
476
+ "selector": ".usk-spinner",
450
477
  "sourceSuffix": "spinner"
451
478
  }
452
479
  ],
453
480
  "tooltip": [
454
481
  {
455
- "selector": ".ui-tooltip",
482
+ "selector": ".usk-tooltip",
456
483
  "sourceSuffix": "tooltip"
457
484
  }
485
+ ],
486
+ "tabs": [
487
+ {
488
+ "selector": ".usk-tabs",
489
+ "sourceSuffix": "tabs"
490
+ },
491
+ {
492
+ "selector": ".usk-tab-list",
493
+ "sourceSuffix": "tab-list"
494
+ },
495
+ {
496
+ "selector": ".usk-tab",
497
+ "sourceSuffix": "tab"
498
+ },
499
+ {
500
+ "selector": ".usk-tab-panel",
501
+ "sourceSuffix": "tab-panel"
502
+ }
503
+ ],
504
+ "pagination": [
505
+ {
506
+ "selector": ".usk-pagination",
507
+ "sourceSuffix": "pagination"
508
+ },
509
+ {
510
+ "selector": ".usk-pagination-item",
511
+ "sourceSuffix": "pagination-item"
512
+ },
513
+ {
514
+ "selector": ".usk-pagination-link",
515
+ "sourceSuffix": "pagination-link"
516
+ }
517
+ ],
518
+ "breadcrumb": [
519
+ {
520
+ "selector": ".usk-breadcrumb",
521
+ "sourceSuffix": "breadcrumb"
522
+ },
523
+ {
524
+ "selector": ".usk-breadcrumb-list",
525
+ "sourceSuffix": "breadcrumb-list"
526
+ },
527
+ {
528
+ "selector": ".usk-breadcrumb-item",
529
+ "sourceSuffix": "breadcrumb-item"
530
+ },
531
+ {
532
+ "selector": ".usk-breadcrumb-link",
533
+ "sourceSuffix": "breadcrumb-link"
534
+ },
535
+ {
536
+ "selector": ".usk-breadcrumb-separator",
537
+ "sourceSuffix": "breadcrumb-separator"
538
+ }
539
+ ],
540
+ "skeleton": [
541
+ {
542
+ "selector": ".usk-skeleton",
543
+ "sourceSuffix": "skeleton"
544
+ }
545
+ ],
546
+ "emptyState": [
547
+ {
548
+ "selector": ".usk-empty-state",
549
+ "sourceSuffix": "empty-state"
550
+ },
551
+ {
552
+ "selector": ".usk-empty-state-icon",
553
+ "sourceSuffix": "empty-state-icon"
554
+ },
555
+ {
556
+ "selector": ".usk-empty-state-title",
557
+ "sourceSuffix": "empty-state-title"
558
+ },
559
+ {
560
+ "selector": ".usk-empty-state-body",
561
+ "sourceSuffix": "empty-state-body"
562
+ },
563
+ {
564
+ "selector": ".usk-empty-state-actions",
565
+ "sourceSuffix": "empty-state-actions"
566
+ }
567
+ ],
568
+ "metric": [
569
+ {
570
+ "selector": ".usk-metric",
571
+ "sourceSuffix": "metric"
572
+ },
573
+ {
574
+ "selector": ".usk-metric-label",
575
+ "sourceSuffix": "metric-label"
576
+ },
577
+ {
578
+ "selector": ".usk-metric-value",
579
+ "sourceSuffix": "metric-value"
580
+ },
581
+ {
582
+ "selector": ".usk-metric-detail",
583
+ "sourceSuffix": "metric-detail"
584
+ }
585
+ ],
586
+ "chip": [
587
+ {
588
+ "selector": ".usk-chip",
589
+ "sourceSuffix": "chip"
590
+ },
591
+ {
592
+ "selector": ".usk-chip-group",
593
+ "sourceSuffix": "chip-group"
594
+ }
595
+ ],
596
+ "avatar": [
597
+ {
598
+ "selector": ".usk-avatar",
599
+ "sourceSuffix": "avatar"
600
+ },
601
+ {
602
+ "selector": ".usk-avatar-group",
603
+ "sourceSuffix": "avatar-group"
604
+ }
605
+ ],
606
+ "stepper": [
607
+ {
608
+ "selector": ".usk-stepper",
609
+ "sourceSuffix": "stepper"
610
+ },
611
+ {
612
+ "selector": ".usk-step",
613
+ "sourceSuffix": "step"
614
+ },
615
+ {
616
+ "selector": ".usk-step-marker",
617
+ "sourceSuffix": "step-marker"
618
+ },
619
+ {
620
+ "selector": ".usk-step-label",
621
+ "sourceSuffix": "step-label"
622
+ }
623
+ ],
624
+ "toast": [
625
+ {
626
+ "selector": ".usk-toast-stack",
627
+ "sourceSuffix": "toast-stack"
628
+ },
629
+ {
630
+ "selector": ".usk-toast",
631
+ "sourceSuffix": "toast"
632
+ },
633
+ {
634
+ "selector": ".usk-toast-title",
635
+ "sourceSuffix": "toast-title"
636
+ },
637
+ {
638
+ "selector": ".usk-toast-body",
639
+ "sourceSuffix": "toast-body"
640
+ },
641
+ {
642
+ "selector": ".usk-toast-actions",
643
+ "sourceSuffix": "toast-actions"
644
+ }
645
+ ],
646
+ "popover": [
647
+ {
648
+ "selector": ".usk-popover",
649
+ "sourceSuffix": "popover"
650
+ }
651
+ ],
652
+ "menu": [
653
+ {
654
+ "selector": ".usk-menu",
655
+ "sourceSuffix": "menu"
656
+ },
657
+ {
658
+ "selector": ".usk-menu-item",
659
+ "sourceSuffix": "menu-item"
660
+ },
661
+ {
662
+ "selector": ".usk-menu-group",
663
+ "sourceSuffix": "menu-group"
664
+ },
665
+ {
666
+ "selector": ".usk-menu-separator",
667
+ "sourceSuffix": "menu-separator"
668
+ }
669
+ ],
670
+ "segmentedControl": [
671
+ {
672
+ "selector": ".usk-segmented-control",
673
+ "sourceSuffix": "segmented-control"
674
+ },
675
+ {
676
+ "selector": ".usk-segment",
677
+ "sourceSuffix": "segment"
678
+ }
679
+ ],
680
+ "fileUpload": [
681
+ {
682
+ "selector": ".usk-file-upload",
683
+ "sourceSuffix": "file-upload"
684
+ },
685
+ {
686
+ "selector": ".usk-dropzone",
687
+ "sourceSuffix": "dropzone"
688
+ }
689
+ ],
690
+ "listbox": [
691
+ {
692
+ "selector": ".usk-listbox",
693
+ "sourceSuffix": "listbox"
694
+ },
695
+ {
696
+ "selector": ".usk-listbox-option",
697
+ "sourceSuffix": "listbox-option"
698
+ }
458
699
  ]
459
700
  },
460
701
  "variantAttribute": {
461
702
  "name": "data-ui-variant",
462
703
  "neutral": "omitted",
463
704
  "valuesBySelector": {
464
- ".ui-button": [
705
+ ".usk-button": [
465
706
  "primary",
466
707
  "secondary",
467
708
  "warning",
468
709
  "danger",
469
710
  "ghost"
470
711
  ],
471
- ".ui-badge": [
712
+ ".usk-badge": [
713
+ "primary",
714
+ "secondary",
715
+ "success",
716
+ "warning",
717
+ "danger"
718
+ ],
719
+ ".usk-alert": [
720
+ "success",
721
+ "warning",
722
+ "danger"
723
+ ],
724
+ ".usk-chip": [
472
725
  "primary",
473
726
  "secondary",
474
727
  "success",
475
728
  "warning",
476
729
  "danger"
477
730
  ],
478
- ".ui-alert": [
731
+ ".usk-toast": [
732
+ "info",
479
733
  "success",
480
734
  "warning",
481
735
  "danger"
482
736
  ]
483
737
  }
484
738
  },
739
+ "stateAttributes": {
740
+ ".usk-skeleton": {
741
+ "data-shape": [
742
+ "text",
743
+ "circle",
744
+ "block"
745
+ ]
746
+ },
747
+ ".usk-step": {
748
+ "data-state": [
749
+ "complete",
750
+ "current",
751
+ "upcoming",
752
+ "error"
753
+ ]
754
+ }
755
+ },
485
756
  "nativeFallbacks": [
486
757
  {
487
758
  "roles": [
@@ -503,40 +774,86 @@
503
774
  "retained": {
504
775
  "status": "implemented",
505
776
  "selectors": [
506
- ".ui-spinner",
507
- ".ui-tooltip"
777
+ ".usk-spinner",
778
+ ".usk-tooltip"
508
779
  ]
509
780
  },
510
781
  "implemented": {
511
782
  "status": "implemented",
512
783
  "selectors": [
513
- ".ui-button",
514
- ".ui-icon-button",
515
- ".ui-card",
516
- ".ui-field",
517
- ".ui-label",
518
- ".ui-help-text",
519
- ".ui-input",
520
- ".ui-select",
521
- ".ui-textarea",
522
- ".ui-check",
523
- ".ui-check-control",
524
- ".ui-radio",
525
- ".ui-radio-control",
526
- ".ui-switch",
527
- ".ui-switch-track",
528
- ".ui-switch-thumb",
529
- ".ui-badge",
530
- ".ui-alert",
531
- ".ui-alert-title",
532
- ".ui-alert-body",
533
- ".ui-nav",
534
- ".ui-nav-link",
535
- ".ui-table",
536
- ".ui-table-wrap",
537
- ".ui-progress",
538
- ".ui-progress-bar",
539
- ".ui-toolbar"
784
+ ".usk-button",
785
+ ".usk-icon-button",
786
+ ".usk-card",
787
+ ".usk-field",
788
+ ".usk-label",
789
+ ".usk-help-text",
790
+ ".usk-input",
791
+ ".usk-select",
792
+ ".usk-textarea",
793
+ ".usk-check",
794
+ ".usk-check-control",
795
+ ".usk-radio",
796
+ ".usk-radio-control",
797
+ ".usk-switch",
798
+ ".usk-switch-track",
799
+ ".usk-switch-thumb",
800
+ ".usk-badge",
801
+ ".usk-alert",
802
+ ".usk-alert-title",
803
+ ".usk-alert-body",
804
+ ".usk-nav",
805
+ ".usk-nav-link",
806
+ ".usk-table",
807
+ ".usk-table-wrap",
808
+ ".usk-progress",
809
+ ".usk-progress-bar",
810
+ ".usk-toolbar",
811
+ ".usk-tabs",
812
+ ".usk-tab-list",
813
+ ".usk-tab",
814
+ ".usk-tab-panel",
815
+ ".usk-pagination",
816
+ ".usk-pagination-item",
817
+ ".usk-pagination-link",
818
+ ".usk-breadcrumb",
819
+ ".usk-breadcrumb-list",
820
+ ".usk-breadcrumb-item",
821
+ ".usk-breadcrumb-link",
822
+ ".usk-breadcrumb-separator",
823
+ ".usk-skeleton",
824
+ ".usk-empty-state",
825
+ ".usk-empty-state-icon",
826
+ ".usk-empty-state-title",
827
+ ".usk-empty-state-body",
828
+ ".usk-empty-state-actions",
829
+ ".usk-metric",
830
+ ".usk-metric-label",
831
+ ".usk-metric-value",
832
+ ".usk-metric-detail",
833
+ ".usk-chip",
834
+ ".usk-chip-group",
835
+ ".usk-avatar",
836
+ ".usk-avatar-group",
837
+ ".usk-stepper",
838
+ ".usk-step",
839
+ ".usk-step-marker",
840
+ ".usk-step-label",
841
+ ".usk-toast-stack",
842
+ ".usk-toast",
843
+ ".usk-toast-title",
844
+ ".usk-toast-body",
845
+ ".usk-toast-actions",
846
+ ".usk-popover",
847
+ ".usk-menu",
848
+ ".usk-menu-item",
849
+ ".usk-menu-group",
850
+ ".usk-menu-separator",
851
+ ".usk-segmented-control",
852
+ ".usk-segment",
853
+ ".usk-file-upload",
854
+ ".usk-dropzone",
855
+ ".usk-listbox",
856
+ ".usk-listbox-option"
540
857
  ]
541
858
  },
542
859
  "pending": {
@@ -678,6 +995,12 @@
678
995
  ]
679
996
  },
680
997
  "classApi": {
998
+ "globalUtilities": [
999
+ "flush",
1000
+ "usk-flush",
1001
+ "usk-underline",
1002
+ "usk-wrapper"
1003
+ ],
681
1004
  "universalVisualSuffixes": [
682
1005
  "alert",
683
1006
  "alert-body",
@@ -773,15 +1096,65 @@
773
1096
  "tooltip-right",
774
1097
  "tooltip-top",
775
1098
  "visually-hidden",
776
- "well"
1099
+ "well",
1100
+ "tabs",
1101
+ "tab-list",
1102
+ "tab",
1103
+ "tab-panel",
1104
+ "pagination",
1105
+ "pagination-item",
1106
+ "pagination-link",
1107
+ "breadcrumb",
1108
+ "breadcrumb-list",
1109
+ "breadcrumb-item",
1110
+ "breadcrumb-link",
1111
+ "breadcrumb-separator",
1112
+ "skeleton",
1113
+ "empty-state",
1114
+ "empty-state-icon",
1115
+ "empty-state-title",
1116
+ "empty-state-body",
1117
+ "empty-state-actions",
1118
+ "metric",
1119
+ "metric-label",
1120
+ "metric-value",
1121
+ "metric-detail",
1122
+ "chip",
1123
+ "chip-group",
1124
+ "chip-primary",
1125
+ "chip-secondary",
1126
+ "chip-success",
1127
+ "chip-warning",
1128
+ "chip-danger",
1129
+ "avatar",
1130
+ "avatar-group",
1131
+ "stepper",
1132
+ "step",
1133
+ "step-marker",
1134
+ "step-label",
1135
+ "toast-stack",
1136
+ "toast",
1137
+ "toast-title",
1138
+ "toast-body",
1139
+ "toast-actions",
1140
+ "toast-info",
1141
+ "toast-success",
1142
+ "toast-warning",
1143
+ "toast-danger",
1144
+ "popover",
1145
+ "menu",
1146
+ "menu-item",
1147
+ "menu-group",
1148
+ "menu-separator",
1149
+ "segmented-control",
1150
+ "segment",
1151
+ "file-upload",
1152
+ "dropzone",
1153
+ "listbox",
1154
+ "listbox-option"
777
1155
  ],
778
1156
  "presetExtras": {
779
- "minimal-saas": [
780
- "empty-state",
781
- "metric",
782
- "metric-label",
783
- "metric-value"
784
- ],
1157
+ "minimal-saas": [],
785
1158
  "bento": [
786
1159
  "actions",
787
1160
  "alert-info",
@@ -805,7 +1178,6 @@
805
1178
  "hero-copy",
806
1179
  "inline-actions",
807
1180
  "input-icon",
808
- "listbox",
809
1181
  "live-dot",
810
1182
  "live-status",
811
1183
  "loading",
@@ -813,7 +1185,6 @@
813
1185
  "middle-grid",
814
1186
  "quota",
815
1187
  "quota-copy",
816
- "segment",
817
1188
  "service-card",
818
1189
  "service-icon",
819
1190
  "service-row",
@@ -821,7 +1192,6 @@
821
1192
  "sidebar",
822
1193
  "sidebar-note",
823
1194
  "sidebar-spacer",
824
- "skeleton",
825
1195
  "sliders",
826
1196
  "spin",
827
1197
  "stage",
@@ -829,18 +1199,15 @@
829
1199
  "stat-label",
830
1200
  "stat-value",
831
1201
  "status",
832
- "stepper",
833
1202
  "switch-row",
834
1203
  "system",
835
1204
  "table-panel",
836
1205
  "table-tools",
837
- "tabs",
838
1206
  "theme-toggle",
839
1207
  "tile",
840
1208
  "tile-lg",
841
1209
  "tile-md",
842
1210
  "tile-sm",
843
- "toast",
844
1211
  "top-grid",
845
1212
  "usage",
846
1213
  "usage-cell",
@@ -876,7 +1243,6 @@
876
1243
  "hero-copy",
877
1244
  "inline-actions",
878
1245
  "input-icon",
879
- "listbox",
880
1246
  "live-dot",
881
1247
  "live-status",
882
1248
  "loading",
@@ -886,7 +1252,6 @@
886
1252
  "quota-copy",
887
1253
  "rail",
888
1254
  "reference",
889
- "segment",
890
1255
  "service-card",
891
1256
  "service-icon",
892
1257
  "service-row",
@@ -894,18 +1259,14 @@
894
1259
  "sidebar",
895
1260
  "sidebar-note",
896
1261
  "sidebar-spacer",
897
- "skeleton",
898
1262
  "sliders",
899
1263
  "spin",
900
1264
  "status",
901
- "stepper",
902
1265
  "switch-row",
903
1266
  "system",
904
1267
  "table-panel",
905
1268
  "table-tools",
906
- "tabs",
907
1269
  "theme-toggle",
908
- "toast",
909
1270
  "tooltip-panel",
910
1271
  "top-grid",
911
1272
  "usage",
@@ -946,10 +1307,6 @@
946
1307
  ],
947
1308
  "cyberpunk": [
948
1309
  "accordion",
949
- "avatar",
950
- "avatar-group",
951
- "breadcrumb",
952
- "chip",
953
1310
  "choice",
954
1311
  "code",
955
1312
  "console",
@@ -965,23 +1322,14 @@
965
1322
  "modal-actions",
966
1323
  "option",
967
1324
  "overline",
968
- "pagination",
969
1325
  "pagination-page",
970
- "popover",
971
1326
  "progress-magenta",
972
1327
  "quote",
973
1328
  "range",
974
1329
  "range-critical",
975
1330
  "section-title",
976
- "segment",
977
1331
  "segmented",
978
- "skeleton",
979
- "step",
980
- "stepper",
981
- "tab",
982
- "tabs",
983
1332
  "tags",
984
- "toast",
985
1333
  "token-swatch"
986
1334
  ],
987
1335
  "y2k": [
@@ -989,14 +1337,8 @@
989
1337
  ],
990
1338
  "retro-glass": [
991
1339
  "accordion",
992
- "avatar",
993
1340
  "avatar-danger",
994
- "avatar-group",
995
1341
  "avatar-neutral",
996
- "breadcrumb",
997
- "chip",
998
- "chip-danger",
999
- "chip-warning",
1000
1342
  "choice",
1001
1343
  "code",
1002
1344
  "console",
@@ -1012,30 +1354,17 @@
1012
1354
  "modal-actions",
1013
1355
  "option",
1014
1356
  "overline",
1015
- "pagination",
1016
1357
  "pagination-page",
1017
- "popover",
1018
1358
  "progress-danger",
1019
1359
  "quote",
1020
1360
  "range",
1021
1361
  "range-critical",
1022
1362
  "section-title",
1023
- "segment",
1024
1363
  "segmented",
1025
- "skeleton",
1026
- "step",
1027
- "stepper",
1028
- "tab",
1029
- "tabs",
1030
1364
  "tags",
1031
- "toast",
1032
1365
  "token-swatch"
1033
1366
  ],
1034
1367
  "editorial-luxe": [
1035
- "empty-state",
1036
- "metric",
1037
- "metric-label",
1038
- "metric-value",
1039
1368
  "sheet",
1040
1369
  "masthead",
1041
1370
  "masthead-title",
@@ -1048,7 +1377,6 @@
1048
1377
  "colophon",
1049
1378
  "section-title",
1050
1379
  "section-number",
1051
- "file-upload",
1052
1380
  "file-drop",
1053
1381
  "input-valid",
1054
1382
  "help-error",
@@ -1058,27 +1386,16 @@
1058
1386
  "range-scale",
1059
1387
  "segmented-progress",
1060
1388
  "meter",
1061
- "tabs",
1062
- "tab-list",
1063
- "tab",
1064
- "tab-panel",
1065
1389
  "badge-medallion",
1066
1390
  "badge-brass",
1067
- "pagination",
1068
- "stepper",
1069
1391
  "dialog",
1070
1392
  "dialog-actions",
1071
1393
  "details",
1072
- "skeleton",
1073
1394
  "alert-mark",
1074
1395
  "alert-close",
1075
1396
  "switch-segment"
1076
1397
  ],
1077
1398
  "organic-modern": [
1078
- "empty-state",
1079
- "metric",
1080
- "metric-label",
1081
- "metric-value",
1082
1399
  "sheet",
1083
1400
  "icon",
1084
1401
  "masthead",
@@ -1089,7 +1406,6 @@
1089
1406
  "project-list",
1090
1407
  "project-item",
1091
1408
  "search",
1092
- "avatar",
1093
1409
  "status-card",
1094
1410
  "score",
1095
1411
  "avatar-row",
@@ -1123,11 +1439,7 @@
1123
1439
  "range",
1124
1440
  "value",
1125
1441
  "progress-steps",
1126
- "tabs",
1127
- "tab",
1128
- "pagination",
1129
1442
  "segmented",
1130
- "stepper",
1131
1443
  "dialog",
1132
1444
  "dialog-actions",
1133
1445
  "feedback-stack",
@@ -1135,7 +1447,6 @@
1135
1447
  ],
1136
1448
  "industrial-utility": [
1137
1449
  "alert-info",
1138
- "breadcrumb",
1139
1450
  "button-guarded",
1140
1451
  "control-cell",
1141
1452
  "control-grid",
@@ -1144,36 +1455,25 @@
1144
1455
  "dialog",
1145
1456
  "dropdown",
1146
1457
  "emergency-stop",
1147
- "empty-state",
1148
1458
  "file",
1149
1459
  "help",
1150
1460
  "key-switch",
1151
1461
  "meter",
1152
- "metric",
1153
- "metric-label",
1154
- "metric-value",
1155
1462
  "nameplate",
1156
1463
  "option",
1157
1464
  "overline",
1158
- "pagination",
1159
1465
  "panel-body",
1160
1466
  "panel-header",
1161
1467
  "pilot-light",
1162
- "popover",
1163
1468
  "readout",
1164
1469
  "readout-label",
1165
1470
  "rivet",
1166
1471
  "segmented",
1167
- "skeleton",
1168
1472
  "slider",
1169
1473
  "stage",
1170
1474
  "stage-track",
1171
- "tab",
1172
- "tabs",
1173
1475
  "three-position",
1174
1476
  "ticks",
1175
- "toast",
1176
- "toast-stack",
1177
1477
  "toggle",
1178
1478
  "token",
1179
1479
  "token-row"
@@ -1183,18 +1483,11 @@
1183
1483
  "line-swatch",
1184
1484
  "sheet",
1185
1485
  "accordion",
1186
- "avatar",
1187
1486
  "avatar-danger",
1188
- "avatar-group",
1189
1487
  "avatar-neutral",
1190
- "breadcrumb",
1191
- "chip",
1192
- "chip-danger",
1193
- "chip-warning",
1194
1488
  "choice",
1195
1489
  "code",
1196
1490
  "dropdown",
1197
- "empty-state",
1198
1491
  "error-text",
1199
1492
  "file",
1200
1493
  "helper",
@@ -1202,37 +1495,21 @@
1202
1495
  "input-wrap",
1203
1496
  "list",
1204
1497
  "meter",
1205
- "metric",
1206
- "metric-label",
1207
- "metric-value",
1208
1498
  "modal",
1209
1499
  "modal-actions",
1210
1500
  "option",
1211
1501
  "overline",
1212
- "pagination",
1213
1502
  "pagination-page",
1214
- "popover",
1215
1503
  "progress-danger",
1216
1504
  "quote",
1217
1505
  "range",
1218
1506
  "range-critical",
1219
1507
  "section-title",
1220
- "segment",
1221
1508
  "segmented",
1222
- "skeleton",
1223
- "step",
1224
- "stepper",
1225
- "tab",
1226
- "tabs",
1227
1509
  "tags",
1228
- "toast",
1229
1510
  "token-swatch"
1230
1511
  ],
1231
1512
  "art-deco": [
1232
- "empty-state",
1233
- "metric",
1234
- "metric-label",
1235
- "metric-value",
1236
1513
  "sheet",
1237
1514
  "fan",
1238
1515
  "frame",
@@ -1250,18 +1527,14 @@
1250
1527
  "performance",
1251
1528
  "section-title",
1252
1529
  "number",
1253
- "breadcrumb",
1254
- "pagination",
1255
1530
  "button-loading",
1256
1531
  "input-valid",
1257
1532
  "help-error",
1258
- "file-upload",
1259
1533
  "file",
1260
1534
  "select-panel",
1261
1535
  "option",
1262
1536
  "group-label",
1263
1537
  "multi",
1264
- "chip",
1265
1538
  "slider-wrap",
1266
1539
  "slider",
1267
1540
  "slider-output",
@@ -1270,13 +1543,7 @@
1270
1543
  "stage-list",
1271
1544
  "stage",
1272
1545
  "stage-number",
1273
- "tabs",
1274
- "tab-list",
1275
- "tab",
1276
- "tab-panel",
1277
1546
  "segmented",
1278
- "segment",
1279
- "stepper",
1280
1547
  "badge-info",
1281
1548
  "badge-outline",
1282
1549
  "alert-info",
@@ -1285,7 +1552,6 @@
1285
1552
  "dialog",
1286
1553
  "dialog-actions",
1287
1554
  "details",
1288
- "skeleton",
1289
1555
  "palette",
1290
1556
  "swatch"
1291
1557
  ],
@@ -1319,7 +1585,6 @@
1319
1585
  "select-menu",
1320
1586
  "option",
1321
1587
  "tags",
1322
- "chip",
1323
1588
  "choices",
1324
1589
  "range",
1325
1590
  "range-scale",
@@ -1329,46 +1594,27 @@
1329
1594
  "milestone",
1330
1595
  "threshold",
1331
1596
  "vertical-progress",
1332
- "tabs",
1333
- "tab",
1334
- "tab-panel",
1335
- "pagination",
1336
1597
  "segmented",
1337
1598
  "quantity",
1338
1599
  "alert-info",
1339
1600
  "alert-close",
1340
- "avatar",
1341
- "avatar-group",
1342
1601
  "dialog",
1343
- "dialog-actions",
1344
- "empty-state",
1345
- "metric",
1346
- "metric-label",
1347
- "metric-value"
1348
- ],
1349
- "data-terminal": [
1350
- "empty-state",
1351
- "metric",
1352
- "metric-label",
1353
- "metric-value"
1602
+ "dialog-actions"
1354
1603
  ],
1604
+ "data-terminal": [],
1355
1605
  "paper-editorial": [
1356
1606
  "article-deck",
1357
1607
  "binding",
1358
- "breadcrumb",
1359
1608
  "button-loading",
1360
1609
  "button-text",
1361
1610
  "byline",
1362
1611
  "caption",
1363
- "chip",
1364
1612
  "details",
1365
1613
  "dialog",
1366
1614
  "dialog-body",
1367
1615
  "dropcap",
1368
1616
  "edition-stamp",
1369
- "empty-state",
1370
1617
  "file",
1371
- "file-upload",
1372
1618
  "folio",
1373
1619
  "folio-section",
1374
1620
  "footnote",
@@ -1380,11 +1626,6 @@
1380
1626
  "masthead",
1381
1627
  "masthead-title",
1382
1628
  "meter",
1383
- "metric",
1384
- "metric-label",
1385
- "metric-value",
1386
- "pagination",
1387
- "popover",
1388
1629
  "property-stamp",
1389
1630
  "pullquote",
1390
1631
  "rule",
@@ -1396,19 +1637,12 @@
1396
1637
  "segmented",
1397
1638
  "select-wrap",
1398
1639
  "sheet",
1399
- "skeleton",
1400
1640
  "slider",
1401
1641
  "stage",
1402
1642
  "stage-track",
1403
- "swatch",
1404
- "tab",
1405
- "tabs"
1643
+ "swatch"
1406
1644
  ],
1407
1645
  "neo-noir": [
1408
- "empty-state",
1409
- "metric",
1410
- "metric-label",
1411
- "metric-value",
1412
1646
  "sheet",
1413
1647
  "identity",
1414
1648
  "brand-line",
@@ -1416,22 +1650,14 @@
1416
1650
  "section-title",
1417
1651
  "section-number",
1418
1652
  "breadcrumbs",
1419
- "tabs",
1420
- "tab",
1421
- "tab-panel",
1422
- "pagination",
1423
1653
  "segmented",
1424
1654
  "stepper-track",
1425
- "step",
1426
- "step-marker",
1427
1655
  "button-outline",
1428
1656
  "field-row",
1429
1657
  "file-zone",
1430
1658
  "file-state",
1431
- "listbox",
1432
1659
  "option",
1433
1660
  "chips",
1434
- "chip",
1435
1661
  "range",
1436
1662
  "slider-value",
1437
1663
  "range-scale",