@beequip/hexagon 0.11.0

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

@@ -0,0 +1,65 @@
+/// <reference types="react" />
+export declare const ModalContent: import("react").ComponentType<{
+    [key: string]: any;
+    children?: any;
+    pose?: import("react-pose/lib/components/PoseElement/types").CurrentPose | undefined;
+    _pose?: import("react-pose/lib/components/PoseElement/types").CurrentPose | undefined;
+    initialPose?: import("react-pose/lib/components/PoseElement/types").CurrentPose | undefined;
+    withParent?: boolean | undefined;
+    onPoseComplete?: ((pose: import("react-pose/lib/components/PoseElement/types").CurrentPose) => any) | undefined;
+    onValueChange?: {
+        [key: string]: (v: any) => any;
+    } | undefined;
+    innerRef?: {
+        current: any;
+    } | ((el: Element) => any) | undefined;
+} & import("react-pose/lib/components/PoseElement/types").PoseContextProps & import("react").HTMLProps<any>>;
+export declare const Shade: import("react").ComponentType<{
+    [key: string]: any;
+    children?: any;
+    pose?: import("react-pose/lib/components/PoseElement/types").CurrentPose | undefined;
+    _pose?: import("react-pose/lib/components/PoseElement/types").CurrentPose | undefined;
+    initialPose?: import("react-pose/lib/components/PoseElement/types").CurrentPose | undefined;
+    withParent?: boolean | undefined;
+    onPoseComplete?: ((pose: import("react-pose/lib/components/PoseElement/types").CurrentPose) => any) | undefined;
+    onValueChange?: {
+        [key: string]: (v: any) => any;
+    } | undefined;
+    innerRef?: {
+        current: any;
+    } | ((el: Element) => any) | undefined;
+} & import("react-pose/lib/components/PoseElement/types").PoseContextProps & import("react").HTMLProps<any>>;
+export declare const StyledShade: import("styled-components").StyledComponent<import("react").ComponentType<{
+    [key: string]: any;
+    children?: any;
+    pose?: import("react-pose/lib/components/PoseElement/types").CurrentPose | undefined;
+    _pose?: import("react-pose/lib/components/PoseElement/types").CurrentPose | undefined;
+    initialPose?: import("react-pose/lib/components/PoseElement/types").CurrentPose | undefined;
+    withParent?: boolean | undefined;
+    onPoseComplete?: ((pose: import("react-pose/lib/components/PoseElement/types").CurrentPose) => any) | undefined;
+    onValueChange?: {
+        [key: string]: (v: any) => any;
+    } | undefined;
+    innerRef?: {
+        current: any;
+    } | ((el: Element) => any) | undefined;
+} & import("react-pose/lib/components/PoseElement/types").PoseContextProps & import("react").HTMLProps<any>>, any, {}, never>;
+export declare const StyledButton: import("styled-components").StyledComponent<import("react").FC<import("../Button").ButtonProps>, any, {}, never>;
+export declare const StyledContainer: import("styled-components").StyledComponent<"div", any, {
+    modalOpen?: boolean | undefined;
+}, never>;
+export declare const StyledModal: import("styled-components").StyledComponent<import("react").ComponentType<{
+    [key: string]: any;
+    children?: any;
+    pose?: import("react-pose/lib/components/PoseElement/types").CurrentPose | undefined;
+    _pose?: import("react-pose/lib/components/PoseElement/types").CurrentPose | undefined;
+    initialPose?: import("react-pose/lib/components/PoseElement/types").CurrentPose | undefined;
+    withParent?: boolean | undefined;
+    onPoseComplete?: ((pose: import("react-pose/lib/components/PoseElement/types").CurrentPose) => any) | undefined;
+    onValueChange?: {
+        [key: string]: (v: any) => any;
+    } | undefined;
+    innerRef?: {
+        current: any;
+    } | ((el: Element) => any) | undefined;
+} & import("react-pose/lib/components/PoseElement/types").PoseContextProps & import("react").HTMLProps<any>>, any, {}, never>;

