@beequip/hexagon 0.11.0

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

@@ -0,0 +1,29 @@
+"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/RadioGroup',
+    component: _1.RadioGroup,
+    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.RadioGroup, tslib_1.__assign({}, args)));
+};
+exports.Default = Template.bind({});
+exports.Default.args = {
+    options: [
+        {
+            label: 'Gebruikt',
+            value: 'used',
+        },
+        {
+            label: 'Nieuw',
+            value: 'new',
+        },
+    ],
+};
+//# sourceMappingURL=index.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/RadioGroup/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,uBAAgD;AAEhD,kBAAe;IACX,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,aAAU;IACrB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,8BAAC,KAAK,OAAG,EAAT,CAAS,CAAC;CAC3B,CAAA;AAET,IAAM,QAAQ,GAA2B,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CACtD,8BAAC,aAAU,uBAAK,IAAI,EAAI,CAC3B,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,eAAO,CAAC,IAAI,GAAG;IACX,OAAO,EAAE;QACL;YACI,KAAK,EAAE,UAAU;YACjB,KAAK,EAAE,MAAM;SAChB;QACD;YACI,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,KAAK;SACf;KACJ;CACJ,CAAA"}

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

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

package/dist/components/RadioGroup/styles.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/RadioGroup/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAEzB,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,mGAAA,wBAEzC,KAAA"}

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface RemoveButtonProps {
+    onClick?: () => void;
+}
+export declare const RemoveButton: (props: RemoveButtonProps) => JSX.Element;

package/dist/components/RemoveButton/index.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RemoveButton = void 0;
+var tslib_1 = require("tslib");
+var React = require("react");
+var Cross_1 = require("../../assets/icons/Cross");
+var styles_1 = require("./styles");
+var RemoveButton = function (props) {
+    return (React.createElement(styles_1.StyledRemoveButton, tslib_1.__assign({ hook: "reset-company", type: "button", kind: "ghost" }, props),
+        React.createElement(Cross_1.Cross, { width: 16 })));
+};
+exports.RemoveButton = RemoveButton;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RemoveButton/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,kDAAgD;AAChD,mCAA6C;AAMtC,IAAM,YAAY,GAAG,UAAC,KAAwB;IACjD,OAAO,CACH,oBAAC,2BAAkB,qBACf,IAAI,EAAC,eAAe,EACpB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,OAAO,IACR,KAAK;QAET,oBAAC,aAAK,IAAC,KAAK,EAAE,EAAE,GAAI,CACH,CACxB,CAAA;AACL,CAAC,CAAA;AAXY,QAAA,YAAY,gBAWxB"}

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/RemoveButton/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAmD;AAEnD,kBAAe;IACX,KAAK,EAAE,sBAAsB;IAC7B,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,EAAI,CAC7B,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,eAAO,CAAC,UAAU,GAAG;IACjB,QAAQ,EAAE,EAAE,qBAAqB,EAAE,IAAI,EAAE;CAC5C,CAAA"}

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledRemoveButton: import("styled-components").StyledComponent<import("react").FC<import("../Button").ButtonProps>, any, {}, never>;

package/dist/components/RemoveButton/styles.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledRemoveButton = void 0;
+var tslib_1 = require("tslib");
+var styled_components_1 = require("styled-components");
+var Button_1 = require("../Button");
+exports.StyledRemoveButton = styled_components_1.default(Button_1.Button)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    svg {\n        color: ", ";\n        transition: color 130ms;\n    }\n\n    &:hover {\n        svg {\n            color: ", ";\n        }\n    }\n"], ["\n    svg {\n        color: ", ";\n        transition: color 130ms;\n    }\n\n    &:hover {\n        svg {\n            color: ", ";\n        }\n    }\n"])), function (props) { return props.theme.colors.grey[2]; }, function (props) { return props.theme.colors.primary; });
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/RemoveButton/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AACtC,oCAAkC;AAErB,QAAA,kBAAkB,GAAG,2BAAM,CAAC,eAAM,CAAC,qOAAA,8BAE/B,EAAmC,iGAM/B,EAAmC,uBAGvD,KATgB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAA1B,CAA0B,EAM/B,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAA1B,CAA0B,EAGvD"}

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
+    error?: string | React.ReactNode;
+    empty?: boolean;
+    options?: {
+        id: string;
+        name: string;
+    }[] | null;
+    loading?: boolean;
+    hook: string;
+}
+export declare const Select: React.FC<SelectProps>;

