@beequip/hexagon 0.17.4 → 0.18.0-0

package/dist/components/Link/styles.js

@@ -5,10 +5,13 @@ var tslib_1 = require("tslib");
 var styled_components_1 = require("styled-components");
 var ArrowLeft_1 = require("../../assets/icons/ArrowLeft");
 var ArrowRight_1 = require("../../assets/icons/ArrowRight");
-exports.linkStyles = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    display: inline;\n    font-family: ", ";\n    font-weight: 500;\n    font-size: inherit;\n    color: ", ";\n    text-decoration: none;\n    cursor: pointer;\n    transition: all 120ms ease-in;\n    text-decoration-line: ", ";\n    text-decoration-style: solid;\n\n    &:hover {\n        text-decoration-line: none;\n        color: ", ";\n    }\n"], ["\n    display: inline;\n    font-family: ", ";\n    font-weight: 500;\n    font-size: inherit;\n    color: ", ";\n    text-decoration: none;\n    cursor: pointer;\n    transition: all 120ms ease-in;\n    text-decoration-line: ", ";\n    text-decoration-style: solid;\n\n    &:hover {\n        text-decoration-line: none;\n        color: ", ";\n    }\n"])), function (props) { return props.theme.font.default; }, function (props) {
+exports.linkStyles = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    display: inline;\n    font-family: ", ";\n    font-weight: 500;\n    font-size: inherit;\n    color: ", ";\n    text-decoration: none;\n    cursor: pointer;\n    transition: ", ";\n    text-decoration-line: ", ";\n    text-decoration-style: solid;\n\n    &:hover {\n        text-decoration-line: none;\n        color: ", ";\n    }\n"], ["\n    display: inline;\n    font-family: ", ";\n    font-weight: 500;\n    font-size: inherit;\n    color: ", ";\n    text-decoration: none;\n    cursor: pointer;\n    transition: ", ";\n    text-decoration-line: ", ";\n    text-decoration-style: solid;\n\n    &:hover {\n        text-decoration-line: none;\n        color: ", ";\n    }\n"])), function (props) { return props.theme.font.default; }, function (props) {
     return props.secondary
         ? props.theme.colors.grey[900]
         : props.theme.colors.links.default;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.transition('all');
 }, function (props) {
     return props.textDecoration ? 'underline' : 'auto';
 }, function (props) {

package/dist/components/Link/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Link/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAA+C;AAC/C,0DAAwD;AACxD,4DAA0D;AAE7C,QAAA,UAAU,OAAG,uBAAG,6aAG3B,2CAEiB,EAAiC,gEAGvC,EAGiC,qHAIlB,EACuB,6GAKlC,EAG+B,YAE/C,KArBkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EAGvC,UAAA,KAAK;IACV,OAAA,KAAK,CAAC,SAAS;QACX,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;QAC9B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;AAFtC,CAEsC,EAIlB,UAAA,KAAK;IACzB,OAAA,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM;AAA3C,CAA2C,EAKlC,UAAA,KAAK;IACV,OAAA,KAAK,CAAC,SAAS;QACX,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;QAC9B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;AAFpC,CAEoC,EAE/C;AAEY,QAAA,eAAe,GAAG,IAAA,2BAAM,EAAC,qBAAS,CAAC,sGAAA,2BAE/C,KAAA;AAEY,QAAA,gBAAgB,GAAG,IAAA,2BAAM,EAAC,uBAAU,CAAC,sGAAA,2BAEjD,KAAA;AAEY,QAAA,UAAU,GAAG,2BAAM,CAAC,CAAC,oRAAA,QAC5B,EAAU,+LAcf,KAdK,kBAAU,EAcf"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Link/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAA+C;AAC/C,0DAAwD;AACxD,4DAA0D;AAE7C,QAAA,UAAU,OAAG,uBAAG,gaAG3B,2CAEiB,EAAiC,gEAGvC,EAGiC,uEAG5B,EAAsC,+BAC5B,EACuB,6GAKlC,EAG+B,YAE/C,KArBkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EAGvC,UAAA,KAAK;IACV,OAAA,KAAK,CAAC,SAAS;QACX,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;QAC9B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;AAFtC,CAEsC,EAG5B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC;AAAvB,CAAuB,EAC5B,UAAA,KAAK;IACzB,OAAA,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM;AAA3C,CAA2C,EAKlC,UAAA,KAAK;IACV,OAAA,KAAK,CAAC,SAAS;QACX,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;QAC9B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;AAFpC,CAEoC,EAE/C;AAEY,QAAA,eAAe,GAAG,IAAA,2BAAM,EAAC,qBAAS,CAAC,sGAAA,2BAE/C,KAAA;AAEY,QAAA,gBAAgB,GAAG,IAAA,2BAAM,EAAC,uBAAU,CAAC,sGAAA,2BAEjD,KAAA;AAEY,QAAA,UAAU,GAAG,2BAAM,CAAC,CAAC,oRAAA,QAC5B,EAAU,+LAcf,KAdK,kBAAU,EAcf"}

package/dist/components/List/index.stories.d.ts

@@ -1,5 +1,4 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
 import { ListProps } from '.';
-declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export default _default;
-export declare const Default: Story<ListProps>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ListProps>;

package/dist/components/List/index.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/List/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAmC;AACnC,wCAAsC;AAEtC,kBAAe;IACX,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,OAAI;IACf,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAE,EAAP,CAAO,CAAC;CACzB,CAAA;AAET,IAAM,QAAQ,GAAqB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CAChD,8BAAC,OAAI,uBAAK,IAAI;QACV,8BAAC,mBAAQ,gBAAiB;QAC1B,8BAAC,mBAAQ,gBAAiB;QAC1B,8BAAC,mBAAQ,gBAAiB;QAC1B,8BAAC,mBAAQ,gBAAiB,CACvB,CACV,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/List/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAmC;AACnC,wCAAsC;AAEtC,kBAAe;IACX,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,OAAI;IACf,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAE,EAAP,CAAO,CAAC;CACzB,CAAA;AAET,IAAM,QAAQ,GAAuB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CAClD,8BAAC,OAAI,uBAAK,IAAI;QACV,8BAAC,mBAAQ,gBAAiB;QAC1B,8BAAC,mBAAQ,gBAAiB;QAC1B,8BAAC,mBAAQ,gBAAiB;QAC1B,8BAAC,mBAAQ,gBAAiB,CACvB,CACV,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}

package/dist/components/List/styles.d.ts

@@ -1,4 +1,4 @@
 import { ListProps } from './index';
-export declare const StyledList: import("styled-components").StyledComponent<"ul", any, ListProps, never>;
-export declare const StyledOrderedList: import("styled-components").StyledComponent<"ol", any, {}, never>;
-export declare const StyledOrderedListItem: import("styled-components").StyledComponent<"li", any, {}, never>;
+export declare const StyledList: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, ListProps, never>;
+export declare const StyledOrderedList: import("styled-components").StyledComponent<"ol", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledOrderedListItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/ListItem/styles.d.ts

