@lanaco/lnc-react-ui 3.10.0 → 3.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/lib/index.esm.js +13 -13
  2. package/lib/index.js +13 -13
  3. package/package.json +1 -1
package/lib/index.esm.js CHANGED
@@ -80880,7 +80880,7 @@ var _templateObject$g;
80880
80880
  var StyledPageLayout = newStyled.section(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral(["\n display: flex;\n flex: auto;\n flex-direction: ", ";\n height: ", ";\n\n * {\n box-sizing: border-box;\n }\n\n & header,\n footer {\n flex: 0 0 auto;\n min-height: 4rem;\n }\n\n & main {\n flex: auto;\n overflow: hidden;\n }\n\n & aside {\n flex: 0 0 15rem;\n height: 100%;\n }\n"])), function (props) {
80881
80881
  return props.hasSidebar ? "row" : "column";
80882
80882
  }, function (props) {
80883
- return props.isChild ? "100%" : "100vh";
80883
+ return props.isChild ? "100%" : "100dvh";
80884
80884
  });
80885
80885
  var PageLayout = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
80886
80886
  var children = props.children,
@@ -81250,7 +81250,7 @@ TabItem.propTypes = {
81250
81250
  //---------------------------------------------------------------
81251
81251
  className: PropTypes.string,
81252
81252
  style: PropTypes.object,
81253
- color: PropTypes.oneOf(["primary", "secondary", "success", "warning", "danger", "information"]),
81253
+ color: PropTypes.oneOf(["primary", "secondary", "success", "warning", "danger", "information", "neutral"]),
81254
81254
  size: PropTypes.oneOf(["small", "medium", "large"])
81255
81255
  };
81256
81256
 
@@ -81559,17 +81559,17 @@ var HEADER_HEIGHT = "3.8rem";
81559
81559
  var MODAL_PADDING = "1.5rem";
81560
81560
  var getMaxHeight = function getMaxHeight(size, header, footer) {
81561
81561
  if (header && footer) {
81562
- if (size == "FULL") return "calc(100vh - ".concat(HEADER_HEIGHT, " - ").concat(FOOTER_HEIGHT, ")");
81563
- return "calc(100vh - ".concat(HEADER_HEIGHT, " - ").concat(FOOTER_HEIGHT, " - ").concat(MODAL_PADDING, ")");
81562
+ if (size == "FULL") return "calc(100dvh - ".concat(HEADER_HEIGHT, " - ").concat(FOOTER_HEIGHT, ")");
81563
+ return "calc(100dvh - ".concat(HEADER_HEIGHT, " - ").concat(FOOTER_HEIGHT, " - ").concat(MODAL_PADDING, ")");
81564
81564
  } else if (header) {
81565
- if (size == "FULL") return "calc(100vh - ".concat(HEADER_HEIGHT, ")");
81566
- return "calc(100vh - ".concat(HEADER_HEIGHT, " - ").concat(MODAL_PADDING, ")");
81565
+ if (size == "FULL") return "calc(100dvh - ".concat(HEADER_HEIGHT, ")");
81566
+ return "calc(100dvh - ".concat(HEADER_HEIGHT, " - ").concat(MODAL_PADDING, ")");
81567
81567
  } else if (footer) {
81568
- if (size == "FULL") return "calc(100vh - ".concat(FOOTER_HEIGHT, ")");
81569
- return "calc(100vh - ".concat(FOOTER_HEIGHT, " - ").concat(MODAL_PADDING, ")");
81568
+ if (size == "FULL") return "calc(100dvh - ".concat(FOOTER_HEIGHT, ")");
81569
+ return "calc(100dvh - ".concat(FOOTER_HEIGHT, " - ").concat(MODAL_PADDING, ")");
81570
81570
  }
81571
- if (size == "FULL") return "100vh";
81572
- return "calc(100vh - ".concat(MODAL_PADDING, ")");
81571
+ if (size == "FULL") return "100dvh";
81572
+ return "calc(100dvh - ".concat(MODAL_PADDING, ")");
81573
81573
  };
