@beequip/hexagon 0.11.0

package/dist/components/Card/styles.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledCard = void 0;
+var tslib_1 = require("tslib");
+var styled_components_1 = require("styled-components");
+var styled_map_1 = require("styled-map");
+exports.StyledCard = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    background: ", ";\n    color: ", ";\n    padding-left: ", ";\n    padding-right: ", ";\n    padding-top: ", ";\n    padding-bottom: ", ";\n    border-radius: ", "px;\n    box-shadow: ", ";\n    text-align: ", ";\n    transition: background 200ms ease-in;\n"], ["\n    background: ", ";\n    color: ", ";\n    padding-left: ", ";\n    padding-right: ", ";\n    padding-top: ", ";\n    padding-bottom: ", ";\n    border-radius: ", "px;\n    box-shadow: ", ";\n    text-align: ", ";\n    transition: background 200ms ease-in;\n"])), function (props) {
+    return props.background === 'grey'
+        ? props.theme.colors.grey[5]
+        : props.background === 'white'
+            ? 'white'
+            : props.background;
+}, function (props) {
+    return props.background === 'white'
+        ? props.theme.colors.text.default
+        : props.theme.colors.text.default;
+}, function (props) {
+    return styled_map_1.default('px', {
+        0: '0',
+        1: props.theme.spacing[1] + "px",
+        2: props.theme.spacing[2] + "px",
+        3: props.theme.spacing[3] + "px",
+    });
+}, function (props) {
+    return styled_map_1.default('px', {
+        0: '0',
+        1: props.theme.spacing[1] + "px",
+        2: props.theme.spacing[2] + "px",
+        3: props.theme.spacing[3] + "px",
+    });
+}, function (props) {
+    return styled_map_1.default('py', {
+        0: '0',
+        1: props.theme.spacing[1] + "px",
+        2: props.theme.spacing[2] + "px",
+        3: props.theme.spacing[3] + "px",
+    });
+}, function (props) {
+    return styled_map_1.default('py', {
+        0: '0',
+        1: props.theme.spacing[1] + "px",
+        2: props.theme.spacing[2] + "px",
+        3: props.theme.spacing[3] + "px",
+    });
+}, function (props) { return props.theme.borderRadius.default; }, function (props) { return props.shadow && props.theme.shadow; }, function (props) { return props.textAlign; });
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Card/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AACtC,yCAAkC;AAGrB,QAAA,UAAU,GAAG,2BAAM,CAAC,GAAG,mVAAW,oBAC7B,EAKY,gBACjB,EAGgC,uBACzB,EAMV,wBACW,EAMX,sBACS,EAMT,yBACY,EAMZ,wBACW,EAAyC,uBAC5C,EAA2C,qBAC3C,EAAwB,gDAEzC,KA1CiB,UAAA,KAAK;IACf,OAAA,KAAK,CAAC,UAAU,KAAK,MAAM;QACvB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;QAC5B,CAAC,CAAC,KAAK,CAAC,UAAU,KAAK,OAAO;YAC9B,CAAC,CAAC,OAAO;YACT,CAAC,CAAC,KAAK,CAAC,UAAU;AAJtB,CAIsB,EACjB,UAAA,KAAK;IACV,OAAA,KAAK,CAAC,UAAU,KAAK,OAAO;QACxB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;QACjC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;AAFrC,CAEqC,EACzB,UAAA,KAAK;IACjB,OAAA,oBAAS,CAAC,IAAI,EAAE;QACZ,CAAC,EAAE,GAAG;QACN,CAAC,EAAK,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAI;QAChC,CAAC,EAAK,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAI;QAChC,CAAC,EAAK,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAI;KACnC,CAAC;AALF,CAKE,EACW,UAAA,KAAK;IAClB,OAAA,oBAAS,CAAC,IAAI,EAAE;QACZ,CAAC,EAAE,GAAG;QACN,CAAC,EAAK,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAI;QAChC,CAAC,EAAK,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAI;QAChC,CAAC,EAAK,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAI;KACnC,CAAC;AALF,CAKE,EACS,UAAA,KAAK;IAChB,OAAA,oBAAS,CAAC,IAAI,EAAE;QACZ,CAAC,EAAE,GAAG;QACN,CAAC,EAAK,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAI;QAChC,CAAC,EAAK,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAI;QAChC,CAAC,EAAK,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAI;KACnC,CAAC;AALF,CAKE,EACY,UAAA,KAAK;IACnB,OAAA,oBAAS,CAAC,IAAI,EAAE;QACZ,CAAC,EAAE,GAAG;QACN,CAAC,EAAK,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAI;QAChC,CAAC,EAAK,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAI;QAChC,CAAC,EAAK,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAI;KACnC,CAAC;AALF,CAKE,EACW,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,EAAhC,CAAgC,EAC5C,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,EAAlC,CAAkC,EAC3C,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,SAAS,EAAf,CAAe,EAEzC"}

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    checked: boolean;
+    hook: string;
+}
+export declare const Checkbox: React.FC<CheckboxProps>;

