@spothero/ui 17.1.0-beta.5 → 17.1.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 +57 -49
- package/dist/components/Accordion/AccordionActionButton.js +31 -0
- package/dist/components/Accordion/index.js +17 -14
- package/dist/components/Accordion/styles/index.js +64 -19
- package/dist/components/Alert/Alert.js +36 -58
- package/dist/components/Alert/Alert.stories.js +35 -47
- package/dist/components/Alert/index.js +1 -3
- package/dist/components/AutoSuggestSelect/AutoSuggestSelect.js +84 -119
- package/dist/components/AutoSuggestSelect/AutoSuggestSelect.stories.js +4 -12
- package/dist/components/AutoSuggestSelect/index.js +1 -3
- package/dist/components/Badge/Badge.js +1 -2
- package/dist/components/Badge/Badge.stories.js +12 -20
- package/dist/components/Badge/styles/index.js +6 -12
- package/dist/components/Button/Button.js +17 -47
- package/dist/components/Button/Button.spec.js +4 -10
- package/dist/components/Button/Button.styles.js +36 -49
- package/dist/components/Button/button-props.js +2 -20
- package/dist/components/Button/index.js +2 -5
- package/dist/components/Button/stories/button.js +5 -17
- package/dist/components/Button/stories/index.stories.js +24 -48
- package/dist/components/Button/stories/overview.js +34 -62
- package/dist/components/Card/Card.js +11 -26
- package/dist/components/Card/Card.stories.js +5 -15
- package/dist/components/Checkbox/Checkbox.js +1 -2
- package/dist/components/Checkbox/Checkbox.stories.js +2 -10
- package/dist/components/Checkbox/index.js +1 -3
- package/dist/components/Checkbox/styles/index.js +3 -11
- package/dist/components/Container/Container.js +5 -21
- package/dist/components/Container/Container.stories.js +14 -43
- package/dist/components/Container/Container.styles.js +1 -1
- package/dist/components/Divider/Divider.js +8 -24
- package/dist/components/Divider/Divider.stories.js +3 -15
- package/dist/components/Divider/Divider.styles.js +2 -8
- package/dist/components/FormControl/FormControl.js +14 -29
- package/dist/components/Grid/Grid.js +7 -24
- package/dist/components/Grid/Grid.stories.js +36 -60
- package/dist/components/Grid/Grid.styles.js +2 -2
- package/dist/components/Grid/GridItem.js +5 -21
- package/dist/components/Grid/GridItem.styles.js +2 -1
- package/dist/components/Grid/index.js +2 -5
- package/dist/components/Heading/Heading.js +8 -29
- package/dist/components/Heading/Heading.stories.js +4 -15
- package/dist/components/Heading/Heading.styles.js +24 -38
- package/dist/components/Icon/Icon.js +1 -2
- package/dist/components/Icon/Icon.stories.js +19 -28
- package/dist/components/Image/Image.js +39 -69
- package/dist/components/Image/Image.spec.js +16 -22
- package/dist/components/Image/Image.stories.js +8 -19
- package/dist/components/Input/Input.js +14 -31
- package/dist/components/Input/Input.stories.js +5 -15
- package/dist/components/Input/index.js +1 -3
- package/dist/components/Input/styles/index.js +4 -10
- package/dist/components/Link/Link.js +1 -2
- package/dist/components/Link/Link.stories.js +5 -12
- package/dist/components/Link/Link.styles.js +8 -8
- package/dist/components/List/List.js +14 -37
- package/dist/components/List/List.stories.js +18 -59
- package/dist/components/List/index.js +2 -5
- package/dist/components/List/styles/index.js +2 -9
- package/dist/components/List/styles/item.styles.js +1 -1
- package/dist/components/Loader/Loader.js +17 -33
- package/dist/components/Loader/Loader.stories.js +24 -44
- package/dist/components/Modal/Modal.js +17 -23
- package/dist/components/Modal/Modal.stories.js +30 -100
- package/dist/components/Modal/index.js +1 -3
- package/dist/components/Modal/styles/body.js +11 -28
- package/dist/components/Modal/styles/closeButton.js +4 -4
- package/dist/components/Modal/styles/dialog.js +4 -4
- package/dist/components/Modal/styles/dialogContainer.js +5 -11
- package/dist/components/Modal/styles/header.js +5 -5
- package/dist/components/Modal/styles/index.js +12 -28
- package/dist/components/Popover/Popover.js +12 -33
- package/dist/components/Popover/Popover.stories.js +36 -62
- package/dist/components/Popover/PopoverArrow.js +3 -17
- package/dist/components/Popover/PopoverCloseButton.js +3 -17
- package/dist/components/Popover/PopoverContent.js +10 -27
- package/dist/components/Popover/index.js +4 -8
- package/dist/components/Popover/styles/index.js +9 -22
- package/dist/components/Popover/styles/popover-arrow.js +4 -4
- package/dist/components/Popover/styles/popover-body.js +3 -7
- package/dist/components/Popover/styles/popover-close-button.js +7 -10
- package/dist/components/Popover/styles/popover-content.js +5 -7
- package/dist/components/Popover/styles/popover-header.js +1 -1
- package/dist/components/Popover/styles/popper.js +1 -1
- package/dist/components/Radio/Radio.js +12 -27
- package/dist/components/Radio/Radio.stories.js +2 -12
- package/dist/components/Radio/RadioGroup.js +17 -33
- package/dist/components/Radio/index.js +2 -5
- package/dist/components/Radio/styles/index.js +5 -13
- package/dist/components/Select/Select.js +14 -33
- package/dist/components/Select/Select.stories.js +13 -22
- package/dist/components/Select/index.js +1 -3
- package/dist/components/Select/styles/index.js +4 -14
- package/dist/components/Skeleton/Skeleton.stories.js +6 -20
- package/dist/components/Skeleton/Skeleton.styles.js +0 -3
- package/dist/components/Skeleton/index.js +3 -4
- package/dist/components/Spinner/Spinner.js +9 -25
- package/dist/components/Spinner/Spinner.stories.js +42 -70
- package/dist/components/Spinner/Spinner.styles.js +56 -43
- package/dist/components/Switch/Switch.js +13 -30
- package/dist/components/Switch/Switch.stories.js +2 -10
- package/dist/components/Switch/index.js +1 -3
- package/dist/components/Switch/styles/index.js +10 -31
- package/dist/components/Table/Table.js +1 -2
- package/dist/components/Table/Table.stories.js +17 -37
- package/dist/components/Table/Table.styles.js +13 -32
- package/dist/components/Table/index.js +8 -11
- package/dist/components/Tabs/Tabs.js +14 -22
- package/dist/components/Tabs/Tabs.stories.js +4 -20
- package/dist/components/Tabs/combineSizeWithVariant.js +11 -17
- package/dist/components/Tabs/index.js +5 -8
- package/dist/components/Tabs/styles/index.js +2 -8
- package/dist/components/Text/Text.js +8 -17
- package/dist/components/Text/Text.stories.js +3 -15
- package/dist/components/Text/Text.styles.js +15 -35
- package/dist/components/Text/combineAsWithVariant.js +36 -57
- package/dist/components/Text/options.js +1 -1
- package/dist/components/ThemeProvider/ThemeProvider.js +10 -33
- package/dist/components/ThemeProvider/ThemeProvider.stories.js +7 -16
- package/dist/components/Toast/Toast.stories.js +79 -0
- package/dist/components/index.js +95 -171
- package/dist/components/styles.js +32 -61
- package/dist/theme/base/breakpoints.js +1 -4
- package/dist/theme/base/colors.js +32 -45
- package/dist/theme/base/index.js +27 -14
- package/dist/{components/Alert/styles/index.js → theme/base/notifications.js} +75 -72
- package/dist/theme/base/sizes.js +4 -4
- package/dist/theme/base/typography.js +5 -6
- package/dist/theme/base/zindices.js +1 -2
- package/dist/theme/global.js +87 -20
- package/dist/theme/index.js +15 -41
- package/dist/utils/Spaces.js +5 -12
- package/package.json +8 -8
- package/dist/components/Accordion/Accordion.js +0 -13
- package/dist/components/Accordion/styles/button.js +0 -23
- package/dist/components/Accordion/styles/container.js +0 -15
- package/dist/components/Accordion/styles/panel.js +0 -13
- package/dist/components/Datepicker/Range/DatepickerRange.js +0 -67
- package/dist/components/Datepicker/Range/DatepickerRange.stories.js +0 -427
- package/dist/components/Datepicker/Range/DatepickerRangeContext.js +0 -80
- package/dist/components/Datepicker/Range/components/DateRow.js +0 -261
- package/dist/components/Datepicker/Range/components/DatepickerRangeContainer.js +0 -227
- package/dist/components/Datepicker/Range/components/DatepickerRangeControls.js +0 -80
- package/dist/components/Datepicker/Range/components/index.js +0 -31
- package/dist/components/Datepicker/Range/utils/propTypes.js +0 -158
- package/dist/components/Datepicker/Single/Datepicker.stories.js +0 -314
- package/dist/components/Datepicker/Single/DatepickerContext.js +0 -65
- package/dist/components/Datepicker/Single/DatepickerSingle.js +0 -54
- package/dist/components/Datepicker/Single/components/DateRow.js +0 -146
- package/dist/components/Datepicker/Single/components/DatepickerContainer.js +0 -167
- package/dist/components/Datepicker/Single/components/DatepickerControl.js +0 -51
- package/dist/components/Datepicker/Single/components/index.js +0 -31
- package/dist/components/Datepicker/Single/utils/propTypes.js +0 -88
- package/dist/components/Datepicker/common/components/DatepickerDays.js +0 -111
- package/dist/components/Datepicker/common/components/DatepickerHeader.js +0 -118
- package/dist/components/Datepicker/common/components/DatepickerInput.js +0 -126
- package/dist/components/Datepicker/common/components/WithPopoverAnchor.js +0 -23
- package/dist/components/Datepicker/common/components/WithPortal.js +0 -26
- package/dist/components/Datepicker/common/components/index.js +0 -39
- package/dist/components/Datepicker/common/utils/constants.js +0 -43
- package/dist/components/Datepicker/common/utils/dateRowCalculations.js +0 -92
- package/dist/components/Datepicker/common/utils/generalCalculations.js +0 -71
- package/dist/components/Datepicker/common/utils/getWeeksOfMonth.js +0 -51
- package/dist/components/Datepicker/common/utils/sharedPropTypes.js +0 -147
- package/dist/components/Datepicker/index.js +0 -23
|
@@ -1,18 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = exports.Card = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _react2 = require("@chakra-ui/react");
|
|
13
|
-
|
|
14
10
|
var _Card = _interopRequireDefault(require("./Card"));
|
|
15
|
-
|
|
16
11
|
var _default = {
|
|
17
12
|
title: 'v2/Card',
|
|
18
13
|
component: _Card.default,
|
|
@@ -24,17 +19,12 @@ var _default = {
|
|
|
24
19
|
Storybook's background is white so the Card is hard to see.
|
|
25
20
|
The Card is typically displayed against a light gray background.
|
|
26
21
|
*/
|
|
27
|
-
|
|
28
22
|
exports.default = _default;
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
}, /*#__PURE__*/_react.default.createElement(_Card.default, props));
|
|
35
|
-
};
|
|
36
|
-
|
|
37
|
-
var Card = Template.bind({});
|
|
23
|
+
const Template = props => /*#__PURE__*/_react.default.createElement(_react2.Box, {
|
|
24
|
+
backgroundColor: "gray.light",
|
|
25
|
+
padding: 8
|
|
26
|
+
}, /*#__PURE__*/_react.default.createElement(_Card.default, props));
|
|
27
|
+
const Card = Template.bind({});
|
|
38
28
|
exports.Card = Card;
|
|
39
29
|
Card.args = {
|
|
40
30
|
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.'
|
|
@@ -1,16 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = exports.Checkbox = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _Checkbox = _interopRequireDefault(require("./Checkbox"));
|
|
13
|
-
|
|
14
10
|
var _default = {
|
|
15
11
|
title: 'v2/Checkbox',
|
|
16
12
|
component: _Checkbox.default,
|
|
@@ -19,12 +15,8 @@ var _default = {
|
|
|
19
15
|
}
|
|
20
16
|
};
|
|
21
17
|
exports.default = _default;
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
return /*#__PURE__*/_react.default.createElement(_Checkbox.default, props);
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
var Checkbox = CheckboxTemplate.bind({});
|
|
18
|
+
const CheckboxTemplate = props => /*#__PURE__*/_react.default.createElement(_Checkbox.default, props);
|
|
19
|
+
const Checkbox = CheckboxTemplate.bind({});
|
|
28
20
|
exports.Checkbox = Checkbox;
|
|
29
21
|
Checkbox.argTypes = {
|
|
30
22
|
size: {
|
|
@@ -1,15 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
Object.defineProperty(exports, "default", {
|
|
9
8
|
enumerable: true,
|
|
10
|
-
get: function
|
|
9
|
+
get: function () {
|
|
11
10
|
return _Checkbox.default;
|
|
12
11
|
}
|
|
13
12
|
});
|
|
14
|
-
|
|
15
13
|
var _Checkbox = _interopRequireDefault(require("./Checkbox"));
|
|
@@ -1,17 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _merge = _interopRequireDefault(require("lodash/merge"));
|
|
11
|
-
|
|
12
9
|
var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
|
|
13
|
-
|
|
14
|
-
var baseStyle = {
|
|
10
|
+
const baseStyle = {
|
|
15
11
|
control: {
|
|
16
12
|
borderWidth: 1,
|
|
17
13
|
borderStyle: 'solid',
|
|
@@ -29,9 +25,7 @@ var baseStyle = {
|
|
|
29
25
|
},
|
|
30
26
|
_focus: {
|
|
31
27
|
zIndex: 1,
|
|
32
|
-
boxShadow:
|
|
33
|
-
return "0 0 1px 1px ".concat(t.colors.primary['300']);
|
|
34
|
-
}
|
|
28
|
+
boxShadow: t => `0 0 1px 1px ${t.colors.primary['300']}`
|
|
35
29
|
},
|
|
36
30
|
_checked: {
|
|
37
31
|
borderColor: 'brandBlue',
|
|
@@ -56,9 +50,7 @@ var baseStyle = {
|
|
|
56
50
|
color: 'white'
|
|
57
51
|
}
|
|
58
52
|
};
|
|
59
|
-
|
|
60
53
|
var _default = (0, _merge.default)(_theme.default.components.Checkbox, {
|
|
61
|
-
baseStyle
|
|
54
|
+
baseStyle
|
|
62
55
|
});
|
|
63
|
-
|
|
64
56
|
exports.default = _default;
|
|
@@ -1,34 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
|
|
4
|
-
|
|
5
|
-
var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
|
|
6
|
-
|
|
7
|
-
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
|
8
|
-
|
|
9
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
10
|
-
|
|
11
4
|
Object.defineProperty(exports, "__esModule", {
|
|
12
5
|
value: true
|
|
13
6
|
});
|
|
14
7
|
exports.default = void 0;
|
|
15
|
-
|
|
16
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
17
|
-
|
|
18
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
19
|
-
|
|
20
10
|
var _react2 = require("@chakra-ui/react");
|
|
21
|
-
|
|
22
11
|
var _Container = _interopRequireDefault(require("./Container.styles"));
|
|
23
|
-
|
|
24
|
-
function
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
var Container = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
29
|
-
return /*#__PURE__*/_react.default.createElement(_react2.Container, (0, _extends2.default)({}, _Container.default, props, {
|
|
30
|
-
ref: ref
|
|
31
|
-
}));
|
|
32
|
-
});
|
|
12
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
14
|
+
const Container = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/_react.default.createElement(_react2.Container, (0, _extends2.default)({}, _Container.default, props, {
|
|
15
|
+
ref: ref
|
|
16
|
+
})));
|
|
33
17
|
var _default = Container;
|
|
34
18
|
exports.default = _default;
|
|
@@ -1,46 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
|
|
4
|
-
|
|
5
|
-
var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
|
|
6
|
-
|
|
7
|
-
var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
|
|
8
|
-
|
|
9
|
-
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
|
10
|
-
|
|
11
|
-
var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
|
|
12
|
-
|
|
13
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
14
|
-
|
|
15
4
|
Object.defineProperty(exports, "__esModule", {
|
|
16
5
|
value: true
|
|
17
6
|
});
|
|
18
7
|
exports.default = exports.Container = void 0;
|
|
19
|
-
|
|
20
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
|
21
|
-
|
|
22
|
-
var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
|
|
23
|
-
|
|
24
|
-
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
25
|
-
|
|
26
8
|
var _react = _interopRequireDefault(require("react"));
|
|
27
|
-
|
|
28
9
|
var _Container = _interopRequireDefault(require("./Container"));
|
|
29
|
-
|
|
30
10
|
var _react2 = require("@chakra-ui/react");
|
|
31
|
-
|
|
32
11
|
var _createControl = require("storybook/utils/create-control");
|
|
33
|
-
|
|
34
12
|
var _getAllColors = require("storybook/utils/get-all-colors");
|
|
35
|
-
|
|
36
13
|
var _getAllSizes = require("storybook/utils/get-all-sizes");
|
|
37
|
-
|
|
38
14
|
var _Container2 = _interopRequireDefault(require("./Container.styles"));
|
|
39
|
-
|
|
40
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
41
|
-
|
|
42
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
43
|
-
|
|
44
15
|
var _default = {
|
|
45
16
|
title: 'v2/Container',
|
|
46
17
|
component: _Container.default,
|
|
@@ -49,23 +20,23 @@ var _default = {
|
|
|
49
20
|
}
|
|
50
21
|
};
|
|
51
22
|
exports.default = _default;
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
var size = (0, _react2.useToken)('sizes', breakpoint);
|
|
61
|
-
var isMobile = breakpoint === null || breakpoint === void 0 ? void 0 : (0, _includes.default)(breakpoint).call(breakpoint, 'base');
|
|
62
|
-
var headingText = size ? (0, _concat.default)(_context = "Container: ".concat(size)).call(_context, isMobile ? '' : " - ".concat(remToPixels(size), "px")) : '';
|
|
23
|
+
const ContainerTemplate = props => {
|
|
24
|
+
const {
|
|
25
|
+
remToPixels
|
|
26
|
+
} = (0, _react2.useTheme)();
|
|
27
|
+
const breakpoint = (0, _react2.useBreakpointValue)(_Container2.default.maxW);
|
|
28
|
+
const size = (0, _react2.useToken)('sizes', breakpoint);
|
|
29
|
+
const isMobile = breakpoint === null || breakpoint === void 0 ? void 0 : breakpoint.includes('base');
|
|
30
|
+
const headingText = size ? `Container: ${size}${isMobile ? '' : ` - ${remToPixels(size)}px`}` : '';
|
|
63
31
|
return /*#__PURE__*/_react.default.createElement(_Container.default, props, headingText);
|
|
64
32
|
};
|
|
65
|
-
|
|
66
|
-
var Container = ContainerTemplate.bind({});
|
|
33
|
+
const Container = ContainerTemplate.bind({});
|
|
67
34
|
exports.Container = Container;
|
|
68
|
-
Container.argTypes =
|
|
35
|
+
Container.argTypes = {
|
|
36
|
+
...(0, _createControl.createSelectControl)('color', _getAllColors.getAllColors),
|
|
37
|
+
...(0, _createControl.createSelectControl)('bg', _getAllColors.getAllColors),
|
|
38
|
+
...(0, _createControl.createSelectControl)('h', _getAllSizes.getAllSizes)
|
|
39
|
+
};
|
|
69
40
|
Container.args = {
|
|
70
41
|
color: 'white',
|
|
71
42
|
bg: 'secondary.default',
|
|
@@ -1,38 +1,22 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
|
|
4
|
-
|
|
5
|
-
var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
|
|
6
|
-
|
|
7
|
-
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
|
8
|
-
|
|
9
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
10
|
-
|
|
11
4
|
Object.defineProperty(exports, "__esModule", {
|
|
12
5
|
value: true
|
|
13
6
|
});
|
|
14
7
|
exports.default = void 0;
|
|
15
|
-
|
|
16
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
17
|
-
|
|
18
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
|
|
19
|
-
|
|
20
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
21
|
-
|
|
22
10
|
var _react2 = require("@chakra-ui/react");
|
|
23
|
-
|
|
24
11
|
var _Divider = require("./Divider.styles");
|
|
25
|
-
|
|
26
|
-
var
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
var variant = _ref.variant,
|
|
34
|
-
borderColor = _ref.colorScheme,
|
|
35
|
-
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
12
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
14
|
+
const Divider = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
15
|
+
let {
|
|
16
|
+
variant,
|
|
17
|
+
colorScheme: borderColor,
|
|
18
|
+
...props
|
|
19
|
+
} = _ref;
|
|
36
20
|
return /*#__PURE__*/_react.default.createElement(_react2.Divider, (0, _extends2.default)({}, _Divider.colorScheme[borderColor], {
|
|
37
21
|
variant: variant
|
|
38
22
|
}, props, {
|
|
@@ -1,22 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = exports.Divider = void 0;
|
|
9
|
-
|
|
10
|
-
var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
|
|
11
|
-
|
|
12
8
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
9
|
var _Divider = require("./Divider.styles");
|
|
15
|
-
|
|
16
10
|
var _Divider2 = _interopRequireDefault(require("./Divider"));
|
|
17
|
-
|
|
18
11
|
var _react2 = require("@chakra-ui/react");
|
|
19
|
-
|
|
20
12
|
var _default = {
|
|
21
13
|
title: 'v2/Divider',
|
|
22
14
|
component: _Divider2.default,
|
|
@@ -24,7 +16,7 @@ var _default = {
|
|
|
24
16
|
colorScheme: {
|
|
25
17
|
control: {
|
|
26
18
|
type: 'select',
|
|
27
|
-
options:
|
|
19
|
+
options: Object.keys(_Divider.colorScheme)
|
|
28
20
|
}
|
|
29
21
|
},
|
|
30
22
|
variant: {
|
|
@@ -36,12 +28,8 @@ var _default = {
|
|
|
36
28
|
}
|
|
37
29
|
};
|
|
38
30
|
exports.default = _default;
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
return /*#__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"));
|
|
42
|
-
};
|
|
43
|
-
|
|
44
|
-
var Divider = Template.bind({});
|
|
31
|
+
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({});
|
|
45
33
|
exports.Divider = Divider;
|
|
46
34
|
Divider.args = {
|
|
47
35
|
variant: 'solid',
|
|
@@ -1,17 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = exports.colorScheme = void 0;
|
|
9
|
-
|
|
10
8
|
var _merge = _interopRequireDefault(require("lodash/merge"));
|
|
11
|
-
|
|
12
9
|
var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
|
|
13
|
-
|
|
14
|
-
var colorScheme = {
|
|
10
|
+
const colorScheme = {
|
|
15
11
|
low: {
|
|
16
12
|
borderColor: 'gray.100'
|
|
17
13
|
},
|
|
@@ -20,9 +16,7 @@ var colorScheme = {
|
|
|
20
16
|
}
|
|
21
17
|
};
|
|
22
18
|
exports.colorScheme = colorScheme;
|
|
23
|
-
|
|
24
19
|
var _default = (0, _merge.default)(_theme.default.components.Divider, {
|
|
25
|
-
colorScheme
|
|
20
|
+
colorScheme
|
|
26
21
|
});
|
|
27
|
-
|
|
28
22
|
exports.default = _default;
|
|
@@ -1,42 +1,27 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
|
|
4
|
-
|
|
5
|
-
var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
|
|
6
|
-
|
|
7
|
-
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
|
8
|
-
|
|
9
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
10
|
-
|
|
11
4
|
Object.defineProperty(exports, "__esModule", {
|
|
12
5
|
value: true
|
|
13
6
|
});
|
|
14
7
|
exports.default = void 0;
|
|
15
|
-
|
|
16
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
17
|
-
|
|
18
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
|
|
19
|
-
|
|
20
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
21
|
-
|
|
22
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
23
|
-
|
|
24
11
|
var _react2 = require("@chakra-ui/react");
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
isFieldset = _ref.isFieldset,
|
|
39
|
-
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
12
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
14
|
+
const FormControl = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
15
|
+
let {
|
|
16
|
+
children,
|
|
17
|
+
label,
|
|
18
|
+
inputId,
|
|
19
|
+
helperText,
|
|
20
|
+
errorMessage,
|
|
21
|
+
isFieldset,
|
|
22
|
+
isOptional,
|
|
23
|
+
...props
|
|
24
|
+
} = _ref;
|
|
40
25
|
return /*#__PURE__*/_react.default.createElement(_react2.FormControl, (0, _extends2.default)({}, props, {
|
|
41
26
|
ref: ref,
|
|
42
27
|
as: isFieldset ? 'fieldset' : 'div',
|
|
@@ -49,7 +34,7 @@ var FormControl = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
49
34
|
htmlFor: inputId,
|
|
50
35
|
as: isFieldset ? 'legend' : 'label',
|
|
51
36
|
requiredIndicator: "",
|
|
52
|
-
optionalIndicator:
|
|
37
|
+
optionalIndicator: isOptional && !(props !== null && props !== void 0 && props.isRequired) ? /*#__PURE__*/_react.default.createElement(_react2.Text, {
|
|
53
38
|
marginLeft: 1,
|
|
54
39
|
as: "span",
|
|
55
40
|
variant: "caption",
|
|
@@ -1,39 +1,22 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
|
|
4
|
-
|
|
5
|
-
var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
|
|
6
|
-
|
|
7
|
-
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
|
8
|
-
|
|
9
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
10
|
-
|
|
11
4
|
Object.defineProperty(exports, "__esModule", {
|
|
12
5
|
value: true
|
|
13
6
|
});
|
|
14
7
|
exports.default = void 0;
|
|
15
|
-
|
|
16
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
17
|
-
|
|
18
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
|
|
19
|
-
|
|
20
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
21
|
-
|
|
22
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
23
|
-
|
|
24
11
|
var _react2 = require("@chakra-ui/react");
|
|
25
|
-
|
|
26
12
|
var _Grid = require("./Grid.styles");
|
|
27
|
-
|
|
28
|
-
var
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
var Grid = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
35
|
-
var isCompact = _ref.isCompact,
|
|
36
|
-
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
13
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
14
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
15
|
+
const Grid = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
16
|
+
let {
|
|
17
|
+
isCompact,
|
|
18
|
+
...props
|
|
19
|
+
} = _ref;
|
|
37
20
|
return /*#__PURE__*/_react.default.createElement(_react2.Grid, (0, _extends2.default)({}, _Grid.baseStyles, isCompact && _Grid.compactStyles, props, {
|
|
38
21
|
ref: ref
|
|
39
22
|
}));
|