@stokelp/ui 1.0.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 (66) hide show
  1. package/README.md +15 -0
  2. package/dist/components/accordion/Accordion.d.ts +20 -0
  3. package/dist/components/accordion/index.d.ts +1 -0
  4. package/dist/components/button/Button.d.ts +6 -0
  5. package/dist/components/button/index.d.ts +1 -0
  6. package/dist/components/checkbox/Checkbox.d.ts +8 -0
  7. package/dist/components/checkbox/index.d.ts +1 -0
  8. package/dist/components/drawer/Drawer.d.ts +49 -0
  9. package/dist/components/drawer/index.d.ts +1 -0
  10. package/dist/components/form/FormControl.d.ts +10 -0
  11. package/dist/components/form/FormHelperText.d.ts +6 -0
  12. package/dist/components/form/FormLabel.d.ts +8 -0
  13. package/dist/components/form/index.d.ts +3 -0
  14. package/dist/components/heading/Heading.d.ts +9 -0
  15. package/dist/components/heading/index.d.ts +1 -0
  16. package/dist/components/index.d.ts +9 -0
  17. package/dist/components/switch/Switch.d.ts +8 -0
  18. package/dist/components/switch/index.d.ts +1 -0
  19. package/dist/components/text/Text.d.ts +9 -0
  20. package/dist/components/text/index.d.ts +1 -0
  21. package/dist/components/textarea/Textarea.d.ts +10 -0
  22. package/dist/components/textarea/index.d.ts +1 -0
  23. package/dist/index.d.ts +2 -0
  24. package/dist/preset.d.ts +2 -0
  25. package/dist/style.css +1 -0
  26. package/dist/theme/breakpoints.d.ts +6 -0
  27. package/dist/theme/conditions.d.ts +19 -0
  28. package/dist/theme/containers.d.ts +14 -0
  29. package/dist/theme/keyframes.d.ts +2 -0
  30. package/dist/theme/recipes/accordion.d.ts +2 -0
  31. package/dist/theme/recipes/button.d.ts +2 -0
  32. package/dist/theme/recipes/checkbox.d.ts +2 -0
  33. package/dist/theme/recipes/drawer.d.ts +2 -0
  34. package/dist/theme/recipes/form/control.d.ts +2 -0
  35. package/dist/theme/recipes/form/helper-text.d.ts +2 -0
  36. package/dist/theme/recipes/form/label.d.ts +2 -0
  37. package/dist/theme/recipes/heading.d.ts +2 -0
  38. package/dist/theme/recipes/index.d.ts +16 -0
  39. package/dist/theme/recipes/switch.d.ts +2 -0
  40. package/dist/theme/recipes/text.d.ts +2 -0
  41. package/dist/theme/recipes/textarea.d.ts +2 -0
  42. package/dist/theme/semantic-tokens/colors.d.ts +226 -0
  43. package/dist/theme/semantic-tokens/index.d.ts +228 -0
  44. package/dist/theme/text-styles.d.ts +2 -0
  45. package/dist/theme/tokens/animations.d.ts +50 -0
  46. package/dist/theme/tokens/aspect-ratios.d.ts +20 -0
  47. package/dist/theme/tokens/blurs.d.ts +23 -0
  48. package/dist/theme/tokens/borders.d.ts +7 -0
  49. package/dist/theme/tokens/colors.d.ts +191 -0
  50. package/dist/theme/tokens/durations.d.ts +23 -0
  51. package/dist/theme/tokens/easings.d.ts +56 -0
  52. package/dist/theme/tokens/index.d.ts +774 -0
  53. package/dist/theme/tokens/radii.d.ts +65 -0
  54. package/dist/theme/tokens/shadows.d.ts +23 -0
  55. package/dist/theme/tokens/sizes.d.ts +86 -0
  56. package/dist/theme/tokens/spacing.d.ts +74 -0
  57. package/dist/theme/tokens/typography.d.ts +116 -0
  58. package/dist/theme/tokens/z-index.d.ts +38 -0
  59. package/dist/theme/utilities.d.ts +2 -0
  60. package/dist/ui.cjs +230 -0
  61. package/dist/ui.cjs.map +1 -0
  62. package/dist/ui.js +25400 -0
  63. package/dist/ui.js.map +1 -0
  64. package/dist/utils/slots.d.ts +23 -0
  65. package/dist/utils/storybook.d.ts +20 -0
  66. package/package.json +74 -0
