@luminati-io/uikit 3.1.8 → 3.1.10

package/dist/umd/uikit.development.js

@@ -23917,7 +23917,7 @@ Checkbox.displayName = 'Checkbox';
 Checkbox.propTypes = {
   checked: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   onChange: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
-  label: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)]),
+  label: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
   disabled: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   indeterminate: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   verticalAlign: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['top', 'middle', 'bottom'])
@@ -23978,7 +23978,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var lodash_isObject__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/isObject */ "./node_modules/lodash/isObject.js");
 /* harmony import */ var lodash_isObject__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_isObject__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var date_fns_format__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! date-fns/format */ "./node_modules/date-fns/esm/format/index.js");
+/* harmony import */ var date_fns_format__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! date-fns/format */ "./node_modules/date-fns/esm/format/index.js");
 /* 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");
@@ -23991,6 +23991,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
 /* harmony import */ var _date_picker__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./date_picker */ "./src/input/date_picker.js");
 /* harmony import */ var _dropdown__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./dropdown */ "./src/input/dropdown/index.js");
+/* harmony import */ var _dropdown_menu_list__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./dropdown/menu_list */ "./src/input/dropdown/menu_list.js");
 // LICENSE_CODE ZON
 
 
@@ -24014,15 +24015,16 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 
+
 var CompareTo = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {
   var formatOptionLabel = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (opt) {
     if (opt && lodash_isObject__WEBPACK_IMPORTED_MODULE_0___default()(opt)) {
-      var text = opt.value != 'custom' ? opt.label : (0,date_fns_format__WEBPACK_IMPORTED_MODULE_11__["default"])(opt.from, props.format);
+      var text = opt.value != 'custom' ? opt.label : (0,date_fns_format__WEBPACK_IMPORTED_MODULE_12__["default"])(opt.from, props.format);
       return "".concat(props.placeholder, " ").concat(text);
     }
     return '';
   }, [props.format, props.placeholder]);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_dropdown__WEBPACK_IMPORTED_MODULE_10__["default"], _extends({}, props, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_dropdown__WEBPACK_IMPORTED_MODULE_10__.Dropdown, _extends({}, props, {
     options: props.options || [],
     formatOptionLabel: props.formatOptionLabel || formatOptionLabel,
     components: {
@@ -24060,7 +24062,7 @@ var CompareToMenuList = function CompareToMenuList(props) {
     setValue(value, opt);
     setIsCustom(false);
   };
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, !isCustom && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_dropdown__WEBPACK_IMPORTED_MODULE_10__.MenuList, props, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_6__["default"].Item, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, !isCustom && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_dropdown_menu_list__WEBPACK_IMPORTED_MODULE_11__.MenuList, props, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_6__["default"].Item, {
     type: "item",
     className: cx({
       option: true
@@ -24339,7 +24341,9 @@ var Day = function Day(props) {
     role: "gridcell"
   });
   if (!dayRender.isButton) return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", dayRender.divProps);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(DayWrapper, dayRender.activeModifiers, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(react_day_picker__WEBPACK_IMPORTED_MODULE_2__.Button, _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(DayWrapper, {
+    $mod: dayRender.activeModifiers
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(react_day_picker__WEBPACK_IMPORTED_MODULE_2__.Button, _extends({
     name: "day",
     ref: buttonRef
   }, dayRender.buttonProps)));
@@ -24348,16 +24352,21 @@ Day.displayName = 'Day';
 var DayWrapper = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
   displayName: "DayWrapper",
   componentId: "sc-1gurvxq-2"
-})(["padding:0;background-color:", ";border-top-left-radius:", ";border-bottom-left-radius:", ";border-top-right-radius:", ";border-bottom-right-radius:", ";.rdp-day{display:flex;flex-direction:column;justify-content:center;align-items:center;width:32px;height:32px;box-sizing:border-box;border-radius:", ";border:1px solid ", ";background-color:", ";cursor:pointer;font-family:", ";font-style:normal;font-weight:", ";font-size:", ";line-height:", ";color:", ";&:hover:not(:disabled){border:1px solid ", ";}&:disabled{color:", ";cursor:not-allowed;}}.rdp-day_today{color:", ";font-weight:", ";}.rdp-day_selected{background-color:", ";border:1px solid ", ";color:", ";}.rdp-day_range_middle{background-color:", ";border:1px solid ", ";color:", ";&.rdp-day_today{color:", ";}}"], function (props) {
-  return props.selected ? _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_3 : _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.white;
-}, function (props) {
-  return props.range_middle || props.range_end && !props.range_start ? '0' : borderRadius;
-}, function (props) {
-  return props.range_middle || props.range_end && !props.range_start ? '0' : borderRadius;
-}, function (props) {
-  return props.range_middle || props.range_start && !props.range_end ? '0' : borderRadius;
-}, function (props) {
-  return props.range_middle || props.range_start && !props.range_end ? '0' : borderRadius;
+})(["padding:0;background-color:", ";border-top-left-radius:", ";border-bottom-left-radius:", ";border-top-right-radius:", ";border-bottom-right-radius:", ";.rdp-day{display:flex;flex-direction:column;justify-content:center;align-items:center;width:32px;height:32px;box-sizing:border-box;border-radius:", ";border:1px solid ", ";background-color:", ";cursor:pointer;font-family:", ";font-style:normal;font-weight:", ";font-size:", ";line-height:", ";color:", ";&:hover:not(:disabled){border:1px solid ", ";}&:disabled{color:", ";cursor:not-allowed;}}.rdp-day_today{color:", ";font-weight:", ";}.rdp-day_selected{background-color:", ";border:1px solid ", ";color:", ";}.rdp-day_range_middle{background-color:", ";border:1px solid ", ";color:", ";&.rdp-day_today{color:", ";}}"], function (_ref2) {
+  var $mod = _ref2.$mod;
+  return $mod.selected ? _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_3 : _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.white;
+}, function (_ref3) {
+  var $mod = _ref3.$mod;
+  return $mod.range_middle || $mod.range_end && !$mod.range_start ? '0' : borderRadius;
+}, function (_ref4) {
+  var $mod = _ref4.$mod;
+  return $mod.range_middle || $mod.range_end && !$mod.range_start ? '0' : borderRadius;
+}, function (_ref5) {
+  var $mod = _ref5.$mod;
+  return $mod.range_middle || $mod.range_start && !$mod.range_end ? '0' : borderRadius;
+}, function (_ref6) {
+  var $mod = _ref6.$mod;
+  return $mod.range_middle || $mod.range_start && !$mod.range_end ? '0' : borderRadius;
 }, borderRadius, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].font_family.sans, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].font_weight.regular, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].font_size.xs, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].line_height.none, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_11_50, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_10, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_7, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_11, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].font_weight.semibold, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_10, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_10, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_3, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_3, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_11_50, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_11);
 var getDateText = function getDateText(props) {
   var value = props.value,
@@ -24552,7 +24561,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
-var _excluded = ["label", "labelIcon", "required", "value", "defaultValue", "placeholder", "options", "onChange", "onFocus", "onBlur", "multiselect", "creatable", "onCreateOption", "clearable", "disabled", "invalid", "helperText", "classNamePrefix", "onChangeCapture", "menuPortalTarget", "filterOption", "formatOptionLabel", "menuPlacement", "hideSelectedOptions", "onInputChange", "getOptionValue", "getOptionLabel", "isOptionDisabled", "isOptionSelected", "async", "isLoading", "loadOptions"];
+var _excluded = ["label", "labelIcon", "required", "value", "defaultValue", "placeholder", "options", "onChange", "onFocus", "onBlur", "multiselect", "creatable", "clearable", "disabled", "invalid", "helperText", "classNamePrefix", "onChangeCapture", "menuPortalTarget", "filterOption", "formatOptionLabel", "menuPlacement", "hideSelectedOptions", "onInputChange", "getOptionValue", "getOptionLabel", "isOptionDisabled", "isOptionSelected", "async", "isLoading", "loadOptions", "defaultOptions", "cacheOptions", "onCreateOption", "formatCreateLabel", "isValidNewOption", "getNewOptionData"];
 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; }
 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; }