package/dist/components/Checkbox/index.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Checkbox = void 0;
+var tslib_1 = require("tslib");
+var React = require("react");
+var styles_1 = require("./styles");
+var Checkbox = function (_a) {
+    var hook = _a.hook, children = _a.children, rest = tslib_1.__rest(_a, ["hook", "children"]);
+    return (React.createElement(styles_1.StyledCheckbox, null,
+        React.createElement(styles_1.StyledCheck, tslib_1.__assign({ type: "checkbox", "data-hook": hook }, rest)),
+        React.createElement(styles_1.StyledCheckboxLabel, tslib_1.__assign({}, rest), children)));
+};
+exports.Checkbox = Checkbox;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,mCAA2E;AAQpE,IAAM,QAAQ,GAA4B,UAAC,EAIjD;IAHG,IAAA,IAAI,UAAA,EACJ,QAAQ,cAAA,EACL,IAAI,sBAHuC,oBAIjD,CADU;IAEP,OAAO,CACH,oBAAC,uBAAc;QACX,oBAAC,oBAAW,qBAAC,IAAI,EAAC,UAAU,eAAY,IAAI,IAAM,IAAI,EAAI;QAC1D,oBAAC,4BAAmB,uBAAK,IAAI,GAAG,QAAQ,CAAuB,CAClD,CACpB,CAAA;AACL,CAAC,CAAA;AAXY,QAAA,QAAQ,YAWpB"}

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

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

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

@@ -0,0 +1,19 @@
+"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(".");
+var __1 = require("../..");
+exports.default = {
+    title: 'Hexagon/Form/Checkbox',
+    component: _1.Checkbox,
+    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.Checkbox, tslib_1.__assign({}, args),
+        react_1.default.createElement(__1.Text, null, "Lorem ipsum dolor sit amet")));
+};
+exports.Default = Template.bind({});
+//# sourceMappingURL=index.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAA2C;AAC3C,2BAA4B;AAE5B,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;QACd,8BAAC,QAAI,qCAAkC,CAChC,CACd,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}

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

@@ -0,0 +1,3 @@
+export declare const StyledCheckboxLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCheck: import("styled-components").StyledComponent<"input", any, {}, never>;
+export declare const StyledCheckbox: import("styled-components").StyledComponent<"label", any, {}, never>;

