thread-ui 0.13.0 → 0.14.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 (166) hide show
  1. package/README.md +13 -7
  2. package/dist/components/content-display/carousel/carousel-context.d.ts +117 -9
  3. package/dist/components/content-display/carousel/carousel.d.ts +1 -1
  4. package/dist/components/content-display/carousel/carousel.js +19 -4
  5. package/dist/components/content-display/carousel/carousel.js.map +1 -1
  6. package/dist/components/content-display/carousel/carousel.types.d.ts +10 -9
  7. package/dist/components/content-display/carousel/components/carousel-controls.js +1 -1
  8. package/dist/components/content-display/carousel/components/carousel-controls.js.map +1 -1
  9. package/dist/components/content-display/carousel/components/carousel-header.d.ts +1 -1
  10. package/dist/components/content-display/carousel/components/carousel-header.js +6 -13
  11. package/dist/components/content-display/carousel/components/carousel-header.js.map +1 -1
  12. package/dist/components/content-display/carousel/components/carousel-item.js +1 -5
  13. package/dist/components/content-display/carousel/components/carousel-item.js.map +1 -1
  14. package/dist/components/content-display/gallery/components/gallery-content.js +3 -4
  15. package/dist/components/content-display/gallery/components/gallery-content.js.map +1 -1
  16. package/dist/components/content-display/gallery/gallery-context.d.ts +117 -9
  17. package/dist/components/content-display/gallery/gallery.d.ts +1 -1
  18. package/dist/components/content-display/gallery/gallery.js +2 -1
  19. package/dist/components/content-display/gallery/gallery.js.map +1 -1
  20. package/dist/components/content-display/gallery/gallery.types.d.ts +4 -5
  21. package/dist/components/content-display/lightbox/components/lightbox-title.js +5 -8
  22. package/dist/components/content-display/lightbox/components/lightbox-title.js.map +1 -1
  23. package/dist/components/content-display/lightbox/lightbox-context.d.ts +44 -2
  24. package/dist/components/content-display/lightbox/lightbox.types.d.ts +1 -1
  25. package/dist/components/layouts/column-layout/column-layout.d.ts +2 -2
  26. package/dist/components/layouts/column-layout/column-layout.js +6 -6
  27. package/dist/components/layouts/column-layout/column-layout.js.map +1 -1
  28. package/dist/components/layouts/column-layout/column-layout.types.d.ts +4 -7
  29. package/dist/components/layouts/footer/footer.d.ts +3 -3
  30. package/dist/components/layouts/footer/footer.js +4 -4
  31. package/dist/components/layouts/footer/footer.js.map +1 -1
  32. package/dist/components/layouts/footer/footer.types.d.ts +1 -1
  33. package/dist/components/layouts/layout-component.types.d.ts +2 -1
  34. package/dist/components/layouts/masonry-layout/masonry-layout.d.ts +1 -1
  35. package/dist/components/layouts/masonry-layout/masonry-layout.js +3 -3
  36. package/dist/components/layouts/masonry-layout/masonry-layout.js.map +1 -1
  37. package/dist/components/layouts/masonry-layout/masonry-layout.types.d.ts +4 -6
  38. package/dist/components/media-display/info-card/info-card.js +2 -2
  39. package/dist/components/media-display/info-card/info-card.js.map +1 -1
  40. package/dist/components/media-display/info-card/info-card.types.d.ts +1 -1
  41. package/dist/components/typography/heading/heading.js +1 -1
  42. package/dist/components/typography/heading/heading.js.map +1 -1
  43. package/dist/components/typography/page-header/page-header.d.ts +3 -3
  44. package/dist/components/typography/page-header/page-header.js +5 -5
  45. package/dist/components/typography/page-header/page-header.js.map +1 -1
  46. package/dist/components/typography/page-header/page-header.types.d.ts +3 -3
  47. package/dist/components/ui/button/button-recipe.js +11 -10
  48. package/dist/components/ui/button/button-recipe.js.map +1 -1
  49. package/dist/components/ui/card/card.d.ts +1 -1
  50. package/dist/components/ui/card/card.js +14 -9
  51. package/dist/components/ui/card/card.js.map +1 -1
  52. package/dist/components/ui/card/card.types.d.ts +2 -0
  53. package/dist/components/ui/loaders/skeleton-layout/skeleton-layout.types.d.ts +1 -1
  54. package/dist/components/ui/modal/modal-context.d.ts +2 -2
  55. package/dist/internal-components/content-header/content-header.d.ts +12 -0
  56. package/dist/internal-components/content-header/content-header.js +36 -0
  57. package/dist/internal-components/content-header/content-header.js.map +1 -0
  58. package/dist/internal-components/content-header/content-header.types.d.ts +32 -0
  59. package/dist/internal-components/content-header/content-header.types.js +2 -0
  60. package/dist/internal-components/content-header/content-header.types.js.map +1 -0
  61. package/dist/internal-components/content-header/index.d.ts +2 -0
  62. package/dist/internal-components/content-header/index.js +2 -0
  63. package/dist/internal-components/content-header/index.js.map +1 -0
  64. package/dist/internal-components/index.d.ts +2 -0
  65. package/dist/internal-components/index.js +2 -0
  66. package/dist/internal-components/index.js.map +1 -1
  67. package/dist/internal-components/modal-primitive/modal-primitive.d.ts +1 -1
  68. package/dist/internal-components/modal-primitive/modal-primitive.js +3 -2
  69. package/dist/internal-components/modal-primitive/modal-primitive.js.map +1 -1
  70. package/dist/internal-components/modal-primitive/modal-primitive.types.d.ts +2 -0
  71. package/dist/internal-components/surface/index.d.ts +2 -0
  72. package/dist/internal-components/surface/index.js +2 -0
  73. package/dist/internal-components/surface/index.js.map +1 -0
  74. package/dist/internal-components/surface/surface.d.ts +3 -0
  75. package/dist/internal-components/surface/surface.js +11 -0
  76. package/dist/internal-components/surface/surface.js.map +1 -0
  77. package/dist/internal-components/surface/surface.types.d.ts +15 -0
  78. package/dist/internal-components/surface/surface.types.js +2 -0
  79. package/dist/internal-components/surface/surface.types.js.map +1 -0
  80. package/dist/styled-system/recipes/button.js +6 -6
  81. package/dist/styled-system/tokens/index.js +8 -0
  82. package/dist/styled-system/tokens/tokens.d.ts +1 -1
  83. package/dist/styles/panda.css +1 -1
  84. package/dist/styles/theme.css +6 -0
  85. package/dist/theme/css-name-configurations/theme-css-names.d.ts +1 -0
  86. package/dist/theme/css-name-configurations/theme-css-names.js +3 -0
  87. package/dist/theme/css-name-configurations/theme-css-names.js.map +1 -1
  88. package/dist/theme/default-theme.js +2 -0
  89. package/dist/theme/default-theme.js.map +1 -1
  90. package/dist/theme/theme-surface-system.d.ts +2 -1
  91. package/dist/theme/theme-surface-system.js.map +1 -1
  92. package/dist/types/colors/utility-color-options.types.d.ts +1 -1
  93. package/dist/types/theme/theme.types.d.ts +1 -0
  94. package/dist/utils/theme-utilities/get-colored-text-color/get-colored-text-color.js +2 -0
  95. package/dist/utils/theme-utilities/get-colored-text-color/get-colored-text-color.js.map +1 -1
  96. package/dist/utils/theme-utilities/get-surface-styles/get-surface-styles.d.ts +2 -3
  97. package/dist/utils/theme-utilities/get-surface-styles/get-surface-styles.js.map +1 -1
  98. package/dist/utils/theme-utilities/get-text-color-styles/get-text-color-styles.js +1 -0
  99. package/dist/utils/theme-utilities/get-text-color-styles/get-text-color-styles.js.map +1 -1
  100. package/dist/utils/theme-utilities/get-utility-size-value/get-utility-size-value.d.ts +1 -1
  101. package/package.json +1 -1
  102. package/dist/styled-system/css/conditions..js +0 -36
  103. package/dist/styled-system/css/conditions.mjs +0 -36
  104. package/dist/styled-system/css/css..js +0 -45
  105. package/dist/styled-system/css/css.mjs +0 -45
  106. package/dist/styled-system/css/cva..js +0 -87
  107. package/dist/styled-system/css/cva.mjs +0 -87
  108. package/dist/styled-system/css/cx..js +0 -15
  109. package/dist/styled-system/css/cx.mjs +0 -15
  110. package/dist/styled-system/css/index..js +0 -4
  111. package/dist/styled-system/css/index.mjs +0 -4
  112. package/dist/styled-system/css/sva..js +0 -46
  113. package/dist/styled-system/css/sva.mjs +0 -46
  114. package/dist/styled-system/helpers..js +0 -316
  115. package/dist/styled-system/helpers.mjs +0 -316
  116. package/dist/styled-system/patterns/aspect-ratio..js +0 -38
  117. package/dist/styled-system/patterns/aspect-ratio.mjs +0 -38
  118. package/dist/styled-system/patterns/bleed..js +0 -24
  119. package/dist/styled-system/patterns/bleed.mjs +0 -24
  120. package/dist/styled-system/patterns/box..js +0 -15
  121. package/dist/styled-system/patterns/box.mjs +0 -15
  122. package/dist/styled-system/patterns/center..js +0 -21
  123. package/dist/styled-system/patterns/center.mjs +0 -21
  124. package/dist/styled-system/patterns/circle..js +0 -25
  125. package/dist/styled-system/patterns/circle.mjs +0 -25
  126. package/dist/styled-system/patterns/container..js +0 -22
  127. package/dist/styled-system/patterns/container.mjs +0 -22
  128. package/dist/styled-system/patterns/cq..js +0 -21
  129. package/dist/styled-system/patterns/cq.mjs +0 -21
  130. package/dist/styled-system/patterns/divider..js +0 -25
  131. package/dist/styled-system/patterns/divider.mjs +0 -25
  132. package/dist/styled-system/patterns/flex..js +0 -26
  133. package/dist/styled-system/patterns/flex.mjs +0 -26
  134. package/dist/styled-system/patterns/float..js +0 -52
  135. package/dist/styled-system/patterns/float.mjs +0 -52
  136. package/dist/styled-system/patterns/grid-item..js +0 -25
  137. package/dist/styled-system/patterns/grid-item.mjs +0 -25
  138. package/dist/styled-system/patterns/grid..js +0 -27
  139. package/dist/styled-system/patterns/grid.mjs +0 -27
  140. package/dist/styled-system/patterns/hstack..js +0 -24
  141. package/dist/styled-system/patterns/hstack.mjs +0 -24
  142. package/dist/styled-system/patterns/index..js +0 -20
  143. package/dist/styled-system/patterns/index.mjs +0 -20
  144. package/dist/styled-system/patterns/link-overlay..js +0 -24
  145. package/dist/styled-system/patterns/link-overlay.mjs +0 -24
  146. package/dist/styled-system/patterns/spacer..js +0 -21
  147. package/dist/styled-system/patterns/spacer.mjs +0 -21
  148. package/dist/styled-system/patterns/square..js +0 -24
  149. package/dist/styled-system/patterns/square.mjs +0 -24
  150. package/dist/styled-system/patterns/stack..js +0 -24
  151. package/dist/styled-system/patterns/stack.mjs +0 -24
  152. package/dist/styled-system/patterns/visually-hidden..js +0 -18
  153. package/dist/styled-system/patterns/visually-hidden.mjs +0 -18
  154. package/dist/styled-system/patterns/vstack..js +0 -24
  155. package/dist/styled-system/patterns/vstack.mjs +0 -24
  156. package/dist/styled-system/patterns/wrap..js +0 -25
  157. package/dist/styled-system/patterns/wrap.mjs +0 -25
  158. package/dist/styled-system/recipes/button..js +0 -445
  159. package/dist/styled-system/recipes/button.mjs +0 -445
  160. package/dist/styled-system/recipes/create-recipe..js +0 -82
  161. package/dist/styled-system/recipes/create-recipe.mjs +0 -82
  162. package/dist/styled-system/recipes/index..js +0 -1
  163. package/dist/styled-system/recipes/index.mjs +0 -1
  164. package/dist/styled-system/styles.css +0 -1
  165. package/dist/styled-system/tokens/index..js +0 -2104
  166. package/dist/styled-system/tokens/index.mjs +0 -2164
