@spothero/ui 17.1.0 → 17.2.0
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 +57 -49
- package/dist/components/Accordion/AccordionActionButton.js +31 -0
- package/dist/components/Accordion/index.js +17 -14
- package/dist/components/Accordion/styles/index.js +64 -19
- package/dist/components/Alert/Alert.js +26 -59
- package/dist/components/Alert/Alert.stories.js +18 -47
- package/dist/components/Alert/index.js +1 -3
- package/dist/components/AutoSuggestSelect/AutoSuggestSelect.js +84 -119
- package/dist/components/AutoSuggestSelect/AutoSuggestSelect.stories.js +4 -12
- package/dist/components/AutoSuggestSelect/index.js +1 -3
- package/dist/components/Badge/Badge.js +1 -2
- package/dist/components/Badge/Badge.stories.js +12 -20
- package/dist/components/Badge/styles/index.js +6 -12
- package/dist/components/Button/Button.js +17 -47
- package/dist/components/Button/Button.spec.js +4 -10
- package/dist/components/Button/Button.styles.js +36 -49
- package/dist/components/Button/button-props.js +2 -20
- package/dist/components/Button/index.js +2 -5
- package/dist/components/Button/stories/button.js +5 -17
- package/dist/components/Button/stories/index.stories.js +24 -48
- package/dist/components/Button/stories/overview.js +34 -62
- package/dist/components/Card/Card.js +11 -26
- package/dist/components/Card/Card.stories.js +5 -15
- package/dist/components/Checkbox/Checkbox.js +1 -2
- package/dist/components/Checkbox/Checkbox.stories.js +2 -10
- package/dist/components/Checkbox/index.js +1 -3
- package/dist/components/Checkbox/styles/index.js +3 -11
- package/dist/components/Container/Container.js +5 -21
- package/dist/components/Container/Container.stories.js +14 -43
- package/dist/components/Container/Container.styles.js +1 -1
- package/dist/components/Divider/Divider.js +8 -24
- package/dist/components/Divider/Divider.stories.js +3 -15
- package/dist/components/Divider/Divider.styles.js +2 -8
- package/dist/components/FormControl/FormControl.js +13 -29
- package/dist/components/Grid/Grid.js +7 -24
- package/dist/components/Grid/Grid.stories.js +36 -60
- package/dist/components/Grid/Grid.styles.js +2 -2
- package/dist/components/Grid/GridItem.js +5 -21
- package/dist/components/Grid/GridItem.styles.js +2 -1
- package/dist/components/Grid/index.js +2 -5
- package/dist/components/Heading/Heading.js +8 -29
- package/dist/components/Heading/Heading.stories.js +4 -15
- package/dist/components/Heading/Heading.styles.js +24 -38
- package/dist/components/Icon/Icon.js +1 -2
- package/dist/components/Icon/Icon.stories.js +19 -28
- package/dist/components/Image/Image.js +39 -69
- package/dist/components/Image/Image.spec.js +16 -22
- package/dist/components/Image/Image.stories.js +8 -19
- package/dist/components/Input/Input.js +14 -31
- package/dist/components/Input/Input.stories.js +5 -15
- package/dist/components/Input/index.js +1 -3
- package/dist/components/Input/styles/index.js +4 -10
- package/dist/components/Link/Link.js +1 -2
- package/dist/components/Link/Link.stories.js +5 -12
- package/dist/components/Link/Link.styles.js +8 -8
- package/dist/components/List/List.js +14 -37
- package/dist/components/List/List.stories.js +18 -59
- package/dist/components/List/index.js +2 -5
- package/dist/components/List/styles/index.js +2 -9
- package/dist/components/List/styles/item.styles.js +1 -1
- package/dist/components/Loader/Loader.js +17 -33
- package/dist/components/Loader/Loader.stories.js +24 -44
- package/dist/components/Modal/Modal.js +13 -28
- package/dist/components/Modal/Modal.stories.js +30 -100
- package/dist/components/Modal/index.js +1 -3
- package/dist/components/Modal/styles/body.js +11 -28
- package/dist/components/Modal/styles/closeButton.js +4 -4
- package/dist/components/Modal/styles/dialog.js +4 -4
- package/dist/components/Modal/styles/dialogContainer.js +5 -11
- package/dist/components/Modal/styles/header.js +5 -5
- package/dist/components/Modal/styles/index.js +12 -28
- package/dist/components/Popover/Popover.js +12 -33
- package/dist/components/Popover/Popover.stories.js +36 -62
- package/dist/components/Popover/PopoverArrow.js +3 -17
- package/dist/components/Popover/PopoverCloseButton.js +3 -17
- package/dist/components/Popover/PopoverContent.js +10 -27
- package/dist/components/Popover/index.js +4 -8
- package/dist/components/Popover/styles/index.js +9 -22
- package/dist/components/Popover/styles/popover-arrow.js +4 -4
- package/dist/components/Popover/styles/popover-body.js +3 -7
- package/dist/components/Popover/styles/popover-close-button.js +7 -10
- package/dist/components/Popover/styles/popover-content.js +5 -7
- package/dist/components/Popover/styles/popover-header.js +1 -1
- package/dist/components/Popover/styles/popper.js +1 -1
- package/dist/components/Radio/Radio.js +12 -27
- package/dist/components/Radio/Radio.stories.js +2 -12
- package/dist/components/Radio/RadioGroup.js +17 -33
- package/dist/components/Radio/index.js +2 -5
- package/dist/components/Radio/styles/index.js +5 -13
- package/dist/components/Select/Select.js +14 -33
- package/dist/components/Select/Select.stories.js +13 -22
- package/dist/components/Select/index.js +1 -3
- package/dist/components/Select/styles/index.js +4 -14
- package/dist/components/Skeleton/Skeleton.stories.js +6 -20
- package/dist/components/Skeleton/Skeleton.styles.js +0 -3
- package/dist/components/Skeleton/index.js +3 -4
- package/dist/components/Spinner/Spinner.js +9 -25
- package/dist/components/Spinner/Spinner.stories.js +42 -70
- package/dist/components/Spinner/Spinner.styles.js +56 -43
- package/dist/components/Switch/Switch.js +13 -30
- package/dist/components/Switch/Switch.stories.js +2 -10
- package/dist/components/Switch/index.js +1 -3
- package/dist/components/Switch/styles/index.js +10 -31
- package/dist/components/Table/Table.js +1 -2
- package/dist/components/Table/Table.stories.js +17 -37
- package/dist/components/Table/Table.styles.js +13 -32
- package/dist/components/Table/index.js +8 -11
- package/dist/components/Tabs/Tabs.js +14 -22
- package/dist/components/Tabs/Tabs.stories.js +4 -20
- package/dist/components/Tabs/combineSizeWithVariant.js +11 -17
- package/dist/components/Tabs/index.js +5 -8
- package/dist/components/Tabs/styles/index.js +2 -8
- package/dist/components/Text/Text.js +8 -17
- package/dist/components/Text/Text.stories.js +3 -15
- package/dist/components/Text/Text.styles.js +15 -35
- package/dist/components/Text/combineAsWithVariant.js +36 -57
- package/dist/components/Text/options.js +1 -1
- package/dist/components/ThemeProvider/ThemeProvider.js +10 -33
- package/dist/components/ThemeProvider/ThemeProvider.stories.js +7 -16
- package/dist/components/Toast/Toast.stories.js +11 -34
- package/dist/components/index.js +96 -156
- package/dist/components/styles.js +20 -41
- package/dist/theme/base/breakpoints.js +1 -4
- package/dist/theme/base/colors.js +32 -45
- package/dist/theme/base/index.js +10 -17
- package/dist/theme/base/notifications.js +5 -16
- package/dist/theme/base/sizes.js +4 -4
- package/dist/theme/base/typography.js +5 -6
- package/dist/theme/base/zindices.js +1 -2
- package/dist/theme/global.js +87 -20
- package/dist/theme/index.js +15 -41
- package/dist/utils/Spaces.js +5 -12
- package/package.json +3 -3
- package/dist/components/Accordion/Accordion.js +0 -13
- package/dist/components/Accordion/styles/button.js +0 -23
- package/dist/components/Accordion/styles/container.js +0 -15
- package/dist/components/Accordion/styles/panel.js +0 -13
|
@@ -1,32 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
|
|
4
|
-
|
|
5
|
-
var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
|
|
6
|
-
|
|
7
|
-
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
|
8
|
-
|
|
9
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
10
|
-
|
|
11
4
|
Object.defineProperty(exports, "__esModule", {
|
|
12
5
|
value: true
|
|
13
6
|
});
|
|
14
7
|
exports.default = exports.Toast = void 0;
|
|
15
|
-
|
|
16
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
17
|
-
|
|
18
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
19
|
-
|
|
20
10
|
var _Alert = _interopRequireDefault(require("../Alert/Alert"));
|
|
21
|
-
|
|
22
11
|
var _Button = _interopRequireDefault(require("../Button/Button"));
|
|
23
|
-
|
|
24
12
|
var _react2 = require("@chakra-ui/react");
|
|
25
|
-
|
|
26
|
-
function
|
|
27
|
-
|
|
28
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
29
|
-
|
|
13
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
14
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
30
15
|
var _default = {
|
|
31
16
|
title: 'v2/Toast',
|
|
32
17
|
component: _Alert.default,
|
|
@@ -37,30 +22,23 @@ var _default = {
|
|
|
37
22
|
}
|
|
38
23
|
};
|
|
39
24
|
exports.default = _default;
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
var toastRef = /*#__PURE__*/(0, _react.createRef)();
|
|
46
|
-
|
|
47
|
-
var close = function close() {
|
|
25
|
+
const Template = props => {
|
|
26
|
+
const toast = (0, _react2.useToast)();
|
|
27
|
+
const addToast = () => {
|
|
28
|
+
const toastRef = /*#__PURE__*/(0, _react.createRef)();
|
|
29
|
+
const close = () => {
|
|
48
30
|
if (toastRef.current) {
|
|
49
31
|
toast.close(toastRef.current);
|
|
50
32
|
}
|
|
51
33
|
};
|
|
52
|
-
|
|
53
34
|
toastRef.current = toast({
|
|
54
35
|
position: 'bottom-left',
|
|
55
36
|
duration: 5000,
|
|
56
|
-
render:
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
}));
|
|
60
|
-
}
|
|
37
|
+
render: () => /*#__PURE__*/_react.default.createElement(_Alert.default, (0, _extends2.default)({}, props, {
|
|
38
|
+
onDismissClick: close
|
|
39
|
+
}))
|
|
61
40
|
});
|
|
62
41
|
};
|
|
63
|
-
|
|
64
42
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_react2.VStack, {
|
|
65
43
|
alignItems: "flex-start",
|
|
66
44
|
marginBottom: 4
|
|
@@ -68,8 +46,7 @@ var Template = function Template(props) {
|
|
|
68
46
|
onClick: addToast
|
|
69
47
|
}, "Show Toast"));
|
|
70
48
|
};
|
|
71
|
-
|
|
72
|
-
var Toast = Template.bind({});
|
|
49
|
+
const Toast = Template.bind({});
|
|
73
50
|
exports.Toast = Toast;
|
|
74
51
|
Toast.argTypes = {
|
|
75
52
|
buttonProps: {
|