@beequip/hexagon 0.22.2 → 0.22.3

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

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

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

@@ -1 +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,EAIzC;IAHG,IAAA,QAAQ,cAAA,EACR,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EACX,KAAK,sBAH8B,qBAIzC,CADW;IAER,OAAO,CACH,oBAAC,mBAAU,qBAAC,KAAK,EAAE,KAAK,IAAM,KAAK,GAC9B,QAAQ,CACA,CAChB,CAAA;AACL,CAAC,CAAA;AAVY,QAAA,IAAI,QAUhB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Table/Cell/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,mCAAqC;AAO9B,IAAM,IAAI,GAAwB,UAAC,EAIzC;IAHG,IAAA,QAAQ,cAAA,EACR,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EACX,KAAK,sBAH8B,qBAIzC,CADW;IAER,OAAO,CACH,oBAAC,mBAAU,+BAAS,KAAK,IAAM,KAAK,GAC/B,QAAQ,CACA,CAChB,CAAA;AACL,CAAC,CAAA;AAVY,QAAA,IAAI,QAUhB"}

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

@@ -1,3 +1,6 @@
 /// <reference types="react" />
 import { CellProps } from './';
-export declare const StyledCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, CellProps>> & string;
+import { PrefixedPick } from '../../../types/styled-components';
+type StyledCellProps = PrefixedPick<CellProps, 'align'>;
+export declare const StyledCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, StyledCellProps>> & string;
+export {};

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

@@ -3,6 +3,6 @@ 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; });
+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

@@ -1 +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,EAAuD,oBACxD,EAAmC,sBACjC,EAA+B,2BAC5B,EAA+B,OACpD,KAJiB,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,EAA5C,CAA4C,EACxD,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB,EACjC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,EAApB,CAAoB,EAC5B,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,EAApB,CAAoB,EACpD"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Table/Cell/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAMzB,QAAA,UAAU,GAAG,2BAAM,CAAC,EAAE,mLAAiB,oBAClC,EAAwD,oBACzD,EAAmC,sBACjC,EAA+B,2BAC5B,EAA+B,OACpD,KAJiB,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,EAA7C,CAA6C,EACzD,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB,EACjC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,EAApB,CAAoB,EAC5B,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,EAApB,CAAoB,EACpD"}

package/dist/components/Tag/index.js

@@ -5,7 +5,7 @@ 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);
+    return React.createElement(styles_1.StyledTag, { "$kind": kind }, children);
 };
 exports.Tag = Tag;
 //# sourceMappingURL=index.js.map

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

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

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

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

package/dist/components/Tag/styles.js

@@ -5,7 +5,7 @@ var tslib_1 = require("tslib");
 var styled_components_1 = require("styled-components");
 var styled_map_1 = require("styled-map");
 exports.StyledTag = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    display: inline-block;\n    padding: 8px 12px;\n    font-family: ", ";\n    font-weight: 500;\n    font-size: ", ";\n    background-color: ", ";\n    border-radius: ", "px;\n    color: ", ";\n    line-height: 0.75;\n    white-space: nowrap;\n"], ["\n    display: inline-block;\n    padding: 8px 12px;\n    font-family: ", ";\n    font-weight: 500;\n    font-size: ", ";\n    background-color: ", ";\n    border-radius: ", "px;\n    color: ", ";\n    line-height: 0.75;\n    white-space: nowrap;\n"])), function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.xs; }, function (props) {
