@mailstep/design-system 0.8.33-beta.0 → 0.8.34-beta.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 (79) hide show
  1. package/README.md +76 -76
  2. package/package.json +149 -148
  3. package/ui/Blocks/CommonGrid/components/ControlButtons/styles.d.ts +4 -4
  4. package/ui/Blocks/CommonGrid/components/ExtraControlButtons/ExtraControlButtons.d.ts +1 -1
  5. package/ui/Blocks/CommonGrid/components/FloatingButton/FloatingButton.d.ts +2 -2
  6. package/ui/Blocks/CommonGrid/components/GridAggregation/styles.d.ts +3 -3
  7. package/ui/Blocks/CommonGrid/components/IconList/IconList.d.ts +4 -4
  8. package/ui/Blocks/CommonGrid/components/ManageColumnForm/styles.d.ts +1 -1
  9. package/ui/Blocks/CommonGrid/components/MobileOverlayWrapper.d.ts +1 -1
  10. package/ui/Blocks/CommonGrid/components/PresetsModalBody/components/TagRemove.d.ts +1 -1
  11. package/ui/Blocks/CommonGrid/components/Table.d.ts +8 -8
  12. package/ui/Blocks/CommonGrid/components/gridCells/LinkInCell.d.ts +1 -1
  13. package/ui/Blocks/CommonGrid/components/gridCells/RemoveItem.d.ts +2 -2
  14. package/ui/Blocks/CommonGrid/styles.d.ts +5 -5
  15. package/ui/Blocks/CornerDialog/styles.d.ts +6 -6
  16. package/ui/Blocks/Header/components/MenuItems/styles.d.ts +2 -2
  17. package/ui/Blocks/Header/components/UserMenu/components/UserInfo/styles.d.ts +2 -2
  18. package/ui/Blocks/Header/components/UserMenu/styles.d.ts +3 -3
  19. package/ui/Blocks/Header/styles.d.ts +4 -4
  20. package/ui/Blocks/ImageList/components/AddPhoto/styles.d.ts +2 -2
  21. package/ui/Blocks/ImageList/components/CloseButton/styles.d.ts +1 -1
  22. package/ui/Blocks/ImageList/components/ImageElement/styles.d.ts +3 -3
  23. package/ui/Blocks/ImageList/components/ImageTag/styles.d.ts +1 -1
  24. package/ui/Blocks/ImageList/styles.d.ts +2 -2
  25. package/ui/Blocks/LanguageSwitch/styles.d.ts +3 -3
  26. package/ui/Blocks/LightBox/styles.d.ts +4 -4
  27. package/ui/Blocks/LoginPage/components/SocialLinks.d.ts +4 -4
  28. package/ui/Blocks/LoginPage/styles.d.ts +7 -7
  29. package/ui/Blocks/Modal/styles.d.ts +8 -8
  30. package/ui/Blocks/Scheduler/components/BookedTimeSlots/styles.d.ts +3 -3
  31. package/ui/Blocks/Scheduler/components/CurrentTimeMarker/styles.d.ts +3 -3
  32. package/ui/Blocks/Scheduler/components/DateChanger/styles.d.ts +2 -2
  33. package/ui/Blocks/Scheduler/components/Groups/styles.d.ts +3 -3
  34. package/ui/Blocks/Scheduler/components/TimeSlots/styles.d.ts +4 -4
  35. package/ui/Blocks/Scheduler/styles.d.ts +2 -2
  36. package/ui/Blocks/SideMenu/components/Footer.d.ts +2 -2
  37. package/ui/Blocks/SideMenu/styles.d.ts +15 -15
  38. package/ui/Blocks/Stepper/components/StepCircle/styles.d.ts +1 -1
  39. package/ui/Blocks/Stepper/components/StepItem/styles.d.ts +3 -3
  40. package/ui/Blocks/Stepper/styles.d.ts +2 -2
  41. package/ui/Blocks/Tabs/styles.d.ts +5 -5
  42. package/ui/Elements/Alert/styles.d.ts +4 -4
  43. package/ui/Elements/BarChartSymbol/styles.d.ts +1 -1
  44. package/ui/Elements/Button/styles.d.ts +4 -4
  45. package/ui/Elements/Card/styles.d.ts +1 -1
  46. package/ui/Elements/CheckedCircle/styles.d.ts +1 -1
  47. package/ui/Elements/DatePicker/Datetime/components/FooterRow.d.ts +1 -1
  48. package/ui/Elements/DatePicker/Datetime/components/FooterRowLabel.d.ts +1 -1
  49. package/ui/Elements/DatePicker/Datetime/components/TimeInput.d.ts +1 -1
  50. package/ui/Elements/DatePicker/styles.d.ts +1 -1
  51. package/ui/Elements/DropdownSelect/DropdownSelect.d.ts +1 -1
  52. package/ui/Elements/Label/Label.d.ts +2 -2
  53. package/ui/Elements/Label/stories/Label.stories.d.ts +1 -1
  54. package/ui/Elements/Logo/assets/mailship/mailship-logo.svg +12 -12
  55. package/ui/Elements/Logo/assets/mailstep/mailstep_black.svg +17 -17
  56. package/ui/Elements/Logo/assets/mailstep/mailstep_white.svg +17 -17
  57. package/ui/Elements/Logo/assets/mailstock/mailstock.svg +12 -12
  58. package/ui/Elements/Logo/assets/mailwise/mailwiseLogo.svg +46 -46
  59. package/ui/Elements/Logo/assets/mailwise/mailwiseLogoSmall.svg +19 -19
  60. package/ui/Elements/Logo/assets/mailwrap/mailwrapLogoSmall.svg +4 -4
  61. package/ui/Elements/Logo/assets/warehouse/manager.svg +5 -5
  62. package/ui/Elements/Logo/assets/warehouse/manager2.svg +5 -5
  63. package/ui/Elements/Logo/assets/warehouse/manager3.svg +4 -4
  64. package/ui/Elements/Pagination/styled.d.ts +6 -6
  65. package/ui/Elements/ProgressBar/styles.d.ts +3 -3
  66. package/ui/Elements/Select/components/SelectedIndicator.d.ts +1 -1
  67. package/ui/Elements/Select/styles.d.ts +3 -3
  68. package/ui/Elements/SimpleLink/SimpleLink.d.ts +1 -1
  69. package/ui/Elements/Spinner/styles.d.ts +2 -2
  70. package/ui/Elements/Table/Table.d.ts +6 -6
  71. package/ui/Elements/Table/stories/Table.stories.d.ts +1 -1
  72. package/ui/Elements/Tag/Tag.d.ts +1 -1
  73. package/ui/Elements/Tag/stories/Tag.stories.d.ts +1 -1
  74. package/ui/Elements/Toast/styles.d.ts +5 -5
  75. package/ui/Forms/Checkbox/styles.d.ts +4 -4
  76. package/ui/Forms/Input/Input.js +5 -1
  77. package/ui/Forms/Input/styles.d.ts +9 -9
  78. package/ui/Forms/RadioButton/styles.d.ts +6 -6
  79. package/ui/Forms/TextArea/styles.d.ts +5 -5
