@flodesk/grain 8.7.2 → 8.8.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/es/components/button.js +32 -11
- package/es/components/text-button.js +35 -13
- package/package.json +1 -1
package/es/components/button.js
CHANGED
|
@@ -1,6 +1,15 @@
|
|
|
1
|
+
import "core-js/modules/es.array.slice.js";
|
|
2
|
+
import "core-js/modules/es.object.freeze.js";
|
|
3
|
+
import "core-js/modules/es.object.define-properties.js";
|
|
4
|
+
import "core-js/modules/es.object.keys.js";
|
|
5
|
+
import "core-js/modules/es.array.index-of.js";
|
|
6
|
+
import "core-js/modules/es.symbol.js";
|
|
7
|
+
import "core-js/modules/es.object.assign.js";
|
|
1
8
|
import _styled from "@emotion/styled/base";
|
|
2
9
|
var _excluded = ["children", "variant", "isDisabled", "icon", "iconPosition", "hasFullWidth", "hasSpinner", "type"];
|
|
3
10
|
|
|
11
|
+
var _templateObject;
|
|
12
|
+
|
|
4
13
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
5
14
|
|
|
6
15
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
@@ -8,17 +17,19 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
8
17
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
9
18
|
|
|
10
19
|
import "core-js/modules/es.array.concat.js";
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
import
|
|
15
|
-
import { getColor, getRadius } from '../utilities';
|
|
20
|
+
|
|
21
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
22
|
+
|
|
23
|
+
import { getColor, getRadius, getTransition } from '../utilities';
|
|
16
24
|
import { Icon } from './icon';
|
|
17
25
|
import React, { forwardRef } from 'react';
|
|
18
26
|
import PropTypes from 'prop-types';
|
|
19
27
|
import { styles, componentVars } from '../foundational';
|
|
20
28
|
import { Spinner } from './spinner';
|
|
21
29
|
import { types } from '../types';
|
|
30
|
+
import { Box } from './box';
|
|
31
|
+
import { Text } from './text';
|
|
32
|
+
import { keyframes } from '@emotion/react';
|
|
22
33
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
23
34
|
var paddingX = '16px';
|
|
24
35
|
var iconInvert = 'hsl(var(--HS) var(--backgroundL) / var(--fadeA8))';
|
|
@@ -47,20 +58,21 @@ var variantColors = {
|
|
|
47
58
|
background: 'transparent'
|
|
48
59
|
}
|
|
49
60
|
};
|
|
61
|
+
var fadeIn = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n from { opacity: 0 }\n"])));
|
|
50
62
|
|
|
51
63
|
var Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
|
|
52
64
|
target: "e1blxzk90"
|
|
53
65
|
} : {
|
|
54
66
|
target: "e1blxzk90",
|
|
55
67
|
label: "Wrapper"
|
|
56
|
-
})(styles.transitions, ";", styles.buttonReset, ";border:none;border-width:", componentVars.strokeSize, ";border-style:solid;border-radius:", getRadius('s'), ";height:", componentVars.textBoxHeight, ";padding:0 ", paddingX, ";background-color:transparent;display:flex;align-items:center;justify-content:center;gap:12px;", function (p) {
|
|
68
|
+
})(styles.transitions, ";", styles.buttonReset, ";position:relative;border:none;border-width:", componentVars.strokeSize, ";border-style:solid;border-radius:", getRadius('s'), ";height:", componentVars.textBoxHeight, ";padding:0 ", paddingX, ";background-color:transparent;display:flex;align-items:center;justify-content:center;gap:12px;", function (p) {
|
|
57
69
|
return p.hasFullWidth && "width: 100%";
|
|
58
70
|
}, ";", function (_ref) {
|
|
59
71
|
var variant = _ref.variant;
|
|
60
72
|
return "\n ".concat(variantColors[variant].icon && "\n --grn-color-icon: ".concat(getColor(variantColors[variant].icon), "\n "), ";\n border-color: ").concat(getColor(variantColors[variant].border), ";\n color: ").concat(getColor(variantColors[variant].content), ";\n background: ").concat(getColor(variantColors[variant].background), ";\n\n &:hover {\n --grn-color-icon: currentColor;\n background: ").concat(getColor(variantColors[variant].backgroundHover), ";\n border-color: ").concat(getColor(variantColors[variant].borderHover), ";\n }\n\n &:active {\n background: ").concat(getColor(variantColors[variant].backgroundActive), ";\n border-color: ").concat(getColor(variantColors[variant].borderActive), ";\n }\n ");
|
|
61
|
-
}, " &:disabled{color:", getColor('disabledContent'), ";background-color:", getColor('disabledBackground'), ";border-color:transparent;pointer-events:none;}.buttonIcon{", function (p) {
|
|
73
|
+
}, " &:disabled{--grn-color-icon:", getColor('disabledContent'), ";color:", getColor('disabledContent'), ";background-color:", getColor('disabledBackground'), ";border-color:transparent;pointer-events:none;}.buttonIcon{", function (p) {
|
|
62
74
|
return p.iconPosition === 'right' && "order: 1";
|
|
63
|
-
}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
75
|
+
}, ";}.buttonText,.buttonIcon{transition:color ", getTransition('fast'), ";}.buttonSpinner{animation:", fadeIn, " ", getTransition('fast'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkM2QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnLi9pY29uJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IHN0eWxlcywgY29tcG9uZW50VmFycyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyBTcGlubmVyIH0gZnJvbSAnLi9zcGlubmVyJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi9ib3gnO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4vdGV4dCc7XG5pbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmNvbnN0IHBhZGRpbmdYID0gJzE2cHgnO1xuY29uc3QgaWNvbkludmVydCA9ICdoc2wodmFyKC0tSFMpIHZhcigtLWJhY2tncm91bmRMKSAvIHZhcigtLWZhZGVBOCkpJztcblxuY29uc3QgdmFyaWFudENvbG9ycyA9IHtcbiAgYWNjZW50OiB7XG4gICAgaWNvbjogaWNvbkludmVydCxcbiAgICBjb250ZW50OiAnc2hhZGUyJyxcbiAgICBib3JkZXI6ICd0cmFuc3BhcmVudCcsXG4gICAgYmFja2dyb3VuZDogJ3NoYWRlMTInLFxuICAgIGJhY2tncm91bmRIb3ZlcjogJ3NoYWRlOScsXG4gICAgYmFja2dyb3VuZEFjdGl2ZTogJ3NoYWRlOCcsXG4gIH0sXG4gIGRhbmdlcjoge1xuICAgIGljb246ICdoc2woMCAwJSAxMDAlIC8gdmFyKC0tZmFkZUE4KSknLFxuICAgIGNvbnRlbnQ6ICd2YXIoLS13aGl0ZSknLFxuICAgIGJvcmRlcjogJ3RyYW5zcGFyZW50JyxcbiAgICBiYWNrZ3JvdW5kOiAnZGFuZ2VyJyxcbiAgICBiYWNrZ3JvdW5kSG92ZXI6ICdoc2wodmFyKC0tcmVkSFMpIGNhbGModmFyKC0tcmVkTCkgLSAzJSkpJyxcbiAgICBiYWNrZ3JvdW5kQWN0aXZlOiAnaHNsKHZhcigtLXJlZEhTKSBjYWxjKHZhcigtLXJlZEwpIC0gNyUpKScsXG4gIH0sXG4gIG5ldXRyYWw6IHtcbiAgICBjb250ZW50OiAnY29udGVudCcsXG4gICAgYm9yZGVyOiAnZmFkZTQnLFxuICAgIGJvcmRlckhvdmVyOiAnZmFkZTYnLFxuICAgIGJvcmRlckFjdGl2ZTogJ3NoYWRlOCcsXG4gICAgYmFja2dyb3VuZDogJ3RyYW5zcGFyZW50JyxcbiAgfSxcbn07XG5cbmNvbnN0IGZhZGVJbiA9IGtleWZyYW1lc2BcbiAgZnJvbSB7IG9wYWNpdHk6IDAgfVxuYDtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItd2lkdGg6ICR7Y29tcG9uZW50VmFycy5zdHJva2VTaXplfTtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIGhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICBwYWRkaW5nOiAwICR7cGFkZGluZ1h9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGdhcDogMTJweDtcbiAgJHtwID0+IHAuaGFzRnVsbFdpZHRoICYmIGB3aWR0aDogMTAwJWB9O1xuXG4gICR7KHsgdmFyaWFudCB9KSA9PiBgXG4gICAgJHtcbiAgICAgIHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uaWNvbiAmJlxuICAgICAgYFxuICAgICAgLS1ncm4tY29sb3ItaWNvbjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmljb24pfVxuICAgIGBcbiAgICB9O1xuICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJvcmRlcil9O1xuICAgIGNvbG9yOiAke2dldENvbG9yKHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uY29udGVudCl9O1xuICAgIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5iYWNrZ3JvdW5kKX07XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIC0tZ3JuLWNvbG9yLWljb246IGN1cnJlbnRDb2xvcjtcbiAgICAgIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5iYWNrZ3JvdW5kSG92ZXIpfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJvcmRlckhvdmVyKX07XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgYmFja2dyb3VuZDogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJhY2tncm91bmRBY3RpdmUpfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJvcmRlckFjdGl2ZSl9O1xuICAgIH1cbiAgYH1cblxuICAmOmRpc2FibGVkIHtcbiAgICAtLWdybi1jb2xvci1pY29uOiAke2dldENvbG9yKCdkaXNhYmxlZENvbnRlbnQnKX07XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2Rpc2FibGVkQ29udGVudCcpfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZEJhY2tncm91bmQnKX07XG4gICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuXG4gIC5idXR0b25JY29uIHtcbiAgICAke3AgPT4gcC5pY29uUG9zaXRpb24gPT09ICdyaWdodCcgJiYgYG9yZGVyOiAxYH07XG4gIH1cblxuICAuYnV0dG9uVGV4dCxcbiAgLmJ1dHRvbkljb24ge1xuICAgIHRyYW5zaXRpb246IGNvbG9yICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgfVxuXG4gIC5idXR0b25TcGlubmVyIHtcbiAgICBhbmltYXRpb246ICR7ZmFkZUlufSAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBCdXR0b24gPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgY2hpbGRyZW4sXG4gICAgICB2YXJpYW50ID0gJ25ldXRyYWwnLFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIGljb24sXG4gICAgICBpY29uUG9zaXRpb24gPSAnbGVmdCcsXG4gICAgICBoYXNGdWxsV2lkdGgsXG4gICAgICBoYXNTcGlubmVyLFxuICAgICAgdHlwZSA9ICdidXR0b24nLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgY29uc3QgaWNvbkNvbG9yID0gaGFzU3Bpbm5lciA/ICd0cmFuc3BhcmVudCcgOiAnaWNvbic7XG4gICAgY29uc3QgY29udGVudENvbG9yID0gaGFzU3Bpbm5lciA/ICd0cmFuc3BhcmVudCcgOiAnaW5oZXJpdCc7XG4gICAgcmV0dXJuIChcbiAgICAgIDxXcmFwcGVyXG4gICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICBpY29uPXtpY29ufVxuICAgICAgICBpY29uUG9zaXRpb249e2ljb25Qb3NpdGlvbn1cbiAgICAgICAgaGFzRnVsbFdpZHRoPXtoYXNGdWxsV2lkdGh9XG4gICAgICAgIGhhc1NwaW5uZXI9e2hhc1NwaW5uZXJ9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtoYXNTcGlubmVyICYmIChcbiAgICAgICAgICA8Qm94IHBvc2l0aW9uPVwiYWJzb2x1dGVcIiBjbGFzc05hbWU9XCJidXR0b25TcGlubmVyXCI+XG4gICAgICAgICAgICA8U3Bpbm5lciBjb2xvcj1cImN1cnJlbnRDb2xvclwiIC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG4gICAgICAgIHtpY29uICYmIDxJY29uIGNvbG9yPXtpY29uQ29sb3J9IGljb249e2ljb259IGNsYXNzTmFtZT1cImJ1dHRvbkljb25cIiAvPn1cbiAgICAgICAgPFRleHQgY29sb3I9e2NvbnRlbnRDb2xvcn0gY2xhc3NOYW1lPVwiYnV0dG9uVGV4dFwiPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgPC9XcmFwcGVyPlxuICAgICk7XG4gIH0sXG4pO1xuXG5CdXR0b24ucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICBpY29uUG9zaXRpb246IHR5cGVzLmljb25Qb3NpdGlvbixcbiAgdmFyaWFudDogdHlwZXMuYnV0dG9uVmFyaWFudCxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBoYXNGdWxsV2lkdGg6IFByb3BUeXBlcy5ib29sLFxuICBoYXNTcGlubmVyOiBQcm9wVHlwZXMuYm9vbCxcbiAgdHlwZTogdHlwZXMuYnV0dG9uVHlwZSxcbn07XG4iXX0= */"));
|
|
64
76
|
|
|
65
77
|
export var Button = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
66
78
|
var children = _ref2.children,
|
|
@@ -76,6 +88,8 @@ export var Button = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
76
88
|
type = _ref2$type === void 0 ? 'button' : _ref2$type,
|
|
77
89
|
props = _objectWithoutProperties(_ref2, _excluded);
|
|
78
90
|
|
|
91
|
+
var iconColor = hasSpinner ? 'transparent' : 'icon';
|
|
92
|
+
var contentColor = hasSpinner ? 'transparent' : 'inherit';
|
|
79
93
|
return ___EmotionJSX(Wrapper, _extends({
|
|
80
94
|
type: type,
|
|
81
95
|
variant: variant,
|
|
@@ -85,12 +99,19 @@ export var Button = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
85
99
|
hasFullWidth: hasFullWidth,
|
|
86
100
|
hasSpinner: hasSpinner,
|
|
87
101
|
ref: ref
|
|
88
|
-
}, props), hasSpinner && ___EmotionJSX(
|
|
102
|
+
}, props), hasSpinner && ___EmotionJSX(Box, {
|
|
103
|
+
position: "absolute",
|
|
104
|
+
className: "buttonSpinner"
|
|
105
|
+
}, ___EmotionJSX(Spinner, {
|
|
89
106
|
color: "currentColor"
|
|
90
|
-
}), icon && ___EmotionJSX(Icon, {
|
|
107
|
+
})), icon && ___EmotionJSX(Icon, {
|
|
108
|
+
color: iconColor,
|
|
91
109
|
icon: icon,
|
|
92
110
|
className: "buttonIcon"
|
|
93
|
-
}),
|
|
111
|
+
}), ___EmotionJSX(Text, {
|
|
112
|
+
color: contentColor,
|
|
113
|
+
className: "buttonText"
|
|
114
|
+
}, children));
|
|
94
115
|
});
|
|
95
116
|
Button.propTypes = {
|
|
96
117
|
children: PropTypes.node,
|
|
@@ -1,9 +1,14 @@
|
|
|
1
|
+
import "core-js/modules/es.array.slice.js";
|
|
2
|
+
import "core-js/modules/es.object.freeze.js";
|
|
3
|
+
import "core-js/modules/es.object.define-properties.js";
|
|
1
4
|
import "core-js/modules/es.object.keys.js";
|
|
2
5
|
import "core-js/modules/es.array.index-of.js";
|
|
3
6
|
import "core-js/modules/es.symbol.js";
|
|
4
7
|
import "core-js/modules/es.object.assign.js";
|
|
5
8
|
import _styled from "@emotion/styled/base";
|
|
6
|
-
var _excluded = ["children", "isDisabled", "icon", "iconPosition", "variant", "type", "trimSide"];
|
|
9
|
+
var _excluded = ["children", "isDisabled", "icon", "iconPosition", "variant", "type", "trimSide", "hasSpinner"];
|
|
10
|
+
|
|
11
|
+
var _templateObject;
|
|
7
12
|
|
|
8
13
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
9
14
|
|
|
@@ -11,27 +16,31 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
11
16
|
|
|
12
17
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
13
18
|
|
|
14
|
-
|
|
19
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
20
|
+
|
|
21
|
+
import { Box, Icon, Spinner, Text } from '../components';
|
|
15
22
|
import React, { forwardRef } from 'react';
|
|
16
23
|
import PropTypes from 'prop-types';
|
|
17
24
|
import { getClearButtonStyles } from '../foundational';
|
|
18
25
|
import { types } from '../types';
|
|
19
|
-
import { css } from '@emotion/react';
|
|
26
|
+
import { css, keyframes } from '@emotion/react';
|
|
27
|
+
import { getTransition } from '../utilities';
|
|
20
28
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
21
29
|
var xPadding = "8px";
|
|
22
30
|
var xPaddingNegative = "-".concat(xPadding);
|
|
23
31
|
var trimSideStyles = {
|
|
24
|
-
left: /*#__PURE__*/css("margin-left:", xPaddingNegative, ";max-width:calc(100% + ", xPadding, ");" + (process.env.NODE_ENV === "production" ? "" : ";label:left;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
25
|
-
right: /*#__PURE__*/css("margin-right:", xPaddingNegative, ";max-width:calc(100% + ", xPadding, ");" + (process.env.NODE_ENV === "production" ? "" : ";label:right;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
26
|
-
x: /*#__PURE__*/css("margin-left:", xPaddingNegative, ";margin-right:", xPaddingNegative, ";max-width:calc(100% + ", xPadding, " * 2);" + (process.env.NODE_ENV === "production" ? "" : ";label:x;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
32
|
+
left: /*#__PURE__*/css("margin-left:", xPaddingNegative, ";max-width:calc(100% + ", xPadding, ");" + (process.env.NODE_ENV === "production" ? "" : ";label:left;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhVyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy90ZXh0LWJ1dHRvbi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb3gsIEljb24sIFNwaW5uZXIsIFRleHQgfSBmcm9tICcuLi9jb21wb25lbnRzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IGdldENsZWFyQnV0dG9uU3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcblxuY29uc3QgeFBhZGRpbmcgPSBgOHB4YDtcbmNvbnN0IHhQYWRkaW5nTmVnYXRpdmUgPSBgLSR7eFBhZGRpbmd9YDtcblxuY29uc3QgdHJpbVNpZGVTdHlsZXMgPSB7XG4gIGxlZnQ6IGNzc2BcbiAgICBtYXJnaW4tbGVmdDogJHt4UGFkZGluZ05lZ2F0aXZlfTtcbiAgICBtYXgtd2lkdGg6IGNhbGMoMTAwJSArICR7eFBhZGRpbmd9KTtcbiAgYCxcbiAgcmlnaHQ6IGNzc2BcbiAgICBtYXJnaW4tcmlnaHQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMCUgKyAke3hQYWRkaW5nfSk7XG4gIGAsXG4gIHg6IGNzc2BcbiAgICBtYXJnaW4tbGVmdDogJHt4UGFkZGluZ05lZ2F0aXZlfTtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMCUgKyAke3hQYWRkaW5nfSAqIDIpO1xuICBgLFxufTtcblxuY29uc3QgZmFkZUluID0ga2V5ZnJhbWVzYFxuICBmcm9tIHsgb3BhY2l0eTogMCB9XG5gO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmJ1dHRvbmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAkeyh7IHZhcmlhbnQgfSkgPT4gZ2V0Q2xlYXJCdXR0b25TdHlsZXMoeyB2YXJpYW50IH0pfTtcbiAgcGFkZGluZzogMCAke3hQYWRkaW5nfTtcbiAgZ2FwOiA4cHg7XG4gIG1pbi13aWR0aDogMDtcbiAgJHsoeyB0cmltU2lkZSB9KSA9PiAodHJpbVNpZGUgPyB0cmltU2lkZVN0eWxlc1t0cmltU2lkZV0gOiBgbWF4LXdpZHRoOiAxMDAlYCl9O1xuXG4gIC5idXR0b25JY29uIHtcbiAgICAke3AgPT4gcC5pY29uUG9zaXRpb24gPT09ICdyaWdodCcgJiYgYG9yZGVyOiAxYH07XG4gIH1cblxuICAuYnV0dG9uVGV4dCxcbiAgLmJ1dHRvbkljb24ge1xuICAgIHRyYW5zaXRpb246IGNvbG9yICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgfVxuXG4gIC5idXR0b25TcGlubmVyIHtcbiAgICBhbmltYXRpb246ICR7ZmFkZUlufSAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0QnV0dG9uID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIGljb24sXG4gICAgICBpY29uUG9zaXRpb24gPSAnbGVmdCcsXG4gICAgICB2YXJpYW50ID0gJ25ldXRyYWwnLFxuICAgICAgdHlwZSA9ICdidXR0b24nLFxuICAgICAgdHJpbVNpZGUsXG4gICAgICBoYXNTcGlubmVyLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgY29uc3QgaWNvbkNvbG9yID0gaGFzU3Bpbm5lciA/ICd0cmFuc3BhcmVudCcgOiAnaWNvbic7XG4gICAgY29uc3QgY29udGVudENvbG9yID0gaGFzU3Bpbm5lciA/ICd0cmFuc3BhcmVudCcgOiAnaW5oZXJpdCc7XG4gICAgcmV0dXJuIChcbiAgICAgIDxXcmFwcGVyXG4gICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICBpY29uPXtpY29ufVxuICAgICAgICBpY29uUG9zaXRpb249e2ljb25Qb3NpdGlvbn1cbiAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHRyaW1TaWRlPXt0cmltU2lkZX1cbiAgICAgICAgaGFzU3Bpbm5lcj17aGFzU3Bpbm5lcn1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7aWNvbiAmJiA8SWNvbiBpY29uPXtpY29ufSBjbGFzc05hbWU9XCJidXR0b25JY29uXCIgY29sb3I9e2ljb25Db2xvcn0gLz59XG4gICAgICAgIHtjaGlsZHJlbiAmJiAoXG4gICAgICAgICAgPFRleHQgaGFzRWxsaXBzaXMgY29sb3I9e2NvbnRlbnRDb2xvcn0gY2xhc3NOYW1lPVwiYnV0dG9uVGV4dFwiPlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKX1cbiAgICAgICAge2hhc1NwaW5uZXIgJiYgKFxuICAgICAgICAgIDxCb3ggcG9zaXRpb249XCJhYnNvbHV0ZVwiIGNsYXNzTmFtZT1cImJ1dHRvblNwaW5uZXJcIj5cbiAgICAgICAgICAgIDxTcGlubmVyIGNvbG9yPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKX1cbiAgICAgIDwvV3JhcHBlcj5cbiAgICApO1xuICB9LFxuKTtcblxuVGV4dEJ1dHRvbi5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb25Qb3NpdGlvbjogdHlwZXMuaWNvblBvc2l0aW9uLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIHZhcmlhbnQ6IHR5cGVzLmNsZWFyQnV0dG9uVmFyaWFudCxcbiAgdHlwZTogdHlwZXMuYnV0dG9uVHlwZSxcbiAgdHJpbVNpZGU6IFByb3BUeXBlcy5vbmVPZihbJ2xlZnQnLCAncmlnaHQnLCAneCddKSxcbiAgaGFzU3Bpbm5lcjogUHJvcFR5cGVzLmJvb2wsXG59O1xuIl19 */"),
|
|
33
|
+
right: /*#__PURE__*/css("margin-right:", xPaddingNegative, ";max-width:calc(100% + ", xPadding, ");" + (process.env.NODE_ENV === "production" ? "" : ";label:right;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQlkiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dC1idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBJY29uLCBTcGlubmVyLCBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBnZXRDbGVhckJ1dHRvblN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5cbmNvbnN0IHhQYWRkaW5nID0gYDhweGA7XG5jb25zdCB4UGFkZGluZ05lZ2F0aXZlID0gYC0ke3hQYWRkaW5nfWA7XG5cbmNvbnN0IHRyaW1TaWRlU3R5bGVzID0ge1xuICBsZWZ0OiBjc3NgXG4gICAgbWFyZ2luLWxlZnQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMCUgKyAke3hQYWRkaW5nfSk7XG4gIGAsXG4gIHJpZ2h0OiBjc3NgXG4gICAgbWFyZ2luLXJpZ2h0OiAke3hQYWRkaW5nTmVnYXRpdmV9O1xuICAgIG1heC13aWR0aDogY2FsYygxMDAlICsgJHt4UGFkZGluZ30pO1xuICBgLFxuICB4OiBjc3NgXG4gICAgbWFyZ2luLWxlZnQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWFyZ2luLXJpZ2h0OiAke3hQYWRkaW5nTmVnYXRpdmV9O1xuICAgIG1heC13aWR0aDogY2FsYygxMDAlICsgJHt4UGFkZGluZ30gKiAyKTtcbiAgYCxcbn07XG5cbmNvbnN0IGZhZGVJbiA9IGtleWZyYW1lc2BcbiAgZnJvbSB7IG9wYWNpdHk6IDAgfVxuYDtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgJHsoeyB2YXJpYW50IH0pID0+IGdldENsZWFyQnV0dG9uU3R5bGVzKHsgdmFyaWFudCB9KX07XG4gIHBhZGRpbmc6IDAgJHt4UGFkZGluZ307XG4gIGdhcDogOHB4O1xuICBtaW4td2lkdGg6IDA7XG4gICR7KHsgdHJpbVNpZGUgfSkgPT4gKHRyaW1TaWRlID8gdHJpbVNpZGVTdHlsZXNbdHJpbVNpZGVdIDogYG1heC13aWR0aDogMTAwJWApfTtcblxuICAuYnV0dG9uSWNvbiB7XG4gICAgJHtwID0+IHAuaWNvblBvc2l0aW9uID09PSAncmlnaHQnICYmIGBvcmRlcjogMWB9O1xuICB9XG5cbiAgLmJ1dHRvblRleHQsXG4gIC5idXR0b25JY29uIHtcbiAgICB0cmFuc2l0aW9uOiBjb2xvciAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG4gIH1cblxuICAuYnV0dG9uU3Bpbm5lciB7XG4gICAgYW5pbWF0aW9uOiAke2ZhZGVJbn0gJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dEJ1dHRvbiA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICBpY29uLFxuICAgICAgaWNvblBvc2l0aW9uID0gJ2xlZnQnLFxuICAgICAgdmFyaWFudCA9ICduZXV0cmFsJyxcbiAgICAgIHR5cGUgPSAnYnV0dG9uJyxcbiAgICAgIHRyaW1TaWRlLFxuICAgICAgaGFzU3Bpbm5lcixcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IGljb25Db2xvciA9IGhhc1NwaW5uZXIgPyAndHJhbnNwYXJlbnQnIDogJ2ljb24nO1xuICAgIGNvbnN0IGNvbnRlbnRDb2xvciA9IGhhc1NwaW5uZXIgPyAndHJhbnNwYXJlbnQnIDogJ2luaGVyaXQnO1xuICAgIHJldHVybiAoXG4gICAgICA8V3JhcHBlclxuICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgaWNvbj17aWNvbn1cbiAgICAgICAgaWNvblBvc2l0aW9uPXtpY29uUG9zaXRpb259XG4gICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICB0cmltU2lkZT17dHJpbVNpZGV9XG4gICAgICAgIGhhc1NwaW5uZXI9e2hhc1NwaW5uZXJ9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gY2xhc3NOYW1lPVwiYnV0dG9uSWNvblwiIGNvbG9yPXtpY29uQ29sb3J9IC8+fVxuICAgICAgICB7Y2hpbGRyZW4gJiYgKFxuICAgICAgICAgIDxUZXh0IGhhc0VsbGlwc2lzIGNvbG9yPXtjb250ZW50Q29sb3J9IGNsYXNzTmFtZT1cImJ1dHRvblRleHRcIj5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICl9XG4gICAgICAgIHtoYXNTcGlubmVyICYmIChcbiAgICAgICAgICA8Qm94IHBvc2l0aW9uPVwiYWJzb2x1dGVcIiBjbGFzc05hbWU9XCJidXR0b25TcGlubmVyXCI+XG4gICAgICAgICAgICA8U3Bpbm5lciBjb2xvcj1cImN1cnJlbnRDb2xvclwiIC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG4gICAgICA8L1dyYXBwZXI+XG4gICAgKTtcbiAgfSxcbik7XG5cblRleHRCdXR0b24ucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICBpY29uUG9zaXRpb246IHR5cGVzLmljb25Qb3NpdGlvbixcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICB2YXJpYW50OiB0eXBlcy5jbGVhckJ1dHRvblZhcmlhbnQsXG4gIHR5cGU6IHR5cGVzLmJ1dHRvblR5cGUsXG4gIHRyaW1TaWRlOiBQcm9wVHlwZXMub25lT2YoWydsZWZ0JywgJ3JpZ2h0JywgJ3gnXSksXG4gIGhhc1NwaW5uZXI6IFByb3BUeXBlcy5ib29sLFxufTtcbiJdfQ== */"),
|
|
34
|
+
x: /*#__PURE__*/css("margin-left:", xPaddingNegative, ";margin-right:", xPaddingNegative, ";max-width:calc(100% + ", xPadding, " * 2);" + (process.env.NODE_ENV === "production" ? "" : ";label:x;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQlEiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dC1idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBJY29uLCBTcGlubmVyLCBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBnZXRDbGVhckJ1dHRvblN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5cbmNvbnN0IHhQYWRkaW5nID0gYDhweGA7XG5jb25zdCB4UGFkZGluZ05lZ2F0aXZlID0gYC0ke3hQYWRkaW5nfWA7XG5cbmNvbnN0IHRyaW1TaWRlU3R5bGVzID0ge1xuICBsZWZ0OiBjc3NgXG4gICAgbWFyZ2luLWxlZnQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMCUgKyAke3hQYWRkaW5nfSk7XG4gIGAsXG4gIHJpZ2h0OiBjc3NgXG4gICAgbWFyZ2luLXJpZ2h0OiAke3hQYWRkaW5nTmVnYXRpdmV9O1xuICAgIG1heC13aWR0aDogY2FsYygxMDAlICsgJHt4UGFkZGluZ30pO1xuICBgLFxuICB4OiBjc3NgXG4gICAgbWFyZ2luLWxlZnQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWFyZ2luLXJpZ2h0OiAke3hQYWRkaW5nTmVnYXRpdmV9O1xuICAgIG1heC13aWR0aDogY2FsYygxMDAlICsgJHt4UGFkZGluZ30gKiAyKTtcbiAgYCxcbn07XG5cbmNvbnN0IGZhZGVJbiA9IGtleWZyYW1lc2BcbiAgZnJvbSB7IG9wYWNpdHk6IDAgfVxuYDtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgJHsoeyB2YXJpYW50IH0pID0+IGdldENsZWFyQnV0dG9uU3R5bGVzKHsgdmFyaWFudCB9KX07XG4gIHBhZGRpbmc6IDAgJHt4UGFkZGluZ307XG4gIGdhcDogOHB4O1xuICBtaW4td2lkdGg6IDA7XG4gICR7KHsgdHJpbVNpZGUgfSkgPT4gKHRyaW1TaWRlID8gdHJpbVNpZGVTdHlsZXNbdHJpbVNpZGVdIDogYG1heC13aWR0aDogMTAwJWApfTtcblxuICAuYnV0dG9uSWNvbiB7XG4gICAgJHtwID0+IHAuaWNvblBvc2l0aW9uID09PSAncmlnaHQnICYmIGBvcmRlcjogMWB9O1xuICB9XG5cbiAgLmJ1dHRvblRleHQsXG4gIC5idXR0b25JY29uIHtcbiAgICB0cmFuc2l0aW9uOiBjb2xvciAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG4gIH1cblxuICAuYnV0dG9uU3Bpbm5lciB7XG4gICAgYW5pbWF0aW9uOiAke2ZhZGVJbn0gJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dEJ1dHRvbiA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICBpY29uLFxuICAgICAgaWNvblBvc2l0aW9uID0gJ2xlZnQnLFxuICAgICAgdmFyaWFudCA9ICduZXV0cmFsJyxcbiAgICAgIHR5cGUgPSAnYnV0dG9uJyxcbiAgICAgIHRyaW1TaWRlLFxuICAgICAgaGFzU3Bpbm5lcixcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IGljb25Db2xvciA9IGhhc1NwaW5uZXIgPyAndHJhbnNwYXJlbnQnIDogJ2ljb24nO1xuICAgIGNvbnN0IGNvbnRlbnRDb2xvciA9IGhhc1NwaW5uZXIgPyAndHJhbnNwYXJlbnQnIDogJ2luaGVyaXQnO1xuICAgIHJldHVybiAoXG4gICAgICA8V3JhcHBlclxuICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgaWNvbj17aWNvbn1cbiAgICAgICAgaWNvblBvc2l0aW9uPXtpY29uUG9zaXRpb259XG4gICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICB0cmltU2lkZT17dHJpbVNpZGV9XG4gICAgICAgIGhhc1NwaW5uZXI9e2hhc1NwaW5uZXJ9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gY2xhc3NOYW1lPVwiYnV0dG9uSWNvblwiIGNvbG9yPXtpY29uQ29sb3J9IC8+fVxuICAgICAgICB7Y2hpbGRyZW4gJiYgKFxuICAgICAgICAgIDxUZXh0IGhhc0VsbGlwc2lzIGNvbG9yPXtjb250ZW50Q29sb3J9IGNsYXNzTmFtZT1cImJ1dHRvblRleHRcIj5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICl9XG4gICAgICAgIHtoYXNTcGlubmVyICYmIChcbiAgICAgICAgICA8Qm94IHBvc2l0aW9uPVwiYWJzb2x1dGVcIiBjbGFzc05hbWU9XCJidXR0b25TcGlubmVyXCI+XG4gICAgICAgICAgICA8U3Bpbm5lciBjb2xvcj1cImN1cnJlbnRDb2xvclwiIC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG4gICAgICA8L1dyYXBwZXI+XG4gICAgKTtcbiAgfSxcbik7XG5cblRleHRCdXR0b24ucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICBpY29uUG9zaXRpb246IHR5cGVzLmljb25Qb3NpdGlvbixcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICB2YXJpYW50OiB0eXBlcy5jbGVhckJ1dHRvblZhcmlhbnQsXG4gIHR5cGU6IHR5cGVzLmJ1dHRvblR5cGUsXG4gIHRyaW1TaWRlOiBQcm9wVHlwZXMub25lT2YoWydsZWZ0JywgJ3JpZ2h0JywgJ3gnXSksXG4gIGhhc1NwaW5uZXI6IFByb3BUeXBlcy5ib29sLFxufTtcbiJdfQ== */")
|
|
27
35
|
};
|
|
36
|
+
var fadeIn = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n from { opacity: 0 }\n"])));
|
|
28
37
|
|
|
29
38
|
var Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
|
|
30
39
|
target: "e1jnb1460"
|
|
31
40
|
} : {
|
|
32
41
|
target: "e1jnb1460",
|
|
33
42
|
label: "Wrapper"
|
|
34
|
-
})(function (_ref) {
|
|
43
|
+
})("position:relative;", function (_ref) {
|
|
35
44
|
var variant = _ref.variant;
|
|
36
45
|
return getClearButtonStyles({
|
|
37
46
|
variant: variant
|
|
@@ -41,7 +50,7 @@ var Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "productio
|
|
|
41
50
|
return trimSide ? trimSideStyles[trimSide] : "max-width: 100%";
|
|
42
51
|
}, ";.buttonIcon{", function (p) {
|
|
43
52
|
return p.iconPosition === 'right' && "order: 1";
|
|
44
|
-
}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
53
|
+
}, ";}.buttonText,.buttonIcon{transition:color ", getTransition('fast'), ";}.buttonSpinner{animation:", fadeIn, " ", getTransition('fast'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQzZCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgSWNvbiwgU3Bpbm5lciwgVGV4dCB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgZ2V0Q2xlYXJCdXR0b25TdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuXG5jb25zdCB4UGFkZGluZyA9IGA4cHhgO1xuY29uc3QgeFBhZGRpbmdOZWdhdGl2ZSA9IGAtJHt4UGFkZGluZ31gO1xuXG5jb25zdCB0cmltU2lkZVN0eWxlcyA9IHtcbiAgbGVmdDogY3NzYFxuICAgIG1hcmdpbi1sZWZ0OiAke3hQYWRkaW5nTmVnYXRpdmV9O1xuICAgIG1heC13aWR0aDogY2FsYygxMDAlICsgJHt4UGFkZGluZ30pO1xuICBgLFxuICByaWdodDogY3NzYFxuICAgIG1hcmdpbi1yaWdodDogJHt4UGFkZGluZ05lZ2F0aXZlfTtcbiAgICBtYXgtd2lkdGg6IGNhbGMoMTAwJSArICR7eFBhZGRpbmd9KTtcbiAgYCxcbiAgeDogY3NzYFxuICAgIG1hcmdpbi1sZWZ0OiAke3hQYWRkaW5nTmVnYXRpdmV9O1xuICAgIG1hcmdpbi1yaWdodDogJHt4UGFkZGluZ05lZ2F0aXZlfTtcbiAgICBtYXgtd2lkdGg6IGNhbGMoMTAwJSArICR7eFBhZGRpbmd9ICogMik7XG4gIGAsXG59O1xuXG5jb25zdCBmYWRlSW4gPSBrZXlmcmFtZXNgXG4gIGZyb20geyBvcGFjaXR5OiAwIH1cbmA7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuYnV0dG9uYFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICR7KHsgdmFyaWFudCB9KSA9PiBnZXRDbGVhckJ1dHRvblN0eWxlcyh7IHZhcmlhbnQgfSl9O1xuICBwYWRkaW5nOiAwICR7eFBhZGRpbmd9O1xuICBnYXA6IDhweDtcbiAgbWluLXdpZHRoOiAwO1xuICAkeyh7IHRyaW1TaWRlIH0pID0+ICh0cmltU2lkZSA/IHRyaW1TaWRlU3R5bGVzW3RyaW1TaWRlXSA6IGBtYXgtd2lkdGg6IDEwMCVgKX07XG5cbiAgLmJ1dHRvbkljb24ge1xuICAgICR7cCA9PiBwLmljb25Qb3NpdGlvbiA9PT0gJ3JpZ2h0JyAmJiBgb3JkZXI6IDFgfTtcbiAgfVxuXG4gIC5idXR0b25UZXh0LFxuICAuYnV0dG9uSWNvbiB7XG4gICAgdHJhbnNpdGlvbjogY29sb3IgJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuICB9XG5cbiAgLmJ1dHRvblNwaW5uZXIge1xuICAgIGFuaW1hdGlvbjogJHtmYWRlSW59ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRleHRCdXR0b24gPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgY2hpbGRyZW4sXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgaWNvbixcbiAgICAgIGljb25Qb3NpdGlvbiA9ICdsZWZ0JyxcbiAgICAgIHZhcmlhbnQgPSAnbmV1dHJhbCcsXG4gICAgICB0eXBlID0gJ2J1dHRvbicsXG4gICAgICB0cmltU2lkZSxcbiAgICAgIGhhc1NwaW5uZXIsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBpY29uQ29sb3IgPSBoYXNTcGlubmVyID8gJ3RyYW5zcGFyZW50JyA6ICdpY29uJztcbiAgICBjb25zdCBjb250ZW50Q29sb3IgPSBoYXNTcGlubmVyID8gJ3RyYW5zcGFyZW50JyA6ICdpbmhlcml0JztcbiAgICByZXR1cm4gKFxuICAgICAgPFdyYXBwZXJcbiAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgIGljb249e2ljb259XG4gICAgICAgIGljb25Qb3NpdGlvbj17aWNvblBvc2l0aW9ufVxuICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgdHJpbVNpZGU9e3RyaW1TaWRlfVxuICAgICAgICBoYXNTcGlubmVyPXtoYXNTcGlubmVyfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IGNsYXNzTmFtZT1cImJ1dHRvbkljb25cIiBjb2xvcj17aWNvbkNvbG9yfSAvPn1cbiAgICAgICAge2NoaWxkcmVuICYmIChcbiAgICAgICAgICA8VGV4dCBoYXNFbGxpcHNpcyBjb2xvcj17Y29udGVudENvbG9yfSBjbGFzc05hbWU9XCJidXR0b25UZXh0XCI+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICApfVxuICAgICAgICB7aGFzU3Bpbm5lciAmJiAoXG4gICAgICAgICAgPEJveCBwb3NpdGlvbj1cImFic29sdXRlXCIgY2xhc3NOYW1lPVwiYnV0dG9uU3Bpbm5lclwiPlxuICAgICAgICAgICAgPFNwaW5uZXIgY29sb3I9XCJjdXJyZW50Q29sb3JcIiAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgPC9XcmFwcGVyPlxuICAgICk7XG4gIH0sXG4pO1xuXG5UZXh0QnV0dG9uLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpY29uOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvblBvc2l0aW9uOiB0eXBlcy5pY29uUG9zaXRpb24sXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgdmFyaWFudDogdHlwZXMuY2xlYXJCdXR0b25WYXJpYW50LFxuICB0eXBlOiB0eXBlcy5idXR0b25UeXBlLFxuICB0cmltU2lkZTogUHJvcFR5cGVzLm9uZU9mKFsnbGVmdCcsICdyaWdodCcsICd4J10pLFxuICBoYXNTcGlubmVyOiBQcm9wVHlwZXMuYm9vbCxcbn07XG4iXX0= */"));
|
|
45
54
|
|
|
46
55
|
export var TextButton = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
47
56
|
var children = _ref3.children,
|
|
@@ -54,8 +63,11 @@ export var TextButton = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
|
54
63
|
_ref3$type = _ref3.type,
|
|
55
64
|
type = _ref3$type === void 0 ? 'button' : _ref3$type,
|
|
56
65
|
trimSide = _ref3.trimSide,
|
|
66
|
+
hasSpinner = _ref3.hasSpinner,
|
|
57
67
|
props = _objectWithoutProperties(_ref3, _excluded);
|
|
58
68
|
|
|
69
|
+
var iconColor = hasSpinner ? 'transparent' : 'icon';
|
|
70
|
+
var contentColor = hasSpinner ? 'transparent' : 'inherit';
|
|
59
71
|
return ___EmotionJSX(Wrapper, _extends({
|
|
60
72
|
type: type,
|
|
61
73
|
disabled: isDisabled,
|
|
@@ -63,13 +75,22 @@ export var TextButton = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
|
63
75
|
iconPosition: iconPosition,
|
|
64
76
|
variant: variant,
|
|
65
77
|
ref: ref,
|
|
66
|
-
trimSide: trimSide
|
|
78
|
+
trimSide: trimSide,
|
|
79
|
+
hasSpinner: hasSpinner
|
|
67
80
|
}, props), icon && ___EmotionJSX(Icon, {
|
|
68
81
|
icon: icon,
|
|
69
|
-
className: "buttonIcon"
|
|
82
|
+
className: "buttonIcon",
|
|
83
|
+
color: iconColor
|
|
70
84
|
}), children && ___EmotionJSX(Text, {
|
|
71
|
-
hasEllipsis: true
|
|
72
|
-
|
|
85
|
+
hasEllipsis: true,
|
|
86
|
+
color: contentColor,
|
|
87
|
+
className: "buttonText"
|
|
88
|
+
}, children), hasSpinner && ___EmotionJSX(Box, {
|
|
89
|
+
position: "absolute",
|
|
90
|
+
className: "buttonSpinner"
|
|
91
|
+
}, ___EmotionJSX(Spinner, {
|
|
92
|
+
color: "currentColor"
|
|
93
|
+
})));
|
|
73
94
|
});
|
|
74
95
|
TextButton.propTypes = {
|
|
75
96
|
children: PropTypes.node,
|
|
@@ -79,5 +100,6 @@ TextButton.propTypes = {
|
|
|
79
100
|
isDisabled: PropTypes.bool,
|
|
80
101
|
variant: types.clearButtonVariant,
|
|
81
102
|
type: types.buttonType,
|
|
82
|
-
trimSide: PropTypes.oneOf(['left', 'right', 'x'])
|
|
103
|
+
trimSide: PropTypes.oneOf(['left', 'right', 'x']),
|
|
104
|
+
hasSpinner: PropTypes.bool
|
|
83
105
|
};
|