package/dist/components/Checkbox/styles.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledCheckbox = exports.StyledCheck = exports.StyledCheckboxLabel = void 0;
+var tslib_1 = require("tslib");
+var styled_components_1 = require("styled-components");
+exports.StyledCheckboxLabel = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    color: ", ";\n    margin-left: ", "px;\n    cursor: pointer;\n"], ["\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    color: ", ";\n    margin-left: ", "px;\n    cursor: pointer;\n"])), function (props) { return props.theme.font.heading; }, function (props) { return props.theme.font.sizes.m; }, function (props) { return props.theme.font.lineHeight; }, function (props) { return props.theme.colors.text.default; }, function (props) { return props.theme.spacing[1]; });
+exports.StyledCheck = styled_components_1.default.input(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    height: 16px;\n    width: 16px;\n    cursor: pointer;\n"], ["\n    height: 16px;\n    width: 16px;\n    cursor: pointer;\n"])));
+exports.StyledCheckbox = styled_components_1.default.label(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n    display: flex;\n    cursor: pointer;\n"], ["\n    display: flex;\n    cursor: pointer;\n"])));
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Checkbox/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAEzB,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,uNAAA,qBAC1B,EAAiC,oBACnC,EAAiC,sBAC/B,EAAoC,gBAC1C,EAAwC,sBAClC,EAA+B,6BAEjD,KANkB,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,EAC/B,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAA3B,CAA2B,EAC1C,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,OAAO,CAAC,CAAC,CAAC,EAAtB,CAAsB,EAEjD;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,KAAK,0IAAA,+DAItC,KAAA;AAEY,QAAA,cAAc,GAAG,2BAAM,CAAC,KAAK,yHAAA,8CAGzC,KAAA"}

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

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

package/dist/components/Container/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Container = void 0;
+var React = require("react");
+var styles_1 = require("./styles");
+var Container = function (_a) {
+    var children = _a.children;
+    return React.createElement(styles_1.StyledContainer, null, children);
+};
+exports.Container = Container;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Container/index.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAC9B,mCAA0C;AAEnC,IAAM,SAAS,GAAa,UAAC,EAAY;QAAV,QAAQ,cAAA;IAC1C,OAAO,oBAAC,wBAAe,QAAE,QAAQ,CAAmB,CAAA;AACxD,CAAC,CAAA;AAFY,QAAA,SAAS,aAErB"}

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

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

package/dist/components/Container/styles.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledContainer = void 0;
+var tslib_1 = require("tslib");
+var styled_components_1 = require("styled-components");
+exports.StyledContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    margin: 0 auto;\n    max-width: 1024px;\n    padding: 0 ", "px;\n    width: 100%;\n    flex-grow: 1;\n"], ["\n    margin: 0 auto;\n    max-width: 1024px;\n    padding: 0 ", "px;\n    width: 100%;\n    flex-grow: 1;\n"])), function (props) { return props.theme.baseline; });
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Container/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAEzB,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,yLAAA,gEAGxB,EAA6B,4CAG7C,KAHgB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,EAApB,CAAoB,EAG7C"}

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export interface CounterTagProps {
+    kind?: 'action' | 'stale' | 'disabled';
+}
+export declare const CounterTag: React.FC<CounterTagProps>;

package/dist/components/CounterTag/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CounterTag = void 0;
+var React = require("react");
+var styles_1 = require("./styles");
+var CounterTag = function (_a) {
+    var children = _a.children, kind = _a.kind;
+    return (React.createElement(styles_1.StyledCounterTag, { kind: kind }, children));
+};
+exports.CounterTag = CounterTag;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CounterTag/index.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAC9B,mCAA2C;AAMpC,IAAM,UAAU,GAA8B,UAAC,EAAkB;QAAhB,QAAQ,cAAA,EAAE,IAAI,UAAA;IAAO,OAAA,CACzE,oBAAC,yBAAgB,IAAC,IAAI,EAAE,IAAI,IAAG,QAAQ,CAAoB,CAC9D;AAF4E,CAE5E,CAAA;AAFY,QAAA,UAAU,cAEtB"}

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

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

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

@@ -0,0 +1,20 @@
+"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(".");
+var Notification_1 = require("../Notification");
+exports.default = {
+    title: 'Deprecated/CounterTag',
+    component: _1.CounterTag,
+    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(react_1.default.Fragment, null,
+        react_1.default.createElement(Notification_1.Notification, { type: "warning" }, "This component has been replaced with Badge and will be removed."),
+        react_1.default.createElement(_1.CounterTag, tslib_1.__assign({}, args), "4")));
+};
+exports.Default = Template.bind({});
+//# sourceMappingURL=index.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/CounterTag/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAA+C;AAC/C,gDAA8C;AAE9C,kBAAe;IACX,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,aAAU;IACrB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,8BAAC,KAAK,OAAG,EAAT,CAAS,CAAC;CAC3B,CAAA;AAET,IAAM,QAAQ,GAA2B,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CACtD;QACI,8BAAC,2BAAY,IAAC,IAAI,EAAC,SAAS,uEAEb;QACf,8BAAC,aAAU,uBAAK,IAAI,OAAgB,CACrC,CACN,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}

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

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

package/dist/components/CounterTag/styles.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledCounterTag = void 0;
+var tslib_1 = require("tslib");
+var styled_components_1 = require("styled-components");
+exports.StyledCounterTag = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    display: inline-flex;\n    flex-direction: column;\n    padding: ", "px\n        ", "px;\n    font-family: ", ";\n    font-weight: bold;\n    font-size: ", ";\n    background: ", ";\n    border-radius: 100px;\n    color: ", ";\n    text-transform: uppercase;\n    line-height: 8px;\n"], ["\n    display: inline-flex;\n    flex-direction: column;\n    padding: ", "px\n        ", "px;\n    font-family: ", ";\n    font-weight: bold;\n    font-size: ", ";\n    background: ", ";\n    border-radius: 100px;\n    color: ", ";\n    text-transform: uppercase;\n    line-height: 8px;\n"])), function (props) { return props.theme.baseline; }, function (props) { return props.theme.baseline * 2; }, function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, function (props) { return props.theme.colors.grey[4]; }, function (props) { return props.theme.colors.grey[2]; });
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/CounterTag/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAGzB,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,8WAAiB,yEAG5C,EAA6B,cAClC,EAAiC,wBACxB,EAAiC,4CAEnC,EAAiC,qBAChC,EAAmC,2CAExC,EAAmC,4DAG/C,KAVc,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,CAAC,EAAxB,CAAwB,EAChC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAA1B,CAA0B,EAExC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAA1B,CAA0B,EAG/C"}

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

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

package/dist/components/Error/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Error = void 0;
+var React = require("react");
+var ExclamationCircle_1 = require("../../assets/icons/ExclamationCircle");
+var theme_1 = require("../../theme");
+var Error = function () {
+    return React.createElement(ExclamationCircle_1.ExclamationCircle, { width: 20, color: theme_1.theme.colors.error });
+};
+exports.Error = Error;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Error/index.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAC9B,0EAAwE;AACxE,qCAAmC;AAE5B,IAAM,KAAK,GAAa;IAC3B,OAAO,oBAAC,qCAAiB,IAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,aAAK,CAAC,MAAM,CAAC,KAAK,GAAI,CAAA;AACtE,CAAC,CAAA;AAFY,QAAA,KAAK,SAEjB"}

package/dist/components/Error/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/Error/index.stories.js

@@ -0,0 +1,20 @@
+"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/Error',
+    component: _1.Error,
+    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.Error, tslib_1.__assign({}, args));
+};
+exports.Default = Template.bind({});
+exports.Default.parameters = {
+    controls: { hideNoControlsWarning: true },
+};
+//# sourceMappingURL=index.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Error/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAyB;AAEzB,kBAAe;IACX,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,QAAK;IAChB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,8BAAC,KAAK,OAAG,EAAT,CAAS,CAAC;CAC3B,CAAA;AAET,IAAM,QAAQ,GAAU,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,8BAAC,QAAK,uBAAK,IAAI,EAAI,CAAA;CAAA,CAAA;AAE/C,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,eAAO,CAAC,UAAU,GAAG;IACjB,QAAQ,EAAE,EAAE,qBAAqB,EAAE,IAAI,EAAE;CAC5C,CAAA"}

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface ExternalLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    href: string;
+    size?: 'medium' | 'small';
+    color?: 'default' | 'highlight';
+    secondary?: boolean;
+}
+export declare const ExternalLink: React.FC<ExternalLinkProps>;

