@mailstep/design-system 0.6.51-beta.0 → 0.6.51-beta.2

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 (8) hide show
  1. package/package.json +1 -1
  2. package/ui/Blocks/LoginPage/components/LoginForm.js +0 -1
  3. package/ui/Blocks/LoginPage/styles.js +2 -3
  4. package/ui/Elements/Icon/stories/BadgeIcon.stories.d.ts +1 -1
  5. package/ui/index.d.ts +13 -9
  6. package/ui/index.es.js +43019 -42703
  7. package/ui/index.js +13 -9
  8. package/ui/index.umd.js +2697 -2523
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mailstep/design-system",
3
- "version": "0.6.51-beta.0",
3
+ "version": "0.6.51-beta.2",
4
4
  "license": "ISC",
5
5
  "type": "module",
6
6
  "main": "./ui/index.js",
package/ui/Blocks/LoginPage/components/LoginForm.js CHANGED
@@ -49,7 +49,6 @@ export var LoginForm = function (_a) {
49
49
  var handleChangeDistributionCenter = useCallback(function (e) {
50
50
  onChangeDistributionCenter === null || onChangeDistributionCenter === void 0 ? void 0 : onChangeDistributionCenter(e.target.value);
51
51
  }, [onChangeDistributionCenter]);
52
- // @ts-ignore
53
52
  return (_jsxs(Container, { children: [_jsx(x.div, { mt: "24px", children: _jsx(Input, { label: i18n._({ id: 'form.login.label', message: 'Login' }), placeholder: i18n._({ id: 'form.login.label', message: 'Login' }), type: "text", name: "login", error: loginError, value: login, onChange: handleChangeLogin, onEnter: handleSubmit }) }), _jsx(x.div, { mt: "12px", children: _jsx(Input, { label: i18n._({ id: 'form.password.label', message: 'Password' }), placeholder: i18n._({ id: 'form.password.label', message: 'Password' }), name: "password", type: "password", value: password, onChange: handleChangePassword, error: passwordError, onEnter: handleSubmit }) }), withDistributionCenterSelect && (_jsx(x.div, { mt: "12px", children: _jsx(SingleSelect
54
53
  // @ts-ignore
55
54
  , {
package/ui/Blocks/LoginPage/styles.js CHANGED
@@ -2,11 +2,10 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
2
2
  if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
3
3
  return cooked;
4
4
  };
5
- import styled, { th } from '@xstyled/styled-components';
6
- import shutterstock from './assets/shutterstock.jpg';
7
5
  import { CardBody } from '../../Elements/Card/Card';
8
6
  import Logo from '../../Elements/Logo/Logo';
9
- export var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n font-family: ", ";\n flex-grow: 1;\n background: ", ";\n opacity: 1;\n z-index: 1;\n display: flex;\n justify-content: space-between;\n @media (min-width: 1024px) {\n background: transparent url(", ") 50% 0% no-repeat padding-box;\n background-size: cover;\n }\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n font-family: ", ";\n flex-grow: 1;\n background: ", ";\n opacity: 1;\n z-index: 1;\n display: flex;\n justify-content: space-between;\n @media (min-width: 1024px) {\n background: transparent url(", ") 50% 0% no-repeat padding-box;\n background-size: cover;\n }\n"])), th('fonts.primary'), th('colors.bgLightGray'), shutterstock);
7
+ import styled, { th } from '@xstyled/styled-components';
8
+ export var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n font-family: ", ";\n flex-grow: 1;\n background: ", ";\n opacity: 1;\n z-index: 1;\n display: flex;\n justify-content: space-between;\n @media (min-width: 1024px) {\n background: transparent url('./assets/shutterstock.jpg') 50% 0% no-repeat padding-box;\n background-size: cover;\n }\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n font-family: ", ";\n flex-grow: 1;\n background: ", ";\n opacity: 1;\n z-index: 1;\n display: flex;\n justify-content: space-between;\n @media (min-width: 1024px) {\n background: transparent url('./assets/shutterstock.jpg') 50% 0% no-repeat padding-box;\n background-size: cover;\n }\n"])), th('fonts.primary'), th('colors.bgLightGray'));
10
9
  export var LanguageBox = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n margin: 15px 0;\n align-items: flex-end;\n justify-content: space-between;\n @media (min-width: 1024px) {\n justify-content: flex-end;\n margin: 40px 0;\n }\n"], ["\n display: flex;\n margin: 15px 0;\n align-items: flex-end;\n justify-content: space-between;\n @media (min-width: 1024px) {\n justify-content: flex-end;\n margin: 40px 0;\n }\n"])));
11
10
  export var CardBodyWithLanguage = styled(CardBody)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n justify-content: start;\n padding: 0 32px 10px 32px;\n flex-grow: 1;\n margin: auto;\n width: 500px;\n @media (min-width: 1024px) {\n display: block;\n flex-grow: 0;\n }\n"], ["\n display: flex;\n justify-content: start;\n padding: 0 32px 10px 32px;\n flex-grow: 1;\n margin: auto;\n width: 500px;\n @media (min-width: 1024px) {\n display: block;\n flex-grow: 0;\n }\n"])));
12
11
  export var MailTo = styled.a(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n color: ", ";\n &:hover {\n color: ", ";\n }\n"], ["\n color: ", ";\n &:hover {\n color: ", ";\n }\n"])), th.color('typoPrimary'), th.color('red1'));
package/ui/Elements/Icon/stories/BadgeIcon.stories.d.ts CHANGED
@@ -8,7 +8,7 @@ declare const meta: {
8
8
  decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-bf5e6555").R, {
9
9
  badge: "warning";
10
10
  icon: string;
11
- style?: "normal" | "light" | "solid" | undefined;
11
+ style?: "normal" | "solid" | "light" | undefined;
12
12
  fill?: string | undefined;
13
13
  size?: string | number | undefined;
14
14
  className?: string | undefined;
package/ui/index.d.ts CHANGED
@@ -1,7 +1,10 @@
1
+ import CommonGrid from './Blocks/CommonGrid';
1
2
  import CornerDialog from './Blocks/CornerDialog';
2
3
  import ImageList from './Blocks/ImageList';
3
4
  import LightBox from './Blocks/LightBox';
5
+ import LoginPage from './Blocks/LoginPage';
4
6
  import Modal from './Blocks/Modal';
7
+ import Popover from './Blocks/Popover';
5
8
  import Tabs from './Blocks/Tabs';
6
9
  import Alert from './Elements/Alert';
7
10
  import Avatar from './Elements/Avatar';
@@ -9,18 +12,24 @@ import Badge from './Elements/Badge';
9
12
  import BorderedBox from './Elements/BorderedBox';
10
13
  import Button from './Elements/Button';
11
14
  import Card from './Elements/Card';
15
+ import DatePicker from './Elements/DatePicker';
12
16
  import Dropdown from './Elements/Dropdown';
17
+ import DropdownSelect from './Elements/DropdownSelect';
13
18
  import ErrorMessage from './Elements/ErrorMessage';
14
19
  import Icon from './Elements/Icon';
15
20
  import Image from './Elements/Image';
16
21
  import Label from './Elements/Label';
22
+ import LanguageSwitch from './Elements/LanguageSwitch';
17
23
  import Line from './Elements/Line';
18
24
  import Link from './Elements/Link';
19
25
  import Logo from './Elements/Logo';
26
+ import MultiSelect from './Elements/MultiSelect';
20
27
  import Pagination from './Elements/Pagination';
21
28
  import Portal from './Elements/Portal';
22
29
  import ProgressBar from './Elements/ProgressBar';
30
+ import Select from './Elements/Select';
23
31
  import SimpleLink from './Elements/SimpleLink';
32
+ import SingleSelect from './Elements/SingleSelect';
24
33
  import SpaceAround from './Elements/SpaceAround';
25
34
  import Spinner from './Elements/Spinner';
26
35
  import Tag from './Elements/Tag';
@@ -30,17 +39,10 @@ import Typography from './Elements/Typography';
30
39
  import Checkbox from './Forms/Checkbox';
31
40
  import Input from './Forms/Input';
32
41
  import RadioButton from './Forms/RadioButton';
42
+ import TextArea from './Forms/TextArea';
33
43
  import ThemeProvider from './ThemeProvider';
34
44
  import utils from './utils';
35
- import DatePicker from './Elements/DatePicker';
36
- import CommonGrid from './Blocks/CommonGrid';
37
- import Popover from './Blocks/Popover';
38
- import SingleSelect from './Elements/SingleSelect';
39
- import MultiSelect from './Elements/MultiSelect';
40
- import Select from './Elements/Select';
41
- import DropdownSelect from './Elements/DropdownSelect';
42
- import TextArea from './Forms/TextArea';
43
- export { DropdownSelect, DatePicker, CommonGrid, Popover, SingleSelect, MultiSelect, Select, Card, CornerDialog, ImageList, LightBox, Modal, Tabs, Alert, Avatar, Badge, BorderedBox, Button, Dropdown, ErrorMessage, Icon, Image, Label, Line, Link, Logo, Pagination, Portal, ProgressBar, SimpleLink, SpaceAround, Spinner, Tag, Toast, Toggle, Typography, Checkbox, Input, RadioButton, ThemeProvider, utils, TextArea, };
45
+ export { DropdownSelect, DatePicker, CommonGrid, Popover, SingleSelect, MultiSelect, Select, Card, CornerDialog, ImageList, LightBox, Modal, Tabs, Alert, Avatar, Badge, BorderedBox, Button, Dropdown, ErrorMessage, Icon, Image, Label, Line, Link, Logo, Pagination, Portal, ProgressBar, SimpleLink, SpaceAround, Spinner, Tag, Toast, Toggle, Typography, Checkbox, Input, RadioButton, ThemeProvider, utils, TextArea, LoginPage, LanguageSwitch };
44
46
  export * from './Blocks/CornerDialog';
45
47
  export * from './Blocks/ImageList';
46
48
  export * from './Blocks/LightBox';
@@ -83,3 +85,5 @@ export * from './Elements/MultiSelect';
83
85
  export * from './Elements/Select';
84
86
  export * from './Elements/DropdownSelect';
85
87
  export * from './Forms/TextArea';
88
+ export * from './Blocks/LoginPage';
89
+ export * from './Elements/LanguageSwitch';