@pushwoosh/dumb-components 1.1.129 → 1.1.131

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 (27) hide show
  1. package/Alert/styles.d.ts +16 -104
  2. package/Calendar/CalendarMonthSlider/styles.d.ts +8 -52
  3. package/DateTimePicker/styles.d.ts +27 -159
  4. package/Drawer/components/Drawer/Drawer.js +10 -16
  5. package/DropdownMenu/components/DropdownMenu/DropdownMenu.js +21 -9
  6. package/DropdownMenu/components/DropdownMenuSection/styles.d.ts +8 -52
  7. package/DropdownMenu/components/DropdownMenuSubmenu/DropdownMenuSubmenu.js +0 -1
  8. package/DropdownMenu/shared/styles.d.ts +9 -53
  9. package/EmailTemplatePreview/components/NoEmailTemplatePreview/styles.d.ts +16 -104
  10. package/ExportResult/styles.d.ts +24 -156
  11. package/FieldBox/styles.d.ts +8 -52
  12. package/FrequencyCapping/styles.d.ts +16 -104
  13. package/Modal/components/Modal/Modal.js +10 -13
  14. package/Modal/components/ModalContent/styles.d.ts +8 -52
  15. package/NotificationInbox/styles.d.ts +48 -312
  16. package/PushPreview/styles.d.ts +9 -53
  17. package/Radio/styles.d.ts +8 -52
  18. package/RadioCard/styled.d.ts +9 -53
  19. package/RichMessageEditor/RichMessageEditor.styled.d.ts +8 -52
  20. package/RichmediaPreview/styles.d.ts +8 -52
  21. package/SendRate/styles.d.ts +16 -104
  22. package/Tooltip/styles.d.ts +8 -52
  23. package/hooks/index.d.ts +1 -0
  24. package/hooks/index.js +2 -1
  25. package/hooks/useLayer.d.ts +10 -0
  26. package/hooks/useLayer.js +81 -0
  27. package/package.json +2 -2
