thread-ui 0.9.0 → 0.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (143) hide show
  1. package/README.md +7 -1
  2. package/dist/components/data-display/filter-controls/variants/filter-controls.js +1 -1
  3. package/dist/components/data-display/filter-controls/variants/filter-controls.js.map +1 -1
  4. package/dist/components/data-display/filter-controls/variants/inline-filter-controls.js +1 -1
  5. package/dist/components/data-display/filter-controls/variants/inline-filter-controls.js.map +1 -1
  6. package/dist/components/data-display/sort-controls/sort-controls.js +1 -1
  7. package/dist/components/data-display/sort-controls/sort-controls.js.map +1 -1
  8. package/dist/components/form-elements/form-label/form-label.js +1 -1
  9. package/dist/components/form-elements/form-label/form-label.js.map +1 -1
  10. package/dist/components/media/image-panel/image-panel.js +47 -47
  11. package/dist/components/media/image-panel/image-panel.js.map +1 -1
  12. package/dist/components/media/media-card/media-card.js +22 -5
  13. package/dist/components/media/media-card/media-card.js.map +1 -1
  14. package/dist/components/navigation/nav-menu/components/nav-link/nav-link.js +2 -4
  15. package/dist/components/navigation/nav-menu/components/nav-link/nav-link.js.map +1 -1
  16. package/dist/components/typography/body/body.types.d.ts +31 -0
  17. package/dist/components/typography/body/body.types.js +2 -0
  18. package/dist/components/typography/body/body.types.js.map +1 -0
  19. package/dist/components/typography/body/list.d.ts +15 -0
  20. package/dist/components/typography/body/list.js +47 -0
  21. package/dist/components/typography/body/list.js.map +1 -0
  22. package/dist/components/typography/body/text.d.ts +12 -0
  23. package/dist/components/typography/body/text.js +30 -0
  24. package/dist/components/typography/body/text.js.map +1 -0
  25. package/dist/components/typography/code/code.d.ts +2 -0
  26. package/dist/components/typography/code/code.js +23 -0
  27. package/dist/components/typography/code/code.js.map +1 -0
  28. package/dist/components/typography/code/code.types.d.ts +9 -0
  29. package/dist/components/typography/code/code.types.js +2 -0
  30. package/dist/components/typography/code/code.types.js.map +1 -0
  31. package/dist/components/typography/heading/heading.d.ts +38 -0
  32. package/dist/components/typography/heading/heading.js +53 -0
  33. package/dist/components/typography/heading/heading.js.map +1 -0
  34. package/dist/components/typography/heading/heading.types.d.ts +13 -0
  35. package/dist/components/typography/heading/heading.types.js +2 -0
  36. package/dist/components/typography/heading/heading.types.js.map +1 -0
  37. package/dist/components/typography/heading/render-heading.d.ts +16 -0
  38. package/dist/components/typography/heading/render-heading.js +52 -0
  39. package/dist/components/typography/heading/render-heading.js.map +1 -0
  40. package/dist/components/typography/index.d.ts +8 -2
  41. package/dist/components/typography/index.js +4 -1
  42. package/dist/components/typography/index.js.map +1 -1
  43. package/dist/components/typography/page-header/page-header.js +5 -8
  44. package/dist/components/typography/page-header/page-header.js.map +1 -1
  45. package/dist/components/typography/shared-utils/get-presentation-styles.d.ts +2 -0
  46. package/dist/components/typography/shared-utils/get-presentation-styles.js +31 -0
  47. package/dist/components/typography/shared-utils/get-presentation-styles.js.map +1 -0
  48. package/dist/components/typography/shared-utils/get-typography-styles.d.ts +3 -0
  49. package/dist/components/typography/shared-utils/get-typography-styles.js +56 -0
  50. package/dist/components/typography/shared-utils/get-typography-styles.js.map +1 -0
  51. package/dist/components/typography/typography.d.ts +55 -22
  52. package/dist/components/typography/typography.js +198 -127
  53. package/dist/components/typography/typography.js.map +1 -1
  54. package/dist/components/typography/typography.types.d.ts +23 -0
  55. package/dist/components/typography/typography.types.js +2 -0
  56. package/dist/components/typography/typography.types.js.map +1 -0
  57. package/dist/components/ui/card/card.js +3 -32
  58. package/dist/components/ui/card/card.js.map +1 -1
  59. package/dist/components/ui/divider/divider.d.ts +1 -1
  60. package/dist/components/ui/divider/divider.js +20 -6
  61. package/dist/components/ui/divider/divider.js.map +1 -1
  62. package/dist/components/ui/divider/divider.types.d.ts +3 -0
  63. package/dist/components/ui/index.d.ts +1 -0
  64. package/dist/components/ui/index.js +1 -0
  65. package/dist/components/ui/index.js.map +1 -1
  66. package/dist/components/ui/tab-view/components/tab-item-content.d.ts +5 -0
  67. package/dist/components/ui/tab-view/components/tab-item-content.js +23 -0
  68. package/dist/components/ui/tab-view/components/tab-item-content.js.map +1 -0
  69. package/dist/components/ui/tab-view/components/tab-view-content.d.ts +1 -0
  70. package/dist/components/ui/tab-view/components/tab-view-content.js +8 -0
  71. package/dist/components/ui/tab-view/components/tab-view-content.js.map +1 -0
  72. package/dist/components/ui/tab-view/components/tab-view-controls.d.ts +1 -0
  73. package/dist/components/ui/tab-view/components/tab-view-controls.js +66 -0
  74. package/dist/components/ui/tab-view/components/tab-view-controls.js.map +1 -0
  75. package/dist/components/ui/tab-view/index.d.ts +2 -0
  76. package/dist/components/ui/tab-view/index.js +2 -0
  77. package/dist/components/ui/tab-view/index.js.map +1 -0
  78. package/dist/components/ui/tab-view/tab-view-context.d.ts +34 -0
  79. package/dist/components/ui/tab-view/tab-view-context.js +4 -0
  80. package/dist/components/ui/tab-view/tab-view-context.js.map +1 -0
  81. package/dist/components/ui/tab-view/tab-view.d.ts +18 -0
  82. package/dist/components/ui/tab-view/tab-view.js +42 -0
  83. package/dist/components/ui/tab-view/tab-view.js.map +1 -0
  84. package/dist/components/ui/tab-view/tab-view.types.d.ts +39 -0
  85. package/dist/components/ui/tab-view/tab-view.types.js +2 -0
  86. package/dist/components/ui/tab-view/tab-view.types.js.map +1 -0
  87. package/dist/styled-system/styles.css +1 -1
  88. package/dist/styled-system/tokens/index.js +477 -353
  89. package/dist/styled-system/tokens/tokens.d.ts +19 -19
  90. package/dist/styles/panda.css +1 -1
  91. package/dist/styles/theme.css +37 -0
  92. package/dist/theme/css-name-configurations/theme-css-names.d.ts +54 -0
  93. package/dist/theme/css-name-configurations/theme-css-names.js +52 -0
  94. package/dist/theme/css-name-configurations/theme-css-names.js.map +1 -1
  95. package/dist/theme/default-theme.js +53 -0
  96. package/dist/theme/default-theme.js.map +1 -1
  97. package/dist/theme/index.d.ts +2 -1
  98. package/dist/theme/index.js +2 -1
  99. package/dist/theme/index.js.map +1 -1
  100. package/dist/theme/theme-docs/misc-elements.d.ts +6 -0
  101. package/dist/theme/theme-docs/misc-elements.js +20 -0
  102. package/dist/theme/theme-docs/misc-elements.js.map +1 -0
  103. package/dist/theme/theme-surface-system.d.ts +2 -0
  104. package/dist/theme/theme-surface-system.js +8 -0
  105. package/dist/theme/theme-surface-system.js.map +1 -1
  106. package/dist/theme/theme-typography-system.d.ts +10 -0
  107. package/dist/theme/theme-typography-system.js +51 -0
  108. package/dist/theme/theme-typography-system.js.map +1 -0
  109. package/dist/types/theme/theme.types.d.ts +90 -7
  110. package/dist/utils/context/create-stateful-component-context/create-stateful-component-context.d.ts +11 -0
  111. package/dist/utils/context/create-stateful-component-context/create-stateful-component-context.js +21 -0
  112. package/dist/utils/context/create-stateful-component-context/create-stateful-component-context.js.map +1 -0
  113. package/dist/utils/context/create-stateful-component-context/index.d.ts +1 -0
  114. package/dist/utils/context/create-stateful-component-context/index.js +2 -0
  115. package/dist/utils/context/create-stateful-component-context/index.js.map +1 -0
  116. package/dist/utils/context/index.d.ts +1 -0
  117. package/dist/utils/context/index.js +1 -0
  118. package/dist/utils/context/index.js.map +1 -1
  119. package/dist/utils/theme-utilities/get-resolved-layer-values/get-resolved-layer-values.d.ts +1 -1
  120. package/dist/utils/theme-utilities/get-resolved-layer-values/get-resolved-layer-values.js +8 -1
  121. package/dist/utils/theme-utilities/get-resolved-layer-values/get-resolved-layer-values.js.map +1 -1
  122. package/dist/utils/theme-utilities/get-resolved-typography-values/get-resolved-typography-values.d.ts +12 -0
  123. package/dist/utils/theme-utilities/get-resolved-typography-values/get-resolved-typography-values.js +13 -0
  124. package/dist/utils/theme-utilities/get-resolved-typography-values/get-resolved-typography-values.js.map +1 -0
  125. package/dist/utils/theme-utilities/get-resolved-typography-values/index.d.ts +1 -0
  126. package/dist/utils/theme-utilities/get-resolved-typography-values/index.js +2 -0
  127. package/dist/utils/theme-utilities/get-resolved-typography-values/index.js.map +1 -0
  128. package/dist/utils/theme-utilities/get-surface-styles/get-surface-styles.d.ts +3 -0
  129. package/dist/utils/theme-utilities/get-surface-styles/get-surface-styles.js +38 -0
  130. package/dist/utils/theme-utilities/get-surface-styles/get-surface-styles.js.map +1 -0
  131. package/dist/utils/theme-utilities/get-surface-styles/index.d.ts +1 -0
  132. package/dist/utils/theme-utilities/get-surface-styles/index.js +2 -0
  133. package/dist/utils/theme-utilities/get-surface-styles/index.js.map +1 -0
  134. package/dist/utils/theme-utilities/get-text-color-styles/get-text-color-styles.d.ts +11 -0
  135. package/dist/utils/theme-utilities/get-text-color-styles/get-text-color-styles.js +34 -0
  136. package/dist/utils/theme-utilities/get-text-color-styles/get-text-color-styles.js.map +1 -0
  137. package/dist/utils/theme-utilities/get-text-color-styles/index.d.ts +1 -0
  138. package/dist/utils/theme-utilities/get-text-color-styles/index.js +2 -0
  139. package/dist/utils/theme-utilities/get-text-color-styles/index.js.map +1 -0
  140. package/dist/utils/theme-utilities/index.d.ts +3 -0
  141. package/dist/utils/theme-utilities/index.js +3 -0
  142. package/dist/utils/theme-utilities/index.js.map +1 -1
  143. package/package.json +1 -1
