@frosted-ui/react-native 0.0.1-canary.91 → 0.0.1-canary.94

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 (172) hide show
  1. package/README.md +72 -14
  2. package/dist/components/accordion.js +2 -2
  3. package/dist/components/accordion.js.map +1 -1
  4. package/dist/components/alert-dialog.js +2 -2
  5. package/dist/components/alert-dialog.js.map +1 -1
  6. package/dist/components/avatar.d.ts.map +1 -1
  7. package/dist/components/avatar.js +5 -20
  8. package/dist/components/avatar.js.map +1 -1
  9. package/dist/components/badge.d.ts +2 -4
  10. package/dist/components/badge.d.ts.map +1 -1
  11. package/dist/components/badge.js +8 -22
  12. package/dist/components/badge.js.map +1 -1
  13. package/dist/components/button.d.ts +1 -1
  14. package/dist/components/button.d.ts.map +1 -1
  15. package/dist/components/button.js +13 -17
  16. package/dist/components/button.js.map +1 -1
  17. package/dist/components/callout.d.ts +2 -4
  18. package/dist/components/callout.d.ts.map +1 -1
  19. package/dist/components/callout.js +6 -24
  20. package/dist/components/callout.js.map +1 -1
  21. package/dist/components/card.d.ts +1 -2
  22. package/dist/components/card.d.ts.map +1 -1
  23. package/dist/components/card.js +4 -4
  24. package/dist/components/card.js.map +1 -1
  25. package/dist/components/checkbox.d.ts +1 -2
  26. package/dist/components/checkbox.d.ts.map +1 -1
  27. package/dist/components/checkbox.js +5 -21
  28. package/dist/components/checkbox.js.map +1 -1
  29. package/dist/components/code.d.ts +6 -8
  30. package/dist/components/code.d.ts.map +1 -1
  31. package/dist/components/code.js +7 -7
  32. package/dist/components/code.js.map +1 -1
  33. package/dist/components/context-menu.js +9 -9
  34. package/dist/components/context-menu.js.map +1 -1
  35. package/dist/components/dialog.js +2 -2
  36. package/dist/components/dialog.js.map +1 -1
  37. package/dist/components/dropdown-menu.js +9 -9
  38. package/dist/components/dropdown-menu.js.map +1 -1
  39. package/dist/components/heading.d.ts +6 -6
  40. package/dist/components/heading.d.ts.map +1 -1
  41. package/dist/components/heading.js +2 -2
  42. package/dist/components/heading.js.map +1 -1
  43. package/dist/components/hover-card.js +2 -2
  44. package/dist/components/hover-card.js.map +1 -1
  45. package/dist/components/icon-button.d.ts +2 -2
  46. package/dist/components/icon-button.d.ts.map +1 -1
  47. package/dist/components/icon-button.js +13 -17
  48. package/dist/components/icon-button.js.map +1 -1
  49. package/dist/components/icon.d.ts +6 -7
  50. package/dist/components/icon.d.ts.map +1 -1
  51. package/dist/components/icon.js +9 -24
  52. package/dist/components/icon.js.map +1 -1
  53. package/dist/components/index.d.ts +2 -0
  54. package/dist/components/index.d.ts.map +1 -1
  55. package/dist/components/index.js +2 -0
  56. package/dist/components/index.js.map +1 -1
  57. package/dist/components/label.js +2 -2
  58. package/dist/components/label.js.map +1 -1
  59. package/dist/components/link.d.ts +19 -0
  60. package/dist/components/link.d.ts.map +1 -0
  61. package/dist/components/link.js +68 -0
  62. package/dist/components/link.js.map +1 -0
  63. package/dist/components/list.d.ts +37 -0
  64. package/dist/components/list.d.ts.map +1 -0
  65. package/dist/components/list.js +112 -0
  66. package/dist/components/list.js.map +1 -0
  67. package/dist/components/native-only-animated-view.d.ts +0 -4
  68. package/dist/components/native-only-animated-view.d.ts.map +1 -1
  69. package/dist/components/popover.js +2 -2
  70. package/dist/components/popover.js.map +1 -1
  71. package/dist/components/progress.d.ts +1 -2
  72. package/dist/components/progress.d.ts.map +1 -1
  73. package/dist/components/progress.js +5 -21
  74. package/dist/components/progress.js.map +1 -1
  75. package/dist/components/radio-group.d.ts +1 -2
  76. package/dist/components/radio-group.d.ts.map +1 -1
  77. package/dist/components/radio-group.js +7 -23
  78. package/dist/components/radio-group.js.map +1 -1
  79. package/dist/components/segmented-control.js +3 -3
  80. package/dist/components/segmented-control.js.map +1 -1
  81. package/dist/components/select.d.ts.map +1 -1
  82. package/dist/components/select.js +11 -13
  83. package/dist/components/select.js.map +1 -1
  84. package/dist/components/separator.d.ts +1 -1
  85. package/dist/components/separator.d.ts.map +1 -1
  86. package/dist/components/separator.js +4 -21
  87. package/dist/components/separator.js.map +1 -1
  88. package/dist/components/skeleton.d.ts.map +1 -1
  89. package/dist/components/skeleton.js +10 -26
  90. package/dist/components/skeleton.js.map +1 -1
  91. package/dist/components/spinner.js +2 -2
  92. package/dist/components/spinner.js.map +1 -1
  93. package/dist/components/switch.d.ts +1 -2
  94. package/dist/components/switch.d.ts.map +1 -1
  95. package/dist/components/switch.js +5 -21
  96. package/dist/components/switch.js.map +1 -1
  97. package/dist/components/tabs.d.ts +4 -3
  98. package/dist/components/tabs.d.ts.map +1 -1
  99. package/dist/components/tabs.js +10 -9
  100. package/dist/components/tabs.js.map +1 -1
  101. package/dist/components/text-area.d.ts.map +1 -1
  102. package/dist/components/text-area.js +13 -9
  103. package/dist/components/text-area.js.map +1 -1
  104. package/dist/components/text-field.d.ts.map +1 -1
  105. package/dist/components/text-field.js +62 -18
  106. package/dist/components/text-field.js.map +1 -1
  107. package/dist/components/text.d.ts +6 -6
  108. package/dist/components/text.d.ts.map +1 -1
  109. package/dist/components/text.js +22 -11
  110. package/dist/components/text.js.map +1 -1
  111. package/dist/components/tooltip.js +2 -2
  112. package/dist/components/tooltip.js.map +1 -1
  113. package/dist/index.d.ts +6 -1
  114. package/dist/index.d.ts.map +1 -1
  115. package/dist/index.js +11 -1
  116. package/dist/index.js.map +1 -1
  117. package/dist/lib/button-styles.d.ts +6 -6
  118. package/dist/lib/button-styles.d.ts.map +1 -1
  119. package/dist/lib/button-styles.js +1 -17
  120. package/dist/lib/button-styles.js.map +1 -1
  121. package/dist/lib/color-utils.d.ts +19 -14
  122. package/dist/lib/color-utils.d.ts.map +1 -1
  123. package/dist/lib/color-utils.js +37 -73
  124. package/dist/lib/color-utils.js.map +1 -1
  125. package/dist/lib/full-window-overlay.d.ts +11 -0
  126. package/dist/lib/full-window-overlay.d.ts.map +1 -0
  127. package/dist/lib/full-window-overlay.js +16 -0
  128. package/dist/lib/full-window-overlay.js.map +1 -0
  129. package/dist/lib/text-input-styles.d.ts +9 -8
  130. package/dist/lib/text-input-styles.d.ts.map +1 -1
  131. package/dist/lib/text-input-styles.js +4 -23
  132. package/dist/lib/text-input-styles.js.map +1 -1
  133. package/dist/lib/theme-context.d.ts +80 -0
  134. package/dist/lib/theme-context.d.ts.map +1 -0
  135. package/dist/lib/theme-context.js +97 -0
  136. package/dist/lib/theme-context.js.map +1 -0
  137. package/dist/lib/{theme-vars.d.ts → theme-tokens.d.ts} +2 -2
  138. package/dist/lib/theme-tokens.d.ts.map +1 -0
  139. package/dist/lib/{theme-vars.js → theme-tokens.js} +4 -19
  140. package/dist/lib/theme-tokens.js.map +1 -0
  141. package/dist/lib/theme.d.ts +14 -54
  142. package/dist/lib/theme.d.ts.map +1 -1
  143. package/dist/lib/theme.js +98 -66
  144. package/dist/lib/theme.js.map +1 -1
  145. package/dist/lib/types.d.ts +6 -2
  146. package/dist/lib/types.d.ts.map +1 -1
  147. package/dist/lib/use-theme-tokens.d.ts +593 -0
  148. package/dist/lib/use-theme-tokens.d.ts.map +1 -0
  149. package/dist/lib/use-theme-tokens.js +44 -0
  150. package/dist/lib/use-theme-tokens.js.map +1 -0
  151. package/docs/llm/COLOR_SYSTEM.md +799 -0
  152. package/docs/llm/COMPONENTS.md +1183 -0
  153. package/docs/llm/DESIGN_PATTERNS.md +2466 -0
  154. package/docs/llm/README.md +117 -0
  155. package/docs/llm/TYPOGRAPHY.md +516 -0
  156. package/package.json +11 -21
  157. package/dist/lib/native-colors.d.ts +0 -8
  158. package/dist/lib/native-colors.d.ts.map +0 -1
  159. package/dist/lib/native-colors.js +0 -67
  160. package/dist/lib/native-colors.js.map +0 -1
  161. package/dist/lib/theme-vars.d.ts.map +0 -1
  162. package/dist/lib/theme-vars.js.map +0 -1
  163. package/dist/lib/use-theme-vars.d.ts +0 -325
  164. package/dist/lib/use-theme-vars.d.ts.map +0 -1
  165. package/dist/lib/use-theme-vars.js +0 -17
  166. package/dist/lib/use-theme-vars.js.map +0 -1
  167. package/dist/lib/utils.d.ts +0 -3
  168. package/dist/lib/utils.d.ts.map +0 -1
  169. package/dist/lib/utils.js +0 -17
  170. package/dist/lib/utils.js.map +0 -1
  171. package/global.css +0 -1813
  172. package/tailwind-preset.js +0 -310
