@mailstep/design-system 0.7.82-beta.2 → 0.7.82

package/package.json

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

package/ui/Elements/Icon/icons/ShieldUser.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { SvgProps } from '../types';
+
+export declare const ShieldUser: FC<SvgProps>;

package/ui/Elements/Icon/icons/ShieldUser.js

@@ -0,0 +1,13 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+export var ShieldUser = function (props) { return (_jsx("svg", __assign({ viewBox: "0 0 640 640" }, props, { children: _jsx("path", { d: "M320.3 64C322.3 64 324.3 64.2 326.2 64.6C326.4 64.6 326.7 64.7 326.9 64.8C327.7 65 328.5 65.2 329.3 65.4C329.5 65.5 329.8 65.6 330 65.6C330.7 65.8 331.4 66.1 332.1 66.4L332.4 66.5L521.7 146.7L525.7 148.6C544.3 158.1 558.1 176.6 559.8 199L560 203.9C559.5 303.1 518.7 484.6 346.3 567.1C331.7 574.1 315 574.9 299.9 569.7L293.5 567.1C121.3 484.7 80.5 303.2 80 204C79.9 177.8 96.4 156.1 118.3 146.8L307.6 66.5C307.7 66.5 307.8 66.4 307.9 66.4C308.6 66.1 309.3 65.9 310 65.6C310.2 65.5 310.5 65.4 310.7 65.4C311.5 65.1 312.4 65 313.2 64.8C313.4 64.8 313.6 64.7 313.9 64.6C315.8 64.2 317.8 64 319.8 64L320.4 64zM288 336C243.8 336 208 371.8 208 416C208 424.8 215.2 432 224 432L416 432C424.8 432 432 424.8 432 416C432 371.8 396.2 336 352 336L288 336zM320 184C289.1 184 264 209.1 264 240C264 270.9 289.1 296 320 296C350.9 296 376 270.9 376 240C376 209.1 350.9 184 320 184z" }) }))); };

package/ui/Elements/Icon/icons/UserCowboy.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { SvgProps } from '../types';
+
+export declare const UserCowboy: FC<SvgProps>;

package/ui/Elements/Icon/icons/UserCowboy.js

@@ -0,0 +1,13 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+export var UserCowboy = function (props) { return (_jsx("svg", __assign({ viewBox: "0 0 640 640" }, props, { children: _jsx("path", { d: "M516.7 100.7C506.1 111.3 478.1 130.3 433.7 143.9C423.9 90.2 403.8 32 369.7 32C360.8 32 352 35.8 344.2 40C336.5 44.2 326.8 48 320.1 48C313.4 48 303.7 44.2 296 40C288.1 35.7 279.4 32 270.5 32C236.4 32 216.3 90.2 206.5 143.9C162.1 130.3 134.1 111.4 123.5 100.7C118 95.2 109.2 94.4 102.8 99C96.4 103.6 94.3 112.1 97.8 119.1C109.4 142.2 139.8 176.1 192.1 199.1L192.1 208C192.1 278.7 249.4 336 320.1 336C390.8 336 448.1 278.7 448.1 208L448.1 199.1C500.4 176.2 530.9 142.3 542.4 119.1C545.9 112.1 543.8 103.6 537.4 99C531 94.4 522.3 95.1 516.7 100.7zM399.7 215.2C396.1 256 361.8 288 320 288C278.2 288 243.9 256 240.3 215.1C263.8 220.7 290.3 224 320 224C349.7 224 376.2 220.7 399.7 215.1zM276.6 384C185.7 384 112 457.7 112 548.6C112 563.7 124.3 576 139.4 576L500.5 576C515.6 576 527.9 563.7 527.9 548.6C527.9 457.7 454.2 384 363.3 384L276.4 384z" }) }))); };

package/ui/Elements/Icon/icons/index.d.ts

@@ -81,3 +81,5 @@ export { Reload } from './Reload';
 export { Sun } from './Sun';
 export { Moon } from './Moon';
 export { CircleHalfStroke } from './CircleHalfStroke';
+export { ShieldUser } from './ShieldUser';
+export { UserCowboy } from './UserCowboy';

package/ui/Elements/Icon/icons/index.js

@@ -81,3 +81,5 @@ export { Reload } from './Reload';
 export { Sun } from './Sun';
 export { Moon } from './Moon';
 export { CircleHalfStroke } from './CircleHalfStroke';
+export { ShieldUser } from './ShieldUser';
+export { UserCowboy } from './UserCowboy';

package/ui/ThemeProvider/themes/index.d.ts

@@ -150,6 +150,7 @@ declare const themes: {
         };
         zIndices: number[];
     };
