@beequip/hexagon 0.15.3 → 0.16.0

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;AAE9B,mCAAwC;AASjC,IAAM,OAAO,GAA2B,UAAC,EAAsB;IAApB,IAAA,QAAQ,cAAA,EAAK,KAAK,sBAApB,YAAsB,CAAF;IAAO,OAAA,CACvE,oBAAC,sBAAa,uBAAK,KAAK,GAAG,QAAQ,CAAiB,CACvD,CAAA;CAAA,CAAA;AAFY,QAAA,OAAO,WAEnB;AAED,eAAO,CAAC,YAAY,GAAG;IACnB,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,CAAC;CACa,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Heading/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAG9B,mCAAwC;AA8BjC,IAAM,OAAO,GAA2B,UAAA,KAAK;IACxC,IAAA,QAAQ,GAAkB,KAAK,SAAvB,EAAE,KAAK,GAAW,KAAK,MAAhB,EAAE,IAAI,GAAK,KAAK,KAAV,CAAU;IACvC,OAAO,CACH,oBAAC,sBAAa,qBACV,EAAE,EACE,KAAK;YACD,CAAC,CAAC,MAAI,KAAO;YACb,CAAC,CAAC,OAAO,IAAI,KAAK,QAAQ;gBAC1B,CAAC,CAAC,MAAI,IAAM;gBACZ,CAAC,CAAC,SAAS,EAEnB,IAAI,EAAC,SAAS,gBACF,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,IAC3C,KAAK,GAER,QAAQ,CACG,CACnB,CAAA;AACL,CAAC,CAAA;AAlBY,QAAA,OAAO,WAkBnB;AAED,eAAO,CAAC,YAAY,GAAG;IACnB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,CAAC;CACa,CAAA"}

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

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

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

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = exports.All = void 0;
+exports.AllHeadings = exports.HeadingWithText = exports.Default = void 0;
 var tslib_1 = require("tslib");
 var react_1 = require("react");
 var _1 = require(".");
+var Text_1 = require("../Text");
 exports.default = {
     title: 'Hexagon/Heading',
     component: _1.Heading,
@@ -11,18 +12,26 @@ exports.default = {
 };
 var Template = function (_a) {
     var args = tslib_1.__rest(_a, []);
-    return (react_1.default.createElement(_1.Heading, tslib_1.__assign({}, args), "Heading"));
+    return (react_1.default.createElement(_1.Heading, tslib_1.__assign({}, args), args.children || 'Heading'));
 };
-var All = function () { return (react_1.default.createElement(react_1.default.Fragment, null,
-    react_1.default.createElement(_1.Heading, { size: 1 }, "Heading 1"),
-    react_1.default.createElement(_1.Heading, { size: 2 }, "Heading 2"),
-    react_1.default.createElement(_1.Heading, { size: 3 }, "Heading 3"),
-    react_1.default.createElement(_1.Heading, { size: 4 }, "Heading 4"),
-    react_1.default.createElement(_1.Heading, { size: 5 }, "Heading 5"),
-    react_1.default.createElement(_1.Heading, { size: 6 }, "Heading 6"))); };
-exports.All = All;
-exports.All.parameters = {
+exports.Default = Template.bind({});
+var HeadingWithText = function (_a) {
+    var args = tslib_1.__rest(_a, []);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(Template, tslib_1.__assign({}, args), "Level " + (args.level ||
+            '(?)') + " and size " + (args.size || '(?)') + " "),
+        react_1.default.createElement(Text_1.Text, null, "Cras placerat neque eget dolor fermentum egestas. Donec in tortor sed arcu rutrum posuere. Quisque ultrices ipsum eu scelerisque sodales. Maecenas fermentum quam quis libero vestibulum, eu blandit dolor scelerisque. Aenean vel dapibus erat. Nullam at orci vestibulum.")));
+};
+exports.HeadingWithText = HeadingWithText;
+var AllHeadings = function () { return (react_1.default.createElement(react_1.default.Fragment, null,
+    react_1.default.createElement(_1.Heading, { level: "1" }, "Heading 1 / 32px"),
+    react_1.default.createElement(_1.Heading, { level: "2" }, "Heading 2 / 28px"),
+    react_1.default.createElement(_1.Heading, { level: "3" }, "Heading 3 / 24px"),
+    react_1.default.createElement(_1.Heading, { level: "4" }, "Heading 4 / 20px"),
+    react_1.default.createElement(_1.Heading, { level: "5" }, "Heading 5 / 16px"),
+    react_1.default.createElement(_1.Heading, { level: "6" }, "Heading 6 / 14px"))); };
+exports.AllHeadings = AllHeadings;
+exports.AllHeadings.parameters = {
     controls: { hideNoControlsWarning: true },
 };