81574
81574
  var getMaxWidth = function getMaxWidth(size) {
81575
81575
  if (size == "FULL") return "100vw";
@@ -81601,7 +81601,7 @@ var ModalContainer = newStyled(motion.div)(_templateObject2$2 || (_templateObjec
81601
81601
  }, function (props) {
81602
81602
  return props.size.toUpperCase() != "FULL" ? "16px" : "0";
81603
81603
  }, HEADER_HEIGHT, MODAL_PADDING, MODAL_PADDING, MODAL_PADDING, FOOTER_HEIGHT, function (props) {
81604
- return props.size.toUpperCase() == "FULL" && "height: 100vh";
81604
+ return props.size.toUpperCase() == "FULL" && "height: 100dvh";
81605
81605
  }, function (props) {
81606
81606
  return props.scrollOverlay == false && "max-height: ".concat(getMaxHeight(props.size.toUpperCase(), props.header, props.footer), ";");
81607
81607
  }, function (props) {
@@ -82433,7 +82433,7 @@ var getWidth = function getWidth(direction, isOpen, isFullPage, drawerSize, unse
82433
82433
  return "width: 0;";
82434
82434
  };
82435
82435
  var StyledDrawer = newStyled.div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n touch-action: none;\n overflow: auto;\n max-height: ", ";\n ", "\n max-width: ", ";\n ", "\n position: fixed;\n z-index: ", ";\n ", ";\n ", ";\n -webkit-transition: ", ";\n -moz-transition: ", ";\n -ms-transition: ", ";\n -o-transition: ", ";\n transition: ", ";\n padding: ", ";\n\n box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);\n\n background-color: ", ";\n color: ", ";\n ", ";\n"])), function (p) {
82436
- return p.isOpen || p.unsetHeight === false ? "100vh" : 0;
82436
+ return p.isOpen || p.unsetHeight === false ? "100dvh" : 0;
82437
82437
  }, function (props) {
82438
82438
  return getHeight(props.direction, props.isOpen, props.isFullPage, props.drawerSize, props.unsetHeight);
82439
82439
  }, function (p) {
@@ -82468,7 +82468,7 @@ var StyledDrawer = newStyled.div(_templateObject$4 || (_templateObject$4 = _tagg
82468
82468
  var StyledOverlay = newStyled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n z-index: ", ";\n position: fixed;\n top: 0;\n left: 0;\n\n height: ", ";\n width: ", ";\n background-color: ", ";\n"])), function (props) {
82469
82469
  return props.zIndex;
82470
82470
  }, function (props) {
82471
- return props.isOpen === true && props.enableOverlay === true ? "100vh" : 0;
82471
+ return props.isOpen === true && props.enableOverlay === true ? "100dvh" : 0;
82472
82472
  }, function (props) {
82473
82473
  return props.isOpen === true && props.enableOverlay === true ? "100vw" : 0;
82474
82474
  }, function (props) {
package/lib/index.js CHANGED
@@ -80929,7 +80929,7 @@ var _templateObject$g;
80929
80929
  var StyledPageLayout = newStyled.section(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral__default["default"](["\n display: flex;\n flex: auto;\n flex-direction: ", ";\n height: ", ";\n\n * {\n box-sizing: border-box;\n }\n\n & header,\n footer {\n flex: 0 0 auto;\n min-height: 4rem;\n }\n\n & main {\n flex: auto;\n overflow: hidden;\n }\n\n & aside {\n flex: 0 0 15rem;\n height: 100%;\n }\n"])), function (props) {
80930
80930
  return props.hasSidebar ? "row" : "column";
80931
80931
  }, function (props) {
80932
- return props.isChild ? "100%" : "100vh";
80932
+ return props.isChild ? "100%" : "100dvh";
80933
80933
  });
80934
80934
  var PageLayout = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
80935
80935
  var children = props.children,
@@ -81299,7 +81299,7 @@ TabItem.propTypes = {
81299
81299
  //---------------------------------------------------------------
81300
81300
  className: PropTypes__default["default"].string,
81301
81301
  style: PropTypes__default["default"].object,
81302
- color: PropTypes__default["default"].oneOf(["primary", "secondary", "success", "warning", "danger", "information"]),
81302
+ color: PropTypes__default["default"].oneOf(["primary", "secondary", "success", "warning", "danger", "information", "neutral"]),
81303
81303
  size: PropTypes__default["default"].oneOf(["small", "medium", "large"])
81304
81304
  };
81305
81305
 
@@ -81608,17 +81608,17 @@ var HEADER_HEIGHT = "3.8rem";
81608
81608
  var MODAL_PADDING = "1.5rem";
81609
81609
  var getMaxHeight = function getMaxHeight(size, header, footer) {
81610
81610
  if (header && footer) {
81611
- if (size == "FULL") return "calc(100vh - ".concat(HEADER_HEIGHT, " - ").concat(FOOTER_HEIGHT, ")");
81612
- return "calc(100vh - ".concat(HEADER_HEIGHT, " - ").concat(FOOTER_HEIGHT, " - ").concat(MODAL_PADDING, ")");
81611
+ if (size == "FULL") return "calc(100dvh - ".concat(HEADER_HEIGHT, " - ").concat(FOOTER_HEIGHT, ")");
81612
+ return "calc(100dvh - ".concat(HEADER_HEIGHT, " - ").concat(FOOTER_HEIGHT, " - ").concat(MODAL_PADDING, ")");
81613
81613
  } else if (header) {
81614
- if (size == "FULL") return "calc(100vh - ".concat(HEADER_HEIGHT, ")");
81615
- return "calc(100vh - ".concat(HEADER_HEIGHT, " - ").concat(MODAL_PADDING, ")");
81614
+ if (size == "FULL") return "calc(100dvh - ".concat(HEADER_HEIGHT, ")");
81615
+ return "calc(100dvh - ".concat(HEADER_HEIGHT, " - ").concat(MODAL_PADDING, ")");
81616
81616
  } else if (footer) {
81617
- if (size == "FULL") return "calc(100vh - ".concat(FOOTER_HEIGHT, ")");
81618
- return "calc(100vh - ".concat(FOOTER_HEIGHT, " - ").concat(MODAL_PADDING, ")");
81617
+ if (size == "FULL") return "calc(100dvh - ".concat(FOOTER_HEIGHT, ")");
81618
+ return "calc(100dvh - ".concat(FOOTER_HEIGHT, " - ").concat(MODAL_PADDING, ")");
81619
81619
  }
81620
- if (size == "FULL") return "100vh";
81621
- return "calc(100vh - ".concat(MODAL_PADDING, ")");
81620
+ if (size == "FULL") return "100dvh";
81621
+ return "calc(100dvh - ".concat(MODAL_PADDING, ")");
81622
81622
  };
81623
81623
  var getMaxWidth = function getMaxWidth(size) {
81624
81624
  if (size == "FULL") return "100vw";
@@ -81650,7 +81650,7 @@ var ModalContainer = newStyled(motion.div)(_templateObject2$2 || (_templateObjec
81650
81650
  }, function (props) {
81651
81651
  return props.size.toUpperCase() != "FULL" ? "16px" : "0";
81652
81652
  }, HEADER_HEIGHT, MODAL_PADDING, MODAL_PADDING, MODAL_PADDING, FOOTER_HEIGHT, function (props) {
81653
- return props.size.toUpperCase() == "FULL" && "height: 100vh";
81653
+ return props.size.toUpperCase() == "FULL" && "height: 100dvh";
81654
81654
  }, function (props) {
81655
81655
  return props.scrollOverlay == false && "max-height: ".concat(getMaxHeight(props.size.toUpperCase(), props.header, props.footer), ";");
81656
81656
  }, function (props) {
@@ -82482,7 +82482,7 @@ var getWidth = function getWidth(direction, isOpen, isFullPage, drawerSize, unse
82482
82482
  return "width: 0;";
82483
82483
  };
82484
82484
  var StyledDrawer = newStyled.div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral__default["default"](["\n touch-action: none;\n overflow: auto;\n max-height: ", ";\n ", "\n max-width: ", ";\n ", "\n position: fixed;\n z-index: ", ";\n ", ";\n ", ";\n -webkit-transition: ", ";\n -moz-transition: ", ";\n -ms-transition: ", ";\n -o-transition: ", ";\n transition: ", ";\n padding: ", ";\n\n box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);\n\n background-color: ", ";\n color: ", ";\n ", ";\n"])), function (p) {
82485
- return p.isOpen || p.unsetHeight === false ? "100vh" : 0;
82485
+ return p.isOpen || p.unsetHeight === false ? "100dvh" : 0;
82486
82486
  }, function (props) {
82487
82487
  return getHeight(props.direction, props.isOpen, props.isFullPage, props.drawerSize, props.unsetHeight);
82488
82488
  }, function (p) {
@@ -82517,7 +82517,7 @@ var StyledDrawer = newStyled.div(_templateObject$4 || (_templateObject$4 = _tagg
82517
82517
  var StyledOverlay = newStyled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default["default"](["\n z-index: ", ";\n position: fixed;\n top: 0;\n left: 0;\n\n height: ", ";\n width: ", ";\n background-color: ", ";\n"])), function (props) {
82518
82518
  return props.zIndex;
82519
82519
  }, function (props) {
82520
- return props.isOpen === true && props.enableOverlay === true ? "100vh" : 0;
82520
+ return props.isOpen === true && props.enableOverlay === true ? "100dvh" : 0;
82521
82521
  }, function (props) {
82522
82522
  return props.isOpen === true && props.enableOverlay === true ? "100vw" : 0;
82523
82523
  }, function (props) {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@lanaco/lnc-react-ui",
3
3
  "type": "module",
4
- "version": "3.10.0",
4
+ "version": "3.11.0",
5
5
  "description": "component library",
6
6
  "main": "lib/index.js",
7
7
  "module": "lib/index.esm.js",