@cronocode/react-box 1.6.0 → 1.6.1

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,1544 @@
1
+ import { ThemeComponentProps } from '../../theme';
2
+ import { Augmented } from '../../types';
3
+ type Hovered<T> = {
4
+ [K in keyof T as K extends string ? `${K}H` : never]: T[K];
5
+ };
6
+ type Focused<T> = {
7
+ [K in keyof T as K extends string ? `${K}F` : never]: T[K];
8
+ };
9
+ type Activated<T> = {
10
+ [K in keyof T as K extends string ? `${K}A` : never]: T[K];
11
+ };
12
+ export interface StyleValues {
13
+ values: Readonly<Array<string | number | boolean>>;
14
+ formatClassName?: (key: string, value: string | number | boolean) => string;
15
+ formatValue?: (key: string, value: string | number | boolean) => string;
16
+ }
17
+ export interface ThemeItem {
18
+ cssNames: string[];
19
+ formatValue: (key: string, value: string | number | boolean) => string;
20
+ }
21
+ export declare const pseudoClassSuffixes: readonly ["H", "F", "A"];
22
+ export type PseudoClassSuffix = (typeof pseudoClassSuffixes)[number];
23
+ export interface StyleItem {
24
+ cssNames: string[];
25
+ values1: StyleValues;
26
+ values2: StyleValues;
27
+ values3: StyleValues;
28
+ pseudoSuffix?: PseudoClassSuffix;
29
+ isThemeStyle?: boolean;
30
+ }
31
+ declare namespace ValueFormatters {
32
+ function rem(_key: string, value: string | number | boolean): string;
33
+ function px(_key: string, value: string | number | boolean): string;
34
+ function fraction(_key: string, value: string | number | boolean): string;
35
+ function widthHeight(key: string, value: string | number | boolean): string;
36
+ function variables(prefix: string): (key: string, value: string | number | boolean) => string;
37
+ }
38
+ declare namespace ClassNameFormatters {
39
+ function fraction(key: string, value: string | number | boolean): string;
40
+ }
41
+ export declare const themeStyles: {
42
+ shadow: {
43
+ cssNames: string[];
44
+ formatValue: (key: string, value: string | number | boolean) => string;
45
+ };
46
+ background: {
47
+ cssNames: string[];
48
+ formatValue: (key: string, value: string | number | boolean) => string;
49
+ };
50
+ color: {
51
+ cssNames: string[];
52
+ formatValue: (key: string, value: string | number | boolean) => string;
53
+ };
54
+ bgColor: {
55
+ cssNames: string[];
56
+ formatValue: (key: string, value: string | number | boolean) => string;
57
+ };
58
+ borderColor: {
59
+ cssNames: string[];
60
+ formatValue: (key: string, value: string | number | boolean) => string;
61
+ };
62
+ outlineColor: {
63
+ cssNames: string[];
64
+ formatValue: (key: string, value: string | number | boolean) => string;
65
+ };
66
+ };
67
+ export declare const doxStyles: {
68
+ display: {
69
+ cssNames: string[];
70
+ values1: {
71
+ values: readonly ["none", "block", "inline-block", "flex", "inline-flex", "grid", "inline-grid", "contents"];
72
+ };
73
+ values2: {
74
+ values: readonly [];
75
+ };
76
+ values3: {
77
+ values: readonly [];
78
+ };
79
+ };
80
+ boxSizing: {
81
+ cssNames: string[];
82
+ values1: {
83
+ values: readonly ["border-box", "content-box"];
84
+ };
85
+ values2: {
86
+ values: readonly [];
87
+ };
88
+ values3: {
89
+ values: readonly [];
90
+ };
91
+ };
92
+ width: {
93
+ cssNames: string[];
94
+ values1: {
95
+ values: readonly ["fit", "fit-screen", "auto", "fit-content", "max-content", "min-content"];
96
+ formatValue: typeof ValueFormatters.widthHeight;
97
+ };
98
+ values2: {
99
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100];
100
+ formatValue: typeof ValueFormatters.rem;
101
+ };
102
+ values3: {
103
+ values: readonly ["1/2", "1/3", "2/3", "1/4", "2/4", "3/4", "1/5", "2/5", "3/5", "4/5", "1/6", "2/6", "3/6", "4/6", "5/6", "1/12", "2/12", "3/12", "4/12", "5/12", "6/12", "7/12", "8/12", "9/12", "10/12", "11/12"];
104
+ formatValue: typeof ValueFormatters.fraction;
105
+ formatClassName: typeof ClassNameFormatters.fraction;
106
+ };
107
+ };
108
+ minWidth: {
109
+ cssNames: string[];
110
+ values1: {
111
+ values: readonly ["fit", "fit-screen", "auto", "fit-content", "max-content", "min-content"];
112
+ formatValue: typeof ValueFormatters.widthHeight;
113
+ };
114
+ values2: {
115
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100];
116
+ formatValue: typeof ValueFormatters.rem;
117
+ };
118
+ values3: {
119
+ values: readonly ["1/2", "1/3", "2/3", "1/4", "2/4", "3/4", "1/5", "2/5", "3/5", "4/5", "1/6", "2/6", "3/6", "4/6", "5/6", "1/12", "2/12", "3/12", "4/12", "5/12", "6/12", "7/12", "8/12", "9/12", "10/12", "11/12"];
120
+ formatValue: typeof ValueFormatters.fraction;
121
+ formatClassName: typeof ClassNameFormatters.fraction;
122
+ };
123
+ };
124
+ maxWidth: {
125
+ cssNames: string[];
126
+ values1: {
127
+ values: readonly ["fit", "fit-screen", "auto", "fit-content", "max-content", "min-content"];
128
+ formatValue: typeof ValueFormatters.widthHeight;
129
+ };
130
+ values2: {
131
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100];
132
+ formatValue: typeof ValueFormatters.rem;
133
+ };
134
+ values3: {
135
+ values: readonly ["1/2", "1/3", "2/3", "1/4", "2/4", "3/4", "1/5", "2/5", "3/5", "4/5", "1/6", "2/6", "3/6", "4/6", "5/6", "1/12", "2/12", "3/12", "4/12", "5/12", "6/12", "7/12", "8/12", "9/12", "10/12", "11/12"];
136
+ formatValue: typeof ValueFormatters.fraction;
137
+ formatClassName: typeof ClassNameFormatters.fraction;
138
+ };
139
+ };
140
+ height: {
141
+ cssNames: string[];
142
+ values1: {
143
+ values: readonly ["fit", "fit-screen", "auto", "fit-content", "max-content", "min-content"];
144
+ formatValue: typeof ValueFormatters.widthHeight;
145
+ };
146
+ values2: {
147
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100];
148
+ formatValue: typeof ValueFormatters.rem;
149
+ };
150
+ values3: {
151
+ values: readonly ["1/2", "1/3", "2/3", "1/4", "2/4", "3/4", "1/5", "2/5", "3/5", "4/5", "1/6", "2/6", "3/6", "4/6", "5/6", "1/12", "2/12", "3/12", "4/12", "5/12", "6/12", "7/12", "8/12", "9/12", "10/12", "11/12"];
152
+ formatValue: typeof ValueFormatters.fraction;
153
+ formatClassName: typeof ClassNameFormatters.fraction;
154
+ };
155
+ };
156
+ minHeight: {
157
+ cssNames: string[];
158
+ values1: {
159
+ values: readonly ["fit", "fit-screen", "auto", "fit-content", "max-content", "min-content"];
160
+ formatValue: typeof ValueFormatters.widthHeight;
161
+ };
162
+ values2: {
163
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100];
164
+ formatValue: typeof ValueFormatters.rem;
165
+ };
166
+ values3: {
167
+ values: readonly ["1/2", "1/3", "2/3", "1/4", "2/4", "3/4", "1/5", "2/5", "3/5", "4/5", "1/6", "2/6", "3/6", "4/6", "5/6", "1/12", "2/12", "3/12", "4/12", "5/12", "6/12", "7/12", "8/12", "9/12", "10/12", "11/12"];
168
+ formatValue: typeof ValueFormatters.fraction;
169
+ formatClassName: typeof ClassNameFormatters.fraction;
170
+ };
171
+ };
172
+ maxHeight: {
173
+ cssNames: string[];
174
+ values1: {
175
+ values: readonly ["fit", "fit-screen", "auto", "fit-content", "max-content", "min-content"];
176
+ formatValue: typeof ValueFormatters.widthHeight;
177
+ };
178
+ values2: {
179
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100];
180
+ formatValue: typeof ValueFormatters.rem;
181
+ };
182
+ values3: {
183
+ values: readonly ["1/2", "1/3", "2/3", "1/4", "2/4", "3/4", "1/5", "2/5", "3/5", "4/5", "1/6", "2/6", "3/6", "4/6", "5/6", "1/12", "2/12", "3/12", "4/12", "5/12", "6/12", "7/12", "8/12", "9/12", "10/12", "11/12"];
184
+ formatValue: typeof ValueFormatters.fraction;
185
+ formatClassName: typeof ClassNameFormatters.fraction;
186
+ };
187
+ };
188
+ position: {
189
+ cssNames: string[];
190
+ values1: {
191
+ values: readonly ["static", "relative", "absolute", "fixed", "sticky"];
192
+ };
193
+ values2: {
194
+ values: readonly [];
195
+ };
196
+ values3: {
197
+ values: readonly [];
198
+ };
199
+ };
200
+ top: {
201
+ cssNames: string[];
202
+ values1: {
203
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
204
+ formatValue: typeof ValueFormatters.rem;
205
+ };
206
+ values2: {
207
+ values: readonly [];
208
+ };
209
+ values3: {
210
+ values: readonly [];
211
+ };
212
+ };
213
+ right: {
214
+ cssNames: string[];
215
+ values1: {
216
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
217
+ formatValue: typeof ValueFormatters.rem;
218
+ };
219
+ values2: {
220
+ values: readonly [];
221
+ };
222
+ values3: {
223
+ values: readonly [];
224
+ };
225
+ };
226
+ bottom: {
227
+ cssNames: string[];
228
+ values1: {
229
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
230
+ formatValue: typeof ValueFormatters.rem;
231
+ };
232
+ values2: {
233
+ values: readonly [];
234
+ };
235
+ values3: {
236
+ values: readonly [];
237
+ };
238
+ };
239
+ left: {
240
+ cssNames: string[];
241
+ values1: {
242
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
243
+ formatValue: typeof ValueFormatters.rem;
244
+ };
245
+ values2: {
246
+ values: readonly [];
247
+ };
248
+ values3: {
249
+ values: readonly [];
250
+ };
251
+ };
252
+ inset: {
253
+ cssNames: string[];
254
+ values1: {
255
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
256
+ formatValue: typeof ValueFormatters.rem;
257
+ };
258
+ values2: {
259
+ values: readonly [];
260
+ };
261
+ values3: {
262
+ values: readonly [];
263
+ };
264
+ };
265
+ margin: {
266
+ cssNames: string[];
267
+ values1: {
268
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
269
+ formatValue: typeof ValueFormatters.rem;
270
+ };
271
+ values2: {
272
+ values: readonly ["auto"];
273
+ };
274
+ values3: {
275
+ values: readonly [];
276
+ };
277
+ };
278
+ marginHorizontal: {
279
+ cssNames: string[];
280
+ values1: {
281
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
282
+ formatValue: typeof ValueFormatters.rem;
283
+ };
284
+ values2: {
285
+ values: readonly ["auto"];
286
+ };
287
+ values3: {
288
+ values: readonly [];
289
+ };
290
+ };
291
+ marginVertical: {
292
+ cssNames: string[];
293
+ values1: {
294
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
295
+ formatValue: typeof ValueFormatters.rem;
296
+ };
297
+ values2: {
298
+ values: readonly ["auto"];
299
+ };
300
+ values3: {
301
+ values: readonly [];
302
+ };
303
+ };
304
+ marginTop: {
305
+ cssNames: string[];
306
+ values1: {
307
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
308
+ formatValue: typeof ValueFormatters.rem;
309
+ };
310
+ values2: {
311
+ values: readonly ["auto"];
312
+ };
313
+ values3: {
314
+ values: readonly [];
315
+ };
316
+ };
317
+ marginRight: {
318
+ cssNames: string[];
319
+ values1: {
320
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
321
+ formatValue: typeof ValueFormatters.rem;
322
+ };
323
+ values2: {
324
+ values: readonly ["auto"];
325
+ };
326
+ values3: {
327
+ values: readonly [];
328
+ };
329
+ };
330
+ marginBottom: {
331
+ cssNames: string[];
332
+ values1: {
333
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
334
+ formatValue: typeof ValueFormatters.rem;
335
+ };
336
+ values2: {
337
+ values: readonly ["auto"];
338
+ };
339
+ values3: {
340
+ values: readonly [];
341
+ };
342
+ };
343
+ marginLeft: {
344
+ cssNames: string[];
345
+ values1: {
346
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
347
+ formatValue: typeof ValueFormatters.rem;
348
+ };
349
+ values2: {
350
+ values: readonly ["auto"];
351
+ };
352
+ values3: {
353
+ values: readonly [];
354
+ };
355
+ };
356
+ padding: {
357
+ cssNames: string[];
358
+ values1: {
359
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
360
+ formatValue: typeof ValueFormatters.rem;
361
+ };
362
+ values2: {
363
+ values: readonly [];
364
+ };
365
+ values3: {
366
+ values: readonly [];
367
+ };
368
+ };
369
+ paddingHorizontal: {
370
+ cssNames: string[];
371
+ values1: {
372
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
373
+ formatValue: typeof ValueFormatters.rem;
374
+ };
375
+ values2: {
376
+ values: readonly [];
377
+ };
378
+ values3: {
379
+ values: readonly [];
380
+ };
381
+ };
382
+ paddingVertical: {
383
+ cssNames: string[];
384
+ values1: {
385
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
386
+ formatValue: typeof ValueFormatters.rem;
387
+ };
388
+ values2: {
389
+ values: readonly [];
390
+ };
391
+ values3: {
392
+ values: readonly [];
393
+ };
394
+ };
395
+ paddingTop: {
396
+ cssNames: string[];
397
+ values1: {
398
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
399
+ formatValue: typeof ValueFormatters.rem;
400
+ };
401
+ values2: {
402
+ values: readonly [];
403
+ };
404
+ values3: {
405
+ values: readonly [];
406
+ };
407
+ };
408
+ paddingRight: {
409
+ cssNames: string[];
410
+ values1: {
411
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
412
+ formatValue: typeof ValueFormatters.rem;
413
+ };
414
+ values2: {
415
+ values: readonly [];
416
+ };
417
+ values3: {
418
+ values: readonly [];
419
+ };
420
+ };
421
+ paddingBottom: {
422
+ cssNames: string[];
423
+ values1: {
424
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
425
+ formatValue: typeof ValueFormatters.rem;
426
+ };
427
+ values2: {
428
+ values: readonly [];
429
+ };
430
+ values3: {
431
+ values: readonly [];
432
+ };
433
+ };
434
+ paddingLeft: {
435
+ cssNames: string[];
436
+ values1: {
437
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
438
+ formatValue: typeof ValueFormatters.rem;
439
+ };
440
+ values2: {
441
+ values: readonly [];
442
+ };
443
+ values3: {
444
+ values: readonly [];
445
+ };
446
+ };
447
+ border: {
448
+ cssNames: string[];
449
+ values1: {
450
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100];
451
+ formatValue: typeof ValueFormatters.px;
452
+ };
453
+ values2: {
454
+ values: readonly [];
455
+ };
456
+ values3: {
457
+ values: readonly [];
458
+ };
459
+ };
460
+ borderHorizontal: {
461
+ cssNames: string[];
462
+ values1: {
463
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
464
+ formatValue: typeof ValueFormatters.px;
465
+ };
466
+ values2: {
467
+ values: readonly [];
468
+ };
469
+ values3: {
470
+ values: readonly [];
471
+ };
472
+ };
473
+ borderVertical: {
474
+ cssNames: string[];
475
+ values1: {
476
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
477
+ formatValue: typeof ValueFormatters.px;
478
+ };
479
+ values2: {
480
+ values: readonly [];
481
+ };
482
+ values3: {
483
+ values: readonly [];
484
+ };
485
+ };
486
+ borderTop: {
487
+ cssNames: string[];
488
+ values1: {
489
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
490
+ formatValue: typeof ValueFormatters.px;
491
+ };
492
+ values2: {
493
+ values: readonly [];
494
+ };
495
+ values3: {
496
+ values: readonly [];
497
+ };
498
+ };
499
+ borderRight: {
500
+ cssNames: string[];
501
+ values1: {
502
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
503
+ formatValue: typeof ValueFormatters.px;
504
+ };
505
+ values2: {
506
+ values: readonly [];
507
+ };
508
+ values3: {
509
+ values: readonly [];
510
+ };
511
+ };
512
+ borderBottom: {
513
+ cssNames: string[];
514
+ values1: {
515
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
516
+ formatValue: typeof ValueFormatters.px;
517
+ };
518
+ values2: {
519
+ values: readonly [];
520
+ };
521
+ values3: {
522
+ values: readonly [];
523
+ };
524
+ };
525
+ borderLeft: {
526
+ cssNames: string[];
527
+ values1: {
528
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
529
+ formatValue: typeof ValueFormatters.px;
530
+ };
531
+ values2: {
532
+ values: readonly [];
533
+ };
534
+ values3: {
535
+ values: readonly [];
536
+ };
537
+ };
538
+ borderStyle: {
539
+ cssNames: string[];
540
+ values1: {
541
+ values: readonly ["solid", "dashed", "dotted", "double", "groove", "ridge", "inset", "outset", "none", "hidden"];
542
+ };
543
+ values2: {
544
+ values: readonly [];
545
+ };
546
+ values3: {
547
+ values: readonly [];
548
+ };
549
+ };
550
+ borderRadius: {
551
+ cssNames: string[];
552
+ values1: {
553
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100];
554
+ formatValue: typeof ValueFormatters.rem;
555
+ };
556
+ values2: {
557
+ values: readonly [];
558
+ };
559
+ values3: {
560
+ values: readonly [];
561
+ };
562
+ };
563
+ borderRadiusTop: {
564
+ cssNames: string[];
565
+ values1: {
566
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100];
567
+ formatValue: typeof ValueFormatters.rem;
568
+ };
569
+ values2: {
570
+ values: readonly [];
571
+ };
572
+ values3: {
573
+ values: readonly [];
574
+ };
575
+ };
576
+ borderRadiusRight: {
577
+ cssNames: string[];
578
+ values1: {
579
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100];
580
+ formatValue: typeof ValueFormatters.rem;
581
+ };
582
+ values2: {
583
+ values: readonly [];
584
+ };
585
+ values3: {
586
+ values: readonly [];
587
+ };
588
+ };
589
+ borderRadiusBottom: {
590
+ cssNames: string[];
591
+ values1: {
592
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100];
593
+ formatValue: typeof ValueFormatters.rem;
594
+ };
595
+ values2: {
596
+ values: readonly [];
597
+ };
598
+ values3: {
599
+ values: readonly [];
600
+ };
601
+ };
602
+ borderRadiusLeft: {
603
+ cssNames: string[];
604
+ values1: {
605
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100];
606
+ formatValue: typeof ValueFormatters.rem;
607
+ };
608
+ values2: {
609
+ values: readonly [];
610
+ };
611
+ values3: {
612
+ values: readonly [];
613
+ };
614
+ };
615
+ borderRadiusTopLeft: {
616
+ cssNames: string[];
617
+ values1: {
618
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100];
619
+ formatValue: typeof ValueFormatters.rem;
620
+ };
621
+ values2: {
622
+ values: readonly [];
623
+ };
624
+ values3: {
625
+ values: readonly [];
626
+ };
627
+ };
628
+ borderRadiusTopRight: {
629
+ cssNames: string[];
630
+ values1: {
631
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100];
632
+ formatValue: typeof ValueFormatters.rem;
633
+ };
634
+ values2: {
635
+ values: readonly [];
636
+ };
637
+ values3: {
638
+ values: readonly [];
639
+ };
640
+ };
641
+ borderRadiusBottomLeft: {
642
+ cssNames: string[];
643
+ values1: {
644
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100];
645
+ formatValue: typeof ValueFormatters.rem;
646
+ };
647
+ values2: {
648
+ values: readonly [];
649
+ };
650
+ values3: {
651
+ values: readonly [];
652
+ };
653
+ };
654
+ borderRadiusBottomRight: {
655
+ cssNames: string[];
656
+ values1: {
657
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100];
658
+ formatValue: typeof ValueFormatters.rem;
659
+ };
660
+ values2: {
661
+ values: readonly [];
662
+ };
663
+ values3: {
664
+ values: readonly [];
665
+ };
666
+ };
667
+ cursor: {
668
+ cssNames: string[];
669
+ values1: {
670
+ values: readonly ["auto", "default", "none", "context-menu", "help", "pointer", "progress", "wait", "cell", "crosshair", "text", "vertical-text", "alias", "copy", "move", "no-drop", "not-allowed", "e-resize", "n-resize", "ne-resize", "nw-resize", "s-resize", "se-resize", "sw-resize", "w-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "col-resize", "row-resize", "all-scroll", "zoom-in", "zoom-out", "grab", "grabbing"];
671
+ };
672
+ values2: {
673
+ values: readonly [];
674
+ };
675
+ values3: {
676
+ values: readonly [];
677
+ };
678
+ };
679
+ zIndex: {
680
+ cssNames: string[];
681
+ values1: {
682
+ values: readonly [1, 2, 3, 4, 5, 10, 11, 12, 13, 14, 15, 100, 101, 102, 103, 104, 105, 1000, 1001, 1002, 1003, 1004, 1005];
683
+ };
684
+ values2: {
685
+ values: readonly [];
686
+ };
687
+ values3: {
688
+ values: readonly [];
689
+ };
690
+ };
691
+ overflow: {
692
+ cssNames: string[];
693
+ values1: {
694
+ values: readonly ["auto", "hidden", "scroll", "visible"];
695
+ };
696
+ values2: {
697
+ values: readonly [];
698
+ };
699
+ values3: {
700
+ values: readonly [];
701
+ };
702
+ };
703
+ overflowX: {
704
+ cssNames: string[];
705
+ values1: {
706
+ values: readonly ["auto", "hidden", "scroll", "visible"];
707
+ };
708
+ values2: {
709
+ values: readonly [];
710
+ };
711
+ values3: {
712
+ values: readonly [];
713
+ };
714
+ };
715
+ overflowY: {
716
+ cssNames: string[];
717
+ values1: {
718
+ values: readonly ["auto", "hidden", "scroll", "visible"];
719
+ };
720
+ values2: {
721
+ values: readonly [];
722
+ };
723
+ values3: {
724
+ values: readonly [];
725
+ };
726
+ };
727
+ opacity: {
728
+ cssNames: string[];
729
+ values1: {
730
+ values: readonly [0, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1];
731
+ };
732
+ values2: {
733
+ values: readonly [];
734
+ };
735
+ values3: {
736
+ values: readonly [];
737
+ };
738
+ };
739
+ fontSize: {
740
+ cssNames: string[];
741
+ values1: {
742
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100];
743
+ formatValue: typeof ValueFormatters.px;
744
+ };
745
+ values2: {
746
+ values: readonly ["inherit"];
747
+ };
748
+ values3: {
749
+ values: readonly [];
750
+ };
751
+ };
752
+ fontStyle: {
753
+ cssNames: string[];
754
+ values1: {
755
+ values: readonly ["italic", "normal", "oblique"];
756
+ };
757
+ values2: {
758
+ values: readonly [];
759
+ };
760
+ values3: {
761
+ values: readonly [];
762
+ };
763
+ };
764
+ fontWeight: {
765
+ cssNames: string[];
766
+ values1: {
767
+ values: readonly [100, 200, 300, 400, 500, 600, 700, 800, 900];
768
+ };
769
+ values2: {
770
+ values: readonly [];
771
+ };
772
+ values3: {
773
+ values: readonly [];
774
+ };
775
+ };
776
+ letterSpacing: {
777
+ cssNames: string[];
778
+ values1: {
779
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100];
780
+ formatValue: typeof ValueFormatters.px;
781
+ };
782
+ values2: {
783
+ values: readonly [];
784
+ };
785
+ values3: {
786
+ values: readonly [];
787
+ };
788
+ };
789
+ lineHeight: {
790
+ cssNames: string[];
791
+ values1: {
792
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100];
793
+ formatValue: typeof ValueFormatters.px;
794
+ };
795
+ values2: {
796
+ values: readonly ["font-size"];
797
+ formatValue: () => string;
798
+ };
799
+ values3: {
800
+ values: readonly [];
801
+ };
802
+ };
803
+ textDecoration: {
804
+ cssNames: string[];
805
+ values1: {
806
+ values: readonly ["none", "underline", "overline", "line-through"];
807
+ };
808
+ values2: {
809
+ values: readonly [];
810
+ };
811
+ values3: {
812
+ values: readonly [];
813
+ };
814
+ };
815
+ textTransform: {
816
+ cssNames: string[];
817
+ values1: {
818
+ values: readonly ["none", "capitalize", "lowercase", "uppercase"];
819
+ };
820
+ values2: {
821
+ values: readonly [];
822
+ };
823
+ values3: {
824
+ values: readonly [];
825
+ };
826
+ };
827
+ textAlign: {
828
+ cssNames: string[];
829
+ values1: {
830
+ values: readonly ["left", "right", "center", "justify"];
831
+ };
832
+ values2: {
833
+ values: readonly [];
834
+ };
835
+ values3: {
836
+ values: readonly [];
837
+ };
838
+ };
839
+ flexWrap: {
840
+ cssNames: string[];
841
+ values1: {
842
+ values: readonly ["nowrap", "wrap", "wrap-reverse"];
843
+ };
844
+ values2: {
845
+ values: readonly [];
846
+ };
847
+ values3: {
848
+ values: readonly [];
849
+ };
850
+ };
851
+ justifyContent: {
852
+ cssNames: string[];
853
+ values1: {
854
+ values: readonly ["start", "end", "flex-start", "flex-end", "center", "left", "right", "space-between", "space-around", "space-evenly", "stretch"];
855
+ };
856
+ values2: {
857
+ values: readonly [];
858
+ };
859
+ values3: {
860
+ values: readonly [];
861
+ };
862
+ };
863
+ alignItems: {
864
+ cssNames: string[];
865
+ values1: {
866
+ values: readonly ["stretch", "flex-start", "flex-end", "center", "baseline", "start", "end", "self-start", "self-end"];
867
+ };
868
+ values2: {
869
+ values: readonly [];
870
+ };
871
+ values3: {
872
+ values: readonly [];
873
+ };
874
+ };
875
+ alignContent: {
876
+ cssNames: string[];
877
+ values1: {
878
+ values: readonly ["flex-start", "flex-end", "center", "space-between", "space-around", "space-evenly", "stretch", "start", "end", "baseline"];
879
+ };
880
+ values2: {
881
+ values: readonly [];
882
+ };
883
+ values3: {
884
+ values: readonly [];
885
+ };
886
+ };
887
+ flex1: {
888
+ cssNames: string[];
889
+ values1: {
890
+ values: readonly [true];
891
+ formatValue: () => string;
892
+ };
893
+ values2: {
894
+ values: readonly [];
895
+ };
896
+ values3: {
897
+ values: readonly [];
898
+ };
899
+ };
900
+ flexDirection: {
901
+ cssNames: string[];
902
+ values1: {
903
+ values: readonly ["row", "row-reverse", "column", "column-reverse"];
904
+ };
905
+ values2: {
906
+ values: readonly [];
907
+ };
908
+ values3: {
909
+ values: readonly [];
910
+ };
911
+ };
912
+ gap: {
913
+ cssNames: string[];
914
+ values1: {
915
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100];
916
+ formatValue: typeof ValueFormatters.rem;
917
+ };
918
+ values2: {
919
+ values: readonly [];
920
+ };
921
+ values3: {
922
+ values: readonly [];
923
+ };
924
+ };
925
+ rowGap: {
926
+ cssNames: string[];
927
+ values1: {
928
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100];
929
+ formatValue: typeof ValueFormatters.rem;
930
+ };
931
+ values2: {
932
+ values: readonly [];
933
+ };
934
+ values3: {
935
+ values: readonly [];
936
+ };
937
+ };
938
+ columnGap: {
939
+ cssNames: string[];
940
+ values1: {
941
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100];
942
+ formatValue: typeof ValueFormatters.rem;
943
+ };
944
+ values2: {
945
+ values: readonly [];
946
+ };
947
+ values3: {
948
+ values: readonly [];
949
+ };
950
+ };
951
+ order: {
952
+ cssNames: string[];
953
+ values1: {
954
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100];
955
+ };
956
+ values2: {
957
+ values: readonly [];
958
+ };
959
+ values3: {
960
+ values: readonly [];
961
+ };
962
+ };
963
+ flexGrow: {
964
+ cssNames: string[];
965
+ values1: {
966
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100];
967
+ };
968
+ values2: {
969
+ values: readonly [];
970
+ };
971
+ values3: {
972
+ values: readonly [];
973
+ };
974
+ };
975
+ flexShrink: {
976
+ cssNames: string[];
977
+ values1: {
978
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100];
979
+ };
980
+ values2: {
981
+ values: readonly [];
982
+ };
983
+ values3: {
984
+ values: readonly [];
985
+ };
986
+ };
987
+ alignSelf: {
988
+ cssNames: string[];
989
+ values1: {
990
+ values: readonly ["auto", "flex-start", "flex-end", "center", "baseline", "stretch"];
991
+ };
992
+ values2: {
993
+ values: readonly [];
994
+ };
995
+ values3: {
996
+ values: readonly [];
997
+ };
998
+ };
999
+ justifySelf: {
1000
+ cssNames: string[];
1001
+ values1: {
1002
+ values: readonly ["auto", "flex-start", "flex-end", "center", "baseline", "stretch"];
1003
+ };
1004
+ values2: {
1005
+ values: readonly [];
1006
+ };
1007
+ values3: {
1008
+ values: readonly [];
1009
+ };
1010
+ };
1011
+ gridColumns: {
1012
+ cssNames: string[];
1013
+ values1: {
1014
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100];
1015
+ formatValue: (key: string, value: string | number | boolean) => string;
1016
+ };
1017
+ values2: {
1018
+ values: readonly [];
1019
+ };
1020
+ values3: {
1021
+ values: readonly [];
1022
+ };
1023
+ };
1024
+ colSpan: {
1025
+ cssNames: string[];
1026
+ values1: {
1027
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100];
1028
+ formatValue: (key: string, value: string | number | boolean) => string;
1029
+ };
1030
+ values2: {
1031
+ values: readonly ["full-row"];
1032
+ formatValue: (key: string, value: string | number | boolean) => string;
1033
+ };
1034
+ values3: {
1035
+ values: readonly [];
1036
+ };
1037
+ };
1038
+ colStart: {
1039
+ cssNames: string[];
1040
+ values1: {
1041
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100];
1042
+ formatValue: (key: string, value: string | number | boolean) => string;
1043
+ };
1044
+ values2: {
1045
+ values: readonly [];
1046
+ };
1047
+ values3: {
1048
+ values: readonly [];
1049
+ };
1050
+ };
1051
+ colEnd: {
1052
+ cssNames: string[];
1053
+ values1: {
1054
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100];
1055
+ formatValue: (key: string, value: string | number | boolean) => string;
1056
+ };
1057
+ values2: {
1058
+ values: readonly [];
1059
+ };
1060
+ values3: {
1061
+ values: readonly [];
1062
+ };
1063
+ };
1064
+ outline: {
1065
+ cssNames: string[];
1066
+ values1: {
1067
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100];
1068
+ formatValue: typeof ValueFormatters.px;
1069
+ };
1070
+ values2: {
1071
+ values: readonly [];
1072
+ };
1073
+ values3: {
1074
+ values: readonly [];
1075
+ };
1076
+ };
1077
+ outlineStyle: {
1078
+ cssNames: string[];
1079
+ values1: {
1080
+ values: readonly ["solid", "dashed", "dotted", "double", "groove", "ridge", "inset", "outset", "none", "hidden"];
1081
+ };
1082
+ values2: {
1083
+ values: readonly [];
1084
+ };
1085
+ values3: {
1086
+ values: readonly [];
1087
+ };
1088
+ };
1089
+ outlineOffset: {
1090
+ cssNames: string[];
1091
+ values1: {
1092
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100];
1093
+ formatValue: typeof ValueFormatters.px;
1094
+ };
1095
+ values2: {
1096
+ values: readonly [];
1097
+ };
1098
+ values3: {
1099
+ values: readonly [];
1100
+ };
1101
+ };
1102
+ transition: {
1103
+ cssNames: string[];
1104
+ values1: {
1105
+ values: readonly ["none", "all"];
1106
+ };
1107
+ values2: {
1108
+ values: readonly [];
1109
+ };
1110
+ values3: {
1111
+ values: readonly [];
1112
+ };
1113
+ };
1114
+ transitionDuration: {
1115
+ cssNames: string[];
1116
+ values1: {
1117
+ values: readonly [50, 100, 150, 200, 250, 300, 350, 400, 450, 500, 550, 600, 650, 700, 750, 800, 850, 900, 950, 1000];
1118
+ formatValue: (_key: string, value: string | number | boolean) => string;
1119
+ };
1120
+ values2: {
1121
+ values: readonly [];
1122
+ };
1123
+ values3: {
1124
+ values: readonly [];
1125
+ };
1126
+ };
1127
+ userSelect: {
1128
+ cssNames: string[];
1129
+ values1: {
1130
+ values: readonly ["none", "auto", "text", "all"];
1131
+ };
1132
+ values2: {
1133
+ values: readonly [];
1134
+ };
1135
+ values3: {
1136
+ values: readonly [];
1137
+ };
1138
+ };
1139
+ appearance: {
1140
+ cssNames: string[];
1141
+ values1: {
1142
+ values: readonly ["none"];
1143
+ };
1144
+ values2: {
1145
+ values: readonly [];
1146
+ };
1147
+ values3: {
1148
+ values: readonly [];
1149
+ };
1150
+ };
1151
+ pointerEvents: {
1152
+ cssNames: string[];
1153
+ values1: {
1154
+ values: readonly ["none", "auto", "all"];
1155
+ };
1156
+ values2: {
1157
+ values: readonly [];
1158
+ };
1159
+ values3: {
1160
+ values: readonly [];
1161
+ };
1162
+ };
1163
+ whiteSpace: {
1164
+ cssNames: string[];
1165
+ values1: {
1166
+ values: readonly ["break-spaces", "normal", "nowrap", "pre", "pre-line", "pre-wrap"];
1167
+ };
1168
+ values2: {
1169
+ values: readonly [];
1170
+ };
1171
+ values3: {
1172
+ values: readonly [];
1173
+ };
1174
+ };
1175
+ textOverflow: {
1176
+ cssNames: string[];
1177
+ values1: {
1178
+ values: readonly ["clip", "ellipsis"];
1179
+ };
1180
+ values2: {
1181
+ values: readonly [];
1182
+ };
1183
+ values3: {
1184
+ values: readonly [];
1185
+ };
1186
+ };
1187
+ };
1188
+ export declare const aliases: {
1189
+ m: {
1190
+ key: "margin";
1191
+ cssNames: string[];
1192
+ values1: {
1193
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
1194
+ formatValue: typeof ValueFormatters.rem;
1195
+ };
1196
+ values2: {
1197
+ values: readonly ["auto"];
1198
+ };
1199
+ values3: {
1200
+ values: readonly [];
1201
+ };
1202
+ };
1203
+ mx: {
1204
+ key: "marginHorizontal";
1205
+ cssNames: string[];
1206
+ values1: {
1207
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
1208
+ formatValue: typeof ValueFormatters.rem;
1209
+ };
1210
+ values2: {
1211
+ values: readonly ["auto"];
1212
+ };
1213
+ values3: {
1214
+ values: readonly [];
1215
+ };
1216
+ };
1217
+ my: {
1218
+ key: "marginVertical";
1219
+ cssNames: string[];
1220
+ values1: {
1221
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
1222
+ formatValue: typeof ValueFormatters.rem;
1223
+ };
1224
+ values2: {
1225
+ values: readonly ["auto"];
1226
+ };
1227
+ values3: {
1228
+ values: readonly [];
1229
+ };
1230
+ };
1231
+ mt: {
1232
+ key: "marginTop";
1233
+ cssNames: string[];
1234
+ values1: {
1235
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
1236
+ formatValue: typeof ValueFormatters.rem;
1237
+ };
1238
+ values2: {
1239
+ values: readonly ["auto"];
1240
+ };
1241
+ values3: {
1242
+ values: readonly [];
1243
+ };
1244
+ };
1245
+ mr: {
1246
+ key: "marginRight";
1247
+ cssNames: string[];
1248
+ values1: {
1249
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
1250
+ formatValue: typeof ValueFormatters.rem;
1251
+ };
1252
+ values2: {
1253
+ values: readonly ["auto"];
1254
+ };
1255
+ values3: {
1256
+ values: readonly [];
1257
+ };
1258
+ };
1259
+ mb: {
1260
+ key: "marginBottom";
1261
+ cssNames: string[];
1262
+ values1: {
1263
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
1264
+ formatValue: typeof ValueFormatters.rem;
1265
+ };
1266
+ values2: {
1267
+ values: readonly ["auto"];
1268
+ };
1269
+ values3: {
1270
+ values: readonly [];
1271
+ };
1272
+ };
1273
+ ml: {
1274
+ key: "marginLeft";
1275
+ cssNames: string[];
1276
+ values1: {
1277
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
1278
+ formatValue: typeof ValueFormatters.rem;
1279
+ };
1280
+ values2: {
1281
+ values: readonly ["auto"];
1282
+ };
1283
+ values3: {
1284
+ values: readonly [];
1285
+ };
1286
+ };
1287
+ p: {
1288
+ key: "padding";
1289
+ cssNames: string[];
1290
+ values1: {
1291
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
1292
+ formatValue: typeof ValueFormatters.rem;
1293
+ };
1294
+ values2: {
1295
+ values: readonly [];
1296
+ };
1297
+ values3: {
1298
+ values: readonly [];
1299
+ };
1300
+ };
1301
+ px: {
1302
+ key: "paddingHorizontal";
1303
+ cssNames: string[];
1304
+ values1: {
1305
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
1306
+ formatValue: typeof ValueFormatters.rem;
1307
+ };
1308
+ values2: {
1309
+ values: readonly [];
1310
+ };
1311
+ values3: {
1312
+ values: readonly [];
1313
+ };
1314
+ };
1315
+ py: {
1316
+ key: "paddingVertical";
1317
+ cssNames: string[];
1318
+ values1: {
1319
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
1320
+ formatValue: typeof ValueFormatters.rem;
1321
+ };
1322
+ values2: {
1323
+ values: readonly [];
1324
+ };
1325
+ values3: {
1326
+ values: readonly [];
1327
+ };
1328
+ };
1329
+ pt: {
1330
+ key: "paddingTop";
1331
+ cssNames: string[];
1332
+ values1: {
1333
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
1334
+ formatValue: typeof ValueFormatters.rem;
1335
+ };
1336
+ values2: {
1337
+ values: readonly [];
1338
+ };
1339
+ values3: {
1340
+ values: readonly [];
1341
+ };
1342
+ };
1343
+ pr: {
1344
+ key: "paddingRight";
1345
+ cssNames: string[];
1346
+ values1: {
1347
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
1348
+ formatValue: typeof ValueFormatters.rem;
1349
+ };
1350
+ values2: {
1351
+ values: readonly [];
1352
+ };
1353
+ values3: {
1354
+ values: readonly [];
1355
+ };
1356
+ };
1357
+ pb: {
1358
+ key: "paddingBottom";
1359
+ cssNames: string[];
1360
+ values1: {
1361
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
1362
+ formatValue: typeof ValueFormatters.rem;
1363
+ };
1364
+ values2: {
1365
+ values: readonly [];
1366
+ };
1367
+ values3: {
1368
+ values: readonly [];
1369
+ };
1370
+ };
1371
+ pl: {
1372
+ key: "paddingLeft";
1373
+ cssNames: string[];
1374
+ values1: {
1375
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
1376
+ formatValue: typeof ValueFormatters.rem;
1377
+ };
1378
+ values2: {
1379
+ values: readonly [];
1380
+ };
1381
+ values3: {
1382
+ values: readonly [];
1383
+ };
1384
+ };
1385
+ b: {
1386
+ key: "border";
1387
+ cssNames: string[];
1388
+ values1: {
1389
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100];
1390
+ formatValue: typeof ValueFormatters.px;
1391
+ };
1392
+ values2: {
1393
+ values: readonly [];
1394
+ };
1395
+ values3: {
1396
+ values: readonly [];
1397
+ };
1398
+ };
1399
+ bx: {
1400
+ key: "borderHorizontal";
1401
+ cssNames: string[];
1402
+ values1: {
1403
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
1404
+ formatValue: typeof ValueFormatters.px;
1405
+ };
1406
+ values2: {
1407
+ values: readonly [];
1408
+ };
1409
+ values3: {
1410
+ values: readonly [];
1411
+ };
1412
+ };
1413
+ by: {
1414
+ key: "borderVertical";
1415
+ cssNames: string[];
1416
+ values1: {
1417
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
1418
+ formatValue: typeof ValueFormatters.px;
1419
+ };
1420
+ values2: {
1421
+ values: readonly [];
1422
+ };
1423
+ values3: {
1424
+ values: readonly [];
1425
+ };
1426
+ };
1427
+ bt: {
1428
+ key: "borderTop";
1429
+ cssNames: string[];
1430
+ values1: {
1431
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
1432
+ formatValue: typeof ValueFormatters.px;
1433
+ };
1434
+ values2: {
1435
+ values: readonly [];
1436
+ };
1437
+ values3: {
1438
+ values: readonly [];
1439
+ };
1440
+ };
1441
+ br: {
1442
+ key: "borderRight";
1443
+ cssNames: string[];
1444
+ values1: {
1445
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
1446
+ formatValue: typeof ValueFormatters.px;
1447
+ };
1448
+ values2: {
1449
+ values: readonly [];
1450
+ };
1451
+ values3: {
1452
+ values: readonly [];
1453
+ };
1454
+ };
1455
+ bb: {
1456
+ key: "borderBottom";
1457
+ cssNames: string[];
1458
+ values1: {
1459
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
1460
+ formatValue: typeof ValueFormatters.px;
1461
+ };
1462
+ values2: {
1463
+ values: readonly [];
1464
+ };
1465
+ values3: {
1466
+ values: readonly [];
1467
+ };
1468
+ };
1469
+ bl: {
1470
+ key: "borderLeft";
1471
+ cssNames: string[];
1472
+ values1: {
1473
+ values: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 68, 72, 76, 80, 84, 88, 92, 96, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15, -16, -17, -18, -19, -20, -22, -24, -26, -28, -30, -32, -34, -36, -38, -40, -44, -48, -52, -56, -60, -64, -68, -72, -76, -80, -84, -88, -92, -96, -100];
1474
+ formatValue: typeof ValueFormatters.px;
1475
+ };
1476
+ values2: {
1477
+ values: readonly [];
1478
+ };
1479
+ values3: {
1480
+ values: readonly [];
1481
+ };
1482
+ };
1483
+ jc: {
1484
+ key: "justifyContent";
1485
+ cssNames: string[];
1486
+ values1: {
1487
+ values: readonly ["start", "end", "flex-start", "flex-end", "center", "left", "right", "space-between", "space-around", "space-evenly", "stretch"];
1488
+ };
1489
+ values2: {
1490
+ values: readonly [];
1491
+ };
1492
+ values3: {
1493
+ values: readonly [];
1494
+ };
1495
+ };
1496
+ ai: {
1497
+ key: "alignItems";
1498
+ cssNames: string[];
1499
+ values1: {
1500
+ values: readonly ["stretch", "flex-start", "flex-end", "center", "baseline", "start", "end", "self-start", "self-end"];
1501
+ };
1502
+ values2: {
1503
+ values: readonly [];
1504
+ };
1505
+ values3: {
1506
+ values: readonly [];
1507
+ };
1508
+ };
1509
+ ac: {
1510
+ key: "alignContent";
1511
+ cssNames: string[];
1512
+ values1: {
1513
+ values: readonly ["flex-start", "flex-end", "center", "space-between", "space-around", "space-evenly", "stretch", "start", "end", "baseline"];
1514
+ };
1515
+ values2: {
1516
+ values: readonly [];
1517
+ };
1518
+ values3: {
1519
+ values: readonly [];
1520
+ };
1521
+ };
1522
+ d: {
1523
+ key: "flexDirection";
1524
+ cssNames: string[];
1525
+ values1: {
1526
+ values: readonly ["row", "row-reverse", "column", "column-reverse"];
1527
+ };
1528
+ values2: {
1529
+ values: readonly [];
1530
+ };
1531
+ values3: {
1532
+ values: readonly [];
1533
+ };
1534
+ };
1535
+ };
1536
+ type Styles<T extends Record<string, StyleItem>> = {
1537
+ [K in keyof T]?: T[K]['values1']['values'][number] | T[K]['values2']['values'][number] | T[K]['values3']['values'][number];
1538
+ };
1539
+ export type StyleKey = keyof typeof doxStyles;
1540
+ export type AliasKey = keyof typeof aliases;
1541
+ export type ThemeKey = keyof typeof themeStyles;
1542
+ type DoxNormalStyles = Styles<typeof doxStyles> & Styles<typeof aliases> & ThemeComponentProps;
1543
+ export type DoxStyleProps = DoxNormalStyles & Hovered<DoxNormalStyles> & Focused<DoxNormalStyles> & Activated<DoxNormalStyles> & Augmented.BoxProps;
1544
+ export {};