@@ -24582,7 +24591,6 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
     onBlur = props.onBlur,
     multiselect = props.multiselect,
     creatable = props.creatable,
-    onCreateOption = props.onCreateOption,
     clearable = props.clearable,
     disabled = props.disabled,
     invalid = props.invalid,
@@ -24602,6 +24610,12 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
     async = props.async,
     isLoading = props.isLoading,
     loadOptions = props.loadOptions,
+    defaultOptions = props.defaultOptions,
+    cacheOptions = props.cacheOptions,
+    onCreateOption = props.onCreateOption,
+    formatCreateLabel = props.formatCreateLabel,
+    isValidNewOption = props.isValidNewOption,
+    getNewOptionData = props.getNewOptionData,
     rest = _objectWithoutProperties(props, _excluded);
   var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.useLabelId)(props.id);
   var t = (0,_translation__WEBPACK_IMPORTED_MODULE_7__.useTranslate)();
@@ -24643,7 +24657,6 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
     onBlur: onBlur,
     isMulti: multiselect,
     isClearable: clearable,
-    onCreateOption: onCreateOption,
     isDisabled: disabled,
     required: required,
     styles: styles,
@@ -24660,7 +24673,13 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
     isOptionDisabled: _isOptionDisabled,
     isOptionSelected: isOptionSelected,
     isLoading: isLoading,
