@beequip/hexagon 0.11.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Tag/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAGzB,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,kVAAU,6CAE9B,EAA6B,cAClC,EAAiC,wBACxB,EAAiC,4CAEnC,EAAkC,qBACjC,EAKqB,wBAClB,EAAqC,+EAIzD,KAfc,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,EAApB,CAAoB,EAClC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,EAAxB,CAAwB,EACxB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EAEnC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,EAAzB,CAAyB,EACjC,UAAA,KAAK;IACf,OAAA,KAAK,CAAC,IAAI,KAAK,QAAQ;QACnB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;QAC5B,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO;YACxB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;YAC5B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM;AAJ/B,CAI+B,EAClB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,EAA5B,CAA4B,EAIzD"}

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

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { Spacing, FontSizes } from '../../theme/types';
+export interface TextProps {
+    bottomMargin?: Spacing;
+    color?: 'light' | 'dark' | 'grey';
+    weight?: 'normal' | 'medium' | 'bold';
+    inline?: boolean;
+    hook?: string;
+    size?: FontSizes;
+}
+export declare const Text: React.FC<TextProps>;

package/dist/components/Text/index.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = void 0;
+var tslib_1 = require("tslib");
+var React = require("react");
+var styles_1 = require("./styles");
+var Text = function (_a) {
+    var hook = _a.hook, children = _a.children, props = tslib_1.__rest(_a, ["hook", "children"]);
+    return (React.createElement(styles_1.StyledText, tslib_1.__assign({ "data-hook": hook }, props), children));
+};
+exports.Text = Text;
+exports.Text.defaultProps = {
+    weight: 'normal',
+    size: 's',
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Text/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAE9B,mCAAqC;AAW9B,IAAM,IAAI,GAAwB,UAAC,EAA4B;IAA1B,IAAA,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,sBAA1B,oBAA4B,CAAF;IAChE,OAAO,CACH,oBAAC,mBAAU,kCAAY,IAAI,IAAM,KAAK,GACjC,QAAQ,CACA,CAChB,CAAA;AACL,CAAC,CAAA;AANY,QAAA,IAAI,QAMhB;AAED,YAAI,CAAC,YAAY,GAAG;IAChB,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,GAAG;CACU,CAAA"}

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

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

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Bold = exports.Medium = exports.Default = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var _1 = require("./");
+exports.default = {
+    title: 'Hexagon/Text',
+    component: _1.Text,
+    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.Text, tslib_1.__assign({}, args), "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec maximus urna eget lacus eleifend malesuada. Etiam et enim tellus. Quisque scelerisque maximus risus, at posuere nisi hendrerit facilisis. Aenean malesuada id nunc ac auctor. Suspendisse facilisis convallis ultrices. Etiam et lacinia eros, et egestas neque. Sed dignissim enim id tempor consequat. Morbi posuere pulvinar sem. Integer quis tristique sem. Suspendisse blandit arcu dui, non fringilla ligula mollis non. Fusce commodo vulputate enim id vehicula. Pellentesque quis ex et neque mollis convallis. Suspendisse et odio vestibulum, eleifend erat a, commodo purus. Nullam nunc odio, ornare quis quam a, sodales laoreet metus."));
+};
+exports.Default = Template.bind({});
+exports.Medium = Template.bind({});
+exports.Medium.args = {
+    weight: 'medium',
+};
+exports.Bold = Template.bind({});
+exports.Bold.args = {
+    weight: 'bold',
+};
+//# sourceMappingURL=index.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Text/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,uBAAoC;AAEpC,kBAAe;IACX,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,OAAI;IACf,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,8BAAC,KAAK,OAAG,EAAT,CAAS,CAAC;CAC3B,CAAA;AAET,IAAM,QAAQ,GAAqB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CAChD,8BAAC,OAAI,uBAAK,IAAI,2rBAWP,CACV,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE3B,QAAA,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACvC,cAAM,CAAC,IAAI,GAAG;IACV,MAAM,EAAE,QAAQ;CACnB,CAAA;AAEY,QAAA,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACrC,YAAI,CAAC,IAAI,GAAG;IACR,MAAM,EAAE,MAAM;CACjB,CAAA"}

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

@@ -0,0 +1,2 @@
+import { TextProps } from './';
+export declare const StyledText: import("styled-components").StyledComponent<"p", any, TextProps, never>;

