@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/Modal/components/ModalContent/styles.d.ts CHANGED
@@ -1,57 +1,13 @@
1
1
  export declare const ModalHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
2
- export declare const ModalBodyGroup: 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 ModalBodyGroup: 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">;
package/NotificationInbox/styles.d.ts CHANGED
@@ -1,112 +1,24 @@
1
- export declare const NotificationInboxContainer: 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 NotificationInboxContainer: 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 NotificationInboxHeader: 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 NotificationInboxHeader: 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">;
@@ -116,229 +28,53 @@ export declare const NotificationInboxTitle: import("styled-components").StyledC
116
28
  $ellipsis?: boolean | undefined;
117
29
  $variant?: import("@pushwoosh/kit-typography").TypographyVariant | undefined;
118
30
  }, never>;
119
- export declare const NotificationInboxList: 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 NotificationInboxList: 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">;
175
- export declare const NotificationItem: import("styled-components").StyledComponent<"div", any, {
176
- $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
177
- $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
178
- $bgColor?: string | undefined;
179
- $border?: string | ({
180
- top?: string | undefined;
181
- right?: string | undefined;
182
- bottom?: string | undefined;
183
- left?: string | undefined;
184
- } | {
185
- horizontal: string;
186
- top?: string | undefined;
187
- bottom?: string | undefined;
188
- } | {
189
- vertical: string;
190
- right?: string | undefined;
191
- left?: string | undefined;
192
- }) | undefined;
193
- $borderRadius?: (string | number) | undefined;
194
- $boxShadow?: string | undefined;
195
- $gap?: (string | number) | undefined;
43
+ export declare const NotificationItem: import("styled-components").StyledComponent<"div", any, import("@pushwoosh/kit-helpers/styled-helpers").CommonBoxProps & {
44
+ $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue | undefined;
45
+ $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
46
+ $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum | undefined;
47
+ $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue | undefined;
48
+ } & {
196
49
  $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
197
- $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
198
- $justifyItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
199
- $margin?: (string | number) | ({
200
- top?: (string | number) | undefined;
201
- right?: (string | number) | undefined;
202
- bottom?: (string | number) | undefined;
203
- left?: (string | number) | undefined;
204
- } | {
205
- horizontal: string | number;
206
- top?: (string | number) | undefined;
207
- bottom?: (string | number) | undefined;
208
- } | {
209
- vertical: string | number;
210
- right?: (string | number) | undefined;
211
- left?: (string | number) | undefined;
212
- }) | undefined;
213
- $padding?: (string | number) | ({
214
- top?: (string | number) | undefined;
215
- right?: (string | number) | undefined;
216
- bottom?: (string | number) | undefined;
217
- left?: (string | number) | undefined;
218
- } | {
219
- horizontal: string | number;
220
- top?: (string | number) | undefined;
221
- bottom?: (string | number) | undefined;
222
- } | {
223
- vertical: string | number;
224
- right?: (string | number) | undefined;
225
- left?: (string | number) | undefined;
226
- }) | undefined;
227
- $placeItems?: "end" | "start" | "center" | "stretch" | undefined;
50
+ $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
51
+ $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
228
52
  } & {
229
53
  $gridAutoFlow: string;
230
54
  }, "$gridAutoFlow">;
231
- export declare const NotificationIndicator: import("styled-components").StyledComponent<"div", any, {
232
- $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
233
- $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
234
- $bgColor?: string | undefined;
235
- $border?: string | ({
236
- top?: string | undefined;
237
- right?: string | undefined;
238
- bottom?: string | undefined;
239
- left?: string | undefined;
240
- } | {
241
- horizontal: string;
242
- top?: string | undefined;
243
- bottom?: string | undefined;
244
- } | {
245
- vertical: string;
246
- right?: string | undefined;
247
- left?: string | undefined;
248
- }) | undefined;
249
- $borderRadius?: (string | number) | undefined;
250
- $boxShadow?: string | undefined;
251
- $gap?: (string | number) | undefined;
55
+ export declare const NotificationIndicator: import("styled-components").StyledComponent<"div", any, import("@pushwoosh/kit-helpers/styled-helpers").CommonBoxProps & {
56
+ $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue | undefined;
57
+ $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
58
+ $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum | undefined;
59
+ $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue | undefined;
60
+ } & {
252
61
  $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
253
- $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
254
- $justifyItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
255
- $margin?: (string | number) | ({
256
- top?: (string | number) | undefined;
257
- right?: (string | number) | undefined;
258
- bottom?: (string | number) | undefined;
259
- left?: (string | number) | undefined;
260
- } | {
261
- horizontal: string | number;
262
- top?: (string | number) | undefined;
263
- bottom?: (string | number) | undefined;
264
- } | {
265
- vertical: string | number;
266
- right?: (string | number) | undefined;
267
- left?: (string | number) | undefined;
268
- }) | undefined;
269
- $padding?: (string | number) | ({
270
- top?: (string | number) | undefined;
271
- right?: (string | number) | undefined;
272
- bottom?: (string | number) | undefined;
273
- left?: (string | number) | undefined;
274
- } | {
275
- horizontal: string | number;
276
- top?: (string | number) | undefined;
277
- bottom?: (string | number) | undefined;
278
- } | {
279
- vertical: string | number;
280
- right?: (string | number) | undefined;
281
- left?: (string | number) | undefined;
282
- }) | undefined;
283
- $placeItems?: "end" | "start" | "center" | "stretch" | undefined;
62
+ $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
63
+ $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
284
64
  } & {
285
65
  $gridAutoFlow: string;
286
66
  } & {
287
67
  $isRead: boolean;
288
68
  }, "$gridAutoFlow">;
289
- export declare const NotificationHeader: import("styled-components").StyledComponent<"div", any, {
290
- $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
291
- $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
292
- $bgColor?: string | undefined;
293
- $border?: string | ({
294
- top?: string | undefined;
295
- right?: string | undefined;
296
- bottom?: string | undefined;
297
- left?: string | undefined;
298
- } | {
299
- horizontal: string;
300
- top?: string | undefined;
301
- bottom?: string | undefined;
302
- } | {
303
- vertical: string;
304
- right?: string | undefined;
305
- left?: string | undefined;
306
- }) | undefined;
307
- $borderRadius?: (string | number) | undefined;
308
- $boxShadow?: string | undefined;
309
- $gap?: (string | number) | undefined;
69
+ export declare const NotificationHeader: import("styled-components").StyledComponent<"div", any, import("@pushwoosh/kit-helpers/styled-helpers").CommonBoxProps & {
70
+ $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue | undefined;
71
+ $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
72
+ $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum | undefined;
73
+ $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue | undefined;
74
+ } & {
310
75
  $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
311
- $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
312
- $justifyItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
313
- $margin?: (string | number) | ({
314
- top?: (string | number) | undefined;
315
- right?: (string | number) | undefined;
316
- bottom?: (string | number) | undefined;
317
- left?: (string | number) | undefined;
318
- } | {
319
- horizontal: string | number;
320
- top?: (string | number) | undefined;
321
- bottom?: (string | number) | undefined;
322
- } | {
323
- vertical: string | number;
324
- right?: (string | number) | undefined;
325
- left?: (string | number) | undefined;
326
- }) | undefined;
327
- $padding?: (string | number) | ({
328
- top?: (string | number) | undefined;
329
- right?: (string | number) | undefined;
330
- bottom?: (string | number) | undefined;
331
- left?: (string | number) | undefined;
332
- } | {
333
- horizontal: string | number;
334
- top?: (string | number) | undefined;
335
- bottom?: (string | number) | undefined;
336
- } | {
337
- vertical: string | number;
338
- right?: (string | number) | undefined;
339
- left?: (string | number) | undefined;
340
- }) | undefined;
341
- $placeItems?: "end" | "start" | "center" | "stretch" | undefined;
76
+ $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
77
+ $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
342
78
  } & {
343
79
  $gridAutoFlow: string;
344
80
  }, "$gridAutoFlow">;
package/PushPreview/styles.d.ts CHANGED
@@ -1,57 +1,13 @@
1
1
  import type { PushPreviewView } from './types';
2
- export declare const PushBox: 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 PushBox: 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
  } & {
@@ -63,7 +19,7 @@ export declare const PushBox: import("styled-components").StyledComponent<"div",
63
19
  view: PushPreviewView;
64
20
  $width?: string | number;
65
21
  $loading?: boolean;
66
- }, "$gridAutoFlow" | "$alignItems" | "$gap" | "$justifyContent" | "$padding">;
22
+ }, "$gridAutoFlow" | "$padding" | "$alignItems" | "$gap" | "$justifyContent">;
67
23
  export declare const IconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
68
24
  export declare const PushIcon: import("styled-components").StyledComponent<"img", any, {}, never>;
69
25
  export declare const PushTitle: import("styled-components").StyledComponent<"div", any, {
package/Radio/styles.d.ts CHANGED
@@ -1,57 +1,13 @@
1
1
  import type { RadioSize, RadioType } from './types';
2
- export declare const InputContainer: 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 InputContainer: 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
  } & {