@@ -0,0 +1,593 @@
1
+ export declare function useThemeTokens(): {
2
+ typography: {
3
+ readonly '0': {
4
+ readonly fontSize: 10;
5
+ readonly lineHeight: 12;
6
+ readonly letterSpacing: 0.01;
7
+ };
8
+ readonly '1': {
9
+ readonly fontSize: 12;
10
+ readonly lineHeight: 16;
11
+ readonly letterSpacing: 0.01;
12
+ };
13
+ readonly '2': {
14
+ readonly fontSize: 14;
15
+ readonly lineHeight: 20;
16
+ readonly letterSpacing: 0.01;
17
+ };
18
+ readonly '3': {
19
+ readonly fontSize: 16;
20
+ readonly lineHeight: 24;
21
+ readonly letterSpacing: 0.01;
22
+ };
23
+ readonly '4': {
24
+ readonly fontSize: 18;
25
+ readonly lineHeight: 26;
26
+ readonly letterSpacing: 0.01;
27
+ };
28
+ readonly '5': {
29
+ readonly fontSize: 20;
30
+ readonly lineHeight: 28;
31
+ readonly letterSpacing: 0.01;
32
+ };
33
+ readonly '6': {
34
+ readonly fontSize: 24;
35
+ readonly lineHeight: 30;
36
+ readonly letterSpacing: 0.01;
37
+ };
38
+ readonly '7': {
39
+ readonly fontSize: 28;
40
+ readonly lineHeight: 34;
41
+ readonly letterSpacing: 0.005;
42
+ };
43
+ readonly '8': {
44
+ readonly fontSize: 32;
45
+ readonly lineHeight: 38;
46
+ readonly letterSpacing: 0;
47
+ };
48
+ readonly '9': {
49
+ readonly fontSize: 40;
50
+ readonly lineHeight: 48;
51
+ readonly letterSpacing: 0;
52
+ };
53
+ };
54
+ fontWeights: {
55
+ readonly light: "300";
56
+ readonly regular: "400";
57
+ readonly medium: "500";
58
+ readonly 'semi-bold': "600";
59
+ readonly bold: "700";
60
+ };
61
+ colors: {
62
+ palettes: {
63
+ accent: import("./theme-tokens").ColorShades;
64
+ danger: import("./theme-tokens").ColorShades;
65
+ warning: import("./theme-tokens").ColorShades;
66
+ success: import("./theme-tokens").ColorShades;
67
+ info: import("./theme-tokens").ColorShades;
68
+ black: {
69
+ a1: string;
70
+ a2: string;
71
+ a3: string;
72
+ a4: string;
73
+ a5: string;
74
+ a6: string;
75
+ a7: string;
76
+ a8: string;
77
+ a9: string;
78
+ a10: string;
79
+ a11: string;
80
+ a12: string;
81
+ };
82
+ white: {
83
+ a1: string;
84
+ a2: string;
85
+ a3: string;
86
+ a4: string;
87
+ a5: string;
88
+ a6: string;
89
+ a7: string;
90
+ a8: string;
91
+ a9: string;
92
+ a10: string;
93
+ a11: string;
94
+ a12: string;
95
+ };
96
+ tomato: import("./theme-tokens").ColorShades;
97
+ red: import("./theme-tokens").ColorShades;
98
+ ruby: import("./theme-tokens").ColorShades;
99
+ crimson: import("./theme-tokens").ColorShades;
100
+ pink: import("./theme-tokens").ColorShades;
101
+ plum: import("./theme-tokens").ColorShades;
102
+ purple: import("./theme-tokens").ColorShades;
103
+ violet: import("./theme-tokens").ColorShades;
104
+ iris: import("./theme-tokens").ColorShades;
105
+ cyan: import("./theme-tokens").ColorShades;
106
+ teal: import("./theme-tokens").ColorShades;
107
+ jade: import("./theme-tokens").ColorShades;
108
+ green: import("./theme-tokens").ColorShades;
109
+ grass: import("./theme-tokens").ColorShades;
110
+ brown: import("./theme-tokens").ColorShades;
111
+ blue: import("./theme-tokens").ColorShades;
112
+ orange: import("./theme-tokens").ColorShades;
113
+ indigo: import("./theme-tokens").ColorShades;
114
+ sky: import("./theme-tokens").ColorShades;
115
+ mint: import("./theme-tokens").ColorShades;
116
+ yellow: import("./theme-tokens").ColorShades;
117
+ amber: import("./theme-tokens").ColorShades;
118
+ lime: import("./theme-tokens").ColorShades;
119
+ lemon: import("./theme-tokens").ColorShades;
120
+ magenta: import("./theme-tokens").ColorShades;
121
+ gold: import("./theme-tokens").ColorShades;
122
+ bronze: import("./theme-tokens").ColorShades;
123
+ gray: import("./theme-tokens").ColorShades;
124
+ } | {
125
+ accent: import("./theme-tokens").ColorShades;
126
+ danger: import("./theme-tokens").ColorShades;
127
+ warning: import("./theme-tokens").ColorShades;
128
+ success: import("./theme-tokens").ColorShades;
129
+ info: import("./theme-tokens").ColorShades;
130
+ black: {
131
+ a1: string;
132
+ a2: string;
133
+ a3: string;
134
+ a4: string;
135
+ a5: string;
136
+ a6: string;
137
+ a7: string;
138
+ a8: string;
139
+ a9: string;
140
+ a10: string;
141
+ a11: string;
142
+ a12: string;
143
+ };
144
+ white: {
145
+ a1: string;
146
+ a2: string;
147
+ a3: string;
148
+ a4: string;
149
+ a5: string;
150
+ a6: string;
151
+ a7: string;
152
+ a8: string;
153
+ a9: string;
154
+ a10: string;
155
+ a11: string;
156
+ a12: string;
157
+ };
158
+ tomato: import("./theme-tokens").ColorShades;
159
+ red: import("./theme-tokens").ColorShades;
160
+ ruby: import("./theme-tokens").ColorShades;
161
+ crimson: import("./theme-tokens").ColorShades;
162
+ pink: import("./theme-tokens").ColorShades;
163
+ plum: import("./theme-tokens").ColorShades;
164
+ purple: import("./theme-tokens").ColorShades;
165
+ violet: import("./theme-tokens").ColorShades;
166
+ iris: import("./theme-tokens").ColorShades;
167
+ cyan: import("./theme-tokens").ColorShades;
168
+ teal: import("./theme-tokens").ColorShades;
169
+ jade: import("./theme-tokens").ColorShades;
170
+ green: import("./theme-tokens").ColorShades;
171
+ grass: import("./theme-tokens").ColorShades;
172
+ brown: import("./theme-tokens").ColorShades;
173
+ blue: import("./theme-tokens").ColorShades;
174
+ orange: import("./theme-tokens").ColorShades;
175
+ indigo: import("./theme-tokens").ColorShades;
176
+ sky: import("./theme-tokens").ColorShades;
177
+ mint: import("./theme-tokens").ColorShades;
178
+ yellow: import("./theme-tokens").ColorShades;
179
+ amber: import("./theme-tokens").ColorShades;
180
+ lime: import("./theme-tokens").ColorShades;
181
+ lemon: import("./theme-tokens").ColorShades;
182
+ magenta: import("./theme-tokens").ColorShades;
183
+ gold: import("./theme-tokens").ColorShades;
184
+ bronze: import("./theme-tokens").ColorShades;
185
+ gray: import("./theme-tokens").ColorShades;
186
+ };
187
+ background: string;
188
+ overlay: string;
189
+ panelSolid: string;
190
+ panelTranslucent: string;
191
+ surface: string;
192
+ stroke: string;
193
+ } | {
194
+ palettes: {
195
+ accent: import("./theme-tokens").ColorShades;
196
+ danger: import("./theme-tokens").ColorShades;
197
+ warning: import("./theme-tokens").ColorShades;
198
+ success: import("./theme-tokens").ColorShades;
199
+ info: import("./theme-tokens").ColorShades;
200
+ black: {
201
+ a1: string;
202
+ a2: string;
203
+ a3: string;
204
+ a4: string;
205
+ a5: string;
206
+ a6: string;
207
+ a7: string;
208
+ a8: string;
209
+ a9: string;
210
+ a10: string;
211
+ a11: string;
212
+ a12: string;
213
+ };
214
+ white: {
215
+ a1: string;
216
+ a2: string;
217
+ a3: string;
218
+ a4: string;
219
+ a5: string;
220
+ a6: string;
221
+ a7: string;
222
+ a8: string;
223
+ a9: string;
224
+ a10: string;
225
+ a11: string;
226
+ a12: string;
227
+ };
228
+ tomato: import("./theme-tokens").ColorShades;
229
+ red: import("./theme-tokens").ColorShades;
230
+ ruby: import("./theme-tokens").ColorShades;
231
+ crimson: import("./theme-tokens").ColorShades;
232
+ pink: import("./theme-tokens").ColorShades;
233
+ plum: import("./theme-tokens").ColorShades;
234
+ purple: import("./theme-tokens").ColorShades;
235
+ violet: import("./theme-tokens").ColorShades;
236
+ iris: import("./theme-tokens").ColorShades;
237
+ cyan: import("./theme-tokens").ColorShades;
238
+ teal: import("./theme-tokens").ColorShades;
239
+ jade: import("./theme-tokens").ColorShades;
240
+ green: import("./theme-tokens").ColorShades;
241
+ grass: import("./theme-tokens").ColorShades;
242
+ brown: import("./theme-tokens").ColorShades;
243
+ blue: import("./theme-tokens").ColorShades;
244
+ orange: import("./theme-tokens").ColorShades;
245
+ indigo: import("./theme-tokens").ColorShades;
246
+ sky: import("./theme-tokens").ColorShades;
247
+ mint: import("./theme-tokens").ColorShades;
248
+ yellow: import("./theme-tokens").ColorShades;
249
+ amber: import("./theme-tokens").ColorShades;
250
+ lime: import("./theme-tokens").ColorShades;
251
+ lemon: import("./theme-tokens").ColorShades;
252
+ magenta: import("./theme-tokens").ColorShades;
253
+ gold: import("./theme-tokens").ColorShades;
254
+ bronze: import("./theme-tokens").ColorShades;
255
+ gray: import("./theme-tokens").ColorShades;
256
+ } | {
257
+ accent: import("./theme-tokens").ColorShades;
258
+ danger: import("./theme-tokens").ColorShades;
259
+ warning: import("./theme-tokens").ColorShades;
260
+ success: import("./theme-tokens").ColorShades;
261
+ info: import("./theme-tokens").ColorShades;
262
+ black: {
263
+ a1: string;
264
+ a2: string;
265
+ a3: string;
266
+ a4: string;
267
+ a5: string;
268
+ a6: string;
269
+ a7: string;
270
+ a8: string;
271
+ a9: string;
272
+ a10: string;
273
+ a11: string;
274
+ a12: string;
275
+ };
276
+ white: {
277
+ a1: string;
278
+ a2: string;
279
+ a3: string;
280
+ a4: string;
281
+ a5: string;
282
+ a6: string;
283
+ a7: string;
284
+ a8: string;
285
+ a9: string;
286
+ a10: string;
287
+ a11: string;
288
+ a12: string;
289
+ };
290
+ tomato: import("./theme-tokens").ColorShades;
291
+ red: import("./theme-tokens").ColorShades;
292
+ ruby: import("./theme-tokens").ColorShades;
293
+ crimson: import("./theme-tokens").ColorShades;
294
+ pink: import("./theme-tokens").ColorShades;
295
+ plum: import("./theme-tokens").ColorShades;
296
+ purple: import("./theme-tokens").ColorShades;
297
+ violet: import("./theme-tokens").ColorShades;
298
+ iris: import("./theme-tokens").ColorShades;
299
+ cyan: import("./theme-tokens").ColorShades;
300
+ teal: import("./theme-tokens").ColorShades;
301
+ jade: import("./theme-tokens").ColorShades;
302
+ green: import("./theme-tokens").ColorShades;
303
+ grass: import("./theme-tokens").ColorShades;
304
+ brown: import("./theme-tokens").ColorShades;
305
+ blue: import("./theme-tokens").ColorShades;
306
+ orange: import("./theme-tokens").ColorShades;
307
+ indigo: import("./theme-tokens").ColorShades;
308
+ sky: import("./theme-tokens").ColorShades;
309
+ mint: import("./theme-tokens").ColorShades;
310
+ yellow: import("./theme-tokens").ColorShades;
311
+ amber: import("./theme-tokens").ColorShades;
312
+ lime: import("./theme-tokens").ColorShades;
313
+ lemon: import("./theme-tokens").ColorShades;
314
+ magenta: import("./theme-tokens").ColorShades;
315
+ gold: import("./theme-tokens").ColorShades;
316
+ bronze: import("./theme-tokens").ColorShades;
317
+ gray: import("./theme-tokens").ColorShades;
318
+ };
319
+ background: string;
320
+ overlay: string;
321
+ panelSolid: string;
322
+ panelTranslucent: string;
323
+ surface: string;
324
+ stroke: string;
325
+ };
326
+ invertedColors: {
327
+ palettes: {
328
+ accent: import("./theme-tokens").ColorShades;
329
+ danger: import("./theme-tokens").ColorShades;
330
+ warning: import("./theme-tokens").ColorShades;
331
+ success: import("./theme-tokens").ColorShades;
332
+ info: import("./theme-tokens").ColorShades;
333
+ black: {
334
+ a1: string;
335
+ a2: string;
336
+ a3: string;
337
+ a4: string;
338
+ a5: string;
339
+ a6: string;
340
+ a7: string;
341
+ a8: string;
342
+ a9: string;
343
+ a10: string;
344
+ a11: string;
345
+ a12: string;
346
+ };
347
+ white: {
348
+ a1: string;
349
+ a2: string;
350
+ a3: string;
351
+ a4: string;
352
+ a5: string;
353
+ a6: string;
354
+ a7: string;
355
+ a8: string;
356
+ a9: string;
357
+ a10: string;
358
+ a11: string;
359
+ a12: string;
360
+ };
361
+ tomato: import("./theme-tokens").ColorShades;
362
+ red: import("./theme-tokens").ColorShades;
363
+ ruby: import("./theme-tokens").ColorShades;
364
+ crimson: import("./theme-tokens").ColorShades;
365
+ pink: import("./theme-tokens").ColorShades;
366
+ plum: import("./theme-tokens").ColorShades;
367
+ purple: import("./theme-tokens").ColorShades;
368
+ violet: import("./theme-tokens").ColorShades;
369
+ iris: import("./theme-tokens").ColorShades;
370
+ cyan: import("./theme-tokens").ColorShades;
371
+ teal: import("./theme-tokens").ColorShades;
372
+ jade: import("./theme-tokens").ColorShades;
373
+ green: import("./theme-tokens").ColorShades;
374
+ grass: import("./theme-tokens").ColorShades;
375
+ brown: import("./theme-tokens").ColorShades;
376
+ blue: import("./theme-tokens").ColorShades;
377
+ orange: import("./theme-tokens").ColorShades;
378
+ indigo: import("./theme-tokens").ColorShades;
379
+ sky: import("./theme-tokens").ColorShades;
380
+ mint: import("./theme-tokens").ColorShades;
381
+ yellow: import("./theme-tokens").ColorShades;
382
+ amber: import("./theme-tokens").ColorShades;
383
+ lime: import("./theme-tokens").ColorShades;
384
+ lemon: import("./theme-tokens").ColorShades;
385
+ magenta: import("./theme-tokens").ColorShades;
386
+ gold: import("./theme-tokens").ColorShades;
387
+ bronze: import("./theme-tokens").ColorShades;
388
+ gray: import("./theme-tokens").ColorShades;
389
+ } | {
390
+ accent: import("./theme-tokens").ColorShades;
391
+ danger: import("./theme-tokens").ColorShades;
392
+ warning: import("./theme-tokens").ColorShades;
393
+ success: import("./theme-tokens").ColorShades;
394
+ info: import("./theme-tokens").ColorShades;
395
+ black: {
396
+ a1: string;
397
+ a2: string;
398
+ a3: string;
399
+ a4: string;
400
+ a5: string;
401
+ a6: string;
402
+ a7: string;
403
+ a8: string;
404
+ a9: string;
405
+ a10: string;
406
+ a11: string;
407
+ a12: string;
408
+ };
409
+ white: {
410
+ a1: string;
411
+ a2: string;
412
+ a3: string;
413
+ a4: string;
414
+ a5: string;
415
+ a6: string;
416
+ a7: string;
417
+ a8: string;
418
+ a9: string;
419
+ a10: string;
420
+ a11: string;
421
+ a12: string;
422
+ };
423
+ tomato: import("./theme-tokens").ColorShades;
424
+ red: import("./theme-tokens").ColorShades;
425
+ ruby: import("./theme-tokens").ColorShades;
426
+ crimson: import("./theme-tokens").ColorShades;
427
+ pink: import("./theme-tokens").ColorShades;
428
+ plum: import("./theme-tokens").ColorShades;
429
+ purple: import("./theme-tokens").ColorShades;
430
+ violet: import("./theme-tokens").ColorShades;
431
+ iris: import("./theme-tokens").ColorShades;
432
+ cyan: import("./theme-tokens").ColorShades;
433
+ teal: import("./theme-tokens").ColorShades;
434
+ jade: import("./theme-tokens").ColorShades;
435
+ green: import("./theme-tokens").ColorShades;
436
+ grass: import("./theme-tokens").ColorShades;
437
+ brown: import("./theme-tokens").ColorShades;
438
+ blue: import("./theme-tokens").ColorShades;
439
+ orange: import("./theme-tokens").ColorShades;
440
+ indigo: import("./theme-tokens").ColorShades;
441
+ sky: import("./theme-tokens").ColorShades;
442
+ mint: import("./theme-tokens").ColorShades;
443
+ yellow: import("./theme-tokens").ColorShades;
444
+ amber: import("./theme-tokens").ColorShades;
445
+ lime: import("./theme-tokens").ColorShades;
446
+ lemon: import("./theme-tokens").ColorShades;
447
+ magenta: import("./theme-tokens").ColorShades;
448
+ gold: import("./theme-tokens").ColorShades;
449
+ bronze: import("./theme-tokens").ColorShades;
450
+ gray: import("./theme-tokens").ColorShades;
451
+ };
452
+ background: string;
453
+ overlay: string;
454
+ panelSolid: string;
455
+ panelTranslucent: string;
456
+ surface: string;
457
+ stroke: string;
458
+ } | {
459
+ palettes: {
460
+ accent: import("./theme-tokens").ColorShades;
461
+ danger: import("./theme-tokens").ColorShades;
462
+ warning: import("./theme-tokens").ColorShades;
463
+ success: import("./theme-tokens").ColorShades;
464
+ info: import("./theme-tokens").ColorShades;
465
+ black: {
466
+ a1: string;
467
+ a2: string;
468
+ a3: string;
469
+ a4: string;
470
+ a5: string;
471
+ a6: string;
472
+ a7: string;
473
+ a8: string;
474
+ a9: string;
475
+ a10: string;
476
+ a11: string;
477
+ a12: string;
478
+ };
479
+ white: {
480
+ a1: string;
481
+ a2: string;
482
+ a3: string;
483
+ a4: string;
484
+ a5: string;
485
+ a6: string;
486
+ a7: string;
487
+ a8: string;
488
+ a9: string;
489
+ a10: string;
490
+ a11: string;
491
+ a12: string;
492
+ };
493
+ tomato: import("./theme-tokens").ColorShades;
494
+ red: import("./theme-tokens").ColorShades;
495
+ ruby: import("./theme-tokens").ColorShades;
496
+ crimson: import("./theme-tokens").ColorShades;
497
+ pink: import("./theme-tokens").ColorShades;
498
+ plum: import("./theme-tokens").ColorShades;
499
+ purple: import("./theme-tokens").ColorShades;
500
+ violet: import("./theme-tokens").ColorShades;
501
+ iris: import("./theme-tokens").ColorShades;
502
+ cyan: import("./theme-tokens").ColorShades;
503
+ teal: import("./theme-tokens").ColorShades;
504
+ jade: import("./theme-tokens").ColorShades;
505
+ green: import("./theme-tokens").ColorShades;
506
+ grass: import("./theme-tokens").ColorShades;
507
+ brown: import("./theme-tokens").ColorShades;
508
+ blue: import("./theme-tokens").ColorShades;
509
+ orange: import("./theme-tokens").ColorShades;
510
+ indigo: import("./theme-tokens").ColorShades;
511
+ sky: import("./theme-tokens").ColorShades;
512
+ mint: import("./theme-tokens").ColorShades;
513
+ yellow: import("./theme-tokens").ColorShades;
514
+ amber: import("./theme-tokens").ColorShades;
515
+ lime: import("./theme-tokens").ColorShades;
516
+ lemon: import("./theme-tokens").ColorShades;
517
+ magenta: import("./theme-tokens").ColorShades;
518
+ gold: import("./theme-tokens").ColorShades;
519
+ bronze: import("./theme-tokens").ColorShades;
520
+ gray: import("./theme-tokens").ColorShades;
521
+ } | {
522
+ accent: import("./theme-tokens").ColorShades;
523
+ danger: import("./theme-tokens").ColorShades;
524
+ warning: import("./theme-tokens").ColorShades;
525
+ success: import("./theme-tokens").ColorShades;
526
+ info: import("./theme-tokens").ColorShades;
527
+ black: {
528
+ a1: string;
529
+ a2: string;
530
+ a3: string;
531
+ a4: string;
532
+ a5: string;
533
+ a6: string;
534
+ a7: string;
535
+ a8: string;
536
+ a9: string;
537
+ a10: string;
538
+ a11: string;
539
+ a12: string;
540
+ };
541
+ white: {
542
+ a1: string;
543
+ a2: string;
544
+ a3: string;
545
+ a4: string;
546
+ a5: string;
547
+ a6: string;
548
+ a7: string;
549
+ a8: string;
550
+ a9: string;
551
+ a10: string;
552
+ a11: string;
553
+ a12: string;
554
+ };
555
+ tomato: import("./theme-tokens").ColorShades;
556
+ red: import("./theme-tokens").ColorShades;
557
+ ruby: import("./theme-tokens").ColorShades;
558
+ crimson: import("./theme-tokens").ColorShades;
559
+ pink: import("./theme-tokens").ColorShades;
560
+ plum: import("./theme-tokens").ColorShades;
561
+ purple: import("./theme-tokens").ColorShades;
562
+ violet: import("./theme-tokens").ColorShades;
563
+ iris: import("./theme-tokens").ColorShades;
564
+ cyan: import("./theme-tokens").ColorShades;
565
+ teal: import("./theme-tokens").ColorShades;
566
+ jade: import("./theme-tokens").ColorShades;
567
+ green: import("./theme-tokens").ColorShades;
568
+ grass: import("./theme-tokens").ColorShades;
569
+ brown: import("./theme-tokens").ColorShades;
570
+ blue: import("./theme-tokens").ColorShades;
571
+ orange: import("./theme-tokens").ColorShades;
572
+ indigo: import("./theme-tokens").ColorShades;
573
+ sky: import("./theme-tokens").ColorShades;
574
+ mint: import("./theme-tokens").ColorShades;
575
+ yellow: import("./theme-tokens").ColorShades;
576
+ amber: import("./theme-tokens").ColorShades;
577
+ lime: import("./theme-tokens").ColorShades;
578
+ lemon: import("./theme-tokens").ColorShades;
579
+ magenta: import("./theme-tokens").ColorShades;
580
+ gold: import("./theme-tokens").ColorShades;
581
+ bronze: import("./theme-tokens").ColorShades;
582
+ gray: import("./theme-tokens").ColorShades;
583
+ };
584
+ background: string;
585
+ overlay: string;
586
+ panelSolid: string;
587
+ panelTranslucent: string;
588
+ surface: string;
589
+ stroke: string;
590
+ };
591
+ isDark: boolean;
592
+ };
593
+ //# sourceMappingURL=use-theme-tokens.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-theme-tokens.d.ts","sourceRoot":"","sources":["../../src/lib/use-theme-tokens.ts"],"names":[],"mappings":"AAIA,wBAAgB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgD7B"}
@@ -0,0 +1,44 @@
1
+ import { useMemo } from 'react';
2
+ import { useColorScheme, useSemanticColors } from './theme-context';
3
+ import { themeTokens } from './theme-tokens';
4
+ export function useThemeTokens() {
5
+ const colorScheme = useColorScheme();
6
+ const semanticColors = useSemanticColors();
7
+ const isDark = colorScheme === 'dark';
8
+ const baseColors = themeTokens.colors[isDark ? 'dark' : 'light'];
9
+ // Inverted colors for components that flip theme (e.g., Tooltip)
10
+ const invertedBaseColors = themeTokens.colors[isDark ? 'light' : 'dark'];
11
+ // Build colors with semantic palettes added to palettes object
12
+ const colors = useMemo(() => ({
13
+ ...baseColors,
14
+ palettes: {
15
+ ...baseColors.palettes,
16
+ // Semantic palettes based on ThemeProvider configuration
17
+ accent: baseColors.palettes[semanticColors.accentColor],
18
+ danger: baseColors.palettes[semanticColors.dangerColor],
19
+ warning: baseColors.palettes[semanticColors.warningColor],
20
+ success: baseColors.palettes[semanticColors.successColor],
21
+ info: baseColors.palettes[semanticColors.infoColor],
22
+ },
23
+ }), [baseColors, semanticColors]);
24
+ const invertedColors = useMemo(() => ({
25
+ ...invertedBaseColors,
26
+ palettes: {
27
+ ...invertedBaseColors.palettes,
28
+ // Semantic palettes based on ThemeProvider configuration (inverted)
29
+ accent: invertedBaseColors.palettes[semanticColors.accentColor],
30
+ danger: invertedBaseColors.palettes[semanticColors.dangerColor],
31
+ warning: invertedBaseColors.palettes[semanticColors.warningColor],
32
+ success: invertedBaseColors.palettes[semanticColors.successColor],
33
+ info: invertedBaseColors.palettes[semanticColors.infoColor],
34
+ },
35
+ }), [invertedBaseColors, semanticColors]);
36
+ return {
37
+ typography: themeTokens.typography,
38
+ fontWeights: themeTokens.fontWeights,
39
+ colors,
40
+ invertedColors,
41
+ isDark,
42
+ };
43
+ }
44
+ //# sourceMappingURL=use-theme-tokens.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-theme-tokens.js","sourceRoot":"","sources":["../../src/lib/use-theme-tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,UAAU,cAAc;IAC5B,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAC3C,MAAM,MAAM,GAAG,WAAW,KAAK,MAAM,CAAC;IACtC,MAAM,UAAU,GAAG,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IACjE,iEAAiE;IACjE,MAAM,kBAAkB,GAAG,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAEzE,+DAA+D;IAC/D,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,CAAC;QACL,GAAG,UAAU;QACb,QAAQ,EAAE;YACR,GAAG,UAAU,CAAC,QAAQ;YACtB,yDAAyD;YACzD,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC;YACvD,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC;YACvD,OAAO,EAAE,UAAU,CAAC,QAAQ,CAAC,cAAc,CAAC,YAAY,CAAC;YACzD,OAAO,EAAE,UAAU,CAAC,QAAQ,CAAC,cAAc,CAAC,YAAY,CAAC;YACzD,IAAI,EAAE,UAAU,CAAC,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC;SACpD;KACF,CAAC,EACF,CAAC,UAAU,EAAE,cAAc,CAAC,CAC7B,CAAC;IAEF,MAAM,cAAc,GAAG,OAAO,CAC5B,GAAG,EAAE,CAAC,CAAC;QACL,GAAG,kBAAkB;QACrB,QAAQ,EAAE;YACR,GAAG,kBAAkB,CAAC,QAAQ;YAC9B,oEAAoE;YACpE,MAAM,EAAE,kBAAkB,CAAC,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC;YAC/D,MAAM,EAAE,kBAAkB,CAAC,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC;YAC/D,OAAO,EAAE,kBAAkB,CAAC,QAAQ,CAAC,cAAc,CAAC,YAAY,CAAC;YACjE,OAAO,EAAE,kBAAkB,CAAC,QAAQ,CAAC,cAAc,CAAC,YAAY,CAAC;YACjE,IAAI,EAAE,kBAAkB,CAAC,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC;SAC5D;KACF,CAAC,EACF,CAAC,kBAAkB,EAAE,cAAc,CAAC,CACrC,CAAC;IAEF,OAAO;QACL,UAAU,EAAE,WAAW,CAAC,UAAU;QAClC,WAAW,EAAE,WAAW,CAAC,WAAW;QACpC,MAAM;QACN,cAAc;QACd,MAAM;KACP,CAAC;AACJ,CAAC"}