@@ -75,158 +75,6 @@ const tokens = {
75
75
  "value": "500ms",
76
76
  "variable": "var(--thread-ui-durations-slowest)"
77
77
  },
78
- "fontWeights.thin": {
79
- "value": "100",
80
- "variable": "var(--thread-ui-font-weights-thin)"
81
- },
82
- "fontWeights.extralight": {
83
- "value": "200",
84
- "variable": "var(--thread-ui-font-weights-extralight)"
85
- },
86
- "fontWeights.light": {
87
- "value": "300",
88
- "variable": "var(--thread-ui-font-weights-light)"
89
- },
90
- "fontWeights.normal": {
91
- "value": "400",
92
- "variable": "var(--thread-ui-font-weights-normal)"
93
- },
94
- "fontWeights.medium": {
95
- "value": "500",
96
- "variable": "var(--thread-ui-font-weights-medium)"
97
- },
98
- "fontWeights.semibold": {
99
- "value": "600",
100
- "variable": "var(--thread-ui-font-weights-semibold)"
101
- },
102
- "fontWeights.bold": {
103
- "value": "700",
104
- "variable": "var(--thread-ui-font-weights-bold)"
105
- },
106
- "fontWeights.extrabold": {
107
- "value": "800",
108
- "variable": "var(--thread-ui-font-weights-extrabold)"
109
- },
110
- "fontWeights.black": {
111
- "value": "900",
112
- "variable": "var(--thread-ui-font-weights-black)"
113
- },
114
- "lineHeights.none": {
115
- "value": "1",
116
- "variable": "var(--thread-ui-line-heights-none)"
117
- },
118
- "lineHeights.tight": {
119
- "value": "1.25",
120
- "variable": "var(--thread-ui-line-heights-tight)"
121
- },
122
- "lineHeights.snug": {
123
- "value": "1.375",
124
- "variable": "var(--thread-ui-line-heights-snug)"
125
- },
126
- "lineHeights.normal": {
127
- "value": "1.5",
128
- "variable": "var(--thread-ui-line-heights-normal)"
129
- },
130
- "lineHeights.relaxed": {
131
- "value": "1.625",
132
- "variable": "var(--thread-ui-line-heights-relaxed)"
133
- },
134
- "lineHeights.loose": {
135
- "value": "2",
136
- "variable": "var(--thread-ui-line-heights-loose)"
137
- },
138
- "fonts.sans": {
139
- "value": "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
140
- "variable": "var(--thread-ui-fonts-sans)"
141
- },
142
- "fonts.serif": {
143
- "value": "ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif",
144
- "variable": "var(--thread-ui-fonts-serif)"
145
- },
146
- "fonts.mono": {
147
- "value": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace",
148
- "variable": "var(--thread-ui-fonts-mono)"
149
- },
150
- "letterSpacings.tighter": {
151
- "value": "-0.05em",
152
- "variable": "var(--thread-ui-letter-spacings-tighter)"
153
- },
154
- "letterSpacings.tight": {
155
- "value": "-0.025em",
156
- "variable": "var(--thread-ui-letter-spacings-tight)"
157
- },
158
- "letterSpacings.normal": {
159
- "value": "0em",
160
- "variable": "var(--thread-ui-letter-spacings-normal)"
161
- },
162
- "letterSpacings.wide": {
163
- "value": "0.025em",
164
- "variable": "var(--thread-ui-letter-spacings-wide)"
165
- },
166
- "letterSpacings.wider": {
167
- "value": "0.05em",
168
- "variable": "var(--thread-ui-letter-spacings-wider)"
169
- },
170
- "letterSpacings.widest": {
171
- "value": "0.1em",
172
- "variable": "var(--thread-ui-letter-spacings-widest)"
173
- },
174
- "fontSizes.2xs": {
175
- "value": "0.5rem",
176
- "variable": "var(--thread-ui-font-sizes-2xs)"
177
- },
178
- "fontSizes.xs": {
179
- "value": "0.75rem",
180
- "variable": "var(--thread-ui-font-sizes-xs)"
181
- },
182
- "fontSizes.sm": {
183
- "value": "0.875rem",
184
- "variable": "var(--thread-ui-font-sizes-sm)"
185
- },
186
- "fontSizes.md": {
187
- "value": "1rem",
188
- "variable": "var(--thread-ui-font-sizes-md)"
189
- },
190
- "fontSizes.lg": {
191
- "value": "1.125rem",
192
- "variable": "var(--thread-ui-font-sizes-lg)"
193
- },
194
- "fontSizes.xl": {
195
- "value": "1.25rem",
196
- "variable": "var(--thread-ui-font-sizes-xl)"
197
- },
198
- "fontSizes.2xl": {
199
- "value": "1.5rem",
200
- "variable": "var(--thread-ui-font-sizes-2xl)"
201
- },
202
- "fontSizes.3xl": {
203
- "value": "1.875rem",
204
- "variable": "var(--thread-ui-font-sizes-3xl)"
205
- },
206
- "fontSizes.4xl": {
207
- "value": "2.25rem",
208
- "variable": "var(--thread-ui-font-sizes-4xl)"
209
- },
210
- "fontSizes.5xl": {
211
- "value": "3rem",
212
- "variable": "var(--thread-ui-font-sizes-5xl)"
213
- },
214
- "fontSizes.6xl": {
215
- "value": "3.75rem",
216
- "variable": "var(--thread-ui-font-sizes-6xl)"
217
- },
218
- "fontSizes.7xl": {
219
- "value": "4.5rem",
220
- "variable": "var(--thread-ui-font-sizes-7xl)"
221
- },
222
- "fontSizes.8xl": {
223
- "value": "6rem",
224
- "variable": "var(--thread-ui-font-sizes-8xl)"
225
- },
226
- "fontSizes.9xl": {
227
- "value": "8rem",
228
- "variable": "var(--thread-ui-font-sizes-9xl)"
229
- },
230
78
  "blurs.xs": {
231
79
  "value": "4px",
232
80
  "variable": "var(--thread-ui-blurs-xs)"
@@ -255,150 +103,6 @@ const tokens = {
255
103
  "value": "64px",
256
104
  "variable": "var(--thread-ui-blurs-3xl)"
257
105
  },
258
- "spacing.0": {
259
- "value": "0rem",
260
- "variable": "var(--thread-ui-spacing-0)"
261
- },
262
- "spacing.1": {
263
- "value": "0.25rem",
264
- "variable": "var(--thread-ui-spacing-1)"
265
- },
266
- "spacing.2": {
267
- "value": "0.5rem",
268
- "variable": "var(--thread-ui-spacing-2)"
269
- },
270
- "spacing.3": {
271
- "value": "0.75rem",
272
- "variable": "var(--thread-ui-spacing-3)"
273
- },
274
- "spacing.4": {
275
- "value": "1rem",
276
- "variable": "var(--thread-ui-spacing-4)"
277
- },
278
- "spacing.5": {
279
- "value": "1.25rem",
280
- "variable": "var(--thread-ui-spacing-5)"
281
- },
282
- "spacing.6": {
283
- "value": "1.5rem",
284
- "variable": "var(--thread-ui-spacing-6)"
285
- },
286
- "spacing.7": {
287
- "value": "1.75rem",
288
- "variable": "var(--thread-ui-spacing-7)"
289
- },
290
- "spacing.8": {
291
- "value": "2rem",
292
- "variable": "var(--thread-ui-spacing-8)"
293
- },
294
- "spacing.9": {
295
- "value": "2.25rem",
296
- "variable": "var(--thread-ui-spacing-9)"
297
- },
298
- "spacing.10": {
299
- "value": "2.5rem",
300
- "variable": "var(--thread-ui-spacing-10)"
301
- },
302
- "spacing.11": {
303
- "value": "2.75rem",
304
- "variable": "var(--thread-ui-spacing-11)"
305
- },
306
- "spacing.12": {
307
- "value": "3rem",
308
- "variable": "var(--thread-ui-spacing-12)"
309
- },
310
- "spacing.14": {
311
- "value": "3.5rem",
312
- "variable": "var(--thread-ui-spacing-14)"
313
- },
314
- "spacing.16": {
315
- "value": "4rem",
316
- "variable": "var(--thread-ui-spacing-16)"
317
- },
318
- "spacing.20": {
319
- "value": "5rem",
320
- "variable": "var(--thread-ui-spacing-20)"
321
- },
322
- "spacing.24": {
323
- "value": "6rem",
324
- "variable": "var(--thread-ui-spacing-24)"
325
- },
326
- "spacing.28": {
327
- "value": "7rem",
328
- "variable": "var(--thread-ui-spacing-28)"
329
- },
330
- "spacing.32": {
331
- "value": "8rem",
332
- "variable": "var(--thread-ui-spacing-32)"
333
- },
334
- "spacing.36": {
335
- "value": "9rem",
336
- "variable": "var(--thread-ui-spacing-36)"
337
- },
338
- "spacing.40": {
339
- "value": "10rem",
340
- "variable": "var(--thread-ui-spacing-40)"
341
- },
342
- "spacing.44": {
343
- "value": "11rem",
344
- "variable": "var(--thread-ui-spacing-44)"
345
- },
346
- "spacing.48": {
347
- "value": "12rem",
348
- "variable": "var(--thread-ui-spacing-48)"
349
- },
350
- "spacing.52": {
351
- "value": "13rem",
352
- "variable": "var(--thread-ui-spacing-52)"
353
- },
354
- "spacing.56": {
355
- "value": "14rem",
356
- "variable": "var(--thread-ui-spacing-56)"
357
- },
358
- "spacing.60": {
359
- "value": "15rem",
360
- "variable": "var(--thread-ui-spacing-60)"
361
- },
362
- "spacing.64": {
363
- "value": "16rem",
364
- "variable": "var(--thread-ui-spacing-64)"
365
- },
366
- "spacing.72": {
367
- "value": "18rem",
368
- "variable": "var(--thread-ui-spacing-72)"
369
- },
370
- "spacing.80": {
371
- "value": "20rem",
372
- "variable": "var(--thread-ui-spacing-80)"
373
- },
374
- "spacing.96": {
375
- "value": "24rem",
376
- "variable": "var(--thread-ui-spacing-96)"
377
- },
378
- "spacing.0.5": {
379
- "value": "0.125rem",
380
- "variable": "var(--thread-ui-spacing-0\\.5)"
381
- },
382
- "spacing.1.5": {
383
- "value": "0.375rem",
384
- "variable": "var(--thread-ui-spacing-1\\.5)"
385
- },
386
- "spacing.2.5": {
387
- "value": "0.625rem",
388
- "variable": "var(--thread-ui-spacing-2\\.5)"
389
- },
390
- "spacing.3.5": {
391
- "value": "0.875rem",
392
- "variable": "var(--thread-ui-spacing-3\\.5)"
393
- },
394
- "spacing.4.5": {
395
- "value": "1.125rem",
396
- "variable": "var(--thread-ui-spacing-4\\.5)"
397
- },
398
- "spacing.5.5": {
399
- "value": "1.375rem",
400
- "variable": "var(--thread-ui-spacing-5\\.5)"
401
- },
402
106
  "sizes.0": {
403
107
  "value": "0rem",
404
108
  "variable": "var(--thread-ui-sizes-0)"
@@ -1655,81 +1359,257 @@ const tokens = {
1655
1359
  "value": "#374151",
1656
1360
  "variable": "var(--thread-ui-colors-gray-700)"
1657
1361
  },
1658
- "colors.gray.800": {
1659
- "value": "#1f2937",
1660
- "variable": "var(--thread-ui-colors-gray-800)"
1362
+ "colors.gray.800": {
1363
+ "value": "#1f2937",
1364
+ "variable": "var(--thread-ui-colors-gray-800)"
1365
+ },
1366
+ "colors.gray.900": {
1367
+ "value": "#111827",
1368
+ "variable": "var(--thread-ui-colors-gray-900)"
1369
+ },
1370
+ "colors.gray.950": {
1371
+ "value": "#030712",
1372
+ "variable": "var(--thread-ui-colors-gray-950)"
1373
+ },
1374
+ "colors.gray.light": {
1375
+ "value": "var(--thread-gray-light)",
1376
+ "variable": "var(--thread-ui-colors-gray-light)"
1377
+ },
1378
+ "colors.gray.main": {
1379
+ "value": "var(--thread-gray-main)",
1380
+ "variable": "var(--thread-ui-colors-gray-main)"
1381
+ },
1382
+ "colors.gray.dark": {
1383
+ "value": "var(--thread-gray-dark)",
1384
+ "variable": "var(--thread-ui-colors-gray-dark)"
1385
+ },
1386
+ "colors.success.light": {
1387
+ "value": "var(--thread-success-light)",
1388
+ "variable": "var(--thread-ui-colors-success-light)"
1389
+ },
1390
+ "colors.success.main": {
1391
+ "value": "var(--thread-success-main)",
1392
+ "variable": "var(--thread-ui-colors-success-main)"
1393
+ },
1394
+ "colors.success.dark": {
1395
+ "value": "var(--thread-success-dark)",
1396
+ "variable": "var(--thread-ui-colors-success-dark)"
1397
+ },
1398
+ "colors.warning.light": {
1399
+ "value": "var(--thread-warning-light)",
1400
+ "variable": "var(--thread-ui-colors-warning-light)"
1401
+ },
1402
+ "colors.warning.main": {
1403
+ "value": "var(--thread-warning-main)",
1404
+ "variable": "var(--thread-ui-colors-warning-main)"
1405
+ },
1406
+ "colors.warning.dark": {
1407
+ "value": "var(--thread-warning-dark)",
1408
+ "variable": "var(--thread-ui-colors-warning-dark)"
1409
+ },
1410
+ "colors.error.light": {
1411
+ "value": "var(--thread-error-light)",
1412
+ "variable": "var(--thread-ui-colors-error-light)"
1413
+ },
1414
+ "colors.error.main": {
1415
+ "value": "var(--thread-error-main)",
1416
+ "variable": "var(--thread-ui-colors-error-main)"
1417
+ },
1418
+ "colors.error.dark": {
1419
+ "value": "var(--thread-error-dark)",
1420
+ "variable": "var(--thread-ui-colors-error-dark)"
1421
+ },
1422
+ "colors.info.light": {
1423
+ "value": "var(--thread-info-light)",
1424
+ "variable": "var(--thread-ui-colors-info-light)"
1425
+ },
1426
+ "colors.info.main": {
1427
+ "value": "var(--thread-info-main)",
1428
+ "variable": "var(--thread-ui-colors-info-main)"
1429
+ },
1430
+ "colors.info.dark": {
1431
+ "value": "var(--thread-info-dark)",
1432
+ "variable": "var(--thread-ui-colors-info-dark)"
1433
+ },
1434
+ "colors.scrim": {
1435
+ "value": "var(--thread-scrim)",
1436
+ "variable": "var(--thread-ui-colors-scrim)"
1437
+ },
1438
+ "spacing.0": {
1439
+ "value": "0rem",
1440
+ "variable": "var(--thread-ui-spacing-0)"
1441
+ },
1442
+ "spacing.1": {
1443
+ "value": "0.25rem",
1444
+ "variable": "var(--thread-ui-spacing-1)"
1445
+ },
1446
+ "spacing.2": {
1447
+ "value": "0.5rem",
1448
+ "variable": "var(--thread-ui-spacing-2)"
1449
+ },
1450
+ "spacing.3": {
1451
+ "value": "0.75rem",
1452
+ "variable": "var(--thread-ui-spacing-3)"
1453
+ },
1454
+ "spacing.4": {
1455
+ "value": "1rem",
1456
+ "variable": "var(--thread-ui-spacing-4)"
1457
+ },
1458
+ "spacing.5": {
1459
+ "value": "1.25rem",
1460
+ "variable": "var(--thread-ui-spacing-5)"
1461
+ },
1462
+ "spacing.6": {
1463
+ "value": "1.5rem",
1464
+ "variable": "var(--thread-ui-spacing-6)"
1465
+ },
1466
+ "spacing.7": {
1467
+ "value": "1.75rem",
1468
+ "variable": "var(--thread-ui-spacing-7)"
1469
+ },
1470
+ "spacing.8": {
1471
+ "value": "2rem",
1472
+ "variable": "var(--thread-ui-spacing-8)"
1473
+ },
1474
+ "spacing.9": {
1475
+ "value": "2.25rem",
1476
+ "variable": "var(--thread-ui-spacing-9)"
1477
+ },
1478
+ "spacing.10": {
1479
+ "value": "2.5rem",
1480
+ "variable": "var(--thread-ui-spacing-10)"
1481
+ },
1482
+ "spacing.11": {
1483
+ "value": "2.75rem",
1484
+ "variable": "var(--thread-ui-spacing-11)"
1485
+ },
1486
+ "spacing.12": {
1487
+ "value": "3rem",
1488
+ "variable": "var(--thread-ui-spacing-12)"
1489
+ },
1490
+ "spacing.14": {
1491
+ "value": "3.5rem",
1492
+ "variable": "var(--thread-ui-spacing-14)"
1493
+ },
1494
+ "spacing.16": {
1495
+ "value": "4rem",
1496
+ "variable": "var(--thread-ui-spacing-16)"
1497
+ },
1498
+ "spacing.20": {
1499
+ "value": "5rem",
1500
+ "variable": "var(--thread-ui-spacing-20)"
1501
+ },
1502
+ "spacing.24": {
1503
+ "value": "6rem",
1504
+ "variable": "var(--thread-ui-spacing-24)"
1505
+ },
1506
+ "spacing.28": {
1507
+ "value": "7rem",
1508
+ "variable": "var(--thread-ui-spacing-28)"
1509
+ },
1510
+ "spacing.32": {
1511
+ "value": "8rem",
1512
+ "variable": "var(--thread-ui-spacing-32)"
1513
+ },
1514
+ "spacing.36": {
1515
+ "value": "9rem",
1516
+ "variable": "var(--thread-ui-spacing-36)"
1517
+ },
1518
+ "spacing.40": {
1519
+ "value": "10rem",
1520
+ "variable": "var(--thread-ui-spacing-40)"
1521
+ },
1522
+ "spacing.44": {
1523
+ "value": "11rem",
1524
+ "variable": "var(--thread-ui-spacing-44)"
1525
+ },
1526
+ "spacing.48": {
1527
+ "value": "12rem",
1528
+ "variable": "var(--thread-ui-spacing-48)"
1529
+ },
1530
+ "spacing.52": {
1531
+ "value": "13rem",
1532
+ "variable": "var(--thread-ui-spacing-52)"
1533
+ },
1534
+ "spacing.56": {
1535
+ "value": "14rem",
1536
+ "variable": "var(--thread-ui-spacing-56)"
1537
+ },
1538
+ "spacing.60": {
1539
+ "value": "15rem",
1540
+ "variable": "var(--thread-ui-spacing-60)"
1661
1541
  },
1662
- "colors.gray.900": {
1663
- "value": "#111827",
1664
- "variable": "var(--thread-ui-colors-gray-900)"
1542
+ "spacing.64": {
1543
+ "value": "16rem",
1544
+ "variable": "var(--thread-ui-spacing-64)"
1665
1545
  },
1666
- "colors.gray.950": {
1667
- "value": "#030712",
1668
- "variable": "var(--thread-ui-colors-gray-950)"
1546
+ "spacing.72": {
1547
+ "value": "18rem",
1548
+ "variable": "var(--thread-ui-spacing-72)"
1669
1549
  },
1670
- "colors.gray.light": {
1671
- "value": "var(--thread-gray-light)",
1672
- "variable": "var(--thread-ui-colors-gray-light)"
1550
+ "spacing.80": {
1551
+ "value": "20rem",
1552
+ "variable": "var(--thread-ui-spacing-80)"
1673
1553
  },
1674
- "colors.gray.main": {
1675
- "value": "var(--thread-gray-main)",
1676
- "variable": "var(--thread-ui-colors-gray-main)"
1554
+ "spacing.96": {
1555
+ "value": "24rem",
1556
+ "variable": "var(--thread-ui-spacing-96)"
1677
1557
  },
1678
- "colors.gray.dark": {
1679
- "value": "var(--thread-gray-dark)",
1680
- "variable": "var(--thread-ui-colors-gray-dark)"
1558
+ "spacing.0.5": {
1559
+ "value": "0.125rem",
1560
+ "variable": "var(--thread-ui-spacing-0\\.5)"
1681
1561
  },
1682
- "colors.success.light": {
1683
- "value": "var(--thread-success-light)",
1684
- "variable": "var(--thread-ui-colors-success-light)"
1562
+ "spacing.1.5": {
1563
+ "value": "0.375rem",
1564
+ "variable": "var(--thread-ui-spacing-1\\.5)"
1685
1565
  },
1686
- "colors.success.main": {
1687
- "value": "var(--thread-success-main)",
1688
- "variable": "var(--thread-ui-colors-success-main)"
1566
+ "spacing.2.5": {
1567
+ "value": "0.625rem",
1568
+ "variable": "var(--thread-ui-spacing-2\\.5)"
1689
1569
  },
1690
- "colors.success.dark": {
1691
- "value": "var(--thread-success-dark)",
1692
- "variable": "var(--thread-ui-colors-success-dark)"
1570
+ "spacing.3.5": {
1571
+ "value": "0.875rem",
1572
+ "variable": "var(--thread-ui-spacing-3\\.5)"
1693
1573
  },
1694
- "colors.warning.light": {
1695
- "value": "var(--thread-warning-light)",
1696
- "variable": "var(--thread-ui-colors-warning-light)"
1574
+ "spacing.4.5": {
1575
+ "value": "1.125rem",
1576
+ "variable": "var(--thread-ui-spacing-4\\.5)"
1697
1577
  },
1698
- "colors.warning.main": {
1699
- "value": "var(--thread-warning-main)",
1700
- "variable": "var(--thread-ui-colors-warning-main)"
1578
+ "spacing.5.5": {
1579
+ "value": "1.375rem",
1580
+ "variable": "var(--thread-ui-spacing-5\\.5)"
1701
1581
  },
1702
- "colors.warning.dark": {
1703
- "value": "var(--thread-warning-dark)",
1704
- "variable": "var(--thread-ui-colors-warning-dark)"
1582
+ "spacing.none": {
1583
+ "value": "var(--thread-spacing-none)",
1584
+ "variable": "var(--thread-ui-spacing-none)"
1705
1585
  },
1706
- "colors.error.light": {
1707
- "value": "var(--thread-error-light)",
1708
- "variable": "var(--thread-ui-colors-error-light)"
1586
+ "spacing.xxs": {
1587
+ "value": "var(--thread-spacing-xxs)",
1588
+ "variable": "var(--thread-ui-spacing-xxs)"
1709
1589
  },
1710
- "colors.error.main": {
1711
- "value": "var(--thread-error-main)",
1712
- "variable": "var(--thread-ui-colors-error-main)"
1590
+ "spacing.xs": {
1591
+ "value": "var(--thread-spacing-xs)",
1592
+ "variable": "var(--thread-ui-spacing-xs)"
1713
1593
  },
1714
- "colors.error.dark": {
1715
- "value": "var(--thread-error-dark)",
1716
- "variable": "var(--thread-ui-colors-error-dark)"
1594
+ "spacing.sm": {
1595
+ "value": "var(--thread-spacing-sm)",
1596
+ "variable": "var(--thread-ui-spacing-sm)"
1717
1597
  },
1718
- "colors.info.light": {
1719
- "value": "var(--thread-info-light)",
1720
- "variable": "var(--thread-ui-colors-info-light)"
1598
+ "spacing.md": {
1599
+ "value": "var(--thread-spacing-md)",
1600
+ "variable": "var(--thread-ui-spacing-md)"
1721
1601
  },
1722
- "colors.info.main": {
1723
- "value": "var(--thread-info-main)",
1724
- "variable": "var(--thread-ui-colors-info-main)"
1602
+ "spacing.lg": {
1603
+ "value": "var(--thread-spacing-lg)",
1604
+ "variable": "var(--thread-ui-spacing-lg)"
1725
1605
  },
1726
- "colors.info.dark": {
1727
- "value": "var(--thread-info-dark)",
1728
- "variable": "var(--thread-ui-colors-info-dark)"
1606
+ "spacing.xl": {
1607
+ "value": "var(--thread-spacing-xl)",
1608
+ "variable": "var(--thread-ui-spacing-xl)"
1729
1609
  },
1730
- "colors.scrim": {
1731
- "value": "var(--thread-scrim)",
1732
- "variable": "var(--thread-ui-colors-scrim)"
1610
+ "spacing.xxl": {
1611
+ "value": "var(--thread-spacing-xxl)",
1612
+ "variable": "var(--thread-ui-spacing-xxl)"
1733
1613
  },
1734
1614
  "radii.xs": {
1735
1615
  "value": "0.125rem",
@@ -1839,6 +1719,218 @@ const tokens = {
1839
1719
  "value": "var(--thread-z-index-system)",
1840
1720
  "variable": "var(--thread-ui-z-index-system)"
1841
1721
  },
1722
+ "fonts.sans": {
1723
+ "value": "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
1724
+ "variable": "var(--thread-ui-fonts-sans)"
1725
+ },
1726
+ "fonts.serif": {
1727
+ "value": "ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif",
1728
+ "variable": "var(--thread-ui-fonts-serif)"
1729
+ },
1730
+ "fonts.body": {
1731
+ "value": "var(--thread-font-family-body)",
1732
+ "variable": "var(--thread-ui-fonts-body)"
1733
+ },
1734
+ "fonts.heading": {
1735
+ "value": "var(--thread-font-family-heading)",
1736
+ "variable": "var(--thread-ui-fonts-heading)"
1737
+ },
1738
+ "fonts.mono": {
1739
+ "value": "var(--thread-font-family-mono)",
1740
+ "variable": "var(--thread-ui-fonts-mono)"
1741
+ },
1742
+ "fontSizes.2xs": {
1743
+ "value": "0.5rem",
1744
+ "variable": "var(--thread-ui-font-sizes-2xs)"
1745
+ },
1746
+ "fontSizes.xs": {
1747
+ "value": "0.75rem",
1748
+ "variable": "var(--thread-ui-font-sizes-xs)"
1749
+ },
1750
+ "fontSizes.sm": {
1751
+ "value": "0.875rem",
1752
+ "variable": "var(--thread-ui-font-sizes-sm)"
1753
+ },
1754
+ "fontSizes.md": {
1755
+ "value": "1rem",
1756
+ "variable": "var(--thread-ui-font-sizes-md)"
1757
+ },
1758
+ "fontSizes.lg": {
1759
+ "value": "1.125rem",
1760
+ "variable": "var(--thread-ui-font-sizes-lg)"
1761
+ },
1762
+ "fontSizes.xl": {
1763
+ "value": "1.25rem",
1764
+ "variable": "var(--thread-ui-font-sizes-xl)"
1765
+ },
1766
+ "fontSizes.2xl": {
1767
+ "value": "1.5rem",
1768
+ "variable": "var(--thread-ui-font-sizes-2xl)"
1769
+ },
1770
+ "fontSizes.3xl": {
1771
+ "value": "1.875rem",
1772
+ "variable": "var(--thread-ui-font-sizes-3xl)"
1773
+ },
1774
+ "fontSizes.4xl": {
1775
+ "value": "2.25rem",
1776
+ "variable": "var(--thread-ui-font-sizes-4xl)"
1777
+ },
1778
+ "fontSizes.5xl": {
1779
+ "value": "3rem",
1780
+ "variable": "var(--thread-ui-font-sizes-5xl)"
1781
+ },
1782
+ "fontSizes.6xl": {
1783
+ "value": "3.75rem",
1784
+ "variable": "var(--thread-ui-font-sizes-6xl)"
1785
+ },
1786
+ "fontSizes.7xl": {
1787
+ "value": "4.5rem",
1788
+ "variable": "var(--thread-ui-font-sizes-7xl)"
1789
+ },
1790
+ "fontSizes.8xl": {
1791
+ "value": "6rem",
1792
+ "variable": "var(--thread-ui-font-sizes-8xl)"
1793
+ },
1794
+ "fontSizes.9xl": {
1795
+ "value": "8rem",
1796
+ "variable": "var(--thread-ui-font-sizes-9xl)"
1797
+ },
1798
+ "fontSizes.heading.sm": {
1799
+ "value": "var(--thread-font-size-heading-sm)",
1800
+ "variable": "var(--thread-ui-font-sizes-heading-sm)"
1801
+ },
1802
+ "fontSizes.heading.md": {
1803
+ "value": "var(--thread-font-size-heading-md)",
1804
+ "variable": "var(--thread-ui-font-sizes-heading-md)"
1805
+ },
1806
+ "fontSizes.heading.lg": {
1807
+ "value": "var(--thread-font-size-heading-lg)",
1808
+ "variable": "var(--thread-ui-font-sizes-heading-lg)"
1809
+ },
1810
+ "fontSizes.heading.xl": {
1811
+ "value": "var(--thread-font-size-heading-xl)",
1812
+ "variable": "var(--thread-ui-font-sizes-heading-xl)"
1813
+ },
1814
+ "fontSizes.body.xxs": {
1815
+ "value": "var(--thread-font-size-body-xxs)",
1816
+ "variable": "var(--thread-ui-font-sizes-body-xxs)"
1817
+ },
1818
+ "fontSizes.body.xs": {
1819
+ "value": "var(--thread-font-size-body-xs)",
1820
+ "variable": "var(--thread-ui-font-sizes-body-xs)"
1821
+ },
1822
+ "fontSizes.body.sm": {
1823
+ "value": "var(--thread-font-size-body-sm)",
1824
+ "variable": "var(--thread-ui-font-sizes-body-sm)"
1825
+ },
1826
+ "fontSizes.body.md": {
1827
+ "value": "var(--thread-font-size-body-md)",
1828
+ "variable": "var(--thread-ui-font-sizes-body-md)"
1829
+ },
1830
+ "fontSizes.body.lg": {
1831
+ "value": "var(--thread-font-size-body-lg)",
1832
+ "variable": "var(--thread-ui-font-sizes-body-lg)"
1833
+ },
1834
+ "fontSizes.body.xl": {
1835
+ "value": "var(--thread-font-size-body-xl)",
1836
+ "variable": "var(--thread-ui-font-sizes-body-xl)"
1837
+ },
1838
+ "fontWeights.thin": {
1839
+ "value": "100",
1840
+ "variable": "var(--thread-ui-font-weights-thin)"
1841
+ },
1842
+ "fontWeights.extralight": {
1843
+ "value": "200",
1844
+ "variable": "var(--thread-ui-font-weights-extralight)"
1845
+ },
1846
+ "fontWeights.light": {
1847
+ "value": "300",
1848
+ "variable": "var(--thread-ui-font-weights-light)"
1849
+ },
1850
+ "fontWeights.normal": {
1851
+ "value": "400",
1852
+ "variable": "var(--thread-ui-font-weights-normal)"
1853
+ },
1854
+ "fontWeights.extrabold": {
1855
+ "value": "800",
1856
+ "variable": "var(--thread-ui-font-weights-extrabold)"
1857
+ },
1858
+ "fontWeights.black": {
1859
+ "value": "900",
1860
+ "variable": "var(--thread-ui-font-weights-black)"
1861
+ },
1862
+ "fontWeights.regular": {
1863
+ "value": "var(--thread-font-weight-regular)",
1864
+ "variable": "var(--thread-ui-font-weights-regular)"
1865
+ },
1866
+ "fontWeights.medium": {
1867
+ "value": "var(--thread-font-weight-medium)",
1868
+ "variable": "var(--thread-ui-font-weights-medium)"
1869
+ },
1870
+ "fontWeights.semibold": {
1871
+ "value": "var(--thread-font-weight-semibold)",
1872
+ "variable": "var(--thread-ui-font-weights-semibold)"
1873
+ },
1874
+ "fontWeights.bold": {
1875
+ "value": "var(--thread-font-weight-bold)",
1876
+ "variable": "var(--thread-ui-font-weights-bold)"
1877
+ },
1878
+ "lineHeights.snug": {
1879
+ "value": "1.375",
1880
+ "variable": "var(--thread-ui-line-heights-snug)"
1881
+ },
1882
+ "lineHeights.relaxed": {
1883
+ "value": "1.625",
1884
+ "variable": "var(--thread-ui-line-heights-relaxed)"
1885
+ },
1886
+ "lineHeights.none": {
1887
+ "value": "var(--thread-line-height-none)",
1888
+ "variable": "var(--thread-ui-line-heights-none)"
1889
+ },
1890
+ "lineHeights.tighter": {
1891
+ "value": "var(--thread-line-height-tighter)",
1892
+ "variable": "var(--thread-ui-line-heights-tighter)"
1893
+ },
1894
+ "lineHeights.tight": {
1895
+ "value": "var(--thread-line-height-tight)",
1896
+ "variable": "var(--thread-ui-line-heights-tight)"
1897
+ },
1898
+ "lineHeights.normal": {
1899
+ "value": "var(--thread-line-height-normal)",
1900
+ "variable": "var(--thread-ui-line-heights-normal)"
1901
+ },
1902
+ "lineHeights.loose": {
1903
+ "value": "var(--thread-line-height-loose)",
1904
+ "variable": "var(--thread-ui-line-heights-loose)"
1905
+ },
1906
+ "lineHeights.looser": {
1907
+ "value": "var(--thread-line-height-looser)",
1908
+ "variable": "var(--thread-ui-line-heights-looser)"
1909
+ },
1910
+ "letterSpacings.tighter": {
1911
+ "value": "-0.05em",
1912
+ "variable": "var(--thread-ui-letter-spacings-tighter)"
1913
+ },
1914
+ "letterSpacings.wider": {
1915
+ "value": "0.05em",
1916
+ "variable": "var(--thread-ui-letter-spacings-wider)"
1917
+ },
1918
+ "letterSpacings.widest": {
1919
+ "value": "0.1em",
1920
+ "variable": "var(--thread-ui-letter-spacings-widest)"
1921
+ },
1922
+ "letterSpacings.tight": {
1923
+ "value": "var(--thread-letter-spacing-tight)",
1924
+ "variable": "var(--thread-ui-letter-spacings-tight)"
1925
+ },
1926
+ "letterSpacings.normal": {
1927
+ "value": "var(--thread-letter-spacing-normal)",
1928
+ "variable": "var(--thread-ui-letter-spacings-normal)"
1929
+ },
1930
+ "letterSpacings.wide": {
1931
+ "value": "var(--thread-letter-spacing-wide)",
1932
+ "variable": "var(--thread-ui-letter-spacings-wide)"
1933
+ },
1842
1934
  "breakpoints.sm": {
1843
1935
  "value": "640px",
1844
1936
  "variable": "var(--thread-ui-breakpoints-sm)"
@@ -2059,6 +2151,38 @@ const tokens = {
2059
2151
  "value": "calc(var(--thread-ui-spacing-5\\.5) * -1)",
2060
2152
  "variable": "var(--thread-ui-spacing-5\\.5)"
2061
2153
  },
2154
+ "spacing.-none": {
2155
+ "value": "calc(var(--thread-ui-spacing-none) * -1)",
2156
+ "variable": "var(--thread-ui-spacing-none)"
2157
+ },
2158
+ "spacing.-xxs": {
2159
+ "value": "calc(var(--thread-ui-spacing-xxs) * -1)",
2160
+ "variable": "var(--thread-ui-spacing-xxs)"
2161
+ },
2162
+ "spacing.-xs": {
2163
+ "value": "calc(var(--thread-ui-spacing-xs) * -1)",
2164
+ "variable": "var(--thread-ui-spacing-xs)"
2165
+ },
2166
+ "spacing.-sm": {
2167
+ "value": "calc(var(--thread-ui-spacing-sm) * -1)",
2168
+ "variable": "var(--thread-ui-spacing-sm)"
2169
+ },
2170
+ "spacing.-md": {
2171
+ "value": "calc(var(--thread-ui-spacing-md) * -1)",
2172
+ "variable": "var(--thread-ui-spacing-md)"
2173
+ },
2174
+ "spacing.-lg": {
2175
+ "value": "calc(var(--thread-ui-spacing-lg) * -1)",
2176
+ "variable": "var(--thread-ui-spacing-lg)"
2177
+ },
2178
+ "spacing.-xl": {
2179
+ "value": "calc(var(--thread-ui-spacing-xl) * -1)",
2180
+ "variable": "var(--thread-ui-spacing-xl)"
2181
+ },
2182
+ "spacing.-xxl": {
2183
+ "value": "calc(var(--thread-ui-spacing-xxl) * -1)",
2184
+ "variable": "var(--thread-ui-spacing-xxl)"
2185
+ },
2062
2186
  "colors.colorPalette": {
2063
2187
  "value": "var(--thread-ui-colors-color-palette)",
2064
2188
  "variable": "var(--thread-ui-colors-color-palette)"