@mailstep/design-system 0.8.15-beta.1 → 0.8.16-beta.1

package/ui/Elements/SingleSelect/SingleSelect.js

@@ -19,8 +19,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type SpaceAroundProps = {
     marginTop?: number;
     marginRight?: number;

package/ui/Elements/Spinner/styles.d.ts

@@ -1,4 +1,4 @@
 export declare const Svg: import('styled-components').StyledComponent<"svg", import('@xstyled/system').Theme, {
-    $variant: "default" | "sm";
+    $variant: 'default' | 'sm';
 }, never>;
 export declare const Circle: import('styled-components').StyledComponent<"circle", import('@xstyled/system').Theme, {}, never>;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type Props = {
     color?: string;
     textColor?: string;

package/ui/Elements/Toast/styles.d.ts

@@ -3,6 +3,6 @@ export declare const Text: import('styled-components').StyledComponent<"span", i
 export declare const ContentWrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
 export declare const CloseWrapper: import('styled-components').StyledComponent<"span", import('@xstyled/system').Theme, {}, never>;
 export declare const Container: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
-    autoClose?: number;
+    autoClose?: number | undefined;
     fill: string;
 }, never>;

package/ui/Forms/Checkbox/styles.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 export declare const FakeInput: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     size: string | number;
 }, never>;
-export declare const CheckIcon: import('styled-components').StyledComponent<import('react').FC<import('../..').IconProps>, import('@xstyled/system').Theme, {
+export declare const CheckIcon: import('styled-components').StyledComponent<import('react').FC<import('../../Elements/Icon').IconProps>, import('@xstyled/system').Theme, {
     size: string | number;
 }, never>;
 export declare const CheckboxWrap: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {

package/ui/Forms/Input/styles.d.ts

@@ -32,9 +32,9 @@ export declare const Suffix: import('styled-components').StyledComponent<"div",
 export declare const InputRow: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     hasValue: boolean;
     disabled: boolean;
-    $icon?: string;
-    $isInvalid?: boolean;
-    variant?: string;
+    $icon?: string | undefined;
+    $isInvalid?: boolean | undefined;
+    variant?: string | undefined;
 }, never>;
 export declare const Tooltip: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
 export {};

package/ui/Forms/TextArea/styles.d.ts

@@ -1,12 +1,12 @@
 export declare const IconWrap: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
 export declare const StyledTextArea: import('styled-components').StyledComponent<"textarea", import('@xstyled/system').Theme, {
-    $resize?: string;
-    $isInvalid?: boolean;
-    disabled?: boolean;
+    $resize?: string | undefined;
+    $isInvalid?: boolean | undefined;
+    disabled?: boolean | undefined;
 }, never>;
 export declare const TextAreaWrap: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
 export declare const BorderWrap: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
-    $isInvalid?: boolean;
-    disabled?: boolean;
+    $isInvalid?: boolean | undefined;
+    disabled?: boolean | undefined;
 }, never>;
 export declare const InnerWrap: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;

package/ui/ThemeProvider/themes/default.js

@@ -144,7 +144,7 @@ var defaultTheme = {
         gridShadow: '0px 1px 4px 0px rgba(0, 0, 0, 0.12)',
         tooltipShadow: '0px 2px 20px 0px rgba(0, 0, 0, 0.10)',
     },
-    space: [0, 4, 8, 16, 24, 48, 96, 144, 192, 240], // same as xstyled default
+    space: [0, 4, 8, 16, 24, 48, 96, 144, 192, 240],
     transitions: {
         simpleLong: 'all 2s',
         inputTransition: 'border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out',

package/ui/ThemeProvider/themes/mailwise.js

@@ -156,7 +156,7 @@ var defaultTheme = {
         smooth: '0px 4px 25px 0px #0000001a',
         // redesign:
         dialogShadow: '0px 4px 23px 0px rgba(0, 0, 0, 0.08)',
-        tooltipShadow: '0px 1px 4px 0 #B1B8C3', // color is grayIII
+        tooltipShadow: '0px 1px 4px 0 #B1B8C3',
         headerShadow: '1px 2px 3px #00000029',
         headerShadowB: '1px 1px 3px #00000029',
         headerShadowNotifications: '1px 1px 2px #00000029',