package/dist/components/ExternalLink/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ExternalLink/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,mCAA6C;AAUtC,IAAM,YAAY,GAAgC,UAAC,EAGzD;IAFG,IAAA,QAAQ,cAAA,EACL,KAAK,sBAF8C,YAGzD,CADW;IAER,OAAO,oBAAC,2BAAkB,uBAAK,KAAK,GAAG,QAAQ,CAAsB,CAAA;AACzE,CAAC,CAAA;AALY,QAAA,YAAY,gBAKxB;AAED,oBAAY,CAAC,YAAY,GAAG;IACxB,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,SAAS;CACE,CAAA"}

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

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

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

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Medium = exports.Small = exports.Highlight = exports.Default = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var _1 = require(".");
+exports.default = {
+    title: 'Hexagon/Links/ExternalLink',
+    component: _1.ExternalLink,
+    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.ExternalLink, tslib_1.__assign({}, args), "ExternalLink"));
+};
+exports.Default = Template.bind({});
+exports.Default.args = {
+    color: 'default',
+};
+exports.Highlight = Template.bind({});
+exports.Highlight.args = {
+    color: 'highlight',
+};
+exports.Small = Template.bind({});
+exports.Small.args = {
+    size: 'small',
+};
+exports.Medium = Template.bind({});
+exports.Medium.args = {
+    size: 'medium',
+};
+//# sourceMappingURL=index.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/ExternalLink/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAmD;AAEnD,kBAAe;IACX,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,eAAY;IACvB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,8BAAC,KAAK,OAAG,EAAT,CAAS,CAAC;CAC3B,CAAA;AAET,IAAM,QAAQ,GAA6B,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CACxD,8BAAC,eAAY,uBAAK,IAAI,kBAA6B,CACtD,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,eAAO,CAAC,IAAI,GAAG;IACX,KAAK,EAAE,SAAS;CACnB,CAAA;AAEY,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC1C,iBAAS,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,WAAW;CACrB,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,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACvC,cAAM,CAAC,IAAI,GAAG;IACV,IAAI,EAAE,QAAQ;CACjB,CAAA"}

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

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

