@primer/primitives 11.4.1-rc.eb8ee149 → 11.5.0-rc.14eaeb12

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 (190) hide show
  1. package/DESIGN_TOKENS_GUIDE.md +185 -0
  2. package/DESIGN_TOKENS_SPEC.md +136 -8
  3. package/dist/build/formats/jsonFigma.js +8 -1
  4. package/dist/build/formats/markdownLlmGuidelines.js +349 -0
  5. package/dist/build/schemas/borderToken.d.ts +61 -5
  6. package/dist/build/schemas/borderToken.js +2 -1
  7. package/dist/build/schemas/colorToken.d.ts +639 -30
  8. package/dist/build/schemas/colorToken.js +3 -2
  9. package/dist/build/schemas/colorW3cValue.d.ts +28 -0
  10. package/dist/build/schemas/colorW3cValue.js +42 -0
  11. package/dist/build/schemas/cubicBezierToken.d.ts +1 -1
  12. package/dist/build/schemas/dimensionToken.d.ts +9 -2
  13. package/dist/build/schemas/dimensionValue.d.ts +12 -1
  14. package/dist/build/schemas/dimensionValue.js +10 -13
  15. package/dist/build/schemas/durationToken.d.ts +8 -2
  16. package/dist/build/schemas/durationValue.d.ts +11 -1
  17. package/dist/build/schemas/durationValue.js +13 -3
  18. package/dist/build/schemas/fontFamilyToken.d.ts +1 -1
  19. package/dist/build/schemas/fontWeightToken.d.ts +1 -1
  20. package/dist/build/schemas/gradientToken.d.ts +23 -2
  21. package/dist/build/schemas/gradientToken.js +2 -1
  22. package/dist/build/schemas/numberToken.d.ts +1 -1
  23. package/dist/build/schemas/shadowToken.d.ts +1751 -127
  24. package/dist/build/schemas/shadowToken.js +8 -2
  25. package/dist/build/schemas/stringToken.d.ts +1 -1
  26. package/dist/build/schemas/stringToken.js +1 -1
  27. package/dist/build/schemas/tokenType.d.ts +1 -1
  28. package/dist/build/schemas/transitionToken.d.ts +15 -3
  29. package/dist/build/schemas/typographyToken.d.ts +19 -5
  30. package/dist/build/schemas/typographyToken.js +1 -1
  31. package/dist/build/schemas/validTokenType.d.ts +1 -1
  32. package/dist/build/schemas/validTokenType.js +1 -1
  33. package/dist/build/schemas/viewportRangeToken.d.ts +1 -1
  34. package/dist/build/transformers/borderToCss.js +19 -1
  35. package/dist/build/transformers/colorAlphaToCss.js +6 -3
  36. package/dist/build/transformers/colorToHex.js +5 -2
  37. package/dist/build/transformers/colorToRgbAlpha.js +5 -2
  38. package/dist/build/transformers/colorToRgbaFloat.js +5 -0
  39. package/dist/build/transformers/dimensionToPixelUnitless.d.ts +3 -2
  40. package/dist/build/transformers/dimensionToPixelUnitless.js +22 -26
  41. package/dist/build/transformers/dimensionToRem.d.ts +2 -1
  42. package/dist/build/transformers/dimensionToRem.js +21 -22
  43. package/dist/build/transformers/dimensionToRemPxArray.d.ts +2 -1
  44. package/dist/build/transformers/dimensionToRemPxArray.js +21 -22
  45. package/dist/build/transformers/durationToCss.d.ts +2 -1
  46. package/dist/build/transformers/durationToCss.js +19 -12
  47. package/dist/build/transformers/gradientToCss.js +2 -1
  48. package/dist/build/transformers/shadowToCss.js +15 -1
  49. package/dist/build/transformers/utilities/normalizeColorValue.d.ts +23 -0
  50. package/dist/build/transformers/utilities/normalizeColorValue.js +74 -0
  51. package/dist/build/transformers/utilities/parseDimension.d.ts +12 -0
  52. package/dist/build/transformers/utilities/parseDimension.js +31 -0
  53. package/dist/build/types/borderTokenValue.d.ts +5 -2
  54. package/dist/build/types/dimensionTokenValue.d.ts +9 -0
  55. package/dist/build/types/shadowTokenValue.d.ts +8 -5
  56. package/dist/css/base/motion/motion.css +1 -1
  57. package/dist/css/functional/size/radius.css +1 -1
  58. package/dist/css/functional/size/size-coarse.css +1 -0
  59. package/dist/css/functional/size/size-fine.css +1 -0
  60. package/dist/css/functional/size/size.css +5 -0
  61. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +42 -30
  62. package/dist/css/functional/themes/dark-colorblind.css +42 -30
  63. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +42 -30
  64. package/dist/css/functional/themes/dark-dimmed.css +42 -30
  65. package/dist/css/functional/themes/dark-high-contrast.css +42 -30
  66. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +42 -30
  67. package/dist/css/functional/themes/dark-tritanopia.css +42 -30
  68. package/dist/css/functional/themes/dark.css +42 -30
  69. package/dist/css/functional/themes/light-colorblind-high-contrast.css +42 -30
  70. package/dist/css/functional/themes/light-colorblind.css +42 -30
  71. package/dist/css/functional/themes/light-high-contrast.css +42 -30
  72. package/dist/css/functional/themes/light-tritanopia-high-contrast.css +42 -30
  73. package/dist/css/functional/themes/light-tritanopia.css +42 -30
  74. package/dist/css/functional/themes/light.css +42 -30
  75. package/dist/docs/base/motion/motion.json +96 -24
  76. package/dist/docs/base/size/size.json +76 -19
  77. package/dist/docs/base/typography/typography.json +24 -6
  78. package/dist/docs/functional/size/border.json +26 -11
  79. package/dist/docs/functional/size/breakpoints.json +24 -6
  80. package/dist/docs/functional/size/radius.json +18 -6
  81. package/dist/docs/functional/size/size-coarse.json +55 -2
  82. package/dist/docs/functional/size/size-fine.json +55 -2
  83. package/dist/docs/functional/size/size.json +195 -15
  84. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +3921 -714
  85. package/dist/docs/functional/themes/dark-colorblind.json +3911 -712
  86. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +3774 -547
  87. package/dist/docs/functional/themes/dark-dimmed.json +3801 -554
  88. package/dist/docs/functional/themes/dark-high-contrast.json +3926 -715
  89. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +3936 -717
  90. package/dist/docs/functional/themes/dark-tritanopia.json +3769 -546
  91. package/dist/docs/functional/themes/dark.json +3920 -713
  92. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +3780 -553
  93. package/dist/docs/functional/themes/light-colorblind.json +3767 -548
  94. package/dist/docs/functional/themes/light-high-contrast.json +3785 -554
  95. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +3785 -554
  96. package/dist/docs/functional/themes/light-tritanopia.json +3777 -550
  97. package/dist/docs/functional/themes/light.json +3782 -551
  98. package/dist/docs/functional/typography/typography.json +8 -2
  99. package/dist/fallbacks/base/motion/motion.json +48 -12
  100. package/dist/fallbacks/functional/size/size-coarse.json +2 -1
  101. package/dist/fallbacks/functional/size/size-fine.json +2 -1
  102. package/dist/fallbacks/functional/size/size.json +5 -0
  103. package/dist/figma/dimension/dimension.json +56 -1
  104. package/dist/figma/themes/dark-colorblind.json +49 -1
  105. package/dist/figma/themes/dark-dimmed.json +51 -3
  106. package/dist/figma/themes/dark-high-contrast.json +49 -1
  107. package/dist/figma/themes/dark-tritanopia.json +49 -1
  108. package/dist/figma/themes/dark.json +49 -1
  109. package/dist/figma/themes/light-colorblind.json +53 -5
  110. package/dist/figma/themes/light-high-contrast.json +53 -5
  111. package/dist/figma/themes/light-tritanopia.json +53 -5
  112. package/dist/figma/themes/light.json +53 -5
  113. package/dist/internalCss/dark-colorblind-high-contrast.css +42 -30
  114. package/dist/internalCss/dark-colorblind.css +42 -30
  115. package/dist/internalCss/dark-dimmed-high-contrast.css +42 -30
  116. package/dist/internalCss/dark-dimmed.css +42 -30
  117. package/dist/internalCss/dark-high-contrast.css +42 -30
  118. package/dist/internalCss/dark-tritanopia-high-contrast.css +42 -30
  119. package/dist/internalCss/dark-tritanopia.css +42 -30
  120. package/dist/internalCss/dark.css +42 -30
  121. package/dist/internalCss/light-colorblind-high-contrast.css +42 -30
  122. package/dist/internalCss/light-colorblind.css +42 -30
  123. package/dist/internalCss/light-high-contrast.css +42 -30
  124. package/dist/internalCss/light-tritanopia-high-contrast.css +42 -30
  125. package/dist/internalCss/light-tritanopia.css +42 -30
  126. package/dist/internalCss/light.css +42 -30
  127. package/dist/styleLint/base/motion/motion.json +96 -24
  128. package/dist/styleLint/base/size/size.json +76 -19
  129. package/dist/styleLint/base/typography/typography.json +30 -12
  130. package/dist/styleLint/functional/size/border.json +27 -12
  131. package/dist/styleLint/functional/size/breakpoints.json +24 -6
  132. package/dist/styleLint/functional/size/radius.json +19 -7
  133. package/dist/styleLint/functional/size/size-coarse.json +60 -7
  134. package/dist/styleLint/functional/size/size-fine.json +60 -7
  135. package/dist/styleLint/functional/size/size.json +246 -66
  136. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +4060 -733
  137. package/dist/styleLint/functional/themes/dark-colorblind.json +4050 -731
  138. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +3914 -567
  139. package/dist/styleLint/functional/themes/dark-dimmed.json +3941 -574
  140. package/dist/styleLint/functional/themes/dark-high-contrast.json +4065 -734
  141. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +4075 -736
  142. package/dist/styleLint/functional/themes/dark-tritanopia.json +4079 -736
  143. package/dist/styleLint/functional/themes/dark.json +4059 -732
  144. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +4091 -744
  145. package/dist/styleLint/functional/themes/light-colorblind.json +4078 -739
  146. package/dist/styleLint/functional/themes/light-high-contrast.json +4096 -745
  147. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +4096 -745
  148. package/dist/styleLint/functional/themes/light-tritanopia.json +4088 -741
  149. package/dist/styleLint/functional/themes/light.json +4093 -742
  150. package/dist/styleLint/functional/typography/typography.json +28 -22
  151. package/package.json +5 -4
  152. package/src/tokens/base/color/dark/dark.dimmed.json5 +405 -81
  153. package/src/tokens/base/color/dark/dark.high-contrast.json5 +405 -81
  154. package/src/tokens/base/color/dark/dark.json5 +475 -95
  155. package/src/tokens/base/color/dark/display-dark.json5 +960 -192
  156. package/src/tokens/base/color/light/display-light.json5 +960 -192
  157. package/src/tokens/base/color/light/light.high-contrast.json5 +405 -81
  158. package/src/tokens/base/color/light/light.json5 +475 -95
  159. package/src/tokens/base/motion/timing.json5 +12 -12
  160. package/src/tokens/base/size/size.json5 +194 -194
  161. package/src/tokens/base/typography/typography.json5 +6 -6
  162. package/src/tokens/component/avatar.json5 +72 -44
  163. package/src/tokens/component/button.json5 +1846 -1191
  164. package/src/tokens/component/reactionButton.json5 +20 -4
  165. package/src/tokens/functional/border/border.json5 +33 -2
  166. package/src/tokens/functional/color/bgColor.json5 +18 -2
  167. package/src/tokens/functional/color/borderColor.json5 +8 -1
  168. package/src/tokens/functional/color/control.json5 +160 -32
  169. package/src/tokens/functional/color/display.json5 +7 -0
  170. package/src/tokens/functional/color/fgColor.json5 +13 -1
  171. package/src/tokens/functional/color/syntax.json5 +24 -2
  172. package/src/tokens/functional/shadow/shadow.json5 +1254 -163
  173. package/src/tokens/functional/size/border.json5 +8 -8
  174. package/src/tokens/functional/size/breakpoints.json5 +6 -6
  175. package/src/tokens/functional/size/radius.json5 +5 -5
  176. package/src/tokens/functional/size/size-coarse.json5 +15 -0
  177. package/src/tokens/functional/size/size-fine.json5 +15 -0
  178. package/src/tokens/functional/size/size.json5 +65 -15
  179. package/src/tokens/functional/typography/typography.json5 +8 -4
  180. package/dist/build/parsers/index.d.ts +0 -1
  181. package/dist/build/parsers/index.js +0 -1
  182. package/dist/build/parsers/w3cJsonParser.d.ts +0 -6
  183. package/dist/build/parsers/w3cJsonParser.js +0 -25
  184. package/dist/removed/testing.json5 +0 -4
  185. package/guidelines/color.llm.md +0 -16
  186. package/guidelines/guidelines.llm.md +0 -34
  187. package/guidelines/motion.llm.md +0 -41
  188. package/guidelines/spacing.llm.md +0 -20
  189. package/guidelines/typography.llm.md +0 -14
  190. package/src/tokens/removed/testing.json5 +0 -4
