@blockle/blocks-core 0.21.3 → 0.21.5

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.
@@ -1,234 +0,0 @@
1
- export declare const sprinkles: ((props: {
2
- readonly backgroundColor?: "white" | "black" | "body" | "primaryLight" | "primary" | "primaryDark" | "secondaryLight" | "secondary" | "secondaryDark" | "text" | "textLight" | "textDark" | "danger" | "link" | "currentColor" | undefined;
3
- readonly borderColor?: "white" | "black" | "body" | "primaryLight" | "primary" | "primaryDark" | "secondaryLight" | "secondary" | "secondaryDark" | "text" | "textLight" | "textDark" | "danger" | "link" | "currentColor" | undefined;
4
- readonly borderRadius?: ("medium" | "small" | "large" | "xlarge") | undefined;
5
- readonly borderWidth?: ("medium" | "small" | "large") | undefined;
6
- readonly border?: "none" | undefined;
7
- readonly insetBlock?: 0 | undefined;
8
- readonly insetBlockStart?: 0 | undefined;
9
- readonly insetBlockEnd?: 0 | undefined;
10
- readonly insetInline?: 0 | undefined;
11
- readonly insetInlineStart?: 0 | undefined;
12
- readonly insetInlineEnd?: 0 | undefined;
13
- readonly boxShadow?: ("medium" | "small" | "large") | undefined;
14
- readonly color?: "white" | "black" | "body" | "primaryLight" | "primary" | "primaryDark" | "secondaryLight" | "secondary" | "secondaryDark" | "text" | "textLight" | "textDark" | "danger" | "link" | "currentColor" | undefined;
15
- readonly cursor?: "auto" | "pointer" | undefined;
16
- readonly fontFamily?: "body" | "primary" | "secondary" | undefined;
17
- readonly fontStyle?: "normal" | "italic" | "oblique" | undefined;
18
- readonly fontWeight?: ("regular" | "medium" | "strong") | undefined;
19
- readonly lineHeight?: ("medium" | "xsmall" | "small" | "large" | "xlarge") | undefined;
20
- readonly blockSize?: "auto" | "fit-content" | "full" | undefined;
21
- readonly maxBlockSize?: "auto" | "fit-content" | "full" | undefined;
22
- readonly inlineSize?: "auto" | "fit-content" | "full" | undefined;
23
- readonly maxInlineSize?: "auto" | "fit-content" | "full" | undefined;
24
- readonly opacity?: 0 | 1 | undefined;
25
- readonly overflow?: "auto" | "hidden" | "scroll" | "visible" | undefined;
26
- readonly overflowBlock?: "auto" | "hidden" | "scroll" | "visible" | undefined;
27
- readonly overflowInline?: "auto" | "hidden" | "scroll" | "visible" | undefined;
28
- readonly pointerEvents?: "none" | undefined;
29
- readonly textDecoration?: "none" | "overline" | "line-through" | "underline" | undefined;
30
- readonly textTransform?: "lowercase" | "uppercase" | "capitalize" | undefined;
31
- readonly textWrap?: "balance" | "wrap" | undefined;
32
- readonly transition?: ("slow" | "normal" | "fast") | undefined;
33
- readonly userSelect?: "none" | undefined;
34
- readonly whiteSpace?: "nowrap" | "pre" | "pre-line" | "pre-wrap" | undefined;
35
- readonly wordBreak?: "break-word" | undefined;
36
- readonly wordWrap?: "break-word" | undefined;
37
- inset?: 0 | undefined;
38
- } & {
39
- readonly alignContent?: ("stretch" | "center" | "flex-start" | "flex-end" | {
40
- mobile?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
41
- tablet?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
42
- desktop?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
43
- wide?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
44
- } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, "stretch" | "center" | "flex-start" | "flex-end" | null>;
45
- readonly alignItems?: ("stretch" | "center" | "flex-start" | "flex-end" | {
46
- mobile?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
47
- tablet?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
48
- desktop?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
49
- wide?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
50
- } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, "stretch" | "center" | "flex-start" | "flex-end" | null>;
51
- readonly alignSelf?: ("stretch" | "center" | "flex-start" | "flex-end" | {
52
- mobile?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
53
- tablet?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
54
- desktop?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
55
- wide?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
56
- } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, "stretch" | "center" | "flex-start" | "flex-end" | null>;
57
- readonly columnGap?: (("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | {
58
- mobile?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
59
- tablet?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
60
- desktop?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
61
- wide?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
62
- } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | null>;
63
- readonly display?: ("none" | "flex" | "inline-flex" | "block" | "inline" | "inline-block" | "grid" | "inline-grid" | {
64
- mobile?: "none" | "flex" | "inline-flex" | "block" | "inline" | "inline-block" | "grid" | "inline-grid" | undefined;
65
- tablet?: "none" | "flex" | "inline-flex" | "block" | "inline" | "inline-block" | "grid" | "inline-grid" | undefined;
66
- desktop?: "none" | "flex" | "inline-flex" | "block" | "inline" | "inline-block" | "grid" | "inline-grid" | undefined;
67
- wide?: "none" | "flex" | "inline-flex" | "block" | "inline" | "inline-block" | "grid" | "inline-grid" | undefined;
68
- } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, "none" | "flex" | "inline-flex" | "block" | "inline" | "inline-block" | "grid" | "inline-grid" | null>;
69
- readonly flex?: (1 | {
70
- mobile?: 1 | undefined;
71
- tablet?: 1 | undefined;
72
- desktop?: 1 | undefined;
73
- wide?: 1 | undefined;
74
- } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, 1 | null>;
75
- readonly flexDirection?: ("row" | "row-reverse" | "column" | "column-reverse" | {
76
- mobile?: "row" | "row-reverse" | "column" | "column-reverse" | undefined;
77
- tablet?: "row" | "row-reverse" | "column" | "column-reverse" | undefined;
78
- desktop?: "row" | "row-reverse" | "column" | "column-reverse" | undefined;
79
- wide?: "row" | "row-reverse" | "column" | "column-reverse" | undefined;
80
- } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, "row" | "row-reverse" | "column" | "column-reverse" | null>;
81
- readonly flexGrow?: (0 | 1 | {
82
- mobile?: 0 | 1 | undefined;
83
- tablet?: 0 | 1 | undefined;
84
- desktop?: 0 | 1 | undefined;
85
- wide?: 0 | 1 | undefined;
86
- } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, 0 | 1 | null>;
87
- readonly flexShrink?: (0 | 1 | {
88
- mobile?: 0 | 1 | undefined;
89
- tablet?: 0 | 1 | undefined;
90
- desktop?: 0 | 1 | undefined;
91
- wide?: 0 | 1 | undefined;
92
- } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, 0 | 1 | null>;
93
- readonly flexWrap?: ("wrap" | "nowrap" | {
94
- mobile?: "wrap" | "nowrap" | undefined;
95
- tablet?: "wrap" | "nowrap" | undefined;
96
- desktop?: "wrap" | "nowrap" | undefined;
97
- wide?: "wrap" | "nowrap" | undefined;
98
- } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, "wrap" | "nowrap" | null>;
99
- readonly fontSize?: (("medium" | "xsmall" | "small" | "large" | "xlarge") | {
100
- mobile?: ("medium" | "xsmall" | "small" | "large" | "xlarge") | undefined;
101
- tablet?: ("medium" | "xsmall" | "small" | "large" | "xlarge") | undefined;
102
- desktop?: ("medium" | "xsmall" | "small" | "large" | "xlarge") | undefined;
103
- wide?: ("medium" | "xsmall" | "small" | "large" | "xlarge") | undefined;
104
- } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, ("medium" | "xsmall" | "small" | "large" | "xlarge") | null>;
105
- readonly gap?: (("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | {
106
- mobile?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
107
- tablet?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
108
- desktop?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
109
- wide?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
110
- } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | null>;
111
- readonly justifyContent?: ("center" | "flex-start" | "flex-end" | "space-between" | "space-around" | {
112
- mobile?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | undefined;
113
- tablet?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | undefined;
114
- desktop?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | undefined;
115
- wide?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | undefined;
116
- } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | null>;
117
- readonly marginBlockStart?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | {
118
- mobile?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
119
- tablet?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
120
- desktop?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
121
- wide?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
122
- } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | null>;
123
- readonly marginBlockEnd?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | {
124
- mobile?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
125
- tablet?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
126
- desktop?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
127
- wide?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
128
- } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | null>;
129
- readonly marginInlineStart?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | {
130
- mobile?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
131
- tablet?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
132
- desktop?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
133
- wide?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
134
- } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | null>;
135
- readonly marginInlineEnd?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | {
136
- mobile?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
137
- tablet?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
138
- desktop?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
139
- wide?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
140
- } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | null>;
141
- readonly outline?: ("none" | {
142
- mobile?: "none" | undefined;
143
- tablet?: "none" | undefined;
144
- desktop?: "none" | undefined;
145
- wide?: "none" | undefined;
146
- } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, "none" | null>;
147
- readonly padding?: (("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | {
148
- mobile?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
149
- tablet?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
150
- desktop?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
151
- wide?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
152
- } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | null>;
153
- readonly paddingBlock?: (("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | {
154
- mobile?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
155
- tablet?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
156
- desktop?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
157
- wide?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
158
- } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | null>;
159
- readonly paddingBlockStart?: (("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | {
160
- mobile?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
161
- tablet?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
162
- desktop?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
163
- wide?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
164
- } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | null>;
165
- readonly paddingBlockEnd?: (("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | {
166
- mobile?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
167
- tablet?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
168
- desktop?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
169
- wide?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
170
- } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | null>;
171
- readonly paddingInline?: (("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | {
172
- mobile?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
173
- tablet?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
174
- desktop?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
175
- wide?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
176
- } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | null>;
177
- readonly paddingInlineStart?: (("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | {
178
- mobile?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
179
- tablet?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
180
- desktop?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
181
- wide?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
182
- } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | null>;
183
- readonly paddingInlineEnd?: (("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | {
184
- mobile?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
185
- tablet?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
186
- desktop?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
187
- wide?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
188
- } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | null>;
189
- readonly position?: ("relative" | "fixed" | "absolute" | "sticky" | "static" | {
190
- mobile?: "relative" | "fixed" | "absolute" | "sticky" | "static" | undefined;
191
- tablet?: "relative" | "fixed" | "absolute" | "sticky" | "static" | undefined;
192
- desktop?: "relative" | "fixed" | "absolute" | "sticky" | "static" | undefined;
193
- wide?: "relative" | "fixed" | "absolute" | "sticky" | "static" | undefined;
194
- } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, "relative" | "fixed" | "absolute" | "sticky" | "static" | null>;
195
- readonly rowGap?: (("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | {
196
- mobile?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
197
- tablet?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
198
- desktop?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
199
- wide?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
200
- } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | null>;
201
- readonly textAlign?: ("center" | "left" | "right" | "justify" | {
202
- mobile?: "center" | "left" | "right" | "justify" | undefined;
203
- tablet?: "center" | "left" | "right" | "justify" | undefined;
204
- desktop?: "center" | "left" | "right" | "justify" | undefined;
205
- wide?: "center" | "left" | "right" | "justify" | undefined;
206
- } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, "center" | "left" | "right" | "justify" | null>;
207
- margin?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | {
208
- mobile?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
209
- tablet?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
210
- desktop?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
211
- wide?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
212
- } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | null>;
213
- marginBlock?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | {
214
- mobile?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
215
- tablet?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
216
- desktop?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
217
- wide?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
218
- } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | null>;
219
- marginInline?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | {
220
- mobile?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
221
- tablet?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
222
- desktop?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
223
- wide?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
224
- } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | null>;
225
- placeItems?: ("center" | "flex-start" | "flex-end" | {
226
- mobile?: "center" | "flex-start" | "flex-end" | undefined;
227
- tablet?: "center" | "flex-start" | "flex-end" | undefined;
228
- desktop?: "center" | "flex-start" | "flex-end" | undefined;
229
- wide?: "center" | "flex-start" | "flex-end" | undefined;
230
- } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, "center" | "flex-start" | "flex-end" | null>;
231
- }) => string) & {
232
- properties: Set<"borderRadius" | "color" | "borderWidth" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "transition" | "boxShadow" | "flex" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "blockSize" | "columnGap" | "cursor" | "display" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "inlineSize" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "justifyContent" | "marginBlockEnd" | "marginBlockStart" | "marginInlineEnd" | "marginInlineStart" | "maxBlockSize" | "maxInlineSize" | "opacity" | "overflowBlock" | "overflowInline" | "paddingBlockEnd" | "paddingBlockStart" | "paddingInlineEnd" | "paddingInlineStart" | "pointerEvents" | "position" | "rowGap" | "textAlign" | "textTransform" | "textWrap" | "userSelect" | "whiteSpace" | "wordBreak" | "wordWrap" | "border" | "borderColor" | "gap" | "inset" | "insetBlock" | "insetInline" | "margin" | "marginBlock" | "marginInline" | "outline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "placeItems" | "textDecoration">;
233
- };
234
- export type Sprinkles = Parameters<typeof sprinkles>[0];
@@ -1,52 +0,0 @@
1
- import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
2
- import { defineProperties, createSprinkles } from "@vanilla-extract/sprinkles";
3
- import { breakpointNames, minMediaQuery } from "../css/breakpoint/breakpoint.js";
4
- import { unresponsiveProperties, responsiveProperties } from "./atomicProperties.js";
5
- setFileScope("src/sprinkles/sprinkles.css.ts", "@blockle/blocks-core");
6
- const unresponsiveAtomicProperties = defineProperties({
7
- properties: unresponsiveProperties,
8
- shorthands: {
9
- inset: [
10
- "insetBlockStart",
11
- "insetBlockEnd",
12
- "insetInlineStart",
13
- "insetInlineEnd"
14
- ]
15
- }
16
- });
17
- const responsiveAtomicProperties = defineProperties({
18
- defaultCondition: "mobile",
19
- conditions: {
20
- mobile: {},
21
- tablet: {
22
- "@media": minMediaQuery("tablet")
23
- },
24
- desktop: {
25
- "@media": minMediaQuery("desktop")
26
- },
27
- wide: {
28
- "@media": minMediaQuery("wide")
29
- }
30
- },
31
- responsiveArray: breakpointNames,
32
- properties: responsiveProperties,
33
- shorthands: {
34
- margin: [
35
- "marginBlockStart",
36
- "marginBlockEnd",
37
- "marginInlineStart",
38
- "marginInlineEnd"
39
- ],
40
- marginBlock: ["marginBlockStart", "marginBlockEnd"],
41
- marginInline: ["marginInlineStart", "marginInlineEnd"],
42
- placeItems: ["justifyContent", "alignItems"]
43
- }
44
- });
45
- const sprinkles = createSprinkles(
46
- unresponsiveAtomicProperties,
47
- responsiveAtomicProperties
48
- );
49
- endFileScope();
50
- export {
51
- sprinkles
52
- };