@luminati-io/uikit 1.9.26-beta.2 → 1.9.26

package/dist/uikit.umd.js

@@ -20018,24 +20018,21 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/omit */ "./node_modules/lodash/omit.js");
-/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_omit__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! styled-components */ "styled-components");
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
-/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
-/* harmony import */ var _loading_icon__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./loading_icon */ "./src/button/loading_icon.js");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "prop-types");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _loading_icon__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./loading_icon */ "./src/button/loading_icon.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
-
-var _excluded = ["text", "variant", "size", "disabled", "loading", "loadingText"],
+var _excluded = ["text", "variant", "size", "disabled", "loading", "loadingText", "icon", "iconPlacement"],
   _excluded2 = ["isLeft", "isRight"];
 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); }
 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; }
@@ -20047,33 +20044,34 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-var Button = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {
+var Button = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, ref) {
   var text = props.text,
     variant = props.variant,
     size = props.size,
     disabled = props.disabled,
     loading = props.loading,
     loadingText = props.loadingText,
+    icon = props.icon,
+    iconPlacement = props.iconPlacement,
     rest = _objectWithoutProperties(props, _excluded);
-  var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_6__.getIconProps)('Button', props),
+  var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_5__.getIconProps)('Button', props),
     isLeft = _getIconProps.isLeft,
     isRight = _getIconProps.isRight,
     iconProps = _objectWithoutProperties(_getIconProps, _excluded2);
-  var styledProps = lodash_omit__WEBPACK_IMPORTED_MODULE_0___default()(rest, 'icon', 'iconPlacement');
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(StyledButton, _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledButton, _extends({
     ref: ref
-  }, styledProps, {
+  }, rest, {
     disabled: loading || disabled,
     $variant: variant,
     $size: size,
     $iconPlacement: isLeft || loading ? 'left' : isRight ? 'right' : ''
-  }), loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_loading_icon__WEBPACK_IMPORTED_MODULE_7__["default"], {
+  }), loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_loading_icon__WEBPACK_IMPORTED_MODULE_6__["default"], {
     size: iconProps.size
-  }), 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, {
+  }), isLeft && !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_3__["default"], iconProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Label, {
     variant: size == 'xs' ? 'sm' : 'lg',
     no_wrap: true,
     "data-label": true
-  }, loading ? loadingText : text), isRight && !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__["default"], iconProps));
+  }, loading ? loadingText : text), isRight && !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_3__["default"], iconProps));
 });
 Button.displayName = 'Button';
 Button.defaultProps = {
@@ -20083,16 +20081,16 @@ Button.defaultProps = {
   loadingText: 'Loading...'
 };
 Button.propTypes = {
-  text: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string).isRequired,
-  variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['primary', 'secondary', 'negative', 'negative_secondary', 'positive', 'white']),
-  size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['xs', 'sm', 'md', 'lg']),
-  icon: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_6__.iconNames),
-  iconPlacement: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['left', 'right']),
-  disabled: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  loading: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  loadingText: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
+  text: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string).isRequired,
+  variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['primary', 'secondary', 'negative', 'negative_secondary', 'positive', 'white']),
+  size: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['xs', 'sm', 'md', 'lg']),
+  icon: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_5__.iconNames),
+  iconPlacement: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['left', 'right']),
+  disabled: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  loading: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  loadingText: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)
 };
-var StyledButton = styled_components__WEBPACK_IMPORTED_MODULE_3___default().button.withConfig({
+var StyledButton = styled_components__WEBPACK_IMPORTED_MODULE_2___default().button.withConfig({
   displayName: "StyledButton",
   componentId: "sc-ckjtjy-0"
 })(["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,12 +20102,12 @@ var StyledButton = styled_components__WEBPACK_IMPORTED_MODULE_3___default().butt
     gap = 2;
     paddingLeft = paddingRight = 8;
   }
-  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));
+  return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["gap:", ";padding-left:", ";padding-right:", ";"], (0,_utils__WEBPACK_IMPORTED_MODULE_5__.toPixel)(gap), (0,_utils__WEBPACK_IMPORTED_MODULE_5__.toPixel)(paddingLeft), (0,_utils__WEBPACK_IMPORTED_MODULE_5__.toPixel)(paddingRight));
 }, function (props) {
-  var colors = (0,_utils__WEBPACK_IMPORTED_MODULE_6__.getButtonColors)(props);
-  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            }"));
+  var colors = (0,_utils__WEBPACK_IMPORTED_MODULE_5__.getButtonColors)(props);
+  return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.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            }"));
 }, function (props) {
-  return (0,_utils__WEBPACK_IMPORTED_MODULE_6__.toButtonSize)(props.$size);
+  return (0,_utils__WEBPACK_IMPORTED_MODULE_5__.toButtonSize)(props.$size);
 });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Button);
 
