@zuzjs/ui 0.3.7 → 0.3.9

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 (45) hide show
  1. package/dist/bin.d.ts +2 -0
  2. package/dist/bin.js +107 -0
  3. package/dist/comps/base.d.ts +10 -0
  4. package/dist/comps/base.js +12 -0
  5. package/dist/comps/box.d.ts +4 -0
  6. package/dist/comps/box.js +15 -0
  7. package/dist/comps/button.d.ts +4 -0
  8. package/dist/comps/button.js +19 -0
  9. package/dist/comps/checkbox.d.ts +4 -0
  10. package/dist/comps/checkbox.js +28 -0
  11. package/dist/comps/cover.d.ts +11 -0
  12. package/dist/comps/cover.js +36 -0
  13. package/dist/comps/form.d.ts +18 -0
  14. package/dist/comps/form.js +287 -0
  15. package/dist/comps/heading.d.ts +7 -0
  16. package/dist/comps/heading.js +21 -0
  17. package/dist/comps/icon.d.ts +5 -0
  18. package/dist/comps/icon.js +18 -0
  19. package/dist/comps/input.d.ts +6 -0
  20. package/dist/comps/input.js +23 -0
  21. package/dist/comps/sheet.d.ts +13 -0
  22. package/dist/comps/sheet.js +102 -0
  23. package/dist/comps/spinner.d.ts +14 -0
  24. package/dist/comps/spinner.js +42 -0
  25. package/dist/funs/colors.d.ts +7 -0
  26. package/dist/funs/colors.js +9 -0
  27. package/dist/funs/css.d.ts +269 -0
  28. package/dist/funs/css.js +413 -0
  29. package/dist/funs/index.d.ts +20 -0
  30. package/dist/funs/index.js +125 -0
  31. package/dist/funs/stylesheet.d.ts +242 -0
  32. package/dist/funs/stylesheet.js +249 -0
  33. package/dist/index.d.ts +11 -0
  34. package/dist/index.js +11 -0
  35. package/dist/styles.css +1 -460
  36. package/dist/types/enums.d.ts +19 -0
  37. package/dist/types/enums.js +23 -0
  38. package/dist/types/index.d.ts +24 -0
  39. package/dist/types/index.js +1 -0
  40. package/dist/types/interfaces.d.ts +4 -0
  41. package/dist/types/interfaces.js +1 -0
  42. package/package.json +50 -44
  43. package/README.md +0 -1
  44. package/dist/hooks.js +0 -89
  45. package/dist/ui.js +0 -688
