@primer/primitives 11.4.0 → 11.4.1-rc.4e2d1de5

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 (131) hide show
  1. package/DESIGN_TOKENS_GUIDE.md +185 -0
  2. package/DESIGN_TOKENS_SPEC.md +565 -0
  3. package/dist/build/formats/markdownLlmGuidelines.d.ts +7 -6
  4. package/dist/build/formats/markdownLlmGuidelines.js +1034 -60
  5. package/dist/build/schemas/borderToken.d.ts +16 -2
  6. package/dist/build/schemas/dimensionToken.d.ts +8 -1
  7. package/dist/build/schemas/dimensionValue.d.ts +24 -1
  8. package/dist/build/schemas/dimensionValue.js +20 -1
  9. package/dist/build/schemas/durationToken.d.ts +7 -1
  10. package/dist/build/schemas/durationValue.d.ts +11 -1
  11. package/dist/build/schemas/durationValue.js +13 -3
  12. package/dist/build/schemas/shadowToken.d.ts +672 -84
  13. package/dist/build/schemas/transitionToken.d.ts +14 -2
  14. package/dist/build/schemas/typographyToken.d.ts +32 -4
  15. package/dist/build/transformers/dimensionToPixelUnitless.d.ts +3 -2
  16. package/dist/build/transformers/dimensionToPixelUnitless.js +22 -26
  17. package/dist/build/transformers/dimensionToRem.d.ts +2 -1
  18. package/dist/build/transformers/dimensionToRem.js +21 -22
  19. package/dist/build/transformers/dimensionToRemPxArray.d.ts +2 -1
  20. package/dist/build/transformers/dimensionToRemPxArray.js +21 -22
  21. package/dist/build/transformers/durationToCss.d.ts +2 -1
  22. package/dist/build/transformers/durationToCss.js +18 -11
  23. package/dist/build/transformers/utilities/parseDimension.d.ts +12 -0
  24. package/dist/build/transformers/utilities/parseDimension.js +31 -0
  25. package/dist/build/types/dimensionTokenValue.d.ts +9 -0
  26. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +18 -14
  27. package/dist/css/functional/themes/dark-colorblind.css +18 -14
  28. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +18 -14
  29. package/dist/css/functional/themes/dark-dimmed.css +18 -14
  30. package/dist/css/functional/themes/dark-high-contrast.css +18 -14
  31. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +18 -14
  32. package/dist/css/functional/themes/dark-tritanopia.css +18 -14
  33. package/dist/css/functional/themes/dark.css +18 -14
  34. package/dist/css/functional/themes/light-colorblind-high-contrast.css +18 -14
  35. package/dist/css/functional/themes/light-colorblind.css +18 -14
  36. package/dist/css/functional/themes/light-high-contrast.css +18 -14
  37. package/dist/css/functional/themes/light-tritanopia-high-contrast.css +18 -14
  38. package/dist/css/functional/themes/light-tritanopia.css +18 -14
  39. package/dist/css/functional/themes/light.css +18 -14
  40. package/dist/css/primitives.css +4 -0
  41. package/dist/docs/base/motion/motion.json +96 -24
  42. package/dist/docs/base/size/size.json +76 -19
  43. package/dist/docs/base/typography/typography.json +24 -6
  44. package/dist/docs/functional/size/border.json +20 -5
  45. package/dist/docs/functional/size/breakpoints.json +24 -6
  46. package/dist/docs/functional/size/radius.json +16 -4
  47. package/dist/docs/functional/size/size.json +60 -15
  48. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +109 -7
  49. package/dist/docs/functional/themes/dark-colorblind.json +109 -7
  50. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +109 -7
  51. package/dist/docs/functional/themes/dark-dimmed.json +109 -7
  52. package/dist/docs/functional/themes/dark-high-contrast.json +109 -7
  53. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +109 -7
  54. package/dist/docs/functional/themes/dark-tritanopia.json +109 -7
  55. package/dist/docs/functional/themes/dark.json +109 -7
  56. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +115 -13
  57. package/dist/docs/functional/themes/light-colorblind.json +115 -13
  58. package/dist/docs/functional/themes/light-high-contrast.json +115 -13
  59. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +115 -13
  60. package/dist/docs/functional/themes/light-tritanopia.json +115 -13
  61. package/dist/docs/functional/themes/light.json +115 -13
  62. package/dist/docs/functional/typography/typography.json +8 -2
  63. package/dist/fallbacks/base/motion/motion.json +48 -12
  64. package/dist/figma/themes/light-colorblind.json +4 -4
  65. package/dist/figma/themes/light-high-contrast.json +4 -4
  66. package/dist/figma/themes/light-tritanopia.json +4 -4
  67. package/dist/figma/themes/light.json +4 -4
  68. package/dist/internalCss/dark-colorblind-high-contrast.css +14 -14
  69. package/dist/internalCss/dark-colorblind.css +14 -14
  70. package/dist/internalCss/dark-dimmed-high-contrast.css +14 -14
  71. package/dist/internalCss/dark-dimmed.css +14 -14
  72. package/dist/internalCss/dark-high-contrast.css +14 -14
  73. package/dist/internalCss/dark-tritanopia-high-contrast.css +14 -14
  74. package/dist/internalCss/dark-tritanopia.css +14 -14
  75. package/dist/internalCss/dark.css +14 -14
  76. package/dist/internalCss/light-colorblind-high-contrast.css +14 -14
  77. package/dist/internalCss/light-colorblind.css +14 -14
  78. package/dist/internalCss/light-high-contrast.css +14 -14
  79. package/dist/internalCss/light-tritanopia-high-contrast.css +14 -14
  80. package/dist/internalCss/light-tritanopia.css +14 -14
  81. package/dist/internalCss/light.css +14 -14
  82. package/dist/styleLint/base/motion/motion.json +96 -24
  83. package/dist/styleLint/base/size/size.json +76 -19
  84. package/dist/styleLint/base/typography/typography.json +30 -12
  85. package/dist/styleLint/functional/size/border.json +21 -6
  86. package/dist/styleLint/functional/size/breakpoints.json +24 -6
  87. package/dist/styleLint/functional/size/radius.json +17 -5
  88. package/dist/styleLint/functional/size/size-coarse.json +3 -3
  89. package/dist/styleLint/functional/size/size-fine.json +3 -3
  90. package/dist/styleLint/functional/size/size.json +111 -66
  91. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +129 -27
  92. package/dist/styleLint/functional/themes/dark-colorblind.json +129 -27
  93. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +129 -27
  94. package/dist/styleLint/functional/themes/dark-dimmed.json +129 -27
  95. package/dist/styleLint/functional/themes/dark-high-contrast.json +129 -27
  96. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +129 -27
  97. package/dist/styleLint/functional/themes/dark-tritanopia.json +129 -27
  98. package/dist/styleLint/functional/themes/dark.json +129 -27
  99. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +135 -33
  100. package/dist/styleLint/functional/themes/light-colorblind.json +135 -33
  101. package/dist/styleLint/functional/themes/light-high-contrast.json +135 -33
  102. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +135 -33
  103. package/dist/styleLint/functional/themes/light-tritanopia.json +135 -33
  104. package/dist/styleLint/functional/themes/light.json +135 -33
  105. package/dist/styleLint/functional/typography/typography.json +28 -22
  106. package/package.json +6 -5
  107. package/src/tokens/base/motion/timing.json5 +12 -12
  108. package/src/tokens/base/size/size.json5 +19 -19
  109. package/src/tokens/base/typography/typography.json5 +6 -6
  110. package/src/tokens/functional/color/bgColor.json5 +8 -0
  111. package/src/tokens/functional/color/display.json5 +7 -0
  112. package/src/tokens/functional/color/fgColor.json5 +8 -0
  113. package/src/tokens/functional/color/syntax.json5 +14 -0
  114. package/src/tokens/functional/shadow/shadow.json5 +39 -4
  115. package/src/tokens/functional/size/border.json5 +5 -5
  116. package/src/tokens/functional/size/breakpoints.json5 +6 -6
  117. package/src/tokens/functional/size/radius.json5 +4 -4
  118. package/src/tokens/functional/size/size.json5 +15 -15
  119. package/src/tokens/functional/typography/typography.json5 +8 -4
  120. package/dist/build/parsers/index.d.ts +0 -1
  121. package/dist/build/parsers/index.js +0 -1
  122. package/dist/build/parsers/w3cJsonParser.d.ts +0 -6
  123. package/dist/build/parsers/w3cJsonParser.js +0 -25
  124. package/dist/removed/testing.json5 +0 -4
  125. package/guidelines/color.llm.md +0 -16
  126. package/guidelines/guidelines.llm.md +0 -34
  127. package/guidelines/motion.llm.md +0 -41
  128. package/guidelines/spacing.llm.md +0 -20
  129. package/guidelines/typography.llm.md +0 -14
  130. package/src/tokens/removed/testing.json5 +0 -4
  131. package/token-guidelines.llm.md +0 -695