package/dist/components/Modal/styles.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledModal = exports.StyledContainer = exports.StyledButton = exports.StyledShade = exports.Shade = exports.ModalContent = void 0;
+var tslib_1 = require("tslib");
+var react_pose_1 = require("react-pose");
+var theme_1 = require("../../theme");
+var styled_components_1 = require("styled-components");
+var Button_1 = require("../Button");
+exports.ModalContent = react_pose_1.default.div({
+    enter: {
+        y: 0,
+        opacity: 1,
+        transition: {
+            y: { duration: 300 },
+            opacity: { duration: 120 },
+        },
+    },
+    exit: {
+        y: 50,
+        opacity: 0,
+        transition: {
+            y: { duration: 300 },
+            opacity: { duration: 120 },
+        },
+    },
+});
+exports.Shade = react_pose_1.default.div({
+    enter: {
+        opacity: 1,
+        transition: { duration: 500 },
+    },
+    exit: {
+        opacity: 0,
+        transition: { duration: 500 },
+    },
+});
+exports.StyledShade = styled_components_1.default(exports.Shade)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    position: absolute;\n    background: rgba(0, 0, 0, 0.8);\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    height: 100vh;\n"], ["\n    position: absolute;\n    background: rgba(0, 0, 0, 0.8);\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    height: 100vh;\n"])));
+exports.StyledButton = styled_components_1.default(Button_1.Button)(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n    background: none;\n    border: none;\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 57px;\n    height: 57px;\n    padding: 0;\n    z-index: 10;\n\n    ", "\n\n    &:hover {\n        background: none;\n\n        svg {\n            fill: orange;\n        }\n    }\n\n    svg {\n        fill: black;\n    }\n"], ["\n    background: none;\n    border: none;\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 57px;\n    height: 57px;\n    padding: 0;\n    z-index: 10;\n\n    ", "\n\n    &:hover {\n        background: none;\n\n        svg {\n            fill: orange;\n        }\n    }\n\n    svg {\n        fill: black;\n    }\n"])), theme_1.media.s(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n        right: 10px;\n        top: 10px;\n    "], ["\n        right: 10px;\n        top: 10px;\n    "]))));
+exports.StyledContainer = styled_components_1.default.div(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n    position: fixed;\n    width: 100%;\n    top: 0;\n    align-items: center;\n    justify-content: center;\n    display: flex;\n    z-index: 500;\n    height: ", ";\n"], ["\n    position: fixed;\n    width: 100%;\n    top: 0;\n    align-items: center;\n    justify-content: center;\n    display: flex;\n    z-index: 500;\n    height: ", ";\n"])), function (props) { return (props.modalOpen ? '100%' : 'auto'); });
+exports.StyledModal = styled_components_1.default(exports.ModalContent)(templateObject_6 || (templateObject_6 = tslib_1.__makeTemplateObject(["\n    position: relative;\n    max-width: 700px;\n    height: 100%;\n    background: white;\n    z-index: 1;\n    padding: ", "px ", "px;\n    overflow: auto;\n\n    ", "\n"], ["\n    position: relative;\n    max-width: 700px;\n    height: 100%;\n    background: white;\n    z-index: 1;\n    padding: ", "px ", "px;\n    overflow: auto;\n\n    ", "\n"])), theme_1.baseline * 4, theme_1.baseline * 2, theme_1.media.xs(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["\n        padding: ", "px;\n        max-height: calc(100vh - 40px);\n        height: auto;\n        border-radius: ", "px;\n    "], ["\n        padding: ", "px;\n        max-height: calc(100vh - 40px);\n        height: auto;\n        border-radius: ", "px;\n    "])), theme_1.baseline * 6, function (props) { return props.theme.borderRadius.default; }));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Modal/styles.ts"],"names":[],"mappings":";;;;AAAA,yCAA8B;AAC9B,qCAA6C;AAC7C,uDAAsC;AACtC,oCAAkC;AAErB,QAAA,YAAY,GAAG,oBAAK,CAAC,GAAG,CAAC;IAClC,KAAK,EAAE;QACH,CAAC,EAAE,CAAC;QACJ,OAAO,EAAE,CAAC;QACV,UAAU,EAAE;YACR,CAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;YACpB,OAAO,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;SAC7B;KACJ;IACD,IAAI,EAAE;QACF,CAAC,EAAE,EAAE;QACL,OAAO,EAAE,CAAC;QACV,UAAU,EAAE;YACR,CAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;YACpB,OAAO,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;SAC7B;KACJ;CACJ,CAAC,CAAA;AAEW,QAAA,KAAK,GAAG,oBAAK,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE;QACH,OAAO,EAAE,CAAC;QACV,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;KAChC;IACD,IAAI,EAAE;QACF,OAAO,EAAE,CAAC;QACV,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;KAChC;CACJ,CAAC,CAAA;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,aAAK,CAAC,2NAAA,gJAQvC,KAAA;AAEY,QAAA,YAAY,GAAG,2BAAM,CAAC,eAAM,CAAC,sZAAA,iLAWpC,EAGD,wJAaJ,KAhBK,aAAK,CAAC,CAAC,6HAAA,kDAGR,MAaJ;AAEY,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,sPAAyB,oKAQpD,EAA4C,KACzD,KADa,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAAnC,CAAmC,EACzD;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,oBAAY,CAAC,yPAAA,6HAMhC,EAAY,KAAM,EAAY,kCAGvC,EAKD,IACJ,KATc,gBAAQ,GAAG,CAAC,EAAM,gBAAQ,GAAG,CAAC,EAGvC,aAAK,CAAC,EAAE,6MAAA,qBACK,EAAY,8FAGN,EAAyC,WAC7D,KAJc,gBAAQ,GAAG,CAAC,EAGN,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,EAAhC,CAAgC,GAEjE"}

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { NavLinkProps } from 'react-router-dom';
+interface LinkProps {
+    completed?: boolean;
+}
+export declare const NavLink: React.FC<NavLinkProps & LinkProps>;
+export {};

