@spothero/ui 23.1.0 → 24.0.0

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 (183) hide show
  1. package/dist/AccordionActionButton.d.ts +2 -0
  2. package/dist/index.cjs.js +50135 -0
  3. package/dist/index.cjs.js.map +1 -0
  4. package/dist/index.d.ts +2 -0
  5. package/dist/index.esm.js +49981 -0
  6. package/dist/index.esm.js.map +1 -0
  7. package/dist/styles/index.d.ts +2 -0
  8. package/package.json +32 -35
  9. package/dist/components/Accordion/Accordion.stories.js +0 -101
  10. package/dist/components/Accordion/AccordionActionButton.js +0 -32
  11. package/dist/components/Accordion/index.js +0 -45
  12. package/dist/components/Accordion/styles/index.js +0 -77
  13. package/dist/components/Alert/Alert.js +0 -91
  14. package/dist/components/Alert/Alert.stories.js +0 -64
  15. package/dist/components/Alert/index.js +0 -14
  16. package/dist/components/AutoSuggestSelect/AutoSuggestSelect.js +0 -169
  17. package/dist/components/AutoSuggestSelect/AutoSuggestSelect.stories.js +0 -23
  18. package/dist/components/AutoSuggestSelect/index.js +0 -14
  19. package/dist/components/Badge/Badge.js +0 -13
  20. package/dist/components/Badge/Badge.stories.js +0 -32
  21. package/dist/components/Badge/styles/index.js +0 -33
  22. package/dist/components/Button/Button.js +0 -71
  23. package/dist/components/Button/Button.spec.js +0 -25
  24. package/dist/components/Button/Button.styles.js +0 -166
  25. package/dist/components/Button/button-props.js +0 -73
  26. package/dist/components/Button/index.js +0 -21
  27. package/dist/components/Button/stories/button.js +0 -47
  28. package/dist/components/Button/stories/index.stories.js +0 -103
  29. package/dist/components/Button/stories/overview.js +0 -77
  30. package/dist/components/Card/Card.js +0 -28
  31. package/dist/components/Card/Card.stories.js +0 -33
  32. package/dist/components/Checkbox/Checkbox.js +0 -44
  33. package/dist/components/Checkbox/Checkbox.stories.js +0 -69
  34. package/dist/components/Checkbox/index.js +0 -14
  35. package/dist/components/Checkbox/styles/index.js +0 -90
  36. package/dist/components/Container/Container.js +0 -23
  37. package/dist/components/Container/Container.stories.js +0 -53
  38. package/dist/components/Container/Container.styles.js +0 -17
  39. package/dist/components/CreatableSelect/CreatableSelect.js +0 -148
  40. package/dist/components/CreatableSelect/CreatableSelect.stories.js +0 -69
  41. package/dist/components/CreatableSelect/index.js +0 -14
  42. package/dist/components/Divider/Divider.js +0 -34
  43. package/dist/components/Divider/Divider.stories.js +0 -40
  44. package/dist/components/Divider/Divider.styles.js +0 -21
  45. package/dist/components/Drawer/Drawer.js +0 -29
  46. package/dist/components/Drawer/Drawer.stories.js +0 -50
  47. package/dist/components/Drawer/index.js +0 -57
  48. package/dist/components/Drawer/styles/index.js +0 -108
  49. package/dist/components/FormControl/FormControl.js +0 -74
  50. package/dist/components/Grid/Grid.js +0 -35
  51. package/dist/components/Grid/Grid.stories.js +0 -117
  52. package/dist/components/Grid/Grid.styles.js +0 -18
  53. package/dist/components/Grid/GridItem.js +0 -23
  54. package/dist/components/Grid/GridItem.styles.js +0 -14
  55. package/dist/components/Grid/index.js +0 -21
  56. package/dist/components/Heading/Heading.js +0 -34
  57. package/dist/components/Heading/Heading.stories.js +0 -46
  58. package/dist/components/Heading/Heading.styles.js +0 -69
  59. package/dist/components/Icon/Icon.js +0 -13
  60. package/dist/components/Icon/Icon.stories.js +0 -40
  61. package/dist/components/Image/Image.js +0 -84
  62. package/dist/components/Image/Image.spec.js +0 -77
  63. package/dist/components/Image/Image.stories.js +0 -80
  64. package/dist/components/Input/Input.js +0 -49
  65. package/dist/components/Input/Input.stories.js +0 -63
  66. package/dist/components/Input/index.js +0 -14
  67. package/dist/components/Input/styles/index.js +0 -65
  68. package/dist/components/Link/Link.js +0 -13
  69. package/dist/components/Link/Link.stories.js +0 -52
  70. package/dist/components/Link/Link.styles.js +0 -45
  71. package/dist/components/List/List.js +0 -69
  72. package/dist/components/List/List.stories.js +0 -92
  73. package/dist/components/List/index.js +0 -21
  74. package/dist/components/List/styles/index.js +0 -17
  75. package/dist/components/List/styles/item.styles.js +0 -11
  76. package/dist/components/Loader/Loader.js +0 -53
  77. package/dist/components/Loader/Loader.stories.js +0 -124
  78. package/dist/components/Menu/Menu.js +0 -17
  79. package/dist/components/Menu/Menu.stories.js +0 -169
  80. package/dist/components/Menu/Menu.styles.js +0 -174
  81. package/dist/components/Menu/index.js +0 -57
  82. package/dist/components/Modal/Modal.js +0 -46
  83. package/dist/components/Modal/Modal.stories.js +0 -225
  84. package/dist/components/Modal/index.js +0 -33
  85. package/dist/components/Modal/styles/body.js +0 -39
  86. package/dist/components/Modal/styles/closeButton.js +0 -25
  87. package/dist/components/Modal/styles/dialog.js +0 -23
  88. package/dist/components/Modal/styles/dialogContainer.js +0 -21
  89. package/dist/components/Modal/styles/footer.js +0 -12
  90. package/dist/components/Modal/styles/header.js +0 -18
  91. package/dist/components/Modal/styles/index.js +0 -56
  92. package/dist/components/Modal/styles/overlay.js +0 -11
  93. package/dist/components/Popover/Popover.js +0 -34
  94. package/dist/components/Popover/Popover.stories.js +0 -87
  95. package/dist/components/Popover/PopoverArrow.js +0 -23
  96. package/dist/components/Popover/PopoverCloseButton.js +0 -23
  97. package/dist/components/Popover/PopoverContent.js +0 -42
  98. package/dist/components/Popover/index.js +0 -41
  99. package/dist/components/Popover/styles/index.js +0 -27
  100. package/dist/components/Popover/styles/popover-arrow.js +0 -14
  101. package/dist/components/Popover/styles/popover-body.js +0 -13
  102. package/dist/components/Popover/styles/popover-close-button.js +0 -40
  103. package/dist/components/Popover/styles/popover-content.js +0 -30
  104. package/dist/components/Popover/styles/popover-header.js +0 -12
  105. package/dist/components/Popover/styles/popper.js +0 -11
  106. package/dist/components/Progress/Progress.js +0 -42
  107. package/dist/components/Progress/Progress.stories.js +0 -90
  108. package/dist/components/Progress/Progress.styles.js +0 -107
  109. package/dist/components/Radio/Radio.js +0 -43
  110. package/dist/components/Radio/Radio.stories.js +0 -137
  111. package/dist/components/Radio/RadioGroup.js +0 -52
  112. package/dist/components/Radio/index.js +0 -21
  113. package/dist/components/Radio/styles/index.js +0 -119
  114. package/dist/components/RefreshedInput/Button/Button.js +0 -72
  115. package/dist/components/RefreshedInput/Button/Button.stories.js +0 -84
  116. package/dist/components/RefreshedInput/Button/index.js +0 -14
  117. package/dist/components/RefreshedInput/Button/styles/index.js +0 -34
  118. package/dist/components/RefreshedInput/FormControl/index.js +0 -175
  119. package/dist/components/RefreshedInput/Input/Input.js +0 -67
  120. package/dist/components/RefreshedInput/Input/Input.stories.js +0 -79
  121. package/dist/components/RefreshedInput/Input/index.js +0 -14
  122. package/dist/components/RefreshedInput/Input/styles/index.js +0 -33
  123. package/dist/components/RefreshedInput/Select/Select.js +0 -70
  124. package/dist/components/RefreshedInput/Select/Select.stories.js +0 -85
  125. package/dist/components/RefreshedInput/Select/index.js +0 -14
  126. package/dist/components/RefreshedInput/Select/styles/index.js +0 -34
  127. package/dist/components/RefreshedInput/index.js +0 -35
  128. package/dist/components/RefreshedInput/storyAid/index.js +0 -22
  129. package/dist/components/Select/Select.js +0 -55
  130. package/dist/components/Select/Select.stories.js +0 -67
  131. package/dist/components/Select/index.js +0 -14
  132. package/dist/components/Select/styles/index.js +0 -51
  133. package/dist/components/SelectionCard/SelectionCard.js +0 -67
  134. package/dist/components/SelectionCard/SelectionCard.stories.js +0 -91
  135. package/dist/components/SelectionCard/index.js +0 -14
  136. package/dist/components/Skeleton/Skeleton.stories.js +0 -31
  137. package/dist/components/Skeleton/Skeleton.styles.js +0 -10
  138. package/dist/components/Skeleton/index.js +0 -25
  139. package/dist/components/Spinner/Spinner.js +0 -34
  140. package/dist/components/Spinner/Spinner.stories.js +0 -109
  141. package/dist/components/Spinner/Spinner.styles.js +0 -67
  142. package/dist/components/Switch/Switch.js +0 -45
  143. package/dist/components/Switch/Switch.stories.js +0 -80
  144. package/dist/components/Switch/index.js +0 -14
  145. package/dist/components/Switch/styles/index.js +0 -42
  146. package/dist/components/Table/Table.js +0 -13
  147. package/dist/components/Table/Table.stories.js +0 -80
  148. package/dist/components/Table/Table.styles.js +0 -77
  149. package/dist/components/Table/index.js +0 -63
  150. package/dist/components/Tabs/Tabs.js +0 -35
  151. package/dist/components/Tabs/Tabs.stories.js +0 -44
  152. package/dist/components/Tabs/combineSizeWithVariant.js +0 -35
  153. package/dist/components/Tabs/index.js +0 -39
  154. package/dist/components/Tabs/styles/index.js +0 -71
  155. package/dist/components/Text/Text.js +0 -35
  156. package/dist/components/Text/Text.stories.js +0 -47
  157. package/dist/components/Text/Text.styles.js +0 -53
  158. package/dist/components/Text/combineAsWithVariant.js +0 -103
  159. package/dist/components/Text/options.js +0 -9
  160. package/dist/components/Textarea/Textarea.js +0 -49
  161. package/dist/components/Textarea/Textarea.stories.js +0 -62
  162. package/dist/components/Textarea/index.js +0 -14
  163. package/dist/components/Textarea/styles/index.js +0 -65
  164. package/dist/components/ThemeProvider/ThemeProvider.js +0 -47
  165. package/dist/components/ThemeProvider/ThemeProvider.stories.js +0 -52
  166. package/dist/components/Toast/Toast.stories.js +0 -84
  167. package/dist/components/ToggleButtonGroup/ToggleButtonGroup.js +0 -65
  168. package/dist/components/ToggleButtonGroup/ToggleButtonGroup.stories.js +0 -62
  169. package/dist/components/ToggleButtonGroup/index.js +0 -14
  170. package/dist/components/ToggleButtonGroup/styles/index.js +0 -48
  171. package/dist/components/index.js +0 -799
  172. package/dist/components/styles.js +0 -189
  173. package/dist/theme/base/breakpoints.js +0 -24
  174. package/dist/theme/base/colors.js +0 -144
  175. package/dist/theme/base/index.js +0 -80
  176. package/dist/theme/base/notifications.js +0 -197
  177. package/dist/theme/base/shadows.js +0 -16
  178. package/dist/theme/base/sizes.js +0 -89
  179. package/dist/theme/base/typography.js +0 -39
  180. package/dist/theme/base/zindices.js +0 -34
  181. package/dist/theme/global.js +0 -39
  182. package/dist/theme/index.js +0 -45
  183. 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
- });