@@ -1,2164 +0,0 @@
1
- const tokens = {
2
- "aspectRatios.square": {
3
- "value": "1 / 1",
4
- "variable": "var(--thread-ui-aspect-ratios-square)"
5
- },
6
- "aspectRatios.landscape": {
7
- "value": "4 / 3",
8
- "variable": "var(--thread-ui-aspect-ratios-landscape)"
9
- },
10
- "aspectRatios.portrait": {
11
- "value": "3 / 4",
12
- "variable": "var(--thread-ui-aspect-ratios-portrait)"
13
- },
14
- "aspectRatios.wide": {
15
- "value": "16 / 9",
16
- "variable": "var(--thread-ui-aspect-ratios-wide)"
17
- },
18
- "aspectRatios.ultrawide": {
19
- "value": "18 / 5",
20
- "variable": "var(--thread-ui-aspect-ratios-ultrawide)"
21
- },
22
- "aspectRatios.golden": {
23
- "value": "1.618 / 1",
24
- "variable": "var(--thread-ui-aspect-ratios-golden)"
25
- },
26
- "borders.none": {
27
- "value": "none",
28
- "variable": "var(--thread-ui-borders-none)"
29
- },
30
- "easings.default": {
31
- "value": "cubic-bezier(0.4, 0, 0.2, 1)",
32
- "variable": "var(--thread-ui-easings-default)"
33
- },
34
- "easings.linear": {
35
- "value": "linear",
36
- "variable": "var(--thread-ui-easings-linear)"
37
- },
38
- "easings.in": {
39
- "value": "cubic-bezier(0.4, 0, 1, 1)",
40
- "variable": "var(--thread-ui-easings-in)"
41
- },
42
- "easings.out": {
43
- "value": "cubic-bezier(0, 0, 0.2, 1)",
44
- "variable": "var(--thread-ui-easings-out)"
45
- },
46
- "easings.in-out": {
47
- "value": "cubic-bezier(0.4, 0, 0.2, 1)",
48
- "variable": "var(--thread-ui-easings-in-out)"
49
- },
50
- "durations.fastest": {
51
- "value": "50ms",
52
- "variable": "var(--thread-ui-durations-fastest)"
53
- },
54
- "durations.faster": {
55
- "value": "100ms",
56
- "variable": "var(--thread-ui-durations-faster)"
57
- },
58
- "durations.fast": {
59
- "value": "150ms",
60
- "variable": "var(--thread-ui-durations-fast)"
61
- },
62
- "durations.normal": {
63
- "value": "200ms",
64
- "variable": "var(--thread-ui-durations-normal)"
65
- },
66
- "durations.slow": {
67
- "value": "300ms",
68
- "variable": "var(--thread-ui-durations-slow)"
69
- },
70
- "durations.slower": {
71
- "value": "400ms",
72
- "variable": "var(--thread-ui-durations-slower)"
73
- },
74
- "durations.slowest": {
75
- "value": "500ms",
76
- "variable": "var(--thread-ui-durations-slowest)"
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
- "blurs.xs": {
231
- "value": "4px",
232
- "variable": "var(--thread-ui-blurs-xs)"
233
- },
234
- "blurs.sm": {
235
- "value": "8px",
236
- "variable": "var(--thread-ui-blurs-sm)"
237
- },
238
- "blurs.md": {
239
- "value": "12px",
240
- "variable": "var(--thread-ui-blurs-md)"
241
- },
242
- "blurs.lg": {
243
- "value": "16px",
244
- "variable": "var(--thread-ui-blurs-lg)"
245
- },
246
- "blurs.xl": {
247
- "value": "24px",
248
- "variable": "var(--thread-ui-blurs-xl)"
249
- },
250
- "blurs.2xl": {
251
- "value": "40px",
252
- "variable": "var(--thread-ui-blurs-2xl)"
253
- },
254
- "blurs.3xl": {
255
- "value": "64px",
256
- "variable": "var(--thread-ui-blurs-3xl)"
257
- },
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
- "sizes.0": {
403
- "value": "0rem",
404
- "variable": "var(--thread-ui-sizes-0)"
405
- },
406
- "sizes.1": {
407
- "value": "0.25rem",
408
- "variable": "var(--thread-ui-sizes-1)"
409
- },
410
- "sizes.2": {
411
- "value": "0.5rem",
412
- "variable": "var(--thread-ui-sizes-2)"
413
- },
414
- "sizes.3": {
415
- "value": "0.75rem",
416
- "variable": "var(--thread-ui-sizes-3)"
417
- },
418
- "sizes.4": {
419
- "value": "1rem",
420
- "variable": "var(--thread-ui-sizes-4)"
421
- },
422
- "sizes.5": {
423
- "value": "1.25rem",
424
- "variable": "var(--thread-ui-sizes-5)"
425
- },
426
- "sizes.6": {
427
- "value": "1.5rem",
428
- "variable": "var(--thread-ui-sizes-6)"
429
- },
430
- "sizes.7": {
431
- "value": "1.75rem",
432
- "variable": "var(--thread-ui-sizes-7)"
433
- },
434
- "sizes.8": {
435
- "value": "2rem",
436
- "variable": "var(--thread-ui-sizes-8)"
437
- },
438
- "sizes.9": {
439
- "value": "2.25rem",
440
- "variable": "var(--thread-ui-sizes-9)"
441
- },
442
- "sizes.10": {
443
- "value": "2.5rem",
444
- "variable": "var(--thread-ui-sizes-10)"
445
- },
446
- "sizes.11": {
447
- "value": "2.75rem",
448
- "variable": "var(--thread-ui-sizes-11)"
449
- },
450
- "sizes.12": {
451
- "value": "3rem",
452
- "variable": "var(--thread-ui-sizes-12)"
453
- },
454
- "sizes.14": {
455
- "value": "3.5rem",
456
- "variable": "var(--thread-ui-sizes-14)"
457
- },
458
- "sizes.16": {
459
- "value": "4rem",
460
- "variable": "var(--thread-ui-sizes-16)"
461
- },
462
- "sizes.20": {
463
- "value": "5rem",
464
- "variable": "var(--thread-ui-sizes-20)"
465
- },
466
- "sizes.24": {
467
- "value": "6rem",
468
- "variable": "var(--thread-ui-sizes-24)"
469
- },
470
- "sizes.28": {
471
- "value": "7rem",
472
- "variable": "var(--thread-ui-sizes-28)"
473
- },
474
- "sizes.32": {
475
- "value": "8rem",
476
- "variable": "var(--thread-ui-sizes-32)"
477
- },
478
- "sizes.36": {
479
- "value": "9rem",
480
- "variable": "var(--thread-ui-sizes-36)"
481
- },
482
- "sizes.40": {
483
- "value": "10rem",
484
- "variable": "var(--thread-ui-sizes-40)"
485
- },
486
- "sizes.44": {
487
- "value": "11rem",
488
- "variable": "var(--thread-ui-sizes-44)"
489
- },
490
- "sizes.48": {
491
- "value": "12rem",
492
- "variable": "var(--thread-ui-sizes-48)"
493
- },
494
- "sizes.52": {
495
- "value": "13rem",
496
- "variable": "var(--thread-ui-sizes-52)"
497
- },
498
- "sizes.56": {
499
- "value": "14rem",
500
- "variable": "var(--thread-ui-sizes-56)"
501
- },
502
- "sizes.60": {
503
- "value": "15rem",
504
- "variable": "var(--thread-ui-sizes-60)"
505
- },
506
- "sizes.64": {
507
- "value": "16rem",
508
- "variable": "var(--thread-ui-sizes-64)"
509
- },
510
- "sizes.72": {
511
- "value": "18rem",
512
- "variable": "var(--thread-ui-sizes-72)"
513
- },
514
- "sizes.80": {
515
- "value": "20rem",
516
- "variable": "var(--thread-ui-sizes-80)"
517
- },
518
- "sizes.96": {
519
- "value": "24rem",
520
- "variable": "var(--thread-ui-sizes-96)"
521
- },
522
- "sizes.0.5": {
523
- "value": "0.125rem",
524
- "variable": "var(--thread-ui-sizes-0\\.5)"
525
- },
526
- "sizes.1.5": {
527
- "value": "0.375rem",
528
- "variable": "var(--thread-ui-sizes-1\\.5)"
529
- },
530
- "sizes.2.5": {
531
- "value": "0.625rem",
532
- "variable": "var(--thread-ui-sizes-2\\.5)"
533
- },
534
- "sizes.3.5": {
535
- "value": "0.875rem",
536
- "variable": "var(--thread-ui-sizes-3\\.5)"
537
- },
538
- "sizes.4.5": {
539
- "value": "1.125rem",
540
- "variable": "var(--thread-ui-sizes-4\\.5)"
541
- },
542
- "sizes.5.5": {
543
- "value": "1.375rem",
544
- "variable": "var(--thread-ui-sizes-5\\.5)"
545
- },
546
- "sizes.xs": {
547
- "value": "20rem",
548
- "variable": "var(--thread-ui-sizes-xs)"
549
- },
550
- "sizes.sm": {
551
- "value": "24rem",
552
- "variable": "var(--thread-ui-sizes-sm)"
553
- },
554
- "sizes.md": {
555
- "value": "28rem",
556
- "variable": "var(--thread-ui-sizes-md)"
557
- },
558
- "sizes.lg": {
559
- "value": "32rem",
560
- "variable": "var(--thread-ui-sizes-lg)"
561
- },
562
- "sizes.xl": {
563
- "value": "36rem",
564
- "variable": "var(--thread-ui-sizes-xl)"
565
- },
566
- "sizes.2xl": {
567
- "value": "42rem",
568
- "variable": "var(--thread-ui-sizes-2xl)"
569
- },
570
- "sizes.3xl": {
571
- "value": "48rem",
572
- "variable": "var(--thread-ui-sizes-3xl)"
573
- },
574
- "sizes.4xl": {
575
- "value": "56rem",
576
- "variable": "var(--thread-ui-sizes-4xl)"
577
- },
578
- "sizes.5xl": {
579
- "value": "64rem",
580
- "variable": "var(--thread-ui-sizes-5xl)"
581
- },
582
- "sizes.6xl": {
583
- "value": "72rem",
584
- "variable": "var(--thread-ui-sizes-6xl)"
585
- },
586
- "sizes.7xl": {
587
- "value": "80rem",
588
- "variable": "var(--thread-ui-sizes-7xl)"
589
- },
590
- "sizes.8xl": {
591
- "value": "90rem",
592
- "variable": "var(--thread-ui-sizes-8xl)"
593
- },
594
- "sizes.prose": {
595
- "value": "65ch",
596
- "variable": "var(--thread-ui-sizes-prose)"
597
- },
598
- "sizes.full": {
599
- "value": "100%",
600
- "variable": "var(--thread-ui-sizes-full)"
601
- },
602
- "sizes.min": {
603
- "value": "min-content",
604
- "variable": "var(--thread-ui-sizes-min)"
605
- },
606
- "sizes.max": {
607
- "value": "max-content",
608
- "variable": "var(--thread-ui-sizes-max)"
609
- },
610
- "sizes.fit": {
611
- "value": "fit-content",
612
- "variable": "var(--thread-ui-sizes-fit)"
613
- },
614
- "sizes.breakpoint-sm": {
615
- "value": "640px",
616
- "variable": "var(--thread-ui-sizes-breakpoint-sm)"
617
- },
618
- "sizes.breakpoint-md": {
619
- "value": "768px",
620
- "variable": "var(--thread-ui-sizes-breakpoint-md)"
621
- },
622
- "sizes.breakpoint-lg": {
623
- "value": "1024px",
624
- "variable": "var(--thread-ui-sizes-breakpoint-lg)"
625
- },
626
- "sizes.breakpoint-xl": {
627
- "value": "1280px",
628
- "variable": "var(--thread-ui-sizes-breakpoint-xl)"
629
- },
630
- "sizes.breakpoint-2xl": {
631
- "value": "1536px",
632
- "variable": "var(--thread-ui-sizes-breakpoint-2xl)"
633
- },
634
- "animations.spin": {
635
- "value": "spin 1s linear infinite",
636
- "variable": "var(--thread-ui-animations-spin)"
637
- },
638
- "animations.ping": {
639
- "value": "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",
640
- "variable": "var(--thread-ui-animations-ping)"
641
- },
642
- "animations.pulse": {
643
- "value": "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
644
- "variable": "var(--thread-ui-animations-pulse)"
645
- },
646
- "animations.bounce": {
647
- "value": "bounce 1s infinite",
648
- "variable": "var(--thread-ui-animations-bounce)"
649
- },
650
- "colors.current": {
651
- "value": "currentColor",
652
- "variable": "var(--thread-ui-colors-current)"
653
- },
654
- "colors.transparent": {
655
- "value": "rgb(0 0 0 / 0)",
656
- "variable": "var(--thread-ui-colors-transparent)"
657
- },
658
- "colors.rose.50": {
659
- "value": "#fff1f2",
660
- "variable": "var(--thread-ui-colors-rose-50)"
661
- },
662
- "colors.rose.100": {
663
- "value": "#ffe4e6",
664
- "variable": "var(--thread-ui-colors-rose-100)"
665
- },
666
- "colors.rose.200": {
667
- "value": "#fecdd3",
668
- "variable": "var(--thread-ui-colors-rose-200)"
669
- },
670
- "colors.rose.300": {
671
- "value": "#fda4af",
672
- "variable": "var(--thread-ui-colors-rose-300)"
673
- },
674
- "colors.rose.400": {
675
- "value": "#fb7185",
676
- "variable": "var(--thread-ui-colors-rose-400)"
677
- },
678
- "colors.rose.500": {
679
- "value": "#f43f5e",
680
- "variable": "var(--thread-ui-colors-rose-500)"
681
- },
682
- "colors.rose.600": {
683
- "value": "#e11d48",
684
- "variable": "var(--thread-ui-colors-rose-600)"
685
- },
686
- "colors.rose.700": {
687
- "value": "#be123c",
688
- "variable": "var(--thread-ui-colors-rose-700)"
689
- },
690
- "colors.rose.800": {
691
- "value": "#9f1239",
692
- "variable": "var(--thread-ui-colors-rose-800)"
693
- },
694
- "colors.rose.900": {
695
- "value": "#881337",
696
- "variable": "var(--thread-ui-colors-rose-900)"
697
- },
698
- "colors.rose.950": {
699
- "value": "#4c0519",
700
- "variable": "var(--thread-ui-colors-rose-950)"
701
- },
702
- "colors.pink.50": {
703
- "value": "#fdf2f8",
704
- "variable": "var(--thread-ui-colors-pink-50)"
705
- },
706
- "colors.pink.100": {
707
- "value": "#fce7f3",
708
- "variable": "var(--thread-ui-colors-pink-100)"
709
- },
710
- "colors.pink.200": {
711
- "value": "#fbcfe8",
712
- "variable": "var(--thread-ui-colors-pink-200)"
713
- },
714
- "colors.pink.300": {
715
- "value": "#f9a8d4",
716
- "variable": "var(--thread-ui-colors-pink-300)"
717
- },
718
- "colors.pink.400": {
719
- "value": "#f472b6",
720
- "variable": "var(--thread-ui-colors-pink-400)"
721
- },
722
- "colors.pink.500": {
723
- "value": "#ec4899",
724
- "variable": "var(--thread-ui-colors-pink-500)"
725
- },
726
- "colors.pink.600": {
727
- "value": "#db2777",
728
- "variable": "var(--thread-ui-colors-pink-600)"
729
- },
730
- "colors.pink.700": {
731
- "value": "#be185d",
732
- "variable": "var(--thread-ui-colors-pink-700)"
733
- },
734
- "colors.pink.800": {
735
- "value": "#9d174d",
736
- "variable": "var(--thread-ui-colors-pink-800)"
737
- },
738
- "colors.pink.900": {
739
- "value": "#831843",
740
- "variable": "var(--thread-ui-colors-pink-900)"
741
- },
742
- "colors.pink.950": {
743
- "value": "#500724",
744
- "variable": "var(--thread-ui-colors-pink-950)"
745
- },
746
- "colors.fuchsia.50": {
747
- "value": "#fdf4ff",
748
- "variable": "var(--thread-ui-colors-fuchsia-50)"
749
- },
750
- "colors.fuchsia.100": {
751
- "value": "#fae8ff",
752
- "variable": "var(--thread-ui-colors-fuchsia-100)"
753
- },
754
- "colors.fuchsia.200": {
755
- "value": "#f5d0fe",
756
- "variable": "var(--thread-ui-colors-fuchsia-200)"
757
- },
758
- "colors.fuchsia.300": {
759
- "value": "#f0abfc",
760
- "variable": "var(--thread-ui-colors-fuchsia-300)"
761
- },
762
- "colors.fuchsia.400": {
763
- "value": "#e879f9",
764
- "variable": "var(--thread-ui-colors-fuchsia-400)"
765
- },
766
- "colors.fuchsia.500": {
767
- "value": "#d946ef",
768
- "variable": "var(--thread-ui-colors-fuchsia-500)"
769
- },
770
- "colors.fuchsia.600": {
771
- "value": "#c026d3",
772
- "variable": "var(--thread-ui-colors-fuchsia-600)"
773
- },
774
- "colors.fuchsia.700": {
775
- "value": "#a21caf",
776
- "variable": "var(--thread-ui-colors-fuchsia-700)"
777
- },
778
- "colors.fuchsia.800": {
779
- "value": "#86198f",
780
- "variable": "var(--thread-ui-colors-fuchsia-800)"
781
- },
782
- "colors.fuchsia.900": {
783
- "value": "#701a75",
784
- "variable": "var(--thread-ui-colors-fuchsia-900)"
785
- },
786
- "colors.fuchsia.950": {
787
- "value": "#4a044e",
788
- "variable": "var(--thread-ui-colors-fuchsia-950)"
789
- },
790
- "colors.purple.50": {
791
- "value": "#faf5ff",
792
- "variable": "var(--thread-ui-colors-purple-50)"
793
- },
794
- "colors.purple.100": {
795
- "value": "#f3e8ff",
796
- "variable": "var(--thread-ui-colors-purple-100)"
797
- },
798
- "colors.purple.200": {
799
- "value": "#e9d5ff",
800
- "variable": "var(--thread-ui-colors-purple-200)"
801
- },
802
- "colors.purple.300": {
803
- "value": "#d8b4fe",
804
- "variable": "var(--thread-ui-colors-purple-300)"
805
- },
806
- "colors.purple.400": {
807
- "value": "#c084fc",
808
- "variable": "var(--thread-ui-colors-purple-400)"
809
- },
810
- "colors.purple.500": {
811
- "value": "#a855f7",
812
- "variable": "var(--thread-ui-colors-purple-500)"
813
- },
814
- "colors.purple.600": {
815
- "value": "#9333ea",
816
- "variable": "var(--thread-ui-colors-purple-600)"
817
- },
818
- "colors.purple.700": {
819
- "value": "#7e22ce",
820
- "variable": "var(--thread-ui-colors-purple-700)"
821
- },
822
- "colors.purple.800": {
823
- "value": "#6b21a8",
824
- "variable": "var(--thread-ui-colors-purple-800)"
825
- },
826
- "colors.purple.900": {
827
- "value": "#581c87",
828
- "variable": "var(--thread-ui-colors-purple-900)"
829
- },
830
- "colors.purple.950": {
831
- "value": "#3b0764",
832
- "variable": "var(--thread-ui-colors-purple-950)"
833
- },
834
- "colors.violet.50": {
835
- "value": "#f5f3ff",
836
- "variable": "var(--thread-ui-colors-violet-50)"
837
- },
838
- "colors.violet.100": {
839
- "value": "#ede9fe",
840
- "variable": "var(--thread-ui-colors-violet-100)"
841
- },
842
- "colors.violet.200": {
843
- "value": "#ddd6fe",
844
- "variable": "var(--thread-ui-colors-violet-200)"
845
- },
846
- "colors.violet.300": {
847
- "value": "#c4b5fd",
848
- "variable": "var(--thread-ui-colors-violet-300)"
849
- },
850
- "colors.violet.400": {
851
- "value": "#a78bfa",
852
- "variable": "var(--thread-ui-colors-violet-400)"
853
- },
854
- "colors.violet.500": {
855
- "value": "#8b5cf6",
856
- "variable": "var(--thread-ui-colors-violet-500)"
857
- },
858
- "colors.violet.600": {
859
- "value": "#7c3aed",
860
- "variable": "var(--thread-ui-colors-violet-600)"
861
- },
862
- "colors.violet.700": {
863
- "value": "#6d28d9",
864
- "variable": "var(--thread-ui-colors-violet-700)"
865
- },
866
- "colors.violet.800": {
867
- "value": "#5b21b6",
868
- "variable": "var(--thread-ui-colors-violet-800)"
869
- },
870
- "colors.violet.900": {
871
- "value": "#4c1d95",
872
- "variable": "var(--thread-ui-colors-violet-900)"
873
- },
874
- "colors.violet.950": {
875
- "value": "#2e1065",
876
- "variable": "var(--thread-ui-colors-violet-950)"
877
- },
878
- "colors.indigo.50": {
879
- "value": "#eef2ff",
880
- "variable": "var(--thread-ui-colors-indigo-50)"
881
- },
882
- "colors.indigo.100": {
883
- "value": "#e0e7ff",
884
- "variable": "var(--thread-ui-colors-indigo-100)"
885
- },
886
- "colors.indigo.200": {
887
- "value": "#c7d2fe",
888
- "variable": "var(--thread-ui-colors-indigo-200)"
889
- },
890
- "colors.indigo.300": {
891
- "value": "#a5b4fc",
892
- "variable": "var(--thread-ui-colors-indigo-300)"
893
- },
894
- "colors.indigo.400": {
895
- "value": "#818cf8",
896
- "variable": "var(--thread-ui-colors-indigo-400)"
897
- },
898
- "colors.indigo.500": {
899
- "value": "#6366f1",
900
- "variable": "var(--thread-ui-colors-indigo-500)"
901
- },
902
- "colors.indigo.600": {
903
- "value": "#4f46e5",
904
- "variable": "var(--thread-ui-colors-indigo-600)"
905
- },
906
- "colors.indigo.700": {
907
- "value": "#4338ca",
908
- "variable": "var(--thread-ui-colors-indigo-700)"
909
- },
910
- "colors.indigo.800": {
911
- "value": "#3730a3",
912
- "variable": "var(--thread-ui-colors-indigo-800)"
913
- },
914
- "colors.indigo.900": {
915
- "value": "#312e81",
916
- "variable": "var(--thread-ui-colors-indigo-900)"
917
- },
918
- "colors.indigo.950": {
919
- "value": "#1e1b4b",
920
- "variable": "var(--thread-ui-colors-indigo-950)"
921
- },
922
- "colors.blue.50": {
923
- "value": "#eff6ff",
924
- "variable": "var(--thread-ui-colors-blue-50)"
925
- },
926
- "colors.blue.100": {
927
- "value": "#dbeafe",
928
- "variable": "var(--thread-ui-colors-blue-100)"
929
- },
930
- "colors.blue.200": {
931
- "value": "#bfdbfe",
932
- "variable": "var(--thread-ui-colors-blue-200)"
933
- },
934
- "colors.blue.300": {
935
- "value": "#93c5fd",
936
- "variable": "var(--thread-ui-colors-blue-300)"
937
- },
938
- "colors.blue.400": {
939
- "value": "#60a5fa",
940
- "variable": "var(--thread-ui-colors-blue-400)"
941
- },
942
- "colors.blue.500": {
943
- "value": "#3b82f6",
944
- "variable": "var(--thread-ui-colors-blue-500)"
945
- },
946
- "colors.blue.600": {
947
- "value": "#2563eb",
948
- "variable": "var(--thread-ui-colors-blue-600)"
949
- },
950
- "colors.blue.700": {
951
- "value": "#1d4ed8",
952
- "variable": "var(--thread-ui-colors-blue-700)"
953
- },
954
- "colors.blue.800": {
955
- "value": "#1e40af",
956
- "variable": "var(--thread-ui-colors-blue-800)"
957
- },
958
- "colors.blue.900": {
959
- "value": "#1e3a8a",
960
- "variable": "var(--thread-ui-colors-blue-900)"
961
- },
962
- "colors.blue.950": {
963
- "value": "#172554",
964
- "variable": "var(--thread-ui-colors-blue-950)"
965
- },
966
- "colors.sky.50": {
967
- "value": "#f0f9ff",
968
- "variable": "var(--thread-ui-colors-sky-50)"
969
- },
970
- "colors.sky.100": {
971
- "value": "#e0f2fe",
972
- "variable": "var(--thread-ui-colors-sky-100)"
973
- },
974
- "colors.sky.200": {
975
- "value": "#bae6fd",
976
- "variable": "var(--thread-ui-colors-sky-200)"
977
- },
978
- "colors.sky.300": {
979
- "value": "#7dd3fc",
980
- "variable": "var(--thread-ui-colors-sky-300)"
981
- },
982
- "colors.sky.400": {
983
- "value": "#38bdf8",
984
- "variable": "var(--thread-ui-colors-sky-400)"
985
- },
986
- "colors.sky.500": {
987
- "value": "#0ea5e9",
988
- "variable": "var(--thread-ui-colors-sky-500)"
989
- },
990
- "colors.sky.600": {
991
- "value": "#0284c7",
992
- "variable": "var(--thread-ui-colors-sky-600)"
993
- },
994
- "colors.sky.700": {
995
- "value": "#0369a1",
996
- "variable": "var(--thread-ui-colors-sky-700)"
997
- },
998
- "colors.sky.800": {
999
- "value": "#075985",
1000
- "variable": "var(--thread-ui-colors-sky-800)"
1001
- },
1002
- "colors.sky.900": {
1003
- "value": "#0c4a6e",
1004
- "variable": "var(--thread-ui-colors-sky-900)"
1005
- },
1006
- "colors.sky.950": {
1007
- "value": "#082f49",
1008
- "variable": "var(--thread-ui-colors-sky-950)"
1009
- },
1010
- "colors.cyan.50": {
1011
- "value": "#ecfeff",
1012
- "variable": "var(--thread-ui-colors-cyan-50)"
1013
- },
1014
- "colors.cyan.100": {
1015
- "value": "#cffafe",
1016
- "variable": "var(--thread-ui-colors-cyan-100)"
1017
- },
1018
- "colors.cyan.200": {
1019
- "value": "#a5f3fc",
1020
- "variable": "var(--thread-ui-colors-cyan-200)"
1021
- },
1022
- "colors.cyan.300": {
1023
- "value": "#67e8f9",
1024
- "variable": "var(--thread-ui-colors-cyan-300)"
1025
- },
1026
- "colors.cyan.400": {
1027
- "value": "#22d3ee",
1028
- "variable": "var(--thread-ui-colors-cyan-400)"
1029
- },
1030
- "colors.cyan.500": {
1031
- "value": "#06b6d4",
1032
- "variable": "var(--thread-ui-colors-cyan-500)"
1033
- },
1034
- "colors.cyan.600": {
1035
- "value": "#0891b2",
1036
- "variable": "var(--thread-ui-colors-cyan-600)"
1037
- },
1038
- "colors.cyan.700": {
1039
- "value": "#0e7490",
1040
- "variable": "var(--thread-ui-colors-cyan-700)"
1041
- },
1042
- "colors.cyan.800": {
1043
- "value": "#155e75",
1044
- "variable": "var(--thread-ui-colors-cyan-800)"
1045
- },
1046
- "colors.cyan.900": {
1047
- "value": "#164e63",
1048
- "variable": "var(--thread-ui-colors-cyan-900)"
1049
- },
1050
- "colors.cyan.950": {
1051
- "value": "#083344",
1052
- "variable": "var(--thread-ui-colors-cyan-950)"
1053
- },
1054
- "colors.teal.50": {
1055
- "value": "#f0fdfa",
1056
- "variable": "var(--thread-ui-colors-teal-50)"
1057
- },
1058
- "colors.teal.100": {
1059
- "value": "#ccfbf1",
1060
- "variable": "var(--thread-ui-colors-teal-100)"
1061
- },
1062
- "colors.teal.200": {
1063
- "value": "#99f6e4",
1064
- "variable": "var(--thread-ui-colors-teal-200)"
1065
- },
1066
- "colors.teal.300": {
1067
- "value": "#5eead4",
1068
- "variable": "var(--thread-ui-colors-teal-300)"
1069
- },
1070
- "colors.teal.400": {
1071
- "value": "#2dd4bf",
1072
- "variable": "var(--thread-ui-colors-teal-400)"
1073
- },
1074
- "colors.teal.500": {
1075
- "value": "#14b8a6",
1076
- "variable": "var(--thread-ui-colors-teal-500)"
1077
- },
1078
- "colors.teal.600": {
1079
- "value": "#0d9488",
1080
- "variable": "var(--thread-ui-colors-teal-600)"
1081
- },
1082
- "colors.teal.700": {
1083
- "value": "#0f766e",
1084
- "variable": "var(--thread-ui-colors-teal-700)"
1085
- },
1086
- "colors.teal.800": {
1087
- "value": "#115e59",
1088
- "variable": "var(--thread-ui-colors-teal-800)"
1089
- },
1090
- "colors.teal.900": {
1091
- "value": "#134e4a",
1092
- "variable": "var(--thread-ui-colors-teal-900)"
1093
- },
1094
- "colors.teal.950": {
1095
- "value": "#042f2e",
1096
- "variable": "var(--thread-ui-colors-teal-950)"
1097
- },
1098
- "colors.emerald.50": {
1099
- "value": "#ecfdf5",
1100
- "variable": "var(--thread-ui-colors-emerald-50)"
1101
- },
1102
- "colors.emerald.100": {
1103
- "value": "#d1fae5",
1104
- "variable": "var(--thread-ui-colors-emerald-100)"
1105
- },
1106
- "colors.emerald.200": {
1107
- "value": "#a7f3d0",
1108
- "variable": "var(--thread-ui-colors-emerald-200)"
1109
- },
1110
- "colors.emerald.300": {
1111
- "value": "#6ee7b7",
1112
- "variable": "var(--thread-ui-colors-emerald-300)"
1113
- },
1114
- "colors.emerald.400": {
1115
- "value": "#34d399",
1116
- "variable": "var(--thread-ui-colors-emerald-400)"
1117
- },
1118
- "colors.emerald.500": {
1119
- "value": "#10b981",
1120
- "variable": "var(--thread-ui-colors-emerald-500)"
1121
- },
1122
- "colors.emerald.600": {
1123
- "value": "#059669",
1124
- "variable": "var(--thread-ui-colors-emerald-600)"
1125
- },
1126
- "colors.emerald.700": {
1127
- "value": "#047857",
1128
- "variable": "var(--thread-ui-colors-emerald-700)"
1129
- },
1130
- "colors.emerald.800": {
1131
- "value": "#065f46",
1132
- "variable": "var(--thread-ui-colors-emerald-800)"
1133
- },
1134
- "colors.emerald.900": {
1135
- "value": "#064e3b",
1136
- "variable": "var(--thread-ui-colors-emerald-900)"
1137
- },
1138
- "colors.emerald.950": {
1139
- "value": "#022c22",
1140
- "variable": "var(--thread-ui-colors-emerald-950)"
1141
- },
1142
- "colors.green.50": {
1143
- "value": "#f0fdf4",
1144
- "variable": "var(--thread-ui-colors-green-50)"
1145
- },
1146
- "colors.green.100": {
1147
- "value": "#dcfce7",
1148
- "variable": "var(--thread-ui-colors-green-100)"
1149
- },
1150
- "colors.green.200": {
1151
- "value": "#bbf7d0",
1152
- "variable": "var(--thread-ui-colors-green-200)"
1153
- },
1154
- "colors.green.300": {
1155
- "value": "#86efac",
1156
- "variable": "var(--thread-ui-colors-green-300)"
1157
- },
1158
- "colors.green.400": {
1159
- "value": "#4ade80",
1160
- "variable": "var(--thread-ui-colors-green-400)"
1161
- },
1162
- "colors.green.500": {
1163
- "value": "#22c55e",
1164
- "variable": "var(--thread-ui-colors-green-500)"
1165
- },
1166
- "colors.green.600": {
1167
- "value": "#16a34a",
1168
- "variable": "var(--thread-ui-colors-green-600)"
1169
- },
1170
- "colors.green.700": {
1171
- "value": "#15803d",
1172
- "variable": "var(--thread-ui-colors-green-700)"
1173
- },
1174
- "colors.green.800": {
1175
- "value": "#166534",
1176
- "variable": "var(--thread-ui-colors-green-800)"
1177
- },
1178
- "colors.green.900": {
1179
- "value": "#14532d",
1180
- "variable": "var(--thread-ui-colors-green-900)"
1181
- },
1182
- "colors.green.950": {
1183
- "value": "#052e16",
1184
- "variable": "var(--thread-ui-colors-green-950)"
1185
- },
1186
- "colors.lime.50": {
1187
- "value": "#f7fee7",
1188
- "variable": "var(--thread-ui-colors-lime-50)"
1189
- },
1190
- "colors.lime.100": {
1191
- "value": "#ecfccb",
1192
- "variable": "var(--thread-ui-colors-lime-100)"
1193
- },
1194
- "colors.lime.200": {
1195
- "value": "#d9f99d",
1196
- "variable": "var(--thread-ui-colors-lime-200)"
1197
- },
1198
- "colors.lime.300": {
1199
- "value": "#bef264",
1200
- "variable": "var(--thread-ui-colors-lime-300)"
1201
- },
1202
- "colors.lime.400": {
1203
- "value": "#a3e635",
1204
- "variable": "var(--thread-ui-colors-lime-400)"
1205
- },
1206
- "colors.lime.500": {
1207
- "value": "#84cc16",
1208
- "variable": "var(--thread-ui-colors-lime-500)"
1209
- },
1210
- "colors.lime.600": {
1211
- "value": "#65a30d",
1212
- "variable": "var(--thread-ui-colors-lime-600)"
1213
- },
1214
- "colors.lime.700": {
1215
- "value": "#4d7c0f",
1216
- "variable": "var(--thread-ui-colors-lime-700)"
1217
- },
1218
- "colors.lime.800": {
1219
- "value": "#3f6212",
1220
- "variable": "var(--thread-ui-colors-lime-800)"
1221
- },
1222
- "colors.lime.900": {
1223
- "value": "#365314",
1224
- "variable": "var(--thread-ui-colors-lime-900)"
1225
- },
1226
- "colors.lime.950": {
1227
- "value": "#1a2e05",
1228
- "variable": "var(--thread-ui-colors-lime-950)"
1229
- },
1230
- "colors.yellow.50": {
1231
- "value": "#fefce8",
1232
- "variable": "var(--thread-ui-colors-yellow-50)"
1233
- },
1234
- "colors.yellow.100": {
1235
- "value": "#fef9c3",
1236
- "variable": "var(--thread-ui-colors-yellow-100)"
1237
- },
1238
- "colors.yellow.200": {
1239
- "value": "#fef08a",
1240
- "variable": "var(--thread-ui-colors-yellow-200)"
1241
- },
1242
- "colors.yellow.300": {
1243
- "value": "#fde047",
1244
- "variable": "var(--thread-ui-colors-yellow-300)"
1245
- },
1246
- "colors.yellow.400": {
1247
- "value": "#facc15",
1248
- "variable": "var(--thread-ui-colors-yellow-400)"
1249
- },
1250
- "colors.yellow.500": {
1251
- "value": "#eab308",
1252
- "variable": "var(--thread-ui-colors-yellow-500)"
1253
- },
1254
- "colors.yellow.600": {
1255
- "value": "#ca8a04",
1256
- "variable": "var(--thread-ui-colors-yellow-600)"
1257
- },
1258
- "colors.yellow.700": {
1259
- "value": "#a16207",
1260
- "variable": "var(--thread-ui-colors-yellow-700)"
1261
- },
1262
- "colors.yellow.800": {
1263
- "value": "#854d0e",
1264
- "variable": "var(--thread-ui-colors-yellow-800)"
1265
- },
1266
- "colors.yellow.900": {
1267
- "value": "#713f12",
1268
- "variable": "var(--thread-ui-colors-yellow-900)"
1269
- },
1270
- "colors.yellow.950": {
1271
- "value": "#422006",
1272
- "variable": "var(--thread-ui-colors-yellow-950)"
1273
- },
1274
- "colors.amber.50": {
1275
- "value": "#fffbeb",
1276
- "variable": "var(--thread-ui-colors-amber-50)"
1277
- },
1278
- "colors.amber.100": {
1279
- "value": "#fef3c7",
1280
- "variable": "var(--thread-ui-colors-amber-100)"
1281
- },
1282
- "colors.amber.200": {
1283
- "value": "#fde68a",
1284
- "variable": "var(--thread-ui-colors-amber-200)"
1285
- },
1286
- "colors.amber.300": {
1287
- "value": "#fcd34d",
1288
- "variable": "var(--thread-ui-colors-amber-300)"
1289
- },
1290
- "colors.amber.400": {
1291
- "value": "#fbbf24",
1292
- "variable": "var(--thread-ui-colors-amber-400)"
1293
- },
1294
- "colors.amber.500": {
1295
- "value": "#f59e0b",
1296
- "variable": "var(--thread-ui-colors-amber-500)"
1297
- },
1298
- "colors.amber.600": {
1299
- "value": "#d97706",
1300
- "variable": "var(--thread-ui-colors-amber-600)"
1301
- },
1302
- "colors.amber.700": {
1303
- "value": "#b45309",
1304
- "variable": "var(--thread-ui-colors-amber-700)"
1305
- },
1306
- "colors.amber.800": {
1307
- "value": "#92400e",
1308
- "variable": "var(--thread-ui-colors-amber-800)"
1309
- },
1310
- "colors.amber.900": {
1311
- "value": "#78350f",
1312
- "variable": "var(--thread-ui-colors-amber-900)"
1313
- },
1314
- "colors.amber.950": {
1315
- "value": "#451a03",
1316
- "variable": "var(--thread-ui-colors-amber-950)"
1317
- },
1318
- "colors.orange.50": {
1319
- "value": "#fff7ed",
1320
- "variable": "var(--thread-ui-colors-orange-50)"
1321
- },
1322
- "colors.orange.100": {
1323
- "value": "#ffedd5",
1324
- "variable": "var(--thread-ui-colors-orange-100)"
1325
- },
1326
- "colors.orange.200": {
1327
- "value": "#fed7aa",
1328
- "variable": "var(--thread-ui-colors-orange-200)"
1329
- },
1330
- "colors.orange.300": {
1331
- "value": "#fdba74",
1332
- "variable": "var(--thread-ui-colors-orange-300)"
1333
- },
1334
- "colors.orange.400": {
1335
- "value": "#fb923c",
1336
- "variable": "var(--thread-ui-colors-orange-400)"
1337
- },
1338
- "colors.orange.500": {
1339
- "value": "#f97316",
1340
- "variable": "var(--thread-ui-colors-orange-500)"
1341
- },
1342
- "colors.orange.600": {
1343
- "value": "#ea580c",
1344
- "variable": "var(--thread-ui-colors-orange-600)"
1345
- },
1346
- "colors.orange.700": {
1347
- "value": "#c2410c",
1348
- "variable": "var(--thread-ui-colors-orange-700)"
1349
- },
1350
- "colors.orange.800": {
1351
- "value": "#9a3412",
1352
- "variable": "var(--thread-ui-colors-orange-800)"
1353
- },
1354
- "colors.orange.900": {
1355
- "value": "#7c2d12",
1356
- "variable": "var(--thread-ui-colors-orange-900)"
1357
- },
1358
- "colors.orange.950": {
1359
- "value": "#431407",
1360
- "variable": "var(--thread-ui-colors-orange-950)"
1361
- },
1362
- "colors.red.50": {
1363
- "value": "#fef2f2",
1364
- "variable": "var(--thread-ui-colors-red-50)"
1365
- },
1366
- "colors.red.100": {
1367
- "value": "#fee2e2",
1368
- "variable": "var(--thread-ui-colors-red-100)"
1369
- },
1370
- "colors.red.200": {
1371
- "value": "#fecaca",
1372
- "variable": "var(--thread-ui-colors-red-200)"
1373
- },
1374
- "colors.red.300": {
1375
- "value": "#fca5a5",
1376
- "variable": "var(--thread-ui-colors-red-300)"
1377
- },
1378
- "colors.red.400": {
1379
- "value": "#f87171",
1380
- "variable": "var(--thread-ui-colors-red-400)"
1381
- },
1382
- "colors.red.500": {
1383
- "value": "#ef4444",
1384
- "variable": "var(--thread-ui-colors-red-500)"
1385
- },
1386
- "colors.red.600": {
1387
- "value": "#dc2626",
1388
- "variable": "var(--thread-ui-colors-red-600)"
1389
- },
1390
- "colors.red.700": {
1391
- "value": "#b91c1c",
1392
- "variable": "var(--thread-ui-colors-red-700)"
1393
- },
1394
- "colors.red.800": {
1395
- "value": "#991b1b",
1396
- "variable": "var(--thread-ui-colors-red-800)"
1397
- },
1398
- "colors.red.900": {
1399
- "value": "#7f1d1d",
1400
- "variable": "var(--thread-ui-colors-red-900)"
1401
- },
1402
- "colors.red.950": {
1403
- "value": "#450a0a",
1404
- "variable": "var(--thread-ui-colors-red-950)"
1405
- },
1406
- "colors.neutral.50": {
1407
- "value": "#fafafa",
1408
- "variable": "var(--thread-ui-colors-neutral-50)"
1409
- },
1410
- "colors.neutral.100": {
1411
- "value": "#f5f5f5",
1412
- "variable": "var(--thread-ui-colors-neutral-100)"
1413
- },
1414
- "colors.neutral.200": {
1415
- "value": "#e5e5e5",
1416
- "variable": "var(--thread-ui-colors-neutral-200)"
1417
- },
1418
- "colors.neutral.300": {
1419
- "value": "#d4d4d4",
1420
- "variable": "var(--thread-ui-colors-neutral-300)"
1421
- },
1422
- "colors.neutral.400": {
1423
- "value": "#a3a3a3",
1424
- "variable": "var(--thread-ui-colors-neutral-400)"
1425
- },
1426
- "colors.neutral.500": {
1427
- "value": "#737373",
1428
- "variable": "var(--thread-ui-colors-neutral-500)"
1429
- },
1430
- "colors.neutral.600": {
1431
- "value": "#525252",
1432
- "variable": "var(--thread-ui-colors-neutral-600)"
1433
- },
1434
- "colors.neutral.700": {
1435
- "value": "#404040",
1436
- "variable": "var(--thread-ui-colors-neutral-700)"
1437
- },
1438
- "colors.neutral.800": {
1439
- "value": "#262626",
1440
- "variable": "var(--thread-ui-colors-neutral-800)"
1441
- },
1442
- "colors.neutral.900": {
1443
- "value": "#171717",
1444
- "variable": "var(--thread-ui-colors-neutral-900)"
1445
- },
1446
- "colors.neutral.950": {
1447
- "value": "#0a0a0a",
1448
- "variable": "var(--thread-ui-colors-neutral-950)"
1449
- },
1450
- "colors.stone.50": {
1451
- "value": "#fafaf9",
1452
- "variable": "var(--thread-ui-colors-stone-50)"
1453
- },
1454
- "colors.stone.100": {
1455
- "value": "#f5f5f4",
1456
- "variable": "var(--thread-ui-colors-stone-100)"
1457
- },
1458
- "colors.stone.200": {
1459
- "value": "#e7e5e4",
1460
- "variable": "var(--thread-ui-colors-stone-200)"
1461
- },
1462
- "colors.stone.300": {
1463
- "value": "#d6d3d1",
1464
- "variable": "var(--thread-ui-colors-stone-300)"
1465
- },
1466
- "colors.stone.400": {
1467
- "value": "#a8a29e",
1468
- "variable": "var(--thread-ui-colors-stone-400)"
1469
- },
1470
- "colors.stone.500": {
1471
- "value": "#78716c",
1472
- "variable": "var(--thread-ui-colors-stone-500)"
1473
- },
1474
- "colors.stone.600": {
1475
- "value": "#57534e",
1476
- "variable": "var(--thread-ui-colors-stone-600)"
1477
- },
1478
- "colors.stone.700": {
1479
- "value": "#44403c",
1480
- "variable": "var(--thread-ui-colors-stone-700)"
1481
- },
1482
- "colors.stone.800": {
1483
- "value": "#292524",
1484
- "variable": "var(--thread-ui-colors-stone-800)"
1485
- },
1486
- "colors.stone.900": {
1487
- "value": "#1c1917",
1488
- "variable": "var(--thread-ui-colors-stone-900)"
1489
- },
1490
- "colors.stone.950": {
1491
- "value": "#0c0a09",
1492
- "variable": "var(--thread-ui-colors-stone-950)"
1493
- },
1494
- "colors.zinc.50": {
1495
- "value": "#fafafa",
1496
- "variable": "var(--thread-ui-colors-zinc-50)"
1497
- },
1498
- "colors.zinc.100": {
1499
- "value": "#f4f4f5",
1500
- "variable": "var(--thread-ui-colors-zinc-100)"
1501
- },
1502
- "colors.zinc.200": {
1503
- "value": "#e4e4e7",
1504
- "variable": "var(--thread-ui-colors-zinc-200)"
1505
- },
1506
- "colors.zinc.300": {
1507
- "value": "#d4d4d8",
1508
- "variable": "var(--thread-ui-colors-zinc-300)"
1509
- },
1510
- "colors.zinc.400": {
1511
- "value": "#a1a1aa",
1512
- "variable": "var(--thread-ui-colors-zinc-400)"
1513
- },
1514
- "colors.zinc.500": {
1515
- "value": "#71717a",
1516
- "variable": "var(--thread-ui-colors-zinc-500)"
1517
- },
1518
- "colors.zinc.600": {
1519
- "value": "#52525b",
1520
- "variable": "var(--thread-ui-colors-zinc-600)"
1521
- },
1522
- "colors.zinc.700": {
1523
- "value": "#3f3f46",
1524
- "variable": "var(--thread-ui-colors-zinc-700)"
1525
- },
1526
- "colors.zinc.800": {
1527
- "value": "#27272a",
1528
- "variable": "var(--thread-ui-colors-zinc-800)"
1529
- },
1530
- "colors.zinc.900": {
1531
- "value": "#18181b",
1532
- "variable": "var(--thread-ui-colors-zinc-900)"
1533
- },
1534
- "colors.zinc.950": {
1535
- "value": "#09090b",
1536
- "variable": "var(--thread-ui-colors-zinc-950)"
1537
- },
1538
- "colors.slate.50": {
1539
- "value": "#f8fafc",
1540
- "variable": "var(--thread-ui-colors-slate-50)"
1541
- },
1542
- "colors.slate.100": {
1543
- "value": "#f1f5f9",
1544
- "variable": "var(--thread-ui-colors-slate-100)"
1545
- },
1546
- "colors.slate.200": {
1547
- "value": "#e2e8f0",
1548
- "variable": "var(--thread-ui-colors-slate-200)"
1549
- },
1550
- "colors.slate.300": {
1551
- "value": "#cbd5e1",
1552
- "variable": "var(--thread-ui-colors-slate-300)"
1553
- },
1554
- "colors.slate.400": {
1555
- "value": "#94a3b8",
1556
- "variable": "var(--thread-ui-colors-slate-400)"
1557
- },
1558
- "colors.slate.500": {
1559
- "value": "#64748b",
1560
- "variable": "var(--thread-ui-colors-slate-500)"
1561
- },
1562
- "colors.slate.600": {
1563
- "value": "#475569",
1564
- "variable": "var(--thread-ui-colors-slate-600)"
1565
- },
1566
- "colors.slate.700": {
1567
- "value": "#334155",
1568
- "variable": "var(--thread-ui-colors-slate-700)"
1569
- },
1570
- "colors.slate.800": {
1571
- "value": "#1e293b",
1572
- "variable": "var(--thread-ui-colors-slate-800)"
1573
- },
1574
- "colors.slate.900": {
1575
- "value": "#0f172a",
1576
- "variable": "var(--thread-ui-colors-slate-900)"
1577
- },
1578
- "colors.slate.950": {
1579
- "value": "#020617",
1580
- "variable": "var(--thread-ui-colors-slate-950)"
1581
- },
1582
- "colors.primary.light": {
1583
- "value": "var(--thread-primary-light)",
1584
- "variable": "var(--thread-ui-colors-primary-light)"
1585
- },
1586
- "colors.primary.main": {
1587
- "value": "var(--thread-primary-main)",
1588
- "variable": "var(--thread-ui-colors-primary-main)"
1589
- },
1590
- "colors.primary.dark": {
1591
- "value": "var(--thread-primary-dark)",
1592
- "variable": "var(--thread-ui-colors-primary-dark)"
1593
- },
1594
- "colors.secondary.light": {
1595
- "value": "var(--thread-secondary-light)",
1596
- "variable": "var(--thread-ui-colors-secondary-light)"
1597
- },
1598
- "colors.secondary.main": {
1599
- "value": "var(--thread-secondary-main)",
1600
- "variable": "var(--thread-ui-colors-secondary-main)"
1601
- },
1602
- "colors.secondary.dark": {
1603
- "value": "var(--thread-secondary-dark)",
1604
- "variable": "var(--thread-ui-colors-secondary-dark)"
1605
- },
1606
- "colors.tertiary.light": {
1607
- "value": "var(--thread-tertiary-light)",
1608
- "variable": "var(--thread-ui-colors-tertiary-light)"
1609
- },
1610
- "colors.tertiary.main": {
1611
- "value": "var(--thread-tertiary-main)",
1612
- "variable": "var(--thread-ui-colors-tertiary-main)"
1613
- },
1614
- "colors.tertiary.dark": {
1615
- "value": "var(--thread-tertiary-dark)",
1616
- "variable": "var(--thread-ui-colors-tertiary-dark)"
1617
- },
1618
- "colors.white": {
1619
- "value": "var(--thread-white)",
1620
- "variable": "var(--thread-ui-colors-white)"
1621
- },
1622
- "colors.black": {
1623
- "value": "var(--thread-black)",
1624
- "variable": "var(--thread-ui-colors-black)"
1625
- },
1626
- "colors.gray.50": {
1627
- "value": "#f9fafb",
1628
- "variable": "var(--thread-ui-colors-gray-50)"
1629
- },
1630
- "colors.gray.100": {
1631
- "value": "#f3f4f6",
1632
- "variable": "var(--thread-ui-colors-gray-100)"
1633
- },
1634
- "colors.gray.200": {
1635
- "value": "#e5e7eb",
1636
- "variable": "var(--thread-ui-colors-gray-200)"
1637
- },
1638
- "colors.gray.300": {
1639
- "value": "#d1d5db",
1640
- "variable": "var(--thread-ui-colors-gray-300)"
1641
- },
1642
- "colors.gray.400": {
1643
- "value": "#9ca3af",
1644
- "variable": "var(--thread-ui-colors-gray-400)"
1645
- },
1646
- "colors.gray.500": {
1647
- "value": "#6b7280",
1648
- "variable": "var(--thread-ui-colors-gray-500)"
1649
- },
1650
- "colors.gray.600": {
1651
- "value": "#4b5563",
1652
- "variable": "var(--thread-ui-colors-gray-600)"
1653
- },
1654
- "colors.gray.700": {
1655
- "value": "#374151",
1656
- "variable": "var(--thread-ui-colors-gray-700)"
1657
- },
1658
- "colors.gray.800": {
1659
- "value": "#1f2937",
1660
- "variable": "var(--thread-ui-colors-gray-800)"
1661
- },
1662
- "colors.gray.900": {
1663
- "value": "#111827",
1664
- "variable": "var(--thread-ui-colors-gray-900)"
1665
- },
1666
- "colors.gray.950": {
1667
- "value": "#030712",
1668
- "variable": "var(--thread-ui-colors-gray-950)"
1669
- },
1670
- "colors.gray.light": {
1671
- "value": "var(--thread-gray-light)",
1672
- "variable": "var(--thread-ui-colors-gray-light)"
1673
- },
1674
- "colors.gray.main": {
1675
- "value": "var(--thread-gray-main)",
1676
- "variable": "var(--thread-ui-colors-gray-main)"
1677
- },
1678
- "colors.gray.dark": {
1679
- "value": "var(--thread-gray-dark)",
1680
- "variable": "var(--thread-ui-colors-gray-dark)"
1681
- },
1682
- "colors.success.light": {
1683
- "value": "var(--thread-success-light)",
1684
- "variable": "var(--thread-ui-colors-success-light)"
1685
- },
1686
- "colors.success.main": {
1687
- "value": "var(--thread-success-main)",
1688
- "variable": "var(--thread-ui-colors-success-main)"
1689
- },
1690
- "colors.success.dark": {
1691
- "value": "var(--thread-success-dark)",
1692
- "variable": "var(--thread-ui-colors-success-dark)"
1693
- },
1694
- "colors.warning.light": {
1695
- "value": "var(--thread-warning-light)",
1696
- "variable": "var(--thread-ui-colors-warning-light)"
1697
- },
1698
- "colors.warning.main": {
1699
- "value": "var(--thread-warning-main)",
1700
- "variable": "var(--thread-ui-colors-warning-main)"
1701
- },
1702
- "colors.warning.dark": {
1703
- "value": "var(--thread-warning-dark)",
1704
- "variable": "var(--thread-ui-colors-warning-dark)"
1705
- },
1706
- "colors.error.light": {
1707
- "value": "var(--thread-error-light)",
1708
- "variable": "var(--thread-ui-colors-error-light)"
1709
- },
1710
- "colors.error.main": {
1711
- "value": "var(--thread-error-main)",
1712
- "variable": "var(--thread-ui-colors-error-main)"
1713
- },
1714
- "colors.error.dark": {
1715
- "value": "var(--thread-error-dark)",
1716
- "variable": "var(--thread-ui-colors-error-dark)"
1717
- },
1718
- "colors.info.light": {
1719
- "value": "var(--thread-info-light)",
1720
- "variable": "var(--thread-ui-colors-info-light)"
1721
- },
1722
- "colors.info.main": {
1723
- "value": "var(--thread-info-main)",
1724
- "variable": "var(--thread-ui-colors-info-main)"
1725
- },
1726
- "colors.info.dark": {
1727
- "value": "var(--thread-info-dark)",
1728
- "variable": "var(--thread-ui-colors-info-dark)"
1729
- },
1730
- "colors.scrim": {
1731
- "value": "var(--thread-scrim)",
1732
- "variable": "var(--thread-ui-colors-scrim)"
1733
- },
1734
- "radii.xs": {
1735
- "value": "0.125rem",
1736
- "variable": "var(--thread-ui-radii-xs)"
1737
- },
1738
- "radii.xl": {
1739
- "value": "0.75rem",
1740
- "variable": "var(--thread-ui-radii-xl)"
1741
- },
1742
- "radii.2xl": {
1743
- "value": "1rem",
1744
- "variable": "var(--thread-ui-radii-2xl)"
1745
- },
1746
- "radii.3xl": {
1747
- "value": "1.5rem",
1748
- "variable": "var(--thread-ui-radii-3xl)"
1749
- },
1750
- "radii.4xl": {
1751
- "value": "2rem",
1752
- "variable": "var(--thread-ui-radii-4xl)"
1753
- },
1754
- "radii.full": {
1755
- "value": "9999px",
1756
- "variable": "var(--thread-ui-radii-full)"
1757
- },
1758
- "radii.sm": {
1759
- "value": "var(--thread-border-radius-sm)",
1760
- "variable": "var(--thread-ui-radii-sm)"
1761
- },
1762
- "radii.md": {
1763
- "value": "var(--thread-border-radius-md)",
1764
- "variable": "var(--thread-ui-radii-md)"
1765
- },
1766
- "radii.lg": {
1767
- "value": "var(--thread-border-radius-lg)",
1768
- "variable": "var(--thread-ui-radii-lg)"
1769
- },
1770
- "borderWidths.sm": {
1771
- "value": "var(--thread-border-size-sm)",
1772
- "variable": "var(--thread-ui-border-widths-sm)"
1773
- },
1774
- "borderWidths.md": {
1775
- "value": "var(--thread-border-size-md)",
1776
- "variable": "var(--thread-ui-border-widths-md)"
1777
- },
1778
- "borderWidths.lg": {
1779
- "value": "var(--thread-border-size-lg)",
1780
- "variable": "var(--thread-ui-border-widths-lg)"
1781
- },
1782
- "shadows.2xs": {
1783
- "value": "0 1px rgb(0 0 0 / 0.05)",
1784
- "variable": "var(--thread-ui-shadows-2xs)"
1785
- },
1786
- "shadows.xs": {
1787
- "value": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
1788
- "variable": "var(--thread-ui-shadows-xs)"
1789
- },
1790
- "shadows.xl": {
1791
- "value": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
1792
- "variable": "var(--thread-ui-shadows-xl)"
1793
- },
1794
- "shadows.2xl": {
1795
- "value": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
1796
- "variable": "var(--thread-ui-shadows-2xl)"
1797
- },
1798
- "shadows.inset-2xs": {
1799
- "value": "inset 0 1px rgb(0 0 0 / 0.05)",
1800
- "variable": "var(--thread-ui-shadows-inset-2xs)"
1801
- },
1802
- "shadows.inset-xs": {
1803
- "value": "inset 0 1px 1px rgb(0 0 0 / 0.05)",
1804
- "variable": "var(--thread-ui-shadows-inset-xs)"
1805
- },
1806
- "shadows.inset-sm": {
1807
- "value": "inset 0 2px 4px rgb(0 0 0 / 0.05)",
1808
- "variable": "var(--thread-ui-shadows-inset-sm)"
1809
- },
1810
- "shadows.sm": {
1811
- "value": "var(--thread-shadow-sm)",
1812
- "variable": "var(--thread-ui-shadows-sm)"
1813
- },
1814
- "shadows.md": {
1815
- "value": "var(--thread-shadow-md)",
1816
- "variable": "var(--thread-ui-shadows-md)"
1817
- },
1818
- "shadows.lg": {
1819
- "value": "var(--thread-shadow-lg)",
1820
- "variable": "var(--thread-ui-shadows-lg)"
1821
- },
1822
- "zIndex.base": {
1823
- "value": "var(--thread-z-index-base)",
1824
- "variable": "var(--thread-ui-z-index-base)"
1825
- },
1826
- "zIndex.sticky": {
1827
- "value": "var(--thread-z-index-sticky)",
1828
- "variable": "var(--thread-ui-z-index-sticky)"
1829
- },
1830
- "zIndex.overlay": {
1831
- "value": "var(--thread-z-index-overlay)",
1832
- "variable": "var(--thread-ui-z-index-overlay)"
1833
- },
1834
- "zIndex.modal": {
1835
- "value": "var(--thread-z-index-modal)",
1836
- "variable": "var(--thread-ui-z-index-modal)"
1837
- },
1838
- "zIndex.system": {
1839
- "value": "var(--thread-z-index-system)",
1840
- "variable": "var(--thread-ui-z-index-system)"
1841
- },
1842
- "breakpoints.sm": {
1843
- "value": "640px",
1844
- "variable": "var(--thread-ui-breakpoints-sm)"
1845
- },
1846
- "breakpoints.md": {
1847
- "value": "768px",
1848
- "variable": "var(--thread-ui-breakpoints-md)"
1849
- },
1850
- "breakpoints.lg": {
1851
- "value": "1024px",
1852
- "variable": "var(--thread-ui-breakpoints-lg)"
1853
- },
1854
- "breakpoints.xl": {
1855
- "value": "1280px",
1856
- "variable": "var(--thread-ui-breakpoints-xl)"
1857
- },
1858
- "breakpoints.2xl": {
1859
- "value": "1536px",
1860
- "variable": "var(--thread-ui-breakpoints-2xl)"
1861
- },
1862
- "colors.canvas": {
1863
- "value": "var(--thread-canvas)",
1864
- "variable": "var(--thread-ui-colors-canvas)"
1865
- },
1866
- "colors.inset": {
1867
- "value": "var(--thread-inset)",
1868
- "variable": "var(--thread-ui-colors-inset)"
1869
- },
1870
- "colors.surface": {
1871
- "value": "var(--thread-surface)",
1872
- "variable": "var(--thread-ui-colors-surface)"
1873
- },
1874
- "colors.elevated": {
1875
- "value": "var(--thread-elevated)",
1876
- "variable": "var(--thread-ui-colors-elevated)"
1877
- },
1878
- "colors.overlay": {
1879
- "value": "var(--thread-overlay)",
1880
- "variable": "var(--thread-ui-colors-overlay)"
1881
- },
1882
- "colors.active": {
1883
- "value": "var(--thread-active)",
1884
- "variable": "var(--thread-ui-colors-active)"
1885
- },
1886
- "colors.hover": {
1887
- "value": "var(--thread-hover)",
1888
- "variable": "var(--thread-ui-colors-hover)"
1889
- },
1890
- "colors.structure.subtle": {
1891
- "value": "var(--thread-structure-subtle)",
1892
- "variable": "var(--thread-ui-colors-structure-subtle)"
1893
- },
1894
- "colors.structure.default": {
1895
- "value": "var(--thread-structure-default)",
1896
- "variable": "var(--thread-ui-colors-structure-default)"
1897
- },
1898
- "colors.structure.strong": {
1899
- "value": "var(--thread-structure-strong)",
1900
- "variable": "var(--thread-ui-colors-structure-strong)"
1901
- },
1902
- "colors.text.standard": {
1903
- "value": "var(--thread-text-standard)",
1904
- "variable": "var(--thread-ui-colors-text-standard)"
1905
- },
1906
- "colors.text.secondary": {
1907
- "value": "var(--thread-text-secondary)",
1908
- "variable": "var(--thread-ui-colors-text-secondary)"
1909
- },
1910
- "colors.text.disabled": {
1911
- "value": "var(--thread-text-disabled)",
1912
- "variable": "var(--thread-ui-colors-text-disabled)"
1913
- },
1914
- "colors.text.accent": {
1915
- "value": "var(--thread-text-accent)",
1916
- "variable": "var(--thread-ui-colors-text-accent)"
1917
- },
1918
- "colors.text.inverted": {
1919
- "value": "var(--thread-text-inverted)",
1920
- "variable": "var(--thread-ui-colors-text-inverted)"
1921
- },
1922
- "spacing.-1": {
1923
- "value": "calc(var(--thread-ui-spacing-1) * -1)",
1924
- "variable": "var(--thread-ui-spacing-1)"
1925
- },
1926
- "spacing.-2": {
1927
- "value": "calc(var(--thread-ui-spacing-2) * -1)",
1928
- "variable": "var(--thread-ui-spacing-2)"
1929
- },
1930
- "spacing.-3": {
1931
- "value": "calc(var(--thread-ui-spacing-3) * -1)",
1932
- "variable": "var(--thread-ui-spacing-3)"
1933
- },
1934
- "spacing.-4": {
1935
- "value": "calc(var(--thread-ui-spacing-4) * -1)",
1936
- "variable": "var(--thread-ui-spacing-4)"
1937
- },
1938
- "spacing.-5": {
1939
- "value": "calc(var(--thread-ui-spacing-5) * -1)",
1940
- "variable": "var(--thread-ui-spacing-5)"
1941
- },
1942
- "spacing.-6": {
1943
- "value": "calc(var(--thread-ui-spacing-6) * -1)",
1944
- "variable": "var(--thread-ui-spacing-6)"
1945
- },
1946
- "spacing.-7": {
1947
- "value": "calc(var(--thread-ui-spacing-7) * -1)",
1948
- "variable": "var(--thread-ui-spacing-7)"
1949
- },
1950
- "spacing.-8": {
1951
- "value": "calc(var(--thread-ui-spacing-8) * -1)",
1952
- "variable": "var(--thread-ui-spacing-8)"
1953
- },
1954
- "spacing.-9": {
1955
- "value": "calc(var(--thread-ui-spacing-9) * -1)",
1956
- "variable": "var(--thread-ui-spacing-9)"
1957
- },
1958
- "spacing.-10": {
1959
- "value": "calc(var(--thread-ui-spacing-10) * -1)",
1960
- "variable": "var(--thread-ui-spacing-10)"
1961
- },
1962
- "spacing.-11": {
1963
- "value": "calc(var(--thread-ui-spacing-11) * -1)",
1964
- "variable": "var(--thread-ui-spacing-11)"
1965
- },
1966
- "spacing.-12": {
1967
- "value": "calc(var(--thread-ui-spacing-12) * -1)",
1968
- "variable": "var(--thread-ui-spacing-12)"
1969
- },
1970
- "spacing.-14": {
1971
- "value": "calc(var(--thread-ui-spacing-14) * -1)",
1972
- "variable": "var(--thread-ui-spacing-14)"
1973
- },
1974
- "spacing.-16": {
1975
- "value": "calc(var(--thread-ui-spacing-16) * -1)",
1976
- "variable": "var(--thread-ui-spacing-16)"
1977
- },
1978
- "spacing.-20": {
1979
- "value": "calc(var(--thread-ui-spacing-20) * -1)",
1980
- "variable": "var(--thread-ui-spacing-20)"
1981
- },
1982
- "spacing.-24": {
1983
- "value": "calc(var(--thread-ui-spacing-24) * -1)",
1984
- "variable": "var(--thread-ui-spacing-24)"
1985
- },
1986
- "spacing.-28": {
1987
- "value": "calc(var(--thread-ui-spacing-28) * -1)",
1988
- "variable": "var(--thread-ui-spacing-28)"
1989
- },
1990
- "spacing.-32": {
1991
- "value": "calc(var(--thread-ui-spacing-32) * -1)",
1992
- "variable": "var(--thread-ui-spacing-32)"
1993
- },
1994
- "spacing.-36": {
1995
- "value": "calc(var(--thread-ui-spacing-36) * -1)",
1996
- "variable": "var(--thread-ui-spacing-36)"
1997
- },
1998
- "spacing.-40": {
1999
- "value": "calc(var(--thread-ui-spacing-40) * -1)",
2000
- "variable": "var(--thread-ui-spacing-40)"
2001
- },
2002
- "spacing.-44": {
2003
- "value": "calc(var(--thread-ui-spacing-44) * -1)",
2004
- "variable": "var(--thread-ui-spacing-44)"
2005
- },
2006
- "spacing.-48": {
2007
- "value": "calc(var(--thread-ui-spacing-48) * -1)",
2008
- "variable": "var(--thread-ui-spacing-48)"
2009
- },
2010
- "spacing.-52": {
2011
- "value": "calc(var(--thread-ui-spacing-52) * -1)",
2012
- "variable": "var(--thread-ui-spacing-52)"
2013
- },
2014
- "spacing.-56": {
2015
- "value": "calc(var(--thread-ui-spacing-56) * -1)",
2016
- "variable": "var(--thread-ui-spacing-56)"
2017
- },
2018
- "spacing.-60": {
2019
- "value": "calc(var(--thread-ui-spacing-60) * -1)",
2020
- "variable": "var(--thread-ui-spacing-60)"
2021
- },
2022
- "spacing.-64": {
2023
- "value": "calc(var(--thread-ui-spacing-64) * -1)",
2024
- "variable": "var(--thread-ui-spacing-64)"
2025
- },
2026
- "spacing.-72": {
2027
- "value": "calc(var(--thread-ui-spacing-72) * -1)",
2028
- "variable": "var(--thread-ui-spacing-72)"
2029
- },
2030
- "spacing.-80": {
2031
- "value": "calc(var(--thread-ui-spacing-80) * -1)",
2032
- "variable": "var(--thread-ui-spacing-80)"
2033
- },
2034
- "spacing.-96": {
2035
- "value": "calc(var(--thread-ui-spacing-96) * -1)",
2036
- "variable": "var(--thread-ui-spacing-96)"
2037
- },
2038
- "spacing.-0.5": {
2039
- "value": "calc(var(--thread-ui-spacing-0\\.5) * -1)",
2040
- "variable": "var(--thread-ui-spacing-0\\.5)"
2041
- },
2042
- "spacing.-1.5": {
2043
- "value": "calc(var(--thread-ui-spacing-1\\.5) * -1)",
2044
- "variable": "var(--thread-ui-spacing-1\\.5)"
2045
- },
2046
- "spacing.-2.5": {
2047
- "value": "calc(var(--thread-ui-spacing-2\\.5) * -1)",
2048
- "variable": "var(--thread-ui-spacing-2\\.5)"
2049
- },
2050
- "spacing.-3.5": {
2051
- "value": "calc(var(--thread-ui-spacing-3\\.5) * -1)",
2052
- "variable": "var(--thread-ui-spacing-3\\.5)"
2053
- },
2054
- "spacing.-4.5": {
2055
- "value": "calc(var(--thread-ui-spacing-4\\.5) * -1)",
2056
- "variable": "var(--thread-ui-spacing-4\\.5)"
2057
- },
2058
- "spacing.-5.5": {
2059
- "value": "calc(var(--thread-ui-spacing-5\\.5) * -1)",
2060
- "variable": "var(--thread-ui-spacing-5\\.5)"
2061
- },
2062
- "colors.colorPalette": {
2063
- "value": "var(--thread-ui-colors-color-palette)",
2064
- "variable": "var(--thread-ui-colors-color-palette)"
2065
- },
2066
- "colors.colorPalette.50": {
2067
- "value": "var(--thread-ui-colors-color-palette-50)",
2068
- "variable": "var(--thread-ui-colors-color-palette-50)"
2069
- },
2070
- "colors.colorPalette.100": {
2071
- "value": "var(--thread-ui-colors-color-palette-100)",
2072
- "variable": "var(--thread-ui-colors-color-palette-100)"
2073
- },
2074
- "colors.colorPalette.200": {
2075
- "value": "var(--thread-ui-colors-color-palette-200)",
2076
- "variable": "var(--thread-ui-colors-color-palette-200)"
2077
- },
2078
- "colors.colorPalette.300": {
2079
- "value": "var(--thread-ui-colors-color-palette-300)",
2080
- "variable": "var(--thread-ui-colors-color-palette-300)"
2081
- },
2082
- "colors.colorPalette.400": {
2083
- "value": "var(--thread-ui-colors-color-palette-400)",
2084
- "variable": "var(--thread-ui-colors-color-palette-400)"
2085
- },
2086
- "colors.colorPalette.500": {
2087
- "value": "var(--thread-ui-colors-color-palette-500)",
2088
- "variable": "var(--thread-ui-colors-color-palette-500)"
2089
- },
2090
- "colors.colorPalette.600": {
2091
- "value": "var(--thread-ui-colors-color-palette-600)",
2092
- "variable": "var(--thread-ui-colors-color-palette-600)"
2093
- },
2094
- "colors.colorPalette.700": {
2095
- "value": "var(--thread-ui-colors-color-palette-700)",
2096
- "variable": "var(--thread-ui-colors-color-palette-700)"
2097
- },
2098
- "colors.colorPalette.800": {
2099
- "value": "var(--thread-ui-colors-color-palette-800)",
2100
- "variable": "var(--thread-ui-colors-color-palette-800)"
2101
- },
2102
- "colors.colorPalette.900": {
2103
- "value": "var(--thread-ui-colors-color-palette-900)",
2104
- "variable": "var(--thread-ui-colors-color-palette-900)"
2105
- },
2106
- "colors.colorPalette.950": {
2107
- "value": "var(--thread-ui-colors-color-palette-950)",
2108
- "variable": "var(--thread-ui-colors-color-palette-950)"
2109
- },
2110
- "colors.colorPalette.light": {
2111
- "value": "var(--thread-ui-colors-color-palette-light)",
2112
- "variable": "var(--thread-ui-colors-color-palette-light)"
2113
- },
2114
- "colors.colorPalette.main": {
2115
- "value": "var(--thread-ui-colors-color-palette-main)",
2116
- "variable": "var(--thread-ui-colors-color-palette-main)"
2117
- },
2118
- "colors.colorPalette.dark": {
2119
- "value": "var(--thread-ui-colors-color-palette-dark)",
2120
- "variable": "var(--thread-ui-colors-color-palette-dark)"
2121
- },
2122
- "colors.colorPalette.subtle": {
2123
- "value": "var(--thread-ui-colors-color-palette-subtle)",
2124
- "variable": "var(--thread-ui-colors-color-palette-subtle)"
2125
- },
2126
- "colors.colorPalette.default": {
2127
- "value": "var(--thread-ui-colors-color-palette-default)",
2128
- "variable": "var(--thread-ui-colors-color-palette-default)"
2129
- },
2130
- "colors.colorPalette.strong": {
2131
- "value": "var(--thread-ui-colors-color-palette-strong)",
2132
- "variable": "var(--thread-ui-colors-color-palette-strong)"
2133
- },
2134
- "colors.colorPalette.standard": {
2135
- "value": "var(--thread-ui-colors-color-palette-standard)",
2136
- "variable": "var(--thread-ui-colors-color-palette-standard)"
2137
- },
2138
- "colors.colorPalette.secondary": {
2139
- "value": "var(--thread-ui-colors-color-palette-secondary)",
2140
- "variable": "var(--thread-ui-colors-color-palette-secondary)"
2141
- },
2142
- "colors.colorPalette.disabled": {
2143
- "value": "var(--thread-ui-colors-color-palette-disabled)",
2144
- "variable": "var(--thread-ui-colors-color-palette-disabled)"
2145
- },
2146
- "colors.colorPalette.accent": {
2147
- "value": "var(--thread-ui-colors-color-palette-accent)",
2148
- "variable": "var(--thread-ui-colors-color-palette-accent)"
2149
- },
2150
- "colors.colorPalette.inverted": {
2151
- "value": "var(--thread-ui-colors-color-palette-inverted)",
2152
- "variable": "var(--thread-ui-colors-color-palette-inverted)"
2153
- }
2154
- }
2155
-
2156
- export function token(path, fallback) {
2157
- return tokens[path]?.value || fallback
2158
- }
2159
-
2160
- function tokenVar(path, fallback) {
2161
- return tokens[path]?.variable || fallback
2162
- }
2163
-
2164
- token.var = tokenVar