package/dist/components/Text/styles.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledText = void 0;
+var tslib_1 = require("tslib");
+var styled_map_1 = require("styled-map");
+var styled_components_1 = require("styled-components");
+var Box_1 = require("../Box");
+exports.StyledText = styled_components_1.default.p(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    ", ";\n    font-family: ", ";\n    font-size: ", ";\n    font-weight: ", ";\n    color: ", ";\n    line-height: ", ";\n    margin: 0;\n    ", ";\n"], ["\n    ", ";\n    font-family: ", ";\n    font-size: ", ";\n    font-weight: ", ";\n    color: ", ";\n    line-height: ", ";\n    margin: 0;\n    ", ";\n"])), function (props) { return props.inline && 'display: inline'; }, function (props) { return props.theme.font.default; }, styled_map_1.default('size', {
+    xs: function (props) { return props.theme.font.sizes.xs; },
+    s: function (props) { return props.theme.font.sizes.s; },
+    m: function (props) { return props.theme.font.sizes.m; },
+    l: function (props) { return props.theme.font.sizes.l; },
+}), styled_map_1.default('weight', {
+    normal: 'normal',
+    medium: 500,
+    bold: 'bold',
+}), function (props) {
+    return props.color === 'light'
+        ? 'white'
+        : props.color === 'grey'
+            ? props.theme.colors.text.light
+            : props.theme.colors.text.default;
+}, function (props) { return props.theme.font.lineHeight; }, function (props) {
+    return props.bottomMargin && Box_1.mb(props.bottomMargin, props.theme.spacing);
+});
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Text/styles.ts"],"names":[],"mappings":";;;;AAAA,yCAAkC;AAClC,uDAAsC;AACtC,8BAA2B;AAGd,QAAA,UAAU,GAAG,2BAAM,CAAC,CAAC,qOAAW,QACvC,EAA0C,sBAC7B,EAAiC,oBACnC,EAKX,sBACa,EAIb,gBACO,EAKgC,sBAC1B,EAAoC,yBAEjD,EACmE,KACxE,KAvBK,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,MAAM,IAAI,iBAAiB,EAAjC,CAAiC,EAC7B,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EACnC,oBAAS,CAAC,MAAM,EAAE;IAC3B,EAAE,EAAE,UAAC,KAAU,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,EAAzB,CAAyB;IAC7C,CAAC,EAAE,UAAC,KAAU,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB;IAC3C,CAAC,EAAE,UAAC,KAAU,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB;IAC3C,CAAC,EAAE,UAAC,KAAU,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB;CAC9C,CAAC,EACa,oBAAS,CAAC,QAAQ,EAAE;IAC/B,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,GAAG;IACX,IAAI,EAAE,MAAM;CACf,CAAC,EACO,UAAA,KAAK;IACV,OAAA,KAAK,CAAC,KAAK,KAAK,OAAO;QACnB,CAAC,CAAC,OAAO;QACT,CAAC,CAAC,KAAK,CAAC,KAAK,KAAK,MAAM;YACxB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK;YAC/B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;AAJrC,CAIqC,EAC1B,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAA3B,CAA2B,EAEjD,UAAA,KAAK;IACH,OAAA,KAAK,CAAC,YAAY,IAAI,QAAE,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC;AAAjE,CAAiE,EACxE"}

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

@@ -0,0 +1,15 @@
+import * as React from 'react';
+export interface TextAreaProps {
+    disabled?: boolean;
+    error?: string | React.ReactNode;
+    id?: string;
+    name?: string;
+    placeholder?: string;
+    value?: number | string;
+    onBlur?: (e: any) => void;
+    onChange?: (e: any) => void;
+    onFocus?: (e: any) => void;
+    onKeyDown?: (e: any) => void;
+    hook?: string;
+}
+export declare const TextArea: React.FC<TextAreaProps>;

package/dist/components/TextArea/index.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextArea = void 0;
+var tslib_1 = require("tslib");
+var React = require("react");
+var styles_1 = require("./styles");
+var TextArea = function (_a) {
+    var hook = _a.hook, props = tslib_1.__rest(_a, ["hook"]);
+    return React.createElement(styles_1.StyledTextArea, tslib_1.__assign({ "data-hook": hook }, props));
+};
+exports.TextArea = TextArea;
+exports.TextArea.defaultProps = {
+    disabled: false,
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TextArea/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,mCAAyC;AAgBlC,IAAM,QAAQ,GAA4B,UAAC,EAAkB;IAAhB,IAAA,IAAI,UAAA,EAAK,KAAK,sBAAhB,QAAkB,CAAF;IAC9D,OAAO,oBAAC,uBAAc,kCAAY,IAAI,IAAM,KAAK,EAAI,CAAA;AACzD,CAAC,CAAA;AAFY,QAAA,QAAQ,YAEpB;AAED,gBAAQ,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,KAAK;CAClB,CAAA"}

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

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

package/dist/components/TextArea/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/Form/TextArea',
+    component: _1.TextArea,
+    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.TextArea, tslib_1.__assign({}, args), "Hello"));
+};
+exports.Default = Template.bind({});
+//# sourceMappingURL=index.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/TextArea/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,uBAA4C;AAE5C,kBAAe;IACX,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,WAAQ;IACnB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,8BAAC,KAAK,OAAG,EAAT,CAAS,CAAC;CAC3B,CAAA;AAET,IAAM,QAAQ,GAAyB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CACpD,8BAAC,WAAQ,uBAAK,IAAI,WAAkB,CACvC,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}

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

@@ -0,0 +1,2 @@
+import { TextAreaProps } from './index';
+export declare const StyledTextArea: import("styled-components").StyledComponent<"textarea", any, TextAreaProps, never>;

