@beequip/hexagon 0.18.0-2 → 0.18.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Checkbox/styles.js +1 -1
- package/dist/components/Checkbox/styles.js.map +1 -1
- package/dist/components/Field/index.stories.js +4 -0
- package/dist/components/Field/index.stories.js.map +1 -1
- package/dist/components/Radio/index.d.ts +2 -1
- package/dist/components/Radio/index.js +2 -2
- package/dist/components/Radio/index.js.map +1 -1
- package/dist/components/RadioGroup/index.d.ts +1 -0
- package/dist/components/RadioGroup/index.js +1 -1
- package/dist/components/RadioGroup/index.js.map +1 -1
- package/dist/components/Select/styles.js +1 -1
- package/package.json +1 -1
|
@@ -12,7 +12,7 @@ exports.StyledCheckboxContainer = styled_components_1.default.div(templateObject
|
|
|
12
12
|
"\n justify-content: space-between;\n flex-direction: row-reverse;\n ";
|
|
13
13
|
});
|
|
14
14
|
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; });
|
|
15
|
-
exports.StyledCheckbox = styled_components_1.default.input(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n height: 14px;\n width: 14px;\n min-width: 14px;\n position: relative;\n border: 2px solid ", ";\n border-radius: 2px;\n background: none;\n cursor: pointer;\n font-size: 8px;\n line-height: 0;\n margin:
|
|
15
|
+
exports.StyledCheckbox = styled_components_1.default.input(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n height: 14px;\n width: 14px;\n min-width: 14px;\n position: relative;\n border: 2px solid ", ";\n border-radius: 2px;\n background: none;\n cursor: pointer;\n font-size: 8px;\n line-height: 0;\n margin: 5px 0 0;\n outline: 0;\n padding: 0;\n -webkit-appearance: none;\n transition: ", ";\n\n &:before {\n content: '';\n position: absolute;\n box-sizing: border-box;\n right: 50%;\n top: 50%;\n width: 4px;\n height: 7px;\n border: solid #fff;\n border-width: 0 2px 2px 0;\n margin: 0px -1px 0 -2px;\n transform: rotate(45deg) translate(-50%, -50%);\n z-index: 2;\n }\n\n &:checked {\n border: none;\n background: ", ";\n }\n"], ["\n height: 14px;\n width: 14px;\n min-width: 14px;\n position: relative;\n border: 2px solid ", ";\n border-radius: 2px;\n background: none;\n cursor: pointer;\n font-size: 8px;\n line-height: 0;\n margin: 5px 0 0;\n outline: 0;\n padding: 0;\n -webkit-appearance: none;\n transition: ", ";\n\n &:before {\n content: '';\n position: absolute;\n box-sizing: border-box;\n right: 50%;\n top: 50%;\n width: 4px;\n height: 7px;\n border: solid #fff;\n border-width: 0 2px 2px 0;\n margin: 0px -1px 0 -2px;\n transform: rotate(45deg) translate(-50%, -50%);\n z-index: 2;\n }\n\n &:checked {\n border: none;\n background: ", ";\n }\n"])), function (_a) {
|
|
16
16
|
var theme = _a.theme;
|
|
17
17
|
return theme.colors.grey[200];
|
|
18
18
|
}, function (_a) {
|
|
@@ -1 +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,EAAiC,oBACnC,EAAiC,6CAE/B,EAAoC,gBAC1C,EAAwC,2BAEpD,KANkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EACnC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB,EAE/B,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAA3B,CAA2B,EAC1C,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAA/B,CAA+B,EAEpD;AAEY,QAAA,cAAc,GAAG,2BAAM,CAAC,KAAK,
|
|
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,EAAiC,oBACnC,EAAiC,6CAE/B,EAAoC,gBAC1C,EAAwC,2BAEpD,KANkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EACnC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB,EAE/B,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAA3B,CAA2B,EAC1C,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAA/B,CAA+B,EAEpD;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"}
|
|
@@ -1 +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;
|
|
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;IACjB,OAAO,EAAE;QACL,OAAO,EAAE,iBAAiB;QAC1B,KAAK,EAAE,KAAK;KACf;CACJ,CAAA"}
|
|
@@ -2,5 +2,6 @@ import * as React from 'react';
|
|
|
2
2
|
export interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
3
3
|
label: string;
|
|
4
4
|
name: string;
|
|
5
|
+
hook?: string;
|
|
5
6
|
}
|
|
6
|
-
export declare const Radio: ({ name, label, ...props }: RadioProps) => JSX.Element;
|
|
7
|
+
export declare const Radio: ({ name, label, hook, ...props }: RadioProps) => JSX.Element;
|
|
@@ -5,10 +5,10 @@ var tslib_1 = require("tslib");
|
|
|
5
5
|
var React = require("react");
|
|
6
6
|
var styles_1 = require("./styles");
|
|
7
7
|
var Radio = function (_a) {
|
|
8
|
-
var name = _a.name, label = _a.label, props = tslib_1.__rest(_a, ["name", "label"]);
|
|
8
|
+
var name = _a.name, label = _a.label, hook = _a.hook, props = tslib_1.__rest(_a, ["name", "label", "hook"]);
|
|
9
9
|
return (React.createElement("div", null,
|
|
10
10
|
React.createElement(styles_1.StyledRadioInput, tslib_1.__assign({ id: name, type: "radio" }, props)),
|
|
11
|
-
React.createElement(styles_1.StyledRadioLabel, { htmlFor: name }, label)));
|
|
11
|
+
React.createElement(styles_1.StyledRadioLabel, { "data-hook": hook, htmlFor: name }, label)));
|
|
12
12
|
};
|
|
13
13
|
exports.Radio = Radio;
|
|
14
14
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,mCAA6D;
|
|
1
|
+
{"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"}
|
|
@@ -6,7 +6,7 @@ var index_1 = require("../Radio/index");
|
|
|
6
6
|
var styles_1 = require("./styles");
|
|
7
7
|
var RadioGroup = function (_a) {
|
|
8
8
|
var options = _a.options, value = _a.value, onChange = _a.onChange;
|
|
9
|
-
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 })); })));
|
|
9
|
+
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 })); })));
|
|
10
10
|
};
|
|
11
11
|
exports.RadioGroup = RadioGroup;
|
|
12
12
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RadioGroup/index.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAC9B,wCAAsC;AACtC,mCAA2C;
|
|
1
|
+
{"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"}
|
|
@@ -4,7 +4,7 @@ exports.StyledChevron = exports.StyledOption = exports.StyledSelect = void 0;
|
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var styled_components_1 = require("styled-components");
|
|
6
6
|
var styled_map_1 = require("styled-map");
|
|
7
|
-
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:
|
|
7
|
+
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) {
|
|
8
8
|
return props.error
|
|
9
9
|
? props.theme.colors.input.error
|
|
10
10
|
: props.theme.colors.input.border;
|