@luminati-io/uikit 3.0.2 → 3.0.4

package/dist/umd/uikit.development.js

@@ -26192,22 +26192,24 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* 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__);
-/* 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 _theme__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
-/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../tooltip */ "./src/tooltip.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 _menu__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./menu */ "./src/menu/menu.js");
-/* harmony import */ var _menu_item_divider__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./menu_item_divider */ "./src/menu/menu_item_divider.js");
-/* harmony import */ var _menu_item_group__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./menu_item_group */ "./src/menu/menu_item_group.js");
-/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./shared */ "./src/menu/shared.js");
+/* 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 _theme__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
+/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../tooltip */ "./src/tooltip.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./menu */ "./src/menu/menu.js");
+/* harmony import */ var _menu_item_divider__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./menu_item_divider */ "./src/menu/menu_item_divider.js");
+/* harmony import */ var _menu_item_group__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./menu_item_group */ "./src/menu/menu_item_group.js");
+/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./shared */ "./src/menu/shared.js");
 // LICENSE_CODE ZON
 
 
@@ -26232,7 +26234,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-var MenuItem = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, ref) {
+
+var MenuItem = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {
   var type = props.type,
     text = props.text,
     secondaryText = props.secondaryText,
@@ -26248,7 +26251,7 @@ var MenuItem = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
     tooltip = props.tooltip,
     isFirstItem = props.isFirstItem,
     rest = _objectWithoutProperties(props, _excluded);
-  if (type == 'divider') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_menu_item_divider__WEBPACK_IMPORTED_MODULE_10__["default"], {
+  if (type == 'divider') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_menu_item_divider__WEBPACK_IMPORTED_MODULE_11__["default"], {
     ref: ref
   });
   var subItems = buildSubItems(children, {
@@ -26256,41 +26259,41 @@ var MenuItem = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
   });
   var isSubMenu = subMenu || subItems;
   if (type == 'group') {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_menu_item_group__WEBPACK_IMPORTED_MODULE_11__["default"], _extends({
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_menu_item_group__WEBPACK_IMPORTED_MODULE_12__["default"], _extends({
       ref: ref,
       text: text,
       isFirstItem: isFirstItem
     }, rest), subItems);
   }
-  var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_8__.getIconProps)('MenuItem', props),
+  var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_9__.getIconProps)('MenuItem', props),
     isLeft = _getIconProps.isLeft,
     iconProps = _objectWithoutProperties(_getIconProps, _excluded2);
   var iconColor = disabled ? 'gray_6' : variant == 'negative' ? 'red_10' : 'gray_9';
   var labelColor = disabled ? 'gray_9' : variant == 'negative' ? 'red_11' : 'gray_11_50';
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_12__.MenuItemContainer, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_13__.MenuItemContainer, {
     ref: ref,
     as: tag,
     role: "menuitem"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_6__["default"], {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_7__["default"], {
     tooltip: tooltip,
     noWrap: true
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(MenuItemComp, _extends({}, (0,_utils__WEBPACK_IMPORTED_MODULE_8__.getCommonProps)(props), {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(MenuItemComp, _extends({}, lodash_omit__WEBPACK_IMPORTED_MODULE_0___default()(rest, 'icon', 'iconPlacement'), {
     "aria-disabled": disabled ? '' : undefined,
     size: size,
     role: "button",
     subItems: subItems
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(MenuItemLeft, null, isLeft && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__["default"], _extends({}, iconProps, {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(MenuItemLeft, null, isLeft && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_5__["default"], _extends({}, iconProps, {
     color: iconColor
-  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(MenuItemRight, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(MenuItemText, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(PrimaryText, {
+  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(MenuItemRight, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(MenuItemText, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(PrimaryText, {
     no_wrap: true,
     color: labelColor
-  }, text), !isSubMenu && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, !!tertiaryText && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_7__.Label, {
+  }, text), !isSubMenu && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, !!tertiaryText && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_8__.Label, {
     variant: "sm",
     no_wrap: true,
     color: "gray_9"
-  }, tertiaryText), !!secondaryText && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(SecondaryText, null, secondaryText))), !!description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Description, null, description))), isSubMenu && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(SecondaryIcon, {
+  }, tertiaryText), !!secondaryText && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(SecondaryText, null, secondaryText))), !!description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(Description, null, description))), isSubMenu && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(SecondaryIcon, {
     subMenu: true
-  }), !isSubMenu && !secondaryText && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(SecondaryIcon, {
+  }), !isSubMenu && !secondaryText && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(SecondaryIcon, {
     selected: selected
   }))));
 });
@@ -26301,28 +26304,28 @@ MenuItem.defaultProps = {
   variant: 'default'
 };
 MenuItem.propTypes = {
-  text: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
-  secondaryText: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
-  tertiaryText: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
-  description: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
-  type: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['item', 'divider', 'group']),
-  size: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['sm', 'md']),
-  icon: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_8__.iconNames),
-  children: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_0___default().shape(MenuItem.propTypes)),
-  variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['default', 'negative']),
-  disabled: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
-  selected: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
-  subMenu: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
-  tooltip: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)
+  text: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
+  secondaryText: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
+  tertiaryText: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
+  description: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
+  type: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['item', 'divider', 'group']),
+  size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['sm', 'md']),
+  icon: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_9__.iconNames),
+  children: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1___default().shape(MenuItem.propTypes)),
+  variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['default', 'negative']),
+  disabled: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
+  selected: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
+  subMenu: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
+  tooltip: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
 };