package/dist/components/TextArea/styles.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledTextArea = void 0;
+var tslib_1 = require("tslib");
+var styled_map_1 = require("styled-map");
+var styled_components_1 = require("styled-components");
+exports.StyledTextArea = styled_components_1.default.textarea(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    resize: none;\n    border-style: solid;\n    border-width: ", "px;\n    border-color: ", ";\n    border-radius: ", "px;\n    background-color: ", ";\n    font-family: ", ";\n    display: block;\n    appearance: none;\n    width: 100%;\n    opacity: ", ";\n    padding: 6px;\n    transition: background-color 0.2s ease-in-out 0s,\n        border-color 0.2s ease-in-out 0s;\n    &:focus {\n        outline: none;\n        border-color: ", ";\n    }\n"], ["\n    resize: none;\n    border-style: solid;\n    border-width: ", "px;\n    border-color: ", ";\n    border-radius: ", "px;\n    background-color: ", ";\n    font-family: ", ";\n    display: block;\n    appearance: none;\n    width: 100%;\n    opacity: ", ";\n    padding: 6px;\n    transition: background-color 0.2s ease-in-out 0s,\n        border-color 0.2s ease-in-out 0s;\n    &:focus {\n        outline: none;\n        border-color: ", ";\n    }\n"])), function (props) { return props.theme.borderWidth; }, function (props) {
+    return props.error
+        ? props.theme.colors.input.error
+        : props.theme.colors.input.border;
+}, function (props) { return props.theme.borderRadius.input; }, function (props) { return props.theme.colors.input.background; }, function (props) { return props.theme.font.default; }, styled_map_1.default({
+    disabled: 0.2,
+    default: 1,
+}), function (props) { return props.theme.colors.input.focus; });
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/TextArea/styles.ts"],"names":[],"mappings":";;;;AAAA,yCAAkC;AAClC,uDAAsC;AAGzB,QAAA,cAAc,GAAG,2BAAM,CAAC,QAAQ,mhBAAe,mEAGxC,EAAgC,yBAChC,EAGyB,wBACxB,EAAuC,6BACpC,EAA4C,sBACjD,EAAiC,gFAIrC,EAGT,uLAMkB,EAAuC,YAE9D,KAtBmB,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,EACxB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAA9B,CAA8B,EACpC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,EAAnC,CAAmC,EACjD,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EAIrC,oBAAS,CAAC;IACjB,QAAQ,EAAE,GAAG;IACb,OAAO,EAAE,CAAC;CACb,CAAC,EAMkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,EAA9B,CAA8B,EAE9D"}

package/dist/components/ToggleContainer/ToggleItem/index.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface ToggleItem {
+    title: string;
+    content: string | React.ReactNode;
+}
+export declare const ToggleItem: ({ title, content }: ToggleItem) => JSX.Element;

package/dist/components/ToggleContainer/ToggleItem/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToggleItem = void 0;
+var tslib_1 = require("tslib");
+var React = require("react");
+var Text_1 = require("../../Text");
+var styles_1 = require("./styles");
+var isString = function (value) { return typeof value === 'string'; };
+var ToggleItem = function (_a) {
+    var title = _a.title, content = _a.content;
+    var _b = tslib_1.__read(React.useState(false), 2), open = _b[0], setOpen = _b[1];
+    return (React.createElement(styles_1.StyledContainer, { onClick: function () { return setOpen(!open); } },
+        React.createElement(styles_1.StyledTitle, null,
+            React.createElement(Text_1.Text, { weight: open ? 'medium' : 'normal' }, title),
+            open ? (React.createElement(styles_1.StyledMinusIcon, { width: 20 })) : (React.createElement(styles_1.StyledPlusIcon, { width: 20 }))),
+        open && (React.createElement(styles_1.StyledContent, null, isString(content) ? React.createElement(Text_1.Text, null, content) : content))));
+};
+exports.ToggleItem = ToggleItem;
+//# sourceMappingURL=index.js.map

package/dist/components/ToggleContainer/ToggleItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ToggleContainer/ToggleItem/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,mCAAiC;AACjC,mCAMiB;AAOjB,IAAM,QAAQ,GAAG,UAAC,KAA+B,IAAK,OAAA,OAAO,KAAK,KAAK,QAAQ,EAAzB,CAAyB,CAAA;AAExE,IAAM,UAAU,GAAG,UAAC,EAA8B;QAA5B,KAAK,WAAA,EAAE,OAAO,aAAA;IACjC,IAAA,KAAA,eAAkB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAA,EAAtC,IAAI,QAAA,EAAE,OAAO,QAAyB,CAAA;IAC7C,OAAO,CACH,oBAAC,wBAAe,IAAC,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,CAAC,IAAI,CAAC,EAAd,CAAc;QAC1C,oBAAC,oBAAW;YACR,oBAAC,WAAI,IAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,IAAG,KAAK,CAAQ;YACvD,IAAI,CAAC,CAAC,CAAC,CACJ,oBAAC,wBAAe,IAAC,KAAK,EAAE,EAAE,GAAI,CACjC,CAAC,CAAC,CAAC,CACA,oBAAC,uBAAc,IAAC,KAAK,EAAE,EAAE,GAAI,CAChC,CACS;QACb,IAAI,IAAI,CACL,oBAAC,sBAAa,QACT,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,oBAAC,WAAI,QAAE,OAAO,CAAQ,CAAC,CAAC,CAAC,OAAO,CACzC,CACnB,CACa,CACrB,CAAA;AACL,CAAC,CAAA;AAnBY,QAAA,UAAU,cAmBtB"}

package/dist/components/ToggleContainer/ToggleItem/index.stories.d.ts

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

package/dist/components/ToggleContainer/ToggleItem/index.stories.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+var tslib_1 = require("tslib");
+var React = require("react");
+var _1 = require("./");
+exports.default = {
+    title: 'Hexagon/ToggleContainer/ToggleItem',
+    component: _1.ToggleItem,
+    decorators: [function (Story) { return React.createElement(Story, null); }],
+};
+var Template = function (_a) {
+    var args = tslib_1.__rest(_a, []);
+    return React.createElement(_1.ToggleItem, tslib_1.__assign({}, args));
+};
+exports.Default = Template.bind({});
+exports.Default.args = {
+    title: 'Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.',
+    content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Curabitur blandit tempus porttitor.',
+};
+//# sourceMappingURL=index.stories.js.map

