@primer/primitives 7.15.4 → 7.15.5-rc.2aa7771

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 (154) hide show
  1. package/dist/css/base/size/size.css +19 -0
  2. package/dist/css/base/typography/typography.css +6 -0
  3. package/dist/css/functional/motion/motion.css +5 -0
  4. package/dist/css/functional/size/border.css +14 -0
  5. package/dist/css/functional/size/breakpoints.css +8 -0
  6. package/dist/css/functional/size/size-coarse.css +7 -0
  7. package/dist/css/functional/size/size-fine.css +7 -0
  8. package/dist/css/functional/size/size.css +73 -0
  9. package/dist/css/functional/size/viewport.css +6 -0
  10. package/dist/css/functional/themes/dark-colorblind.css +841 -0
  11. package/dist/css/functional/themes/dark-dimmed.css +841 -0
  12. package/dist/css/functional/themes/dark-high-contrast.css +841 -0
  13. package/dist/css/functional/themes/dark-tritanopia.css +841 -0
  14. package/dist/css/functional/themes/dark.css +841 -0
  15. package/dist/css/functional/themes/light-colorblind.css +841 -0
  16. package/dist/css/functional/themes/light-high-contrast.css +841 -0
  17. package/dist/css/functional/themes/light-tritanopia.css +841 -0
  18. package/dist/css/functional/themes/light.css +841 -0
  19. package/dist/css/functional/typography/typography.css +47 -0
  20. package/dist/docs/base/size/size.json +427 -0
  21. package/dist/docs/base/typography/typography.json +54 -0
  22. package/dist/docs/functional/motion/motion.json +47 -0
  23. package/dist/docs/functional/size/border.json +234 -0
  24. package/dist/docs/functional/size/breakpoints.json +152 -0
  25. package/dist/docs/functional/size/size-coarse.json +41 -0
  26. package/dist/docs/functional/size/size-fine.json +41 -0
  27. package/dist/docs/functional/size/size.json +1813 -0
  28. package/dist/docs/functional/size/viewport.json +80 -0
  29. package/dist/docs/functional/themes/dark-colorblind.json +11230 -0
  30. package/dist/docs/functional/themes/dark-dimmed.json +11234 -0
  31. package/dist/docs/functional/themes/dark-high-contrast.json +11252 -0
  32. package/dist/docs/functional/themes/dark-tritanopia.json +11236 -0
  33. package/dist/docs/functional/themes/dark.json +11234 -0
  34. package/dist/docs/functional/themes/light-colorblind.json +11182 -0
  35. package/dist/docs/functional/themes/light-high-contrast.json +11184 -0
  36. package/dist/docs/functional/themes/light-tritanopia.json +11174 -0
  37. package/dist/docs/functional/themes/light.json +11172 -0
  38. package/dist/docs/functional/typography/typography.json +663 -0
  39. package/dist/fallbacks/base/size/size.json +19 -0
  40. package/dist/fallbacks/base/typography/typography.json +6 -0
  41. package/dist/fallbacks/functional/motion/motion.json +5 -0
  42. package/dist/fallbacks/functional/size/border.json +14 -0
  43. package/dist/fallbacks/functional/size/breakpoints.json +8 -0
  44. package/dist/fallbacks/functional/size/size-coarse.json +5 -0
  45. package/dist/fallbacks/functional/size/size-fine.json +5 -0
  46. package/dist/fallbacks/functional/size/size.json +73 -0
  47. package/dist/fallbacks/functional/size/viewport.json +8 -0
  48. package/dist/fallbacks/functional/typography/typography.json +47 -0
  49. package/dist/figma/dimension/dimension.json +1058 -0
  50. package/dist/figma/figma.json +64 -0
  51. package/dist/figma/scales/dark.json +1398 -0
  52. package/dist/figma/scales/light.json +1398 -0
  53. package/dist/figma/themes/dark.json +5180 -0
  54. package/dist/figma/themes/light.json +5150 -0
  55. package/dist/removed/color.json +421 -0
  56. package/dist/scss/base/size/size.scss +17 -0
  57. package/dist/scss/base/typography/typography.scss +4 -0
  58. package/dist/scss/functional/motion/motion.scss +3 -0
  59. package/dist/scss/functional/size/border.scss +12 -0
  60. package/dist/scss/functional/size/breakpoints.scss +6 -0
  61. package/dist/scss/functional/size/size-coarse.scss +3 -0
  62. package/dist/scss/functional/size/size-fine.scss +3 -0
  63. package/dist/scss/functional/size/size.scss +71 -0
  64. package/dist/scss/functional/size/viewport.scss +6 -0
  65. package/dist/scss/functional/themes/dark-colorblind.scss +417 -0
  66. package/dist/scss/functional/themes/dark-dimmed.scss +417 -0
  67. package/dist/scss/functional/themes/dark-high-contrast.scss +417 -0
  68. package/dist/scss/functional/themes/dark-tritanopia.scss +417 -0
  69. package/dist/scss/functional/themes/dark.scss +417 -0
  70. package/dist/scss/functional/themes/light-colorblind.scss +417 -0
  71. package/dist/scss/functional/themes/light-high-contrast.scss +417 -0
  72. package/dist/scss/functional/themes/light-tritanopia.scss +417 -0
  73. package/dist/scss/functional/themes/light.scss +417 -0
  74. package/dist/scss/functional/typography/typography.scss +45 -0
  75. package/package.json +1 -1
  76. package/tokens-next-private/css/functional/themes/dark-colorblind.css +4 -4
  77. package/tokens-next-private/css/functional/themes/dark-dimmed.css +4 -4
  78. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +2 -2
  79. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +4 -4
  80. package/tokens-next-private/css/functional/themes/dark.css +4 -4
  81. package/tokens-next-private/css/functional/themes/light-colorblind.css +2 -2
  82. package/tokens-next-private/css/functional/themes/light-tritanopia.css +2 -2
  83. package/tokens-next-private/css/functional/themes/light.css +2 -2
  84. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +4 -4
  85. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +4 -4
  86. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +2 -2
  87. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +4 -4
  88. package/tokens-next-private/docs/functional/themes/dark.json +4 -4
  89. package/tokens-next-private/docs/functional/themes/light-colorblind.json +3 -3
  90. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +3 -3
  91. package/tokens-next-private/docs/functional/themes/light.json +3 -3
  92. package/tokens-next-private/figma/themes/dark.json +3 -3
  93. package/tokens-next-private/figma/themes/light.json +2 -2
  94. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +2 -2
  95. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +2 -2
  96. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +1 -1
  97. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +2 -2
  98. package/tokens-next-private/scss/functional/themes/dark.scss +2 -2
  99. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +1 -1
  100. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +1 -1
  101. package/tokens-next-private/scss/functional/themes/light.scss +1 -1
  102. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  103. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  104. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  105. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  106. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  107. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  108. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  109. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  110. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  111. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  112. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  113. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  114. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  115. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  116. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  117. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  118. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  119. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  120. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  121. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  122. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  123. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  124. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  125. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  126. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  127. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  128. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  129. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  130. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  131. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  132. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  133. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  134. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  135. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  136. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  137. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  138. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  139. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  140. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  141. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  142. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  143. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  144. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  145. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  146. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  147. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  148. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  149. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  150. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  151. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  152. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  153. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  154. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
