@spothero/ui 22.3.2 → 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.
Files changed (176) hide show
  1. package/dist/components/Accordion/Accordion.stories.js +39 -29
  2. package/dist/components/Accordion/AccordionActionButton.js +15 -12
  3. package/dist/components/Accordion/index.js +15 -14
  4. package/dist/components/Accordion/styles/index.js +10 -9
  5. package/dist/components/Alert/Alert.js +45 -37
  6. package/dist/components/Alert/Alert.stories.js +36 -21
  7. package/dist/components/Alert/index.js +5 -4
  8. package/dist/components/AutoSuggestSelect/AutoSuggestSelect.js +121 -100
  9. package/dist/components/AutoSuggestSelect/AutoSuggestSelect.stories.js +11 -7
  10. package/dist/components/AutoSuggestSelect/index.js +5 -4
  11. package/dist/components/Badge/Badge.js +4 -3
  12. package/dist/components/Badge/Badge.stories.js +20 -16
  13. package/dist/components/Badge/styles/index.js +10 -9
  14. package/dist/components/Button/Button.js +55 -20
  15. package/dist/components/Button/Button.spec.js +6 -6
  16. package/dist/components/Button/Button.styles.js +39 -37
  17. package/dist/components/Button/button-props.js +20 -18
  18. package/dist/components/Button/index.js +7 -6
  19. package/dist/components/Button/stories/button.js +15 -13
  20. package/dist/components/Button/stories/index.stories.js +37 -28
  21. package/dist/components/Button/stories/overview.js +49 -35
  22. package/dist/components/Card/Card.js +20 -14
  23. package/dist/components/Card/Card.stories.js +13 -9
  24. package/dist/components/Checkbox/Checkbox.js +24 -18
  25. package/dist/components/Checkbox/Checkbox.stories.js +10 -6
  26. package/dist/components/Checkbox/index.js +5 -4
  27. package/dist/components/Checkbox/styles/index.js +9 -8
  28. package/dist/components/Container/Container.js +14 -8
  29. package/dist/components/Container/Container.stories.js +29 -19
  30. package/dist/components/Container/Container.styles.js +5 -4
  31. package/dist/components/CreatableSelect/CreatableSelect.js +98 -74
  32. package/dist/components/CreatableSelect/CreatableSelect.stories.js +43 -29
  33. package/dist/components/CreatableSelect/index.js +5 -4
  34. package/dist/components/Divider/Divider.js +16 -11
  35. package/dist/components/Divider/Divider.stories.js +12 -7
  36. package/dist/components/Divider/Divider.styles.js +6 -5
  37. package/dist/components/Drawer/Drawer.js +17 -12
  38. package/dist/components/Drawer/Drawer.stories.js +24 -13
  39. package/dist/components/Drawer/index.js +19 -18
  40. package/dist/components/Drawer/styles/index.js +29 -25
  41. package/dist/components/FormControl/FormControl.js +63 -56
  42. package/dist/components/Grid/Grid.js +19 -12
  43. package/dist/components/Grid/Grid.stories.js +68 -51
  44. package/dist/components/Grid/Grid.styles.js +4 -3
  45. package/dist/components/Grid/GridItem.js +14 -8
  46. package/dist/components/Grid/GridItem.styles.js +5 -4
  47. package/dist/components/Grid/index.js +8 -7
  48. package/dist/components/Heading/Heading.js +19 -12
  49. package/dist/components/Heading/Heading.stories.js +13 -8
  50. package/dist/components/Heading/Heading.styles.js +33 -27
  51. package/dist/components/Icon/Icon.js +4 -3
  52. package/dist/components/Icon/Icon.stories.js +27 -23
  53. package/dist/components/Image/Image.js +54 -43
  54. package/dist/components/Image/Image.spec.js +17 -17
  55. package/dist/components/Image/Image.stories.js +18 -12
  56. package/dist/components/Input/Input.js +24 -19
  57. package/dist/components/Input/Input.stories.js +13 -9
  58. package/dist/components/Input/index.js +5 -4
  59. package/dist/components/Input/styles/index.js +8 -7
  60. package/dist/components/Link/Link.js +4 -3
  61. package/dist/components/Link/Link.stories.js +34 -31
  62. package/dist/components/Link/Link.styles.js +12 -11
  63. package/dist/components/List/List.js +26 -18
  64. package/dist/components/List/List.stories.js +42 -25
  65. package/dist/components/List/index.js +7 -6
  66. package/dist/components/List/styles/index.js +7 -6
  67. package/dist/components/List/styles/item.styles.js +5 -4
  68. package/dist/components/Loader/Loader.js +29 -20
  69. package/dist/components/Loader/Loader.stories.js +36 -28
  70. package/dist/components/Menu/Menu.js +6 -5
  71. package/dist/components/Menu/Menu.stories.js +68 -58
  72. package/dist/components/Menu/Menu.styles.js +8 -7
  73. package/dist/components/Menu/index.js +19 -18
  74. package/dist/components/Modal/Modal.js +20 -16
  75. package/dist/components/Modal/Modal.stories.js +112 -71
  76. package/dist/components/Modal/index.js +11 -10
  77. package/dist/components/Modal/styles/body.js +23 -14
  78. package/dist/components/Modal/styles/closeButton.js +21 -20
  79. package/dist/components/Modal/styles/dialog.js +19 -18
  80. package/dist/components/Modal/styles/dialogContainer.js +9 -7
  81. package/dist/components/Modal/styles/footer.js +4 -3
  82. package/dist/components/Modal/styles/header.js +14 -13
  83. package/dist/components/Modal/styles/index.js +18 -15
  84. package/dist/components/Modal/styles/overlay.js +4 -3
  85. package/dist/components/Popover/Popover.js +24 -16
  86. package/dist/components/Popover/Popover.stories.js +54 -47
  87. package/dist/components/Popover/PopoverArrow.js +12 -8
  88. package/dist/components/Popover/PopoverCloseButton.js +12 -8
  89. package/dist/components/Popover/PopoverContent.js +23 -19
  90. package/dist/components/Popover/index.js +15 -14
  91. package/dist/components/Popover/styles/index.js +15 -12
  92. package/dist/components/Popover/styles/popover-arrow.js +10 -8
  93. package/dist/components/Popover/styles/popover-body.js +9 -6
  94. package/dist/components/Popover/styles/popover-close-button.js +36 -22
  95. package/dist/components/Popover/styles/popover-content.js +26 -22
  96. package/dist/components/Popover/styles/popover-header.js +5 -4
  97. package/dist/components/Popover/styles/popper.js +5 -4
  98. package/dist/components/Progress/Progress.js +16 -11
  99. package/dist/components/Progress/Progress.stories.js +29 -18
  100. package/dist/components/Progress/Progress.styles.js +44 -59
  101. package/dist/components/Radio/Radio.js +24 -18
  102. package/dist/components/Radio/Radio.stories.js +14 -15
  103. package/dist/components/Radio/RadioGroup.js +27 -22
  104. package/dist/components/Radio/index.js +8 -7
  105. package/dist/components/Radio/styles/index.js +13 -12
  106. package/dist/components/RefreshedInput/Button/Button.js +28 -23
  107. package/dist/components/RefreshedInput/Button/Button.stories.js +22 -16
  108. package/dist/components/RefreshedInput/Button/index.js +5 -4
  109. package/dist/components/RefreshedInput/Button/styles/index.js +22 -12
  110. package/dist/components/RefreshedInput/FormControl/index.js +60 -51
  111. package/dist/components/RefreshedInput/Input/Input.js +28 -22
  112. package/dist/components/RefreshedInput/Input/Input.stories.js +19 -14
  113. package/dist/components/RefreshedInput/Input/index.js +5 -4
  114. package/dist/components/RefreshedInput/Input/styles/index.js +18 -8
  115. package/dist/components/RefreshedInput/Select/Select.js +30 -25
  116. package/dist/components/RefreshedInput/Select/Select.stories.js +26 -21
  117. package/dist/components/RefreshedInput/Select/index.js +5 -4
  118. package/dist/components/RefreshedInput/Select/styles/index.js +19 -11
  119. package/dist/components/RefreshedInput/index.js +14 -13
  120. package/dist/components/RefreshedInput/storyAid/index.js +13 -10
  121. package/dist/components/Select/Select.js +25 -20
  122. package/dist/components/Select/Select.stories.js +21 -17
  123. package/dist/components/Select/index.js +5 -4
  124. package/dist/components/Select/styles/index.js +12 -7
  125. package/dist/components/SelectionCard/SelectionCard.js +31 -25
  126. package/dist/components/SelectionCard/SelectionCard.stories.js +10 -9
  127. package/dist/components/SelectionCard/index.js +5 -4
  128. package/dist/components/Skeleton/Skeleton.stories.js +17 -9
  129. package/dist/components/Skeleton/Skeleton.styles.js +4 -3
  130. package/dist/components/Skeleton/index.js +8 -7
  131. package/dist/components/Spinner/Spinner.js +17 -12
  132. package/dist/components/Spinner/Spinner.stories.js +56 -45
  133. package/dist/components/Spinner/Spinner.styles.js +41 -59
  134. package/dist/components/Switch/Switch.js +22 -17
  135. package/dist/components/Switch/Switch.stories.js +10 -6
  136. package/dist/components/Switch/index.js +5 -4
  137. package/dist/components/Switch/styles/index.js +29 -19
  138. package/dist/components/Table/Table.js +4 -3
  139. package/dist/components/Table/Table.stories.js +31 -20
  140. package/dist/components/Table/Table.styles.js +27 -16
  141. package/dist/components/Table/index.js +21 -20
  142. package/dist/components/Tabs/Tabs.js +18 -18
  143. package/dist/components/Tabs/Tabs.stories.js +14 -9
  144. package/dist/components/Tabs/combineSizeWithVariant.js +12 -13
  145. package/dist/components/Tabs/index.js +13 -12
  146. package/dist/components/Tabs/styles/index.js +6 -5
  147. package/dist/components/Text/Text.js +14 -12
  148. package/dist/components/Text/Text.stories.js +13 -8
  149. package/dist/components/Text/Text.styles.js +26 -18
  150. package/dist/components/Text/combineAsWithVariant.js +40 -37
  151. package/dist/components/Text/options.js +5 -4
  152. package/dist/components/Textarea/Textarea.js +24 -19
  153. package/dist/components/Textarea/Textarea.stories.js +14 -11
  154. package/dist/components/Textarea/index.js +5 -4
  155. package/dist/components/Textarea/styles/index.js +8 -7
  156. package/dist/components/ThemeProvider/ThemeProvider.js +29 -21
  157. package/dist/components/ThemeProvider/ThemeProvider.stories.js +20 -19
  158. package/dist/components/Toast/Toast.stories.js +24 -17
  159. package/dist/components/ToggleButtonGroup/ToggleButtonGroup.js +40 -34
  160. package/dist/components/ToggleButtonGroup/ToggleButtonGroup.stories.js +24 -15
  161. package/dist/components/ToggleButtonGroup/index.js +5 -4
  162. package/dist/components/ToggleButtonGroup/styles/index.js +6 -5
  163. package/dist/components/index.js +252 -238
  164. package/dist/components/styles.js +80 -79
  165. package/dist/theme/base/breakpoints.js +5 -4
  166. package/dist/theme/base/colors.js +50 -44
  167. package/dist/theme/base/index.js +29 -28
  168. package/dist/theme/base/notifications.js +8 -9
  169. package/dist/theme/base/shadows.js +5 -4
  170. package/dist/theme/base/sizes.js +7 -6
  171. package/dist/theme/base/typography.js +7 -6
  172. package/dist/theme/base/zindices.js +5 -4
  173. package/dist/theme/global.js +18 -89
  174. package/dist/theme/index.js +27 -15
  175. package/dist/utils/Spaces.js +15 -10
  176. package/package.json +26 -20