package/dist/components/ExternalLink/styles.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledExternalLink = void 0;
+var tslib_1 = require("tslib");
+var styled_components_1 = require("styled-components");
+var styles_1 = require("../Link/styles");
+exports.StyledExternalLink = styled_components_1.default.a(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    ", ";\n    color: ", ";\n    font-family: ", ";\n    font-weight: 500;\n    text-decoration: underline;\n\n    &:hover {\n        color: ", ";\n        text-decoration: underline;\n    }\n"], ["\n    ", ";\n    color: ", ";\n    font-family: ", ";\n    font-weight: 500;\n    text-decoration: underline;\n\n    &:hover {\n        color: ", ";\n        text-decoration: underline;\n    }\n"])), styles_1.linkStyles, function (props) {
+    return props.secondary
+        ? props.theme.colors.grey[1]
+        : props.theme.colors.links.default;
+}, function (props) { return props.theme.font.default; }, function (props) {
+    return props.secondary
+        ? props.theme.colors.grey[2]
+        : props.theme.colors.links.hover;
+});
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/ExternalLink/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AACtC,yCAA2C;AAG9B,QAAA,kBAAkB,GAAG,2BAAM,CAAC,CAAC,+QAAmB,QACvD,EAAU,gBACH,EAGiC,sBAC3B,EAAiC,6FAKnC,EAG+B,iDAG/C,KAhBK,mBAAU,EACH,UAAA,KAAK;IACV,OAAA,KAAK,CAAC,SAAS;QACX,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;QAC5B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;AAFtC,CAEsC,EAC3B,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EAKnC,UAAA,KAAK;IACV,OAAA,KAAK,CAAC,SAAS;QACX,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;QAC5B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;AAFpC,CAEoC,EAG/C"}

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { Spacing, Tooltip } from '../../theme/types';
+export interface FieldProps {
+    label: string | 'none';
+    spacing?: Spacing;
+    error?: string | React.ReactNode;
+    helpText?: string;
+    htmlFor?: string;
+    optional?: boolean;
+    tooltip?: Tooltip;
+}
+export declare const Field: React.FC<FieldProps>;