package/dist/components/NavLink/index.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavLink = void 0;
+var tslib_1 = require("tslib");
+var React = require("react");
+var styles_1 = require("./styles");
+var NavLink = function (_a) {
+    var children = _a.children, props = tslib_1.__rest(_a, ["children"]);
+    var cleanProps = tslib_1.__rest(props, []); // fixes a react runtime warning where completed prop is passed down to a DOM node
+    return React.createElement(styles_1.StyledNavLink, tslib_1.__assign({}, cleanProps), children);
+};
+exports.NavLink = NavLink;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/NavLink/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAE9B,mCAAwC;AAMjC,IAAM,OAAO,GAAuC,UAAC,EAG3D;IAFG,IAAA,QAAQ,cAAA,EACL,KAAK,sBAFgD,YAG3D,CADW;IAER,IAAW,UAAU,kBAAK,KAAK,EAAzB,EAAiB,CAAQ,CAAA,CAAC,kFAAkF;IAClH,OAAO,oBAAC,sBAAa,uBAAK,UAAU,GAAG,QAAQ,CAAiB,CAAA;AACpE,CAAC,CAAA;AANY,QAAA,OAAO,WAMnB"}

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

@@ -0,0 +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>;

package/dist/components/NavLink/styles.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledNavLink = void 0;
+var tslib_1 = require("tslib");
+var react_router_dom_1 = require("react-router-dom");
+var styled_components_1 = require("styled-components");
+var styles_1 = require("../Link/styles");
+exports.StyledNavLink = styled_components_1.default(react_router_dom_1.NavLink)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    ", "\n    font-family: ", ";\n    border-bottom: 2px solid transparent;\n\n    &:hover {\n        color: white;\n    }\n\n    &.active {\n        color: ", ";\n        border-bottom: 2px solid ", ";\n    }\n"], ["\n    ", "\n    font-family: ", ";\n    border-bottom: 2px solid transparent;\n\n    &:hover {\n        color: white;\n    }\n\n    &.active {\n        color: ", ";\n        border-bottom: 2px solid ", ";\n    }\n"])), styles_1.linkStyles, function (props) { return props.theme.font.default; }, function (props) { return props.theme.colors.links.hover; }, function (props) { return props.theme.colors.links.hover; });
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/NavLink/styles.ts"],"names":[],"mappings":";;;;AAAA,qDAAwE;AACxE,uDAAsC;AACtC,yCAA2C;AAE9B,QAAA,aAAa,GAAG,2BAAM,CAAC,0BAAY,CAAC,kSAAc,QACzD,EAAU,qBACG,EAAiC,gIAQnC,EAAuC,sCACrB,EAAuC,YAEzE,KAZK,mBAAU,EACG,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EAQnC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,EAA9B,CAA8B,EACrB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,EAA9B,CAA8B,EAEzE"}

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export interface NotificationProps {
+    type: 'error' | 'message' | 'warning' | 'success';
+    /**
+     Checks if the button should be disabled
+    */
+    contentAlign?: 'left' | 'center' | 'right';
+    hook?: string;
+}
+export declare const Notification: React.FC<NotificationProps>;

