@beequip/hexagon 0.22.1 → 0.22.3

package/dist/components/Card/styles.js

@@ -5,17 +5,17 @@ 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: ", ";\n    box-shadow: ", ";\n    text-align: ", ";\n    transition: ", ";\n    overflow: ", ";\n"], ["\n    background: ", ";\n    color: ", ";\n    padding-left: ", ";\n    padding-right: ", ";\n    padding-top: ", ";\n    padding-bottom: ", ";\n    border-radius: ", ";\n    box-shadow: ", ";\n    text-align: ", ";\n    transition: ", ";\n    overflow: ", ";\n"])), function (props) {
-    return props.background === 'grey'
+    return props.$background === 'grey'
         ? props.theme.colors.grey[100]
-        : props.background === 'white'
+        : props.$background === 'white'
             ? 'white'
-            : props.background;
+            : props.$background;
 }, function (props) {
-    return props.background === 'white'
+    return props.$background === 'white'
         ? props.theme.colors.text.default
         : props.theme.colors.text.default;
 }, function (props) {
-    return (0, styled_map_1.default)('px', {
+    return (0, styled_map_1.default)('$px', {
         0: '0',
         1: "".concat(props.theme.spacing[1], "px"),
         2: "".concat(props.theme.spacing[2], "px"),
@@ -24,7 +24,7 @@ exports.StyledCard = styled_components_1.default.div(templateObject_1 || (templa
         5: "".concat(props.theme.spacing[5], "px"),
     });
 }, function (props) {
-    return (0, styled_map_1.default)('px', {
+    return (0, styled_map_1.default)('$px', {
         0: '0',
         1: "".concat(props.theme.spacing[1], "px"),
         2: "".concat(props.theme.spacing[2], "px"),
@@ -33,7 +33,7 @@ exports.StyledCard = styled_components_1.default.div(templateObject_1 || (templa
         5: "".concat(props.theme.spacing[5], "px"),
     });
 }, function (props) {
-    return (0, styled_map_1.default)('py', {
+    return (0, styled_map_1.default)('$py', {
         0: '0',
         1: "".concat(props.theme.spacing[1], "px"),
         2: "".concat(props.theme.spacing[2], "px"),
@@ -42,7 +42,7 @@ exports.StyledCard = styled_components_1.default.div(templateObject_1 || (templa
         5: "".concat(props.theme.spacing[5], "px"),
     });
 }, function (props) {
-    return (0, styled_map_1.default)('py', {
+    return (0, styled_map_1.default)('$py', {
         0: '0',
         1: "".concat(props.theme.spacing[1], "px"),
         2: "".concat(props.theme.spacing[2], "px"),
@@ -51,20 +51,20 @@ exports.StyledCard = styled_components_1.default.div(templateObject_1 || (templa
         5: "".concat(props.theme.spacing[5], "px"),
     });
 }, function (props) {
-    return props.radius === 's'
+    return props.$radius === 's'
         ? "".concat(props.theme.borderRadius.default, "px")
-        : props.radius === 'l'
+        : props.$radius === 'l'
             ? "".concat(props.theme.borderRadius.large, "px")
             : 0;
 }, function (props) {
-    return props.shadow === 's'
+    return props.$shadow === 's'
         ? props.theme.shadow.small
-        : props.shadow === 'l'
+        : props.$shadow === 'l'
             ? props.theme.shadow.large
             : 'none';
-}, function (props) { return props.textAlign; }, function (_a) {
+}, function (props) { return props.$textAlign; }, function (_a) {
     var theme = _a.theme;
     return theme.transition('background');
-}, function (props) { return props.overflow; });
+}, function (props) { return props.$overflow; });
 var templateObject_1;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Card/styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Card/styles.ts"],"names":[],"mappings":"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"}

package/dist/components/Checkbox/index.js

@@ -6,7 +6,7 @@ var React = require("react");
 var styles_1 = require("./styles");
 var Checkbox = function (_a) {
     var name = _a.name, hook = _a.hook, label = _a.label, description = _a.description, _b = _a.labelPlacement, labelPlacement = _b === void 0 ? 'right' : _b, className = _a.className, style = _a.style, rest = tslib_1.__rest(_a, ["name", "hook", "label", "description", "labelPlacement", "className", "style"]);
-    return (React.createElement(styles_1.StyledCheckboxContainer, { labelPlacement: labelPlacement, className: className, style: style },
+    return (React.createElement(styles_1.StyledCheckboxContainer, { "$labelPlacement": labelPlacement, className: className, style: style },
         React.createElement(styles_1.StyledCheckbox, tslib_1.__assign({ id: name, className: "hexagon-checkbox", type: "checkbox", "data-hook": hook }, rest)),
         React.createElement("div", null,
             React.createElement(styles_1.StyledCheckboxLabel, { htmlFor: name, className: "hexagon-label" }, label),

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,mCAKiB;AAcV,IAAM,QAAQ,GAAG,UAAC,EAST;IARZ,IAAA,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,sBAAwB,EAAxB,cAAc,mBAAG,OAAO,KAAA,EACxB,SAAS,eAAA,EACT,KAAK,WAAA,EACF,IAAI,sBARc,gFASxB,CADU;IAEP,OAAO,CACH,oBAAC,gCAAuB,IACpB,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK;QAEZ,oBAAC,uBAAc,qBACX,EAAE,EAAE,IAAI,EACR,SAAS,EAAC,kBAAkB,EAC5B,IAAI,EAAC,UAAU,eACJ,IAAI,IACX,IAAI,EACV;QACF;YACI,oBAAC,4BAAmB,IAAC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAC,eAAe,IACxD,KAAK,CACY;YACrB,WAAW,IAAI,CACZ,oBAAC,0BAAiB,IAAC,SAAS,EAAC,qBAAqB,IAC7C,WAAW,CACI,CACvB,CACC,CACgB,CAC7B,CAAA;AACL,CAAC,CAAA;AAnCY,QAAA,QAAQ,YAmCpB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,mCAKiB;AAcV,IAAM,QAAQ,GAAG,UAAC,EAST;IARZ,IAAA,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,sBAAwB,EAAxB,cAAc,mBAAG,OAAO,KAAA,EACxB,SAAS,eAAA,EACT,KAAK,WAAA,EACF,IAAI,sBARc,gFASxB,CADU;IAEP,OAAO,CACH,oBAAC,gCAAuB,uBACH,cAAc,EAC/B,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK;QAEZ,oBAAC,uBAAc,qBACX,EAAE,EAAE,IAAI,EACR,SAAS,EAAC,kBAAkB,EAC5B,IAAI,EAAC,UAAU,eACJ,IAAI,IACX,IAAI,EACV;QACF;YACI,oBAAC,4BAAmB,IAAC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAC,eAAe,IACxD,KAAK,CACY;YACrB,WAAW,IAAI,CACZ,oBAAC,0BAAiB,IAAC,SAAS,EAAC,qBAAqB,IAC7C,WAAW,CACI,CACvB,CACC,CACgB,CAC7B,CAAA;AACL,CAAC,CAAA;AAnCY,QAAA,QAAQ,YAmCpB"}

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

@@ -1,6 +1,9 @@
 /// <reference types="react" />
 import { CheckboxProps } from '.';
-export declare const StyledCheckboxContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<CheckboxProps, "labelPlacement">>> & string;
+import { PrefixedPick } from '../../types/styled-components';
+type StyledCheckboxContainerProps = PrefixedPick<CheckboxProps, 'labelPlacement'>;
+export declare const StyledCheckboxContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledCheckboxContainerProps>> & string;
 export declare const StyledCheckboxLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
 export declare const StyledCheckbox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
 export declare const StyledDescription: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export {};

package/dist/components/Checkbox/styles.js

@@ -7,8 +7,8 @@ exports.StyledCheckboxContainer = styled_components_1.default.div(templateObject
     var theme = _a.theme;
     return theme.spacing[1];
 }, function (_a) {
-    var labelPlacement = _a.labelPlacement;
-    return labelPlacement === 'left' &&
+    var $labelPlacement = _a.$labelPlacement;
+    return $labelPlacement === 'left' &&
         "\n        justify-content: space-between;\n        flex-direction: row-reverse;\n    ";
 });
 exports.StyledCheckboxLabel = styled_components_1.default.label(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    font-family: ", ";\n    font-size: ", ";\n    font-weight: 500;\n    line-height: ", ";\n    color: ", ";\n    cursor: pointer;\n"], ["\n    font-family: ", ";\n    font-size: ", ";\n    font-weight: 500;\n    line-height: ", ";\n    color: ", ";\n    cursor: pointer;\n"])), function (props) { return props.theme.font.heading; }, function (props) { return props.theme.font.sizes.s; }, function (props) { return props.theme.font.lineHeight; }, function (props) { return props.theme.colors.text.default; });

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Checkbox/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAGzB,QAAA,uBAAuB,GAAG,2BAAM,CAAC,GAAG,mLAEhD,mFAIe,EAA+B,aAEzC,EAKD,IACJ,KARe,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAAhB,CAAgB,EAEzC,UAAC,EAAkB;QAAhB,cAAc,oBAAA;IACf,OAAA,cAAc,KAAK,MAAM;QACzB,uFAGH;AAJG,CAIH,EACJ;AAEY,QAAA,mBAAmB,GAAG,2BAAM,CAAC,KAAK,oNAAA,qBAC5B,EAAmC,oBACrC,EAAmC,6CAEjC,EAAsC,gBAC5C,EAA0C,2BAEtD,KANkB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EACrC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB,EAEjC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAA3B,CAA2B,EAC5C,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAA/B,CAA+B,EAEtD;AAEY,QAAA,cAAc,GAAG,2BAAM,CAAC,KAAK,21BAAA,8GAKlB,EAAqC,4NAU3C,EAAsC,obAmBlC,EAAmC,YAExD,KA/BuB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;AAAtB,CAAsB,EAU3C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC;AAAvB,CAAuB,EAmBlC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO;AAApB,CAAoB,EAExD;AAEY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,CAAC,kKAAA,qBACtB,EAAiC,oBACnC,EAAkC,gBACtC,EAAyC,iBACxC,EAA0C,KACvD,KAJkB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,IAAI,CAAC,OAAO;AAAlB,CAAkB,EACnC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;AAAnB,CAAmB,EACtC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC;AAA1B,CAA0B,EACxC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,UAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,WAAQ;AAA3B,CAA2B,EACvD"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Checkbox/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AASzB,QAAA,uBAAuB,GAAG,2BAAM,CAAC,GAAG,mLAA8B,mFAI/D,EAA+B,aAEzC,EAKD,IACJ,KARe,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAAhB,CAAgB,EAEzC,UAAC,EAAmB;QAAjB,eAAe,qBAAA;IAChB,OAAA,eAAe,KAAK,MAAM;QAC1B,uFAGH;AAJG,CAIH,EACJ;AAEY,QAAA,mBAAmB,GAAG,2BAAM,CAAC,KAAK,oNAAA,qBAC5B,EAAmC,oBACrC,EAAmC,6CAEjC,EAAsC,gBAC5C,EAA0C,2BAEtD,KANkB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EACrC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB,EAEjC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAA3B,CAA2B,EAC5C,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAA/B,CAA+B,EAEtD;AAEY,QAAA,cAAc,GAAG,2BAAM,CAAC,KAAK,21BAAA,8GAKlB,EAAqC,4NAU3C,EAAsC,obAmBlC,EAAmC,YAExD,KA/BuB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;AAAtB,CAAsB,EAU3C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC;AAAvB,CAAuB,EAmBlC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO;AAApB,CAAoB,EAExD;AAEY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,CAAC,kKAAA,qBACtB,EAAiC,oBACnC,EAAkC,gBACtC,EAAyC,iBACxC,EAA0C,KACvD,KAJkB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,IAAI,CAAC,OAAO;AAAlB,CAAkB,EACnC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;AAAnB,CAAmB,EACtC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC;AAA1B,CAA0B,EACxC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,UAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,WAAQ;AAA3B,CAA2B,EACvD"}

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface CounterTagProps {
     kind?: 'action' | 'stale' | 'disabled';
     children: string;

package/dist/components/ExternalLink/index.js

@@ -6,7 +6,7 @@ var React = require("react");
 var styles_1 = require("./styles");
 var ExternalLink = function (_a) {
     var children = _a.children, _b = _a.size, size = _b === void 0 ? 'medium' : _b, _c = _a.color, color = _c === void 0 ? 'default' : _c, props = tslib_1.__rest(_a, ["children", "size", "color"]);
-    return (React.createElement(styles_1.StyledExternalLink, tslib_1.__assign({ size: size, color: color }, props), children));
+    return (React.createElement(styles_1.StyledExternalLink, tslib_1.__assign({ "$size": size, color: color }, props), children));
 };
 exports.ExternalLink = ExternalLink;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ExternalLink/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,mCAA6C;AAWtC,IAAM,YAAY,GAAG,UAAC,EAKT;IAJhB,IAAA,QAAQ,cAAA,EACR,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACd,KAAK,sBAJiB,6BAK5B,CADW;IAER,OAAO,CACH,oBAAC,2BAAkB,qBAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAAM,KAAK,GAClD,QAAQ,CACQ,CACxB,CAAA;AACL,CAAC,CAAA;AAXY,QAAA,YAAY,gBAWxB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ExternalLink/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,mCAA6C;AAWtC,IAAM,YAAY,GAAG,UAAC,EAKT;IAJhB,IAAA,QAAQ,cAAA,EACR,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACd,KAAK,sBAJiB,6BAK5B,CADW;IAER,OAAO,CACH,oBAAC,2BAAkB,8BAAQ,IAAI,EAAE,KAAK,EAAE,KAAK,IAAM,KAAK,GACnD,QAAQ,CACQ,CACxB,CAAA;AACL,CAAC,CAAA;AAXY,QAAA,YAAY,gBAWxB"}

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

@@ -1,3 +1,7 @@
 /// <reference types="react" />
+import { StyledLinkProps } from '../Link/styles';
+import { PrefixedPick } from '../../types/styled-components';
 import { ExternalLinkProps } from '.';
-export declare const StyledExternalLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, ExternalLinkProps>> & string;
+type StyledExternalLinkProps = StyledLinkProps & PrefixedPick<ExternalLinkProps, 'size'>;
+export declare const StyledExternalLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, StyledExternalLinkProps>> & string;
+export {};

package/dist/components/ExternalLink/styles.js

@@ -5,11 +5,11 @@ 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
+    return props.$secondary
         ? props.theme.colors.grey[900]
         : props.theme.colors.links.default;
 }, function (props) { return props.theme.font.default; }, function (props) {
-    return props.secondary
+    return props.$secondary
         ? props.theme.colors.grey[600]
         : props.theme.colors.links.hover;
 });

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

@@ -1 +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,EAAmC,6FAKrC,EAG+B,iDAG/C,KAhBK,mBAAU,EACH,UAAC,KAAK;IACX,OAAA,KAAK,CAAC,SAAS;QACX,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;QAC9B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;AAFtC,CAEsC,EAC3B,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EAKrC,UAAC,KAAK;IACX,OAAA,KAAK,CAAC,SAAS;QACX,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;QAC9B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;AAFpC,CAEoC,EAG/C"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/ExternalLink/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AACtC,yCAA4D;AAO/C,QAAA,kBAAkB,GAAG,2BAAM,CAAC,CAAC,+QAAyB,QAC7D,EAAU,gBACH,EAGiC,sBAC3B,EAAmC,6FAKrC,EAG+B,iDAG/C,KAhBK,mBAAU,EACH,UAAC,KAAK;IACX,OAAA,KAAK,CAAC,UAAU;QACZ,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;QAC9B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;AAFtC,CAEsC,EAC3B,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EAKrC,UAAC,KAAK;IACX,OAAA,KAAK,CAAC,UAAU;QACZ,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;QAC9B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;AAFpC,CAEoC,EAG/C"}

package/dist/components/Field/index.js

@@ -9,7 +9,7 @@ var Tooltip_1 = require("../Tooltip");
 var styles_1 = require("./styles");
 var Field = function (_a) {
     var _b = _a.spacing, spacing = _b === void 0 ? 3 : _b, 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_1.StyledField, tslib_1.__assign({ spacing: spacing }, rest),
+    return (React.createElement(styles_1.StyledField, tslib_1.__assign({ "$spacing": spacing }, rest),
         React.createElement(styles_1.StyledLabelWrapper, null,
             label !== 'none' && (React.createElement(Label_1.Label, { label: label, htmlFor: htmlFor, optional: optional })),
             tooltip && (React.createElement(styles_1.StyledTooltip, null,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Field/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAE9B,4CAA0C;AAC1C,kCAAgC;AAChC,sCAAoC;AACpC,mCAAyE;AAalE,IAAM,KAAK,GAAG,UAAC,EAST;IART,IAAA,eAAW,EAAX,OAAO,mBAAG,CAAC,KAAA,EACX,KAAK,WAAA,EACL,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,sBARW,2EASrB,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,iBAAO,IAAC,KAAK,EAAE,OAAO,CAAC,KAAK,IACxB,OAAO,CAAC,OAAO,CACV,CACE,CACnB,CACgB;QACpB,QAAQ;QACR,KAAK,IAAI,oBAAC,uBAAU,QAAE,KAAK,CAAc,CAChC,CACjB,CAAA;AACL,CAAC,CAAA;AAhCY,QAAA,KAAK,SAgCjB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Field/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAE9B,4CAA0C;AAC1C,kCAAgC;AAChC,sCAAoC;AACpC,mCAAyE;AAalE,IAAM,KAAK,GAAG,UAAC,EAST;IART,IAAA,eAAW,EAAX,OAAO,mBAAG,CAAC,KAAA,EACX,KAAK,WAAA,EACL,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,sBARW,2EASrB,CADU;IAEP,OAAO,CACH,oBAAC,oBAAW,iCAAW,OAAO,IAAM,IAAI;QACpC,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,iBAAO,IAAC,KAAK,EAAE,OAAO,CAAC,KAAK,IACxB,OAAO,CAAC,OAAO,CACV,CACE,CACnB,CACgB;QACpB,QAAQ;QACR,KAAK,IAAI,oBAAC,uBAAU,QAAE,KAAK,CAAc,CAChC,CACjB,CAAA;AACL,CAAC,CAAA;AAhCY,QAAA,KAAK,SAgCjB"}

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

@@ -1,5 +1,8 @@
 /// <reference types="react" />
 import { FieldProps } from '.';
-export declare const StyledField: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<FieldProps, "spacing">>> & string;
+import { PrefixedPick } from '../../types/styled-components';
+type StyledFieldProps = PrefixedPick<FieldProps, 'spacing'>;
+export declare const StyledField: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledFieldProps>> & string;
 export declare const StyledLabelWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledTooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export {};

package/dist/components/Field/styles.js

@@ -4,8 +4,8 @@ exports.StyledTooltip = exports.StyledLabelWrapper = exports.StyledField = void
 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 && (0, Box_1.mb)(props.spacing, props.theme.spacing); });
+exports.StyledField = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    ", ";\n"], ["\n    ", ";\n"])), function (props) { return props.$spacing && (0, 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"])));
-exports.StyledTooltip = styled_components_1.default.div(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n    margin-left: ", "px;\n    margin-bottom: ", "px;\n"], ["\n    margin-left: ", "px;\n    margin-bottom: ", "px;\n"])), function (props) { return props.theme.baseline; }, function (props) { return props.theme.baseline; });
+exports.StyledTooltip = styled_components_1.default.div(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n    margin-left: ", "px;\n    margin-bottom: ", "px;\n    z-index: 1;\n"], ["\n    margin-left: ", "px;\n    margin-bottom: ", "px;\n    z-index: 1;\n"])), function (props) { return props.theme.baseline; }, function (props) { return props.theme.baseline; });
 var templateObject_1, templateObject_2, templateObject_3;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +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,EAAkE,KACvE,KADK,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,OAAO,IAAI,IAAA,QAAE,EAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAAvD,CAAuD,EACvE;AAEY,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,6HAAA,kDAG3C,KAAA;AAEY,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,qIAAA,qBACpB,EAA+B,0BAC7B,EAA+B,OACnD,KAFkB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,EAApB,CAAoB,EAC7B,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,EAApB,CAAoB,EACnD"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Field/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAEtC,8BAA2B;AAKd,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,0FAAkB,QACjD,EAAoE,KACzE,KADK,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,QAAQ,IAAI,IAAA,QAAE,EAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAAzD,CAAyD,EACzE;AAEY,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,6HAAA,kDAG3C,KAAA;AAEY,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,sJAAA,qBACpB,EAA+B,0BAC7B,EAA+B,wBAEnD,KAHkB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,EAApB,CAAoB,EAC7B,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,EAApB,CAAoB,EAEnD"}

package/dist/components/GridColumn/index.js

@@ -9,37 +9,38 @@ var styled_components_1 = require("styled-components");
 var column = function (width) {
     return "\n        flex: 0 0 ".concat(width, ";\n        max-width: ").concat(width, ";\n    ");
 };
-var StyledGridColumn = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    flex: 1;\n    order: ", ";\n    margin-bottom: ", "px;\n    flex: 0 0 100%;\n    max-width: 100%;\n    padding: 0 ", "px;\n    align-self: ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n"], ["\n    flex: 1;\n    order: ", ";\n    margin-bottom: ", "px;\n    flex: 0 0 100%;\n    max-width: 100%;\n    padding: 0 ", "px;\n    align-self: ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n"])), function (props) { return props.order; }, (index_1.baseline * 2) / 3, index_1.baseline, function (props) { return props.align; }, function (_a) {
-    var xxs = _a.xxs;
-    return xxs && "@media (min-width: ".concat(index_1.breakpoints.xxs, "px) { ").concat(column(xxs), " }");
+var StyledGridColumn = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    flex: 1;\n    order: ", ";\n    margin-bottom: ", "px;\n    flex: 0 0 100%;\n    max-width: 100%;\n    padding: 0 ", "px;\n    align-self: ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n"], ["\n    flex: 1;\n    order: ", ";\n    margin-bottom: ", "px;\n    flex: 0 0 100%;\n    max-width: 100%;\n    padding: 0 ", "px;\n    align-self: ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n"])), function (props) { return props.$order; }, (index_1.baseline * 2) / 3, index_1.baseline, function (props) { return props.$align; }, function (_a) {
+    var $xxs = _a.$xxs;
+    return $xxs && "@media (min-width: ".concat(index_1.breakpoints.xxs, "px) { ").concat(column($xxs), " }");
 }, function (_a) {
-    var xs = _a.xs;
-    return xs && "@media (min-width: ".concat(index_1.breakpoints.xs, "px) { ").concat(column(xs), " }");
+    var $xs = _a.$xs;
+    return $xs && "@media (min-width: ".concat(index_1.breakpoints.xs, "px) { ").concat(column($xs), " }");
 }, function (_a) {
-    var s = _a.s;
-    return s && "@media (min-width: ".concat(index_1.breakpoints.s, "px) { ").concat(column(s), " }");
+    var $s = _a.$s;
+    return $s && "@media (min-width: ".concat(index_1.breakpoints.s, "px) { ").concat(column($s), " }");
 }, function (_a) {
-    var m = _a.m;
-    return m && "@media (min-width: ".concat(index_1.breakpoints.m, "px) { ").concat(column(m), " }");
+    var $m = _a.$m;
+    return $m && "@media (min-width: ".concat(index_1.breakpoints.m, "px) { ").concat(column($m), " }");
 }, function (_a) {
-    var l = _a.l;
-    return l && "@media (min-width: ".concat(index_1.breakpoints.l, "px) { ").concat(column(l), " }");
+    var $l = _a.$l;
+    return $l && "@media (min-width: ".concat(index_1.breakpoints.l, "px) { ").concat(column($l), " }");
 }, function (_a) {
-    var xl = _a.xl;
-    return xl && "@media (min-width: ".concat(index_1.breakpoints.xl, "px) { ").concat(column(xl), " }");
+    var $xl = _a.$xl;
+    return $xl && "@media (min-width: ".concat(index_1.breakpoints.xl, "px) { ").concat(column($xl), " }");
 }, function (_a) {
-    var xxl = _a.xxl;
-    return xxl && "@media (min-width: ".concat(index_1.breakpoints.xxl, "px) { ").concat(column(xxl), " }");
+    var $xxl = _a.$xxl;
+    return $xxl && "@media (min-width: ".concat(index_1.breakpoints.xxl, "px) { ").concat(column($xxl), " }");
 });
 var GridColumn = function (_a) {
     var xxs = _a.xxs, xs = _a.xs, s = _a.s, m = _a.m, l = _a.l, xl = _a.xl, xxl = _a.xxl, children = _a.children, _b = _a.order, order = _b === void 0 ? 0 : _b, _c = _a.align, align = _c === void 0 ? 'auto' : _c;
     var widths = Object.entries({ xxs: xxs, xs: xs, s: s, m: m, l: l, xl: xl, xxl: xxl }).reduce(function (acc, entry) {
         if (entry[1]) {
-            acc[entry[0]] = (100 / 12) * entry[1] + '%';
+            var key = "$".concat(entry[0]);
+            acc[key] = (100 / 12) * entry[1] + '%';
         }
         return acc;
     }, {});
-    return (React.createElement(StyledGridColumn, tslib_1.__assign({ order: order, align: align }, widths), React.Children.toArray(children)));
+    return (React.createElement(StyledGridColumn, tslib_1.__assign({ "$order": order, "$align": align }, widths), React.Children.toArray(children)));
 };
 exports.GridColumn = GridColumn;
 var templateObject_1;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/GridColumn/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,2CAAyD;AACzD,uDAAsC;AAgBtC,mCAAmC;AACnC,IAAM,MAAM,GAAG,UAAC,KAAa;IACzB,OAAO,8BACS,KAAK,mCACJ,KAAK,YACrB,CAAA;AACL,CAAC,CAAA;AAED,IAAM,gBAAgB,GAAG,2BAAM,CAAC,GAAG,kTAKlC,6BAEY,EAAsB,wBACd,EAAkB,iEAGtB,EAAQ,uBACP,EAAsB,SAClC,EACsE,SACtE,EACmE,SACnE,EACgE,SAChE,EACgE,SAChE,EACgE,SAChE,EACmE,SACnE,EACsE,KAC3E,KApBY,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,EAAX,CAAW,EACd,CAAC,gBAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,EAGtB,gBAAQ,EACP,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,EAAX,CAAW,EAClC,UAAC,EAAO;QAAL,GAAG,SAAA;IACJ,OAAA,GAAG,IAAI,6BAAsB,mBAAW,CAAC,GAAG,mBAAS,MAAM,CAAC,GAAG,CAAC,OAAI;AAApE,CAAoE,EACtE,UAAC,EAAM;QAAJ,EAAE,QAAA;IACH,OAAA,EAAE,IAAI,6BAAsB,mBAAW,CAAC,EAAE,mBAAS,MAAM,CAAC,EAAE,CAAC,OAAI;AAAjE,CAAiE,EACnE,UAAC,EAAK;QAAH,CAAC,OAAA;IACF,OAAA,CAAC,IAAI,6BAAsB,mBAAW,CAAC,CAAC,mBAAS,MAAM,CAAC,CAAC,CAAC,OAAI;AAA9D,CAA8D,EAChE,UAAC,EAAK;QAAH,CAAC,OAAA;IACF,OAAA,CAAC,IAAI,6BAAsB,mBAAW,CAAC,CAAC,mBAAS,MAAM,CAAC,CAAC,CAAC,OAAI;AAA9D,CAA8D,EAChE,UAAC,EAAK;QAAH,CAAC,OAAA;IACF,OAAA,CAAC,IAAI,6BAAsB,mBAAW,CAAC,CAAC,mBAAS,MAAM,CAAC,CAAC,CAAC,OAAI;AAA9D,CAA8D,EAChE,UAAC,EAAM;QAAJ,EAAE,QAAA;IACH,OAAA,EAAE,IAAI,6BAAsB,mBAAW,CAAC,EAAE,mBAAS,MAAM,CAAC,EAAE,CAAC,OAAI;AAAjE,CAAiE,EACnE,UAAC,EAAO;QAAL,GAAG,SAAA;IACJ,OAAA,GAAG,IAAI,6BAAsB,mBAAW,CAAC,GAAG,mBAAS,MAAM,CAAC,GAAG,CAAC,OAAI;AAApE,CAAoE,CAC3E,CAAA;AAEM,IAAM,UAAU,GAAG,UAAC,EAWT;QAVd,GAAG,SAAA,EACH,EAAE,QAAA,EACF,CAAC,OAAA,EACD,CAAC,OAAA,EACD,CAAC,OAAA,EACD,EAAE,QAAA,EACF,GAAG,SAAA,EACH,QAAQ,cAAA,EACR,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EACT,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA;IAEd,IAAM,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,EAAE,GAAG,KAAA,EAAE,EAAE,IAAA,EAAE,CAAC,GAAA,EAAE,CAAC,GAAA,EAAE,CAAC,GAAA,EAAE,EAAE,IAAA,EAAE,GAAG,KAAA,EAAE,CAAC,CAAC,MAAM,CAC/D,UAAC,GAAG,EAAE,KAAK;QACP,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE;YACV,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAA;SAC9C;QACD,OAAO,GAAG,CAAA;IACd,CAAC,EACD,EAAsC,CACzC,CAAA;IACD,OAAO,CACH,oBAAC,gBAAgB,qBAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,IAAM,MAAM,GACnD,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAClB,CACtB,CAAA;AACL,CAAC,CAAA;AA1BY,QAAA,UAAU,cA0BtB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/GridColumn/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,2CAAyD;AACzD,uDAAsC;AAiBtC,mCAAmC;AACnC,IAAM,MAAM,GAAG,UAAC,KAAa;IACzB,OAAO,8BACS,KAAK,mCACJ,KAAK,YACrB,CAAA;AACL,CAAC,CAAA;AAUD,IAAM,gBAAgB,GAAG,2BAAM,CAAC,GAAG,kTAKlC,6BAEY,EAAuB,wBACf,EAAkB,iEAGtB,EAAQ,uBACP,EAAuB,SACnC,EACwE,SACxE,EACqE,SACrE,EACkE,SAClE,EACkE,SAClE,EACkE,SAClE,EACqE,SACrE,EACwE,KAC7E,KApBY,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,MAAM,EAAZ,CAAY,EACf,CAAC,gBAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,EAGtB,gBAAQ,EACP,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,MAAM,EAAZ,CAAY,EACnC,UAAC,EAAQ;QAAN,IAAI,UAAA;IACL,OAAA,IAAI,IAAI,6BAAsB,mBAAW,CAAC,GAAG,mBAAS,MAAM,CAAC,IAAI,CAAC,OAAI;AAAtE,CAAsE,EACxE,UAAC,EAAO;QAAL,GAAG,SAAA;IACJ,OAAA,GAAG,IAAI,6BAAsB,mBAAW,CAAC,EAAE,mBAAS,MAAM,CAAC,GAAG,CAAC,OAAI;AAAnE,CAAmE,EACrE,UAAC,EAAM;QAAJ,EAAE,QAAA;IACH,OAAA,EAAE,IAAI,6BAAsB,mBAAW,CAAC,CAAC,mBAAS,MAAM,CAAC,EAAE,CAAC,OAAI;AAAhE,CAAgE,EAClE,UAAC,EAAM;QAAJ,EAAE,QAAA;IACH,OAAA,EAAE,IAAI,6BAAsB,mBAAW,CAAC,CAAC,mBAAS,MAAM,CAAC,EAAE,CAAC,OAAI;AAAhE,CAAgE,EAClE,UAAC,EAAM;QAAJ,EAAE,QAAA;IACH,OAAA,EAAE,IAAI,6BAAsB,mBAAW,CAAC,CAAC,mBAAS,MAAM,CAAC,EAAE,CAAC,OAAI;AAAhE,CAAgE,EAClE,UAAC,EAAO;QAAL,GAAG,SAAA;IACJ,OAAA,GAAG,IAAI,6BAAsB,mBAAW,CAAC,EAAE,mBAAS,MAAM,CAAC,GAAG,CAAC,OAAI;AAAnE,CAAmE,EACrE,UAAC,EAAQ;QAAN,IAAI,UAAA;IACL,OAAA,IAAI,IAAI,6BAAsB,mBAAW,CAAC,GAAG,mBAAS,MAAM,CAAC,IAAI,CAAC,OAAI;AAAtE,CAAsE,CAC7E,CAAA;AAMM,IAAM,UAAU,GAAG,UAAC,EAWT;QAVd,GAAG,SAAA,EACH,EAAE,QAAA,EACF,CAAC,OAAA,EACD,CAAC,OAAA,EACD,CAAC,OAAA,EACD,EAAE,QAAA,EACF,GAAG,SAAA,EACH,QAAQ,cAAA,EACR,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EACT,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA;IAEd,IAAM,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,EAAE,GAAG,KAAA,EAAE,EAAE,IAAA,EAAE,CAAC,GAAA,EAAE,CAAC,GAAA,EAAE,CAAC,GAAA,EAAE,EAAE,IAAA,EAAE,GAAG,KAAA,EAAE,CAAC,CAAC,MAAM,CAC/D,UAAC,GAAG,EAAE,KAAK;QACP,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE;YACV,IAAM,GAAG,GAAG,WAAI,KAAK,CAAC,CAAC,CAAC,CAA8B,CAAA;YACtD,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAA;SACzC;QACD,OAAO,GAAG,CAAA;IACd,CAAC,EACD,EAAwB,CAC3B,CAAA;IACD,OAAO,CACH,oBAAC,gBAAgB,+BAAS,KAAK,YAAU,KAAK,IAAM,MAAM,GACrD,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAClB,CACtB,CAAA;AACL,CAAC,CAAA;AA3BY,QAAA,UAAU,cA2BtB"}

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

@@ -29,4 +29,4 @@ export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
     weight?: '400' | '500' | '700' | '800' | '900';
     children: React.ReactNode;
 }
-export declare const Heading: ({ children, level, align, margin, size, ...props }: HeadingProps) => JSX.Element;
+export declare const Heading: ({ children, level, align, margin, size, weight, ...props }: HeadingProps) => JSX.Element;

package/dist/components/Heading/index.js

@@ -5,12 +5,12 @@ var tslib_1 = require("tslib");
 var React = require("react");
 var styles_1 = require("./styles");
 var Heading = function (_a) {
-    var children = _a.children, _b = _a.level, level = _b === void 0 ? '2' : _b, _c = _a.align, align = _c === void 0 ? 'inherit' : _c, _d = _a.margin, margin = _d === void 0 ? 2 : _d, size = _a.size, props = tslib_1.__rest(_a, ["children", "level", "align", "margin", "size"]);
+    var children = _a.children, _b = _a.level, level = _b === void 0 ? '2' : _b, _c = _a.align, align = _c === void 0 ? 'inherit' : _c, _d = _a.margin, margin = _d === void 0 ? 2 : _d, size = _a.size, weight = _a.weight, props = tslib_1.__rest(_a, ["children", "level", "align", "margin", "size", "weight"]);
     return (React.createElement(styles_1.StyledHeading, tslib_1.__assign({ as: level
             ? "h".concat(level)
             : typeof size === 'number'
                 ? "h".concat(size)
-                : undefined, role: "heading", "aria-level": level ? parseInt(level) : undefined, align: align, margin: margin, level: level, size: size }, props), children));
+                : undefined, role: "heading", "aria-level": level ? parseInt(level) : undefined, "$align": align, "$margin": margin, "$level": level, "$size": size, "$weight": weight }, props), children));
 };
 exports.Heading = Heading;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Heading/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAG9B,mCAAwC;AA+BjC,IAAM,OAAO,GAAG,UAAC,EAOT;IANX,IAAA,QAAQ,cAAA,EACR,aAAW,EAAX,KAAK,mBAAG,GAAG,KAAA,EACX,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACjB,cAAU,EAAV,MAAM,mBAAG,CAAC,KAAA,EACV,IAAI,UAAA,EACD,KAAK,sBANY,gDAOvB,CADW;IAER,OAAO,CACH,oBAAC,sBAAa,qBACV,EAAE,EACE,KAAK;YACD,CAAC,CAAC,WAAI,KAAK,CAAE;YACb,CAAC,CAAC,OAAO,IAAI,KAAK,QAAQ;gBAC1B,CAAC,CAAC,WAAI,IAAI,CAAE;gBACZ,CAAC,CAAC,SAAS,EAEnB,IAAI,EAAC,SAAS,gBACF,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,EAC/C,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,IACN,KAAK,GAER,QAAQ,CACG,CACnB,CAAA;AACL,CAAC,CAAA;AA5BY,QAAA,OAAO,WA4BnB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Heading/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAG9B,mCAAwC;AA+BjC,IAAM,OAAO,GAAG,UAAC,EAQT;IAPX,IAAA,QAAQ,cAAA,EACR,aAAW,EAAX,KAAK,mBAAG,GAAG,KAAA,EACX,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACjB,cAAU,EAAV,MAAM,mBAAG,CAAC,KAAA,EACV,IAAI,UAAA,EACJ,MAAM,YAAA,EACH,KAAK,sBAPY,0DAQvB,CADW;IAER,OAAO,CACH,oBAAC,sBAAa,qBACV,EAAE,EACE,KAAK;YACD,CAAC,CAAC,WAAI,KAAK,CAAE;YACb,CAAC,CAAC,OAAO,IAAI,KAAK,QAAQ;gBAC1B,CAAC,CAAC,WAAI,IAAI,CAAE;gBACZ,CAAC,CAAC,SAAS,EAEnB,IAAI,EAAC,SAAS,gBACF,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,YACvC,KAAK,aACJ,MAAM,YACP,KAAK,WACN,IAAI,aACF,MAAM,IACX,KAAK,GAER,QAAQ,CACG,CACnB,CAAA;AACL,CAAC,CAAA;AA9BY,QAAA,OAAO,WA8BnB"}

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

@@ -1,3 +1,6 @@
 /// <reference types="react" />
 import { HeadingProps } from './index';
-export declare const StyledHeading: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, HeadingProps>> & string;
+import { PrefixedPick } from '../../types/styled-components';
+type StyledHeadingProps = PrefixedPick<HeadingProps, 'align' | 'size' | 'level' | 'margin' | 'weight'>;
+export declare const StyledHeading: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, StyledHeadingProps>> & string;
+export {};

package/dist/components/Heading/styles.js

@@ -5,11 +5,11 @@ var tslib_1 = require("tslib");
 var styled_components_1 = require("styled-components");
 var styled_map_1 = require("styled-map");
 exports.StyledHeading = styled_components_1.default.h2(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    margin: 0;\n    text-align: ", ";\n    font-family: ", ";\n    font-size: ", ";\n    margin-bottom: ", ";\n    line-height: ", ";\n    font-weight: ", ";\n    color: ", ";\n"], ["\n    margin: 0;\n    text-align: ", ";\n    font-family: ", ";\n    font-size: ", ";\n    margin-bottom: ", ";\n    line-height: ", ";\n    font-weight: ", ";\n    color: ", ";\n"])), function (_a) {
-    var align = _a.align;
-    return align;
+    var $align = _a.$align;
+    return $align;
 }, function (props) { return props.theme.font.heading; }, function (props) {
-    return props.size
-        ? (0, styled_map_1.default)('size', {
+    return props.$size
+        ? (0, styled_map_1.default)('$size', {
             xxxl: function (props) {
                 return props.theme.font.sizes.xxxl;
             },
@@ -19,7 +19,7 @@ exports.StyledHeading = styled_components_1.default.h2(templateObject_1 || (temp
             m: function (props) { return props.theme.font.sizes.m; },
             s: function (props) { return props.theme.font.sizes.s; },
         })
-        : (0, styled_map_1.default)('level', {
+        : (0, styled_map_1.default)('$level', {
             1: function (props) { return props.theme.font.sizes.xxxl; },
             2: function (props) { return props.theme.font.sizes.xxl; },
             3: function (props) { return props.theme.font.sizes.xl; },
@@ -27,7 +27,7 @@ exports.StyledHeading = styled_components_1.default.h2(templateObject_1 || (temp
             5: function (props) { return props.theme.font.sizes.m; },
             6: function (props) { return props.theme.font.sizes.s; },
         });
-}, (0, styled_map_1.default)('margin', {
+}, (0, styled_map_1.default)('$margin', {
     0: function (props) { return props.theme.spacing[0] + 'px'; },
     1: function (props) { return props.theme.spacing[1] + 'px'; },
     2: function (props) { return props.theme.spacing[2] + 'px'; },
@@ -36,8 +36,8 @@ exports.StyledHeading = styled_components_1.default.h2(templateObject_1 || (temp
     5: function (props) { return props.theme.spacing[5] + 'px'; },
     6: function (props) { return props.theme.spacing[6] + 'px'; },
 }), function (props) {
-    return props.size
-        ? (0, styled_map_1.default)('size', {
+    return props.$size
+        ? (0, styled_map_1.default)('$size', {
             xxxl: '48px',
             xxl: '42px',
             xl: '36px',
@@ -45,7 +45,7 @@ exports.StyledHeading = styled_components_1.default.h2(templateObject_1 || (temp
             m: '24px',
             s: '21px',
         })
-        : (0, styled_map_1.default)('level', {
+        : (0, styled_map_1.default)('$level', {
             1: '48px',
             2: '42px',
             3: '36px',
@@ -54,9 +54,9 @@ exports.StyledHeading = styled_components_1.default.h2(templateObject_1 || (temp
             6: '21px',
         });
 }, function (props) {
-    return props.weight
-        ? props.weight
-        : (0, styled_map_1.default)('level', {
+    return props.$weight
+        ? props.$weight
+        : (0, styled_map_1.default)('$level', {
             1: 900,
             2: 900,
             3: 900,

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Heading/styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Heading/styles.ts"],"names":[],"mappings":"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"}

package/dist/components/HelpText/index.js

@@ -5,7 +5,7 @@ var React = require("react");
 var styles_1 = require("./styles");
 var HelpText = function (_a) {
     var className = _a.className, bottomMargin = _a.bottomMargin, _b = _a.inline, inline = _b === void 0 ? true : _b, children = _a.children;
-    return (React.createElement(styles_1.StyledHelpText, { className: className, bottomMargin: bottomMargin, inline: inline }, children));
+    return (React.createElement(styles_1.StyledHelpText, { className: className, "$bottomMargin": bottomMargin, "$inline": inline }, children));
 };
 exports.HelpText = HelpText;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/HelpText/index.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAE9B,mCAAyC;AASlC,IAAM,QAAQ,GAAG,UAAC,EAKT;QAJZ,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,cAAa,EAAb,MAAM,mBAAG,IAAI,KAAA,EACb,QAAQ,cAAA;IAER,OAAO,CACH,oBAAC,uBAAc,IACX,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,IAEb,QAAQ,CACI,CACpB,CAAA;AACL,CAAC,CAAA;AAfY,QAAA,QAAQ,YAepB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/HelpText/index.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAE9B,mCAAyC;AASlC,IAAM,QAAQ,GAAG,UAAC,EAKT;QAJZ,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,cAAa,EAAb,MAAM,mBAAG,IAAI,KAAA,EACb,QAAQ,cAAA;IAER,OAAO,CACH,oBAAC,uBAAc,IACX,SAAS,EAAE,SAAS,mBACL,YAAY,aAClB,MAAM,IAEd,QAAQ,CACI,CACpB,CAAA;AACL,CAAC,CAAA;AAfY,QAAA,QAAQ,YAepB"}

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

@@ -1,3 +1,6 @@
 /// <reference types="react" />
 import { HelpTextProps } from './';
-export declare const StyledHelpText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, HelpTextProps>> & string;
+import { PrefixedPick } from '../../types/styled-components';
+type StyledHelpTextProps = PrefixedPick<HelpTextProps, 'inline' | 'bottomMargin'>;
+export declare const StyledHelpText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledHelpTextProps>> & string;
+export {};

package/dist/components/HelpText/styles.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledHelpText = void 0;
 var tslib_1 = require("tslib");
 var styled_components_1 = require("styled-components");
-exports.StyledHelpText = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    display: ", ";\n    font-family: ", ";\n    font-weight: normal;\n    font-size: ", ";\n    color: ", ";\n    margin: 0;\n    line-height: 0;\n"], ["\n    display: ", ";\n    font-family: ", ";\n    font-weight: normal;\n    font-size: ", ";\n    color: ", ";\n    margin: 0;\n    line-height: 0;\n"])), function (props) { return (props.inline ? 'inline' : 'block'); }, function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, function (props) { return props.theme.colors.text.light; });
+exports.StyledHelpText = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    display: ", ";\n    font-family: ", ";\n    font-weight: normal;\n    font-size: ", ";\n    color: ", ";\n    margin: 0;\n    line-height: 0;\n"], ["\n    display: ", ";\n    font-family: ", ";\n    font-weight: normal;\n    font-size: ", ";\n    color: ", ";\n    margin: 0;\n    line-height: 0;\n"])), function (props) { return (props.$inline ? 'inline' : 'block'); }, function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, function (props) { return props.theme.colors.text.light; });
 var templateObject_1;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/HelpText/styles.tsx"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAIzB,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,kOAAe,iBACxC,EAA8C,sBAC1C,EAAmC,8CAErC,EAAmC,gBACvC,EAAwC,0CAGpD,KAPc,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,EAAnC,CAAmC,EAC1C,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EAErC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB,EACvC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,EAA7B,CAA6B,EAGpD"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/HelpText/styles.tsx"],"names":[],"mappings":";;;;AAAA,uDAAsC;AASzB,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,kOAAqB,iBAC9C,EAA+C,sBAC3C,EAAmC,8CAErC,EAAmC,gBACvC,EAAwC,0CAGpD,KAPc,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,EAApC,CAAoC,EAC3C,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EAErC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB,EACvC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,EAA7B,CAA6B,EAGpD"}

package/dist/components/Image/index.js

@@ -6,7 +6,7 @@ var React = require("react");
 var styles_1 = require("./styles");
 var Image = function (_a) {
     var circle = _a.circle, width = _a.width, height = _a.height, props = tslib_1.__rest(_a, ["circle", "width", "height"]);
-    return (React.createElement(styles_1.StyledImage, { circle: circle, width: width, height: height },
+    return (React.createElement(styles_1.StyledImage, { "$circle": circle, "$width": width, "$height": height },
         React.createElement("img", tslib_1.__assign({}, props))));
 };
 exports.Image = Image;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Image/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,mCAAsC;AAQ/B,IAAM,KAAK,GAAyB,UAAC,EAK3C;IAJG,IAAA,MAAM,YAAA,EACN,KAAK,WAAA,EACL,MAAM,YAAA,EACH,KAAK,sBAJgC,6BAK3C,CADW;IAER,OAAO,CACH,oBAAC,oBAAW,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM;QACrD,gDAAS,KAAK,EAAI,CACR,CACjB,CAAA;AACL,CAAC,CAAA;AAXY,QAAA,KAAK,SAWjB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Image/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,mCAAsC;AAQ/B,IAAM,KAAK,GAAyB,UAAC,EAK3C;IAJG,IAAA,MAAM,YAAA,EACN,KAAK,WAAA,EACL,MAAM,YAAA,EACH,KAAK,sBAJgC,6BAK3C,CADW;IAER,OAAO,CACH,oBAAC,oBAAW,eAAU,MAAM,YAAU,KAAK,aAAW,MAAM;QACxD,gDAAS,KAAK,EAAI,CACR,CACjB,CAAA;AACL,CAAC,CAAA;AAXY,QAAA,KAAK,SAWjB"}

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare const StyledImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    circle?: boolean | undefined;
-    width?: string | number | undefined;
-    height?: string | number | undefined;
+    $circle?: boolean | undefined;
+    $width?: string | number | undefined;
+    $height?: string | number | undefined;
 }>> & string;

package/dist/components/Image/styles.js

@@ -4,7 +4,7 @@ exports.StyledImage = void 0;
 var tslib_1 = require("tslib");
 var styled_components_1 = require("styled-components");
 exports.StyledImage = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    overflow: hidden;\n    border-radius: ", ";\n    display: inline-block;\n    width: ", ";\n    height: ", ";\n    overflow: hidden;\n\n    img {\n        height: 100%;\n        width: auto;\n    }\n"], ["\n    overflow: hidden;\n    border-radius: ", ";\n    display: inline-block;\n    width: ", ";\n    height: ", ";\n    overflow: hidden;\n\n    img {\n        height: 100%;\n        width: auto;\n    }\n"])), function (props) {
-    return props.circle ? '50%' : props.theme.borderRadius.default + 'px';
-}, function (props) { return (props.width ? props.width + 'px' : 'auto'); }, function (props) { return (props.height ? props.height + 'px' : 'auto'); });
+    return props.$circle ? '50%' : props.theme.borderRadius.default + 'px';
+}, function (props) { return (props.$width ? props.$width + 'px' : 'auto'); }, function (props) { return (props.$height ? props.$height + 'px' : 'auto'); });
 var templateObject_1;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Image/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAEzB,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,yRAInC,8CAEmB,EACiD,4CAEzD,EAAsD,iBACrD,EAAwD,6FAOrE,KAXoB,UAAC,KAAK;IACnB,OAAA,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,GAAG,IAAI;AAA9D,CAA8D,EAEzD,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAA3C,CAA2C,EACrD,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAA7C,CAA6C,EAOrE"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Image/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAEzB,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,yRAInC,8CAEmB,EACkD,4CAE1D,EAAwD,iBACvD,EAA0D,6FAOvE,KAXoB,UAAC,KAAK;IACnB,OAAA,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,GAAG,IAAI;AAA/D,CAA+D,EAE1D,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAA7C,CAA6C,EACvD,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAA/C,CAA+C,EAOvE"}

package/dist/components/Input/CurrencyInput/index.js

@@ -51,7 +51,7 @@ var CurrencyInput = function (_a) {
             updateCurrentValue((0, utilities_1.addFormatting)(valueFromProp));
         }
     }, [valueFromProp, currentValue]);
-    return (React.createElement(styles_2.StyledCurrencyInputWrapper, { isFocussed: isFocussed, disabled: rest.disabled, error: rest.error, className: className },
+    return (React.createElement(styles_2.StyledCurrencyInputWrapper, { "$isFocussed": isFocussed, "$disabled": rest.disabled, "$error": rest.error, className: className },
         React.createElement(styles_1.StyledPreFix, null, prefix ? prefix : '€'),
         React.createElement(styles_2.StyledCurrencyInput, tslib_1.__assign({ type: "text", value: currentValue, onChange: handleChange, onFocus: function (e) {
                 if (onFocus)