package/ui/Elements/SimpleLink/SimpleLink.d.ts CHANGED
@@ -17,5 +17,5 @@ export type Props = {
17
17
  $decorate?: boolean;
18
18
  variant?: TextVariant;
19
19
  };
20
- declare const StyledLink: import("styled-components").StyledComponent<typeof ReactLink, import("@xstyled/styled-components").Theme, Props, never>;
20
+ declare const StyledLink: import("styled-components").StyledComponent<typeof ReactLink, import("@xstyled/system").Theme, Props, never>;
21
21
  export default StyledLink;
package/ui/Elements/Spinner/styles.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare const Svg: import("styled-components").StyledComponent<"svg", import("@xstyled/styled-components").Theme, {
1
+ export declare const Svg: import("styled-components").StyledComponent<"svg", import("@xstyled/system").Theme, {
2
2
  $variant: "default" | "sm";
3
3
  }, never>;
4
- export declare const Circle: import("styled-components").StyledComponent<"circle", import("@xstyled/styled-components").Theme, {}, never>;
4
+ export declare const Circle: import("styled-components").StyledComponent<"circle", import("@xstyled/system").Theme, {}, never>;
package/ui/Elements/Table/Table.d.ts CHANGED
@@ -1,6 +1,6 @@
1
- export declare const Table: import("styled-components").StyledComponent<"table", import("@xstyled/styled-components").Theme, import("@xstyled/util").Props<import("@xstyled/styled-components").Theme> & import("@xstyled/styled-components").SystemProps<import("@xstyled/styled-components").Theme>, never>;
2
- export declare const Tr: import("styled-components").StyledComponent<"tr", import("@xstyled/styled-components").Theme, import("@xstyled/util").Props<import("@xstyled/styled-components").Theme> & import("@xstyled/styled-components").SystemProps<import("@xstyled/styled-components").Theme>, never>;
3
- export declare const Td: import("styled-components").StyledComponent<"td", import("@xstyled/styled-components").Theme, import("@xstyled/util").Props<import("@xstyled/styled-components").Theme> & import("@xstyled/styled-components").SystemProps<import("@xstyled/styled-components").Theme>, never>;
4
- export declare const Th: import("styled-components").StyledComponent<"th", import("@xstyled/styled-components").Theme, import("@xstyled/util").Props<import("@xstyled/styled-components").Theme> & import("@xstyled/styled-components").SystemProps<import("@xstyled/styled-components").Theme>, never>;
5
- export declare const Tbody: import("styled-components").StyledComponent<"tbody", import("@xstyled/styled-components").Theme, import("@xstyled/util").Props<import("@xstyled/styled-components").Theme> & import("@xstyled/styled-components").SystemProps<import("@xstyled/styled-components").Theme>, never>;
6
- export declare const Thead: import("styled-components").StyledComponent<"thead", import("@xstyled/styled-components").Theme, import("@xstyled/util").Props<import("@xstyled/styled-components").Theme> & import("@xstyled/styled-components").SystemProps<import("@xstyled/styled-components").Theme>, never>;
1
+ export declare const Table: import("styled-components").StyledComponent<"table", import("@xstyled/system").Theme, import("@xstyled/util").Props<import("@xstyled/system").Theme> & import("@xstyled/system").SystemProps<import("@xstyled/system").Theme>, never>;
2
+ export declare const Tr: import("styled-components").StyledComponent<"tr", import("@xstyled/system").Theme, import("@xstyled/util").Props<import("@xstyled/system").Theme> & import("@xstyled/system").SystemProps<import("@xstyled/system").Theme>, never>;
3
+ export declare const Td: import("styled-components").StyledComponent<"td", import("@xstyled/system").Theme, import("@xstyled/util").Props<import("@xstyled/system").Theme> & import("@xstyled/system").SystemProps<import("@xstyled/system").Theme>, never>;
4
+ export declare const Th: import("styled-components").StyledComponent<"th", import("@xstyled/system").Theme, import("@xstyled/util").Props<import("@xstyled/system").Theme> & import("@xstyled/system").SystemProps<import("@xstyled/system").Theme>, never>;
5
+ export declare const Tbody: import("styled-components").StyledComponent<"tbody", import("@xstyled/system").Theme, import("@xstyled/util").Props<import("@xstyled/system").Theme> & import("@xstyled/system").SystemProps<import("@xstyled/system").Theme>, never>;
6
+ export declare const Thead: import("styled-components").StyledComponent<"thead", import("@xstyled/system").Theme, import("@xstyled/util").Props<import("@xstyled/system").Theme> & import("@xstyled/system").SystemProps<import("@xstyled/system").Theme>, never>;
package/ui/Elements/Table/stories/Table.stories.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  declare const meta: {
2
2
  title: string;
3
- component: import("styled-components").StyledComponent<"table", import("@xstyled/styled-components").Theme, import("@xstyled/util").Props<import("@xstyled/styled-components").Theme> & import("@xstyled/styled-components").SystemProps<import("@xstyled/styled-components").Theme>, never>;
3
+ component: import("styled-components").StyledComponent<"table", import("@xstyled/system").Theme, import("@xstyled/util").Props<import("@xstyled/system").Theme> & import("@xstyled/system").SystemProps<import("@xstyled/system").Theme>, never>;
4
4
  tags: string[];
5
5
  argTypes: {};
6
6
  };
package/ui/Elements/Tag/Tag.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import type { Props } from './types';
2
- declare const Tag: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, Props, never>;
2
+ declare const Tag: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, Props, never>;
3
3
  export default Tag;
package/ui/Elements/Tag/stories/Tag.stories.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import type { StoryObj } from '@storybook/react-webpack5';
2
2
  declare const meta: {
3
3
  title: string;
4
- component: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, import("../types").Props, never>;
4
+ component: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, import("../types").Props, never>;
5
5
  tags: string[];
6
6
  argTypes: {};
7
7
  };
package/ui/Elements/Toast/styles.d.ts CHANGED
@@ -1,8 +1,8 @@
1
- export declare const Title: import("styled-components").StyledComponent<"span", import("@xstyled/styled-components").Theme, {}, never>;
2
- export declare const Text: import("styled-components").StyledComponent<"span", import("@xstyled/styled-components").Theme, {}, never>;
3
- export declare const ContentWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
4
- export declare const CloseWrapper: import("styled-components").StyledComponent<"span", import("@xstyled/styled-components").Theme, {}, never>;
5
- export declare const Container: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
1
+ export declare const Title: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {}, never>;
2
+ export declare const Text: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {}, never>;
3
+ export declare const ContentWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
4
+ export declare const CloseWrapper: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {}, never>;
5
+ export declare const Container: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
6
6
  autoClose?: number;
7
7
  fill: string;
8
8
  }, never>;
