@luminati-io/uikit 1.9.26-beta.1 → 1.9.26-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/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;}"]);
|