package/dist/components/ToggleContainer/ToggleItem/index.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../src/components/ToggleContainer/ToggleItem/index.stories.tsx"],"names":[],"mappings":";;;;AACA,6BAA8B;AAC9B,uBAA+B;AAE/B,kBAAe;IACX,KAAK,EAAE,oCAAoC;IAC3C,SAAS,EAAE,aAAU;IACrB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,oBAAC,KAAK,OAAG,EAAT,CAAS,CAAC;CAC3B,CAAA;AAET,IAAM,QAAQ,GAAsB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,oBAAC,aAAU,uBAAK,IAAI,EAAI,CAAA;CAAA,CAAA;AAEhE,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,eAAO,CAAC,IAAI,GAAG;IACX,KAAK,EACD,kGAAkG;IACtG,OAAO,EACH,2JAA2J;CAClK,CAAA"}

package/dist/components/ToggleContainer/ToggleItem/styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const StyledContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledPlusIcon: import("styled-components").StyledComponent<({ width, color, ...rest }: import("../../../theme/types").IconProps) => JSX.Element, any, {}, never>;
+export declare const StyledMinusIcon: import("styled-components").StyledComponent<({ width, color, ...rest }: import("../../../theme/types").IconProps) => JSX.Element, any, {}, never>;

package/dist/components/ToggleContainer/ToggleItem/styles.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledMinusIcon = exports.StyledPlusIcon = exports.StyledContent = exports.StyledTitle = exports.StyledContainer = void 0;
+var tslib_1 = require("tslib");
+var styled_components_1 = require("styled-components");
+var PlusCircle_1 = require("../../../assets/icons/PlusCircle");
+var MinusCircle_1 = require("../../../assets/icons/MinusCircle");
+exports.StyledContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    border-top: 1px solid ", ";\n    background: ", ";\n    transition: background 120ms;\n    padding: ", "px;\n\n    &:hover {\n        background: ", ";\n    }\n"], ["\n    border-top: 1px solid ", ";\n    background: ", ";\n    transition: background 120ms;\n    padding: ", "px;\n\n    &:hover {\n        background: ", ";\n    }\n"])), function (props) { return props.theme.borderColor; }, function (props) { return props.theme.colors.grey[5]; }, function (props) { return props.theme.spacing[2]; }, function (props) { return props.theme.colors.grey[4]; });
+exports.StyledTitle = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    display: flex;\n    justify-content: space-between;\n    padding: ", "px;\n    cursor: pointer;\n"], ["\n    display: flex;\n    justify-content: space-between;\n    padding: ", "px;\n    cursor: pointer;\n"])), function (props) { return props.theme.spacing[0]; });
+exports.StyledContent = styled_components_1.default.div(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n    padding: ", "px;\n"], ["\n    padding: ", "px;\n"])), function (props) { return props.theme.spacing[0]; });
+exports.StyledPlusIcon = styled_components_1.default(PlusCircle_1.PlusCircle)(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n    width: 20px;\n    flex-shrink: 0;\n    fill: ", ";\n"], ["\n    width: 20px;\n    flex-shrink: 0;\n    fill: ", ";\n"])), function (props) { return props.theme.colors.primary; });
+exports.StyledMinusIcon = styled_components_1.default(MinusCircle_1.MinusCircle)(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["\n    width: 20px;\n    flex-shrink: 0;\n    fill: ", ";\n"], ["\n    width: 20px;\n    flex-shrink: 0;\n    fill: ", ";\n"])), function (props) { return props.theme.colors.grey[3]; });
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=styles.js.map

package/dist/components/ToggleContainer/ToggleItem/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/ToggleContainer/ToggleItem/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AACtC,+DAA6D;AAC7D,iEAA+D;AAElD,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,mPAAA,8BACb,EAAgC,qBAC1C,EAAmC,qDAEtC,EAA+B,4CAGxB,EAAmC,YAExD,KAR2B,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,WAAW,EAAvB,CAAuB,EAC1C,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAA1B,CAA0B,EAEtC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAtB,CAAsB,EAGxB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAA1B,CAA0B,EAExD;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,oLAAA,0EAGtB,EAA+B,6BAE7C,KAFc,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAtB,CAAsB,EAE7C;AAEY,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,qGAAA,iBACxB,EAA+B,OAC7C,KADc,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAtB,CAAsB,EAC7C;AAEY,QAAA,cAAc,GAAG,2BAAM,CAAC,uBAAU,CAAC,uIAAA,qDAGpC,EAAmC,KAC9C,KADW,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAA1B,CAA0B,EAC9C;AAEY,QAAA,eAAe,GAAG,2BAAM,CAAC,yBAAW,CAAC,uIAAA,qDAGtC,EAAmC,KAC9C,KADW,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAA1B,CAA0B,EAC9C"}

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ToggleItem } from './ToggleItem';
+export interface ToggleContainerProps {
+    /**
+     * An item is an object with a title and content attribute.
+     * The content can be either a string or a ReactNode
+     */
+    items: ToggleItem[];
+}
+export declare const StyledContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ToggleContainer: (props: ToggleContainerProps) => JSX.Element;