package/dist/components/Select/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Select = void 0;
+var tslib_1 = require("tslib");
+var React = require("react");
+var ChevronDown_1 = require("../../assets/icons/ChevronDown");
+var styles_1 = require("./styles");
+var theme_1 = require("../../theme/theme");
+var Select = function (_a) {
+    var error = _a.error, value = _a.value, hook = _a.hook, loading = _a.loading, options = _a.options, placeholder = _a.placeholder, children = _a.children, props = tslib_1.__rest(_a, ["error", "value", "hook", "loading", "options", "placeholder", "children"]);
+    return (React.createElement("div", { style: { position: 'relative' } },
+        React.createElement(styles_1.StyledSelect, tslib_1.__assign({ error: error, empty: !value, value: value || '', "data-hook": hook }, props), loading ? (React.createElement(styles_1.StyledOption, { value: "", disabled: Boolean(value) }, "Aan het laden...")) : options ? (React.createElement(React.Fragment, null,
+            placeholder && (React.createElement(styles_1.StyledOption, { value: "", disabled: Boolean(value) }, placeholder)),
+            options.map(function (item) { return (React.createElement(styles_1.StyledOption, { key: item.id, value: item.id }, item.name)); }))) : (children)),
+        React.createElement(styles_1.StyledChevron, null,
+            React.createElement(ChevronDown_1.ChevronDown, { width: 10, color: theme_1.GREY2 }))));
+};
+exports.Select = Select;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,8DAA4D;AAC5D,mCAAoE;AACpE,2CAAyC;AAWlC,IAAM,MAAM,GAA0B,UAAC,EAS7C;IARG,IAAA,KAAK,WAAA,EACL,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,QAAQ,cAAA,EACL,KAAK,sBARkC,2EAS7C,CADW;IAER,OAAO,CACH,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE;QAChC,oBAAC,qBAAY,qBACT,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,CAAC,KAAK,EACb,KAAK,EAAE,KAAK,IAAI,EAAE,eACP,IAAI,IACX,KAAK,GAER,OAAO,CAAC,CAAC,CAAC,CACP,oBAAC,qBAAY,IAAC,KAAK,EAAC,EAAE,EAAC,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,uBAEhC,CAClB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACV;YACK,WAAW,IAAI,CACZ,oBAAC,qBAAY,IAAC,KAAK,EAAC,EAAE,EAAC,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,IAC1C,WAAW,CACD,CAClB;YACA,OAAO,CAAC,GAAG,CAAC,UAAA,IAAI,IAAI,OAAA,CACjB,oBAAC,qBAAY,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,IACrC,IAAI,CAAC,IAAI,CACC,CAClB,EAJoB,CAIpB,CAAC,CACH,CACN,CAAC,CAAC,CAAC,CACA,QAAQ,CACX,CACU;QACf,oBAAC,sBAAa;YACV,oBAAC,yBAAW,IAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,aAAK,GAAI,CAC5B,CACd,CACT,CAAA;AACL,CAAC,CAAA;AA7CY,QAAA,MAAM,UA6ClB"}

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

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

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

@@ -0,0 +1,18 @@
+"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/Select',
+    component: _1.Select,
+    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.Select, tslib_1.__assign({}, args),
+        react_1.default.createElement("option", null, "Dit is een optie")));
+};
+exports.Default = Template.bind({});
+//# sourceMappingURL=index.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Select/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,uBAAwC;AAExC,kBAAe;IACX,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,SAAM;IACjB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,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;QACZ,iEAAiC,CAC5B,CACZ,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}

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

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

