@beequip/hexagon 0.18.0 → 0.18.1

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

@@ -26,5 +26,9 @@ exports.WithError.args = {
     htmlFor: 'field-error',
     label: 'Input label',
     error: 'Required',
+    tooltip: {
+        content: 'Tooltip example',
+        place: 'top',
+    },
 };
 //# sourceMappingURL=index.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Field/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAqC;AACrC,kCAAgC;AAEhC,kBAAe;IACX,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,QAAK;IAChB,WAAW,EAAE,OAAO;IACpB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAE,EAAP,CAAO,CAAC;CACzB,CAAA;AAET,IAAM,QAAQ,GAAwB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CACnD,8BAAC,QAAK,uBAAK,IAAI;QACX,8BAAC,aAAK,IAAC,EAAE,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,CAC1C,CACX,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,eAAO,CAAC,IAAI,GAAG;IACX,OAAO,EAAE,OAAO;IAChB,KAAK,EAAE,aAAa;CACvB,CAAA;AAEY,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC1C,iBAAS,CAAC,IAAI,GAAG;IACb,OAAO,EAAE,aAAa;IACtB,KAAK,EAAE,aAAa;IACpB,KAAK,EAAE,UAAU;CACpB,CAAA"}
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Field/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAqC;AACrC,kCAAgC;AAEhC,kBAAe;IACX,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,QAAK;IAChB,WAAW,EAAE,OAAO;IACpB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAE,EAAP,CAAO,CAAC;CACzB,CAAA;AAET,IAAM,QAAQ,GAAwB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CACnD,8BAAC,QAAK,uBAAK,IAAI;QACX,8BAAC,aAAK,IAAC,EAAE,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,CAC1C,CACX,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,eAAO,CAAC,IAAI,GAAG;IACX,OAAO,EAAE,OAAO;IAChB,KAAK,EAAE,aAAa;CACvB,CAAA;AAEY,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC1C,iBAAS,CAAC,IAAI,GAAG;IACb,OAAO,EAAE,aAAa;IACtB,KAAK,EAAE,aAAa;IACpB,KAAK,EAAE,UAAU;IACjB,OAAO,EAAE;QACL,OAAO,EAAE,iBAAiB;QAC1B,KAAK,EAAE,KAAK;KACf;CACJ,CAAA"}

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

@@ -2,5 +2,6 @@ import * as React from 'react';
 export interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement> {
     label: string;
     name: string;
+    hook?: string;
 }
-export declare const Radio: ({ name, label, ...props }: RadioProps) => JSX.Element;
+export declare const Radio: ({ name, label, hook, ...props }: RadioProps) => JSX.Element;

package/dist/components/Radio/index.js

@@ -5,10 +5,10 @@ var tslib_1 = require("tslib");
 var React = require("react");
 var styles_1 = require("./styles");
 var Radio = function (_a) {
-    var name = _a.name, label = _a.label, props = tslib_1.__rest(_a, ["name", "label"]);
+    var name = _a.name, label = _a.label, hook = _a.hook, props = tslib_1.__rest(_a, ["name", "label", "hook"]);
     return (React.createElement("div", null,
         React.createElement(styles_1.StyledRadioInput, tslib_1.__assign({ id: name, type: "radio" }, props)),
-        React.createElement(styles_1.StyledRadioLabel, { htmlFor: name }, label)));
+        React.createElement(styles_1.StyledRadioLabel, { "data-hook": hook, htmlFor: name }, label)));
 };
 exports.Radio = Radio;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,mCAA6D;AAQtD,IAAM,KAAK,GAAG,UAAC,EAAqC;IAAnC,IAAA,IAAI,UAAA,EAAE,KAAK,WAAA,EAAK,KAAK,sBAAvB,iBAAyB,CAAF;IACzC,OAAO,CACH;QACI,oBAAC,yBAAgB,qBAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAC,OAAO,IAAK,KAAK,EAAI;QACtD,oBAAC,yBAAgB,IAAC,OAAO,EAAE,IAAI,IAAG,KAAK,CAAoB,CACzD,CACT,CAAA;AACL,CAAC,CAAA;AAPY,QAAA,KAAK,SAOjB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,mCAA6D;AAStD,IAAM,KAAK,GAAG,UAAC,EAKT;IAJT,IAAA,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,IAAI,UAAA,EACD,KAAK,sBAJU,yBAKrB,CADW;IAER,OAAO,CACH;QACI,oBAAC,yBAAgB,qBAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAC,OAAO,IAAK,KAAK,EAAI;QACtD,oBAAC,yBAAgB,iBAAY,IAAI,EAAE,OAAO,EAAE,IAAI,IAC3C,KAAK,CACS,CACjB,CACT,CAAA;AACL,CAAC,CAAA;AAdY,QAAA,KAAK,SAcjB"}

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