@@ -22253,26 +22251,23 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/omit */ "./node_modules/lodash/omit.js");
-/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_omit__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! styled-components */ "styled-components");
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _hoc__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hoc */ "./src/hoc/index.js");
-/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
-/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../menu */ "./src/menu/index.js");
-/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "prop-types");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _hoc__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../hoc */ "./src/hoc/index.js");
+/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
+/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../menu */ "./src/menu/index.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
-
-var _excluded = ["text", "variant", "size", "items", "disabled", "onClick"],
+var _excluded = ["text", "variant", "size", "items", "disabled", "onClick", "icon", "iconPlacement"],
   _excluded2 = ["isLeft"],
   _excluded3 = ["popover"];
 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); }
@@ -22287,40 +22282,41 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-var ComboButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {
+var ComboButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, ref) {
   var text = props.text,
     variant = props.variant,
     size = props.size,
     items = props.items,
     disabled = props.disabled,
     onClick = props.onClick,
+    icon = props.icon,
+    iconPlacement = props.iconPlacement,
     rest = _objectWithoutProperties(props, _excluded);
-  var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_8__.getIconProps)('Button', props),
+  var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_7__.getIconProps)('Button', props),
     isLeft = _getIconProps.isLeft,
     iconProps = _objectWithoutProperties(_getIconProps, _excluded2);
