@beequip/hexagon 0.15.3 → 0.16.0

package/dist/assets/icons/InfoCircle.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { IconProps } from '../../theme/types';
-export declare const InfoCircle: ({ width, ...rest }: IconProps) => JSX.Element;
+export declare const InfoCircle: ({ width, color, text, id, ...rest }: IconProps) => JSX.Element;

package/dist/assets/icons/InfoCircle.js

@@ -4,11 +4,10 @@ exports.InfoCircle = void 0;
 var tslib_1 = require("tslib");
 var React = require("react");
 var InfoCircle = function (_a) {
-    var _b = _a.width, width = _b === void 0 ? '100%' : _b, rest = tslib_1.__rest(_a, ["width"]);
-    return (React.createElement("svg", tslib_1.__assign({ width: width, height: "100%", viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, rest),
-        React.createElement("path", { d: "M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8z" }),
-        React.createElement("path", { d: "M11 11h2v6h-2zm0-4h2v2h-2z" }),
-        ' '));
+    var _b = _a.width, width = _b === void 0 ? 21 : _b, color = _a.color, text = _a.text, id = _a.id, rest = tslib_1.__rest(_a, ["width", "color", "text", "id"]);
+    return (React.createElement("svg", tslib_1.__assign({ width: width, height: "100%", viewBox: "0 0 24 24", fill: "currentColor", focusable: "false", role: "img", xmlns: "http://www.w3.org/2000/svg", "data-tip": text, "data-for": id }, rest),
+        React.createElement("path", { fill: color || 'currentColor', d: "M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8z" }),
+        React.createElement("path", { fill: color || 'currentColor', d: "M11 11h2v6h-2zm0-4h2v2h-2z" })));
 };
 exports.InfoCircle = InfoCircle;
 //# sourceMappingURL=InfoCircle.js.map

package/dist/assets/icons/InfoCircle.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoCircle.js","sourceRoot":"","sources":["../../../src/assets/icons/InfoCircle.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAGvB,IAAM,UAAU,GAAG,UAAC,EAAsC;IAApC,IAAA,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EAAK,IAAI,sBAAzB,SAA2B,CAAF;IAAkB,OAAA,CAClE,8CACI,KAAK,EAAE,KAAK,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,4BAA4B,IAC9B,IAAI;QAER,8BAAM,CAAC,EAAC,wIAAwI,GAAG;QACnJ,8BAAM,CAAC,EAAC,4BAA4B,GAAG;QAAC,GAAG,CACzC,CACT,CAAA;CAAA,CAAA;AAZY,QAAA,UAAU,cAYtB"}
+{"version":3,"file":"InfoCircle.js","sourceRoot":"","sources":["../../../src/assets/icons/InfoCircle.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAGvB,IAAM,UAAU,GAAG,UAAC,EAMf;IALR,IAAA,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,EAAE,QAAA,EACC,IAAI,sBALgB,gCAM1B,CADU;IACM,OAAA,CACb,8CACI,KAAK,EAAE,KAAK,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,4BAA4B,cACxB,IAAI,cACJ,EAAE,IACR,IAAI;QAER,8BACI,IAAI,EAAE,KAAK,IAAI,cAAc,EAC7B,CAAC,EAAC,wIAAwI,GACtI;QACR,8BACI,IAAI,EAAE,KAAK,IAAI,cAAc,EAC7B,CAAC,EAAC,4BAA4B,GAC1B,CACN,CACT,CAAA;CAAA,CAAA;AA5BY,QAAA,UAAU,cA4BtB"}

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

@@ -8,5 +8,6 @@ export interface CardProps {
     shadow?: 's' | 'l';
     radius?: 's' | 'l';
     textAlign?: TextAlignType;
+    overflow?: 'visible' | 'hidden' | 'scroll' | 'auto';
 }
 export declare const Card: React.FC<CardProps & BoxProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAE9B,8BAAsC;AACtC,mCAAqC;AAW9B,IAAM,IAAI,GAAmC,UAAC,EAQpD;IAPG,IAAA,IAAI,UAAA,EACJ,GAAG,SAAA,EACH,KAAK,WAAA,EACL,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,QAAQ,cAAA,EACL,IAAI,sBAP0C,sDAQpD,CADU;IAEP,OAAO,CACH,oBAAC,SAAG,iBACW,IAAI,EACf,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI;QAEV,oBAAC,mBAAU,uBAAK,IAAI,GAAG,QAAQ,CAAc,CAC3C,CACT,CAAA;AACL,CAAC,CAAA;AApBY,QAAA,IAAI,QAoBhB;AAED,YAAI,CAAC,YAAY,GAAG;IAChB,UAAU,EAAE,OAAO;IACnB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,GAAG;IACX,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,OAAO,EAAE,SAAS;CACR,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAE9B,8BAAsC;AACtC,mCAAqC;AAY9B,IAAM,IAAI,GAAmC,UAAC,EAQpD;IAPG,IAAA,IAAI,UAAA,EACJ,GAAG,SAAA,EACH,KAAK,WAAA,EACL,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,QAAQ,cAAA,EACL,IAAI,sBAP0C,sDAQpD,CADU;IAEP,OAAO,CACH,oBAAC,SAAG,iBACW,IAAI,EACf,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI;QAEV,oBAAC,mBAAU,uBAAK,IAAI,GAAG,QAAQ,CAAc,CAC3C,CACT,CAAA;AACL,CAAC,CAAA;AApBY,QAAA,IAAI,QAoBhB;AAED,YAAI,CAAC,YAAY,GAAG;IAChB,UAAU,EAAE,OAAO;IACnB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,GAAG;IACX,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,OAAO,EAAE,SAAS;CACR,CAAA"}

package/dist/components/Card/styles.js

@@ -4,7 +4,7 @@ exports.StyledCard = void 0;
 var tslib_1 = require("tslib");
 var styled_components_1 = require("styled-components");
 var styled_map_1 = require("styled-map");
-exports.StyledCard = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    background: ", ";\n    color: ", ";\n    padding-left: ", ";\n    padding-right: ", ";\n    padding-top: ", ";\n    padding-bottom: ", ";\n    border-radius: ", ";\n    box-shadow: ", ";\n    text-align: ", ";\n    transition: background 200ms ease-in;\n"], ["\n    background: ", ";\n    color: ", ";\n    padding-left: ", ";\n    padding-right: ", ";\n    padding-top: ", ";\n    padding-bottom: ", ";\n    border-radius: ", ";\n    box-shadow: ", ";\n    text-align: ", ";\n    transition: background 200ms ease-in;\n"])), function (props) {
+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: background 200ms ease-in;\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: background 200ms ease-in;\n    overflow: ", ";\n"])), function (props) {
     return props.background === 'grey'
         ? props.theme.colors.grey[5]
         : props.background === 'white'
@@ -62,6 +62,6 @@ exports.StyledCard = styled_components_1.default.div(templateObject_1 || (templa
         : props.shadow === 'l'
             ? props.theme.shadow.large
             : 'none';
-}, function (props) { return props.textAlign; });
+}, function (props) { return props.textAlign; }, 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":";;;;AAAA,uDAAsC;AACtC,yCAAkC;AAGrB,QAAA,UAAU,GAAG,2BAAM,CAAC,GAAG,iVAAW,oBAC7B,EAKY,gBACjB,EAGgC,uBACzB,EAQV,wBACW,EAQX,sBACS,EAQT,yBACY,EAQZ,wBACW,EAKN,qBACG,EAKE,qBACF,EAAwB,gDAEzC,KA5DiB,UAAA,KAAK;IACf,OAAA,KAAK,CAAC,UAAU,KAAK,MAAM;QACvB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;QAC5B,CAAC,CAAC,KAAK,CAAC,UAAU,KAAK,OAAO;YAC9B,CAAC,CAAC,OAAO;YACT,CAAC,CAAC,KAAK,CAAC,UAAU;AAJtB,CAIsB,EACjB,UAAA,KAAK;IACV,OAAA,KAAK,CAAC,UAAU,KAAK,OAAO;QACxB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;QACjC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;AAFrC,CAEqC,EACzB,UAAA,KAAK;IACjB,OAAA,oBAAS,CAAC,IAAI,EAAE;QACZ,CAAC,EAAE,GAAG;QACN,CAAC,EAAK,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAI;QAChC,CAAC,EAAK,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAI;QAChC,CAAC,EAAK,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAI;QAChC,CAAC,EAAK,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAI;QAChC,CAAC,EAAK,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAI;KACnC,CAAC;AAPF,CAOE,EACW,UAAA,KAAK;IAClB,OAAA,oBAAS,CAAC,IAAI,EAAE;QACZ,CAAC,EAAE,GAAG;QACN,CAAC,EAAK,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAI;QAChC,CAAC,EAAK,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAI;QAChC,CAAC,EAAK,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAI;QAChC,CAAC,EAAK,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAI;QAChC,CAAC,EAAK,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAI;KACnC,CAAC;AAPF,CAOE,EACS,UAAA,KAAK;IAChB,OAAA,oBAAS,CAAC,IAAI,EAAE;QACZ,CAAC,EAAE,GAAG;QACN,CAAC,EAAK,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAI;QAChC,CAAC,EAAK,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAI;QAChC,CAAC,EAAK,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAI;QAChC,CAAC,EAAK,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAI;QAChC,CAAC,EAAK,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAI;KACnC,CAAC;AAPF,CAOE,EACY,UAAA,KAAK;IACnB,OAAA,oBAAS,CAAC,IAAI,EAAE;QACZ,CAAC,EAAE,GAAG;QACN,CAAC,EAAK,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAI;QAChC,CAAC,EAAK,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAI;QAChC,CAAC,EAAK,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAI;QAChC,CAAC,EAAK,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAI;QAChC,CAAC,EAAK,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAI;KACnC,CAAC;AAPF,CAOE,EACW,UAAA,KAAK;IAClB,OAAA,KAAK,CAAC,MAAM,KAAK,GAAG;QAChB,CAAC,CAAI,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,OAAI;QACzC,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,GAAG;YACtB,CAAC,CAAI,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,OAAI;YACvC,CAAC,CAAC,CAAC;AAJP,CAIO,EACG,UAAA,KAAK;IACf,OAAA,KAAK,CAAC,MAAM,KAAK,GAAG;QAChB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;QAC1B,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,GAAG;YACtB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;YAC1B,CAAC,CAAC,MAAM;AAJZ,CAIY,EACF,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,SAAS,EAAf,CAAe,EAEzC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Card/styles.ts"],"names":[],"mappings":"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"}

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

@@ -1,9 +1,32 @@
 import * as React from 'react';
+import { fontSizes } from '../../theme';
 import { Spacing } from '../../theme/types';
 export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
+    /**
+     * The level determines how the element should be rendered (h1 - h6).
+     */
+    level?: '1' | '2' | '3' | '4' | '5' | '6';
+    /**
+     * The default size of each heading level can be overwritten with a size corresponding with the theme sizes.
+     *
+     * `xs: 12`
+     *
+     * `s: 14`
+     *
+     * `m: 16`
+     *
+     * `l: 20`
+     *
+     * `xl: 24`
+     *
+     * `xxl: 28`
+     *
+     * `xxxl: 32`
+     */
+    size?: keyof typeof fontSizes;
+    margin?: Spacing;
     align?: 'inherit' | 'left' | 'center' | 'right' | 'justify';
     weight?: '400' | '500' | '800' | '900';
-    size?: 1 | 2 | 3 | 4 | 5 | 6;
-    margin?: Spacing;
+    children: React.ReactNode;
 }
 export declare const Heading: React.FC<HeadingProps>;

package/dist/components/Heading/index.js

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