@pushwoosh/kit-helpers 4.3.2 → 4.4.0
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/grid.d.ts +25 -20
- package/grid.js +1 -1
- package/index.d.ts +2 -2
- package/index.js +2 -2
- package/package.json +1 -1
package/grid.d.ts
CHANGED
|
@@ -1,49 +1,54 @@
|
|
|
1
1
|
export declare const GridContainer: import("styled-components").StyledComponent<"div", any, {
|
|
2
|
+
$alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
|
|
3
|
+
$alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
|
|
2
4
|
$gap?: string | number | undefined;
|
|
3
|
-
$padding?: string | number | undefined;
|
|
4
|
-
$margin?: string | number | undefined;
|
|
5
5
|
$justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
|
|
6
6
|
$justifyItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
|
|
7
|
-
$
|
|
8
|
-
$
|
|
7
|
+
$margin?: string | number | undefined;
|
|
8
|
+
$padding?: string | number | undefined;
|
|
9
|
+
$placeItems?: "end" | "start" | "center" | "stretch" | undefined;
|
|
9
10
|
}, never>;
|
|
10
11
|
export declare const Columns: import("styled-components").StyledComponent<"div", any, {
|
|
12
|
+
$alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
|
|
13
|
+
$alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
|
|
11
14
|
$gap?: string | number | undefined;
|
|
12
|
-
$padding?: string | number | undefined;
|
|
13
|
-
$margin?: string | number | undefined;
|
|
14
15
|
$justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
|
|
15
16
|
$justifyItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
|
|
16
|
-
$
|
|
17
|
-
$
|
|
17
|
+
$margin?: string | number | undefined;
|
|
18
|
+
$padding?: string | number | undefined;
|
|
19
|
+
$placeItems?: "end" | "start" | "center" | "stretch" | undefined;
|
|
18
20
|
} & {
|
|
19
21
|
$sizes: number | string;
|
|
20
22
|
}, never>;
|
|
21
23
|
export declare const Rows: import("styled-components").StyledComponent<"div", any, {
|
|
24
|
+
$alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
|
|
25
|
+
$alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
|
|
22
26
|
$gap?: string | number | undefined;
|
|
23
|
-
$padding?: string | number | undefined;
|
|
24
|
-
$margin?: string | number | undefined;
|
|
25
27
|
$justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
|
|
26
28
|
$justifyItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
|
|
27
|
-
$
|
|
28
|
-
$
|
|
29
|
+
$margin?: string | number | undefined;
|
|
30
|
+
$padding?: string | number | undefined;
|
|
31
|
+
$placeItems?: "end" | "start" | "center" | "stretch" | undefined;
|
|
29
32
|
} & {
|
|
30
33
|
$sizes: number | string;
|
|
31
34
|
}, never>;
|
|
32
35
|
export declare const Horizontal: import("styled-components").StyledComponent<"div", any, {
|
|
36
|
+
$alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
|
|
37
|
+
$alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
|
|
33
38
|
$gap?: string | number | undefined;
|
|
34
|
-
$padding?: string | number | undefined;
|
|
35
|
-
$margin?: string | number | undefined;
|
|
36
39
|
$justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
|
|
37
40
|
$justifyItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
|
|
38
|
-
$
|
|
39
|
-
$
|
|
41
|
+
$margin?: string | number | undefined;
|
|
42
|
+
$padding?: string | number | undefined;
|
|
43
|
+
$placeItems?: "end" | "start" | "center" | "stretch" | undefined;
|
|
40
44
|
}, never>;
|
|
41
45
|
export declare const Vertical: import("styled-components").StyledComponent<"div", any, {
|
|
46
|
+
$alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
|
|
47
|
+
$alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
|
|
42
48
|
$gap?: string | number | undefined;
|
|
43
|
-
$padding?: string | number | undefined;
|
|
44
|
-
$margin?: string | number | undefined;
|
|
45
49
|
$justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
|
|
46
50
|
$justifyItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
|
|
47
|
-
$
|
|
48
|
-
$
|
|
51
|
+
$margin?: string | number | undefined;
|
|
52
|
+
$padding?: string | number | undefined;
|
|
53
|
+
$placeItems?: "end" | "start" | "center" | "stretch" | undefined;
|
|
49
54
|
}, never>;
|
package/grid.js
CHANGED
|
@@ -11,7 +11,7 @@ const createCssDeclaration = (property, value, valueConvert) => {
|
|
|
11
11
|
export const GridContainer = styled.div.withConfig({
|
|
12
12
|
displayName: "GridContainer",
|
|
13
13
|
componentId: "sc-1mpmh7u-0"
|
|
14
|
-
})(["display:grid;", " ", " ", " ", " ", " ", " ", ""], props => createCssDeclaration('
|
|
14
|
+
})(["display:grid;", " ", " ", " ", " ", " ", " ", " ", ""], props => createCssDeclaration('align-content', props.$alignContent), props => createCssDeclaration('align-items', props.$alignItems), props => createCssDeclaration('gap', props.$gap, toCssValue), props => createCssDeclaration('justify-content', props.$justifyContent), props => createCssDeclaration('justify-items', props.$justifyItems), props => createCssDeclaration('margin', props.$margin, toCssValue), props => createCssDeclaration('padding', props.$padding, toCssValue), props => createCssDeclaration('place-items', props.$placeItems));
|
|
15
15
|
export const Columns = styled(GridContainer).withConfig({
|
|
16
16
|
displayName: "Columns",
|
|
17
17
|
componentId: "sc-1mpmh7u-1"
|
package/index.d.ts
CHANGED
|
@@ -8,5 +8,5 @@ export { default as useMount } from './hooks/useMount';
|
|
|
8
8
|
export { default as useUnmount } from './hooks/useUnmount';
|
|
9
9
|
export { default as useAsync } from './hooks/useAsync';
|
|
10
10
|
export { default as useAsyncFn } from './hooks/useAsyncFn';
|
|
11
|
-
export { default as
|
|
12
|
-
export { default as
|
|
11
|
+
export { default as useDelayedValue } from './hooks/useDelayedValue';
|
|
12
|
+
export { default as useDelayedEffect } from './hooks/useDelayedEffect';
|
package/index.js
CHANGED
|
@@ -8,5 +8,5 @@ export { default as useMount } from './hooks/useMount';
|
|
|
8
8
|
export { default as useUnmount } from './hooks/useUnmount';
|
|
9
9
|
export { default as useAsync } from './hooks/useAsync';
|
|
10
10
|
export { default as useAsyncFn } from './hooks/useAsyncFn';
|
|
11
|
-
export { default as
|
|
12
|
-
export { default as
|
|
11
|
+
export { default as useDelayedValue } from './hooks/useDelayedValue';
|
|
12
|
+
export { default as useDelayedEffect } from './hooks/useDelayedEffect';
|