-  var styledProps = lodash_omit__WEBPACK_IMPORTED_MODULE_0___default()(rest, 'icon', 'iconPlacement');
-  var menuProps = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(function () {
+  var menuProps = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
     return {
       size: size == 'xs' ? 'sm' : 'md',
       items: items
     };
   }, [size, items]);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(StyledButtonWrapper, _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledButtonWrapper, _extends({
     ref: ref
-  }, styledProps, {
+  }, rest, {
     disabled: disabled,
     $variant: variant,
     $size: size,
     $iconPlacement: isLeft ? 'left' : ''
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(StyledButton, {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledButton, {
     disabled: disabled,
     onClick: onClick,
     "data-testid": "combo_button_main"
-  }, /*#__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, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ComboButtonContent, null, isLeft && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__["default"], iconProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_6__.Label, {
     variant: size == 'xs' ? 'sm' : 'lg',
     no_wrap: true,
     "data-label": true
-  }, text))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(ComboButtonMenuTrigger, {
+  }, text))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ComboButtonMenuTrigger, {
     disabled: disabled,
     popoverProps: menuProps
   }));
@@ -22331,18 +22327,18 @@ ComboButton.defaultProps = {
   size: 'sm'
 };
 ComboButton.propTypes = {
-  text: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string).isRequired,
-  variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['primary', 'secondary', 'negative', 'negative_secondary', 'positive', 'white']),
-  size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['xs', 'sm', 'md', 'lg']),
-  icon: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_8__.iconNames),
-  items: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_1___default().any)).isRequired,
-  disabled: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
+  text: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string).isRequired,
+  variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['primary', 'secondary', 'negative', 'negative_secondary', 'positive', 'white']),
+  size: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['xs', 'sm', 'md', 'lg']),
+  icon: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_7__.iconNames),
+  items: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_0___default().any)).isRequired,
+  disabled: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
 };
 var ComboButtonMenu = function ComboButtonMenu(props) {
   var size = props.size,
     items = props.items,
     popover = props.popover;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_6__["default"], {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_5__["default"], {
     size: size,
     items: items,
     onClick: popover.hide
@@ -22351,20 +22347,20 @@ var ComboButtonMenu = function ComboButtonMenu(props) {
 var ArrowIcon = function ArrowIcon(props) {
   var popover = props.popover,
     rest = _objectWithoutProperties(props, _excluded3);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(ComboButtonArrow, _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ComboButtonArrow, _extends({
     onClick: popover.toggle
   }, rest, {
     "data-testid": "combo_button_menu_button"
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_5__["default"], {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__["default"], {
     name: "ChevronDown",
     size: "xs"
   }));
 };
-var ComboButtonMenuTrigger = (0,_hoc__WEBPACK_IMPORTED_MODULE_4__.withPopover)(ArrowIcon, ComboButtonMenu, {
+var ComboButtonMenuTrigger = (0,_hoc__WEBPACK_IMPORTED_MODULE_3__.withPopover)(ArrowIcon, ComboButtonMenu, {
   placement: 'bottom-end',
-  zIndex: _constants__WEBPACK_IMPORTED_MODULE_9__.Z_INDEX.combobutton
+  zIndex: _constants__WEBPACK_IMPORTED_MODULE_8__.Z_INDEX.combobutton
 });
-var StyledButtonWrapper = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
+var StyledButtonWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "StyledButtonWrapper",
   componentId: "sc-s9elw5-0"
 })(["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 +22372,22 @@ var StyledButtonWrapper = styled_components__WEBPACK_IMPORTED_MODULE_3___default
     gap = 2;
     paddingLeft = paddingRight = 8;
   }
-  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));
+  return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["", "{gap:", ";padding-left:", ";padding-right:", ";}"], ComboButtonContent, (0,_utils__WEBPACK_IMPORTED_MODULE_7__.toPixel)(gap), (0,_utils__WEBPACK_IMPORTED_MODULE_7__.toPixel)(paddingLeft), (0,_utils__WEBPACK_IMPORTED_MODULE_7__.toPixel)(paddingRight));
 }, function (props) {
-  var colors = (0,_utils__WEBPACK_IMPORTED_MODULE_8__.getButtonColors)(props);
-  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      "));
+  var colors = (0,_utils__WEBPACK_IMPORTED_MODULE_7__.getButtonColors)(props);
+  return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.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      "));
 }, function (props) {
-  return (0,_utils__WEBPACK_IMPORTED_MODULE_8__.toButtonSize)(props.$size);
+  return (0,_utils__WEBPACK_IMPORTED_MODULE_7__.toButtonSize)(props.$size);
 });
-var StyledButton = styled_components__WEBPACK_IMPORTED_MODULE_3___default().button.withConfig({
+var StyledButton = styled_components__WEBPACK_IMPORTED_MODULE_2___default().button.withConfig({
   displayName: "StyledButton",
   componentId: "sc-s9elw5-1"
 })(["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;"]);
-var ComboButtonContent = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
+var ComboButtonContent = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "ComboButtonContent",
   componentId: "sc-s9elw5-2"
 })(["display:flex;align-items:center;height:100%;"]);
-var ComboButtonArrow = styled_components__WEBPACK_IMPORTED_MODULE_3___default().button.withConfig({
+var ComboButtonArrow = styled_components__WEBPACK_IMPORTED_MODULE_2___default().button.withConfig({
   displayName: "ComboButtonArrow",
   componentId: "sc-s9elw5-3"
 })(["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;}"]);
@@ -44396,37 +44392,6 @@ function baseClamp(number, lower, upper) {
 module.exports = baseClamp;
 
 
-/***/ }),
-
-/***/ "./node_modules/lodash/_baseClone.js":
-/*!*******************************************!*\
-  !*** ./node_modules/lodash/_baseClone.js ***!
-  \*******************************************/
-/***/ ((module) => {
-
-/**
- * This method returns the first argument it receives.
- *
- * @static
- * @since 0.1.0
- * @memberOf _
- * @category Util
- * @param {*} value Any value.
- * @returns {*} Returns `value`.
- * @example
- *
- * var object = { 'a': 1 };
- *
- * console.log(_.identity(object) === object);
- * // => true
- */
-function identity(value) {
-  return value;
-}
-
-module.exports = identity;
-
-
 /***/ }),
 
 /***/ "./node_modules/lodash/_baseGet.js":
@@ -44655,36 +44620,6 @@ function baseSlice(array, start, end) {
 module.exports = baseSlice;
 
 
-/***/ }),
-
-/***/ "./node_modules/lodash/_baseUnset.js":
-/*!*******************************************!*\
-  !*** ./node_modules/lodash/_baseUnset.js ***!
-  \*******************************************/
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-var castPath = __webpack_require__(/*! ./_castPath */ "./node_modules/lodash/_castPath.js"),
-    last = __webpack_require__(/*! ./last */ "./node_modules/lodash/last.js"),
-    parent = __webpack_require__(/*! ./_parent */ "./node_modules/lodash/_parent.js"),
-    toKey = __webpack_require__(/*! ./_toKey */ "./node_modules/lodash/_toKey.js");
-
-/**
- * The base implementation of `_.unset`.
- *
- * @private
- * @param {Object} object The object to modify.
- * @param {Array|string} path The property path to unset.
- * @returns {boolean} Returns `true` if the property is deleted, else `false`.
- */
-function baseUnset(object, path) {
-  path = castPath(path, object);
-  object = parent(object, path);
-  return object == null || delete object[toKey(last(path))];
-}
-
-module.exports = baseUnset;
-
-
 /***/ }),
 
 /***/ "./node_modules/lodash/_castPath.js":
