@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,45 +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"];
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 Switch = /*#__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
- props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
29
- var classes = (0, _classnames["default"])({
30
- 'FormElement-contains-error': isInvalid
31
- });
32
- return /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
33
- isInvalid: isInvalid,
34
- isDisabled: isDisabled,
35
- isRequired: isRequired,
36
- errorMessage: errorMessage,
37
- helperText: helperText,
38
- label: label,
39
- inputId: props.id
40
- }, /*#__PURE__*/_react["default"].createElement(_react2.Switch, (0, _extends2["default"])({
41
- ref: ref,
42
- className: classes
43
- }, props)));
44
- });
45
- var _default = exports["default"] = Switch;
@@ -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.Switch = void 0;
9
- var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
10
- var _react = _interopRequireDefault(require("react"));
11
- var _Switch = _interopRequireDefault(require("./Switch"));
12
- var _default = exports["default"] = {
13
- title: 'v2/Switch',
14
- component: _Switch["default"],
15
- parameters: {
16
- removeBaseHtmlClass: true
17
- }
18
- };
19
- var SwitchTemplate = function SwitchTemplate(props) {
20
- return /*#__PURE__*/_react["default"].createElement(_Switch["default"], props);
21
- };
22
- var Switch = exports.Switch = (0, _bind["default"])(SwitchTemplate).call(SwitchTemplate, {});
23
- Switch.argTypes = {
24
- isChecked: {
25
- control: {
26
- type: 'boolean'
27
- }
28
- },
29
- defaultChecked: {
30
- control: {
31
- type: 'boolean'
32
- }
33
- },
34
- id: {
35
- control: {
36
- type: 'text'
37
- }
38
- },
39
- label: {
40
- control: {
41
- type: 'text'
42
- }
43
- },
44
- helperText: {
45
- control: {
46
- type: 'text'
47
- }
48
- },
49
- errorMessage: {
50
- control: {
51
- type: 'text'
52
- }
53
- },
54
- isInvalid: {
55
- control: {
56
- type: 'boolean'
57
- }
58
- },
59
- isDisabled: {
60
- control: {
61
- type: 'boolean'
62
- }
63
- },
64
- isRequired: {
65
- control: {
66
- type: 'boolean'
67
- }
68
- }
69
- };
70
- Switch.args = {
71
- isChecked: true,
72
- defaultChecked: false,
73
- id: 'Switch_Id',
74
- label: 'Label',
75
- helperText: 'Helper Text',
76
- errorMessage: 'Error Message',
77
- isInvalid: false,
78
- isDisabled: false,
79
- isRequired: false
80
- };
@@ -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 _Switch["default"];
12
- }
13
- });
14
- var _Switch = _interopRequireDefault(require("./Switch"));
@@ -1,42 +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
- 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; }
20
- 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; }
21
- var overrides = {
22
- defaultProps: {
23
- colorScheme: 'primary',
24
- size: 'lg'
25
- },
26
- baseStyle: function baseStyle(props) {
27
- return (0, _merge["default"])(_theme["default"].components.Switch.baseStyle(props), {
28
- track: {
29
- bg: 'gray.medium',
30
- overflow: 'clip'
31
- },
32
- thumb: {
33
- transition: 'all 150ms ease',
34
- boxShadow: 'base',
35
- _hover: {
36
- boxShadow: 'md'
37
- }
38
- }
39
- });
40
- }
41
- };
42
- var _default = exports["default"] = _objectSpread(_objectSpread({}, _theme["default"].components.Switch), overrides);
@@ -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.Table;
11
- }
12
- });
13
- var _react = require("@chakra-ui/react");
@@ -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.Table = void 0;
9
- var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
10
- var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
11
- var _fill = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/fill"));
12
- var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
13
- var _react = _interopRequireDefault(require("react"));
14
- var _Table = _interopRequireDefault(require("./Table"));
15
- var _Table2 = require("./Table.styles");
16
- var _index = require("./index");
17
- var _default = exports["default"] = {
18
- title: 'v2/Table',
19
- parameters: {
20
- removeBaseHtmlClass: true
21
- },
22
- argTypes: {
23
- numberOfColumns: {
24
- table: {
25
- disable: true
26
- }
27
- },
28
- numberOfRows: {
29
- table: {
30
- disable: true
31
- }
32
- },
33
- tableData: {
34
- table: {
35
- disable: true
36
- }
37
- },
38
- tableHeading: {
39
- table: {
40
- disable: true
41
- }
42
- },
43
- variant: {
44
- control: {
45
- type: 'select',
46
- options: (0, _keys["default"])(_Table2.variants)
47
- }
48
- }
49
- }
50
- };
51
- var TableTemplate = function TableTemplate(_ref) {
52
- var _context, _context2, _context3, _context4, _context5;
53
- var numberOfColumns = _ref.numberOfColumns,
54
- numberOfRows = _ref.numberOfRows,
55
- tableData = _ref.tableData,
56
- tableHeading = _ref.tableHeading,
57
- variant = _ref.variant;
58
- return /*#__PURE__*/_react["default"].createElement(_Table["default"], {
59
- variant: variant
60
- }, /*#__PURE__*/_react["default"].createElement(_index.Thead, null, /*#__PURE__*/_react["default"].createElement(_index.Tr, null, (0, _map["default"])(_context = (0, _fill["default"])(_context2 = Array(numberOfColumns)).call(_context2, tableHeading)).call(_context, function (heading, index) {
61
- return /*#__PURE__*/_react["default"].createElement(_index.Th, {
62
- key: index
63
- }, heading);
64
- }))), /*#__PURE__*/_react["default"].createElement(_index.Tbody, null, (0, _map["default"])(_context3 = (0, _fill["default"])(_context4 = Array(numberOfRows)).call(_context4, (0, _fill["default"])(_context5 = Array(numberOfColumns)).call(_context5, tableData))).call(_context3, function (row, i) {
65
- return /*#__PURE__*/_react["default"].createElement(_index.Tr, {
66
- key: i
67
- }, (0, _map["default"])(row).call(row, function (data, index) {
68
- return /*#__PURE__*/_react["default"].createElement(_index.Td, {
69
- key: index
70
- }, data);
71
- }));
72
- })));
73
- };
74
- var Table = exports.Table = (0, _bind["default"])(TableTemplate).call(TableTemplate, {});
75
- Table.args = {
76
- numberOfColumns: 3,
77
- numberOfRows: 3,
78
- tableData: 'Table cell data',
79
- tableHeading: 'Column Heading'
80
- };
@@ -1,77 +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 _Heading = require("../Heading/Heading.styles");
18
- 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; }
19
- 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; }
20
- var parts = ['table', 'thead', 'tbody', 'tr', 'th', 'td', 'caption'];
21
- var baseStyle = {
22
- table: {
23
- borderCollapse: 'collapse',
24
- color: 'text.primary.light',
25
- width: '100%'
26
- },
27
- thead: {
28
- borderBottom: '1px',
29
- borderColor: 'gray.medium'
30
- },
31
- th: {
32
- fontFamily: 'heading',
33
- fontSize: _Heading.variants.h4.fontSize,
34
- fontWeight: 'semibold',
35
- letterSpacing: 'unset',
36
- padding: 4,
37
- textAlign: 'start',
38
- textTransform: 'none'
39
- },
40
- tr: {
41
- borderBottom: '1px',
42
- borderColor: 'gray.medium',
43
- _last: {
44
- border: 'none'
45
- }
46
- },
47
- td: {
48
- padding: 4,
49
- textAlign: 'start'
50
- }
51
- };
52
- var roundedWhiteVariant = {
53
- table: {
54
- backgroundColor: 'background.white',
55
- borderRadius: 6,
56
- boxShadow: 'md',
57
- marginBottom: 1
58
- }
59
- };
60
- var roundedGrayVariant = {
61
- table: _objectSpread(_objectSpread({}, roundedWhiteVariant.table), {}, {
62
- backgroundColor: 'background.gray'
63
- })
64
- };
65
- var variants = exports.variants = {
66
- rounded: roundedWhiteVariant,
67
- roundedGray: roundedGrayVariant
68
- };
69
- var defaultProps = {
70
- variant: 'rounded'
71
- };
72
- var _default = exports["default"] = {
73
- parts: parts,
74
- variants: variants,
75
- baseStyle: baseStyle,
76
- defaultProps: defaultProps
77
- };
@@ -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
- _Object$defineProperty(exports, "Table", {
9
- enumerable: true,
10
- get: function get() {
11
- return _Table["default"];
12
- }
13
- });
14
- _Object$defineProperty(exports, "TableCaption", {
15
- enumerable: true,
16
- get: function get() {
17
- return _react.TableCaption;
18
- }
19
- });
20
- _Object$defineProperty(exports, "TableContainer", {
21
- enumerable: true,
22
- get: function get() {
23
- return _react.TableContainer;
24
- }
25
- });
26
- _Object$defineProperty(exports, "Tbody", {
27
- enumerable: true,
28
- get: function get() {
29
- return _react.Tbody;
30
- }
31
- });
32
- _Object$defineProperty(exports, "Td", {
33
- enumerable: true,
34
- get: function get() {
35
- return _react.Td;
36
- }
37
- });
38
- _Object$defineProperty(exports, "Tfoot", {
39
- enumerable: true,
40
- get: function get() {
41
- return _react.Tfoot;
42
- }
43
- });
44
- _Object$defineProperty(exports, "Th", {
45
- enumerable: true,
46
- get: function get() {
47
- return _react.Th;
48
- }
49
- });
50
- _Object$defineProperty(exports, "Thead", {
51
- enumerable: true,
52
- get: function get() {
53
- return _react.Thead;
54
- }
55
- });
56
- _Object$defineProperty(exports, "Tr", {
57
- enumerable: true,
58
- get: function get() {
59
- return _react.Tr;
60
- }
61
- });
62
- var _Table = _interopRequireDefault(require("./Table"));
63
- var _react = require("@chakra-ui/react");
@@ -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"] = exports.SIZE_SMALL = exports.SIZE_HEADING = exports.SIZE_BODY = void 0;
9
- var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
10
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
11
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
12
- var _react = _interopRequireDefault(require("react"));
13
- var _react2 = require("@chakra-ui/react");
14
- var _combineSizeWithVariant = _interopRequireDefault(require("./combineSizeWithVariant"));
15
- var _excluded = ["size"];
16
- var _sizeMapping;
17
- var SIZE_SMALL = exports.SIZE_SMALL = 'small';
18
- var SIZE_BODY = exports.SIZE_BODY = 'body';
19
- var SIZE_HEADING = exports.SIZE_HEADING = 'heading';
20
- var sizeMapping = (_sizeMapping = {}, (0, _defineProperty2["default"])(_sizeMapping, SIZE_SMALL, 'sm'), (0, _defineProperty2["default"])(_sizeMapping, SIZE_BODY, 'md'), (0, _defineProperty2["default"])(_sizeMapping, SIZE_HEADING, 'lg'), _sizeMapping);
21
- var Tabs = (0, _react2.forwardRef)(function (_ref, ref) {
22
- var size = _ref.size,
23
- props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
24
- return /*#__PURE__*/_react["default"].createElement(_react2.Tabs, (0, _extends2["default"])({
25
- size: sizeMapping[size]
26
- }, props, (0, _combineSizeWithVariant["default"])({
27
- size: size
28
- }), {
29
- ref: ref
30
- }));
31
- });
32
- Tabs.defaultProps = {
33
- size: SIZE_BODY
34
- };
35
- var _default = exports["default"] = Tabs;
@@ -1,44 +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.Tabs = 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 = _interopRequireDefault(require("react"));
15
- var _Tabs = _interopRequireWildcard(require("./Tabs"));
16
- var _index = require("./index");
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 _default = exports["default"] = {
20
- title: 'v2/Tabs',
21
- parameters: {
22
- removeBaseHtmlClass: true
23
- },
24
- argTypes: {
25
- size: {
26
- control: {
27
- type: 'select',
28
- options: [_Tabs.SIZE_SMALL, _Tabs.SIZE_BODY, _Tabs.SIZE_HEADING]
29
- }
30
- },
31
- variant: {
32
- control: {
33
- type: 'select',
34
- options: ['line', 'enclosed']
35
- }
36
- }
37
- }
38
- };
39
- var TabsTemplate = function TabsTemplate(props) {
40
- return /*#__PURE__*/_react["default"].createElement(_Tabs["default"], (0, _extends2["default"])({
41
- variant: "line"
42
- }, props), /*#__PURE__*/_react["default"].createElement(_index.TabList, null, /*#__PURE__*/_react["default"].createElement(_index.Tab, null, "One"), /*#__PURE__*/_react["default"].createElement(_index.Tab, null, "Two"), /*#__PURE__*/_react["default"].createElement(_index.Tab, null, "Three")), /*#__PURE__*/_react["default"].createElement(_index.TabPanels, null, /*#__PURE__*/_react["default"].createElement(_index.TabPanel, null, /*#__PURE__*/_react["default"].createElement("p", null, "one!")), /*#__PURE__*/_react["default"].createElement(_index.TabPanel, null, /*#__PURE__*/_react["default"].createElement("p", null, "two!")), /*#__PURE__*/_react["default"].createElement(_index.TabPanel, null, /*#__PURE__*/_react["default"].createElement("p", null, "three!"))));
43
- };
44
- var Tabs = exports.Tabs = (0, _bind["default"])(TabsTemplate).call(TabsTemplate, {});
@@ -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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
10
- var _index = _interopRequireDefault(require("./styles/index"));
11
- var _typography = require("../../theme/base/typography");
12
- var _Tabs = require("./Tabs");
13
- /**
14
- * ### `combineSizeWithVariant`
15
- * A function that takes in the `size` value, and the
16
- * `variant` value. The default-like styling for the `size` prop is merged with the styling from the
17
- * `variant` and a combined styleProp object is returned.
18
- *
19
- * @function combineSizeWithVariant
20
- * @param {string} args.size - The size of Tabs component
21
- * @param {string} args.variant - The style variant for the Text component
22
- * @returns {Object} An object containing the merged styleProps from the `variant` and the `size` props
23
- */
24
-
25
- var combineSizeWithVariant = function combineSizeWithVariant(_ref) {
26
- var _fontSizeMapping;
27
- var size = _ref.size,
28
- _ref$variant = _ref.variant,
29
- variant = _ref$variant === void 0 ? 'line' : _ref$variant;
30
- var fontSizeMapping = (_fontSizeMapping = {}, (0, _defineProperty2["default"])(_fontSizeMapping, _Tabs.SIZE_SMALL, _typography.fontSizes.xs), (0, _defineProperty2["default"])(_fontSizeMapping, _Tabs.SIZE_BODY, _typography.fontSizes.base), (0, _defineProperty2["default"])(_fontSizeMapping, _Tabs.SIZE_HEADING, _typography.fontSizes.lg), _fontSizeMapping);
31
- var styleProps = _index["default"].variants["".concat(variant)];
32
- styleProps.tab.fontSize = fontSizeMapping[size];
33
- return styleProps;
34
- };
35
- var _default = exports["default"] = combineSizeWithVariant;
@@ -1,39 +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, "Tab", {
9
- enumerable: true,
10
- get: function get() {
11
- return _react.Tab;
12
- }
13
- });
14
- _Object$defineProperty(exports, "TabList", {
15
- enumerable: true,
16
- get: function get() {
17
- return _react.TabList;
18
- }
19
- });
20
- _Object$defineProperty(exports, "TabPanel", {
21
- enumerable: true,
22
- get: function get() {
23
- return _react.TabPanel;
24
- }
25
- });
26
- _Object$defineProperty(exports, "TabPanels", {
27
- enumerable: true,
28
- get: function get() {
29
- return _react.TabPanels;
30
- }
31
- });
32
- _Object$defineProperty(exports, "default", {
33
- enumerable: true,
34
- get: function get() {
35
- return _Tabs["default"];
36
- }
37
- });
38
- var _Tabs = _interopRequireDefault(require("./Tabs"));
39
- var _react = require("@chakra-ui/react");
@@ -1,71 +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 variants = {
12
- line: {
13
- tablist: {
14
- borderBottom: '2px solid',
15
- borderColor: 'inherit'
16
- },
17
- tab: {
18
- color: 'gray.600',
19
- borderBottom: '2px solid',
20
- borderColor: 'transparent',
21
- marginBottom: '-2px',
22
- _selected: {
23
- color: 'primary.default',
24
- borderColor: 'primary.default',
25
- fontWeight: 'semibold'
26
- },
27
- _active: {
28
- color: 'black',
29
- bg: 'transparent'
30
- },
31
- _disabled: {
32
- opacity: 0.4,
33
- cursor: 'not-allowed'
34
- },
35
- _hover: {
36
- color: 'black'
37
- }
38
- }
39
- },
40
- enclosed: {
41
- tablist: {
42
- backgroundColor: 'white',
43
- borderRadius: '8px',
44
- borederColor: 'gray.200',
45
- borderWidth: '1px',
46
- paddingY: 1
47
- },
48
- tab: {
49
- borderRadius: '6px',
50
- marginX: 1,
51
- _selected: {
52
- fontWeight: 'semibold',
53
- color: 'white',
54
- backgroundColor: 'primary.default',
55
- _hover: {
56
- backgroundColor: 'primary.600'
57
- }
58
- },
59
- _active: {
60
- backgroundColor: 'gray.200'
61
- },
62
- _disabled: {
63
- opacity: 0.4,
64
- cursor: 'not-allowed'
65
- }
66
- }
67
- }
68
- };
69
- var _default = exports["default"] = (0, _merge["default"])(_theme["default"].components.Tabs, {
70
- variants: variants
71
- });