-var MenuItemComp = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, ref) {
+var MenuItemComp = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {
   var subItems = props.subItems,
     children = props.children,
     rest = _objectWithoutProperties(props, _excluded3);
-  if (!subItems) return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(MenuItemButton, _extends({
+  if (!subItems) return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(MenuItemButton, _extends({
     ref: ref
   }, rest), children);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(MenuItemPopover, _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(MenuItemPopover, _extends({
     ref: ref,
     popoverProps: {
       subItems: subItems
@@ -26330,22 +26333,22 @@ var MenuItemComp = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().for
   }, rest), children);
 });
 MenuItemComp.displayName = 'MenuItemComp';
-var MenuItemButton = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
+var MenuItemButton = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
   displayName: "MenuItemButton",
   componentId: "sc-vtiffr-0"
 })(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;text-decoration:none;background:0 none;border:0 none;padding:0 12px;box-sizing:border-box;width:100%;min-width:168px;max-width:540px;height:", ";gap:4px;cursor:", ";&:hover{background-color:", ";}&:hover,:visited,:focus{text-decoration:none;}&:active{background-color:", ";}"], function (props) {
-  return (0,_utils__WEBPACK_IMPORTED_MODULE_8__.toPixel)(props.size == 'sm' ? 32 : 40);
+  return (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(props.size == 'sm' ? 32 : 40);
 }, function (props) {
   return props['aria-disabled'] ? 'not-allowed' : 'pointer';
-}, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_2, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_4);
-var MenuItemPopover = (0,_hoc__WEBPACK_IMPORTED_MODULE_3__.withPopover)(function (_ref) {
+}, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_2, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_4);
+var MenuItemPopover = (0,_hoc__WEBPACK_IMPORTED_MODULE_4__.withPopover)(function (_ref) {
   var popover = _ref.popover,
     rest = _objectWithoutProperties(_ref, _excluded4);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(MenuItemButton, _extends({}, rest, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(MenuItemButton, _extends({}, rest, {
     onClick: popover.toggle
   }));
 }, function (props) {
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_12__.MenuContainer, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_13__.MenuContainer, {
     onClick: props.popover.hide
   }, props.subItems);
 }, {
@@ -26354,45 +26357,45 @@ var MenuItemPopover = (0,_hoc__WEBPACK_IMPORTED_MODULE_3__.withPopover)(function
     width: '100%'
   }
 });
-var MenuItemLeft = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
+var MenuItemLeft = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
   displayName: "MenuItemLeft",
   componentId: "sc-vtiffr-1"
 })(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;width:100%;min-width:0;"]);
-var MenuItemRight = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
+var MenuItemRight = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
   displayName: "MenuItemRight",
   componentId: "sc-vtiffr-2"
 })(["display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;width:100%;min-width:0;"]);
-var MenuItemText = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
+var MenuItemText = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
   displayName: "MenuItemText",
   componentId: "sc-vtiffr-3"
 })(["display:flex;align-items:center;justify-content:flex-start;width:100%;gap:8px;"]);
 var SecondaryIcon = function SecondaryIcon(props) {
   var subMenu = props.subMenu,
     selected = props.selected;
-  if (subMenu) return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(RightIcon, {
+  if (subMenu) return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(RightIcon, {
     name: "ChevronRight"
   });
-  if (selected) return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(RightIcon, {
+  if (selected) return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(RightIcon, {
     name: "Check",
     color: "blue_11"
   });
   return null;
 };
 SecondaryIcon.displayName = 'SecondaryIcon';
-var RightIcon = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_icon__WEBPACK_IMPORTED_MODULE_4__["default"]).attrs({
+var RightIcon = styled_components__WEBPACK_IMPORTED_MODULE_3___default()(_icon__WEBPACK_IMPORTED_MODULE_5__["default"]).attrs({
   size: 'xs'
 }).withConfig({
   displayName: "RightIcon",
   componentId: "sc-vtiffr-4"
 })(["margin-left:auto;"]);
-var PrimaryText = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_typography__WEBPACK_IMPORTED_MODULE_7__.Label).attrs({
+var PrimaryText = styled_components__WEBPACK_IMPORTED_MODULE_3___default()(_typography__WEBPACK_IMPORTED_MODULE_8__.Label).attrs({
   variant: 'sm',
   no_wrap: true
 }).withConfig({
   displayName: "PrimaryText",
   componentId: "sc-vtiffr-5"
 })(["overflow-x:clip;text-overflow:ellipsis;"]);
-var SecondaryText = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_typography__WEBPACK_IMPORTED_MODULE_7__.Label).attrs({
+var SecondaryText = styled_components__WEBPACK_IMPORTED_MODULE_3___default()(_typography__WEBPACK_IMPORTED_MODULE_8__.Label).attrs({
   variant: 'sm',
   color: 'gray_9',
   no_wrap: true
@@ -26400,7 +26403,7 @@ var SecondaryText = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_ty
   displayName: "SecondaryText",
   componentId: "sc-vtiffr-6"
 })(["margin-left:auto;"]);
-var Description = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_typography__WEBPACK_IMPORTED_MODULE_7__.Label).attrs({
+var Description = styled_components__WEBPACK_IMPORTED_MODULE_3___default()(_typography__WEBPACK_IMPORTED_MODULE_8__.Label).attrs({
   variant: 'xs',
   color: 'gray_9',
   no_wrap: true
@@ -26410,7 +26413,7 @@ var Description = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_typo
 })(["width:100%;overflow-x:clip;text-overflow:ellipsis;"]);
 var buildSubItems = function buildSubItems(children, itemProps) {
   return Array.isArray(children) && children.length > 0 ? children.map(function (item, ind) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_9__["default"].Item, _extends({
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_10__["default"].Item, _extends({
       key: item.key
     }, item, itemProps, {
       isFirstItem: ind == 0
@@ -30310,7 +30313,8 @@ Header.defaultProps = {
   variant: 'xl'
 };
 Header.propTypes = {
-  variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['xl', '2xl'])
+  variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['xl', '2xl']),
+  whiteSpace: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_3__.whiteSpaces)
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Header);
 
@@ -30366,7 +30370,8 @@ Hyperlink.defaultProps = {
   variant: 'lg'
 };
 Hyperlink.propTypes = {
-  variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['xs', 'lg'])
+  variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['xs', 'lg']),
+  whiteSpace: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_3__.whiteSpaces)
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Hyperlink);
 
@@ -30519,7 +30524,8 @@ Paragraph.defaultProps = {
   variant: 'lg_snug'
 };
 Paragraph.propTypes = {
-  variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['xxs', 'xs', 'sm', 'lg_snug', 'lg_loose'])
+  variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['xxs', 'xs', 'sm', 'lg_snug', 'lg_loose']),
+  whiteSpace: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_3__.whiteSpaces)
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Paragraph);
 
@@ -30585,7 +30591,8 @@ Style.defaultProps = {
   variant: 'italic_lg'
 };
 Style.propTypes = {
-  variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['italic_lg', 'italic_sm', 'italic_xs', 'code', 'capitals'])
+  variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['italic_lg', 'italic_sm', 'italic_xs', 'code', 'capitals']),
+  whiteSpace: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_3__.whiteSpaces)
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Style);
 
@@ -30611,7 +30618,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
-var _excluded = ["children", "font_family", "font_weight", "font_size", "line_height", "letter_spacing", "color", "italic", "uppercase", "no_wrap", "underline"];
+var _excluded = ["children", "font_family", "font_weight", "font_size", "line_height", "letter_spacing", "color", "italic", "uppercase", "no_wrap", "underline", "whiteSpace"];
 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; }
@@ -30630,6 +30637,7 @@ var Typography = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwa
     uppercase = props.uppercase,
     no_wrap = props.no_wrap,
     underline = props.underline,
+    whiteSpace = props.whiteSpace,
     rest = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledTypography, _extends({
     ref: ref,
@@ -30642,7 +30650,8 @@ var Typography = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwa
     $italic: italic,
     $uppercase: uppercase,
     $noWrap: no_wrap,
-    $underline: underline
+    $underline: underline,
+    $whiteSpace: whiteSpace
   }, rest), children);
 });
 Typography.displayName = 'Typography';
