@spothero/ui 22.3.5 → 22.3.9-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (180) hide show
  1. package/dist/index.cjs.js +54153 -0
  2. package/dist/index.cjs.js.map +1 -0
  3. package/dist/index.esm.js +54001 -0
  4. package/dist/index.esm.js.map +1 -0
  5. package/package.json +19 -26
  6. package/dist/components/Accordion/Accordion.stories.js +0 -101
  7. package/dist/components/Accordion/AccordionActionButton.js +0 -32
  8. package/dist/components/Accordion/index.js +0 -45
  9. package/dist/components/Accordion/styles/index.js +0 -77
  10. package/dist/components/Alert/Alert.js +0 -91
  11. package/dist/components/Alert/Alert.stories.js +0 -64
  12. package/dist/components/Alert/index.js +0 -14
  13. package/dist/components/AutoSuggestSelect/AutoSuggestSelect.js +0 -169
  14. package/dist/components/AutoSuggestSelect/AutoSuggestSelect.stories.js +0 -23
  15. package/dist/components/AutoSuggestSelect/index.js +0 -14
  16. package/dist/components/Badge/Badge.js +0 -13
  17. package/dist/components/Badge/Badge.stories.js +0 -32
  18. package/dist/components/Badge/styles/index.js +0 -33
  19. package/dist/components/Button/Button.js +0 -71
  20. package/dist/components/Button/Button.spec.js +0 -25
  21. package/dist/components/Button/Button.styles.js +0 -166
  22. package/dist/components/Button/button-props.js +0 -73
  23. package/dist/components/Button/index.js +0 -21
  24. package/dist/components/Button/stories/button.js +0 -47
  25. package/dist/components/Button/stories/index.stories.js +0 -103
  26. package/dist/components/Button/stories/overview.js +0 -77
  27. package/dist/components/Card/Card.js +0 -28
  28. package/dist/components/Card/Card.stories.js +0 -33
  29. package/dist/components/Checkbox/Checkbox.js +0 -44
  30. package/dist/components/Checkbox/Checkbox.stories.js +0 -69
  31. package/dist/components/Checkbox/index.js +0 -14
  32. package/dist/components/Checkbox/styles/index.js +0 -90
  33. package/dist/components/Container/Container.js +0 -23
  34. package/dist/components/Container/Container.stories.js +0 -53
  35. package/dist/components/Container/Container.styles.js +0 -17
  36. package/dist/components/CreatableSelect/CreatableSelect.js +0 -148
  37. package/dist/components/CreatableSelect/CreatableSelect.stories.js +0 -69
  38. package/dist/components/CreatableSelect/index.js +0 -14
  39. package/dist/components/Divider/Divider.js +0 -34
  40. package/dist/components/Divider/Divider.stories.js +0 -40
  41. package/dist/components/Divider/Divider.styles.js +0 -21
  42. package/dist/components/Drawer/Drawer.js +0 -29
  43. package/dist/components/Drawer/Drawer.stories.js +0 -50
  44. package/dist/components/Drawer/index.js +0 -57
  45. package/dist/components/Drawer/styles/index.js +0 -108
  46. package/dist/components/FormControl/FormControl.js +0 -74
  47. package/dist/components/Grid/Grid.js +0 -35
  48. package/dist/components/Grid/Grid.stories.js +0 -117
  49. package/dist/components/Grid/Grid.styles.js +0 -18
  50. package/dist/components/Grid/GridItem.js +0 -23
  51. package/dist/components/Grid/GridItem.styles.js +0 -14
  52. package/dist/components/Grid/index.js +0 -21
  53. package/dist/components/Heading/Heading.js +0 -34
  54. package/dist/components/Heading/Heading.stories.js +0 -46
  55. package/dist/components/Heading/Heading.styles.js +0 -69
  56. package/dist/components/Icon/Icon.js +0 -13
  57. package/dist/components/Icon/Icon.stories.js +0 -40
  58. package/dist/components/Image/Image.js +0 -84
  59. package/dist/components/Image/Image.spec.js +0 -77
  60. package/dist/components/Image/Image.stories.js +0 -80
  61. package/dist/components/Input/Input.js +0 -49
  62. package/dist/components/Input/Input.stories.js +0 -63
  63. package/dist/components/Input/index.js +0 -14
  64. package/dist/components/Input/styles/index.js +0 -65
  65. package/dist/components/Link/Link.js +0 -13
  66. package/dist/components/Link/Link.stories.js +0 -52
  67. package/dist/components/Link/Link.styles.js +0 -45
  68. package/dist/components/List/List.js +0 -69
  69. package/dist/components/List/List.stories.js +0 -92
  70. package/dist/components/List/index.js +0 -21
  71. package/dist/components/List/styles/index.js +0 -17
  72. package/dist/components/List/styles/item.styles.js +0 -11
  73. package/dist/components/Loader/Loader.js +0 -53
  74. package/dist/components/Loader/Loader.stories.js +0 -124
  75. package/dist/components/Menu/Menu.js +0 -17
  76. package/dist/components/Menu/Menu.stories.js +0 -169
  77. package/dist/components/Menu/Menu.styles.js +0 -174
  78. package/dist/components/Menu/index.js +0 -57
  79. package/dist/components/Modal/Modal.js +0 -46
  80. package/dist/components/Modal/Modal.stories.js +0 -225
  81. package/dist/components/Modal/index.js +0 -33
  82. package/dist/components/Modal/styles/body.js +0 -39
  83. package/dist/components/Modal/styles/closeButton.js +0 -25
  84. package/dist/components/Modal/styles/dialog.js +0 -23
  85. package/dist/components/Modal/styles/dialogContainer.js +0 -21
  86. package/dist/components/Modal/styles/footer.js +0 -12
  87. package/dist/components/Modal/styles/header.js +0 -18
  88. package/dist/components/Modal/styles/index.js +0 -56
  89. package/dist/components/Modal/styles/overlay.js +0 -11
  90. package/dist/components/Popover/Popover.js +0 -34
  91. package/dist/components/Popover/Popover.stories.js +0 -87
  92. package/dist/components/Popover/PopoverArrow.js +0 -23
  93. package/dist/components/Popover/PopoverCloseButton.js +0 -23
  94. package/dist/components/Popover/PopoverContent.js +0 -42
  95. package/dist/components/Popover/index.js +0 -41
  96. package/dist/components/Popover/styles/index.js +0 -27
  97. package/dist/components/Popover/styles/popover-arrow.js +0 -14
  98. package/dist/components/Popover/styles/popover-body.js +0 -13
  99. package/dist/components/Popover/styles/popover-close-button.js +0 -40
  100. package/dist/components/Popover/styles/popover-content.js +0 -30
  101. package/dist/components/Popover/styles/popover-header.js +0 -12
  102. package/dist/components/Popover/styles/popper.js +0 -11
  103. package/dist/components/Progress/Progress.js +0 -42
  104. package/dist/components/Progress/Progress.stories.js +0 -90
  105. package/dist/components/Progress/Progress.styles.js +0 -107
  106. package/dist/components/Radio/Radio.js +0 -43
  107. package/dist/components/Radio/Radio.stories.js +0 -137
  108. package/dist/components/Radio/RadioGroup.js +0 -52
  109. package/dist/components/Radio/index.js +0 -21
  110. package/dist/components/Radio/styles/index.js +0 -119
  111. package/dist/components/RefreshedInput/Button/Button.js +0 -72
  112. package/dist/components/RefreshedInput/Button/Button.stories.js +0 -85
  113. package/dist/components/RefreshedInput/Button/index.js +0 -14
  114. package/dist/components/RefreshedInput/Button/styles/index.js +0 -35
  115. package/dist/components/RefreshedInput/FormControl/index.js +0 -176
  116. package/dist/components/RefreshedInput/Input/Input.js +0 -67
  117. package/dist/components/RefreshedInput/Input/Input.stories.js +0 -79
  118. package/dist/components/RefreshedInput/Input/index.js +0 -14
  119. package/dist/components/RefreshedInput/Input/styles/index.js +0 -33
  120. package/dist/components/RefreshedInput/Select/Select.js +0 -70
  121. package/dist/components/RefreshedInput/Select/Select.stories.js +0 -85
  122. package/dist/components/RefreshedInput/Select/index.js +0 -14
  123. package/dist/components/RefreshedInput/Select/styles/index.js +0 -34
  124. package/dist/components/RefreshedInput/index.js +0 -35
  125. package/dist/components/RefreshedInput/storyAid/index.js +0 -22
  126. package/dist/components/Select/Select.js +0 -55
  127. package/dist/components/Select/Select.stories.js +0 -67
  128. package/dist/components/Select/index.js +0 -14
  129. package/dist/components/Select/styles/index.js +0 -51
  130. package/dist/components/SelectionCard/SelectionCard.js +0 -67
  131. package/dist/components/SelectionCard/SelectionCard.stories.js +0 -91
  132. package/dist/components/SelectionCard/index.js +0 -14
  133. package/dist/components/Skeleton/Skeleton.stories.js +0 -31
  134. package/dist/components/Skeleton/Skeleton.styles.js +0 -10
  135. package/dist/components/Skeleton/index.js +0 -25
  136. package/dist/components/Spinner/Spinner.js +0 -34
  137. package/dist/components/Spinner/Spinner.stories.js +0 -109
  138. package/dist/components/Spinner/Spinner.styles.js +0 -67
  139. package/dist/components/Switch/Switch.js +0 -45
  140. package/dist/components/Switch/Switch.stories.js +0 -80
  141. package/dist/components/Switch/index.js +0 -14
  142. package/dist/components/Switch/styles/index.js +0 -42
  143. package/dist/components/Table/Table.js +0 -13
  144. package/dist/components/Table/Table.stories.js +0 -80
  145. package/dist/components/Table/Table.styles.js +0 -77
  146. package/dist/components/Table/index.js +0 -63
  147. package/dist/components/Tabs/Tabs.js +0 -35
  148. package/dist/components/Tabs/Tabs.stories.js +0 -44
  149. package/dist/components/Tabs/combineSizeWithVariant.js +0 -35
  150. package/dist/components/Tabs/index.js +0 -39
  151. package/dist/components/Tabs/styles/index.js +0 -71
  152. package/dist/components/Text/Text.js +0 -35
  153. package/dist/components/Text/Text.stories.js +0 -47
  154. package/dist/components/Text/Text.styles.js +0 -53
  155. package/dist/components/Text/combineAsWithVariant.js +0 -103
  156. package/dist/components/Text/options.js +0 -9
  157. package/dist/components/Textarea/Textarea.js +0 -49
  158. package/dist/components/Textarea/Textarea.stories.js +0 -62
  159. package/dist/components/Textarea/index.js +0 -14
  160. package/dist/components/Textarea/styles/index.js +0 -65
  161. package/dist/components/ThemeProvider/ThemeProvider.js +0 -47
  162. package/dist/components/ThemeProvider/ThemeProvider.stories.js +0 -52
  163. package/dist/components/Toast/Toast.stories.js +0 -84
  164. package/dist/components/ToggleButtonGroup/ToggleButtonGroup.js +0 -65
  165. package/dist/components/ToggleButtonGroup/ToggleButtonGroup.stories.js +0 -62
  166. package/dist/components/ToggleButtonGroup/index.js +0 -14
  167. package/dist/components/ToggleButtonGroup/styles/index.js +0 -48
  168. package/dist/components/index.js +0 -799
  169. package/dist/components/styles.js +0 -189
  170. package/dist/theme/base/breakpoints.js +0 -24
  171. package/dist/theme/base/colors.js +0 -144
  172. package/dist/theme/base/index.js +0 -80
  173. package/dist/theme/base/notifications.js +0 -197
  174. package/dist/theme/base/shadows.js +0 -16
  175. package/dist/theme/base/sizes.js +0 -89
  176. package/dist/theme/base/typography.js +0 -39
  177. package/dist/theme/base/zindices.js +0 -34
  178. package/dist/theme/global.js +0 -39
  179. package/dist/theme/index.js +0 -45
  180. package/dist/utils/Spaces.js +0 -21