package/dist/components/Field/index.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Field = void 0;
+var tslib_1 = require("tslib");
+var React = require("react");
+var react_tooltip_1 = require("react-tooltip");
+var InfoCircle_1 = require("../../assets/icons/InfoCircle");
+var FieldError_1 = require("../FieldError");
+var styles_1 = require("../Input/styles");
+var Label_1 = require("../Label");
+var styles_2 = require("./styles");
+var theme_1 = require("../../theme/theme");
+var Field = function (_a) {
+    var spacing = _a.spacing, label = _a.label, htmlFor = _a.htmlFor, optional = _a.optional, tooltip = _a.tooltip, children = _a.children, error = _a.error, rest = tslib_1.__rest(_a, ["spacing", "label", "htmlFor", "optional", "tooltip", "children", "error"]);
+    return (React.createElement(styles_2.StyledField, tslib_1.__assign({ spacing: spacing }, rest),
+        React.createElement(styles_2.StyledLabelWrapper, null,
+            label !== 'none' && (React.createElement(Label_1.Label, { label: label, htmlFor: htmlFor, optional: optional })),
+            tooltip && (React.createElement(styles_1.StyledTooltip, null,
+                React.createElement(react_tooltip_1.default, null),
+                React.createElement(InfoCircle_1.InfoCircle, { "data-background-color": theme_1.GREY1, "data-multiline": true, "data-place": tooltip.place, "data-tip": tooltip.content, width: 15, color: theme_1.PRIMARY })))),
+        children,
+        error && React.createElement(FieldError_1.FieldError, null, error)));
+};
+exports.Field = Field;
+exports.Field.defaultProps = {
+    spacing: 3,
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Field/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,+CAAwC;AACxC,4DAA0D;AAE1D,4CAA0C;AAC1C,0CAA+C;AAC/C,kCAAgC;AAChC,mCAA0D;AAC1D,2CAAkD;AAY3C,IAAM,KAAK,GAAyB,UAAC,EAS3C;IARG,IAAA,OAAO,aAAA,EACP,KAAK,WAAA,EACL,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,sBARiC,2EAS3C,CADU;IAEP,OAAO,CACH,oBAAC,oBAAW,qBAAC,OAAO,EAAE,OAAO,IAAM,IAAI;QACnC,oBAAC,2BAAkB;YACd,KAAK,KAAK,MAAM,IAAI,CACjB,oBAAC,aAAK,IACF,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GACpB,CACL;YACA,OAAO,IAAI,CACR,oBAAC,sBAAa;gBACV,oBAAC,uBAAY,OAAG;gBAChB,oBAAC,uBAAU,6BACgB,aAAK,oBACZ,IAAI,gBACR,OAAO,CAAC,KAAK,cACf,OAAO,CAAC,OAAO,EACzB,KAAK,EAAE,EAAE,EACT,KAAK,EAAE,eAAO,GAChB,CACU,CACnB,CACgB;QACpB,QAAQ;QACR,KAAK,IAAI,oBAAC,uBAAU,QAAE,KAAK,CAAc,CAChC,CACjB,CAAA;AACL,CAAC,CAAA;AAtCY,QAAA,KAAK,SAsCjB;AAED,aAAK,CAAC,YAAY,GAAG;IACjB,OAAO,EAAE,CAAC;CACC,CAAA"}

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

@@ -0,0 +1,3 @@
+import { FieldProps } from '.';
+export declare const StyledField: import("styled-components").StyledComponent<"div", any, Pick<FieldProps, "spacing">, never>;
+export declare const StyledLabelWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/Field/styles.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledLabelWrapper = exports.StyledField = void 0;
+var tslib_1 = require("tslib");
+var styled_components_1 = require("styled-components");
+var Box_1 = require("../Box");
+exports.StyledField = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    ", ";\n"], ["\n    ", ";\n"])), function (props) { return props.spacing && Box_1.mb(props.spacing, props.theme.spacing); });
+exports.StyledLabelWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n"], ["\n    display: flex;\n    align-items: center;\n"])));
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Field/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAEtC,8BAA2B;AAEd,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,0FAA6B,QAC5D,EAAgE,KACrE,KADK,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,OAAO,IAAI,QAAE,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAAvD,CAAuD,EACrE;AAEY,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,6HAAA,kDAG3C,KAAA"}

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

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

package/dist/components/FieldError/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FieldError = void 0;
+var React = require("react");
+var styles_1 = require("./styles");
+var FieldError = function (_a) {
+    var children = _a.children;
+    return (React.createElement(styles_1.StyledFieldError, null, children ? children : 'Vul alsjeblieft dit veld in'));
+};
+exports.FieldError = FieldError;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FieldError/index.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAC9B,mCAA2C;AAEpC,IAAM,UAAU,GAAa,UAAC,EAAY;QAAV,QAAQ,cAAA;IAC3C,OAAO,CACH,oBAAC,yBAAgB,QACZ,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,6BAA6B,CACrC,CACtB,CAAA;AACL,CAAC,CAAA;AANY,QAAA,UAAU,cAMtB"}

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

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

package/dist/components/FieldError/styles.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledFieldError = void 0;
+var tslib_1 = require("tslib");
+var styled_components_1 = require("styled-components");
+exports.StyledFieldError = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    font-family: ", ";\n    font-weight: normal;\n    font-size: ", ";\n    color: ", ";\n    display: inline-block;\n    margin-top: ", "px;\n"], ["\n    font-family: ", ";\n    font-weight: normal;\n    font-size: ", ";\n    color: ", ";\n    display: inline-block;\n    margin-top: ", "px;\n"])), function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, function (props) { return props.theme.colors.warning; }, function (props) { return props.theme.baseline; });
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/FieldError/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAEzB,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,8NAAA,qBACvB,EAAiC,8CAEnC,EAAiC,gBACrC,EAAmC,iDAE9B,EAA6B,OAC9C,KANkB,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,CAAC,EAAxB,CAAwB,EACrC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAA1B,CAA0B,EAE9B,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,EAApB,CAAoB,EAC9C"}

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

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

package/dist/components/FieldGroup/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FieldGroup = void 0;
+var tslib_1 = require("tslib");
+var React = require("react");
+var styles_1 = require("./styles");
+var FieldGroup = function (_a) {
+    var children = _a.children, props = tslib_1.__rest(_a, ["children"]);
+    return React.createElement(styles_1.StyledFieldGroup, tslib_1.__assign({}, props), children);
+};
+exports.FieldGroup = FieldGroup;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FieldGroup/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,mCAA2C;AAEpC,IAAM,UAAU,GAAa,UAAC,EAAsB;IAApB,IAAA,QAAQ,cAAA,EAAK,KAAK,sBAApB,YAAsB,CAAF;IACrD,OAAO,oBAAC,yBAAgB,uBAAK,KAAK,GAAG,QAAQ,CAAoB,CAAA;AACrE,CAAC,CAAA;AAFY,QAAA,UAAU,cAEtB"}

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

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

package/dist/components/FieldGroup/styles.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledFieldGroup = void 0;
+var tslib_1 = require("tslib");
+var styled_components_1 = require("styled-components");
+var theme_1 = require("../../theme");
+exports.StyledFieldGroup = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    position: relative;\n    display: flex;\n    justify-content: space-between;\n    flex-direction: column;\n\n    > div {\n        width: 100%;\n    }\n\n    ", "\n"], ["\n    position: relative;\n    display: flex;\n    justify-content: space-between;\n    flex-direction: column;\n\n    > div {\n        width: 100%;\n    }\n\n    ", "\n"])), theme_1.media.s(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n        flex-direction: row;\n        > div + div {\n            margin-left: 20px;\n        }\n    "], ["\n        flex-direction: row;\n        > div + div {\n            margin-left: 20px;\n        }\n    "]))));
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/FieldGroup/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AACtC,qCAAmC;AAEtB,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,sPAAA,qKAUpC,EAKD,IACJ,KANK,aAAK,CAAC,CAAC,mLAAA,wGAKR,MACJ"}

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+interface FormProps extends React.FormHTMLAttributes<HTMLFormElement> {
+    onSubmit: () => void;
+}
+export declare const Form: React.FC<FormProps>;
+export {};

package/dist/components/Form/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Form = void 0;
+var tslib_1 = require("tslib");
+var React = require("react");
+var styles_1 = require("./styles");
+var Form = function (_a) {
+    var children = _a.children, props = tslib_1.__rest(_a, ["children"]);
+    return React.createElement(styles_1.StyledForm, tslib_1.__assign({}, props), children);
+};
+exports.Form = Form;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Form/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,mCAAqC;AAM9B,IAAM,IAAI,GAAwB,UAAC,EAAsB;IAApB,IAAA,QAAQ,cAAA,EAAK,KAAK,sBAApB,YAAsB,CAAF;IAC1D,OAAO,oBAAC,mBAAU,uBAAK,KAAK,GAAG,QAAQ,CAAc,CAAA;AACzD,CAAC,CAAA;AAFY,QAAA,IAAI,QAEhB"}

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

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

package/dist/components/Form/styles.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledForm = void 0;
+var tslib_1 = require("tslib");
+var styled_components_1 = require("styled-components");
+exports.StyledForm = styled_components_1.default.form(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    display: flex;\n    flex-direction: column;\n"], ["\n    display: flex;\n    flex-direction: column;\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map