@xelto.npm/xc2-lib 1.0.22 → 1.0.23

package/dist/index.cjs.js

@@ -36680,39 +36680,44 @@ var _g$N;
 function _extends$P() { _extends$P = 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$P.apply(this, arguments); }
 var SvgIconWfInfoV2 = function SvgIconWfInfoV2(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$P({
-    id: "icon_wf_info-v2",
+    id: "icon_wf_info-v3",
     xmlns: "http://www.w3.org/2000/svg",
-    width: 45,
-    height: 45,
-    viewBox: "0 0 45 45"
+    width: 46,
+    height: 46,
+    viewBox: "0 0 46 46"
   }, props), _g$N || (_g$N = /*#__PURE__*/React__namespace.createElement("g", {
-    id: "icon_wf_info_v2"
-  }, /*#__PURE__*/React__namespace.createElement("g", {
-    id: "Group_48011",
-    "data-name": "Group 48011"
+    id: "_icon_wf_info-v3",
+    "data-name": " icon_wf_info-v3"
   }, /*#__PURE__*/React__namespace.createElement("g", {
     id: "color-1",
-    transform: "translate(1.497 8.427)"
+    transform: "translate(1.618 7.287)"
   }, /*#__PURE__*/React__namespace.createElement("path", {
-    id: "Path_85849",
-    "data-name": "Path 85849",
-    d: "M44.2,30.818c-6.618-8.186-13.529-12.353-20.584-12.4H23.4q-.461,0-.922.027C10.968,19.1,3.611,30.47,3.3,30.951l-.5.789.5.789c.307.486,7.665,11.854,19.171,12.5.116,0,.232,0,.352.009h.147c.178,0,.352.013.53.013h.116c.236,0,.472-.009.7-.027,6.8-.312,13.48-4.456,19.88-12.371l.749-.922-.749-.922Zm-10.557.922A10.3,10.3,0,0,1,24.137,42.1c-.053,0-.111.009-.165.009-.094,0-.183,0-.276.009-.254,0-.508,0-.762-.013a10.4,10.4,0,0,1-.013-20.726c.258-.009.517-.018.771-.013.1,0,.2,0,.3.009.036,0,.071,0,.1,0A10.29,10.29,0,0,1,33.647,31.74Zm-27.309,0a32.322,32.322,0,0,1,5.3-5.6,13.5,13.5,0,0,0,0,11.2,32.321,32.321,0,0,1-5.3-5.6Zm28.971,5.744a13.539,13.539,0,0,0,0-11.488,40.749,40.749,0,0,1,5.847,5.744,40.5,40.5,0,0,1-5.842,5.744Z",
-    transform: "translate(-2.8 -18.42)",
+    id: "Path_85852",
+    "data-name": "Path 85852",
+    d: "M24.942,48.85c-.284,0-.565-.008-.849-.021C12.15,48.193,4.543,34.385,4.225,33.8l-.355-.657.355-.657c.318-.59,7.92-14.394,19.868-15.034,7.582-.406,15.029,4.613,22.109,14.908l.539.782-.539.782C39.386,43.831,32.239,48.85,24.942,48.85ZM7.04,33.139c1.614,2.655,8.18,12.458,17.208,12.934,6.373.335,12.809-4.015,19.132-12.934-6.093-8.6-12.295-12.951-18.446-12.951-.23,0-.456,0-.686.017C15.219,20.681,8.654,30.483,7.04,33.139Z",
+    transform: "translate(-3.87 -17.426)",
+    fill: "#293072"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    id: "Path_85853",
+    "data-name": "Path 85853",
+    d: "M41.979,51.274a9.523,9.523,0,1,1,9.359-9.522A9.454,9.454,0,0,1,41.979,51.274Zm0-16.288a6.764,6.764,0,1,0,6.6,6.762A6.689,6.689,0,0,0,41.979,34.986Z",
+    transform: "translate(-20.597 -26.039)",
     fill: "#293072"
   })), /*#__PURE__*/React__namespace.createElement("g", {
-    id: "color-2"
+    id: "color-2",
+    transform: "translate(1.618 7.287)"
   }, /*#__PURE__*/React__namespace.createElement("rect", {
-    id: "Rectangle_22941",
-    "data-name": "Rectangle 22941",
-    width: 2.968,
-    height: 2.968,
-    transform: "translate(20.717 19.982)",
+    id: "Rectangle_22945",
+    "data-name": "Rectangle 22945",
+    width: 2.066,
+    height: 2.066,
+    transform: "translate(20.349 14.68)",
     fill: "#e42127"
-  }))), /*#__PURE__*/React__namespace.createElement("rect", {
-    id: "Rectangle_22942",
-    "data-name": "Rectangle 22942",
-    width: 45,
-    height: 45,
+  })), /*#__PURE__*/React__namespace.createElement("rect", {
+    id: "Rectangle_22946",
+    "data-name": "Rectangle 22946",
+    width: 46,
+    height: 46,
     fill: "none"
   }))));
 };