-    loadOptions: loadOptions
+    loadOptions: loadOptions,
+    defaultOptions: defaultOptions,
+    cacheOptions: cacheOptions,
+    onCreateOption: onCreateOption,
+    formatCreateLabel: formatCreateLabel,
+    isValidNewOption: isValidNewOption,
+    getNewOptionData: getNewOptionData
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_9__.HelperText, {
     invalid: invalid
   }, helperText));
@@ -24674,7 +24693,7 @@ Dropdown.propTypes = {
   onChange: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
   onFocus: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
   onBlur: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
-  placeholder: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  placeholder: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
   disabled: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   required: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   invalid: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
@@ -24682,11 +24701,10 @@ Dropdown.propTypes = {
   labelIcon: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   helperText: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)]),
   size: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['sm', 'md', 'lg']),
-  options: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_0___default().any)).isRequired,
+  options: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_0___default().any)),
   multiselect: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   clearable: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   creatable: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
-  onCreateOption: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
   classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   menuPlacement: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['bottom', 'auto', 'top']),
   virtualized: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
@@ -24700,8 +24718,14 @@ Dropdown.propTypes = {
   async: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   isLoading: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   loadOptions: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  defaultOptions: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool), prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_0___default().any))]),
+  cacheOptions: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().any),
   components: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object),
-  styles: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object)
+  styles: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object),
+  onCreateOption: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  formatCreateLabel: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  isValidNewOption: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  getNewOptionData: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)
 };
 Dropdown.defaultProps = {
   size: 'sm',
@@ -24868,7 +24892,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../menu */ "./src/menu/index.js");
+/* harmony import */ var _menu_menu_item_group__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../menu/menu_item_group */ "./src/menu/menu_item_group.js");
 // LICENSE_CODE ZON
 
 