@@ -44767,56 +44702,6 @@ function castSlice(array, start, end) {
 module.exports = castSlice;
 
 
-/***/ }),
-
-/***/ "./node_modules/lodash/_copyObject.js":
-/*!********************************************!*\
-  !*** ./node_modules/lodash/_copyObject.js ***!
-  \********************************************/
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-var assignValue = __webpack_require__(/*! ./_assignValue */ "./node_modules/lodash/_assignValue.js"),
-    baseAssignValue = __webpack_require__(/*! ./_baseAssignValue */ "./node_modules/lodash/_baseAssignValue.js");
-
-/**
- * Copies properties of `source` to `object`.
- *
- * @private
- * @param {Object} source The object to copy properties from.
- * @param {Array} props The property identifiers to copy.
- * @param {Object} [object={}] The object to copy properties to.
- * @param {Function} [customizer] The function to customize copied values.
- * @returns {Object} Returns `object`.
- */
-function copyObject(source, props, object, customizer) {
-  var isNew = !object;
-  object || (object = {});
-
-  var index = -1,
-      length = props.length;
-
-  while (++index < length) {
-    var key = props[index];
-
-    var newValue = customizer
-      ? customizer(object[key], source[key], key, object, source)
-      : undefined;
-
-    if (newValue === undefined) {
-      newValue = source[key];
-    }
-    if (isNew) {
-      baseAssignValue(object, key, newValue);
-    } else {
-      assignValue(object, key, newValue);
-    }
-  }
-  return object;
-}
-
-module.exports = copyObject;
-
-
 /***/ }),
 
 /***/ "./node_modules/lodash/_createCaseFirst.js":
@@ -44860,32 +44745,6 @@ function createCaseFirst(methodName) {
 module.exports = createCaseFirst;
 
 
-/***/ }),
-
-/***/ "./node_modules/lodash/_customOmitClone.js":
-/*!*************************************************!*\
-  !*** ./node_modules/lodash/_customOmitClone.js ***!
-  \*************************************************/
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-var isPlainObject = __webpack_require__(/*! ./isPlainObject */ "./node_modules/lodash/isPlainObject.js");
-
-/**
- * Used by `_.omit` to customize its `_.cloneDeep` use to only clone plain
- * objects.
- *
- * @private
- * @param {*} value The value to inspect.
- * @param {string} key The key of the property to inspect.
- * @returns {*} Returns the uncloned value or `undefined` to defer cloning to `_.cloneDeep`.
- */
-function customOmitClone(value) {
-  return isPlainObject(value) ? undefined : value;
-}
-
-module.exports = customOmitClone;
-
-
 /***/ }),
 
 /***/ "./node_modules/lodash/_defineProperty.js":
@@ -44907,37 +44766,6 @@ var defineProperty = (function() {
 module.exports = defineProperty;
 
 
-/***/ }),
-
-/***/ "./node_modules/lodash/_flatRest.js":
-/*!******************************************!*\
-  !*** ./node_modules/lodash/_flatRest.js ***!
-  \******************************************/
-/***/ ((module) => {
-
-/**
- * This method returns the first argument it receives.
- *
- * @static
- * @since 0.1.0
- * @memberOf _
- * @category Util
- * @param {*} value Any value.
- * @returns {*} Returns `value`.
- * @example
- *
- * var object = { 'a': 1 };
- *
- * console.log(_.identity(object) === object);
- * // => true
- */
-function identity(value) {
-  return value;
-}
-
-module.exports = identity;
-
-
 /***/ }),
 
 /***/ "./node_modules/lodash/_freeGlobal.js":
