@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,35 +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 _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
10
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
11
- var _react = _interopRequireDefault(require("react"));
12
- var _react2 = require("@chakra-ui/react");
13
- var _options = _interopRequireDefault(require("./options"));
14
- var _Text = require("./Text.styles");
15
- var _combineAsWithVariant = _interopRequireDefault(require("./combineAsWithVariant"));
16
- var _excluded = ["as", "variant"];
17
- var Text = (0, _react2.forwardRef)(function (_ref, ref) {
18
- var as = _ref.as,
19
- variant = _ref.variant,
20
- props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
21
- return /*#__PURE__*/_react["default"].createElement(_react2.Text, (0, _extends2["default"])({
22
- variant: variant,
23
- as: as
24
- }, (0, _combineAsWithVariant["default"])({
25
- as: as,
26
- variant: variant
27
- }), props, {
28
- ref: ref
29
- }));
30
- });
31
- Text.defaultProps = {
32
- as: 'p',
33
- variant: 'body'
34
- };
35
- var _default = exports["default"] = Text;
@@ -1,47 +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.Text = void 0;
9
- var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
10
- var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
11
- var _react = _interopRequireDefault(require("react"));
12
- var _Text = _interopRequireDefault(require("./Text"));
13
- var _options = _interopRequireDefault(require("./options"));
14
- var _Text2 = require("./Text.styles");
15
- var _default = exports["default"] = {
16
- title: 'v2/Text',
17
- component: _Text["default"],
18
- parameters: {
19
- removeBaseHtmlClass: true
20
- },
21
- argTypes: {
22
- variant: {
23
- control: {
24
- type: 'select',
25
- options: (0, _keys["default"])(_Text2.variants)
26
- }
27
- },
28
- as: {
29
- control: {
30
- type: 'select',
31
- options: _options["default"]
32
- }
33
- },
34
- children: {
35
- control: {
36
- type: 'text'
37
- }
38
- }
39
- }
40
- };
41
- var Template = function Template(props) {
42
- return /*#__PURE__*/_react["default"].createElement(_Text["default"], props);
43
- };
44
- var Text = exports.Text = (0, _bind["default"])(Template).call(Template, {});
45
- Text.args = {
46
- children: 'Bonbon lollipop tiramisu cupcake bear claw cupcake. Icing candy canes cookie caramels wafer tootsie roll soufflé halvah. Ice cream tart gummies apple pie chocolate bar. Pastry gummies macaroon fruitcake donut sweet caramels candy. Oat cake marshmallow biscuit carrot cake fruitcake brownie pastry liquorice liquorice. Topping sweet gingerbread. Chupa chups caramels brownie. Icing jujubes chupa chups cookie. Carrot cake gummi bears powder apple pie donut pudding macaroon. Icing jelly cupcake powder jelly croissant pastry. Powder jelly fruitcake gummies sweet tootsie roll candy. Icing cheesecake toffee tart pastry lemon drops lemon drops bonbon wafer. Cheesecake ice cream wafer apple pie candy canes croissant. Sweet croissant pudding carrot cake oat cake chupa chups. Gingerbread lemon drops biscuit oat cake carrot cake. Chocolate cake jelly-o cake cake candy lollipop.'
47
- };
@@ -1,53 +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.variants = 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 _typography = require("../../theme/base/typography");
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 baseStyle = {
23
- lineHeight: 1.5,
24
- fontWeight: _typography.fontWeights.normal
25
- };
26
- var variants = exports.variants = {
27
- body: _objectSpread(_objectSpread({}, baseStyle), {}, {
28
- fontSize: {
29
- base: _typography.fontSizes.base,
30
- desktop: _typography.fontSizes.base
31
- }
32
- }),
33
- body2: _objectSpread(_objectSpread({}, baseStyle), {}, {
34
- fontSize: {
35
- base: _typography.fontSizes.sm,
36
- desktop: _typography.fontSizes.sm
37
- }
38
- }),
39
- caption: _objectSpread(_objectSpread({}, baseStyle), {}, {
40
- fontSize: {
41
- base: _typography.fontSizes.xs,
42
- desktop: _typography.fontSizes.xs
43
- }
44
- })
45
- };
46
- var defaultProps = {
47
- variant: variants.body
48
- };
49
- var _default = exports["default"] = (0, _merge["default"])(_theme["default"].components.Text, {
50
- variants: variants,
51
- baseStyle: baseStyle,
52
- defaultProps: defaultProps
53
- });
@@ -1,103 +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 _freeze = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/freeze"));
18
- var _Text = require("./Text.styles");
19
- var _typography = require("../../theme/base/typography");
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
- // Create list of commonly used html text elements
23
- var asOptions = (0, _freeze["default"])({
24
- bold: 'b',
25
- strong: 'strong',
26
- italic: 'i',
27
- emphasis: 'em',
28
- small: 'small',
29
- strikethrough: 's',
30
- underline: 'u'
31
- });
32
-
33
- /**
34
- * ### `combineAsWithVariant`
35
- * A function that takes in the `as` value (the HTML element to render the Text component as), and the
36
- * `variant` value. The default-like styling for the `as` prop is merged with the styling from the
37
- * `variant` and a combined styleProp object is returned.
38
- *
39
- * By default the `as` property only effects the underlying semantics of the markup, whereas the
40
- * `variant` only effects the visual styling of the text. In order for the text component to be built
41
- * with accessibility and ease-of-use in mind, these two properties _should_ be interconnected. Having
42
- * the style and markup unified allows an experience that is accessible to those using screen-readers
43
- * (or any other assistive technology) that matches (or is at least a close approximation) of the
44
- * "standard" visual experience.
45
- *
46
- * @function combineAsWithVariant
47
- * @param {string} args.as - The HTML element to render the Text component as
48
- * @param {string} args.variant - The style variant for the Text component
49
- * @returns {Object} An object containing the merged styleProps from the `variant` and the `as` props
50
- */
51
-
52
- var combineAsWithVariant = function combineAsWithVariant(_ref) {
53
- var as = _ref.as,
54
- variant = _ref.variant;
55
- var variantFontSizeBase = Number(_Text.variants["".concat(variant)].fontSize.base.replace('rem', ''));
56
- var variantFontSizeDesktop = Number(_Text.variants["".concat(variant)].fontSize.desktop.replace('rem', ''));
57
- var styleProps;
58
- switch (as) {
59
- case asOptions.bold:
60
- styleProps = _objectSpread(_objectSpread({}, _Text.variants["".concat(variant)]), {}, {
61
- fontWeight: _typography.fontWeights.semibold
62
- });
63
- break;
64
- case asOptions.strong:
65
- styleProps = _objectSpread(_objectSpread({}, _Text.variants["".concat(variant)]), {}, {
66
- fontWeight: _typography.fontWeights.semibold
67
- });
68
- break;
69
- case asOptions.italic:
70
- styleProps = _objectSpread(_objectSpread({}, _Text.variants["".concat(variant)]), {}, {
71
- fontStyle: 'italic'
72
- });
73
- break;
74
- case asOptions.emphasis:
75
- styleProps = _objectSpread(_objectSpread({}, _Text.variants["".concat(variant)]), {}, {
76
- fontStyle: 'italic'
77
- });
78
- break;
79
- case asOptions.underline:
80
- styleProps = _objectSpread(_objectSpread({}, _Text.variants["".concat(variant)]), {}, {
81
- textDecoration: 'underline'
82
- });
83
- break;
84
- case asOptions.strikethrough:
85
- styleProps = _objectSpread(_objectSpread({}, _Text.variants["".concat(variant)]), {}, {
86
- textDecoration: 'line-through'
87
- });
88
- break;
89
- case asOptions.small:
90
- styleProps = _objectSpread(_objectSpread({}, _Text.variants["".concat(variant)]), {}, {
91
- fontSize: {
92
- base: "".concat(variantFontSizeBase * 0.8, "rem"),
93
- desktop: "".concat(variantFontSizeDesktop * 0.8, "rem")
94
- }
95
- });
96
- break;
97
- default:
98
- styleProps = _objectSpread({}, _Text.variants["".concat(variant)]);
99
- break;
100
- }
101
- return styleProps;
102
- };
103
- var _default = exports["default"] = combineAsWithVariant;
@@ -1,9 +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 options = ['a', 'abbr', 'address', 'article', 'aside', 'b', 'bdi', 'bdo', 'blockquote', 'button', 'caption', 'cite', 'code', 'colgroup', 'data', 'datalist', 'dd', 'del', 'details', 'dfn', 'dialog', 'div', 'dl', 'dt', 'em', 'fieldset', 'figure', 'footer', 'form', 'header', 'hgroup', 'i', 'input', 'ins', 'kbd', 'label', 'legend', 'li', 'link', 'main', 'map', 'mark', 'menu', 'meter', 'nav', 'noscript', 'object', 'ol', 'optgroup', 'option', 'output', 'p', 'pre', 'progress', 'q', 'rb', 'rp', 'rt', 'rtc', 'ruby', 's', 'samp', 'script', 'section', 'select', 'small', 'span', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'time', 'title', 'tr', 'track', 'u', 'ul', 'var', 'video'];
9
- var _default = exports["default"] = options;
@@ -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 Textarea = /*#__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.Textarea, (0, _extends2["default"])({
45
- ref: ref,
46
- className: classes
47
- }, props)));
48
- });
49
- var _default = exports["default"] = Textarea;
@@ -1,62 +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.Textarea = 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 _Textarea = _interopRequireDefault(require("./Textarea"));
13
- var _default = exports["default"] = {
14
- title: 'v2/Textarea',
15
- component: _Textarea["default"],
16
- parameters: {
17
- importBy: 'Textarea',
18
- removeBaseHtmlClass: true,
19
- chakraLink: 'https://chakra-ui.com/docs/components/textarea'
20
- }
21
- };
22
- var TextareaTemplate = function TextareaTemplate(props) {
23
- return /*#__PURE__*/_react["default"].createElement(_Textarea["default"], (0, _extends2["default"])({
24
- variant: "outline",
25
- maxWidth: "200px"
26
- }, props));
27
- };
28
- var Textarea = exports.Textarea = (0, _bind["default"])(TextareaTemplate).call(TextareaTemplate, {});
29
- Textarea.argTypes = {
30
- placeholder: {
31
- control: {
32
- type: 'text'
33
- }
34
- },
35
- label: {
36
- control: {
37
- type: 'text'
38
- }
39
- },
40
- helperText: {
41
- control: {
42
- type: 'text'
43
- }
44
- },
45
- errorMessage: {
46
- control: {
47
- type: 'text'
48
- }
49
- }
50
- };
51
- Textarea.args = {
52
- id: 'textarea_id',
53
- placeholder: 'Placeholder text',
54
- label: 'Label',
55
- helperText: 'Helper text',
56
- errorMessage: 'Error message',
57
- isInvalid: false,
58
- isDisabled: false,
59
- isReadOnly: false,
60
- isRequired: false,
61
- isOptional: false
62
- };
@@ -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 _Textarea["default"];
12
- }
13
- });
14
- var _Textarea = _interopRequireDefault(require("./Textarea"));
@@ -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.Textarea, {
63
- baseStyle: baseStyle,
64
- variants: variants
65
- });
@@ -1,47 +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 _propTypes = _interopRequireDefault(require("prop-types"));
15
- var _react = _interopRequireWildcard(require("react"));
16
- var _react2 = require("@chakra-ui/react");
17
- var _theme = _interopRequireDefault(require("../../theme"));
18
- var _global = require("../../theme/global");
19
- var _merge = _interopRequireDefault(require("lodash/merge"));
20
- var _excluded = ["theme", "useLegacyOverrides", "disableExternalFonts", "children"];
21
- 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); }
22
- 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; }
23
- var ThemeProvider = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
24
- var theme = _ref.theme,
25
- useLegacyOverrides = _ref.useLegacyOverrides,
26
- _ref$disableExternalF = _ref.disableExternalFonts,
27
- disableExternalFonts = _ref$disableExternalF === void 0 ? false : _ref$disableExternalF,
28
- children = _ref.children,
29
- props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
30
- return /*#__PURE__*/_react["default"].createElement(_react2.ChakraProvider, (0, _extends2["default"])({}, props, {
31
- ref: ref,
32
- theme: (0, _merge["default"])(_theme["default"], theme)
33
- }), disableExternalFonts ? null : /*#__PURE__*/_react["default"].createElement(_global.Fonts, null), /*#__PURE__*/_react["default"].createElement(_global.LegacyOverrides, {
34
- useLegacyOverrides: useLegacyOverrides
35
- }), children);
36
- });
37
- ThemeProvider.propTypes = {
38
- /** If true, this will use the old `spothero-html` base styles */
39
- useLegacyOverrides: _propTypes["default"].bool,
40
- /** If true, this will not load the `Fonts` global styles */
41
- disableExternalFonts: _propTypes["default"].bool,
42
- /** The React node (generally your entire App) that will be provided the theme */
43
- children: _propTypes["default"].node,
44
- /** Adds additional themeing on top of SpotHero's default configuration */
45
- theme: _propTypes["default"].object
46
- };
47
- var _default = exports["default"] = ThemeProvider;
@@ -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.ThemeProvider = 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 _ThemeProvider = _interopRequireDefault(require("./ThemeProvider"));
13
- var _Spaces = _interopRequireDefault(require("../../utils/Spaces"));
14
- var _Text = _interopRequireDefault(require("../Text/Text"));
15
- var _disableArgs = _interopRequireDefault(require("storybook/utils/disable-args"));
16
- var Usage = function Usage() {
17
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "// RootComponent.jsx", /*#__PURE__*/_react["default"].createElement("br", null), "...", /*#__PURE__*/_react["default"].createElement("br", null), "return (", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_Spaces["default"], null), "<ThemeProvider>", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_Spaces["default"], {
18
- spaces: 6
19
- }), "<App/>", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_Spaces["default"], null), "</ThemeProvider>", /*#__PURE__*/_react["default"].createElement("br", null), ");", /*#__PURE__*/_react["default"].createElement("br", null), "...");
20
- };
21
- var _default = exports["default"] = {
22
- title: 'v2/ThemeProvider',
23
- component: _ThemeProvider["default"],
24
- parameters: {
25
- removeBaseHtmlClass: true,
26
- usage: [/*#__PURE__*/_react["default"].createElement(Usage, {
27
- key: 1
28
- })]
29
- }
30
- };
31
- var Template = function Template(props, _ref) {
32
- var hasDarkBackground = _ref.hasDarkBackground;
33
- var contentTextColor = hasDarkBackground ? 'text.primary.dark' : 'text.primary.light';
34
- return /*#__PURE__*/_react["default"].createElement(_react2.Box, null, /*#__PURE__*/_react["default"].createElement(_Text["default"], {
35
- mb: 8,
36
- color: contentTextColor
37
- }, "As the name implies, this is a theme context provider that all of your v2 components utilize. It is required by all apps moving to v2"), /*#__PURE__*/_react["default"].createElement(_Text["default"], null), /*#__PURE__*/_react["default"].createElement(_Text["default"], {
38
- mb: 8,
39
- color: contentTextColor
40
- }, "ThemeProvider has a ", /*#__PURE__*/_react["default"].createElement(_react2.Code, null, "theme"), " prop that takes a theme object. Unlike how we are both overriding and extending Chakra's default theme, this property only extends our default theme configuration."), ' ', /*#__PURE__*/_react["default"].createElement(_Text["default"], {
41
- mb: 8,
42
- color: contentTextColor
43
- }, "ThemeProvider has a ", /*#__PURE__*/_react["default"].createElement(_react2.Code, null, "useLegacyOverrides"), " prop that is a boolean. If true, the ThemeProvider will insert the typography styling from .spothero-html"), ' ', /*#__PURE__*/_react["default"].createElement(_Text["default"], {
44
- mb: 8,
45
- color: contentTextColor
46
- }, "ThemeProvider also has a ", /*#__PURE__*/_react["default"].createElement(_react2.Code, null, "disableExternalFonts"), " prop that is a boolean. If true, the ThemeProvider will not load the font files from Google's CDN, and you will be able to handle fonts on a project-level."), ' ');
47
- };
48
- var ThemeProvider = exports.ThemeProvider = (0, _bind["default"])(Template).call(Template, {});
49
- ThemeProvider.parameters = {
50
- importBy: 'ThemeProvider'
51
- };
52
- ThemeProvider.argTypes = (0, _disableArgs["default"])(['theme', 'children', 'useLegacyOverrides']);
@@ -1,84 +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"] = exports.Toast = void 0;
12
- var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
13
- var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
14
- var _react = _interopRequireWildcard(require("react"));
15
- var _Alert = _interopRequireDefault(require("../Alert/Alert"));
16
- var _Button = _interopRequireDefault(require("../Button/Button"));
17
- var _react2 = require("@chakra-ui/react");
18
- function _getRequireWildcardCache(e) { if ("function" != typeof _WeakMap) return null; var r = new _WeakMap(), t = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
19
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? _Object$getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? _Object$defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
20
- var _default = exports["default"] = {
21
- title: 'v2/Toast',
22
- component: _Alert["default"],
23
- parameters: {
24
- importBy: 'useToast',
25
- removeBaseHtmlClass: true,
26
- chakraLink: 'https://chakra-ui.com/docs/components/toast'
27
- }
28
- };
29
- var Template = function Template(props) {
30
- var toast = (0, _react2.useToast)();
31
- var addToast = function addToast() {
32
- var toastRef = /*#__PURE__*/(0, _react.createRef)();
33
- var close = function close() {
34
- if (toastRef.current) {
35
- toast.close(toastRef.current);
36
- }
37
- };
38
- toastRef.current = toast({
39
- position: 'bottom-left',
40
- duration: 5000,
41
- render: function render() {
42
- return /*#__PURE__*/_react["default"].createElement(_Alert["default"], (0, _extends2["default"])({}, props, {
43
- onDismissClick: close
44
- }));
45
- }
46
- });
47
- };
48
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_react2.VStack, {
49
- alignItems: "flex-start",
50
- marginBottom: 4
51
- }, /*#__PURE__*/_react["default"].createElement(_react2.Text, null, "Note that Toast is not actually a component in and of itself. The \"Toast\" in these examples is created by using the useToast hook provided by Chakra and then using our Alert component as the custom component that is is rendered.")), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
52
- onClick: addToast
53
- }, "Show Toast"));
54
- };
55
- var Toast = exports.Toast = (0, _bind["default"])(Template).call(Template, {});
56
- Toast.argTypes = {
57
- buttonProps: {
58
- table: {
59
- disable: true
60
- }
61
- },
62
- buttonText: {
63
- table: {
64
- disable: true
65
- }
66
- },
67
- buttonOnBottom: {
68
- table: {
69
- disable: true
70
- }
71
- },
72
- onDismissClick: {
73
- table: {
74
- disable: true
75
- }
76
- }
77
- };
78
- Toast.args = {
79
- title: 'Default Title',
80
- description: 'This is a basic description',
81
- status: 'neutral',
82
- showDismiss: true,
83
- showIcon: true
84
- };