@pushwoosh/kit-helpers 4.0.7 → 4.1.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.
Files changed (3) hide show
  1. package/expand.d.ts +3 -1
  2. package/grid.d.ts +53 -12
  3. package/package.json +4 -7
package/expand.d.ts CHANGED
@@ -5,7 +5,9 @@ type ExpandTransitionProps = {
5
5
  externalClassName?: string;
6
6
  internalClassName?: string;
7
7
  };
8
- export declare const ExpandTransition: import("styled-components").StyledComponent<React.FC<ExpandTransitionProps>, any, {}, never>;
8
+ export declare const ExpandTransition: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<ExpandTransitionProps & {
9
+ children?: React.ReactNode;
10
+ }, never>> & Omit<React.FC<ExpandTransitionProps>, keyof React.Component<any, {}, any>>;
9
11
  type CollapseProps = {
10
12
  expanded: boolean;
11
13
  timeout?: number;
package/grid.d.ts CHANGED
@@ -1,4 +1,5 @@
1
- export declare const GridContainer: import("styled-components").StyledComponent<"div", any, {
1
+ /// <reference types="react" />
2
+ export declare const GridContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
2
3
  $gap?: string | number | undefined;
3
4
  $padding?: string | number | undefined;
4
5
  $margin?: string | number | undefined;
@@ -6,8 +7,8 @@ export declare const GridContainer: import("styled-components").StyledComponent<
6
7
  $justifyItems?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
7
8
  $alignContent?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
8
9
  $alignItems?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
9
- }, never>;
10
- export declare const Columns: import("styled-components").StyledComponent<"div", any, {
10
+ }>>;
11
+ export declare const Columns: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$gap" | "$padding" | "$margin" | "$justifyContent" | "$justifyItems" | "$alignContent" | "$alignItems"> & {
11
12
  $gap?: string | number | undefined;
12
13
  $padding?: string | number | undefined;
13
14
  $margin?: string | number | undefined;
@@ -15,10 +16,11 @@ export declare const Columns: import("styled-components").StyledComponent<"div",
15
16
  $justifyItems?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
16
17
  $alignContent?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
17
18
  $alignItems?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
18
- } & {
19
+ }, "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "$gap" | "$padding" | "$margin" | "$justifyContent" | "$justifyItems" | "$alignContent" | "$alignItems"> & {
20
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
21
+ }, {
19
22
  $sizes: number | string;
20
- }, never>;
21
- export declare const Rows: import("styled-components").StyledComponent<"div", any, {
23
+ }>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
22
24
  $gap?: string | number | undefined;
23
25
  $padding?: string | number | undefined;
24
26
  $margin?: string | number | undefined;
@@ -26,10 +28,48 @@ export declare const Rows: import("styled-components").StyledComponent<"div", an
26
28
  $justifyItems?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
27
29
  $alignContent?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
28
30
  $alignItems?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
29
- } & {
31
+ }>>, keyof import("react").Component<any, {}, any>>;
32
+ export declare const Rows: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$gap" | "$padding" | "$margin" | "$justifyContent" | "$justifyItems" | "$alignContent" | "$alignItems"> & {
33
+ $gap?: string | number | undefined;
34
+ $padding?: string | number | undefined;
35
+ $margin?: string | number | undefined;
36
+ $justifyContent?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
37
+ $justifyItems?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
38
+ $alignContent?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
39
+ $alignItems?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
40
+ }, "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "$gap" | "$padding" | "$margin" | "$justifyContent" | "$justifyItems" | "$alignContent" | "$alignItems"> & {
41
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
42
+ }, {
30
43
  $sizes: number | string;
31
- }, never>;
32
- export declare const Horizontal: import("styled-components").StyledComponent<"div", any, {
44
+ }>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
45
+ $gap?: string | number | undefined;
46
+ $padding?: string | number | undefined;
47
+ $margin?: string | number | undefined;
48
+ $justifyContent?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
49
+ $justifyItems?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
50
+ $alignContent?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
51
+ $alignItems?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
52
+ }>>, keyof import("react").Component<any, {}, any>>;
53
+ export declare const Horizontal: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$gap" | "$padding" | "$margin" | "$justifyContent" | "$justifyItems" | "$alignContent" | "$alignItems"> & {
54
+ $gap?: string | number | undefined;
55
+ $padding?: string | number | undefined;
56
+ $margin?: string | number | undefined;
57
+ $justifyContent?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
58
+ $justifyItems?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
59
+ $alignContent?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
60
+ $alignItems?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
61
+ }, "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "$gap" | "$padding" | "$margin" | "$justifyContent" | "$justifyItems" | "$alignContent" | "$alignItems"> & {
62
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
63
+ }, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
64
+ $gap?: string | number | undefined;
65
+ $padding?: string | number | undefined;
66
+ $margin?: string | number | undefined;
67
+ $justifyContent?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
68
+ $justifyItems?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
69
+ $alignContent?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
70
+ $alignItems?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
71
+ }>>, keyof import("react").Component<any, {}, any>>;
72
+ export declare const Vertical: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$gap" | "$padding" | "$margin" | "$justifyContent" | "$justifyItems" | "$alignContent" | "$alignItems"> & {
33
73
  $gap?: string | number | undefined;