@@ -1,2 +1,2 @@
 import { ListItemProps } from '.';
-export declare const StyledListItem: import("styled-components").StyledComponent<"li", any, ListItemProps, never>;
+export declare const StyledListItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, ListItemProps, never>;

package/dist/components/Modal/index.stories.d.ts

@@ -1,5 +1,4 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
 import { ModalProps } from '.';
-declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export default _default;
-export declare const Default: Story<ModalProps>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ModalProps>;

package/dist/components/Modal/index.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Modal/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAqC;AAErC,kBAAe;IACX,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAK;IAChB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAE,EAAP,CAAO,CAAC;CACzB,CAAA;AAET,IAAM,QAAQ,GAAsB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CACjD,8BAAC,QAAK,uBAAK,IAAI,WAAe,CACjC,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Modal/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAqC;AAErC,kBAAe;IACX,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAK;IAChB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAE,EAAP,CAAO,CAAC;CACzB,CAAA;AAET,IAAM,QAAQ,GAAwB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CACnD,8BAAC,QAAK,uBAAK,IAAI,WAAe,CACjC,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}

package/dist/components/Modal/styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledShade: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
+export declare const StyledShade: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledButton: import("styled-components").StyledComponent<{
     ({ disabled, loading, hook, nav, children, link, ...rest }: import("../Button").ButtonProps): JSX.Element;
     defaultProps: {
@@ -7,8 +7,8 @@ export declare const StyledButton: import("styled-components").StyledComponent<{
         kind: string;
         size: string;
     };
-}, any, {}, never>;
-export declare const StyledContainer: import("styled-components").StyledComponent<"div", any, {
+}, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     modalOpen?: boolean | undefined;
 }, never>;
-export declare const StyledModal: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
+export declare const StyledModal: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/NavLink/styles.d.ts

@@ -1,2 +1,2 @@
 import { NavLink as NavLinkReact, NavLinkProps } from 'react-router-dom';
-export declare const StyledNavLink: import("styled-components").StyledComponent<typeof NavLinkReact, any, NavLinkProps<unknown>, never>;
+export declare const StyledNavLink: import("styled-components").StyledComponent<typeof NavLinkReact, import("styled-components").DefaultTheme, NavLinkProps<unknown>, never>;

