@sproutsocial/racine 11.0.2 → 11.1.2-badge-update.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.
- package/CHANGELOG.md +18 -0
- package/__flow__/Badge/constants.js +48 -0
- package/__flow__/Badge/index.js +58 -32
- package/__flow__/Badge/index.stories.js +29 -42
- package/__flow__/Badge/index.test.js +34 -32
- package/__flow__/Badge/styles.js +22 -42
- package/__flow__/EnumIconNames.js +1 -1
- package/__flow__/IconViewBoxes.js +1 -1
- package/__flow__/index.js +1 -0
- package/__flow__/systemProps/background.js +28 -0
- package/__flow__/systemProps/border.js +76 -0
- package/__flow__/systemProps/color.js +25 -0
- package/__flow__/systemProps/custom.js +23 -0
- package/__flow__/systemProps/flexbox.js +42 -0
- package/__flow__/systemProps/grid.js +43 -0
- package/__flow__/systemProps/index.js +17 -0
- package/__flow__/systemProps/layout.js +43 -0
- package/__flow__/systemProps/position.js +29 -0
- package/__flow__/systemProps/shadow.js +18 -0
- package/__flow__/systemProps/space.js +83 -0
- package/__flow__/systemProps/systemProps.js +55 -0
- package/__flow__/systemProps/tests/__snapshots__/background.test.js.snap +96 -0
- package/__flow__/systemProps/tests/__snapshots__/border.test.js.snap +469 -0
- package/__flow__/systemProps/tests/__snapshots__/color.test.js.snap +55 -0
- package/__flow__/systemProps/tests/__snapshots__/custom.test.js.snap +36 -0
- package/__flow__/systemProps/tests/__snapshots__/flexbox.test.js.snap +239 -0
- package/__flow__/systemProps/tests/__snapshots__/grid.test.js.snap +166 -0
- package/__flow__/systemProps/tests/__snapshots__/layout.test.js.snap +218 -0
- package/__flow__/systemProps/tests/__snapshots__/position.test.js.snap +115 -0
- package/__flow__/systemProps/tests/__snapshots__/shadow.test.js.snap +25 -0
- package/__flow__/systemProps/tests/__snapshots__/space.test.js.snap +39 -0
- package/__flow__/systemProps/tests/__snapshots__/typography.test.js.snap +166 -0
- package/__flow__/systemProps/tests/__snapshots__/variant.test.js.snap +17 -0
- package/__flow__/systemProps/tests/background.test.js +90 -0
- package/__flow__/systemProps/tests/border.test.js +299 -0
- package/__flow__/systemProps/tests/color.test.js +49 -0
- package/__flow__/systemProps/tests/custom.test.js +38 -0
- package/__flow__/systemProps/tests/flexbox.test.js +150 -0
- package/__flow__/systemProps/tests/grid.test.js +123 -0
- package/__flow__/systemProps/tests/layout.test.js +135 -0
- package/__flow__/systemProps/tests/position.test.js +78 -0
- package/__flow__/systemProps/tests/shadow.test.js +30 -0
- package/__flow__/systemProps/tests/space.test.js +32 -0
- package/__flow__/systemProps/tests/types.flow.js +55 -0
- package/__flow__/systemProps/tests/typography.test.js +93 -0
- package/__flow__/systemProps/tests/variant.test.js +25 -0
- package/__flow__/systemProps/types.flow.js +20 -0
- package/__flow__/systemProps/typography.js +34 -0
- package/__flow__/systemProps/variant.js +18 -0
- package/__flow__/themes/dark/theme.js +1 -0
- package/__flow__/themes/light/literal-colors.js +2 -0
- package/__flow__/themes/light/theme.js +1 -0
- package/__flow__/types/theme.colors.flow.js +27 -0
- package/bin/buildNpm.js +58 -0
- package/commonjs/Avatar/index.js +7 -4
- package/commonjs/Badge/constants.js +43 -0
- package/commonjs/Badge/index.js +42 -38
- package/commonjs/Badge/styles.js +16 -32
- package/commonjs/Banner/index.js +3 -1
- package/commonjs/Banner/styles.js +1 -1
- package/commonjs/Box/styles.js +1 -1
- package/commonjs/Breadcrumb/index.js +5 -2
- package/commonjs/Button/index.js +3 -1
- package/commonjs/Card/index.js +3 -1
- package/commonjs/Card/styles.js +3 -3
- package/commonjs/CharacterCounter/index.js +3 -1
- package/commonjs/CharacterCounter/styles.js +1 -1
- package/commonjs/ChartLegend/index.js +3 -1
- package/commonjs/ChartLegend/styles.js +3 -3
- package/commonjs/Checkbox/index.js +3 -1
- package/commonjs/Checkbox/styles.js +1 -1
- package/commonjs/Collapsible/index.js +5 -2
- package/commonjs/DatePicker/DateRangePicker.js +3 -1
- package/commonjs/DatePicker/SingleDatePicker.js +3 -1
- package/commonjs/DatePicker/StatefulDateRangePicker.js +3 -1
- package/commonjs/DatePicker/StatefulSingleDatePicker.js +3 -1
- package/commonjs/DatePicker/common.js +1 -1
- package/commonjs/DatePicker/styles.js +2 -6
- package/commonjs/Drawer/SlideTransition.js +3 -1
- package/commonjs/Drawer/index.js +9 -4
- package/commonjs/Drawer/styles.js +2 -2
- package/commonjs/EmptyState/index.js +3 -1
- package/commonjs/Fieldset/index.js +7 -3
- package/commonjs/FormField/index.js +3 -1
- package/commonjs/Icon/index.js +5 -2
- package/commonjs/Icon/styles.js +1 -1
- package/commonjs/IconViewBoxes.js +1 -0
- package/commonjs/Image/index.js +3 -1
- package/commonjs/Image/styles.js +1 -1
- package/commonjs/Indicator/index.js +3 -1
- package/commonjs/Input/index.js +3 -1
- package/commonjs/Input/styles.js +2 -2
- package/commonjs/KeyboardKey/index.js +3 -1
- package/commonjs/Label/index.js +4 -2
- package/commonjs/Link/index.js +3 -1
- package/commonjs/Link/styles.js +1 -1
- package/commonjs/Listbox/index.js +7 -4
- package/commonjs/Loader/index.js +3 -1
- package/commonjs/Loader/styles.js +2 -2
- package/commonjs/LoaderButton/index.js +3 -1
- package/commonjs/Menu/constants.js +1 -1
- package/commonjs/Menu/descendants.js +10 -7
- package/commonjs/Menu/hooks.js +1 -1
- package/commonjs/Menu/index.js +22 -16
- package/commonjs/Menu/styles.js +2 -2
- package/commonjs/Message/index.js +3 -1
- package/commonjs/Message/styles.js +1 -1
- package/commonjs/Modal/index.js +7 -3
- package/commonjs/Modal/styles.js +4 -6
- package/commonjs/Numeral/constants.js +1 -1
- package/commonjs/Numeral/index.js +3 -1
- package/commonjs/Numeral/styles.js +3 -3
- package/commonjs/OverflowList/styles.js +1 -1
- package/commonjs/Popout/index.js +7 -3
- package/commonjs/Popout/styles.js +1 -1
- package/commonjs/Radio/index.js +3 -1
- package/commonjs/Radio/styles.js +4 -4
- package/commonjs/SegmentedControl/index.js +5 -2
- package/commonjs/Select/index.js +3 -1
- package/commonjs/Stack/index.js +3 -1
- package/commonjs/Switch/index.js +3 -1
- package/commonjs/Switch/styles.js +1 -1
- package/commonjs/Table/index.js +10 -5
- package/commonjs/TableCell/index.js +3 -1
- package/commonjs/TableHeaderCell/index.js +3 -1
- package/commonjs/TableRowAccordion/index.js +3 -1
- package/commonjs/Tabs/index.js +5 -2
- package/commonjs/Tabs/styles.js +4 -4
- package/commonjs/Text/index.js +3 -1
- package/commonjs/Text/styles.js +1 -1
- package/commonjs/Textarea/index.js +3 -1
- package/commonjs/Toast/index.js +15 -15
- package/commonjs/Toast/styles.js +4 -7
- package/commonjs/ToggleHint/index.js +3 -1
- package/commonjs/Token/index.js +3 -1
- package/commonjs/Token/styles.js +1 -1
- package/commonjs/TokenInput/index.js +3 -1
- package/commonjs/Tooltip/index.js +5 -2
- package/commonjs/Tooltip/styles.js +1 -1
- package/commonjs/VisuallyHidden/index.js +1 -1
- package/commonjs/include-icons.js +1 -1
- package/commonjs/index.js +79 -1
- package/commonjs/systemProps/background.js +9 -0
- package/commonjs/systemProps/border.js +9 -0
- package/commonjs/systemProps/color.js +9 -0
- package/commonjs/systemProps/custom.js +12 -0
- package/commonjs/systemProps/flexbox.js +9 -0
- package/commonjs/systemProps/grid.js +9 -0
- package/commonjs/systemProps/index.js +115 -0
- package/commonjs/systemProps/layout.js +9 -0
- package/commonjs/systemProps/position.js +9 -0
- package/commonjs/systemProps/shadow.js +9 -0
- package/commonjs/systemProps/space.js +10 -0
- package/commonjs/systemProps/systemProps.js +33 -0
- package/commonjs/systemProps/tests/types.flow.js +46 -0
- package/commonjs/systemProps/types.flow.js +1 -0
- package/commonjs/systemProps/typography.js +9 -0
- package/commonjs/systemProps/variant.js +12 -0
- package/commonjs/themes/dark/decorative-palettes.js +1 -1
- package/commonjs/themes/dark/theme.js +1 -1
- package/commonjs/themes/light/decorative-palettes.js +1 -1
- package/commonjs/themes/light/literal-colors.js +4 -2
- package/commonjs/themes/light/theme.js +1 -1
- package/commonjs/types/theme.colors.flow.js +2 -0
- package/commonjs/utils/hooks.js +3 -2
- package/commonjs/utils/mixins.js +1 -1
- package/commonjs/utils/system-props.js +1 -1
- package/dist/iconList.js +1 -1
- package/dist/icons.svg +1 -1
- package/dist/themes/dark/dark.scss +9 -7
- package/dist/themes/light/light.scss +99 -97
- package/icons/power-up-outline.svg +3 -0
- package/includeIcons.js +1 -1
- package/lib/Avatar/index.js +7 -4
- package/lib/Badge/constants.js +38 -0
- package/lib/Badge/index.js +39 -38
- package/lib/Badge/styles.js +13 -28
- package/lib/Banner/index.js +3 -1
- package/lib/Banner/styles.js +1 -1
- package/lib/Box/styles.js +1 -1
- package/lib/Breadcrumb/index.js +5 -2
- package/lib/Button/index.js +3 -1
- package/lib/Card/index.js +3 -1
- package/lib/Card/styles.js +2 -2
- package/lib/CharacterCounter/index.js +3 -1
- package/lib/CharacterCounter/styles.js +1 -1
- package/lib/ChartLegend/index.js +3 -1
- package/lib/ChartLegend/styles.js +3 -3
- package/lib/Checkbox/index.js +3 -1
- package/lib/Collapsible/index.js +5 -2
- package/lib/DatePicker/DateRangePicker.js +3 -1
- package/lib/DatePicker/SingleDatePicker.js +3 -1
- package/lib/DatePicker/StatefulDateRangePicker.js +3 -1
- package/lib/DatePicker/StatefulSingleDatePicker.js +3 -1
- package/lib/DatePicker/styles.js +2 -6
- package/lib/Drawer/SlideTransition.js +3 -1
- package/lib/Drawer/index.js +9 -4
- package/lib/Drawer/styles.js +2 -2
- package/lib/EmptyState/index.js +3 -1
- package/lib/Fieldset/index.js +7 -3
- package/lib/FormField/index.js +3 -1
- package/lib/Icon/index.js +5 -2
- package/lib/Icon/styles.js +1 -1
- package/lib/IconViewBoxes.js +1 -0
- package/lib/Image/index.js +3 -1
- package/lib/Image/styles.js +1 -1
- package/lib/Indicator/index.js +3 -1
- package/lib/Input/index.js +3 -1
- package/lib/Input/styles.js +2 -2
- package/lib/KeyboardKey/index.js +3 -1
- package/lib/Label/index.js +4 -2
- package/lib/Link/index.js +3 -1
- package/lib/Link/styles.js +1 -1
- package/lib/Listbox/index.js +6 -3
- package/lib/Loader/index.js +3 -1
- package/lib/Loader/styles.js +2 -2
- package/lib/LoaderButton/index.js +3 -1
- package/lib/Menu/descendants.js +5 -2
- package/lib/Menu/index.js +20 -16
- package/lib/Menu/styles.js +2 -2
- package/lib/Message/index.js +3 -1
- package/lib/Modal/index.js +7 -3
- package/lib/Modal/styles.js +3 -5
- package/lib/Numeral/index.js +3 -1
- package/lib/Numeral/styles.js +2 -2
- package/lib/OverflowList/styles.js +1 -1
- package/lib/Popout/index.js +7 -3
- package/lib/Popout/styles.js +1 -1
- package/lib/Radio/index.js +3 -1
- package/lib/Radio/styles.js +4 -4
- package/lib/SegmentedControl/index.js +5 -2
- package/lib/Select/index.js +3 -1
- package/lib/Stack/index.js +3 -1
- package/lib/Switch/index.js +3 -1
- package/lib/Switch/styles.js +1 -1
- package/lib/Table/index.js +9 -4
- package/lib/TableCell/index.js +3 -1
- package/lib/TableHeaderCell/index.js +3 -1
- package/lib/TableRowAccordion/index.js +3 -1
- package/lib/Tabs/index.js +5 -2
- package/lib/Tabs/styles.js +3 -3
- package/lib/Text/index.js +3 -1
- package/lib/Text/styles.js +1 -1
- package/lib/Textarea/index.js +3 -1
- package/lib/Toast/index.js +14 -14
- package/lib/Toast/styles.js +3 -7
- package/lib/ToggleHint/index.js +3 -1
- package/lib/Token/index.js +3 -1
- package/lib/Token/styles.js +1 -1
- package/lib/TokenInput/index.js +3 -1
- package/lib/Tooltip/index.js +5 -2
- package/lib/Tooltip/styles.js +1 -1
- package/lib/VisuallyHidden/index.js +1 -1
- package/lib/include-icons.js +1 -1
- package/lib/index.js +1 -0
- package/lib/systemProps/background.js +2 -0
- package/lib/systemProps/border.js +2 -0
- package/lib/systemProps/color.js +2 -0
- package/lib/systemProps/custom.js +5 -0
- package/lib/systemProps/flexbox.js +2 -0
- package/lib/systemProps/grid.js +2 -0
- package/lib/systemProps/index.js +14 -0
- package/lib/systemProps/layout.js +2 -0
- package/lib/systemProps/position.js +2 -0
- package/lib/systemProps/shadow.js +2 -0
- package/lib/systemProps/space.js +3 -0
- package/lib/systemProps/systemProps.js +14 -0
- package/lib/systemProps/tests/types.flow.js +44 -0
- package/lib/systemProps/types.flow.js +0 -0
- package/lib/systemProps/typography.js +2 -0
- package/lib/systemProps/variant.js +5 -0
- package/lib/themes/light/literal-colors.js +4 -2
- package/lib/types/theme.colors.flow.js +2 -1
- package/package.json +15 -3
package/commonjs/Radio/index.js
CHANGED
|
@@ -7,6 +7,8 @@ var React = _interopRequireWildcard(require("react"));
|
|
|
7
7
|
|
|
8
8
|
var _styles = _interopRequireWildcard(require("./styles"));
|
|
9
9
|
|
|
10
|
+
var _excluded = ["id", "value", "name", "label", "checked", "disabled", "onChange", "onFocus", "onBlur", "ariaLabel", "qa"];
|
|
11
|
+
|
|
10
12
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
11
13
|
|
|
12
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; }
|
|
@@ -73,7 +75,7 @@ var Radio = /*#__PURE__*/function (_React$Component) {
|
|
|
73
75
|
ariaLabel = _this$props.ariaLabel,
|
|
74
76
|
_this$props$qa = _this$props.qa,
|
|
75
77
|
qa = _this$props$qa === void 0 ? {} : _this$props$qa,
|
|
76
|
-
rest = _objectWithoutPropertiesLoose(_this$props,
|
|
78
|
+
rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
|
|
77
79
|
|
|
78
80
|
return (
|
|
79
81
|
/*#__PURE__*/
|
package/commonjs/Radio/styles.js
CHANGED
|
@@ -19,14 +19,14 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
19
19
|
|
|
20
20
|
var Container = _styledComponents.default.span.withConfig({
|
|
21
21
|
displayName: "styles__Container",
|
|
22
|
-
componentId: "uyr445-0"
|
|
22
|
+
componentId: "sc-uyr445-0"
|
|
23
23
|
})(["display:inline-flex;align-items:center;box-sizing:border-box;", ""], _systemProps.COMMON);
|
|
24
24
|
|
|
25
25
|
Container.displayName = "Radio";
|
|
26
26
|
|
|
27
27
|
var Input = _styledComponents.default.input.withConfig({
|
|
28
28
|
displayName: "styles__Input",
|
|
29
|
-
componentId: "uyr445-1"
|
|
29
|
+
componentId: "sc-uyr445-1"
|
|
30
30
|
})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;margin:0;appearance:none;cursor:", ";border:1px solid ", ";border-radius:50%;background-color:", ";transition:border-color ", " ", ",background-color ", " ", ";&:focus{", "}"], function (props) {
|
|
31
31
|
return props.disabled ? "not-allowed" : "pointer";
|
|
32
32
|
}, function (props) {
|
|
@@ -48,7 +48,7 @@ Input.displayName = "Input"; // eslint-disable-next-line prettier/prettier
|
|
|
48
48
|
|
|
49
49
|
var InputWrapper = _styledComponents.default.span.withConfig({
|
|
50
50
|
displayName: "styles__InputWrapper",
|
|
51
|
-
componentId: "uyr445-2"
|
|
51
|
+
componentId: "sc-uyr445-2"
|
|
52
52
|
})(["position:relative;width:", ";height:", ";cursor:", ";", " &:before{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;opacity:0;transition:opacity ", " ", ";z-index:1;pointer-events:none;cursor:", ";}", " ", ""], function (props) {
|
|
53
53
|
return props.theme.space[400];
|
|
54
54
|
}, function (props) {
|
|
@@ -73,7 +73,7 @@ exports.InputWrapper = InputWrapper;
|
|
|
73
73
|
InputWrapper.displayName = "InputWrapper";
|
|
74
74
|
var LabelText = (0, _styledComponents.default)(_Text.default).withConfig({
|
|
75
75
|
displayName: "styles__LabelText",
|
|
76
|
-
componentId: "uyr445-3"
|
|
76
|
+
componentId: "sc-uyr445-3"
|
|
77
77
|
})(["margin-left:", ";font-size:", ";line-height:1;cursor:", ";color:", ";", ""], function (props) {
|
|
78
78
|
return props.theme.space[300];
|
|
79
79
|
}, function (props) {
|
|
@@ -9,6 +9,9 @@ var _styles = require("./styles");
|
|
|
9
9
|
|
|
10
10
|
var _Box = _interopRequireDefault(require("../Box"));
|
|
11
11
|
|
|
12
|
+
var _excluded = ["value", "children"],
|
|
13
|
+
_excluded2 = ["selectedValue", "label", "onChange", "children"];
|
|
14
|
+
|
|
12
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
16
|
|
|
14
17
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
@@ -26,7 +29,7 @@ var SegmentedControlContext = /*#__PURE__*/React.createContext(null);
|
|
|
26
29
|
var SegmentedControlItem = function SegmentedControlItem(_ref) {
|
|
27
30
|
var value = _ref.value,
|
|
28
31
|
children = _ref.children,
|
|
29
|
-
rest = _objectWithoutPropertiesLoose(_ref,
|
|
32
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
30
33
|
|
|
31
34
|
var context = (0, React.useContext)(SegmentedControlContext);
|
|
32
35
|
|
|
@@ -68,7 +71,7 @@ var SegmentedControl = function SegmentedControl(_ref2) {
|
|
|
68
71
|
label = _ref2.label,
|
|
69
72
|
onChange = _ref2.onChange,
|
|
70
73
|
children = _ref2.children,
|
|
71
|
-
rest = _objectWithoutPropertiesLoose(_ref2,
|
|
74
|
+
rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
|
|
72
75
|
|
|
73
76
|
var _useState2 = (0, React.useState)("Racine-segmented-control-" + nameCounter++),
|
|
74
77
|
name = _useState2[0];
|
package/commonjs/Select/index.js
CHANGED
|
@@ -9,6 +9,8 @@ var _styles = _interopRequireWildcard(require("./styles"));
|
|
|
9
9
|
|
|
10
10
|
var _Icon = _interopRequireDefault(require("../Icon"));
|
|
11
11
|
|
|
12
|
+
var _excluded = ["id", "name", "children", "defaultValue", "value", "required", "isInvalid", "autoFocus", "disabled", "onChange", "ariaLabel", "ariaDescribedby", "size", "qa", "inputProps"];
|
|
13
|
+
|
|
12
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
15
|
|
|
14
16
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
@@ -67,7 +69,7 @@ var Select = /*#__PURE__*/function (_React$Component) {
|
|
|
67
69
|
qa = _this$props$qa === void 0 ? {} : _this$props$qa,
|
|
68
70
|
_this$props$inputProp = _this$props.inputProps,
|
|
69
71
|
inputProps = _this$props$inputProp === void 0 ? {} : _this$props$inputProp,
|
|
70
|
-
rest = _objectWithoutPropertiesLoose(_this$props,
|
|
72
|
+
rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
|
|
71
73
|
|
|
72
74
|
return (
|
|
73
75
|
/*#__PURE__*/
|
package/commonjs/Stack/index.js
CHANGED
|
@@ -9,6 +9,8 @@ var _Box = _interopRequireDefault(require("../Box"));
|
|
|
9
9
|
|
|
10
10
|
var _responsiveProps = require("../utils/responsiveProps");
|
|
11
11
|
|
|
12
|
+
var _excluded = ["children", "space", "align", "direction"];
|
|
13
|
+
|
|
12
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
15
|
|
|
14
16
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
@@ -64,7 +66,7 @@ var Stack = function Stack(_ref) {
|
|
|
64
66
|
align = _ref$align === void 0 ? "left" : _ref$align,
|
|
65
67
|
_ref$direction = _ref.direction,
|
|
66
68
|
direction = _ref$direction === void 0 ? "vertical" : _ref$direction,
|
|
67
|
-
rest = _objectWithoutPropertiesLoose(_ref,
|
|
69
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
68
70
|
|
|
69
71
|
var stackItems = React.Children.toArray(children);
|
|
70
72
|
var responsiveAlignment = (0, _responsiveProps.normalizeResponsiveProp)(align);
|
package/commonjs/Switch/index.js
CHANGED
|
@@ -11,6 +11,8 @@ var _Icon = _interopRequireDefault(require("../Icon"));
|
|
|
11
11
|
|
|
12
12
|
var _VisuallyHidden = require("../VisuallyHidden");
|
|
13
13
|
|
|
14
|
+
var _excluded = ["checked", "disabled", "name", "a11yLabels", "onClick", "qa"];
|
|
15
|
+
|
|
14
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
17
|
|
|
16
18
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
@@ -65,7 +67,7 @@ var Switch = /*#__PURE__*/function (_React$Component) {
|
|
|
65
67
|
onClick = _this$props2.onClick,
|
|
66
68
|
_this$props2$qa = _this$props2.qa,
|
|
67
69
|
qa = _this$props2$qa === void 0 ? {} : _this$props2$qa,
|
|
68
|
-
rest = _objectWithoutPropertiesLoose(_this$props2,
|
|
70
|
+
rest = _objectWithoutPropertiesLoose(_this$props2, _excluded);
|
|
69
71
|
|
|
70
72
|
return /*#__PURE__*/React.createElement(_styles.default, _extends({
|
|
71
73
|
role: "button",
|
|
@@ -20,7 +20,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
20
20
|
// eslint-disable-next-line prettier/prettier
|
|
21
21
|
var Container = _styledComponents.default.button.withConfig({
|
|
22
22
|
displayName: "styles__Container",
|
|
23
|
-
componentId: "x5lhuq-0"
|
|
23
|
+
componentId: "sc-x5lhuq-0"
|
|
24
24
|
})(["position:relative;display:inline-block;width:36px;height:22px;margin:0;padding:", " ", ";vertical-align:middle;appearance:none;background-color:", ";border-radius:11px;outline:none;cursor:pointer;transition:background-color ", " ", ";border:1px solid ", ";white-space:nowrap;overflow:hidden;&::after{position:absolute;top:50%;left:0;width:14px;height:14px;background-color:", ";opacity:0.64;border-radius:50%;content:\"\";transition:transform ", " ", ";transform:translate(4px,-50%);}&:focus{", "}", " ", " ", ""], function (props) {
|
|
25
25
|
return props.theme.space[100];
|
|
26
26
|
}, function (props) {
|
package/commonjs/Table/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
|
-
exports.default = exports.TableRow = exports.
|
|
4
|
+
exports.default = exports.TableRow = exports.TableHead = exports.TableBody = exports.Table = void 0;
|
|
5
5
|
|
|
6
6
|
var React = _interopRequireWildcard(require("react"));
|
|
7
7
|
|
|
@@ -11,6 +11,11 @@ var _TableHeaderCell = _interopRequireDefault(require("../TableHeaderCell"));
|
|
|
11
11
|
|
|
12
12
|
var _styles = _interopRequireDefault(require("./styles"));
|
|
13
13
|
|
|
14
|
+
var _excluded = ["head", "rows", "onSort", "sortId", "sortDirection", "rowRender", "children"],
|
|
15
|
+
_excluded2 = ["children"],
|
|
16
|
+
_excluded3 = ["children"],
|
|
17
|
+
_excluded4 = ["children"];
|
|
18
|
+
|
|
14
19
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
20
|
|
|
16
21
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
@@ -46,7 +51,7 @@ var Table = function Table(_ref) {
|
|
|
46
51
|
sortDirection = _ref.sortDirection,
|
|
47
52
|
rowRender = _ref.rowRender,
|
|
48
53
|
children = _ref.children,
|
|
49
|
-
rest = _objectWithoutPropertiesLoose(_ref,
|
|
54
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
50
55
|
|
|
51
56
|
if (children) {
|
|
52
57
|
return /*#__PURE__*/React.createElement(_styles.default, _extends({}, rest, {
|
|
@@ -74,7 +79,7 @@ exports.Table = Table;
|
|
|
74
79
|
|
|
75
80
|
var TableHead = function TableHead(_ref2) {
|
|
76
81
|
var children = _ref2.children,
|
|
77
|
-
props = _objectWithoutPropertiesLoose(_ref2,
|
|
82
|
+
props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
|
|
78
83
|
|
|
79
84
|
return /*#__PURE__*/React.createElement("thead", props, children);
|
|
80
85
|
};
|
|
@@ -83,7 +88,7 @@ exports.TableHead = TableHead;
|
|
|
83
88
|
|
|
84
89
|
var TableBody = function TableBody(_ref3) {
|
|
85
90
|
var children = _ref3.children,
|
|
86
|
-
props = _objectWithoutPropertiesLoose(_ref3,
|
|
91
|
+
props = _objectWithoutPropertiesLoose(_ref3, _excluded3);
|
|
87
92
|
|
|
88
93
|
return /*#__PURE__*/React.createElement("tbody", props, children);
|
|
89
94
|
};
|
|
@@ -92,7 +97,7 @@ exports.TableBody = TableBody;
|
|
|
92
97
|
|
|
93
98
|
var TableRow = function TableRow(_ref4) {
|
|
94
99
|
var children = _ref4.children,
|
|
95
|
-
props = _objectWithoutPropertiesLoose(_ref4,
|
|
100
|
+
props = _objectWithoutPropertiesLoose(_ref4, _excluded4);
|
|
96
101
|
|
|
97
102
|
return /*#__PURE__*/React.createElement("tr", props, children);
|
|
98
103
|
};
|
|
@@ -7,6 +7,8 @@ var React = _interopRequireWildcard(require("react"));
|
|
|
7
7
|
|
|
8
8
|
var _styles = _interopRequireDefault(require("./styles"));
|
|
9
9
|
|
|
10
|
+
var _excluded = ["id", "content", "colSpan", "width", "align", "children"];
|
|
11
|
+
|
|
10
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
13
|
|
|
12
14
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
@@ -41,7 +43,7 @@ var TableCell = /*#__PURE__*/function (_React$Component) {
|
|
|
41
43
|
width = _this$props.width,
|
|
42
44
|
align = _this$props.align,
|
|
43
45
|
children = _this$props.children,
|
|
44
|
-
rest = _objectWithoutPropertiesLoose(_this$props,
|
|
46
|
+
rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
|
|
45
47
|
|
|
46
48
|
return /*#__PURE__*/React.createElement(_styles.default, _extends({}, rest, {
|
|
47
49
|
alignment: align || "left",
|
|
@@ -9,6 +9,8 @@ var _styles = _interopRequireWildcard(require("./styles"));
|
|
|
9
9
|
|
|
10
10
|
var _Icon = _interopRequireDefault(require("../Icon/"));
|
|
11
11
|
|
|
12
|
+
var _excluded = ["id", "content", "colSpan", "width", "align", "isSortable", "shouldTruncate", "onSort", "sortId", "sortDirection", "children", "onClick"];
|
|
13
|
+
|
|
12
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
15
|
|
|
14
16
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
@@ -95,7 +97,7 @@ var TableHeaderCell = /*#__PURE__*/function (_React$Component) {
|
|
|
95
97
|
sortDirection = _this$props2.sortDirection,
|
|
96
98
|
children = _this$props2.children,
|
|
97
99
|
onClick = _this$props2.onClick,
|
|
98
|
-
rest = _objectWithoutPropertiesLoose(_this$props2,
|
|
100
|
+
rest = _objectWithoutPropertiesLoose(_this$props2, _excluded);
|
|
99
101
|
|
|
100
102
|
return /*#__PURE__*/React.createElement(_styles.default, _extends({}, rest, {
|
|
101
103
|
key: id,
|
|
@@ -11,6 +11,8 @@ var _Icon = _interopRequireDefault(require("../Icon"));
|
|
|
11
11
|
|
|
12
12
|
var _TableCell = _interopRequireDefault(require("../TableCell"));
|
|
13
13
|
|
|
14
|
+
var _excluded = ["id", "cells", "detail", "onToggle", "isExpanded"];
|
|
15
|
+
|
|
14
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
17
|
|
|
16
18
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
@@ -63,7 +65,7 @@ var TableRowAccordion = /*#__PURE__*/function (_React$Component) {
|
|
|
63
65
|
detail = _this$props2.detail,
|
|
64
66
|
onToggle = _this$props2.onToggle,
|
|
65
67
|
isExpanded = _this$props2.isExpanded,
|
|
66
|
-
rest = _objectWithoutPropertiesLoose(_this$props2,
|
|
68
|
+
rest = _objectWithoutPropertiesLoose(_this$props2, _excluded);
|
|
67
69
|
|
|
68
70
|
return /*#__PURE__*/React.createElement(_styles.default, _extends({}, rest, {
|
|
69
71
|
"data-qa-table-row-accordion": isExpanded,
|
package/commonjs/Tabs/index.js
CHANGED
|
@@ -7,6 +7,9 @@ var React = _interopRequireWildcard(require("react"));
|
|
|
7
7
|
|
|
8
8
|
var _styles = _interopRequireWildcard(require("./styles"));
|
|
9
9
|
|
|
10
|
+
var _excluded = ["children", "id"],
|
|
11
|
+
_excluded2 = ["children", "qa"];
|
|
12
|
+
|
|
10
13
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
11
14
|
|
|
12
15
|
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; }
|
|
@@ -57,7 +60,7 @@ var TabItemButton = /*#__PURE__*/function (_React$Component) {
|
|
|
57
60
|
var _this$props = this.props,
|
|
58
61
|
children = _this$props.children,
|
|
59
62
|
id = _this$props.id,
|
|
60
|
-
rest = _objectWithoutPropertiesLoose(_this$props,
|
|
63
|
+
rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
|
|
61
64
|
|
|
62
65
|
var _this$context = this.context,
|
|
63
66
|
selectedId = _this$context.selectedId,
|
|
@@ -194,7 +197,7 @@ var Tabs = /*#__PURE__*/function (_React$Component2) {
|
|
|
194
197
|
var _this$props2 = this.props,
|
|
195
198
|
children = _this$props2.children,
|
|
196
199
|
qa = _this$props2.qa,
|
|
197
|
-
rest = _objectWithoutPropertiesLoose(_this$props2,
|
|
200
|
+
rest = _objectWithoutPropertiesLoose(_this$props2, _excluded2);
|
|
198
201
|
|
|
199
202
|
return (
|
|
200
203
|
/*#__PURE__*/
|
package/commonjs/Tabs/styles.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
|
-
exports.default = exports.
|
|
4
|
+
exports.default = exports.TabItem = exports.TabButton = void 0;
|
|
5
5
|
|
|
6
6
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
7
7
|
|
|
@@ -17,7 +17,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
17
17
|
|
|
18
18
|
var Container = _styledComponents.default.ul.withConfig({
|
|
19
19
|
displayName: "styles__Container",
|
|
20
|
-
componentId: "vnjuiu-0"
|
|
20
|
+
componentId: "sc-vnjuiu-0"
|
|
21
21
|
})(["display:", ";justify-content:space-between;margin:0;padding:0;list-style:none;border-bottom:", " ", ";", ""], function (props) {
|
|
22
22
|
return props.fullWidth ? "flex" : "inline-flex";
|
|
23
23
|
}, function (props) {
|
|
@@ -28,7 +28,7 @@ var Container = _styledComponents.default.ul.withConfig({
|
|
|
28
28
|
|
|
29
29
|
var TabItem = _styledComponents.default.li.withConfig({
|
|
30
30
|
displayName: "styles__TabItem",
|
|
31
|
-
componentId: "vnjuiu-1"
|
|
31
|
+
componentId: "sc-vnjuiu-1"
|
|
32
32
|
})(["margin-bottom:-1px;", ";&:not(:last-child){", ";}", ";&:hover{", ";}"], function (props) {
|
|
33
33
|
return props.fullWidth && (0, _styledComponents.css)(["flex-grow:1;"]);
|
|
34
34
|
}, function (props) {
|
|
@@ -49,7 +49,7 @@ var TabItem = _styledComponents.default.li.withConfig({
|
|
|
49
49
|
exports.TabItem = TabItem;
|
|
50
50
|
var TabButton = (0, _styledComponents.default)(_Button.default).withConfig({
|
|
51
51
|
displayName: "styles__TabButton",
|
|
52
|
-
componentId: "vnjuiu-2"
|
|
52
|
+
componentId: "sc-vnjuiu-2"
|
|
53
53
|
})(["padding:", ";color:", ";width:100%;", ";&:hover{", ";}&:active{transform:none;}"], function (props) {
|
|
54
54
|
return props.theme.space[350] + " 0";
|
|
55
55
|
}, function (props) {
|
package/commonjs/Text/index.js
CHANGED
|
@@ -9,6 +9,8 @@ var _styles = _interopRequireDefault(require("./styles"));
|
|
|
9
9
|
|
|
10
10
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
11
11
|
|
|
12
|
+
var _excluded = ["fontSize", "children", "qa"];
|
|
13
|
+
|
|
12
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
15
|
|
|
14
16
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
@@ -86,7 +88,7 @@ var Text = function Text(_ref) {
|
|
|
86
88
|
var fontSize = _ref.fontSize,
|
|
87
89
|
children = _ref.children,
|
|
88
90
|
qa = _ref.qa,
|
|
89
|
-
rest = _objectWithoutPropertiesLoose(_ref,
|
|
91
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
90
92
|
|
|
91
93
|
var qaText = typeof children === "string" ? children : undefined;
|
|
92
94
|
return (
|
package/commonjs/Text/styles.js
CHANGED
|
@@ -13,7 +13,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
13
13
|
|
|
14
14
|
var Container = _styledComponents.default.span.withConfig({
|
|
15
15
|
displayName: "styles__Container",
|
|
16
|
-
componentId: "mmg963-0"
|
|
16
|
+
componentId: "sc-mmg963-0"
|
|
17
17
|
})(["margin:0;padding-left:0;padding-right:0;font-family:", ";font-style:", ";", " ", " ", " ", " ", ""], function (props) {
|
|
18
18
|
return props.theme.fontFamily;
|
|
19
19
|
}, function (props) {
|
|
@@ -7,6 +7,8 @@ var React = _interopRequireWildcard(require("react"));
|
|
|
7
7
|
|
|
8
8
|
var _styles = _interopRequireWildcard(require("./styles"));
|
|
9
9
|
|
|
10
|
+
var _excluded = ["autoFocus", "disabled", "readOnly", "isInvalid", "id", "name", "placeholder", "value", "enableSpellcheck", "enableResize", "required", "rows", "elemBefore", "elemAfter", "maxLength", "ariaLabel", "ariaDescribedby", "innerRef", "onBlur", "onChange", "onFocus", "onKeyDown", "onKeyUp", "qa", "inputProps"];
|
|
11
|
+
|
|
10
12
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
11
13
|
|
|
12
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; }
|
|
@@ -95,7 +97,7 @@ var Textarea = /*#__PURE__*/function (_React$Component) {
|
|
|
95
97
|
qa = _this$props$qa === void 0 ? {} : _this$props$qa,
|
|
96
98
|
_this$props$inputProp = _this$props.inputProps,
|
|
97
99
|
inputProps = _this$props$inputProp === void 0 ? {} : _this$props$inputProp,
|
|
98
|
-
rest = _objectWithoutPropertiesLoose(_this$props,
|
|
100
|
+
rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
|
|
99
101
|
|
|
100
102
|
return /*#__PURE__*/React.createElement(_styles.default, _extends({
|
|
101
103
|
hasBeforeElement: !!elemBefore,
|
package/commonjs/Toast/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
|
-
exports.toast = toast;
|
|
5
4
|
exports.default = void 0;
|
|
5
|
+
exports.toast = toast;
|
|
6
6
|
|
|
7
7
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
8
8
|
|
|
@@ -82,26 +82,14 @@ function toast(options) {
|
|
|
82
82
|
});
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
var _StyledBox = (0, _styledComponents.default)(_Box.default).withConfig({
|
|
86
|
-
displayName: "Toast___StyledBox",
|
|
87
|
-
componentId: "sc-1vii3dq-0"
|
|
88
|
-
})(["", ""], function (p) {
|
|
89
|
-
return p._css;
|
|
90
|
-
});
|
|
91
|
-
|
|
92
85
|
var IconBox = function IconBox(props) {
|
|
93
86
|
return /*#__PURE__*/React.createElement(_StyledBox, _extends({
|
|
94
87
|
display: "inline-block"
|
|
95
88
|
}, props, {
|
|
96
|
-
_css: "line-height: 1;"
|
|
89
|
+
$_css: "line-height: 1;"
|
|
97
90
|
}));
|
|
98
91
|
};
|
|
99
92
|
|
|
100
|
-
var _StyledBox2 = (0, _styledComponents.default)(_Box.default).withConfig({
|
|
101
|
-
displayName: "Toast___StyledBox2",
|
|
102
|
-
componentId: "sc-1vii3dq-1"
|
|
103
|
-
})(["transform:translateY(1px);"]);
|
|
104
|
-
|
|
105
93
|
var Toast = function Toast(_ref) {
|
|
106
94
|
var content = _ref.content,
|
|
107
95
|
theme = _ref.theme,
|
|
@@ -140,4 +128,16 @@ var Toast = function Toast(_ref) {
|
|
|
140
128
|
};
|
|
141
129
|
|
|
142
130
|
var _default = ToastContainer;
|
|
143
|
-
exports.default = _default;
|
|
131
|
+
exports.default = _default;
|
|
132
|
+
|
|
133
|
+
var _StyledBox = (0, _styledComponents.default)(_Box.default).withConfig({
|
|
134
|
+
displayName: "Toast___StyledBox",
|
|
135
|
+
componentId: "sc-1vii3dq-0"
|
|
136
|
+
})(["", ""], function (p) {
|
|
137
|
+
return p.$_css;
|
|
138
|
+
});
|
|
139
|
+
|
|
140
|
+
var _StyledBox2 = (0, _styledComponents.default)(_Box.default).withConfig({
|
|
141
|
+
displayName: "Toast___StyledBox2",
|
|
142
|
+
componentId: "sc-1vii3dq-1"
|
|
143
|
+
})(["transform:translateY(1px);"]);
|
package/commonjs/Toast/styles.js
CHANGED
|
@@ -11,19 +11,16 @@ var _Icon = _interopRequireDefault(require("../Icon"));
|
|
|
11
11
|
|
|
12
12
|
var _ReactToastify = _interopRequireDefault(require("!!raw-loader!react-toastify/dist/ReactToastify.css"));
|
|
13
13
|
|
|
14
|
-
var _templateObject;
|
|
15
|
-
|
|
16
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
15
|
|
|
18
16
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
17
|
|
|
20
18
|
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; }
|
|
21
19
|
|
|
22
|
-
|
|
23
|
-
|
|
20
|
+
// $FlowIssue
|
|
24
21
|
var Container = (0, _styledComponents.default)(_Box.default).withConfig({
|
|
25
22
|
displayName: "styles__Container",
|
|
26
|
-
componentId: "wp5x29-0"
|
|
23
|
+
componentId: "sc-wp5x29-0"
|
|
27
24
|
})(["display:flex;align-items:center;font-family:", ";", " position:relative;background:", ";border-left:2px solid ", ";"], function (p) {
|
|
28
25
|
return p.theme.fontFamily;
|
|
29
26
|
}, function (p) {
|
|
@@ -35,14 +32,14 @@ var Container = (0, _styledComponents.default)(_Box.default).withConfig({
|
|
|
35
32
|
});
|
|
36
33
|
var CustomIcon = (0, _styledComponents.default)(_Icon.default).withConfig({
|
|
37
34
|
displayName: "styles__CustomIcon",
|
|
38
|
-
componentId: "wp5x29-1"
|
|
35
|
+
componentId: "sc-wp5x29-1"
|
|
39
36
|
})(["margin-right:", ";transform:translateY(4px);color:", ";"], function (props) {
|
|
40
37
|
return props.theme.space[400];
|
|
41
38
|
}, function (p) {
|
|
42
39
|
return p.customColor ? undefined : p.theme.colors.icon[p.type];
|
|
43
40
|
});
|
|
44
41
|
exports.CustomIcon = CustomIcon;
|
|
45
|
-
var GlobalToastStyles = (0, _styledComponents.createGlobalStyle)(
|
|
42
|
+
var GlobalToastStyles = (0, _styledComponents.createGlobalStyle)(["", " .Toastify__toast:last-of-type{margin-bottom:0;}.Toastify-container-overrides{padding:0;width:360px;}.Toastify-toast-overrides{padding:0;min-height:0;border-radius:2px;}.Toastify__toast-container--bottom-right{bottom:", ";right:", ";}@media only screen and (max-width:480px){.Toastify-container-overrides{min-width:initial;}}"], _ReactToastify.default, function (p) {
|
|
46
43
|
return p.theme.space[400];
|
|
47
44
|
}, function (p) {
|
|
48
45
|
return p.theme.space[400];
|
|
@@ -9,6 +9,8 @@ var _Icon = _interopRequireDefault(require("../Icon"));
|
|
|
9
9
|
|
|
10
10
|
var _styles = _interopRequireWildcard(require("./styles"));
|
|
11
11
|
|
|
12
|
+
var _excluded = ["icon", "isOpen", "openString", "closeString", "qa", "className"];
|
|
13
|
+
|
|
12
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
15
|
|
|
14
16
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
@@ -63,7 +65,7 @@ var ToggleHint = /*#__PURE__*/function (_React$Component) {
|
|
|
63
65
|
closeString = _this$props.closeString,
|
|
64
66
|
qa = _this$props.qa,
|
|
65
67
|
className = _this$props.className,
|
|
66
|
-
rest = _objectWithoutPropertiesLoose(_this$props,
|
|
68
|
+
rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
|
|
67
69
|
|
|
68
70
|
return /*#__PURE__*/React.createElement(_styles.default, _extends({
|
|
69
71
|
icon: icon,
|
package/commonjs/Token/index.js
CHANGED
|
@@ -13,6 +13,8 @@ var _Icon = _interopRequireDefault(require("../Icon"));
|
|
|
13
13
|
|
|
14
14
|
var _Box = _interopRequireDefault(require("../Box"));
|
|
15
15
|
|
|
16
|
+
var _excluded = ["children", "closeable", "onClick", "qa", "valid", "disabled", "palette"];
|
|
17
|
+
|
|
16
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
19
|
|
|
18
20
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
@@ -35,7 +37,7 @@ var Token = function Token(_ref) {
|
|
|
35
37
|
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
36
38
|
_ref$palette = _ref.palette,
|
|
37
39
|
palette = _ref$palette === void 0 ? "neutral" : _ref$palette,
|
|
38
|
-
rest = _objectWithoutPropertiesLoose(_ref,
|
|
40
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
39
41
|
|
|
40
42
|
var textContainer = (0, _hooks.useTextContent)("");
|
|
41
43
|
return /*#__PURE__*/React.createElement(_styles.default, _extends({
|
package/commonjs/Token/styles.js
CHANGED
|
@@ -15,7 +15,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
15
15
|
|
|
16
16
|
var Container = _styledComponents.default.button.withConfig({
|
|
17
17
|
displayName: "styles__Container",
|
|
18
|
-
componentId: "nyn5zy-0"
|
|
18
|
+
componentId: "sc-nyn5zy-0"
|
|
19
19
|
})(["position:relative;display:inline-block;margin:0;line-height:1;vertical-align:middle;outline:none;", " &:focus{", "}", " ", " ", " ", " ", ""], function (_ref) {
|
|
20
20
|
var theme = _ref.theme;
|
|
21
21
|
return (0, _styledComponents.css)(["", " font-family:", ";font-weight:", ";border:1px solid ", ";border-radius:", ";color:", ";background:", ";padding:", " ", ";transition:all ", " ", ";"], theme.typography[200], theme.fontFamily, theme.fontWeights.normal, theme.colors.container.border.base, theme.radii[500], theme.colors.text.body, theme.colors.container.background.base, theme.space[200], theme.space[300], theme.duration.fast, theme.easing.ease_inout);
|
|
@@ -17,6 +17,8 @@ var _Icon = _interopRequireDefault(require("../Icon"));
|
|
|
17
17
|
|
|
18
18
|
var _Token = _interopRequireDefault(require("../Token"));
|
|
19
19
|
|
|
20
|
+
var _excluded = ["autoFocus", "autocomplete", "disabled", "isInvalid", "hasWarning", "id", "name", "placeholder", "required", "value", "elemBefore", "elemAfter", "maxLength", "ariaDescribedby", "ariaLabel", "innerRef", "onAddToken", "onRemoveToken", "onChangeTokens", "onClickToken", "onBlur", "onChange", "onFocus", "onKeyDown", "onKeyUp", "onPaste", "inputProps", "qa", "tokens"];
|
|
21
|
+
|
|
20
22
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
23
|
|
|
22
24
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
@@ -282,7 +284,7 @@ var TokenInput = /*#__PURE__*/function (_React$Component) {
|
|
|
282
284
|
_this$props5$qa = _this$props5.qa,
|
|
283
285
|
qa = _this$props5$qa === void 0 ? {} : _this$props5$qa,
|
|
284
286
|
tokens = _this$props5.tokens,
|
|
285
|
-
rest = _objectWithoutPropertiesLoose(_this$props5,
|
|
287
|
+
rest = _objectWithoutPropertiesLoose(_this$props5, _excluded);
|
|
286
288
|
|
|
287
289
|
var state = this.state;
|
|
288
290
|
return /*#__PURE__*/React.createElement(_styles.default, _extends({
|
|
@@ -11,6 +11,9 @@ var _Popout = _interopRequireDefault(require("../Popout"));
|
|
|
11
11
|
|
|
12
12
|
var _seedsMotionUnitless = _interopRequireDefault(require("@sproutsocial/seeds-motion/dist/seeds-motion-unitless"));
|
|
13
13
|
|
|
14
|
+
var _excluded = ["content", "children", "enterDelay", "placement", "appearance", "zIndex", "qa", "popoutProps", "truncated"],
|
|
15
|
+
_excluded2 = ["appearance", "children"];
|
|
16
|
+
|
|
14
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
18
|
|
|
16
19
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
@@ -48,7 +51,7 @@ var Tooltip = function Tooltip(_ref) {
|
|
|
48
51
|
popoutProps = _ref.popoutProps,
|
|
49
52
|
_ref$truncated = _ref.truncated,
|
|
50
53
|
truncated = _ref$truncated === void 0 ? false : _ref$truncated,
|
|
51
|
-
rest = _objectWithoutPropertiesLoose(_ref,
|
|
54
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
52
55
|
|
|
53
56
|
var _useState = (0, React.useState)(false),
|
|
54
57
|
shouldShow = _useState[0],
|
|
@@ -122,7 +125,7 @@ var Content = function Content(_ref2) {
|
|
|
122
125
|
var _ref2$appearance = _ref2.appearance,
|
|
123
126
|
appearance = _ref2$appearance === void 0 ? "pill" : _ref2$appearance,
|
|
124
127
|
children = _ref2.children,
|
|
125
|
-
rest = _objectWithoutPropertiesLoose(_ref2,
|
|
128
|
+
rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
|
|
126
129
|
|
|
127
130
|
return /*#__PURE__*/React.createElement(_styles.TooltipContent, _extends({
|
|
128
131
|
appearance: appearance,
|
|
@@ -12,7 +12,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
12
12
|
// eslint-disable-next-line prettier/prettier
|
|
13
13
|
var TooltipContent = (0, _styledComponents.default)(_Box.default).withConfig({
|
|
14
14
|
displayName: "styles__TooltipContent",
|
|
15
|
-
componentId: "t1xjnk-0"
|
|
15
|
+
componentId: "sc-t1xjnk-0"
|
|
16
16
|
})(["font-family:", ";", " text-align:", ";"], function (props) {
|
|
17
17
|
return props.theme.fontFamily;
|
|
18
18
|
}, function (props) {
|
|
@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
11
11
|
|
|
12
12
|
var VisuallyHidden = _styledComponents.default.span.withConfig({
|
|
13
13
|
displayName: "VisuallyHidden",
|
|
14
|
-
componentId: "rxkbyc-0"
|
|
14
|
+
componentId: "sc-rxkbyc-0"
|
|
15
15
|
})(["", ""], _mixins.visuallyHidden);
|
|
16
16
|
|
|
17
17
|
exports.VisuallyHidden = VisuallyHidden;
|