package/ui/Forms/Checkbox/styles.d.ts CHANGED
@@ -1,10 +1,10 @@
1
- export declare const FakeInput: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
1
+ export declare const FakeInput: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
2
2
  size: string | number;
3
3
  }, never>;
4
- export declare const CheckIcon: import("styled-components").StyledComponent<import("react").FC<import("../..").IconProps>, import("@xstyled/styled-components").Theme, {
4
+ export declare const CheckIcon: import("styled-components").StyledComponent<import("react").FC<import("../..").IconProps>, import("@xstyled/system").Theme, {
5
5
  size: string | number;
6
6
  }, never>;
7
- export declare const CheckboxWrap: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
7
+ export declare const CheckboxWrap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
8
8
  size: string | number;
9
9
  }, never>;
10
- export declare const Label: import("styled-components").StyledComponent<"label", import("@xstyled/styled-components").Theme, {}, never>;
10
+ export declare const Label: import("styled-components").StyledComponent<"label", import("@xstyled/system").Theme, {}, never>;
package/ui/Forms/Input/Input.js CHANGED
@@ -39,7 +39,11 @@ const Input = ({ appearance = "primary", type, name, label, value, icon, variant
39
39
  ]);
40
40
  const handleBlur = useCallback((event) => {
41
41
  onBlur?.(event);
42
- if (forceFocus && (event.relatedTarget?.tagName?.toLowerCase() !== "input" || !allowedInputTypes.includes(event.relatedTarget?.type?.toLowerCase()))) event.target?.focus();
42
+ if (forceFocus) {
43
+ const relatedTag = event.relatedTarget?.tagName?.toLowerCase();
44
+ const relatedType = event.relatedTarget?.type?.toLowerCase();
45
+ if (!(relatedTag === "input" && allowedInputTypes.includes(relatedType)) && !(relatedTag === "textarea")) event.target?.focus();
46
+ }
43
47
  }, [forceFocus, onBlur]);