@@ -30658,6 +30667,7 @@ var StyledTypography = styled_components__WEBPACK_IMPORTED_MODULE_1___default().
 }, function (props) {
   return props.$uppercase ? 'letter-spacing: 0.02em;' : null;
 }, function (props) {
+  if (props.$whiteSpace && _utils__WEBPACK_IMPORTED_MODULE_2__.whiteSpaces.includes(props.$whiteSpace)) return "white-space: ".concat(props.$whiteSpace);
   return props.$noWrap ? 'white-space: nowrap;' : null;
 }, function (props) {
   return props.underline ? 'text-decoration: underline;' : null;
@@ -30688,7 +30698,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   toIconSize: () => (/* binding */ toIconSize),
 /* harmony export */   toPixel: () => (/* binding */ toPixel),
 /* harmony export */   toSize: () => (/* binding */ toSize),
-/* harmony export */   tooltipPlacements: () => (/* binding */ tooltipPlacements)
+/* harmony export */   tooltipPlacements: () => (/* binding */ tooltipPlacements),
+/* harmony export */   whiteSpaces: () => (/* binding */ whiteSpaces)
 /* harmony export */ });
 /* harmony import */ var _icons__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @icons */ "./assets/icons/index.js");
 /* harmony import */ var lodash_pickBy__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash/pickBy */ "./node_modules/lodash/pickBy.js");
