@mailstep/design-system 0.6.58-beta.0.2 → 0.6.58

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.6.58-beta.0.2",
+  "version": "0.6.58",
   "license": "ISC",
   "type": "module",
   "main": "./ui/index.js",

package/ui/Elements/Logo/Logo.d.ts

@@ -1,3 +1,3 @@
-import type { LogoProps } from './types';
+import { LogoProps } from './types';
 declare const Logo: ({ brand, variant, size, width, height, ...rest }: LogoProps) => JSX.Element | null;
 export default Logo;

package/ui/Elements/Logo/Logo.js

@@ -25,51 +25,43 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import styled from '@xstyled/styled-components';
+import logoWhiteImage from './assets/mailship/logo_white.png';
 import logoBlackImage from './assets/mailship/logo_black.png';
 import logoMImage from './assets/mailship/logo_m.png';
-import logoWhiteImage from './assets/mailship/logo_white.png';
 import logoSvg from './assets/mailship/mailship-logo.svg';
 import logoMailstepBlack from './assets/mailstep/mailstep_black.svg';
 import logoMailstepWhite from './assets/mailstep/mailstep_white.svg';
-import logoMailstock from './assets/mailstock/mailstock.svg';
 import logoMailwise from './assets/mailwise/mailwiseLogo.svg';
 import logoMailwiseSmall from './assets/mailwise/mailwiseLogoSmall.svg';
 import logoMailwrap from './assets/mailwrap/mailwrapLogo.svg';
