@okshaun/components 0.1.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.
@@ -0,0 +1,370 @@
1
+ {
2
+ "schemaVersion": "1.4.3",
3
+ "styles": {
4
+ "atomic": [
5
+ "display]___[value:grid",
6
+ "gridTemplateColumns]___[value:repeat(auto-fill, minmax(200px, 1fr))",
7
+ "gap]___[value:16",
8
+ "width]___[value:full",
9
+ "gridTemplateColumns]___[value:1fr 3fr",
10
+ "gap]___[value:40",
11
+ "borderTopWidth]___[value:1",
12
+ "borderTopStyle]___[value:solid",
13
+ "borderColor]___[value:gray.10",
14
+ "borderColor]___[value:gray.80]___[cond:_dark",
15
+ "paddingBlock]___[value:24",
16
+ "paddingBottom]___[value:96",
17
+ "gridTemplateColumns]___[value:minmax(auto, 1fr) 1fr",
18
+ "gap]___[value:24",
19
+ "alignItems]___[value:center",
20
+ "gridTemplateColumns]___[value:repeat(3, 1fr)",
21
+ "display]___[value:flex",
22
+ "gap]___[value:8px",
23
+ "flexDirection]___[value:row",
24
+ "color]___[value:gold.40",
25
+ "color]___[value:gold.30]___[cond:_dark",
26
+ "justifyContent]___[value:space-between",
27
+ "alignItems]___[value:flex-end",
28
+ "gap]___[value:8",
29
+ "flexWrap]___[value:wrap",
30
+ "height]___[value:80",
31
+ "fontSize]___[value:14",
32
+ "fontSize]___[value:16",
33
+ "letterSpacing]___[value:widest",
34
+ "textTransform]___[value:uppercase",
35
+ "fontWeight]___[value:bold",
36
+ "marginLeft]___[value:8",
37
+ "flexDirection]___[value:column",
38
+ "alignItems]___[value:flex-start",
39
+ "padding]___[value:16",
40
+ "maxWidth]___[value:280",
41
+ "paddingBlock]___[value:4",
42
+ "background]___[value:gray.10",
43
+ "background]___[value:gray.80]___[cond:_dark",
44
+ "marginBottom]___[value:56",
45
+ "position]___[value:sticky",
46
+ "top]___[value:0",
47
+ "zIndex]___[value:100",
48
+ "boxShadow]___[value:medium",
49
+ "position]___[value:relative",
50
+ "width]___[value:100%",
51
+ "maxWidth]___[value:5xl",
52
+ "marginInline]___[value:auto",
53
+ "paddingInline]___[value:24",
54
+ "paddingInline]___[value:20]___[cond:md",
55
+ "paddingInline]___[value:16]___[cond:sm",
56
+ "background]___[value:red.50",
57
+ "gridColumn]___[value:1 / -1",
58
+ "marginTop]___[value:32",
59
+ "color]___[value:gray.70",
60
+ "color]___[value:gray.20]___[cond:_dark",
61
+ "background]___[value:gray.70]___[cond:_dark",
62
+ "color]___[value:gray.0",
63
+ "color]___[value:gray.80]___[cond:_dark",
64
+ "background]___[value:gray.50",
65
+ "background]___[value:gray.20]___[cond:_dark",
66
+ "color]___[value:tan.70",
67
+ "color]___[value:tan.20]___[cond:_dark",
68
+ "background]___[value:tan.10",
69
+ "background]___[value:tan.70]___[cond:_dark",
70
+ "color]___[value:tan.80]___[cond:_dark",
71
+ "background]___[value:tan.50",
72
+ "background]___[value:tan.20]___[cond:_dark",
73
+ "color]___[value:red.70",
74
+ "color]___[value:red.10]___[cond:_dark",
75
+ "background]___[value:red.10",
76
+ "background]___[value:red.70]___[cond:_dark",
77
+ "color]___[value:red.80]___[cond:_dark",
78
+ "background]___[value:red.20]___[cond:_dark",
79
+ "color]___[value:tomato.70",
80
+ "color]___[value:tomato.20]___[cond:_dark",
81
+ "background]___[value:tomato.10",
82
+ "background]___[value:tomato.70]___[cond:_dark",
83
+ "color]___[value:tomato.80]___[cond:_dark",
84
+ "background]___[value:tomato.50",
85
+ "background]___[value:tomato.20]___[cond:_dark",
86
+ "color]___[value:orange.70",
87
+ "color]___[value:orange.20]___[cond:_dark",
88
+ "background]___[value:orange.10",
89
+ "background]___[value:orange.70]___[cond:_dark",
90
+ "color]___[value:orange.5",
91
+ "color]___[value:orange.80]___[cond:_dark",
92
+ "background]___[value:orange.60",
93
+ "background]___[value:orange.20]___[cond:_dark",
94
+ "color]___[value:yellow.60",
95
+ "color]___[value:yellow.10]___[cond:_dark",
96
+ "background]___[value:yellow.10",
97
+ "background]___[value:yellow.60]___[cond:_dark",
98
+ "color]___[value:yellow.70",
99
+ "color]___[value:yellow.90]___[cond:_dark",
100
+ "background]___[value:yellow.20",
101
+ "background]___[value:yellow.20]___[cond:_dark",
102
+ "color]___[value:green.70",
103
+ "color]___[value:green.20]___[cond:_dark",
104
+ "background]___[value:green.10",
105
+ "background]___[value:green.70]___[cond:_dark",
106
+ "color]___[value:green.80]___[cond:_dark",
107
+ "background]___[value:green.50",
108
+ "background]___[value:green.20]___[cond:_dark",
109
+ "color]___[value:grass.70",
110
+ "color]___[value:grass.10]___[cond:_dark",
111
+ "background]___[value:grass.10",
112
+ "background]___[value:grass.70]___[cond:_dark",
113
+ "color]___[value:grass.80]___[cond:_dark",
114
+ "background]___[value:grass.60",
115
+ "background]___[value:grass.20]___[cond:_dark",
116
+ "color]___[value:mint.80",
117
+ "color]___[value:mint.30]___[cond:_dark",
118
+ "background]___[value:mint.10",
119
+ "background]___[value:mint.80]___[cond:_dark",
120
+ "color]___[value:mint.80]___[cond:_dark",
121
+ "background]___[value:mint.70",
122
+ "background]___[value:mint.20]___[cond:_dark",
123
+ "color]___[value:cyan.70",
124
+ "color]___[value:cyan.20]___[cond:_dark",
125
+ "background]___[value:cyan.10",
126
+ "background]___[value:cyan.70]___[cond:_dark",
127
+ "color]___[value:cyan.5",
128
+ "color]___[value:cyan.80]___[cond:_dark",
129
+ "background]___[value:cyan.60",
130
+ "background]___[value:cyan.30]___[cond:_dark",
131
+ "color]___[value:blue.70",
132
+ "color]___[value:blue.20]___[cond:_dark",
133
+ "background]___[value:blue.10",
134
+ "background]___[value:blue.70]___[cond:_dark",
135
+ "color]___[value:blue.90]___[cond:_dark",
136
+ "background]___[value:blue.50",
137
+ "background]___[value:blue.40]___[cond:_dark",
138
+ "color]___[value:indigo.70",
139
+ "color]___[value:indigo.10]___[cond:_dark",
140
+ "background]___[value:indigo.10",
141
+ "background]___[value:indigo.70]___[cond:_dark",
142
+ "color]___[value:indigo.5",
143
+ "color]___[value:indigo.80]___[cond:_dark",
144
+ "background]___[value:indigo.50",
145
+ "background]___[value:indigo.20]___[cond:_dark",
146
+ "color]___[value:purple.70",
147
+ "color]___[value:purple.20]___[cond:_dark",
148
+ "background]___[value:purple.10",
149
+ "background]___[value:purple.70]___[cond:_dark",
150
+ "color]___[value:purple.80]___[cond:_dark",
151
+ "background]___[value:purple.50",
152
+ "background]___[value:purple.20]___[cond:_dark",
153
+ "color]___[value:violet.70",
154
+ "color]___[value:violet.10]___[cond:_dark",
155
+ "background]___[value:violet.10",
156
+ "background]___[value:violet.70]___[cond:_dark",
157
+ "color]___[value:violet.5",
158
+ "color]___[value:violet.80]___[cond:_dark",
159
+ "background]___[value:violet.60",
160
+ "background]___[value:violet.20]___[cond:_dark",
161
+ "color]___[value:pink.70",
162
+ "color]___[value:pink.10]___[cond:_dark",
163
+ "background]___[value:pink.10",
164
+ "background]___[value:pink.70]___[cond:_dark",
165
+ "color]___[value:pink.5",
166
+ "color]___[value:pink.80]___[cond:_dark",
167
+ "background]___[value:pink.70",
168
+ "background]___[value:pink.20]___[cond:_dark",
169
+ "color]___[value:rose.70",
170
+ "color]___[value:rose.10]___[cond:_dark",
171
+ "background]___[value:rose.10",
172
+ "background]___[value:rose.70]___[cond:_dark",
173
+ "color]___[value:rose.5",
174
+ "color]___[value:rose.80]___[cond:_dark",
175
+ "background]___[value:rose.60",
176
+ "background]___[value:rose.20]___[cond:_dark",
177
+ "color]___[value:magenta.70",
178
+ "color]___[value:magenta.10]___[cond:_dark",
179
+ "background]___[value:magenta.10",
180
+ "background]___[value:magenta.70]___[cond:_dark",
181
+ "color]___[value:magenta.5",
182
+ "color]___[value:magenta.80]___[cond:_dark",
183
+ "background]___[value:magenta.60",
184
+ "background]___[value:magenta.20]___[cond:_dark",
185
+ "marginBottom]___[value:12",
186
+ "marginBottom]___[value:8",
187
+ "marginTop]___[value:12",
188
+ "marginTop]___[value:8",
189
+ "marginRight]___[value:12",
190
+ "marginRight]___[value:8",
191
+ "marginLeft]___[value:12",
192
+ "opacity]___[value:0",
193
+ "opacity]___[value:1",
194
+ "gap]___[value:2",
195
+ "position]___[value:absolute",
196
+ "left]___[value:0",
197
+ "right]___[value:0",
198
+ "bottom]___[value:0",
199
+ "placeItems]___[value:center",
200
+ "gap]___[value:12",
201
+ "marginLeft]___[value:24",
202
+ "background]___[value:transparent",
203
+ "width]___[value:24",
204
+ "height]___[value:24",
205
+ "fill]___[value:current",
206
+ "width]___[value:22",
207
+ "height]___[value:22",
208
+ "width]___[value:20",
209
+ "height]___[value:20",
210
+ "color]___[value:gray.100",
211
+ "color]___[value:gray.90]___[cond:_dark",
212
+ "color]___[value:gray.90",
213
+ "color]___[value:gray.0]___[cond:_dark",
214
+ "textStyle]___[value:body-lg",
215
+ "textStyle]___[value:body-md]___[cond:md",
216
+ "textStyle]___[value:body-xs",
217
+ "color]___[value:gray.5]___[cond:_dark",
218
+ "color]___[value:gray.10",
219
+ "color]___[value:gray.60]___[cond:_dark",
220
+ "font]___[value:mono",
221
+ "color]___[value:gold.50",
222
+ "color]___[value:blue.50",
223
+ "borderWidth]___[value:2",
224
+ "borderStyle]___[value:solid",
225
+ "borderColor]___[value:gray.30",
226
+ "borderColor]___[value:gray.70]___[cond:_dark",
227
+ "color]___[value:transparent",
228
+ "margin]___[value:8",
229
+ "borderRadius]___[value:100",
230
+ "cursor]___[value:pointer",
231
+ "lineHeight]___[value:none",
232
+ "width]___[value:14",
233
+ "height]___[value:14",
234
+ "transition]___[value:all",
235
+ "content]___[value:\"\"]___[cond:&:before",
236
+ "position]___[value:absolute]___[cond:&:before",
237
+ "inset]___[value:0]___[cond:&:before",
238
+ "opacity]___[value:0]___[cond:&:before",
239
+ "display]___[value:block]___[cond:&:before",
240
+ "borderRadius]___[value:100]___[cond:&:before",
241
+ "backgroundColor]___[value:gray.98]___[cond:&:before",
242
+ "backgroundColor]___[value:gray.5]___[cond:&:before<___>_dark",
243
+ "transition]___[value:all]___[cond:&:before",
244
+ "transitionTimingFunction]___[value:default]___[cond:&:before",
245
+ "transitionDuration]___[value:slow]___[cond:&:before",
246
+ "cursor]___[value:pointer]___[cond:_hover",
247
+ "background]___[value:gray.90]___[cond:_hover",
248
+ "background]___[value:gray.5]___[cond:_hover<___>_dark",
249
+ "borderColor]___[value:gray.90]___[cond:_hover",
250
+ "borderColor]___[value:gray.5]___[cond:_hover<___>_dark",
251
+ "inset]___[value:-8]___[cond:_hover<___>&:before",
252
+ "opacity]___[value:0.25]___[cond:_hover<___>&:before",
253
+ "textStyle]___[value:body-md",
254
+ "textStyle]___[value:body-sm"
255
+ ],
256
+ "recipes": {
257
+ "text": [
258
+ "family]___[value:mono]___[recipe:text",
259
+ "family]___[value:sans]___[recipe:text",
260
+ "italic]___[value:true]___[recipe:text",
261
+ "bold]___[value:true]___[recipe:text",
262
+ "underline]___[value:true]___[recipe:text"
263
+ ],
264
+ "heading": [
265
+ "level]___[value:h2]___[recipe:heading",
266
+ "level]___[value:h3]___[recipe:heading",
267
+ "level]___[value:h1]___[recipe:heading",
268
+ "level]___[value:h4]___[recipe:heading"
269
+ ],
270
+ "button": [
271
+ "variant]___[value:primary]___[recipe:button",
272
+ "size]___[value:standard]___[recipe:button",
273
+ "variant]___[value:standard]___[recipe:button",
274
+ "variant]___[value:hollow]___[recipe:button",
275
+ "variant]___[value:ghost]___[recipe:button",
276
+ "variant]___[value:cta]___[recipe:button",
277
+ "variant]___[value:danger]___[recipe:button",
278
+ "size]___[value:small]___[recipe:button",
279
+ "variant]___[value:default]___[recipe:button",
280
+ "variant]___[value:utility]___[recipe:button"
281
+ ],
282
+ "iconButton": [
283
+ "variant]___[value:ghost]___[recipe:iconButton",
284
+ "size]___[value:standard]___[recipe:iconButton",
285
+ "variant]___[value:standard]___[recipe:iconButton",
286
+ "variant]___[value:primary]___[recipe:iconButton",
287
+ "size]___[value:large]___[recipe:iconButton",
288
+ "variant]___[value:default]___[recipe:iconButton",
289
+ "variant]___[value:danger]___[recipe:iconButton",
290
+ "variant]___[value:hollow]___[recipe:iconButton",
291
+ "variant]___[value:utility]___[recipe:iconButton"
292
+ ],
293
+ "box": [],
294
+ "pre": [],
295
+ "link": [
296
+ "family]___[value:sans]___[recipe:link",
297
+ "family]___[value:mono]___[recipe:link"
298
+ ],
299
+ "spinner": [
300
+ "size]___[value:small]___[recipe:spinner",
301
+ "size]___[value:standard]___[recipe:spinner",
302
+ "size]___[value:large]___[recipe:spinner"
303
+ ],
304
+ "badge": [
305
+ "variant]___[value:solid]___[recipe:badge",
306
+ "size]___[value:sm]___[recipe:badge",
307
+ "size]___[value:md]___[recipe:badge",
308
+ "size]___[value:lg]___[recipe:badge",
309
+ "variant]___[value:subtle]___[recipe:badge",
310
+ "variant]___[value:outline]___[recipe:badge"
311
+ ],
312
+ "tag": [
313
+ "variant]___[value:default]___[recipe:tag",
314
+ "hue]___[value:slate]___[recipe:tag",
315
+ "iconPosition]___[value:left]___[recipe:tag",
316
+ "hasIcon]___[value:false]___[recipe:tag",
317
+ "hue]___[value:red]___[recipe:tag",
318
+ "hue]___[value:orange]___[recipe:tag",
319
+ "hue]___[value:yellow]___[recipe:tag",
320
+ "hue]___[value:green]___[recipe:tag",
321
+ "hue]___[value:blue]___[recipe:tag",
322
+ "hue]___[value:purple]___[recipe:tag",
323
+ "hue]___[value:pink]___[recipe:tag",
324
+ "variant]___[value:bold]___[recipe:tag",
325
+ "iconPosition]___[value:right]___[recipe:tag"
326
+ ],
327
+ "breadcrumbs": [],
328
+ "card": [
329
+ "variant]___[value:default]___[recipe:card",
330
+ "variant]___[value:flat]___[recipe:card"
331
+ ],
332
+ "divider": [
333
+ "direction]___[value:horizontal]___[recipe:divider",
334
+ "weight]___[value:thin]___[recipe:divider",
335
+ "direction]___[value:vertical]___[recipe:divider"
336
+ ],
337
+ "label": [
338
+ "family]___[value:sans]___[recipe:label"
339
+ ],
340
+ "textinput": [
341
+ "size]___[value:medium]___[recipe:textinput",
342
+ "size]___[value:large]___[recipe:textinput",
343
+ "autoSize]___[value:false]___[recipe:textinput"
344
+ ],
345
+ "checkbox": [],
346
+ "checkboxInput": [],
347
+ "radio": [],
348
+ "tooltip": [
349
+ "position]___[value:top]___[recipe:tooltip",
350
+ "position]___[value:bottom]___[recipe:tooltip",
351
+ "position]___[value:left]___[recipe:tooltip",
352
+ "position]___[value:right]___[recipe:tooltip",
353
+ "caret]___[value:true]___[recipe:tooltip"
354
+ ],
355
+ "menu": [
356
+ "iconPlacement]___[value:left]___[recipe:menu",
357
+ "multiSelectType]___[value:checkbox]___[recipe:menu"
358
+ ],
359
+ "code": [],
360
+ "radioInput": [],
361
+ "textarea": [
362
+ "stacked]___[value:true]___[recipe:textarea",
363
+ "internalLabel]___[value:false]___[recipe:textarea",
364
+ "autoGrow]___[value:false]___[recipe:textarea"
365
+ ],
366
+ "toggle": [],
367
+ "toggleInput": []
368
+ }
369
+ }
370
+ }
@@ -0,0 +1,5 @@
1
+ import { Preset } from '@pandacss/types';
2
+
3
+ export declare const okshaunPreset: Preset;
4
+
5
+ export { }