@@ -24884,7 +24908,7 @@ var Group = function Group(props) {
     innerProps = props.innerProps,
     children = props.children,
     isFirstItem = props.isFirstItem;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_1__.MenuItemGroup, _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_menu_menu_item_group__WEBPACK_IMPORTED_MODULE_1__.MenuItemGroup, _extends({
     ref: innerRef,
     isFirstItem: isFirstItem,
     className: cx({
@@ -24906,19 +24930,15 @@ var Group = function Group(props) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   MenuList: () => (/* reexport safe */ _menu_list__WEBPACK_IMPORTED_MODULE_1__.MenuList),
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   Dropdown: () => (/* reexport safe */ _dropdown__WEBPACK_IMPORTED_MODULE_0__.Dropdown)
 /* harmony export */ });
 /* harmony import */ var _dropdown__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./dropdown */ "./src/input/dropdown/dropdown.js");
-/* harmony import */ var _menu_list__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./menu_list */ "./src/input/dropdown/menu_list.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
 
 
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_dropdown__WEBPACK_IMPORTED_MODULE_0__.Dropdown);
-
 /***/ }),
 
 /***/ "./src/input/dropdown/menu_list.js":
@@ -24934,7 +24954,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../menu */ "./src/menu/index.js");
+/* harmony import */ var _menu_shared__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../menu/shared */ "./src/menu/shared.js");
 // LICENSE_CODE ZON
 
 
@@ -24949,7 +24969,7 @@ var MenuList = function MenuList(props) {
     innerRef = props.innerRef,
     innerProps = props.innerProps,
     children = props.children;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_1__.MenuContainer, _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_menu_shared__WEBPACK_IMPORTED_MODULE_1__.MenuContainer, _extends({
     ref: innerRef,
     $noShadow: true,
     role: "menu",
@@ -24995,12 +25015,6 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 
-var StyledItem = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_menu__WEBPACK_IMPORTED_MODULE_3__["default"].Item).withConfig({
-  displayName: "StyledItem",
-  componentId: "sc-10s9fdi-0"
-})(["", ""], function (props) {
-  return props.selected ? "background-color: ".concat(_theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.blue_3, ";") : undefined;
-});
 var Option = function Option(props) {
   var data = props.data,
     className = props.className,
@@ -25026,9 +25040,17 @@ var Option = function Option(props) {
     tooltip: data.tooltip,
     disabled: isDisabled,
     selected: isSelected,
+    $focused: isFocused,
     tag: tag
   }));
 };
+var StyledItem = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_menu__WEBPACK_IMPORTED_MODULE_3__["default"].Item).withConfig({
+  displayName: "StyledItem",
+  componentId: "sc-10s9fdi-0"
+})(["background-color:", ";"], function (props) {
+  if (props.selected) return _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.blue_3;
+  if (props.$focused) return _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_2;
+});
 
 /***/ }),
 
@@ -25585,9 +25607,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   Checkbox: () => (/* reexport safe */ _checkbox__WEBPACK_IMPORTED_MODULE_0__["default"]),
 /* harmony export */   CompareTo: () => (/* reexport safe */ _compare_to__WEBPACK_IMPORTED_MODULE_1__["default"]),
 /* harmony export */   DatePicker: () => (/* reexport safe */ _date_picker__WEBPACK_IMPORTED_MODULE_2__["default"]),
-/* harmony export */   Dropdown: () => (/* reexport safe */ _dropdown__WEBPACK_IMPORTED_MODULE_3__["default"]),
+/* harmony export */   Dropdown: () => (/* reexport safe */ _dropdown__WEBPACK_IMPORTED_MODULE_3__.Dropdown),
 /* harmony export */   Number: () => (/* reexport safe */ _number__WEBPACK_IMPORTED_MODULE_4__["default"]),
-/* harmony export */   RadioGroup: () => (/* reexport safe */ _radio_group__WEBPACK_IMPORTED_MODULE_5__["default"]),
+/* harmony export */   RadioGroup: () => (/* reexport safe */ _radio_group__WEBPACK_IMPORTED_MODULE_5__.RadioGroup),
 /* harmony export */   Textarea: () => (/* reexport safe */ _textarea__WEBPACK_IMPORTED_MODULE_6__["default"]),
 /* harmony export */   Textbox: () => (/* reexport safe */ _textbox__WEBPACK_IMPORTED_MODULE_7__["default"]),
 /* harmony export */   Toggle: () => (/* reexport safe */ _toggle__WEBPACK_IMPORTED_MODULE_8__["default"])