-import warehouseManager2 from './assets/warehouse/manager2.svg';
-import warehouseManager3 from './assets/warehouse/manager3.svg';
-import warehouseManager from './assets/warehouse/manager.svg';
-import styled from '@xstyled/styled-components';
+import logoMailstock from './assets/mailstock/mailstock.svg';
 var defaultSizes = {
     small: '30px',
     medium: '46px',
-    big: '61px' // cca 200px width on full logo
+    big: '61px', // cca 200px width on full logo
 };
 var variantMap = {
     mailship: {
         white: logoWhiteImage,
         black: logoBlackImage,
         m: logoMImage,
-        s: logoSvg
+        s: logoSvg,
     },
     mailwise: {
         black: logoMailwise,
-        s: logoMailwiseSmall
+        s: logoMailwiseSmall,
     },
     mailstock: {
-        black: logoMailstock
+        black: logoMailstock,
     },
     mailstep: {
         black: logoMailstepBlack,
-        white: logoMailstepWhite
+        white: logoMailstepWhite,
     },
     mailwrap: {
-        black: logoMailwrap
+        black: logoMailwrap,
     },
-    warehouse: {
-        black: warehouseManager,
-        m: warehouseManager2,
-        s: warehouseManager3
-    }
 };
 var StyledImage = styled.img(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: ", ";\n  height: ", ";\n"], ["\n  width: ", ";\n  height: ", ";\n"])), function (_a) {
     var width = _a.width;
@@ -81,7 +73,7 @@ var StyledImage = styled.img(templateObject_1 || (templateObject_1 = __makeTempl
 var Logo = function (_a) {
     var _b = _a.brand, brand = _b === void 0 ? 'mailship' : _b, variant = _a.variant, size = _a.size, width = _a.width, height = _a.height, rest = __rest(_a, ["brand", "variant", "size", "width", "height"]);
     var variants = variantMap[brand];
-    var logo = variants === null || variants === void 0 ? void 0 : variants[variant];
+    var logo = variants[variant];
     if (!logo) {
         console.warn('No variant for this logo exists.');
         return null;

package/ui/Elements/Logo/stories/Logo.stories.d.ts

@@ -27,9 +27,6 @@ export declare const MailstockBlack: Story;
 export declare const MailwrapBlack: Story;
 export declare const MailstepBlack: Story;
 export declare const MailstepWhite: Story;
-export declare const WarehouseManagerBlack: Story;
-export declare const WarehouseManagerM: Story;
-export declare const WarehouseManagerS: Story;
 export declare const SizeSmall: Story;
 export declare const SizeMedium: Story;
 export declare const SizeBig: Story;

package/ui/Elements/Logo/stories/Logo.stories.js

@@ -7,124 +7,106 @@ var meta = {
             default: 'darkGray',
             values: [
                 { name: 'darkGray', value: '#333' },
-                { name: 'lightGray', value: '#eee' }
-            ]
-        }
+                { name: 'lightGray', value: '#eee' },
+            ],
+        },
     },
     tags: ['autodocs'],
-    argTypes: {}
+    argTypes: {},
 };
 export default meta;
 export var MailshipBlack = {
     args: {
         variant: 'black',
-        brand: 'mailship'
-    }
+        brand: 'mailship',
+    },
 };
 export var MailshipWhite = {
     args: {
         brand: 'mailship',
-        variant: 'white'
-    }
+        variant: 'white',
+    },
 };
 export var MailshipM = {
     args: {
         brand: 'mailship',
-        variant: 'm'
-    }
+        variant: 'm',
+    },
 };
 export var MailshipS = {
     args: {
         brand: 'mailship',
-        variant: 's'
-    }
+        variant: 's',
+    },
 };
 export var MailwiseBlack = {
     args: {
         brand: 'mailwise',
-        variant: 'black'
-    }
+        variant: 'black',
+    },
 };
 export var MailwiseS = {
     args: {
         brand: 'mailwise',
-        variant: 's'
-    }
+        variant: 's',
+    },
 };
 export var MailstockBlack = {
     args: {
         brand: 'mailstock',
-        variant: 'black'
-    }
+        variant: 'black',
+    },
 };
 export var MailwrapBlack = {
     args: {
         brand: 'mailwrap',
-        variant: 'black'
-    }
+        variant: 'black',
+    },
 };
 export var MailstepBlack = {
     args: {
         brand: 'mailstep',
-        variant: 'black'
-    }
+        variant: 'black',
+    },
 };
 export var MailstepWhite = {
     args: {
         brand: 'mailstep',
-        variant: 'white'
-    }
-};
-export var WarehouseManagerBlack = {
-    args: {
-        brand: 'warehouse',
-        variant: 'black'
-    }
-};
-export var WarehouseManagerM = {
-    args: {
-        brand: 'warehouse',
-        variant: 'm'
-    }
-};
-export var WarehouseManagerS = {
-    args: {
-        brand: 'warehouse',
-        variant: 's'
-    }
+        variant: 'white',
+    },
 };
 export var SizeSmall = {
     args: {
         variant: 'black',
         brand: 'mailship',
-        size: 'small'
-    }
+        size: 'small',
+    },
 };
 export var SizeMedium = {
     args: {
         variant: 'black',
         brand: 'mailship',
-        size: 'medium'
-    }
+        size: 'medium',
+    },
 };
 export var SizeBig = {
     args: {
         variant: 'black',
         brand: 'mailship',
-        size: 'big'
-    }
+        size: 'big',
+    },
 };
 export var SizeCustomWidth = {
     args: {
         variant: 'black',
         brand: 'mailship',
-        width: '400px'
-    }
+        width: '400px',
+    },
 };
 export var SizeCustomHeight = {
     args: {
         variant: 'black',
         brand: 'mailship',
-        height: '200px'
-    }
+        height: '200px',
+    },
 };

package/ui/Elements/Logo/types.d.ts

@@ -1,4 +1,4 @@
-export type Brand = 'mailship' | 'mailwise' | 'mailstock' | 'mailstep' | 'mailwrap' | 'warehouse';
+export type Brand = 'mailship' | 'mailwise' | 'mailstock' | 'mailstep' | 'mailwrap';
 export type Variant = 'white' | 'black' | 'm' | 's';
 export type Size = 'small' | 'medium' | 'big' | undefined;
 export type LogoProps = {