-exports.Default = Template.bind({});
 //# sourceMappingURL=index.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Heading/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAyC;AAEzC,kBAAe;IACX,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,UAAO;IAClB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,8BAAC,KAAK,OAAG,EAAT,CAAS,CAAC;CAC3B,CAAA;AAET,IAAM,QAAQ,GAAwB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CACnD,8BAAC,UAAO,uBAAK,IAAI,aAAmB,CACvC,CAAA;CAAA,CAAA;AAEM,IAAM,GAAG,GAAwB,cAAM,OAAA,CAC1C;IACI,8BAAC,UAAO,IAAC,IAAI,EAAE,CAAC,gBAAqB;IACrC,8BAAC,UAAO,IAAC,IAAI,EAAE,CAAC,gBAAqB;IACrC,8BAAC,UAAO,IAAC,IAAI,EAAE,CAAC,gBAAqB;IACrC,8BAAC,UAAO,IAAC,IAAI,EAAE,CAAC,gBAAqB;IACrC,8BAAC,UAAO,IAAC,IAAI,EAAE,CAAC,gBAAqB;IACrC,8BAAC,UAAO,IAAC,IAAI,EAAE,CAAC,gBAAqB,CACtC,CACN,EAT6C,CAS7C,CAAA;AATY,QAAA,GAAG,OASf;AAED,WAAG,CAAC,UAAU,GAAG;IACb,QAAQ,EAAE,EAAE,qBAAqB,EAAE,IAAI,EAAE;CAC5C,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Heading/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAyC;AACzC,gCAA8B;AAE9B,kBAAe;IACX,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,UAAO;IAClB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,8BAAC,KAAK,OAAG,EAAT,CAAS,CAAC;CAC3B,CAAA;AAET,IAAM,QAAQ,GAAwB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CACnD,8BAAC,UAAO,uBAAK,IAAI,GAAG,IAAI,CAAC,QAAQ,IAAI,SAAS,CAAW,CAC5D,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEjC,IAAM,eAAe,GAAwB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CACjE;QACI,8BAAC,QAAQ,uBAAK,IAAI,GAAG,YAAS,IAAI,CAAC,KAAK;YACpC,KAAK,oBAAa,IAAI,CAAC,IAAI,IAAI,KAAK,OAAG,CAAY;QACvD,8BAAC,WAAI,sRAME,CACR,CACN,CAAA;CAAA,CAAA;AAZY,QAAA,eAAe,mBAY3B;AAEM,IAAM,WAAW,GAAwB,cAAM,OAAA,CAClD;IACI,8BAAC,UAAO,IAAC,KAAK,EAAC,GAAG,uBAA2B;IAC7C,8BAAC,UAAO,IAAC,KAAK,EAAC,GAAG,uBAA2B;IAC7C,8BAAC,UAAO,IAAC,KAAK,EAAC,GAAG,uBAA2B;IAC7C,8BAAC,UAAO,IAAC,KAAK,EAAC,GAAG,uBAA2B;IAC7C,8BAAC,UAAO,IAAC,KAAK,EAAC,GAAG,uBAA2B;IAC7C,8BAAC,UAAO,IAAC,KAAK,EAAC,GAAG,uBAA2B,CAC9C,CACN,EATqD,CASrD,CAAA;AATY,QAAA,WAAW,eASvB;AAED,mBAAW,CAAC,UAAU,GAAG;IACrB,QAAQ,EAAE,EAAE,qBAAqB,EAAE,IAAI,EAAE;CAC5C,CAAA"}

package/dist/components/Heading/styles.js

@@ -2,19 +2,54 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledHeading = void 0;
 var tslib_1 = require("tslib");
-var styled_map_1 = require("styled-map");
 var styled_components_1 = require("styled-components");
-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 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\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\n    font-weight: ", ";\n    color: ", ";\n"])), function (_a) {
     var align = _a.align;
     return align;