-    return (0, styled_map_1.default)('kind', {
+    return (0, styled_map_1.default)('$kind', {
         error: props.theme.colors.red[50],
         warning: props.theme.colors.orange[50],
         default: props.theme.colors.blue[50],
@@ -13,7 +13,7 @@ exports.StyledTag = styled_components_1.default.div(templateObject_1 || (templat
         disabled: props.theme.colors.grey[200],
     });
 }, function (props) { return props.theme.borderRadius.default; }, function (props) {
-    return (0, styled_map_1.default)('kind', {
+    return (0, styled_map_1.default)('$kind', {
         error: props.theme.colors.red[900],
         warning: props.theme.colors.orange[900],
         default: props.theme.colors.blue[900],

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Tag/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AACtC,yCAAkC;AAGrB,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,qUAAU,yEAG1B,EAAmC,2CAErC,EAAoC,2BAC7B,EAOd,wBACW,EAA2C,kBACnD,EAOH,uDAGT,KAtBkB,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,EAAE,EAAzB,CAAyB,EAC7B,UAAC,KAAK;IACtB,OAAA,IAAA,oBAAS,EAAC,MAAM,EAAE;QACd,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC;QACjC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;QACtC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;QACpC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;QACrC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;KACzC,CAAC;AANF,CAME,EACW,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,EAAhC,CAAgC,EACnD,UAAC,KAAK;IACX,OAAA,IAAA,oBAAS,EAAC,MAAM,EAAE;QACd,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC;QAClC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC;QACvC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;QACrC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;QACtC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;KACzC,CAAC;AANF,CAME,EAGT"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Tag/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AACtC,yCAAkC;AAMrB,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,qUAAgB,yEAGhC,EAAmC,2CAErC,EAAoC,2BAC7B,EAOd,wBACW,EAA2C,kBACnD,EAOH,uDAGT,KAtBkB,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,EAAE,EAAzB,CAAyB,EAC7B,UAAC,KAAK;IACtB,OAAA,IAAA,oBAAS,EAAC,OAAO,EAAE;QACf,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC;QACjC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;QACtC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;QACpC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;QACrC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;KACzC,CAAC;AANF,CAME,EACW,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,EAAhC,CAAgC,EACnD,UAAC,KAAK;IACX,OAAA,IAAA,oBAAS,EAAC,OAAO,EAAE;QACf,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC;QAClC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC;QACvC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;QACrC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;QACtC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;KACzC,CAAC;AANF,CAME,EAGT"}

package/dist/components/Text/index.js

@@ -6,7 +6,8 @@ var React = require("react");
 var styles_1 = require("./styles");
 var Text = function (_a) {
     var hook = _a.hook, _b = _a.weight, weight = _b === void 0 ? 'normal' : _b, _c = _a.size, size = _c === void 0 ? 's' : _c, children = _a.children, props = tslib_1.__rest(_a, ["hook", "weight", "size", "children"]);
-    return (React.createElement(styles_1.StyledText, tslib_1.__assign({ "data-hook": hook, weight: weight, size: size }, props), children));
+    var bottomMargin = props.bottomMargin, inline = props.inline, color = props.color;
+    return (React.createElement(styles_1.StyledText, { "data-hook": hook, "$weight": weight, "$size": size, "$bottomMargin": bottomMargin, "$inline": inline, "$color": color }, children));
 };
 exports.Text = Text;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Text/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAE9B,mCAAqC;AAY9B,IAAM,IAAI,GAAG,UAAC,EAMT;IALR,IAAA,IAAI,UAAA,EACJ,cAAiB,EAAjB,MAAM,mBAAG,QAAQ,KAAA,EACjB,YAAU,EAAV,IAAI,mBAAG,GAAG,KAAA,EACV,QAAQ,cAAA,EACL,KAAK,sBALS,sCAMpB,CADW;IAER,OAAO,CACH,oBAAC,mBAAU,kCAAY,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,IAAM,KAAK,GAC7D,QAAQ,CACA,CAChB,CAAA;AACL,CAAC,CAAA;AAZY,QAAA,IAAI,QAYhB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Text/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAE9B,mCAAqC;AAY9B,IAAM,IAAI,GAAG,UAAC,EAMT;IALR,IAAA,IAAI,UAAA,EACJ,cAAiB,EAAjB,MAAM,mBAAG,QAAQ,KAAA,EACjB,YAAU,EAAV,IAAI,mBAAG,GAAG,KAAA,EACV,QAAQ,cAAA,EACL,KAAK,sBALS,sCAMpB,CADW;IAEA,IAAA,YAAY,GAAoB,KAAK,aAAzB,EAAE,MAAM,GAAY,KAAK,OAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAU;IAE7C,OAAO,CACH,oBAAC,mBAAU,iBACI,IAAI,aACN,MAAM,WACR,IAAI,mBACI,YAAY,aAClB,MAAM,YACP,KAAK,IAEZ,QAAQ,CACA,CAChB,CAAA;AACL,CAAC,CAAA;AArBY,QAAA,IAAI,QAqBhB"}

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

@@ -1,3 +1,6 @@
 /// <reference types="react" />
 import { TextProps } from './';
-export declare const StyledText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, TextProps>> & string;
+import { PrefixedPick } from '../../types/styled-components';
+type StyledTextProps = PrefixedPick<TextProps, 'inline' | 'color' | 'bottomMargin' | 'weight' | 'size'>;
+export declare const StyledText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, StyledTextProps>> & string;
+export {};

package/dist/components/Text/styles.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Text/styles.ts"],"names":[],"mappings":";;;;AAAA,yCAAkC;AAClC,uDAA4D;AAC5D,8BAA2B;AAGd,QAAA,UAAU,GAAG,2BAAM,CAAC,CAAC,qOAAW,QACvC,EAA4C,sBAC/B,EAAmC,oBACrC,EAKX,sBACa,EAIb,gBACO,EAKgC,sBAC1B,EAAsC,yBAEnD,EACmE,KACxE,KAvBK,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,MAAM,IAAI,iBAAiB,EAAjC,CAAiC,EAC/B,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EACrC,IAAA,oBAAS,EAAC,MAAM,EAAE;IAC3B,EAAE,EAAE,UAAC,KAAuB,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,EAAzB,CAAyB;IAC1D,CAAC,EAAE,UAAC,KAAuB,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB;IACxD,CAAC,EAAE,UAAC,KAAuB,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB;IACxD,CAAC,EAAE,UAAC,KAAuB,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB;CAC3D,CAAC,EACa,IAAA,oBAAS,EAAC,QAAQ,EAAE;IAC/B,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,GAAG;IACX,IAAI,EAAE,MAAM;CACf,CAAC,EACO,UAAC,KAAK;IACX,OAAA,KAAK,CAAC,KAAK,KAAK,OAAO;QACnB,CAAC,CAAC,OAAO;QACT,CAAC,CAAC,KAAK,CAAC,KAAK,KAAK,MAAM;YACxB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK;YAC/B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;AAJrC,CAIqC,EAC1B,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAA3B,CAA2B,EAEnD,UAAC,KAAK;IACJ,OAAA,KAAK,CAAC,YAAY,IAAI,IAAA,QAAE,EAAC,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC;AAAjE,CAAiE,EACxE"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Text/styles.ts"],"names":[],"mappings":";;;;AAAA,yCAAkC;AAClC,uDAA4D;AAC5D,8BAA2B;AASd,QAAA,UAAU,GAAG,2BAAM,CAAC,CAAC,qOAAiB,QAC7C,EAA6C,sBAChC,EAAmC,oBACrC,EAKX,sBACa,EAIb,gBACO,EAKgC,sBAC1B,EAAsC,yBAEnD,EACqE,KAC1E,KAvBK,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,OAAO,IAAI,iBAAiB,EAAlC,CAAkC,EAChC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EACrC,IAAA,oBAAS,EAAC,OAAO,EAAE;IAC5B,EAAE,EAAE,UAAC,KAAuB,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,EAAzB,CAAyB;IAC1D,CAAC,EAAE,UAAC,KAAuB,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB;IACxD,CAAC,EAAE,UAAC,KAAuB,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB;IACxD,CAAC,EAAE,UAAC,KAAuB,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB;CAC3D,CAAC,EACa,IAAA,oBAAS,EAAC,SAAS,EAAE;IAChC,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,GAAG;IACX,IAAI,EAAE,MAAM;CACf,CAAC,EACO,UAAC,KAAK;IACX,OAAA,KAAK,CAAC,KAAK,KAAK,OAAO;QACnB,CAAC,CAAC,OAAO;QACT,CAAC,CAAC,KAAK,CAAC,KAAK,KAAK,MAAM;YACxB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK;YAC/B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;AAJrC,CAIqC,EAC1B,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAA3B,CAA2B,EAEnD,UAAC,KAAK;IACJ,OAAA,KAAK,CAAC,aAAa,IAAI,IAAA,QAAE,EAAC,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC;AAAnE,CAAmE,EAC1E"}

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

@@ -3,4 +3,4 @@ export interface TextAreaProps extends React.TextareaHTMLAttributes<HTMLTextArea
     error?: string | React.ReactNode;
     hook?: string;
 }
-export declare const TextArea: ({ hook, disabled, ...props }: TextAreaProps) => JSX.Element;
+export declare const TextArea: ({ hook, error, disabled, ...props }: TextAreaProps) => JSX.Element;

package/dist/components/TextArea/index.js

@@ -5,8 +5,8 @@ var tslib_1 = require("tslib");
 var React = require("react");
 var styles_1 = require("./styles");
 var TextArea = function (_a) {
-    var hook = _a.hook, _b = _a.disabled, disabled = _b === void 0 ? false : _b, props = tslib_1.__rest(_a, ["hook", "disabled"]);
-    return React.createElement(styles_1.StyledTextArea, tslib_1.__assign({ "data-hook": hook, disabled: disabled }, props));
+    var hook = _a.hook, error = _a.error, _b = _a.disabled, disabled = _b === void 0 ? false : _b, props = tslib_1.__rest(_a, ["hook", "error", "disabled"]);
+    return (React.createElement(styles_1.StyledTextArea, tslib_1.__assign({ "$error": error, "data-hook": hook, disabled: disabled }, props)));
 };
 exports.TextArea = TextArea;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TextArea/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,mCAAyC;AAQlC,IAAM,QAAQ,GAAG,UAAC,EAIT;IAHZ,IAAA,IAAI,UAAA,EACJ,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EACb,KAAK,sBAHa,oBAIxB,CADW;IAER,OAAO,oBAAC,uBAAc,kCAAY,IAAI,EAAE,QAAQ,EAAE,QAAQ,IAAM,KAAK,EAAI,CAAA;AAC7E,CAAC,CAAA;AANY,QAAA,QAAQ,YAMpB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TextArea/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,mCAAyC;AAQlC,IAAM,QAAQ,GAAG,UAAC,EAKT;IAJZ,IAAA,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EACb,KAAK,sBAJa,6BAKxB,CADW;IAER,OAAO,CACH,oBAAC,uBAAc,+BACH,KAAK,eACF,IAAI,EACf,QAAQ,EAAE,QAAQ,IACd,KAAK,EACX,CACL,CAAA;AACL,CAAC,CAAA;AAdY,QAAA,QAAQ,YAcpB"}

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

@@ -1,5 +1,7 @@
 /// <reference types="react" />
 import { TextAreaProps } from '.';
+import { PrefixedPick } from '../../types/styled-components';
+type StyledTextAreaProps = PrefixedPick<TextAreaProps, 'error'>;
 /**
  * 1. There's no box-shadow-color property, so in order to change
  *    the box-shadow on focus, we need to either repeat the entire
@@ -17,4 +19,5 @@ import { TextAreaProps } from '.';
  *    theme is active, so we can apply an outline in these situations.
  *    See: https://blogs.windows.com/msedgedev/2020/09/17/styling-for-windows-high-contrast-with-new-standards-for-forced-colors/
  */
-export declare const StyledTextArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, Pick<TextAreaProps, "error">>> & string;
+export declare const StyledTextArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, StyledTextAreaProps>> & string;
+export {};

package/dist/components/TextArea/styles.js

@@ -24,7 +24,7 @@ var styled_map_1 = require("styled-map");
 exports.StyledTextArea = styled_components_1.default.textarea(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    --box-shadow-color: ", "; // [1]\n    --box-shadow-width: 1px; // [1]\n\n    box-sizing: border-box;\n    display: block;\n    width: 100%;\n    padding: 12px;\n    resize: none;\n    border-radius: ", "px;\n    border-width: 0;\n    box-shadow: inset 0 0 0 var(--box-shadow-width) var(--box-shadow-color),\n        ", "; // [2]\n    background-color: ", ";\n    font-family: ", ";\n    font-size: ", ";\n    line-height: 1.25rem;\n    appearance: none;\n    opacity: ", ";\n    transition: background-color 0.2s ease-in-out 0s,\n        box-shadow 0.2s ease-in-out 0s;\n\n    @media (forced-colors: active) {\n        outline: 1px solid ButtonBorder; // [3]\n    }\n\n    &:focus {\n        --box-shadow-color: ", ";\n        --box-shadow-width: 2px;\n\n        @media (forced-colors: none) {\n            outline-width: 0;\n        }\n\n        @media (forced-colors: active) {\n            outline-color: Highlight; // [3]\n        }\n    }\n\n    &::placeholder {\n        color: ", ";\n        font-weight: 400;\n    }\n"], ["\n    --box-shadow-color: ", "; // [1]\n    --box-shadow-width: 1px; // [1]\n\n    box-sizing: border-box;\n    display: block;\n    width: 100%;\n    padding: 12px;\n    resize: none;\n    border-radius: ", "px;\n    border-width: 0;\n    box-shadow: inset 0 0 0 var(--box-shadow-width) var(--box-shadow-color),\n        ", "; // [2]\n    background-color: ", ";\n    font-family: ", ";\n    font-size: ", ";\n    line-height: 1.25rem;\n    appearance: none;\n    opacity: ", ";\n    transition: background-color 0.2s ease-in-out 0s,\n        box-shadow 0.2s ease-in-out 0s;\n\n    @media (forced-colors: active) {\n        outline: 1px solid ButtonBorder; // [3]\n    }\n\n    &:focus {\n        --box-shadow-color: ", ";\n        --box-shadow-width: 2px;\n\n        @media (forced-colors: none) {\n            outline-width: 0;\n        }\n\n        @media (forced-colors: active) {\n            outline-color: Highlight; // [3]\n        }\n    }\n\n    &::placeholder {\n        color: ", ";\n        font-weight: 400;\n    }\n"])), function (props) {
     return props.disabled
         ? props.theme.colors.blueGrey[100]
-        : props.error
+        : props.$error
             ? props.theme.colors.input.error
             : props.theme.colors.input.border;
 }, function (props) { return props.theme.borderRadius.input; }, function (props) { return props.theme.shadow.input; }, function (props) { return props.theme.colors.input.background; }, function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, (0, styled_map_1.default)({

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/TextArea/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AACtC,yCAAkC;AAGlC;;;;;;;;;;;;;;;;GAgBG;AACU,QAAA,cAAc,GAAG,2BAAM,CAAC,QAAQ,olCAA8B,4BACjD,EAKmB,iLAQxB,EAAyC,mHAGpD,EAAmC,kCACrB,EAA8C,sBACnD,EAAmC,oBACrC,EAAmC,oEAGrC,EAGT,kPASwB,EAAyC,8QAatD,EAA+C,uCAG/D,KAlDyB,UAAC,KAAK;IACxB,OAAA,KAAK,CAAC,QAAQ;QACV,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC;QAClC,CAAC,CAAC,KAAK,CAAC,KAAK;YACb,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;YAChC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM;AAJrC,CAIqC,EAQxB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAA9B,CAA8B,EAGpD,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAxB,CAAwB,EACrB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,EAAnC,CAAmC,EACnD,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,EAGrC,IAAA,oBAAS,EAAC;IACjB,QAAQ,EAAE,GAAG;IACb,OAAO,EAAE,CAAC;CACb,CAAC,EASwB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,EAA9B,CAA8B,EAatD,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,EAApC,CAAoC,EAG/D"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/TextArea/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AACtC,yCAAkC;AAMlC;;;;;;;;;;;;;;;;GAgBG;AACU,QAAA,cAAc,GAAG,2BAAM,CAAC,QAAQ,olCAAqB,4BACxC,EAKmB,iLAQxB,EAAyC,mHAGpD,EAAmC,kCACrB,EAA8C,sBACnD,EAAmC,oBACrC,EAAmC,oEAGrC,EAGT,kPASwB,EAAyC,8QAatD,EAA+C,uCAG/D,KAlDyB,UAAC,KAAK;IACxB,OAAA,KAAK,CAAC,QAAQ;QACV,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC;QAClC,CAAC,CAAC,KAAK,CAAC,MAAM;YACd,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;YAChC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM;AAJrC,CAIqC,EAQxB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAA9B,CAA8B,EAGpD,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAxB,CAAwB,EACrB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,EAAnC,CAAmC,EACnD,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,EAGrC,IAAA,oBAAS,EAAC;IACjB,QAAQ,EAAE,GAAG;IACb,OAAO,EAAE,CAAC;CACb,CAAC,EASwB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,EAA9B,CAA8B,EAatD,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,EAApC,CAAoC,EAG/D"}

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface TooltipProps {
     id?: string;
     children: string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@beequip/hexagon",
-    "version": "0.22.2",
+    "version": "0.22.3",
     "description": "Component library for BEEQUIP",
     "main": "dist/index.js",
     "files": [