@codacy/ui-components 0.64.15 → 0.64.17
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/lib/Avatar/Avatar.js +25 -19
- package/lib/Avatar/Avatar.types.js +5 -1
- package/lib/Avatar/gravatar.js +17 -13
- package/lib/Avatar/index.js +16 -1
- package/lib/Banner/Banner.js +45 -32
- package/lib/Banner/Banner.styles.d.ts +11 -12
- package/lib/Banner/Banner.styles.js +26 -15
- package/lib/Banner/Banner.types.js +5 -1
- package/lib/Banner/index.js +27 -2
- package/lib/Button/Button.js +54 -51
- package/lib/Button/index.js +27 -2
- package/lib/Button/styles.d.ts +16 -12
- package/lib/Button/styles.js +58 -44
- package/lib/Button/types.js +5 -1
- package/lib/Checkbox/Checkbox.js +63 -54
- package/lib/Checkbox/CheckboxFilterList.js +46 -32
- package/lib/Checkbox/index.js +38 -3
- package/lib/Checkbox/styles.d.ts +25 -22
- package/lib/Checkbox/styles.js +52 -37
- package/lib/Checkbox/types.js +5 -1
- package/lib/CloseButton/index.js +27 -16
- package/lib/Divider/Divider.js +23 -13
- package/lib/Divider/Divider.styles.d.ts +16 -19
- package/lib/Divider/Divider.styles.js +24 -11
- package/lib/Divider/Divider.types.js +5 -1
- package/lib/Divider/index.js +16 -1
- package/lib/Dropdown/Content/DropdownInput.js +20 -8
- package/lib/Dropdown/Content/DropdownItem.js +29 -21
- package/lib/Dropdown/Content/DropdownSeparator.js +19 -7
- package/lib/Dropdown/Content/index.js +38 -3
- package/lib/Dropdown/Dropdown.js +89 -85
- package/lib/Dropdown/Dropdown.styles.d.ts +37 -34
- package/lib/Dropdown/Dropdown.styles.js +62 -43
- package/lib/Dropdown/Dropdown.types.js +5 -1
- package/lib/Dropdown/Triggers/DropdownButtonTrigger.js +30 -20
- package/lib/Dropdown/Triggers/DropdownLinkTrigger.js +29 -19
- package/lib/Dropdown/Triggers/InputTrigger.js +18 -10
- package/lib/Dropdown/Triggers/SelectTrigger.js +19 -12
- package/lib/Dropdown/Triggers/hooks.js +18 -14
- package/lib/Dropdown/Triggers/index.js +60 -5
- package/lib/Dropdown/Triggers/types.js +5 -1
- package/lib/Dropdown/index.js +49 -4
- package/lib/Flexbox/Flexbox.d.ts +31 -17
- package/lib/Flexbox/Flexbox.js +36 -16
- package/lib/Flexbox/index.js +16 -1
- package/lib/Group/Group.js +17 -8
- package/lib/Group/Group.styles.d.ts +8 -10
- package/lib/Group/Group.styles.js +17 -7
- package/lib/Group/Group.types.js +5 -1
- package/lib/Group/index.js +16 -1
- package/lib/Icon/Icon.js +24 -14
- package/lib/Icon/Icon.styles.d.ts +9 -11
- package/lib/Icon/Icon.styles.js +39 -44
- package/lib/Icon/Icon.types.js +5 -1
- package/lib/Icon/index.js +16 -1
- package/lib/IconAndText/IconAndText.js +33 -21
- package/lib/IconAndText/IconAndText.styles.d.ts +8 -10
- package/lib/IconAndText/IconAndText.styles.js +20 -10
- package/lib/IconAndText/IconAndText.types.js +5 -1
- package/lib/IconAndText/index.js +16 -1
- package/lib/Icons/Chevrons.js +53 -41
- package/lib/Icons/CodacyIcon.js +17 -8
- package/lib/Icons/Messages.js +54 -35
- package/lib/Icons/Search.js +16 -7
- package/lib/Icons/Severities.js +117 -106
- package/lib/Icons/Sorting.js +23 -13
- package/lib/Icons/Spinner.js +19 -10
- package/lib/Icons/Symbols.js +73 -58
- package/lib/Icons/index.js +93 -8
- package/lib/Img/Img.js +44 -37
- package/lib/Img/Img.styles.d.ts +12 -11
- package/lib/Img/Img.styles.js +37 -32
- package/lib/Img/Img.types.js +5 -1
- package/lib/Img/index.js +16 -1
- package/lib/InlineMessage/InlineMessage.js +47 -34
- package/lib/InlineMessage/index.js +16 -1
- package/lib/InlineMessage/types.js +5 -1
- package/lib/Input/Input.js +148 -126
- package/lib/Input/hooks.js +149 -178
- package/lib/Input/index.js +27 -2
- package/lib/Input/styles.d.ts +55 -104
- package/lib/Input/styles.js +85 -54
- package/lib/Input/types.js +5 -1
- package/lib/Labeled/Labeled.js +34 -22
- package/lib/Labeled/index.js +16 -1
- package/lib/Labeled/styles.d.ts +16 -12
- package/lib/Labeled/styles.js +27 -11
- package/lib/Labeled/types.js +5 -1
- package/lib/LeftMenu/LeftMenu.js +20 -11
- package/lib/LeftMenu/LeftMenu.styles.d.ts +8 -10
- package/lib/LeftMenu/LeftMenu.styles.js +20 -10
- package/lib/LeftMenu/LeftMenu.types.js +5 -1
- package/lib/LeftMenu/index.js +16 -1
- package/lib/Link/Link.js +43 -33
- package/lib/Link/Link.styles.d.ts +4 -1
- package/lib/Link/Link.styles.js +21 -11
- package/lib/Link/Link.types.js +5 -1
- package/lib/Link/index.js +38 -3
- package/lib/Message/Message.js +32 -24
- package/lib/Message/Message.styles.d.ts +8 -10
- package/lib/Message/Message.styles.js +17 -7
- package/lib/Message/Message.types.js +5 -1
- package/lib/Message/index.js +16 -1
- package/lib/Modal/ConfirmationModal.js +65 -39
- package/lib/Modal/Modal.js +120 -107
- package/lib/Modal/index.js +27 -2
- package/lib/Modal/styles.d.ts +44 -61
- package/lib/Modal/styles.js +97 -85
- package/lib/Modal/types.d.ts +1 -0
- package/lib/Modal/types.js +5 -1
- package/lib/MoreInfo/MoreInfo.js +45 -39
- package/lib/MoreInfo/index.js +16 -1
- package/lib/MoreInfo/types.js +5 -1
- package/lib/Panel/Panel.js +18 -9
- package/lib/Panel/Panel.styles.d.ts +8 -11
- package/lib/Panel/Panel.styles.js +15 -5
- package/lib/Panel/Panel.types.js +5 -1
- package/lib/Panel/index.js +27 -2
- package/lib/PillLabel/PillLabel.js +28 -21
- package/lib/PillLabel/PillLabel.styles.d.ts +8 -10
- package/lib/PillLabel/PillLabel.styles.js +25 -16
- package/lib/PillLabel/PillLabel.types.js +5 -1
- package/lib/PillLabel/index.js +16 -1
- package/lib/Popup/Popup.js +55 -45
- package/lib/Popup/index.js +16 -1
- package/lib/Popup/styles.d.ts +12 -11
- package/lib/Popup/styles.js +21 -8
- package/lib/Popup/types.js +5 -1
- package/lib/ProgressBar/ProgressBar.js +30 -20
- package/lib/ProgressBar/index.js +27 -2
- package/lib/ProgressBar/styles.d.ts +24 -28
- package/lib/ProgressBar/styles.js +30 -14
- package/lib/ProgressBar/types.js +5 -1
- package/lib/Radio/Radio.js +53 -48
- package/lib/Radio/index.js +16 -1
- package/lib/Radio/styles.d.ts +25 -22
- package/lib/Radio/styles.js +49 -30
- package/lib/Radio/types.js +5 -1
- package/lib/ScrollableContent/ScrollableContent.js +35 -24
- package/lib/ScrollableContent/ScrollableContent.styles.d.ts +9 -11
- package/lib/ScrollableContent/ScrollableContent.styles.js +23 -13
- package/lib/ScrollableContent/ScrollableContent.types.js +5 -1
- package/lib/ScrollableContent/index.js +27 -2
- package/lib/ScrollableContent/useScrollContainer.js +29 -24
- package/lib/Select/Select.js +31 -20
- package/lib/Select/index.js +16 -1
- package/lib/Select/types.js +5 -1
- package/lib/Skeleton/Skeleton.js +30 -25
- package/lib/Skeleton/Skeleton.styles.d.ts +8 -10
- package/lib/Skeleton/Skeleton.styles.js +21 -14
- package/lib/Skeleton/Skeleton.types.js +5 -1
- package/lib/Skeleton/index.js +20 -2
- package/lib/Stepper/Stepper.js +49 -40
- package/lib/Stepper/Stepper.styles.d.ts +24 -29
- package/lib/Stepper/Stepper.styles.js +35 -19
- package/lib/Stepper/Stepper.types.js +5 -1
- package/lib/Stepper/index.js +16 -1
- package/lib/Switcher/Switcher.js +32 -23
- package/lib/Switcher/Switcher.styles.d.ts +13 -13
- package/lib/Switcher/Switcher.styles.js +27 -15
- package/lib/Switcher/Switcher.types.js +5 -1
- package/lib/Switcher/index.js +16 -1
- package/lib/Tab/Tab.js +31 -23
- package/lib/Tab/Tab.styles.d.ts +13 -12
- package/lib/Tab/Tab.styles.js +30 -21
- package/lib/Tab/Tab.types.js +5 -1
- package/lib/Tab/index.js +16 -1
- package/lib/Table/NewSelectableTable.js +77 -56
- package/lib/Table/SelectableTable.js +138 -118
- package/lib/Table/Table.js +126 -111
- package/lib/Table/Table.styles.d.ts +32 -16
- package/lib/Table/Table.styles.js +79 -59
- package/lib/Table/Table.types.js +5 -1
- package/lib/Table/index.js +27 -2
- package/lib/TagsInput/TagsInput.js +44 -33
- package/lib/TagsInput/index.js +16 -1
- package/lib/TagsInput/style.d.ts +16 -19
- package/lib/TagsInput/style.js +22 -9
- package/lib/TagsInput/types.js +5 -1
- package/lib/Textarea/Textarea.js +75 -58
- package/lib/Textarea/Textarea.styles.d.ts +28 -22
- package/lib/Textarea/Textarea.styles.js +55 -32
- package/lib/Textarea/Textarea.types.js +5 -1
- package/lib/Textarea/index.js +16 -1
- package/lib/ThemeProvider/ThemeProvider.d.ts +5 -2
- package/lib/ThemeProvider/ThemeProvider.js +48 -30
- package/lib/ThemeProvider/index.js +16 -1
- package/lib/Toast/Toast.js +56 -53
- package/lib/Toast/index.js +16 -1
- package/lib/Toast/styles.d.ts +4 -2
- package/lib/Toast/styles.js +13 -3
- package/lib/Toast/types.js +5 -1
- package/lib/Toggle/Toggle.js +59 -50
- package/lib/Toggle/index.js +16 -1
- package/lib/Toggle/styles.d.ts +21 -14
- package/lib/Toggle/styles.js +51 -34
- package/lib/Toggle/types.js +5 -1
- package/lib/Tooltip/Tooltip.js +100 -102
- package/lib/Tooltip/index.js +16 -1
- package/lib/Tooltip/styles.d.ts +14 -8
- package/lib/Tooltip/styles.js +33 -25
- package/lib/Tooltip/types.js +5 -1
- package/lib/Typography/Typography.js +96 -85
- package/lib/Typography/Typography.styles.d.ts +48 -54
- package/lib/Typography/Typography.styles.js +70 -45
- package/lib/Typography/Typography.types.js +5 -1
- package/lib/Typography/index.js +38 -3
- package/lib/emotion.d.js +3 -0
- package/lib/hooks/index.js +38 -3
- package/lib/hooks/useForwardedRef.js +11 -6
- package/lib/hooks/useInfiniteScroll.js +24 -20
- package/lib/hooks/useStatefulRef.js +18 -14
- package/lib/index.js +489 -44
- package/lib/system-props/color.js +8 -2
- package/lib/system-props/index.js +27 -2
- package/lib/system-props/types.js +5 -1
- package/lib/theme/ColorSchemes/codacy.js +11 -4
- package/lib/theme/ColorSchemes/pulse.js +17 -9
- package/lib/theme/index.js +38 -3
- package/lib/theme/theme.js +42 -69
- package/lib/types.js +5 -1
- package/lib/utils/hash.js +8 -6
- package/lib/utils/reactNodeToText.js +13 -14
- package/package.json +32 -32
package/lib/Button/styles.js
CHANGED
|
@@ -1,20 +1,28 @@
|
|
|
1
|
-
|
|
2
|
-
import { transition } from '../theme';
|
|
3
|
-
import { css } from '@emotion/core';
|
|
4
|
-
import { Flex } from '../Flexbox';
|
|
5
|
-
import { space } from 'styled-system';
|
|
1
|
+
"use strict";
|
|
6
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.StyledButtonContents = exports.StyledButton = exports.ButtonGroup = void 0;
|
|
8
|
+
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
9
|
+
var _theme = require("../theme");
|
|
10
|
+
var _react = require("@emotion/react");
|
|
11
|
+
var _Flexbox = require("../Flexbox");
|
|
12
|
+
var _styledSystem = require("styled-system");
|
|
7
13
|
var ButtonSchemeStyle = function ButtonSchemeStyle(_ref) {
|
|
8
14
|
var scheme = _ref.scheme,
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
return /*#__PURE__*/css("border:", "solid ".concat(theme.borderWidths[0], " ").concat(border ? theme.colors["accent-".concat(scheme).concat(state ? "-".concat(state) : '')] : 'transparent'), ";background-color:", invert ? border && state && ['hover', 'focus', 'active'].includes(state) ? "".concat(theme.colors["accent-".concat(scheme)]).concat(state === 'active' ? '32' : '16') : 'transparent' : theme.colors["accent-".concat(scheme).concat(state ? "-".concat(state) : '')], ";color:", invert ? theme.colors["accent-".concat(scheme).concat(state ? "-".concat(state) : '')] : theme.colors['text-invert'], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
15
|
+
border = _ref.border,
|
|
16
|
+
invert = _ref.invert,
|
|
17
|
+
state = _ref.state,
|
|
18
|
+
theme = _ref.theme;
|
|
19
|
+
return /*#__PURE__*/(0, _react.css)("border:", "solid ".concat(theme.borderWidths[0], " ").concat(border ? theme.colors["accent-".concat(scheme).concat(state ? "-".concat(state) : '')] : 'transparent'), ";background-color:", invert ? border && state && ['hover', 'focus', 'active'].includes(state) ? "".concat(theme.colors["accent-".concat(scheme)]).concat(state === 'active' ? '32' : '16') : 'transparent' : theme.colors["accent-".concat(scheme).concat(state ? "-".concat(state) : '')], ";color:", invert ? theme.colors["accent-".concat(scheme).concat(state ? "-".concat(state) : '')] : theme.colors['text-invert'], ";" + (process.env.NODE_ENV === "production" ? "" : ";label:codacy;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CdXR0b24vc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCMkciLCJmaWxlIjoiLi4vLi4vc3JjL0J1dHRvbi9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb2RhY3lUaGVtZSwgQ29sb3IsIHRyYW5zaXRpb24gfSBmcm9tICcuLi90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBCdXR0b25TaXplLCBCdXR0b25Db2xvclNjaGVtZSB9IGZyb20gJy4vdHlwZXMnXG5pbXBvcnQgeyBGbGV4LCBGbGV4UHJvcHMgfSBmcm9tICcuLi9GbGV4Ym94J1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICdzdHlsZWQtc3lzdGVtJ1xuZXhwb3J0IGludGVyZmFjZSBTdHlsZWRCdXR0b25Qcm9wcyB7XG4gIHNpemU6IEJ1dHRvblNpemVcbiAgc2NoZW1lOiBCdXR0b25Db2xvclNjaGVtZVxuICBib3JkZXI6IGJvb2xlYW5cbiAgaW52ZXJ0OiBib29sZWFuXG4gIHNoYWRvd3M6IGJvb2xlYW5cbiAgZGlzYWJsZWQ6IGJvb2xlYW5cbn1cblxuY29uc3QgQnV0dG9uU2NoZW1lU3R5bGUgPSAoe1xuICBzY2hlbWUsXG4gIGJvcmRlcixcbiAgaW52ZXJ0LFxuICBzdGF0ZSxcbiAgdGhlbWUsXG59OiBQaWNrPFN0eWxlZEJ1dHRvblByb3BzLCAnc2NoZW1lJyB8ICdib3JkZXInIHwgJ2ludmVydCc+ICYgeyBzdGF0ZT86IHN0cmluZzsgdGhlbWU6IENvZGFjeVRoZW1lIH0pID0+IGNzc2BcbiAgYm9yZGVyOiAke2Bzb2xpZCAke3RoZW1lLmJvcmRlcldpZHRoc1swXX0gJHtcbiAgICBib3JkZXIgPyB0aGVtZS5jb2xvcnNbYGFjY2VudC0ke3NjaGVtZX0ke3N0YXRlID8gYC0ke3N0YXRlfWAgOiAnJ31gIGFzIENvbG9yXSA6ICd0cmFuc3BhcmVudCdcbiAgfWB9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2ludmVydFxuICAgID8gYm9yZGVyICYmIHN0YXRlICYmIFsnaG92ZXInLCAnZm9jdXMnLCAnYWN0aXZlJ10uaW5jbHVkZXMoc3RhdGUpXG4gICAgICA/IGAke3RoZW1lLmNvbG9yc1tgYWNjZW50LSR7c2NoZW1lfWAgYXMgQ29sb3JdfSR7c3RhdGUgPT09ICdhY3RpdmUnID8gJzMyJyA6ICcxNid9YFxuICAgICAgOiAndHJhbnNwYXJlbnQnXG4gICAgOiB0aGVtZS5jb2xvcnNbYGFjY2VudC0ke3NjaGVtZX0ke3N0YXRlID8gYC0ke3N0YXRlfWAgOiAnJ31gIGFzIENvbG9yXX07XG5cbiAgY29sb3I6ICR7aW52ZXJ0ID8gdGhlbWUuY29sb3JzW2BhY2NlbnQtJHtzY2hlbWV9JHtzdGF0ZSA/IGAtJHtzdGF0ZX1gIDogJyd9YCBhcyBDb2xvcl0gOiB0aGVtZS5jb2xvcnNbJ3RleHQtaW52ZXJ0J119O1xuYFxuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjxTdHlsZWRCdXR0b25Qcm9wcz5gXG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIGZvbnQtd2VpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmZvbnRXZWlnaHRzLmJvbGR9O1xuICBvdXRsaW5lOiAwO1xuXG4gIGZvbnQtZmFtaWx5OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmZvbnRzWydub3JtYWwnXX07XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWlbMV19O1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lLCBzaXplIH0pID0+IGAwICR7c2l6ZSA9PT0gJ3NtJyA/IHRoZW1lLnNwYWNlWzJdIDogdGhlbWUuc3BhY2VbM119YH07XG4gIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSwgc2l6ZSB9KSA9PiAoc2l6ZSA9PT0gJ3NtJyA/IHRoZW1lLmZvbnRTaXplc1sxXSA6IHRoZW1lLmZvbnRTaXplc1syXSl9O1xuICBoZWlnaHQ6ICR7KHsgc2l6ZSB9KSA9PiAoc2l6ZSA9PT0gJ3NtJyA/ICcxLjVyZW0nIDogJzJyZW0nKX07XG4gIGxpbmUtaGVpZ2h0OiAkeyh7IHNpemUgfSkgPT4gYGNhbGMoJHtzaXplID09PSAnc20nID8gJzEuNXJlbScgOiAnMnJlbSd9IC0gMnB4KWB9O1xuXG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbjogJHsoKSA9PiB0cmFuc2l0aW9uKFsnYmFja2dyb3VuZC1jb2xvcicsICdib3JkZXItY29sb3InLCAnYm94LXNoYWRvdyddLCAnZmFzdCcpfTtcblxuICAkeyh7IHNjaGVtZSwgdGhlbWUsIGJvcmRlciwgaW52ZXJ0IH0pID0+IEJ1dHRvblNjaGVtZVN0eWxlKHsgc2NoZW1lLCBib3JkZXIsIHRoZW1lLCBpbnZlcnQgfSl9O1xuXG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUsIHNoYWRvd3MgfSkgPT4gKHNoYWRvd3MgPyB0aGVtZS5zaGFkb3dzWzBdIDogdW5kZWZpbmVkKX07XG5cbiAgJjpob3ZlciB7XG4gICAgJHsoeyBzY2hlbWUsIHRoZW1lLCBib3JkZXIsIGludmVydCB9KSA9PiBCdXR0b25TY2hlbWVTdHlsZSh7IHN0YXRlOiAnaG92ZXInLCBzY2hlbWUsIGJvcmRlciwgdGhlbWUsIGludmVydCB9KX07XG4gICAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSwgc2hhZG93cyB9KSA9PiAoc2hhZG93cyA/IHRoZW1lLnNoYWRvd3NbMV0gOiB1bmRlZmluZWQpfTtcbiAgICB0ZXh0LWRlY29yYXRpb246ICR7KHsgYm9yZGVyIH0pID0+ICghYm9yZGVyID8gJ3VuZGVybGluZScgOiB1bmRlZmluZWQpfTtcbiAgfVxuXG4gICY6Zm9jdXMge1xuICAgICR7KHsgc2NoZW1lLCB0aGVtZSwgYm9yZGVyLCBpbnZlcnQgfSkgPT4gQnV0dG9uU2NoZW1lU3R5bGUoeyBzdGF0ZTogJ2ZvY3VzJywgc2NoZW1lLCBib3JkZXIsIHRoZW1lLCBpbnZlcnQgfSl9O1xuICAgIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUsIHNoYWRvd3MgfSkgPT4gKHNoYWRvd3MgPyB0aGVtZS5zaGFkb3dzWzFdIDogdW5kZWZpbmVkKX07XG4gIH1cblxuICAmOmFjdGl2ZSB7XG4gICAgJHsoeyBzY2hlbWUsIHRoZW1lLCBib3JkZXIsIGludmVydCB9KSA9PiBCdXR0b25TY2hlbWVTdHlsZSh7IHN0YXRlOiAnYWN0aXZlJywgc2NoZW1lLCBib3JkZXIsIHRoZW1lLCBpbnZlcnQgfSl9O1xuICAgIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUsIHNoYWRvd3MgfSkgPT4gKHNoYWRvd3MgPyB0aGVtZS5zaGFkb3dzWzFdIDogdW5kZWZpbmVkKX07XG4gIH1cblxuICAmOmRpc2FibGVkIHtcbiAgICAkeyh7IHNjaGVtZSwgdGhlbWUsIGJvcmRlciwgaW52ZXJ0IH0pID0+IEJ1dHRvblNjaGVtZVN0eWxlKHsgc3RhdGU6ICdkaXNhYmxlZCcsIHNjaGVtZSwgYm9yZGVyLCB0aGVtZSwgaW52ZXJ0IH0pfTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gIH1cblxuICAke3NwYWNlfVxuYFxuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uQ29udGVudHMgPSBzdHlsZWQuZGl2PHsgc2l6ZTogQnV0dG9uU2l6ZSB9PmBcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGhlaWdodDogMTAwJTtcbiAgZ2FwOiAkeyh7IHRoZW1lLCBzaXplIH0pID0+IHRoZW1lLnNwYWNlW3NpemUgPT09ICdtZCcgPyAyIDogMV19O1xuYFxuXG5leHBvcnQgY29uc3QgQnV0dG9uR3JvdXAgPSBzdHlsZWQoRmxleCk8RmxleFByb3BzPmBcbiAgJiA+ICR7U3R5bGVkQnV0dG9ufTpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMl19O1xuICB9XG5cbiAgLyogVGhpcyBjYXNlIGNvdmVycyBzcGVjaWZpYyB1c2Ugd2hlbiB0aGUgYnV0dG9uIGlzIHdyYXBwZWQgaW4gc29tZXRoaW5nIGVsc2UsIGxpa2UgYSB0b29sdGlwICovXG4gICYgPiAqOm5vdCg6bGFzdC1jaGlsZCkgPiAke1N0eWxlZEJ1dHRvbn0ge1xuICAgIG1hcmdpbi1yaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsyXX07XG4gIH1cbmBcbiJdfQ== */");
|
|
14
20
|
};
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
21
|
+
var StyledButton = exports.StyledButton = /*#__PURE__*/(0, _base["default"])("button", process.env.NODE_ENV === "production" ? {
|
|
22
|
+
target: "e1xed6y72"
|
|
23
|
+
} : {
|
|
24
|
+
target: "e1xed6y72",
|
|
25
|
+
label: "codacy"
|
|
18
26
|
})("white-space:nowrap;font-weight:", function (_ref2) {
|
|
19
27
|
var theme = _ref2.theme;
|
|
20
28
|
return theme.fontWeights.bold;
|
|
@@ -26,11 +34,11 @@ export var StyledButton = _styled("button", {
|
|
|
26
34
|
return theme.radii[1];
|
|
27
35
|
}, ";padding:", function (_ref5) {
|
|
28
36
|
var theme = _ref5.theme,
|
|
29
|
-
|
|
37
|
+
size = _ref5.size;
|
|
30
38
|
return "0 ".concat(size === 'sm' ? theme.space[2] : theme.space[3]);
|
|
31
39
|
}, ";font-size:", function (_ref6) {
|
|
32
40
|
var theme = _ref6.theme,
|
|
33
|
-
|
|
41
|
+
size = _ref6.size;
|
|
34
42
|
return size === 'sm' ? theme.fontSizes[1] : theme.fontSizes[2];
|
|
35
43
|
}, ";height:", function (_ref7) {
|
|
36
44
|
var size = _ref7.size;
|
|
@@ -39,12 +47,12 @@ export var StyledButton = _styled("button", {
|
|
|
39
47
|
var size = _ref8.size;
|
|
40
48
|
return "calc(".concat(size === 'sm' ? '1.5rem' : '2rem', " - 2px)");
|
|
41
49
|
}, ";cursor:pointer;transition:", function () {
|
|
42
|
-
return transition(['background-color', 'border-color', 'box-shadow'], 'fast');
|
|
50
|
+
return (0, _theme.transition)(['background-color', 'border-color', 'box-shadow'], 'fast');
|
|
43
51
|
}, ";", function (_ref9) {
|
|
44
52
|
var scheme = _ref9.scheme,
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
53
|
+
theme = _ref9.theme,
|
|
54
|
+
border = _ref9.border,
|
|
55
|
+
invert = _ref9.invert;
|
|
48
56
|
return ButtonSchemeStyle({
|
|
49
57
|
scheme: scheme,
|
|
50
58
|
border: border,
|
|
@@ -53,13 +61,13 @@ export var StyledButton = _styled("button", {
|
|
|
53
61
|
});
|
|
54
62
|
}, ";box-shadow:", function (_ref10) {
|
|
55
63
|
var theme = _ref10.theme,
|
|
56
|
-
|
|
64
|
+
shadows = _ref10.shadows;
|
|
57
65
|
return shadows ? theme.shadows[0] : undefined;
|
|
58
66
|
}, ";&:hover{", function (_ref11) {
|
|
59
67
|
var scheme = _ref11.scheme,
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
68
|
+
theme = _ref11.theme,
|
|
69
|
+
border = _ref11.border,
|
|
70
|
+
invert = _ref11.invert;
|
|
63
71
|
return ButtonSchemeStyle({
|
|
64
72
|
state: 'hover',
|
|
65
73
|
scheme: scheme,
|
|
@@ -69,16 +77,16 @@ export var StyledButton = _styled("button", {
|
|
|
69
77
|
});
|
|
70
78
|
}, ";box-shadow:", function (_ref12) {
|
|
71
79
|
var theme = _ref12.theme,
|
|
72
|
-
|
|
80
|
+
shadows = _ref12.shadows;
|
|
73
81
|
return shadows ? theme.shadows[1] : undefined;
|
|
74
82
|
}, ";text-decoration:", function (_ref13) {
|
|
75
83
|
var border = _ref13.border;
|
|
76
84
|
return !border ? 'underline' : undefined;
|
|
77
85
|
}, ";}&:focus{", function (_ref14) {
|
|
78
86
|
var scheme = _ref14.scheme,
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
87
|
+
theme = _ref14.theme,
|
|
88
|
+
border = _ref14.border,
|
|
89
|
+
invert = _ref14.invert;
|
|
82
90
|
return ButtonSchemeStyle({
|
|
83
91
|
state: 'focus',
|
|
84
92
|
scheme: scheme,
|
|
@@ -88,13 +96,13 @@ export var StyledButton = _styled("button", {
|
|
|
88
96
|
});
|
|
89
97
|
}, ";box-shadow:", function (_ref15) {
|
|
90
98
|
var theme = _ref15.theme,
|
|
91
|
-
|
|
99
|
+
shadows = _ref15.shadows;
|
|
92
100
|
return shadows ? theme.shadows[1] : undefined;
|
|
93
101
|
}, ";}&:active{", function (_ref16) {
|
|
94
102
|
var scheme = _ref16.scheme,
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
103
|
+
theme = _ref16.theme,
|
|
104
|
+
border = _ref16.border,
|
|
105
|
+
invert = _ref16.invert;
|
|
98
106
|
return ButtonSchemeStyle({
|
|
99
107
|
state: 'active',
|
|
100
108
|
scheme: scheme,
|
|
@@ -104,13 +112,13 @@ export var StyledButton = _styled("button", {
|
|
|
104
112
|
});
|
|
105
113
|
}, ";box-shadow:", function (_ref17) {
|
|
106
114
|
var theme = _ref17.theme,
|
|
107
|
-
|
|
115
|
+
shadows = _ref17.shadows;
|
|
108
116
|
return shadows ? theme.shadows[1] : undefined;
|
|
109
117
|
}, ";}&:disabled{", function (_ref18) {
|
|
110
118
|
var scheme = _ref18.scheme,
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
119
|
+
theme = _ref18.theme,
|
|
120
|
+
border = _ref18.border,
|
|
121
|
+
invert = _ref18.invert;
|
|
114
122
|
return ButtonSchemeStyle({
|
|
115
123
|
state: 'disabled',
|
|
116
124
|
scheme: scheme,
|
|
@@ -118,20 +126,26 @@ export var StyledButton = _styled("button", {
|
|
|
118
126
|
theme: theme,
|
|
119
127
|
invert: invert
|
|
120
128
|
});
|
|
121
|
-
}, ";pointer-events:none;cursor:not-allowed;box-shadow:none;}", space, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
122
|
-
|
|
129
|
+
}, ";pointer-events:none;cursor:not-allowed;box-shadow:none;}", _styledSystem.space, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CdXR0b24vc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDNEQiLCJmaWxlIjoiLi4vLi4vc3JjL0J1dHRvbi9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb2RhY3lUaGVtZSwgQ29sb3IsIHRyYW5zaXRpb24gfSBmcm9tICcuLi90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBCdXR0b25TaXplLCBCdXR0b25Db2xvclNjaGVtZSB9IGZyb20gJy4vdHlwZXMnXG5pbXBvcnQgeyBGbGV4LCBGbGV4UHJvcHMgfSBmcm9tICcuLi9GbGV4Ym94J1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICdzdHlsZWQtc3lzdGVtJ1xuZXhwb3J0IGludGVyZmFjZSBTdHlsZWRCdXR0b25Qcm9wcyB7XG4gIHNpemU6IEJ1dHRvblNpemVcbiAgc2NoZW1lOiBCdXR0b25Db2xvclNjaGVtZVxuICBib3JkZXI6IGJvb2xlYW5cbiAgaW52ZXJ0OiBib29sZWFuXG4gIHNoYWRvd3M6IGJvb2xlYW5cbiAgZGlzYWJsZWQ6IGJvb2xlYW5cbn1cblxuY29uc3QgQnV0dG9uU2NoZW1lU3R5bGUgPSAoe1xuICBzY2hlbWUsXG4gIGJvcmRlcixcbiAgaW52ZXJ0LFxuICBzdGF0ZSxcbiAgdGhlbWUsXG59OiBQaWNrPFN0eWxlZEJ1dHRvblByb3BzLCAnc2NoZW1lJyB8ICdib3JkZXInIHwgJ2ludmVydCc+ICYgeyBzdGF0ZT86IHN0cmluZzsgdGhlbWU6IENvZGFjeVRoZW1lIH0pID0+IGNzc2BcbiAgYm9yZGVyOiAke2Bzb2xpZCAke3RoZW1lLmJvcmRlcldpZHRoc1swXX0gJHtcbiAgICBib3JkZXIgPyB0aGVtZS5jb2xvcnNbYGFjY2VudC0ke3NjaGVtZX0ke3N0YXRlID8gYC0ke3N0YXRlfWAgOiAnJ31gIGFzIENvbG9yXSA6ICd0cmFuc3BhcmVudCdcbiAgfWB9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2ludmVydFxuICAgID8gYm9yZGVyICYmIHN0YXRlICYmIFsnaG92ZXInLCAnZm9jdXMnLCAnYWN0aXZlJ10uaW5jbHVkZXMoc3RhdGUpXG4gICAgICA/IGAke3RoZW1lLmNvbG9yc1tgYWNjZW50LSR7c2NoZW1lfWAgYXMgQ29sb3JdfSR7c3RhdGUgPT09ICdhY3RpdmUnID8gJzMyJyA6ICcxNid9YFxuICAgICAgOiAndHJhbnNwYXJlbnQnXG4gICAgOiB0aGVtZS5jb2xvcnNbYGFjY2VudC0ke3NjaGVtZX0ke3N0YXRlID8gYC0ke3N0YXRlfWAgOiAnJ31gIGFzIENvbG9yXX07XG5cbiAgY29sb3I6ICR7aW52ZXJ0ID8gdGhlbWUuY29sb3JzW2BhY2NlbnQtJHtzY2hlbWV9JHtzdGF0ZSA/IGAtJHtzdGF0ZX1gIDogJyd9YCBhcyBDb2xvcl0gOiB0aGVtZS5jb2xvcnNbJ3RleHQtaW52ZXJ0J119O1xuYFxuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjxTdHlsZWRCdXR0b25Qcm9wcz5gXG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIGZvbnQtd2VpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmZvbnRXZWlnaHRzLmJvbGR9O1xuICBvdXRsaW5lOiAwO1xuXG4gIGZvbnQtZmFtaWx5OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmZvbnRzWydub3JtYWwnXX07XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWlbMV19O1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lLCBzaXplIH0pID0+IGAwICR7c2l6ZSA9PT0gJ3NtJyA/IHRoZW1lLnNwYWNlWzJdIDogdGhlbWUuc3BhY2VbM119YH07XG4gIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSwgc2l6ZSB9KSA9PiAoc2l6ZSA9PT0gJ3NtJyA/IHRoZW1lLmZvbnRTaXplc1sxXSA6IHRoZW1lLmZvbnRTaXplc1syXSl9O1xuICBoZWlnaHQ6ICR7KHsgc2l6ZSB9KSA9PiAoc2l6ZSA9PT0gJ3NtJyA/ICcxLjVyZW0nIDogJzJyZW0nKX07XG4gIGxpbmUtaGVpZ2h0OiAkeyh7IHNpemUgfSkgPT4gYGNhbGMoJHtzaXplID09PSAnc20nID8gJzEuNXJlbScgOiAnMnJlbSd9IC0gMnB4KWB9O1xuXG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbjogJHsoKSA9PiB0cmFuc2l0aW9uKFsnYmFja2dyb3VuZC1jb2xvcicsICdib3JkZXItY29sb3InLCAnYm94LXNoYWRvdyddLCAnZmFzdCcpfTtcblxuICAkeyh7IHNjaGVtZSwgdGhlbWUsIGJvcmRlciwgaW52ZXJ0IH0pID0+IEJ1dHRvblNjaGVtZVN0eWxlKHsgc2NoZW1lLCBib3JkZXIsIHRoZW1lLCBpbnZlcnQgfSl9O1xuXG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUsIHNoYWRvd3MgfSkgPT4gKHNoYWRvd3MgPyB0aGVtZS5zaGFkb3dzWzBdIDogdW5kZWZpbmVkKX07XG5cbiAgJjpob3ZlciB7XG4gICAgJHsoeyBzY2hlbWUsIHRoZW1lLCBib3JkZXIsIGludmVydCB9KSA9PiBCdXR0b25TY2hlbWVTdHlsZSh7IHN0YXRlOiAnaG92ZXInLCBzY2hlbWUsIGJvcmRlciwgdGhlbWUsIGludmVydCB9KX07XG4gICAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSwgc2hhZG93cyB9KSA9PiAoc2hhZG93cyA/IHRoZW1lLnNoYWRvd3NbMV0gOiB1bmRlZmluZWQpfTtcbiAgICB0ZXh0LWRlY29yYXRpb246ICR7KHsgYm9yZGVyIH0pID0+ICghYm9yZGVyID8gJ3VuZGVybGluZScgOiB1bmRlZmluZWQpfTtcbiAgfVxuXG4gICY6Zm9jdXMge1xuICAgICR7KHsgc2NoZW1lLCB0aGVtZSwgYm9yZGVyLCBpbnZlcnQgfSkgPT4gQnV0dG9uU2NoZW1lU3R5bGUoeyBzdGF0ZTogJ2ZvY3VzJywgc2NoZW1lLCBib3JkZXIsIHRoZW1lLCBpbnZlcnQgfSl9O1xuICAgIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUsIHNoYWRvd3MgfSkgPT4gKHNoYWRvd3MgPyB0aGVtZS5zaGFkb3dzWzFdIDogdW5kZWZpbmVkKX07XG4gIH1cblxuICAmOmFjdGl2ZSB7XG4gICAgJHsoeyBzY2hlbWUsIHRoZW1lLCBib3JkZXIsIGludmVydCB9KSA9PiBCdXR0b25TY2hlbWVTdHlsZSh7IHN0YXRlOiAnYWN0aXZlJywgc2NoZW1lLCBib3JkZXIsIHRoZW1lLCBpbnZlcnQgfSl9O1xuICAgIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUsIHNoYWRvd3MgfSkgPT4gKHNoYWRvd3MgPyB0aGVtZS5zaGFkb3dzWzFdIDogdW5kZWZpbmVkKX07XG4gIH1cblxuICAmOmRpc2FibGVkIHtcbiAgICAkeyh7IHNjaGVtZSwgdGhlbWUsIGJvcmRlciwgaW52ZXJ0IH0pID0+IEJ1dHRvblNjaGVtZVN0eWxlKHsgc3RhdGU6ICdkaXNhYmxlZCcsIHNjaGVtZSwgYm9yZGVyLCB0aGVtZSwgaW52ZXJ0IH0pfTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gIH1cblxuICAke3NwYWNlfVxuYFxuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uQ29udGVudHMgPSBzdHlsZWQuZGl2PHsgc2l6ZTogQnV0dG9uU2l6ZSB9PmBcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGhlaWdodDogMTAwJTtcbiAgZ2FwOiAkeyh7IHRoZW1lLCBzaXplIH0pID0+IHRoZW1lLnNwYWNlW3NpemUgPT09ICdtZCcgPyAyIDogMV19O1xuYFxuXG5leHBvcnQgY29uc3QgQnV0dG9uR3JvdXAgPSBzdHlsZWQoRmxleCk8RmxleFByb3BzPmBcbiAgJiA+ICR7U3R5bGVkQnV0dG9ufTpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMl19O1xuICB9XG5cbiAgLyogVGhpcyBjYXNlIGNvdmVycyBzcGVjaWZpYyB1c2Ugd2hlbiB0aGUgYnV0dG9uIGlzIHdyYXBwZWQgaW4gc29tZXRoaW5nIGVsc2UsIGxpa2UgYSB0b29sdGlwICovXG4gICYgPiAqOm5vdCg6bGFzdC1jaGlsZCkgPiAke1N0eWxlZEJ1dHRvbn0ge1xuICAgIG1hcmdpbi1yaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsyXX07XG4gIH1cbmBcbiJdfQ== */"));
|
|
130
|
+
var StyledButtonContents = exports.StyledButtonContents = /*#__PURE__*/(0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
|
|
123
131
|
target: "e1xed6y71"
|
|
132
|
+
} : {
|
|
133
|
+
target: "e1xed6y71",
|
|
134
|
+
label: "codacy"
|
|
124
135
|
})("display:inline-flex;align-items:center;height:100%;gap:", function (_ref19) {
|
|
125
136
|
var theme = _ref19.theme,
|
|
126
|
-
|
|
137
|
+
size = _ref19.size;
|
|
127
138
|
return theme.space[size === 'md' ? 2 : 1];
|
|
128
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
129
|
-
|
|
130
|
-
target: "
|
|
131
|
-
}
|
|
139
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CdXR0b24vc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStFb0UiLCJmaWxlIjoiLi4vLi4vc3JjL0J1dHRvbi9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb2RhY3lUaGVtZSwgQ29sb3IsIHRyYW5zaXRpb24gfSBmcm9tICcuLi90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBCdXR0b25TaXplLCBCdXR0b25Db2xvclNjaGVtZSB9IGZyb20gJy4vdHlwZXMnXG5pbXBvcnQgeyBGbGV4LCBGbGV4UHJvcHMgfSBmcm9tICcuLi9GbGV4Ym94J1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICdzdHlsZWQtc3lzdGVtJ1xuZXhwb3J0IGludGVyZmFjZSBTdHlsZWRCdXR0b25Qcm9wcyB7XG4gIHNpemU6IEJ1dHRvblNpemVcbiAgc2NoZW1lOiBCdXR0b25Db2xvclNjaGVtZVxuICBib3JkZXI6IGJvb2xlYW5cbiAgaW52ZXJ0OiBib29sZWFuXG4gIHNoYWRvd3M6IGJvb2xlYW5cbiAgZGlzYWJsZWQ6IGJvb2xlYW5cbn1cblxuY29uc3QgQnV0dG9uU2NoZW1lU3R5bGUgPSAoe1xuICBzY2hlbWUsXG4gIGJvcmRlcixcbiAgaW52ZXJ0LFxuICBzdGF0ZSxcbiAgdGhlbWUsXG59OiBQaWNrPFN0eWxlZEJ1dHRvblByb3BzLCAnc2NoZW1lJyB8ICdib3JkZXInIHwgJ2ludmVydCc+ICYgeyBzdGF0ZT86IHN0cmluZzsgdGhlbWU6IENvZGFjeVRoZW1lIH0pID0+IGNzc2BcbiAgYm9yZGVyOiAke2Bzb2xpZCAke3RoZW1lLmJvcmRlcldpZHRoc1swXX0gJHtcbiAgICBib3JkZXIgPyB0aGVtZS5jb2xvcnNbYGFjY2VudC0ke3NjaGVtZX0ke3N0YXRlID8gYC0ke3N0YXRlfWAgOiAnJ31gIGFzIENvbG9yXSA6ICd0cmFuc3BhcmVudCdcbiAgfWB9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2ludmVydFxuICAgID8gYm9yZGVyICYmIHN0YXRlICYmIFsnaG92ZXInLCAnZm9jdXMnLCAnYWN0aXZlJ10uaW5jbHVkZXMoc3RhdGUpXG4gICAgICA/IGAke3RoZW1lLmNvbG9yc1tgYWNjZW50LSR7c2NoZW1lfWAgYXMgQ29sb3JdfSR7c3RhdGUgPT09ICdhY3RpdmUnID8gJzMyJyA6ICcxNid9YFxuICAgICAgOiAndHJhbnNwYXJlbnQnXG4gICAgOiB0aGVtZS5jb2xvcnNbYGFjY2VudC0ke3NjaGVtZX0ke3N0YXRlID8gYC0ke3N0YXRlfWAgOiAnJ31gIGFzIENvbG9yXX07XG5cbiAgY29sb3I6ICR7aW52ZXJ0ID8gdGhlbWUuY29sb3JzW2BhY2NlbnQtJHtzY2hlbWV9JHtzdGF0ZSA/IGAtJHtzdGF0ZX1gIDogJyd9YCBhcyBDb2xvcl0gOiB0aGVtZS5jb2xvcnNbJ3RleHQtaW52ZXJ0J119O1xuYFxuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjxTdHlsZWRCdXR0b25Qcm9wcz5gXG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIGZvbnQtd2VpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmZvbnRXZWlnaHRzLmJvbGR9O1xuICBvdXRsaW5lOiAwO1xuXG4gIGZvbnQtZmFtaWx5OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmZvbnRzWydub3JtYWwnXX07XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWlbMV19O1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lLCBzaXplIH0pID0+IGAwICR7c2l6ZSA9PT0gJ3NtJyA/IHRoZW1lLnNwYWNlWzJdIDogdGhlbWUuc3BhY2VbM119YH07XG4gIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSwgc2l6ZSB9KSA9PiAoc2l6ZSA9PT0gJ3NtJyA/IHRoZW1lLmZvbnRTaXplc1sxXSA6IHRoZW1lLmZvbnRTaXplc1syXSl9O1xuICBoZWlnaHQ6ICR7KHsgc2l6ZSB9KSA9PiAoc2l6ZSA9PT0gJ3NtJyA/ICcxLjVyZW0nIDogJzJyZW0nKX07XG4gIGxpbmUtaGVpZ2h0OiAkeyh7IHNpemUgfSkgPT4gYGNhbGMoJHtzaXplID09PSAnc20nID8gJzEuNXJlbScgOiAnMnJlbSd9IC0gMnB4KWB9O1xuXG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbjogJHsoKSA9PiB0cmFuc2l0aW9uKFsnYmFja2dyb3VuZC1jb2xvcicsICdib3JkZXItY29sb3InLCAnYm94LXNoYWRvdyddLCAnZmFzdCcpfTtcblxuICAkeyh7IHNjaGVtZSwgdGhlbWUsIGJvcmRlciwgaW52ZXJ0IH0pID0+IEJ1dHRvblNjaGVtZVN0eWxlKHsgc2NoZW1lLCBib3JkZXIsIHRoZW1lLCBpbnZlcnQgfSl9O1xuXG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUsIHNoYWRvd3MgfSkgPT4gKHNoYWRvd3MgPyB0aGVtZS5zaGFkb3dzWzBdIDogdW5kZWZpbmVkKX07XG5cbiAgJjpob3ZlciB7XG4gICAgJHsoeyBzY2hlbWUsIHRoZW1lLCBib3JkZXIsIGludmVydCB9KSA9PiBCdXR0b25TY2hlbWVTdHlsZSh7IHN0YXRlOiAnaG92ZXInLCBzY2hlbWUsIGJvcmRlciwgdGhlbWUsIGludmVydCB9KX07XG4gICAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSwgc2hhZG93cyB9KSA9PiAoc2hhZG93cyA/IHRoZW1lLnNoYWRvd3NbMV0gOiB1bmRlZmluZWQpfTtcbiAgICB0ZXh0LWRlY29yYXRpb246ICR7KHsgYm9yZGVyIH0pID0+ICghYm9yZGVyID8gJ3VuZGVybGluZScgOiB1bmRlZmluZWQpfTtcbiAgfVxuXG4gICY6Zm9jdXMge1xuICAgICR7KHsgc2NoZW1lLCB0aGVtZSwgYm9yZGVyLCBpbnZlcnQgfSkgPT4gQnV0dG9uU2NoZW1lU3R5bGUoeyBzdGF0ZTogJ2ZvY3VzJywgc2NoZW1lLCBib3JkZXIsIHRoZW1lLCBpbnZlcnQgfSl9O1xuICAgIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUsIHNoYWRvd3MgfSkgPT4gKHNoYWRvd3MgPyB0aGVtZS5zaGFkb3dzWzFdIDogdW5kZWZpbmVkKX07XG4gIH1cblxuICAmOmFjdGl2ZSB7XG4gICAgJHsoeyBzY2hlbWUsIHRoZW1lLCBib3JkZXIsIGludmVydCB9KSA9PiBCdXR0b25TY2hlbWVTdHlsZSh7IHN0YXRlOiAnYWN0aXZlJywgc2NoZW1lLCBib3JkZXIsIHRoZW1lLCBpbnZlcnQgfSl9O1xuICAgIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUsIHNoYWRvd3MgfSkgPT4gKHNoYWRvd3MgPyB0aGVtZS5zaGFkb3dzWzFdIDogdW5kZWZpbmVkKX07XG4gIH1cblxuICAmOmRpc2FibGVkIHtcbiAgICAkeyh7IHNjaGVtZSwgdGhlbWUsIGJvcmRlciwgaW52ZXJ0IH0pID0+IEJ1dHRvblNjaGVtZVN0eWxlKHsgc3RhdGU6ICdkaXNhYmxlZCcsIHNjaGVtZSwgYm9yZGVyLCB0aGVtZSwgaW52ZXJ0IH0pfTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gIH1cblxuICAke3NwYWNlfVxuYFxuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uQ29udGVudHMgPSBzdHlsZWQuZGl2PHsgc2l6ZTogQnV0dG9uU2l6ZSB9PmBcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGhlaWdodDogMTAwJTtcbiAgZ2FwOiAkeyh7IHRoZW1lLCBzaXplIH0pID0+IHRoZW1lLnNwYWNlW3NpemUgPT09ICdtZCcgPyAyIDogMV19O1xuYFxuXG5leHBvcnQgY29uc3QgQnV0dG9uR3JvdXAgPSBzdHlsZWQoRmxleCk8RmxleFByb3BzPmBcbiAgJiA+ICR7U3R5bGVkQnV0dG9ufTpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMl19O1xuICB9XG5cbiAgLyogVGhpcyBjYXNlIGNvdmVycyBzcGVjaWZpYyB1c2Ugd2hlbiB0aGUgYnV0dG9uIGlzIHdyYXBwZWQgaW4gc29tZXRoaW5nIGVsc2UsIGxpa2UgYSB0b29sdGlwICovXG4gICYgPiAqOm5vdCg6bGFzdC1jaGlsZCkgPiAke1N0eWxlZEJ1dHRvbn0ge1xuICAgIG1hcmdpbi1yaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsyXX07XG4gIH1cbmBcbiJdfQ== */"));
|
|
140
|
+
var ButtonGroup = exports.ButtonGroup = /*#__PURE__*/(0, _base["default"])(_Flexbox.Flex, process.env.NODE_ENV === "production" ? {
|
|
141
|
+
target: "e1xed6y70"
|
|
142
|
+
} : {
|
|
143
|
+
target: "e1xed6y70",
|
|
144
|
+
label: "codacy"
|
|
145
|
+
})("&>", StyledButton, ":not(:last-child){margin-right:", function (_ref20) {
|
|
132
146
|
var theme = _ref20.theme;
|
|
133
147
|
return theme.space[2];
|
|
134
|
-
}, ";}
|
|
148
|
+
}, ";}&>*:not(:last-child)>", StyledButton, "{margin-right:", function (_ref21) {
|
|
135
149
|
var theme = _ref21.theme;
|
|
136
150
|
return theme.space[2];
|
|
137
|
-
}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
151
|
+
}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CdXR0b24vc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNGa0QiLCJmaWxlIjoiLi4vLi4vc3JjL0J1dHRvbi9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb2RhY3lUaGVtZSwgQ29sb3IsIHRyYW5zaXRpb24gfSBmcm9tICcuLi90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBCdXR0b25TaXplLCBCdXR0b25Db2xvclNjaGVtZSB9IGZyb20gJy4vdHlwZXMnXG5pbXBvcnQgeyBGbGV4LCBGbGV4UHJvcHMgfSBmcm9tICcuLi9GbGV4Ym94J1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICdzdHlsZWQtc3lzdGVtJ1xuZXhwb3J0IGludGVyZmFjZSBTdHlsZWRCdXR0b25Qcm9wcyB7XG4gIHNpemU6IEJ1dHRvblNpemVcbiAgc2NoZW1lOiBCdXR0b25Db2xvclNjaGVtZVxuICBib3JkZXI6IGJvb2xlYW5cbiAgaW52ZXJ0OiBib29sZWFuXG4gIHNoYWRvd3M6IGJvb2xlYW5cbiAgZGlzYWJsZWQ6IGJvb2xlYW5cbn1cblxuY29uc3QgQnV0dG9uU2NoZW1lU3R5bGUgPSAoe1xuICBzY2hlbWUsXG4gIGJvcmRlcixcbiAgaW52ZXJ0LFxuICBzdGF0ZSxcbiAgdGhlbWUsXG59OiBQaWNrPFN0eWxlZEJ1dHRvblByb3BzLCAnc2NoZW1lJyB8ICdib3JkZXInIHwgJ2ludmVydCc+ICYgeyBzdGF0ZT86IHN0cmluZzsgdGhlbWU6IENvZGFjeVRoZW1lIH0pID0+IGNzc2BcbiAgYm9yZGVyOiAke2Bzb2xpZCAke3RoZW1lLmJvcmRlcldpZHRoc1swXX0gJHtcbiAgICBib3JkZXIgPyB0aGVtZS5jb2xvcnNbYGFjY2VudC0ke3NjaGVtZX0ke3N0YXRlID8gYC0ke3N0YXRlfWAgOiAnJ31gIGFzIENvbG9yXSA6ICd0cmFuc3BhcmVudCdcbiAgfWB9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2ludmVydFxuICAgID8gYm9yZGVyICYmIHN0YXRlICYmIFsnaG92ZXInLCAnZm9jdXMnLCAnYWN0aXZlJ10uaW5jbHVkZXMoc3RhdGUpXG4gICAgICA/IGAke3RoZW1lLmNvbG9yc1tgYWNjZW50LSR7c2NoZW1lfWAgYXMgQ29sb3JdfSR7c3RhdGUgPT09ICdhY3RpdmUnID8gJzMyJyA6ICcxNid9YFxuICAgICAgOiAndHJhbnNwYXJlbnQnXG4gICAgOiB0aGVtZS5jb2xvcnNbYGFjY2VudC0ke3NjaGVtZX0ke3N0YXRlID8gYC0ke3N0YXRlfWAgOiAnJ31gIGFzIENvbG9yXX07XG5cbiAgY29sb3I6ICR7aW52ZXJ0ID8gdGhlbWUuY29sb3JzW2BhY2NlbnQtJHtzY2hlbWV9JHtzdGF0ZSA/IGAtJHtzdGF0ZX1gIDogJyd9YCBhcyBDb2xvcl0gOiB0aGVtZS5jb2xvcnNbJ3RleHQtaW52ZXJ0J119O1xuYFxuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjxTdHlsZWRCdXR0b25Qcm9wcz5gXG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIGZvbnQtd2VpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmZvbnRXZWlnaHRzLmJvbGR9O1xuICBvdXRsaW5lOiAwO1xuXG4gIGZvbnQtZmFtaWx5OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmZvbnRzWydub3JtYWwnXX07XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWlbMV19O1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lLCBzaXplIH0pID0+IGAwICR7c2l6ZSA9PT0gJ3NtJyA/IHRoZW1lLnNwYWNlWzJdIDogdGhlbWUuc3BhY2VbM119YH07XG4gIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSwgc2l6ZSB9KSA9PiAoc2l6ZSA9PT0gJ3NtJyA/IHRoZW1lLmZvbnRTaXplc1sxXSA6IHRoZW1lLmZvbnRTaXplc1syXSl9O1xuICBoZWlnaHQ6ICR7KHsgc2l6ZSB9KSA9PiAoc2l6ZSA9PT0gJ3NtJyA/ICcxLjVyZW0nIDogJzJyZW0nKX07XG4gIGxpbmUtaGVpZ2h0OiAkeyh7IHNpemUgfSkgPT4gYGNhbGMoJHtzaXplID09PSAnc20nID8gJzEuNXJlbScgOiAnMnJlbSd9IC0gMnB4KWB9O1xuXG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbjogJHsoKSA9PiB0cmFuc2l0aW9uKFsnYmFja2dyb3VuZC1jb2xvcicsICdib3JkZXItY29sb3InLCAnYm94LXNoYWRvdyddLCAnZmFzdCcpfTtcblxuICAkeyh7IHNjaGVtZSwgdGhlbWUsIGJvcmRlciwgaW52ZXJ0IH0pID0+IEJ1dHRvblNjaGVtZVN0eWxlKHsgc2NoZW1lLCBib3JkZXIsIHRoZW1lLCBpbnZlcnQgfSl9O1xuXG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUsIHNoYWRvd3MgfSkgPT4gKHNoYWRvd3MgPyB0aGVtZS5zaGFkb3dzWzBdIDogdW5kZWZpbmVkKX07XG5cbiAgJjpob3ZlciB7XG4gICAgJHsoeyBzY2hlbWUsIHRoZW1lLCBib3JkZXIsIGludmVydCB9KSA9PiBCdXR0b25TY2hlbWVTdHlsZSh7IHN0YXRlOiAnaG92ZXInLCBzY2hlbWUsIGJvcmRlciwgdGhlbWUsIGludmVydCB9KX07XG4gICAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSwgc2hhZG93cyB9KSA9PiAoc2hhZG93cyA/IHRoZW1lLnNoYWRvd3NbMV0gOiB1bmRlZmluZWQpfTtcbiAgICB0ZXh0LWRlY29yYXRpb246ICR7KHsgYm9yZGVyIH0pID0+ICghYm9yZGVyID8gJ3VuZGVybGluZScgOiB1bmRlZmluZWQpfTtcbiAgfVxuXG4gICY6Zm9jdXMge1xuICAgICR7KHsgc2NoZW1lLCB0aGVtZSwgYm9yZGVyLCBpbnZlcnQgfSkgPT4gQnV0dG9uU2NoZW1lU3R5bGUoeyBzdGF0ZTogJ2ZvY3VzJywgc2NoZW1lLCBib3JkZXIsIHRoZW1lLCBpbnZlcnQgfSl9O1xuICAgIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUsIHNoYWRvd3MgfSkgPT4gKHNoYWRvd3MgPyB0aGVtZS5zaGFkb3dzWzFdIDogdW5kZWZpbmVkKX07XG4gIH1cblxuICAmOmFjdGl2ZSB7XG4gICAgJHsoeyBzY2hlbWUsIHRoZW1lLCBib3JkZXIsIGludmVydCB9KSA9PiBCdXR0b25TY2hlbWVTdHlsZSh7IHN0YXRlOiAnYWN0aXZlJywgc2NoZW1lLCBib3JkZXIsIHRoZW1lLCBpbnZlcnQgfSl9O1xuICAgIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUsIHNoYWRvd3MgfSkgPT4gKHNoYWRvd3MgPyB0aGVtZS5zaGFkb3dzWzFdIDogdW5kZWZpbmVkKX07XG4gIH1cblxuICAmOmRpc2FibGVkIHtcbiAgICAkeyh7IHNjaGVtZSwgdGhlbWUsIGJvcmRlciwgaW52ZXJ0IH0pID0+IEJ1dHRvblNjaGVtZVN0eWxlKHsgc3RhdGU6ICdkaXNhYmxlZCcsIHNjaGVtZSwgYm9yZGVyLCB0aGVtZSwgaW52ZXJ0IH0pfTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gIH1cblxuICAke3NwYWNlfVxuYFxuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uQ29udGVudHMgPSBzdHlsZWQuZGl2PHsgc2l6ZTogQnV0dG9uU2l6ZSB9PmBcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGhlaWdodDogMTAwJTtcbiAgZ2FwOiAkeyh7IHRoZW1lLCBzaXplIH0pID0+IHRoZW1lLnNwYWNlW3NpemUgPT09ICdtZCcgPyAyIDogMV19O1xuYFxuXG5leHBvcnQgY29uc3QgQnV0dG9uR3JvdXAgPSBzdHlsZWQoRmxleCk8RmxleFByb3BzPmBcbiAgJiA+ICR7U3R5bGVkQnV0dG9ufTpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMl19O1xuICB9XG5cbiAgLyogVGhpcyBjYXNlIGNvdmVycyBzcGVjaWZpYyB1c2Ugd2hlbiB0aGUgYnV0dG9uIGlzIHdyYXBwZWQgaW4gc29tZXRoaW5nIGVsc2UsIGxpa2UgYSB0b29sdGlwICovXG4gICYgPiAqOm5vdCg6bGFzdC1jaGlsZCkgPiAke1N0eWxlZEJ1dHRvbn0ge1xuICAgIG1hcmdpbi1yaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsyXX07XG4gIH1cbmBcbiJdfQ== */"));
|
package/lib/Button/types.js
CHANGED
package/lib/Checkbox/Checkbox.js
CHANGED
|
@@ -1,80 +1,89 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.Checkbox = void 0;
|
|
9
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
10
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
11
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
+
var _styles = require("./styles");
|
|
13
|
+
var _ = require("../");
|
|
14
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
2
15
|
var _excluded = ["children", "id", "disabled", "name", "value", "checked", "size", "onChange", "onFocus", "onBlur"];
|
|
3
|
-
import React, { useCallback, useEffect, useRef } from 'react';
|
|
4
|
-
import { Input, StyledCheckbox, CheckboxWrap } from './styles';
|
|
5
|
-
import { Caption, Icon, CheckIcon, MinusIcon } from '../';
|
|
6
16
|
/**
|
|
7
17
|
* Basic checkbox
|
|
8
18
|
*/
|
|
9
|
-
|
|
10
|
-
var Checkbox = function Checkbox(_ref) {
|
|
19
|
+
var Checkbox = exports.Checkbox = function Checkbox(_ref) {
|
|
11
20
|
var children = _ref.children,
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
var input = useRef(null);
|
|
21
|
+
id = _ref.id,
|
|
22
|
+
disabled = _ref.disabled,
|
|
23
|
+
name = _ref.name,
|
|
24
|
+
value = _ref.value,
|
|
25
|
+
checked = _ref.checked,
|
|
26
|
+
_ref$size = _ref.size,
|
|
27
|
+
size = _ref$size === void 0 ? 'md' : _ref$size,
|
|
28
|
+
onChange = _ref.onChange,
|
|
29
|
+
onFocus = _ref.onFocus,
|
|
30
|
+
onBlur = _ref.onBlur,
|
|
31
|
+
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
32
|
+
var input = (0, _react.useRef)(null);
|
|
25
33
|
var isIndeterminate = checked === 'indeterminate';
|
|
26
34
|
var isChecked = !isIndeterminate && !!checked;
|
|
27
|
-
var handleInput = useCallback(function (event) {
|
|
35
|
+
var handleInput = (0, _react.useCallback)(function (event) {
|
|
28
36
|
if (onChange == null || input.current == null || disabled) {
|
|
29
37
|
return;
|
|
30
38
|
}
|
|
31
|
-
|
|
32
39
|
if (event) event.stopPropagation();
|
|
33
40
|
onChange(isIndeterminate || !checked, event, value);
|
|
34
41
|
}, [checked, disabled, isIndeterminate, onChange, value]);
|
|
35
|
-
useEffect(function () {
|
|
42
|
+
(0, _react.useEffect)(function () {
|
|
36
43
|
if (input.current) {
|
|
37
44
|
// we have to set the indeterminate status here because is not an HTML attribute
|
|
38
45
|
input.current.indeterminate = isIndeterminate;
|
|
39
46
|
}
|
|
40
47
|
}, [input, isIndeterminate]);
|
|
41
|
-
var voidHandler = useCallback(function () {}, []);
|
|
48
|
+
var voidHandler = (0, _react.useCallback)(function () {}, []);
|
|
42
49
|
|
|
43
|
-
|
|
50
|
+
// this one is important for tests, screen readers and accessibility
|
|
51
|
+
var handleClickOnInput = (0, _react.useCallback)(function (e) {
|
|
44
52
|
e.stopPropagation();
|
|
45
53
|
handleInput(e);
|
|
46
54
|
}, [handleInput]);
|
|
47
|
-
return /*#__PURE__*/
|
|
55
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.CheckboxWrap, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
|
|
48
56
|
id: id
|
|
49
|
-
}, props, {
|
|
57
|
+
}, props), {}, {
|
|
50
58
|
size: size,
|
|
51
59
|
onClick: handleInput,
|
|
52
|
-
disabled: disabled
|
|
53
|
-
}), /*#__PURE__*/React.createElement(Input, {
|
|
54
|
-
id: id ? "input-".concat(id) : undefined,
|
|
55
|
-
ref: input,
|
|
56
|
-
name: name,
|
|
57
|
-
value: !!value ? value : undefined,
|
|
58
|
-
type: "checkbox",
|
|
59
|
-
checked: isChecked,
|
|
60
|
-
onFocus: onFocus,
|
|
61
|
-
onBlur: onBlur,
|
|
62
60
|
disabled: disabled,
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
61
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Input, {
|
|
62
|
+
id: id ? "input-".concat(id) : undefined,
|
|
63
|
+
ref: input,
|
|
64
|
+
name: name,
|
|
65
|
+
value: !!value ? value : undefined,
|
|
66
|
+
type: "checkbox",
|
|
67
|
+
checked: isChecked,
|
|
68
|
+
onFocus: onFocus,
|
|
69
|
+
onBlur: onBlur,
|
|
70
|
+
disabled: disabled,
|
|
71
|
+
onChange: voidHandler,
|
|
72
|
+
onClick: handleClickOnInput
|
|
73
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledCheckbox, {
|
|
74
|
+
disabled: disabled,
|
|
75
|
+
checked: checked,
|
|
76
|
+
size: size,
|
|
77
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Icon, {
|
|
78
|
+
icon: isIndeterminate ? _.MinusIcon : _.CheckIcon,
|
|
79
|
+
size: size === 'md' ? 'sm' : 'xs',
|
|
80
|
+
bold: true
|
|
81
|
+
})
|
|
82
|
+
}), children && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Caption, {
|
|
83
|
+
size: size,
|
|
84
|
+
ml: size === 'md' ? 3 : 2,
|
|
85
|
+
as: "span",
|
|
86
|
+
children: children
|
|
87
|
+
})]
|
|
88
|
+
}));
|
|
89
|
+
};
|
|
@@ -1,25 +1,34 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.CheckboxFilterList = void 0;
|
|
9
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
10
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
|
|
11
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
12
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
+
var _ = require("..");
|
|
14
|
+
var _styles = require("./styles");
|
|
15
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
3
16
|
var _excluded = ["items", "value", "onChange", "inline", "disabled", "size"];
|
|
4
|
-
|
|
5
|
-
import { Checkbox } from '..';
|
|
6
|
-
import { CheckboxListWrap } from './styles';
|
|
7
|
-
export var CheckboxFilterList = function CheckboxFilterList(_ref) {
|
|
17
|
+
var CheckboxFilterList = exports.CheckboxFilterList = function CheckboxFilterList(_ref) {
|
|
8
18
|
var items = _ref.items,
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
var handleCheck = useCallback(function (key, checked) {
|
|
19
|
+
value = _ref.value,
|
|
20
|
+
onChange = _ref.onChange,
|
|
21
|
+
_ref$inline = _ref.inline,
|
|
22
|
+
inline = _ref$inline === void 0 ? false : _ref$inline,
|
|
23
|
+
_ref$disabled = _ref.disabled,
|
|
24
|
+
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
25
|
+
_ref$size = _ref.size,
|
|
26
|
+
size = _ref$size === void 0 ? 'sm' : _ref$size,
|
|
27
|
+
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
28
|
+
var handleCheck = (0, _react.useCallback)(function (key, checked) {
|
|
20
29
|
if (onChange) {
|
|
21
30
|
if (checked) {
|
|
22
|
-
onChange([].concat(
|
|
31
|
+
onChange([].concat((0, _toConsumableArray2["default"])(value), [key]));
|
|
23
32
|
} else {
|
|
24
33
|
onChange(value.filter(function (i) {
|
|
25
34
|
return i !== key;
|
|
@@ -27,19 +36,24 @@ export var CheckboxFilterList = function CheckboxFilterList(_ref) {
|
|
|
27
36
|
}
|
|
28
37
|
}
|
|
29
38
|
}, [value, onChange]);
|
|
30
|
-
return /*#__PURE__*/
|
|
31
|
-
inline: inline
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
39
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.CheckboxListWrap, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
|
|
40
|
+
inline: inline,
|
|
41
|
+
children: items.map(function (item, idx) {
|
|
42
|
+
var isChecked = value.includes(item.key);
|
|
43
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Checkbox, {
|
|
44
|
+
size: size,
|
|
45
|
+
checked: isChecked,
|
|
46
|
+
onChange: function onChange(checked) {
|
|
47
|
+
return handleCheck(item.key, checked);
|
|
48
|
+
},
|
|
49
|
+
disabled: disabled || item.disabled || item.count === 0,
|
|
50
|
+
mt: idx === 0 ? 0 : size === 'md' ? 3 : 2,
|
|
51
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
52
|
+
children: item.label || item.key
|
|
53
|
+
}), item.count !== undefined && /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
|
|
54
|
+
children: inline ? "(".concat(item.count, ")") : item.count
|
|
55
|
+
})]
|
|
56
|
+
}, item.key);
|
|
57
|
+
})
|
|
44
58
|
}));
|
|
45
59
|
};
|
package/lib/Checkbox/index.js
CHANGED
|
@@ -1,3 +1,38 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _Checkbox = require("./Checkbox");
|
|
7
|
+
Object.keys(_Checkbox).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _Checkbox[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function get() {
|
|
13
|
+
return _Checkbox[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
});
|
|
17
|
+
var _CheckboxFilterList = require("./CheckboxFilterList");
|
|
18
|
+
Object.keys(_CheckboxFilterList).forEach(function (key) {
|
|
19
|
+
if (key === "default" || key === "__esModule") return;
|
|
20
|
+
if (key in exports && exports[key] === _CheckboxFilterList[key]) return;
|
|
21
|
+
Object.defineProperty(exports, key, {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function get() {
|
|
24
|
+
return _CheckboxFilterList[key];
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
});
|
|
28
|
+
var _types = require("./types");
|
|
29
|
+
Object.keys(_types).forEach(function (key) {
|
|
30
|
+
if (key === "default" || key === "__esModule") return;
|
|
31
|
+
if (key in exports && exports[key] === _types[key]) return;
|
|
32
|
+
Object.defineProperty(exports, key, {
|
|
33
|
+
enumerable: true,
|
|
34
|
+
get: function get() {
|
|
35
|
+
return _types[key];
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
});
|
package/lib/Checkbox/styles.d.ts
CHANGED
|
@@ -1,25 +1,28 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { CodacyTheme } from '../theme';
|
|
3
2
|
import { CheckboxProps } from './types';
|
|
4
|
-
export declare const Input: import("@emotion/styled
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
theme?:
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
theme?:
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
fontWeight?: import("styled-system").ResponsiveValue<number | import("../theme").FontWeights, CodacyTheme> | undefined;
|
|
17
|
-
}
|
|
18
|
-
theme?:
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
}, {
|
|
3
|
+
export declare const Input: import("@emotion/styled").StyledComponent<{
|
|
4
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
+
as?: import("react").ElementType<any> | undefined;
|
|
6
|
+
}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
|
|
7
|
+
export declare const StyledCheckbox: import("@emotion/styled").StyledComponent<{
|
|
8
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
9
|
+
as?: import("react").ElementType<any> | undefined;
|
|
10
|
+
} & Pick<CheckboxProps, "disabled" | "size" | "checked">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
11
|
+
export declare const CheckboxWrap: import("@emotion/styled").StyledComponent<{
|
|
12
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
13
|
+
as?: import("react").ElementType<any> | undefined;
|
|
14
|
+
} & import("..").ColorProps & Omit<import("..").LayoutProps, "size"> & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
|
|
15
|
+
fontWeight?: import("styled-system").ResponsiveValue<number | import("../theme").FontWeights, import("../theme").CodacyTheme> | undefined;
|
|
16
|
+
} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
|
|
17
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
18
|
+
} & import("..").FlexboxProps & import("..").GridboxProps & Pick<CheckboxProps, "disabled" | "size">, {}, {}>;
|
|
19
|
+
export declare const CheckboxListWrap: import("@emotion/styled").StyledComponent<{
|
|
20
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
21
|
+
as?: import("react").ElementType<any> | undefined;
|
|
22
|
+
} & import("..").ColorProps & Omit<import("..").LayoutProps, "size"> & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
|
|
23
|
+
fontWeight?: import("styled-system").ResponsiveValue<number | import("../theme").FontWeights, import("../theme").CodacyTheme> | undefined;
|
|
24
|
+
} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
|
|
25
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
26
|
+
} & import("..").FlexboxProps & import("..").GridboxProps & {
|
|
24
27
|
inline: boolean;
|
|
25
|
-
},
|
|
28
|
+
}, {}, {}>;
|