-}, function (props) { return props.theme.font.heading; }, styled_map_1.default('size', {
-    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; },
-    4: function (props) { return props.theme.font.sizes.l; },
-    5: function (props) { return props.theme.font.sizes.m; },
-    6: function (props) { return props.theme.font.sizes.s; },
-}), styled_map_1.default('margin', {
+}, function (props) { return props.theme.font.heading; }, function (props) {
+    return props.size
+        ? styled_map_1.default('size', {
+            xxxl: function (props) {
+                return props.theme.font.sizes.xxxl;
+            },
+            xxl: function (props) {
+                return props.theme.font.sizes.xxl;
+            },
+            xl: function (props) {
+                return props.theme.font.sizes.xl;
+            },
+            l: function (props) {
+                return props.theme.font.sizes.l;
+            },
+            m: function (props) {
+                return props.theme.font.sizes.m;
+            },
+            s: function (props) {
+                return props.theme.font.sizes.s;
+            },
+        })
+        : 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;
+            },
+            4: function (props) {
+                return props.theme.font.sizes.l;
+            },
+            5: function (props) {
+                return props.theme.font.sizes.m;
+            },
+            6: function (props) {
+                return props.theme.font.sizes.s;
+            },
+        });
+}, 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'; },
@@ -22,17 +57,28 @@ exports.StyledHeading = styled_components_1.default.h2(templateObject_1 || (temp
     4: function (props) { return props.theme.spacing[4] + 'px'; },
     5: function (props) { return props.theme.spacing[5] + 'px'; },
     6: function (props) { return props.theme.spacing[6] + 'px'; },
-}), styled_map_1.default('size', {
-    1: '48px',
-    2: '42px',
-    3: '36px',
-    4: '30px',
-    5: '24px',
-    6: '21px',
 }), function (props) {
+    return props.size
+        ? styled_map_1.default('size', {
+            xxxl: '48px',
+            xxl: '42px',
+            xl: '36px',
+            l: '30px',
+            m: '24px',
+            s: '21px',
+        })
+        : styled_map_1.default('level', {
+            1: '48px',
+            2: '42px',
+            3: '36px',
+            4: '30px',
+            5: '24px',
+            6: '21px',
+        });
+}, function (props) {
     return props.weight
         ? props.weight
-        : styled_map_1.default('size', {
+        : 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/Input/styles.js

@@ -5,7 +5,7 @@ var tslib_1 = require("tslib");
 var styled_components_1 = require("styled-components");
 var HelpText_1 = require("../HelpText");
 exports.StyledInputWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    display: flex;\n    position: relative;\n"], ["\n    display: flex;\n    position: relative;\n"])));
-exports.inputStyles = styled_components_1.css(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    font-family: ", ";\n    font-weight: 500;\n    font-size: ", ";\n    color: ", ";\n    align-items: center;\n    max-width: 100%;\n    overflow-wrap: break-word;\n    border-style: solid;\n    border-width: ", "px;\n    border-color: ", ";\n    border-radius: ", ";\n    background-color: ", ";\n    overflow: hidden;\n    transition: background-color 0.2s ease-in-out 0s,\n        border-color 0.2s ease-in-out 0s;\n    padding: 16px 16px;\n    height: 40px;\n    width: 100%;\n\n    &[type='text'],\n    &[type='number'],\n    &[type='email'],\n    &[type='tel'],\n    &[type='search'] {\n        -webkit-appearance: none;\n    }\n\n    &[type='number'] {\n        &::-webkit-inner-spin-button,\n        &::-webkit-outer-spin-button {\n            -webkit-appearance: none;\n            margin: 0;\n        }\n    }\n\n    // hide the helptext if it is available\n    + div {\n        opacity: 0;\n    }\n\n    &:focus {\n        border-color: ", ";\n        outline: none;\n\n        // show the helptext if it is available\n        + div {\n            opacity: 1;\n        }\n    }\n\n    &::placeholder {\n        color: ", ";\n        font-weight: 500;\n    }\n"], ["\n    font-family: ", ";\n    font-weight: 500;\n    font-size: ", ";\n    color: ", ";\n    align-items: center;\n    max-width: 100%;\n    overflow-wrap: break-word;\n    border-style: solid;\n    border-width: ", "px;\n    border-color: ", ";\n    border-radius: ", ";\n    background-color: ", ";\n    overflow: hidden;\n    transition: background-color 0.2s ease-in-out 0s,\n        border-color 0.2s ease-in-out 0s;\n    padding: 16px 16px;\n    height: 40px;\n    width: 100%;\n\n    &[type='text'],\n    &[type='number'],\n    &[type='email'],\n    &[type='tel'],\n    &[type='search'] {\n        -webkit-appearance: none;\n    }\n\n    &[type='number'] {\n        &::-webkit-inner-spin-button,\n        &::-webkit-outer-spin-button {\n            -webkit-appearance: none;\n            margin: 0;\n        }\n    }\n\n    // hide the helptext if it is available\n    + div {\n        opacity: 0;\n    }\n\n    &:focus {\n        border-color: ", ";\n        outline: none;\n\n        // show the helptext if it is available\n        + div {\n            opacity: 1;\n        }\n    }\n\n    &::placeholder {\n        color: ", ";\n        font-weight: 500;\n    }\n"])), function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, function (props) {
+exports.inputStyles = styled_components_1.css(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    font-family: ", ";\n    font-weight: 500;\n    font-size: ", ";\n    color: ", ";\n    align-items: center;\n    max-width: 100%;\n    overflow-wrap: break-word;\n    border-style: solid;\n    border-width: ", "px;\n    border-color: ", ";\n    border-radius: ", ";\n    background-color: ", ";\n    overflow: hidden;\n    transition: background-color 0.2s ease-in-out 0s,\n        border-color 0.2s ease-in-out 0s;\n    padding: 16px 16px;\n    height: 40px;\n    width: 100%;\n\n    &[type='text'],\n    &[type='number'],\n    &[type='email'],\n    &[type='tel'] {\n        -webkit-appearance: none;\n    }\n\n    &[type='search'] {\n        /* clears the 'X' from Internet Explorer */\n        &::-ms-clear {\n            display: none;\n            width: 0;\n            height: 0;\n        }\n        &::-ms-reveal {\n            display: none;\n            width: 0;\n            height: 0;\n        }\n        /* clears the 'X' from Chrome */\n        &::-webkit-search-cancel-button,\n        &::-webkit-search-results-button,\n        &::-webkit-search-results-decoration {\n            display: none;\n        }\n    }\n\n    &[type='number'] {\n        &::-webkit-inner-spin-button,\n        &::-webkit-outer-spin-button {\n            -webkit-appearance: none;\n            margin: 0;\n        }\n    }\n\n    // hide the helptext if it is available\n    + div {\n        opacity: 0;\n    }\n\n    &:focus {\n        border-color: ", ";\n        outline: none;\n\n        // show the helptext if it is available\n        + div {\n            opacity: 1;\n        }\n    }\n\n    &::placeholder {\n        color: ", ";\n        font-weight: 500;\n    }\n"], ["\n    font-family: ", ";\n    font-weight: 500;\n    font-size: ", ";\n    color: ", ";\n    align-items: center;\n    max-width: 100%;\n    overflow-wrap: break-word;\n    border-style: solid;\n    border-width: ", "px;\n    border-color: ", ";\n    border-radius: ", ";\n    background-color: ", ";\n    overflow: hidden;\n    transition: background-color 0.2s ease-in-out 0s,\n        border-color 0.2s ease-in-out 0s;\n    padding: 16px 16px;\n    height: 40px;\n    width: 100%;\n\n    &[type='text'],\n    &[type='number'],\n    &[type='email'],\n    &[type='tel'] {\n        -webkit-appearance: none;\n    }\n\n    &[type='search'] {\n        /* clears the 'X' from Internet Explorer */\n        &::-ms-clear {\n            display: none;\n            width: 0;\n            height: 0;\n        }\n        &::-ms-reveal {\n            display: none;\n            width: 0;\n            height: 0;\n        }\n        /* clears the 'X' from Chrome */\n        &::-webkit-search-cancel-button,\n        &::-webkit-search-results-button,\n        &::-webkit-search-results-decoration {\n            display: none;\n        }\n    }\n\n    &[type='number'] {\n        &::-webkit-inner-spin-button,\n        &::-webkit-outer-spin-button {\n            -webkit-appearance: none;\n            margin: 0;\n        }\n    }\n\n    // hide the helptext if it is available\n    + div {\n        opacity: 0;\n    }\n\n    &:focus {\n        border-color: ", ";\n        outline: none;\n\n        // show the helptext if it is available\n        + div {\n            opacity: 1;\n        }\n    }\n\n    &::placeholder {\n        color: ", ";\n        font-weight: 500;\n    }\n"])), function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, function (props) {
     return props.disabled
         ? props.theme.colors.grey[2]
         : props.theme.colors.input.color;

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

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