@@ -1,12 +1,18 @@
1
1
  {
2
2
  "base-duration-0": {
3
3
  "key": "{base.duration.0}",
4
- "$value": "0ms",
4
+ "$value": {
5
+ "value": 0,
6
+ "unit": "ms"
7
+ },
5
8
  "$type": "duration",
6
9
  "filePath": "src/tokens/base/motion/timing.json5",
7
10
  "isSource": true,
8
11
  "original": {
9
- "$value": "0ms",
12
+ "$value": {
13
+ "value": 0,
14
+ "unit": "ms"
15
+ },
10
16
  "$type": "duration",
11
17
  "key": "{base.duration.0}"
12
18
  },
@@ -16,12 +22,18 @@
16
22
  },
17
23
  "base-duration-100": {
18
24
  "key": "{base.duration.100}",
19
- "$value": "100ms",
25
+ "$value": {
26
+ "value": 100,
27
+ "unit": "ms"
28
+ },
20
29
  "$type": "duration",
21
30
  "filePath": "src/tokens/base/motion/timing.json5",
22
31
  "isSource": true,
23
32
  "original": {
24
- "$value": "100ms",
33
+ "$value": {
34
+ "value": 100,
35
+ "unit": "ms"
36
+ },
25
37
  "$type": "duration",
26
38
  "key": "{base.duration.100}"
27
39
  },
@@ -31,12 +43,18 @@
31
43
  },
32
44
  "base-duration-1000": {
33
45
  "key": "{base.duration.1000}",
34
- "$value": "1000ms",
46
+ "$value": {
47
+ "value": 1000,
48
+ "unit": "ms"
49
+ },
35
50
  "$type": "duration",
36
51
  "filePath": "src/tokens/base/motion/timing.json5",
37
52
  "isSource": true,
38
53
  "original": {
39
- "$value": "1000ms",
54
+ "$value": {
55
+ "value": 1000,
56
+ "unit": "ms"
57
+ },
40
58
  "$type": "duration",
41
59
  "key": "{base.duration.1000}"
42
60
  },
@@ -46,12 +64,18 @@
46
64
  },
47
65
  "base-duration-200": {
48
66
  "key": "{base.duration.200}",
49
- "$value": "200ms",
67
+ "$value": {
68
+ "value": 200,
69
+ "unit": "ms"
70
+ },
50
71
  "$type": "duration",
51
72
  "filePath": "src/tokens/base/motion/timing.json5",
52
73
  "isSource": true,
53
74
  "original": {
54
- "$value": "200ms",
75
+ "$value": {
76
+ "value": 200,
77
+ "unit": "ms"
78
+ },
55
79
  "$type": "duration",
56
80
  "key": "{base.duration.200}"
57
81
  },
@@ -61,12 +85,18 @@
61
85
  },
62
86
  "base-duration-300": {
63
87
  "key": "{base.duration.300}",
64
- "$value": "300ms",
88
+ "$value": {
89
+ "value": 300,
90
+ "unit": "ms"
91
+ },
65
92
  "$type": "duration",
66
93
  "filePath": "src/tokens/base/motion/timing.json5",
67
94
  "isSource": true,
68
95
  "original": {
69
- "$value": "300ms",
96
+ "$value": {
97
+ "value": 300,
98
+ "unit": "ms"
99
+ },
70
100
  "$type": "duration",
71
101
  "key": "{base.duration.300}"
72
102
  },
@@ -76,12 +106,18 @@
76
106
  },
77
107
  "base-duration-400": {
78
108
  "key": "{base.duration.400}",
79
- "$value": "400ms",
109
+ "$value": {
110
+ "value": 400,
111
+ "unit": "ms"
112
+ },
80
113
  "$type": "duration",
81
114
  "filePath": "src/tokens/base/motion/timing.json5",
82
115
  "isSource": true,
83
116
  "original": {
84
- "$value": "400ms",
117
+ "$value": {
118
+ "value": 400,
119
+ "unit": "ms"
120
+ },
85
121
  "$type": "duration",
86
122
  "key": "{base.duration.400}"
87
123
  },
@@ -91,12 +127,18 @@
91
127
  },
92
128
  "base-duration-50": {
93
129
  "key": "{base.duration.50}",
94
- "$value": "50ms",
130
+ "$value": {
131
+ "value": 50,
132
+ "unit": "ms"
133
+ },
95
134
  "$type": "duration",
96
135
  "filePath": "src/tokens/base/motion/timing.json5",
97
136
  "isSource": true,
98
137
  "original": {
99
- "$value": "50ms",
138
+ "$value": {
139
+ "value": 50,
140
+ "unit": "ms"
141
+ },
100
142
  "$type": "duration",
101
143
  "key": "{base.duration.50}"
102
144
  },
@@ -106,12 +148,18 @@
106
148
  },
107
149
  "base-duration-500": {
108
150
  "key": "{base.duration.500}",
109
- "$value": "500ms",
151
+ "$value": {
152
+ "value": 500,
153
+ "unit": "ms"
154
+ },
110
155
  "$type": "duration",
111
156
  "filePath": "src/tokens/base/motion/timing.json5",
112
157
  "isSource": true,
113
158
  "original": {
114
- "$value": "500ms",
159
+ "$value": {
160
+ "value": 500,
161
+ "unit": "ms"
162
+ },
115
163
  "$type": "duration",
116
164
  "key": "{base.duration.500}"
117
165
  },
@@ -121,12 +169,18 @@
121
169
  },
122
170
  "base-duration-600": {
123
171
  "key": "{base.duration.600}",
124
- "$value": "600ms",
172
+ "$value": {
173
+ "value": 600,
174
+ "unit": "ms"
175
+ },
125
176
  "$type": "duration",
126
177
  "filePath": "src/tokens/base/motion/timing.json5",
127
178
  "isSource": true,
128
179
  "original": {
129
- "$value": "600ms",
180
+ "$value": {
181
+ "value": 600,
182
+ "unit": "ms"
183
+ },
130
184
  "$type": "duration",
131
185
  "key": "{base.duration.600}"
132
186
  },
@@ -136,12 +190,18 @@
136
190
  },
137
191
  "base-duration-700": {
138
192
  "key": "{base.duration.700}",
139
- "$value": "700ms",
193
+ "$value": {
194
+ "value": 700,
195
+ "unit": "ms"
196
+ },
140
197
  "$type": "duration",
141
198
  "filePath": "src/tokens/base/motion/timing.json5",
142
199
  "isSource": true,
143
200
  "original": {
144
- "$value": "700ms",
201
+ "$value": {
202
+ "value": 700,
203
+ "unit": "ms"
204
+ },
145
205
  "$type": "duration",
146
206
  "key": "{base.duration.700}"
147
207
  },
@@ -151,12 +211,18 @@
151
211
  },
152
212
  "base-duration-800": {
153
213
  "key": "{base.duration.800}",
154
- "$value": "800ms",
214
+ "$value": {
215
+ "value": 800,
216
+ "unit": "ms"
217
+ },
155
218
  "$type": "duration",
156
219
  "filePath": "src/tokens/base/motion/timing.json5",
157
220
  "isSource": true,
158
221
  "original": {
159
- "$value": "800ms",
222
+ "$value": {
223
+ "value": 800,
224
+ "unit": "ms"
225
+ },
160
226
  "$type": "duration",
161
227
  "key": "{base.duration.800}"
162
228
  },
@@ -166,12 +232,18 @@
166
232
  },
167
233
  "base-duration-900": {
168
234
  "key": "{base.duration.900}",
169
- "$value": "900ms",
235
+ "$value": {
236
+ "value": 900,
237
+ "unit": "ms"
238
+ },
170
239
  "$type": "duration",
171
240
  "filePath": "src/tokens/base/motion/timing.json5",
172
241
  "isSource": true,
173
242
  "original": {
174
- "$value": "900ms",
243
+ "$value": {
244
+ "value": 900,
245
+ "unit": "ms"
246
+ },
175
247
  "$type": "duration",
176
248
  "key": "{base.duration.900}"
177
249
  },
@@ -12,7 +12,10 @@
12
12
  "filePath": "src/tokens/base/size/size.json5",
13
13
  "isSource": true,
14
14
  "original": {
15
- "$value": "112px",
15
+ "$value": {
16
+ "value": 112,
17
+ "unit": "px"
18
+ },
16
19
  "$type": "dimension",
17
20
  "$extensions": {
18
21
  "org.primer.figma": {
@@ -39,7 +42,10 @@
39
42
  "filePath": "src/tokens/base/size/size.json5",
40
43
  "isSource": true,
41
44
  "original": {
42
- "$value": "12px",
45
+ "$value": {
46
+ "value": 12,
47
+ "unit": "px"
48
+ },
43
49
  "$type": "dimension",
44
50
  "$extensions": {
45
51
  "org.primer.figma": {
@@ -66,7 +72,10 @@
66
72
  "filePath": "src/tokens/base/size/size.json5",
67
73
  "isSource": true,
68
74
  "original": {
69
- "$value": "128px",
75
+ "$value": {
76
+ "value": 128,
77
+ "unit": "px"
78
+ },
70
79
  "$type": "dimension",
71
80
  "$extensions": {
72
81
  "org.primer.figma": {
@@ -93,7 +102,10 @@
93
102
  "filePath": "src/tokens/base/size/size.json5",
94
103
  "isSource": true,
95
104
  "original": {
96
- "$value": "16px",
105
+ "$value": {
106
+ "value": 16,
107
+ "unit": "px"
108
+ },
97
109
  "$type": "dimension",
98
110
  "$extensions": {
99
111
  "org.primer.figma": {
@@ -120,7 +132,10 @@
120
132
  "filePath": "src/tokens/base/size/size.json5",
121
133
  "isSource": true,
122
134
  "original": {
123
- "$value": "2px",
135
+ "$value": {
136
+ "value": 2,
137
+ "unit": "px"
138
+ },
124
139
  "$type": "dimension",
125
140
  "$extensions": {
126
141
  "org.primer.figma": {
@@ -147,7 +162,10 @@
147
162
  "filePath": "src/tokens/base/size/size.json5",
148
163
  "isSource": true,
149
164
  "original": {
150
- "$value": "20px",
165
+ "$value": {
166
+ "value": 20,
167
+ "unit": "px"
168
+ },
151
169
  "$type": "dimension",
152
170
  "$extensions": {
153
171
  "org.primer.figma": {
@@ -174,7 +192,10 @@
174
192
  "filePath": "src/tokens/base/size/size.json5",
175
193
  "isSource": true,
176
194
  "original": {
177
- "$value": "24px",
195
+ "$value": {
196
+ "value": 24,
197
+ "unit": "px"
198
+ },
178
199
  "$type": "dimension",
179
200
  "$extensions": {
180
201
  "org.primer.figma": {
@@ -201,7 +222,10 @@
201
222
  "filePath": "src/tokens/base/size/size.json5",
202
223
  "isSource": true,
203
224
  "original": {
204
- "$value": "28px",
225
+ "$value": {
226
+ "value": 28,
227
+ "unit": "px"
228
+ },
205
229
  "$type": "dimension",
206
230
  "$extensions": {
207
231
  "org.primer.figma": {
@@ -228,7 +252,10 @@
228
252
  "filePath": "src/tokens/base/size/size.json5",
229
253
  "isSource": true,
230
254
  "original": {
231
- "$value": "32px",
255
+ "$value": {
256
+ "value": 32,
257
+ "unit": "px"
258
+ },
232
259
  "$type": "dimension",
233
260
  "$extensions": {
234
261
  "org.primer.figma": {
@@ -255,7 +282,10 @@
255
282
  "filePath": "src/tokens/base/size/size.json5",
256
283
  "isSource": true,
257
284
  "original": {
258
- "$value": "36px",
285
+ "$value": {
286
+ "value": 36,
287
+ "unit": "px"
288
+ },
259
289
  "$type": "dimension",
260
290
  "$extensions": {
261
291
  "org.primer.figma": {
@@ -282,7 +312,10 @@
282
312
  "filePath": "src/tokens/base/size/size.json5",
283
313
  "isSource": true,
284
314
  "original": {
285
- "$value": "4px",
315
+ "$value": {
316
+ "value": 4,
317
+ "unit": "px"
318
+ },
286
319
  "$type": "dimension",
287
320
  "$extensions": {
288
321
  "org.primer.figma": {
@@ -309,7 +342,10 @@
309
342
  "filePath": "src/tokens/base/size/size.json5",
310
343
  "isSource": true,
311
344
  "original": {
312
- "$value": "40px",
345
+ "$value": {
346
+ "value": 40,
347
+ "unit": "px"
348
+ },
313
349
  "$type": "dimension",
314
350
  "$extensions": {
315
351
  "org.primer.figma": {
@@ -336,7 +372,10 @@
336
372
  "filePath": "src/tokens/base/size/size.json5",
337
373
  "isSource": true,
338
374
  "original": {
339
- "$value": "44px",
375
+ "$value": {
376
+ "value": 44,
377
+ "unit": "px"
378
+ },
340
379
  "$type": "dimension",
341
380
  "$extensions": {
342
381
  "org.primer.figma": {
@@ -363,7 +402,10 @@
363
402
  "filePath": "src/tokens/base/size/size.json5",
364
403
  "isSource": true,
365
404
  "original": {
366
- "$value": "48px",
405
+ "$value": {
406
+ "value": 48,
407
+ "unit": "px"
408
+ },
367
409
  "$type": "dimension",
368
410
  "$extensions": {
369
411
  "org.primer.figma": {
@@ -390,7 +432,10 @@
390
432
  "filePath": "src/tokens/base/size/size.json5",
391
433
  "isSource": true,
392
434
  "original": {
393
- "$value": "6px",
435
+ "$value": {
436
+ "value": 6,
437
+ "unit": "px"
438
+ },
394
439
  "$type": "dimension",
395
440
  "$extensions": {
396
441
  "org.primer.figma": {
@@ -417,7 +462,10 @@
417
462
  "filePath": "src/tokens/base/size/size.json5",
418
463
  "isSource": true,
419
464
  "original": {
420
- "$value": "64px",
465
+ "$value": {
466
+ "value": 64,
467
+ "unit": "px"
468
+ },
421
469
  "$type": "dimension",
422
470
  "$extensions": {
423
471
  "org.primer.figma": {
@@ -444,7 +492,10 @@
444
492
  "filePath": "src/tokens/base/size/size.json5",
445
493
  "isSource": true,
446
494
  "original": {
447
- "$value": "8px",
495
+ "$value": {
496
+ "value": 8,
497
+ "unit": "px"
498
+ },
448
499
  "$type": "dimension",
449
500
  "$extensions": {
450
501
  "org.primer.figma": {
@@ -471,7 +522,10 @@
471
522
  "filePath": "src/tokens/base/size/size.json5",
472
523
  "isSource": true,
473
524
  "original": {
474
- "$value": "80px",
525
+ "$value": {
526
+ "value": 80,
527
+ "unit": "px"
528
+ },
475
529
  "$type": "dimension",
476
530
  "$extensions": {
477
531
  "org.primer.figma": {
@@ -498,7 +552,10 @@
498
552
  "filePath": "src/tokens/base/size/size.json5",
499
553
  "isSource": true,
500
554
  "original": {
501
- "$value": "96px",
555
+ "$value": {
556
+ "value": 96,
557
+ "unit": "px"
558
+ },
502
559
  "$type": "dimension",
503
560
  "$extensions": {
504
561
  "org.primer.figma": {
@@ -146,7 +146,7 @@
146
146
  },
147
147
  "base-text-size-2xl": {
148
148
  "key": "{base.text.size.2xl}",
149
- "$value": [null, "40px"],
149
+ "$value": ["2.5rem", "40px"],
150
150
  "$type": "dimension",
151
151
  "$description": "40px - Display text for hero sections.",
152
152
  "$extensions": {
@@ -158,7 +158,10 @@
158
158
  "filePath": "src/tokens/base/typography/typography.json5",
159
159
  "isSource": true,
160
160
  "original": {
161
- "$value": "2.5rem",
161
+ "$value": {
162
+ "value": 2.5,
163
+ "unit": "rem"
164
+ },
162
165
  "$type": "dimension",
163
166
  "$description": "40px - Display text for hero sections.",
164
167
  "$extensions": {
@@ -175,7 +178,7 @@
175
178
  },
176
179
  "base-text-size-lg": {
177
180
  "key": "{base.text.size.lg}",
178
- "$value": [null, "20px"],
181
+ "$value": ["1.25rem", "20px"],
179
182
  "$type": "dimension",
180
183
  "$description": "20px - Medium titles and subtitles.",
181
184
  "$extensions": {
@@ -187,7 +190,10 @@
187
190
  "filePath": "src/tokens/base/typography/typography.json5",
188
191
  "isSource": true,
189
192
  "original": {
190
- "$value": "1.25rem",
193
+ "$value": {
194
+ "value": 1.25,
195
+ "unit": "rem"
196
+ },
191
197
  "$type": "dimension",
192
198
  "$description": "20px - Medium titles and subtitles.",
193
199
  "$extensions": {
@@ -204,7 +210,7 @@
204
210
  },
205
211
  "base-text-size-md": {
206
212
  "key": "{base.text.size.md}",
207
- "$value": [null, "16px"],
213
+ "$value": ["1rem", "16px"],
208
214
  "$type": "dimension",
209
215
  "$description": "16px - Large body text and small titles.",
210
216
  "$extensions": {
@@ -216,7 +222,10 @@
216
222
  "filePath": "src/tokens/base/typography/typography.json5",
217
223
  "isSource": true,
218
224
  "original": {
219
- "$value": "1rem",
225
+ "$value": {
226
+ "value": 1,
227
+ "unit": "rem"
228
+ },
220
229
  "$type": "dimension",
221
230
  "$description": "16px - Large body text and small titles.",
222
231
  "$extensions": {
@@ -233,7 +242,7 @@
233
242
  },
234
243
  "base-text-size-sm": {
235
244
  "key": "{base.text.size.sm}",
236
- "$value": [null, "14px"],
245
+ "$value": ["0.875rem", "14px"],
237
246
  "$type": "dimension",
238
247
  "$description": "14px - Default body text size for UI.",
239
248
  "$extensions": {
@@ -245,7 +254,10 @@
245
254
  "filePath": "src/tokens/base/typography/typography.json5",
246
255
  "isSource": true,
247
256
  "original": {
248
- "$value": "0.875rem",
257
+ "$value": {
258
+ "value": 0.875,
259
+ "unit": "rem"
260
+ },
249
261
  "$type": "dimension",
250
262
  "$description": "14px - Default body text size for UI.",
251
263
  "$extensions": {
@@ -262,7 +274,7 @@
262
274
  },
263
275
  "base-text-size-xl": {
264
276
  "key": "{base.text.size.xl}",
265
- "$value": [null, "32px"],
277
+ "$value": ["2rem", "32px"],
266
278
  "$type": "dimension",
267
279
  "$description": "32px - Large titles and page headings.",
268
280
  "$extensions": {
@@ -274,7 +286,10 @@
274
286
  "filePath": "src/tokens/base/typography/typography.json5",
275
287
  "isSource": true,
276
288
  "original": {
277
- "$value": "2rem",
289
+ "$value": {
290
+ "value": 2,
291
+ "unit": "rem"
292
+ },
278
293
  "$type": "dimension",
279
294
  "$description": "32px - Large titles and page headings.",
280
295
  "$extensions": {
@@ -291,7 +306,7 @@
291
306
  },
292
307
  "base-text-size-xs": {
293
308
  "key": "{base.text.size.xs}",
294
- "$value": [null, "12px"],
309
+ "$value": ["0.75rem", "12px"],
295
310
  "$type": "dimension",
296
311
  "$description": "12px - Smallest text size for captions and compact UI elements.",
297
312
  "$extensions": {
@@ -303,7 +318,10 @@
303
318
  "filePath": "src/tokens/base/typography/typography.json5",
304
319
  "isSource": true,
305
320
  "original": {
306
- "$value": "0.75rem",
321
+ "$value": {
322
+ "value": 0.75,
323
+ "unit": "rem"
324
+ },
307
325
  "$type": "dimension",
308
326
  "$description": "12px - Smallest text size for captions and compact UI elements.",
309
327
  "$extensions": {