@mailstep/design-system 0.7.62-beta.0 → 0.7.62

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 (43) hide show
  1. package/package.json +1 -1
  2. package/ui/Blocks/CommonGrid/CommonGrid.d.ts +1 -1
  3. package/ui/Blocks/CommonGrid/CommonGrid.js +14 -3
  4. package/ui/Blocks/CommonGrid/CommonGridContainer.js +2 -8
  5. package/ui/Blocks/CommonGrid/components/ControlButtons/ControlButtons.js +2 -2
  6. package/ui/Blocks/CommonGrid/components/HeadCell.d.ts +0 -2
  7. package/ui/Blocks/CommonGrid/components/HeadCell.js +2 -2
  8. package/ui/Blocks/CommonGrid/components/HeadRow.d.ts +1 -2
  9. package/ui/Blocks/CommonGrid/components/HeadRow.js +2 -2
  10. package/ui/Blocks/CommonGrid/components/OversizedScroll.d.ts +2 -1
  11. package/ui/Blocks/CommonGrid/components/OversizedScroll.js +4 -4
  12. package/ui/Blocks/CommonGrid/components/Table.d.ts +1 -14
  13. package/ui/Blocks/CommonGrid/components/Table.js +2 -7
  14. package/ui/Blocks/CommonGrid/hooks/useQuickFilter.d.ts +1 -1
  15. package/ui/Blocks/CommonGrid/hooks/useQuickFilter.js +7 -7
  16. package/ui/Blocks/CommonGrid/store/index.js +0 -1
  17. package/ui/Blocks/CommonGrid/storybook/stories/loading.stories.d.ts +10 -0
  18. package/ui/Blocks/CommonGrid/storybook/stories/loading.stories.js +12 -0
  19. package/ui/Blocks/CommonGrid/styles.d.ts +1 -1
  20. package/ui/Blocks/CommonGrid/styles.js +1 -1
  21. package/ui/Blocks/CommonGrid/types.d.ts +0 -3
  22. package/ui/Blocks/Header/components/MenuItems/components/MenuItem/index.js +1 -1
  23. package/ui/Blocks/Header/components/MenuItems/styles.js +1 -1
  24. package/ui/Blocks/SideMenu/MenuItem.d.ts +1 -1
  25. package/ui/Blocks/SideMenu/MenuItem.js +2 -2
  26. package/ui/Blocks/SideMenu/types.d.ts +3 -2
  27. package/ui/Elements/Alert/Alert.d.ts +2 -3
  28. package/ui/Elements/Alert/Alert.js +7 -7
  29. package/ui/Elements/Alert/stories/Alert.stories.d.ts +1 -2
  30. package/ui/Elements/Alert/styles.d.ts +3 -6
  31. package/ui/Elements/Alert/styles.js +3 -15
  32. package/ui/Elements/Alert/types.d.ts +4 -1
  33. package/ui/index.es.js +8704 -8753
  34. package/ui/index.umd.js +619 -620
  35. package/ui/utils/translations.js +1 -1
  36. package/ui/Blocks/CommonGrid/components/GridInfo/index.d.ts +0 -7
  37. package/ui/Blocks/CommonGrid/components/GridInfo/index.js +0 -7
  38. package/ui/Blocks/CommonGrid/components/GridStatus/index.d.ts +0 -9
  39. package/ui/Blocks/CommonGrid/components/GridStatus/index.js +0 -10
  40. package/ui/Blocks/CommonGrid/storybook/stories/gridStates.stories.d.ts +0 -8
  41. package/ui/Blocks/CommonGrid/storybook/stories/gridStates.stories.js +0 -12
  42. package/ui/Blocks/CommonGrid/utils/hasSortTerminated.d.ts +0 -9
  43. package/ui/Blocks/CommonGrid/utils/hasSortTerminated.js +0 -11
package/ui/Elements/Alert/styles.js CHANGED
@@ -6,26 +6,14 @@ import { Link } from '../Link';
6
6
  import { x } from '@xstyled/styled-components';
7
7
  import { th } from '@xstyled/styled-components';
8
8
  import styled from 'styled-components';
