@spothero/ui 21.2.2-beta.0 → 21.4.0-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.
- package/dist/components/Accordion/Accordion.stories.js +2 -4
- package/dist/components/Accordion/AccordionActionButton.js +3 -4
- package/dist/components/Accordion/styles/index.js +2 -3
- package/dist/components/Alert/Alert.js +12 -13
- package/dist/components/Alert/Alert.stories.js +2 -4
- package/dist/components/AutoSuggestSelect/AutoSuggestSelect.js +5 -6
- package/dist/components/AutoSuggestSelect/AutoSuggestSelect.stories.js +2 -4
- package/dist/components/Badge/Badge.stories.js +2 -4
- package/dist/components/Badge/styles/index.js +3 -5
- package/dist/components/Button/Button.js +3 -4
- package/dist/components/Button/Button.styles.js +3 -5
- package/dist/components/Button/button-props.js +1 -2
- package/dist/components/Button/stories/button.js +3 -4
- package/dist/components/Button/stories/index.stories.js +6 -12
- package/dist/components/Button/stories/overview.js +3 -4
- package/dist/components/Card/Card.js +3 -4
- package/dist/components/Card/Card.stories.js +2 -4
- package/dist/components/Checkbox/Checkbox.js +3 -4
- package/dist/components/Checkbox/Checkbox.stories.js +2 -4
- package/dist/components/Checkbox/styles/index.js +2 -3
- package/dist/components/Container/Container.js +3 -4
- package/dist/components/Container/Container.stories.js +2 -4
- package/dist/components/Container/Container.styles.js +1 -2
- package/dist/components/Divider/Divider.js +3 -4
- package/dist/components/Divider/Divider.stories.js +2 -4
- package/dist/components/Divider/Divider.styles.js +3 -5
- package/dist/components/Drawer/Drawer.js +3 -4
- package/dist/components/Drawer/Drawer.stories.js +3 -4
- package/dist/components/Drawer/styles/index.js +2 -3
- package/dist/components/FormControl/FormControl.js +12 -6
- package/dist/components/Grid/Grid.js +3 -4
- package/dist/components/Grid/Grid.stories.js +5 -10
- package/dist/components/Grid/Grid.styles.js +3 -5
- package/dist/components/Grid/GridItem.js +3 -4
- package/dist/components/Grid/GridItem.styles.js +1 -2
- package/dist/components/Heading/Heading.js +3 -4
- package/dist/components/Heading/Heading.stories.js +2 -4
- package/dist/components/Heading/Heading.styles.js +3 -5
- package/dist/components/Icon/Icon.stories.js +17 -11
- package/dist/components/Image/Image.js +1 -2
- package/dist/components/Image/Image.stories.js +7 -14
- package/dist/components/Input/Input.js +6 -5
- package/dist/components/Input/Input.stories.js +2 -4
- package/dist/components/Input/styles/index.js +2 -3
- package/dist/components/Link/Link.stories.js +4 -6
- package/dist/components/Link/Link.styles.js +3 -5
- package/dist/components/List/List.js +3 -4
- package/dist/components/List/List.stories.js +5 -10
- package/dist/components/List/styles/index.js +2 -3
- package/dist/components/List/styles/item.styles.js +1 -2
- package/dist/components/Loader/Loader.js +1 -2
- package/dist/components/Loader/Loader.stories.js +4 -8
- package/dist/components/Modal/Modal.js +3 -4
- package/dist/components/Modal/Modal.stories.js +3 -4
- package/dist/components/Modal/styles/dialogContainer.js +2 -3
- package/dist/components/Modal/styles/footer.js +2 -3
- package/dist/components/Modal/styles/index.js +2 -3
- package/dist/components/Modal/styles/overlay.js +2 -3
- package/dist/components/Popover/Popover.js +3 -4
- package/dist/components/Popover/Popover.stories.js +5 -10
- package/dist/components/Popover/PopoverArrow.js +3 -4
- package/dist/components/Popover/PopoverCloseButton.js +3 -4
- package/dist/components/Popover/PopoverContent.js +3 -4
- package/dist/components/Popover/styles/index.js +2 -3
- package/dist/components/Popover/styles/popover-arrow.js +1 -2
- package/dist/components/Popover/styles/popover-body.js +1 -2
- package/dist/components/Popover/styles/popover-close-button.js +1 -2
- package/dist/components/Popover/styles/popover-content.js +1 -2
- package/dist/components/Popover/styles/popover-header.js +1 -2
- package/dist/components/Popover/styles/popper.js +1 -2
- package/dist/components/Progress/Progress.js +3 -4
- package/dist/components/Progress/Progress.stories.js +2 -4
- package/dist/components/Progress/Progress.styles.js +2 -3
- package/dist/components/Radio/Radio.js +3 -4
- package/dist/components/Radio/Radio.stories.js +1 -2
- package/dist/components/Radio/RadioGroup.js +3 -4
- package/dist/components/Radio/styles/index.js +3 -5
- package/dist/components/Select/Select.js +5 -6
- package/dist/components/Select/Select.stories.js +2 -4
- package/dist/components/Select/styles/index.js +2 -3
- package/dist/components/SelectionCard/SelectionCard.js +3 -4
- package/dist/components/SelectionCard/SelectionCard.stories.js +1 -2
- package/dist/components/Skeleton/Skeleton.stories.js +4 -8
- package/dist/components/Skeleton/Skeleton.styles.js +1 -2
- package/dist/components/Spinner/Spinner.js +3 -4
- package/dist/components/Spinner/Spinner.stories.js +7 -14
- package/dist/components/Spinner/Spinner.styles.js +5 -9
- package/dist/components/Switch/Switch.js +3 -4
- package/dist/components/Switch/Switch.stories.js +2 -4
- package/dist/components/Switch/styles/index.js +2 -3
- package/dist/components/Table/Table.stories.js +2 -4
- package/dist/components/Table/Table.styles.js +3 -5
- package/dist/components/Tabs/Tabs.js +4 -8
- package/dist/components/Tabs/Tabs.stories.js +4 -6
- package/dist/components/Tabs/combineSizeWithVariant.js +1 -2
- package/dist/components/Tabs/styles/index.js +2 -3
- package/dist/components/Text/Text.js +1 -2
- package/dist/components/Text/Text.stories.js +2 -4
- package/dist/components/Text/Text.styles.js +3 -5
- package/dist/components/Text/combineAsWithVariant.js +1 -2
- package/dist/components/Text/options.js +1 -2
- package/dist/components/ThemeProvider/ThemeProvider.js +3 -4
- package/dist/components/ThemeProvider/ThemeProvider.stories.js +2 -4
- package/dist/components/Toast/Toast.stories.js +4 -6
- package/dist/components/ToggleButtonGroup/ToggleButtonGroup.js +3 -4
- package/dist/components/ToggleButtonGroup/ToggleButtonGroup.stories.js +4 -6
- package/dist/components/ToggleButtonGroup/styles/index.js +5 -9
- package/dist/components/index.js +2 -2
- package/dist/theme/base/breakpoints.js +1 -2
- package/dist/theme/base/colors.js +1 -2
- package/dist/theme/base/notifications.js +2 -4
- package/dist/theme/base/shadows.js +1 -2
- package/dist/theme/base/sizes.js +1 -3
- package/dist/theme/base/typography.js +4 -7
- package/dist/theme/base/zindices.js +1 -2
- package/dist/theme/global.js +1 -2
- package/dist/theme/index.js +3 -4
- package/dist/utils/Spaces.js +1 -2
- package/package.json +26 -10
|
@@ -13,13 +13,12 @@ var _Text = _interopRequireDefault(require("../Text/Text"));
|
|
|
13
13
|
var _Heading = _interopRequireDefault(require("../Heading/Heading"));
|
|
14
14
|
var _createControl = require("storybook/utils/create-control");
|
|
15
15
|
var _index = require("./index");
|
|
16
|
-
var _default = {
|
|
16
|
+
var _default = exports.default = {
|
|
17
17
|
title: 'v2/Accordion',
|
|
18
18
|
parameters: {
|
|
19
19
|
removeBaseHtmlClass: true
|
|
20
20
|
}
|
|
21
21
|
};
|
|
22
|
-
exports.default = _default;
|
|
23
22
|
const AccordionTemplate = _ref => {
|
|
24
23
|
let {
|
|
25
24
|
index,
|
|
@@ -60,8 +59,7 @@ const AccordionTemplate = _ref => {
|
|
|
60
59
|
onClick: handleOnClick
|
|
61
60
|
}, "Action"), /*#__PURE__*/_react.default.createElement(_index.AccordionIcon, null))), /*#__PURE__*/_react.default.createElement(_index.AccordionPanel, null, /*#__PURE__*/_react.default.createElement(_Text.default, null, accordionText))));
|
|
62
61
|
};
|
|
63
|
-
const Accordion = AccordionTemplate.bind({});
|
|
64
|
-
exports.Accordion = Accordion;
|
|
62
|
+
const Accordion = exports.Accordion = AccordionTemplate.bind({});
|
|
65
63
|
Accordion.argTypes = {
|
|
66
64
|
accordionText: {
|
|
67
65
|
control: {
|
|
@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = require("@chakra-ui/react");
|
|
8
8
|
var _react2 = _interopRequireWildcard(require("react"));
|
|
9
|
-
function _getRequireWildcardCache(
|
|
10
|
-
function _interopRequireWildcard(
|
|
9
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
10
|
+
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; }
|
|
11
11
|
const AccordionActionButton = /*#__PURE__*/(0, _react2.forwardRef)((_ref, ref) => {
|
|
12
12
|
let {
|
|
13
13
|
children,
|
|
@@ -27,5 +27,4 @@ const AccordionActionButton = /*#__PURE__*/(0, _react2.forwardRef)((_ref, ref) =
|
|
|
27
27
|
color: "primary.default"
|
|
28
28
|
}, children);
|
|
29
29
|
});
|
|
30
|
-
var _default = AccordionActionButton;
|
|
31
|
-
exports.default = _default;
|
|
30
|
+
var _default = exports.default = AccordionActionButton;
|
|
@@ -69,9 +69,8 @@ const variants = {
|
|
|
69
69
|
const defaultProps = {
|
|
70
70
|
variant: 'lined'
|
|
71
71
|
};
|
|
72
|
-
var _default = (0, _merge.default)(_theme.default.components.Accordion, {
|
|
72
|
+
var _default = exports.default = (0, _merge.default)(_theme.default.components.Accordion, {
|
|
73
73
|
variants,
|
|
74
74
|
baseStyle,
|
|
75
75
|
defaultProps
|
|
76
|
-
});
|
|
77
|
-
exports.default = _default;
|
|
76
|
+
});
|
|
@@ -10,20 +10,20 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
10
10
|
var _merge = _interopRequireDefault(require("lodash/merge"));
|
|
11
11
|
var _react2 = require("@chakra-ui/react");
|
|
12
12
|
var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var
|
|
16
|
-
var
|
|
13
|
+
var _times = _interopRequireDefault(require("@spothero/icons/times"));
|
|
14
|
+
var _filledInfoCircle = _interopRequireDefault(require("@spothero/icons/filled-info-circle"));
|
|
15
|
+
var _filledExclamationCircle = _interopRequireDefault(require("@spothero/icons/filled-exclamation-circle"));
|
|
16
|
+
var _filledCheckCircle = _interopRequireDefault(require("@spothero/icons/filled-check-circle"));
|
|
17
17
|
var _Button = _interopRequireDefault(require("../Button/Button"));
|
|
18
18
|
var _Icon = _interopRequireDefault(require("../Icon/Icon"));
|
|
19
19
|
var _notifications = require("../../theme/base/notifications");
|
|
20
|
-
function _getRequireWildcardCache(
|
|
21
|
-
function _interopRequireWildcard(
|
|
20
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
21
|
+
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; }
|
|
22
22
|
const statusIconMapping = {
|
|
23
|
-
[_notifications.NOTIFICATION_STATUSES.WARNING]:
|
|
24
|
-
[_notifications.NOTIFICATION_STATUSES.SUCCESS]:
|
|
25
|
-
[_notifications.NOTIFICATION_STATUSES.ERROR]:
|
|
26
|
-
[_notifications.NOTIFICATION_STATUSES.NEUTRAL]:
|
|
23
|
+
[_notifications.NOTIFICATION_STATUSES.WARNING]: _filledExclamationCircle.default,
|
|
24
|
+
[_notifications.NOTIFICATION_STATUSES.SUCCESS]: _filledCheckCircle.default,
|
|
25
|
+
[_notifications.NOTIFICATION_STATUSES.ERROR]: _filledExclamationCircle.default,
|
|
26
|
+
[_notifications.NOTIFICATION_STATUSES.NEUTRAL]: _filledInfoCircle.default
|
|
27
27
|
};
|
|
28
28
|
const Alert = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
29
29
|
let {
|
|
@@ -65,7 +65,7 @@ const Alert = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
|
65
65
|
}), /*#__PURE__*/_react.default.createElement(_Icon.default, {
|
|
66
66
|
width: 3,
|
|
67
67
|
height: "auto",
|
|
68
|
-
as:
|
|
68
|
+
as: _times.default
|
|
69
69
|
})) : null));
|
|
70
70
|
});
|
|
71
71
|
Alert.defaultProps = {
|
|
@@ -81,5 +81,4 @@ Alert.defaultProps = {
|
|
|
81
81
|
size: 'md',
|
|
82
82
|
icon: null
|
|
83
83
|
};
|
|
84
|
-
var _default = Alert;
|
|
85
|
-
exports.default = _default;
|
|
84
|
+
var _default = exports.default = Alert;
|
|
@@ -11,14 +11,13 @@ var _react2 = require("@chakra-ui/react");
|
|
|
11
11
|
var _createControl = require("storybook/utils/create-control");
|
|
12
12
|
var _disableArgs = _interopRequireDefault(require("storybook/utils/disable-args"));
|
|
13
13
|
var _Alert = _interopRequireDefault(require("./Alert"));
|
|
14
|
-
var _default = {
|
|
14
|
+
var _default = exports.default = {
|
|
15
15
|
title: 'v2/Alert',
|
|
16
16
|
component: _Alert.default,
|
|
17
17
|
parameters: {
|
|
18
18
|
removeBaseHtmlClass: true
|
|
19
19
|
}
|
|
20
20
|
};
|
|
21
|
-
exports.default = _default;
|
|
22
21
|
const AlertTemplate = props => /*#__PURE__*/_react.default.createElement(_react2.VStack, {
|
|
23
22
|
alignItems: "flex-start"
|
|
24
23
|
}, /*#__PURE__*/_react.default.createElement(_react2.Text, null, "Status: Success"), /*#__PURE__*/_react.default.createElement(_Alert.default, (0, _extends2.default)({
|
|
@@ -30,8 +29,7 @@ const AlertTemplate = props => /*#__PURE__*/_react.default.createElement(_react2
|
|
|
30
29
|
}, props)), /*#__PURE__*/_react.default.createElement(_react2.Text, null, "Status: Neutral"), /*#__PURE__*/_react.default.createElement(_Alert.default, (0, _extends2.default)({
|
|
31
30
|
status: "neutral"
|
|
32
31
|
}, props)));
|
|
33
|
-
const Alert = AlertTemplate.bind({});
|
|
34
|
-
exports.Alert = Alert;
|
|
32
|
+
const Alert = exports.Alert = AlertTemplate.bind({});
|
|
35
33
|
Alert.argTypes = {
|
|
36
34
|
...(0, _createControl.createSelectControl)('size', ['sm', 'md', 'lg']),
|
|
37
35
|
...(0, _disableArgs.default)(['buttonProps', 'onDismissClick', 'status'])
|
|
@@ -10,9 +10,9 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
10
10
|
var _FormControl = _interopRequireDefault(require("../FormControl/FormControl"));
|
|
11
11
|
var _async = _interopRequireDefault(require("react-select/async"));
|
|
12
12
|
var _react2 = require("@chakra-ui/react");
|
|
13
|
-
var
|
|
14
|
-
function _getRequireWildcardCache(
|
|
15
|
-
function _interopRequireWildcard(
|
|
13
|
+
var _timesCircle = _interopRequireDefault(require("@spothero/icons/times-circle"));
|
|
14
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
15
|
+
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; }
|
|
16
16
|
const AutoSuggestSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
17
17
|
let {
|
|
18
18
|
id,
|
|
@@ -123,7 +123,7 @@ const AutoSuggestSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
|
123
123
|
return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
|
|
124
124
|
style: clearIndicatorStyles,
|
|
125
125
|
ref: innerRef
|
|
126
|
-
}, innerProps), /*#__PURE__*/_react.default.createElement(
|
|
126
|
+
}, innerProps), /*#__PURE__*/_react.default.createElement(_timesCircle.default, null));
|
|
127
127
|
};
|
|
128
128
|
return /*#__PURE__*/_react.default.createElement(_FormControl.default, {
|
|
129
129
|
errorMessage: errorMessage,
|
|
@@ -150,5 +150,4 @@ const AutoSuggestSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
|
150
150
|
ref: ref
|
|
151
151
|
}));
|
|
152
152
|
});
|
|
153
|
-
var _default = AutoSuggestSelect;
|
|
154
|
-
exports.default = _default;
|
|
153
|
+
var _default = exports.default = AutoSuggestSelect;
|
|
@@ -7,15 +7,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = exports.AutoSuggestSelect = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _react2 = require("@chakra-ui/react");
|
|
10
|
-
var _default = {
|
|
10
|
+
var _default = exports.default = {
|
|
11
11
|
title: 'v2/AutoSuggestSelect',
|
|
12
12
|
parameters: {
|
|
13
13
|
removeBaseHtmlClass: true
|
|
14
14
|
}
|
|
15
15
|
};
|
|
16
|
-
exports.default = _default;
|
|
17
16
|
const AutoSuggestSelectTemplate = props => /*#__PURE__*/_react.default.createElement(_react2.VStack, {
|
|
18
17
|
alignItems: "flex-start"
|
|
19
18
|
}, /*#__PURE__*/_react.default.createElement(_react2.Text, null, "AutoSuggestSelect story currently broken due to issues between current version of storybook, forwardref, and hooks. Updating storybook will likely help."));
|
|
20
|
-
const AutoSuggestSelect = AutoSuggestSelectTemplate.bind({});
|
|
21
|
-
exports.AutoSuggestSelect = AutoSuggestSelect;
|
|
19
|
+
const AutoSuggestSelect = exports.AutoSuggestSelect = AutoSuggestSelectTemplate.bind({});
|
|
@@ -7,14 +7,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = exports.Badge = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _Badge = _interopRequireDefault(require("./Badge"));
|
|
10
|
-
var _default = {
|
|
10
|
+
var _default = exports.default = {
|
|
11
11
|
title: 'v2/Badge',
|
|
12
12
|
component: _Badge.default,
|
|
13
13
|
parameters: {
|
|
14
14
|
removeBaseHtmlClass: true
|
|
15
15
|
}
|
|
16
16
|
};
|
|
17
|
-
exports.default = _default;
|
|
18
17
|
const Template = props => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Badge.default, {
|
|
19
18
|
variant: "primary"
|
|
20
19
|
}, "Primary"), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Badge.default, {
|
|
@@ -26,5 +25,4 @@ const Template = props => /*#__PURE__*/_react.default.createElement(_react.defau
|
|
|
26
25
|
variant: "subtle",
|
|
27
26
|
colorScheme: "red"
|
|
28
27
|
}, "Removed"));
|
|
29
|
-
const Badge = Template.bind({});
|
|
30
|
-
exports.Badge = Badge;
|
|
28
|
+
const Badge = exports.Badge = Template.bind({});
|
|
@@ -14,7 +14,7 @@ const baseStyle = {
|
|
|
14
14
|
borderRadius: 'sm',
|
|
15
15
|
fontWeight: 'bold'
|
|
16
16
|
};
|
|
17
|
-
const variants = {
|
|
17
|
+
const variants = exports.variants = {
|
|
18
18
|
primary: {
|
|
19
19
|
bg: 'primary.default',
|
|
20
20
|
color: 'white'
|
|
@@ -24,11 +24,9 @@ const variants = {
|
|
|
24
24
|
color: 'black'
|
|
25
25
|
}
|
|
26
26
|
};
|
|
27
|
-
exports.variants = variants;
|
|
28
27
|
const defaultProps = {};
|
|
29
|
-
var _default = (0, _merge.default)(_theme.default.components.Badge, {
|
|
28
|
+
var _default = exports.default = (0, _merge.default)(_theme.default.components.Badge, {
|
|
30
29
|
variants,
|
|
31
30
|
baseStyle,
|
|
32
31
|
defaultProps
|
|
33
|
-
});
|
|
34
|
-
exports.default = _default;
|
|
32
|
+
});
|
|
@@ -9,8 +9,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
|
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _react2 = require("@chakra-ui/react");
|
|
11
11
|
var _buttonProps = _interopRequireDefault(require("./button-props"));
|
|
12
|
-
function _getRequireWildcardCache(
|
|
13
|
-
function _interopRequireWildcard(
|
|
12
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
13
|
+
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; }
|
|
14
14
|
const anchorProps = function () {
|
|
15
15
|
let isExternal = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
16
16
|
return {
|
|
@@ -39,5 +39,4 @@ Button.defaultProps = {
|
|
|
39
39
|
variant: 'primary',
|
|
40
40
|
type: 'button'
|
|
41
41
|
};
|
|
42
|
-
var _default = Button;
|
|
43
|
-
exports.default = _default;
|
|
42
|
+
var _default = exports.default = Button;
|
|
@@ -48,7 +48,7 @@ const destructiveButtonStyles = {
|
|
|
48
48
|
...disabledButtonHoverStyle
|
|
49
49
|
}
|
|
50
50
|
};
|
|
51
|
-
const variants = {
|
|
51
|
+
const variants = exports.variants = {
|
|
52
52
|
primary: {
|
|
53
53
|
bg: 'primary.default',
|
|
54
54
|
borderColor: 'primary.default',
|
|
@@ -148,13 +148,11 @@ const variants = {
|
|
|
148
148
|
...destructiveButtonStyles
|
|
149
149
|
}
|
|
150
150
|
};
|
|
151
|
-
exports.variants = variants;
|
|
152
151
|
const defaultProps = {
|
|
153
152
|
size: null
|
|
154
153
|
};
|
|
155
|
-
var _default = (0, _merge.default)(_theme.default.components.Button, {
|
|
154
|
+
var _default = exports.default = (0, _merge.default)(_theme.default.components.Button, {
|
|
156
155
|
variants,
|
|
157
156
|
baseStyle,
|
|
158
157
|
defaultProps
|
|
159
|
-
});
|
|
160
|
-
exports.default = _default;
|
|
158
|
+
});
|
|
@@ -9,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
|
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
10
|
var _capitalize = _interopRequireDefault(require("lodash/capitalize"));
|
|
11
11
|
var _react2 = require("@chakra-ui/react");
|
|
12
|
-
var
|
|
12
|
+
var _check = _interopRequireDefault(require("@spothero/icons/check"));
|
|
13
13
|
var _Button = _interopRequireDefault(require("../Button"));
|
|
14
14
|
var _buttonProps = _interopRequireDefault(require("../button-props"));
|
|
15
15
|
const ButtonTemplate = (props, _ref) => {
|
|
@@ -27,7 +27,7 @@ const ButtonTemplate = (props, _ref) => {
|
|
|
27
27
|
mr: 4,
|
|
28
28
|
mb: 4
|
|
29
29
|
}), props.variant, " Variant"), /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({
|
|
30
|
-
leftIcon: /*#__PURE__*/_react.default.createElement(
|
|
30
|
+
leftIcon: /*#__PURE__*/_react.default.createElement(_check.default, {
|
|
31
31
|
width: "1rem"
|
|
32
32
|
})
|
|
33
33
|
}, props, {
|
|
@@ -43,5 +43,4 @@ const ButtonTemplate = (props, _ref) => {
|
|
|
43
43
|
mb: 4
|
|
44
44
|
}), "As Anchor"))));
|
|
45
45
|
};
|
|
46
|
-
var _default = ButtonTemplate;
|
|
47
|
-
exports.default = _default;
|
|
46
|
+
var _default = exports.default = ButtonTemplate;
|
|
@@ -10,7 +10,7 @@ var _overview = _interopRequireDefault(require("./overview"));
|
|
|
10
10
|
var _Button = _interopRequireDefault(require("../Button"));
|
|
11
11
|
var _disableArgs = _interopRequireDefault(require("storybook/utils/disable-args"));
|
|
12
12
|
var _createControl = require("storybook/utils/create-control");
|
|
13
|
-
var _default = {
|
|
13
|
+
var _default = exports.default = {
|
|
14
14
|
title: 'v2/Button',
|
|
15
15
|
component: {
|
|
16
16
|
Button: _Button.default
|
|
@@ -27,11 +27,8 @@ var _default = {
|
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
29
|
};
|
|
30
|
-
exports.
|
|
31
|
-
const
|
|
32
|
-
exports.Overview = Overview;
|
|
33
|
-
const Primary = _button.default.bind({});
|
|
34
|
-
exports.Primary = Primary;
|
|
30
|
+
const Overview = exports.Overview = _overview.default.bind({});
|
|
31
|
+
const Primary = exports.Primary = _button.default.bind({});
|
|
35
32
|
Primary.argTypes = {
|
|
36
33
|
...(0, _createControl.createSelectControl)('type', ['button', 'reset', 'submit']),
|
|
37
34
|
...(0, _disableArgs.default)('variant'),
|
|
@@ -47,8 +44,7 @@ Primary.args = {
|
|
|
47
44
|
loadingText: 'Loading',
|
|
48
45
|
isFullWidth: false
|
|
49
46
|
};
|
|
50
|
-
const Secondary = _button.default.bind({});
|
|
51
|
-
exports.Secondary = Secondary;
|
|
47
|
+
const Secondary = exports.Secondary = _button.default.bind({});
|
|
52
48
|
Secondary.argTypes = {
|
|
53
49
|
...(0, _createControl.createSelectControl)('type', ['button', 'reset', 'submit']),
|
|
54
50
|
...(0, _disableArgs.default)('variant'),
|
|
@@ -64,8 +60,7 @@ Secondary.args = {
|
|
|
64
60
|
loadingText: 'Loading',
|
|
65
61
|
isFullWidth: false
|
|
66
62
|
};
|
|
67
|
-
const Tertiary = _button.default.bind({});
|
|
68
|
-
exports.Tertiary = Tertiary;
|
|
63
|
+
const Tertiary = exports.Tertiary = _button.default.bind({});
|
|
69
64
|
Tertiary.argTypes = {
|
|
70
65
|
...(0, _createControl.createSelectControl)('type', ['button', 'reset', 'submit']),
|
|
71
66
|
...(0, _disableArgs.default)('variant'),
|
|
@@ -81,8 +76,7 @@ Tertiary.args = {
|
|
|
81
76
|
loadingText: 'Loading',
|
|
82
77
|
isFullWidth: false
|
|
83
78
|
};
|
|
84
|
-
const Destructive = _button.default.bind({});
|
|
85
|
-
exports.Destructive = Destructive;
|
|
79
|
+
const Destructive = exports.Destructive = _button.default.bind({});
|
|
86
80
|
Destructive.argTypes = {
|
|
87
81
|
...(0, _createControl.createSelectControl)('type', ['button', 'reset', 'submit']),
|
|
88
82
|
...(0, _disableArgs.default)('variant'),
|
|
@@ -9,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
|
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
10
|
var _capitalize = _interopRequireDefault(require("lodash/capitalize"));
|
|
11
11
|
var _react2 = require("@chakra-ui/react");
|
|
12
|
-
var
|
|
12
|
+
var _check = _interopRequireDefault(require("@spothero/icons/check"));
|
|
13
13
|
var _Button = _interopRequireDefault(require("../Button"));
|
|
14
14
|
var _Button2 = require("../Button.styles");
|
|
15
15
|
var _Text = _interopRequireDefault(require("../../Text/Text"));
|
|
@@ -34,7 +34,7 @@ const variationsArray = _ref => {
|
|
|
34
34
|
}, {
|
|
35
35
|
variant,
|
|
36
36
|
children: `leftIcon`,
|
|
37
|
-
leftIcon: /*#__PURE__*/_react.default.createElement(
|
|
37
|
+
leftIcon: /*#__PURE__*/_react.default.createElement(_check.default, {
|
|
38
38
|
width: "1rem"
|
|
39
39
|
})
|
|
40
40
|
}, {
|
|
@@ -64,5 +64,4 @@ const OverviewTemplate = (args, _ref2) => {
|
|
|
64
64
|
mb: 4
|
|
65
65
|
})))))));
|
|
66
66
|
};
|
|
67
|
-
var _default = OverviewTemplate;
|
|
68
|
-
exports.default = _default;
|
|
67
|
+
var _default = exports.default = OverviewTemplate;
|
|
@@ -8,8 +8,8 @@ exports.default = void 0;
|
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _react2 = require("@chakra-ui/react");
|
|
11
|
-
function _getRequireWildcardCache(
|
|
12
|
-
function _interopRequireWildcard(
|
|
11
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
12
|
+
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; }
|
|
13
13
|
const Card = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/_react.default.createElement(_react2.Box, (0, _extends2.default)({
|
|
14
14
|
position: "relative",
|
|
15
15
|
padding: 4,
|
|
@@ -19,5 +19,4 @@ const Card = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/_r
|
|
|
19
19
|
}, props, {
|
|
20
20
|
ref: ref
|
|
21
21
|
})));
|
|
22
|
-
var _default = Card;
|
|
23
|
-
exports.default = _default;
|
|
22
|
+
var _default = exports.default = Card;
|
|
@@ -8,7 +8,7 @@ exports.default = exports.Card = void 0;
|
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _react2 = require("@chakra-ui/react");
|
|
10
10
|
var _Card = _interopRequireDefault(require("./Card"));
|
|
11
|
-
var _default = {
|
|
11
|
+
var _default = exports.default = {
|
|
12
12
|
title: 'v2/Card',
|
|
13
13
|
component: _Card.default,
|
|
14
14
|
parameters: {
|
|
@@ -19,13 +19,11 @@ var _default = {
|
|
|
19
19
|
Storybook's background is white so the Card is hard to see.
|
|
20
20
|
The Card is typically displayed against a light gray background.
|
|
21
21
|
*/
|
|
22
|
-
exports.default = _default;
|
|
23
22
|
const Template = props => /*#__PURE__*/_react.default.createElement(_react2.Box, {
|
|
24
23
|
backgroundColor: "gray.light",
|
|
25
24
|
padding: 8
|
|
26
25
|
}, /*#__PURE__*/_react.default.createElement(_Card.default, props));
|
|
27
|
-
const Card = Template.bind({});
|
|
28
|
-
exports.Card = Card;
|
|
26
|
+
const Card = exports.Card = Template.bind({});
|
|
29
27
|
Card.args = {
|
|
30
28
|
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.'
|
|
31
29
|
};
|
|
@@ -8,8 +8,8 @@ exports.default = void 0;
|
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _react2 = require("@chakra-ui/react");
|
|
11
|
-
function _getRequireWildcardCache(
|
|
12
|
-
function _interopRequireWildcard(
|
|
11
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
12
|
+
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; }
|
|
13
13
|
const Checkbox = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
14
14
|
let {
|
|
15
15
|
defaultChecked,
|
|
@@ -36,5 +36,4 @@ const Checkbox = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
|
36
36
|
fontSize: helperTextSize
|
|
37
37
|
}, helperText));
|
|
38
38
|
});
|
|
39
|
-
var _default = Checkbox;
|
|
40
|
-
exports.default = _default;
|
|
39
|
+
var _default = exports.default = Checkbox;
|
|
@@ -7,17 +7,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = exports.Checkbox = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _Checkbox = _interopRequireDefault(require("./Checkbox"));
|
|
10
|
-
var _default = {
|
|
10
|
+
var _default = exports.default = {
|
|
11
11
|
title: 'v2/Checkbox',
|
|
12
12
|
component: _Checkbox.default,
|
|
13
13
|
parameters: {
|
|
14
14
|
removeBaseHtmlClass: true
|
|
15
15
|
}
|
|
16
16
|
};
|
|
17
|
-
exports.default = _default;
|
|
18
17
|
const CheckboxTemplate = props => /*#__PURE__*/_react.default.createElement(_Checkbox.default, props);
|
|
19
|
-
const Checkbox = CheckboxTemplate.bind({});
|
|
20
|
-
exports.Checkbox = Checkbox;
|
|
18
|
+
const Checkbox = exports.Checkbox = CheckboxTemplate.bind({});
|
|
21
19
|
Checkbox.argTypes = {
|
|
22
20
|
size: {
|
|
23
21
|
options: ['sm', 'md', 'lg'],
|
|
@@ -83,8 +83,7 @@ const sizes = {
|
|
|
83
83
|
}
|
|
84
84
|
}
|
|
85
85
|
};
|
|
86
|
-
var _default = (0, _merge.default)(_theme.default.components.Checkbox, {
|
|
86
|
+
var _default = exports.default = (0, _merge.default)(_theme.default.components.Checkbox, {
|
|
87
87
|
baseStyle,
|
|
88
88
|
sizes
|
|
89
|
-
});
|
|
90
|
-
exports.default = _default;
|
|
89
|
+
});
|
|
@@ -9,10 +9,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
|
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _react2 = require("@chakra-ui/react");
|
|
11
11
|
var _Container = _interopRequireDefault(require("./Container.styles"));
|
|
12
|
-
function _getRequireWildcardCache(
|
|
13
|
-
function _interopRequireWildcard(
|
|
12
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
13
|
+
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; }
|
|
14
14
|
const Container = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/_react.default.createElement(_react2.Container, (0, _extends2.default)({}, _Container.default, props, {
|
|
15
15
|
ref: ref
|
|
16
16
|
})));
|
|
17
|
-
var _default = Container;
|
|
18
|
-
exports.default = _default;
|
|
17
|
+
var _default = exports.default = Container;
|
|
@@ -12,14 +12,13 @@ var _createControl = require("storybook/utils/create-control");
|
|
|
12
12
|
var _getAllColors = require("storybook/utils/get-all-colors");
|
|
13
13
|
var _getAllSizes = require("storybook/utils/get-all-sizes");
|
|
14
14
|
var _Container2 = _interopRequireDefault(require("./Container.styles"));
|
|
15
|
-
var _default = {
|
|
15
|
+
var _default = exports.default = {
|
|
16
16
|
title: 'v2/Container',
|
|
17
17
|
component: _Container.default,
|
|
18
18
|
parameters: {
|
|
19
19
|
removeBaseHtmlClass: true
|
|
20
20
|
}
|
|
21
21
|
};
|
|
22
|
-
exports.default = _default;
|
|
23
22
|
const ContainerTemplate = props => {
|
|
24
23
|
const {
|
|
25
24
|
remToPixels
|
|
@@ -30,8 +29,7 @@ const ContainerTemplate = props => {
|
|
|
30
29
|
const headingText = size ? `Container: ${size}${isMobile ? '' : ` - ${remToPixels(size)}px`}` : '';
|
|
31
30
|
return /*#__PURE__*/_react.default.createElement(_Container.default, props, headingText);
|
|
32
31
|
};
|
|
33
|
-
const Container = ContainerTemplate.bind({});
|
|
34
|
-
exports.Container = Container;
|
|
32
|
+
const Container = exports.Container = ContainerTemplate.bind({});
|
|
35
33
|
Container.argTypes = {
|
|
36
34
|
...(0, _createControl.createSelectControl)('color', _getAllColors.getAllColors),
|
|
37
35
|
...(0, _createControl.createSelectControl)('bg', _getAllColors.getAllColors),
|
|
@@ -9,8 +9,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
|
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _react2 = require("@chakra-ui/react");
|
|
11
11
|
var _Divider = require("./Divider.styles");
|
|
12
|
-
function _getRequireWildcardCache(
|
|
13
|
-
function _interopRequireWildcard(
|
|
12
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
13
|
+
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; }
|
|
14
14
|
const Divider = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
15
15
|
let {
|
|
16
16
|
variant,
|
|
@@ -27,5 +27,4 @@ Divider.defaultProps = {
|
|
|
27
27
|
variant: 'solid',
|
|
28
28
|
colorScheme: 'medium'
|
|
29
29
|
};
|
|
30
|
-
var _default = Divider;
|
|
31
|
-
exports.default = _default;
|
|
30
|
+
var _default = exports.default = Divider;
|
|
@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
9
9
|
var _Divider = require("./Divider.styles");
|
|
10
10
|
var _Divider2 = _interopRequireDefault(require("./Divider"));
|
|
11
11
|
var _react2 = require("@chakra-ui/react");
|
|
12
|
-
var _default = {
|
|
12
|
+
var _default = exports.default = {
|
|
13
13
|
title: 'v2/Divider',
|
|
14
14
|
component: _Divider2.default,
|
|
15
15
|
argTypes: {
|
|
@@ -27,10 +27,8 @@ var _default = {
|
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
29
|
};
|
|
30
|
-
exports.default = _default;
|
|
31
30
|
const Template = props => /*#__PURE__*/_react.default.createElement(_react2.Box, null, /*#__PURE__*/_react.default.createElement(_react2.Text, null, "Over HowdyHowdyHowdy"), /*#__PURE__*/_react.default.createElement(_Divider2.default, props), /*#__PURE__*/_react.default.createElement(_react2.Text, null, "Under HowdyHowdyHowdy"));
|
|
32
|
-
const Divider = Template.bind({});
|
|
33
|
-
exports.Divider = Divider;
|
|
31
|
+
const Divider = exports.Divider = Template.bind({});
|
|
34
32
|
Divider.args = {
|
|
35
33
|
variant: 'solid',
|
|
36
34
|
colorScheme: 'medium'
|