@@ -0,0 +1,6 @@
1
+ export declare const breakpoints: {
2
+ readonly xl: "1536px";
3
+ readonly lg: "1200px";
4
+ readonly md: "900px";
5
+ readonly sm: "600px";
6
+ };
@@ -0,0 +1,19 @@
1
+ export declare const conditions: {
2
+ extend: {
3
+ checked: string;
4
+ closed: string;
5
+ collapsed: string;
6
+ current: string;
7
+ focus: string;
8
+ groupHover: string;
9
+ hidden: string;
10
+ highlighted: string;
11
+ hover: string;
12
+ indeterminate: string;
13
+ invalid: string;
14
+ open: string;
15
+ placeholderShown: string;
16
+ today: string;
17
+ underValue: string;
18
+ };
19
+ };
@@ -0,0 +1,14 @@
1
+ export declare const containerSizes: {
2
+ readonly '2xl': "672px";
3
+ readonly '3xl': "768px";
4
+ readonly '4xl': "896px";
5
+ readonly '5xl': "1024px";
6
+ readonly '6xl': "1152px";
7
+ readonly '7xl': "1280px";
8
+ readonly '8xl': "1440px";
9
+ readonly lg: "512px";
10
+ readonly md: "448px";
11
+ readonly sm: "384px";
12
+ readonly xl: "576px";
13
+ readonly xs: "320px";
14
+ };
@@ -0,0 +1,2 @@
1
+ import { CssKeyframes } from '@pandacss/dev';
2
+ export declare const keyframes: CssKeyframes;
@@ -0,0 +1,2 @@
1
+ import { SlotRecipeConfig } from '@pandacss/dev';
2
+ export declare const accordionRecipe: SlotRecipeConfig;
@@ -0,0 +1,2 @@
1
+ import { RecipeConfig, RecipeVariantRecord } from '@pandacss/dev';
2
+ export declare const buttonRecipe: RecipeConfig<RecipeVariantRecord>;
@@ -0,0 +1,2 @@
1
+ import { SlotRecipeConfig } from '@pandacss/dev';
2
+ export declare const checkboxRecipe: SlotRecipeConfig;
@@ -0,0 +1,2 @@
1
+ import { SlotRecipeConfig } from '@pandacss/dev';
2
+ export declare const drawerRecipe: SlotRecipeConfig;
@@ -0,0 +1,2 @@
1
+ import { RecipeConfig, RecipeVariantRecord } from '@pandacss/dev';
2
+ export declare const formControlRecipe: RecipeConfig<RecipeVariantRecord>;
@@ -0,0 +1,2 @@
1
+ import { RecipeConfig, RecipeVariantRecord } from '@pandacss/dev';
2
+ export declare const formHelperTextRecipe: RecipeConfig<RecipeVariantRecord>;
@@ -0,0 +1,2 @@
1
+ import { SlotRecipeConfig } from '@pandacss/dev';
2
+ export declare const formLabelRecipe: SlotRecipeConfig;
@@ -0,0 +1,2 @@
1
+ import { RecipeConfig, RecipeVariantRecord } from '@pandacss/dev';
2
+ export declare const headingRecipe: RecipeConfig<RecipeVariantRecord>;
@@ -0,0 +1,16 @@
1
+ import { RecipeConfig, RecipeVariantRecord, SlotRecipeConfig } from '@pandacss/types';
2
+ export declare const recipes: {
3
+ button: RecipeConfig<RecipeVariantRecord>;
4
+ heading: RecipeConfig<RecipeVariantRecord>;
5
+ switchRecipe: SlotRecipeConfig;
6
+ text: RecipeConfig<RecipeVariantRecord>;
7
+ textarea: RecipeConfig<RecipeVariantRecord>;
8
+ formControl: RecipeConfig<RecipeVariantRecord>;
9
+ formHelperText: RecipeConfig<RecipeVariantRecord>;
10
+ };
11
+ export declare const slotRecipes: {
12
+ drawer: SlotRecipeConfig;
13
+ accordion: SlotRecipeConfig;
14
+ formLabel: SlotRecipeConfig;
15
+ checkbox: SlotRecipeConfig;
16
+ };
@@ -0,0 +1,2 @@
1
+ import { SlotRecipeConfig } from '@pandacss/dev';
2
+ export declare const switchRecipe: SlotRecipeConfig;
@@ -0,0 +1,2 @@
1
+ import { RecipeConfig, RecipeVariantRecord } from '@pandacss/dev';
2
+ export declare const textRecipe: RecipeConfig<RecipeVariantRecord>;
@@ -0,0 +1,2 @@
1
+ import { RecipeConfig, RecipeVariantRecord } from '@pandacss/dev';
2
+ export declare const textareaRecipe: RecipeConfig<RecipeVariantRecord>;
@@ -0,0 +1,226 @@
1
+ export declare const semanticTokensColors: {
2
+ decorative: {
3
+ red: {
4
+ light: {
5
+ value: string;
6
+ };
7
+ mid: {
8
+ value: string;
9
+ };
10
+ dark: {
11
+ value: string;
12
+ };
13
+ };
14
+ blue: {
15
+ light: {
16
+ value: string;
17
+ };
18
+ mid: {
19
+ value: string;
20
+ };
21
+ dark: {
22
+ value: string;
23
+ };
24
+ };
25
+ yellow: {
26
+ light: {
27
+ value: string;
28
+ };
29
+ mid: {
30
+ value: string;
31
+ };
32
+ dark: {
33
+ value: string;
34
+ };
35
+ };
36
+ purple: {
37
+ light: {
38
+ value: string;
39
+ };
40
+ mid: {
41
+ value: string;
42
+ };
43
+ dark: {
44
+ value: string;
45
+ };
46
+ };
47
+ green: {
48
+ light: {
49
+ value: string;
50
+ };
51
+ mid: {
52
+ value: string;
53
+ };
54
+ dark: {
55
+ value: string;
56
+ };
57
+ };
58
+ brown: {
59
+ light: {
60
+ value: string;
61
+ };
62
+ mid: {
63
+ value: string;
64
+ };
65
+ dark: {
66
+ value: string;
67
+ };
68
+ };
69
+ };
70
+ primary: {
71
+ 900: {
72
+ value: string;
73
+ };
74
+ 800: {
75
+ value: string;
76
+ };
77
+ 700: {
78
+ value: string;
79
+ };
80
+ 600: {
81
+ value: string;
82
+ };
83
+ 500: {
84
+ value: string;
85
+ };
86
+ 400: {
87
+ value: string;
88
+ };
89
+ 300: {
90
+ value: string;
91
+ };
92
+ 200: {
93
+ value: string;
94
+ };
95
+ 100: {
96
+ value: string;
97
+ };
98
+ };
99
+ secondary: {
100
+ 900: {
101
+ value: string;
102
+ };
103
+ 800: {
104
+ value: string;
105
+ };
106
+ 700: {
107
+ value: string;
108
+ };
109
+ 600: {
110
+ value: string;
111
+ };
112
+ 500: {
113
+ value: string;
114
+ };
115
+ 400: {
116
+ value: string;
117
+ };
118
+ 300: {
119
+ value: string;
120
+ };
121
+ 200: {
122
+ value: string;
123
+ };
124
+ 100: {
125
+ value: string;
126
+ };
127
+ };
128
+ error: {
129
+ 900: {
130
+ value: string;
131
+ };
132
+ 800: {
133
+ value: string;
134
+ };
135
+ 700: {
136
+ value: string;
137
+ };
138
+ 600: {
139
+ value: string;
140
+ };
141
+ 500: {
142
+ value: string;
143
+ };
144
+ 400: {
145
+ value: string;
146
+ };
147
+ 300: {
148
+ value: string;
149
+ };
150
+ 200: {
151
+ value: string;
152
+ };
153
+ 100: {
154
+ value: string;
155
+ };
156
+ };
157
+ success: {
158
+ 900: {
159
+ value: string;
160
+ };
161
+ 800: {
162
+ value: string;
163
+ };
164
+ 700: {
165
+ value: string;
166
+ };
167
+ 600: {
168
+ value: string;
169
+ };
170
+ 500: {
171
+ value: string;
172
+ };
173
+ 400: {
174
+ value: string;
175
+ };
176
+ 300: {
177
+ value: string;
178
+ };
179
+ 200: {
180
+ value: string;
181
+ };
182
+ 100: {
183
+ value: string;
184
+ };
185
+ };
186
+ warning: {
187
+ 900: {
188
+ value: string;
189
+ };
190
+ 800: {
191
+ value: string;
192
+ };
193
+ 700: {
194
+ value: string;
195
+ };
196
+ 600: {
197
+ value: string;
198
+ };
199
+ 500: {
200
+ value: string;
201
+ };
202
+ 400: {
203
+ value: string;
204
+ };
205
+ 300: {
206
+ value: string;
207
+ };
208
+ 200: {
209
+ value: string;
210
+ };
211
+ 100: {
212
+ value: string;
213
+ };
214
+ };
215
+ text: {
216
+ DEFAULT: {
217
+ value: string;
218
+ };
219
+ disabled: {
220
+ value: string;
221
+ };
222
+ heading: {
223
+ value: string;
224
+ };
225
+ };
226
+ };
@@ -0,0 +1,228 @@
1
+ export declare const semanticTokens: {
2
+ colors: {
3
+ decorative: {
4
+ red: {
5
+ light: {
6
+ value: string;
7
+ };
8
+ mid: {
9
+ value: string;
10
+ };
11
+ dark: {
12
+ value: string;
13
+ };
14
+ };
15
+ blue: {
16
+ light: {
17
+ value: string;
18
+ };
19
+ mid: {
20
+ value: string;
21
+ };
22
+ dark: {
23
+ value: string;
24
+ };
25
+ };
26
+ yellow: {
27
+ light: {
28
+ value: string;
29
+ };
30
+ mid: {
31
+ value: string;
32
+ };
33
+ dark: {
34
+ value: string;
35
+ };
36
+ };
37
+ purple: {
38
+ light: {
39
+ value: string;
40
+ };
41
+ mid: {
42
+ value: string;
43
+ };
44
+ dark: {
45
+ value: string;
46
+ };
47
+ };
48
+ green: {
49
+ light: {
50
+ value: string;
51
+ };
52
+ mid: {
53
+ value: string;
54
+ };
55
+ dark: {
56
+ value: string;
57
+ };
58
+ };
59
+ brown: {
60
+ light: {
61
+ value: string;
62
+ };
63
+ mid: {
64
+ value: string;
65
+ };
66
+ dark: {
67
+ value: string;
68
+ };
69
+ };
70
+ };
71
+ primary: {
72
+ 900: {
73
+ value: string;
74
+ };
75
+ 800: {
76
+ value: string;
77
+ };
78
+ 700: {
79
+ value: string;
80
+ };
81
+ 600: {
82
+ value: string;
83
+ };
84
+ 500: {
85
+ value: string;
86
+ };
87
+ 400: {
88
+ value: string;
89
+ };
90
+ 300: {
91
+ value: string;
92
+ };
93
+ 200: {
94
+ value: string;
95
+ };
96
+ 100: {
97
+ value: string;
98
+ };
99
+ };
100
+ secondary: {
101
+ 900: {
102
+ value: string;
103
+ };
104
+ 800: {
105
+ value: string;
106
+ };
107
+ 700: {
108
+ value: string;
109
+ };
110
+ 600: {
111
+ value: string;
112
+ };
113
+ 500: {
114
+ value: string;
115
+ };
116
+ 400: {
117
+ value: string;
118
+ };
119
+ 300: {
120
+ value: string;
121
+ };
122
+ 200: {
123
+ value: string;
124
+ };
125
+ 100: {
126
+ value: string;
127
+ };
128
+ };
129
+ error: {
130
+ 900: {
131
+ value: string;
132
+ };
133
+ 800: {
134
+ value: string;
135
+ };
136
+ 700: {
137
+ value: string;
138
+ };
139
+ 600: {
140
+ value: string;
141
+ };
142
+ 500: {
143
+ value: string;
144
+ };
145
+ 400: {
146
+ value: string;
147
+ };
148
+ 300: {
149
+ value: string;
150
+ };
151
+ 200: {
152
+ value: string;
153
+ };
154
+ 100: {
155
+ value: string;
156
+ };
157
+ };
158
+ success: {
159
+ 900: {
160
+ value: string;
161
+ };
162
+ 800: {
163
+ value: string;
164
+ };
165
+ 700: {
166
+ value: string;
167
+ };
168
+ 600: {
169
+ value: string;
170
+ };
171
+ 500: {
172
+ value: string;
173
+ };
174
+ 400: {
175
+ value: string;
176
+ };
177
+ 300: {
178
+ value: string;
179
+ };
180
+ 200: {
181
+ value: string;
182
+ };
183
+ 100: {
184
+ value: string;
185
+ };
186
+ };
187
+ warning: {
188
+ 900: {
189
+ value: string;
190
+ };
191
+ 800: {
192
+ value: string;
193
+ };
194
+ 700: {
195
+ value: string;
196
+ };
197
+ 600: {
198
+ value: string;
199
+ };
200
+ 500: {
201
+ value: string;
202
+ };
203
+ 400: {
204
+ value: string;
205
+ };
206
+ 300: {
207
+ value: string;
208
+ };
209
+ 200: {
210
+ value: string;
211
+ };
212
+ 100: {
213
+ value: string;
214
+ };
215
+ };
216
+ text: {
217
+ DEFAULT: {
218
+ value: string;
219
+ };
220
+ disabled: {
221
+ value: string;
222
+ };
223
+ heading: {
224
+ value: string;
225
+ };
226
+ };
227
+ };
228
+ };
@@ -0,0 +1,2 @@
1
+ import { TextStyles } from '@pandacss/dev';
2
+ export declare const textStyles: TextStyles;
@@ -0,0 +1,50 @@
1
+ export declare const animations: {
2
+ 'backdrop-in': {
3
+ value: string;
4
+ };
5
+ 'backdrop-out': {
6
+ value: string;
7
+ };
8
+ bounce: {
9
+ value: string;
10
+ };
11
+ 'dialog-in': {
12
+ value: string;
13
+ };
14
+ 'dialog-out': {
15
+ value: string;
16
+ };
17
+ 'drawer-in-left': {
18
+ value: string;
19
+ };
20
+ 'drawer-in-right': {
21
+ value: string;
22
+ };
23
+ 'drawer-out-left': {
24
+ value: string;
25
+ };
26
+ 'drawer-out-right': {
27
+ value: string;
28
+ };
29
+ 'fade-in': {
30
+ value: string;
31
+ };
32
+ ping: {
33
+ value: string;
34
+ };
35
+ pulse: {
36
+ value: string;
37
+ };
38
+ 'skeleton-pulse': {
39
+ value: string;
40
+ };
41
+ spin: {
42
+ value: string;
43
+ };
44
+ 'collapse-in': {
45
+ value: string;
46
+ };
47
+ 'collapse-out': {
48
+ value: string;
49
+ };
50
+ };
@@ -0,0 +1,20 @@
1
+ export declare const aspectRatios: {
2
+ golden: {
3
+ value: string;
4
+ };
5
+ landscape: {
6
+ value: string;
7
+ };
8
+ portrait: {
9
+ value: string;
10
+ };
11
+ square: {
12
+ value: string;
13
+ };
14
+ ultrawide: {
15
+ value: string;
16
+ };
17
+ wide: {
18
+ value: string;
19
+ };
20
+ };
@@ -0,0 +1,23 @@
1
+ export declare const blurs: {
2
+ '2xl': {
3
+ value: string;
4
+ };
5
+ '3xl': {
6
+ value: string;
7
+ };
8
+ base: {
9
+ value: string;
10
+ };
11
+ lg: {
12
+ value: string;
13
+ };
14
+ md: {
15
+ value: string;
16
+ };
17
+ sm: {
18
+ value: string;
19
+ };
20
+ xl: {
21
+ value: string;
22
+ };
23
+ };
@@ -0,0 +1,7 @@
1
+ export declare const borders: {
2
+ border: {
3
+ none: {
4
+ value: string;
5
+ };
6
+ };
7
+ };