@@ -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
- Object.defineProperty(exports, "__esModule", {
5
+ _Object$defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
- exports.default = void 0;
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
- const baseStyle = props => ({
18
- overlay: _overlay.default,
19
- dialogContainer: _dialogContainer.default,
20
- header: (0, _header.default)(props),
21
- dialog: (0, _dialog.default)(props),
22
- closeButton: (0, _closeButton.default)(props),
23
- body: (0, _body.default)(props),
24
- footer: _footer.default
25
- });
26
- const sizes = {
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.default = (0, _merge.default)(_theme.default.components.Modal, {
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
- Object.defineProperty(exports, "__esModule", {
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.default = void 0;
7
- var _default = exports.default = {
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
- Object.defineProperty(exports, "__esModule", {
8
+ _Object$defineProperty(exports, "__esModule", {
5
9
  value: true
6
10
  });
7
- exports.default = void 0;
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
- 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
- const Popover = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
14
- const {
15
- children,
16
- ...rest
17
- } = props;
18
- return /*#__PURE__*/_react.default.createElement(_react2.Popover, (0, _extends2.default)({}, rest, {
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).map((child, index) => /*#__PURE__*/(0, _react.cloneElement)(child, {
21
- ref,
22
- variant: props.variant,
23
- key: `Popover-child-${index}`
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.default = Popover;
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
- Object.defineProperty(exports, "__esModule", {
12
+ _Object$defineProperty(exports, "__esModule", {
5
13
  value: true
6
14
  });
7
- exports.default = exports.Variant = exports.Placement = exports.NoHeader = exports.NoCloseButton = exports.NoArrow = void 0;
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 _default = exports.default = {
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
- const OverviewTemplate = props => /*#__PURE__*/_react.default.createElement(_index.Popover, (0, _extends2.default)({
32
- defaultIsOpen: true
33
- }, props), /*#__PURE__*/_react.default.createElement(_react2.Flex, {
34
- justifyContent: "center",
35
- alignItems: "center"
36
- }, /*#__PURE__*/_react.default.createElement(_index.PopoverTrigger, null, /*#__PURE__*/_react.default.createElement(_Button.default, null, "Trigger"))), /*#__PURE__*/_react.default.createElement(_index.PopoverContent, {
37
- header: "Confirmation!"
38
- }, "Are you sure you want to have that milkshake?"));
39
- const Variant = exports.Variant = OverviewTemplate.bind({});
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
- const Placement = exports.Placement = OverviewTemplate.bind({});
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
- const NoHeaderTemplate = props => /*#__PURE__*/_react.default.createElement(_index.Popover, (0, _extends2.default)({
55
- defaultIsOpen: true
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?"));
57
- const NoHeader = exports.NoHeader = NoHeaderTemplate.bind({});
58
- NoHeader.argTypes = {
59
- ...(0, _disableArgs.default)(['variant', 'placement'])
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
- const NoCloseButtonTemplate = props => /*#__PURE__*/_react.default.createElement(_index.Popover, (0, _extends2.default)({
62
- defaultIsOpen: true
63
- }, props), /*#__PURE__*/_react.default.createElement(_index.PopoverTrigger, null, /*#__PURE__*/_react.default.createElement(_Button.default, null, "Trigger")), /*#__PURE__*/_react.default.createElement(_index.PopoverContent, {
64
- hideCloseButton: true,
65
- header: "Confirmation!"
66
- }, "Are you sure you want to have that milkshake?"));
67
- const NoCloseButton = exports.NoCloseButton = NoCloseButtonTemplate.bind({});
68
- NoCloseButton.argTypes = {
69
- ...(0, _disableArgs.default)(['variant', 'placement'])
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
- const NoArrowTemplate = props => /*#__PURE__*/_react.default.createElement(_index.Popover, (0, _extends2.default)({
72
- defaultIsOpen: true
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
- Object.defineProperty(exports, "__esModule", {
8
+ _Object$defineProperty(exports, "__esModule", {
5
9
  value: true
6
10
  });
7
- exports.default = void 0;
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 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
- const PopoverArrow = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
15
- return /*#__PURE__*/_react.default.createElement(_react2.PopoverArrow, (0, _extends2.default)({
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.default)(props)));
21
+ }, props, (0, _popoverArrow["default"])(props)));
18
22
  });
19
- var _default = exports.default = PopoverArrow;
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
- Object.defineProperty(exports, "__esModule", {
8
+ _Object$defineProperty(exports, "__esModule", {
5
9
  value: true
6
10
  });
7
- exports.default = void 0;
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 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
- const PopoverCloseButton = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
15
- return /*#__PURE__*/_react.default.createElement(_react2.PopoverCloseButton, (0, _extends2.default)({
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.default)(props)));
21
+ }, props, (0, _popoverCloseButton["default"])(props)));
18
22
  });
19
- var _default = exports.default = PopoverCloseButton;
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
- Object.defineProperty(exports, "__esModule", {
8
+ _Object$defineProperty(exports, "__esModule", {
5
9
  value: true
6
10
  });
7
- exports.default = void 0;
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
- 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
- const PopoverContent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
16
- const {
17
- header,
18
- variant,
19
- children,
20
- hideCloseButton,
21
- hideArrow,
22
- popoverBodyProps,
23
- ...rest
24
- } = props;
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.default.createElement(_PopoverArrow.default, {
31
+ }), hideArrow ? null : /*#__PURE__*/_react["default"].createElement(_PopoverArrow["default"], {
28
32
  variant: variant
29
- }), hideCloseButton ? null : /*#__PURE__*/_react.default.createElement(_PopoverCloseButton.default, {
33
+ }), hideCloseButton ? null : /*#__PURE__*/_react["default"].createElement(_PopoverCloseButton["default"], {
30
34
  variant: variant
31
- }), header ? /*#__PURE__*/_react.default.createElement(_react2.PopoverHeader, null, header) : null, /*#__PURE__*/_react.default.createElement(_react2.PopoverBody, popoverBodyProps, children));
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.default = PopoverContent;
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
- Object.defineProperty(exports, "__esModule", {
5
+ _Object$defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
- Object.defineProperty(exports, "Popover", {
8
+ _Object$defineProperty(exports, "Popover", {
8
9
  enumerable: true,
9
- get: function () {
10
- return _Popover.default;
10
+ get: function get() {
11
+ return _Popover["default"];
11
12
  }
12
13
  });
13
- Object.defineProperty(exports, "PopoverAnchor", {
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
- Object.defineProperty(exports, "PopoverArrow", {
20
+ _Object$defineProperty(exports, "PopoverArrow", {
20
21
  enumerable: true,
21
- get: function () {
22
- return _PopoverArrow.default;
22
+ get: function get() {
23
+ return _PopoverArrow["default"];
23
24
  }
24
25
  });
25
- Object.defineProperty(exports, "PopoverContent", {
26
+ _Object$defineProperty(exports, "PopoverContent", {
26
27
  enumerable: true,
27
- get: function () {
28
- return _PopoverContent.default;
28
+ get: function get() {
29
+ return _PopoverContent["default"];
29
30
  }
30
31
  });
31
- Object.defineProperty(exports, "PopoverTrigger", {
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
- Object.defineProperty(exports, "__esModule", {
5
+ _Object$defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
- exports.default = void 0;
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
- const parts = ['popper', 'content', 'header', 'body'];
15
- const baseStyle = props => ({
16
- header: _popoverHeader.default,
17
- content: (0, _popoverContent.default)(props),
18
- body: (0, _popoverBody.default)(props),
19
- popper: _popper.default
20
- });
21
- var _default = exports.default = (0, _merge.default)(_theme.default.components.Popover, {
22
- parts,
23
- baseStyle
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
- Object.defineProperty(exports, "__esModule", {
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.default = void 0;
7
- const arrowStyles = ({
8
- variant
9
- }) => ({
10
- backgroundColor: variant === 'dark' ? 'secondary.default' : 'white'
11
- });
12
- var _default = exports.default = arrowStyles;
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
- Object.defineProperty(exports, "__esModule", {
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.default = void 0;
7
- const body = props => ({
8
- fontSize: 'sm'
9
- });
10
- var _default = exports.default = body;
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
- Object.defineProperty(exports, "__esModule", {
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.default = void 0;
7
- const pseudoStyles = variant => ({
8
- bgColor: variant === 'dark' ? 'gray.600' : 'gray.50'
9
- });
10
- const closeButtonStyles = ({
11
- variant
12
- }) => ({
13
- color: variant === 'dark' ? 'white' : 'black',
14
- fontSize: '0.5rem',
15
- position: 'absolute',
16
- top: 0,
17
- right: 0,
18
- padding: 4,
19
- borderTopRightRadius: 4,
20
- _hover: pseudoStyles(variant),
21
- _focus: {
22
- ...pseudoStyles(variant),
23
- boxShadow: 'outline'
24
- }
25
- });
26
- var _default = exports.default = closeButtonStyles;
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;