@@ -1,23 +0,0 @@
1
- "use strict";
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");
7
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
8
- _Object$defineProperty(exports, "__esModule", {
9
- value: true
10
- });
11
- exports["default"] = void 0;
12
- var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
13
- var _react = _interopRequireWildcard(require("react"));
14
- var _react2 = require("@chakra-ui/react");
15
- var _popoverCloseButton = _interopRequireDefault(require("./styles/popover-close-button"));
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"])({
20
- ref: ref
21
- }, props, (0, _popoverCloseButton["default"])(props)));
22
- });
23
- var _default = exports["default"] = PopoverCloseButton;
@@ -1,42 +0,0 @@
1
- "use strict";
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");
7
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
8
- _Object$defineProperty(exports, "__esModule", {
9
- value: true
10
- });
11
- exports["default"] = void 0;
12
- var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
13
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
14
- var _react = _interopRequireWildcard(require("react"));
15
- var _react2 = require("@chakra-ui/react");
16
- var _PopoverArrow = _interopRequireDefault(require("./PopoverArrow"));
17
- var _PopoverCloseButton = _interopRequireDefault(require("./PopoverCloseButton"));
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, {
30
- ref: ref
31
- }), hideArrow ? null : /*#__PURE__*/_react["default"].createElement(_PopoverArrow["default"], {
32
- variant: variant
33
- }), hideCloseButton ? null : /*#__PURE__*/_react["default"].createElement(_PopoverCloseButton["default"], {
34
- variant: variant
35
- }), header ? /*#__PURE__*/_react["default"].createElement(_react2.PopoverHeader, null, header) : null, /*#__PURE__*/_react["default"].createElement(_react2.PopoverBody, popoverBodyProps, children));
36
- });
37
- PopoverContent.defaultProps = {
38
- variant: 'light',
39
- hideCloseButton: false,
40
- hideArrow: false
41
- };
42
- var _default = exports["default"] = PopoverContent;
@@ -1,41 +0,0 @@
1
- "use strict";
2
-
3
- var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
4
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
5
- _Object$defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- _Object$defineProperty(exports, "Popover", {
9
- enumerable: true,
10
- get: function get() {
11
- return _Popover["default"];
12
- }
13
- });
14
- _Object$defineProperty(exports, "PopoverAnchor", {
15
- enumerable: true,
16
- get: function get() {
17
- return _react.PopoverAnchor;
18
- }
19
- });
20
- _Object$defineProperty(exports, "PopoverArrow", {
21
- enumerable: true,
22
- get: function get() {
23
- return _PopoverArrow["default"];
24
- }
25
- });
26
- _Object$defineProperty(exports, "PopoverContent", {
27
- enumerable: true,
28
- get: function get() {
29
- return _PopoverContent["default"];
30
- }
31
- });
32
- _Object$defineProperty(exports, "PopoverTrigger", {
33
- enumerable: true,
34
- get: function get() {
35
- return _react.PopoverTrigger;
36
- }
37
- });
38
- var _react = require("@chakra-ui/react");
39
- var _Popover = _interopRequireDefault(require("./Popover"));
40
- var _PopoverContent = _interopRequireDefault(require("./PopoverContent"));
41
- var _PopoverArrow = _interopRequireDefault(require("./PopoverArrow"));
@@ -1,27 +0,0 @@
1
- "use strict";
2
-
3
- var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
4
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
5
- _Object$defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
- var _merge = _interopRequireDefault(require("lodash/merge"));
10
- var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
11
- var _popper = _interopRequireDefault(require("./popper"));
12
- var _popoverBody = _interopRequireDefault(require("./popover-body"));
13
- var _popoverHeader = _interopRequireDefault(require("./popover-header"));
14
- var _popoverContent = _interopRequireDefault(require("./popover-content"));
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
27
- });
@@ -1,14 +0,0 @@
1
- "use strict";
2
-
3
- var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
4
- _Object$defineProperty(exports, "__esModule", {
5
- value: true
6
- });
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,13 +0,0 @@
1
- "use strict";
2
-
3
- var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
4
- _Object$defineProperty(exports, "__esModule", {
5
- value: true
6
- });
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,40 +0,0 @@
1
- "use strict";
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");
11
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
12
- _Object$defineProperty(exports, "__esModule", {
13
- value: true
14
- });
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;
@@ -1,30 +0,0 @@
1
- "use strict";
2
-
3
- var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
4
- _Object$defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = void 0;
8
- var popoverContentStyles = function popoverContentStyles(_ref) {
9
- var variant = _ref.variant;
10
- return {
11
- padding: 4,
12
- marginBottom: 0,
13
- maxWidth: '20rem',
14
- borderRadius: 'base',
15
- background: variant === 'dark' ? 'secondary.default' : 'white',
16
- boxShadow: '2px 2px 4px 0 rgba(0,45,91,0.1)',
17
- color: variant === 'dark' ? 'white' : 'black',
18
- borderColor: 'gray.100',
19
- borderWidth: '1px',
20
- borderStyle: 'solid',
21
- '--popper-arrow-shadow-color': function popperArrowShadowColor(t) {
22
- return t.colors.gray['100'];
23
- },
24
- zIndex: 'layer10',
25
- _focusVisible: {
26
- outline: '3px solid rgba(91, 170, 250, 0.7)'
27
- }
28
- };
29
- };
30
- var _default = exports["default"] = popoverContentStyles;
@@ -1,12 +0,0 @@
1
- "use strict";
2
-
3
- var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
4
- _Object$defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = void 0;
8
- var headerStyles = {
9
- marginBottom: 2,
10
- fontWeight: 'semibold'
11
- };
12
- var _default = exports["default"] = headerStyles;
@@ -1,11 +0,0 @@
1
- "use strict";
2
-
3
- var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
4
- _Object$defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = void 0;
8
- var popperStyles = {
9
- borderRadius: 'base'
10
- };
11
- var _default = exports["default"] = popperStyles;
@@ -1,42 +0,0 @@
1
- "use strict";
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");
7
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
8
- _Object$defineProperty(exports, "__esModule", {
9
- value: true
10
- });
11
- exports["default"] = void 0;
12
- var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
13
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
14
- var _react = _interopRequireWildcard(require("react"));
15
- var _react2 = require("@chakra-ui/react");
16
- var _excluded = ["isRounded"];
17
- 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); }
18
- 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; }
19
- var Progress = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
20
- var isRounded = _ref.isRounded,
21
- props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
22
- // Passing `isRounded` in as a prop throws a 'React does not recognize the X prop on a DOM element' error. Passing `isRounded` through `sx` instead, allows for the prop to be utilized by the theme without being set on the DOM element, avoiding the error.
23
- return /*#__PURE__*/_react["default"].createElement(_react2.Progress, (0, _extends2["default"])({
24
- ref: ref,
25
- sx: {
26
- isRounded: isRounded
27
- }
28
- }, props));
29
- });
30
- Progress.defaultProps = {
31
- colorScheme: 'primary',
32
- hasStripe: false,
33
- isAnimated: false,
34
- isIndeterminate: false,
35
- isRounded: false,
36
- max: 100,
37
- min: 0,
38
- size: 'md',
39
- value: 0,
40
- variant: 'solid'
41
- };
42
- var _default = exports["default"] = Progress;
@@ -1,90 +0,0 @@
1
- "use strict";
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");
11
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
12
- _Object$defineProperty(exports, "__esModule", {
13
- value: true
14
- });
15
- exports["default"] = exports.Progress = void 0;
16
- var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
17
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
18
- var _react = _interopRequireDefault(require("react"));
19
- var _disableArgs = _interopRequireDefault(require("storybook/utils/disable-args"));
20
- var _createControl = require("storybook/utils/create-control");
21
- var _Progress = _interopRequireDefault(require("./Progress"));
22
- 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; }
23
- 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; }
24
- var _default = exports["default"] = {
25
- title: 'v2/Progress',
26
- component: _Progress["default"],
27
- parameters: {
28
- removeBaseHtmlClass: true,
29
- importBy: 'Progress'
30
- },
31
- argTypes: _objectSpread(_objectSpread(_objectSpread(_objectSpread({
32
- colorScheme: {
33
- options: ['primary', 'secondary', 'green', 'yellow', 'red', 'gray'],
34
- control: {
35
- type: 'radio',
36
- labels: {
37
- primary: 'Primary',
38
- secondary: 'Secondary',
39
- green: 'Green',
40
- yellow: 'Yellow',
41
- red: 'Red',
42
- gray: 'Gray'
43
- }
44
- }
45
- }
46
- }, (0, _disableArgs["default"])('min')), (0, _disableArgs["default"])('max')), {}, {
47
- size: {
48
- options: ['xl', 'lg', 'md', 'sm', 'xs'],
49
- control: {
50
- type: 'radio',
51
- labels: {
52
- xl: 'xl',
53
- lg: 'lg',
54
- md: 'md',
55
- sm: 'sm',
56
- xs: 'xs'
57
- }
58
- }
59
- }
60
- }, (0, _createControl.createRangeControl)({
61
- name: 'value',
62
- min: 0,
63
- max: 100
64
- })), {}, {
65
- variant: {
66
- options: ['solid', 'outlined'],
67
- control: {
68
- type: 'radio',
69
- labels: {
70
- solid: 'Solid',
71
- outlined: 'Outlined'
72
- }
73
- }
74
- }
75
- })
76
- };
77
- var ProgressTemplate = function ProgressTemplate(args) {
78
- return /*#__PURE__*/_react["default"].createElement(_Progress["default"], args);
79
- };
80
- var Progress = exports.Progress = (0, _bind["default"])(ProgressTemplate).call(ProgressTemplate, {});
81
- Progress.args = {
82
- colorScheme: 'primary',
83
- hasStripe: false,
84
- isAnimated: false,
85
- isIndeterminate: false,
86
- isRounded: false,
87
- size: 'md',
88
- value: 80,
89
- variant: 'solid'
90
- };
@@ -1,107 +0,0 @@
1
- "use strict";
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");
11
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
12
- _Object$defineProperty(exports, "__esModule", {
13
- value: true
14
- });
15
- exports["default"] = void 0;
16
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
17
- var _merge = _interopRequireDefault(require("lodash/merge"));
18
- var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
19
- var _themeTools = require("@chakra-ui/theme-tools");
20
- 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; }
21
- 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; }
22
- var filledStyle = function filledStyle(props) {
23
- var colorScheme = props.colorScheme,
24
- hasStripe = props.hasStripe,
25
- isIndeterminate = props.isIndeterminate,
26
- theme = props.theme;
27
- var bgColor = colorScheme === 'gray' ? "".concat(colorScheme, ".dark") : "".concat(colorScheme, ".default");
28
- var gradient = "linear-gradient(\n to right,\n transparent 0%,\n ".concat((0, _themeTools.getColor)(theme, bgColor), " 50%,\n transparent 100%\n )");
29
- var addStripe = !isIndeterminate && hasStripe;
30
- return _objectSpread(_objectSpread({}, addStripe && (0, _themeTools.generateStripe)()), isIndeterminate ? {
31
- bgImage: gradient
32
- } : {
33
- bgColor: bgColor
34
- });
35
- };
36
- var variantOutlined = function variantOutlined(props) {
37
- var colors = props.theme.colors;
38
- return {
39
- track: {
40
- bg: 'transparent',
41
- borderWidth: '1px',
42
- borderColor: colors.gray['200']
43
- }
44
- };
45
- };
46
- var variantSolid = function variantSolid(props) {
47
- var colors = props.theme.colors;
48
- return {
49
- track: {
50
- bg: colors.gray['100']
51
- }
52
- };
53
- };
54
- var variants = {
55
- outlined: variantOutlined,
56
- solid: variantSolid
57
- };
58
- var sizes = {
59
- xl: {
60
- track: {
61
- height: 10
62
- }
63
- },
64
- lg: {
65
- track: {
66
- height: 6
67
- }
68
- },
69
- md: {
70
- track: {
71
- height: 4
72
- }
73
- },
74
- sm: {
75
- track: {
76
- height: 2
77
- }
78
- },
79
- xs: {
80
- track: {
81
- height: 1
82
- }
83
- }
84
- };
85
- var defaultProps = {
86
- size: 'lg',
87
- colorScheme: 'primary',
88
- variant: 'solid'
89
- };
90
- var overrides = {
91
- defaultProps: defaultProps,
92
- variants: variants,
93
- sizes: sizes,
94
- baseStyle: function baseStyle(props) {
95
- var isRounded = props.sx.isRounded;
96
- return (0, _merge["default"])(_theme["default"].components.Progress.baseStyle(props), {
97
- filledTrack: _objectSpread({
98
- borderRightRadius: isRounded ? 'none' : 'base'
99
- }, filledStyle(props)),
100
- track: {
101
- borderRightRadius: isRounded ? 'full' : 'base',
102
- borderLeftRadius: isRounded ? 'full' : 'base'
103
- }
104
- });
105
- }
106
- };
107
- var _default = exports["default"] = _objectSpread(_objectSpread({}, _theme["default"].components.Progress), overrides);
@@ -1,43 +0,0 @@
1
- "use strict";
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");
7
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
8
- _Object$defineProperty(exports, "__esModule", {
9
- value: true
10
- });
11
- exports["default"] = void 0;
12
- var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
13
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
14
- var _react = _interopRequireWildcard(require("react"));
15
- var _react2 = require("@chakra-ui/react");
16
- var _excluded = ["defaultChecked", "isChecked", "isDisabled", "value", "helperText", "children", "size"];
17
- 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); }
18
- 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; }
19
- var Radio = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
20
- var defaultChecked = _ref.defaultChecked,
21
- isChecked = _ref.isChecked,
22
- isDisabled = _ref.isDisabled,
23
- value = _ref.value,
24
- helperText = _ref.helperText,
25
- children = _ref.children,
26
- _ref$size = _ref.size,
27
- size = _ref$size === void 0 ? 'md' : _ref$size,
28
- props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
29
- var helperTextSize = size === 'sm' || size === 'md' ? 'xs' : 'sm';
30
- return /*#__PURE__*/_react["default"].createElement(_react2.Radio, (0, _extends2["default"])({
31
- ref: ref,
32
- defaultChecked: defaultChecked,
33
- isChecked: isChecked,
34
- isDisabled: isDisabled,
35
- isFocusable: !isDisabled,
36
- value: value,
37
- size: size
38
- }, props), children, helperText && /*#__PURE__*/_react["default"].createElement(_react2.Box, {
39
- color: "gray.600",
40
- fontSize: helperTextSize
41
- }, helperText));
42
- });
43
- var _default = exports["default"] = Radio;