@@ -76559,14 +76564,14 @@ function uuid() {
 
 var uuid_1 = uuid;
 
-var _excluded$6 = ["buttons", "top", "topAlign", "position"];
+var _excluded$6 = ["buttons", "top", "topAlign", "position", "width"];
 var StyledBottomBarWrapper = styled$1(Box$1)(function (_ref) {
-  var $position = _ref.$position;
+  var $position = _ref.$position,
+    $width = _ref.$width;
   return {
     boxSizing: 'border-box',
-    width: '100%',
-    // height: '53px',
-    minHeight: '53px',
+    width: $width || '100vw',
+    // minHeight: '53px',
     backgroundColor: theme.mainPallete.primary.white,
     boxShadow: '0 -3px 6px rgba(0,0,0,0.1)',
     display: 'flex',
@@ -76575,18 +76580,21 @@ var StyledBottomBarWrapper = styled$1(Box$1)(function (_ref) {
     justifyContent: 'center',
     alignItems: 'center',
     padding: '0 18px',
-    position: $position || 'fixed',
+    position: $position || 'sticky',
+    // top: '100%',
     bottom: 0,
     left: 0,
     zIndex: 5,
     marginTop: 'auto !important',
+    '@media(max-height: 320px)': {
+      position: 'relative'
+    },
     '@media(max-width: 479px)': {
       padding: '0 8px'
     },
-    '@media(min-width: 480px)': {
-      // height: '80px',
-      minHeight: '80px'
-    },
+    // '@media(min-width: 480px)': {
+    //     minHeight: '80px',
+    // },
     'button': {
       minWidth: 'unset'
     }
@@ -76674,11 +76682,16 @@ var BottomBarComponent = function BottomBarComponent(_ref5) {
     _ref5$topAlign = _ref5.topAlign,
     topAlign = _ref5$topAlign === void 0 ? 'center' : _ref5$topAlign,
     _ref5$position = _ref5.position,
-    position = _ref5$position === void 0 ? 'fixed' : _ref5$position,
+    position = _ref5$position === void 0 ? 'sticky' : _ref5$position,
+    _ref5$width = _ref5.width,
+    width = _ref5$width === void 0 ? '100vw' : _ref5$width,
     props = _objectWithoutProperties$1(_ref5, _excluded$6);
   var isHelperElementString = typeof top === 'string';
-  return /*#__PURE__*/React.createElement(StyledBottomBarWrapper, _extends$1k({}, props, {
-    $position: position
+  return /*#__PURE__*/React.createElement(StyledBottomBarWrapper, _extends$1k({
+    className: "bottom-bar"
+  }, props, {
+    $position: position,
+    $width: width
   }), /*#__PURE__*/React.createElement(StyledButtonsWrapper$1, null, buttons.map(function (item) {
     var disabled = (item === null || item === void 0 ? void 0 : item.disabled) || false;
     var fluid = (item === null || item === void 0 ? void 0 : item.fluid) !== undefined ? item.fluid : true;

package/dist/index.esm.js

@@ -36660,39 +36660,44 @@ var _g$N;
 function _extends$P() { _extends$P = 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$P.apply(this, arguments); }
 var SvgIconWfInfoV2 = function SvgIconWfInfoV2(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$P({
-    id: "icon_wf_info-v2",
+    id: "icon_wf_info-v3",
     xmlns: "http://www.w3.org/2000/svg",
-    width: 45,
-    height: 45,
-    viewBox: "0 0 45 45"
+    width: 46,
+    height: 46,
+    viewBox: "0 0 46 46"
   }, props), _g$N || (_g$N = /*#__PURE__*/React.createElement("g", {
-    id: "icon_wf_info_v2"
-  }, /*#__PURE__*/React.createElement("g", {
-    id: "Group_48011",
-    "data-name": "Group 48011"
+    id: "_icon_wf_info-v3",
+    "data-name": " icon_wf_info-v3"
   }, /*#__PURE__*/React.createElement("g", {
     id: "color-1",
-    transform: "translate(1.497 8.427)"
+    transform: "translate(1.618 7.287)"
   }, /*#__PURE__*/React.createElement("path", {
-    id: "Path_85849",
-    "data-name": "Path 85849",
-    d: "M44.2,30.818c-6.618-8.186-13.529-12.353-20.584-12.4H23.4q-.461,0-.922.027C10.968,19.1,3.611,30.47,3.3,30.951l-.5.789.5.789c.307.486,7.665,11.854,19.171,12.5.116,0,.232,0,.352.009h.147c.178,0,.352.013.53.013h.116c.236,0,.472-.009.7-.027,6.8-.312,13.48-4.456,19.88-12.371l.749-.922-.749-.922Zm-10.557.922A10.3,10.3,0,0,1,24.137,42.1c-.053,0-.111.009-.165.009-.094,0-.183,0-.276.009-.254,0-.508,0-.762-.013a10.4,10.4,0,0,1-.013-20.726c.258-.009.517-.018.771-.013.1,0,.2,0,.3.009.036,0,.071,0,.1,0A10.29,10.29,0,0,1,33.647,31.74Zm-27.309,0a32.322,32.322,0,0,1,5.3-5.6,13.5,13.5,0,0,0,0,11.2,32.321,32.321,0,0,1-5.3-5.6Zm28.971,5.744a13.539,13.539,0,0,0,0-11.488,40.749,40.749,0,0,1,5.847,5.744,40.5,40.5,0,0,1-5.842,5.744Z",
-    transform: "translate(-2.8 -18.42)",
+    id: "Path_85852",
+    "data-name": "Path 85852",
+    d: "M24.942,48.85c-.284,0-.565-.008-.849-.021C12.15,48.193,4.543,34.385,4.225,33.8l-.355-.657.355-.657c.318-.59,7.92-14.394,19.868-15.034,7.582-.406,15.029,4.613,22.109,14.908l.539.782-.539.782C39.386,43.831,32.239,48.85,24.942,48.85ZM7.04,33.139c1.614,2.655,8.18,12.458,17.208,12.934,6.373.335,12.809-4.015,19.132-12.934-6.093-8.6-12.295-12.951-18.446-12.951-.23,0-.456,0-.686.017C15.219,20.681,8.654,30.483,7.04,33.139Z",
+    transform: "translate(-3.87 -17.426)",
+    fill: "#293072"
+  }), /*#__PURE__*/React.createElement("path", {
+    id: "Path_85853",
+    "data-name": "Path 85853",
+    d: "M41.979,51.274a9.523,9.523,0,1,1,9.359-9.522A9.454,9.454,0,0,1,41.979,51.274Zm0-16.288a6.764,6.764,0,1,0,6.6,6.762A6.689,6.689,0,0,0,41.979,34.986Z",
+    transform: "translate(-20.597 -26.039)",
     fill: "#293072"
   })), /*#__PURE__*/React.createElement("g", {
-    id: "color-2"
+    id: "color-2",
+    transform: "translate(1.618 7.287)"
   }, /*#__PURE__*/React.createElement("rect", {
-    id: "Rectangle_22941",
-    "data-name": "Rectangle 22941",
-    width: 2.968,
-    height: 2.968,
-    transform: "translate(20.717 19.982)",
+    id: "Rectangle_22945",
+    "data-name": "Rectangle 22945",
+    width: 2.066,
+    height: 2.066,
+    transform: "translate(20.349 14.68)",
     fill: "#e42127"
-  }))), /*#__PURE__*/React.createElement("rect", {
-    id: "Rectangle_22942",
-    "data-name": "Rectangle 22942",
-    width: 45,
-    height: 45,
+  })), /*#__PURE__*/React.createElement("rect", {
+    id: "Rectangle_22946",
+    "data-name": "Rectangle 22946",
+    width: 46,
+    height: 46,
     fill: "none"
   }))));
 };
@@ -76539,14 +76544,14 @@ function uuid() {
 
 var uuid_1 = uuid;
 
-var _excluded$6 = ["buttons", "top", "topAlign", "position"];
+var _excluded$6 = ["buttons", "top", "topAlign", "position", "width"];
 var StyledBottomBarWrapper = styled$1(Box$1)(function (_ref) {
-  var $position = _ref.$position;
+  var $position = _ref.$position,
+    $width = _ref.$width;
   return {
     boxSizing: 'border-box',
-    width: '100%',
-    // height: '53px',
-    minHeight: '53px',
+    width: $width || '100vw',
+    // minHeight: '53px',
     backgroundColor: theme.mainPallete.primary.white,
     boxShadow: '0 -3px 6px rgba(0,0,0,0.1)',
     display: 'flex',
@@ -76555,18 +76560,21 @@ var StyledBottomBarWrapper = styled$1(Box$1)(function (_ref) {
     justifyContent: 'center',
     alignItems: 'center',
     padding: '0 18px',
-    position: $position || 'fixed',
+    position: $position || 'sticky',
+    // top: '100%',
     bottom: 0,
     left: 0,
     zIndex: 5,
     marginTop: 'auto !important',
+    '@media(max-height: 320px)': {
+      position: 'relative'
+    },
     '@media(max-width: 479px)': {
       padding: '0 8px'
     },
-    '@media(min-width: 480px)': {
-      // height: '80px',
-      minHeight: '80px'
-    },
+    // '@media(min-width: 480px)': {
+    //     minHeight: '80px',
+    // },
     'button': {
       minWidth: 'unset'
     }
@@ -76654,11 +76662,16 @@ var BottomBarComponent = function BottomBarComponent(_ref5) {
     _ref5$topAlign = _ref5.topAlign,
     topAlign = _ref5$topAlign === void 0 ? 'center' : _ref5$topAlign,
     _ref5$position = _ref5.position,
-    position = _ref5$position === void 0 ? 'fixed' : _ref5$position,
+    position = _ref5$position === void 0 ? 'sticky' : _ref5$position,
+    _ref5$width = _ref5.width,
+    width = _ref5$width === void 0 ? '100vw' : _ref5$width,
     props = _objectWithoutProperties$1(_ref5, _excluded$6);
   var isHelperElementString = typeof top === 'string';
-  return /*#__PURE__*/React__default.createElement(StyledBottomBarWrapper, _extends$1k({}, props, {
-    $position: position
+  return /*#__PURE__*/React__default.createElement(StyledBottomBarWrapper, _extends$1k({
+    className: "bottom-bar"
+  }, props, {
+    $position: position,
+    $width: width
   }), /*#__PURE__*/React__default.createElement(StyledButtonsWrapper$1, null, buttons.map(function (item) {
     var disabled = (item === null || item === void 0 ? void 0 : item.disabled) || false;
     var fluid = (item === null || item === void 0 ? void 0 : item.fluid) !== undefined ? item.fluid : true;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xelto.npm/xc2-lib",
-  "version": "1.0.22",
+  "version": "1.0.23",
   "author": "XELTO",
   "description": "React component library based on MUI",
   "license": "ISC",