@lanaco/lnc-react-ui 3.0.0-rc.14 → 3.0.0-rc.15

package/lib/index.esm.js

@@ -79307,12 +79307,12 @@ MenuItem.propTypes = {
   __TYPE__: PropTypes.string
 };
 
-var _excluded$1 = ["item", "onItemSelected", "tuckIn", "animation", "color", "size", "className", "style", "__TYPE__", "children"];
+var _excluded$1 = ["item", "onItemSelected", "tuckIn", "tuckInSize", "animation", "color", "size", "className", "style", "__TYPE__", "children"];
 var _templateObject$1;
 var StyledNested = newStyled(motion.div)(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  ", "\n  ", "\n    ", "\n    border-radius: 2px;\n"])), function (props) {
-  return props.tuckIn == true && "margin-left: 0.3rem;";
+  return props.tuckIn == true && "margin-left: ".concat(props.tuckInSize, ";");
 }, function (props) {
-  return props.tuckIn == true && "padding-left: 0.3rem;";
+  return props.tuckIn == true && "padding-left: ".concat(props.tuckInSize, ";");
 }, function (props) {
   return props.tuckIn == true && "border-left: 2px solid ".concat(getColorRgbaValue(props.theme, "MenuItem", props.color, "focus", "background"), ";");
 });
@@ -79320,6 +79320,7 @@ var NestedMenuItem = /*#__PURE__*/React__default.forwardRef(function (props, ref
   var item = props.item,
     onItemSelected = props.onItemSelected,
     tuckIn = props.tuckIn,
+    tuckInSize = props.tuckInSize,
     animation = props.animation,
     color = props.color,
     size = props.size,
@@ -79357,6 +79358,7 @@ var NestedMenuItem = /*#__PURE__*/React__default.forwardRef(function (props, ref
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, clonedItem), /*#__PURE__*/React__default.createElement(AnimatePresence, null, show && /*#__PURE__*/React__default.createElement(StyledNested, _extends$g({
     theme: theme,
     tuckIn: tuckIn,
+    tuckInSize: tuckInSize,
     color: color,
     size: size,
     className: "nested-item-lnc " + className,
@@ -79367,6 +79369,7 @@ var NestedMenuItem = /*#__PURE__*/React__default.forwardRef(function (props, ref
 });
 NestedMenuItem.defaultProps = {
   tuckIn: true,
+  tuckInSize: "0.3rem",
   /**
    * Animation use on nested items open/close
    */
@@ -79408,6 +79411,7 @@ NestedMenuItem.propTypes = {
    * Determines wether nested items will be tucked in to the right (using margin-right and padding-left).
    */
   tuckIn: PropTypes.bool,
+  tuckInSize: PropTypes.string,
   animation: PropTypes.object,
   className: PropTypes.string,
   style: PropTypes.object,

package/lib/index.js

@@ -79356,12 +79356,12 @@ MenuItem.propTypes = {
   __TYPE__: PropTypes__default["default"].string
 };
 
-var _excluded$1 = ["item", "onItemSelected", "tuckIn", "animation", "color", "size", "className", "style", "__TYPE__", "children"];
+var _excluded$1 = ["item", "onItemSelected", "tuckIn", "tuckInSize", "animation", "color", "size", "className", "style", "__TYPE__", "children"];
 var _templateObject$1;
 var StyledNested = newStyled(motion.div)(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral__default["default"](["\n  ", "\n  ", "\n    ", "\n    border-radius: 2px;\n"])), function (props) {
-  return props.tuckIn == true && "margin-left: 0.3rem;";
+  return props.tuckIn == true && "margin-left: ".concat(props.tuckInSize, ";");
 }, function (props) {
-  return props.tuckIn == true && "padding-left: 0.3rem;";
+  return props.tuckIn == true && "padding-left: ".concat(props.tuckInSize, ";");
 }, function (props) {
   return props.tuckIn == true && "border-left: 2px solid ".concat(getColorRgbaValue(props.theme, "MenuItem", props.color, "focus", "background"), ";");
 });
@@ -79369,6 +79369,7 @@ var NestedMenuItem = /*#__PURE__*/React__default["default"].forwardRef(function
   var item = props.item,
     onItemSelected = props.onItemSelected,
     tuckIn = props.tuckIn,
+    tuckInSize = props.tuckInSize,
     animation = props.animation,
     color = props.color,
     size = props.size,
@@ -79406,6 +79407,7 @@ var NestedMenuItem = /*#__PURE__*/React__default["default"].forwardRef(function
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, clonedItem), /*#__PURE__*/React__default["default"].createElement(AnimatePresence, null, show && /*#__PURE__*/React__default["default"].createElement(StyledNested, _extends__default$1["default"]({
     theme: theme,
     tuckIn: tuckIn,
+    tuckInSize: tuckInSize,
     color: color,
     size: size,
     className: "nested-item-lnc " + className,
@@ -79416,6 +79418,7 @@ var NestedMenuItem = /*#__PURE__*/React__default["default"].forwardRef(function
 });
 NestedMenuItem.defaultProps = {
   tuckIn: true,
+  tuckInSize: "0.3rem",
   /**
    * Animation use on nested items open/close
    */
@@ -79457,6 +79460,7 @@ NestedMenuItem.propTypes = {
    * Determines wether nested items will be tucked in to the right (using margin-right and padding-left).
    */
   tuckIn: PropTypes__default["default"].bool,
+  tuckInSize: PropTypes__default["default"].string,
   animation: PropTypes__default["default"].object,
   className: PropTypes__default["default"].string,
   style: PropTypes__default["default"].object,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lanaco/lnc-react-ui",
   "type": "module",
-  "version": "3.0.0-rc.14",
+  "version": "3.0.0-rc.15",
   "description": "component library",
   "main": "lib/index.js",
   "module": "lib/index.esm.js",