@pushwoosh/dumb-components 1.0.32 → 1.0.34

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 (17) hide show
  1. package/DateTimePicker/styles.d.ts +12 -0
  2. package/DropdownMenu/components/DropdownMenu/styles.d.ts +8 -0
  3. package/EmailTemplatePreview/components/NoEmailTemplatePreview/styles.d.ts +8 -0
  4. package/ExportResult/styles.d.ts +12 -0
  5. package/FieldBox/FieldBox.js +6 -2
  6. package/FieldBox/styles.d.ts +4 -0
  7. package/FieldBox/types.d.ts +3 -1
  8. package/Modal/components/ModalContent/styles.d.ts +4 -0
  9. package/PushPreview/components/NoPushPreview/styles.d.ts +4 -0
  10. package/PushPreview/components/SilentPushPreview/styles.d.ts +4 -0
  11. package/PushPreview/styles.d.ts +4 -0
  12. package/Select/Select.d.ts +1 -1
  13. package/Select/Select.js +13 -1
  14. package/Select/styles.d.ts +1 -0
  15. package/Select/styles.js +8 -4
  16. package/Table/styles.d.ts +16 -0
  17. package/package.json +4 -5
package/DateTimePicker/styles.d.ts CHANGED
@@ -10,6 +10,10 @@ export declare const DateInfo: import("styled-components").StyledComponent<"div"
10
10
  export declare const RoundedBlock: import("styled-components").StyledComponent<"div", any, {
11
11
  $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
12
12
  $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
13
+ $bgColor?: string | undefined;
14
+ $border?: string | undefined;
15
+ $borderRadius?: string | number | undefined;
16
+ $boxShadow?: string | undefined;
13
17
  $gap?: string | number | undefined;
14
18
  $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
15
19
  $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
@@ -26,6 +30,10 @@ export declare const RoundedBlock: import("styled-components").StyledComponent<"
26
30
  export declare const InputFrame: import("styled-components").StyledComponent<"div", any, {
27
31
  $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
28
32
  $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
33
+ $bgColor?: string | undefined;
34
+ $border?: string | undefined;
35
+ $borderRadius?: string | number | undefined;
36
+ $boxShadow?: string | undefined;
29
37
  $gap?: string | number | undefined;
30
38
  $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
31
39
  $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
@@ -45,6 +53,10 @@ export declare const InputFrame: import("styled-components").StyledComponent<"di
45
53
  export declare const SingleInputFrame: import("styled-components").StyledComponent<"div", any, {
46
54
  $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
47
55
  $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
56
+ $bgColor?: string | undefined;
57
+ $border?: string | undefined;
58
+ $borderRadius?: string | number | undefined;
59
+ $boxShadow?: string | undefined;
48
60
  $gap?: string | number | undefined;
49
61
  $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
50
62
  $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
package/DropdownMenu/components/DropdownMenu/styles.d.ts CHANGED
@@ -1,6 +1,10 @@
1
1
  export declare const Place: import("styled-components").StyledComponent<"div", any, {
2
2
  $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
3
3
  $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
4
+ $bgColor?: string | undefined;
5
+ $border?: string | undefined;
6
+ $borderRadius?: string | number | undefined;
7
+ $boxShadow?: string | undefined;
4
8
  $gap?: string | number | undefined;
5
9
  $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
6
10
  $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
@@ -19,6 +23,10 @@ export declare const Place: import("styled-components").StyledComponent<"div", a
19
23
  export declare const DropdownMenuSection: import("styled-components").StyledComponent<"div", any, {
20
24
  $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
21
25
  $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
26
+ $bgColor?: string | undefined;
27
+ $border?: string | undefined;
28
+ $borderRadius?: string | number | undefined;
29
+ $boxShadow?: string | undefined;
22
30
  $gap?: string | number | undefined;
23
31
  $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
24
32
  $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
package/EmailTemplatePreview/components/NoEmailTemplatePreview/styles.d.ts CHANGED
@@ -1,6 +1,10 @@
1
1
  export declare const PreviewMock: import("styled-components").StyledComponent<"div", any, {
2
2
  $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
3
3
  $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
4
+ $bgColor?: string | undefined;
5
+ $border?: string | undefined;
6
+ $borderRadius?: string | number | undefined;
7
+ $boxShadow?: string | undefined;
4
8
  $gap?: string | number | undefined;
5
9
  $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
6
10
  $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
@@ -14,6 +18,10 @@ export declare const PreviewMock: import("styled-components").StyledComponent<"d
14
18
  export declare const Container: import("styled-components").StyledComponent<"div", any, {
15
19
  $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
16
20
  $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
21
+ $bgColor?: string | undefined;
22
+ $border?: string | undefined;
23
+ $borderRadius?: string | number | undefined;
24
+ $boxShadow?: string | undefined;
17
25
  $gap?: string | number | undefined;
18
26
  $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
19
27
  $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
package/ExportResult/styles.d.ts CHANGED
@@ -2,6 +2,10 @@ import { H5 } from '@pushwoosh/kit-typography';
2
2
  export declare const MainInfoContainer: import("styled-components").StyledComponent<"div", any, {
3
3
  $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
4
4
  $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
5
+ $bgColor?: string | undefined;
6
+ $border?: string | undefined;
7
+ $borderRadius?: string | number | undefined;
8
+ $boxShadow?: string | undefined;
5
9
  $gap?: string | number | undefined;
6
10
  $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
7
11
  $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
@@ -20,6 +24,10 @@ interface LeftSlotProps {
20
24
  export declare const LeftSlot: import("styled-components").StyledComponent<"div", any, {
21
25
  $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
22
26
  $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
27
+ $bgColor?: string | undefined;
28
+ $border?: string | undefined;
29
+ $borderRadius?: string | number | undefined;
30
+ $boxShadow?: string | undefined;
23
31
  $gap?: string | number | undefined;
24
32
  $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
25
33
  $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
@@ -33,6 +41,10 @@ export declare const LeftSlot: import("styled-components").StyledComponent<"div"
33
41
  export declare const RightSlotContainer: import("styled-components").StyledComponent<"div", any, {
34
42
  $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
35
43
  $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
44
+ $bgColor?: string | undefined;
45
+ $border?: string | undefined;
46
+ $borderRadius?: string | number | undefined;
47
+ $boxShadow?: string | undefined;
36
48
  $gap?: string | number | undefined;
37
49
  $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
38
50
  $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
package/FieldBox/FieldBox.js CHANGED
@@ -14,10 +14,13 @@ export function FieldBox(props) {
14
14
  tooltip,
15
15
  actions,
16
16
  error,
17
+ boxRef,
18
+ actionsRef,
17
19
  children
18
20
  } = props;
19
21
  return React.createElement(Vertical, {
20
- "$gap": Spacing.S1
22
+ "$gap": Spacing.S1,
23
+ ref: boxRef
21
24
  }, title && React.createElement(Horizontal, {
22
25
  "$alignItems": "center",
23
26
  "$justifyContent": "space-between"
@@ -43,7 +46,8 @@ export function FieldBox(props) {
43
46
  view: "lined"
44
47
  }))), actions && React.createElement(Horizontal, {
45
48
  "$alignItems": "center",
46
- "$gap": Spacing.S1
49
+ "$gap": Spacing.S1,
50
+ ref: actionsRef
47
51
  }, actions)), children, description && !error && React.createElement(Text, {
48
52
  "$variant": "footnote",
49
53
  "$color": Color.LOCKED
package/FieldBox/styles.d.ts CHANGED
@@ -3,6 +3,10 @@ import { Link as LinkBase } from '../Link';
3
3
  export declare const TitleBox: import("styled-components").StyledComponent<"div", any, {
4
4
  $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
5
5
  $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
6
+ $bgColor?: string | undefined;
7
+ $border?: string | undefined;
8
+ $borderRadius?: string | number | undefined;
9
+ $boxShadow?: string | undefined;
6
10
  $gap?: string | number | undefined;
7
11
  $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
8
12
  $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
package/FieldBox/types.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { type PropsWithChildren, type ReactNode } from 'react';
1
+ import { type PropsWithChildren, type ReactNode, type Ref } from 'react';
2
2
  export type FieldBoxProps = PropsWithChildren<{
3
3
  title?: ReactNode;
4
4
  description?: ReactNode;
@@ -7,4 +7,6 @@ export type FieldBoxProps = PropsWithChildren<{
7
7
  tooltip?: string;
8
8
  actions?: ReactNode;
9
9
  error?: ReactNode;
10
+ boxRef?: Ref<HTMLDivElement>;
11
+ actionsRef?: Ref<HTMLDivElement>;
10
12
  }>;
package/Modal/components/ModalContent/styles.d.ts CHANGED
@@ -2,6 +2,10 @@ export declare const ModalHeader: import("styled-components").StyledComponent<"d
2
2
  export declare const ModalBodyGroup: import("styled-components").StyledComponent<"div", any, {
3
3
  $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
4
4
  $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
5
+ $bgColor?: string | undefined;
6
+ $border?: string | undefined;
7
+ $borderRadius?: string | number | undefined;
8
+ $boxShadow?: string | undefined;
5
9
  $gap?: string | number | undefined;
6
10
  $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
7
11
  $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
package/PushPreview/components/NoPushPreview/styles.d.ts CHANGED
@@ -2,6 +2,10 @@ export declare const IconMock: import("styled-components").StyledComponent<"div"
2
2
  export declare const Container: import("styled-components").StyledComponent<"div", any, {
3
3
  $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
4
4
  $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
5
+ $bgColor?: string | undefined;
6
+ $border?: string | undefined;
7
+ $borderRadius?: string | number | undefined;
8
+ $boxShadow?: string | undefined;
5
9
  $gap?: string | number | undefined;
6
10
  $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
7
11
  $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
package/PushPreview/components/SilentPushPreview/styles.d.ts CHANGED
@@ -2,6 +2,10 @@ export declare const IconContainer: import("styled-components").StyledComponent<
2
2
  export declare const Container: import("styled-components").StyledComponent<"div", any, {
3
3
  $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
4
4
  $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
5
+ $bgColor?: string | undefined;
6
+ $border?: string | undefined;
7
+ $borderRadius?: string | number | undefined;
8
+ $boxShadow?: string | undefined;
5
9
  $gap?: string | number | undefined;
6
10
  $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
7
11
  $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
package/PushPreview/styles.d.ts CHANGED
@@ -5,6 +5,10 @@ export declare const AppIcon: import("styled-components").StyledComponent<"img",
5
5
  export declare const PushContent: import("styled-components").StyledComponent<"div", any, {
6
6
  $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
7
7
  $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
8
+ $bgColor?: string | undefined;
9
+ $border?: string | undefined;
10
+ $borderRadius?: string | number | undefined;
11
+ $boxShadow?: string | undefined;
8
12
  $gap?: string | number | undefined;
9
13
  $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
10
14
  $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
package/Select/Select.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { type ReactElement } from 'react';
2
- import { type GroupBase } from 'react-select';
2
+ import type { GroupBase } from 'react-select';
3
3
  import type { SelectProps, SelectAsyncProps, SelectCreatableProps } from './types';
4
4
  export declare function Select<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: SelectProps<Option, IsMulti, Group>): ReactElement;
5
5
  export declare function SelectAsync<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: SelectAsyncProps<Option, IsMulti, Group>): ReactElement;
package/Select/Select.js CHANGED
@@ -1,6 +1,15 @@
1
1
  import React from 'react';
2
+ import { CloseIcon } from '@pushwoosh/kit-icons';
2
3
  import { CLASS_NAME_PREFIX } from './constants';
3
- import { SelectStyled, SelectAsyncStyled, SelectCreatableStyled } from './styles';
4
+ import { SelectStyled, SelectAsyncStyled, SelectCreatableStyled, ClearIndicatorBox } from './styles';
5
+ const componentsProps = {
6
+ ClearIndicator: ({
7
+ clearValue
8
+ }) => React.createElement(ClearIndicatorBox, null, React.createElement(CloseIcon, {
9
+ size: "small",
10
+ onClick: clearValue
11
+ }))
12
+ };
4
13
  export function Select(props) {
5
14
  const {
6
15
  classNamePrefix = CLASS_NAME_PREFIX
@@ -10,6 +19,7 @@ export function Select(props) {
10
19
  classNamePrefix
11
20
  };
12
21
  return React.createElement(SelectStyled, {
22
+ components: componentsProps,
13
23
  ...customProps
14
24
  });
15
25
  }
@@ -22,6 +32,7 @@ export function SelectAsync(props) {
22
32
  classNamePrefix
23
33
  };
24
34
  return React.createElement(SelectAsyncStyled, {
35
+ components: componentsProps,
25
36
  ...customProps
26
37
  });
27
38
  }
@@ -34,6 +45,7 @@ export function CreatableSelect(props) {
34
45
  classNamePrefix
35
46
  };
36
47
  return React.createElement(SelectCreatableStyled, {
48
+ components: componentsProps,
37
49
  ...customProps
38
50
  });
39
51
  }
package/Select/styles.d.ts CHANGED
@@ -4,3 +4,4 @@ import ReactSelectCreatable from 'react-select/creatable';
4
4
  export declare const SelectStyled: typeof ReactSelect;
5
5
  export declare const SelectAsyncStyled: typeof ReactSelectAsync;
6
6
  export declare const SelectCreatableStyled: typeof ReactSelectCreatable;
7
+ export declare const ClearIndicatorBox: import("styled-components").StyledComponent<"div", any, {}, never>;
package/Select/styles.js CHANGED
@@ -4,11 +4,11 @@ import ReactSelectCreatable from 'react-select/creatable';
4
4
  import styled, { css } from 'styled-components';
5
5
  import { Color, Spacing, FontSize, LineHeight, UnitSize } from '@pushwoosh/kit-constants';
6
6
  import { CLASS_NAME_PREFIX } from './constants';
7
- const selectStyles = css([".", "__control{width:", ";min-width:", ";height:auto;min-height:", ";font-size:", ";line-height:", ";background-color:", ";border:", ";box-sizing:border-box;}.", "__indicator{display:flex;align-items:center;justify-content:center;padding:", " ", ";}.", "__menu{width:", ";min-width:", ";font-size:", ";line-height:", ";}.", "__indicator-separator{display:none;}.", "__control--is-focused{border:1px solid ", ";box-shadow:none;}.", "__control--is-disabled{background-color:", ";}.", "__control:hover{border:", ";}.", "__control--is-focused:hover{border:1px solid ", ";box-shadow:none;}.", "__placeholder{display:flex;width:100%;text-overflow:clip;white-space:nowrap;}"], CLASS_NAME_PREFIX, ({
7
+ const selectStyles = css([".", "__control{width:", ";min-width:", ";height:auto;min-height:", ";font-size:", ";line-height:", ";color:", ";background-color:", ";border:", ";box-sizing:border-box;}.", "__indicator{display:flex;align-items:center;justify-content:center;padding:", " ", ";}.", "__menu{width:", ";min-width:", ";font-size:", ";line-height:", ";}.", "__indicator-separator{display:none;}.", "__control--is-focused{border:1px solid ", ";box-shadow:none;}.", "__control--is-disabled{background-color:", ";}.", "__control:hover{border:", ";}.", "__control--is-focused:hover{border:1px solid ", ";box-shadow:none;}.", "__placeholder{display:flex;width:100%;color:", ";white-space:nowrap;text-overflow:clip;}.", "__multi-value{background:", ";}.", "__multi-value__label{color:", ";}.", "__multi-value__remove{color:", ";}.", "__multi-value__remove:hover{color:", ";background:", ";}"], CLASS_NAME_PREFIX, ({
8
8
  width
9
9
  }) => width || '100%', ({
10
10
  width
11
- }) => width || '150px', UnitSize.FIELD_HEIGHT, FontSize.REGULAR, LineHeight.REGULAR, Color.CLEAR, ({
11
+ }) => width || '150px', UnitSize.FIELD_HEIGHT, FontSize.REGULAR, LineHeight.REGULAR, Color.MAIN, Color.CLEAR, ({
12
12
  $isErrored
13
13
  }) => $isErrored ? `1px solid ${Color.DANGER}` : `1px solid ${Color.FORM}`, CLASS_NAME_PREFIX, Spacing.S2, Spacing.S3, CLASS_NAME_PREFIX, ({
14
14
  width
@@ -16,7 +16,7 @@ const selectStyles = css([".", "__control{width:", ";min-width:", ";height:auto;
16
16
  width
17
17
  }) => width || '150px', FontSize.REGULAR, LineHeight.REGULAR, CLASS_NAME_PREFIX, CLASS_NAME_PREFIX, Color.BRIGHT, CLASS_NAME_PREFIX, Color.FROZEN, CLASS_NAME_PREFIX, ({
18
18
  $isErrored
19
- }) => $isErrored ? `1px solid ${Color.DANGER}` : `1px solid ${Color.FORM}`, CLASS_NAME_PREFIX, Color.BRIGHT, CLASS_NAME_PREFIX);
19
+ }) => $isErrored ? `1px solid ${Color.DANGER}` : `1px solid ${Color.FORM}`, CLASS_NAME_PREFIX, Color.BRIGHT, CLASS_NAME_PREFIX, Color.PHANTOM, CLASS_NAME_PREFIX, Color.BRIGHT_LIGHT, CLASS_NAME_PREFIX, Color.PRIMARY, CLASS_NAME_PREFIX, Color.PRIMARY, CLASS_NAME_PREFIX, Color.PRIMARY, Color.BRIGHT_LIGHT);
20
20
  export const SelectStyled = styled(ReactSelect).withConfig({
21
21
  displayName: "SelectStyled",
22
22
  componentId: "sc-c2oq4h-0"
@@ -28,4 +28,8 @@ export const SelectAsyncStyled = styled(ReactSelectAsync).withConfig({
28
28
  export const SelectCreatableStyled = styled(ReactSelectCreatable).withConfig({
29
29
  displayName: "SelectCreatableStyled",
30
30
  componentId: "sc-c2oq4h-2"
31
- })(["", ";"], selectStyles);
31
+ })(["", ";"], selectStyles);
32
+ export const ClearIndicatorBox = styled.div.withConfig({
33
+ displayName: "ClearIndicatorBox",
34
+ componentId: "sc-c2oq4h-3"
35
+ })(["color:", ";transition:transform 0.3s ease,color 0.3s ease;&:hover{color:", ";transform:scale(1.2);}"], Color.PHANTOM, Color.MAIN);
package/Table/styles.d.ts CHANGED
@@ -2,6 +2,10 @@ import { FontSize, FontWeight } from '@pushwoosh/kit-constants';
2
2
  export declare const Table: import("styled-components").StyledComponent<"div", any, {
3
3
  $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
4
4
  $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
5
+ $bgColor?: string | undefined;
6
+ $border?: string | undefined;
7
+ $borderRadius?: string | number | undefined;
8
+ $boxShadow?: string | undefined;
5
9
  $gap?: string | number | undefined;
6
10
  $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
7
11
  $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
@@ -18,6 +22,10 @@ export declare const Table: import("styled-components").StyledComponent<"div", a
18
22
  export declare const Td: import("styled-components").StyledComponent<"div", any, {
19
23
  $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
20
24
  $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
25
+ $bgColor?: string | undefined;
26
+ $border?: string | undefined;
27
+ $borderRadius?: string | number | undefined;
28
+ $boxShadow?: string | undefined;
21
29
  $gap?: string | number | undefined;
22
30
  $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
23
31
  $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
@@ -34,6 +42,10 @@ export declare const ElementHover: import("styled-components").StyledComponent<"
34
42
  export declare const Tr: import("styled-components").StyledComponent<"div", any, {
35
43
  $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
36
44
  $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
45
+ $bgColor?: string | undefined;
46
+ $border?: string | undefined;
47
+ $borderRadius?: string | number | undefined;
48
+ $boxShadow?: string | undefined;
37
49
  $gap?: string | number | undefined;
38
50
  $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
39
51
  $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
@@ -49,6 +61,10 @@ export declare const Tr: import("styled-components").StyledComponent<"div", any,
49
61
  export declare const Th: import("styled-components").StyledComponent<"div", any, {
50
62
  $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
51
63
  $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
64
+ $bgColor?: string | undefined;
65
+ $border?: string | undefined;
66
+ $borderRadius?: string | number | undefined;
67
+ $boxShadow?: string | undefined;
52
68
  $gap?: string | number | undefined;
53
69
  $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
54
70
  $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pushwoosh/dumb-components",
3
- "version": "1.0.32",
3
+ "version": "1.0.34",
4
4
  "description": "React components to build Pushwoosh products",
5
5
  "main": "index.js",
6
6
  "module": "index.js",
@@ -21,7 +21,6 @@
21
21
  },
22
22
  "devDependencies": {
23
23
  "@pushwoosh/frontend-builder-engine": "^1.0.16",
24
- "@pushwoosh/kit-constants": "^1.6.8",
25
24
  "@svgr/webpack": "^8.1.0",
26
25
  "@types/lodash": "^4.17.13",
27
26
  "@types/react": "^18.2.69",
@@ -40,9 +39,10 @@
40
39
  "@codemirror/lang-liquid": "^6.2.2",
41
40
  "@floating-ui/react-dom": "^2.1.2",
42
41
  "@lezer/highlight": "^1.2.1",
43
- "@pushwoosh/kit-helpers": "^4.6.2",
42
+ "@pushwoosh/kit-constants": "^1.6.9",
43
+ "@pushwoosh/kit-helpers": "^4.7.0",
44
44
  "@pushwoosh/kit-icons": "^2.1.1",
45
- "@pushwoosh/kit-typography": "^1.7.1",
45
+ "@pushwoosh/kit-typography": "^1.7.3",
46
46
  "@tippyjs/react": "^4.2.6",
47
47
  "@uiw/codemirror-themes": "^4.23.8",
48
48
  "@uiw/react-codemirror": "^4.23.8",
@@ -53,7 +53,6 @@
53
53
  "react-transition-group": "^4.4.5"
54
54
  },
55
55
  "peerDependencies": {
56
- "@pushwoosh/kit-constants": "^1.6.0",
57
56
  "react": ">= 16.14.0",
58
57
  "react-router-dom": "^5.3.4",
59
58
  "styled-components": "^5.3.3 || ^6.0.0"