@@ -45005,22 +44833,6 @@ function getValue(object, key) {
 module.exports = getValue;
 
 
-/***/ }),
-
-/***/ "./node_modules/lodash/_getPrototype.js":
-/*!**********************************************!*\
-  !*** ./node_modules/lodash/_getPrototype.js ***!
-  \**********************************************/
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-var overArg = __webpack_require__(/*! ./_overArg */ "./node_modules/lodash/_overArg.js");
-
-/** Built-in value references. */
-var getPrototype = overArg(Object.getPrototypeOf, Object);
-
-module.exports = getPrototype;
-
-
 /***/ }),
 
 /***/ "./node_modules/lodash/_hasUnicode.js":
@@ -45243,62 +45055,6 @@ function listCacheSet(key, value) {
 module.exports = listCacheSet;
 
 
-/***/ }),
-
-/***/ "./node_modules/lodash/_overArg.js":
-/*!*****************************************!*\
-  !*** ./node_modules/lodash/_overArg.js ***!
-  \*****************************************/
-/***/ ((module) => {
-
-/**
- * Creates a unary function that invokes `func` with its argument transformed.
- *
- * @private
- * @param {Function} func The function to wrap.
- * @param {Function} transform The argument transform.
- * @returns {Function} Returns the new function.
- */
-function overArg(func, transform) {
-  return function(arg) {
-    return func(transform(arg));
-  };
-}
-
-module.exports = overArg;
-
-
-/***/ }),
-
-/***/ "./node_modules/lodash/_parent.js":
-/*!****************************************!*\
-  !*** ./node_modules/lodash/_parent.js ***!
-  \****************************************/
-/***/ ((module) => {
-
-/**
- * This method returns the first argument it receives.
- *
- * @static
- * @since 0.1.0
- * @memberOf _
- * @category Util
- * @param {*} value Any value.
- * @returns {*} Returns `value`.
- * @example
- *
- * var object = { 'a': 1 };
- *
- * console.log(_.identity(object) === object);
- * // => true
- */
-function identity(value) {
-  return value;
-}
-
-module.exports = identity;
-
-
 /***/ }),
 
 /***/ "./node_modules/lodash/_root.js":
@@ -45812,78 +45568,6 @@ function isObjectLike(value) {
 module.exports = isObjectLike;
 
 
-/***/ }),
-
-/***/ "./node_modules/lodash/isPlainObject.js":
-/*!**********************************************!*\
-  !*** ./node_modules/lodash/isPlainObject.js ***!
-  \**********************************************/
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-var baseGetTag = __webpack_require__(/*! ./_baseGetTag */ "./node_modules/lodash/_baseGetTag.js"),
-    getPrototype = __webpack_require__(/*! ./_getPrototype */ "./node_modules/lodash/_getPrototype.js"),
-    isObjectLike = __webpack_require__(/*! ./isObjectLike */ "./node_modules/lodash/isObjectLike.js");
-
-/** `Object#toString` result references. */
-var objectTag = '[object Object]';
-
-/** Used for built-in method references. */
-var funcProto = Function.prototype,
-    objectProto = Object.prototype;
-
-/** Used to resolve the decompiled source of functions. */
-var funcToString = funcProto.toString;
-
-/** Used to check objects for own properties. */
-var hasOwnProperty = objectProto.hasOwnProperty;
-
-/** Used to infer the `Object` constructor. */
-var objectCtorString = funcToString.call(Object);
-
-/**
- * Checks if `value` is a plain object, that is, an object created by the
- * `Object` constructor or one with a `[[Prototype]]` of `null`.
- *
- * @static
- * @memberOf _
- * @since 0.8.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a plain object, else `false`.
- * @example
- *
- * function Foo() {
- *   this.a = 1;
- * }
- *
- * _.isPlainObject(new Foo);
- * // => false
- *
- * _.isPlainObject([1, 2, 3]);
- * // => false
- *
- * _.isPlainObject({ 'x': 0, 'y': 0 });
- * // => true
- *
- * _.isPlainObject(Object.create(null));
- * // => true
- */
-function isPlainObject(value) {
-  if (!isObjectLike(value) || baseGetTag(value) != objectTag) {
-    return false;
-  }
-  var proto = getPrototype(value);
-  if (proto === null) {
-    return true;
-  }
-  var Ctor = hasOwnProperty.call(proto, 'constructor') && proto.constructor;
-  return typeof Ctor == 'function' && Ctor instanceof Ctor &&
-    funcToString.call(Ctor) == objectCtorString;
-}
-
-module.exports = isPlainObject;
-
-
 /***/ }),
 
 /***/ "./node_modules/lodash/isString.js":