package/dist/components/Notification/index.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Notification = void 0;
+var React = require("react");
+var CheckCircle_1 = require("../../assets/icons/CheckCircle");
+var ExclamationCircle_1 = require("../../assets/icons/ExclamationCircle");
+var InfoCircle_1 = require("../../assets/icons/InfoCircle");
+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 },
+        React.createElement("div", { style: { display: 'flex', alignItems: 'flex-start' } },
+            React.createElement(styles_1.StyledIcon, { type: type }, type === 'error' ? (React.createElement(ExclamationCircle_1.ExclamationCircle, { width: 17 })) : type === 'success' ? (React.createElement(CheckCircle_1.CheckCircle, { width: 17 })) : (React.createElement(InfoCircle_1.InfoCircle, { width: 17 }))),
+            React.createElement("span", null, children))));
+};
+exports.Notification = Notification;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Notification/index.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAC9B,8DAA4D;AAC5D,0EAAwE;AACxE,4DAA0D;AAC1D,mCAAyD;AAWlD,IAAM,YAAY,GAAgC,UAAC,EAIzD;QAHG,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,qCAAiB,IAAC,KAAK,EAAE,EAAE,GAAI,CACnC,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CACrB,oBAAC,yBAAW,IAAC,KAAK,EAAE,EAAE,GAAI,CAC7B,CAAC,CAAC,CAAC,CACA,oBAAC,uBAAU,IAAC,KAAK,EAAE,EAAE,GAAI,CAC5B,CACQ;YACb,kCAAO,QAAQ,CAAQ,CACrB,CACW,CACxB,CAAA;AACL,CAAC,CAAA;AArBY,QAAA,YAAY,gBAqBxB"}

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

@@ -0,0 +1,8 @@
+import { Meta, Story } from '@storybook/react/types-6-0';
+import { NotificationProps } from './';
+declare const _default: Meta<import("@storybook/react/types-6-0").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>;

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

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Message = exports.Warning = exports.Error = exports.Succes = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var _1 = require("./");
+exports.default = {
+    title: 'Hexagon/Notification',
+    component: _1.Notification,
+    decorators: [function (Story) { return react_1.default.createElement(Story, null); }],
+    parameters: {
+        docs: {
+            description: {
+                component: 'some component _markdown_',
+            },
+        },
+    },
+};
+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."));
+};
+exports.Succes = Template.bind({});
+exports.Succes.args = {
+    type: 'success',
+};
+exports.Error = Template.bind({});
+exports.Error.args = {
+    type: 'error',
+};
+exports.Warning = Template.bind({});
+exports.Warning.args = {
+    type: 'warning',
+};
+exports.Message = Template.bind({});
+exports.Message.args = {
+    type: 'message',
+};
+//# sourceMappingURL=index.stories.js.map

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

@@ -0,0 +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,8BAAC,KAAK,OAAG,EAAT,CAAS,CAAC;IAChC,UAAU,EAAE;QACR,IAAI,EAAE;YACF,WAAW,EAAE;gBACT,SAAS,EAAE,2BAA2B;aACzC;SACJ;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"}

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

@@ -0,0 +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, {
+    type: 'error' | 'message' | 'warning' | 'success';
+}, never>;