@@ -0,0 +1,242 @@
1
+ export declare const cssProps: {
2
+ alignContent: string;
3
+ alignItems: string;
4
+ alignSelf: string;
5
+ animation: string;
6
+ animationDelay: string;
7
+ animationDirection: string;
8
+ animationDuration: string;
9
+ animationFillMode: string;
10
+ animationIterationCount: string;
11
+ animationName: string;
12
+ animationPlayState: string;
13
+ animationTimingFunction: string;
14
+ background: string;
15
+ bg: string;
16
+ backgroundColor: string;
17
+ backgroundImage: string;
18
+ backgroundOrigin: string;
19
+ backgroundPosition: string;
20
+ backgroundRepeat: string;
21
+ backgroundSize: string;
22
+ backfaceVisibility: string;
23
+ backgroundAttachment: string;
24
+ backgroundBlendMode: string;
25
+ backgroundClip: string;
26
+ border: string;
27
+ borderBottom: string;
28
+ borderBottomColor: string;
29
+ borderBottomStyle: string;
30
+ borderBottomWidth: string;
31
+ borderCollapse: string;
32
+ borderColor: string;
33
+ borderImage: string;
34
+ borderImageOutset: string;
35
+ borderImageRepeat: string;
36
+ borderImageSlice: string;
37
+ borderImageSource: string;
38
+ borderImageWidth: string;
39
+ borderLeft: string;
40
+ borderLeftColor: string;
41
+ borderLeftStyle: string;
42
+ borderLeftWidth: string;
43
+ borderRight: string;
44
+ borderRightColor: string;
45
+ borderRightStyle: string;
46
+ borderRightWidth: string;
47
+ borderSpacing: string;
48
+ borderStyle: string;
49
+ borderTop: string;
50
+ borderTopColor: string;
51
+ borderTopStyle: string;
52
+ borderTopWidth: string;
53
+ borderWidth: string;
54
+ borderRadius: string;
55
+ r: string;
56
+ borderTopLeftRadius: string;
57
+ rtl: string;
58
+ borderTopRightRadius: string;
59
+ rtr: string;
60
+ borderBottomLeftRadius: string;
61
+ rbl: string;
62
+ borderBottomRightRadius: string;
63
+ rbr: string;
64
+ bottom: string;
65
+ boxDecorationBreak: string;
66
+ boxShadow: string;
67
+ boxSizing: string;
68
+ captionSide: string;
69
+ caretColor: string;
70
+ "@charset": string;
71
+ clear: string;
72
+ clip: string;
73
+ clipPath: string;
74
+ color: string;
75
+ c: string;
76
+ columnCount: string;
77
+ columnFill: string;
78
+ columnGap: string;
79
+ colGap: string;
80
+ columnRule: string;
81
+ columnRuleColor: string;
82
+ columnRuleStyle: string;
83
+ columnRuleWidth: string;
84
+ columnSpan: string;
85
+ columnWidth: string;
86
+ columns: string;
87
+ content: string;
88
+ counterIncrement: string;
89
+ counterReset: string;
90
+ cursor: string;
91
+ pointer: string;
92
+ direction: string;
93
+ display: string;
94
+ emptyCells: string;
95
+ filter: string;
96
+ flex: string;
97
+ flexBasis: string;
98
+ flexDirection: string;
99
+ flexDir: string;
100
+ flexFlow: string;
101
+ flexGrow: string;
102
+ flexShrink: string;
103
+ flexWrap: string;
104
+ float: string;
105
+ font: string;
106
+ fontFamily: string;
107
+ fontKerning: string;
108
+ s: string;
109
+ fontSize: string;
110
+ fontSizeAdjust: string;
111
+ fontStretch: string;
112
+ fontStyle: string;
113
+ fontVariant: string;
114
+ bold: string;
115
+ fontWeight: string;
116
+ b: string;
117
+ gap: string;
118
+ grid: string;
119
+ gridArea: string;
120
+ gridAutoColumns: string;
121
+ gridAutoFlow: string;
122
+ gridAutoRows: string;
123
+ gridColumn: string;
124
+ gridColumnEnd: string;
125
+ gridColumnGap: string;
126
+ gridColumnStart: string;
127
+ gridGap: string;
128
+ gridRow: string;
129
+ gridRowEnd: string;
130
+ gridRowGap: string;
131
+ gridRowStart: string;
132
+ gridTemplate: string;
133
+ gridTemplateAreas: string;
134
+ gridTemplateColumns: string;
135
+ gridTemplateRows: string;
136
+ hangingPunctuation: string;
137
+ hyphens: string;
138
+ isolation: string;
139
+ justifyContent: string;
140
+ left: string;
141
+ letterSpacing: string;
142
+ lineHeight: string;
143
+ lh: string;
144
+ listStyle: string;
145
+ listStyleImage: string;
146
+ listStylePosition: string;
147
+ listStyleType: string;
148
+ aspectRatio: string;
149
+ margin: string;
150
+ m: string;
151
+ marginBottom: string;
152
+ mb: string;
153
+ marginLeft: string;
154
+ ml: string;
155
+ marginRight: string;
156
+ mr: string;
157
+ marginTop: string;
158
+ mt: string;
159
+ height: string;
160
+ h: string;
161
+ minHeight: string;
162
+ minH: string;
163
+ maxHeight: string;
164
+ maxH: string;
165
+ width: string;
166
+ w: string;
167
+ minWidth: string;
168
+ minW: string;
169
+ maxWidth: string;
170
+ maxW: string;
171
+ mixBlendMode: string;
172
+ objectFit: string;
173
+ objectPosition: string;
174
+ opacity: string;
175
+ order: string;
176
+ outline: string;
177
+ outlineColor: string;
178
+ outlineOffset: string;
179
+ outlineStyle: string;
180
+ outlineWidth: string;
181
+ overflow: string;
182
+ overflowX: string;
183
+ overflowY: string;
184
+ padding: string;
185
+ p: string;
186
+ paddingBottom: string;
187
+ pb: string;
188
+ paddingLeft: string;
189
+ pl: string;
190
+ paddingRight: string;
191
+ pr: string;
192
+ paddingTop: string;
193
+ pt: string;
194
+ pageBreakAfter: string;
195
+ pageBreakBefore: string;
196
+ pageBreakInside: string;
197
+ perspective: string;
198
+ perspectiveOrigin: string;
199
+ pointerEvents: string;
200
+ position: string;
201
+ quotes: string;
202
+ resize: string;
203
+ right: string;
204
+ scrollBehavior: string;
205
+ tabSize: string;
206
+ tableLayout: string;
207
+ align: string;
208
+ textAlign: string;
209
+ textAlignLast: string;
210
+ textDecoration: string;
211
+ td: string;
212
+ textDecorationColor: string;
213
+ textDecorationLine: string;
214
+ textDecorationStyle: string;
215
+ textIndent: string;
216
+ textJustify: string;
217
+ textOverflow: string;
218
+ textShadow: string;
219
+ textTransform: string;
220
+ top: string;
221
+ transform: string;
222
+ "transform(2D)": string;
223
+ "transformOrigin(twoValue syntax)": string;
224
+ transformStyle: string;
225
+ transition: string;
226
+ transitionDelay: string;
227
+ transitionDuration: string;
228
+ transitionProperty: string;
229
+ transitionTimingFunction: string;
230
+ unicodeBidi: string;
231
+ userSelect: string;
232
+ verticalAlign: string;
233
+ visibility: string;
234
+ whiteSpace: string;
235
+ wordBreak: string;
236
+ wordSpacing: string;
237
+ textWrap: string;
238
+ wordWrap: string;
239
+ writingMode: string;
240
+ zIndex: string;
241
+ backdropFilter: string;
242
+ };
@@ -0,0 +1,249 @@
1
+ export const cssProps = {
2
+ "alignContent": "align-content",
3
+ "alignItems": "align-items",
4
+ "alignSelf": "align-self",
5
+ //Animations
6
+ "animation": "animation",
7
+ "animationDelay": "animation-delay",
8
+ "animationDirection": "animation-direction",
9
+ "animationDuration": "animation-duration",
10
+ "animationFillMode": "animation-fill-mode",
11
+ "animationIterationCount": "animation-iteration-count",
12
+ "animationName": "animation-name",
13
+ "animationPlayState": "animation-play-state",
14
+ "animationTimingFunction": "animation-timing-function",
15
+ //Backgrounds
16
+ "background": "background",
17
+ "bg": "background",
18
+ "backgroundColor": "background-color",
19
+ "backgroundImage": "background-image",
20
+ "backgroundOrigin": "background-origin",
21
+ "backgroundPosition": "background-position",
22
+ "backgroundRepeat": "background-repeat",
23
+ "backgroundSize": "background-size",
24
+ "backfaceVisibility": "backface-visibility",
25
+ "backgroundAttachment": "background-attachment",
26
+ "backgroundBlendMode": "background-blend-mode",
27
+ "backgroundClip": "background-clip",
28
+ //Borders
29
+ "border": "border",
30
+ "borderBottom": "border-bottom",
31
+ "borderBottomColor": "border-bottom-color",
32
+ "borderBottomStyle": "border-bottom-style",
33
+ "borderBottomWidth": "border-bottom-width",
34
+ "borderCollapse": "border-collapse",
35
+ "borderColor": "border-color",
36
+ "borderImage": "border-image",
37
+ "borderImageOutset": "border-image-outset",
38
+ "borderImageRepeat": "border-image-repeat",
39
+ "borderImageSlice": "border-image-slice",
40
+ "borderImageSource": "border-image-source",
41
+ "borderImageWidth": "border-image-width",
42
+ "borderLeft": "border-left",
43
+ "borderLeftColor": "border-left-color",
44
+ "borderLeftStyle": "border-left-style",
45
+ "borderLeftWidth": "border-left-width",
46
+ "borderRight": "border-right",
47
+ "borderRightColor": "border-right-color",
48
+ "borderRightStyle": "border-right-style",
49
+ "borderRightWidth": "border-right-width",
50
+ "borderSpacing": "border-spacing",
51
+ "borderStyle": "border-style",
52
+ "borderTop": "border-top",
53
+ "borderTopColor": "border-top-color",
54
+ "borderTopStyle": "border-top-style",
55
+ "borderTopWidth": "border-top-width",
56
+ "borderWidth": "border-width",
57
+ //Radius
58
+ "borderRadius": "border-radius",
59
+ "r": "border-radius",
60
+ "borderTopLeftRadius": "border-top-left-radius",
61
+ "rtl": "border-top-left-radius",
62
+ "borderTopRightRadius": "border-top-right-radius",
63
+ "rtr": "border-top-right-radius",
64
+ "borderBottomLeftRadius": "border-bottom-left-radius",
65
+ "rbl": "border-bottom-left-radius",
66
+ "borderBottomRightRadius": "border-bottom-right-radius",
67
+ "rbr": "border-bottom-right-radius",
68
+ "bottom": "bottom",
69
+ "boxDecorationBreak": "box-decoration-break",
70
+ "boxShadow": "box-shadow",
71
+ "boxSizing": "box-sizing",
72
+ "captionSide": "caption-side",
73
+ "caretColor": "caret-color",
74
+ "@charset": "@charset",
75
+ "clear": "clear",
76
+ "clip": "clip",
77
+ "clipPath": "clip-path",
78
+ "color": "color",
79
+ "c": "color",
80
+ "columnCount": "column-count",
81
+ "columnFill": "column-fill",
82
+ "columnGap": "column-gap",
83
+ "colGap": "column-gap",
84
+ "columnRule": "column-rule",
85
+ "columnRuleColor": "column-rule-color",
86
+ "columnRuleStyle": "column-rule-style",
87
+ "columnRuleWidth": "column-rule-width",
88
+ "columnSpan": "column-span",
89
+ "columnWidth": "column-width",
90
+ "columns": "columns",
91
+ "content": "content",
92
+ "counterIncrement": "counter-increment",
93
+ "counterReset": "counter-reset",
94
+ "cursor": "cursor",
95
+ "pointer": "pointer",
96
+ "direction": "direction",
97
+ "display": "display",
98
+ "emptyCells": "empty-cells",
99
+ "filter": "filter",
100
+ "flex": "flex",
101
+ "flexBasis": "flex-basis",
102
+ "flexDirection": "flex-direction",
103
+ "flexDir": "flex-direction",
104
+ "flexFlow": "flex-flow",
105
+ "flexGrow": "flex-grow",
106
+ "flexShrink": "flex-shrink",
107
+ "flexWrap": "flex-wrap",
108
+ "float": "float",
109
+ "font": "font",
110
+ "fontFamily": "font-family",
111
+ "fontKerning": "font-kerning",
112
+ "s": "font-size",
113
+ "fontSize": "font-size",
114
+ "fontSizeAdjust": "font-size-adjust",
115
+ "fontStretch": "font-stretch",
116
+ "fontStyle": "font-style",
117
+ "fontVariant": "font-variant",
118
+ "bold": "bold",
119
+ "fontWeight": "font-weight",
120
+ "b": "font-weight",
121
+ "gap": "gap",
122
+ "grid": "grid",
123
+ "gridArea": "grid-area",
124
+ "gridAutoColumns": "grid-auto-columns",
125
+ "gridAutoFlow": "grid-auto-flow",
126
+ "gridAutoRows": "grid-auto-rows",
127
+ "gridColumn": "grid-column",
128
+ "gridColumnEnd": "grid-column-end",
129
+ "gridColumnGap": "grid-column-gap",
130
+ "gridColumnStart": "grid-column-start",
131
+ "gridGap": "grid-gap",
132
+ "gridRow": "grid-row",
133
+ "gridRowEnd": "grid-row-end",
134
+ "gridRowGap": "grid-row-gap",
135
+ "gridRowStart": "grid-row-start",
136
+ "gridTemplate": "grid-template",
137
+ "gridTemplateAreas": "grid-template-areas",
138
+ "gridTemplateColumns": "grid-template-columns",
139
+ "gridTemplateRows": "grid-template-rows",
140
+ "hangingPunctuation": "hanging-punctuation",
141
+ "hyphens": "hyphens",
142
+ "isolation": "isolation",
143
+ "justifyContent": "justify-content",
144
+ "left": "left",
145
+ "letterSpacing": "letter-spacing",
146
+ "lineHeight": "line-height",
147
+ "lh": "line-height",
148
+ "listStyle": "list-style",
149
+ "listStyleImage": "list-style-image",
150
+ "listStylePosition": "list-style-position",
151
+ "listStyleType": "list-style-type",
152
+ "aspectRatio": "aspect-ratio",
153
+ //Margin
154
+ "margin": "margin",
155
+ "m": "margin",
156
+ "marginBottom": "margin-bottom",
157
+ "mb": "margin-bottom",
158
+ "marginLeft": "margin-left",
159
+ "ml": "margin-left",
160
+ "marginRight": "margin-right",
161
+ "mr": "margin-right",
162
+ "marginTop": "margin-top",
163
+ "mt": "margin-top",
164
+ //Height
165
+ "height": "height",
166
+ "h": "height",
167
+ "minHeight": "min-height",
168
+ "minH": "min-height",
169
+ "maxHeight": "max-height",
170
+ "maxH": "max-height",
171
+ //Width
172
+ "width": "width",
173
+ "w": "width",
174
+ "minWidth": "min-width",
175
+ "minW": "min-width",
176
+ "maxWidth": "max-width",
177
+ "maxW": "max-width",
178
+ "mixBlendMode": "mix-blend-mode",
179
+ "objectFit": "object-fit",
180
+ "objectPosition": "object-position",
181
+ "opacity": "opacity",
182
+ "order": "order",
183
+ "outline": "outline",
184
+ "outlineColor": "outline-color",
185
+ "outlineOffset": "outline-offset",
186
+ "outlineStyle": "outline-style",
187
+ "outlineWidth": "outline-width",
188
+ "overflow": "overflow",
189
+ "overflowX": "overflow-x",
190
+ "overflowY": "overflow-y",
191
+ "padding": "padding",
192
+ "p": "padding",
193
+ "paddingBottom": "padding-bottom",
194
+ "pb": "padding-bottom",
195
+ "paddingLeft": "padding-left",
196
+ "pl": "padding-left",
197
+ "paddingRight": "padding-right",
198
+ "pr": "padding-right",
199
+ "paddingTop": "padding-top",
200
+ "pt": "padding-top",
201
+ "pageBreakAfter": "page-break-after",
202
+ "pageBreakBefore": "page-break-before",
203
+ "pageBreakInside": "page-break-inside",
204
+ "perspective": "perspective",
205
+ "perspectiveOrigin": "perspective-origin",
206
+ "pointerEvents": "pointer-events",
207
+ "position": "position",
208
+ "quotes": "quotes",
209
+ "resize": "resize",
210
+ "right": "right",
211
+ "scrollBehavior": "scroll-behavior",
212
+ "tabSize": "tab-size",
213
+ "tableLayout": "table-layout",
214
+ "align": "text-align",
215
+ "textAlign": "text-align",
216
+ "textAlignLast": "text-align-last",
217
+ "textDecoration": "text-decoration",
218
+ "td": "text-decoration",
219
+ "textDecorationColor": "text-decoration-color",
220
+ "textDecorationLine": "text-decoration-line",
221
+ "textDecorationStyle": "text-decoration-style",
222
+ "textIndent": "text-indent",
223
+ "textJustify": "text-justify",
224
+ "textOverflow": "text-overflow",
225
+ "textShadow": "text-shadow",
226
+ "textTransform": "text-transform",
227
+ "top": "top",
228
+ "transform": "transform",
229
+ "transform(2D)": "transform(2D)",
230
+ "transformOrigin(twoValue syntax)": "transform-origin(two-value syntax)",
231
+ "transformStyle": "transform-style",
232
+ "transition": "transition",
233
+ "transitionDelay": "transition-delay",
234
+ "transitionDuration": "transition-duration",
235
+ "transitionProperty": "transition-property",
236
+ "transitionTimingFunction": "transition-timing-function",
237
+ "unicodeBidi": "unicode-bidi",
238
+ "userSelect": "user-select",
239
+ "verticalAlign": "vertical-align",
240
+ "visibility": "visibility",
241
+ "whiteSpace": "white-space",
242
+ "wordBreak": "word-break",
243
+ "wordSpacing": "word-spacing",
244
+ "textWrap": "textWrap",
245
+ "wordWrap": "word-wrap",
246
+ "writingMode": "writing-mode",
247
+ "zIndex": "z-index",
248
+ "backdropFilter": "backdrop-filter"
249
+ };
@@ -0,0 +1,11 @@
1
+ export { withZuz as css } from './funs';
2
+ export { default as Box } from "./comps/box";
3
+ export { default as Button } from "./comps/button";
4
+ export { default as CheckBox } from "./comps/checkbox";
5
+ export { default as Cover } from "./comps/cover";
6
+ export { default as Form } from "./comps/form";
7
+ export { default as Heading } from "./comps/heading";
8
+ export { default as Icon } from "./comps/icon";
9
+ export { default as Input } from "./comps/input";
10
+ export { default as Sheet } from "./comps/sheet";
11
+ export { default as Spinner } from "./comps/spinner";
package/dist/index.js ADDED
@@ -0,0 +1,11 @@
1
+ export { withZuz as css } from './funs';
2
+ export { default as Box } from "./comps/box";
3
+ export { default as Button } from "./comps/button";
4
+ export { default as CheckBox } from "./comps/checkbox";
5
+ export { default as Cover } from "./comps/cover";
6
+ export { default as Form } from "./comps/form";
7
+ export { default as Heading } from "./comps/heading";
8
+ export { default as Icon } from "./comps/icon";
9
+ export { default as Input } from "./comps/input";
10
+ export { default as Sheet } from "./comps/sheet";
11
+ export { default as Spinner } from "./comps/spinner";