@@ -45924,36 +45608,6 @@ function isString(value) {
 module.exports = isString;
 
 
-/***/ }),
-
-/***/ "./node_modules/lodash/last.js":
-/*!*************************************!*\
-  !*** ./node_modules/lodash/last.js ***!
-  \*************************************/
-/***/ ((module) => {
-
-/**
- * Gets the last element of `array`.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Array
- * @param {Array} array The array to query.
- * @returns {*} Returns the last element of `array`.
- * @example
- *
- * _.last([1, 2, 3]);
- * // => 3
- */
-function last(array) {
-  var length = array == null ? 0 : array.length;
-  return length ? array[length - 1] : undefined;
-}
-
-module.exports = last;
-
-
 /***/ }),
 
 /***/ "./node_modules/lodash/memoize.js":
@@ -46070,73 +45724,6 @@ var now = function() {
 module.exports = now;
 
 
-/***/ }),
-
-/***/ "./node_modules/lodash/omit.js":
-/*!*************************************!*\
-  !*** ./node_modules/lodash/omit.js ***!
-  \*************************************/
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-var arrayMap = __webpack_require__(/*! ./_arrayMap */ "./node_modules/lodash/_arrayMap.js"),
-    baseClone = __webpack_require__(/*! ./_baseClone */ "./node_modules/lodash/_baseClone.js"),
-    baseUnset = __webpack_require__(/*! ./_baseUnset */ "./node_modules/lodash/_baseUnset.js"),
-    castPath = __webpack_require__(/*! ./_castPath */ "./node_modules/lodash/_castPath.js"),
-    copyObject = __webpack_require__(/*! ./_copyObject */ "./node_modules/lodash/_copyObject.js"),
-    customOmitClone = __webpack_require__(/*! ./_customOmitClone */ "./node_modules/lodash/_customOmitClone.js"),
-    flatRest = __webpack_require__(/*! ./_flatRest */ "./node_modules/lodash/_flatRest.js"),
-    getAllKeysIn = __webpack_require__(/*! ./_getAllKeysIn */ "./node_modules/lodash/_getAllKeysIn.js");
-
-/** Used to compose bitmasks for cloning. */
-var CLONE_DEEP_FLAG = 1,
-    CLONE_FLAT_FLAG = 2,
-    CLONE_SYMBOLS_FLAG = 4;
-
-/**
- * The opposite of `_.pick`; this method creates an object composed of the
- * own and inherited enumerable property paths of `object` that are not omitted.
- *
- * **Note:** This method is considerably slower than `_.pick`.
- *
- * @static
- * @since 0.1.0
- * @memberOf _
- * @category Object
- * @param {Object} object The source object.
- * @param {...(string|string[])} [paths] The property paths to omit.
- * @returns {Object} Returns the new object.
- * @example
- *
- * var object = { 'a': 1, 'b': '2', 'c': 3 };
- *
- * _.omit(object, ['a', 'c']);
- * // => { 'b': '2' }
- */
-var omit = flatRest(function(object, paths) {
-  var result = {};
-  if (object == null) {
-    return result;
-  }
-  var isDeep = false;
-  paths = arrayMap(paths, function(path) {
-    path = castPath(path, object);
-    isDeep || (isDeep = path.length > 1);
-    return path;
-  });
-  copyObject(object, getAllKeysIn(object), result);
-  if (isDeep) {
-    result = baseClone(result, CLONE_DEEP_FLAG | CLONE_FLAT_FLAG | CLONE_SYMBOLS_FLAG, customOmitClone);
-  }
-  var length = paths.length;
-  while (length--) {
-    baseUnset(result, paths[length]);
-  }
-  return result;
-});
-
-module.exports = omit;
-
-
 /***/ }),
 
 /***/ "./node_modules/lodash/pickBy.js":