package/dist/components/Notification/index.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
-export interface NotificationProps {
+export interface NotificationProps extends React.HTMLAttributes<HTMLDivElement> {
     type: 'error' | 'message' | 'warning' | 'success';
     /**
-     Checks if the button should be disabled
-    */
+     * Checks if the button should be disabled
+     */
     contentAlign?: 'left' | 'center' | 'right';
     hook?: string;
     children: React.ReactNode;
 }
-export declare const Notification: ({ hook, type, children, }: NotificationProps) => JSX.Element;
+export declare const Notification: ({ type, hook, children, ...rest }: NotificationProps) => JSX.Element;

package/dist/components/Notification/index.js

@@ -1,18 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Notification = void 0;
+var tslib_1 = require("tslib");
 var React = require("react");
-var MessageSquareCheck_1 = require("../../assets/icons/MessageSquareCheck");
-var ExclamationTriangle_1 = require("../../assets/icons/ExclamationTriangle");
+var CheckCircle_1 = require("../../assets/icons/CheckCircle");
 var ExclamationCircle_1 = require("../../assets/icons/ExclamationCircle");
-var MessageSquareDots_1 = require("../../assets/icons/MessageSquareDots");
 var styles_1 = require("./styles");
 var Notification = function (_a) {
-    var hook = _a.hook, type = _a.type, children = _a.children;
-    return (React.createElement(styles_1.StyledNotification, { "data-hook": hook, type: type },
+    var type = _a.type, hook = _a.hook, children = _a.children, rest = tslib_1.__rest(_a, ["type", "hook", "children"]);
+    return (React.createElement(styles_1.StyledNotification, tslib_1.__assign({ "data-hook": hook, type: type }, rest),
         React.createElement("div", { style: { display: 'flex', alignItems: 'flex-start' } },
-            React.createElement(styles_1.StyledIcon, { type: type }, type === 'error' ? (React.createElement(ExclamationTriangle_1.ExclamationTriangle, { width: 24 })) : type === 'success' ? (React.createElement(MessageSquareCheck_1.MessageSquareCheck, { width: 24 })) : type === 'warning' ? (React.createElement(ExclamationCircle_1.ExclamationCircle, { width: 24 })) : (React.createElement(MessageSquareDots_1.MessageSquareDots, { width: 24 }))),
+            type !== 'message' && (React.createElement(styles_1.StyledIcon, { type: type }, getIcon(type))),
             React.createElement("span", null, children))));
 };
 exports.Notification = Notification;
+var getIcon = function (type) {
+    return {
+        error: React.createElement(ExclamationCircle_1.ExclamationCircle, { width: 24 }),
+        success: React.createElement(CheckCircle_1.CheckCircle, { width: 24 }),
+        warning: React.createElement(ExclamationCircle_1.ExclamationCircle, { width: 24 }),
+        message: null,
+    }[type];
+};
 //# sourceMappingURL=index.js.map

package/dist/components/Notification/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Notification/index.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAC9B,4EAA0E;AAC1E,8EAA4E;AAC5E,0EAAwE;AACxE,0EAAwE;AACxE,mCAAyD;AAYlD,IAAM,YAAY,GAAG,UAAC,EAIT;QAHhB,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,QAAQ,cAAA;IAER,OAAO,CACH,oBAAC,2BAAkB,iBAAY,IAAI,EAAE,IAAI,EAAE,IAAI;QAC3C,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE;YACrD,oBAAC,mBAAU,IAAC,IAAI,EAAE,IAAI,IACjB,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAChB,oBAAC,yCAAmB,IAAC,KAAK,EAAE,EAAE,GAAI,CACrC,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CACrB,oBAAC,uCAAkB,IAAC,KAAK,EAAE,EAAE,GAAI,CACpC,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CACrB,oBAAC,qCAAiB,IAAC,KAAK,EAAE,EAAE,GAAI,CACnC,CAAC,CAAC,CAAC,CACA,oBAAC,qCAAiB,IAAC,KAAK,EAAE,EAAE,GAAI,CACnC,CACQ;YACb,kCAAO,QAAQ,CAAQ,CACrB,CACW,CACxB,CAAA;AACL,CAAC,CAAA;AAvBY,QAAA,YAAY,gBAuBxB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Notification/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,8DAA4D;AAC5D,0EAAwE;AACxE,mCAAyD;AAalD,IAAM,YAAY,GAAG,UAAC,EAKT;IAJhB,IAAA,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,QAAQ,cAAA,EACL,IAAI,sBAJkB,4BAK5B,CADU;IAEP,OAAO,CACH,oBAAC,2BAAkB,kCAAY,IAAI,EAAE,IAAI,EAAE,IAAI,IAAM,IAAI;QACrD,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE;YACpD,IAAI,KAAK,SAAS,IAAI,CACnB,oBAAC,mBAAU,IAAC,IAAI,EAAE,IAAI,IAAG,OAAO,CAAC,IAAI,CAAC,CAAc,CACvD;YACD,kCAAO,QAAQ,CAAQ,CACrB,CACW,CACxB,CAAA;AACL,CAAC,CAAA;AAhBY,QAAA,YAAY,gBAgBxB;AAED,IAAM,OAAO,GAAG,UAAC,IAA+B;IAC5C,OAAO;QACH,KAAK,EAAE,oBAAC,qCAAiB,IAAC,KAAK,EAAE,EAAE,GAAI;QACvC,OAAO,EAAE,oBAAC,yBAAW,IAAC,KAAK,EAAE,EAAE,GAAI;QACnC,OAAO,EAAE,oBAAC,qCAAiB,IAAC,KAAK,EAAE,EAAE,GAAI;QACzC,OAAO,EAAE,IAAI;KAChB,CAAC,IAAI,CAAC,CAAA;AACX,CAAC,CAAA"}

package/dist/components/Notification/index.stories.d.ts

@@ -1,8 +1,7 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
 import { NotificationProps } from './';
-declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export default _default;
-export declare const Succes: Story<NotificationProps>;
-export declare const Error: Story<NotificationProps>;
-export declare const Warning: Story<NotificationProps>;
-export declare const Message: Story<NotificationProps>;
+export declare const Succes: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, NotificationProps>;
+export declare const Error: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, NotificationProps>;
+export declare const Warning: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, NotificationProps>;
+export declare const Message: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, NotificationProps>;

package/dist/components/Notification/index.stories.js

@@ -19,22 +19,26 @@ exports.default = {
 };
 var Template = function (_a) {
     var args = tslib_1.__rest(_a, []);
-    return (react_1.default.createElement(_1.Notification, tslib_1.__assign({}, args), "Donec arcu velit, varius in elit nec, hendrerit sagittis lorem. Donec arcu velit, varius in elit nec, hendrerit sagittis lorem. Donec arcu velit, varius in elit nec, hendrerit sagittis lorem. Donec arcu velit, varius in elit nec, hendrerit sagittis lorem."));
+    return (react_1.default.createElement(_1.Notification, tslib_1.__assign({}, args)));
 };
 exports.Succes = Template.bind({});
 exports.Succes.args = {
+    children: "Donec arcu velit, varius in elit nec, hendrerit sagittis lorem. Donec arcu velit, varius in elit nec, hendrerit sagittis lorem. Donec arcu velit, varius in elit nec, hendrerit sagittis lorem. Donec arcu velit, varius in elit nec, hendrerit sagittis lorem.",
     type: 'success',
 };
 exports.Error = Template.bind({});
 exports.Error.args = {
+    children: "Donec arcu velit, varius in elit nec, hendrerit sagittis lorem. Donec arcu velit, varius in elit nec, hendrerit sagittis lorem. Donec arcu velit, varius in elit nec, hendrerit sagittis lorem. Donec arcu velit, varius in elit nec, hendrerit sagittis lorem.",
     type: 'error',
 };
 exports.Warning = Template.bind({});
 exports.Warning.args = {
+    children: "Donec arcu velit, varius in elit nec, hendrerit sagittis lorem. Donec arcu velit, varius in elit nec, hendrerit sagittis lorem. Donec arcu velit, varius in elit nec, hendrerit sagittis lorem. Donec arcu velit, varius in elit nec, hendrerit sagittis lorem.",
     type: 'warning',
 };
 exports.Message = Template.bind({});
 exports.Message.args = {
+    children: "Donec arcu velit, varius in elit nec, hendrerit sagittis lorem. Donec arcu velit, varius in elit nec, hendrerit sagittis lorem. Donec arcu velit, varius in elit nec, hendrerit sagittis lorem. Donec arcu velit, varius in elit nec, hendrerit sagittis lorem.",
     type: 'message',
 };
 //# sourceMappingURL=index.stories.js.map

package/dist/components/Notification/index.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Notification/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,uBAAoD;AAEpD,kBAAe;IACX,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,eAAY;IACvB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAE,EAAP,CAAO,CAAC;IAC9B,UAAU,EAAE;QACR,IAAI,EAAE;YACF,WAAW,EAAE;gBACT,SAAS,EAAE,2BAA2B;aACzC;YACD,MAAM,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE;SAC9B;KACJ;CACI,CAAA;AAET,IAAM,QAAQ,GAA6B,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CACxD,8BAAC,eAAY,uBAAK,IAAI,qQAKP,CAClB,CAAA;CAAA,CAAA;AAEY,QAAA,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACvC,cAAM,CAAC,IAAI,GAAG;IACV,IAAI,EAAE,SAAS;CAClB,CAAA;AAEY,QAAA,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACtC,aAAK,CAAC,IAAI,GAAG;IACT,IAAI,EAAE,OAAO;CAChB,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,eAAO,CAAC,IAAI,GAAG;IACX,IAAI,EAAE,SAAS;CAClB,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,eAAO,CAAC,IAAI,GAAG;IACX,IAAI,EAAE,SAAS;CAClB,CAAA"}
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Notification/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,uBAAoD;AAEpD,kBAAe;IACX,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,eAAY;IACvB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAE,EAAP,CAAO,CAAC;IAC9B,UAAU,EAAE;QACR,IAAI,EAAE;YACF,WAAW,EAAE;gBACT,SAAS,EAAE,2BAA2B;aACzC;YACD,MAAM,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE;SAC9B;KACJ;CACI,CAAA;AAET,IAAM,QAAQ,GAA+B,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CAC1D,8BAAC,eAAY,uBAAK,IAAI,EAAI,CAC7B,CAAA;CAAA,CAAA;AAEY,QAAA,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACvC,cAAM,CAAC,IAAI,GAAG;IACV,QAAQ,EAAE,iQAAiQ;IAC3Q,IAAI,EAAE,SAAS;CAClB,CAAA;AAEY,QAAA,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACtC,aAAK,CAAC,IAAI,GAAG;IACT,QAAQ,EAAE,iQAAiQ;IAC3Q,IAAI,EAAE,OAAO;CAChB,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,eAAO,CAAC,IAAI,GAAG;IACX,QAAQ,EAAE,iQAAiQ;IAC3Q,IAAI,EAAE,SAAS;CAClB,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,eAAO,CAAC,IAAI,GAAG;IACX,QAAQ,EAAE,iQAAiQ;IAC3Q,IAAI,EAAE,SAAS;CAClB,CAAA"}

package/dist/components/Notification/styles.d.ts

@@ -1,5 +1,5 @@
 import { NotificationProps } from '.';
-export declare const StyledNotification: import("styled-components").StyledComponent<"div", any, NotificationProps, never>;
-export declare const StyledIcon: import("styled-components").StyledComponent<"div", any, {
+export declare const StyledNotification: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, NotificationProps, never>;
+export declare const StyledIcon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     type: 'error' | 'message' | 'warning' | 'success';
 }, never>;

package/dist/components/Notification/styles.js

@@ -5,7 +5,7 @@ var tslib_1 = require("tslib");
 var styled_components_1 = require("styled-components");
 var styled_map_1 = require("styled-map");
 var Box_1 = require("../Box");
-exports.StyledNotification = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    ", ";\n    font-family: ", ";\n    font-size: ", ";\n    padding: ", "px\n        ", "px;\n    background-color: ", ";\n    color: ", ";\n    line-height: 24px;\n    display: flex;\n    flex-direction: column;\n    align-items: ", ";\n    text-align: ", ";\n    border: 1px solid;\n    border-radius: 5px;\n    border-color: ", ";\n    a {\n        color: inherit;\n    }\n"], ["\n    ", ";\n    font-family: ", ";\n    font-size: ", ";\n    padding: ", "px\n        ", "px;\n    background-color: ", ";\n    color: ", ";\n    line-height: 24px;\n    display: flex;\n    flex-direction: column;\n    align-items: ", ";\n    text-align: ", ";\n    border: 1px solid;\n    border-radius: 5px;\n    border-color: ", ";\n    a {\n        color: inherit;\n    }\n"])), function (props) { return (0, Box_1.mb)(2, props.theme.spacing); }, function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, function (props) { return props.theme.baseline * 1.5; }, function (props) { return props.theme.baseline * 2; }, function (props) {
+exports.StyledNotification = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    ", ";\n    font-family: ", ";\n    font-size: ", ";\n    padding: ", "px\n        ", "px;\n    background-color: ", ";\n    color: ", ";\n    line-height: 24px;\n    display: flex;\n    flex-direction: column;\n    align-items: ", ";\n    text-align: ", ";\n    border: 1px solid;\n    border-radius: ", "px;\n    border-color: ", ";\n    a {\n        color: inherit;\n    }\n"], ["\n    ", ";\n    font-family: ", ";\n    font-size: ", ";\n    padding: ", "px\n        ", "px;\n    background-color: ", ";\n    color: ", ";\n    line-height: 24px;\n    display: flex;\n    flex-direction: column;\n    align-items: ", ";\n    text-align: ", ";\n    border: 1px solid;\n    border-radius: ", "px;\n    border-color: ", ";\n    a {\n        color: inherit;\n    }\n"])), function (props) { return (0, Box_1.mb)(2, props.theme.spacing); }, function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, function (props) { return props.theme.baseline * 1.5; }, function (props) { return props.theme.baseline * 2; }, function (props) {
     return (0, styled_map_1.default)('type', {
         error: props.theme.colors.red[50],
         warning: props.theme.colors.orange[50],
@@ -18,15 +18,15 @@ exports.StyledNotification = styled_components_1.default.div(templateObject_1 ||
         : props.contentAlign === 'right'
             ? 'flex-end'
             : 'flex-start';
-}, function (props) { return (props.contentAlign ? props.contentAlign : 'left'); }, function (props) {
+}, function (props) { return (props.contentAlign ? props.contentAlign : 'left'); }, function (props) { return props.theme.borderRadius.default; }, function (props) {
     return (0, styled_map_1.default)('type', {
-        error: props.theme.colors.red[500],
-        warning: '#FFD68F',
-        message: '#A8CDFF',
-        success: props.theme.colors.green[500],
+        error: props.theme.colors.red[100],
+        warning: props.theme.colors.orange[100],
+        message: props.theme.colors.blue[100],
+        success: props.theme.colors.green[100],
     });
 });
-exports.StyledIcon = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    display: inline-flex;\n    width: 24px;\n    color: ", ";\n    margin-right: ", "px;\n    flex-shrink: 0;\n"], ["\n    display: inline-flex;\n    width: 24px;\n    color: ", ";\n    margin-right: ", "px;\n    flex-shrink: 0;\n"])), function (props) {
+exports.StyledIcon = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    display: inline-flex;\n    width: 20px;\n    color: ", ";\n    margin-top: 2px;\n    margin-right: ", "px;\n    flex-shrink: 0;\n"], ["\n    display: inline-flex;\n    width: 20px;\n    color: ", ";\n    margin-top: 2px;\n    margin-right: ", "px;\n    flex-shrink: 0;\n"])), function (props) {
     return (0, styled_map_1.default)('type', {
         error: props.theme.colors.error,
         warning: props.theme.colors.warning,

package/dist/components/Notification/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Notification/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AACtC,yCAAkC;AAElC,8BAA2B;AAEd,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,wcAAmB,QACzD,EAAmC,sBACtB,EAAiC,oBACnC,EAAiC,kBACnC,EAAmC,cACxC,EAAiC,6BACnB,EAMd,gBACG,EAAqC,+FAI/B,EAKO,qBACR,EAA2D,wEAGzD,EAMV,8CAIT,KAnCK,UAAA,KAAK,IAAI,OAAA,IAAA,QAAE,EAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAA1B,CAA0B,EACtB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EACnC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB,EACnC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,GAAG,EAA1B,CAA0B,EACxC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,EAAxB,CAAwB,EACnB,UAAA,KAAK;IACrB,OAAA,IAAA,oBAAS,EAAC,MAAM,EAAE;QACd,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC;QACjC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;QACtC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;QACpC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;KACxC,CAAC;AALF,CAKE,EACG,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EAA5B,CAA4B,EAI/B,UAAA,KAAK;IAChB,OAAA,KAAK,CAAC,YAAY,KAAK,QAAQ;QAC3B,CAAC,CAAC,QAAQ;QACV,CAAC,CAAC,KAAK,CAAC,YAAY,KAAK,OAAO;YAChC,CAAC,CAAC,UAAU;YACZ,CAAC,CAAC,YAAY;AAJlB,CAIkB,EACR,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,EAAlD,CAAkD,EAGzD,UAAA,KAAK;IACjB,OAAA,IAAA,oBAAS,EAAC,MAAM,EAAE;QACd,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC;QAClC,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;KACzC,CAAC;AALF,CAKE,EAIT;AAEY,QAAA,UAAU,GAAG,2BAAM,CAAC,GAAG,8LAElC,4DAGW,EAMH,uBACU,EAA+B,4BAElD,KATY,UAAA,KAAK;IACV,OAAA,IAAA,oBAAS,EAAC,MAAM,EAAE;QACd,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;QAC/B,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;QACnC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;QACnC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;KACtC,CAAC;AALF,CAKE,EACU,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAtB,CAAsB,EAElD"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Notification/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AACtC,yCAAkC;AAElC,8BAA2B;AAEd,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,2cAAmB,QACzD,EAAmC,sBACtB,EAAiC,oBACnC,EAAiC,kBACnC,EAAmC,cACxC,EAAiC,6BACnB,EAMd,gBACG,EAAqC,+FAI/B,EAKO,qBACR,EAA2D,gDAExD,EAAyC,yBAC1C,EAMV,8CAIT,KAnCK,UAAA,KAAK,IAAI,OAAA,IAAA,QAAE,EAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAA1B,CAA0B,EACtB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EACnC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB,EACnC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,GAAG,EAA1B,CAA0B,EACxC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,EAAxB,CAAwB,EACnB,UAAA,KAAK;IACrB,OAAA,IAAA,oBAAS,EAAC,MAAM,EAAE;QACd,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC;QACjC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;QACtC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;QACpC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;KACxC,CAAC;AALF,CAKE,EACG,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EAA5B,CAA4B,EAI/B,UAAA,KAAK;IAChB,OAAA,KAAK,CAAC,YAAY,KAAK,QAAQ;QAC3B,CAAC,CAAC,QAAQ;QACV,CAAC,CAAC,KAAK,CAAC,YAAY,KAAK,OAAO;YAChC,CAAC,CAAC,UAAU;YACZ,CAAC,CAAC,YAAY;AAJlB,CAIkB,EACR,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,EAAlD,CAAkD,EAExD,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,EAAhC,CAAgC,EAC1C,UAAA,KAAK;IACjB,OAAA,IAAA,oBAAS,EAAC,MAAM,EAAE;QACd,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC;QAClC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC;QACvC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;QACrC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;KACzC,CAAC;AALF,CAKE,EAIT;AAEY,QAAA,UAAU,GAAG,2BAAM,CAAC,GAAG,oNAElC,4DAGW,EAMH,6CAEU,EAA+B,4BAElD,KAVY,UAAA,KAAK;IACV,OAAA,IAAA,oBAAS,EAAC,MAAM,EAAE;QACd,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;QAC/B,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;QACnC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;QACnC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;KACtC,CAAC;AALF,CAKE,EAEU,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAtB,CAAsB,EAElD"}

package/dist/components/PageLoader/index.stories.d.ts

@@ -1,4 +1,3 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
-declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export default _default;
-export declare const Default: Story<import("@storybook/react/types-6-0").Args>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;

package/dist/components/Portal/index.stories.d.ts

@@ -1,5 +1,4 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
 import { PortalProps } from './';
-declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export default _default;
-export declare const Default: Story<PortalProps>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, PortalProps>;

package/dist/components/Portal/index.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Portal/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,uBAAwC;AAExC,kBAAe;IACX,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,SAAM;IACjB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAE,EAAP,CAAO,CAAC;CACzB,CAAA;AAET,IAAM,QAAQ,GAAuB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CAClD,8BAAC,SAAM,uBAAK,IAAI,WAAgB,CACnC,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Portal/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,uBAAwC;AAExC,kBAAe;IACX,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,SAAM;IACjB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAE,EAAP,CAAO,CAAC;CACzB,CAAA;AAET,IAAM,QAAQ,GAAyB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CACpD,8BAAC,SAAM,uBAAK,IAAI,WAAgB,CACnC,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}

package/dist/components/Radio/index.d.ts

@@ -1,8 +1,6 @@
-import * as React from 'react';
+import React from 'react';
 export interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement> {
     label: string;
     name: string;
-    value: string | number;
-    checked: boolean;
 }
 export declare const Radio: ({ name, label, ...props }: RadioProps) => JSX.Element;

package/dist/components/Radio/index.js

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Radio = void 0;
 var tslib_1 = require("tslib");
-var React = require("react");
+var react_1 = require("react");
 var styles_1 = require("./styles");
 var Radio = function (_a) {
     var name = _a.name, label = _a.label, props = tslib_1.__rest(_a, ["name", "label"]);
-    return (React.createElement(styles_1.StyledRadioLabel, { htmlFor: name },
-        React.createElement("input", tslib_1.__assign({ id: name, type: "radio" }, props)),
-        label));
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(styles_1.StyledRadioInput, tslib_1.__assign({ id: name, type: "radio" }, props)),
+        react_1.default.createElement(styles_1.StyledRadioLabel, { htmlFor: name }, label)));
 };
 exports.Radio = Radio;
 //# sourceMappingURL=index.js.map

package/dist/components/Radio/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,mCAA2C;AAWpC,IAAM,KAAK,GAAG,UAAC,EAAqC;IAAnC,IAAA,IAAI,UAAA,EAAE,KAAK,WAAA,EAAK,KAAK,sBAAvB,iBAAyB,CAAF;IACzC,OAAO,CACH,oBAAC,yBAAgB,IAAC,OAAO,EAAE,IAAI;QAC3B,gDAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAC,OAAO,IAAK,KAAK,EAAI;QAC1C,KAAK,CACS,CACtB,CAAA;AACL,CAAC,CAAA;AAPY,QAAA,KAAK,SAOjB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":";;;;AAAA,+BAAyB;AACzB,mCAA6D;AAQtD,IAAM,KAAK,GAAG,UAAC,EAAqC;IAAnC,IAAA,IAAI,UAAA,EAAE,KAAK,WAAA,EAAK,KAAK,sBAAvB,iBAAyB,CAAF;IACzC,OAAO,CACH;QACI,8BAAC,yBAAgB,qBAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAC,OAAO,IAAK,KAAK,EAAI;QACtD,8BAAC,yBAAgB,IAAC,OAAO,EAAE,IAAI,IAAG,KAAK,CAAoB,CACzD,CACT,CAAA;AACL,CAAC,CAAA;AAPY,QAAA,KAAK,SAOjB"}

package/dist/components/Radio/index.stories.d.ts

@@ -1,5 +1,4 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
 import { RadioProps } from './';
-declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export default _default;
-export declare const Standard: Story<RadioProps>;
+export declare const Standard: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, RadioProps>;

package/dist/components/Radio/index.stories.js

@@ -16,5 +16,6 @@ var Template = function (_a) {
 exports.Standard = Template.bind({});
 exports.Standard.args = {
     label: 'Label',
+    name: 'radio-test',
 };
 //# sourceMappingURL=index.stories.js.map

package/dist/components/Radio/index.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Radio/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,uBAAsC;AAEtC,kBAAe;IACX,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,QAAK;IAChB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAE,EAAP,CAAO,CAAC;CACzB,CAAA;AAET,IAAM,QAAQ,GAAsB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,8BAAC,QAAK,uBAAK,IAAI,EAAI,CAAA;CAAA,CAAA;AAE3D,QAAA,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACzC,gBAAQ,CAAC,IAAI,GAAG;IACZ,KAAK,EAAE,OAAO;CACjB,CAAA"}
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Radio/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,uBAAsC;AAEtC,kBAAe;IACX,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,QAAK;IAChB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAE,EAAP,CAAO,CAAC;CACzB,CAAA;AAET,IAAM,QAAQ,GAAwB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,8BAAC,QAAK,uBAAK,IAAI,EAAI,CAAA;CAAA,CAAA;AAE7D,QAAA,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACzC,gBAAQ,CAAC,IAAI,GAAG;IACZ,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,YAAY;CACrB,CAAA"}

package/dist/components/Radio/styles.d.ts

@@ -1,3 +1,4 @@
-export declare const StyledRadioLabel: import("styled-components").StyledComponent<"label", any, {
+export declare const StyledRadioLabel: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {
     htmlFor: string;
 }, never>;
+export declare const StyledRadioInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/Radio/styles.js

@@ -1,8 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledRadioLabel = void 0;
+exports.StyledRadioInput = exports.StyledRadioLabel = void 0;
 var tslib_1 = require("tslib");
 var styled_components_1 = require("styled-components");
-exports.StyledRadioLabel = styled_components_1.default.label(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    font-family: ", ";\n    font-size: ", ";\n    color: ", ";\n    line-height: ", ";\n    font-weight: 500;\n    margin-right: 16px;\n    user-select: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n\n    input {\n        margin: 0 8px 4px 0;\n        height: 16px;\n        width: 16px;\n    }\n"], ["\n    font-family: ", ";\n    font-size: ", ";\n    color: ", ";\n    line-height: ", ";\n    font-weight: 500;\n    margin-right: 16px;\n    user-select: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n\n    input {\n        margin: 0 8px 4px 0;\n        height: 16px;\n        width: 16px;\n    }\n"])), function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, function (props) { return props.theme.colors.text.default; }, function (props) { return props.theme.font.lineHeight; });
-var templateObject_1;
+var SPACE_FOR_INPUT = 20;
+exports.StyledRadioLabel = styled_components_1.default.label(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    font-family: ", ";\n    font-size: ", ";\n    color: ", ";\n    line-height: ", ";\n    font-weight: 500;\n    margin-right: 16px;\n    user-select: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    position: relative;\n    padding-left: ", "px;\n\n    &:before {\n        content: '';\n        position: absolute;\n        width: 14px;\n        height: 14px;\n        background-color: transparent;\n        border: 1px solid ", ";\n        border-radius: 50%;\n        top: 50%;\n        left: 0px;\n        transform: translateY(-50%);\n    }\n\n    &:after {\n        content: '';\n        position: absolute;\n        width: 14px;\n        height: 14px;\n        background-color: ", ";\n        border-radius: 50%;\n        top: 50%;\n        left: 0px;\n        transform: translateY(-50%) scale(0);\n        transition: ", ";\n    }\n"], ["\n    font-family: ", ";\n    font-size: ", ";\n    color: ", ";\n    line-height: ", ";\n    font-weight: 500;\n    margin-right: 16px;\n    user-select: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    position: relative;\n    padding-left: ", "px;\n\n    &:before {\n        content: '';\n        position: absolute;\n        width: 14px;\n        height: 14px;\n        background-color: transparent;\n        border: 1px solid ", ";\n        border-radius: 50%;\n        top: 50%;\n        left: 0px;\n        transform: translateY(-50%);\n    }\n\n    &:after {\n        content: '';\n        position: absolute;\n        width: 14px;\n        height: 14px;\n        background-color: ", ";\n        border-radius: 50%;\n        top: 50%;\n        left: 0px;\n        transform: translateY(-50%) scale(0);\n        transition: ", ";\n    }\n"])), function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, function (props) { return props.theme.colors.text.default; }, function (props) { return props.theme.font.lineHeight; }, SPACE_FOR_INPUT, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.blueGrey[300];
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.primary;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.transition('transform');
+});
+exports.StyledRadioInput = styled_components_1.default.input(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    display: none;\n\n    &:checked + label:after {\n        transform: translateY(-50%) scale(0.6);\n    }\n"], ["\n    display: none;\n\n    &:checked + label:after {\n        transform: translateY(-50%) scale(0.6);\n    }\n"])));
+var templateObject_1, templateObject_2;
 //# sourceMappingURL=styles.js.map

package/dist/components/Radio/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Radio/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAEzB,QAAA,gBAAgB,GAAG,2BAAM,CAAC,KAAK,oZAAqB,qBAC9C,EAAiC,oBACnC,EAAiC,gBACrC,EAAwC,sBAClC,EAAoC,kPAatD,KAhBkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EACnC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB,EACrC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAA/B,CAA+B,EAClC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAA3B,CAA2B,EAatD"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Radio/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAEtC,IAAM,eAAe,GAAG,EAAE,CAAA;AAEb,QAAA,gBAAgB,GAAG,2BAAM,CAAC,KAAK,07BAAqB,qBAC9C,EAAiC,oBACnC,EAAiC,gBACrC,EAAwC,sBAClC,EAAoC,4LAQnC,EAAe,2LAQP,EAAyC,iQAYzC,EAAmC,4IAKzC,EAA4C,YAEjE,KAtCkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EACnC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB,EACrC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAA/B,CAA+B,EAClC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAA3B,CAA2B,EAQnC,eAAe,EAQP,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC;AAA1B,CAA0B,EAYzC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO;AAApB,CAAoB,EAKzC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC;AAA7B,CAA6B,EAEjE;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,KAAK,4LAAA,iHAM3C,KAAA"}

package/dist/components/RadioGroup/index.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 interface RadioOption {
     label: string;
-    value: string | number;
+    value: React.InputHTMLAttributes<HTMLInputElement>['value'];
 }
 export interface RadioGroupProps {
-    value: string | number;
-    onChange?: (_: any) => void;
+    value: React.InputHTMLAttributes<HTMLInputElement>['value'];
+    onChange?: React.InputHTMLAttributes<HTMLInputElement>['onChange'];
     options: RadioOption[];
 }
 export declare const RadioGroup: ({ options, value, onChange, }: RadioGroupProps) => JSX.Element;

package/dist/components/RadioGroup/index.stories.d.ts

@@ -1,5 +1,4 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
 import { RadioGroupProps } from './';
-declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export default _default;
-export declare const Default: Story<RadioGroupProps>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, RadioGroupProps>;

package/dist/components/RadioGroup/index.stories.js

@@ -11,7 +11,11 @@ exports.default = {
 };
 var Template = function (_a) {
     var args = tslib_1.__rest(_a, []);
-    return (react_1.default.createElement(_1.RadioGroup, tslib_1.__assign({}, args)));
+    var _b = tslib_1.__read((0, react_1.useState)(''), 2), value = _b[0], setValue = _b[1];
+    return (react_1.default.createElement(_1.RadioGroup, tslib_1.__assign({}, args, { onChange: function (_a) {
+            var target = _a.target;
+            return setValue(target.value);
+        }, value: value })));
 };
 exports.Default = Template.bind({});
 exports.Default.args = {

package/dist/components/RadioGroup/index.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/RadioGroup/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,uBAAgD;AAEhD,kBAAe;IACX,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,aAAU;IACrB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAE,EAAP,CAAO,CAAC;CACzB,CAAA;AAET,IAAM,QAAQ,GAA2B,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CACtD,8BAAC,aAAU,uBAAK,IAAI,EAAI,CAC3B,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,eAAO,CAAC,IAAI,GAAG;IACX,OAAO,EAAE;QACL;YACI,KAAK,EAAE,UAAU;YACjB,KAAK,EAAE,MAAM;SAChB;QACD;YACI,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,KAAK;SACf;KACJ;CACJ,CAAA"}
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/RadioGroup/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAuC;AACvC,uBAAgD;AAEhD,kBAAe;IACX,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,aAAU;IACrB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAE,EAAP,CAAO,CAAC;CACzB,CAAA;AAET,IAAM,QAAQ,GAA6B,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAC3C,IAAA,KAAA,eAAoB,IAAA,gBAAQ,EAAC,EAAE,CAAC,IAAA,EAA/B,KAAK,QAAA,EAAE,QAAQ,QAAgB,CAAA;IAEtC,OAAO,CACH,8BAAC,aAAU,uBACH,IAAI,IACR,QAAQ,EAAE,UAAC,EAAU;gBAAR,MAAM,YAAA;YAAO,OAAA,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC;QAAtB,CAAsB,EAChD,KAAK,EAAE,KAAK,IACd,CACL,CAAA;AACL,CAAC,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,eAAO,CAAC,IAAI,GAAG;IACX,OAAO,EAAE;QACL;YACI,KAAK,EAAE,UAAU;YACjB,KAAK,EAAE,MAAM;SAChB;QACD;YACI,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,KAAK;SACf;KACJ;CACJ,CAAA"}

package/dist/components/RadioGroup/styles.d.ts

@@ -1 +1 @@
-export declare const StyledRadioGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledRadioGroup: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/Select/index.stories.d.ts

@@ -1,5 +1,4 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
 import { SelectProps } from './';
-declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export default _default;
-export declare const Default: Story<SelectProps>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SelectProps>;

package/dist/components/Select/index.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Select/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,uBAAwC;AAExC,kBAAe;IACX,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,SAAM;IACjB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAE,EAAP,CAAO,CAAC;CACzB,CAAA;AAET,IAAM,QAAQ,GAAuB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CAClD,8BAAC,SAAM,uBAAK,IAAI;QACZ,iEAAiC,CAC5B,CACZ,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Select/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,uBAAwC;AAExC,kBAAe;IACX,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,SAAM;IACjB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAE,EAAP,CAAO,CAAC;CACzB,CAAA;AAET,IAAM,QAAQ,GAAyB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CACpD,8BAAC,SAAM,uBAAK,IAAI;QACZ,iEAAiC,CAC5B,CACZ,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}

package/dist/components/Select/styles.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-export declare const StyledSelect: import("styled-components").StyledComponent<"select", any, {
+export declare const StyledSelect: import("styled-components").StyledComponent<"select", import("styled-components").DefaultTheme, {
     error?: string | React.ReactNode;
     empty?: boolean | undefined;
 } & React.SelectHTMLAttributes<HTMLSelectElement>, never>;
-export declare const StyledOption: import("styled-components").StyledComponent<"option", any, {}, never>;
-export declare const StyledChevron: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledOption: import("styled-components").StyledComponent<"option", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledChevron: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/Select/styles.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledChevron = exports.StyledOption = exports.StyledSelect = void 0;
 var tslib_1 = require("tslib");
-var styled_map_1 = require("styled-map");
 var styled_components_1 = require("styled-components");
-exports.StyledSelect = styled_components_1.default.select(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    font-family: ", ";\n    font-size: ", ";\n    font-weight: 500;\n    display: block;\n    appearance: none;\n    padding: 0 16px;\n    height: 40px;\n    line-height: 40px;\n    width: 100%;\n    border-style: solid;\n    border-radius: ", "px;\n    border-width: ", "px;\n    border-color: ", ";\n    color: ", ";\n    background-color: ", ";\n    cursor: ", ";\n    &:focus {\n        outline: none;\n        border-color: ", ";\n    }\n    &::-ms-expand {\n        display: none;\n    }\n"], ["\n    font-family: ", ";\n    font-size: ", ";\n    font-weight: 500;\n    display: block;\n    appearance: none;\n    padding: 0 16px;\n    height: 40px;\n    line-height: 40px;\n    width: 100%;\n    border-style: solid;\n    border-radius: ", "px;\n    border-width: ", "px;\n    border-color: ", ";\n    color: ", ";\n    background-color: ", ";\n    cursor: ", ";\n    &:focus {\n        outline: none;\n        border-color: ", ";\n    }\n    &::-ms-expand {\n        display: none;\n    }\n"])), function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, function (props) { return props.theme.borderRadius.input; }, function (props) { return props.theme.borderWidth; }, function (props) {
+var styled_map_1 = require("styled-map");
+exports.StyledSelect = styled_components_1.default.select(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    font-family: ", ";\n    font-size: ", ";\n    font-weight: 400;\n    display: block;\n    appearance: none;\n    padding: 0 12px;\n    height: 40px;\n    line-height: 40px;\n    width: 100%;\n    border-style: solid;\n    border-radius: ", "px;\n    border-width: ", "px;\n    border-color: ", ";\n    color: ", ";\n    background-color: ", ";\n    cursor: ", ";\n    box-shadow: ", ";\n\n    &:focus {\n        outline: none;\n        padding: 0 11px;\n        line-height: 38px;\n        border-width: 2px;\n        border-color: ", ";\n    }\n\n    &::-ms-expand {\n        display: none;\n    }\n"], ["\n    font-family: ", ";\n    font-size: ", ";\n    font-weight: 400;\n    display: block;\n    appearance: none;\n    padding: 0 12px;\n    height: 40px;\n    line-height: 40px;\n    width: 100%;\n    border-style: solid;\n    border-radius: ", "px;\n    border-width: ", "px;\n    border-color: ", ";\n    color: ", ";\n    background-color: ", ";\n    cursor: ", ";\n    box-shadow: ", ";\n\n    &:focus {\n        outline: none;\n        padding: 0 11px;\n        line-height: 38px;\n        border-width: 2px;\n        border-color: ", ";\n    }\n\n    &::-ms-expand {\n        display: none;\n    }\n"])), function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, function (props) { return props.theme.borderRadius.input; }, function (props) { return props.theme.borderWidth; }, function (props) {
     return props.error
         ? props.theme.colors.input.error
         : props.theme.colors.input.border;
@@ -17,7 +17,7 @@ exports.StyledSelect = styled_components_1.default.select(templateObject_1 || (t
 }, function (props) { return props.theme.colors.input.background; }, (0, styled_map_1.default)({
     disabled: 'not-allowed',
     default: 'pointer',
-}), function (props) { return props.theme.colors.input.focus; });
+}), function (props) { return props.theme.shadow.input; }, function (props) { return props.theme.colors.input.focus; });
 exports.StyledOption = styled_components_1.default.option(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    color: ", ";\n"], ["\n    color: ", ";\n"])), function (props) { return props.theme.colors.input.color; });
 exports.StyledChevron = styled_components_1.default.div(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    right: 12px;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    pointer-events: none;\n"], ["\n    position: absolute;\n    top: 0;\n    right: 12px;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    pointer-events: none;\n"])));
 var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/Select/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Select/styles.ts"],"names":[],"mappings":";;;;AAAA,yCAAkC;AAClC,uDAAsC;AAGzB,QAAA,YAAY,GAAG,2BAAM,CAAC,MAAM,8jBAKxC,qBACkB,EAAiC,oBACnC,EAAiC,wMAS7B,EAAuC,yBACxC,EAAgC,yBAChC,EAGyB,gBAChC,EAK+B,2BACpB,EAA4C,iBACtD,EAGR,kEAGkB,EAAuC,gEAK9D,KAlCkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EACnC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB,EAS7B,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAA9B,CAA8B,EACxC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,WAAW,EAAvB,CAAuB,EAChC,UAAA,KAAK;IACjB,OAAA,KAAK,CAAC,KAAK;QACP,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;QAChC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM;AAFrC,CAEqC,EAChC,UAAA,KAAK;IACV,OAAA,KAAK,CAAC,KAAK;QACP,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW;QACtC,CAAC,CAAC,KAAK,CAAC,QAAQ;YAChB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;YAC9B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;AAJpC,CAIoC,EACpB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,EAAnC,CAAmC,EACtD,IAAA,oBAAS,EAAC;IAChB,QAAQ,EAAE,aAAa;IACvB,OAAO,EAAE,SAAS;CACrB,CAAC,EAGkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,EAA9B,CAA8B,EAK9D;AAEY,QAAA,YAAY,GAAG,2BAAM,CAAC,MAAM,iGAAA,eAC5B,EAAuC,KACnD,KADY,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,EAA9B,CAA8B,EACnD;AAEY,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,mOAAA,wJAQtC,KAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Select/styles.ts"],"names":[],"mappings":";;;;AACA,uDAAsC;AACtC,yCAAkC;AAErB,QAAA,YAAY,GAAG,2BAAM,CAAC,MAAM,2qBAKxC,qBACkB,EAAiC,oBACnC,EAAiC,wMAS7B,EAAuC,yBACxC,EAAgC,yBAChC,EAGyB,gBAChC,EAK+B,2BACpB,EAA4C,iBACtD,EAGR,qBACY,EAAiC,sJAO3B,EAAuC,kEAM9D,KAxCkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EACnC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB,EAS7B,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAA9B,CAA8B,EACxC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,WAAW,EAAvB,CAAuB,EAChC,UAAA,KAAK;IACjB,OAAA,KAAK,CAAC,KAAK;QACP,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;QAChC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM;AAFrC,CAEqC,EAChC,UAAA,KAAK;IACV,OAAA,KAAK,CAAC,KAAK;QACP,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW;QACtC,CAAC,CAAC,KAAK,CAAC,QAAQ;YAChB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;YAC9B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;AAJpC,CAIoC,EACpB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,EAAnC,CAAmC,EACtD,IAAA,oBAAS,EAAC;IAChB,QAAQ,EAAE,aAAa;IACvB,OAAO,EAAE,SAAS;CACrB,CAAC,EACY,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAxB,CAAwB,EAO3B,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,EAA9B,CAA8B,EAM9D;AAEY,QAAA,YAAY,GAAG,2BAAM,CAAC,MAAM,iGAAA,eAC5B,EAAuC,KACnD,KADY,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,EAA9B,CAA8B,EACnD;AAEY,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,mOAAA,wJAQtC,KAAA"}

package/dist/components/Spinner/index.stories.d.ts

@@ -1,5 +1,4 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
 import { SpinnerProps } from '.';
-declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export default _default;
-export declare const Default: Story<SpinnerProps>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SpinnerProps>;

package/dist/components/Spinner/index.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Spinner/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAyC;AAEzC,kBAAe;IACX,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,UAAO;IAClB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAE,EAAP,CAAO,CAAC;IAC9B,QAAQ,EAAE;QACN,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;KAC9B;CACI,CAAA;AAET,IAAM,QAAQ,GAAwB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,8BAAC,UAAO,uBAAK,IAAI,EAAI,CAAA;CAAA,CAAA;AAE/D,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Spinner/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAyC;AAEzC,kBAAe;IACX,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,UAAO;IAClB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAE,EAAP,CAAO,CAAC;IAC9B,QAAQ,EAAE;QACN,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;KAC9B;CACI,CAAA;AAET,IAAM,QAAQ,GAA0B,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,8BAAC,UAAO,uBAAK,IAAI,EAAI,CAAA;CAAA,CAAA;AAEjE,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}

package/dist/components/Table/Cell/styles.d.ts

@@ -1,2 +1,2 @@
 import { CellProps } from './';
-export declare const StyledCell: import("styled-components").StyledComponent<"td", any, CellProps, never>;
+export declare const StyledCell: import("styled-components").StyledComponent<"td", import("styled-components").DefaultTheme, CellProps, never>;

package/dist/components/Table/Foot/styles.d.ts

@@ -1 +1 @@
-export declare const StyledFoot: import("styled-components").StyledComponent<"tfoot", any, {}, never>;
+export declare const StyledFoot: import("styled-components").StyledComponent<"tfoot", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/Table/Table/styles.d.ts

@@ -1 +1 @@
-export declare const StyledTable: import("styled-components").StyledComponent<"table", any, {}, never>;
+export declare const StyledTable: import("styled-components").StyledComponent<"table", import("styled-components").DefaultTheme, {}, never>;