@cronocode/react-box 1.1.7 → 1.1.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/box.d.ts +2 -2
- package/box.module.css.mjs +1 -1
- package/components/baseSvg.d.ts +4 -4
- package/components/baseSvg.mjs +6 -6
- package/components/buttonCore.d.ts +4 -4
- package/components/checkboxCore.d.ts +3 -3
- package/components/flex.d.ts +2 -2
- package/components/formAsync.d.ts +3 -3
- package/components/radioButtonCore.d.ts +3 -3
- package/components/textareaCore.d.ts +3 -3
- package/components/textboxCore.d.ts +4 -4
- package/package.json +8 -8
- package/style.css +1 -1
- package/types.d.ts +28 -23
- package/utils/form/formUtils.d.ts +1 -1
- package/vite-env.d.ts +0 -1
package/types.d.ts
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
export
|
|
1
|
+
export type Hovered<T> = {
|
|
2
2
|
[K in keyof T as K extends string ? `${K}H` : never]: T[K];
|
|
3
3
|
};
|
|
4
|
-
export
|
|
4
|
+
export type Focused<T> = {
|
|
5
5
|
[K in keyof T as K extends string ? `${K}F` : never]: T[K];
|
|
6
6
|
};
|
|
7
|
-
export
|
|
7
|
+
export type Activated<T> = {
|
|
8
8
|
[K in keyof T as K extends string ? `${K}A` : never]: T[K];
|
|
9
9
|
};
|
|
10
10
|
export declare const styleVariables: {
|
|
11
|
-
display: readonly ["none", "block", "inline-block", "flex", "inline-flex", "grid", "contents"];
|
|
11
|
+
display: readonly ["none", "block", "inline-block", "flex", "inline-flex", "grid", "inline-grid", "contents"];
|
|
12
12
|
boxSizing: readonly ["border-box", "content-box"];
|
|
13
13
|
position: readonly ["static", "relative", "absolute", "fixed", "sticky"];
|
|
14
14
|
sizeSpecialValues: readonly ["fit", "fit-screen", "auto", "fit-content", "max-content", "min-content"];
|
|
@@ -39,24 +39,26 @@ export declare const styleVariables: {
|
|
|
39
39
|
outlineOffset: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
|
|
40
40
|
transition: readonly ["none"];
|
|
41
41
|
background: readonly ["none"];
|
|
42
|
+
userSelect: readonly ["none"];
|
|
42
43
|
};
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
export
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
44
|
+
type GapType = (typeof styleVariables.gap)[number];
|
|
45
|
+
type BoxSizeValue = (typeof styleVariables.sizeSpecialValues)[number];
|
|
46
|
+
type BorderSizeType = (typeof styleVariables.borderSizes)[number];
|
|
47
|
+
type SizeType = (typeof styleVariables.sizes)[number];
|
|
48
|
+
export type ColorType = (typeof styleVariables.baseColors)[number];
|
|
49
|
+
type CursorType = (typeof styleVariables.cursors)[number];
|
|
50
|
+
type OverflowType = (typeof styleVariables.overflows)[number];
|
|
51
|
+
type FontSizeType = (typeof styleVariables.fontSizes)[number];
|
|
52
|
+
type FontWeightType = (typeof styleVariables.fontWeight)[number];
|
|
53
|
+
type ZIndexSizeType = (typeof styleVariables.zIndexSizes)[number];
|
|
54
|
+
type OpacitySizeType = (typeof styleVariables.opacity)[number];
|
|
55
|
+
type TextDecorationType = (typeof styleVariables.textDecoration)[number];
|
|
56
|
+
type TextTransformType = (typeof styleVariables.textTransform)[number];
|
|
57
|
+
type TextAlignType = (typeof styleVariables.textAlign)[number];
|
|
58
|
+
type BorderAndOutlineStyleType = (typeof styleVariables.borderAndOutlineStyles)[number];
|
|
59
|
+
type TransitionType = (typeof styleVariables.transition)[number];
|
|
60
|
+
type BackgroundType = (typeof styleVariables.background)[number];
|
|
61
|
+
type UserSelectType = (typeof styleVariables.userSelect)[number];
|
|
60
62
|
interface BoxPseudoClasses {
|
|
61
63
|
hover?: boolean;
|
|
62
64
|
focus?: boolean;
|
|
@@ -205,7 +207,10 @@ interface BoxFlex {
|
|
|
205
207
|
interface BoxTransition {
|
|
206
208
|
transition?: TransitionType;
|
|
207
209
|
}
|
|
208
|
-
|
|
209
|
-
|
|
210
|
+
interface BoxUserSelect {
|
|
211
|
+
userSelect?: UserSelectType;
|
|
212
|
+
}
|
|
213
|
+
type BoxNormalStyles = BoxPseudoClasses & BoxDisplay & BoxSizing & BoxPosition & BoxSize & BoxMargin & BoxPadding & BoxBorder & BoxShadow & BoxBackground & BoxColors & BoxCursor & BoxZIndex & BoxOverflow & BoxOpacity & BoxFont & BoxText & BoxFlex & BoxOutline & BoxTransition & BoxUserSelect;
|
|
214
|
+
export type BoxStyles = BoxNormalStyles & Hovered<BoxNormalStyles> & Focused<BoxNormalStyles> & Activated<BoxNormalStyles>;
|
|
210
215
|
export declare const themeClasses: Array<keyof BoxStyles>;
|
|
211
216
|
export {};
|
package/vite-env.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/// <reference types="vite/client" />
|