package/dist/components/Notification/styles.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledIcon = exports.StyledNotification = void 0;
+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: 21px;\n    display: flex;\n    flex-direction: column;\n    align-items: ", ";\n    text-align: ", ";\n    border-left: 4px 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: 21px;\n    display: flex;\n    flex-direction: column;\n    align-items: ", ";\n    text-align: ", ";\n    border-left: 4px solid;\n    border-radius: 5px;\n    border-color: ", ";\n    a {\n        color: inherit;\n    }\n"])), function (props) { return 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; }, styled_map_1.default('type', {
+    error: '#FFEFEE',
+    warning: '#FFF4E1',
+    message: '#EAF3FF',
+    succes: '#EBFFF1',
+}), function (props) { return props.theme.colors.grey[1]; }, function (props) {
+    return props.contentAlign === 'center'
+        ? 'center'
+        : props.contentAlign === 'right'
+            ? 'flex-end'
+            : 'flex-start';
+}, function (props) { return (props.contentAlign ? props.contentAlign : 'left'); }, function (props) {
+    return styled_map_1.default('type', {
+        error: props.theme.colors.error,
+        warning: props.theme.colors.warning,
+        message: props.theme.colors.message,
+        success: props.theme.colors.success,
+    });
+});
+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-right: ", "px;\n    flex-shrink: 0;\n"], ["\n    display: inline-flex;\n    width: 20px;\n    color: ", ";\n    margin-right: ", "px;\n    flex-shrink: 0;\n"])), function (props) {
+    return styled_map_1.default('type', {
+        error: props.theme.colors.error,
+        warning: props.theme.colors.warning,
+        message: props.theme.colors.message,
+        success: props.theme.colors.success,
+    });
+}, function (props) { return props.theme.spacing[1]; });
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +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,6cAAmB,QACzD,EAAmC,sBACtB,EAAiC,oBACnC,EAAiC,kBACnC,EAAmC,cACxC,EAAiC,6BACnB,EAKlB,gBACO,EAAmC,+FAI7B,EAKO,qBACR,EAA2D,6EAGzD,EAMV,8CAIT,KAlCK,UAAA,KAAK,IAAI,OAAA,QAAE,CAAC,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,oBAAS,CAAC,MAAM,EAAE;IAClC,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,SAAS;CACpB,CAAC,EACO,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAA1B,CAA0B,EAI7B,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,oBAAS,CAAC,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,EAIT;AAEY,QAAA,UAAU,GAAG,2BAAM,CAAC,GAAG,8LAElC,4DAGW,EAMH,uBACU,EAA+B,4BAElD,KATY,UAAA,KAAK;IACV,OAAA,oBAAS,CAAC,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"}

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

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const PageLoader: React.FC;

package/dist/components/PageLoader/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageLoader = void 0;
+var React = require("react");
+var PageLoader = function () {
+    return (React.createElement("div", { style: {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            height: '100vh',
+            width: '100vw',
+        } },
+        React.createElement("svg", { version: "1.1", id: "loader-1", x: "0px", y: "0px", width: "40px", height: "40px", viewBox: "0 0 50 50" },
+            React.createElement("path", { fill: "orange", d: "M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z", transform: "rotate(69.789 25 25)" },
+                React.createElement("animateTransform", { attributeType: "xml", attributeName: "transform", type: "rotate", from: "0 25 25", to: "360 25 25", dur: "0.6s", repeatCount: "indefinite" })))));
+};
+exports.PageLoader = PageLoader;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PageLoader/index.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAEvB,IAAM,UAAU,GAAa;IAChC,OAAO,CACH,6BACI,KAAK,EAAE;YACH,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,MAAM,EAAE,OAAO;YACf,KAAK,EAAE,OAAO;SACjB;QAED,6BACI,OAAO,EAAC,KAAK,EACb,EAAE,EAAC,UAAU,EACb,CAAC,EAAC,KAAK,EACP,CAAC,EAAC,KAAK,EACP,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,WAAW;YAEnB,8BACI,IAAI,EAAC,QAAQ,EACb,CAAC,EAAC,6KAA6K,EAC/K,SAAS,EAAC,sBAAsB;gBAEhC,0CACI,aAAa,EAAC,KAAK,EACnB,aAAa,EAAC,WAAW,EACzB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,SAAS,EACd,EAAE,EAAC,WAAW,EACd,GAAG,EAAC,MAAM,EACV,WAAW,EAAC,YAAY,GAC1B,CACC,CACL,CACJ,CACT,CAAA;AACL,CAAC,CAAA;AAtCY,QAAA,UAAU,cAsCtB"}

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

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

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var _1 = require("./");
+exports.default = {
+    title: 'Hexagon/Loading/PageLoader',
+    component: _1.PageLoader,
+};
+var Template = function (_a) {
+    var args = tslib_1.__rest(_a, []);
+    return react_1.default.createElement(_1.PageLoader, tslib_1.__assign({}, args));
+};
+exports.Default = Template.bind({});
+//# sourceMappingURL=index.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/PageLoader/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,uBAA+B;AAE/B,kBAAe;IACX,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,aAAU;CAChB,CAAA;AAET,IAAM,QAAQ,GAAU,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,8BAAC,aAAU,uBAAK,IAAI,EAAI,CAAA;CAAA,CAAA;AAEpD,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export interface PortalProps {
+    children: React.ReactNode;
+    portalOpen: boolean;
+}
+export declare class Portal extends React.Component<PortalProps, unknown> {
+    el: HTMLElement | null;
+    portalRoot: HTMLElement | null;
+    appRoot: HTMLElement | null;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: PortalProps): void;
+    componentWillUnmount(): void;
+    render(): React.ReactPortal | null;
+}

