@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,80 +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"] = exports.StyledImage = exports.SSRImg = exports.LazyLoadImage = exports.DefaultImage = exports.CloudinaryImageTemplate = exports.CloudinaryImageId = void 0;
9
- var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
10
- var _react = _interopRequireDefault(require("react"));
11
- var _Image = _interopRequireDefault(require("./Image"));
12
- var _default = exports["default"] = {
13
- title: 'v2/Image',
14
- component: _Image["default"],
15
- parameters: {
16
- removeBaseHtmlClass: true,
17
- importBy: 'Image'
18
- }
19
- };
20
- var Template = function Template(props) {
21
- return /*#__PURE__*/_react["default"].createElement(_Image["default"], props);
22
- };
23
- var LazyLoadTemplate = function LazyLoadTemplate(props) {
24
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("p", null, "Scroll down to see lazy loaded image in action..."), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_Image["default"], props));
25
- };
26
- var DefaultImage = exports.DefaultImage = (0, _bind["default"])(Template).call(Template, {});
27
- DefaultImage.args = {
28
- src: 'http://placehold.it/350x200',
29
- width: 350,
30
- height: 200,
31
- alt: 'Placeholder image'
32
- };
33
- var StyledImage = exports.StyledImage = (0, _bind["default"])(Template).call(Template, {});
34
- StyledImage.args = {
35
- src: 'http://placehold.it/350x200',
36
- alt: 'Placeholder image',
37
- padding: 4,
38
- borderColor: 'green.default',
39
- borderWidth: '1px',
40
- borderStyle: 'solid',
41
- height: {
42
- base: 'auto',
43
- tablet: 52
44
- },
45
- width: {
46
- base: 'auto',
47
- tablet: 52
48
- }
49
- };
50
- var SSRImg = exports.SSRImg = (0, _bind["default"])(Template).call(Template, {});
51
- SSRImg.args = {
52
- src: 'http://placehold.it/350x200',
53
- width: 350,
54
- height: 200,
55
- alt: 'SSR image'
56
- };
57
- var CloudinaryImageId = exports.CloudinaryImageId = (0, _bind["default"])(Template).call(Template, {});
58
- CloudinaryImageId.args = {
59
- cloudinaryImageId: 'html-emails/partner-hertz',
60
- htmlWidth: 186,
61
- htmlHeight: 76,
62
- quality: 50,
63
- alt: 'Cloudinary image ID'
64
- };
65
- var CloudinaryImageTemplate = exports.CloudinaryImageTemplate = (0, _bind["default"])(Template).call(Template, {});
66
- CloudinaryImageTemplate.args = {
67
- cloudinaryTemplate: 'https://res.cloudinary.com/spothero/image/upload/$w_{{WIDTH}},$h_{{HEIGHT}},$q_{{QUALITY}}/c_fill,f_auto,h_$h,q_$q,w_$w/html-emails/google',
68
- htmlWidth: 132,
69
- htmlHeight: 111,
70
- quality: 80,
71
- alt: 'Cloudinary image template'
72
- };
73
- var LazyLoadImage = exports.LazyLoadImage = (0, _bind["default"])(LazyLoadTemplate).call(LazyLoadTemplate, {});
74
- LazyLoadImage.args = {
75
- src: 'https://res.cloudinary.com/spothero/image/upload/$w_1024,$h_704,$q_50/c_fill,f_auto,h_$h,q_$q,w_$w,x_375,y_250/v1577978927/rzm2xqhtgqxfv3isxmyy.jpg',
76
- width: 350,
77
- height: 200,
78
- alt: 'Placeholder image',
79
- lazyLoad: true
80
- };
@@ -1,49 +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 _classnames = _interopRequireDefault(require("classnames"));
16
- var _react2 = require("@chakra-ui/react");
17
- var _FormControl = _interopRequireDefault(require("../FormControl/FormControl"));
18
- var _excluded = ["label", "helperText", "errorMessage", "isInvalid", "isDisabled", "isRequired", "isOptional", "customRequiredText"];
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 Input = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
22
- var label = _ref.label,
23
- helperText = _ref.helperText,
24
- errorMessage = _ref.errorMessage,
25
- isInvalid = _ref.isInvalid,
26
- isDisabled = _ref.isDisabled,
27
- isRequired = _ref.isRequired,
28
- isOptional = _ref.isOptional,
29
- customRequiredText = _ref.customRequiredText,
30
- props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
31
- var classes = (0, _classnames["default"])({
32
- 'FormElement-contains-error': isInvalid
33
- });
34
- return /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
35
- isInvalid: isInvalid,
36
- isDisabled: isDisabled,
37
- isRequired: isRequired,
38
- isOptional: isOptional,
39
- errorMessage: errorMessage,
40
- helperText: helperText,
41
- label: label,
42
- inputId: props.id,
43
- customRequiredText: customRequiredText
44
- }, /*#__PURE__*/_react["default"].createElement(_react2.Input, (0, _extends2["default"])({
45
- ref: ref,
46
- className: classes
47
- }, props)));
48
- });
49
- var _default = exports["default"] = Input;
@@ -1,63 +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"] = exports.Input = void 0;
9
- var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
10
- var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
11
- var _react = _interopRequireDefault(require("react"));
12
- var _Input = _interopRequireDefault(require("./Input"));
13
- var _react2 = require("@chakra-ui/react");
14
- var _default = exports["default"] = {
15
- title: 'v2/Input',
16
- component: _Input["default"],
17
- parameters: {
18
- importBy: 'Input',
19
- removeBaseHtmlClass: true,
20
- chakraLink: 'https://chakra-ui.com/docs/components/input'
21
- }
22
- };
23
- var InputTemplate = function InputTemplate(props) {
24
- return /*#__PURE__*/_react["default"].createElement(_Input["default"], (0, _extends2["default"])({
25
- variant: "outline",
26
- maxWidth: "200px"
27
- }, props));
28
- };
29
- var Input = exports.Input = (0, _bind["default"])(InputTemplate).call(InputTemplate, {});
30
- Input.argTypes = {
31
- placeholder: {
32
- control: {
33
- type: 'text'
34
- }
35
- },
36
- label: {
37
- control: {
38
- type: 'text'
39
- }
40
- },
41
- helperText: {
42
- control: {
43
- type: 'text'
44
- }
45
- },
46
- errorMessage: {
47
- control: {
48
- type: 'text'
49
- }
50
- }
51
- };
52
- Input.args = {
53
- id: 'input_id',
54
- placeholder: 'Placeholder text',
55
- label: 'Label',
56
- helperText: 'Helper text',
57
- errorMessage: 'Error message',
58
- isInvalid: false,
59
- isDisabled: false,
60
- isReadOnly: false,
61
- isRequired: false,
62
- isOptional: false
63
- };
@@ -1,14 +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, "default", {
9
- enumerable: true,
10
- get: function get() {
11
- return _Input["default"];
12
- }
13
- });
14
- var _Input = _interopRequireDefault(require("./Input"));
@@ -1,65 +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 baseStyle = {
12
- field: {
13
- _placeholder: {
14
- color: 'text.secondary.light',
15
- fontWeight: 'normal',
16
- _disabled: {
17
- color: 'text.secondary.light',
18
- opacity: 1
19
- }
20
- }
21
- }
22
- };
23
- var variants = {
24
- outline: {
25
- field: {
26
- border: '1px solid',
27
- borderColor: 'gray.200',
28
- fontSize: 'base',
29
- paddingLeft: 3,
30
- paddingRight: 3,
31
- bg: 'inherit',
32
- fontWeight: 'normal',
33
- boxShadow: 'none !important',
34
- _placeholder: {
35
- color: 'text.secondary.light',
36
- fontWeight: 'normal'
37
- },
38
- _focus: {
39
- borderColor: 'primary.default'
40
- },
41
- _hover: {
42
- borderColor: 'gray.300'
43
- },
44
- _readOnly: {
45
- boxShadow: 'none !important',
46
- userSelect: 'all'
47
- },
48
- _disabled: {
49
- backgroundColor: 'gray.50',
50
- opacity: 1,
51
- cursor: 'not-allowed'
52
- },
53
- _invalid: {
54
- borderColor: 'error',
55
- _focus: {
56
- borderColor: 'error'
57
- }
58
- }
59
- }
60
- }
61
- };
62
- var _default = exports["default"] = (0, _merge["default"])(_theme["default"].components.Input, {
63
- baseStyle: baseStyle,
64
- variants: variants
65
- });
@@ -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
- _Object$defineProperty(exports, "default", {
8
- enumerable: true,
9
- get: function get() {
10
- return _react.Link;
11
- }
12
- });
13
- var _react = require("@chakra-ui/react");
@@ -1,52 +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"] = exports.Overview = void 0;
9
- var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
10
- var _react = _interopRequireDefault(require("react"));
11
- var _react2 = require("@chakra-ui/react");
12
- var _share = _interopRequireDefault(require("@spothero/icons/share"));
13
- var _Text = _interopRequireDefault(require("../Text/Text"));
14
- var _Link = _interopRequireDefault(require("./Link"));
15
- var _default = exports["default"] = {
16
- title: 'v2/Link',
17
- component: _Link["default"],
18
- parameters: {
19
- removeBaseHtmlClass: true
20
- }
21
- };
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, {});
50
- Overview.parameters = {
51
- importBy: 'Link'
52
- };
@@ -1,45 +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.variants = exports["default"] = void 0;
9
- var _merge = _interopRequireDefault(require("lodash/merge"));
10
- var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
11
- var baseStyle = {
12
- transition: "all 0.15s ease",
13
- color: 'text.link.light',
14
- fontWeight: 'semibold',
15
- _hover: {
16
- color: 'primary.600',
17
- textDecoration: 'none'
18
- },
19
- _focus: {
20
- boxShadow: 'outline'
21
- },
22
- '& svg': {
23
- d: 'inline-block',
24
- verticalAlign: 'initial'
25
- }
26
- };
27
- var linkOnDark = {
28
- color: 'text.link.dark',
29
- _hover: {
30
- color: 'text.link.dark',
31
- opacity: '.8'
32
- }
33
- };
34
- var variants = exports.variants = {
35
- standard: baseStyle,
36
- onDark: linkOnDark
37
- };
38
- var defaultProps = {
39
- variant: 'standard'
40
- };
41
- var _default = exports["default"] = (0, _merge["default"])(_theme["default"].components.Link, {
42
- baseStyle: baseStyle,
43
- variants: variants,
44
- defaultProps: defaultProps
45
- });
@@ -1,69 +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 _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
13
- var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
14
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
15
- var _propTypes = _interopRequireDefault(require("prop-types"));
16
- var _react = _interopRequireWildcard(require("react"));
17
- var _react2 = require("@chakra-ui/react");
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 = {
22
- as: 'ul',
23
- styleType: 'disc'
24
- };
25
- var orderedProps = {
26
- as: 'ol',
27
- styleType: 'decimal'
28
- };
29
- var STYLE_POSITIONS = {
30
- unset: 'unset',
31
- revert: 'revert',
32
- inside: 'inside',
33
- outside: 'outside',
34
- initial: 'initial',
35
- inherit: 'inherit'
36
- };
37
- var TYPES = {
38
- ordered: 'ordered',
39
- unstyled: 'unstyled',
40
- unordered: 'unordered'
41
- };
42
- var getListProps = function getListProps(type) {
43
- switch (type) {
44
- case TYPES.ordered:
45
- return orderedProps;
46
- case TYPES.unordered:
47
- return unorderedProps;
48
- default:
49
- return;
50
- }
51
- };
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
- });
59
- List.defaultProps = {
60
- type: TYPES.unstyled,
61
- stylePosition: STYLE_POSITIONS.inside
62
- };
63
- List.propTypes = {
64
- /** The position of the list style */
65
- stylePosition: _propTypes["default"].oneOf((0, _keys["default"])(STYLE_POSITIONS)),
66
- /** Changes the underlying markdown to be an ordered or unorderd list, (unstyled will render a ul by default) */
67
- type: _propTypes["default"].oneOf((0, _keys["default"])(TYPES))
68
- };
69
- var _default = exports["default"] = List;
@@ -1,92 +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.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"));
20
- var _react = _interopRequireDefault(require("react"));
21
- var _faker = require("@faker-js/faker");
22
- var _List = _interopRequireDefault(require("./List"));
23
- var _index = require("./index");
24
- var _Spaces = _interopRequireDefault(require("../../utils/Spaces"));
25
- var _Text = _interopRequireDefault(require("../Text/Text"));
26
- var _disableArgs = _interopRequireDefault(require("storybook/utils/disable-args"));
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"] = {
37
- title: 'v2/List',
38
- component: _List["default"],
39
- subcomponents: {
40
- ListItem: _index.ListItem
41
- },
42
- parameters: {
43
- importBy: 'List',
44
- removeBaseHtmlClass: true
45
- }
46
- };
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, {});
56
- Overview.parameters = {
57
- usage: [/*#__PURE__*/_react["default"].createElement(Usage, {
58
- key: 1
59
- })]
60
- };
61
- var Unordered = exports.Unordered = (0, _bind["default"])(OverviewTemplate).call(OverviewTemplate, {});
62
- Unordered.argTypes = DISABLE_TYPE;
63
- Unordered.parameters = {
64
- usage: [/*#__PURE__*/_react["default"].createElement(Usage, {
65
- type: "unordered",
66
- key: 1
67
- })]
68
- };
69
- Unordered.args = {
70
- type: 'unordered'
71
- };
72
- var Ordered = exports.Ordered = (0, _bind["default"])(OverviewTemplate).call(OverviewTemplate, {});
73
- Ordered.argTypes = DISABLE_TYPE;
74
- Ordered.parameters = {
75
- usage: [/*#__PURE__*/_react["default"].createElement(Usage, {
76
- type: "ordered",
77
- key: 1
78
- })]
79
- };
80
- Ordered.args = {
81
- type: 'ordered'
82
- };
83
- var Unstyled = exports.Unstyled = (0, _bind["default"])(OverviewTemplate).call(OverviewTemplate, {});
84
- Unstyled.parameters = {
85
- usage: [/*#__PURE__*/_react["default"].createElement(Usage, {
86
- key: 1
87
- })]
88
- };
89
- Unstyled.argTypes = _objectSpread(_objectSpread({}, DISABLE_TYPE), (0, _disableArgs["default"])('stylePosition'));
90
- Unstyled.args = {
91
- type: 'unstyled'
92
- };
@@ -1,21 +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, "ListItem", {
9
- enumerable: true,
10
- get: function get() {
11
- return _react.ListItem;
12
- }
13
- });
14
- _Object$defineProperty(exports, "default", {
15
- enumerable: true,
16
- get: function get() {
17
- return _List["default"];
18
- }
19
- });
20
- var _List = _interopRequireDefault(require("./List"));
21
- var _react = require("@chakra-ui/react");
@@ -1,17 +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 _item = _interopRequireDefault(require("./item.styles"));
12
- var baseStyle = {
13
- item: _item["default"]
14
- };
15
- var _default = exports["default"] = (0, _merge["default"])(_theme["default"].components.List, {
16
- baseStyle: baseStyle
17
- });
@@ -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 item = {
9
- mb: 2
10
- };
11
- var _default = exports["default"] = item;