@@ -30712,6 +30723,7 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 
 var colorNames = Object.keys(_theme__WEBPACK_IMPORTED_MODULE_3__["default"].color);
 var iconNames = Object.keys(_icons__WEBPACK_IMPORTED_MODULE_0__["default"]);
+var whiteSpaces = ['normal', 'nowrap', 'pre', 'pre-wrap', 'pre-line', 'break-spaces'];
 var toPixel = function toPixel(value) {
   return "".concat(value, "px");
 };
@@ -30741,7 +30753,8 @@ var getTypographyProps = function getTypographyProps(props) {
     italic = props.italic,
     color = props.color,
     no_wrap = props.no_wrap,
-    underline = props.underline;
+    underline = props.underline,
+    whiteSpace = props.whiteSpace;
   return _objectSpread({
     as: as,
     font_family: font_family,
@@ -30752,7 +30765,8 @@ var getTypographyProps = function getTypographyProps(props) {
     italic: italic,
     color: color,
     no_wrap: no_wrap,
-    underline: underline
+    underline: underline,
+    whiteSpace: whiteSpace
   }, getCommonProps(props));
 };
 function fromTheme(propName, defaultValue) {
@@ -45157,6 +45171,37 @@ 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":
@@ -45385,6 +45430,36 @@ 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":
@@ -45467,6 +45542,56 @@ 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":
@@ -45510,6 +45635,32 @@ 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":
@@ -45531,6 +45682,37 @@ 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":
@@ -45598,6 +45780,22 @@ 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":
@@ -45820,6 +46018,62 @@ 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":
@@ -46333,6 +46587,78 @@ 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":
@@ -46373,6 +46699,36 @@ 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":
@@ -46489,6 +46845,73 @@ 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":