package/dist/components/Select/styles.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledChevron = exports.StyledOption = exports.StyledSelect = void 0;
+var tslib_1 = require("tslib");
+var styled_map_1 = require("styled-map");
+var styled_components_1 = require("styled-components");
+exports.StyledSelect = styled_components_1.default.select(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    font-family: ", ";\n    font-size: ", ";\n    font-weight: 500;\n    display: block;\n    appearance: none;\n    padding: 0 12px;\n    height: 48px;\n    line-height: 40px;\n    width: 100%;\n    border-style: solid;\n    border-radius: ", "px;\n    border-width: ", "px;\n    border-color: ", ";\n    color: ", ";\n    background-color: ", ";\n    cursor: ", ";\n    &:focus {\n        outline: none;\n        border-color: ", ";\n    }\n    &::-ms-expand {\n        display: none;\n    }\n"], ["\n    font-family: ", ";\n    font-size: ", ";\n    font-weight: 500;\n    display: block;\n    appearance: none;\n    padding: 0 12px;\n    height: 48px;\n    line-height: 40px;\n    width: 100%;\n    border-style: solid;\n    border-radius: ", "px;\n    border-width: ", "px;\n    border-color: ", ";\n    color: ", ";\n    background-color: ", ";\n    cursor: ", ";\n    &:focus {\n        outline: none;\n        border-color: ", ";\n    }\n    &::-ms-expand {\n        display: none;\n    }\n"])), function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.m; }, function (props) { return props.theme.borderRadius.input; }, function (props) { return props.theme.borderWidth; }, function (props) {
+    return props.error
+        ? props.theme.colors.input.error
+        : props.theme.colors.input.border;
+}, function (props) {
+    return props.empty
+        ? props.theme.colors.input.placeholder
+        : props.disabled
+            ? props.theme.colors.grey[3]
+            : props.theme.colors.input.color;
+}, function (props) { return props.theme.colors.input.background; }, styled_map_1.default({
+    disabled: 'not-allowed',
+    default: 'pointer',
+}), function (props) { return props.theme.colors.input.focus; });
+exports.StyledOption = styled_components_1.default.option(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    color: ", ";\n"], ["\n    color: ", ";\n"])), function (props) { return props.theme.colors.input.color; });
+exports.StyledChevron = styled_components_1.default.div(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n    position: absolute;\n    top: 15px;\n    right: 15px;\n    pointer-events: none;\n    width: 10px;\n    height: 16px;\n"], ["\n    position: absolute;\n    top: 15px;\n    right: 15px;\n    pointer-events: none;\n    width: 10px;\n    height: 16px;\n"])));
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=styles.js.map

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

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

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export interface SpinnerProps {
+    color: string;
+    width?: string;
+    height?: string;
+}
+export declare const Spinner: React.FC<SpinnerProps>;

package/dist/components/Spinner/index.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Spinner = void 0;
+var React = require("react");
+var Spinner = function (_a) {
+    var color = _a.color, width = _a.width, height = _a.height;
+    return (React.createElement("svg", { version: "1.1", id: "loader-1", x: "0px", y: "0px", width: width, height: height, viewBox: "0 0 50 50" },
+        React.createElement("path", { fill: color, 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.Spinner = Spinner;
+exports.Spinner.defaultProps = {
+    width: '40px',
+    height: '40px',
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Spinner/index.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAQvB,IAAM,OAAO,GAA2B,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA;IAClE,OAAO,CACH,6BACI,OAAO,EAAC,KAAK,EACb,EAAE,EAAC,UAAU,EACb,CAAC,EAAC,KAAK,EACP,CAAC,EAAC,KAAK,EACP,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,WAAW;QAEnB,8BACI,IAAI,EAAE,KAAK,EACX,CAAC,EAAC,6KAA6K,EAC/K,SAAS,EAAC,sBAAsB;YAEhC,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,CACT,CAAA;AACL,CAAC,CAAA;AA5BY,QAAA,OAAO,WA4BnB;AAED,eAAO,CAAC,YAAY,GAAG;IACnB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;CACjB,CAAA"}

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

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

package/dist/components/Spinner/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/Loading/Spinner',
+    component: _1.Spinner,
+    decorators: [function (Story) { return react_1.default.createElement(Story, null); }],
+    argTypes: {
+        color: { control: 'color' },
+    },
+};
+var Template = function (_a) {
+    var args = tslib_1.__rest(_a, []);
+    return react_1.default.createElement(_1.Spinner, tslib_1.__assign({}, args));
+};
+exports.Default = Template.bind({});
+//# sourceMappingURL=index.stories.js.map

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

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

package/dist/components/Table/Body/index.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const Body: React.FC<React.HTMLAttributes<HTMLTableSectionElement>>;

package/dist/components/Table/Body/index.js

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

package/dist/components/Table/Body/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Table/Body/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAEvB,IAAM,IAAI,GAA4D,UAAC,EAG7E;IAFG,IAAA,QAAQ,cAAA,EACL,KAAK,sBAFkE,YAG7E,CADW;IAER,OAAO,kDAAW,KAAK,GAAG,QAAQ,CAAS,CAAA;AAC/C,CAAC,CAAA;AALY,QAAA,IAAI,QAKhB"}

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export interface CellProps extends React.TdHTMLAttributes<HTMLTableDataCellElement> {
+    align?: 'left' | 'right';
+}
+export declare const Cell: React.FC<CellProps>;

package/dist/components/Table/Cell/index.js

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

package/dist/components/Table/Cell/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Table/Cell/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,mCAAqC;AAO9B,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;AAED,YAAI,CAAC,YAAY,GAAG;IAChB,KAAK,EAAE,MAAM;CACH,CAAA"}

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

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

package/dist/components/Table/Cell/styles.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledCell = void 0;
+var tslib_1 = require("tslib");
+var styled_components_1 = require("styled-components");
+exports.StyledCell = styled_components_1.default.td(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    text-align: ", ";\n    font-size: ", ";\n    padding-top: ", "px;\n    padding-bottom: ", "px;\n"], ["\n    text-align: ", ";\n    font-size: ", ";\n    padding-top: ", "px;\n    padding-bottom: ", "px;\n"])), function (props) { return (props.align === 'right' ? 'right' : 'left'); }, function (props) { return props.theme.font.sizes.s; }, function (props) { return props.theme.baseline; }, function (props) { return props.theme.baseline; });
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/components/Table/Cell/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Table/Cell/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAGzB,QAAA,UAAU,GAAG,2BAAM,CAAC,EAAE,mLAAW,oBAC5B,EAAqD,oBACtD,EAAiC,sBAC/B,EAA6B,2BAC1B,EAA6B,OAClD,KAJiB,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,EAA5C,CAA4C,EACtD,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,QAAQ,EAApB,CAAoB,EAC1B,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,EAApB,CAAoB,EAClD"}

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

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const Foot: React.FC<React.HTMLAttributes<HTMLTableSectionElement>>;

package/dist/components/Table/Foot/index.js

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

package/dist/components/Table/Foot/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Table/Foot/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,mCAAqC;AAE9B,IAAM,IAAI,GAA4D,UAAC,EAG7E;IAFG,IAAA,QAAQ,cAAA,EACL,KAAK,sBAFkE,YAG7E,CADW;IAER,OAAO,oBAAC,mBAAU,uBAAK,KAAK,GAAG,QAAQ,CAAc,CAAA;AACzD,CAAC,CAAA;AALY,QAAA,IAAI,QAKhB"}

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

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

package/dist/components/Table/Foot/styles.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledFoot = void 0;
+var tslib_1 = require("tslib");
+var styled_components_1 = require("styled-components");
+exports.StyledFoot = styled_components_1.default.tfoot(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    tr:first-child {\n        td {\n            border-top: 2px solid ", ";\n            padding-top: 10px;\n        }\n    }\n    td {\n        border-bottom: none;\n        padding-top: 6px;\n    }\n"], ["\n    tr:first-child {\n        td {\n            border-top: 2px solid ", ";\n            padding-top: 10px;\n        }\n    }\n    td {\n        border-bottom: none;\n        padding-top: 6px;\n    }\n"])), function (props) { return props.theme.borderColor; });
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/components/Table/Foot/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Table/Foot/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAEzB,QAAA,UAAU,GAAG,2BAAM,CAAC,KAAK,wRAAA,0EAGF,EAAgC,iIAQnE,KARmC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,WAAW,EAAvB,CAAuB,EAQnE"}

package/dist/components/Table/Head/index.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const Head: React.FC<React.HTMLAttributes<HTMLTableSectionElement>>;

package/dist/components/Table/Head/index.js

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

package/dist/components/Table/Head/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Table/Head/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAEvB,IAAM,IAAI,GAA4D,UAAC,EAG7E;IAFG,IAAA,QAAQ,cAAA,EACL,KAAK,sBAFkE,YAG7E,CADW;IAER,OAAO,kDAAW,KAAK,GAAG,QAAQ,CAAS,CAAA;AAC/C,CAAC,CAAA;AALY,QAAA,IAAI,QAKhB"}

package/dist/components/Table/Row/index.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { HTMLAttributes as RowProps } from 'react';
+export declare const Row: React.FC<RowProps<HTMLTableRowElement>>;

package/dist/components/Table/Row/index.js

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

package/dist/components/Table/Row/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Table/Row/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAGvB,IAAM,GAAG,GAA4C,UAAC,EAG5D;IAFG,IAAA,QAAQ,cAAA,EACL,KAAK,sBAFiD,YAG5D,CADW;IAER,OAAO,+CAAQ,KAAK,GAAG,QAAQ,CAAM,CAAA;AACzC,CAAC,CAAA;AALY,QAAA,GAAG,OAKf"}

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

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { TableHTMLAttributes as TableProps } from 'react';
+export declare const Table: React.FC<TableProps<HTMLTableElement>>;

package/dist/components/Table/Table/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Table/Table/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAE9B,mCAAsC;AAE/B,IAAM,KAAK,GAA2C,UAAC,EAG7D;IAFG,IAAA,QAAQ,cAAA,EACL,KAAK,sBAFkD,YAG7D,CADW;IAER,OAAO,oBAAC,oBAAW,uBAAK,KAAK,GAAG,QAAQ,CAAe,CAAA;AAC3D,CAAC,CAAA;AALY,QAAA,KAAK,SAKjB"}

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

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

package/dist/components/Table/Table/styles.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledTable = void 0;
+var tslib_1 = require("tslib");
+var styled_components_1 = require("styled-components");
+exports.StyledTable = styled_components_1.default.table(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    font-family: ", ";\n    font-size: ", ";\n    width: 100%;\n    border-collapse: collapse;\n\n    td:nth-child(2) {\n        font-weight: bold;\n    }\n"], ["\n    font-family: ", ";\n    font-size: ", ";\n    width: 100%;\n    border-collapse: collapse;\n\n    td:nth-child(2) {\n        font-weight: bold;\n    }\n"])), function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.m; });
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Table/Table/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAEzB,QAAA,WAAW,GAAG,2BAAM,CAAC,KAAK,2OAAA,qBACpB,EAAiC,oBACnC,EAAiC,mHAOjD,KARkB,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,EAOjD"}

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

@@ -0,0 +1,6 @@
+export { Table } from './Table';
+export { Cell } from './Cell';
+export { Row } from './Row';
+export { Body } from './Body';
+export { Head } from './Head';
+export { Foot } from './Foot';

package/dist/components/Table/index.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Foot = exports.Head = exports.Body = exports.Row = exports.Cell = exports.Table = void 0;
+var Table_1 = require("./Table");
+Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return Table_1.Table; } });
+var Cell_1 = require("./Cell");
+Object.defineProperty(exports, "Cell", { enumerable: true, get: function () { return Cell_1.Cell; } });
+var Row_1 = require("./Row");
+Object.defineProperty(exports, "Row", { enumerable: true, get: function () { return Row_1.Row; } });
+var Body_1 = require("./Body");
+Object.defineProperty(exports, "Body", { enumerable: true, get: function () { return Body_1.Body; } });
+var Head_1 = require("./Head");
+Object.defineProperty(exports, "Head", { enumerable: true, get: function () { return Head_1.Head; } });
+var Foot_1 = require("./Foot");
+Object.defineProperty(exports, "Foot", { enumerable: true, get: function () { return Foot_1.Foot; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Table/index.ts"],"names":[],"mappings":";;;AAAA,iCAA+B;AAAtB,8FAAA,KAAK,OAAA;AACd,+BAA6B;AAApB,4FAAA,IAAI,OAAA;AACb,6BAA2B;AAAlB,0FAAA,GAAG,OAAA;AACZ,+BAA6B;AAApB,4FAAA,IAAI,OAAA;AACb,+BAA6B;AAApB,4FAAA,IAAI,OAAA;AACb,+BAA6B;AAApB,4FAAA,IAAI,OAAA"}

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

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

package/dist/components/Tag/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAC9B,mCAAoC;AAM7B,IAAM,GAAG,GAAuB,UAAC,EAAkB;QAAhB,IAAI,UAAA,EAAE,QAAQ,cAAA;IACpD,OAAO,oBAAC,kBAAS,IAAC,IAAI,EAAE,IAAI,IAAG,QAAQ,CAAa,CAAA;AACxD,CAAC,CAAA;AAFY,QAAA,GAAG,OAEf"}

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Tag/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,uBAAkC;AAElC,kBAAe;IACX,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,MAAG;IACd,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,8BAAC,KAAK,OAAG,EAAT,CAAS,CAAC;CAC3B,CAAA;AAET,IAAM,QAAQ,GAAoB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,8BAAC,MAAG,uBAAK,IAAI,aAAe,CAAA;CAAA,CAAA;AAElE,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}

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

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

package/dist/components/Tag/styles.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledTag = void 0;
+var tslib_1 = require("tslib");
+var styled_components_1 = require("styled-components");
+exports.StyledTag = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    display: inline-block;\n    padding: ", "px\n        ", "px;\n    font-family: ", ";\n    font-weight: bold;\n    font-size: ", ";\n    background: ", ";\n    border-radius: ", "px;\n    color: white;\n    text-transform: uppercase;\n    line-height: 1;\n"], ["\n    display: inline-block;\n    padding: ", "px\n        ", "px;\n    font-family: ", ";\n    font-weight: bold;\n    font-size: ", ";\n    background: ", ";\n    border-radius: ", "px;\n    color: white;\n    text-transform: uppercase;\n    line-height: 1;\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.xs; }, function (props) {
+    return props.kind === 'action'
+        ? props.theme.colors.primary
+        : props.kind === 'stale'
+            ? props.theme.colors.grey[3]
+            : props.theme.colors.accent;
+}, function (props) { return props.theme.borderRadius.tag; });
+var templateObject_1;
+//# sourceMappingURL=styles.js.map