@serendie/ui 0.1.6

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 +86 -0
  2. package/dist/components/Accordion.d.ts +23 -0
  3. package/dist/components/AccordionGroup.d.ts +2 -0
  4. package/dist/components/Avatar.d.ts +40 -0
  5. package/dist/components/Badge.d.ts +90 -0
  6. package/dist/components/Banner.d.ts +43 -0
  7. package/dist/components/BottomNavigation.d.ts +2 -0
  8. package/dist/components/BottomNavigationItem.d.ts +30 -0
  9. package/dist/components/Button.d.ts +133 -0
  10. package/dist/components/CheckBox.d.ts +47 -0
  11. package/dist/components/ChoiceBox.d.ts +8 -0
  12. package/dist/components/DashboardWidget.d.ts +13 -0
  13. package/dist/components/Divider.d.ts +33 -0
  14. package/dist/components/Drawer.d.ts +40 -0
  15. package/dist/components/DropdownMenu.d.ts +14 -0
  16. package/dist/components/IconButton.d.ts +81 -0
  17. package/dist/components/List.d.ts +2 -0
  18. package/dist/components/ListItem.d.ts +46 -0
  19. package/dist/components/ModalDialog.d.ts +15 -0
  20. package/dist/components/NotificationBadge.d.ts +54 -0
  21. package/dist/components/ProgressIndicator.d.ts +29 -0
  22. package/dist/components/RadioButton.d.ts +30 -0
  23. package/dist/components/RadioGroup.d.ts +2 -0
  24. package/dist/components/Search.d.ts +51 -0
  25. package/dist/components/Select.d.ts +63 -0
  26. package/dist/components/SvgIcon.d.ts +75 -0
  27. package/dist/components/SvgIcon.stories.d.ts +7 -0
  28. package/dist/components/Switch.d.ts +10 -0
  29. package/dist/components/TabItem.d.ts +22 -0
  30. package/dist/components/Tabs.d.ts +3 -0
  31. package/dist/components/TextArea.d.ts +8 -0
  32. package/dist/components/TextField.d.ts +7 -0
  33. package/dist/components/Toast.d.ts +35 -0
  34. package/dist/components/TopAppBar.d.ts +37 -0
  35. package/dist/index.cjs +65 -0
  36. package/dist/index.d.ts +33 -0
  37. package/dist/index.js +19523 -0
  38. package/dist/preset.d.ts +534 -0
  39. package/dist/recipes/index.d.ts +2 -0
  40. package/dist/styles.css +1 -0
  41. package/dist/tokens/getToken.d.ts +789 -0
  42. package/dist/tokens/index.d.ts +1808 -0
  43. package/dist/tokens/keyframes/index.d.ts +10 -0
  44. package/package.json +100 -0
  45. package/styled-system/css/conditions.js +34 -0
  46. package/styled-system/css/css.d.ts +22 -0
  47. package/styled-system/css/css.js +45 -0
  48. package/styled-system/css/cva.d.ts +6 -0
  49. package/styled-system/css/cva.js +87 -0
  50. package/styled-system/css/cx.d.ts +5 -0
  51. package/styled-system/css/cx.js +15 -0
  52. package/styled-system/css/index.d.ts +5 -0
  53. package/styled-system/css/index.js +4 -0
  54. package/styled-system/css/sva.d.ts +4 -0
  55. package/styled-system/css/sva.js +41 -0
  56. package/styled-system/helpers.js +326 -0
  57. package/styled-system/jsx/aspect-ratio.d.ts +10 -0
  58. package/styled-system/jsx/aspect-ratio.js +14 -0
  59. package/styled-system/jsx/bleed.d.ts +10 -0
  60. package/styled-system/jsx/bleed.js +14 -0
  61. package/styled-system/jsx/box.d.ts +10 -0
  62. package/styled-system/jsx/box.js +14 -0
  63. package/styled-system/jsx/center.d.ts +10 -0
  64. package/styled-system/jsx/center.js +14 -0
  65. package/styled-system/jsx/circle.d.ts +10 -0
  66. package/styled-system/jsx/circle.js +14 -0
  67. package/styled-system/jsx/container.d.ts +10 -0
  68. package/styled-system/jsx/container.js +14 -0
  69. package/styled-system/jsx/cq.d.ts +10 -0
  70. package/styled-system/jsx/cq.js +14 -0
  71. package/styled-system/jsx/divider.d.ts +10 -0
  72. package/styled-system/jsx/divider.js +14 -0
  73. package/styled-system/jsx/factory-helper.js +22 -0
  74. package/styled-system/jsx/factory.d.ts +3 -0
  75. package/styled-system/jsx/factory.js +80 -0
  76. package/styled-system/jsx/flex.d.ts +10 -0
  77. package/styled-system/jsx/flex.js +14 -0
  78. package/styled-system/jsx/float.d.ts +10 -0
  79. package/styled-system/jsx/float.js +14 -0
  80. package/styled-system/jsx/grid-item.d.ts +10 -0
  81. package/styled-system/jsx/grid-item.js +14 -0
  82. package/styled-system/jsx/grid.d.ts +10 -0
  83. package/styled-system/jsx/grid.js +14 -0
  84. package/styled-system/jsx/hstack.d.ts +10 -0
  85. package/styled-system/jsx/hstack.js +14 -0
  86. package/styled-system/jsx/index.d.ts +24 -0
  87. package/styled-system/jsx/index.js +22 -0
  88. package/styled-system/jsx/is-valid-prop.d.ts +11 -0
  89. package/styled-system/jsx/is-valid-prop.js +17 -0
  90. package/styled-system/jsx/link-overlay.d.ts +10 -0
  91. package/styled-system/jsx/link-overlay.js +14 -0
  92. package/styled-system/jsx/spacer.d.ts +10 -0
  93. package/styled-system/jsx/spacer.js +14 -0
  94. package/styled-system/jsx/square.d.ts +10 -0
  95. package/styled-system/jsx/square.js +14 -0
  96. package/styled-system/jsx/stack.d.ts +10 -0
  97. package/styled-system/jsx/stack.js +14 -0
  98. package/styled-system/jsx/visually-hidden.d.ts +10 -0
  99. package/styled-system/jsx/visually-hidden.js +14 -0
  100. package/styled-system/jsx/vstack.d.ts +10 -0
  101. package/styled-system/jsx/vstack.js +14 -0
  102. package/styled-system/jsx/wrap.d.ts +10 -0
  103. package/styled-system/jsx/wrap.js +14 -0
  104. package/styled-system/patterns/aspect-ratio.d.ts +21 -0
  105. package/styled-system/patterns/aspect-ratio.js +38 -0
  106. package/styled-system/patterns/bleed.d.ts +22 -0
  107. package/styled-system/patterns/bleed.js +24 -0
  108. package/styled-system/patterns/box.d.ts +21 -0
  109. package/styled-system/patterns/box.js +15 -0
  110. package/styled-system/patterns/center.d.ts +21 -0
  111. package/styled-system/patterns/center.js +21 -0
  112. package/styled-system/patterns/circle.d.ts +21 -0
  113. package/styled-system/patterns/circle.js +25 -0
  114. package/styled-system/patterns/container.d.ts +21 -0
  115. package/styled-system/patterns/container.js +21 -0
  116. package/styled-system/patterns/cq.d.ts +22 -0
  117. package/styled-system/patterns/cq.js +21 -0
  118. package/styled-system/patterns/divider.d.ts +23 -0
  119. package/styled-system/patterns/divider.js +25 -0
  120. package/styled-system/patterns/flex.d.ts +27 -0
  121. package/styled-system/patterns/flex.js +26 -0
  122. package/styled-system/patterns/float.d.ts +24 -0
  123. package/styled-system/patterns/float.js +52 -0
  124. package/styled-system/patterns/grid-item.d.ts +26 -0
  125. package/styled-system/patterns/grid-item.js +25 -0
  126. package/styled-system/patterns/grid.d.ts +25 -0
  127. package/styled-system/patterns/grid.js +27 -0
  128. package/styled-system/patterns/hstack.d.ts +22 -0
  129. package/styled-system/patterns/hstack.js +24 -0
  130. package/styled-system/patterns/index.d.ts +21 -0
  131. package/styled-system/patterns/index.js +20 -0
  132. package/styled-system/patterns/link-overlay.d.ts +21 -0
  133. package/styled-system/patterns/link-overlay.js +24 -0
  134. package/styled-system/patterns/spacer.d.ts +21 -0
  135. package/styled-system/patterns/spacer.js +21 -0
  136. package/styled-system/patterns/square.d.ts +21 -0
  137. package/styled-system/patterns/square.js +24 -0
  138. package/styled-system/patterns/stack.d.ts +24 -0
  139. package/styled-system/patterns/stack.js +24 -0
  140. package/styled-system/patterns/visually-hidden.d.ts +21 -0
  141. package/styled-system/patterns/visually-hidden.js +18 -0
  142. package/styled-system/patterns/vstack.d.ts +22 -0
  143. package/styled-system/patterns/vstack.js +24 -0
  144. package/styled-system/patterns/wrap.d.ts +25 -0
  145. package/styled-system/patterns/wrap.js +25 -0
  146. package/styled-system/themes/asagi.json +5 -0
  147. package/styled-system/themes/index.d.ts +36 -0
  148. package/styled-system/themes/index.js +24 -0
  149. package/styled-system/themes/kurikawa.json +5 -0
  150. package/styled-system/themes/sumire.json +5 -0
  151. package/styled-system/themes/theme-asagi.json +5 -0
  152. package/styled-system/themes/theme-kurikawa.json +5 -0
  153. package/styled-system/themes/theme-sumire.json +5 -0
  154. package/styled-system/themes/theme-tsutsuji.json +5 -0
  155. package/styled-system/themes/tsutsuji.json +5 -0
  156. package/styled-system/tokens/index.d.ts +9 -0
  157. package/styled-system/tokens/index.js +3548 -0
  158. package/styled-system/tokens/tokens.d.ts +48 -0
  159. package/styled-system/types/composition.d.ts +138 -0
  160. package/styled-system/types/conditions.d.ts +214 -0
  161. package/styled-system/types/csstype.d.ts +21298 -0
  162. package/styled-system/types/global.d.ts +19 -0
  163. package/styled-system/types/index.d.ts +8 -0
  164. package/styled-system/types/jsx.d.ts +52 -0
  165. package/styled-system/types/parts.d.ts +8 -0
  166. package/styled-system/types/pattern.d.ts +78 -0
  167. package/styled-system/types/prop-type.d.ts +237 -0
  168. package/styled-system/types/recipe.d.ts +181 -0
  169. package/styled-system/types/selectors.d.ts +59 -0
  170. package/styled-system/types/static-css.d.ts +51 -0
  171. package/styled-system/types/style-props.d.ts +7468 -0
  172. package/styled-system/types/system-types.d.ts +88 -0