@@ -2,6 +2,7 @@ import * as React from 'react';
 interface RadioOption {
     label: string;
     value: React.InputHTMLAttributes<HTMLInputElement>['value'];
+    hook?: string;
 }
 export interface RadioGroupProps {
     value: React.InputHTMLAttributes<HTMLInputElement>['value'];

package/dist/components/RadioGroup/index.js

@@ -6,7 +6,7 @@ var index_1 = require("../Radio/index");
 var styles_1 = require("./styles");
 var RadioGroup = function (_a) {
     var options = _a.options, value = _a.value, onChange = _a.onChange;
-    return (React.createElement(styles_1.StyledRadioGroup, null, options.map(function (item, key) { return (React.createElement(index_1.Radio, { key: key, label: item.label, name: item.label, value: item.value, checked: value === item.value, onChange: onChange })); })));
+    return (React.createElement(styles_1.StyledRadioGroup, null, options.map(function (item, key) { return (React.createElement(index_1.Radio, { key: key, label: item.label, name: item.label, value: item.value, checked: value === item.value, onChange: onChange, hook: item.hook })); })));
 };
 exports.RadioGroup = RadioGroup;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RadioGroup/index.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAC9B,wCAAsC;AACtC,mCAA2C;AAapC,IAAM,UAAU,GAAG,UAAC,EAIT;QAHd,OAAO,aAAA,EACP,KAAK,WAAA,EACL,QAAQ,cAAA;IAER,OAAO,CACH,oBAAC,yBAAgB,QACZ,OAAO,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG,IAAK,OAAA,CACxB,oBAAC,aAAK,IACF,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,KAAK,EAChB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,KAAK,KAAK,IAAI,CAAC,KAAK,EAC7B,QAAQ,EAAE,QAAQ,GACpB,CACL,EAT2B,CAS3B,CAAC,CACa,CACtB,CAAA;AACL,CAAC,CAAA;AAnBY,QAAA,UAAU,cAmBtB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RadioGroup/index.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAC9B,wCAAsC;AACtC,mCAA2C;AAcpC,IAAM,UAAU,GAAG,UAAC,EAIT;QAHd,OAAO,aAAA,EACP,KAAK,WAAA,EACL,QAAQ,cAAA;IAER,OAAO,CACH,oBAAC,yBAAgB,QACZ,OAAO,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG,IAAK,OAAA,CACxB,oBAAC,aAAK,IACF,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,KAAK,EAChB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,KAAK,KAAK,IAAI,CAAC,KAAK,EAC7B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,CAAC,IAAI,GACjB,CACL,EAV2B,CAU3B,CAAC,CACa,CACtB,CAAA;AACL,CAAC,CAAA;AApBY,QAAA,UAAU,cAoBtB"}

package/dist/components/Select/styles.js

@@ -4,7 +4,7 @@ exports.StyledChevron = exports.StyledOption = exports.StyledSelect = void 0;
 var tslib_1 = require("tslib");
 var styled_components_1 = require("styled-components");
 var styled_map_1 = require("styled-map");
-exports.StyledSelect = styled_components_1.default.select(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    font-family: ", ";\n    font-size: ", ";\n    font-weight: 400;\n    display: block;\n    appearance: none;\n    padding: 0 12px;\n    height: 40px;\n    line-height: 40px;\n    width: 100%;\n    border-style: solid;\n    border-radius: ", "px;\n    border-width: ", "px;\n    border-color: ", ";\n    color: ", ";\n    background-color: ", ";\n    cursor: ", ";\n    box-shadow: ", ";\n\n    &:focus {\n        outline: none;\n        padding: 0 11px;\n        line-height: 38px;\n        border-width: 2px;\n        border-color: ", ";\n    }\n\n    &::-ms-expand {\n        display: none;\n    }\n"], ["\n    font-family: ", ";\n    font-size: ", ";\n    font-weight: 400;\n    display: block;\n    appearance: none;\n    padding: 0 12px;\n    height: 40px;\n    line-height: 40px;\n    width: 100%;\n    border-style: solid;\n    border-radius: ", "px;\n    border-width: ", "px;\n    border-color: ", ";\n    color: ", ";\n    background-color: ", ";\n    cursor: ", ";\n    box-shadow: ", ";\n\n    &:focus {\n        outline: none;\n        padding: 0 11px;\n        line-height: 38px;\n        border-width: 2px;\n        border-color: ", ";\n    }\n\n    &::-ms-expand {\n        display: none;\n    }\n"])), function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, function (props) { return props.theme.borderRadius.input; }, function (props) { return props.theme.borderWidth; }, function (props) {
+exports.StyledSelect = styled_components_1.default.select(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    font-family: ", ";\n    font-size: ", ";\n    font-weight: 400;\n    display: block;\n    appearance: none;\n    padding: 0 12px;\n    height: 48px;\n    line-height: 48px;\n    width: 100%;\n    border-style: solid;\n    border-radius: ", "px;\n    border-width: ", "px;\n    border-color: ", ";\n    color: ", ";\n    background-color: ", ";\n    cursor: ", ";\n    box-shadow: ", ";\n\n    &:focus {\n        outline: none;\n        padding: 0 11px;\n        line-height: 38px;\n        border-width: 2px;\n        border-color: ", ";\n    }\n\n    &::-ms-expand {\n        display: none;\n    }\n"], ["\n    font-family: ", ";\n    font-size: ", ";\n    font-weight: 400;\n    display: block;\n    appearance: none;\n    padding: 0 12px;\n    height: 48px;\n    line-height: 48px;\n    width: 100%;\n    border-style: solid;\n    border-radius: ", "px;\n    border-width: ", "px;\n    border-color: ", ";\n    color: ", ";\n    background-color: ", ";\n    cursor: ", ";\n    box-shadow: ", ";\n\n    &:focus {\n        outline: none;\n        padding: 0 11px;\n        line-height: 38px;\n        border-width: 2px;\n        border-color: ", ";\n    }\n\n    &::-ms-expand {\n        display: none;\n    }\n"])), function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, function (props) { return props.theme.borderRadius.input; }, function (props) { return props.theme.borderWidth; }, function (props) {
     return props.error
         ? props.theme.colors.input.error
         : props.theme.colors.input.border;

package/package.json

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