@spothero/ui 21.3.0 → 21.4.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Accordion/Accordion.stories.js +2 -4
- package/dist/components/Accordion/AccordionActionButton.js +3 -4
- package/dist/components/Accordion/styles/index.js +2 -3
- package/dist/components/Alert/Alert.js +3 -4
- package/dist/components/Alert/Alert.stories.js +2 -4
- package/dist/components/AutoSuggestSelect/AutoSuggestSelect.js +3 -4
- package/dist/components/AutoSuggestSelect/AutoSuggestSelect.stories.js +2 -4
- package/dist/components/Badge/Badge.stories.js +2 -4
- package/dist/components/Badge/styles/index.js +3 -5
- package/dist/components/Button/Button.js +3 -4
- package/dist/components/Button/Button.styles.js +3 -5
- package/dist/components/Button/button-props.js +1 -2
- package/dist/components/Button/stories/button.js +1 -2
- package/dist/components/Button/stories/index.stories.js +6 -12
- package/dist/components/Button/stories/overview.js +1 -2
- package/dist/components/Card/Card.js +3 -4
- package/dist/components/Card/Card.stories.js +2 -4
- package/dist/components/Checkbox/Checkbox.js +3 -4
- package/dist/components/Checkbox/Checkbox.stories.js +2 -4
- package/dist/components/Checkbox/styles/index.js +2 -3
- package/dist/components/Container/Container.js +3 -4
- package/dist/components/Container/Container.stories.js +2 -4
- package/dist/components/Container/Container.styles.js +1 -2
- package/dist/components/Divider/Divider.js +3 -4
- package/dist/components/Divider/Divider.stories.js +2 -4
- package/dist/components/Divider/Divider.styles.js +3 -5
- package/dist/components/Drawer/Drawer.js +3 -4
- package/dist/components/Drawer/Drawer.stories.js +3 -4
- package/dist/components/Drawer/styles/index.js +2 -3
- package/dist/components/FormControl/FormControl.js +3 -4
- package/dist/components/Grid/Grid.js +3 -4
- package/dist/components/Grid/Grid.stories.js +5 -10
- package/dist/components/Grid/Grid.styles.js +3 -5
- package/dist/components/Grid/GridItem.js +3 -4
- package/dist/components/Grid/GridItem.styles.js +1 -2
- package/dist/components/Heading/Heading.js +3 -4
- package/dist/components/Heading/Heading.stories.js +2 -4
- package/dist/components/Heading/Heading.styles.js +3 -5
- package/dist/components/Icon/Icon.stories.js +2 -4
- package/dist/components/Image/Image.js +1 -2
- package/dist/components/Image/Image.stories.js +7 -14
- package/dist/components/Input/Input.js +3 -4
- package/dist/components/Input/Input.stories.js +2 -4
- package/dist/components/Input/styles/index.js +2 -3
- package/dist/components/Link/Link.stories.js +2 -4
- package/dist/components/Link/Link.styles.js +3 -5
- package/dist/components/List/List.js +3 -4
- package/dist/components/List/List.stories.js +5 -10
- package/dist/components/List/styles/index.js +2 -3
- package/dist/components/List/styles/item.styles.js +1 -2
- package/dist/components/Loader/Loader.js +1 -2
- package/dist/components/Loader/Loader.stories.js +4 -8
- package/dist/components/Modal/Modal.js +3 -4
- package/dist/components/Modal/Modal.stories.js +3 -4
- package/dist/components/Modal/styles/dialogContainer.js +2 -3
- package/dist/components/Modal/styles/footer.js +2 -3
- package/dist/components/Modal/styles/index.js +2 -3
- package/dist/components/Modal/styles/overlay.js +2 -3
- package/dist/components/Popover/Popover.js +3 -4
- package/dist/components/Popover/Popover.stories.js +5 -10
- package/dist/components/Popover/PopoverArrow.js +3 -4
- package/dist/components/Popover/PopoverCloseButton.js +3 -4
- package/dist/components/Popover/PopoverContent.js +3 -4
- package/dist/components/Popover/styles/index.js +2 -3
- package/dist/components/Popover/styles/popover-arrow.js +1 -2
- package/dist/components/Popover/styles/popover-body.js +1 -2
- package/dist/components/Popover/styles/popover-close-button.js +1 -2
- package/dist/components/Popover/styles/popover-content.js +1 -2
- package/dist/components/Popover/styles/popover-header.js +1 -2
- package/dist/components/Popover/styles/popper.js +1 -2
- package/dist/components/Progress/Progress.js +3 -4
- package/dist/components/Progress/Progress.stories.js +2 -4
- package/dist/components/Progress/Progress.styles.js +2 -3
- package/dist/components/Radio/Radio.js +3 -4
- package/dist/components/Radio/Radio.stories.js +1 -2
- package/dist/components/Radio/RadioGroup.js +3 -4
- package/dist/components/Radio/styles/index.js +3 -5
- package/dist/components/Select/Select.js +3 -4
- package/dist/components/Select/Select.stories.js +2 -4
- package/dist/components/Select/styles/index.js +2 -3
- package/dist/components/SelectionCard/SelectionCard.js +3 -4
- package/dist/components/SelectionCard/SelectionCard.stories.js +1 -2
- package/dist/components/Skeleton/Skeleton.stories.js +4 -8
- package/dist/components/Skeleton/Skeleton.styles.js +1 -2
- package/dist/components/Spinner/Spinner.js +3 -4
- package/dist/components/Spinner/Spinner.stories.js +7 -14
- package/dist/components/Spinner/Spinner.styles.js +5 -9
- package/dist/components/Switch/Switch.js +3 -4
- package/dist/components/Switch/Switch.stories.js +2 -4
- package/dist/components/Switch/styles/index.js +2 -3
- package/dist/components/Table/Table.stories.js +2 -4
- package/dist/components/Table/Table.styles.js +3 -5
- package/dist/components/Tabs/Tabs.js +4 -8
- package/dist/components/Tabs/Tabs.stories.js +4 -6
- package/dist/components/Tabs/combineSizeWithVariant.js +1 -2
- package/dist/components/Tabs/styles/index.js +2 -3
- package/dist/components/Text/Text.js +1 -2
- package/dist/components/Text/Text.stories.js +2 -4
- package/dist/components/Text/Text.styles.js +3 -5
- package/dist/components/Text/combineAsWithVariant.js +1 -2
- package/dist/components/Text/options.js +1 -2
- package/dist/components/ThemeProvider/ThemeProvider.js +3 -4
- package/dist/components/ThemeProvider/ThemeProvider.stories.js +2 -4
- package/dist/components/Toast/Toast.stories.js +4 -6
- package/dist/components/ToggleButtonGroup/ToggleButtonGroup.js +3 -4
- package/dist/components/ToggleButtonGroup/ToggleButtonGroup.stories.js +4 -6
- package/dist/components/ToggleButtonGroup/styles/index.js +5 -9
- package/dist/components/index.js +2 -2
- package/dist/theme/base/breakpoints.js +1 -2
- package/dist/theme/base/colors.js +1 -2
- package/dist/theme/base/notifications.js +2 -4
- package/dist/theme/base/shadows.js +1 -2
- package/dist/theme/base/sizes.js +1 -3
- package/dist/theme/base/typography.js +4 -7
- package/dist/theme/base/zindices.js +1 -2
- package/dist/theme/global.js +1 -2
- package/dist/theme/index.js +3 -4
- package/dist/utils/Spaces.js +1 -2
- package/package.json +9 -9
|
@@ -15,9 +15,9 @@ var _Button = _interopRequireDefault(require("../Button/Button"));
|
|
|
15
15
|
var _Text = _interopRequireDefault(require("../Text/Text"));
|
|
16
16
|
var _Heading = _interopRequireDefault(require("../Heading/Heading"));
|
|
17
17
|
var _Accordion = require("../Accordion");
|
|
18
|
-
function _getRequireWildcardCache(
|
|
19
|
-
function _interopRequireWildcard(
|
|
20
|
-
var _default = {
|
|
18
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
19
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
20
|
+
var _default = exports.default = {
|
|
21
21
|
title: 'v2/Modal',
|
|
22
22
|
component: _index.Modal,
|
|
23
23
|
parameters: {
|
|
@@ -43,7 +43,6 @@ var _default = {
|
|
|
43
43
|
size: 'md'
|
|
44
44
|
}
|
|
45
45
|
};
|
|
46
|
-
exports.default = _default;
|
|
47
46
|
const Transactional = props => {
|
|
48
47
|
const [open, setOpen] = (0, _react.useState)(false);
|
|
49
48
|
const isMobile = (0, _react2.useBreakpointValue)({
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
var _default = {
|
|
7
|
+
var _default = exports.default = {
|
|
8
8
|
display: 'flex',
|
|
9
9
|
zIndex: 'layer8',
|
|
10
10
|
justifyContent: 'center',
|
|
@@ -16,5 +16,4 @@ var _default = {
|
|
|
16
16
|
minHeight: '-moz-available',
|
|
17
17
|
minHeight: '-webkit-fill-available',
|
|
18
18
|
minHeight: 'fill-available'
|
|
19
|
-
};
|
|
20
|
-
exports.default = _default;
|
|
19
|
+
};
|
|
@@ -47,8 +47,7 @@ const sizes = {
|
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
49
|
};
|
|
50
|
-
var _default = (0, _merge.default)(_theme.default.components.Modal, {
|
|
50
|
+
var _default = exports.default = (0, _merge.default)(_theme.default.components.Modal, {
|
|
51
51
|
baseStyle,
|
|
52
52
|
sizes
|
|
53
|
-
});
|
|
54
|
-
exports.default = _default;
|
|
53
|
+
});
|
|
@@ -8,8 +8,8 @@ exports.default = void 0;
|
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _react2 = require("@chakra-ui/react");
|
|
11
|
-
function _getRequireWildcardCache(
|
|
12
|
-
function _interopRequireWildcard(
|
|
11
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
12
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
13
13
|
const Popover = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
|
|
14
14
|
const {
|
|
15
15
|
children,
|
|
@@ -23,5 +23,4 @@ const Popover = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
|
|
|
23
23
|
key: `Popover-child-${index}`
|
|
24
24
|
})));
|
|
25
25
|
});
|
|
26
|
-
var _default = Popover;
|
|
27
|
-
exports.default = _default;
|
|
26
|
+
var _default = exports.default = Popover;
|
|
@@ -12,7 +12,7 @@ var _createControl = require("storybook/utils/create-control");
|
|
|
12
12
|
var _index = require("./index");
|
|
13
13
|
var _react2 = require("@chakra-ui/react");
|
|
14
14
|
var _Button = _interopRequireDefault(require("../Button/Button"));
|
|
15
|
-
var _default = {
|
|
15
|
+
var _default = exports.default = {
|
|
16
16
|
title: 'v2/Popover',
|
|
17
17
|
component: _index.Popover,
|
|
18
18
|
subcomponents: {
|
|
@@ -28,7 +28,6 @@ var _default = {
|
|
|
28
28
|
...(0, _disableArgs.default)('children')
|
|
29
29
|
}
|
|
30
30
|
};
|
|
31
|
-
exports.default = _default;
|
|
32
31
|
const OverviewTemplate = props => /*#__PURE__*/_react.default.createElement(_index.Popover, (0, _extends2.default)({
|
|
33
32
|
defaultIsOpen: true
|
|
34
33
|
}, props), /*#__PURE__*/_react.default.createElement(_react2.Flex, {
|
|
@@ -37,16 +36,14 @@ const OverviewTemplate = props => /*#__PURE__*/_react.default.createElement(_ind
|
|
|
37
36
|
}, /*#__PURE__*/_react.default.createElement(_index.PopoverTrigger, null, /*#__PURE__*/_react.default.createElement(_Button.default, null, "Trigger"))), /*#__PURE__*/_react.default.createElement(_index.PopoverContent, {
|
|
38
37
|
header: "Confirmation!"
|
|
39
38
|
}, "Are you sure you want to have that milkshake?"));
|
|
40
|
-
const Variant = OverviewTemplate.bind({});
|
|
41
|
-
exports.Variant = Variant;
|
|
39
|
+
const Variant = exports.Variant = OverviewTemplate.bind({});
|
|
42
40
|
Variant.argTypes = {
|
|
43
41
|
...(0, _createControl.createSelectControl)('variant', ['light', 'dark'])
|
|
44
42
|
};
|
|
45
43
|
Variant.args = {
|
|
46
44
|
variant: 'light'
|
|
47
45
|
};
|
|
48
|
-
const Placement = OverviewTemplate.bind({});
|
|
49
|
-
exports.Placement = Placement;
|
|
46
|
+
const Placement = exports.Placement = OverviewTemplate.bind({});
|
|
50
47
|
Placement.argTypes = {
|
|
51
48
|
...(0, _createControl.createSelectControl)('placement', ['top', 'right', 'bottom', 'left', 'auto', 'auto-start', 'auto-end', 'top-start', 'top-end', 'bottom-start', 'bottom-end', 'right-start', 'right-end', 'left-start', 'left-end']),
|
|
52
49
|
...(0, _disableArgs.default)('variant')
|
|
@@ -57,8 +54,7 @@ Placement.args = {
|
|
|
57
54
|
const NoHeaderTemplate = props => /*#__PURE__*/_react.default.createElement(_index.Popover, (0, _extends2.default)({
|
|
58
55
|
defaultIsOpen: true
|
|
59
56
|
}, props), /*#__PURE__*/_react.default.createElement(_index.PopoverTrigger, null, /*#__PURE__*/_react.default.createElement(_Button.default, null, "Trigger")), /*#__PURE__*/_react.default.createElement(_index.PopoverContent, null, "Are you sure you want to have that milkshake?"));
|
|
60
|
-
const NoHeader = NoHeaderTemplate.bind({});
|
|
61
|
-
exports.NoHeader = NoHeader;
|
|
57
|
+
const NoHeader = exports.NoHeader = NoHeaderTemplate.bind({});
|
|
62
58
|
NoHeader.argTypes = {
|
|
63
59
|
...(0, _disableArgs.default)(['variant', 'placement'])
|
|
64
60
|
};
|
|
@@ -68,8 +64,7 @@ const NoCloseButtonTemplate = props => /*#__PURE__*/_react.default.createElement
|
|
|
68
64
|
hideCloseButton: true,
|
|
69
65
|
header: "Confirmation!"
|
|
70
66
|
}, "Are you sure you want to have that milkshake?"));
|
|
71
|
-
const NoCloseButton = NoCloseButtonTemplate.bind({});
|
|
72
|
-
exports.NoCloseButton = NoCloseButton;
|
|
67
|
+
const NoCloseButton = exports.NoCloseButton = NoCloseButtonTemplate.bind({});
|
|
73
68
|
NoCloseButton.argTypes = {
|
|
74
69
|
...(0, _disableArgs.default)(['variant', 'placement'])
|
|
75
70
|
};
|
|
@@ -9,12 +9,11 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
|
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _react2 = require("@chakra-ui/react");
|
|
11
11
|
var _popoverArrow = _interopRequireDefault(require("./styles/popover-arrow"));
|
|
12
|
-
function _getRequireWildcardCache(
|
|
13
|
-
function _interopRequireWildcard(
|
|
12
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
13
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
14
|
const PopoverArrow = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
|
|
15
15
|
return /*#__PURE__*/_react.default.createElement(_react2.PopoverArrow, (0, _extends2.default)({
|
|
16
16
|
ref: ref
|
|
17
17
|
}, props, (0, _popoverArrow.default)(props)));
|
|
18
18
|
});
|
|
19
|
-
var _default = PopoverArrow;
|
|
20
|
-
exports.default = _default;
|
|
19
|
+
var _default = exports.default = PopoverArrow;
|
|
@@ -9,12 +9,11 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
|
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _react2 = require("@chakra-ui/react");
|
|
11
11
|
var _popoverCloseButton = _interopRequireDefault(require("./styles/popover-close-button"));
|
|
12
|
-
function _getRequireWildcardCache(
|
|
13
|
-
function _interopRequireWildcard(
|
|
12
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
13
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
14
|
const PopoverCloseButton = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
|
|
15
15
|
return /*#__PURE__*/_react.default.createElement(_react2.PopoverCloseButton, (0, _extends2.default)({
|
|
16
16
|
ref: ref
|
|
17
17
|
}, props, (0, _popoverCloseButton.default)(props)));
|
|
18
18
|
});
|
|
19
|
-
var _default = PopoverCloseButton;
|
|
20
|
-
exports.default = _default;
|
|
19
|
+
var _default = exports.default = PopoverCloseButton;
|
|
@@ -10,8 +10,8 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
10
10
|
var _react2 = require("@chakra-ui/react");
|
|
11
11
|
var _PopoverArrow = _interopRequireDefault(require("./PopoverArrow"));
|
|
12
12
|
var _PopoverCloseButton = _interopRequireDefault(require("./PopoverCloseButton"));
|
|
13
|
-
function _getRequireWildcardCache(
|
|
14
|
-
function _interopRequireWildcard(
|
|
13
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
14
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
15
15
|
const PopoverContent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
|
|
16
16
|
const {
|
|
17
17
|
header,
|
|
@@ -32,5 +32,4 @@ PopoverContent.defaultProps = {
|
|
|
32
32
|
variant: 'light',
|
|
33
33
|
hideCloseButton: false
|
|
34
34
|
};
|
|
35
|
-
var _default = PopoverContent;
|
|
36
|
-
exports.default = _default;
|
|
35
|
+
var _default = exports.default = PopoverContent;
|
|
@@ -18,8 +18,7 @@ const baseStyle = props => ({
|
|
|
18
18
|
body: (0, _popoverBody.default)(props),
|
|
19
19
|
popper: _popper.default
|
|
20
20
|
});
|
|
21
|
-
var _default = (0, _merge.default)(_theme.default.components.Popover, {
|
|
21
|
+
var _default = exports.default = (0, _merge.default)(_theme.default.components.Popover, {
|
|
22
22
|
parts,
|
|
23
23
|
baseStyle
|
|
24
|
-
});
|
|
25
|
-
exports.default = _default;
|
|
24
|
+
});
|
|
@@ -8,8 +8,8 @@ exports.default = void 0;
|
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _react2 = require("@chakra-ui/react");
|
|
11
|
-
function _getRequireWildcardCache(
|
|
12
|
-
function _interopRequireWildcard(
|
|
11
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
12
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
13
13
|
const Progress = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
14
14
|
let {
|
|
15
15
|
isRounded,
|
|
@@ -35,5 +35,4 @@ Progress.defaultProps = {
|
|
|
35
35
|
value: 0,
|
|
36
36
|
variant: 'solid'
|
|
37
37
|
};
|
|
38
|
-
var _default = Progress;
|
|
39
|
-
exports.default = _default;
|
|
38
|
+
var _default = exports.default = Progress;
|
|
@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
9
9
|
var _disableArgs = _interopRequireDefault(require("storybook/utils/disable-args"));
|
|
10
10
|
var _createControl = require("storybook/utils/create-control");
|
|
11
11
|
var _Progress = _interopRequireDefault(require("./Progress"));
|
|
12
|
-
var _default = {
|
|
12
|
+
var _default = exports.default = {
|
|
13
13
|
title: 'v2/Progress',
|
|
14
14
|
component: _Progress.default,
|
|
15
15
|
parameters: {
|
|
@@ -63,12 +63,10 @@ var _default = {
|
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
65
|
};
|
|
66
|
-
exports.default = _default;
|
|
67
66
|
const ProgressTemplate = args => {
|
|
68
67
|
return /*#__PURE__*/_react.default.createElement(_Progress.default, args);
|
|
69
68
|
};
|
|
70
|
-
const Progress = ProgressTemplate.bind({});
|
|
71
|
-
exports.Progress = Progress;
|
|
69
|
+
const Progress = exports.Progress = ProgressTemplate.bind({});
|
|
72
70
|
Progress.args = {
|
|
73
71
|
colorScheme: 'primary',
|
|
74
72
|
hasStripe: false,
|
|
@@ -8,8 +8,8 @@ exports.default = void 0;
|
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _react2 = require("@chakra-ui/react");
|
|
11
|
-
function _getRequireWildcardCache(
|
|
12
|
-
function _interopRequireWildcard(
|
|
11
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
12
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
13
13
|
const Radio = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
14
14
|
let {
|
|
15
15
|
defaultChecked,
|
|
@@ -35,5 +35,4 @@ const Radio = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
|
35
35
|
fontSize: helperTextSize
|
|
36
36
|
}, helperText));
|
|
37
37
|
});
|
|
38
|
-
var _default = Radio;
|
|
39
|
-
exports.default = _default;
|
|
38
|
+
var _default = exports.default = Radio;
|
|
@@ -9,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
|
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
10
|
var _Radio = _interopRequireDefault(require("./Radio"));
|
|
11
11
|
var _RadioGroup = _interopRequireDefault(require("./RadioGroup"));
|
|
12
|
-
var _default = {
|
|
12
|
+
var _default = exports.default = {
|
|
13
13
|
title: 'v2/Radio',
|
|
14
14
|
component: _Radio.default,
|
|
15
15
|
parameters: {
|
|
@@ -18,7 +18,6 @@ var _default = {
|
|
|
18
18
|
chakraLink: 'https://chakra-ui.com/docs/components/radio'
|
|
19
19
|
}
|
|
20
20
|
};
|
|
21
|
-
exports.default = _default;
|
|
22
21
|
const Individual = props => {
|
|
23
22
|
return /*#__PURE__*/_react.default.createElement(_Radio.default, (0, _extends2.default)({
|
|
24
23
|
value: "1"
|
|
@@ -9,8 +9,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
|
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _react2 = require("@chakra-ui/react");
|
|
11
11
|
var _FormControl = _interopRequireDefault(require("../FormControl/FormControl"));
|
|
12
|
-
function _getRequireWildcardCache(
|
|
13
|
-
function _interopRequireWildcard(
|
|
12
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
13
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
14
|
const RadioGroup = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
15
15
|
let {
|
|
16
16
|
label,
|
|
@@ -45,5 +45,4 @@ const RadioGroup = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
|
45
45
|
spacing: direction === 'row' ? 8 : 4
|
|
46
46
|
}, children)));
|
|
47
47
|
});
|
|
48
|
-
var _default = RadioGroup;
|
|
49
|
-
exports.default = _default;
|
|
48
|
+
var _default = exports.default = RadioGroup;
|
|
@@ -8,7 +8,7 @@ exports.default = exports.baseStyle = void 0;
|
|
|
8
8
|
var _merge = _interopRequireDefault(require("lodash/merge"));
|
|
9
9
|
var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
|
|
10
10
|
const parts = ['control', 'label'];
|
|
11
|
-
const baseStyle = {
|
|
11
|
+
const baseStyle = exports.baseStyle = {
|
|
12
12
|
container: {
|
|
13
13
|
alignItems: 'start'
|
|
14
14
|
},
|
|
@@ -63,7 +63,6 @@ const baseStyle = {
|
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
65
|
};
|
|
66
|
-
exports.baseStyle = baseStyle;
|
|
67
66
|
const sizes = {
|
|
68
67
|
sm: {
|
|
69
68
|
control: {
|
|
@@ -111,10 +110,9 @@ const sizes = {
|
|
|
111
110
|
const defaultProps = {
|
|
112
111
|
size: sizes.md
|
|
113
112
|
};
|
|
114
|
-
var _default = (0, _merge.default)(_theme.default.components.Radio, {
|
|
113
|
+
var _default = exports.default = (0, _merge.default)(_theme.default.components.Radio, {
|
|
115
114
|
parts,
|
|
116
115
|
baseStyle,
|
|
117
116
|
sizes,
|
|
118
117
|
defaultProps
|
|
119
|
-
});
|
|
120
|
-
exports.default = _default;
|
|
118
|
+
});
|
|
@@ -12,8 +12,8 @@ var _react2 = require("@chakra-ui/react");
|
|
|
12
12
|
var _chevronDown = _interopRequireDefault(require("@spothero/icons/chevron-down"));
|
|
13
13
|
var _Icon = _interopRequireDefault(require("../Icon/Icon"));
|
|
14
14
|
var _FormControl = _interopRequireDefault(require("../FormControl/FormControl"));
|
|
15
|
-
function _getRequireWildcardCache(
|
|
16
|
-
function _interopRequireWildcard(
|
|
15
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
16
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
17
17
|
const Select = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
18
18
|
let {
|
|
19
19
|
label,
|
|
@@ -48,5 +48,4 @@ const Select = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
|
48
48
|
className: classes
|
|
49
49
|
}, props)));
|
|
50
50
|
});
|
|
51
|
-
var _default = Select;
|
|
52
|
-
exports.default = _default;
|
|
51
|
+
var _default = exports.default = Select;
|
|
@@ -8,14 +8,13 @@ exports.default = exports.Select = void 0;
|
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
10
|
var _Select = _interopRequireDefault(require("./Select"));
|
|
11
|
-
var _default = {
|
|
11
|
+
var _default = exports.default = {
|
|
12
12
|
title: 'v2/Select',
|
|
13
13
|
component: _Select.default,
|
|
14
14
|
parameters: {
|
|
15
15
|
removeBaseHtmlClass: true
|
|
16
16
|
}
|
|
17
17
|
};
|
|
18
|
-
exports.default = _default;
|
|
19
18
|
const SelectTemplate = props => /*#__PURE__*/_react.default.createElement(_Select.default, (0, _extends2.default)({
|
|
20
19
|
variant: "outline",
|
|
21
20
|
maxWidth: "200px"
|
|
@@ -28,8 +27,7 @@ const SelectTemplate = props => /*#__PURE__*/_react.default.createElement(_Selec
|
|
|
28
27
|
}, "Three"), /*#__PURE__*/_react.default.createElement("option", {
|
|
29
28
|
value: "four"
|
|
30
29
|
}, "Four"));
|
|
31
|
-
const Select = SelectTemplate.bind({});
|
|
32
|
-
exports.Select = Select;
|
|
30
|
+
const Select = exports.Select = SelectTemplate.bind({});
|
|
33
31
|
Select.argTypes = {
|
|
34
32
|
placeholder: {
|
|
35
33
|
control: {
|
|
@@ -10,8 +10,8 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
10
10
|
var _react2 = require("@chakra-ui/react");
|
|
11
11
|
var _Radio = require("../Radio");
|
|
12
12
|
var _Checkbox = _interopRequireDefault(require("../Checkbox"));
|
|
13
|
-
function _getRequireWildcardCache(
|
|
14
|
-
function _interopRequireWildcard(
|
|
13
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
14
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
15
15
|
const SelectionCard = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
16
16
|
let {
|
|
17
17
|
isChecked,
|
|
@@ -59,5 +59,4 @@ const SelectionCard = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
|
59
59
|
paddingX: 4
|
|
60
60
|
}, expandableChildren));
|
|
61
61
|
});
|
|
62
|
-
var _default = SelectionCard;
|
|
63
|
-
exports.default = _default;
|
|
62
|
+
var _default = exports.default = SelectionCard;
|
|
@@ -8,7 +8,7 @@ exports.default = exports.SelectionCard = void 0;
|
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
10
|
var _SelectionCard = _interopRequireDefault(require("./SelectionCard"));
|
|
11
|
-
var _default = {
|
|
11
|
+
var _default = exports.default = {
|
|
12
12
|
title: 'v2/SelectionCard',
|
|
13
13
|
component: _SelectionCard.default,
|
|
14
14
|
parameters: {
|
|
@@ -16,7 +16,6 @@ var _default = {
|
|
|
16
16
|
removeBaseHtmlClass: true
|
|
17
17
|
}
|
|
18
18
|
};
|
|
19
|
-
exports.default = _default;
|
|
20
19
|
const SelectionCard = _ref => {
|
|
21
20
|
let {
|
|
22
21
|
...props
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = exports.SkeletonText = exports.SkeletonCircle = exports.Skeleton = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _index = require("./index");
|
|
10
|
-
var _default = {
|
|
10
|
+
var _default = exports.default = {
|
|
11
11
|
title: 'v2/Skeleton',
|
|
12
12
|
component: _index.Skeleton,
|
|
13
13
|
parameters: {
|
|
@@ -15,13 +15,9 @@ var _default = {
|
|
|
15
15
|
chakraLink: 'https://chakra-ui.com/docs/components/skeleton/'
|
|
16
16
|
}
|
|
17
17
|
};
|
|
18
|
-
exports.default = _default;
|
|
19
18
|
const SkeletonTemplate = props => /*#__PURE__*/_react.default.createElement(_index.Skeleton, props, "Text");
|
|
20
19
|
const SkeletonCircleTemplate = props => /*#__PURE__*/_react.default.createElement(_index.SkeletonCircle, null, "Text");
|
|
21
20
|
const SkeletonTextTemplate = props => /*#__PURE__*/_react.default.createElement(_index.SkeletonText, null, "Text");
|
|
22
|
-
const Skeleton = SkeletonTemplate.bind({});
|
|
23
|
-
exports.
|
|
24
|
-
const
|
|
25
|
-
exports.SkeletonCircle = SkeletonCircle;
|
|
26
|
-
const SkeletonText = SkeletonTextTemplate.bind({});
|
|
27
|
-
exports.SkeletonText = SkeletonText;
|
|
21
|
+
const Skeleton = exports.Skeleton = SkeletonTemplate.bind({});
|
|
22
|
+
const SkeletonCircle = exports.SkeletonCircle = SkeletonCircleTemplate.bind({});
|
|
23
|
+
const SkeletonText = exports.SkeletonText = SkeletonTextTemplate.bind({});
|
|
@@ -6,5 +6,4 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
|
|
9
|
-
var _default = _theme.default.components.Skeleton;
|
|
10
|
-
exports.default = _default;
|
|
9
|
+
var _default = exports.default = _theme.default.components.Skeleton;
|
|
@@ -9,8 +9,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
|
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _react2 = require("@chakra-ui/react");
|
|
11
11
|
var _Spinner = require("./Spinner.styles");
|
|
12
|
-
function _getRequireWildcardCache(
|
|
13
|
-
function _interopRequireWildcard(
|
|
12
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
13
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
14
|
const Spinner = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
15
15
|
let {
|
|
16
16
|
size,
|
|
@@ -27,5 +27,4 @@ const Spinner = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
|
27
27
|
size: size || _Spinner.SIZE_MAP['2xl']
|
|
28
28
|
}, props));
|
|
29
29
|
});
|
|
30
|
-
var _default = Spinner;
|
|
31
|
-
exports.default = _default;
|
|
30
|
+
var _default = exports.default = Spinner;
|