@luminati-io/uikit 3.0.3 → 3.0.5

package/dist/umd/uikit.development.js

@@ -26174,7 +26174,7 @@ Menu.defaultProps = {
   size: 'md'
 };
 Menu.propTypes = {
-  size: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['sm', 'md']),
+  size: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['sm', 'md', 'lg']),
   items: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_0___default().any)).isRequired
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Menu);
@@ -26285,11 +26285,11 @@ var MenuItem = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forward
   }), /*#__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_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,
+    $size: size,
     color: labelColor
   }, 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,
+    whiteSpace: "nowrap",
     color: "gray_9"
   }, 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
@@ -26309,7 +26309,7 @@ MenuItem.propTypes = {
   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']),
+  size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['sm', 'md', 'lg']),
   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']),
@@ -26333,11 +26333,16 @@ var MenuItemComp = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().for
   }, rest), children);
 });
 MenuItemComp.displayName = 'MenuItemComp';
+var sizes = {
+  sm: 32,
+  md: 40,
+  lg: 56
+};
 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_9__.toPixel)(props.size == 'sm' ? 32 : 40);
+  return (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(sizes[props.size] || sizes.md);
 }, function (props) {
   return props['aria-disabled'] ? 'not-allowed' : 'pointer';
 }, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_2, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_4);
@@ -26388,9 +26393,11 @@ var RightIcon = styled_components__WEBPACK_IMPORTED_MODULE_3___default()(_icon__
   displayName: "RightIcon",
   componentId: "sc-vtiffr-4"
 })(["margin-left:auto;"]);
-var PrimaryText = styled_components__WEBPACK_IMPORTED_MODULE_3___default()(_typography__WEBPACK_IMPORTED_MODULE_8__.Label).attrs({
-  variant: 'sm',
-  no_wrap: true
+var PrimaryText = styled_components__WEBPACK_IMPORTED_MODULE_3___default()(_typography__WEBPACK_IMPORTED_MODULE_8__.Label).attrs(function (props) {
+  return {
+    variant: props.$size == 'lg' ? 'lg' : 'sm',
+    whiteSpace: 'nowrap'
+  };
 }).withConfig({
   displayName: "PrimaryText",
   componentId: "sc-vtiffr-5"
@@ -26398,7 +26405,7 @@ var PrimaryText = styled_components__WEBPACK_IMPORTED_MODULE_3___default()(_typo
 var SecondaryText = styled_components__WEBPACK_IMPORTED_MODULE_3___default()(_typography__WEBPACK_IMPORTED_MODULE_8__.Label).attrs({
   variant: 'sm',
   color: 'gray_9',
-  no_wrap: true
+  whiteSpace: 'nowrap'
 }).withConfig({
   displayName: "SecondaryText",
   componentId: "sc-vtiffr-6"
@@ -26406,7 +26413,7 @@ var SecondaryText = styled_components__WEBPACK_IMPORTED_MODULE_3___default()(_ty
 var Description = styled_components__WEBPACK_IMPORTED_MODULE_3___default()(_typography__WEBPACK_IMPORTED_MODULE_8__.Label).attrs({
   variant: 'xs',
   color: 'gray_9',
-  no_wrap: true
+  whiteSpace: 'nowrap'
 }).withConfig({
   displayName: "Description",
   componentId: "sc-vtiffr-7"
@@ -30313,7 +30320,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);
 
@@ -30369,7 +30377,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);
 
@@ -30522,7 +30531,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);
 
@@ -30543,8 +30553,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__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 _typography__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./typography */ "./src/typography/typography.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./typography */ "./src/typography/typography.js");
 // LICENSE_CODE ZON
 
 
@@ -30562,7 +30572,7 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 
 var Style = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
   var children = props.children;
-  var typographyProps = _objectSpread(_objectSpread({}, (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getTypographyProps)(props)), {}, {
+  var typographyProps = _objectSpread(_objectSpread({}, (0,_utils__WEBPACK_IMPORTED_MODULE_2__.getTypographyProps)(props)), {}, {
     font_size: {
       italic_sm: 'sm',
       code: 'sm',
@@ -30579,7 +30589,7 @@ var Style = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef
     italic: ['italic_lg', 'italic_sm', 'italic_xs'].includes(props.variant),
     uppercase: props.variant == 'capitals'
   });
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_2__["default"], _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_3__["default"], _extends({
     ref: ref
   }, typographyProps), children);
 });
@@ -30588,7 +30598,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_2__.whiteSpaces)
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Style);
 
@@ -30614,7 +30625,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; }
@@ -30633,6 +30644,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,
@@ -30645,7 +30657,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';
@@ -30661,6 +30674,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;
@@ -30691,7 +30705,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");
@@ -30715,6 +30730,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");
 };
@@ -30744,7 +30760,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,
@@ -30755,7 +30772,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) {