package/dist/components/Portal/index.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Portal = void 0;
+var tslib_1 = require("tslib");
+var React = require("react");
+var ReactDOM = require("react-dom");
+var styled_components_1 = require("styled-components");
+var StyledContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    background: white;\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 999;\n    transform: translateY(", ");\n    transition: transform cubic-bezier(0.62, 0.28, 0.23, 0.99) 0.7s;\n    overflow-y: scroll;\n    -webkit-overflow-scrolling: touch;\n"], ["\n    background: white;\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 999;\n    transform: translateY(", ");\n    transition: transform cubic-bezier(0.62, 0.28, 0.23, 0.99) 0.7s;\n    overflow-y: scroll;\n    -webkit-overflow-scrolling: touch;\n"])), function (props) { return (props.portalOpen ? '0' : '100%'); });
+// TODO: Use hooks
+var Portal = /** @class */ (function (_super) {
+    tslib_1.__extends(Portal, _super);
+    function Portal() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Portal.prototype.componentDidMount = function () {
+        this.el = document.createElement('div');
+        this.appRoot = document.getElementById('root');
+        this.portalRoot = document.getElementById('portal');
+        if (this.portalRoot) {
+            this.portalRoot.appendChild(this.el);
+            if (this.appRoot) {
+                this.appRoot.classList.remove('portal--open');
+            }
+        }
+    };
+    Portal.prototype.componentDidUpdate = function (prevProps) {
+        if (this.props.portalOpen !== prevProps.portalOpen && this.appRoot) {
+            if (this.props.portalOpen) {
+                this.appRoot.classList.add('portal--open');
+            }
+            else {
+                this.appRoot.classList.remove('portal--open');
+            }
+        }
+    };
+    Portal.prototype.componentWillUnmount = function () {
+        if (this.portalRoot && this.appRoot && this.el) {
+            this.portalRoot.removeChild(this.el);
+            this.appRoot.classList.remove('portal--open');
+        }
+    };
+    Portal.prototype.render = function () {
+        if (!this.el) {
+            return null;
+        }
+        return ReactDOM.createPortal(React.createElement(StyledContainer, { portalOpen: this.props.portalOpen }, this.props.children), this.el);
+    };
+    return Portal;
+}(React.Component));
+exports.Portal = Portal;
+var templateObject_1;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Portal/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,oCAAqC;AACrC,uDAAsC;AAEtC,IAAM,eAAe,GAAG,2BAAM,CAAC,GAAG,yXAAyB,+JAQ/B,EAA0C,6IAIrE,KAJ2B,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,EAAjC,CAAiC,CAIrE,CAAA;AAOD,kBAAkB;AAClB;IAA4B,kCAAqC;IAAjE;;IA4CA,CAAC;IAvCU,kCAAiB,GAAxB;QACI,IAAI,CAAC,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QACvC,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;QAC9C,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAA;QAEnD,IAAI,IAAI,CAAC,UAAU,EAAE;YACjB,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;YACpC,IAAI,IAAI,CAAC,OAAO,EAAE;gBACd,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,CAAA;aAChD;SACJ;IACL,CAAC;IACM,mCAAkB,GAAzB,UAA0B,SAAsB;QAC5C,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,KAAK,SAAS,CAAC,UAAU,IAAI,IAAI,CAAC,OAAO,EAAE;YAChE,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE;gBACvB,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;aAC7C;iBAAM;gBACH,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,CAAA;aAChD;SACJ;IACL,CAAC;IACM,qCAAoB,GAA3B;QACI,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,EAAE,EAAE;YAC5C,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;YACpC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,CAAA;SAChD;IACL,CAAC;IACM,uBAAM,GAAb;QACI,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE;YACV,OAAO,IAAI,CAAA;SACd;QAED,OAAO,QAAQ,CAAC,YAAY,CACxB,oBAAC,eAAe,IAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,IAC7C,IAAI,CAAC,KAAK,CAAC,QAAQ,CACN,EAClB,IAAI,CAAC,EAAE,CACV,CAAA;IACL,CAAC;IACL,aAAC;AAAD,CAAC,AA5CD,CAA4B,KAAK,CAAC,SAAS,GA4C1C;AA5CY,wBAAM"}

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

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

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var _1 = require("./");
+exports.default = {
+    title: 'Hexagon/Modal/Portal',
+    component: _1.Portal,
+    decorators: [function (Story) { return react_1.default.createElement(Story, null); }],
+};
+var Template = function (_a) {
+    var args = tslib_1.__rest(_a, []);
+    return (react_1.default.createElement(_1.Portal, tslib_1.__assign({}, args), "Hello"));
+};
+exports.Default = Template.bind({});
+//# sourceMappingURL=index.stories.js.map

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

