@luminati-io/uikit 3.0.4 → 3.0.6

package/dist/umd/uikit.development.js

@@ -23205,7 +23205,7 @@ var StyledIconButton = styled_components__WEBPACK_IMPORTED_MODULE_1___default().
   displayName: "StyledIconButton",
   componentId: "sc-114c1w5-0"
 })(["display:flex;align-items:center;justify-content:center;border-radius:4px;padding:0;box-sizing:border-box;", " cursor:pointer;", ""], function (props) {
-  return (0,_utils__WEBPACK_IMPORTED_MODULE_4__.toSize)(props.variant == 'icon-button' ? 36 : 24);
+  return (0,_utils__WEBPACK_IMPORTED_MODULE_4__.toSize)(props.$variant == 'icon-button' ? 36 : 24);
 }, function (props) {
   var backColor = 'transparent';
   var border = "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_6);
@@ -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"
@@ -30546,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
 
 
@@ -30565,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',
@@ -30582,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);
 });
@@ -30592,7 +30599,7 @@ Style.defaultProps = {
 };
 Style.propTypes = {
   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)
+  whiteSpace: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_2__.whiteSpaces)
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Style);