package/DropdownMenu/shared/styles.d.ts CHANGED
@@ -1,61 +1,17 @@
1
- export declare const Place: 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;
4
- $bgColor?: string | undefined;
5
- $border?: string | ({
6
- top?: string | undefined;
7
- right?: string | undefined;
8
- bottom?: string | undefined;
9
- left?: string | undefined;
10
- } | {
11
- horizontal: string;
12
- top?: string | undefined;
13
- bottom?: string | undefined;
14
- } | {
15
- vertical: string;
16
- right?: string | undefined;
17
- left?: string | undefined;
18
- }) | undefined;
19
- $borderRadius?: (string | number) | undefined;
20
- $boxShadow?: string | undefined;
21
- $gap?: (string | number) | undefined;
1
+ export declare const Place: import("styled-components").StyledComponent<"div", any, import("@pushwoosh/kit-helpers/styled-helpers").CommonBoxProps & {
2
+ $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue | undefined;
3
+ $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
4
+ $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum | undefined;
5
+ $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue | undefined;
6
+ } & {
22
7
  $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
23
- $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
24
- $justifyItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
25
- $margin?: (string | number) | ({
26
- top?: (string | number) | undefined;
27
- right?: (string | number) | undefined;
28
- bottom?: (string | number) | undefined;
29
- left?: (string | number) | undefined;
30
- } | {
31
- horizontal: string | number;
32
- top?: (string | number) | undefined;
33
- bottom?: (string | number) | undefined;
34
- } | {
35
- vertical: string | number;
36
- right?: (string | number) | undefined;
37
- left?: (string | number) | undefined;
38
- }) | undefined;
39
- $padding?: (string | number) | ({
40
- top?: (string | number) | undefined;
41
- right?: (string | number) | undefined;
42
- bottom?: (string | number) | undefined;
43
- left?: (string | number) | undefined;
44
- } | {
45
- horizontal: string | number;
46
- top?: (string | number) | undefined;
47
- bottom?: (string | number) | undefined;
48
- } | {
49
- vertical: string | number;
50
- right?: (string | number) | undefined;
51
- left?: (string | number) | undefined;
52
- }) | undefined;
53
- $placeItems?: "end" | "start" | "center" | "stretch" | undefined;
8
+ $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
9
+ $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
54
10
  } & {
55
11
  $gridAutoFlow: string;
56
12
  } & {
57
13
  $color?: string;
58
- $width: number | null;
14
+ $width?: number;
59
15
  $fitContent?: boolean;
60
16
  $zIndex?: number;
61
17
  $scrollable?: boolean;
package/EmailTemplatePreview/components/NoEmailTemplatePreview/styles.d.ts CHANGED
@@ -1,112 +1,24 @@
1
- export declare const PreviewMock: 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;
4
- $bgColor?: string | undefined;
5
- $border?: string | ({
6
- top?: string | undefined;
7
- right?: string | undefined;
8
- bottom?: string | undefined;
9
- left?: string | undefined;
10
- } | {
11
- horizontal: string;
12
- top?: string | undefined;
13
- bottom?: string | undefined;
14
- } | {
15
- vertical: string;
16
- right?: string | undefined;
17
- left?: string | undefined;
18
- }) | undefined;
19
- $borderRadius?: (string | number) | undefined;
20
- $boxShadow?: string | undefined;
21
- $gap?: (string | number) | undefined;
1
+ export declare const PreviewMock: import("styled-components").StyledComponent<"div", any, import("@pushwoosh/kit-helpers/styled-helpers").CommonBoxProps & {
2
+ $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue | undefined;
3
+ $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
4
+ $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum | undefined;
5
+ $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue | undefined;
6
+ } & {
22
7
  $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
23
- $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
24
- $justifyItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
25
- $margin?: (string | number) | ({
26
- top?: (string | number) | undefined;
27
- right?: (string | number) | undefined;
28
- bottom?: (string | number) | undefined;
29
- left?: (string | number) | undefined;
30
- } | {
31
- horizontal: string | number;
32
- top?: (string | number) | undefined;
33
- bottom?: (string | number) | undefined;
34
- } | {
35
- vertical: string | number;
36
- right?: (string | number) | undefined;
37
- left?: (string | number) | undefined;
38
- }) | undefined;
39
- $padding?: (string | number) | ({
40
- top?: (string | number) | undefined;
41
- right?: (string | number) | undefined;
42
- bottom?: (string | number) | undefined;
43
- left?: (string | number) | undefined;
44
- } | {
45
- horizontal: string | number;
46
- top?: (string | number) | undefined;
47
- bottom?: (string | number) | undefined;
48
- } | {
49
- vertical: string | number;
50
- right?: (string | number) | undefined;
51
- left?: (string | number) | undefined;
52
- }) | undefined;
53
- $placeItems?: "end" | "start" | "center" | "stretch" | undefined;
8
+ $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
9
+ $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
54
10
  } & {
55
11
  $gridAutoFlow: string;
56
12
  }, "$gridAutoFlow">;
57
- export declare const Container: import("styled-components").StyledComponent<"div", any, {
58
- $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
59
- $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
60
- $bgColor?: string | undefined;
61
- $border?: string | ({
62
- top?: string | undefined;
63
- right?: string | undefined;
64
- bottom?: string | undefined;
65
- left?: string | undefined;
66
- } | {
67
- horizontal: string;
68
- top?: string | undefined;
69
- bottom?: string | undefined;
70
- } | {
71
- vertical: string;
72
- right?: string | undefined;
73
- left?: string | undefined;
74
- }) | undefined;
75
- $borderRadius?: (string | number) | undefined;
76
- $boxShadow?: string | undefined;
77
- $gap?: (string | number) | undefined;
13
+ export declare const Container: import("styled-components").StyledComponent<"div", any, import("@pushwoosh/kit-helpers/styled-helpers").CommonBoxProps & {
14
+ $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue | undefined;
15
+ $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
16
+ $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum | undefined;
17
+ $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue | undefined;
18
+ } & {
78
19
  $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
79
- $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
80
- $justifyItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
81
- $margin?: (string | number) | ({
82
- top?: (string | number) | undefined;
83
- right?: (string | number) | undefined;
84
- bottom?: (string | number) | undefined;
85
- left?: (string | number) | undefined;
86
- } | {
87
- horizontal: string | number;
88
- top?: (string | number) | undefined;
89
- bottom?: (string | number) | undefined;
90
- } | {
91
- vertical: string | number;
92
- right?: (string | number) | undefined;
93
- left?: (string | number) | undefined;
94
- }) | undefined;
95
- $padding?: (string | number) | ({
96
- top?: (string | number) | undefined;
97
- right?: (string | number) | undefined;
98
- bottom?: (string | number) | undefined;
99
- left?: (string | number) | undefined;
100
- } | {
101
- horizontal: string | number;
102
- top?: (string | number) | undefined;
103
- bottom?: (string | number) | undefined;
104
- } | {
105
- vertical: string | number;
106
- right?: (string | number) | undefined;
107
- left?: (string | number) | undefined;
108
- }) | undefined;
109
- $placeItems?: "end" | "start" | "center" | "stretch" | undefined;
20
+ $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
21
+ $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
110
22
  } & {
111
23
  $gridAutoFlow: string;
112
24
  }, "$gridAutoFlow">;
package/ExportResult/styles.d.ts CHANGED
@@ -1,57 +1,13 @@
1
1
  import { H5 } from '@pushwoosh/kit-typography';
2
- export declare const MainInfoContainer: import("styled-components").StyledComponent<"div", any, {
3
- $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
4
- $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
5
- $bgColor?: string | undefined;
6
- $border?: string | ({
7
- top?: string | undefined;
8
- right?: string | undefined;
9
- bottom?: string | undefined;
10
- left?: string | undefined;
11
- } | {
12
- horizontal: string;
13
- top?: string | undefined;
14
- bottom?: string | undefined;
15
- } | {
16
- vertical: string;
17
- right?: string | undefined;
18
- left?: string | undefined;
19
- }) | undefined;
20
- $borderRadius?: (string | number) | undefined;
21
- $boxShadow?: string | undefined;
22
- $gap?: (string | number) | undefined;
2
+ export declare const MainInfoContainer: import("styled-components").StyledComponent<"div", any, import("@pushwoosh/kit-helpers/styled-helpers").CommonBoxProps & {
3
+ $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue | undefined;
4
+ $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
5
+ $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum | undefined;
6
+ $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue | undefined;
7
+ } & {
23
8
  $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
24
- $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
25
- $justifyItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
26
- $margin?: (string | number) | ({
27
- top?: (string | number) | undefined;
28
- right?: (string | number) | undefined;
29
- bottom?: (string | number) | undefined;
30
- left?: (string | number) | undefined;
31
- } | {
32
- horizontal: string | number;
33
- top?: (string | number) | undefined;
34
- bottom?: (string | number) | undefined;
35
- } | {
36
- vertical: string | number;
37
- right?: (string | number) | undefined;
38
- left?: (string | number) | undefined;
39
- }) | undefined;
40
- $padding?: (string | number) | ({
41
- top?: (string | number) | undefined;
42
- right?: (string | number) | undefined;
43
- bottom?: (string | number) | undefined;
44
- left?: (string | number) | undefined;
45
- } | {
46
- horizontal: string | number;
47
- top?: (string | number) | undefined;
48
- bottom?: (string | number) | undefined;
49
- } | {
50
- vertical: string | number;
51
- right?: (string | number) | undefined;
52
- left?: (string | number) | undefined;
53
- }) | undefined;
54
- $placeItems?: "end" | "start" | "center" | "stretch" | undefined;
9
+ $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
10
+ $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
55
11
  } & {
56
12
  $gridAutoFlow: string;
57
13
  }, "$gridAutoFlow">;
@@ -60,115 +16,27 @@ export declare const Subtitle: import("styled-components").StyledComponent<"div"
60
16
  interface LeftSlotProps {
61
17
  $type: 'error' | 'warning' | 'info' | 'success';
62
18
  }
63
- export declare const LeftSlot: import("styled-components").StyledComponent<"div", any, {
64
- $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
65
- $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
66
- $bgColor?: string | undefined;
67
- $border?: string | ({
68
- top?: string | undefined;
69
- right?: string | undefined;
70
- bottom?: string | undefined;
71
- left?: string | undefined;
72
- } | {
73
- horizontal: string;
74
- top?: string | undefined;
75
- bottom?: string | undefined;
76
- } | {
77
- vertical: string;
78
- right?: string | undefined;
79
- left?: string | undefined;
80
- }) | undefined;
81
- $borderRadius?: (string | number) | undefined;
82
- $boxShadow?: string | undefined;
83
- $gap?: (string | number) | undefined;
19
+ export declare const LeftSlot: import("styled-components").StyledComponent<"div", any, import("@pushwoosh/kit-helpers/styled-helpers").CommonBoxProps & {
20
+ $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue | undefined;
21
+ $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
22
+ $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum | undefined;
23
+ $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue | undefined;
24
+ } & {
84
25
  $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
85
- $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
86
- $justifyItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
87
- $margin?: (string | number) | ({
88
- top?: (string | number) | undefined;
89
- right?: (string | number) | undefined;
90
- bottom?: (string | number) | undefined;
91
- left?: (string | number) | undefined;
92
- } | {
93
- horizontal: string | number;
94
- top?: (string | number) | undefined;
95
- bottom?: (string | number) | undefined;
96
- } | {
97
- vertical: string | number;
98
- right?: (string | number) | undefined;
99
- left?: (string | number) | undefined;
100
- }) | undefined;
101
- $padding?: (string | number) | ({
102
- top?: (string | number) | undefined;
103
- right?: (string | number) | undefined;
104
- bottom?: (string | number) | undefined;
105
- left?: (string | number) | undefined;
106
- } | {
107
- horizontal: string | number;
108
- top?: (string | number) | undefined;
109
- bottom?: (string | number) | undefined;
110
- } | {
111
- vertical: string | number;
112
- right?: (string | number) | undefined;
113
- left?: (string | number) | undefined;
114
- }) | undefined;
115
- $placeItems?: "end" | "start" | "center" | "stretch" | undefined;
26
+ $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
27
+ $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
116
28
  } & {
117
29
  $gridAutoFlow: string;
118
30
  } & LeftSlotProps, "$gridAutoFlow">;
119
- export declare const RightSlotContainer: import("styled-components").StyledComponent<"div", any, {
120
- $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
121
- $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
122
- $bgColor?: string | undefined;
123
- $border?: string | ({
124
- top?: string | undefined;
125
- right?: string | undefined;
126
- bottom?: string | undefined;
127
- left?: string | undefined;
128
- } | {
129
- horizontal: string;
130
- top?: string | undefined;
131
- bottom?: string | undefined;
132
- } | {
133
- vertical: string;
134
- right?: string | undefined;
135
- left?: string | undefined;
136
- }) | undefined;
137
- $borderRadius?: (string | number) | undefined;
138
- $boxShadow?: string | undefined;
139
- $gap?: (string | number) | undefined;
31
+ export declare const RightSlotContainer: import("styled-components").StyledComponent<"div", any, import("@pushwoosh/kit-helpers/styled-helpers").CommonBoxProps & {
32
+ $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue | undefined;
33
+ $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
34
+ $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum | undefined;
35
+ $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue | undefined;
36
+ } & {
140
37
  $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
141
- $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
142
- $justifyItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
143
- $margin?: (string | number) | ({
144
- top?: (string | number) | undefined;
145
- right?: (string | number) | undefined;
146
- bottom?: (string | number) | undefined;
147
- left?: (string | number) | undefined;
148
- } | {
149
- horizontal: string | number;
150
- top?: (string | number) | undefined;
151
- bottom?: (string | number) | undefined;
152
- } | {
153
- vertical: string | number;
154
- right?: (string | number) | undefined;
155
- left?: (string | number) | undefined;
156
- }) | undefined;
157
- $padding?: (string | number) | ({
158
- top?: (string | number) | undefined;
159
- right?: (string | number) | undefined;
160
- bottom?: (string | number) | undefined;
161
- left?: (string | number) | undefined;
162
- } | {
163
- horizontal: string | number;
164
- top?: (string | number) | undefined;
165
- bottom?: (string | number) | undefined;
166
- } | {
167
- vertical: string | number;
168
- right?: (string | number) | undefined;
169
- left?: (string | number) | undefined;
170
- }) | undefined;
171
- $placeItems?: "end" | "start" | "center" | "stretch" | undefined;
38
+ $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
39
+ $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
172
40
  } & {
173
41
  $gridAutoFlow: string;
174
42
  }, "$gridAutoFlow">;
package/FieldBox/styles.d.ts CHANGED
@@ -1,57 +1,13 @@
1
1
  import { Link as LinkBase } from '../Link';
2
- export declare const TitleBox: import("styled-components").StyledComponent<"div", any, {
3
- $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
4
- $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
5
- $bgColor?: string | undefined;
6
- $border?: string | ({
7
- top?: string | undefined;
8
- right?: string | undefined;
9
- bottom?: string | undefined;
10
- left?: string | undefined;
11
- } | {
12
- horizontal: string;
13
- top?: string | undefined;
14
- bottom?: string | undefined;
15
- } | {
16
- vertical: string;
17
- right?: string | undefined;
18
- left?: string | undefined;
19
- }) | undefined;
20
- $borderRadius?: (string | number) | undefined;
21
- $boxShadow?: string | undefined;
22
- $gap?: (string | number) | undefined;
2
+ export declare const TitleBox: import("styled-components").StyledComponent<"div", any, import("@pushwoosh/kit-helpers/styled-helpers").CommonBoxProps & {
3
+ $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue | undefined;
4
+ $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
5
+ $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum | undefined;
6
+ $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue | undefined;
7
+ } & {
23
8
  $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
24
- $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
25
- $justifyItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
26
- $margin?: (string | number) | ({
27
- top?: (string | number) | undefined;
28
- right?: (string | number) | undefined;
29
- bottom?: (string | number) | undefined;
30
- left?: (string | number) | undefined;
31
- } | {
32
- horizontal: string | number;
33
- top?: (string | number) | undefined;
34
- bottom?: (string | number) | undefined;
35
- } | {
36
- vertical: string | number;
37
- right?: (string | number) | undefined;
38
- left?: (string | number) | undefined;
39
- }) | undefined;
40
- $padding?: (string | number) | ({
41
- top?: (string | number) | undefined;
42
- right?: (string | number) | undefined;
43
- bottom?: (string | number) | undefined;
44
- left?: (string | number) | undefined;
45
- } | {
46
- horizontal: string | number;
47
- top?: (string | number) | undefined;
48
- bottom?: (string | number) | undefined;
49
- } | {
50
- vertical: string | number;
51
- right?: (string | number) | undefined;
52
- left?: (string | number) | undefined;
53
- }) | undefined;
54
- $placeItems?: "end" | "start" | "center" | "stretch" | undefined;
9
+ $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
10
+ $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
55
11
  } & {
56
12
  $gridAutoFlow: string;
57
13
  } & {
package/FrequencyCapping/styles.d.ts CHANGED
@@ -1,112 +1,24 @@
1
- export declare const Container: 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;
4
- $bgColor?: string | undefined;
5
- $border?: string | ({
6
- top?: string | undefined;
7
- right?: string | undefined;
8
- bottom?: string | undefined;
9
- left?: string | undefined;
10
- } | {
11
- horizontal: string;
12
- top?: string | undefined;
13
- bottom?: string | undefined;
14
- } | {
15
- vertical: string;
16
- right?: string | undefined;
17
- left?: string | undefined;
18
- }) | undefined;
19
- $borderRadius?: (string | number) | undefined;
20
- $boxShadow?: string | undefined;
21
- $gap?: (string | number) | undefined;
1
+ export declare const Container: import("styled-components").StyledComponent<"div", any, import("@pushwoosh/kit-helpers/styled-helpers").CommonBoxProps & {
2
+ $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue | undefined;
3
+ $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
4
+ $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum | undefined;
5
+ $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue | undefined;
6
+ } & {
22
7
  $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
23
- $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
24
- $justifyItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
25
- $margin?: (string | number) | ({
26
- top?: (string | number) | undefined;
27
- right?: (string | number) | undefined;
28
- bottom?: (string | number) | undefined;
29
- left?: (string | number) | undefined;
30
- } | {
31
- horizontal: string | number;
32
- top?: (string | number) | undefined;
33
- bottom?: (string | number) | undefined;
34
- } | {
35
- vertical: string | number;
36
- right?: (string | number) | undefined;
37
- left?: (string | number) | undefined;
38
- }) | undefined;
39
- $padding?: (string | number) | ({
40
- top?: (string | number) | undefined;
41
- right?: (string | number) | undefined;
42
- bottom?: (string | number) | undefined;
43
- left?: (string | number) | undefined;
44
- } | {
45
- horizontal: string | number;
46
- top?: (string | number) | undefined;
47
- bottom?: (string | number) | undefined;
48
- } | {
49
- vertical: string | number;
50
- right?: (string | number) | undefined;
51
- left?: (string | number) | undefined;
52
- }) | undefined;
53
- $placeItems?: "end" | "start" | "center" | "stretch" | undefined;
8
+ $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
9
+ $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
54
10
  } & {
55
11
  $gridAutoFlow: string;
56
12
  }, "$gridAutoFlow">;
57
- export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {
58
- $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
59
- $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
60
- $bgColor?: string | undefined;
61
- $border?: string | ({
62
- top?: string | undefined;
63
- right?: string | undefined;
64
- bottom?: string | undefined;
65
- left?: string | undefined;
66
- } | {
67
- horizontal: string;
68
- top?: string | undefined;
69
- bottom?: string | undefined;
70
- } | {
71
- vertical: string;
72
- right?: string | undefined;
73
- left?: string | undefined;
74
- }) | undefined;
75
- $borderRadius?: (string | number) | undefined;
76
- $boxShadow?: string | undefined;
77
- $gap?: (string | number) | undefined;
13
+ export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, import("@pushwoosh/kit-helpers/styled-helpers").CommonBoxProps & {
14
+ $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue | undefined;
15
+ $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
16
+ $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum | undefined;
17
+ $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue | undefined;
18
+ } & {
78
19
  $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
79
- $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
80
- $justifyItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
81
- $margin?: (string | number) | ({
82
- top?: (string | number) | undefined;
83
- right?: (string | number) | undefined;
84
- bottom?: (string | number) | undefined;
85
- left?: (string | number) | undefined;
86
- } | {
87
- horizontal: string | number;
88
- top?: (string | number) | undefined;
89
- bottom?: (string | number) | undefined;
90
- } | {
91
- vertical: string | number;
92
- right?: (string | number) | undefined;
93
- left?: (string | number) | undefined;
94
- }) | undefined;
95
- $padding?: (string | number) | ({
96
- top?: (string | number) | undefined;
97
- right?: (string | number) | undefined;
98
- bottom?: (string | number) | undefined;
99
- left?: (string | number) | undefined;
100
- } | {
101
- horizontal: string | number;
102
- top?: (string | number) | undefined;
103
- bottom?: (string | number) | undefined;
104
- } | {
105
- vertical: string | number;
106
- right?: (string | number) | undefined;
107
- left?: (string | number) | undefined;
108
- }) | undefined;
109
- $placeItems?: "end" | "start" | "center" | "stretch" | undefined;
20
+ $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
21
+ $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
110
22
  } & {
111
23
  $gridAutoFlow: string;
112
24
  }, "$gridAutoFlow">;
package/Modal/components/Modal/Modal.js CHANGED
@@ -2,19 +2,27 @@ import React, { useState, useCallback, useEffect, useRef } from 'react';
2
2
  import { createPortal } from 'react-dom';
3
3
  import { modalSizes } from './maps';
4
4
  import { LockBody, ModalBox, ModalBoxTrans, ModalContainer, ModalInner } from './styles';
5
+ import { useLayer } from '../../../hooks';
5
6
  function createDivElement() {
6
7
  return document.createElement('div');
7
8
  }
8
9
  export function Modal(props) {
9
10
  const {
10
11
  size,
11
- zIndex = 10000,
12
+ zIndex,
12
13
  isOpen,
13
14
  onClose,
14
15
  children
15
16
  } = props;
16
17
  const ref = useRef();
17
18
  const [element] = useState(createDivElement);
19
+ const {
20
+ zIndex: resolvedZIndex
21
+ } = useLayer({
22
+ isOpen,
23
+ onClose,
24
+ zIndex
25
+ });
18
26
  const handleClose = useCallback(event => {
19
27
  if (event.target === event.currentTarget) {
20
28
  onClose === null || onClose === void 0 || onClose();
@@ -25,23 +33,12 @@ export function Modal(props) {
25
33
  (_document$body$lastCh = document.body.lastChild) === null || _document$body$lastCh === void 0 || _document$body$lastCh.after(element);
26
34
  return () => element.remove();
27
35
  }, [element]);
28
- useEffect(() => {
29
- if (isOpen && onClose) {
30
- const onCloseEventHandler = event => {
31
- if (event.key === 'Escape') {
32
- onClose();
33
- }
34
- };
35
- window.addEventListener('keydown', onCloseEventHandler);
36
- return () => window.removeEventListener('keydown', onCloseEventHandler);
37
- }
38
- }, [isOpen, onClose]);
39
36
  return createPortal(React.createElement(ModalBoxTrans, {
40
37
  nodeRef: ref,
41
38
  isOpen: isOpen
42
39
  }, React.createElement(ModalBox, {
43
40
  ref: ref,
44
- "$zIndex": zIndex
41
+ "$zIndex": resolvedZIndex
45
42
  }, React.createElement(LockBody, null), React.createElement(ModalInner, {
46
43
  onMouseDown: handleClose
47
44
  }, React.createElement(ModalContainer, {