@spothero/ui 22.3.0 → 22.3.5
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 +39 -29
- package/dist/components/Accordion/AccordionActionButton.js +15 -12
- package/dist/components/Accordion/index.js +15 -14
- package/dist/components/Accordion/styles/index.js +10 -9
- package/dist/components/Alert/Alert.js +45 -37
- package/dist/components/Alert/Alert.stories.js +36 -21
- package/dist/components/Alert/index.js +5 -4
- package/dist/components/AutoSuggestSelect/AutoSuggestSelect.js +121 -100
- package/dist/components/AutoSuggestSelect/AutoSuggestSelect.stories.js +11 -7
- package/dist/components/AutoSuggestSelect/index.js +5 -4
- package/dist/components/Badge/Badge.js +4 -3
- package/dist/components/Badge/Badge.stories.js +20 -16
- package/dist/components/Badge/styles/index.js +10 -9
- package/dist/components/Button/Button.js +55 -20
- package/dist/components/Button/Button.spec.js +6 -6
- package/dist/components/Button/Button.styles.js +39 -37
- package/dist/components/Button/button-props.js +20 -18
- package/dist/components/Button/index.js +7 -6
- package/dist/components/Button/stories/button.js +15 -13
- package/dist/components/Button/stories/index.stories.js +37 -28
- package/dist/components/Button/stories/overview.js +49 -35
- package/dist/components/Card/Card.js +20 -14
- package/dist/components/Card/Card.stories.js +13 -9
- package/dist/components/Checkbox/Checkbox.js +24 -18
- package/dist/components/Checkbox/Checkbox.stories.js +10 -6
- package/dist/components/Checkbox/index.js +5 -4
- package/dist/components/Checkbox/styles/index.js +9 -8
- package/dist/components/Container/Container.js +14 -8
- package/dist/components/Container/Container.stories.js +29 -19
- package/dist/components/Container/Container.styles.js +5 -4
- package/dist/components/CreatableSelect/CreatableSelect.js +98 -74
- package/dist/components/CreatableSelect/CreatableSelect.stories.js +43 -29
- package/dist/components/CreatableSelect/index.js +5 -4
- package/dist/components/Divider/Divider.js +16 -11
- package/dist/components/Divider/Divider.stories.js +12 -7
- package/dist/components/Divider/Divider.styles.js +6 -5
- package/dist/components/Drawer/Drawer.js +17 -12
- package/dist/components/Drawer/Drawer.stories.js +24 -13
- package/dist/components/Drawer/index.js +19 -18
- package/dist/components/Drawer/styles/index.js +29 -25
- package/dist/components/FormControl/FormControl.js +63 -56
- package/dist/components/Grid/Grid.js +19 -12
- package/dist/components/Grid/Grid.stories.js +68 -51
- package/dist/components/Grid/Grid.styles.js +4 -3
- package/dist/components/Grid/GridItem.js +14 -8
- package/dist/components/Grid/GridItem.styles.js +5 -4
- package/dist/components/Grid/index.js +8 -7
- package/dist/components/Heading/Heading.js +19 -12
- package/dist/components/Heading/Heading.stories.js +13 -8
- package/dist/components/Heading/Heading.styles.js +33 -27
- package/dist/components/Icon/Icon.js +4 -3
- package/dist/components/Icon/Icon.stories.js +27 -23
- package/dist/components/Image/Image.js +54 -43
- package/dist/components/Image/Image.spec.js +17 -17
- package/dist/components/Image/Image.stories.js +18 -12
- package/dist/components/Input/Input.js +24 -19
- package/dist/components/Input/Input.stories.js +13 -9
- package/dist/components/Input/index.js +5 -4
- package/dist/components/Input/styles/index.js +8 -7
- package/dist/components/Link/Link.js +4 -3
- package/dist/components/Link/Link.stories.js +34 -31
- package/dist/components/Link/Link.styles.js +12 -11
- package/dist/components/List/List.js +26 -18
- package/dist/components/List/List.stories.js +42 -25
- package/dist/components/List/index.js +7 -6
- package/dist/components/List/styles/index.js +7 -6
- package/dist/components/List/styles/item.styles.js +5 -4
- package/dist/components/Loader/Loader.js +29 -20
- package/dist/components/Loader/Loader.stories.js +36 -28
- package/dist/components/Menu/Menu.js +6 -5
- package/dist/components/Menu/Menu.stories.js +68 -58
- package/dist/components/Menu/Menu.styles.js +8 -7
- package/dist/components/Menu/index.js +19 -18
- package/dist/components/Modal/Modal.js +20 -16
- package/dist/components/Modal/Modal.stories.js +112 -71
- package/dist/components/Modal/index.js +11 -10
- package/dist/components/Modal/styles/body.js +23 -14
- package/dist/components/Modal/styles/closeButton.js +21 -20
- package/dist/components/Modal/styles/dialog.js +19 -18
- package/dist/components/Modal/styles/dialogContainer.js +9 -7
- package/dist/components/Modal/styles/footer.js +4 -3
- package/dist/components/Modal/styles/header.js +14 -13
- package/dist/components/Modal/styles/index.js +18 -15
- package/dist/components/Modal/styles/overlay.js +4 -3
- package/dist/components/Popover/Popover.js +24 -16
- package/dist/components/Popover/Popover.stories.js +54 -47
- package/dist/components/Popover/PopoverArrow.js +12 -8
- package/dist/components/Popover/PopoverCloseButton.js +12 -8
- package/dist/components/Popover/PopoverContent.js +23 -19
- package/dist/components/Popover/index.js +15 -14
- package/dist/components/Popover/styles/index.js +15 -12
- package/dist/components/Popover/styles/popover-arrow.js +10 -8
- package/dist/components/Popover/styles/popover-body.js +9 -6
- package/dist/components/Popover/styles/popover-close-button.js +36 -22
- package/dist/components/Popover/styles/popover-content.js +26 -22
- package/dist/components/Popover/styles/popover-header.js +5 -4
- package/dist/components/Popover/styles/popper.js +5 -4
- package/dist/components/Progress/Progress.js +16 -11
- package/dist/components/Progress/Progress.stories.js +29 -18
- package/dist/components/Progress/Progress.styles.js +44 -59
- package/dist/components/Radio/Radio.js +24 -18
- package/dist/components/Radio/Radio.stories.js +14 -15
- package/dist/components/Radio/RadioGroup.js +27 -22
- package/dist/components/Radio/index.js +8 -7
- package/dist/components/Radio/styles/index.js +13 -12
- package/dist/components/RefreshedInput/Button/Button.js +31 -27
- package/dist/components/RefreshedInput/Button/Button.stories.js +22 -16
- package/dist/components/RefreshedInput/Button/index.js +5 -4
- package/dist/components/RefreshedInput/Button/styles/index.js +22 -12
- package/dist/components/RefreshedInput/FormControl/index.js +60 -51
- package/dist/components/RefreshedInput/Input/Input.js +28 -22
- package/dist/components/RefreshedInput/Input/Input.stories.js +19 -14
- package/dist/components/RefreshedInput/Input/index.js +5 -4
- package/dist/components/RefreshedInput/Input/styles/index.js +18 -8
- package/dist/components/RefreshedInput/Select/Select.js +30 -25
- package/dist/components/RefreshedInput/Select/Select.stories.js +26 -21
- package/dist/components/RefreshedInput/Select/index.js +5 -4
- package/dist/components/RefreshedInput/Select/styles/index.js +19 -11
- package/dist/components/RefreshedInput/index.js +14 -13
- package/dist/components/RefreshedInput/storyAid/index.js +13 -10
- package/dist/components/Select/Select.js +25 -20
- package/dist/components/Select/Select.stories.js +21 -17
- package/dist/components/Select/index.js +5 -4
- package/dist/components/Select/styles/index.js +12 -7
- package/dist/components/SelectionCard/SelectionCard.js +31 -25
- package/dist/components/SelectionCard/SelectionCard.stories.js +10 -9
- package/dist/components/SelectionCard/index.js +5 -4
- package/dist/components/Skeleton/Skeleton.stories.js +17 -9
- package/dist/components/Skeleton/Skeleton.styles.js +4 -3
- package/dist/components/Skeleton/index.js +8 -7
- package/dist/components/Spinner/Spinner.js +17 -12
- package/dist/components/Spinner/Spinner.stories.js +56 -45
- package/dist/components/Spinner/Spinner.styles.js +41 -59
- package/dist/components/Switch/Switch.js +22 -17
- package/dist/components/Switch/Switch.stories.js +10 -6
- package/dist/components/Switch/index.js +5 -4
- package/dist/components/Switch/styles/index.js +29 -19
- package/dist/components/Table/Table.js +4 -3
- package/dist/components/Table/Table.stories.js +31 -20
- package/dist/components/Table/Table.styles.js +27 -16
- package/dist/components/Table/index.js +21 -20
- package/dist/components/Tabs/Tabs.js +18 -18
- package/dist/components/Tabs/Tabs.stories.js +14 -9
- package/dist/components/Tabs/combineSizeWithVariant.js +12 -13
- package/dist/components/Tabs/index.js +13 -12
- package/dist/components/Tabs/styles/index.js +6 -5
- package/dist/components/Text/Text.js +14 -12
- package/dist/components/Text/Text.stories.js +13 -8
- package/dist/components/Text/Text.styles.js +26 -18
- package/dist/components/Text/combineAsWithVariant.js +40 -37
- package/dist/components/Text/options.js +5 -4
- package/dist/components/Textarea/Textarea.js +24 -19
- package/dist/components/Textarea/Textarea.stories.js +14 -11
- package/dist/components/Textarea/index.js +5 -4
- package/dist/components/Textarea/styles/index.js +8 -7
- package/dist/components/ThemeProvider/ThemeProvider.js +29 -21
- package/dist/components/ThemeProvider/ThemeProvider.stories.js +20 -19
- package/dist/components/Toast/Toast.stories.js +24 -17
- package/dist/components/ToggleButtonGroup/ToggleButtonGroup.js +40 -34
- package/dist/components/ToggleButtonGroup/ToggleButtonGroup.stories.js +24 -15
- package/dist/components/ToggleButtonGroup/index.js +5 -4
- package/dist/components/ToggleButtonGroup/styles/index.js +6 -5
- package/dist/components/index.js +252 -238
- package/dist/components/styles.js +80 -79
- package/dist/theme/base/breakpoints.js +5 -4
- package/dist/theme/base/colors.js +50 -44
- package/dist/theme/base/index.js +29 -28
- package/dist/theme/base/notifications.js +8 -9
- package/dist/theme/base/shadows.js +5 -4
- package/dist/theme/base/sizes.js +7 -6
- package/dist/theme/base/typography.js +7 -6
- package/dist/theme/base/zindices.js +5 -4
- package/dist/theme/global.js +18 -89
- package/dist/theme/index.js +27 -15
- package/dist/utils/Spaces.js +15 -10
- package/package.json +24 -18
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
|
3
4
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
+
_Object$defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
|
-
exports
|
|
8
|
+
exports["default"] = void 0;
|
|
8
9
|
var _merge = _interopRequireDefault(require("lodash/merge"));
|
|
9
10
|
var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
|
|
10
11
|
var _overlay = _interopRequireDefault(require("./overlay"));
|
|
@@ -14,16 +15,18 @@ var _header = _interopRequireDefault(require("./header"));
|
|
|
14
15
|
var _closeButton = _interopRequireDefault(require("./closeButton"));
|
|
15
16
|
var _body = _interopRequireDefault(require("./body"));
|
|
16
17
|
var _footer = _interopRequireDefault(require("./footer"));
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
18
|
+
var baseStyle = function baseStyle(props) {
|
|
19
|
+
return {
|
|
20
|
+
overlay: _overlay["default"],
|
|
21
|
+
dialogContainer: _dialogContainer["default"],
|
|
22
|
+
header: (0, _header["default"])(props),
|
|
23
|
+
dialog: (0, _dialog["default"])(props),
|
|
24
|
+
closeButton: (0, _closeButton["default"])(props),
|
|
25
|
+
body: (0, _body["default"])(props),
|
|
26
|
+
footer: _footer["default"]
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
var sizes = {
|
|
27
30
|
sm: {
|
|
28
31
|
dialog: {
|
|
29
32
|
// Would have preferred object syntax here and below, but wasn't working for whatever reason
|
|
@@ -47,7 +50,7 @@ const sizes = {
|
|
|
47
50
|
}
|
|
48
51
|
}
|
|
49
52
|
};
|
|
50
|
-
var _default = exports
|
|
51
|
-
baseStyle,
|
|
52
|
-
sizes
|
|
53
|
+
var _default = exports["default"] = (0, _merge["default"])(_theme["default"].components.Modal, {
|
|
54
|
+
baseStyle: baseStyle,
|
|
55
|
+
sizes: sizes
|
|
53
56
|
});
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
|
4
|
+
_Object$defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
|
-
exports
|
|
7
|
-
var _default = exports
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
var _default = exports["default"] = {
|
|
8
9
|
background: 'modalOverlay',
|
|
9
10
|
zIndex: 'layer8'
|
|
10
11
|
};
|
|
@@ -1,26 +1,34 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
|
|
4
|
+
var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
|
|
5
|
+
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
|
6
|
+
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
|
3
7
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
4
|
-
|
|
8
|
+
_Object$defineProperty(exports, "__esModule", {
|
|
5
9
|
value: true
|
|
6
10
|
});
|
|
7
|
-
exports
|
|
11
|
+
exports["default"] = void 0;
|
|
12
|
+
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
8
13
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
14
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
|
|
9
15
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
16
|
var _react2 = require("@chakra-ui/react");
|
|
11
|
-
|
|
12
|
-
function
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
return /*#__PURE__*/_react
|
|
17
|
+
var _excluded = ["children"];
|
|
18
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof _WeakMap) return null; var r = new _WeakMap(), t = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 Popover = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
21
|
+
var _context;
|
|
22
|
+
var children = props.children,
|
|
23
|
+
rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
|
|
24
|
+
return /*#__PURE__*/_react["default"].createElement(_react2.Popover, (0, _extends2["default"])({}, rest, {
|
|
19
25
|
ref: ref
|
|
20
|
-
}), _react.Children.toArray(children).
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
26
|
+
}), (0, _map["default"])(_context = _react.Children.toArray(children)).call(_context, function (child, index) {
|
|
27
|
+
return /*#__PURE__*/(0, _react.cloneElement)(child, {
|
|
28
|
+
ref: ref,
|
|
29
|
+
variant: props.variant,
|
|
30
|
+
key: "Popover-child-".concat(index)
|
|
31
|
+
});
|
|
32
|
+
}));
|
|
25
33
|
});
|
|
26
|
-
var _default = exports
|
|
34
|
+
var _default = exports["default"] = Popover;
|
|
@@ -1,18 +1,30 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
|
|
4
|
+
var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
|
|
5
|
+
var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
|
|
6
|
+
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
|
7
|
+
var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
|
|
8
|
+
var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
|
|
9
|
+
var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
|
|
10
|
+
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
|
3
11
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
4
|
-
|
|
12
|
+
_Object$defineProperty(exports, "__esModule", {
|
|
5
13
|
value: true
|
|
6
14
|
});
|
|
7
|
-
exports
|
|
15
|
+
exports["default"] = exports.Variant = exports.Placement = exports.NoHeader = exports.NoCloseButton = exports.NoArrow = void 0;
|
|
16
|
+
var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
|
|
8
17
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
18
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
|
9
19
|
var _react = _interopRequireDefault(require("react"));
|
|
10
20
|
var _disableArgs = _interopRequireDefault(require("storybook/utils/disable-args"));
|
|
11
21
|
var _createControl = require("storybook/utils/create-control");
|
|
12
22
|
var _index = require("./index");
|
|
13
23
|
var _react2 = require("@chakra-ui/react");
|
|
14
24
|
var _Button = _interopRequireDefault(require("../Button/Button"));
|
|
15
|
-
var
|
|
25
|
+
function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
26
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
27
|
+
var _default = exports["default"] = {
|
|
16
28
|
title: 'v2/Popover',
|
|
17
29
|
component: _index.Popover,
|
|
18
30
|
subcomponents: {
|
|
@@ -24,57 +36,52 @@ var _default = exports.default = {
|
|
|
24
36
|
removeBaseHtmlClass: true,
|
|
25
37
|
chakraLink: 'https://chakra-ui.com/docs/overlay/popover'
|
|
26
38
|
},
|
|
27
|
-
argTypes: {
|
|
28
|
-
...(0, _disableArgs.default)('children')
|
|
29
|
-
}
|
|
39
|
+
argTypes: _objectSpread({}, (0, _disableArgs["default"])('children'))
|
|
30
40
|
};
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
Variant.argTypes = {
|
|
41
|
-
...(0, _createControl.createSelectControl)('variant', ['light', 'dark'])
|
|
41
|
+
var OverviewTemplate = function OverviewTemplate(props) {
|
|
42
|
+
return /*#__PURE__*/_react["default"].createElement(_index.Popover, (0, _extends2["default"])({
|
|
43
|
+
defaultIsOpen: true
|
|
44
|
+
}, props), /*#__PURE__*/_react["default"].createElement(_react2.Flex, {
|
|
45
|
+
justifyContent: "center",
|
|
46
|
+
alignItems: "center"
|
|
47
|
+
}, /*#__PURE__*/_react["default"].createElement(_index.PopoverTrigger, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], null, "Trigger"))), /*#__PURE__*/_react["default"].createElement(_index.PopoverContent, {
|
|
48
|
+
header: "Confirmation!"
|
|
49
|
+
}, "Are you sure you want to have that milkshake?"));
|
|
42
50
|
};
|
|
51
|
+
var Variant = exports.Variant = (0, _bind["default"])(OverviewTemplate).call(OverviewTemplate, {});
|
|
52
|
+
Variant.argTypes = _objectSpread({}, (0, _createControl.createSelectControl)('variant', ['light', 'dark']));
|
|
43
53
|
Variant.args = {
|
|
44
54
|
variant: 'light'
|
|
45
55
|
};
|
|
46
|
-
|
|
47
|
-
Placement.argTypes = {
|
|
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']),
|
|
49
|
-
...(0, _disableArgs.default)('variant')
|
|
50
|
-
};
|
|
56
|
+
var Placement = exports.Placement = (0, _bind["default"])(OverviewTemplate).call(OverviewTemplate, {});
|
|
57
|
+
Placement.argTypes = _objectSpread(_objectSpread({}, (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'])), (0, _disableArgs["default"])('variant'));
|
|
51
58
|
Placement.args = {
|
|
52
59
|
placement: 'bottom'
|
|
53
60
|
};
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
61
|
+
var NoHeaderTemplate = function NoHeaderTemplate(props) {
|
|
62
|
+
return /*#__PURE__*/_react["default"].createElement(_index.Popover, (0, _extends2["default"])({
|
|
63
|
+
defaultIsOpen: true
|
|
64
|
+
}, 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?"));
|
|
65
|
+
};
|
|
66
|
+
var NoHeader = exports.NoHeader = (0, _bind["default"])(NoHeaderTemplate).call(NoHeaderTemplate, {});
|
|
67
|
+
NoHeader.argTypes = _objectSpread({}, (0, _disableArgs["default"])(['variant', 'placement']));
|
|
68
|
+
var NoCloseButtonTemplate = function NoCloseButtonTemplate(props) {
|
|
69
|
+
return /*#__PURE__*/_react["default"].createElement(_index.Popover, (0, _extends2["default"])({
|
|
70
|
+
defaultIsOpen: true
|
|
71
|
+
}, props), /*#__PURE__*/_react["default"].createElement(_index.PopoverTrigger, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], null, "Trigger")), /*#__PURE__*/_react["default"].createElement(_index.PopoverContent, {
|
|
72
|
+
hideCloseButton: true,
|
|
73
|
+
header: "Confirmation!"
|
|
74
|
+
}, "Are you sure you want to have that milkshake?"));
|
|
60
75
|
};
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
}, "
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
76
|
+
var NoCloseButton = exports.NoCloseButton = (0, _bind["default"])(NoCloseButtonTemplate).call(NoCloseButtonTemplate, {});
|
|
77
|
+
NoCloseButton.argTypes = _objectSpread({}, (0, _disableArgs["default"])(['variant', 'placement']));
|
|
78
|
+
var NoArrowTemplate = function NoArrowTemplate(props) {
|
|
79
|
+
return /*#__PURE__*/_react["default"].createElement(_index.Popover, (0, _extends2["default"])({
|
|
80
|
+
defaultIsOpen: true
|
|
81
|
+
}, props), /*#__PURE__*/_react["default"].createElement(_index.PopoverTrigger, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], null, "Trigger")), /*#__PURE__*/_react["default"].createElement(_index.PopoverContent, {
|
|
82
|
+
hideArrow: true,
|
|
83
|
+
header: "Confirmation!"
|
|
84
|
+
}, "Are you sure you want to have that milkshake?"));
|
|
70
85
|
};
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
}, props), /*#__PURE__*/_react.default.createElement(_index.PopoverTrigger, null, /*#__PURE__*/_react.default.createElement(_Button.default, null, "Trigger")), /*#__PURE__*/_react.default.createElement(_index.PopoverContent, {
|
|
74
|
-
hideArrow: true,
|
|
75
|
-
header: "Confirmation!"
|
|
76
|
-
}, "Are you sure you want to have that milkshake?"));
|
|
77
|
-
const NoArrow = exports.NoArrow = NoArrowTemplate.bind({});
|
|
78
|
-
NoArrow.argTypes = {
|
|
79
|
-
...(0, _disableArgs.default)(['variant', 'placement'])
|
|
80
|
-
};
|
|
86
|
+
var NoArrow = exports.NoArrow = (0, _bind["default"])(NoArrowTemplate).call(NoArrowTemplate, {});
|
|
87
|
+
NoArrow.argTypes = _objectSpread({}, (0, _disableArgs["default"])(['variant', 'placement']));
|
|
@@ -1,19 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
|
|
4
|
+
var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
|
|
5
|
+
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
|
6
|
+
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
|
3
7
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
4
|
-
|
|
8
|
+
_Object$defineProperty(exports, "__esModule", {
|
|
5
9
|
value: true
|
|
6
10
|
});
|
|
7
|
-
exports
|
|
11
|
+
exports["default"] = void 0;
|
|
8
12
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
9
13
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
14
|
var _react2 = require("@chakra-ui/react");
|
|
11
15
|
var _popoverArrow = _interopRequireDefault(require("./styles/popover-arrow"));
|
|
12
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof
|
|
13
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" !=
|
|
14
|
-
|
|
15
|
-
return /*#__PURE__*/_react
|
|
16
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof _WeakMap) return null; var r = new _WeakMap(), t = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
17
|
+
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; }
|
|
18
|
+
var PopoverArrow = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
19
|
+
return /*#__PURE__*/_react["default"].createElement(_react2.PopoverArrow, (0, _extends2["default"])({
|
|
16
20
|
ref: ref
|
|
17
|
-
}, props, (0, _popoverArrow
|
|
21
|
+
}, props, (0, _popoverArrow["default"])(props)));
|
|
18
22
|
});
|
|
19
|
-
var _default = exports
|
|
23
|
+
var _default = exports["default"] = PopoverArrow;
|
|
@@ -1,19 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
|
|
4
|
+
var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
|
|
5
|
+
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
|
6
|
+
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
|
3
7
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
4
|
-
|
|
8
|
+
_Object$defineProperty(exports, "__esModule", {
|
|
5
9
|
value: true
|
|
6
10
|
});
|
|
7
|
-
exports
|
|
11
|
+
exports["default"] = void 0;
|
|
8
12
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
9
13
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
14
|
var _react2 = require("@chakra-ui/react");
|
|
11
15
|
var _popoverCloseButton = _interopRequireDefault(require("./styles/popover-close-button"));
|
|
12
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof
|
|
13
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" !=
|
|
14
|
-
|
|
15
|
-
return /*#__PURE__*/_react
|
|
16
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof _WeakMap) return null; var r = new _WeakMap(), t = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
17
|
+
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; }
|
|
18
|
+
var PopoverCloseButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
19
|
+
return /*#__PURE__*/_react["default"].createElement(_react2.PopoverCloseButton, (0, _extends2["default"])({
|
|
16
20
|
ref: ref
|
|
17
|
-
}, props, (0, _popoverCloseButton
|
|
21
|
+
}, props, (0, _popoverCloseButton["default"])(props)));
|
|
18
22
|
});
|
|
19
|
-
var _default = exports
|
|
23
|
+
var _default = exports["default"] = PopoverCloseButton;
|
|
@@ -1,38 +1,42 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
|
|
4
|
+
var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
|
|
5
|
+
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
|
6
|
+
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
|
3
7
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
4
|
-
|
|
8
|
+
_Object$defineProperty(exports, "__esModule", {
|
|
5
9
|
value: true
|
|
6
10
|
});
|
|
7
|
-
exports
|
|
11
|
+
exports["default"] = void 0;
|
|
8
12
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
13
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
|
|
9
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
15
|
var _react2 = require("@chakra-ui/react");
|
|
11
16
|
var _PopoverArrow = _interopRequireDefault(require("./PopoverArrow"));
|
|
12
17
|
var _PopoverCloseButton = _interopRequireDefault(require("./PopoverCloseButton"));
|
|
13
|
-
|
|
14
|
-
function
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
variant,
|
|
19
|
-
children,
|
|
20
|
-
hideCloseButton,
|
|
21
|
-
hideArrow,
|
|
22
|
-
popoverBodyProps,
|
|
23
|
-
|
|
24
|
-
}
|
|
25
|
-
return /*#__PURE__*/_react.default.createElement(_react2.PopoverContent, (0, _extends2.default)({}, rest, {
|
|
18
|
+
var _excluded = ["header", "variant", "children", "hideCloseButton", "hideArrow", "popoverBodyProps"];
|
|
19
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof _WeakMap) return null; var r = new _WeakMap(), t = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
20
|
+
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; }
|
|
21
|
+
var PopoverContent = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
22
|
+
var header = props.header,
|
|
23
|
+
variant = props.variant,
|
|
24
|
+
children = props.children,
|
|
25
|
+
hideCloseButton = props.hideCloseButton,
|
|
26
|
+
hideArrow = props.hideArrow,
|
|
27
|
+
popoverBodyProps = props.popoverBodyProps,
|
|
28
|
+
rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
|
|
29
|
+
return /*#__PURE__*/_react["default"].createElement(_react2.PopoverContent, (0, _extends2["default"])({}, rest, {
|
|
26
30
|
ref: ref
|
|
27
|
-
}), hideArrow ? null : /*#__PURE__*/_react
|
|
31
|
+
}), hideArrow ? null : /*#__PURE__*/_react["default"].createElement(_PopoverArrow["default"], {
|
|
28
32
|
variant: variant
|
|
29
|
-
}), hideCloseButton ? null : /*#__PURE__*/_react
|
|
33
|
+
}), hideCloseButton ? null : /*#__PURE__*/_react["default"].createElement(_PopoverCloseButton["default"], {
|
|
30
34
|
variant: variant
|
|
31
|
-
}), header ? /*#__PURE__*/_react
|
|
35
|
+
}), header ? /*#__PURE__*/_react["default"].createElement(_react2.PopoverHeader, null, header) : null, /*#__PURE__*/_react["default"].createElement(_react2.PopoverBody, popoverBodyProps, children));
|
|
32
36
|
});
|
|
33
37
|
PopoverContent.defaultProps = {
|
|
34
38
|
variant: 'light',
|
|
35
39
|
hideCloseButton: false,
|
|
36
40
|
hideArrow: false
|
|
37
41
|
};
|
|
38
|
-
var _default = exports
|
|
42
|
+
var _default = exports["default"] = PopoverContent;
|
|
@@ -1,36 +1,37 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
|
3
4
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
+
_Object$defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
|
-
|
|
8
|
+
_Object$defineProperty(exports, "Popover", {
|
|
8
9
|
enumerable: true,
|
|
9
|
-
get: function () {
|
|
10
|
-
return _Popover
|
|
10
|
+
get: function get() {
|
|
11
|
+
return _Popover["default"];
|
|
11
12
|
}
|
|
12
13
|
});
|
|
13
|
-
|
|
14
|
+
_Object$defineProperty(exports, "PopoverAnchor", {
|
|
14
15
|
enumerable: true,
|
|
15
|
-
get: function () {
|
|
16
|
+
get: function get() {
|
|
16
17
|
return _react.PopoverAnchor;
|
|
17
18
|
}
|
|
18
19
|
});
|
|
19
|
-
|
|
20
|
+
_Object$defineProperty(exports, "PopoverArrow", {
|
|
20
21
|
enumerable: true,
|
|
21
|
-
get: function () {
|
|
22
|
-
return _PopoverArrow
|
|
22
|
+
get: function get() {
|
|
23
|
+
return _PopoverArrow["default"];
|
|
23
24
|
}
|
|
24
25
|
});
|
|
25
|
-
|
|
26
|
+
_Object$defineProperty(exports, "PopoverContent", {
|
|
26
27
|
enumerable: true,
|
|
27
|
-
get: function () {
|
|
28
|
-
return _PopoverContent
|
|
28
|
+
get: function get() {
|
|
29
|
+
return _PopoverContent["default"];
|
|
29
30
|
}
|
|
30
31
|
});
|
|
31
|
-
|
|
32
|
+
_Object$defineProperty(exports, "PopoverTrigger", {
|
|
32
33
|
enumerable: true,
|
|
33
|
-
get: function () {
|
|
34
|
+
get: function get() {
|
|
34
35
|
return _react.PopoverTrigger;
|
|
35
36
|
}
|
|
36
37
|
});
|
|
@@ -1,24 +1,27 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
|
3
4
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
+
_Object$defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
|
-
exports
|
|
8
|
+
exports["default"] = void 0;
|
|
8
9
|
var _merge = _interopRequireDefault(require("lodash/merge"));
|
|
9
10
|
var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
|
|
10
11
|
var _popper = _interopRequireDefault(require("./popper"));
|
|
11
12
|
var _popoverBody = _interopRequireDefault(require("./popover-body"));
|
|
12
13
|
var _popoverHeader = _interopRequireDefault(require("./popover-header"));
|
|
13
14
|
var _popoverContent = _interopRequireDefault(require("./popover-content"));
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
15
|
+
var parts = ['popper', 'content', 'header', 'body'];
|
|
16
|
+
var baseStyle = function baseStyle(props) {
|
|
17
|
+
return {
|
|
18
|
+
header: _popoverHeader["default"],
|
|
19
|
+
content: (0, _popoverContent["default"])(props),
|
|
20
|
+
body: (0, _popoverBody["default"])(props),
|
|
21
|
+
popper: _popper["default"]
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
var _default = exports["default"] = (0, _merge["default"])(_theme["default"].components.Popover, {
|
|
25
|
+
parts: parts,
|
|
26
|
+
baseStyle: baseStyle
|
|
24
27
|
});
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
|
4
|
+
_Object$defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
|
-
exports
|
|
7
|
-
|
|
8
|
-
variant
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
}
|
|
12
|
-
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
var arrowStyles = function arrowStyles(_ref) {
|
|
9
|
+
var variant = _ref.variant;
|
|
10
|
+
return {
|
|
11
|
+
backgroundColor: variant === 'dark' ? 'secondary.default' : 'white'
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
var _default = exports["default"] = arrowStyles;
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
|
4
|
+
_Object$defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
|
-
exports
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
var body = function body(props) {
|
|
9
|
+
return {
|
|
10
|
+
fontSize: 'sm'
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
var _default = exports["default"] = body;
|
|
@@ -1,26 +1,40 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
|
|
4
|
+
var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
|
|
5
|
+
var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
|
|
6
|
+
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
|
7
|
+
var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
|
|
8
|
+
var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
|
|
9
|
+
var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
|
|
10
|
+
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
|
11
|
+
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
12
|
+
_Object$defineProperty(exports, "__esModule", {
|
|
4
13
|
value: true
|
|
5
14
|
});
|
|
6
|
-
exports
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
});
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
15
|
+
exports["default"] = void 0;
|
|
16
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
|
17
|
+
function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
18
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
19
|
+
var pseudoStyles = function pseudoStyles(variant) {
|
|
20
|
+
return {
|
|
21
|
+
bgColor: variant === 'dark' ? 'gray.600' : 'gray.50'
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
var closeButtonStyles = function closeButtonStyles(_ref) {
|
|
25
|
+
var variant = _ref.variant;
|
|
26
|
+
return {
|
|
27
|
+
color: variant === 'dark' ? 'white' : 'black',
|
|
28
|
+
fontSize: '0.5rem',
|
|
29
|
+
position: 'absolute',
|
|
30
|
+
top: 0,
|
|
31
|
+
right: 0,
|
|
32
|
+
padding: 4,
|
|
33
|
+
borderTopRightRadius: 4,
|
|
34
|
+
_hover: pseudoStyles(variant),
|
|
35
|
+
_focus: _objectSpread(_objectSpread({}, pseudoStyles(variant)), {}, {
|
|
36
|
+
boxShadow: 'outline'
|
|
37
|
+
})
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
var _default = exports["default"] = closeButtonStyles;
|