@esri/calcite-design-tokens 3.2.0-next.4 → 3.2.0-next.6

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 (13) hide show
  1. package/dist/docs/core.json +464 -1
  2. package/dist/docs/dark.json +69 -11
  3. package/dist/docs/global.json +250 -152
  4. package/dist/docs/light.json +61 -1
  5. package/dist/docs/semantic.json +114 -76
  6. package/dist/js/core.js +926 -0
  7. package/dist/js/dark.js +144 -22
  8. package/dist/js/global.d.ts +8 -10
  9. package/dist/js/global.js +574 -372
  10. package/dist/js/light.js +120 -0
  11. package/dist/js/semantic.d.ts +8 -10
  12. package/dist/js/semantic.js +322 -240
  13. package/package.json +2 -2
package/dist/js/semantic.js CHANGED
@@ -13,6 +13,7 @@ export default {
13
13
  type: "dimension",
14
14
  attributes: {
15
15
  category: "border",
16
+ group: "width",
16
17
  type: "border",
17
18
  item: "width",
18
19
  subitem: "none",
@@ -36,6 +37,7 @@ export default {
36
37
  type: "dimension",
37
38
  attributes: {
38
39
  category: "border",
40
+ group: "width",
39
41
  },
40
42
  key: "{semantic.border.width.none}",
41
43
  },
@@ -48,6 +50,7 @@ export default {
48
50
  type: "dimension",
49
51
  attributes: {
50
52
  category: "border",
53
+ group: "width",
51
54
  type: "border",
52
55
  item: "width",
53
56
  subitem: "sm",
@@ -71,6 +74,7 @@ export default {
71
74
  type: "dimension",
72
75
  attributes: {
73
76
  category: "border",
77
+ group: "width",
74
78
  },
75
79
  key: "{semantic.border.width.sm}",
76
80
  },
@@ -83,6 +87,7 @@ export default {
83
87
  type: "dimension",
84
88
  attributes: {
85
89
  category: "border",
90
+ group: "width",
86
91
  type: "border",
87
92
  item: "width",
88
93
  subitem: "md",
@@ -106,6 +111,7 @@ export default {
106
111
  type: "dimension",
107
112
  attributes: {
108
113
  category: "border",
114
+ group: "width",
109
115
  },
110
116
  key: "{semantic.border.width.md}",
111
117
  },
@@ -118,6 +124,7 @@ export default {
118
124
  type: "dimension",
119
125
  attributes: {
120
126
  category: "border",
127
+ group: "width",
121
128
  type: "border",
122
129
  item: "width",
123
130
  subitem: "lg",
@@ -141,6 +148,7 @@ export default {
141
148
  type: "dimension",
142
149
  attributes: {
143
150
  category: "border",
151
+ group: "width",
144
152
  },
145
153
  key: "{semantic.border.width.lg}",
146
154
  },
@@ -313,277 +321,266 @@ export default {
313
321
  },
314
322
  },
315
323
  },
316
- corner: {
317
- radius: {
318
- default: {
319
- key: "{semantic.corner.radius.default}",
320
- value: "0",
321
- type: "dimension",
322
- attributes: {
323
- category: "corner",
324
- type: "corner",
325
- item: "radius",
326
- subitem: "default",
327
- names: {
328
- scss: "$calcite-corner-radius",
329
- css: "var(--calcite-corner-radius)",
330
- js: "semantic.corner.radius.default",
331
- docs: "semantic.corner.radius.default",
332
- es6: "calciteCornerRadius",
333
- },
334
- "calcite-schema": {
335
- system: "calcite",
336
- tier: "semantic",
337
- type: "dimension",
338
- },
324
+ "corner-radius": {
325
+ default: {
326
+ key: "{semantic.corner-radius.default}",
327
+ value: "0",
328
+ type: "dimension",
329
+ attributes: {
330
+ category: "corner-radius",
331
+ type: "corner-radius",
332
+ item: "default",
333
+ names: {
334
+ scss: "$calcite-corner-radius",
335
+ css: "var(--calcite-corner-radius)",
336
+ js: "semantic.corner-radius.default",
337
+ docs: "semantic.corner-radius.default",
338
+ es6: "calciteCornerRadius",
339
339
  },
340
- filePath: "src/tokens/semantic/corner.json",
341
- isSource: true,
342
- original: {
343
- value: "{semantic.corner.radius.none}",
340
+ "calcite-schema": {
341
+ system: "calcite",
342
+ tier: "semantic",
344
343
  type: "dimension",
345
- attributes: {
346
- category: "corner",
347
- },
348
- key: "{semantic.corner.radius.default}",
349
344
  },
350
- name: "Corner Radius",
351
- path: ["semantic", "corner", "radius", "default"],
352
345
  },
353
- sharp: {
354
- key: "{semantic.corner.radius.sharp}",
355
- value: "0",
346
+ filePath: "src/tokens/semantic/corner-radius.json",
347
+ isSource: true,
348
+ original: {
349
+ value: "{semantic.corner-radius.none}",
356
350
  type: "dimension",
357
351
  attributes: {
358
- category: "corner",
359
- type: "dimension",
360
- item: "radius",
361
- subitem: "sharp",
362
- value: "0",
363
- description: "deprecated, use --calcite-corner-radius-none instead",
364
- filePath: "src/tokens/semantic/corner.json",
365
- isSource: true,
366
- key: "{semantic.corner.radius.sharp}",
367
- name: "calcite-semantic-corner-radius-sharp",
368
- path: ["semantic", "corner", "radius", "sharp"],
369
- comment: "deprecated, use --calcite-corner-radius-none instead",
370
- names: {
371
- scss: "$calcite-corner-radius-sharp",
372
- css: "var(--calcite-corner-radius-sharp)",
373
- js: "semantic.corner.radius.sharp",
374
- docs: "semantic.corner.radius.sharp",
375
- es6: "calciteCornerRadiusSharp",
376
- },
377
- "calcite-schema": {
378
- system: "calcite",
379
- tier: "semantic",
380
- type: "dimension",
381
- },
352
+ category: "corner-radius",
382
353
  },
354
+ key: "{semantic.corner-radius.default}",
355
+ },
356
+ name: "Corner Radius",
357
+ path: ["semantic", "corner-radius", "default"],
358
+ },
359
+ sharp: {
360
+ key: "{semantic.corner-radius.sharp}",
361
+ value: "0",
362
+ type: "dimension",
363
+ attributes: {
364
+ category: "corner-radius",
365
+ type: "dimension",
366
+ item: "sharp",
367
+ value: "0",
383
368
  description: "deprecated, use --calcite-corner-radius-none instead",
384
- filePath: "src/tokens/semantic/corner.json",
369
+ filePath: "src/tokens/semantic/corner-radius.json",
385
370
  isSource: true,
386
- original: {
387
- value: "{core.size.default.none}",
371
+ key: "{semantic.corner-radius.sharp}",
372
+ name: "calcite-semantic-corner-radius-sharp",
373
+ path: ["semantic", "corner-radius", "sharp"],
374
+ comment: "deprecated, use --calcite-corner-radius-none instead",
375
+ names: {
376
+ scss: "$calcite-corner-radius-sharp",
377
+ css: "var(--calcite-corner-radius-sharp)",
378
+ js: "semantic.corner-radius.sharp",
379
+ docs: "semantic.corner-radius.sharp",
380
+ es6: "calciteCornerRadiusSharp",
381
+ },
382
+ "calcite-schema": {
383
+ system: "calcite",
384
+ tier: "semantic",
388
385
  type: "dimension",
389
- attributes: {
390
- category: "corner",
391
- },
392
- description: "deprecated, use --calcite-corner-radius-none instead",
393
- key: "{semantic.corner.radius.sharp}",
394
386
  },
395
- name: "Corner Radius Sharp",
396
- path: ["semantic", "corner", "radius", "sharp"],
397
- comment: "deprecated, use --calcite-corner-radius-none instead",
398
387
  },
399
- none: {
400
- key: "{semantic.corner.radius.none}",
401
- value: "0",
388
+ description: "deprecated, use --calcite-corner-radius-none instead",
389
+ filePath: "src/tokens/semantic/corner-radius.json",
390
+ isSource: true,
391
+ original: {
392
+ value: "{core.size.default.none}",
402
393
  type: "dimension",
403
394
  attributes: {
404
- category: "corner",
405
- type: "corner",
406
- item: "radius",
407
- subitem: "none",
408
- names: {
409
- scss: "$calcite-corner-radius-none",
410
- css: "var(--calcite-corner-radius-none)",
411
- js: "semantic.corner.radius.none",
412
- docs: "semantic.corner.radius.none",
413
- es6: "calciteCornerRadiusNone",
414
- },
415
- "calcite-schema": {
416
- system: "calcite",
417
- tier: "semantic",
418
- type: "dimension",
419
- },
395
+ category: "corner-radius",
420
396
  },
421
- filePath: "src/tokens/semantic/corner.json",
422
- isSource: true,
423
- original: {
424
- value: "{core.size.default.none}",
397
+ description: "deprecated, use --calcite-corner-radius-none instead",
398
+ key: "{semantic.corner-radius.sharp}",
399
+ },
400
+ name: "Corner Radius Sharp",
401
+ path: ["semantic", "corner-radius", "sharp"],
402
+ comment: "deprecated, use --calcite-corner-radius-none instead",
403
+ },
404
+ none: {
405
+ key: "{semantic.corner-radius.none}",
406
+ value: "0",
407
+ type: "dimension",
408
+ attributes: {
409
+ category: "corner-radius",
410
+ type: "corner-radius",
411
+ item: "none",
412
+ names: {
413
+ scss: "$calcite-corner-radius-none",
414
+ css: "var(--calcite-corner-radius-none)",
415
+ js: "semantic.corner-radius.none",
416
+ docs: "semantic.corner-radius.none",
417
+ es6: "calciteCornerRadiusNone",
418
+ },
419
+ "calcite-schema": {
420
+ system: "calcite",
421
+ tier: "semantic",
425
422
  type: "dimension",
426
- attributes: {
427
- category: "corner",
428
- },
429
- key: "{semantic.corner.radius.none}",
430
423
  },
431
- name: "Corner Radius None",
432
- path: ["semantic", "corner", "radius", "none"],
433
424
  },
434
- xs: {
435
- key: "{semantic.corner.radius.xs}",
436
- value: "2px",
425
+ filePath: "src/tokens/semantic/corner-radius.json",
426
+ isSource: true,
427
+ original: {
428
+ value: "{core.size.default.none}",
437
429
  type: "dimension",
438
430
  attributes: {
439
- category: "corner",
440
- type: "corner",
441
- item: "radius",
442
- subitem: "xs",
443
- names: {
444
- scss: "$calcite-corner-radius-xs",
445
- css: "var(--calcite-corner-radius-xs)",
446
- js: "semantic.corner.radius.xs",
447
- docs: "semantic.corner.radius.xs",
448
- es6: "calciteCornerRadiusXs",
449
- },
450
- "calcite-schema": {
451
- system: "calcite",
452
- tier: "semantic",
453
- type: "dimension",
454
- },
431
+ category: "corner-radius",
455
432
  },
456
- filePath: "src/tokens/semantic/corner.json",
457
- isSource: true,
458
- original: {
459
- value: "{core.size.default.2}",
433
+ key: "{semantic.corner-radius.none}",
434
+ },
435
+ name: "Corner Radius None",
436
+ path: ["semantic", "corner-radius", "none"],
437
+ },
438
+ xs: {
439
+ key: "{semantic.corner-radius.xs}",
440
+ value: "2px",
441
+ type: "dimension",
442
+ attributes: {
443
+ category: "corner-radius",
444
+ type: "corner-radius",
445
+ item: "xs",
446
+ names: {
447
+ scss: "$calcite-corner-radius-xs",
448
+ css: "var(--calcite-corner-radius-xs)",
449
+ js: "semantic.corner-radius.xs",
450
+ docs: "semantic.corner-radius.xs",
451
+ es6: "calciteCornerRadiusXs",
452
+ },
453
+ "calcite-schema": {
454
+ system: "calcite",
455
+ tier: "semantic",
460
456
  type: "dimension",
461
- attributes: {
462
- category: "corner",
463
- },
464
- key: "{semantic.corner.radius.xs}",
465
457
  },
466
- name: "Corner Radius Xs",
467
- path: ["semantic", "corner", "radius", "xs"],
468
458
  },
469
- sm: {
470
- key: "{semantic.corner.radius.sm}",
471
- value: "4px",
459
+ filePath: "src/tokens/semantic/corner-radius.json",
460
+ isSource: true,
461
+ original: {
462
+ value: "{core.size.default.2}",
472
463
  type: "dimension",
473
464
  attributes: {
474
- category: "corner",
475
- type: "corner",
476
- item: "radius",
477
- subitem: "sm",
478
- names: {
479
- scss: "$calcite-corner-radius-sm",
480
- css: "var(--calcite-corner-radius-sm)",
481
- js: "semantic.corner.radius.sm",
482
- docs: "semantic.corner.radius.sm",
483
- es6: "calciteCornerRadiusSm",
484
- },
485
- "calcite-schema": {
486
- system: "calcite",
487
- tier: "semantic",
488
- type: "dimension",
489
- },
465
+ category: "corner-radius",
490
466
  },
491
- filePath: "src/tokens/semantic/corner.json",
492
- isSource: true,
493
- original: {
494
- value: "{core.size.default.4}",
467
+ key: "{semantic.corner-radius.xs}",
468
+ },
469
+ name: "Corner Radius Xs",
470
+ path: ["semantic", "corner-radius", "xs"],
471
+ },
472
+ sm: {
473
+ key: "{semantic.corner-radius.sm}",
474
+ value: "4px",
475
+ type: "dimension",
476
+ attributes: {
477
+ category: "corner-radius",
478
+ type: "corner-radius",
479
+ item: "sm",
480
+ names: {
481
+ scss: "$calcite-corner-radius-sm",
482
+ css: "var(--calcite-corner-radius-sm)",
483
+ js: "semantic.corner-radius.sm",
484
+ docs: "semantic.corner-radius.sm",
485
+ es6: "calciteCornerRadiusSm",
486
+ },
487
+ "calcite-schema": {
488
+ system: "calcite",
489
+ tier: "semantic",
495
490
  type: "dimension",
496
- attributes: {
497
- category: "corner",
498
- },
499
- key: "{semantic.corner.radius.sm}",
500
491
  },
501
- name: "Corner Radius Sm",
502
- path: ["semantic", "corner", "radius", "sm"],
503
492
  },
504
- round: {
505
- key: "{semantic.corner.radius.round}",
506
- value: "4px",
493
+ filePath: "src/tokens/semantic/corner-radius.json",
494
+ isSource: true,
495
+ original: {
496
+ value: "{core.size.default.4}",
507
497
  type: "dimension",
508
498
  attributes: {
509
- category: "corner",
510
- type: "dimension",
511
- item: "radius",
512
- subitem: "round",
513
- value: "4px",
514
- description: "deprecated, use --calcite-corner-radius-sm instead",
515
- filePath: "src/tokens/semantic/corner.json",
516
- isSource: true,
517
- key: "{semantic.corner.radius.round}",
518
- name: "calcite-semantic-corner-radius-round",
519
- path: ["semantic", "corner", "radius", "round"],
520
- comment: "deprecated, use --calcite-corner-radius-sm instead",
521
- names: {
522
- scss: "$calcite-corner-radius-round",
523
- css: "var(--calcite-corner-radius-round)",
524
- js: "semantic.corner.radius.round",
525
- docs: "semantic.corner.radius.round",
526
- es6: "calciteCornerRadiusRound",
527
- },
528
- "calcite-schema": {
529
- system: "calcite",
530
- tier: "semantic",
531
- type: "dimension",
532
- },
499
+ category: "corner-radius",
533
500
  },
501
+ key: "{semantic.corner-radius.sm}",
502
+ },
503
+ name: "Corner Radius Sm",
504
+ path: ["semantic", "corner-radius", "sm"],
505
+ },
506
+ round: {
507
+ key: "{semantic.corner-radius.round}",
508
+ value: "4px",
509
+ type: "dimension",
510
+ attributes: {
511
+ category: "corner-radius",
512
+ type: "dimension",
513
+ item: "round",
514
+ value: "4px",
534
515
  description: "deprecated, use --calcite-corner-radius-sm instead",
535
- filePath: "src/tokens/semantic/corner.json",
516
+ filePath: "src/tokens/semantic/corner-radius.json",
536
517
  isSource: true,
537
- original: {
538
- value: "{core.size.default.4}",
518
+ key: "{semantic.corner-radius.round}",
519
+ name: "calcite-semantic-corner-radius-round",
520
+ path: ["semantic", "corner-radius", "round"],
521
+ comment: "deprecated, use --calcite-corner-radius-sm instead",
522
+ names: {
523
+ scss: "$calcite-corner-radius-round",
524
+ css: "var(--calcite-corner-radius-round)",
525
+ js: "semantic.corner-radius.round",
526
+ docs: "semantic.corner-radius.round",
527
+ es6: "calciteCornerRadiusRound",
528
+ },
529
+ "calcite-schema": {
530
+ system: "calcite",
531
+ tier: "semantic",
539
532
  type: "dimension",
540
- attributes: {
541
- category: "corner",
542
- },
543
- description: "deprecated, use --calcite-corner-radius-sm instead",
544
- key: "{semantic.corner.radius.round}",
545
533
  },
546
- name: "Corner Radius Round",
547
- path: ["semantic", "corner", "radius", "round"],
548
- comment: "deprecated, use --calcite-corner-radius-sm instead",
549
534
  },
550
- pill: {
551
- key: "{semantic.corner.radius.pill}",
552
- value: "100%",
535
+ description: "deprecated, use --calcite-corner-radius-sm instead",
536
+ filePath: "src/tokens/semantic/corner-radius.json",
537
+ isSource: true,
538
+ original: {
539
+ value: "{core.size.default.4}",
553
540
  type: "dimension",
554
541
  attributes: {
555
- element: "",
556
- category: "corner",
557
- type: "corner",
558
- item: "radius",
559
- subitem: "pill",
560
- names: {
561
- scss: "$calcite-corner-radius-pill",
562
- css: "var(--calcite-corner-radius-pill)",
563
- js: "semantic.corner.radius.pill",
564
- docs: "semantic.corner.radius.pill",
565
- es6: "calciteCornerRadiusPill",
566
- },
567
- "calcite-schema": {
568
- system: "calcite",
569
- tier: "semantic",
570
- type: "dimension",
571
- },
542
+ category: "corner-radius",
572
543
  },
573
- filePath: "src/tokens/semantic/corner.json",
574
- isSource: true,
575
- original: {
576
- value: "{core.size.relative.100}",
544
+ description: "deprecated, use --calcite-corner-radius-sm instead",
545
+ key: "{semantic.corner-radius.round}",
546
+ },
547
+ name: "Corner Radius Round",
548
+ path: ["semantic", "corner-radius", "round"],
549
+ comment: "deprecated, use --calcite-corner-radius-sm instead",
550
+ },
551
+ pill: {
552
+ key: "{semantic.corner-radius.pill}",
553
+ value: "100%",
554
+ type: "dimension",
555
+ attributes: {
556
+ category: "corner-radius",
557
+ type: "corner-radius",
558
+ item: "pill",
559
+ names: {
560
+ scss: "$calcite-corner-radius-pill",
561
+ css: "var(--calcite-corner-radius-pill)",
562
+ js: "semantic.corner-radius.pill",
563
+ docs: "semantic.corner-radius.pill",
564
+ es6: "calciteCornerRadiusPill",
565
+ },
566
+ "calcite-schema": {
567
+ system: "calcite",
568
+ tier: "semantic",
577
569
  type: "dimension",
578
- attributes: {
579
- element: "",
580
- category: "corner",
581
- },
582
- key: "{semantic.corner.radius.pill}",
583
570
  },
584
- name: "Corner Radius Pill",
585
- path: ["semantic", "corner", "radius", "pill"],
586
571
  },
572
+ filePath: "src/tokens/semantic/corner-radius.json",
573
+ isSource: true,
574
+ original: {
575
+ value: "{core.size.relative.100}",
576
+ type: "dimension",
577
+ attributes: {
578
+ category: "corner-radius",
579
+ },
580
+ key: "{semantic.corner-radius.pill}",
581
+ },
582
+ name: "Corner Radius Pill",
583
+ path: ["semantic", "corner-radius", "pill"],
587
584
  },
588
585
  },
589
586
  font: {
@@ -593,8 +590,8 @@ export default {
593
590
  value: ["Avenir Next", "Avenir", "Helvetica Neue", "sans-serif"],
594
591
  type: "fontFamily",
595
592
  attributes: {
593
+ category: "font",
596
594
  group: "family",
597
- category: "semantic",
598
595
  type: "fontFamily",
599
596
  item: "family",
600
597
  subitem: "default",
@@ -627,6 +624,7 @@ export default {
627
624
  "{core.font.family.avenirNext},{core.font.family.avenir},{core.font.family.helveticaNeue},{core.font.family.sansSerif}",
628
625
  type: "fontFamily",
629
626
  attributes: {
627
+ category: "font",
630
628
  group: "family",
631
629
  },
632
630
  description: "Primary font with fallbacks",
@@ -648,6 +646,7 @@ export default {
648
646
  type: "fontFamily",
649
647
  attributes: {
650
648
  category: "font",
649
+ group: "family",
651
650
  type: "fontFamily",
652
651
  item: "family",
653
652
  subitem: "code",
@@ -681,6 +680,7 @@ export default {
681
680
  type: "fontFamily",
682
681
  attributes: {
683
682
  category: "font",
683
+ group: "family",
684
684
  },
685
685
  description: "Font family for code with fallbacks",
686
686
  key: "{semantic.font.family.code}",
@@ -697,6 +697,7 @@ export default {
697
697
  type: "fontWeight",
698
698
  attributes: {
699
699
  category: "font",
700
+ group: "weight",
700
701
  type: "fontWeight",
701
702
  item: "weight",
702
703
  subitem: "light",
@@ -729,6 +730,7 @@ export default {
729
730
  type: "fontWeight",
730
731
  attributes: {
731
732
  category: "font",
733
+ group: "weight",
732
734
  },
733
735
  description: "For Avenir Next World (secondary font family)",
734
736
  key: "{semantic.font.weight.light}",
@@ -746,6 +748,7 @@ export default {
746
748
  },
747
749
  attributes: {
748
750
  category: "font",
751
+ group: "weight",
749
752
  type: "fontWeight",
750
753
  item: "weight",
751
754
  subitem: "normal",
@@ -787,6 +790,7 @@ export default {
787
790
  },
788
791
  attributes: {
789
792
  category: "font",
793
+ group: "weight",
790
794
  },
791
795
  description:
792
796
  'For backwards compatibility only. This token will be removed from the published tokens in the next major in favor of the more descriptive word "regular"',
@@ -803,6 +807,7 @@ export default {
803
807
  type: "fontWeight",
804
808
  attributes: {
805
809
  category: "font",
810
+ group: "weight",
806
811
  type: "font",
807
812
  item: "weight",
808
813
  subitem: "regular",
@@ -826,6 +831,7 @@ export default {
826
831
  type: "fontWeight",
827
832
  attributes: {
828
833
  category: "font",
834
+ group: "weight",
829
835
  },
830
836
  key: "{semantic.font.weight.regular}",
831
837
  },
@@ -838,6 +844,7 @@ export default {
838
844
  type: "fontWeight",
839
845
  attributes: {
840
846
  category: "font",
847
+ group: "weight",
841
848
  type: "font",
842
849
  item: "weight",
843
850
  subitem: "medium",
@@ -861,6 +868,7 @@ export default {
861
868
  type: "fontWeight",
862
869
  attributes: {
863
870
  category: "font",
871
+ group: "weight",
864
872
  },
865
873
  key: "{semantic.font.weight.medium}",
866
874
  },
@@ -873,6 +881,7 @@ export default {
873
881
  type: "fontWeight",
874
882
  attributes: {
875
883
  category: "font",
884
+ group: "weight",
876
885
  type: "font",
877
886
  item: "weight",
878
887
  subitem: "semibold",
@@ -896,6 +905,7 @@ export default {
896
905
  type: "fontWeight",
897
906
  attributes: {
898
907
  category: "font",
908
+ group: "weight",
899
909
  },
900
910
  key: "{semantic.font.weight.semibold}",
901
911
  },
@@ -908,6 +918,7 @@ export default {
908
918
  type: "fontWeight",
909
919
  attributes: {
910
920
  category: "font",
921
+ group: "weight",
911
922
  type: "font",
912
923
  item: "weight",
913
924
  subitem: "bold",
@@ -931,6 +942,7 @@ export default {
931
942
  type: "fontWeight",
932
943
  attributes: {
933
944
  category: "font",
945
+ group: "weight",
934
946
  },
935
947
  key: "{semantic.font.weight.bold}",
936
948
  },
@@ -945,6 +957,7 @@ export default {
945
957
  type: "fontSize",
946
958
  attributes: {
947
959
  category: "font",
960
+ group: "size",
948
961
  type: "font",
949
962
  item: "size",
950
963
  subitem: "xs",
@@ -968,6 +981,7 @@ export default {
968
981
  type: "fontSize",
969
982
  attributes: {
970
983
  category: "font",
984
+ group: "size",
971
985
  },
972
986
  key: "{semantic.font.size.xs}",
973
987
  },
@@ -980,6 +994,7 @@ export default {
980
994
  type: "fontSize",
981
995
  attributes: {
982
996
  category: "font",
997
+ group: "size",
983
998
  type: "font",
984
999
  item: "size",
985
1000
  subitem: "sm",
@@ -1003,6 +1018,7 @@ export default {
1003
1018
  type: "fontSize",
1004
1019
  attributes: {
1005
1020
  category: "font",
1021
+ group: "size",
1006
1022
  },
1007
1023
  key: "{semantic.font.size.sm}",
1008
1024
  },
@@ -1015,6 +1031,7 @@ export default {
1015
1031
  type: "fontSize",
1016
1032
  attributes: {
1017
1033
  category: "font",
1034
+ group: "size",
1018
1035
  type: "font",
1019
1036
  item: "size",
1020
1037
  subitem: "default",
@@ -1038,6 +1055,7 @@ export default {
1038
1055
  type: "fontSize",
1039
1056
  attributes: {
1040
1057
  category: "font",
1058
+ group: "size",
1041
1059
  },
1042
1060
  key: "{semantic.font.size.default}",
1043
1061
  },
@@ -1050,6 +1068,7 @@ export default {
1050
1068
  type: "fontSize",
1051
1069
  attributes: {
1052
1070
  category: "font",
1071
+ group: "size",
1053
1072
  type: "font",
1054
1073
  item: "size",
1055
1074
  subitem: "md",
@@ -1073,6 +1092,7 @@ export default {
1073
1092
  type: "fontSize",
1074
1093
  attributes: {
1075
1094
  category: "font",
1095
+ group: "size",
1076
1096
  },
1077
1097
  key: "{semantic.font.size.md}",
1078
1098
  },
@@ -1085,6 +1105,7 @@ export default {
1085
1105
  type: "fontSize",
1086
1106
  attributes: {
1087
1107
  category: "font",
1108
+ group: "size",
1088
1109
  type: "font",
1089
1110
  item: "size",
1090
1111
  subitem: "lg",
@@ -1108,6 +1129,7 @@ export default {
1108
1129
  type: "fontSize",
1109
1130
  attributes: {
1110
1131
  category: "font",
1132
+ group: "size",
1111
1133
  },
1112
1134
  key: "{semantic.font.size.lg}",
1113
1135
  },
@@ -1120,6 +1142,7 @@ export default {
1120
1142
  type: "fontSize",
1121
1143
  attributes: {
1122
1144
  category: "font",
1145
+ group: "size",
1123
1146
  type: "font",
1124
1147
  item: "size",
1125
1148
  subitem: "xl",
@@ -1143,6 +1166,7 @@ export default {
1143
1166
  type: "fontSize",
1144
1167
  attributes: {
1145
1168
  category: "font",
1169
+ group: "size",
1146
1170
  },
1147
1171
  key: "{semantic.font.size.xl}",
1148
1172
  },
@@ -1155,6 +1179,7 @@ export default {
1155
1179
  type: "fontSize",
1156
1180
  attributes: {
1157
1181
  category: "font",
1182
+ group: "size",
1158
1183
  type: "font",
1159
1184
  item: "size",
1160
1185
  subitem: "xxl",
@@ -1178,6 +1203,7 @@ export default {
1178
1203
  type: "fontSize",
1179
1204
  attributes: {
1180
1205
  category: "font",
1206
+ group: "size",
1181
1207
  },
1182
1208
  key: "{semantic.font.size.xxl}",
1183
1209
  },
@@ -1193,6 +1219,7 @@ export default {
1193
1219
  description: "used in ratings",
1194
1220
  attributes: {
1195
1221
  category: "font",
1222
+ group: "style",
1196
1223
  type: "fontStyle",
1197
1224
  item: "style",
1198
1225
  subitem: "emphasis",
@@ -1225,6 +1252,7 @@ export default {
1225
1252
  description: "used in ratings",
1226
1253
  attributes: {
1227
1254
  category: "font",
1255
+ group: "style",
1228
1256
  },
1229
1257
  key: "{semantic.font.style.emphasis}",
1230
1258
  },
@@ -1241,6 +1269,8 @@ export default {
1241
1269
  type: "lineHeight",
1242
1270
  attributes: {
1243
1271
  category: "font",
1272
+ group: "line-height",
1273
+ kind: "fixed",
1244
1274
  type: "font",
1245
1275
  item: "line-height",
1246
1276
  subitem: "fixed",
@@ -1265,6 +1295,8 @@ export default {
1265
1295
  type: "lineHeight",
1266
1296
  attributes: {
1267
1297
  category: "font",
1298
+ group: "line-height",
1299
+ kind: "fixed",
1268
1300
  },
1269
1301
  key: "{semantic.font.line-height.fixed.sm}",
1270
1302
  },
@@ -1277,6 +1309,8 @@ export default {
1277
1309
  type: "lineHeight",
1278
1310
  attributes: {
1279
1311
  category: "font",
1312
+ group: "line-height",
1313
+ kind: "fixed",
1280
1314
  type: "font",
1281
1315
  item: "line-height",
1282
1316
  subitem: "fixed",
@@ -1301,6 +1335,8 @@ export default {
1301
1335
  type: "lineHeight",
1302
1336
  attributes: {
1303
1337
  category: "font",
1338
+ group: "line-height",
1339
+ kind: "fixed",
1304
1340
  },
1305
1341
  key: "{semantic.font.line-height.fixed.base}",
1306
1342
  },
@@ -1313,6 +1349,8 @@ export default {
1313
1349
  type: "lineHeight",
1314
1350
  attributes: {
1315
1351
  category: "font",
1352
+ group: "line-height",
1353
+ kind: "fixed",
1316
1354
  type: "font",
1317
1355
  item: "line-height",
1318
1356
  subitem: "fixed",
@@ -1337,6 +1375,8 @@ export default {
1337
1375
  type: "lineHeight",
1338
1376
  attributes: {
1339
1377
  category: "font",
1378
+ group: "line-height",
1379
+ kind: "fixed",
1340
1380
  },
1341
1381
  key: "{semantic.font.line-height.fixed.lg}",
1342
1382
  },
@@ -1349,6 +1389,8 @@ export default {
1349
1389
  type: "lineHeight",
1350
1390
  attributes: {
1351
1391
  category: "font",
1392
+ group: "line-height",
1393
+ kind: "fixed",
1352
1394
  type: "font",
1353
1395
  item: "line-height",
1354
1396
  subitem: "fixed",
@@ -1373,6 +1415,8 @@ export default {
1373
1415
  type: "lineHeight",
1374
1416
  attributes: {
1375
1417
  category: "font",
1418
+ group: "line-height",
1419
+ kind: "fixed",
1376
1420
  },
1377
1421
  key: "{semantic.font.line-height.fixed.xl}",
1378
1422
  },
@@ -1388,6 +1432,8 @@ export default {
1388
1432
  description: "1",
1389
1433
  attributes: {
1390
1434
  category: "font",
1435
+ group: "line-height",
1436
+ kind: "relative",
1391
1437
  type: "lineHeight",
1392
1438
  item: "line-height",
1393
1439
  subitem: "relative",
@@ -1421,6 +1467,8 @@ export default {
1421
1467
  description: "1",
1422
1468
  attributes: {
1423
1469
  category: "font",
1470
+ group: "line-height",
1471
+ kind: "relative",
1424
1472
  },
1425
1473
  key: "{semantic.font.line-height.relative.default}",
1426
1474
  },
@@ -1435,6 +1483,8 @@ export default {
1435
1483
  description: "1.25",
1436
1484
  attributes: {
1437
1485
  category: "font",
1486
+ group: "line-height",
1487
+ kind: "relative",
1438
1488
  type: "lineHeight",
1439
1489
  item: "line-height",
1440
1490
  subitem: "relative",
@@ -1468,6 +1518,8 @@ export default {
1468
1518
  description: "1.25",
1469
1519
  attributes: {
1470
1520
  category: "font",
1521
+ group: "line-height",
1522
+ kind: "relative",
1471
1523
  },
1472
1524
  key: "{semantic.font.line-height.relative.tight}",
1473
1525
  },
@@ -1482,6 +1534,8 @@ export default {
1482
1534
  description: "1.375",
1483
1535
  attributes: {
1484
1536
  category: "font",
1537
+ group: "line-height",
1538
+ kind: "relative",
1485
1539
  type: "lineHeight",
1486
1540
  item: "line-height",
1487
1541
  subitem: "relative",
@@ -1515,6 +1569,8 @@ export default {
1515
1569
  description: "1.375",
1516
1570
  attributes: {
1517
1571
  category: "font",
1572
+ group: "line-height",
1573
+ kind: "relative",
1518
1574
  },
1519
1575
  key: "{semantic.font.line-height.relative.snug}",
1520
1576
  },
@@ -1529,6 +1585,8 @@ export default {
1529
1585
  description: "1.5",
1530
1586
  attributes: {
1531
1587
  category: "font",
1588
+ group: "line-height",
1589
+ kind: "relative",
1532
1590
  type: "lineHeight",
1533
1591
  item: "line-height",
1534
1592
  subitem: "relative",
@@ -1562,6 +1620,8 @@ export default {
1562
1620
  description: "1.5",
1563
1621
  attributes: {
1564
1622
  category: "font",
1623
+ group: "line-height",
1624
+ kind: "relative",
1565
1625
  },
1566
1626
  key: "{semantic.font.line-height.relative.normal}",
1567
1627
  },
@@ -1576,6 +1636,8 @@ export default {
1576
1636
  description: "1.625",
1577
1637
  attributes: {
1578
1638
  category: "font",
1639
+ group: "line-height",
1640
+ kind: "relative",
1579
1641
  type: "lineHeight",
1580
1642
  item: "line-height",
1581
1643
  subitem: "relative",
@@ -1609,6 +1671,8 @@ export default {
1609
1671
  description: "1.625",
1610
1672
  attributes: {
1611
1673
  category: "font",
1674
+ group: "line-height",
1675
+ kind: "relative",
1612
1676
  },
1613
1677
  key: "{semantic.font.line-height.relative.relaxed}",
1614
1678
  },
@@ -1623,6 +1687,8 @@ export default {
1623
1687
  description: "2",
1624
1688
  attributes: {
1625
1689
  category: "font",
1690
+ group: "line-height",
1691
+ kind: "relative",
1626
1692
  type: "lineHeight",
1627
1693
  item: "line-height",
1628
1694
  subitem: "relative",
@@ -1656,6 +1722,8 @@ export default {
1656
1722
  description: "2",
1657
1723
  attributes: {
1658
1724
  category: "font",
1725
+ group: "line-height",
1726
+ kind: "relative",
1659
1727
  },
1660
1728
  key: "{semantic.font.line-height.relative.loose}",
1661
1729
  },
@@ -1673,6 +1741,7 @@ export default {
1673
1741
  description: "Deprecated",
1674
1742
  attributes: {
1675
1743
  category: "font",
1744
+ group: "letter-spacing",
1676
1745
  type: "dimension",
1677
1746
  item: "letter-spacing",
1678
1747
  subitem: "tight",
@@ -1705,6 +1774,7 @@ export default {
1705
1774
  description: "Deprecated",
1706
1775
  attributes: {
1707
1776
  category: "font",
1777
+ group: "letter-spacing",
1708
1778
  },
1709
1779
  key: "{semantic.font.letter-spacing.tight}",
1710
1780
  },
@@ -1719,6 +1789,7 @@ export default {
1719
1789
  description: "Deprecated",
1720
1790
  attributes: {
1721
1791
  category: "font",
1792
+ group: "letter-spacing",
1722
1793
  type: "dimension",
1723
1794
  item: "letter-spacing",
1724
1795
  subitem: "normal",
@@ -1751,6 +1822,7 @@ export default {
1751
1822
  description: "Deprecated",
1752
1823
  attributes: {
1753
1824
  category: "font",
1825
+ group: "letter-spacing",
1754
1826
  },
1755
1827
  key: "{semantic.font.letter-spacing.normal}",
1756
1828
  },
@@ -1765,6 +1837,7 @@ export default {
1765
1837
  description: "Deprecated",
1766
1838
  attributes: {
1767
1839
  category: "font",
1840
+ group: "letter-spacing",
1768
1841
  type: "dimension",
1769
1842
  item: "letter-spacing",
1770
1843
  subitem: "wide",
@@ -1797,6 +1870,7 @@ export default {
1797
1870
  description: "Deprecated",
1798
1871
  attributes: {
1799
1872
  category: "font",
1873
+ group: "letter-spacing",
1800
1874
  },
1801
1875
  key: "{semantic.font.letter-spacing.wide}",
1802
1876
  },
@@ -1813,6 +1887,7 @@ export default {
1813
1887
  description: "Deprecated",
1814
1888
  attributes: {
1815
1889
  category: "font",
1890
+ group: "paragraph-spacing",
1816
1891
  type: "dimension",
1817
1892
  item: "paragraph-spacing",
1818
1893
  subitem: "normal",
@@ -1845,6 +1920,7 @@ export default {
1845
1920
  description: "Deprecated",
1846
1921
  attributes: {
1847
1922
  category: "font",
1923
+ group: "paragraph-spacing",
1848
1924
  },
1849
1925
  key: "{semantic.font.paragraph-spacing.normal}",
1850
1926
  },
@@ -1861,6 +1937,7 @@ export default {
1861
1937
  description: "Deprecated",
1862
1938
  attributes: {
1863
1939
  category: "font",
1940
+ group: "text-decoration",
1864
1941
  type: "textDecoration",
1865
1942
  item: "text-decoration",
1866
1943
  subitem: "none",
@@ -1893,6 +1970,7 @@ export default {
1893
1970
  description: "Deprecated",
1894
1971
  attributes: {
1895
1972
  category: "font",
1973
+ group: "text-decoration",
1896
1974
  },
1897
1975
  key: "{semantic.font.text-decoration.none}",
1898
1976
  },
@@ -1907,6 +1985,7 @@ export default {
1907
1985
  description: "Deprecated",
1908
1986
  attributes: {
1909
1987
  category: "font",
1988
+ group: "text-decoration",
1910
1989
  type: "textDecoration",
1911
1990
  item: "text-decoration",
1912
1991
  subitem: "underline",
@@ -1939,6 +2018,7 @@ export default {
1939
2018
  description: "Deprecated",
1940
2019
  attributes: {
1941
2020
  category: "font",
2021
+ group: "text-decoration",
1942
2022
  },
1943
2023
  key: "{semantic.font.text-decoration.underline}",
1944
2024
  },
@@ -1955,6 +2035,7 @@ export default {
1955
2035
  description: "Deprecated",
1956
2036
  attributes: {
1957
2037
  category: "font",
2038
+ group: "text-case",
1958
2039
  type: "textCase",
1959
2040
  item: "text-case",
1960
2041
  subitem: "none",
@@ -1987,6 +2068,7 @@ export default {
1987
2068
  description: "Deprecated",
1988
2069
  attributes: {
1989
2070
  category: "font",
2071
+ group: "text-case",
1990
2072
  },
1991
2073
  key: "{semantic.font.text-case.none}",
1992
2074
  },
@@ -2001,6 +2083,7 @@ export default {
2001
2083
  description: "Deprecated",
2002
2084
  attributes: {
2003
2085
  category: "font",
2086
+ group: "text-case",
2004
2087
  type: "textCase",
2005
2088
  item: "text-case",
2006
2089
  subitem: "uppercase",
@@ -2033,6 +2116,7 @@ export default {
2033
2116
  description: "Deprecated",
2034
2117
  attributes: {
2035
2118
  category: "font",
2119
+ group: "text-case",
2036
2120
  },
2037
2121
  key: "{semantic.font.text-case.uppercase}",
2038
2122
  },
@@ -2047,6 +2131,7 @@ export default {
2047
2131
  description: "Deprecated",
2048
2132
  attributes: {
2049
2133
  category: "font",
2134
+ group: "text-case",
2050
2135
  type: "textCase",
2051
2136
  item: "text-case",
2052
2137
  subitem: "lowercase",
@@ -2079,6 +2164,7 @@ export default {
2079
2164
  description: "Deprecated",
2080
2165
  attributes: {
2081
2166
  category: "font",
2167
+ group: "text-case",
2082
2168
  },
2083
2169
  key: "{semantic.font.text-case.lowercase}",
2084
2170
  },
@@ -2093,6 +2179,7 @@ export default {
2093
2179
  description: "Deprecated",
2094
2180
  attributes: {
2095
2181
  category: "font",
2182
+ group: "text-case",
2096
2183
  type: "textCase",
2097
2184
  item: "text-case",
2098
2185
  subitem: "capitalize",
@@ -2125,6 +2212,7 @@ export default {
2125
2212
  description: "Deprecated",
2126
2213
  attributes: {
2127
2214
  category: "font",
2215
+ group: "text-case",
2128
2216
  },
2129
2217
  key: "{semantic.font.text-case.capitalize}",
2130
2218
  },
@@ -3685,7 +3773,6 @@ export default {
3685
3773
  value: "0",
3686
3774
  type: "dimension",
3687
3775
  attributes: {
3688
- pattern: "",
3689
3776
  category: "space",
3690
3777
  type: "spacing",
3691
3778
  item: "default",
@@ -3709,7 +3796,6 @@ export default {
3709
3796
  value: "{core.size.default.none}",
3710
3797
  type: "dimension",
3711
3798
  attributes: {
3712
- pattern: "",
3713
3799
  category: "space",
3714
3800
  },
3715
3801
  key: "{semantic.spacing.default.none}",
@@ -3722,7 +3808,6 @@ export default {
3722
3808
  value: "1px",
3723
3809
  type: "dimension",
3724
3810
  attributes: {
3725
- pattern: "",
3726
3811
  category: "space",
3727
3812
  type: "spacing",
3728
3813
  item: "default",
@@ -3746,7 +3831,6 @@ export default {
3746
3831
  value: "{core.size.default.1}",
3747
3832
  type: "dimension",
3748
3833
  attributes: {
3749
- pattern: "",
3750
3834
  category: "space",
3751
3835
  },
3752
3836
  key: "{semantic.spacing.default.px}",
@@ -3759,7 +3843,6 @@ export default {
3759
3843
  value: "2px",
3760
3844
  type: "dimension",
3761
3845
  attributes: {
3762
- pattern: "",
3763
3846
  category: "space",
3764
3847
  type: "spacing",
3765
3848
  item: "default",
@@ -3783,7 +3866,6 @@ export default {
3783
3866
  value: "{core.size.default.2}",
3784
3867
  type: "dimension",
3785
3868
  attributes: {
3786
- pattern: "",
3787
3869
  category: "space",
3788
3870
  },
3789
3871
  key: "{semantic.spacing.default.base}",
@@ -3796,7 +3878,7 @@ export default {
3796
3878
  value: "0.25rem",
3797
3879
  type: "dimension",
3798
3880
  attributes: {
3799
- category: "size",
3881
+ category: "space",
3800
3882
  type: "spacing",
3801
3883
  item: "default",
3802
3884
  subitem: "xxs",
@@ -3819,7 +3901,7 @@ export default {
3819
3901
  value: "{core.size.default.4}",
3820
3902
  type: "dimension",
3821
3903
  attributes: {
3822
- category: "size",
3904
+ category: "space",
3823
3905
  },
3824
3906
  key: "{semantic.spacing.default.xxs}",
3825
3907
  },
@@ -3831,7 +3913,7 @@ export default {
3831
3913
  value: "0.375rem",
3832
3914
  type: "dimension",
3833
3915
  attributes: {
3834
- category: "size",
3916
+ category: "space",
3835
3917
  type: "spacing",
3836
3918
  item: "default",
3837
3919
  subitem: "xs",
@@ -3854,7 +3936,7 @@ export default {
3854
3936
  value: "{core.size.default.6}",
3855
3937
  type: "dimension",
3856
3938
  attributes: {
3857
- category: "size",
3939
+ category: "space",
3858
3940
  },
3859
3941
  key: "{semantic.spacing.default.xs}",
3860
3942
  },
@@ -3866,7 +3948,7 @@ export default {
3866
3948
  value: "0.5rem",
3867
3949
  type: "dimension",
3868
3950
  attributes: {
3869
- category: "size",
3951
+ category: "space",
3870
3952
  type: "spacing",
3871
3953
  item: "default",
3872
3954
  subitem: "sm",
@@ -3889,7 +3971,7 @@ export default {
3889
3971
  value: "{core.size.default.8}",
3890
3972
  type: "dimension",
3891
3973
  attributes: {
3892
- category: "size",
3974
+ category: "space",
3893
3975
  },
3894
3976
  key: "{semantic.spacing.default.sm}",
3895
3977
  },