34
74
  $padding?: string | number | undefined;
35
75
  $margin?: string | number | undefined;
@@ -37,8 +77,9 @@ export declare const Horizontal: import("styled-components").StyledComponent<"di
37
77
  $justifyItems?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
38
78
  $alignContent?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
39
79
  $alignItems?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
40
- }, never>;
41
- export declare const Vertical: import("styled-components").StyledComponent<"div", any, {
80
+ }, "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "$gap" | "$padding" | "$margin" | "$justifyContent" | "$justifyItems" | "$alignContent" | "$alignItems"> & {
81
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
82
+ }, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
42
83
  $gap?: string | number | undefined;
43
84
  $padding?: string | number | undefined;
44
85
  $margin?: string | number | undefined;
@@ -46,4 +87,4 @@ export declare const Vertical: import("styled-components").StyledComponent<"div"
46
87
  $justifyItems?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
47
88
  $alignContent?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
48
89
  $alignItems?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
49
- }, never>;
90
+ }>>, keyof import("react").Component<any, {}, any>>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pushwoosh/kit-helpers",
3
- "version": "4.0.7",
3
+ "version": "4.1.0",
4
4
  "description": "React component for build Pushwoosh products",
5
5
  "main": "index.js",
6
6
  "module": "index.js",
@@ -24,13 +24,10 @@
24
24
  "@babel/plugin-transform-runtime": "^7.15.8",
25
25
  "@babel/preset-env": "^7.15.8",
26
26
  "@pmmmwh/react-refresh-webpack-plugin": "^0.5.1",
27
- "@pushwoosh/kit-constants": "^1.5.0",
28
- "@pushwoosh/kit-icons": "^1.4.2",
29
- "@pushwoosh/kit-typography": "^1.4.0",
27
+ "@pushwoosh/kit-constants": "^1.5.1",
30
28
  "@types/react": "^16.14.20",
31
29
  "@types/react-dom": "^16.9.14",
32
30
  "@types/react-transition-group": "^4.4.5",
33
- "@types/styled-components": "^5.1.15",
34
31
  "@types/webpack-env": "^1.16.3",
35
32
  "@typescript-eslint/eslint-plugin": "^5.48.1",
36
33
  "@typescript-eslint/parser": "^5.48.1",
@@ -53,7 +50,7 @@
53
50
  "react-dom": "^16.14.0",
54
51
  "react-refresh": "^0.14.0",
55
52
  "react-transition-group": "^4.4.5",
56
- "styled-components": "^5.3.3",
53
+ "styled-components": "^6.1.8",
57
54
  "terser-webpack-plugin": "^5.3.6",
58
55
  "ts-loader": "^9.4.2",
59
56
  "tslib": "^2.3.1",
@@ -66,7 +63,7 @@
66
63
  "peerDependencies": {
67
64
  "react": ">=16.14.0",
68
65
  "react-transition-group": "^4.4.4",
69
- "styled-components": "^5.3.3",
66
+ "styled-components": ">=5.3.3",
70
67
  "tslib": "^2.3.1"
71
68
  },
72
69
  "engines": {