package/dist/components/ToggleContainer/index.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToggleContainer = exports.StyledContainer = void 0;
+var tslib_1 = require("tslib");
+var React = require("react");
+var styled_components_1 = require("styled-components");
+var ToggleItem_1 = require("./ToggleItem");
+exports.StyledContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    border: 1px solid ", ";\n    border-radius: ", "px;\n    overflow: hidden;\n\n    div:first-child {\n        border: none;\n    }\n"], ["\n    border: 1px solid ", ";\n    border-radius: ", "px;\n    overflow: hidden;\n\n    div:first-child {\n        border: none;\n    }\n"])), function (props) { return props.theme.borderColor; }, function (props) { return props.theme.borderRadius.default; });
+var ToggleContainer = function (props) {
+    return (React.createElement(exports.StyledContainer, null, props.items.map(function (_a, key) {
+        var content = _a.content, title = _a.title;
+        return (React.createElement(ToggleItem_1.ToggleItem, { key: key, content: content, title: title }));
+    })));
+};
+exports.ToggleContainer = ToggleContainer;
+var templateObject_1;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ToggleContainer/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,uDAAsC;AACtC,2CAAyC;AAU5B,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,sNAAA,0BACjB,EAAgC,wBACnC,EAAyC,qFAM7D,KAPuB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,WAAW,EAAvB,CAAuB,EACnC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,EAAhC,CAAgC,EAM7D;AAEM,IAAM,eAAe,GAAG,UAAC,KAA2B;IACvD,OAAO,CACH,oBAAC,uBAAe,QACX,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,EAAkB,EAAE,GAAG;YAArB,OAAO,aAAA,EAAE,KAAK,WAAA;QAAY,OAAA,CAC1C,oBAAC,uBAAU,IAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAI,CAC3D;IAF6C,CAE7C,CAAC,CACY,CACrB,CAAA;AACL,CAAC,CAAA;AARY,QAAA,eAAe,mBAQ3B"}

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

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

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

@@ -0,0 +1,35 @@
+"use strict";
+var _a, _b, _c, _d, _e, _f;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+var tslib_1 = require("tslib");
+var React = require("react");
+var index_1 = require("./index");
+var ToggleStories = require("./ToggleItem/index.stories");
+exports.default = {
+    title: 'Hexagon/ToggleContainer/ToggleContainer',
+    component: index_1.ToggleContainer,
+    decorators: [function (Story) { return React.createElement(Story, null); }],
+};
+var Template = function (_a) {
+    var args = tslib_1.__rest(_a, []);
+    return (React.createElement(index_1.ToggleContainer, tslib_1.__assign({}, args)));
+};
+exports.Default = Template.bind({});
+exports.Default.args = {
+    items: [
+        {
+            title: ((_a = ToggleStories.Default.args) === null || _a === void 0 ? void 0 : _a.title) || '',
+            content: (_b = ToggleStories.Default.args) === null || _b === void 0 ? void 0 : _b.content,
+        },
+        {
+            title: ((_c = ToggleStories.Default.args) === null || _c === void 0 ? void 0 : _c.title) || '',
+            content: (_d = ToggleStories.Default.args) === null || _d === void 0 ? void 0 : _d.content,
+        },
+        {
+            title: ((_e = ToggleStories.Default.args) === null || _e === void 0 ? void 0 : _e.title) || '',
+            content: (_f = ToggleStories.Default.args) === null || _f === void 0 ? void 0 : _f.content,
+        },
+    ],
+};
+//# sourceMappingURL=index.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/ToggleContainer/index.stories.tsx"],"names":[],"mappings":";;;;;AACA,6BAA8B;AAC9B,iCAA+D;AAC/D,0DAA2D;AAE3D,kBAAe;IACX,KAAK,EAAE,yCAAyC;IAChD,SAAS,EAAE,uBAAe;IAC1B,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,oBAAC,KAAK,OAAG,EAAT,CAAS,CAAC;CAC3B,CAAA;AAET,IAAM,QAAQ,GAAgC,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CAC3D,oBAAC,uBAAe,uBAAK,IAAI,EAAI,CAChC,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,eAAO,CAAC,IAAI,GAAG;IACX,KAAK,EAAE;QACH;YACI,KAAK,EAAE,CAAA,MAAA,aAAa,CAAC,OAAO,CAAC,IAAI,0CAAE,KAAK,KAAI,EAAE;YAC9C,OAAO,EAAE,MAAA,aAAa,CAAC,OAAO,CAAC,IAAI,0CAAE,OAAO;SAC/C;QACD;YACI,KAAK,EAAE,CAAA,MAAA,aAAa,CAAC,OAAO,CAAC,IAAI,0CAAE,KAAK,KAAI,EAAE;YAC9C,OAAO,EAAE,MAAA,aAAa,CAAC,OAAO,CAAC,IAAI,0CAAE,OAAO;SAC/C;QACD;YACI,KAAK,EAAE,CAAA,MAAA,aAAa,CAAC,OAAO,CAAC,IAAI,0CAAE,KAAK,KAAI,EAAE;YAC9C,OAAO,EAAE,MAAA,aAAa,CAAC,OAAO,CAAC,IAAI,0CAAE,OAAO;SAC/C;KACJ;CACJ,CAAA"}

package/dist/index.d.ts

