@luminati-io/uikit 1.9.26-beta.1 → 1.9.26-beta.2
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/uikit.umd.js +57 -57
- package/dist/uikit.umd.js.map +1 -1
- package/package.json +1 -1
package/dist/uikit.umd.js
CHANGED
|
@@ -20018,14 +20018,14 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
20018
20018
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
20019
20019
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
20020
20020
|
/* harmony export */ });
|
|
20021
|
-
/* harmony import */ var
|
|
20022
|
-
/* harmony import */ var
|
|
20023
|
-
/* harmony import */ var
|
|
20024
|
-
/* harmony import */ var
|
|
20025
|
-
/* harmony import */ var
|
|
20026
|
-
/* harmony import */ var
|
|
20027
|
-
/* harmony import */ var
|
|
20028
|
-
/* harmony import */ var
|
|
20021
|
+
/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/omit */ "./node_modules/lodash/omit.js");
|
|
20022
|
+
/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_omit__WEBPACK_IMPORTED_MODULE_0__);
|
|
20023
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
20024
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
|
|
20025
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
|
|
20026
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
|
|
20027
|
+
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! styled-components */ "styled-components");
|
|
20028
|
+
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_3__);
|
|
20029
20029
|
/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
|
|
20030
20030
|
/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
|
|
20031
20031
|
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
|
|
@@ -20034,6 +20034,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
20034
20034
|
|
|
20035
20035
|
|
|
20036
20036
|
/*jslint react:true*/
|
|
20037
|
+
|
|
20037
20038
|
var _excluded = ["text", "variant", "size", "disabled", "loading", "loadingText"],
|
|
20038
20039
|
_excluded2 = ["isLeft", "isRight"];
|
|
20039
20040
|
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); }
|
|
@@ -20046,8 +20047,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
20046
20047
|
|
|
20047
20048
|
|
|
20048
20049
|
|
|
20049
|
-
|
|
20050
|
-
var Button = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, ref) {
|
|
20050
|
+
var Button = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {
|
|
20051
20051
|
var text = props.text,
|
|
20052
20052
|
variant = props.variant,
|
|
20053
20053
|
size = props.size,
|
|
@@ -20059,21 +20059,21 @@ var Button = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRe
|
|
|
20059
20059
|
isLeft = _getIconProps.isLeft,
|
|
20060
20060
|
isRight = _getIconProps.isRight,
|
|
20061
20061
|
iconProps = _objectWithoutProperties(_getIconProps, _excluded2);
|
|
20062
|
-
var styledProps =
|
|
20063
|
-
return /*#__PURE__*/
|
|
20062
|
+
var styledProps = lodash_omit__WEBPACK_IMPORTED_MODULE_0___default()(rest, 'icon', 'iconPlacement');
|
|
20063
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(StyledButton, _extends({
|
|
20064
20064
|
ref: ref
|
|
20065
20065
|
}, styledProps, {
|
|
20066
20066
|
disabled: loading || disabled,
|
|
20067
20067
|
$variant: variant,
|
|
20068
20068
|
$size: size,
|
|
20069
20069
|
$iconPlacement: isLeft || loading ? 'left' : isRight ? 'right' : ''
|
|
20070
|
-
}), loading && /*#__PURE__*/
|
|
20070
|
+
}), loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_loading_icon__WEBPACK_IMPORTED_MODULE_7__["default"], {
|
|
20071
20071
|
size: iconProps.size
|
|
20072
|
-
}), isLeft && !loading && /*#__PURE__*/
|
|
20072
|
+
}), isLeft && !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__["default"], iconProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_5__.Label, {
|
|
20073
20073
|
variant: size == 'xs' ? 'sm' : 'lg',
|
|
20074
20074
|
no_wrap: true,
|
|
20075
20075
|
"data-label": true
|
|
20076
|
-
}, loading ? loadingText : text), isRight && !loading && /*#__PURE__*/
|
|
20076
|
+
}, loading ? loadingText : text), isRight && !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__["default"], iconProps));
|
|
20077
20077
|
});
|
|
20078
20078
|
Button.displayName = 'Button';
|
|
20079
20079
|
Button.defaultProps = {
|
|
@@ -20083,16 +20083,16 @@ Button.defaultProps = {
|
|
|
20083
20083
|
loadingText: 'Loading...'
|
|
20084
20084
|
};
|
|
20085
20085
|
Button.propTypes = {
|
|
20086
|
-
text: (
|
|
20087
|
-
variant:
|
|
20088
|
-
size:
|
|
20089
|
-
icon:
|
|
20090
|
-
iconPlacement:
|
|
20091
|
-
disabled: (
|
|
20092
|
-
loading: (
|
|
20093
|
-
loadingText: (
|
|
20086
|
+
text: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string).isRequired,
|
|
20087
|
+
variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['primary', 'secondary', 'negative', 'negative_secondary', 'positive', 'white']),
|
|
20088
|
+
size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['xs', 'sm', 'md', 'lg']),
|
|
20089
|
+
icon: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_6__.iconNames),
|
|
20090
|
+
iconPlacement: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['left', 'right']),
|
|
20091
|
+
disabled: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
|
|
20092
|
+
loading: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
|
|
20093
|
+
loadingText: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
|
|
20094
20094
|
};
|
|
20095
|
-
var StyledButton =
|
|
20095
|
+
var StyledButton = styled_components__WEBPACK_IMPORTED_MODULE_3___default().button.withConfig({
|
|
20096
20096
|
displayName: "StyledButton",
|
|
20097
20097
|
componentId: "sc-ckjtjy-0"
|
|
20098
20098
|
})(["display:inline-flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;&:disabled{cursor:not-allowed;}text-decoration:none;&:hover,&:visited,:focus{text-decoration:none;}", " ", " ", ""], function (props) {
|
|
@@ -20104,10 +20104,10 @@ var StyledButton = styled_components__WEBPACK_IMPORTED_MODULE_2___default().butt
|
|
|
20104
20104
|
gap = 2;
|
|
20105
20105
|
paddingLeft = paddingRight = 8;
|
|
20106
20106
|
}
|
|
20107
|
-
return (0,
|
|
20107
|
+
return (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.css)(["gap:", ";padding-left:", ";padding-right:", ";"], (0,_utils__WEBPACK_IMPORTED_MODULE_6__.toPixel)(gap), (0,_utils__WEBPACK_IMPORTED_MODULE_6__.toPixel)(paddingLeft), (0,_utils__WEBPACK_IMPORTED_MODULE_6__.toPixel)(paddingRight));
|
|
20108
20108
|
}, function (props) {
|
|
20109
20109
|
var colors = (0,_utils__WEBPACK_IMPORTED_MODULE_6__.getButtonColors)(props);
|
|
20110
|
-
return (0,
|
|
20110
|
+
return (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.css)(["background-color:", ";border:", ";[data-label]{color:", ";}[data-icon]{color:", ";}", " ", ""], colors.backColor, colors.border || '0 none', colors.color, colors.iconColor || colors.color, colors.hover && "&:hover {\n background-color: ".concat(colors.hover.backColor, ";\n }"), colors.active && "&:active {\n background-color: ".concat(colors.active.backColor, ";\n border: ").concat(colors.active.border, ";\n box-shadow: ").concat(colors.active.boxShadow, ";\n ").concat(colors.active.iconColor && "[data-icon] {\n color: ".concat(colors.active.iconColor, ";\n }"), "\n }"));
|
|
20111
20111
|
}, function (props) {
|
|
20112
20112
|
return (0,_utils__WEBPACK_IMPORTED_MODULE_6__.toButtonSize)(props.$size);
|
|
20113
20113
|
});
|
|
@@ -22253,14 +22253,14 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
22253
22253
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
22254
22254
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
22255
22255
|
/* harmony export */ });
|
|
22256
|
-
/* harmony import */ var
|
|
22257
|
-
/* harmony import */ var
|
|
22258
|
-
/* harmony import */ var
|
|
22259
|
-
/* harmony import */ var
|
|
22260
|
-
/* harmony import */ var
|
|
22261
|
-
/* harmony import */ var
|
|
22262
|
-
/* harmony import */ var
|
|
22263
|
-
/* harmony import */ var
|
|
22256
|
+
/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/omit */ "./node_modules/lodash/omit.js");
|
|
22257
|
+
/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_omit__WEBPACK_IMPORTED_MODULE_0__);
|
|
22258
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
|
|
22259
|
+
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
|
|
22260
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
|
|
22261
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
|
|
22262
|
+
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! styled-components */ "styled-components");
|
|
22263
|
+
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_3__);
|
|
22264
22264
|
/* harmony import */ var _hoc__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hoc */ "./src/hoc/index.js");
|
|
22265
22265
|
/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
|
|
22266
22266
|
/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../menu */ "./src/menu/index.js");
|
|
@@ -22271,6 +22271,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
22271
22271
|
|
|
22272
22272
|
|
|
22273
22273
|
/*jslint react:true*/
|
|
22274
|
+
|
|
22274
22275
|
var _excluded = ["text", "variant", "size", "items", "disabled", "onClick"],
|
|
22275
22276
|
_excluded2 = ["isLeft"],
|
|
22276
22277
|
_excluded3 = ["popover"];
|
|
@@ -22286,8 +22287,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
22286
22287
|
|
|
22287
22288
|
|
|
22288
22289
|
|
|
22289
|
-
|
|
22290
|
-
var ComboButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, ref) {
|
|
22290
|
+
var ComboButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {
|
|
22291
22291
|
var text = props.text,
|
|
22292
22292
|
variant = props.variant,
|
|
22293
22293
|
size = props.size,
|
|
@@ -22298,29 +22298,29 @@ var ComboButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forw
|
|
|
22298
22298
|
var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_8__.getIconProps)('Button', props),
|
|
22299
22299
|
isLeft = _getIconProps.isLeft,
|
|
22300
22300
|
iconProps = _objectWithoutProperties(_getIconProps, _excluded2);
|
|
22301
|
-
var styledProps =
|
|
22302
|
-
var menuProps = (0,
|
|
22301
|
+
var styledProps = lodash_omit__WEBPACK_IMPORTED_MODULE_0___default()(rest, 'icon', 'iconPlacement');
|
|
22302
|
+
var menuProps = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(function () {
|
|
22303
22303
|
return {
|
|
22304
22304
|
size: size == 'xs' ? 'sm' : 'md',
|
|
22305
22305
|
items: items
|
|
22306
22306
|
};
|
|
22307
22307
|
}, [size, items]);
|
|
22308
|
-
return /*#__PURE__*/
|
|
22308
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(StyledButtonWrapper, _extends({
|
|
22309
22309
|
ref: ref
|
|
22310
22310
|
}, styledProps, {
|
|
22311
22311
|
disabled: disabled,
|
|
22312
22312
|
$variant: variant,
|
|
22313
22313
|
$size: size,
|
|
22314
22314
|
$iconPlacement: isLeft ? 'left' : ''
|
|
22315
|
-
}), /*#__PURE__*/
|
|
22315
|
+
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(StyledButton, {
|
|
22316
22316
|
disabled: disabled,
|
|
22317
22317
|
onClick: onClick,
|
|
22318
22318
|
"data-testid": "combo_button_main"
|
|
22319
|
-
}, /*#__PURE__*/
|
|
22319
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(ComboButtonContent, null, isLeft && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_5__["default"], iconProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_7__.Label, {
|
|
22320
22320
|
variant: size == 'xs' ? 'sm' : 'lg',
|
|
22321
22321
|
no_wrap: true,
|
|
22322
22322
|
"data-label": true
|
|
22323
|
-
}, text))), /*#__PURE__*/
|
|
22323
|
+
}, text))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(ComboButtonMenuTrigger, {
|
|
22324
22324
|
disabled: disabled,
|
|
22325
22325
|
popoverProps: menuProps
|
|
22326
22326
|
}));
|
|
@@ -22331,18 +22331,18 @@ ComboButton.defaultProps = {
|
|
|
22331
22331
|
size: 'sm'
|
|
22332
22332
|
};
|
|
22333
22333
|
ComboButton.propTypes = {
|
|
22334
|
-
text: (
|
|
22335
|
-
variant:
|
|
22336
|
-
size:
|
|
22337
|
-
icon:
|
|
22338
|
-
items:
|
|
22339
|
-
disabled: (
|
|
22334
|
+
text: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string).isRequired,
|
|
22335
|
+
variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['primary', 'secondary', 'negative', 'negative_secondary', 'positive', 'white']),
|
|
22336
|
+
size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['xs', 'sm', 'md', 'lg']),
|
|
22337
|
+
icon: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_8__.iconNames),
|
|
22338
|
+
items: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_1___default().any)).isRequired,
|
|
22339
|
+
disabled: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
|
|
22340
22340
|
};
|
|
22341
22341
|
var ComboButtonMenu = function ComboButtonMenu(props) {
|
|
22342
22342
|
var size = props.size,
|
|
22343
22343
|
items = props.items,
|
|
22344
22344
|
popover = props.popover;
|
|
22345
|
-
return /*#__PURE__*/
|
|
22345
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_6__["default"], {
|
|
22346
22346
|
size: size,
|
|
22347
22347
|
items: items,
|
|
22348
22348
|
onClick: popover.hide
|
|
@@ -22351,11 +22351,11 @@ var ComboButtonMenu = function ComboButtonMenu(props) {
|
|
|
22351
22351
|
var ArrowIcon = function ArrowIcon(props) {
|
|
22352
22352
|
var popover = props.popover,
|
|
22353
22353
|
rest = _objectWithoutProperties(props, _excluded3);
|
|
22354
|
-
return /*#__PURE__*/
|
|
22354
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(ComboButtonArrow, _extends({
|
|
22355
22355
|
onClick: popover.toggle
|
|
22356
22356
|
}, rest, {
|
|
22357
22357
|
"data-testid": "combo_button_menu_button"
|
|
22358
|
-
}), /*#__PURE__*/
|
|
22358
|
+
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_5__["default"], {
|
|
22359
22359
|
name: "ChevronDown",
|
|
22360
22360
|
size: "xs"
|
|
22361
22361
|
}));
|
|
@@ -22364,7 +22364,7 @@ var ComboButtonMenuTrigger = (0,_hoc__WEBPACK_IMPORTED_MODULE_4__.withPopover)(A
|
|
|
22364
22364
|
placement: 'bottom-end',
|
|
22365
22365
|
zIndex: _constants__WEBPACK_IMPORTED_MODULE_9__.Z_INDEX.combobutton
|
|
22366
22366
|
});
|
|
22367
|
-
var StyledButtonWrapper =
|
|
22367
|
+
var StyledButtonWrapper = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
|
|
22368
22368
|
displayName: "StyledButtonWrapper",
|
|
22369
22369
|
componentId: "sc-s9elw5-0"
|
|
22370
22370
|
})(["display:inline-flex;align-items:stretch;justify-content:center;border-radius:4px;text-decoration:none;&:hover,&:visited,:focus{text-decoration:none;}padding:0;", " ", " ", ""], function (props) {
|
|
@@ -22376,22 +22376,22 @@ var StyledButtonWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default
|
|
|
22376
22376
|
gap = 2;
|
|
22377
22377
|
paddingLeft = paddingRight = 8;
|
|
22378
22378
|
}
|
|
22379
|
-
return (0,
|
|
22379
|
+
return (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.css)(["", "{gap:", ";padding-left:", ";padding-right:", ";}"], ComboButtonContent, (0,_utils__WEBPACK_IMPORTED_MODULE_8__.toPixel)(gap), (0,_utils__WEBPACK_IMPORTED_MODULE_8__.toPixel)(paddingLeft), (0,_utils__WEBPACK_IMPORTED_MODULE_8__.toPixel)(paddingRight));
|
|
22380
22380
|
}, function (props) {
|
|
22381
22381
|
var colors = (0,_utils__WEBPACK_IMPORTED_MODULE_8__.getButtonColors)(props);
|
|
22382
|
-
return (0,
|
|
22382
|
+
return (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.css)(["background-color:", ";", "{color:", ";border-top:", ";border-right:0 none;border-bottom:", ";border-left:", ";[data-icon]{color:", ";}", "}", "{border-top:", ";border-right:", ";border-bottom:", ";border-left:", ";[data-icon]{color:", ";}", "}", ""], colors.backColor, StyledButton, colors.color, colors.border || '0 none', colors.border || '0 none', colors.border || '0 none', colors.iconColor || colors.color, colors.active && "&:active {\n background-color: ".concat(colors.active.backColor, ";\n border-top: ").concat(colors.active.border, ";\n border-bottom: ").concat(colors.active.border, ";\n border-left: ").concat(colors.active.border, ";\n box-shadow: ").concat(colors.active.boxShadow, ";\n ").concat(colors.active.iconColor && "[data-icon] {\n color: ".concat(colors.active.iconColor, ";\n }"), "\n }"), ComboButtonArrow, colors.border || '0 none', colors.border || '0 none', colors.border || '0 none', colors.separator || colors.border || '0 none', colors.iconColor || colors.color, colors.active && "&:active {\n background-color: ".concat(colors.active.backColor, ";\n border: ").concat(colors.active.border, ";\n box-shadow: ").concat(colors.active.boxShadow, ";\n ").concat(colors.active.iconColor && "[data-icon] {\n color: ".concat(colors.active.iconColor, ";\n }"), "\n }"), colors.hover && "\n ".concat(StyledButton, ":hover, ").concat(ComboButtonArrow, ":hover {\n background-color: ").concat(colors.hover.backColor, ";\n }\n "));
|
|
22383
22383
|
}, function (props) {
|
|
22384
22384
|
return (0,_utils__WEBPACK_IMPORTED_MODULE_8__.toButtonSize)(props.$size);
|
|
22385
22385
|
});
|
|
22386
|
-
var StyledButton =
|
|
22386
|
+
var StyledButton = styled_components__WEBPACK_IMPORTED_MODULE_3___default().button.withConfig({
|
|
22387
22387
|
displayName: "StyledButton",
|
|
22388
22388
|
componentId: "sc-s9elw5-1"
|
|
22389
22389
|
})(["cursor:pointer;&:disabled{cursor:not-allowed;}display:flex;align-items:center;height:100%;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;background:none;padding:0;"]);
|
|
22390
|
-
var ComboButtonContent =
|
|
22390
|
+
var ComboButtonContent = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
|
|
22391
22391
|
displayName: "ComboButtonContent",
|
|
22392
22392
|
componentId: "sc-s9elw5-2"
|
|
22393
22393
|
})(["display:flex;align-items:center;height:100%;"]);
|
|
22394
|
-
var ComboButtonArrow =
|
|
22394
|
+
var ComboButtonArrow = styled_components__WEBPACK_IMPORTED_MODULE_3___default().button.withConfig({
|
|
22395
22395
|
displayName: "ComboButtonArrow",
|
|
22396
22396
|
componentId: "sc-s9elw5-3"
|
|
22397
22397
|
})(["display:flex;align-items:center;justify-content:center;width:32px;height:100%;border:none;border-top-right-radius:4px;border-bottom-right-radius:4px;background:none;cursor:pointer;&:disabled{cursor:not-allowed;}"]);
|