@mailstep/design-system 0.8.27-beta.1 → 0.8.28-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.
- package/package.json +1 -1
- package/ui/Blocks/LoginPage/styles.js +2 -2
- package/ui/Elements/Logo/Logo.js +28 -28
- package/ui/System/Fonts/index.js +10 -10
- package/ui/Blocks/LoginPage/assets/mailship.js +0 -4
- package/ui/Elements/Logo/assets/mailship/logo_black.js +0 -4
- package/ui/Elements/Logo/assets/mailship/logo_m.js +0 -4
- package/ui/Elements/Logo/assets/mailship/logo_white.js +0 -4
- package/ui/Elements/Logo/assets/mailship/mailship-logo.js +0 -4
- package/ui/Elements/Logo/assets/mailstep/mailstep_black.js +0 -4
- package/ui/Elements/Logo/assets/mailstep/mailstep_white.js +0 -4
- package/ui/Elements/Logo/assets/mailstock/mailstock.js +0 -4
- package/ui/Elements/Logo/assets/mailwise/mailwiseLogo.js +0 -4
- package/ui/Elements/Logo/assets/mailwise/mailwiseLogoSmall.js +0 -4
- package/ui/Elements/Logo/assets/mailwrap/mailwrapLogo.js +0 -4
- package/ui/Elements/Logo/assets/mailwrap/mailwrapLogoSmall.js +0 -4
- package/ui/Elements/Logo/assets/warehouse/manager.js +0 -4
- package/ui/Elements/Logo/assets/warehouse/manager2.js +0 -4
- package/ui/Elements/Logo/assets/warehouse/manager3.js +0 -4
- package/ui/packages/assets/fonts/Inter-Bold_mailstep.js +0 -4
- package/ui/packages/assets/fonts/Inter-Light_mailstep.js +0 -4
- package/ui/packages/assets/fonts/Inter-Medium_mailstep.js +0 -4
- package/ui/packages/assets/fonts/Inter-Regular_mailstep.js +0 -4
- package/ui/packages/assets/fonts/Inter-SemiBold_mailstep.js +0 -4
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import Logo from "../../Elements/Logo/Logo.js";
|
|
2
|
-
import mailship_default from "./assets/mailship.js";
|
|
3
2
|
import styled$1, { th } from "@xstyled/styled-components";
|
|
3
|
+
import mailship from "./assets/mailship.jpg";
|
|
4
4
|
//#region packages/ui/Blocks/LoginPage/styles.ts
|
|
5
|
-
const backgroundImageMap = { mailship
|
|
5
|
+
const backgroundImageMap = { mailship };
|
|
6
6
|
const Wrapper = styled$1.div`
|
|
7
7
|
position: absolute;
|
|
8
8
|
top: 0;
|
package/ui/Elements/Logo/Logo.js
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import logo_black_default from "./assets/mailship/logo_black.js";
|
|
2
|
-
import logo_m_default from "./assets/mailship/logo_m.js";
|
|
3
|
-
import logo_white_default from "./assets/mailship/logo_white.js";
|
|
4
|
-
import mailship_logo_default from "./assets/mailship/mailship-logo.js";
|
|
5
|
-
import mailstep_black_default from "./assets/mailstep/mailstep_black.js";
|
|
6
|
-
import mailstep_white_default from "./assets/mailstep/mailstep_white.js";
|
|
7
|
-
import mailstock_default from "./assets/mailstock/mailstock.js";
|
|
8
|
-
import mailwiseLogo_default from "./assets/mailwise/mailwiseLogo.js";
|
|
9
|
-
import mailwiseLogoSmall_default from "./assets/mailwise/mailwiseLogoSmall.js";
|
|
10
|
-
import mailwrapLogo_default from "./assets/mailwrap/mailwrapLogo.js";
|
|
11
|
-
import mailwrapLogoSmall_default from "./assets/mailwrap/mailwrapLogoSmall.js";
|
|
12
|
-
import manager2_default from "./assets/warehouse/manager2.js";
|
|
13
|
-
import manager3_default from "./assets/warehouse/manager3.js";
|
|
14
|
-
import manager_default from "./assets/warehouse/manager.js";
|
|
15
1
|
import "react";
|
|
16
2
|
import styled$1 from "@xstyled/styled-components";
|
|
17
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
|
+
import logoBlackImage from "./assets/mailship/logo_black.png";
|
|
5
|
+
import logoMImage from "./assets/mailship/logo_m.png";
|
|
6
|
+
import logoWhiteImage from "./assets/mailship/logo_white.png";
|
|
7
|
+
import logoSvg from "./assets/mailship/mailship-logo.svg";
|
|
8
|
+
import logoMailstepBlack from "./assets/mailstep/mailstep_black.svg";
|
|
9
|
+
import logoMailstepWhite from "./assets/mailstep/mailstep_white.svg";
|
|
10
|
+
import logoMailstock from "./assets/mailstock/mailstock.svg";
|
|
11
|
+
import logoMailwise from "./assets/mailwise/mailwiseLogo.svg";
|
|
12
|
+
import logoMailwiseSmall from "./assets/mailwise/mailwiseLogoSmall.svg";
|
|
13
|
+
import logoMailwrap from "./assets/mailwrap/mailwrapLogo.svg";
|
|
14
|
+
import logoMailwrapSmall from "./assets/mailwrap/mailwrapLogoSmall.svg";
|
|
15
|
+
import warehouseManager2 from "./assets/warehouse/manager2.svg";
|
|
16
|
+
import warehouseManager3 from "./assets/warehouse/manager3.svg";
|
|
17
|
+
import warehouseManager from "./assets/warehouse/manager.svg";
|
|
18
18
|
//#region packages/ui/Elements/Logo/Logo.tsx
|
|
19
19
|
const defaultSizes = {
|
|
20
20
|
small: "30px",
|
|
@@ -23,28 +23,28 @@ const defaultSizes = {
|
|
|
23
23
|
};
|
|
24
24
|
const variantMap = {
|
|
25
25
|
mailship: {
|
|
26
|
-
white:
|
|
27
|
-
black:
|
|
28
|
-
m:
|
|
29
|
-
s:
|
|
26
|
+
white: logoWhiteImage,
|
|
27
|
+
black: logoBlackImage,
|
|
28
|
+
m: logoMImage,
|
|
29
|
+
s: logoSvg
|
|
30
30
|
},
|
|
31
31
|
mailwise: {
|
|
32
|
-
black:
|
|
33
|
-
s:
|
|
32
|
+
black: logoMailwise,
|
|
33
|
+
s: logoMailwiseSmall
|
|
34
34
|
},
|
|
35
|
-
mailstock: { black:
|
|
35
|
+
mailstock: { black: logoMailstock },
|
|
36
36
|
mailstep: {
|
|
37
|
-
black:
|
|
38
|
-
white:
|
|
37
|
+
black: logoMailstepBlack,
|
|
38
|
+
white: logoMailstepWhite
|
|
39
39
|
},
|
|
40
40
|
mailwrap: {
|
|
41
|
-
black:
|
|
42
|
-
s:
|
|
41
|
+
black: logoMailwrap,
|
|
42
|
+
s: logoMailwrapSmall
|
|
43
43
|
},
|
|
44
44
|
warehouse: {
|
|
45
|
-
black:
|
|
46
|
-
m:
|
|
47
|
-
s:
|
|
45
|
+
black: warehouseManager,
|
|
46
|
+
m: warehouseManager2,
|
|
47
|
+
s: warehouseManager3
|
|
48
48
|
}
|
|
49
49
|
};
|
|
50
50
|
const StyledImage = styled$1.img`
|
package/ui/System/Fonts/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import Inter_Light_mailstep_default from "../../packages/assets/fonts/Inter-Light_mailstep.js";
|
|
2
|
-
import Inter_Regular_mailstep_default from "../../packages/assets/fonts/Inter-Regular_mailstep.js";
|
|
3
|
-
import Inter_Medium_mailstep_default from "../../packages/assets/fonts/Inter-Medium_mailstep.js";
|
|
4
|
-
import Inter_SemiBold_mailstep_default from "../../packages/assets/fonts/Inter-SemiBold_mailstep.js";
|
|
5
|
-
import Inter_Bold_mailstep_default from "../../packages/assets/fonts/Inter-Bold_mailstep.js";
|
|
6
1
|
import { jsx } from "react/jsx-runtime";
|
|
7
2
|
import { Helmet } from "react-helmet";
|
|
3
|
+
import InterLightMailstep from "../../../assets/fonts/Inter-Light_mailstep.woff2";
|
|
4
|
+
import InterRegularMailstep from "../../../assets/fonts/Inter-Regular_mailstep.woff2";
|
|
5
|
+
import InterMediumMailstep from "../../../assets/fonts/Inter-Medium_mailstep.woff2";
|
|
6
|
+
import InterSemiBoldMailstep from "../../../assets/fonts/Inter-SemiBold_mailstep.woff2";
|
|
7
|
+
import InterBoldMailstep from "../../../assets/fonts/Inter-Bold_mailstep.woff2";
|
|
8
8
|
//#region packages/ui/System/Fonts/index.tsx
|
|
9
9
|
const Fonts = () => /* @__PURE__ */ jsx(Helmet, { children: /* @__PURE__ */ jsx("style", {
|
|
10
10
|
type: "text/css",
|
|
@@ -14,7 +14,7 @@ const Fonts = () => /* @__PURE__ */ jsx(Helmet, { children: /* @__PURE__ */ jsx(
|
|
|
14
14
|
font-style: normal;
|
|
15
15
|
font-weight: 300;
|
|
16
16
|
font-display: swap;
|
|
17
|
-
src: url(${
|
|
17
|
+
src: url(${InterLightMailstep}) format('woff2');
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
@font-face {
|
|
@@ -22,7 +22,7 @@ const Fonts = () => /* @__PURE__ */ jsx(Helmet, { children: /* @__PURE__ */ jsx(
|
|
|
22
22
|
font-style: normal;
|
|
23
23
|
font-weight: 400;
|
|
24
24
|
font-display: swap;
|
|
25
|
-
src: url(${
|
|
25
|
+
src: url(${InterRegularMailstep}) format('woff2');
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
@font-face {
|
|
@@ -30,7 +30,7 @@ const Fonts = () => /* @__PURE__ */ jsx(Helmet, { children: /* @__PURE__ */ jsx(
|
|
|
30
30
|
font-style: normal;
|
|
31
31
|
font-weight: 500;
|
|
32
32
|
font-display: swap;
|
|
33
|
-
src: url(${
|
|
33
|
+
src: url(${InterMediumMailstep}) format('woff2');
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
@font-face {
|
|
@@ -38,7 +38,7 @@ const Fonts = () => /* @__PURE__ */ jsx(Helmet, { children: /* @__PURE__ */ jsx(
|
|
|
38
38
|
font-style: normal;
|
|
39
39
|
font-weight: 600;
|
|
40
40
|
font-display: swap;
|
|
41
|
-
src: url(${
|
|
41
|
+
src: url(${InterSemiBoldMailstep}) format('woff2');
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
@font-face {
|
|
@@ -46,7 +46,7 @@ const Fonts = () => /* @__PURE__ */ jsx(Helmet, { children: /* @__PURE__ */ jsx(
|
|
|
46
46
|
font-style: normal;
|
|
47
47
|
font-weight: 700;
|
|
48
48
|
font-display: swap;
|
|
49
|
-
src: url(${
|
|
49
|
+
src: url(${InterBoldMailstep}) format('woff2');
|
|
50
50
|
}
|
|
51
51
|
`
|
|
52
52
|
}) });
|