@spothero/ui 23.0.1 → 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 +33 -36
  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 -75
  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,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"] = void 0;
9
- var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
10
- var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
11
- var _react = _interopRequireDefault(require("react"));
12
- var _capitalize = _interopRequireDefault(require("lodash/capitalize"));
13
- var _react2 = require("@chakra-ui/react");
14
- var _checkmark = _interopRequireDefault(require("@spothero/icons/checkmark"));
15
- var _Button = _interopRequireDefault(require("../Button"));
16
- var _buttonProps = _interopRequireDefault(require("../button-props"));
17
- var ButtonTemplate = function ButtonTemplate(props, _ref) {
18
- var _context;
19
- var hasDarkBackground = _ref.hasDarkBackground;
20
- var variant = (0, _concat["default"])(_context = "".concat(props.variant)).call(_context, hasDarkBackground ? 'OnDark' : '');
21
- return /*#__PURE__*/_react["default"].createElement(_react2.Box, null, /*#__PURE__*/_react["default"].createElement(_react2.Box, {
22
- mb: 4
23
- }, /*#__PURE__*/_react["default"].createElement(_react2.Text, {
24
- mb: "2",
25
- color: hasDarkBackground ? 'text.primary.dark' : 'text.primary.light'
26
- }, (0, _capitalize["default"])(props.variant), ":"), /*#__PURE__*/_react["default"].createElement(_react2.Box, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({}, props, {
27
- variant: variant,
28
- mr: 4,
29
- mb: 4
30
- }), props.variant, " Variant"), /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({
31
- leftIcon: /*#__PURE__*/_react["default"].createElement(_checkmark["default"], {
32
- width: "1rem"
33
- })
34
- }, props, {
35
- variant: variant,
36
- mr: 4,
37
- mb: 4
38
- }), props.variant, " With Icon"), /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({}, props, {
39
- variant: variant,
40
- as: "a",
41
- href: "http://spothero.com",
42
- isExternal: false,
43
- mr: 4,
44
- mb: 4
45
- }), "As Anchor"))));
46
- };
47
- var _default = exports["default"] = ButtonTemplate;
@@ -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"] = exports.Tertiary = exports.Secondary = exports.Primary = exports.Overview = exports.Destructive = void 0;
16
- var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
17
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
18
- var _button = _interopRequireDefault(require("./button"));
19
- var _overview = _interopRequireDefault(require("./overview"));
20
- var _Button = _interopRequireDefault(require("../Button"));
21
- var _disableArgs = _interopRequireDefault(require("storybook/utils/disable-args"));
22
- var _createControl = require("storybook/utils/create-control");
23
- 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; }
24
- 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; }
25
- var _default = exports["default"] = {
26
- title: 'v2/Button',
27
- component: {
28
- Button: _Button["default"]
29
- },
30
- parameters: {
31
- importBy: 'Button',
32
- removeBaseHtmlClass: true,
33
- chakraLink: 'https://chakra-ui.com/docs/form/button'
34
- },
35
- argTypes: _objectSpread(_objectSpread({}, (0, _disableArgs["default"])('children')), {}, {
36
- 'height': {
37
- options: ['md', 'lg', '100%'],
38
- control: {
39
- type: 'select'
40
- }
41
- },
42
- onClick: {
43
- action: 'clicked'
44
- }
45
- })
46
- };
47
- var Overview = exports.Overview = (0, _bind["default"])(_overview["default"]).call(_overview["default"], {});
48
- var Primary = exports.Primary = (0, _bind["default"])(_button["default"]).call(_button["default"], {});
49
- Primary.argTypes = _objectSpread(_objectSpread(_objectSpread({}, (0, _createControl.createSelectControl)('type', ['button', 'reset', 'submit'])), (0, _disableArgs["default"])('variant')), {}, {
50
- onClick: {
51
- action: 'clicked'
52
- }
53
- });
54
- Primary.args = {
55
- children: 'Primary',
56
- variant: 'primary',
57
- isDisabled: false,
58
- isLoading: false,
59
- loadingText: 'Loading',
60
- isFullWidth: false
61
- };
62
- var Secondary = exports.Secondary = (0, _bind["default"])(_button["default"]).call(_button["default"], {});
63
- Secondary.argTypes = _objectSpread(_objectSpread(_objectSpread({}, (0, _createControl.createSelectControl)('type', ['button', 'reset', 'submit'])), (0, _disableArgs["default"])('variant')), {}, {
64
- onClick: {
65
- action: 'clicked'
66
- }
67
- });
68
- Secondary.args = {
69
- children: 'Secondary',
70
- variant: 'secondary',
71
- isDisabled: false,
72
- isLoading: false,
73
- loadingText: 'Loading',
74
- isFullWidth: false
75
- };
76
- var Tertiary = exports.Tertiary = (0, _bind["default"])(_button["default"]).call(_button["default"], {});
77
- Tertiary.argTypes = _objectSpread(_objectSpread(_objectSpread({}, (0, _createControl.createSelectControl)('type', ['button', 'reset', 'submit'])), (0, _disableArgs["default"])('variant')), {}, {
78
- onClick: {
79
- action: 'clicked'
80
- }
81
- });
82
- Tertiary.args = {
83
- children: 'tertiary',
84
- variant: 'tertiary',
85
- isDisabled: false,
86
- isLoading: false,
87
- loadingText: 'Loading',
88
- isFullWidth: false
89
- };
90
- var Destructive = exports.Destructive = (0, _bind["default"])(_button["default"]).call(_button["default"], {});
91
- Destructive.argTypes = _objectSpread(_objectSpread(_objectSpread({}, (0, _createControl.createSelectControl)('type', ['button', 'reset', 'submit'])), (0, _disableArgs["default"])('variant')), {}, {
92
- onClick: {
93
- action: 'clicked'
94
- }
95
- });
96
- Destructive.args = {
97
- children: 'destructive',
98
- variant: 'destructive',
99
- isDisabled: false,
100
- isLoading: false,
101
- loadingText: 'Loading',
102
- isFullWidth: false
103
- };
@@ -1,77 +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 _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
11
- var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
12
- var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
13
- var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
14
- var _react = _interopRequireDefault(require("react"));
15
- var _capitalize = _interopRequireDefault(require("lodash/capitalize"));
16
- var _react2 = require("@chakra-ui/react");
17
- var _checkmark = _interopRequireDefault(require("@spothero/icons/checkmark"));
18
- var _Button = _interopRequireDefault(require("../Button"));
19
- var _Button2 = require("../Button.styles");
20
- var _Text = _interopRequireDefault(require("../../Text/Text"));
21
- var variationsArray = function variationsArray(_ref) {
22
- var _context;
23
- var baseVariantName = _ref.baseVariantName,
24
- hasDarkBackground = _ref.hasDarkBackground;
25
- var variant = (0, _concat["default"])(_context = "".concat(baseVariantName)).call(_context, hasDarkBackground ? 'OnDark' : '');
26
- return [{
27
- variant: variant,
28
- children: variant
29
- }, {
30
- variant: variant,
31
- children: "".concat(variant, " isDisabled"),
32
- isDisabled: true
33
- }, {
34
- variant: variant,
35
- children: "".concat(variant, " isLoading"),
36
- isLoading: true,
37
- loadingText: 'loading (optional)'
38
- }, {
39
- variant: variant,
40
- children: "leftIcon",
41
- leftIcon: /*#__PURE__*/_react["default"].createElement(_checkmark["default"], {
42
- width: "1rem"
43
- })
44
- }, {
45
- variant: variant,
46
- children: "".concat(variant, " asAnchor"),
47
- asAnchor: true,
48
- href: '#'
49
- }];
50
- };
51
- var OverviewTemplate = function OverviewTemplate(args, _ref2) {
52
- var _context2, _context3;
53
- var hasDarkBackground = _ref2.hasDarkBackground;
54
- return /*#__PURE__*/_react["default"].createElement(_react2.Box, null, (0, _map["default"])(_context2 = (0, _filter["default"])(_context3 = (0, _keys["default"])(_Button2.variants)).call(_context3, function (name) {
55
- return !/ondark/i.test(name);
56
- })).call(_context2, function (baseVariantName, index) {
57
- var _context4;
58
- return /*#__PURE__*/_react["default"].createElement(_react2.Box, {
59
- key: index,
60
- mb: 4
61
- }, /*#__PURE__*/_react["default"].createElement(_Text["default"], {
62
- mb: "2",
63
- color: hasDarkBackground ? 'text.primary.dark' : 'text.primary.light'
64
- }, (0, _capitalize["default"])(baseVariantName), ":"), /*#__PURE__*/_react["default"].createElement(_react2.Box, null, (0, _map["default"])(_context4 = variationsArray({
65
- baseVariantName: baseVariantName,
66
- hasDarkBackground: hasDarkBackground
67
- })).call(_context4, function (props, key) {
68
- return /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({
69
- key: key
70
- }, props, {
71
- mr: 4,
72
- mb: 4
73
- }));
74
- })));
75
- }));
76
- };
77
- var _default = exports["default"] = OverviewTemplate;
@@ -1,28 +0,0 @@
1
- "use strict";
2
-
3
- var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
4
- var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
5
- var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
6
- var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
7
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
8
- _Object$defineProperty(exports, "__esModule", {
9
- value: true
10
- });
11
- exports["default"] = void 0;
12
- var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
13
- var _react = _interopRequireWildcard(require("react"));
14
- var _react2 = require("@chakra-ui/react");
15
- 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); }
16
- 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; }
17
- var Card = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
18
- return /*#__PURE__*/_react["default"].createElement(_react2.Box, (0, _extends2["default"])({
19
- position: "relative",
20
- padding: 4,
21
- bgColor: "background.white",
22
- borderRadius: "lg",
23
- boxShadow: "md"
24
- }, props, {
25
- ref: ref
26
- }));
27
- });
28
- var _default = exports["default"] = Card;
@@ -1,33 +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.Card = 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 _Card = _interopRequireDefault(require("./Card"));
13
- var _default = exports["default"] = {
14
- title: 'v2/Card',
15
- component: _Card["default"],
16
- parameters: {
17
- removeBaseHtmlClass: true
18
- }
19
- };
20
- /*
21
- Storybook's background is white so the Card is hard to see.
22
- The Card is typically displayed against a light gray background.
23
- */
24
- var Template = function Template(props) {
25
- return /*#__PURE__*/_react["default"].createElement(_react2.Box, {
26
- backgroundColor: "gray.light",
27
- padding: 8
28
- }, /*#__PURE__*/_react["default"].createElement(_Card["default"], props));
29
- };
30
- var Card = exports.Card = (0, _bind["default"])(Template).call(Template, {});
31
- Card.args = {
32
- 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.'
33
- };
@@ -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"] = void 0;
12
- var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
13
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
14
- var _react = _interopRequireWildcard(require("react"));
15
- var _react2 = require("@chakra-ui/react");
16
- var _excluded = ["defaultChecked", "isChecked", "isDisabled", "value", "helperText", "children", "size"];
17
- function _getRequireWildcardCache(e) { if ("function" != typeof _WeakMap) return null; var r = new _WeakMap(), t = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
18
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? _Object$getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? _Object$defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
19
- var Checkbox = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
20
- var defaultChecked = _ref.defaultChecked,
21
- isChecked = _ref.isChecked,
22
- isDisabled = _ref.isDisabled,
23
- value = _ref.value,
24
- helperText = _ref.helperText,
25
- children = _ref.children,
26
- _ref$size = _ref.size,
27
- size = _ref$size === void 0 ? 'md' : _ref$size,
28
- props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
29
- var helperTextSize = size === 'sm' || size === 'md' ? 'xs' : 'sm';
30
- return /*#__PURE__*/_react["default"].createElement(_react2.Checkbox, (0, _extends2["default"])({
31
- ref: ref,
32
- defaultChecked: defaultChecked,
33
- isChecked: isChecked,
34
- isDisabled: isDisabled,
35
- isFocusable: !isDisabled,
36
- value: value,
37
- alignItems: "start",
38
- size: size
39
- }, props), children, helperText && /*#__PURE__*/_react["default"].createElement(_react2.Box, {
40
- color: "gray.600",
41
- fontSize: helperTextSize
42
- }, helperText));
43
- });
44
- var _default = exports["default"] = Checkbox;
@@ -1,69 +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.Checkbox = void 0;
9
- var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
10
- var _react = _interopRequireDefault(require("react"));
11
- var _Checkbox = _interopRequireDefault(require("./Checkbox"));
12
- var _default = exports["default"] = {
13
- title: 'v2/Checkbox',
14
- component: _Checkbox["default"],
15
- parameters: {
16
- removeBaseHtmlClass: true
17
- }
18
- };
19
- var CheckboxTemplate = function CheckboxTemplate(props) {
20
- return /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], props);
21
- };
22
- var Checkbox = exports.Checkbox = (0, _bind["default"])(CheckboxTemplate).call(CheckboxTemplate, {});
23
- Checkbox.argTypes = {
24
- size: {
25
- options: ['sm', 'md', 'lg'],
26
- control: {
27
- type: 'select'
28
- }
29
- },
30
- helperText: {
31
- control: {
32
- type: 'text'
33
- }
34
- },
35
- isDisabled: {
36
- control: {
37
- type: 'boolean'
38
- }
39
- },
40
- isChecked: {
41
- control: {
42
- type: 'boolean'
43
- }
44
- },
45
- children: {
46
- table: {
47
- disable: true
48
- }
49
- },
50
- defaultChecked: {
51
- table: {
52
- disable: true
53
- }
54
- },
55
- value: {
56
- table: {
57
- disable: true
58
- }
59
- }
60
- };
61
- Checkbox.args = {
62
- defaultChecked: true,
63
- isChecked: true,
64
- isDisabled: false,
65
- isIndeterminate: false,
66
- size: 'md',
67
- children: 'R U Cool',
68
- helperText: 'Helper text'
69
- };
@@ -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 _Checkbox["default"];
12
- }
13
- });
14
- var _Checkbox = _interopRequireDefault(require("./Checkbox"));
@@ -1,90 +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
- container: {
13
- _disabled: {
14
- cursor: 'not-allowed'
15
- }
16
- },
17
- control: {
18
- borderWidth: 1,
19
- borderStyle: 'solid',
20
- borderImage: 'initial',
21
- borderRadius: 'sm',
22
- borderColor: 'gray.600',
23
- transition: 'all 150ms ease',
24
- marginTop: 1.5,
25
- _readOnly: {
26
- boxShadow: 'none !important',
27
- userSelect: 'all'
28
- },
29
- _disabled: {
30
- cursor: 'not-allowed',
31
- userSelect: 'none',
32
- borderColor: 'gray.200'
33
- },
34
- _focus: {
35
- zIndex: 1,
36
- boxShadow: 'outline'
37
- },
38
- _checked: {
39
- borderColor: 'primary.default',
40
- backgroundColor: 'primary.default',
41
- _hover: {
42
- borderColor: 'primary.600',
43
- backgroundColor: 'primary.600'
44
- },
45
- _disabled: {
46
- borderColor: 'gray.200',
47
- backgroundColor: 'gray.200'
48
- }
49
- },
50
- '& svg': {
51
- filter: "drop-shadow(0 1px 1px rgba(0, 0, 0, 0.25))"
52
- }
53
- },
54
- label: {
55
- _disabled: {
56
- color: 'gray.200',
57
- cursor: 'not-allowed'
58
- }
59
- },
60
- icon: {
61
- color: 'white'
62
- }
63
- };
64
- var sizes = {
65
- sm: {
66
- control: {
67
- marginTop: '0.3125rem'
68
- }
69
- },
70
- md: {
71
- control: {
72
- marginTop: 1
73
- },
74
- label: {
75
- fontSize: 'base'
76
- }
77
- },
78
- lg: {
79
- control: {
80
- marginTop: 1
81
- },
82
- label: {
83
- fontSize: 'md'
84
- }
85
- }
86
- };
87
- var _default = exports["default"] = (0, _merge["default"])(_theme["default"].components.Checkbox, {
88
- baseStyle: baseStyle,
89
- sizes: sizes
90
- });
@@ -1,23 +0,0 @@
1
- "use strict";
2
-
3
- var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
4
- var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
5
- var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
6
- var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
7
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
8
- _Object$defineProperty(exports, "__esModule", {
9
- value: true
10
- });
11
- exports["default"] = void 0;
12
- var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
13
- var _react = _interopRequireWildcard(require("react"));
14
- var _react2 = require("@chakra-ui/react");
15
- var _Container = _interopRequireDefault(require("./Container.styles"));
16
- function _getRequireWildcardCache(e) { if ("function" != typeof _WeakMap) return null; var r = new _WeakMap(), t = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
17
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? _Object$getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? _Object$defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
18
- var Container = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
19
- return /*#__PURE__*/_react["default"].createElement(_react2.Container, (0, _extends2["default"])({}, _Container["default"], props, {
20
- ref: ref
21
- }));
22
- });
23
- var _default = exports["default"] = Container;
@@ -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["default"] = exports.Container = void 0;
16
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
17
- var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
18
- var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
19
- var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
20
- var _react = _interopRequireDefault(require("react"));
21
- var _Container = _interopRequireDefault(require("./Container"));
22
- var _react2 = require("@chakra-ui/react");
23
- var _createControl = require("storybook/utils/create-control");
24
- var _getAllColors = require("storybook/utils/get-all-colors");
25
- var _getAllSizes = require("storybook/utils/get-all-sizes");
26
- var _Container2 = _interopRequireDefault(require("./Container.styles"));
27
- function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
28
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
29
- var _default = exports["default"] = {
30
- title: 'v2/Container',
31
- component: _Container["default"],
32
- parameters: {
33
- removeBaseHtmlClass: true
34
- }
35
- };
36
- var ContainerTemplate = function ContainerTemplate(props) {
37
- var _context;
38
- var _useTheme = (0, _react2.useTheme)(),
39
- remToPixels = _useTheme.remToPixels;
40
- var breakpoint = (0, _react2.useBreakpointValue)(_Container2["default"].maxW);
41
- var size = (0, _react2.useToken)('sizes', breakpoint);
42
- var isMobile = breakpoint === null || breakpoint === void 0 ? void 0 : (0, _includes["default"])(breakpoint).call(breakpoint, 'base');
43
- var headingText = size ? (0, _concat["default"])(_context = "Container: ".concat(size)).call(_context, isMobile ? '' : " - ".concat(remToPixels(size), "px")) : '';
44
- return /*#__PURE__*/_react["default"].createElement(_Container["default"], props, headingText);
45
- };
46
- var Container = exports.Container = (0, _bind["default"])(ContainerTemplate).call(ContainerTemplate, {});
47
- Container.argTypes = _objectSpread(_objectSpread(_objectSpread({}, (0, _createControl.createSelectControl)('color', _getAllColors.getAllColors)), (0, _createControl.createSelectControl)('bg', _getAllColors.getAllColors)), (0, _createControl.createSelectControl)('h', _getAllSizes.getAllSizes));
48
- Container.args = {
49
- color: 'white',
50
- bg: 'secondary.default',
51
- h: '20',
52
- centerContent: true
53
- };
@@ -1,17 +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 styles = {
9
- px: 4,
10
- mx: 'auto',
11
- maxW: {
12
- base: 'container.base',
13
- tablet: 'container.tablet',
14
- desktop: 'container.desktop'
15
- }
16
- };
17
- var _default = exports["default"] = styles;