@@ -0,0 +1,534 @@
1
+ import { Preset } from '@pandacss/dev';
2
+ declare const themes: {
3
+ asagi: {
4
+ tokens: {
5
+ colors: {
6
+ sd: {
7
+ system: {
8
+ color: {
9
+ impression: {
10
+ primary: {
11
+ value: string;
12
+ };
13
+ onPrimary: {
14
+ value: string;
15
+ };
16
+ primaryContainer: {
17
+ value: string;
18
+ };
19
+ onPrimaryContainer: {
20
+ value: string;
21
+ };
22
+ secondary: {
23
+ value: string;
24
+ };
25
+ onSecondary: {
26
+ value: string;
27
+ };
28
+ secondaryContainer: {
29
+ value: string;
30
+ };
31
+ onSecondaryContainer: {
32
+ value: string;
33
+ };
34
+ tertiary: {
35
+ value: string;
36
+ };
37
+ onTertiary: {
38
+ value: string;
39
+ };
40
+ tertiaryContainer: {
41
+ value: string;
42
+ };
43
+ onTertiaryContainer: {
44
+ value: string;
45
+ };
46
+ notice: {
47
+ value: string;
48
+ };
49
+ onNotice: {
50
+ value: string;
51
+ };
52
+ noticeContainer: {
53
+ value: string;
54
+ };
55
+ onNoticeContainer: {
56
+ value: string;
57
+ };
58
+ negative: {
59
+ value: string;
60
+ };
61
+ onNegative: {
62
+ value: string;
63
+ };
64
+ negativeContainer: {
65
+ value: string;
66
+ };
67
+ onNegativeContainer: {
68
+ value: string;
69
+ };
70
+ positive: {
71
+ value: string;
72
+ };
73
+ onPositive: {
74
+ value: string;
75
+ };
76
+ positiveContainer: {
77
+ value: string;
78
+ };
79
+ onPositiveContainer: {
80
+ value: string;
81
+ };
82
+ };
83
+ component: {
84
+ surface: {
85
+ value: string;
86
+ };
87
+ onSurface: {
88
+ value: string;
89
+ };
90
+ onSurfaceVariant: {
91
+ value: string;
92
+ };
93
+ inverseSurface: {
94
+ value: string;
95
+ };
96
+ inverseOnSurface: {
97
+ value: string;
98
+ };
99
+ outline: {
100
+ value: string;
101
+ };
102
+ outlineVariant: {
103
+ value: string;
104
+ };
105
+ scrim: {
106
+ value: string;
107
+ };
108
+ };
109
+ interaction: {
110
+ disabled: {
111
+ value: string;
112
+ };
113
+ disabledOnSurface: {
114
+ value: string;
115
+ };
116
+ selectedSurface: {
117
+ value: string;
118
+ };
119
+ hovered: {
120
+ value: string;
121
+ };
122
+ hoveredVariant: {
123
+ value: string;
124
+ };
125
+ hoveredOnPrimary: {
126
+ value: string;
127
+ };
128
+ };
129
+ };
130
+ };
131
+ };
132
+ };
133
+ };
134
+ };
135
+ kurikawa: {
136
+ tokens: {
137
+ colors: {
138
+ sd: {
139
+ system: {
140
+ color: {
141
+ impression: {
142
+ primary: {
143
+ value: string;
144
+ };
145
+ onPrimary: {
146
+ value: string;
147
+ };
148
+ primaryContainer: {
149
+ value: string;
150
+ };
151
+ onPrimaryContainer: {
152
+ value: string;
153
+ };
154
+ secondary: {
155
+ value: string;
156
+ };
157
+ onSecondary: {
158
+ value: string;
159
+ };
160
+ secondaryContainer: {
161
+ value: string;
162
+ };
163
+ onSecondaryContainer: {
164
+ value: string;
165
+ };
166
+ tertiary: {
167
+ value: string;
168
+ };
169
+ onTertiary: {
170
+ value: string;
171
+ };
172
+ tertiaryContainer: {
173
+ value: string;
174
+ };
175
+ onTertiaryContainer: {
176
+ value: string;
177
+ };
178
+ notice: {
179
+ value: string;
180
+ };
181
+ onNotice: {
182
+ value: string;
183
+ };
184
+ noticeContainer: {
185
+ value: string;
186
+ };
187
+ onNoticeContainer: {
188
+ value: string;
189
+ };
190
+ negative: {
191
+ value: string;
192
+ };
193
+ onNegative: {
194
+ value: string;
195
+ };
196
+ negativeContainer: {
197
+ value: string;
198
+ };
199
+ onNegativeContainer: {
200
+ value: string;
201
+ };
202
+ positive: {
203
+ value: string;
204
+ };
205
+ onPositive: {
206
+ value: string;
207
+ };
208
+ positiveContainer: {
209
+ value: string;
210
+ };
211
+ onPositiveContainer: {
212
+ value: string;
213
+ };
214
+ };
215
+ component: {
216
+ surface: {
217
+ value: string;
218
+ };
219
+ onSurface: {
220
+ value: string;
221
+ };
222
+ onSurfaceVariant: {
223
+ value: string;
224
+ };
225
+ inverseSurface: {
226
+ value: string;
227
+ };
228
+ inverseOnSurface: {
229
+ value: string;
230
+ };
231
+ outline: {
232
+ value: string;
233
+ };
234
+ outlineVariant: {
235
+ value: string;
236
+ };
237
+ scrim: {
238
+ value: string;
239
+ };
240
+ };
241
+ interaction: {
242
+ disabled: {
243
+ value: string;
244
+ };
245
+ disabledOnSurface: {
246
+ value: string;
247
+ };
248
+ selectedSurface: {
249
+ value: string;
250
+ };
251
+ hovered: {
252
+ value: string;
253
+ };
254
+ hoveredVariant: {
255
+ value: string;
256
+ };
257
+ hoveredOnPrimary: {
258
+ value: string;
259
+ };
260
+ };
261
+ };
262
+ };
263
+ };
264
+ };
265
+ };
266
+ };
267
+ sumire: {
268
+ tokens: {
269
+ colors: {
270
+ sd: {
271
+ system: {
272
+ color: {
273
+ impression: {
274
+ primary: {
275
+ value: string;
276
+ };
277
+ onPrimary: {
278
+ value: string;
279
+ };
280
+ primaryContainer: {
281
+ value: string;
282
+ };
283
+ onPrimaryContainer: {
284
+ value: string;
285
+ };
286
+ secondary: {
287
+ value: string;
288
+ };
289
+ onSecondary: {
290
+ value: string;
291
+ };
292
+ secondaryContainer: {
293
+ value: string;
294
+ };
295
+ onSecondaryContainer: {
296
+ value: string;
297
+ };
298
+ tertiary: {
299
+ value: string;
300
+ };
301
+ onTertiary: {
302
+ value: string;
303
+ };
304
+ tertiaryContainer: {
305
+ value: string;
306
+ };
307
+ onTertiaryContainer: {
308
+ value: string;
309
+ };
310
+ notice: {
311
+ value: string;
312
+ };
313
+ onNotice: {
314
+ value: string;
315
+ };
316
+ noticeContainer: {
317
+ value: string;
318
+ };
319
+ onNoticeContainer: {
320
+ value: string;
321
+ };
322
+ negative: {
323
+ value: string;
324
+ };
325
+ onNegative: {
326
+ value: string;
327
+ };
328
+ negativeContainer: {
329
+ value: string;
330
+ };
331
+ onNegativeContainer: {
332
+ value: string;
333
+ };
334
+ positive: {
335
+ value: string;
336
+ };
337
+ onPositive: {
338
+ value: string;
339
+ };
340
+ positiveContainer: {
341
+ value: string;
342
+ };
343
+ onPositiveContainer: {
344
+ value: string;
345
+ };
346
+ };
347
+ component: {
348
+ surface: {
349
+ value: string;
350
+ };
351
+ onSurface: {
352
+ value: string;
353
+ };
354
+ onSurfaceVariant: {
355
+ value: string;
356
+ };
357
+ inverseSurface: {
358
+ value: string;
359
+ };
360
+ inverseOnSurface: {
361
+ value: string;
362
+ };
363
+ outline: {
364
+ value: string;
365
+ };
366
+ outlineVariant: {
367
+ value: string;
368
+ };
369
+ scrim: {
370
+ value: string;
371
+ };
372
+ };
373
+ interaction: {
374
+ disabled: {
375
+ value: string;
376
+ };
377
+ disabledOnSurface: {
378
+ value: string;
379
+ };
380
+ selectedSurface: {
381
+ value: string;
382
+ };
383
+ hovered: {
384
+ value: string;
385
+ };
386
+ hoveredVariant: {
387
+ value: string;
388
+ };
389
+ hoveredOnPrimary: {
390
+ value: string;
391
+ };
392
+ };
393
+ };
394
+ };
395
+ };
396
+ };
397
+ };
398
+ };
399
+ tsutsuji: {
400
+ tokens: {
401
+ colors: {
402
+ sd: {
403
+ system: {
404
+ color: {
405
+ impression: {
406
+ primary: {
407
+ value: string;
408
+ };
409
+ onPrimary: {
410
+ value: string;
411
+ };
412
+ primaryContainer: {
413
+ value: string;
414
+ };
415
+ onPrimaryContainer: {
416
+ value: string;
417
+ };
418
+ secondary: {
419
+ value: string;
420
+ };
421
+ onSecondary: {
422
+ value: string;
423
+ };
424
+ secondaryContainer: {
425
+ value: string;
426
+ };
427
+ onSecondaryContainer: {
428
+ value: string;
429
+ };
430
+ tertiary: {
431
+ value: string;
432
+ };
433
+ onTertiary: {
434
+ value: string;
435
+ };
436
+ tertiaryContainer: {
437
+ value: string;
438
+ };
439
+ onTertiaryContainer: {
440
+ value: string;
441
+ };
442
+ notice: {
443
+ value: string;
444
+ };
445
+ onNotice: {
446
+ value: string;
447
+ };
448
+ noticeContainer: {
449
+ value: string;
450
+ };
451
+ onNoticeContainer: {
452
+ value: string;
453
+ };
454
+ negative: {
455
+ value: string;
456
+ };
457
+ onNegative: {
458
+ value: string;
459
+ };
460
+ negativeContainer: {
461
+ value: string;
462
+ };
463
+ onNegativeContainer: {
464
+ value: string;
465
+ };
466
+ positive: {
467
+ value: string;
468
+ };
469
+ onPositive: {
470
+ value: string;
471
+ };
472
+ positiveContainer: {
473
+ value: string;
474
+ };
475
+ onPositiveContainer: {
476
+ value: string;
477
+ };
478
+ };
479
+ component: {
480
+ surface: {
481
+ value: string;
482
+ };
483
+ onSurface: {
484
+ value: string;
485
+ };
486
+ onSurfaceVariant: {
487
+ value: string;
488
+ };
489
+ inverseSurface: {
490
+ value: string;
491
+ };
492
+ inverseOnSurface: {
493
+ value: string;
494
+ };
495
+ outline: {
496
+ value: string;
497
+ };
498
+ outlineVariant: {
499
+ value: string;
500
+ };
501
+ scrim: {
502
+ value: string;
503
+ };
504
+ };
505
+ interaction: {
506
+ disabled: {
507
+ value: string;
508
+ };
509
+ disabledOnSurface: {
510
+ value: string;
511
+ };
512
+ selectedSurface: {
513
+ value: string;
514
+ };
515
+ hovered: {
516
+ value: string;
517
+ };
518
+ hoveredVariant: {
519
+ value: string;
520
+ };
521
+ hoveredOnPrimary: {
522
+ value: string;
523
+ };
524
+ };
525
+ };
526
+ };
527
+ };
528
+ };
529
+ };
530
+ };
531
+ };
532
+ export { themes };
533
+ export declare const themeNames: string[];
534
+ export declare const SerendiePreset: Preset;
@@ -0,0 +1,2 @@
1
+ import { RecipeVariantRecord } from '@pandacss/dev';
2
+ export declare const SerendieRecipes: RecipeVariantRecord;