@beequip/hexagon 0.22.2 → 0.22.4
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/README.md +2 -2
- package/dist/assets/icons/ArrowLeft.d.ts +1 -0
- package/dist/assets/icons/ArrowRight.d.ts +1 -0
- package/dist/assets/icons/CheckCircle.d.ts +1 -0
- package/dist/assets/icons/Checkmark.d.ts +1 -0
- package/dist/assets/icons/ChevronDown.d.ts +1 -0
- package/dist/assets/icons/ChevronLeft.d.ts +1 -0
- package/dist/assets/icons/ChevronRight.d.ts +1 -0
- package/dist/assets/icons/ChevronUp.d.ts +1 -0
- package/dist/assets/icons/Cross.d.ts +1 -0
- package/dist/assets/icons/ExclamationCircle.d.ts +1 -0
- package/dist/assets/icons/ExclamationTriangle.d.ts +1 -0
- package/dist/assets/icons/InfoCircle.d.ts +1 -0
- package/dist/assets/icons/MessageSquareCheck.d.ts +1 -0
- package/dist/assets/icons/MessageSquareDots.d.ts +1 -0
- package/dist/assets/icons/MinusCircle.d.ts +1 -0
- package/dist/assets/icons/PlusCircle.d.ts +1 -0
- package/dist/components/Autocomplete/Item/index.js +2 -1
- package/dist/components/Autocomplete/Item/index.js.map +1 -1
- package/dist/components/Autocomplete/Item/styles.d.ts +4 -1
- package/dist/components/Autocomplete/Item/styles.js +3 -3
- package/dist/components/Autocomplete/Item/styles.js.map +1 -1
- package/dist/components/Box/index.js +2 -1
- package/dist/components/Box/index.js.map +1 -1
- package/dist/components/Box/styles.d.ts +4 -1
- package/dist/components/Box/styles.js +3 -3
- package/dist/components/Box/styles.js.map +1 -1
- package/dist/components/Button/index.js +4 -4
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/Button/styles.d.ts +7 -4
- package/dist/components/Button/styles.js +23 -23
- package/dist/components/Button/styles.js.map +1 -1
- package/dist/components/ButtonGroup/index.js +1 -1
- package/dist/components/ButtonGroup/index.js.map +1 -1
- package/dist/components/ButtonGroup/styles.d.ts +4 -1
- package/dist/components/ButtonGroup/styles.js +4 -4
- package/dist/components/ButtonGroup/styles.js.map +1 -1
- package/dist/components/Card/index.d.ts +2 -1
- package/dist/components/Card/index.js +2 -2
- package/dist/components/Card/index.js.map +1 -1
- package/dist/components/Card/styles.d.ts +4 -1
- package/dist/components/Card/styles.js +14 -14
- package/dist/components/Card/styles.js.map +1 -1
- package/dist/components/Checkbox/index.js +1 -1
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/Checkbox/styles.d.ts +4 -1
- package/dist/components/Checkbox/styles.js +2 -2
- package/dist/components/Checkbox/styles.js.map +1 -1
- package/dist/components/CounterTag/index.d.ts +1 -0
- package/dist/components/ExternalLink/index.js +1 -1
- package/dist/components/ExternalLink/index.js.map +1 -1
- package/dist/components/ExternalLink/styles.d.ts +5 -1
- package/dist/components/ExternalLink/styles.js +2 -2
- package/dist/components/ExternalLink/styles.js.map +1 -1
- package/dist/components/Field/index.js +1 -1
- package/dist/components/Field/index.js.map +1 -1
- package/dist/components/Field/styles.d.ts +4 -1
- package/dist/components/Field/styles.js +1 -1
- package/dist/components/Field/styles.js.map +1 -1
- package/dist/components/GridColumn/index.js +18 -17
- package/dist/components/GridColumn/index.js.map +1 -1
- package/dist/components/Heading/index.d.ts +1 -1
- package/dist/components/Heading/index.js +2 -2
- package/dist/components/Heading/index.js.map +1 -1
- package/dist/components/Heading/styles.d.ts +4 -1
- package/dist/components/Heading/styles.js +12 -12
- package/dist/components/Heading/styles.js.map +1 -1
- package/dist/components/HelpText/index.js +1 -1
- package/dist/components/HelpText/index.js.map +1 -1
- package/dist/components/HelpText/styles.d.ts +4 -1
- package/dist/components/HelpText/styles.js +1 -1
- package/dist/components/HelpText/styles.js.map +1 -1
- package/dist/components/Image/index.js +1 -1
- package/dist/components/Image/index.js.map +1 -1
- package/dist/components/Image/styles.d.ts +3 -3
- package/dist/components/Image/styles.js +2 -2
- package/dist/components/Image/styles.js.map +1 -1
- package/dist/components/Input/CurrencyInput/index.js +1 -1
- package/dist/components/Input/CurrencyInput/index.js.map +1 -1
- package/dist/components/Input/index.js +1 -1
- package/dist/components/Input/index.js.map +1 -1
- package/dist/components/Input/styles.d.ts +3 -3
- package/dist/components/Input/styles.js +8 -8
- package/dist/components/Input/styles.js.map +1 -1
- package/dist/components/Link/index.d.ts +1 -1
- package/dist/components/Link/index.js +2 -2
- package/dist/components/Link/index.js.map +1 -1
- package/dist/components/Link/styles.d.ts +4 -2
- package/dist/components/Link/styles.js +3 -3
- package/dist/components/Link/styles.js.map +1 -1
- package/dist/components/ListItem/index.d.ts +1 -1
- package/dist/components/ListItem/index.js +2 -2
- package/dist/components/ListItem/index.js.map +1 -1
- package/dist/components/ListItem/styles.d.ts +4 -1
- package/dist/components/ListItem/styles.js +1 -1
- package/dist/components/ListItem/styles.js.map +1 -1
- package/dist/components/Modal/index.js +2 -2
- package/dist/components/Modal/index.js.map +1 -1
- package/dist/components/Modal/styles.d.ts +7 -8
- package/dist/components/Modal/styles.js +1 -1
- package/dist/components/Modal/styles.js.map +1 -1
- package/dist/components/Notification/index.d.ts +1 -1
- package/dist/components/Notification/index.js +3 -3
- package/dist/components/Notification/index.js.map +1 -1
- package/dist/components/Notification/styles.d.ts +5 -2
- package/dist/components/Notification/styles.js +6 -6
- package/dist/components/Notification/styles.js.map +1 -1
- package/dist/components/PageLoader/index.d.ts +1 -0
- package/dist/components/Portal/index.js +2 -2
- package/dist/components/Portal/index.js.map +1 -1
- package/dist/components/Radio/styles.d.ts +1 -3
- package/dist/components/Radio/styles.js.map +1 -1
- package/dist/components/Select/index.js +1 -1
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/Select/styles.d.ts +2 -2
- package/dist/components/Select/styles.js +2 -2
- package/dist/components/Select/styles.js.map +1 -1
- package/dist/components/Spinner/index.d.ts +1 -0
- package/dist/components/Table/Cell/index.js +1 -1
- package/dist/components/Table/Cell/index.js.map +1 -1
- package/dist/components/Table/Cell/styles.d.ts +4 -1
- package/dist/components/Table/Cell/styles.js +1 -1
- package/dist/components/Table/Cell/styles.js.map +1 -1
- package/dist/components/Tag/index.js +1 -1
- package/dist/components/Tag/index.js.map +1 -1
- package/dist/components/Tag/styles.d.ts +4 -1
- package/dist/components/Tag/styles.js +2 -2
- package/dist/components/Tag/styles.js.map +1 -1
- package/dist/components/Text/index.js +2 -1
- package/dist/components/Text/index.js.map +1 -1
- package/dist/components/Text/styles.d.ts +4 -1
- package/dist/components/Text/styles.js +5 -5
- package/dist/components/Text/styles.js.map +1 -1
- package/dist/components/TextArea/index.d.ts +1 -1
- package/dist/components/TextArea/index.js +2 -2
- package/dist/components/TextArea/index.js.map +1 -1
- package/dist/components/TextArea/styles.d.ts +4 -1
- package/dist/components/TextArea/styles.js +1 -1
- package/dist/components/TextArea/styles.js.map +1 -1
- package/dist/components/Tooltip/index.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/CurrencyInput/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,oCAAwD;AACxD,mCAA0E;AAC1E,yCAIoB;AAkBb,IAAM,aAAa,GAAG,UAAC,EAWT;IAVjB,IAAO,aAAa,WAAA,EACpB,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,MAAM,YAAA,EACN,SAAS,eAAA,EACT,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACjB,IAAI,sBAVmB,qGAW7B,CADU;IAED,IAAA,KAAA,eAA8B,KAAK,CAAC,QAAQ,CAC9C,IAAI,CAAC,SAAS,IAAI,KAAK,CAC1B,IAAA,EAFM,UAAU,QAAA,EAAE,aAAa,QAE/B,CAAA;IAEK,IAAA,KAAA,eAAqC,KAAK,CAAC,QAAQ,CACrD,aAAa,KAAK,SAAS,IAAI,aAAa,KAAK,IAAI;QACjD,CAAC,CAAC,IAAA,yBAAa,EAAC,aAAa,CAAC;QAC9B,CAAC,CAAC,EAAE,CACX,IAAA,EAJM,YAAY,QAAA,EAAE,kBAAkB,QAItC,CAAA;IAED,IAAM,YAAY,GAAG,UAAC,KAA0C;QAE9C,IAAA,KAAK,GACf,KAAK,aADU,CACV;QAET,IAAM,aAAa,GAAG,KAAK,CAAA;QAE3B,IAAI,aAAa,KAAK,EAAE,IAAI,aAAa,KAAK,IAAI,EAAE;YAChD,kBAAkB,CAAC,EAAE,CAAC,CAAA;YACtB,QAAQ,CAAC,EAAE,CAAC,CAAA;YACZ,OAAO,KAAK,CAAA;SACf;QAED,IAAM,UAAU,GAAG,QAAQ,CAAC,IAAA,4BAAgB,EAAC,aAAa,CAAC,EAAE,EAAE,CAAC,CAAA;QAEhE,IAAI,IAAA,8BAAkB,EAAC,UAAU,CAAC,EAAE;YAChC,IAAM,UAAQ,GAAG,IAAA,yBAAa,EAAC,UAAU,CAAC,CAAA;YAC1C,kBAAkB,CAAC,UAAQ,CAAC,CAAA;YAC5B,QAAQ,CAAC,UAAU,CAAC,CAAA;SACvB;QAED,OAAO,IAAI,CAAA;IACf,CAAC,CAAA;IAED,IAAM,UAAU,GAAG,UAAC,KAA0C;QAE5C,IAAA,KAAK,GACf,KAAK,aADU,CACV;QACT,aAAa,CAAC,KAAK,CAAC,CAAA;QAEpB,IAAM,aAAa,GAAG,KAAK,CAAA;QAE3B,IAAI,aAAa,KAAK,EAAE,IAAI,aAAa,KAAK,IAAI,EAAE;YAChD,kBAAkB,CAAC,EAAE,CAAC,CAAA;YACtB,MAAM,CAAC,EAAE,CAAC,CAAA;YACV,OAAO,KAAK,CAAA;SACf;QAED,IAAM,UAAU,GAAG,QAAQ,CAAC,IAAA,4BAAgB,EAAC,aAAa,CAAC,EAAE,EAAE,CAAC,CAAA;QAEhE,IAAI,IAAA,8BAAkB,EAAC,UAAU,CAAC,EAAE;YAChC,IAAM,UAAQ,GAAG,IAAA,yBAAa,EAAC,UAAU,CAAC,CAAA;YAC1C,kBAAkB,CAAC,UAAQ,CAAC,CAAA;SAC/B;QAED,MAAM,CAAC,UAAU,CAAC,CAAA;QAElB,OAAO,IAAI,CAAA;IACf,CAAC,CAAA;IAED,KAAK,CAAC,SAAS,CAAC;QACZ,IACI,aAAa,KAAK,SAAS;YAC3B,aAAa,KAAK,QAAQ,CAAC,YAAY,EAAE,EAAE,CAAC,EAC9C;YACE,kBAAkB,CAAC,IAAA,yBAAa,EAAC,aAAa,CAAC,CAAC,CAAA;SACnD;IACL,CAAC,EAAE,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC,CAAA;IAEjC,OAAO,CACH,oBAAC,mCAA0B,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/CurrencyInput/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -40,7 +40,7 @@ exports.Input = React.forwardRef(function (_a, ref) {
|
|
|
40
40
|
isFocussed &&
|
|
41
41
|
!disabled &&
|
|
42
42
|
autoComplete === 'off';
|
|
43
|
-
return (React.createElement(styles_1.StyledInputWrapper, { isFocussed: isFocussed, disabled: disabled, error: props.error, className: className },
|
|
43
|
+
return (React.createElement(styles_1.StyledInputWrapper, { "$isFocussed": isFocussed, "$disabled": disabled, "$error": props.error, className: className },
|
|
44
44
|
prefix && (React.createElement(styles_1.StyledPreFix, { className: "hexagon-input-prefix" }, prefix)),
|
|
45
45
|
React.createElement(styles_1.StyledInputInner, null,
|
|
46
46
|
React.createElement(styles_1.StyledInput, tslib_1.__assign({ "data-hook": hook, prefix: prefix, postfix: postfix, ref: inputRef, onFocus: function (e) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,kDAAgD;AAChD,mCAQiB;AAYJ,QAAA,KAAK,GAAG,KAAK,CAAC,UAAU,CACjC,UACI,EAcC,EACD,GAAG;IAdC,IAAA,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,MAAM,YAAA,EACN,SAAS,eAAA,EACT,OAAO,aAAA,EACP,MAAM,YAAA,EACN,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,YAAa,EAAb,IAAI,mBAAG,MAAM,KAAA,EACb,iBAAgB,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,QAAQ,cAAA,EACL,KAAK,sBAbZ,wIAcC,CADW;IAIZ,IAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAA;IACrD,KAAK,CAAC,mBAAmB,CACrB,GAAG,EACH,cAAM,OAAA,QAAQ,CAAC,OAA2B,EAApC,CAAoC,CAC7C,CAAA;IAED,uCAAuC;IACjC,IAAA,KAAA,eAA0B,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,IAAA,EAAvD,QAAQ,QAAA,EAAE,WAAW,QAAkC,CAAA;IAE9D,KAAK,CAAC,SAAS,CAAC;QACZ,IAAI,QAAQ,CAAC,OAAO,EAAE;YAClB,WAAW,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;SACjD;IACL,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,YAAY,GAAG,UAAC,CAAsC;QACxD,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;QACtC,IAAI,QAAQ;YAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;IAC7B,CAAC,CAAA;IAEK,IAAA,KAAA,eAA8B,KAAK,CAAC,QAAQ,CAC9C,KAAK,CAAC,SAAS,IAAI,KAAK,CAC3B,IAAA,EAFM,UAAU,QAAA,EAAE,aAAa,QAE/B,CAAA;IAED,IAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC;QAClC,IAAI,QAAQ,CAAC,OAAO,EAAE;YAClB,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAA;YAC3B,WAAW,CAAC,KAAK,CAAC,CAAA;YAClB,IAAI,QAAQ,EAAE;gBACV,QAAQ,CAAC;oBACL,MAAM,EAAE,QAAQ,CAAC,OAAO;oBACxB,aAAa,EAAE,QAAQ,CAAC,OAAO;oBAC/B,WAAW,EAAE,IAAI,KAAK,CAAC,QAAQ,CAAC;iBACI,CAAC,CAAA;aAC5C;SACJ;IACL,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,IAAM,eAAe,GACjB,SAAS;QACT,QAAQ;QACR,UAAU;QACV,CAAC,QAAQ;QACT,YAAY,KAAK,KAAK,CAAA;IAE1B,OAAO,CACH,oBAAC,2BAAkB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
export interface InputStylesProps {
|
|
3
|
-
error?: string | React.ReactNode;
|
|
4
|
-
disabled?: boolean;
|
|
3
|
+
$error?: string | React.ReactNode;
|
|
4
|
+
$disabled?: boolean;
|
|
5
5
|
}
|
|
6
6
|
interface PreOrPostFix {
|
|
7
7
|
prefix?: string;
|
|
8
8
|
postfix?: string;
|
|
9
9
|
}
|
|
10
10
|
export type InputWrapperStylesProps = InputStylesProps & {
|
|
11
|
-
isFocussed: boolean;
|
|
11
|
+
$isFocussed: boolean;
|
|
12
12
|
};
|
|
13
13
|
/**
|
|
14
14
|
* 1. Use a box-shadow instead of a border, to prevent layout changes
|
|
@@ -17,22 +17,22 @@ var HelpText_1 = require("../HelpText");
|
|
|
17
17
|
* theme is active, so we can apply an outline in these situations.
|
|
18
18
|
* See: https://blogs.windows.com/msedgedev/2020/09/17/styling-for-windows-high-contrast-with-new-standards-for-forced-colors/
|
|
19
19
|
*/
|
|
20
|
-
exports.inputWrapperStyles = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n display: flex;\n position: relative;\n overflow: hidden;\n padding: 1px 4px;\n background-color: ", ";\n border-radius: ", "px;\n box-shadow: inset 0 0 0 ", "\n ", ",\n ", "; // [1]\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
|
|
21
|
-
return props
|
|
20
|
+
exports.inputWrapperStyles = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n display: flex;\n position: relative;\n overflow: hidden;\n padding: 1px 4px;\n background-color: ", ";\n border-radius: ", "px;\n box-shadow: inset 0 0 0 ", "\n ", ",\n ", "; // [1]\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;\n }\n"], ["\n display: flex;\n position: relative;\n overflow: hidden;\n padding: 1px 4px;\n background-color: ", ";\n border-radius: ", "px;\n box-shadow: inset 0 0 0 ", "\n ", ",\n ", "; // [1]\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;\n }\n"])), function (props) {
|
|
21
|
+
return props.$disabled
|
|
22
22
|
? props.theme.colors.blueGrey[100]
|
|
23
23
|
: props.theme.colors.input.background;
|
|
24
|
-
}, function (props) { return props.theme.borderRadius.default; }, function (props) { return (props
|
|
25
|
-
return props
|
|
24
|
+
}, function (props) { return props.theme.borderRadius.default; }, function (props) { return (props.$isFocussed ? '2px' : '1px'); }, function (props) {
|
|
25
|
+
return props.$disabled
|
|
26
26
|
? props.theme.colors.blueGrey[100]
|
|
27
|
-
: props
|
|
27
|
+
: props.$error
|
|
28
28
|
? props.theme.colors.input.error
|
|
29
|
-
: props
|
|
29
|
+
: props.$isFocussed
|
|
30
30
|
? props.theme.colors.orange[500]
|
|
31
31
|
: props.theme.colors.input.border;
|
|
32
|
-
}, function (props) { return props.theme.shadow.input; }
|
|
32
|
+
}, function (props) { return props.theme.shadow.input; });
|
|
33
33
|
exports.StyledInputWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), exports.inputWrapperStyles);
|
|
34
34
|
exports.inputStyles = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n overflow: hidden;\n box-sizing: border-box;\n max-width: 100%;\n width: 100%;\n padding: 12px 8px;\n align-items: center;\n font-size: ", ";\n font-family: ", ";\n font-weight: 400;\n line-height: 1.25rem;\n background: transparent;\n border: none;\n outline: none;\n border-radius: ", "px;\n color: ", ";\n overflow-wrap: break-word;\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 // show the helptext if it is available\n + div {\n opacity: 1;\n }\n }\n\n &::placeholder {\n color: ", ";\n font-weight: 400;\n }\n"], ["\n overflow: hidden;\n box-sizing: border-box;\n max-width: 100%;\n width: 100%;\n padding: 12px 8px;\n align-items: center;\n font-size: ", ";\n font-family: ", ";\n font-weight: 400;\n line-height: 1.25rem;\n background: transparent;\n border: none;\n outline: none;\n border-radius: ", "px;\n color: ", ";\n overflow-wrap: break-word;\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 // show the helptext if it is available\n + div {\n opacity: 1;\n }\n }\n\n &::placeholder {\n color: ", ";\n font-weight: 400;\n }\n"])), function (props) { return props.theme.font.sizes.s; }, function (props) { return props.theme.font.default; }, function (props) { return props.theme.borderRadius.default; }, function (props) {
|
|
35
|
-
return props
|
|
35
|
+
return props.$disabled
|
|
36
36
|
? props.theme.colors.grey[600]
|
|
37
37
|
: props.theme.colors.input.color;
|
|
38
38
|
}, function (props) { return props.theme.colors.input.placeholder; });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Input/styles.ts"],"names":[],"mappings":";;;;AACA,uDAA+C;AAC/C,wCAAsC;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Input/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -7,4 +7,4 @@ export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>
|
|
|
7
7
|
textDecoration?: boolean;
|
|
8
8
|
ref?: React.Ref<HTMLAnchorElement>;
|
|
9
9
|
}
|
|
10
|
-
export declare const Link: ({ hook, nav, children, open, ...props }: LinkProps) => JSX.Element;
|
|
10
|
+
export declare const Link: ({ hook, nav, children, open, secondary, textDecoration, ...props }: LinkProps) => JSX.Element;
|
|
@@ -9,8 +9,8 @@ var ChevronDown_1 = require("../../assets/icons/ChevronDown");
|
|
|
9
9
|
var ChevronUp_1 = require("../../assets/icons/ChevronUp");
|
|
10
10
|
var styles_1 = require("./styles");
|
|
11
11
|
var Link = function (_a) {
|
|
12
|
-
var hook = _a.hook, nav = _a.nav, children = _a.children, open = _a.open, props = tslib_1.__rest(_a, ["hook", "nav", "children", "open"]);
|
|
13
|
-
return (React.createElement(styles_1.StyledLink, tslib_1.__assign({ "data-hook": hook }, props),
|
|
12
|
+
var hook = _a.hook, nav = _a.nav, children = _a.children, open = _a.open, secondary = _a.secondary, textDecoration = _a.textDecoration, props = tslib_1.__rest(_a, ["hook", "nav", "children", "open", "secondary", "textDecoration"]);
|
|
13
|
+
return (React.createElement(styles_1.StyledLink, tslib_1.__assign({ "data-hook": hook, "$secondary": secondary, "$textDecoration": textDecoration }, props),
|
|
14
14
|
nav === 'previous' && React.createElement(ArrowLeft_1.ArrowLeft, { width: 16 }),
|
|
15
15
|
children,
|
|
16
16
|
nav === 'next' && React.createElement(ArrowRight_1.ArrowRight, { width: 16 }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Link/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,0DAAwD;AACxD,4DAA0D;AAC1D,8DAA4D;AAC5D,0DAAwD;AACxD,mCAAqC;AAY9B,IAAM,IAAI,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Link/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,0DAAwD;AACxD,4DAA0D;AAC1D,8DAA4D;AAC5D,0DAAwD;AACxD,mCAAqC;AAY9B,IAAM,IAAI,GAAG,UAAC,EAQT;IAPR,IAAA,IAAI,UAAA,EACJ,GAAG,SAAA,EACH,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,cAAc,oBAAA,EACX,KAAK,sBAPS,kEAQpB,CADW;IAER,OAAO,CACH,oBAAC,mBAAU,kCACI,IAAI,gBACH,SAAS,qBACJ,cAAc,IAC3B,KAAK;QAER,GAAG,KAAK,UAAU,IAAI,oBAAC,qBAAS,IAAC,KAAK,EAAE,EAAE,GAAI;QAC9C,QAAQ;QACR,GAAG,KAAK,MAAM,IAAI,oBAAC,uBAAU,IAAC,KAAK,EAAE,EAAE,GAAI;QAC3C,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CACf,oBAAC,qBAAS,IAAC,KAAK,EAAE,EAAE,GAAI,CAC3B,CAAC,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CACpB,oBAAC,yBAAW,IAAC,KAAK,EAAE,EAAE,GAAI,CAC7B,CAAC,CAAC,CAAC,IAAI,CACC,CAChB,CAAA;AACL,CAAC,CAAA;AA1BY,QAAA,IAAI,QA0BhB"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { LinkProps } from '.';
|
|
3
|
-
|
|
3
|
+
import { PrefixedPick } from '../../types/styled-components';
|
|
4
|
+
export type StyledLinkProps = PrefixedPick<LinkProps, 'secondary' | 'textDecoration'>;
|
|
5
|
+
export declare const linkStyles: import("styled-components").RuleSet<StyledLinkProps>;
|
|
4
6
|
export declare const StyledArrowLeft: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../../theme/types").IconProps, never>> & string & Omit<({ width }: import("../../theme/types").IconProps) => JSX.Element, keyof import("react").Component<any, {}, any>>;
|
|
5
7
|
export declare const StyledArrowRight: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../../theme/types").IconProps, never>> & string & Omit<({ width }: import("../../theme/types").IconProps) => JSX.Element, keyof import("react").Component<any, {}, any>>;
|
|
6
|
-
export declare const StyledLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>,
|
|
8
|
+
export declare const StyledLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, StyledLinkProps>> & string;
|
|
@@ -6,16 +6,16 @@ var styled_components_1 = require("styled-components");
|
|
|
6
6
|
var ArrowLeft_1 = require("../../assets/icons/ArrowLeft");
|
|
7
7
|
var ArrowRight_1 = require("../../assets/icons/ArrowRight");
|
|
8
8
|
exports.linkStyles = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n display: inline;\n font-family: ", ";\n font-weight: 500;\n font-size: inherit;\n color: ", ";\n text-decoration: none;\n cursor: pointer;\n transition: ", ";\n text-decoration-line: ", ";\n text-decoration-style: solid;\n &:hover {\n text-decoration-line: none;\n color: ", ";\n }\n"], ["\n display: inline;\n font-family: ", ";\n font-weight: 500;\n font-size: inherit;\n color: ", ";\n text-decoration: none;\n cursor: pointer;\n transition: ", ";\n text-decoration-line: ", ";\n text-decoration-style: solid;\n &:hover {\n text-decoration-line: none;\n color: ", ";\n }\n"])), function (props) { return props.theme.font.default; }, function (props) {
|
|
9
|
-
return props
|
|
9
|
+
return props.$secondary
|
|
10
10
|
? props.theme.colors.grey[900]
|
|
11
11
|
: props.theme.colors.links.default;
|
|
12
12
|
}, function (_a) {
|
|
13
13
|
var theme = _a.theme;
|
|
14
14
|
return theme.transition('all');
|
|
15
15
|
}, function (props) {
|
|
16
|
-
return props
|
|
16
|
+
return props.$textDecoration ? 'underline' : 'auto';
|
|
17
17
|
}, function (props) {
|
|
18
|
-
return props
|
|
18
|
+
return props.$secondary
|
|
19
19
|
? props.theme.colors.grey[600]
|
|
20
20
|
: props.theme.colors.links.hover;
|
|
21
21
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Link/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAA+C;AAC/C,0DAAwD;AACxD,4DAA0D;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Link/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAA+C;AAC/C,0DAAwD;AACxD,4DAA0D;AAS7C,QAAA,UAAU,OAAG,uBAAG,8ZAAiB,2CAE3B,EAAmC,gEAGzC,EAGiC,uEAG5B,EAAsC,+BAC5B,EACwB,2GAInC,EAG+B,YAE/C,KApBkB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EAGzC,UAAC,KAAK;IACX,OAAA,KAAK,CAAC,UAAU;QACZ,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;QAC9B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;AAFtC,CAEsC,EAG5B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC;AAAvB,CAAuB,EAC5B,UAAC,KAAK;IAC1B,OAAA,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM;AAA5C,CAA4C,EAInC,UAAC,KAAK;IACX,OAAA,KAAK,CAAC,UAAU;QACZ,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;QAC9B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;AAFpC,CAEoC,EAE/C;AAEY,QAAA,eAAe,GAAG,IAAA,2BAAM,EAAC,qBAAS,CAAC,sGAAA,2BAE/C,KAAA;AAEY,QAAA,gBAAgB,GAAG,IAAA,2BAAM,EAAC,uBAAU,CAAC,sGAAA,2BAEjD,KAAA;AAEY,QAAA,UAAU,GAAG,2BAAM,CAAC,CAAC,6QAAiB,QAC7C,EAAU,wLAWf,KAXK,kBAAU,EAWf"}
|
|
@@ -3,4 +3,4 @@ export interface ListItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
|
|
|
3
3
|
icon?: boolean;
|
|
4
4
|
invert?: boolean;
|
|
5
5
|
}
|
|
6
|
-
export declare const ListItem: ({ icon, children, ...props }: ListItemProps) => JSX.Element;
|
|
6
|
+
export declare const ListItem: ({ icon, children, invert, ...props }: ListItemProps) => JSX.Element;
|
|
@@ -7,8 +7,8 @@ var Checkmark_1 = require("../../assets/icons/Checkmark");
|
|
|
7
7
|
var theme_1 = require("../../theme/theme");
|
|
8
8
|
var styles_1 = require("./styles");
|
|
9
9
|
var ListItem = function (_a) {
|
|
10
|
-
var icon = _a.icon, children = _a.children, props = tslib_1.__rest(_a, ["icon", "children"]);
|
|
11
|
-
return (React.createElement(styles_1.StyledListItem, tslib_1.__assign({}, props),
|
|
10
|
+
var icon = _a.icon, children = _a.children, invert = _a.invert, props = tslib_1.__rest(_a, ["icon", "children", "invert"]);
|
|
11
|
+
return (React.createElement(styles_1.StyledListItem, tslib_1.__assign({ "$invert": invert }, props),
|
|
12
12
|
icon && React.createElement(Checkmark_1.Checkmark, { color: theme_1.PRIMARY }),
|
|
13
13
|
children));
|
|
14
14
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ListItem/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,0DAAwD;AACxD,2CAA2C;AAC3C,mCAAyC;AAOlC,IAAM,QAAQ,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ListItem/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,0DAAwD;AACxD,2CAA2C;AAC3C,mCAAyC;AAOlC,IAAM,QAAQ,GAAG,UAAC,EAKT;IAJZ,IAAA,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,MAAM,YAAA,EACH,KAAK,sBAJa,8BAKxB,CADW;IAER,OAAO,CACH,oBAAC,uBAAc,gCAAU,MAAM,IAAM,KAAK;QACrC,IAAI,IAAI,oBAAC,qBAAS,IAAC,KAAK,EAAE,eAAO,GAAI;QACrC,QAAQ,CACI,CACpB,CAAA;AACL,CAAC,CAAA;AAZY,QAAA,QAAQ,YAYpB"}
|
|
@@ -1,3 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ListItemProps } from '.';
|
|
3
|
-
|
|
3
|
+
import { PrefixedPick } from '../../types/styled-components';
|
|
4
|
+
type StyledListItemProps = PrefixedPick<ListItemProps, 'invert'>;
|
|
5
|
+
export declare const StyledListItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, StyledListItemProps>> & string;
|
|
6
|
+
export {};
|
|
@@ -4,7 +4,7 @@ exports.StyledListItem = void 0;
|
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var styled_components_1 = require("styled-components");
|
|
6
6
|
exports.StyledListItem = styled_components_1.default.li(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n line-height: ", ";\n color: ", ";\n svg {\n width: 16px;\n margin-right: 8px;\n }\n"], ["\n line-height: ", ";\n color: ", ";\n svg {\n width: 16px;\n margin-right: 8px;\n }\n"])), function (props) { return props.theme.font.lineHeight; }, function (props) {
|
|
7
|
-
return props
|
|
7
|
+
return props.$invert ? 'white' : props.theme.colors.text.default;
|
|
8
8
|
});
|
|
9
9
|
var templateObject_1;
|
|
10
10
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/ListItem/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/ListItem/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAMzB,QAAA,cAAc,GAAG,2BAAM,CAAC,EAAE,6LAAqB,qBACzC,EAAsC,gBAC5C,EACoD,yEAKhE,KAPkB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAA3B,CAA2B,EAC5C,UAAC,KAAK;IACX,OAAA,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;AAAzD,CAAyD,EAKhE"}
|
|
@@ -75,14 +75,14 @@ var Modal = /** @class */ (function (_super) {
|
|
|
75
75
|
if (!this.el) {
|
|
76
76
|
return null;
|
|
77
77
|
}
|
|
78
|
-
return
|
|
78
|
+
return ReactDOM.createPortal(React.createElement(styles_1.StyledContainer, { "$modalOpen": this.props.modalOpen },
|
|
79
79
|
React.createElement(framer_motion_1.AnimatePresence, null, this.props.modalOpen && [
|
|
80
80
|
React.createElement(styles_1.StyledShade, { variants: shadeVariants, key: "shade", onClick: this.props.onClose }),
|
|
81
81
|
React.createElement(styles_1.StyledModal, { key: "modal", variants: contentVariants },
|
|
82
82
|
React.createElement(styles_1.StyledButton, { hook: "close-lease-calculator", onClick: this.props.onClose },
|
|
83
83
|
React.createElement(Cross_1.Cross, { width: 20 })),
|
|
84
84
|
this.props.children),
|
|
85
|
-
])), this.el)
|
|
85
|
+
])), this.el);
|
|
86
86
|
};
|
|
87
87
|
return Modal;
|
|
88
88
|
}(React.Component));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":";;;;AAAA,+CAA+C;AAC/C,6BAA8B;AAC9B,oCAAqC;AACrC,kDAAgD;AAChD,mCAKiB;AAQjB,IAAM,eAAe,GAAG;IACpB,KAAK,EAAE;QACH,CAAC,EAAE,CAAC;QACJ,OAAO,EAAE,CAAC;QACV,UAAU,EAAE;YACR,CAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;YACpB,OAAO,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;SAC7B;KACJ;IACD,IAAI,EAAE;QACF,CAAC,EAAE,EAAE;QACL,OAAO,EAAE,CAAC;QACV,UAAU,EAAE;YACR,CAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;YACpB,OAAO,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;SAC7B;KACJ;CACJ,CAAA;AAED,IAAM,aAAa,GAAG;IAClB,KAAK,EAAE;QACH,OAAO,EAAE,CAAC;QACV,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;KAChC;IACD,IAAI,EAAE;QACF,OAAO,EAAE,CAAC;QACV,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;KAChC;CACJ,CAAA;AAED,wDAAwD;AACxD;IAA2B,iCAA+B;IAA1D;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
/// <reference types="react" />
|
|
3
2
|
export declare const StyledShade: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<{
|
|
4
3
|
defaultChecked?: boolean | undefined;
|
|
5
4
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
@@ -49,6 +48,8 @@ export declare const StyledShade: import("styled-components/dist/types").IStyled
|
|
|
49
48
|
unselectable?: "off" | "on" | undefined;
|
|
50
49
|
inputMode?: "text" | "tel" | "email" | "none" | "search" | "url" | "numeric" | "decimal" | undefined;
|
|
51
50
|
is?: string | undefined;
|
|
51
|
+
exportparts?: string | undefined;
|
|
52
|
+
part?: string | undefined;
|
|
52
53
|
"aria-activedescendant"?: string | undefined;
|
|
53
54
|
"aria-atomic"?: (boolean | "false" | "true") | undefined;
|
|
54
55
|
"aria-autocomplete"?: "none" | "list" | "both" | "inline" | undefined;
|
|
@@ -123,7 +124,7 @@ export declare const StyledShade: import("styled-components/dist/types").IStyled
|
|
|
123
124
|
onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
124
125
|
onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
125
126
|
onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
126
|
-
onBeforeInput?: import("react").
|
|
127
|
+
onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
|
|
127
128
|
onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
128
129
|
onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
129
130
|
onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
@@ -173,8 +174,6 @@ export declare const StyledShade: import("styled-components/dist/types").IStyled
|
|
|
173
174
|
onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
174
175
|
onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
175
176
|
onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
176
|
-
onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
177
|
-
onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
178
177
|
onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
179
178
|
onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
180
179
|
onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
@@ -266,7 +265,7 @@ export declare const StyledShade: import("styled-components/dist/types").IStyled
|
|
|
266
265
|
}, never>> & string & Omit<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
|
|
267
266
|
export declare const StyledButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../Button").ButtonProps, never>> & string & Omit<({ disabled, loading, hook, nav, children, link, type, kind, size, ...rest }: import("../Button").ButtonProps) => JSX.Element, keyof import("react").Component<any, {}, any>>;
|
|
268
267
|
export declare const StyledContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
269
|
-
modalOpen?: boolean | undefined;
|
|
268
|
+
$modalOpen?: boolean | undefined;
|
|
270
269
|
}>> & string;
|
|
271
270
|
export declare const StyledModal: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<{
|
|
272
271
|
defaultChecked?: boolean | undefined;
|
|
@@ -317,6 +316,8 @@ export declare const StyledModal: import("styled-components/dist/types").IStyled
|
|
|
317
316
|
unselectable?: "off" | "on" | undefined;
|
|
318
317
|
inputMode?: "text" | "tel" | "email" | "none" | "search" | "url" | "numeric" | "decimal" | undefined;
|
|
319
318
|
is?: string | undefined;
|
|
319
|
+
exportparts?: string | undefined;
|
|
320
|
+
part?: string | undefined;
|
|
320
321
|
"aria-activedescendant"?: string | undefined;
|
|
321
322
|
"aria-atomic"?: (boolean | "false" | "true") | undefined;
|
|
322
323
|
"aria-autocomplete"?: "none" | "list" | "both" | "inline" | undefined;
|
|
@@ -391,7 +392,7 @@ export declare const StyledModal: import("styled-components/dist/types").IStyled
|
|
|
391
392
|
onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
392
393
|
onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
393
394
|
onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
394
|
-
onBeforeInput?: import("react").
|
|
395
|
+
onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
|
|
395
396
|
onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
396
397
|
onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
397
398
|
onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
@@ -441,8 +442,6 @@ export declare const StyledModal: import("styled-components/dist/types").IStyled
|
|
|
441
442
|
onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
442
443
|
onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
443
444
|
onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
444
|
-
onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
445
|
-
onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
446
445
|
onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
447
446
|
onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
448
447
|
onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
@@ -8,7 +8,7 @@ var styled_components_1 = require("styled-components");
|
|
|
8
8
|
var Button_1 = require("../Button");
|
|
9
9
|
exports.StyledShade = (0, styled_components_1.default)(framer_motion_1.motion.div)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n position: absolute;\n background: rgba(0, 0, 0, 0.8);\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n height: 100vh;\n"], ["\n position: absolute;\n background: rgba(0, 0, 0, 0.8);\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n height: 100vh;\n"])));
|
|
10
10
|
exports.StyledButton = (0, styled_components_1.default)(Button_1.Button)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n background: none;\n border: none;\n position: absolute;\n top: 0;\n right: 0;\n width: 57px;\n height: 57px;\n padding: 0;\n z-index: 10;\n @media (min-width: ", "px) {\n right: 10px;\n top: 10px;\n }\n &:hover {\n background: none;\n svg {\n fill: orange;\n }\n }\n svg {\n fill: black;\n }\n"], ["\n background: none;\n border: none;\n position: absolute;\n top: 0;\n right: 0;\n width: 57px;\n height: 57px;\n padding: 0;\n z-index: 10;\n @media (min-width: ", "px) {\n right: 10px;\n top: 10px;\n }\n &:hover {\n background: none;\n svg {\n fill: orange;\n }\n }\n svg {\n fill: black;\n }\n"])), theme_1.breakpoints.s);
|
|
11
|
-
exports.StyledContainer = styled_components_1.default.div(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n position: fixed;\n width: 100%;\n top: 0;\n align-items: center;\n justify-content: center;\n display: flex;\n z-index: 500;\n height: ", ";\n"], ["\n position: fixed;\n width: 100%;\n top: 0;\n align-items: center;\n justify-content: center;\n display: flex;\n z-index: 500;\n height: ", ";\n"])), function (props) { return (props
|
|
11
|
+
exports.StyledContainer = styled_components_1.default.div(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n position: fixed;\n width: 100%;\n top: 0;\n align-items: center;\n justify-content: center;\n display: flex;\n z-index: 500;\n height: ", ";\n"], ["\n position: fixed;\n width: 100%;\n top: 0;\n align-items: center;\n justify-content: center;\n display: flex;\n z-index: 500;\n height: ", ";\n"])), function (props) { return (props.$modalOpen ? '100%' : 'auto'); });
|
|
12
12
|
exports.StyledModal = (0, styled_components_1.default)(framer_motion_1.motion.div)(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n position: relative;\n max-width: 700px;\n height: 100%;\n background: white;\n z-index: 1;\n padding: ", "px ", "px;\n overflow: auto;\n @media (min-width: ", ") {\n padding: ", "px;\n max-height: calc(100vh - 40px);\n height: auto;\n border-radius: ", "px;\n }\n"], ["\n position: relative;\n max-width: 700px;\n height: 100%;\n background: white;\n z-index: 1;\n padding: ", "px ", "px;\n overflow: auto;\n @media (min-width: ", ") {\n padding: ", "px;\n max-height: calc(100vh - 40px);\n height: auto;\n border-radius: ", "px;\n }\n"])), theme_1.baseline * 4, theme_1.baseline * 2, theme_1.breakpoints.xs, theme_1.baseline * 6, function (props) { return props.theme.borderRadius.large; });
|
|
13
13
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
14
14
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Modal/styles.ts"],"names":[],"mappings":";;;;AAAA,+CAAsC;AACtC,qCAAmD;AACnD,uDAAsC;AACtC,oCAAkC;AAErB,QAAA,WAAW,GAAG,IAAA,2BAAM,EAAC,sBAAM,CAAC,GAAG,CAAC,2NAAA,gJAQ5C,KAAA;AAEY,QAAA,YAAY,GAAG,IAAA,2BAAM,EAAC,eAAM,CAAC,udAAA,kMAUjB,EAAa,wMAarC,KAbwB,mBAAW,CAAC,CAAC,EAarC;AAEY,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Modal/styles.ts"],"names":[],"mappings":";;;;AAAA,+CAAsC;AACtC,qCAAmD;AACnD,uDAAsC;AACtC,oCAAkC;AAErB,QAAA,WAAW,GAAG,IAAA,2BAAM,EAAC,sBAAM,CAAC,GAAG,CAAC,2NAAA,gJAQ5C,KAAA;AAEY,QAAA,YAAY,GAAG,IAAA,2BAAM,EAAC,eAAM,CAAC,udAAA,kMAUjB,EAAa,wMAarC,KAbwB,mBAAW,CAAC,CAAC,EAarC;AAEY,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,sPAA0B,oKAQrD,EAA+C,KAC5D,KADa,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAApC,CAAoC,EAC5D;AAEY,QAAA,WAAW,GAAG,IAAA,2BAAM,EAAC,sBAAM,CAAC,GAAG,CAAC,8YAAA,6HAM9B,EAAY,KAAM,EAAY,mDAEpB,EAAc,wBACpB,EAAY,8FAGN,EAAyC,cAEjE,KARc,gBAAQ,GAAG,CAAC,EAAM,gBAAQ,GAAG,CAAC,EAEpB,mBAAW,CAAC,EAAE,EACpB,gBAAQ,GAAG,CAAC,EAGN,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAA9B,CAA8B,EAEjE"}
|
|
@@ -8,4 +8,4 @@ export interface NotificationProps extends React.HTMLAttributes<HTMLDivElement>
|
|
|
8
8
|
hook?: string;
|
|
9
9
|
children: React.ReactNode;
|
|
10
10
|
}
|
|
11
|
-
export declare const Notification: ({ type, hook, children, ...rest }: NotificationProps) => JSX.Element;
|
|
11
|
+
export declare const Notification: ({ type, hook, children, contentAlign, ...rest }: NotificationProps) => JSX.Element;
|
|
@@ -7,10 +7,10 @@ var CheckCircle_1 = require("../../assets/icons/CheckCircle");
|
|
|
7
7
|
var ExclamationCircle_1 = require("../../assets/icons/ExclamationCircle");
|
|
8
8
|
var styles_1 = require("./styles");
|
|
9
9
|
var Notification = function (_a) {
|
|
10
|
-
var type = _a.type, hook = _a.hook, children = _a.children, rest = tslib_1.__rest(_a, ["type", "hook", "children"]);
|
|
11
|
-
return (React.createElement(styles_1.StyledNotification, tslib_1.__assign({ "data-hook": hook, type: type }, rest),
|
|
10
|
+
var type = _a.type, hook = _a.hook, children = _a.children, contentAlign = _a.contentAlign, rest = tslib_1.__rest(_a, ["type", "hook", "children", "contentAlign"]);
|
|
11
|
+
return (React.createElement(styles_1.StyledNotification, tslib_1.__assign({ "data-hook": hook, "$contentAlign": contentAlign, "$type": type }, rest),
|
|
12
12
|
React.createElement("div", { style: { display: 'flex', alignItems: 'flex-start' } },
|
|
13
|
-
type !== 'message' && (React.createElement(styles_1.StyledIcon, { type: type }, getIcon(type))),
|
|
13
|
+
type !== 'message' && (React.createElement(styles_1.StyledIcon, { "$type": type }, getIcon(type))),
|
|
14
14
|
React.createElement("span", null, children))));
|
|
15
15
|
};
|
|
16
16
|
exports.Notification = Notification;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Notification/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,8DAA4D;AAC5D,0EAAwE;AACxE,mCAAyD;AAalD,IAAM,YAAY,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Notification/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,8DAA4D;AAC5D,0EAAwE;AACxE,mCAAyD;AAalD,IAAM,YAAY,GAAG,UAAC,EAMT;IALhB,IAAA,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,YAAY,kBAAA,EACT,IAAI,sBALkB,4CAM5B,CADU;IAEP,OAAO,CACH,oBAAC,2BAAkB,kCACJ,IAAI,mBACA,YAAY,WACpB,IAAI,IACP,IAAI;QAER,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE;YACpD,IAAI,KAAK,SAAS,IAAI,CACnB,oBAAC,mBAAU,aAAQ,IAAI,IAAG,OAAO,CAAC,IAAI,CAAC,CAAc,CACxD;YACD,kCAAO,QAAQ,CAAQ,CACrB,CACW,CACxB,CAAA;AACL,CAAC,CAAA;AAtBY,QAAA,YAAY,gBAsBxB;AAED,IAAM,OAAO,GAAG,UAAC,IAA+B;IAC5C,OAAO;QACH,KAAK,EAAE,oBAAC,qCAAiB,IAAC,KAAK,EAAE,EAAE,GAAI;QACvC,OAAO,EAAE,oBAAC,yBAAW,IAAC,KAAK,EAAE,EAAE,GAAI;QACnC,OAAO,EAAE,oBAAC,qCAAiB,IAAC,KAAK,EAAE,EAAE,GAAI;QACzC,OAAO,EAAE,IAAI;KAChB,CAAC,IAAI,CAAC,CAAA;AACX,CAAC,CAAA"}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { NotificationProps } from '.';
|
|
3
|
-
|
|
3
|
+
import { PrefixedPick } from '../../types/styled-components';
|
|
4
|
+
type StyledNotificationProps = PrefixedPick<NotificationProps, 'type' | 'contentAlign'>;
|
|
5
|
+
export declare const StyledNotification: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledNotificationProps>> & string;
|
|
4
6
|
export declare const StyledIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
5
|
-
type: 'error' | 'message' | 'warning' | 'success';
|
|
7
|
+
$type: 'error' | 'message' | 'warning' | 'success';
|
|
6
8
|
}>> & string;
|
|
9
|
+
export {};
|
|
@@ -6,22 +6,22 @@ var styled_components_1 = require("styled-components");
|
|
|
6
6
|
var styled_map_1 = require("styled-map");
|
|
7
7
|
var Box_1 = require("../Box");
|
|
8
8
|
exports.StyledNotification = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n ", ";\n font-family: ", ";\n font-size: ", ";\n padding: ", "px\n ", "px;\n background-color: ", ";\n color: ", ";\n line-height: 24px;\n display: flex;\n flex-direction: column;\n align-items: ", ";\n text-align: ", ";\n border: 1px solid;\n border-radius: ", "px;\n border-color: ", ";\n a {\n color: inherit;\n }\n"], ["\n ", ";\n font-family: ", ";\n font-size: ", ";\n padding: ", "px\n ", "px;\n background-color: ", ";\n color: ", ";\n line-height: 24px;\n display: flex;\n flex-direction: column;\n align-items: ", ";\n text-align: ", ";\n border: 1px solid;\n border-radius: ", "px;\n border-color: ", ";\n a {\n color: inherit;\n }\n"])), function (props) { return (0, Box_1.mb)(2, props.theme.spacing); }, function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, function (props) { return props.theme.baseline * 1.5; }, function (props) { return props.theme.baseline * 2; }, function (props) {
|
|
9
|
-
return (0, styled_map_1.default)('type', {
|
|
9
|
+
return (0, styled_map_1.default)('$type', {
|
|
10
10
|
error: props.theme.colors.red[50],
|
|
11
11
|
warning: props.theme.colors.orange[50],
|
|
12
12
|
message: props.theme.colors.blue[50],
|
|
13
13
|
success: props.theme.colors.green[50],
|
|
14
14
|
});
|
|
15
15
|
}, function (props) { return props.theme.colors.grey[900]; }, function (props) {
|
|
16
|
-
return props
|
|
16
|
+
return props.$contentAlign === 'center'
|
|
17
17
|
? 'center'
|
|
18
|
-
: props
|
|
18
|
+
: props.$contentAlign === 'right'
|
|
19
19
|
? 'flex-end'
|
|
20
20
|
: 'flex-start';
|
|
21
21
|
}, function (props) {
|
|
22
|
-
return props
|
|
22
|
+
return props.$contentAlign ? props.$contentAlign : 'left';
|
|
23
23
|
}, function (props) { return props.theme.borderRadius.default; }, function (props) {
|
|
24
|
-
return (0, styled_map_1.default)('type', {
|
|
24
|
+
return (0, styled_map_1.default)('$type', {
|
|
25
25
|
error: props.theme.colors.red[100],
|
|
26
26
|
warning: props.theme.colors.orange[100],
|
|
27
27
|
message: props.theme.colors.blue[100],
|
|
@@ -29,7 +29,7 @@ exports.StyledNotification = styled_components_1.default.div(templateObject_1 ||
|
|
|
29
29
|
});
|
|
30
30
|
});
|
|
31
31
|
exports.StyledIcon = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n display: inline-flex;\n width: 20px;\n color: ", ";\n margin-top: 2px;\n margin-right: ", "px;\n flex-shrink: 0;\n"], ["\n display: inline-flex;\n width: 20px;\n color: ", ";\n margin-top: 2px;\n margin-right: ", "px;\n flex-shrink: 0;\n"])), function (props) {
|
|
32
|
-
return (0, styled_map_1.default)('type', {
|
|
32
|
+
return (0, styled_map_1.default)('$type', {
|
|
33
33
|
error: props.theme.colors.error,
|
|
34
34
|
warning: props.theme.colors.warning,
|
|
35
35
|
message: props.theme.colors.message,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Notification/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AACtC,yCAAkC;AAElC,8BAA2B;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Notification/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ var tslib_1 = require("tslib");
|
|
|
5
5
|
var React = require("react");
|
|
6
6
|
var ReactDOM = require("react-dom");
|
|
7
7
|
var styled_components_1 = require("styled-components");
|
|
8
|
-
var StyledContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n background: white;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 999;\n transform: translateY(", ");\n transition: transform cubic-bezier(0.62, 0.28, 0.23, 0.99) 0.7s;\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n"], ["\n background: white;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 999;\n transform: translateY(", ");\n transition: transform cubic-bezier(0.62, 0.28, 0.23, 0.99) 0.7s;\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n"])), function (props) { return (props
|
|
8
|
+
var StyledContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n background: white;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 999;\n transform: translateY(", ");\n transition: transform cubic-bezier(0.62, 0.28, 0.23, 0.99) 0.7s;\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n"], ["\n background: white;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 999;\n transform: translateY(", ");\n transition: transform cubic-bezier(0.62, 0.28, 0.23, 0.99) 0.7s;\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n"])), function (props) { return (props.$portalOpen ? '0' : '100%'); });
|
|
9
9
|
// TODO: Use hooks
|
|
10
10
|
var Portal = /** @class */ (function (_super) {
|
|
11
11
|
tslib_1.__extends(Portal, _super);
|
|
@@ -43,7 +43,7 @@ var Portal = /** @class */ (function (_super) {
|
|
|
43
43
|
if (!this.el) {
|
|
44
44
|
return null;
|
|
45
45
|
}
|
|
46
|
-
return (React.createElement(React.Fragment, null, ReactDOM.createPortal(React.createElement(StyledContainer, { portalOpen: this.props.portalOpen }, this.props.children), this.el)));
|
|
46
|
+
return (React.createElement(React.Fragment, null, ReactDOM.createPortal(React.createElement(StyledContainer, { "$portalOpen": this.props.portalOpen }, this.props.children), this.el)));
|
|
47
47
|
};
|
|
48
48
|
return Portal;
|
|
49
49
|
}(React.Component));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Portal/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,oCAAqC;AACrC,uDAAsC;AAEtC,IAAM,eAAe,GAAG,2BAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Portal/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,oCAAqC;AACrC,uDAAsC;AAEtC,IAAM,eAAe,GAAG,2BAAM,CAAC,GAAG,yXAA0B,+JAQhC,EAA6C,6IAIxE,KAJ2B,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,EAAlC,CAAkC,CAIxE,CAAA;AAOD,kBAAkB;AAClB;IAA4B,kCAAqC;IAAjE;;IAgDA,CAAC;IA3CU,kCAAiB,GAAxB;QACI,IAAI,CAAC,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QACvC,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;QAC9C,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAA;QAEnD,IAAI,IAAI,CAAC,UAAU,EAAE;YACjB,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;YACpC,IAAI,IAAI,CAAC,OAAO,EAAE;gBACd,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,CAAA;aAChD;SACJ;IACL,CAAC;IACM,mCAAkB,GAAzB,UAA0B,SAAsB;QAC5C,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,KAAK,SAAS,CAAC,UAAU,IAAI,IAAI,CAAC,OAAO,EAAE;YAChE,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE;gBACvB,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;aAC7C;iBAAM;gBACH,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,CAAA;aAChD;SACJ;IACL,CAAC;IACM,qCAAoB,GAA3B;QACI,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,EAAE,EAAE;YAC5C,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;YACpC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,CAAA;SAChD;IACL,CAAC;IACM,uBAAM,GAAb;QACI,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE;YACV,OAAO,IAAI,CAAA;SACd;QAED,OAAO,CACH,0CACK,QAAQ,CAAC,YAAY,CAClB,oBAAC,eAAe,mBAAc,IAAI,CAAC,KAAK,CAAC,UAAU,IAC9C,IAAI,CAAC,KAAK,CAAC,QAAQ,CACN,EAClB,IAAI,CAAC,EAAE,CACV,CACF,CACN,CAAA;IACL,CAAC;IACL,aAAC;AAAD,CAAC,AAhDD,CAA4B,KAAK,CAAC,SAAS,GAgD1C;AAhDY,wBAAM"}
|
|
@@ -1,5 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const StyledRadioLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components
|
|
3
|
-
htmlFor: string;
|
|
4
|
-
}>> & string;
|
|
2
|
+
export declare const StyledRadioLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
|
|
5
3
|
export declare const StyledRadioInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Radio/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAEtC,IAAM,eAAe,GAAG,EAAE,CAAA;AAEb,QAAA,gBAAgB,GAAG,2BAAM,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Radio/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAEtC,IAAM,eAAe,GAAG,EAAE,CAAA;AAEb,QAAA,gBAAgB,GAAG,2BAAM,CAAC,KAAK,29BAAA,qBACzB,EAAmC,oBACrC,EAAmC,gBACvC,EAA0C,sBACpC,EAAsC,4LAQrC,EAAe,2LAQP,EAAyC,kSAazC,EAAmC,4IAKzC,EAA4C,YAEjE,KAvCkB,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,EACvC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAA/B,CAA+B,EACpC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAA3B,CAA2B,EAQrC,eAAe,EAQP,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC;AAA1B,CAA0B,EAazC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO;AAApB,CAAoB,EAKzC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC;AAA7B,CAA6B,EAEjE;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,KAAK,4LAAA,iHAM3C,KAAA"}
|
|
@@ -8,7 +8,7 @@ var styles_1 = require("./styles");
|
|
|
8
8
|
var Select = function (_a) {
|
|
9
9
|
var error = _a.error, value = _a.value, hook = _a.hook, loading = _a.loading, options = _a.options, placeholder = _a.placeholder, children = _a.children, props = tslib_1.__rest(_a, ["error", "value", "hook", "loading", "options", "placeholder", "children"]);
|
|
10
10
|
return (React.createElement("div", { style: { position: 'relative' } },
|
|
11
|
-
React.createElement(styles_1.StyledSelect, tslib_1.__assign({ error: error, empty: !value, value: value || '', "data-hook": hook }, props), loading ? (React.createElement(styles_1.StyledOption, { value: "", disabled: Boolean(value) }, "Aan het laden...")) : options ? (React.createElement(React.Fragment, null,
|
|
11
|
+
React.createElement(styles_1.StyledSelect, tslib_1.__assign({ "$error": error, "$empty": !value, value: value || '', "data-hook": hook }, props), loading ? (React.createElement(styles_1.StyledOption, { value: "", disabled: Boolean(value) }, "Aan het laden...")) : options ? (React.createElement(React.Fragment, null,
|
|
12
12
|
placeholder && (React.createElement(styles_1.StyledOption, { value: "", disabled: Boolean(value) }, placeholder)),
|
|
13
13
|
options.map(function (item) { return (React.createElement(styles_1.StyledOption, { key: item.id, value: item.id }, item.name)); }))) : (children)),
|
|
14
14
|
React.createElement(styles_1.StyledChevron, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,8DAA4D;AAC5D,mCAAoE;AAY7D,IAAM,MAAM,GAA0B,UAAC,EAS7C;IARG,IAAA,KAAK,WAAA,EACL,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,QAAQ,cAAA,EACL,KAAK,sBARkC,2EAS7C,CADW;IAER,OAAO,CACH,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE;QAChC,oBAAC,qBAAY,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,8DAA4D;AAC5D,mCAAoE;AAY7D,IAAM,MAAM,GAA0B,UAAC,EAS7C;IARG,IAAA,KAAK,WAAA,EACL,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,QAAQ,cAAA,EACL,KAAK,sBARkC,2EAS7C,CADW;IAER,OAAO,CACH,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE;QAChC,oBAAC,qBAAY,+BACD,KAAK,YACL,CAAC,KAAK,EACd,KAAK,EAAE,KAAK,IAAI,EAAE,eACP,IAAI,IACX,KAAK,GAER,OAAO,CAAC,CAAC,CAAC,CACP,oBAAC,qBAAY,IAAC,KAAK,EAAC,EAAE,EAAC,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,uBAEhC,CAClB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACV;YACK,WAAW,IAAI,CACZ,oBAAC,qBAAY,IAAC,KAAK,EAAC,EAAE,EAAC,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,IAC1C,WAAW,CACD,CAClB;YACA,OAAO,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACnB,oBAAC,qBAAY,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,IACrC,IAAI,CAAC,IAAI,CACC,CAClB,EAJsB,CAItB,CAAC,CACH,CACN,CAAC,CAAC,CAAC,CACA,QAAQ,CACX,CACU;QACf,oBAAC,sBAAa;YACV,oBAAC,yBAAW,IAAC,KAAK,EAAE,EAAE,GAAI,CACd,CACd,CACT,CAAA;AACL,CAAC,CAAA;AA7CY,QAAA,MAAM,UA6ClB"}
|
|
@@ -17,8 +17,8 @@ import * as React from 'react';
|
|
|
17
17
|
* See: https://blogs.windows.com/msedgedev/2020/09/17/styling-for-windows-high-contrast-with-new-standards-for-forced-colors/
|
|
18
18
|
*/
|
|
19
19
|
export declare const StyledSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, {
|
|
20
|
-
error?: string | React.ReactNode;
|
|
21
|
-
empty?: boolean | undefined;
|
|
20
|
+
$error?: string | React.ReactNode;
|
|
21
|
+
$empty?: boolean | undefined;
|
|
22
22
|
} & React.SelectHTMLAttributes<HTMLSelectElement>>> & string;
|
|
23
23
|
export declare const StyledOption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>, never>> & string;
|
|
24
24
|
export declare const StyledChevron: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|