@@ -0,0 +1,43 @@
+export { Autocomplete } from './components/Autocomplete';
+export { AutocompleteItem } from './components/Autocomplete/Item';
+export { Badge } from './components/Badge';
+export { Box } from './components/Box';
+export { Button } from './components/Button';
+export { ButtonGroup } from './components/ButtonGroup';
+export { Card } from './components/Card';
+export { Checkbox } from './components/Checkbox';
+export { Container } from './components/Container';
+export { CounterTag } from './components/CounterTag';
+export { ExternalLink } from './components/ExternalLink';
+export { Error } from './components/Error';
+export { Field } from './components/Field';
+export { FieldError } from './components/FieldError';
+export { FieldGroup } from './components/FieldGroup';
+export { Form } from './components/Form';
+export { Grid } from './components/Grid';
+export { GridColumn } from './components/GridColumn';
+export { Heading } from './components/Heading';
+export { HelpText } from './components/HelpText';
+export { Image } from './components/Image';
+export { Input } from './components/Input';
+export { CurrencyInput } from './components/Input/CurrencyInput';
+export { Label } from './components/Label';
+export { Link } from './components/Link';
+export { List } from './components/List';
+export { ListItem } from './components/ListItem';
+export { Modal } from './components/Modal';
+export { NavLink } from './components/NavLink';
+export { Notification } from './components/Notification';
+export { OrderedList } from './components/List/OrderedList';
+export { PageLoader } from './components/PageLoader';
+export { Portal } from './components/Portal';
+export { Radio } from './components/Radio';
+export { RadioGroup } from './components/RadioGroup';
+export { Select } from './components/Select';
+export { Spinner } from './components/Spinner';
+export { Body, Cell, Foot, Head, Row, Table } from './components/Table';
+export { Tag } from './components/Tag';
+export { Text } from './components/Text';
+export { TextArea } from './components/TextArea';
+export { ToggleContainer } from './components/ToggleContainer';
+export * from './theme';