44
48
  const handleKeyDown = useCallback((event) => {
45
49
  if (event.key === "Enter") onEnter?.();
package/ui/Forms/Input/styles.d.ts CHANGED
@@ -17,24 +17,24 @@ type InputIconProps = {
17
17
  hasValue?: boolean;
18
18
  $isInvalid?: boolean;
19
19
  };
20
- export declare const InputIcon: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, InputIconProps, never>;
21
- export declare const ClearableInputIcon: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, InputIconProps, never>;
22
- export declare const IconsController: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
23
- export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
24
- export declare const StyledInput: import("styled-components").StyledComponent<"input", import("@xstyled/styled-components").Theme, {
20
+ export declare const InputIcon: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, InputIconProps, never>;
21
+ export declare const ClearableInputIcon: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, InputIconProps, never>;
22
+ export declare const IconsController: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
23
+ export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
24
+ export declare const StyledInput: import("styled-components").StyledComponent<"input", import("@xstyled/system").Theme, {
25
25
  as: string;
26
26
  } & StyledInputProps, "as">;
27
- export declare const InputWrap: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
28
- export declare const Suffix: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
27
+ export declare const InputWrap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
28
+ export declare const Suffix: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
29
29
  $isPointer: boolean;
30
30
  $isInvalid: boolean;
31
31
  }, never>;
32
- export declare const InputRow: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
32
+ export declare const InputRow: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
33
33
  hasValue: boolean;
34
34
  disabled: boolean;
35
35
  $icon?: string;
36
36
  $isInvalid?: boolean;
37
37
  variant?: string;
38
38
  }, never>;
39
- export declare const Tooltip: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
39
+ export declare const Tooltip: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
40
40
  export {};
package/ui/Forms/RadioButton/styles.d.ts CHANGED
@@ -1,10 +1,10 @@
1
- export declare const Wrapper: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
2
- export declare const Item: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
3
- export declare const PaintoverLayer: import("styled-components").StyledComponent<"span", import("@xstyled/styled-components").Theme, {
1
+ export declare const Wrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
2
+ export declare const Item: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
3
+ export declare const PaintoverLayer: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {
4
4
  disabled: boolean;
5
5
  }, never>;
6
- export declare const CenterDot: import("styled-components").StyledComponent<"span", import("@xstyled/styled-components").Theme, {}, never>;
7
- export declare const StyledRadio: import("styled-components").StyledComponent<"input", import("@xstyled/styled-components").Theme, {
6
+ export declare const CenterDot: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {}, never>;
7
+ export declare const StyledRadio: import("styled-components").StyledComponent<"input", import("@xstyled/system").Theme, {
8
8
  disabled: boolean;
9
9
  }, never>;
10
- export declare const Label: import("styled-components").StyledComponent<"label", import("@xstyled/styled-components").Theme, {}, never>;
10
+ export declare const Label: import("styled-components").StyledComponent<"label", import("@xstyled/system").Theme, {}, never>;
package/ui/Forms/TextArea/styles.d.ts CHANGED
@@ -1,12 +1,12 @@
1
- export declare const IconWrap: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
2
- export declare const StyledTextArea: import("styled-components").StyledComponent<"textarea", import("@xstyled/styled-components").Theme, {
1
+ export declare const IconWrap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
2
+ export declare const StyledTextArea: import("styled-components").StyledComponent<"textarea", import("@xstyled/system").Theme, {
3
3
  $resize?: string;
4
4
  $isInvalid?: boolean;
5
5
  disabled?: boolean;
6
6
  }, never>;
7
- export declare const TextAreaWrap: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
8
- export declare const BorderWrap: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {
7
+ export declare const TextAreaWrap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
8
+ export declare const BorderWrap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
9
9
  $isInvalid?: boolean;
10
10
  disabled?: boolean;
11
11
  }, never>;
12
- export declare const InnerWrap: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
12
+ export declare const InnerWrap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;