@@ -25731,7 +25753,7 @@ var NumberField = styled_components__WEBPACK_IMPORTED_MODULE_2___default().input
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   RadioGroup: () => (/* binding */ RadioGroup)
 /* harmony export */ });
 /* 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__);
@@ -25903,7 +25925,7 @@ Radio.propTypes = {
   value: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().any),
   checked: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   onClick: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
-  label: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)]),
+  label: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
   disabled: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   verticalAlign: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['top', 'middle', 'bottom']),
   size: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['sm', 'md'])
@@ -25958,7 +25980,6 @@ var RadioControl = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.
   }
   return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["border-color:", ";background-color:", ";&:after{background-color:", ";}&:hover{border-color:", ";background-color:", ";}&:hover:after{background-color:", ";}&:active{border-color:", ";background-color:", ";", "}&:active:after{background-color:", ";}"], borderColor, backgroundColor, beforeColor, hoverBorderColor, hoverBackgroundColor, hoverBeforeColor, activeBorderColor, activeBackgroundColor, activeOutlineColor && "box-shadow: 0 0 0 3px ".concat(activeOutlineColor, ";"), activeBeforeColor);
 });
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (RadioGroup);
 
 /***/ }),
 
@@ -26160,7 +26181,7 @@ var InputLabel = function InputLabel(props) {
 };
 InputLabel.displayName = 'InputLabel';
 InputLabel.propTypes = {
-  label: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  label: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
   labelIcon: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   required: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['sm', 'lg'])
@@ -26904,25 +26925,17 @@ StyledLink.displayName = 'StyledLink';
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   MenuContainer: () => (/* reexport safe */ _shared__WEBPACK_IMPORTED_MODULE_3__.MenuContainer),
-/* harmony export */   MenuItemContainer: () => (/* reexport safe */ _shared__WEBPACK_IMPORTED_MODULE_3__.MenuItemContainer),
-/* harmony export */   MenuItemGroup: () => (/* reexport safe */ _menu_item_group__WEBPACK_IMPORTED_MODULE_2__["default"]),
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./menu */ "./src/menu/menu.js");
 /* harmony import */ var _menu_item__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./menu_item */ "./src/menu/menu_item.js");
-/* harmony import */ var _menu_item_group__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./menu_item_group */ "./src/menu/menu_item_group.js");
-/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./shared */ "./src/menu/shared.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
 
 
-
-
 _menu__WEBPACK_IMPORTED_MODULE_0__["default"].Item = _menu_item__WEBPACK_IMPORTED_MODULE_1__["default"];
-
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_menu__WEBPACK_IMPORTED_MODULE_0__["default"]);
 
 /***/ }),
@@ -27065,7 +27078,7 @@ var MenuItem = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forward
   });
   var isSubMenu = subMenu || subItems;
   if (type == 'group') {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_menu_item_group__WEBPACK_IMPORTED_MODULE_12__["default"], _extends({
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_menu_item_group__WEBPACK_IMPORTED_MODULE_12__.MenuItemGroup, _extends({
       ref: ref,
       text: text,
       isFirstItem: isFirstItem
@@ -27285,7 +27298,7 @@ var StyledHr = styled_components__WEBPACK_IMPORTED_MODULE_1___default().hr.withC
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   MenuItemGroup: () => (/* binding */ MenuItemGroup)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
@@ -27329,7 +27342,6 @@ var GroupTitle = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_typog
   displayName: "GroupTitle",
   componentId: "sc-q9wnng-0"
 })(["display:flex;align-items:center;justify-content:flex-start;padding:8px 12px 0;width:100%;height:28px;box-sizing:border-box;"]);
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MenuItemGroup);
 
 /***/ }),