9
- export var StyledAlert = styled(x.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: ", ";\n display: flex;\n min-height: ", ";\n align-items: center;\n justify-content: space-between;\n border: ", ";\n border-radius: 8px;\n background-color: ", ";\n color: ", ";\n font-family: ", ";\n padding: 6px 5px 6px 5px;\n padding-right: ", ";\n margin-bottom: 5px;\n position: sticky;\n left: 10px;\n\n @media (min-width: 1024px) {\n position: relative;\n left: 0;\n width: 100%;\n }\n"], ["\n width: ", ";\n display: flex;\n min-height: ", ";\n align-items: center;\n justify-content: space-between;\n border: ", ";\n border-radius: 8px;\n background-color: ", ";\n color: ", ";\n font-family: ", ";\n padding: 6px 5px 6px 5px;\n padding-right: ", ";\n margin-bottom: 5px;\n position: sticky;\n left: 10px;\n\n @media (min-width: 1024px) {\n position: relative;\n left: 0;\n width: 100%;\n }\n"])), function (_a) {
10
- var $inline = _a.$inline;
11
- return $inline ? 'auto' : "calc(100vw - 20px)";
12
- }, function (_a) {
13
- var height = _a.height;
14
- return height || '48px';
15
- }, function (_a) {
9
+ export var StyledAlert = styled(x.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: calc(100vw - 20px);\n display: flex;\n min-height: 48px;\n align-items: center;\n justify-content: space-between;\n border: ", ";\n border-radius: 8px;\n background-color: ", ";\n color: ", ";\n font-family: ", ";\n padding: 6px 5px 6px 5px;\n margin-bottom: 5px;\n position: sticky;\n left: 10px;\n @media (min-width: 1024px) {\n position: relative;\n left: 0;\n width: 100%;\n }\n"], ["\n width: calc(100vw - 20px);\n display: flex;\n min-height: 48px;\n align-items: center;\n justify-content: space-between;\n border: ", ";\n border-radius: 8px;\n background-color: ", ";\n color: ", ";\n font-family: ", ";\n padding: 6px 5px 6px 5px;\n margin-bottom: 5px;\n position: sticky;\n left: 10px;\n @media (min-width: 1024px) {\n position: relative;\n left: 0;\n width: 100%;\n }\n"])), function (_a) {
16
10
  var $inline = _a.$inline, $colorFill = _a.$colorFill;
17
11
  return ($inline ? "solid 1px ".concat($colorFill) : 'none');
18
12
  }, function (_a) {
19
13
  var $bgColor = _a.$bgColor;
20
14
  return $bgColor;
21
- }, th('colors.textPrimary'), th('fonts.primary'), function (_a) {
22
- var icon = _a.icon;
23
- return icon ? '14px' : '5px';
24
- });
25
- export var VerticalSeparator = styled(x.div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 4px;\n height: ", ";\n border-radius: 94px;\n background-color: ", ";\n"], ["\n width: 4px;\n height: ", ";\n border-radius: 94px;\n background-color: ", ";\n"])), function (_a) {
26
- var height = _a.height;
27
- return height || '36px';
28
- }, function (_a) {
15
+ }, th('colors.textPrimary'), th('fonts.primary'));
16
+ export var VerticalSeparator = styled(x.div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 4px;\n height: 36px;\n border-radius: 94px;\n background-color: ", ";\n"], ["\n width: 4px;\n height: 36px;\n border-radius: 94px;\n background-color: ", ";\n"])), function (_a) {
29
17
  var $colorFill = _a.$colorFill;
30
18
  return $colorFill;
31
19
  });
package/ui/Elements/Alert/types.d.ts CHANGED
@@ -5,7 +5,7 @@ export type AlertProps = {
5
5
  onClick?: () => void;
6
6
  onClose?: () => void;
7
7
  title?: string;
8
- text?: string | React.ReactElement;
8
+ text?: string;
9
9
  closeAnywhere?: boolean;
10
10
  href?: string;
11
11
  actionLabel?: React.ReactElement | string;
@@ -13,3 +13,6 @@ export type AlertProps = {
13
13
  desc?: string;
14
14
  [key: string]: any;
15
15
  };
16
+ export interface IAlert {
17
+ (props: AlertProps): JSX.Element;
18
+ }