package/dist/index.js

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToggleContainer = exports.TextArea = exports.Text = exports.Tag = exports.Table = exports.Row = exports.Head = exports.Foot = exports.Cell = exports.Body = exports.Spinner = exports.Select = exports.RadioGroup = exports.Radio = exports.Portal = exports.PageLoader = exports.OrderedList = exports.Notification = exports.NavLink = exports.Modal = exports.ListItem = exports.List = exports.Link = exports.Label = exports.CurrencyInput = exports.Input = exports.Image = exports.HelpText = exports.Heading = exports.GridColumn = exports.Grid = exports.Form = exports.FieldGroup = exports.FieldError = exports.Field = exports.Error = exports.ExternalLink = exports.CounterTag = exports.Container = exports.Checkbox = exports.Card = exports.ButtonGroup = exports.Button = exports.Box = exports.Badge = exports.AutocompleteItem = exports.Autocomplete = void 0;
+var tslib_1 = require("tslib");
+var Autocomplete_1 = require("./components/Autocomplete");
+Object.defineProperty(exports, "Autocomplete", { enumerable: true, get: function () { return Autocomplete_1.Autocomplete; } });
+var Item_1 = require("./components/Autocomplete/Item");
+Object.defineProperty(exports, "AutocompleteItem", { enumerable: true, get: function () { return Item_1.AutocompleteItem; } });
+var Badge_1 = require("./components/Badge");
+Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return Badge_1.Badge; } });
+var Box_1 = require("./components/Box");
+Object.defineProperty(exports, "Box", { enumerable: true, get: function () { return Box_1.Box; } });
+var Button_1 = require("./components/Button");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
+var ButtonGroup_1 = require("./components/ButtonGroup");
+Object.defineProperty(exports, "ButtonGroup", { enumerable: true, get: function () { return ButtonGroup_1.ButtonGroup; } });
+var Card_1 = require("./components/Card");
+Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return Card_1.Card; } });
+var Checkbox_1 = require("./components/Checkbox");
+Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return Checkbox_1.Checkbox; } });
+var Container_1 = require("./components/Container");
+Object.defineProperty(exports, "Container", { enumerable: true, get: function () { return Container_1.Container; } });
+var CounterTag_1 = require("./components/CounterTag");
+Object.defineProperty(exports, "CounterTag", { enumerable: true, get: function () { return CounterTag_1.CounterTag; } });
+var ExternalLink_1 = require("./components/ExternalLink");
+Object.defineProperty(exports, "ExternalLink", { enumerable: true, get: function () { return ExternalLink_1.ExternalLink; } });
+var Error_1 = require("./components/Error");
+Object.defineProperty(exports, "Error", { enumerable: true, get: function () { return Error_1.Error; } });
+var Field_1 = require("./components/Field");
+Object.defineProperty(exports, "Field", { enumerable: true, get: function () { return Field_1.Field; } });
+var FieldError_1 = require("./components/FieldError");
+Object.defineProperty(exports, "FieldError", { enumerable: true, get: function () { return FieldError_1.FieldError; } });
+var FieldGroup_1 = require("./components/FieldGroup");
+Object.defineProperty(exports, "FieldGroup", { enumerable: true, get: function () { return FieldGroup_1.FieldGroup; } });
+var Form_1 = require("./components/Form");
+Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return Form_1.Form; } });
+var Grid_1 = require("./components/Grid");
+Object.defineProperty(exports, "Grid", { enumerable: true, get: function () { return Grid_1.Grid; } });
+var GridColumn_1 = require("./components/GridColumn");
+Object.defineProperty(exports, "GridColumn", { enumerable: true, get: function () { return GridColumn_1.GridColumn; } });
+var Heading_1 = require("./components/Heading");
+Object.defineProperty(exports, "Heading", { enumerable: true, get: function () { return Heading_1.Heading; } });
+var HelpText_1 = require("./components/HelpText");
+Object.defineProperty(exports, "HelpText", { enumerable: true, get: function () { return HelpText_1.HelpText; } });
+var Image_1 = require("./components/Image");
+Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return Image_1.Image; } });
+var Input_1 = require("./components/Input");
+Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return Input_1.Input; } });
+var CurrencyInput_1 = require("./components/Input/CurrencyInput");
+Object.defineProperty(exports, "CurrencyInput", { enumerable: true, get: function () { return CurrencyInput_1.CurrencyInput; } });
+var Label_1 = require("./components/Label");
+Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return Label_1.Label; } });
+var Link_1 = require("./components/Link");
+Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return Link_1.Link; } });
+var List_1 = require("./components/List");
+Object.defineProperty(exports, "List", { enumerable: true, get: function () { return List_1.List; } });
+var ListItem_1 = require("./components/ListItem");
+Object.defineProperty(exports, "ListItem", { enumerable: true, get: function () { return ListItem_1.ListItem; } });
+var Modal_1 = require("./components/Modal");
+Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return Modal_1.Modal; } });
+var NavLink_1 = require("./components/NavLink");
+Object.defineProperty(exports, "NavLink", { enumerable: true, get: function () { return NavLink_1.NavLink; } });
+var Notification_1 = require("./components/Notification");
+Object.defineProperty(exports, "Notification", { enumerable: true, get: function () { return Notification_1.Notification; } });
+var OrderedList_1 = require("./components/List/OrderedList");
+Object.defineProperty(exports, "OrderedList", { enumerable: true, get: function () { return OrderedList_1.OrderedList; } });
+var PageLoader_1 = require("./components/PageLoader");
+Object.defineProperty(exports, "PageLoader", { enumerable: true, get: function () { return PageLoader_1.PageLoader; } });
+var Portal_1 = require("./components/Portal");
+Object.defineProperty(exports, "Portal", { enumerable: true, get: function () { return Portal_1.Portal; } });
+var Radio_1 = require("./components/Radio");
+Object.defineProperty(exports, "Radio", { enumerable: true, get: function () { return Radio_1.Radio; } });
+var RadioGroup_1 = require("./components/RadioGroup");
+Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return RadioGroup_1.RadioGroup; } });
+var Select_1 = require("./components/Select");
+Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return Select_1.Select; } });
+var Spinner_1 = require("./components/Spinner");
+Object.defineProperty(exports, "Spinner", { enumerable: true, get: function () { return Spinner_1.Spinner; } });
+var Table_1 = require("./components/Table");
+Object.defineProperty(exports, "Body", { enumerable: true, get: function () { return Table_1.Body; } });
+Object.defineProperty(exports, "Cell", { enumerable: true, get: function () { return Table_1.Cell; } });
+Object.defineProperty(exports, "Foot", { enumerable: true, get: function () { return Table_1.Foot; } });
+Object.defineProperty(exports, "Head", { enumerable: true, get: function () { return Table_1.Head; } });
+Object.defineProperty(exports, "Row", { enumerable: true, get: function () { return Table_1.Row; } });
+Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return Table_1.Table; } });
+var Tag_1 = require("./components/Tag");
+Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return Tag_1.Tag; } });
+var Text_1 = require("./components/Text");
+Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return Text_1.Text; } });
+var TextArea_1 = require("./components/TextArea");
+Object.defineProperty(exports, "TextArea", { enumerable: true, get: function () { return TextArea_1.TextArea; } });
+var ToggleContainer_1 = require("./components/ToggleContainer");
+Object.defineProperty(exports, "ToggleContainer", { enumerable: true, get: function () { return ToggleContainer_1.ToggleContainer; } });
+tslib_1.__exportStar(require("./theme"), exports);
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AAAA,0DAAwD;AAA/C,4GAAA,YAAY,OAAA;AACrB,uDAAiE;AAAxD,wGAAA,gBAAgB,OAAA;AACzB,4CAA0C;AAAjC,8FAAA,KAAK,OAAA;AACd,wCAAsC;AAA7B,0FAAA,GAAG,OAAA;AACZ,8CAA4C;AAAnC,gGAAA,MAAM,OAAA;AACf,wDAAsD;AAA7C,0GAAA,WAAW,OAAA;AACpB,0CAAwC;AAA/B,4FAAA,IAAI,OAAA;AACb,kDAAgD;AAAvC,oGAAA,QAAQ,OAAA;AACjB,oDAAkD;AAAzC,sGAAA,SAAS,OAAA;AAClB,sDAAoD;AAA3C,wGAAA,UAAU,OAAA;AACnB,0DAAwD;AAA/C,4GAAA,YAAY,OAAA;AACrB,4CAA0C;AAAjC,8FAAA,KAAK,OAAA;AACd,4CAA0C;AAAjC,8FAAA,KAAK,OAAA;AACd,sDAAoD;AAA3C,wGAAA,UAAU,OAAA;AACnB,sDAAoD;AAA3C,wGAAA,UAAU,OAAA;AACnB,0CAAwC;AAA/B,4FAAA,IAAI,OAAA;AACb,0CAAwC;AAA/B,4FAAA,IAAI,OAAA;AACb,sDAAoD;AAA3C,wGAAA,UAAU,OAAA;AACnB,gDAA8C;AAArC,kGAAA,OAAO,OAAA;AAChB,kDAAgD;AAAvC,oGAAA,QAAQ,OAAA;AACjB,4CAA0C;AAAjC,8FAAA,KAAK,OAAA;AACd,4CAA0C;AAAjC,8FAAA,KAAK,OAAA;AACd,kEAAgE;AAAvD,8GAAA,aAAa,OAAA;AACtB,4CAA0C;AAAjC,8FAAA,KAAK,OAAA;AACd,0CAAwC;AAA/B,4FAAA,IAAI,OAAA;AACb,0CAAwC;AAA/B,4FAAA,IAAI,OAAA;AACb,kDAAgD;AAAvC,oGAAA,QAAQ,OAAA;AACjB,4CAA0C;AAAjC,8FAAA,KAAK,OAAA;AACd,gDAA8C;AAArC,kGAAA,OAAO,OAAA;AAChB,0DAAwD;AAA/C,4GAAA,YAAY,OAAA;AACrB,6DAA2D;AAAlD,0GAAA,WAAW,OAAA;AACpB,sDAAoD;AAA3C,wGAAA,UAAU,OAAA;AACnB,8CAA4C;AAAnC,gGAAA,MAAM,OAAA;AACf,4CAA0C;AAAjC,8FAAA,KAAK,OAAA;AACd,sDAAoD;AAA3C,wGAAA,UAAU,OAAA;AACnB,8CAA4C;AAAnC,gGAAA,MAAM,OAAA;AACf,gDAA8C;AAArC,kGAAA,OAAO,OAAA;AAChB,4CAAuE;AAA9D,6FAAA,IAAI,OAAA;AAAE,6FAAA,IAAI,OAAA;AAAE,6FAAA,IAAI,OAAA;AAAE,6FAAA,IAAI,OAAA;AAAE,4FAAA,GAAG,OAAA;AAAE,8FAAA,KAAK,OAAA;AAC3C,wCAAsC;AAA7B,0FAAA,GAAG,OAAA;AACZ,0CAAwC;AAA/B,4FAAA,IAAI,OAAA;AACb,kDAAgD;AAAvC,oGAAA,QAAQ,OAAA;AACjB,gEAA8D;AAArD,kHAAA,eAAe,OAAA;AACxB,kDAAuB"}