@@ -0,0 +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,8BAAC,KAAK,OAAG,EAAT,CAAS,CAAC;CAC3B,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"}

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

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

package/dist/components/Radio/index.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Radio = void 0;
+var tslib_1 = require("tslib");
+var React = 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));
+};
+exports.Radio = Radio;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,mCAA2C;AAWpC,IAAM,KAAK,GAAyB,UAAC,EAAyB;IAAvB,IAAA,IAAI,UAAA,EAAE,KAAK,WAAA,EAAK,KAAK,sBAAvB,iBAAyB,CAAF;IAC/D,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"}

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

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

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Standard = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var _1 = require("./");
+exports.default = {
+    title: 'Hexagon/Form/Radio',
+    component: _1.Radio,
+    decorators: [function (Story) { return react_1.default.createElement(Story, null); }],
+};
+var Template = function (_a) {
+    var args = tslib_1.__rest(_a, []);
+    return react_1.default.createElement(_1.Radio, tslib_1.__assign({}, args));
+};
+exports.Standard = Template.bind({});
+exports.Standard.args = {
+    label: 'Label',
+};
+//# sourceMappingURL=index.stories.js.map

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

@@ -0,0 +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,8BAAC,KAAK,OAAG,EAAT,CAAS,CAAC;CAC3B,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"}

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

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

package/dist/components/Radio/styles.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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: normal;\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 0 0;\n        height: 24px;\n        width: 24px;\n    }\n"], ["\n    font-family: ", ";\n    font-size: ", ";\n    color: ", ";\n    line-height: ", ";\n    font-weight: normal;\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 0 0;\n        height: 24px;\n        width: 24px;\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;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Radio/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAEzB,QAAA,gBAAgB,GAAG,2BAAM,CAAC,KAAK,qZAAqB,qBAC9C,EAAiC,oBACnC,EAAiC,gBACrC,EAAwC,sBAClC,EAAoC,mPAatD,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"}

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+interface RadioOption {
+    label: string;
+    value: string | number;
+}
+export interface RadioGroupProps {
+    value: string | number;
+    onChange?: (_: any) => void;
+    options: RadioOption[];
+}
+export declare const RadioGroup: React.FC<RadioGroupProps>;
+export {};

package/dist/components/RadioGroup/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioGroup = void 0;
+var React = require("react");
+var index_1 = require("../Radio/index");
+var styles_1 = require("./styles");
+var RadioGroup = function (_a) {
+    var options = _a.options, value = _a.value, onChange = _a.onChange;
+    return (React.createElement(styles_1.StyledRadioGroup, null, options.map(function (item, key) { return (React.createElement(index_1.Radio, { key: key, label: item.label, name: item.label, value: item.value, checked: value === item.value, onChange: onChange })); })));
+};
+exports.RadioGroup = RadioGroup;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RadioGroup/index.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAC9B,wCAAsC;AACtC,mCAA2C;AAapC,IAAM,UAAU,GAA8B,UAAC,EAIrD;QAHG,OAAO,aAAA,EACP,KAAK,WAAA,EACL,QAAQ,cAAA;IAER,OAAO,CACH,oBAAC,yBAAgB,QACZ,OAAO,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG,IAAK,OAAA,CACxB,oBAAC,aAAK,IACF,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,KAAK,EAChB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,KAAK,KAAK,IAAI,CAAC,KAAK,EAC7B,QAAQ,EAAE,QAAQ,GACpB,CACL,EAT2B,CAS3B,CAAC,CACa,CACtB,CAAA;AACL,CAAC,CAAA;AAnBY,QAAA,UAAU,cAmBtB"}

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

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