@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,13 +1,14 @@
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
- const baseStyle = {
11
+ var baseStyle = {
11
12
  field: {
12
13
  _placeholder: {
13
14
  color: 'text.secondary.light',
@@ -19,7 +20,7 @@ const baseStyle = {
19
20
  }
20
21
  }
21
22
  };
22
- const variants = {
23
+ var variants = {
23
24
  outline: {
24
25
  field: {
25
26
  border: '1px solid',
@@ -58,7 +59,7 @@ const variants = {
58
59
  }
59
60
  }
60
61
  };
61
- var _default = exports.default = (0, _merge.default)(_theme.default.components.Input, {
62
- baseStyle,
63
- variants
62
+ var _default = exports["default"] = (0, _merge["default"])(_theme["default"].components.Input, {
63
+ baseStyle: baseStyle,
64
+ variants: variants
64
65
  });
@@ -1,11 +1,12 @@
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
- Object.defineProperty(exports, "default", {
7
+ _Object$defineProperty(exports, "default", {
7
8
  enumerable: true,
8
- get: function () {
9
+ get: function get() {
9
10
  return _react.Link;
10
11
  }
11
12
  });
@@ -1,49 +1,52 @@
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 = exports.Overview = void 0;
8
+ exports["default"] = exports.Overview = void 0;
9
+ var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
8
10
  var _react = _interopRequireDefault(require("react"));
9
11
  var _react2 = require("@chakra-ui/react");
10
12
  var _share = _interopRequireDefault(require("@spothero/icons/share"));
11
13
  var _Text = _interopRequireDefault(require("../Text/Text"));
12
14
  var _Link = _interopRequireDefault(require("./Link"));
13
- var _default = exports.default = {
15
+ var _default = exports["default"] = {
14
16
  title: 'v2/Link',
15
- component: _Link.default,
17
+ component: _Link["default"],
16
18
  parameters: {
17
19
  removeBaseHtmlClass: true
18
20
  }
19
21
  };
20
- const OverviewTemplate = (props, {
21
- hasDarkBackground
22
- }) => /*#__PURE__*/_react.default.createElement(_react2.Box, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
23
- color: hasDarkBackground ? 'text.primary.dark' : 'text.primary.light'
24
- }, "A link with", ' ', /*#__PURE__*/_react.default.createElement(_Link.default, {
25
- variant: hasDarkBackground ? 'onDark' : 'standard'
26
- }, "no href"), ' ', "is only styled."), /*#__PURE__*/_react.default.createElement(_Text.default, {
27
- color: hasDarkBackground ? 'text.primary.dark' : 'text.primary.light'
28
- }, "Links can be linked to", ' ', /*#__PURE__*/_react.default.createElement(_Link.default, {
29
- href: "#",
30
- isExternal: true,
31
- variant: hasDarkBackground ? 'onDark' : 'standard'
32
- }, "External Pages"), ' ', "and will have ", /*#__PURE__*/_react.default.createElement("code", null, "target=\"_blank\""), " and", ' ', /*#__PURE__*/_react.default.createElement("code", null, "rel=\"noopener noreferrer\""), " appended to them."), /*#__PURE__*/_react.default.createElement(_Text.default, {
33
- color: hasDarkBackground ? 'text.primary.dark' : 'text.primary.light'
34
- }, "Links can have", ' ', /*#__PURE__*/_react.default.createElement(_Link.default, {
35
- href: "#",
36
- variant: hasDarkBackground ? 'onDark' : 'standard'
37
- }, "icons inline ", /*#__PURE__*/_react.default.createElement(_share.default, {
38
- width: "1rem"
39
- }))), /*#__PURE__*/_react.default.createElement(_Text.default, {
40
- color: hasDarkBackground ? 'text.primary.dark' : 'text.primary.light'
41
- }, "Using the ", /*#__PURE__*/_react.default.createElement("code", null, "as"), " prop, you can utilize a routing library, like", ' ', /*#__PURE__*/_react.default.createElement(_Link.default, {
42
- href: "https://chakra-ui.com/docs/navigation/link#usage-with-routing-library",
43
- isExternal: true,
44
- variant: hasDarkBackground ? 'onDark' : 'standard'
45
- }, "React Router"), ' ', "and it will replace the ", /*#__PURE__*/_react.default.createElement("code", null, "a"), " tag with it's", ' ', /*#__PURE__*/_react.default.createElement("code", null, "Link"), "."));
46
- const Overview = exports.Overview = OverviewTemplate.bind({});
22
+ var OverviewTemplate = function OverviewTemplate(props, _ref) {
23
+ var hasDarkBackground = _ref.hasDarkBackground;
24
+ return /*#__PURE__*/_react["default"].createElement(_react2.Box, null, /*#__PURE__*/_react["default"].createElement(_Text["default"], {
25
+ color: hasDarkBackground ? 'text.primary.dark' : 'text.primary.light'
26
+ }, "A link with", ' ', /*#__PURE__*/_react["default"].createElement(_Link["default"], {
27
+ variant: hasDarkBackground ? 'onDark' : 'standard'
28
+ }, "no href"), ' ', "is only styled."), /*#__PURE__*/_react["default"].createElement(_Text["default"], {
29
+ color: hasDarkBackground ? 'text.primary.dark' : 'text.primary.light'
30
+ }, "Links can be linked to", ' ', /*#__PURE__*/_react["default"].createElement(_Link["default"], {
31
+ href: "#",
32
+ isExternal: true,
33
+ variant: hasDarkBackground ? 'onDark' : 'standard'
34
+ }, "External Pages"), ' ', "and will have ", /*#__PURE__*/_react["default"].createElement("code", null, "target=\"_blank\""), " and", ' ', /*#__PURE__*/_react["default"].createElement("code", null, "rel=\"noopener noreferrer\""), " appended to them."), /*#__PURE__*/_react["default"].createElement(_Text["default"], {
35
+ color: hasDarkBackground ? 'text.primary.dark' : 'text.primary.light'
36
+ }, "Links can have", ' ', /*#__PURE__*/_react["default"].createElement(_Link["default"], {
37
+ href: "#",
38
+ variant: hasDarkBackground ? 'onDark' : 'standard'
39
+ }, "icons inline ", /*#__PURE__*/_react["default"].createElement(_share["default"], {
40
+ width: "1rem"
41
+ }))), /*#__PURE__*/_react["default"].createElement(_Text["default"], {
42
+ color: hasDarkBackground ? 'text.primary.dark' : 'text.primary.light'
43
+ }, "Using the ", /*#__PURE__*/_react["default"].createElement("code", null, "as"), " prop, you can utilize a routing library, like", ' ', /*#__PURE__*/_react["default"].createElement(_Link["default"], {
44
+ href: "https://chakra-ui.com/docs/navigation/link#usage-with-routing-library",
45
+ isExternal: true,
46
+ variant: hasDarkBackground ? 'onDark' : 'standard'
47
+ }, "React Router"), ' ', "and it will replace the ", /*#__PURE__*/_react["default"].createElement("code", null, "a"), " tag with it's", ' ', /*#__PURE__*/_react["default"].createElement("code", null, "Link"), "."));
48
+ };
49
+ var Overview = exports.Overview = (0, _bind["default"])(OverviewTemplate).call(OverviewTemplate, {});
47
50
  Overview.parameters = {
48
51
  importBy: 'Link'
49
52
  };
@@ -1,14 +1,15 @@
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.variants = exports.default = void 0;
8
+ exports.variants = exports["default"] = void 0;
8
9
  var _merge = _interopRequireDefault(require("lodash/merge"));
9
10
  var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
10
- const baseStyle = {
11
- transition: `all 0.15s ease`,
11
+ var baseStyle = {
12
+ transition: "all 0.15s ease",
12
13
  color: 'text.link.light',
13
14
  fontWeight: 'semibold',
14
15
  _hover: {
@@ -23,22 +24,22 @@ const baseStyle = {
23
24
  verticalAlign: 'initial'
24
25
  }
25
26
  };
26
- const linkOnDark = {
27
+ var linkOnDark = {
27
28
  color: 'text.link.dark',
28
29
  _hover: {
29
30
  color: 'text.link.dark',
30
31
  opacity: '.8'
31
32
  }
32
33
  };
33
- const variants = exports.variants = {
34
+ var variants = exports.variants = {
34
35
  standard: baseStyle,
35
36
  onDark: linkOnDark
36
37
  };
37
- const defaultProps = {
38
+ var defaultProps = {
38
39
  variant: 'standard'
39
40
  };
40
- var _default = exports.default = (0, _merge.default)(_theme.default.components.Link, {
41
- baseStyle,
42
- variants,
43
- defaultProps
41
+ var _default = exports["default"] = (0, _merge["default"])(_theme["default"].components.Link, {
42
+ baseStyle: baseStyle,
43
+ variants: variants,
44
+ defaultProps: defaultProps
44
45
  });
@@ -1,25 +1,32 @@
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 _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
8
13
  var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
14
+ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
9
15
  var _propTypes = _interopRequireDefault(require("prop-types"));
10
16
  var _react = _interopRequireWildcard(require("react"));
11
17
  var _react2 = require("@chakra-ui/react");
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 unorderedProps = {
18
+ var _excluded = ["type"];
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 unorderedProps = {
15
22
  as: 'ul',
16
23
  styleType: 'disc'
17
24
  };
18
- const orderedProps = {
25
+ var orderedProps = {
19
26
  as: 'ol',
20
27
  styleType: 'decimal'
21
28
  };
22
- const STYLE_POSITIONS = {
29
+ var STYLE_POSITIONS = {
23
30
  unset: 'unset',
24
31
  revert: 'revert',
25
32
  inside: 'inside',
@@ -27,12 +34,12 @@ const STYLE_POSITIONS = {
27
34
  initial: 'initial',
28
35
  inherit: 'inherit'
29
36
  };
30
- const TYPES = {
37
+ var TYPES = {
31
38
  ordered: 'ordered',
32
39
  unstyled: 'unstyled',
33
40
  unordered: 'unordered'
34
41
  };
35
- const getListProps = type => {
42
+ var getListProps = function getListProps(type) {
36
43
  switch (type) {
37
44
  case TYPES.ordered:
38
45
  return orderedProps;
@@ -42,20 +49,21 @@ const getListProps = type => {
42
49
  return;
43
50
  }
44
51
  };
45
- const List = /*#__PURE__*/(0, _react.forwardRef)(({
46
- type,
47
- ...props
48
- }, ref) => /*#__PURE__*/_react.default.createElement(_react2.List, (0, _extends2.default)({}, getListProps(type), props, {
49
- ref: ref
50
- })));
52
+ var List = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
53
+ var type = _ref.type,
54
+ props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
55
+ return /*#__PURE__*/_react["default"].createElement(_react2.List, (0, _extends2["default"])({}, getListProps(type), props, {
56
+ ref: ref
57
+ }));
58
+ });
51
59
  List.defaultProps = {
52
60
  type: TYPES.unstyled,
53
61
  stylePosition: STYLE_POSITIONS.inside
54
62
  };
55
63
  List.propTypes = {
56
64
  /** The position of the list style */
57
- stylePosition: _propTypes.default.oneOf(Object.keys(STYLE_POSITIONS)),
65
+ stylePosition: _propTypes["default"].oneOf((0, _keys["default"])(STYLE_POSITIONS)),
58
66
  /** Changes the underlying markdown to be an ordered or unorderd list, (unstyled will render a ul by default) */
59
- type: _propTypes.default.oneOf(Object.keys(TYPES))
67
+ type: _propTypes["default"].oneOf((0, _keys["default"])(TYPES))
60
68
  };
61
- var _default = exports.default = List;
69
+ var _default = exports["default"] = List;
@@ -1,10 +1,22 @@
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.Unstyled = exports.Unordered = exports.Overview = exports.Ordered = void 0;
15
+ exports["default"] = exports.Unstyled = exports.Unordered = exports.Overview = exports.Ordered = void 0;
16
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
17
+ var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
18
+ var _fill = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/fill"));
19
+ var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
8
20
  var _react = _interopRequireDefault(require("react"));
9
21
  var _faker = require("@faker-js/faker");
10
22
  var _List = _interopRequireDefault(require("./List"));
@@ -12,15 +24,18 @@ var _index = require("./index");
12
24
  var _Spaces = _interopRequireDefault(require("../../utils/Spaces"));
13
25
  var _Text = _interopRequireDefault(require("../Text/Text"));
14
26
  var _disableArgs = _interopRequireDefault(require("storybook/utils/disable-args"));
15
- const DISABLE_TYPE = (0, _disableArgs.default)('type');
16
- const Usage = ({
17
- type
18
- }) => /*#__PURE__*/_react.default.createElement(_Text.default, null, "<List", type ? ` type="${type}"` : '', ">", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Spaces.default, null), "<ListItem>", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Spaces.default, {
19
- spaces: 6
20
- }), "...", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Spaces.default, null), "</ListItem>", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Spaces.default, null), "...", /*#__PURE__*/_react.default.createElement("br", null), "</List>");
21
- var _default = exports.default = {
27
+ 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; }
28
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(t), !0)).call(_context3, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
29
+ var DISABLE_TYPE = (0, _disableArgs["default"])('type');
30
+ var Usage = function Usage(_ref) {
31
+ var type = _ref.type;
32
+ return /*#__PURE__*/_react["default"].createElement(_Text["default"], null, "<List", type ? " type=\"".concat(type, "\"") : '', ">", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_Spaces["default"], null), "<ListItem>", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_Spaces["default"], {
33
+ spaces: 6
34
+ }), "...", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_Spaces["default"], null), "</ListItem>", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_Spaces["default"], null), "...", /*#__PURE__*/_react["default"].createElement("br", null), "</List>");
35
+ };
36
+ var _default = exports["default"] = {
22
37
  title: 'v2/List',
23
- component: _List.default,
38
+ component: _List["default"],
24
39
  subcomponents: {
25
40
  ListItem: _index.ListItem
26
41
  },
@@ -29,19 +44,24 @@ var _default = exports.default = {
29
44
  removeBaseHtmlClass: true
30
45
  }
31
46
  };
32
- const OverviewTemplate = props => /*#__PURE__*/_react.default.createElement(_List.default, props, Array(10).fill(null).map((_, index) => /*#__PURE__*/_react.default.createElement(_index.ListItem, {
33
- key: index
34
- }, _faker.faker.random.words(10))));
35
- const Overview = exports.Overview = OverviewTemplate.bind({});
47
+ var OverviewTemplate = function OverviewTemplate(props) {
48
+ var _context, _context2;
49
+ return /*#__PURE__*/_react["default"].createElement(_List["default"], props, (0, _map["default"])(_context = (0, _fill["default"])(_context2 = Array(10)).call(_context2, null)).call(_context, function (_, index) {
50
+ return /*#__PURE__*/_react["default"].createElement(_index.ListItem, {
51
+ key: index
52
+ }, _faker.faker.random.words(10));
53
+ }));
54
+ };
55
+ var Overview = exports.Overview = (0, _bind["default"])(OverviewTemplate).call(OverviewTemplate, {});
36
56
  Overview.parameters = {
37
- usage: [/*#__PURE__*/_react.default.createElement(Usage, {
57
+ usage: [/*#__PURE__*/_react["default"].createElement(Usage, {
38
58
  key: 1
39
59
  })]
40
60
  };
41
- const Unordered = exports.Unordered = OverviewTemplate.bind({});
61
+ var Unordered = exports.Unordered = (0, _bind["default"])(OverviewTemplate).call(OverviewTemplate, {});
42
62
  Unordered.argTypes = DISABLE_TYPE;
43
63
  Unordered.parameters = {
44
- usage: [/*#__PURE__*/_react.default.createElement(Usage, {
64
+ usage: [/*#__PURE__*/_react["default"].createElement(Usage, {
45
65
  type: "unordered",
46
66
  key: 1
47
67
  })]
@@ -49,10 +69,10 @@ Unordered.parameters = {
49
69
  Unordered.args = {
50
70
  type: 'unordered'
51
71
  };
52
- const Ordered = exports.Ordered = OverviewTemplate.bind({});
72
+ var Ordered = exports.Ordered = (0, _bind["default"])(OverviewTemplate).call(OverviewTemplate, {});
53
73
  Ordered.argTypes = DISABLE_TYPE;
54
74
  Ordered.parameters = {
55
- usage: [/*#__PURE__*/_react.default.createElement(Usage, {
75
+ usage: [/*#__PURE__*/_react["default"].createElement(Usage, {
56
76
  type: "ordered",
57
77
  key: 1
58
78
  })]
@@ -60,16 +80,13 @@ Ordered.parameters = {
60
80
  Ordered.args = {
61
81
  type: 'ordered'
62
82
  };
63
- const Unstyled = exports.Unstyled = OverviewTemplate.bind({});
83
+ var Unstyled = exports.Unstyled = (0, _bind["default"])(OverviewTemplate).call(OverviewTemplate, {});
64
84
  Unstyled.parameters = {
65
- usage: [/*#__PURE__*/_react.default.createElement(Usage, {
85
+ usage: [/*#__PURE__*/_react["default"].createElement(Usage, {
66
86
  key: 1
67
87
  })]
68
88
  };
69
- Unstyled.argTypes = {
70
- ...DISABLE_TYPE,
71
- ...(0, _disableArgs.default)('stylePosition')
72
- };
89
+ Unstyled.argTypes = _objectSpread(_objectSpread({}, DISABLE_TYPE), (0, _disableArgs["default"])('stylePosition'));
73
90
  Unstyled.args = {
74
91
  type: 'unstyled'
75
92
  };
@@ -1,19 +1,20 @@
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, "ListItem", {
8
+ _Object$defineProperty(exports, "ListItem", {
8
9
  enumerable: true,
9
- get: function () {
10
+ get: function get() {
10
11
  return _react.ListItem;
11
12
  }
12
13
  });
13
- Object.defineProperty(exports, "default", {
14
+ _Object$defineProperty(exports, "default", {
14
15
  enumerable: true,
15
- get: function () {
16
- return _List.default;
16
+ get: function get() {
17
+ return _List["default"];
17
18
  }
18
19
  });
19
20
  var _List = _interopRequireDefault(require("./List"));
@@ -1,16 +1,17 @@
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 _item = _interopRequireDefault(require("./item.styles"));
11
- const baseStyle = {
12
- item: _item.default
12
+ var baseStyle = {
13
+ item: _item["default"]
13
14
  };
14
- var _default = exports.default = (0, _merge.default)(_theme.default.components.List, {
15
- baseStyle
15
+ var _default = exports["default"] = (0, _merge["default"])(_theme["default"].components.List, {
16
+ baseStyle: baseStyle
16
17
  });
@@ -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
- const item = {
7
+ exports["default"] = void 0;
8
+ var item = {
8
9
  mb: 2
9
10
  };
10
- var _default = exports.default = item;
11
+ var _default = exports["default"] = item;
@@ -1,39 +1,48 @@
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 _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
10
+ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
9
11
  var _react = _interopRequireDefault(require("react"));
10
12
  var _react2 = require("@chakra-ui/react");
11
- const Loader = ({
12
- color = 'success',
13
- loaderBackgroundColor = 'transparent',
14
- isInfinite = true,
15
- size = 12,
16
- thickness = 2,
17
- trackColor = 'gray.medium',
18
- value = 0,
19
- ...props
20
- }) => {
13
+ var _excluded = ["color", "loaderBackgroundColor", "isInfinite", "size", "thickness", "trackColor", "value"];
14
+ var Loader = function Loader(_ref) {
15
+ var _ref$color = _ref.color,
16
+ color = _ref$color === void 0 ? 'success' : _ref$color,
17
+ _ref$loaderBackground = _ref.loaderBackgroundColor,
18
+ loaderBackgroundColor = _ref$loaderBackground === void 0 ? 'transparent' : _ref$loaderBackground,
19
+ _ref$isInfinite = _ref.isInfinite,
20
+ isInfinite = _ref$isInfinite === void 0 ? true : _ref$isInfinite,
21
+ _ref$size = _ref.size,
22
+ size = _ref$size === void 0 ? 12 : _ref$size,
23
+ _ref$thickness = _ref.thickness,
24
+ thickness = _ref$thickness === void 0 ? 2 : _ref$thickness,
25
+ _ref$trackColor = _ref.trackColor,
26
+ trackColor = _ref$trackColor === void 0 ? 'gray.medium' : _ref$trackColor,
27
+ _ref$value = _ref.value,
28
+ value = _ref$value === void 0 ? 0 : _ref$value,
29
+ props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
21
30
  /* -------------------------------------------------------------------- *\
22
31
  Note: Since most of the props for this component control multiple
23
32
  styles at a time, it was decided that it made the most sense to set
24
33
  up the default style-related properties here in lou of creating an
25
34
  overly complex styles file.
26
35
  \* -------------------------------------------------------------------- */
27
- const loaderDefaultProps = {
28
- color,
36
+ var loaderDefaultProps = {
37
+ color: color,
29
38
  isIndeterminate: isInfinite,
30
- size,
31
- thickness,
32
- trackColor,
33
- value,
39
+ size: size,
40
+ thickness: thickness,
41
+ trackColor: trackColor,
42
+ value: value,
34
43
  capIsRound: true
35
44
  };
36
- return /*#__PURE__*/_react.default.createElement(_react2.CircularProgress, (0, _extends2.default)({
45
+ return /*#__PURE__*/_react["default"].createElement(_react2.CircularProgress, (0, _extends2["default"])({
37
46
  sx: {
38
47
  '& svg > circle:first-of-type': {
39
48
  fill: loaderBackgroundColor
@@ -41,4 +50,4 @@ const Loader = ({
41
50
  }
42
51
  }, loaderDefaultProps, props));
43
52
  };
44
- var _default = exports.default = Loader;
53
+ var _default = exports["default"] = Loader;