@@ -0,0 +1,663 @@
1
+ {
2
+ "fontStack-system": {
3
+ "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
4
+ "$type": "fontFamily",
5
+ "filePath": "src/tokens/functional/typography/typography.json",
6
+ "isSource": true,
7
+ "original": {
8
+ "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
9
+ "$type": "fontFamily"
10
+ },
11
+ "name": "fontStack-system",
12
+ "attributes": {},
13
+ "path": ["fontStack", "system"]
14
+ },
15
+ "fontStack-sansSerif": {
16
+ "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
17
+ "$type": "fontFamily",
18
+ "filePath": "src/tokens/functional/typography/typography.json",
19
+ "isSource": true,
20
+ "original": {
21
+ "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
22
+ "$type": "fontFamily"
23
+ },
24
+ "name": "fontStack-sansSerif",
25
+ "attributes": {},
26
+ "path": ["fontStack", "sansSerif"]
27
+ },
28
+ "fontStack-monospace": {
29
+ "value": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
30
+ "$type": "fontFamily",
31
+ "filePath": "src/tokens/functional/typography/typography.json",
32
+ "isSource": true,
33
+ "original": {
34
+ "value": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
35
+ "$type": "fontFamily"
36
+ },
37
+ "name": "fontStack-monospace",
38
+ "attributes": {},
39
+ "path": ["fontStack", "monospace"]
40
+ },
41
+ "text-display-lineBoxHeight": {
42
+ "value": "3.5rem",
43
+ "$type": "dimension",
44
+ "filePath": "src/tokens/functional/typography/typography.json",
45
+ "isSource": true,
46
+ "original": {
47
+ "value": "56px",
48
+ "$type": "dimension"
49
+ },
50
+ "name": "text-display-lineBoxHeight",
51
+ "attributes": {},
52
+ "path": ["text", "display", "lineBoxHeight"]
53
+ },
54
+ "text-display-size": {
55
+ "value": "2.5rem",
56
+ "$type": "dimension",
57
+ "filePath": "src/tokens/functional/typography/typography.json",
58
+ "isSource": true,
59
+ "original": {
60
+ "value": "40px",
61
+ "$type": "dimension"
62
+ },
63
+ "name": "text-display-size",
64
+ "attributes": {},
65
+ "path": ["text", "display", "size"]
66
+ },
67
+ "text-display-lineHeight": {
68
+ "value": 1.4,
69
+ "$type": "number",
70
+ "filePath": "src/tokens/functional/typography/typography.json",
71
+ "isSource": true,
72
+ "original": {
73
+ "value": 1.4,
74
+ "$type": "number"
75
+ },
76
+ "name": "text-display-lineHeight",
77
+ "attributes": {},
78
+ "path": ["text", "display", "lineHeight"]
79
+ },
80
+ "text-display-weight": {
81
+ "value": 500,
82
+ "$type": "fontWeight",
83
+ "filePath": "src/tokens/functional/typography/typography.json",
84
+ "isSource": true,
85
+ "original": {
86
+ "value": "{base.text.weight.medium}",
87
+ "$type": "fontWeight"
88
+ },
89
+ "name": "text-display-weight",
90
+ "attributes": {},
91
+ "path": ["text", "display", "weight"]
92
+ },
93
+ "text-display-shorthand": {
94
+ "value": "500 2.5rem/1.4 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
95
+ "$type": "typography",
96
+ "comment": "Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports.",
97
+ "filePath": "src/tokens/functional/typography/typography.json",
98
+ "isSource": true,
99
+ "original": {
100
+ "value": {
101
+ "fontWeight": "{text.display.weight}",
102
+ "fontSize": "{text.display.size}",
103
+ "lineHeight": "{text.display.lineHeight}",
104
+ "fontFamily": "{fontStack.sansSerif}"
105
+ },
106
+ "$type": "typography",
107
+ "comment": "Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports."
108
+ },
109
+ "name": "text-display-shorthand",
110
+ "attributes": {},
111
+ "path": ["text", "display", "shorthand"]
112
+ },
113
+ "text-title-size-large": {
114
+ "value": "2rem",
115
+ "$type": "dimension",
116
+ "filePath": "src/tokens/functional/typography/typography.json",
117
+ "isSource": true,
118
+ "original": {
119
+ "value": "32px",
120
+ "$type": "dimension"
121
+ },
122
+ "name": "text-title-size-large",
123
+ "attributes": {},
124
+ "path": ["text", "title", "size", "large"]
125
+ },
126
+ "text-title-size-medium": {
127
+ "value": "1.25rem",
128
+ "$type": "dimension",
129
+ "filePath": "src/tokens/functional/typography/typography.json",
130
+ "isSource": true,
131
+ "original": {
132
+ "value": "20px",
133
+ "$type": "dimension"
134
+ },
135
+ "name": "text-title-size-medium",
136
+ "attributes": {},
137
+ "path": ["text", "title", "size", "medium"]
138
+ },
139
+ "text-title-size-small": {
140
+ "value": "1rem",
141
+ "$type": "dimension",
142
+ "filePath": "src/tokens/functional/typography/typography.json",
143
+ "isSource": true,
144
+ "original": {
145
+ "value": "16px",
146
+ "$type": "dimension"
147
+ },
148
+ "name": "text-title-size-small",
149
+ "attributes": {},
150
+ "path": ["text", "title", "size", "small"]
151
+ },
152
+ "text-title-lineHeight-large": {
153
+ "value": 1.5,
154
+ "$type": "number",
155
+ "filePath": "src/tokens/functional/typography/typography.json",
156
+ "isSource": true,
157
+ "original": {
158
+ "value": 1.5,
159
+ "$type": "number"
160
+ },
161
+ "name": "text-title-lineHeight-large",
162
+ "attributes": {},
163
+ "path": ["text", "title", "lineHeight", "large"]
164
+ },
165
+ "text-title-lineHeight-medium": {
166
+ "value": 1.6,
167
+ "$type": "number",
168
+ "filePath": "src/tokens/functional/typography/typography.json",
169
+ "isSource": true,
170
+ "original": {
171
+ "value": 1.6,
172
+ "$type": "number"
173
+ },
174
+ "name": "text-title-lineHeight-medium",
175
+ "attributes": {},
176
+ "path": ["text", "title", "lineHeight", "medium"]
177
+ },
178
+ "text-title-lineHeight-small": {
179
+ "value": 1.5,
180
+ "$type": "number",
181
+ "filePath": "src/tokens/functional/typography/typography.json",
182
+ "isSource": true,
183
+ "original": {
184
+ "value": 1.5,
185
+ "$type": "number"
186
+ },
187
+ "name": "text-title-lineHeight-small",
188
+ "attributes": {},
189
+ "path": ["text", "title", "lineHeight", "small"]
190
+ },
191
+ "text-title-weight-large": {
192
+ "value": 600,
193
+ "$type": "fontWeight",
194
+ "filePath": "src/tokens/functional/typography/typography.json",
195
+ "isSource": true,
196
+ "original": {
197
+ "value": "{base.text.weight.semibold}",
198
+ "$type": "fontWeight"
199
+ },
200
+ "name": "text-title-weight-large",
201
+ "attributes": {},
202
+ "path": ["text", "title", "weight", "large"]
203
+ },
204
+ "text-title-weight-medium": {
205
+ "value": 600,
206
+ "$type": "fontWeight",
207
+ "filePath": "src/tokens/functional/typography/typography.json",
208
+ "isSource": true,
209
+ "original": {
210
+ "value": "{base.text.weight.semibold}",
211
+ "$type": "fontWeight"
212
+ },
213
+ "name": "text-title-weight-medium",
214
+ "attributes": {},
215
+ "path": ["text", "title", "weight", "medium"]
216
+ },
217
+ "text-title-weight-small": {
218
+ "value": 600,
219
+ "$type": "fontWeight",
220
+ "filePath": "src/tokens/functional/typography/typography.json",
221
+ "isSource": true,
222
+ "original": {
223
+ "value": "{base.text.weight.semibold}",
224
+ "$type": "fontWeight"
225
+ },
226
+ "name": "text-title-weight-small",
227
+ "attributes": {},
228
+ "path": ["text", "title", "weight", "small"]
229
+ },
230
+ "text-title-shorthand-large": {
231
+ "value": "600 2rem/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
232
+ "$type": "typography",
233
+ "comment": "Page headings for user-created objects, such as issues or pull requests. Utilize title (medium) styles on narrow viewports.",
234
+ "filePath": "src/tokens/functional/typography/typography.json",
235
+ "isSource": true,
236
+ "original": {
237
+ "value": {
238
+ "fontWeight": "{text.title.weight.large}",
239
+ "fontSize": "{text.title.size.large}",
240
+ "lineHeight": "{text.title.lineHeight.large}",
241
+ "fontFamily": "{fontStack.sansSerif}"
242
+ },
243
+ "$type": "typography",
244
+ "comment": "Page headings for user-created objects, such as issues or pull requests. Utilize title (medium) styles on narrow viewports."
245
+ },
246
+ "name": "text-title-shorthand-large",
247
+ "attributes": {},
248
+ "path": ["text", "title", "shorthand", "large"]
249
+ },
250
+ "text-title-shorthand-medium": {
251
+ "value": "600 1.25rem/1.6 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
252
+ "$type": "typography",
253
+ "comment": "Default page title. The 32px-equivalent line-height matches with button and other medium control heights. Great for page header composition.",
254
+ "filePath": "src/tokens/functional/typography/typography.json",
255
+ "isSource": true,
256
+ "original": {
257
+ "value": {
258
+ "fontWeight": "{text.title.weight.medium}",
259
+ "fontSize": "{text.title.size.medium}",
260
+ "lineHeight": "{text.title.lineHeight.medium}",
261
+ "fontFamily": "{fontStack.sansSerif}"
262
+ },
263
+ "$type": "typography",
264
+ "comment": "Default page title. The 32px-equivalent line-height matches with button and other medium control heights. Great for page header composition."
265
+ },
266
+ "name": "text-title-shorthand-medium",
267
+ "attributes": {},
268
+ "path": ["text", "title", "shorthand", "medium"]
269
+ },
270
+ "text-title-shorthand-small": {
271
+ "value": "600 1rem/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
272
+ "$type": "typography",
273
+ "comment": "Uses the same size as body (large) with a heavier weight of semibold (600).",
274
+ "filePath": "src/tokens/functional/typography/typography.json",
275
+ "isSource": true,
276
+ "original": {
277
+ "value": {
278
+ "fontWeight": "{text.title.weight.small}",
279
+ "fontSize": "{text.title.size.small}",
280
+ "lineHeight": "{text.title.lineHeight.small}",
281
+ "fontFamily": "{fontStack.sansSerif}"
282
+ },
283
+ "$type": "typography",
284
+ "comment": "Uses the same size as body (large) with a heavier weight of semibold (600)."
285
+ },
286
+ "name": "text-title-shorthand-small",
287
+ "attributes": {},
288
+ "path": ["text", "title", "shorthand", "small"]
289
+ },
290
+ "text-subtitle-size": {
291
+ "value": "1.25rem",
292
+ "$type": "dimension",
293
+ "filePath": "src/tokens/functional/typography/typography.json",
294
+ "isSource": true,
295
+ "original": {
296
+ "value": "20px",
297
+ "$type": "dimension"
298
+ },
299
+ "name": "text-subtitle-size",
300
+ "attributes": {},
301
+ "path": ["text", "subtitle", "size"]
302
+ },
303
+ "text-subtitle-lineHeight": {
304
+ "value": 1.6,
305
+ "$type": "number",
306
+ "filePath": "src/tokens/functional/typography/typography.json",
307
+ "isSource": true,
308
+ "original": {
309
+ "value": 1.6,
310
+ "$type": "number"
311
+ },
312
+ "name": "text-subtitle-lineHeight",
313
+ "attributes": {},
314
+ "path": ["text", "subtitle", "lineHeight"]
315
+ },
316
+ "text-subtitle-weight": {
317
+ "value": 400,
318
+ "$type": "fontWeight",
319
+ "filePath": "src/tokens/functional/typography/typography.json",
320
+ "isSource": true,
321
+ "original": {
322
+ "value": "{base.text.weight.normal}",
323
+ "$type": "fontWeight"
324
+ },
325
+ "name": "text-subtitle-weight",
326
+ "attributes": {},
327
+ "path": ["text", "subtitle", "weight"]
328
+ },
329
+ "text-subtitle-shorthand": {
330
+ "value": "400 1.25rem/1.6 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
331
+ "$type": "typography",
332
+ "comment": "Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium).",
333
+ "filePath": "src/tokens/functional/typography/typography.json",
334
+ "isSource": true,
335
+ "original": {
336
+ "value": {
337
+ "fontWeight": "{text.subtitle.weight}",
338
+ "fontSize": "{text.subtitle.size}",
339
+ "lineHeight": "{text.subtitle.lineHeight}",
340
+ "fontFamily": "{fontStack.sansSerif}"
341
+ },
342
+ "$type": "typography",
343
+ "comment": "Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium)."
344
+ },
345
+ "name": "text-subtitle-shorthand",
346
+ "attributes": {},
347
+ "path": ["text", "subtitle", "shorthand"]
348
+ },
349
+ "text-body-size-large": {
350
+ "value": "1rem",
351
+ "$type": "dimension",
352
+ "filePath": "src/tokens/functional/typography/typography.json",
353
+ "isSource": true,
354
+ "original": {
355
+ "value": "16px",
356
+ "$type": "dimension"
357
+ },
358
+ "name": "text-body-size-large",
359
+ "attributes": {},
360
+ "path": ["text", "body", "size", "large"]
361
+ },
362
+ "text-body-size-medium": {
363
+ "value": "0.875rem",
364
+ "$type": "dimension",
365
+ "filePath": "src/tokens/functional/typography/typography.json",
366
+ "isSource": true,
367
+ "original": {
368
+ "value": "14px",
369
+ "$type": "dimension"
370
+ },
371
+ "name": "text-body-size-medium",
372
+ "attributes": {},
373
+ "path": ["text", "body", "size", "medium"]
374
+ },
375
+ "text-body-size-small": {
376
+ "value": "0.75rem",
377
+ "$type": "dimension",
378
+ "filePath": "src/tokens/functional/typography/typography.json",
379
+ "isSource": true,
380
+ "original": {
381
+ "value": "12px",
382
+ "$type": "dimension"
383
+ },
384
+ "name": "text-body-size-small",
385
+ "attributes": {},
386
+ "path": ["text", "body", "size", "small"]
387
+ },
388
+ "text-body-lineHeight-large": {
389
+ "value": 1.5,
390
+ "$type": "number",
391
+ "filePath": "src/tokens/functional/typography/typography.json",
392
+ "isSource": true,
393
+ "original": {
394
+ "value": 1.5,
395
+ "$type": "number"
396
+ },
397
+ "name": "text-body-lineHeight-large",
398
+ "attributes": {},
399
+ "path": ["text", "body", "lineHeight", "large"]
400
+ },
401
+ "text-body-lineHeight-medium": {
402
+ "value": 1.4285,
403
+ "$type": "number",
404
+ "filePath": "src/tokens/functional/typography/typography.json",
405
+ "isSource": true,
406
+ "original": {
407
+ "value": 1.4285,
408
+ "$type": "number"
409
+ },
410
+ "name": "text-body-lineHeight-medium",
411
+ "attributes": {},
412
+ "path": ["text", "body", "lineHeight", "medium"]
413
+ },
414
+ "text-body-lineHeight-small": {
415
+ "value": 1.6666,
416
+ "$type": "number",
417
+ "filePath": "src/tokens/functional/typography/typography.json",
418
+ "isSource": true,
419
+ "original": {
420
+ "value": 1.6666,
421
+ "$type": "number"
422
+ },
423
+ "name": "text-body-lineHeight-small",
424
+ "attributes": {},
425
+ "path": ["text", "body", "lineHeight", "small"]
426
+ },
427
+ "text-body-weight": {
428
+ "value": 400,
429
+ "$type": "fontWeight",
430
+ "filePath": "src/tokens/functional/typography/typography.json",
431
+ "isSource": true,
432
+ "original": {
433
+ "value": "{base.text.weight.normal}",
434
+ "$type": "fontWeight"
435
+ },
436
+ "name": "text-body-weight",
437
+ "attributes": {},
438
+ "path": ["text", "body", "weight"]
439
+ },
440
+ "text-body-shorthand-large": {
441
+ "value": "400 1rem/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
442
+ "$type": "typography",
443
+ "comment": "User-generated content, markdown rendering.",
444
+ "filePath": "src/tokens/functional/typography/typography.json",
445
+ "isSource": true,
446
+ "original": {
447
+ "value": {
448
+ "fontWeight": "{text.body.weight}",
449
+ "fontSize": "{text.body.size.large}",
450
+ "lineHeight": "{text.body.lineHeight.large}",
451
+ "fontFamily": "{fontStack.sansSerif}"
452
+ },
453
+ "$type": "typography",
454
+ "comment": "User-generated content, markdown rendering."
455
+ },
456
+ "name": "text-body-shorthand-large",
457
+ "attributes": {},
458
+ "path": ["text", "body", "shorthand", "large"]
459
+ },
460
+ "text-body-shorthand-medium": {
461
+ "value": "400 0.875rem/1.4285 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
462
+ "$type": "typography",
463
+ "comment": "Default UI font. Most commonly used for body text.",
464
+ "filePath": "src/tokens/functional/typography/typography.json",
465
+ "isSource": true,
466
+ "original": {
467
+ "value": {
468
+ "fontWeight": "{text.body.weight}",
469
+ "fontSize": "{text.body.size.medium}",
470
+ "lineHeight": "{text.body.lineHeight.medium}",
471
+ "fontFamily": "{fontStack.sansSerif}"
472
+ },
473
+ "$type": "typography",
474
+ "comment": "Default UI font. Most commonly used for body text."
475
+ },
476
+ "name": "text-body-shorthand-medium",
477
+ "attributes": {},
478
+ "path": ["text", "body", "shorthand", "medium"]
479
+ },
480
+ "text-body-shorthand-small": {
481
+ "value": "400 0.75rem/1.6666 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
482
+ "$type": "typography",
483
+ "comment": "Small body text for discrete UI applications, such as helper, footnote text. Should be used sparingly across pages. Line-height matches Body (medium) at 20px.",
484
+ "filePath": "src/tokens/functional/typography/typography.json",
485
+ "isSource": true,
486
+ "original": {
487
+ "value": {
488
+ "fontWeight": "{text.body.weight}",
489
+ "fontSize": "{text.body.size.small}",
490
+ "lineHeight": "{text.body.lineHeight.small}",
491
+ "fontFamily": "{fontStack.sansSerif}"
492
+ },
493
+ "$type": "typography",
494
+ "comment": "Small body text for discrete UI applications, such as helper, footnote text. Should be used sparingly across pages. Line-height matches Body (medium) at 20px."
495
+ },
496
+ "name": "text-body-shorthand-small",
497
+ "attributes": {},
498
+ "path": ["text", "body", "shorthand", "small"]
499
+ },
500
+ "text-caption-size": {
501
+ "value": "0.75rem",
502
+ "$type": "dimension",
503
+ "filePath": "src/tokens/functional/typography/typography.json",
504
+ "isSource": true,
505
+ "original": {
506
+ "value": "12px",
507
+ "$type": "dimension"
508
+ },
509
+ "name": "text-caption-size",
510
+ "attributes": {},
511
+ "path": ["text", "caption", "size"]
512
+ },
513
+ "text-caption-lineHeight": {
514
+ "value": 1.3333,
515
+ "$type": "number",
516
+ "filePath": "src/tokens/functional/typography/typography.json",
517
+ "isSource": true,
518
+ "original": {
519
+ "value": 1.3333,
520
+ "$type": "number"
521
+ },
522
+ "name": "text-caption-lineHeight",
523
+ "attributes": {},
524
+ "path": ["text", "caption", "lineHeight"]
525
+ },
526
+ "text-caption-weight": {
527
+ "value": 400,
528
+ "$type": "fontWeight",
529
+ "filePath": "src/tokens/functional/typography/typography.json",
530
+ "isSource": true,
531
+ "original": {
532
+ "value": "{base.text.weight.normal}",
533
+ "$type": "fontWeight"
534
+ },
535
+ "name": "text-caption-weight",
536
+ "attributes": {},
537
+ "path": ["text", "caption", "weight"]
538
+ },
539
+ "text-caption-shorthand": {
540
+ "value": "400 0.75rem/1.3333 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
541
+ "$type": "typography",
542
+ "comment": "Compact small font with a smaller line height of 16px. Use it for single-line scenarios, as the small sizing doesn’t pass accessibility requirements.",
543
+ "filePath": "src/tokens/functional/typography/typography.json",
544
+ "isSource": true,
545
+ "original": {
546
+ "value": {
547
+ "fontWeight": "{text.caption.weight}",
548
+ "fontSize": "{text.caption.size}",
549
+ "lineHeight": "{text.caption.lineHeight}",
550
+ "fontFamily": "{fontStack.sansSerif}"
551
+ },
552
+ "$type": "typography",
553
+ "comment": "Compact small font with a smaller line height of 16px. Use it for single-line scenarios, as the small sizing doesn’t pass accessibility requirements."
554
+ },
555
+ "name": "text-caption-shorthand",
556
+ "attributes": {},
557
+ "path": ["text", "caption", "shorthand"]
558
+ },
559
+ "text-codeBlock-size": {
560
+ "value": "0.8125rem",
561
+ "$type": "dimension",
562
+ "filePath": "src/tokens/functional/typography/typography.json",
563
+ "isSource": true,
564
+ "original": {
565
+ "value": "13px",
566
+ "$type": "dimension"
567
+ },
568
+ "name": "text-codeBlock-size",
569
+ "attributes": {},
570
+ "path": ["text", "codeBlock", "size"]
571
+ },
572
+ "text-codeBlock-lineHeight": {
573
+ "value": 1.5385,
574
+ "$type": "number",
575
+ "filePath": "src/tokens/functional/typography/typography.json",
576
+ "isSource": true,
577
+ "original": {
578
+ "value": 1.5385,
579
+ "$type": "number"
580
+ },
581
+ "name": "text-codeBlock-lineHeight",
582
+ "attributes": {},
583
+ "path": ["text", "codeBlock", "lineHeight"]
584
+ },
585
+ "text-codeBlock-weight": {
586
+ "value": 400,
587
+ "$type": "fontWeight",
588
+ "filePath": "src/tokens/functional/typography/typography.json",
589
+ "isSource": true,
590
+ "original": {
591
+ "value": "{base.text.weight.normal}",
592
+ "$type": "fontWeight"
593
+ },
594
+ "name": "text-codeBlock-weight",
595
+ "attributes": {},
596
+ "path": ["text", "codeBlock", "weight"]
597
+ },
598
+ "text-codeBlock-shorthand": {
599
+ "value": "400 0.8125rem/1.5385 ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
600
+ "$type": "typography",
601
+ "comment": "Default style for rendering code blocks.",
602
+ "filePath": "src/tokens/functional/typography/typography.json",
603
+ "isSource": true,
604
+ "original": {
605
+ "value": {
606
+ "fontWeight": "{text.codeBlock.weight}",
607
+ "fontSize": "{text.codeBlock.size}",
608
+ "lineHeight": "{text.codeBlock.lineHeight}",
609
+ "fontFamily": "{fontStack.monospace}"
610
+ },
611
+ "$type": "typography",
612
+ "comment": "Default style for rendering code blocks."
613
+ },
614
+ "name": "text-codeBlock-shorthand",
615
+ "attributes": {},
616
+ "path": ["text", "codeBlock", "shorthand"]
617
+ },
618
+ "text-codeInline-size": {
619
+ "value": "0.9285em",
620
+ "$type": "dimension",
621
+ "filePath": "src/tokens/functional/typography/typography.json",
622
+ "isSource": true,
623
+ "original": {
624
+ "value": "0.9285em",
625
+ "$type": "dimension"
626
+ },
627
+ "name": "text-codeInline-size",
628
+ "attributes": {},
629
+ "path": ["text", "codeInline", "size"]
630
+ },
631
+ "text-codeInline-weight": {
632
+ "value": 400,
633
+ "$type": "fontWeight",
634
+ "filePath": "src/tokens/functional/typography/typography.json",
635
+ "isSource": true,
636
+ "original": {
637
+ "value": "{base.text.weight.normal}",
638
+ "$type": "fontWeight"
639
+ },
640
+ "name": "text-codeInline-weight",
641
+ "attributes": {},
642
+ "path": ["text", "codeInline", "weight"]
643
+ },
644
+ "text-codeInline-shorthand": {
645
+ "value": "400 0.9285em ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
646
+ "$type": "typography",
647
+ "comment": "Inline code blocks using em units to inherit size from its parent.",
648
+ "filePath": "src/tokens/functional/typography/typography.json",
649
+ "isSource": true,
650
+ "original": {
651
+ "value": {
652
+ "fontWeight": "{text.codeInline.weight}",
653
+ "fontSize": "{text.codeInline.size}",
654
+ "fontFamily": "{fontStack.monospace}"
655
+ },
656
+ "$type": "typography",
657
+ "comment": "Inline code blocks using em units to inherit size from its parent."
658
+ },
659
+ "name": "text-codeInline-shorthand",
660
+ "attributes": {},
661
+ "path": ["text", "codeInline", "shorthand"]
662
+ }
663
+ }
@@ -0,0 +1,19 @@
1
+ {
2
+ "--base-size-4": "0.25rem",
3
+ "--base-size-8": "0.5rem",
4
+ "--base-size-12": "0.75rem",
5
+ "--base-size-16": "1rem",
6
+ "--base-size-20": "1.25rem",
7
+ "--base-size-24": "1.5rem",
8
+ "--base-size-28": "1.75rem",
9
+ "--base-size-32": "2rem",
10
+ "--base-size-36": "2.25rem",
11
+ "--base-size-40": "2.5rem",
12
+ "--base-size-44": "2.75rem",
13
+ "--base-size-48": "3rem",
14
+ "--base-size-64": "4rem",
15
+ "--base-size-80": "5rem",
16
+ "--base-size-96": "6rem",
17
+ "--base-size-112": "7rem",
18
+ "--base-size-128": "8rem"
19
+ }