+    light: import('..').Theme;
     mailwise: {
         screens: {
             _: number;
@@ -353,156 +354,5 @@ declare const themes: {
         };
         zIndices: number[];
     };
-    dark: {
-        colors: {
-            bgLightGray: string;
-            bgLightGray1: string;
-            lightGray1: string;
-            lightGray2: string;
-            lightGray3: string;
-            lightGray4: string;
-            lightGray5: string;
-            lightGray6: string;
-            lightGray7: string;
-            neutral20: string;
-            neutral300: string;
-            neutral500: string;
-            gray: string;
-            gray1: string;
-            gray2: string;
-            gray3: string;
-            gray4: string;
-            gray5: string;
-            blue1: string;
-            blue2: string;
-            blue3: string;
-            blue4: string;
-            textPrimary: string;
-            textTertiary: string;
-            typoPrimary: string;
-            blue10: string;
-            blue20: string;
-            blue30: string;
-            blue40: string;
-            blue50: string;
-            blue60: string;
-            blue70: string;
-            blue80: string;
-            blue90: string;
-            teal20: string;
-            teal40: string;
-            teal50: string;
-            teal60: string;
-            teal70: string;
-            teal80: string;
-            teal90: string;
-            green10: string;
-            green20: string;
-            green30: string;
-            green50: string;
-            green60: string;
-            green70: string;
-            green80: string;
-            green90: string;
-            green: string;
-            successColor: string;
-            darkGreen: string;
-            orange20: string;
-            orange30: string;
-            orange50: string;
-            orange60: string;
-            orange80: string;
-            yellow10: string;
-            yellow20: string;
-            yellow60: string;
-            yellow70: string;
-            yellow1: string;
-            yellow2: string;
-            red10: string;
-            red20: string;
-            red30: string;
-            red50: string;
-            red70: string;
-            red1: string;
-            red2: string;
-            red3: string;
-            red60: string;
-            red80: string;
-            dangerColor: string;
-            purple20: string;
-            purple40: string;
-            purple50: string;
-            purple60: string;
-            purple80: string;
-            purple90: string;
-            magenta10: string;
-            magenta20: string;
-            magenta30: string;
-            magenta40: string;
-            magenta50: string;
-            magenta60: string;
-            magenta70: string;
-            magenta80: string;
-            magenta90: string;
-            white: string;
-        };
-        shadows: {
-            boxShadow: string;
-            dropShadow: string;
-            inputFocusBoxShadow: string;
-            dropdownMenuShadow: string;
-            tooltipBoxShadow: string;
-            cardShadow: string;
-            smooth: string;
-            dialogShadow: string;
-            headerShadow: string;
-            headerShadowB: string;
-            headerShadowNotifications: string;
-            cornerDialogShadow: string;
-            gridShadow: string;
-            tooltipShadow: string;
-        };
-        breakpoints: string[];
-        fonts: {
-            primary: string;
-            heading: string;
-        };
-        fontLinks: string[];
-        fontSizes: string[];
-        lineHeights: number[];
-        fontWeights: {
-            light: number;
-            normal: number;
-            medium: number;
-            semiBold: number;
-            bold: number;
-        };
-        letterSpacings: {
-            default: null;
-            sm: string;
-            md: string;
-            lg: string;
-        };
-        borders: {
-            slim: string;
-            mediumSlim: string;
-            medium: string;
-            mediumThick: string;
-            thick: string;
-        };
-        radii: {
-            sm: string;
-            md: string;
-            ml: string;
-            lg: string;
-            xl: string;
-        };
-        space: number[];
-        transitions: {
-            simpleLong: string;
-            inputTransition: string;
-        };
-        zIndices: number[];
-    };
 };
 export default themes;

package/ui/ThemeProvider/themes/index.js

@@ -1,9 +1,9 @@
 import defaultTheme from './default';
+import light from './light';
 import mailwise from './mailwise';
-import darkTheme from './dark';
 var themes = {
     default: defaultTheme,
-    mailwise: mailwise,
-    dark: darkTheme
+    light: light,
+    mailwise: mailwise
 };
 export default themes;

package/ui/ThemeProvider/themes/light.d.ts

@@ -0,0 +1,4 @@
+import { Theme } from '../types';
+
+declare const lightTheme: Theme;
+export default lightTheme;

package/ui/ThemeProvider/themes/light.js

@@ -0,0 +1,7 @@
+var lightTheme = {
+    colors: {
+        primary: "#219615",
+        warning: "purple",
+    },
+};
+export default lightTheme;

package/ui/ThemeProvider/types.d.ts

@@ -46,7 +46,7 @@ export type Themes = {
 };
 export interface Props {
     children: React.ReactNode;
-    theme: 'default' | 'mailwise' | 'dark';
+    theme: 'default' | 'light' | 'mailwise';
     preflight?: boolean;
     language?: string;
 }