@cronocode/react-box 3.1.3 → 3.1.7
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/BOX_AI_CONTEXT.md +576 -0
- package/components/dataGrid/components/dataGridColumnFilter.d.ts +11 -0
- package/components/dataGrid/components/dataGridEmptyColumns.d.ts +1 -0
- package/components/dataGrid/components/dataGridFilterCell.d.ts +8 -0
- package/components/dataGrid/components/dataGridFilterRow.d.ts +6 -0
- package/components/dataGrid/components/dataGridGlobalFilter.d.ts +6 -0
- package/components/dataGrid/contracts/dataGridContract.d.ts +68 -0
- package/components/dataGrid/models/columnModel.d.ts +11 -0
- package/components/dataGrid/models/gridModel.d.ts +59 -2
- package/components/dataGrid.cjs +1 -1
- package/components/dataGrid.mjs +891 -314
- package/components/dropdown.cjs +1 -1
- package/components/dropdown.d.ts +4 -1
- package/components/dropdown.mjs +156 -147
- package/components/form.mjs +1 -1
- package/components/semantics.d.ts +25 -25
- package/components/semantics.mjs +5 -5
- package/components/textbox.cjs +1 -1
- package/components/textbox.d.ts +2 -2
- package/components/textbox.mjs +5 -4
- package/components/tooltip.cjs +1 -1
- package/components/tooltip.d.ts +4 -0
- package/components/tooltip.mjs +45 -41
- package/core/boxStyles.d.ts +65 -31
- package/core/extends/boxComponents.d.ts +660 -159
- package/core/variables.d.ts +25 -1
- package/core.cjs +3 -7
- package/core.mjs +1399 -693
- package/hooks/useVirtualization.d.ts +43 -0
- package/package.json +8 -5
- package/ssg.cjs +1 -1
- package/ssg.mjs +28 -20
- package/types.d.ts +5 -4
- package/utils/string/fuzzySearch.d.ts +27 -0
package/core/boxStyles.d.ts
CHANGED
|
@@ -115,7 +115,10 @@ export declare const cssStyles: {
|
|
|
115
115
|
values: number;
|
|
116
116
|
valueFormat: typeof BoxStylesFormatters.Value.rem;
|
|
117
117
|
} | {
|
|
118
|
-
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"];
|
|
118
|
+
values: readonly ["1/1", "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"];
|
|
119
|
+
valueFormat: typeof BoxStylesFormatters.Value.fraction;
|
|
120
|
+
} | {
|
|
121
|
+
values: readonly ["-1/1", "-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"];
|
|
119
122
|
valueFormat: typeof BoxStylesFormatters.Value.fraction;
|
|
120
123
|
})[];
|
|
121
124
|
/** The right CSS property participates in specifying the horizontal position of a positioned element. This inset property has no effect on non-positioned elements. */
|
|
@@ -123,7 +126,10 @@ export declare const cssStyles: {
|
|
|
123
126
|
values: number;
|
|
124
127
|
valueFormat: typeof BoxStylesFormatters.Value.rem;
|
|
125
128
|
} | {
|
|
126
|
-
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"];
|
|
129
|
+
values: readonly ["1/1", "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"];
|
|
130
|
+
valueFormat: typeof BoxStylesFormatters.Value.fraction;
|
|
131
|
+
} | {
|
|
132
|
+
values: readonly ["-1/1", "-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"];
|
|
127
133
|
valueFormat: typeof BoxStylesFormatters.Value.fraction;
|
|
128
134
|
})[];
|
|
129
135
|
/** The bottom CSS property participates in setting the vertical position of a positioned element. This inset property has no effect on non-positioned elements. */
|
|
@@ -131,7 +137,10 @@ export declare const cssStyles: {
|
|
|
131
137
|
values: number;
|
|
132
138
|
valueFormat: typeof BoxStylesFormatters.Value.rem;
|
|
133
139
|
} | {
|
|
134
|
-
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"];
|
|
140
|
+
values: readonly ["1/1", "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"];
|
|
141
|
+
valueFormat: typeof BoxStylesFormatters.Value.fraction;
|
|
142
|
+
} | {
|
|
143
|
+
values: readonly ["-1/1", "-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"];
|
|
135
144
|
valueFormat: typeof BoxStylesFormatters.Value.fraction;
|
|
136
145
|
})[];
|
|
137
146
|
/** The left CSS property participates in specifying the horizontal position of a positioned element. This inset property has no effect on non-positioned elements. */
|
|
@@ -139,7 +148,10 @@ export declare const cssStyles: {
|
|
|
139
148
|
values: number;
|
|
140
149
|
valueFormat: typeof BoxStylesFormatters.Value.rem;
|
|
141
150
|
} | {
|
|
142
|
-
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"];
|
|
151
|
+
values: readonly ["1/1", "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
|
+
valueFormat: typeof BoxStylesFormatters.Value.fraction;
|
|
153
|
+
} | {
|
|
154
|
+
values: readonly ["-1/1", "-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"];
|
|
143
155
|
valueFormat: typeof BoxStylesFormatters.Value.fraction;
|
|
144
156
|
})[];
|
|
145
157
|
/** The inset CSS property is a shorthand that corresponds to the top, right, bottom, and/or left properties. It has the same multi-value syntax of the margin shorthand. */
|
|
@@ -279,7 +291,7 @@ export declare const cssStyles: {
|
|
|
279
291
|
values: readonly ["fit-screen"];
|
|
280
292
|
valueFormat: () => string;
|
|
281
293
|
} | {
|
|
282
|
-
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"];
|
|
294
|
+
values: readonly ["1/1", "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"];
|
|
283
295
|
valueFormat: typeof BoxStylesFormatters.Value.fraction;
|
|
284
296
|
} | {
|
|
285
297
|
values: readonly ["auto", "fit-content", "max-content", "min-content"];
|
|
@@ -300,7 +312,7 @@ export declare const cssStyles: {
|
|
|
300
312
|
valueFormat: () => string;
|
|
301
313
|
} | {
|
|
302
314
|
styleName: string;
|
|
303
|
-
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"];
|
|
315
|
+
values: readonly ["1/1", "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"];
|
|
304
316
|
valueFormat: typeof BoxStylesFormatters.Value.fraction;
|
|
305
317
|
} | {
|
|
306
318
|
styleName: string;
|
|
@@ -322,7 +334,7 @@ export declare const cssStyles: {
|
|
|
322
334
|
valueFormat: () => string;
|
|
323
335
|
} | {
|
|
324
336
|
styleName: string;
|
|
325
|
-
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"];
|
|
337
|
+
values: readonly ["1/1", "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"];
|
|
326
338
|
valueFormat: typeof BoxStylesFormatters.Value.fraction;
|
|
327
339
|
} | {
|
|
328
340
|
styleName: string;
|
|
@@ -340,7 +352,7 @@ export declare const cssStyles: {
|
|
|
340
352
|
values: readonly ["fit-screen"];
|
|
341
353
|
valueFormat: () => string;
|
|
342
354
|
} | {
|
|
343
|
-
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"];
|
|
355
|
+
values: readonly ["1/1", "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"];
|
|
344
356
|
valueFormat: typeof BoxStylesFormatters.Value.fraction;
|
|
345
357
|
} | {
|
|
346
358
|
values: readonly ["auto", "fit-content", "max-content", "min-content"];
|
|
@@ -361,7 +373,7 @@ export declare const cssStyles: {
|
|
|
361
373
|
valueFormat: () => string;
|
|
362
374
|
} | {
|
|
363
375
|
styleName: string;
|
|
364
|
-
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"];
|
|
376
|
+
values: readonly ["1/1", "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"];
|
|
365
377
|
valueFormat: typeof BoxStylesFormatters.Value.fraction;
|
|
366
378
|
} | {
|
|
367
379
|
styleName: string;
|
|
@@ -383,7 +395,7 @@ export declare const cssStyles: {
|
|
|
383
395
|
valueFormat: () => string;
|
|
384
396
|
} | {
|
|
385
397
|
styleName: string;
|
|
386
|
-
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"];
|
|
398
|
+
values: readonly ["1/1", "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"];
|
|
387
399
|
valueFormat: typeof BoxStylesFormatters.Value.fraction;
|
|
388
400
|
} | {
|
|
389
401
|
styleName: string;
|
|
@@ -421,7 +433,7 @@ export declare const cssStyles: {
|
|
|
421
433
|
styleName: string;
|
|
422
434
|
valueFormat?: undefined;
|
|
423
435
|
} | {
|
|
424
|
-
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"];
|
|
436
|
+
values: readonly ["1/1", "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"];
|
|
425
437
|
valueFormat: typeof BoxStylesFormatters.Value.fraction;
|
|
426
438
|
styleName?: undefined;
|
|
427
439
|
})[];
|
|
@@ -435,7 +447,7 @@ export declare const cssStyles: {
|
|
|
435
447
|
styleName: string;
|
|
436
448
|
valueFormat?: undefined;
|
|
437
449
|
} | {
|
|
438
|
-
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"];
|
|
450
|
+
values: readonly ["1/1", "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"];
|
|
439
451
|
valueFormat: typeof BoxStylesFormatters.Value.fraction;
|
|
440
452
|
styleName?: undefined;
|
|
441
453
|
})[];
|
|
@@ -449,7 +461,7 @@ export declare const cssStyles: {
|
|
|
449
461
|
styleName: string;
|
|
450
462
|
valueFormat?: undefined;
|
|
451
463
|
} | {
|
|
452
|
-
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"];
|
|
464
|
+
values: readonly ["1/1", "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"];
|
|
453
465
|
valueFormat: typeof BoxStylesFormatters.Value.fraction;
|
|
454
466
|
styleName?: undefined;
|
|
455
467
|
})[];
|
|
@@ -463,7 +475,7 @@ export declare const cssStyles: {
|
|
|
463
475
|
styleName: string;
|
|
464
476
|
valueFormat?: undefined;
|
|
465
477
|
} | {
|
|
466
|
-
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"];
|
|
478
|
+
values: readonly ["1/1", "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"];
|
|
467
479
|
valueFormat: typeof BoxStylesFormatters.Value.fraction;
|
|
468
480
|
styleName?: undefined;
|
|
469
481
|
})[];
|
|
@@ -477,7 +489,7 @@ export declare const cssStyles: {
|
|
|
477
489
|
styleName: string;
|
|
478
490
|
valueFormat?: undefined;
|
|
479
491
|
} | {
|
|
480
|
-
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"];
|
|
492
|
+
values: readonly ["1/1", "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"];
|
|
481
493
|
valueFormat: typeof BoxStylesFormatters.Value.fraction;
|
|
482
494
|
styleName?: undefined;
|
|
483
495
|
})[];
|
|
@@ -491,7 +503,7 @@ export declare const cssStyles: {
|
|
|
491
503
|
styleName: string;
|
|
492
504
|
valueFormat?: undefined;
|
|
493
505
|
} | {
|
|
494
|
-
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"];
|
|
506
|
+
values: readonly ["1/1", "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"];
|
|
495
507
|
valueFormat: typeof BoxStylesFormatters.Value.fraction;
|
|
496
508
|
styleName?: undefined;
|
|
497
509
|
})[];
|
|
@@ -505,7 +517,7 @@ export declare const cssStyles: {
|
|
|
505
517
|
styleName: string;
|
|
506
518
|
valueFormat?: undefined;
|
|
507
519
|
} | {
|
|
508
|
-
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"];
|
|
520
|
+
values: readonly ["1/1", "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"];
|
|
509
521
|
valueFormat: typeof BoxStylesFormatters.Value.fraction;
|
|
510
522
|
styleName?: undefined;
|
|
511
523
|
})[];
|
|
@@ -515,7 +527,7 @@ export declare const cssStyles: {
|
|
|
515
527
|
styleName: string;
|
|
516
528
|
valueFormat: typeof BoxStylesFormatters.Value.rem;
|
|
517
529
|
} | {
|
|
518
|
-
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"];
|
|
530
|
+
values: readonly ["1/1", "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"];
|
|
519
531
|
valueFormat: typeof BoxStylesFormatters.Value.fraction;
|
|
520
532
|
styleName?: undefined;
|
|
521
533
|
})[];
|
|
@@ -525,7 +537,7 @@ export declare const cssStyles: {
|
|
|
525
537
|
styleName: string;
|
|
526
538
|
valueFormat: typeof BoxStylesFormatters.Value.rem;
|
|
527
539
|
} | {
|
|
528
|
-
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"];
|
|
540
|
+
values: readonly ["1/1", "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"];
|
|
529
541
|
valueFormat: typeof BoxStylesFormatters.Value.fraction;
|
|
530
542
|
styleName?: undefined;
|
|
531
543
|
})[];
|
|
@@ -535,7 +547,7 @@ export declare const cssStyles: {
|
|
|
535
547
|
styleName: string;
|
|
536
548
|
valueFormat: typeof BoxStylesFormatters.Value.rem;
|
|
537
549
|
} | {
|
|
538
|
-
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"];
|
|
550
|
+
values: readonly ["1/1", "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"];
|
|
539
551
|
valueFormat: typeof BoxStylesFormatters.Value.fraction;
|
|
540
552
|
styleName?: undefined;
|
|
541
553
|
})[];
|
|
@@ -545,7 +557,7 @@ export declare const cssStyles: {
|
|
|
545
557
|
styleName: string;
|
|
546
558
|
valueFormat: typeof BoxStylesFormatters.Value.rem;
|
|
547
559
|
} | {
|
|
548
|
-
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"];
|
|
560
|
+
values: readonly ["1/1", "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"];
|
|
549
561
|
valueFormat: typeof BoxStylesFormatters.Value.fraction;
|
|
550
562
|
styleName?: undefined;
|
|
551
563
|
})[];
|
|
@@ -555,7 +567,7 @@ export declare const cssStyles: {
|
|
|
555
567
|
styleName: string;
|
|
556
568
|
valueFormat: typeof BoxStylesFormatters.Value.rem;
|
|
557
569
|
} | {
|
|
558
|
-
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"];
|
|
570
|
+
values: readonly ["1/1", "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"];
|
|
559
571
|
valueFormat: typeof BoxStylesFormatters.Value.fraction;
|
|
560
572
|
styleName?: undefined;
|
|
561
573
|
})[];
|
|
@@ -565,7 +577,7 @@ export declare const cssStyles: {
|
|
|
565
577
|
styleName: string;
|
|
566
578
|
valueFormat: typeof BoxStylesFormatters.Value.rem;
|
|
567
579
|
} | {
|
|
568
|
-
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"];
|
|
580
|
+
values: readonly ["1/1", "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"];
|
|
569
581
|
valueFormat: typeof BoxStylesFormatters.Value.fraction;
|
|
570
582
|
styleName?: undefined;
|
|
571
583
|
})[];
|
|
@@ -575,7 +587,7 @@ export declare const cssStyles: {
|
|
|
575
587
|
styleName: string;
|
|
576
588
|
valueFormat: typeof BoxStylesFormatters.Value.rem;
|
|
577
589
|
} | {
|
|
578
|
-
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"];
|
|
590
|
+
values: readonly ["1/1", "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"];
|
|
579
591
|
valueFormat: typeof BoxStylesFormatters.Value.fraction;
|
|
580
592
|
styleName?: undefined;
|
|
581
593
|
})[];
|
|
@@ -794,33 +806,53 @@ export declare const cssStyles: {
|
|
|
794
806
|
}[];
|
|
795
807
|
/** The background-image CSS property sets one or more background images on an element. */
|
|
796
808
|
bgImage: {
|
|
797
|
-
values:
|
|
809
|
+
values: Variables.BgImageType[];
|
|
798
810
|
valueFormat: (value: string, getVariableValue: (name: string) => string) => string;
|
|
799
811
|
styleName: string;
|
|
800
812
|
}[];
|
|
801
813
|
/** The box-shadow CSS property adds shadow effects around an element's frame */
|
|
802
814
|
shadow: {
|
|
803
|
-
values:
|
|
815
|
+
values: Variables.ShadowType[];
|
|
804
816
|
valueFormat: (value: string, getVariableValue: (name: string) => string) => string;
|
|
805
817
|
styleName: string;
|
|
806
818
|
}[];
|
|
807
|
-
/** The
|
|
808
|
-
translateX: {
|
|
819
|
+
/** The translateX() CSS function repositions an element horizontally on the 2D plane. */
|
|
820
|
+
translateX: ({
|
|
809
821
|
values: number;
|
|
810
822
|
valueFormat: (value: number) => string;
|
|
811
823
|
styleName: string;
|
|
812
|
-
}
|
|
824
|
+
} | {
|
|
825
|
+
values: readonly ["1/1", "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"];
|
|
826
|
+
valueFormat: (value: string) => string;
|
|
827
|
+
styleName: string;
|
|
828
|
+
} | {
|
|
829
|
+
values: readonly ["-1/1", "-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"];
|
|
830
|
+
valueFormat: (value: string) => string;
|
|
831
|
+
styleName: string;
|
|
832
|
+
})[];
|
|
813
833
|
/** The translateY() CSS function repositions an element vertically on the 2D plane. */
|
|
814
|
-
translateY: {
|
|
834
|
+
translateY: ({
|
|
815
835
|
values: number;
|
|
816
836
|
valueFormat: (value: number) => string;
|
|
817
837
|
styleName: string;
|
|
818
|
-
}
|
|
838
|
+
} | {
|
|
839
|
+
values: readonly ["1/1", "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"];
|
|
840
|
+
valueFormat: (value: string) => string;
|
|
841
|
+
styleName: string;
|
|
842
|
+
} | {
|
|
843
|
+
values: readonly ["-1/1", "-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"];
|
|
844
|
+
valueFormat: (value: string) => string;
|
|
845
|
+
styleName: string;
|
|
846
|
+
})[];
|
|
819
847
|
/** The content CSS property replaces content with a generated value. It can be used to define what is rendered inside an element or pseudo-element. */
|
|
820
848
|
content: {
|
|
821
849
|
values: readonly ["empty"];
|
|
822
850
|
valueFormat: () => string;
|
|
823
851
|
}[];
|
|
852
|
+
backdropFilter: {
|
|
853
|
+
values: readonly ["none", "blur(12px)", "blur(8px)", "blur(4px)"];
|
|
854
|
+
styleName: string;
|
|
855
|
+
}[];
|
|
824
856
|
};
|
|
825
857
|
export declare const pseudo1: {
|
|
826
858
|
hover: string;
|
|
@@ -877,6 +909,8 @@ export declare const pseudoGroupClasses: {
|
|
|
877
909
|
activeGroup: "active";
|
|
878
910
|
disabledGroup: "disabled";
|
|
879
911
|
selectedGroup: "selected";
|
|
912
|
+
};
|
|
913
|
+
export declare const themeGroupClass: {
|
|
880
914
|
theme: "theme";
|
|
881
915
|
};
|
|
882
916
|
export declare const breakpoints: {
|