package/dist/theme/breakpoints.d.ts

@@ -0,0 +1,14 @@
+import { ThemedCssFunction } from 'styled-components';
+export declare const breakpoints: {
+    xxs: number;
+    xs: number;
+    s: number;
+    m: number;
+    l: number;
+    xl: number;
+    xxl: number;
+};
+export declare type Breakpoint = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
+export declare type BreakpointMap<T> = Record<Breakpoint, T>;
+export declare type BreakpointMedia = BreakpointMap<ThemedCssFunction<{}>>;
+export declare const media: BreakpointMedia;

package/dist/theme/breakpoints.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.media = exports.breakpoints = void 0;
+var tslib_1 = require("tslib");
+var styled_components_1 = require("styled-components");
+// breakpoints in pixels
+exports.breakpoints = {
+    xxs: 320,
+    xs: 640,
+    s: 768,
+    m: 1024,
+    l: 1280,
+    xl: 1440,
+    xxl: 1920,
+};
+exports.media = Object.keys(exports.breakpoints).reduce(function (acc, label) {
+    acc[label] = function (first) {
+        var interpolations = [];
+        for (var _i = 1; _i < arguments.length; _i++) {
+            interpolations[_i - 1] = arguments[_i];
+        }
+        return styled_components_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n            @media (min-width: ", "px) {\n                ", "\n            }\n        "], ["\n            @media (min-width: ", "px) {\n                ", "\n            }\n        "])), exports.breakpoints[label], styled_components_1.css.apply(void 0, tslib_1.__spreadArray([first], tslib_1.__read(interpolations))));
+    };
+    return acc;
+}, {});
+var templateObject_1;
+//# sourceMappingURL=breakpoints.js.map

package/dist/theme/breakpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoints.js","sourceRoot":"","sources":["../../src/theme/breakpoints.ts"],"names":[],"mappings":";;;;AAAA,uDAAuC;AAGvC,wBAAwB;AACX,QAAA,WAAW,GAAG;IACvB,GAAG,EAAE,GAAG;IACR,EAAE,EAAE,GAAG;IACP,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,IAAI;IACP,EAAE,EAAE,IAAI;IACR,GAAG,EAAE,IAAI;CACZ,CAAA;AAwBY,QAAA,KAAK,GAAI,MAAM,CAAC,IAAI,CAAC,mBAAW,CAAkB,CAAC,MAAM,CAClE,UAAC,GAAG,EAAE,KAAK;IACP,GAAG,CAAC,KAAK,CAAC,GAAG,UAAC,KAAU;QAAE,wBAAwB;aAAxB,UAAwB,EAAxB,qBAAwB,EAAxB,IAAwB;YAAxB,uCAAwB;;QAAK,OAAA,uBAAG,sKAAA,mCACjC,EAAkB,yBACjC,EAA6B,2BAEtC,KAHwB,mBAAW,CAAC,KAAK,CAAC,EACjC,uBAAG,sCAAC,KAAK,kBAAK,cAAc;IAFiB,CAItD,CAAA;IACD,OAAO,GAAG,CAAA;AACd,CAAC,EACD,EAAqB,CACxB,CAAA"}

package/dist/theme/index.d.ts

@@ -0,0 +1,4 @@
+export { theme } from './theme';
+export { fontSizes } from './typography';
+export { breakpoints, media } from './breakpoints';
+export declare const baseline = 8;