package/dist/styleLint/functional/size/size.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "control-large-gap": {
3
3
  "key": "{control.large.gap}",
4
- "$value": ["0.03125rem", "0.5px"],
4
+ "$value": ["0.5rem", "8px"],
5
5
  "$type": "dimension",
6
6
  "$extensions": {
7
7
  "org.primer.figma": {
@@ -28,7 +28,7 @@
28
28
  },
29
29
  "control-large-lineBoxHeight": {
30
30
  "key": "{control.large.lineBoxHeight}",
31
- "$value": ["0.078125rem", "1.25px"],
31
+ "$value": ["1.25rem", "20px"],
32
32
  "$type": "dimension",
33
33
  "$extensions": {
34
34
  "org.primer.figma": {
@@ -66,7 +66,10 @@
66
66
  "filePath": "src/tokens/functional/size/size.json5",
67
67
  "isSource": true,
68
68
  "original": {
69
- "$value": "10px",
69
+ "$value": {
70
+ "value": 10,
71
+ "unit": "px"
72
+ },
70
73
  "$type": "dimension",
71
74
  "$extensions": {
72
75
  "org.primer.figma": {
@@ -82,7 +85,7 @@
82
85
  },
83
86
  "control-large-paddingInline-normal": {
84
87
  "key": "{control.large.paddingInline.normal}",
85
- "$value": ["0.046875rem", "0.75px"],
88
+ "$value": ["0.75rem", "12px"],
86
89
  "$type": "dimension",
87
90
  "$extensions": {
88
91
  "org.primer.figma": {
@@ -109,7 +112,7 @@
109
112
  },
110
113
  "control-large-paddingInline-spacious": {
111
114
  "key": "{control.large.paddingInline.spacious}",
112
- "$value": ["0.0625rem", "1px"],
115
+ "$value": ["1rem", "16px"],
113
116
  "$type": "dimension",
114
117
  "$extensions": {
115
118
  "org.primer.figma": {
@@ -136,7 +139,7 @@
136
139
  },
137
140
  "control-large-size": {
138
141
  "key": "{control.large.size}",
139
- "$value": ["0.15625rem", "2.5px"],
142
+ "$value": ["2.5rem", "40px"],
140
143
  "$type": "dimension",
141
144
  "$extensions": {
142
145
  "org.primer.figma": {
@@ -163,7 +166,7 @@
163
166
  },
164
167
  "control-medium-gap": {
165
168
  "key": "{control.medium.gap}",
166
- "$value": ["0.03125rem", "0.5px"],
169
+ "$value": ["0.5rem", "8px"],
167
170
  "$type": "dimension",
168
171
  "$extensions": {
169
172
  "org.primer.figma": {
@@ -190,7 +193,7 @@
190
193
  },
191
194
  "control-medium-lineBoxHeight": {
192
195
  "key": "{control.medium.lineBoxHeight}",
193
- "$value": ["0.078125rem", "1.25px"],
196
+ "$value": ["1.25rem", "20px"],
194
197
  "$type": "dimension",
195
198
  "$extensions": {
196
199
  "org.primer.figma": {
@@ -228,7 +231,10 @@
228
231
  "filePath": "src/tokens/functional/size/size.json5",
229
232
  "isSource": true,
230
233
  "original": {
231
- "$value": "6px",
234
+ "$value": {
235
+ "value": 6,
236
+ "unit": "px"
237
+ },
232
238
  "$type": "dimension",
233
239
  "$extensions": {
234
240
  "org.primer.figma": {
@@ -244,7 +250,7 @@
244
250
  },
245
251
  "control-medium-paddingInline-condensed": {
246
252
  "key": "{control.medium.paddingInline.condensed}",
247
- "$value": ["0.03125rem", "0.5px"],
253
+ "$value": ["0.5rem", "8px"],
248
254
  "$type": "dimension",
249
255
  "$extensions": {
250
256
  "org.primer.figma": {
@@ -271,7 +277,7 @@
271
277
  },
272
278
  "control-medium-paddingInline-normal": {
273
279
  "key": "{control.medium.paddingInline.normal}",
274
- "$value": ["0.046875rem", "0.75px"],
280
+ "$value": ["0.75rem", "12px"],
275
281
  "$type": "dimension",
276
282
  "$extensions": {
277
283
  "org.primer.figma": {
@@ -298,7 +304,7 @@
298
304
  },
299
305
  "control-medium-paddingInline-spacious": {
300
306
  "key": "{control.medium.paddingInline.spacious}",
301
- "$value": ["0.0625rem", "1px"],
307
+ "$value": ["1rem", "16px"],
302
308
  "$type": "dimension",
303
309
  "$extensions": {
304
310
  "org.primer.figma": {
@@ -325,7 +331,7 @@
325
331
  },
326
332
  "control-medium-size": {
327
333
  "key": "{control.medium.size}",
328
- "$value": ["0.125rem", "2px"],
334
+ "$value": ["2rem", "32px"],
329
335
  "$type": "dimension",
330
336
  "$extensions": {
331
337
  "org.primer.figma": {
@@ -352,7 +358,7 @@
352
358
  },
353
359
  "control-minTarget-coarse": {
354
360
  "key": "{control.minTarget.coarse}",
355
- "$value": ["0.171875rem", "2.75px"],
361
+ "$value": ["2.75rem", "44px"],
356
362
  "$type": "dimension",
357
363
  "$extensions": {
358
364
  "org.primer.figma": {
@@ -379,7 +385,7 @@
379
385
  },
380
386
  "control-minTarget-fine": {
381
387
  "key": "{control.minTarget.fine}",
382
- "$value": ["0.0625rem", "1px"],
388
+ "$value": ["1rem", "16px"],
383
389
  "$type": "dimension",
384
390
  "$extensions": {
385
391
  "org.primer.figma": {
@@ -406,7 +412,7 @@
406
412
  },
407
413
  "control-small-gap": {
408
414
  "key": "{control.small.gap}",
409
- "$value": ["0.015625rem", "0.25px"],
415
+ "$value": ["0.25rem", "4px"],
410
416
  "$type": "dimension",
411
417
  "$extensions": {
412
418
  "org.primer.figma": {
@@ -433,7 +439,7 @@
433
439
  },
434
440
  "control-small-lineBoxHeight": {
435
441
  "key": "{control.small.lineBoxHeight}",
436
- "$value": ["0.078125rem", "1.25px"],
442
+ "$value": ["1.25rem", "20px"],
437
443
  "$type": "dimension",
438
444
  "$extensions": {
439
445
  "org.primer.figma": {
@@ -460,7 +466,7 @@
460
466
  },
461
467
  "control-small-paddingBlock": {
462
468
  "key": "{control.small.paddingBlock}",
463
- "$value": ["0.015625rem", "0.25px"],
469
+ "$value": ["0.25rem", "4px"],
464
470
  "$type": "dimension",
465
471
  "$extensions": {
466
472
  "org.primer.figma": {
@@ -487,7 +493,7 @@
487
493
  },
488
494
  "control-small-paddingInline-condensed": {
489
495
  "key": "{control.small.paddingInline.condensed}",
490
- "$value": ["0.03125rem", "0.5px"],
496
+ "$value": ["0.5rem", "8px"],
491
497
  "$type": "dimension",
492
498
  "$extensions": {
493
499
  "org.primer.figma": {
@@ -514,7 +520,7 @@
514
520
  },
515
521
  "control-small-paddingInline-normal": {
516
522
  "key": "{control.small.paddingInline.normal}",
517
- "$value": ["0.046875rem", "0.75px"],
523
+ "$value": ["0.75rem", "12px"],
518
524
  "$type": "dimension",
519
525
  "$extensions": {
520
526
  "org.primer.figma": {
@@ -541,7 +547,7 @@
541
547
  },
542
548
  "control-small-size": {
543
549
  "key": "{control.small.size}",
544
- "$value": ["0.109375rem", "1.75px"],
550
+ "$value": ["1.75rem", "28px"],
545
551
  "$type": "dimension",
546
552
  "$extensions": {
547
553
  "org.primer.figma": {
@@ -568,7 +574,7 @@
568
574
  },
569
575
  "control-xlarge-gap": {
570
576
  "key": "{control.xlarge.gap}",
571
- "$value": ["0.03125rem", "0.5px"],
577
+ "$value": ["0.5rem", "8px"],
572
578
  "$type": "dimension",
573
579
  "$extensions": {
574
580
  "org.primer.figma": {
@@ -595,7 +601,7 @@
595
601
  },
596
602
  "control-xlarge-lineBoxHeight": {
597
603
  "key": "{control.xlarge.lineBoxHeight}",
598
- "$value": ["0.078125rem", "1.25px"],
604
+ "$value": ["1.25rem", "20px"],
599
605
  "$type": "dimension",
600
606
  "$extensions": {
601
607
  "org.primer.figma": {
@@ -633,7 +639,10 @@
633
639
  "filePath": "src/tokens/functional/size/size.json5",
634
640
  "isSource": true,
635
641
  "original": {
636
- "$value": "14px",
642
+ "$value": {
643
+ "value": 14,
644
+ "unit": "px"
645
+ },
637
646
  "$type": "dimension",
638
647
  "$extensions": {
639
648
  "org.primer.figma": {
@@ -649,7 +658,7 @@
649
658
  },
650
659
  "control-xlarge-paddingInline-normal": {
651
660
  "key": "{control.xlarge.paddingInline.normal}",
652
- "$value": ["0.046875rem", "0.75px"],
661
+ "$value": ["0.75rem", "12px"],
653
662
  "$type": "dimension",
654
663
  "$extensions": {
655
664
  "org.primer.figma": {
@@ -676,7 +685,7 @@
676
685
  },
677
686
  "control-xlarge-paddingInline-spacious": {
678
687
  "key": "{control.xlarge.paddingInline.spacious}",
679
- "$value": ["0.0625rem", "1px"],
688
+ "$value": ["1rem", "16px"],
680
689
  "$type": "dimension",
681
690
  "$extensions": {
682
691
  "org.primer.figma": {
@@ -703,7 +712,7 @@
703
712
  },
704
713
  "control-xlarge-size": {
705
714
  "key": "{control.xlarge.size}",
706
- "$value": ["0.1875rem", "3px"],
715
+ "$value": ["3rem", "48px"],
707
716
  "$type": "dimension",
708
717
  "$extensions": {
709
718
  "org.primer.figma": {
@@ -730,7 +739,7 @@
730
739
  },
731
740
  "control-xsmall-gap": {
732
741
  "key": "{control.xsmall.gap}",
733
- "$value": ["0.015625rem", "0.25px"],
742
+ "$value": ["0.25rem", "4px"],
734
743
  "$type": "dimension",
735
744
  "$extensions": {
736
745
  "org.primer.figma": {
@@ -757,7 +766,7 @@
757
766
  },
758
767
  "control-xsmall-lineBoxHeight": {
759
768
  "key": "{control.xsmall.lineBoxHeight}",
760
- "$value": ["0.078125rem", "1.25px"],
769
+ "$value": ["1.25rem", "20px"],
761
770
  "$type": "dimension",
762
771
  "$extensions": {
763
772
  "org.primer.figma": {
@@ -795,7 +804,10 @@
795
804
  "filePath": "src/tokens/functional/size/size.json5",
796
805
  "isSource": true,
797
806
  "original": {
798
- "$value": "2px",
807
+ "$value": {
808
+ "value": 2,
809
+ "unit": "px"
810
+ },
799
811
  "$type": "dimension",
800
812
  "$extensions": {
801
813
  "org.primer.figma": {
@@ -811,7 +823,7 @@
811
823
  },
812
824
  "control-xsmall-paddingInline-condensed": {
813
825
  "key": "{control.xsmall.paddingInline.condensed}",
814
- "$value": ["0.015625rem", "0.25px"],
826
+ "$value": ["0.25rem", "4px"],
815
827
  "$type": "dimension",
816
828
  "$extensions": {
817
829
  "org.primer.figma": {
@@ -838,7 +850,7 @@
838
850
  },
839
851
  "control-xsmall-paddingInline-normal": {
840
852
  "key": "{control.xsmall.paddingInline.normal}",
841
- "$value": ["0.03125rem", "0.5px"],
853
+ "$value": ["0.5rem", "8px"],
842
854
  "$type": "dimension",
843
855
  "$extensions": {
844
856
  "org.primer.figma": {
@@ -865,7 +877,7 @@
865
877
  },
866
878
  "control-xsmall-paddingInline-spacious": {
867
879
  "key": "{control.xsmall.paddingInline.spacious}",
868
- "$value": ["0.046875rem", "0.75px"],
880
+ "$value": ["0.75rem", "12px"],
869
881
  "$type": "dimension",
870
882
  "$extensions": {
871
883
  "org.primer.figma": {
@@ -892,7 +904,7 @@
892
904
  },
893
905
  "control-xsmall-size": {
894
906
  "key": "{control.xsmall.size}",
895
- "$value": ["0.09375rem", "1.5px"],
907
+ "$value": ["1.5rem", "24px"],
896
908
  "$type": "dimension",
897
909
  "$extensions": {
898
910
  "org.primer.figma": {
@@ -919,7 +931,7 @@
919
931
  },
920
932
  "controlStack-large-gap-auto": {
921
933
  "key": "{controlStack.large.gap.auto}",
922
- "$value": ["0.03125rem", "0.5px"],
934
+ "$value": ["0.5rem", "8px"],
923
935
  "$type": "dimension",
924
936
  "$extensions": {
925
937
  "org.primer.figma": {
@@ -946,7 +958,7 @@
946
958
  },
947
959
  "controlStack-large-gap-condensed": {
948
960
  "key": "{controlStack.large.gap.condensed}",
949
- "$value": ["0.03125rem", "0.5px"],
961
+ "$value": ["0.5rem", "8px"],
950
962
  "$type": "dimension",
951
963
  "$extensions": {
952
964
  "org.primer.figma": {
@@ -973,7 +985,7 @@
973
985
  },
974
986
  "controlStack-large-gap-spacious": {
975
987
  "key": "{controlStack.large.gap.spacious}",
976
- "$value": ["0.046875rem", "0.75px"],
988
+ "$value": ["0.75rem", "12px"],
977
989
  "$type": "dimension",
978
990
  "$extensions": {
979
991
  "org.primer.figma": {
@@ -1000,7 +1012,7 @@
1000
1012
  },
1001
1013
  "controlStack-medium-gap-condensed": {
1002
1014
  "key": "{controlStack.medium.gap.condensed}",
1003
- "$value": ["0.03125rem", "0.5px"],
1015
+ "$value": ["0.5rem", "8px"],
1004
1016
  "$type": "dimension",
1005
1017
  "$extensions": {
1006
1018
  "org.primer.figma": {
@@ -1027,7 +1039,7 @@
1027
1039
  },
1028
1040
  "controlStack-medium-gap-spacious": {
1029
1041
  "key": "{controlStack.medium.gap.spacious}",
1030
- "$value": ["0.046875rem", "0.75px"],
1042
+ "$value": ["0.75rem", "12px"],
1031
1043
  "$type": "dimension",
1032
1044
  "$extensions": {
1033
1045
  "org.primer.figma": {
@@ -1054,7 +1066,7 @@
1054
1066
  },
1055
1067
  "controlStack-small-gap-condensed": {
1056
1068
  "key": "{controlStack.small.gap.condensed}",
1057
- "$value": ["0.03125rem", "0.5px"],
1069
+ "$value": ["0.5rem", "8px"],
1058
1070
  "$type": "dimension",
1059
1071
  "$extensions": {
1060
1072
  "org.primer.figma": {
@@ -1081,7 +1093,7 @@
1081
1093
  },
1082
1094
  "controlStack-small-gap-spacious": {
1083
1095
  "key": "{controlStack.small.gap.spacious}",
1084
- "$value": ["0.0625rem", "1px"],
1096
+ "$value": ["1rem", "16px"],
1085
1097
  "$type": "dimension",
1086
1098
  "$extensions": {
1087
1099
  "org.primer.figma": {
@@ -1108,7 +1120,7 @@
1108
1120
  },
1109
1121
  "overlay-borderRadius": {
1110
1122
  "key": "{overlay.borderRadius}",
1111
- "$value": ["0.0234375rem", "0.375px"],
1123
+ "$value": ["0.375rem", "6px"],
1112
1124
  "$type": "dimension",
1113
1125
  "$extensions": {
1114
1126
  "org.primer.figma": {
@@ -1146,7 +1158,10 @@
1146
1158
  "filePath": "src/tokens/functional/size/size.json5",
1147
1159
  "isSource": true,
1148
1160
  "original": {
1149
- "$value": "432px",
1161
+ "$value": {
1162
+ "value": 432,
1163
+ "unit": "px"
1164
+ },
1150
1165
  "$type": "dimension",
1151
1166
  "$extensions": {
1152
1167
  "org.primer.figma": {
@@ -1173,7 +1188,10 @@
1173
1188
  "filePath": "src/tokens/functional/size/size.json5",
1174
1189
  "isSource": true,
1175
1190
  "original": {
1176
- "$value": "320px",
1191
+ "$value": {
1192
+ "value": 320,
1193
+ "unit": "px"
1194
+ },
1177
1195
  "$type": "dimension",
1178
1196
  "$extensions": {
1179
1197
  "org.primer.figma": {
@@ -1200,7 +1218,10 @@
1200
1218
  "filePath": "src/tokens/functional/size/size.json5",
1201
1219
  "isSource": true,
1202
1220
  "original": {
1203
- "$value": "256px",
1221
+ "$value": {
1222
+ "value": 256,
1223
+ "unit": "px"
1224
+ },
1204
1225
  "$type": "dimension",
1205
1226
  "$extensions": {
1206
1227
  "org.primer.figma": {
@@ -1227,7 +1248,10 @@
1227
1248
  "filePath": "src/tokens/functional/size/size.json5",
1228
1249
  "isSource": true,
1229
1250
  "original": {
1230
- "$value": "600px",
1251
+ "$value": {
1252
+ "value": 600,
1253
+ "unit": "px"
1254
+ },
1231
1255
  "$type": "dimension",
1232
1256
  "$extensions": {
1233
1257
  "org.primer.figma": {
@@ -1254,7 +1278,10 @@
1254
1278
  "filePath": "src/tokens/functional/size/size.json5",
1255
1279
  "isSource": true,
1256
1280
  "original": {
1257
- "$value": "4px",
1281
+ "$value": {
1282
+ "value": 4,
1283
+ "unit": "px"
1284
+ },
1258
1285
  "$type": "dimension",
1259
1286
  "$extensions": {
1260
1287
  "org.primer.figma": {
@@ -1270,7 +1297,7 @@
1270
1297
  },
1271
1298
  "overlay-padding-condensed": {
1272
1299
  "key": "{overlay.padding.condensed}",
1273
- "$value": ["0.03125rem", "0.5px"],
1300
+ "$value": ["0.5rem", "8px"],
1274
1301
  "$type": "dimension",
1275
1302
  "$extensions": {
1276
1303
  "org.primer.figma": {
@@ -1297,7 +1324,7 @@
1297
1324
  },
1298
1325
  "overlay-padding-normal": {
1299
1326
  "key": "{overlay.padding.normal}",
1300
- "$value": ["0.0625rem", "1px"],
1327
+ "$value": ["1rem", "16px"],
1301
1328
  "$type": "dimension",
1302
1329
  "$extensions": {
1303
1330
  "org.primer.figma": {
@@ -1324,7 +1351,7 @@
1324
1351
  },
1325
1352
  "overlay-paddingBlock-condensed": {
1326
1353
  "key": "{overlay.paddingBlock.condensed}",
1327
- "$value": ["0.015625rem", "0.25px"],
1354
+ "$value": ["0.25rem", "4px"],
1328
1355
  "$type": "dimension",
1329
1356
  "$extensions": {
1330
1357
  "org.primer.figma": {
@@ -1351,7 +1378,7 @@
1351
1378
  },
1352
1379
  "overlay-paddingBlock-normal": {
1353
1380
  "key": "{overlay.paddingBlock.normal}",
1354
- "$value": ["0.046875rem", "0.75px"],
1381
+ "$value": ["0.75rem", "12px"],
1355
1382
  "$type": "dimension",
1356
1383
  "$extensions": {
1357
1384
  "org.primer.figma": {
@@ -1389,7 +1416,10 @@
1389
1416
  "filePath": "src/tokens/functional/size/size.json5",
1390
1417
  "isSource": true,
1391
1418
  "original": {
1392
- "$value": "640px",
1419
+ "$value": {
1420
+ "value": 640,
1421
+ "unit": "px"
1422
+ },
1393
1423
  "$type": "dimension",
1394
1424
  "$extensions": {
1395
1425
  "org.primer.figma": {
@@ -1416,7 +1446,10 @@
1416
1446
  "filePath": "src/tokens/functional/size/size.json5",
1417
1447
  "isSource": true,
1418
1448
  "original": {
1419
- "$value": "480px",
1449
+ "$value": {
1450
+ "value": 480,
1451
+ "unit": "px"
1452
+ },
1420
1453
  "$type": "dimension",
1421
1454
  "$extensions": {
1422
1455
  "org.primer.figma": {
@@ -1443,7 +1476,10 @@
1443
1476
  "filePath": "src/tokens/functional/size/size.json5",
1444
1477
  "isSource": true,
1445
1478
  "original": {
1446
- "$value": "320px",
1479
+ "$value": {
1480
+ "value": 320,
1481
+ "unit": "px"
1482
+ },
1447
1483
  "$type": "dimension",
1448
1484
  "$extensions": {
1449
1485
  "org.primer.figma": {
@@ -1470,7 +1506,10 @@
1470
1506
  "filePath": "src/tokens/functional/size/size.json5",
1471
1507
  "isSource": true,
1472
1508
  "original": {
1473
- "$value": "960px",
1509
+ "$value": {
1510
+ "value": 960,
1511
+ "unit": "px"
1512
+ },
1474
1513
  "$type": "dimension",
1475
1514
  "$extensions": {
1476
1515
  "org.primer.figma": {
@@ -1497,7 +1536,10 @@
1497
1536
  "filePath": "src/tokens/functional/size/size.json5",
1498
1537
  "isSource": true,
1499
1538
  "original": {
1500
- "$value": "192px",
1539
+ "$value": {
1540
+ "value": 192,
1541
+ "unit": "px"
1542
+ },
1501
1543
  "$type": "dimension",
1502
1544
  "$extensions": {
1503
1545
  "org.primer.figma": {
@@ -1513,7 +1555,7 @@
1513
1555
  },
1514
1556
  "spinner-size-large": {
1515
1557
  "key": "{spinner.size.large}",
1516
- "$value": ["0.25rem", "4px"],
1558
+ "$value": ["4rem", "64px"],
1517
1559
  "$type": "dimension",
1518
1560
  "$extensions": {
1519
1561
  "org.primer.figma": {
@@ -1540,7 +1582,7 @@
1540
1582
  },
1541
1583
  "spinner-size-medium": {
1542
1584
  "key": "{spinner.size.medium}",
1543
- "$value": ["0.125rem", "2px"],
1585
+ "$value": ["2rem", "32px"],
1544
1586
  "$type": "dimension",
1545
1587
  "$extensions": {
1546
1588
  "org.primer.figma": {
@@ -1567,7 +1609,7 @@
1567
1609
  },
1568
1610
  "spinner-size-small": {
1569
1611
  "key": "{spinner.size.small}",
1570
- "$value": ["0.0625rem", "1px"],
1612
+ "$value": ["1rem", "16px"],
1571
1613
  "$type": "dimension",
1572
1614
  "$extensions": {
1573
1615
  "org.primer.figma": {
@@ -1599,7 +1641,10 @@
1599
1641
  "filePath": "src/tokens/functional/size/size.json5",
1600
1642
  "isSource": true,
1601
1643
  "original": {
1602
- "$value": "2px",
1644
+ "$value": {
1645
+ "value": 2,
1646
+ "unit": "px"
1647
+ },
1603
1648
  "$type": "dimension",
1604
1649
  "key": "{spinner.strokeWidth.default}"
1605
1650
  },
@@ -1609,7 +1654,7 @@
1609
1654
  },
1610
1655
  "stack-gap-condensed": {
1611
1656
  "key": "{stack.gap.condensed}",
1612
- "$value": ["0.03125rem", "0.5px"],
1657
+ "$value": ["0.5rem", "8px"],
1613
1658
  "$type": "dimension",
1614
1659
  "$extensions": {
1615
1660
  "org.primer.figma": {
@@ -1644,7 +1689,7 @@
1644
1689
  },
1645
1690
  "stack-gap-normal": {
1646
1691
  "key": "{stack.gap.normal}",
1647
- "$value": ["0.0625rem", "1px"],
1692
+ "$value": ["1rem", "16px"],
1648
1693
  "$type": "dimension",
1649
1694
  "$extensions": {
1650
1695
  "org.primer.figma": {
@@ -1679,7 +1724,7 @@
1679
1724
  },
1680
1725
  "stack-gap-spacious": {
1681
1726
  "key": "{stack.gap.spacious}",
1682
- "$value": ["0.09375rem", "1.5px"],
1727
+ "$value": ["1.5rem", "24px"],
1683
1728
  "$type": "dimension",
1684
1729
  "$extensions": {
1685
1730
  "org.primer.figma": {
@@ -1714,7 +1759,7 @@
1714
1759
  },
1715
1760
  "stack-padding-condensed": {
1716
1761
  "key": "{stack.padding.condensed}",
1717
- "$value": ["0.03125rem", "0.5px"],
1762
+ "$value": ["0.5rem", "8px"],
1718
1763
  "$type": "dimension",
1719
1764
  "$extensions": {
1720
1765
  "org.primer.figma": {
@@ -1749,7 +1794,7 @@
1749
1794
  },
1750
1795
  "stack-padding-normal": {
1751
1796
  "key": "{stack.padding.normal}",
1752
- "$value": ["0.0625rem", "1px"],
1797
+ "$value": ["1rem", "16px"],
1753
1798
  "$type": "dimension",
1754
1799
  "$extensions": {
1755
1800
  "org.primer.figma": {
@@ -1784,7 +1829,7 @@
1784
1829
  },
1785
1830
  "stack-padding-spacious": {
1786
1831
  "key": "{stack.padding.spacious}",
1787
- "$value": ["0.09375rem", "1.5px"],
1832
+ "$value": ["1.5rem", "24px"],
1788
1833
  "$type": "dimension",
1789
1834
  "$extensions": {
1790
1835
  "org.primer.figma": {