@react95/core 9.4.1 → 9.5.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.
- package/cjs/Frame/Frame.css.cjs +6 -6
- package/cjs/Frame/Frame.css.ts.vanilla.css +637 -273
- package/cjs/GlobalStyle/GlobalStyle.css.cjs +1 -0
- package/cjs/themes/azureOrange.css.cjs +0 -1
- package/esm/Frame/Frame.css.mjs +6 -6
- package/esm/Frame/Frame.css.ts.vanilla.css +637 -273
- package/esm/GlobalStyle/GlobalStyle.css.mjs +1 -0
- package/esm/themes/azureOrange.css.mjs +0 -1
- package/package.json +2 -2
- package/types/Frame/Frame.css.d.ts +120 -0
- package/types/Frame/Frame.d.ts +120 -0
- package/types/Modal/Modal.d.ts +120 -0
- package/types/TitleBar/TitleBar.d.ts +120 -0
|
@@ -4,316 +4,379 @@ declare const displayAndBoxModelAtomicProps: {
|
|
|
4
4
|
readonly display: {
|
|
5
5
|
dynamic: {
|
|
6
6
|
default: string;
|
|
7
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
7
8
|
};
|
|
8
9
|
dynamicScale: true;
|
|
9
10
|
name: "display";
|
|
10
11
|
vars: {
|
|
11
12
|
default: string;
|
|
13
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
12
14
|
};
|
|
13
15
|
};
|
|
14
16
|
readonly overflow: {
|
|
15
17
|
dynamic: {
|
|
16
18
|
default: string;
|
|
19
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
17
20
|
};
|
|
18
21
|
dynamicScale: true;
|
|
19
22
|
name: "overflow";
|
|
20
23
|
vars: {
|
|
21
24
|
default: string;
|
|
25
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
22
26
|
};
|
|
23
27
|
};
|
|
24
28
|
readonly boxSizing: {
|
|
25
29
|
dynamic: {
|
|
26
30
|
default: string;
|
|
31
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
27
32
|
};
|
|
28
33
|
dynamicScale: true;
|
|
29
34
|
name: "boxSizing";
|
|
30
35
|
vars: {
|
|
31
36
|
default: string;
|
|
37
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
32
38
|
};
|
|
33
39
|
};
|
|
34
40
|
readonly grid: {
|
|
35
41
|
dynamic: {
|
|
36
42
|
default: string;
|
|
43
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
37
44
|
};
|
|
38
45
|
dynamicScale: true;
|
|
39
46
|
name: "grid";
|
|
40
47
|
vars: {
|
|
41
48
|
default: string;
|
|
49
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
42
50
|
};
|
|
43
51
|
};
|
|
44
52
|
readonly gridArea: {
|
|
45
53
|
dynamic: {
|
|
46
54
|
default: string;
|
|
55
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
47
56
|
};
|
|
48
57
|
dynamicScale: true;
|
|
49
58
|
name: "gridArea";
|
|
50
59
|
vars: {
|
|
51
60
|
default: string;
|
|
61
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
52
62
|
};
|
|
53
63
|
};
|
|
54
64
|
readonly gridAutoColumns: {
|
|
55
65
|
dynamic: {
|
|
56
66
|
default: string;
|
|
67
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
57
68
|
};
|
|
58
69
|
dynamicScale: true;
|
|
59
70
|
name: "gridAutoColumns";
|
|
60
71
|
vars: {
|
|
61
72
|
default: string;
|
|
73
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
62
74
|
};
|
|
63
75
|
};
|
|
64
76
|
readonly gridAutoFlow: {
|
|
65
77
|
dynamic: {
|
|
66
78
|
default: string;
|
|
79
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
67
80
|
};
|
|
68
81
|
dynamicScale: true;
|
|
69
82
|
name: "gridAutoFlow";
|
|
70
83
|
vars: {
|
|
71
84
|
default: string;
|
|
85
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
72
86
|
};
|
|
73
87
|
};
|
|
74
88
|
readonly gridAutoRows: {
|
|
75
89
|
dynamic: {
|
|
76
90
|
default: string;
|
|
91
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
77
92
|
};
|
|
78
93
|
dynamicScale: true;
|
|
79
94
|
name: "gridAutoRows";
|
|
80
95
|
vars: {
|
|
81
96
|
default: string;
|
|
97
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
82
98
|
};
|
|
83
99
|
};
|
|
84
100
|
readonly gridColumn: {
|
|
85
101
|
dynamic: {
|
|
86
102
|
default: string;
|
|
103
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
87
104
|
};
|
|
88
105
|
dynamicScale: true;
|
|
89
106
|
name: "gridColumn";
|
|
90
107
|
vars: {
|
|
91
108
|
default: string;
|
|
109
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
92
110
|
};
|
|
93
111
|
};
|
|
94
112
|
readonly gridColumnEnd: {
|
|
95
113
|
dynamic: {
|
|
96
114
|
default: string;
|
|
115
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
97
116
|
};
|
|
98
117
|
dynamicScale: true;
|
|
99
118
|
name: "gridColumnEnd";
|
|
100
119
|
vars: {
|
|
101
120
|
default: string;
|
|
121
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
102
122
|
};
|
|
103
123
|
};
|
|
104
124
|
readonly gridColumnStart: {
|
|
105
125
|
dynamic: {
|
|
106
126
|
default: string;
|
|
127
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
107
128
|
};
|
|
108
129
|
dynamicScale: true;
|
|
109
130
|
name: "gridColumnStart";
|
|
110
131
|
vars: {
|
|
111
132
|
default: string;
|
|
133
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
112
134
|
};
|
|
113
135
|
};
|
|
114
136
|
readonly gridRow: {
|
|
115
137
|
dynamic: {
|
|
116
138
|
default: string;
|
|
139
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
117
140
|
};
|
|
118
141
|
dynamicScale: true;
|
|
119
142
|
name: "gridRow";
|
|
120
143
|
vars: {
|
|
121
144
|
default: string;
|
|
145
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
122
146
|
};
|
|
123
147
|
};
|
|
124
148
|
readonly gridRowEnd: {
|
|
125
149
|
dynamic: {
|
|
126
150
|
default: string;
|
|
151
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
127
152
|
};
|
|
128
153
|
dynamicScale: true;
|
|
129
154
|
name: "gridRowEnd";
|
|
130
155
|
vars: {
|
|
131
156
|
default: string;
|
|
157
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
132
158
|
};
|
|
133
159
|
};
|
|
134
160
|
readonly gridRowStart: {
|
|
135
161
|
dynamic: {
|
|
136
162
|
default: string;
|
|
163
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
137
164
|
};
|
|
138
165
|
dynamicScale: true;
|
|
139
166
|
name: "gridRowStart";
|
|
140
167
|
vars: {
|
|
141
168
|
default: string;
|
|
169
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
142
170
|
};
|
|
143
171
|
};
|
|
144
172
|
readonly gridTemplate: {
|
|
145
173
|
dynamic: {
|
|
146
174
|
default: string;
|
|
175
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
147
176
|
};
|
|
148
177
|
dynamicScale: true;
|
|
149
178
|
name: "gridTemplate";
|
|
150
179
|
vars: {
|
|
151
180
|
default: string;
|
|
181
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
152
182
|
};
|
|
153
183
|
};
|
|
154
184
|
readonly gridTemplateAreas: {
|
|
155
185
|
dynamic: {
|
|
156
186
|
default: string;
|
|
187
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
157
188
|
};
|
|
158
189
|
dynamicScale: true;
|
|
159
190
|
name: "gridTemplateAreas";
|
|
160
191
|
vars: {
|
|
161
192
|
default: string;
|
|
193
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
162
194
|
};
|
|
163
195
|
};
|
|
164
196
|
readonly gridTemplateColumns: {
|
|
165
197
|
dynamic: {
|
|
166
198
|
default: string;
|
|
199
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
167
200
|
};
|
|
168
201
|
dynamicScale: true;
|
|
169
202
|
name: "gridTemplateColumns";
|
|
170
203
|
vars: {
|
|
171
204
|
default: string;
|
|
205
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
172
206
|
};
|
|
173
207
|
};
|
|
174
208
|
readonly gridTemplateRows: {
|
|
175
209
|
dynamic: {
|
|
176
210
|
default: string;
|
|
211
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
177
212
|
};
|
|
178
213
|
dynamicScale: true;
|
|
179
214
|
name: "gridTemplateRows";
|
|
180
215
|
vars: {
|
|
181
216
|
default: string;
|
|
217
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
182
218
|
};
|
|
183
219
|
};
|
|
184
220
|
readonly flex: {
|
|
185
221
|
dynamic: {
|
|
186
222
|
default: string;
|
|
223
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
187
224
|
};
|
|
188
225
|
dynamicScale: true;
|
|
189
226
|
name: "flex";
|
|
190
227
|
vars: {
|
|
191
228
|
default: string;
|
|
229
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
192
230
|
};
|
|
193
231
|
};
|
|
194
232
|
readonly flexBasis: {
|
|
195
233
|
dynamic: {
|
|
196
234
|
default: string;
|
|
235
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
197
236
|
};
|
|
198
237
|
dynamicScale: true;
|
|
199
238
|
name: "flexBasis";
|
|
200
239
|
vars: {
|
|
201
240
|
default: string;
|
|
241
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
202
242
|
};
|
|
203
243
|
};
|
|
204
244
|
readonly flexDirection: {
|
|
205
245
|
dynamic: {
|
|
206
246
|
default: string;
|
|
247
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
207
248
|
};
|
|
208
249
|
dynamicScale: true;
|
|
209
250
|
name: "flexDirection";
|
|
210
251
|
vars: {
|
|
211
252
|
default: string;
|
|
253
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
212
254
|
};
|
|
213
255
|
};
|
|
214
256
|
readonly flexFlow: {
|
|
215
257
|
dynamic: {
|
|
216
258
|
default: string;
|
|
259
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
217
260
|
};
|
|
218
261
|
dynamicScale: true;
|
|
219
262
|
name: "flexFlow";
|
|
220
263
|
vars: {
|
|
221
264
|
default: string;
|
|
265
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
222
266
|
};
|
|
223
267
|
};
|
|
224
268
|
readonly flexGrow: {
|
|
225
269
|
dynamic: {
|
|
226
270
|
default: string;
|
|
271
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
227
272
|
};
|
|
228
273
|
dynamicScale: true;
|
|
229
274
|
name: "flexGrow";
|
|
230
275
|
vars: {
|
|
231
276
|
default: string;
|
|
277
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
232
278
|
};
|
|
233
279
|
};
|
|
234
280
|
readonly flexShrink: {
|
|
235
281
|
dynamic: {
|
|
236
282
|
default: string;
|
|
283
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
237
284
|
};
|
|
238
285
|
dynamicScale: true;
|
|
239
286
|
name: "flexShrink";
|
|
240
287
|
vars: {
|
|
241
288
|
default: string;
|
|
289
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
242
290
|
};
|
|
243
291
|
};
|
|
244
292
|
readonly flexWrap: {
|
|
245
293
|
dynamic: {
|
|
246
294
|
default: string;
|
|
295
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
247
296
|
};
|
|
248
297
|
dynamicScale: true;
|
|
249
298
|
name: "flexWrap";
|
|
250
299
|
vars: {
|
|
251
300
|
default: string;
|
|
301
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
252
302
|
};
|
|
253
303
|
};
|
|
254
304
|
readonly justifyContent: {
|
|
255
305
|
dynamic: {
|
|
256
306
|
default: string;
|
|
307
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
257
308
|
};
|
|
258
309
|
dynamicScale: true;
|
|
259
310
|
name: "justifyContent";
|
|
260
311
|
vars: {
|
|
261
312
|
default: string;
|
|
313
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
262
314
|
};
|
|
263
315
|
};
|
|
264
316
|
readonly justifyItems: {
|
|
265
317
|
dynamic: {
|
|
266
318
|
default: string;
|
|
319
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
267
320
|
};
|
|
268
321
|
dynamicScale: true;
|
|
269
322
|
name: "justifyItems";
|
|
270
323
|
vars: {
|
|
271
324
|
default: string;
|
|
325
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
272
326
|
};
|
|
273
327
|
};
|
|
274
328
|
readonly justifySelf: {
|
|
275
329
|
dynamic: {
|
|
276
330
|
default: string;
|
|
331
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
277
332
|
};
|
|
278
333
|
dynamicScale: true;
|
|
279
334
|
name: "justifySelf";
|
|
280
335
|
vars: {
|
|
281
336
|
default: string;
|
|
337
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
282
338
|
};
|
|
283
339
|
};
|
|
284
340
|
readonly alignContent: {
|
|
285
341
|
dynamic: {
|
|
286
342
|
default: string;
|
|
343
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
287
344
|
};
|
|
288
345
|
dynamicScale: true;
|
|
289
346
|
name: "alignContent";
|
|
290
347
|
vars: {
|
|
291
348
|
default: string;
|
|
349
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
292
350
|
};
|
|
293
351
|
};
|
|
294
352
|
readonly alignItems: {
|
|
295
353
|
dynamic: {
|
|
296
354
|
default: string;
|
|
355
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
297
356
|
};
|
|
298
357
|
dynamicScale: true;
|
|
299
358
|
name: "alignItems";
|
|
300
359
|
vars: {
|
|
301
360
|
default: string;
|
|
361
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
302
362
|
};
|
|
303
363
|
};
|
|
304
364
|
readonly alignSelf: {
|
|
305
365
|
dynamic: {
|
|
306
366
|
default: string;
|
|
367
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
307
368
|
};
|
|
308
369
|
dynamicScale: true;
|
|
309
370
|
name: "alignSelf";
|
|
310
371
|
vars: {
|
|
311
372
|
default: string;
|
|
373
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
312
374
|
};
|
|
313
375
|
};
|
|
314
376
|
readonly gap: {
|
|
315
377
|
dynamic: {
|
|
316
378
|
default: string;
|
|
379
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
317
380
|
};
|
|
318
381
|
dynamicScale: {
|
|
319
382
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -341,11 +404,13 @@ declare const displayAndBoxModelAtomicProps: {
|
|
|
341
404
|
name: "gap";
|
|
342
405
|
vars: {
|
|
343
406
|
default: string;
|
|
407
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
344
408
|
};
|
|
345
409
|
};
|
|
346
410
|
readonly width: {
|
|
347
411
|
dynamic: {
|
|
348
412
|
default: string;
|
|
413
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
349
414
|
};
|
|
350
415
|
dynamicScale: {
|
|
351
416
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -373,11 +438,13 @@ declare const displayAndBoxModelAtomicProps: {
|
|
|
373
438
|
name: "width";
|
|
374
439
|
vars: {
|
|
375
440
|
default: string;
|
|
441
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
376
442
|
};
|
|
377
443
|
};
|
|
378
444
|
readonly maxWidth: {
|
|
379
445
|
dynamic: {
|
|
380
446
|
default: string;
|
|
447
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
381
448
|
};
|
|
382
449
|
dynamicScale: {
|
|
383
450
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -405,11 +472,13 @@ declare const displayAndBoxModelAtomicProps: {
|
|
|
405
472
|
name: "maxWidth";
|
|
406
473
|
vars: {
|
|
407
474
|
default: string;
|
|
475
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
408
476
|
};
|
|
409
477
|
};
|
|
410
478
|
readonly minWidth: {
|
|
411
479
|
dynamic: {
|
|
412
480
|
default: string;
|
|
481
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
413
482
|
};
|
|
414
483
|
dynamicScale: {
|
|
415
484
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -437,11 +506,13 @@ declare const displayAndBoxModelAtomicProps: {
|
|
|
437
506
|
name: "minWidth";
|
|
438
507
|
vars: {
|
|
439
508
|
default: string;
|
|
509
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
440
510
|
};
|
|
441
511
|
};
|
|
442
512
|
readonly height: {
|
|
443
513
|
dynamic: {
|
|
444
514
|
default: string;
|
|
515
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
445
516
|
};
|
|
446
517
|
dynamicScale: {
|
|
447
518
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -469,11 +540,13 @@ declare const displayAndBoxModelAtomicProps: {
|
|
|
469
540
|
name: "height";
|
|
470
541
|
vars: {
|
|
471
542
|
default: string;
|
|
543
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
472
544
|
};
|
|
473
545
|
};
|
|
474
546
|
readonly maxHeight: {
|
|
475
547
|
dynamic: {
|
|
476
548
|
default: string;
|
|
549
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
477
550
|
};
|
|
478
551
|
dynamicScale: {
|
|
479
552
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -501,11 +574,13 @@ declare const displayAndBoxModelAtomicProps: {
|
|
|
501
574
|
name: "maxHeight";
|
|
502
575
|
vars: {
|
|
503
576
|
default: string;
|
|
577
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
504
578
|
};
|
|
505
579
|
};
|
|
506
580
|
readonly minHeight: {
|
|
507
581
|
dynamic: {
|
|
508
582
|
default: string;
|
|
583
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
509
584
|
};
|
|
510
585
|
dynamicScale: {
|
|
511
586
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -533,11 +608,13 @@ declare const displayAndBoxModelAtomicProps: {
|
|
|
533
608
|
name: "minHeight";
|
|
534
609
|
vars: {
|
|
535
610
|
default: string;
|
|
611
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
536
612
|
};
|
|
537
613
|
};
|
|
538
614
|
readonly margin: {
|
|
539
615
|
dynamic: {
|
|
540
616
|
default: string;
|
|
617
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
541
618
|
};
|
|
542
619
|
dynamicScale: {
|
|
543
620
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -565,11 +642,13 @@ declare const displayAndBoxModelAtomicProps: {
|
|
|
565
642
|
name: "margin";
|
|
566
643
|
vars: {
|
|
567
644
|
default: string;
|
|
645
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
568
646
|
};
|
|
569
647
|
};
|
|
570
648
|
readonly marginBlock: {
|
|
571
649
|
dynamic: {
|
|
572
650
|
default: string;
|
|
651
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
573
652
|
};
|
|
574
653
|
dynamicScale: {
|
|
575
654
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -597,11 +676,13 @@ declare const displayAndBoxModelAtomicProps: {
|
|
|
597
676
|
name: "marginBlock";
|
|
598
677
|
vars: {
|
|
599
678
|
default: string;
|
|
679
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
600
680
|
};
|
|
601
681
|
};
|
|
602
682
|
readonly marginBlockEnd: {
|
|
603
683
|
dynamic: {
|
|
604
684
|
default: string;
|
|
685
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
605
686
|
};
|
|
606
687
|
dynamicScale: {
|
|
607
688
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -629,11 +710,13 @@ declare const displayAndBoxModelAtomicProps: {
|
|
|
629
710
|
name: "marginBlockEnd";
|
|
630
711
|
vars: {
|
|
631
712
|
default: string;
|
|
713
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
632
714
|
};
|
|
633
715
|
};
|
|
634
716
|
readonly marginBlockStart: {
|
|
635
717
|
dynamic: {
|
|
636
718
|
default: string;
|
|
719
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
637
720
|
};
|
|
638
721
|
dynamicScale: {
|
|
639
722
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -661,11 +744,13 @@ declare const displayAndBoxModelAtomicProps: {
|
|
|
661
744
|
name: "marginBlockStart";
|
|
662
745
|
vars: {
|
|
663
746
|
default: string;
|
|
747
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
664
748
|
};
|
|
665
749
|
};
|
|
666
750
|
readonly marginBottom: {
|
|
667
751
|
dynamic: {
|
|
668
752
|
default: string;
|
|
753
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
669
754
|
};
|
|
670
755
|
dynamicScale: {
|
|
671
756
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -693,11 +778,13 @@ declare const displayAndBoxModelAtomicProps: {
|
|
|
693
778
|
name: "marginBottom";
|
|
694
779
|
vars: {
|
|
695
780
|
default: string;
|
|
781
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
696
782
|
};
|
|
697
783
|
};
|
|
698
784
|
readonly marginInline: {
|
|
699
785
|
dynamic: {
|
|
700
786
|
default: string;
|
|
787
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
701
788
|
};
|
|
702
789
|
dynamicScale: {
|
|
703
790
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -725,11 +812,13 @@ declare const displayAndBoxModelAtomicProps: {
|
|
|
725
812
|
name: "marginInline";
|
|
726
813
|
vars: {
|
|
727
814
|
default: string;
|
|
815
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
728
816
|
};
|
|
729
817
|
};
|
|
730
818
|
readonly marginInlineEnd: {
|
|
731
819
|
dynamic: {
|
|
732
820
|
default: string;
|
|
821
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
733
822
|
};
|
|
734
823
|
dynamicScale: {
|
|
735
824
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -757,11 +846,13 @@ declare const displayAndBoxModelAtomicProps: {
|
|
|
757
846
|
name: "marginInlineEnd";
|
|
758
847
|
vars: {
|
|
759
848
|
default: string;
|
|
849
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
760
850
|
};
|
|
761
851
|
};
|
|
762
852
|
readonly marginInlineStart: {
|
|
763
853
|
dynamic: {
|
|
764
854
|
default: string;
|
|
855
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
765
856
|
};
|
|
766
857
|
dynamicScale: {
|
|
767
858
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -789,11 +880,13 @@ declare const displayAndBoxModelAtomicProps: {
|
|
|
789
880
|
name: "marginInlineStart";
|
|
790
881
|
vars: {
|
|
791
882
|
default: string;
|
|
883
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
792
884
|
};
|
|
793
885
|
};
|
|
794
886
|
readonly marginLeft: {
|
|
795
887
|
dynamic: {
|
|
796
888
|
default: string;
|
|
889
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
797
890
|
};
|
|
798
891
|
dynamicScale: {
|
|
799
892
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -821,11 +914,13 @@ declare const displayAndBoxModelAtomicProps: {
|
|
|
821
914
|
name: "marginLeft";
|
|
822
915
|
vars: {
|
|
823
916
|
default: string;
|
|
917
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
824
918
|
};
|
|
825
919
|
};
|
|
826
920
|
readonly marginRight: {
|
|
827
921
|
dynamic: {
|
|
828
922
|
default: string;
|
|
923
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
829
924
|
};
|
|
830
925
|
dynamicScale: {
|
|
831
926
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -853,11 +948,13 @@ declare const displayAndBoxModelAtomicProps: {
|
|
|
853
948
|
name: "marginRight";
|
|
854
949
|
vars: {
|
|
855
950
|
default: string;
|
|
951
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
856
952
|
};
|
|
857
953
|
};
|
|
858
954
|
readonly marginTop: {
|
|
859
955
|
dynamic: {
|
|
860
956
|
default: string;
|
|
957
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
861
958
|
};
|
|
862
959
|
dynamicScale: {
|
|
863
960
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -885,11 +982,13 @@ declare const displayAndBoxModelAtomicProps: {
|
|
|
885
982
|
name: "marginTop";
|
|
886
983
|
vars: {
|
|
887
984
|
default: string;
|
|
985
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
888
986
|
};
|
|
889
987
|
};
|
|
890
988
|
readonly padding: {
|
|
891
989
|
dynamic: {
|
|
892
990
|
default: string;
|
|
991
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
893
992
|
};
|
|
894
993
|
dynamicScale: {
|
|
895
994
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -917,11 +1016,13 @@ declare const displayAndBoxModelAtomicProps: {
|
|
|
917
1016
|
name: "padding";
|
|
918
1017
|
vars: {
|
|
919
1018
|
default: string;
|
|
1019
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
920
1020
|
};
|
|
921
1021
|
};
|
|
922
1022
|
readonly paddingBlock: {
|
|
923
1023
|
dynamic: {
|
|
924
1024
|
default: string;
|
|
1025
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
925
1026
|
};
|
|
926
1027
|
dynamicScale: {
|
|
927
1028
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -949,11 +1050,13 @@ declare const displayAndBoxModelAtomicProps: {
|
|
|
949
1050
|
name: "paddingBlock";
|
|
950
1051
|
vars: {
|
|
951
1052
|
default: string;
|
|
1053
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
952
1054
|
};
|
|
953
1055
|
};
|
|
954
1056
|
readonly paddingBlockEnd: {
|
|
955
1057
|
dynamic: {
|
|
956
1058
|
default: string;
|
|
1059
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
957
1060
|
};
|
|
958
1061
|
dynamicScale: {
|
|
959
1062
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -981,11 +1084,13 @@ declare const displayAndBoxModelAtomicProps: {
|
|
|
981
1084
|
name: "paddingBlockEnd";
|
|
982
1085
|
vars: {
|
|
983
1086
|
default: string;
|
|
1087
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
984
1088
|
};
|
|
985
1089
|
};
|
|
986
1090
|
readonly paddingBlockStart: {
|
|
987
1091
|
dynamic: {
|
|
988
1092
|
default: string;
|
|
1093
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
989
1094
|
};
|
|
990
1095
|
dynamicScale: {
|
|
991
1096
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1013,11 +1118,13 @@ declare const displayAndBoxModelAtomicProps: {
|
|
|
1013
1118
|
name: "paddingBlockStart";
|
|
1014
1119
|
vars: {
|
|
1015
1120
|
default: string;
|
|
1121
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
1016
1122
|
};
|
|
1017
1123
|
};
|
|
1018
1124
|
readonly paddingBottom: {
|
|
1019
1125
|
dynamic: {
|
|
1020
1126
|
default: string;
|
|
1127
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
1021
1128
|
};
|
|
1022
1129
|
dynamicScale: {
|
|
1023
1130
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1045,11 +1152,13 @@ declare const displayAndBoxModelAtomicProps: {
|
|
|
1045
1152
|
name: "paddingBottom";
|
|
1046
1153
|
vars: {
|
|
1047
1154
|
default: string;
|
|
1155
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
1048
1156
|
};
|
|
1049
1157
|
};
|
|
1050
1158
|
readonly paddingInline: {
|
|
1051
1159
|
dynamic: {
|
|
1052
1160
|
default: string;
|
|
1161
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
1053
1162
|
};
|
|
1054
1163
|
dynamicScale: {
|
|
1055
1164
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1077,11 +1186,13 @@ declare const displayAndBoxModelAtomicProps: {
|
|
|
1077
1186
|
name: "paddingInline";
|
|
1078
1187
|
vars: {
|
|
1079
1188
|
default: string;
|
|
1189
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
1080
1190
|
};
|
|
1081
1191
|
};
|
|
1082
1192
|
readonly paddingInlineEnd: {
|
|
1083
1193
|
dynamic: {
|
|
1084
1194
|
default: string;
|
|
1195
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
1085
1196
|
};
|
|
1086
1197
|
dynamicScale: {
|
|
1087
1198
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1109,11 +1220,13 @@ declare const displayAndBoxModelAtomicProps: {
|
|
|
1109
1220
|
name: "paddingInlineEnd";
|
|
1110
1221
|
vars: {
|
|
1111
1222
|
default: string;
|
|
1223
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
1112
1224
|
};
|
|
1113
1225
|
};
|
|
1114
1226
|
readonly paddingInlineStart: {
|
|
1115
1227
|
dynamic: {
|
|
1116
1228
|
default: string;
|
|
1229
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
1117
1230
|
};
|
|
1118
1231
|
dynamicScale: {
|
|
1119
1232
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1141,11 +1254,13 @@ declare const displayAndBoxModelAtomicProps: {
|
|
|
1141
1254
|
name: "paddingInlineStart";
|
|
1142
1255
|
vars: {
|
|
1143
1256
|
default: string;
|
|
1257
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
1144
1258
|
};
|
|
1145
1259
|
};
|
|
1146
1260
|
readonly paddingLeft: {
|
|
1147
1261
|
dynamic: {
|
|
1148
1262
|
default: string;
|
|
1263
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
1149
1264
|
};
|
|
1150
1265
|
dynamicScale: {
|
|
1151
1266
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1173,11 +1288,13 @@ declare const displayAndBoxModelAtomicProps: {
|
|
|
1173
1288
|
name: "paddingLeft";
|
|
1174
1289
|
vars: {
|
|
1175
1290
|
default: string;
|
|
1291
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
1176
1292
|
};
|
|
1177
1293
|
};
|
|
1178
1294
|
readonly paddingRight: {
|
|
1179
1295
|
dynamic: {
|
|
1180
1296
|
default: string;
|
|
1297
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
1181
1298
|
};
|
|
1182
1299
|
dynamicScale: {
|
|
1183
1300
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1205,11 +1322,13 @@ declare const displayAndBoxModelAtomicProps: {
|
|
|
1205
1322
|
name: "paddingRight";
|
|
1206
1323
|
vars: {
|
|
1207
1324
|
default: string;
|
|
1325
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
1208
1326
|
};
|
|
1209
1327
|
};
|
|
1210
1328
|
readonly paddingTop: {
|
|
1211
1329
|
dynamic: {
|
|
1212
1330
|
default: string;
|
|
1331
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
1213
1332
|
};
|
|
1214
1333
|
dynamicScale: {
|
|
1215
1334
|
'0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1237,6 +1356,7 @@ declare const displayAndBoxModelAtomicProps: {
|
|
|
1237
1356
|
name: "paddingTop";
|
|
1238
1357
|
vars: {
|
|
1239
1358
|
default: string;
|
|
1359
|
+
conditions: Record<"mobile" | "tablet" | "desktop", string>;
|
|
1240
1360
|
};
|
|
1241
1361
|
};
|
|
1242
1362
|
};
|