@salesgenterp/ui-components 0.4.114 → 0.4.115

package/dist/index.css

@@ -59,7 +59,7 @@ input[type='number'] {
   color: grey !important;
   font-size: 0.875em;
 }
-/* /////////inputs coloring */
+/* /////////coloring */
 ._1vD5N ._3HGw2 ._1vD5N ._3MZVJ,
 ._1vD5N ._2wB7w,
 ._1vD5N ._26InF,

package/dist/index.js

@@ -226,7 +226,7 @@ var CartDrawer = function CartDrawer(_ref) {
 };
 
 var _templateObject$2, _templateObject2$2, _templateObject3$2, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7$1, _templateObject8, _templateObject9;
-var CartPageSection = styled.section(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteralLoose(["\n  background: ", ";\n  max-width: 100%;\n  width: fit-content;\n  background: ", ";\n  overflow: hidden;\n  font-family: 'karla-fonts';\n  border-radius: 28px;\n"])), function (props) {
+var CartPageSection = styled.section(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteralLoose(["\n  background: ", ";\n  max-width: 100%;\n  width: fit-content;\n  background: ", ";\n  overflow: hidden;\n  font-family: 'karla-fonts';\n  border-radius: 28px;\n  background-color: grey;\n  @media screen and (max-width: 1340px) {\n    padding: 0 1em;\n  }\n  @media screen and (max-width: 640px) {\n    padding: 0 1em;\n  }\n"])), function (props) {
   return props.bg;
 }, function (props) {
   return props.bg || '#FAE8E5';
@@ -249,11 +249,15 @@ var CartPageContainer = styled.div(_templateObject2$2 || (_templateObject2$2 = _
 var CardsBox = styled.div(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  /* min-height: 1000px; */\n  position: relative;\n  max-width: 860px;\n  margin-right: auto;\n  padding: 1em 2em;\n  display: ", ";\n  grid-template-columns: 1fr 1fr;\n  flex-direction: column;\n  align-items: flex-start;\n  grid-gap: 1em;\n  justify-content: flex-start;\n  align-items: center;\n  border-radius: 20px;\n  @media only screen and (max-width: 960px) {\n    display: flex;\n  }\n  @media only screen and (max-width: 640px) {\n    padding: 1em 0.2em;\n  }\n"])), function (props) {
   return props.retail ? 'grid' : 'flex';
 });
-var CartHeading = styled.div(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  /* margin-bottom: 2em; */\n  margin-left: 2.3em;\n  margin-top: 2em;\n\n  h1 {\n    font-weight: 600;\n    font-size: 2.0375em;\n    text-transform: capitalize;\n    color: inherit;\n    /* margin-bottom: 1em; */\n  }\n  p {\n    font-size: 0.875em;\n    color: black;\n    margin-top: 0.5em;\n  }\n"])));
+var CartHeading = styled.div(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  /* margin-bottom: 2em; */\n  margin-left: 2.3em;\n  margin-top: 2em;\n\n  color: ", ";\n  h1 {\n    font-weight: 600;\n    font-size: 2.0375em;\n    text-transform: capitalize;\n    color: inherit;\n    /* margin-bottom: 1em; */\n  }\n  p {\n    font-size: 0.875em;\n    color: inherit;\n    margin-top: 0.5em;\n  }\n"])), function (props) {
+  return props.color || 'black';
+});
 var Loader = styled.div(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 40%;\n  left: 47%;\n  display: grid;\n  place-items: center;\n  z-index: 3;\n"])));
 
-var CartTableCell = styled(material.TableCell)(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteralLoose(["\n  && {\n    padding-bottom: 1em !important;\n    border: none !important;\n    /* font-size: 0.75em; */\n    font-size: 1em;\n    color: rgba(98, 95, 95, 1);\n    background: ", ";\n    font-family: 'karla-fonts';\n  }\n  span {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n"])), function (props) {
+var CartTableCell = styled(material.TableCell)(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteralLoose(["\n  && {\n    padding-bottom: 1em !important;\n    border: none !important;\n    /* font-size: 0.75em; */\n    font-size: 1em;\n    color: rgba(98, 95, 95, 1);\n    background: ", ";\n    color: ", ";\n    font-family: 'karla-fonts';\n  }\n  span {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n"])), function (props) {
   return "" + props.bg;
+}, function (props) {
+  return "" + props.color || 'inherit';
 });
 var CartTableContainer = styled(material.TableContainer)(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteralLoose(["\n  max-height: 580px;\n  min-height: 460px;\n  padding-right: 1.5em;\n\n  &::-webkit-scrollbar {\n    width: ", ";\n  }\n\n  /* Track */\n  &::-webkit-scrollbar-track {\n    background: ", ";\n    background: ", ";\n    border-radius: 16px;\n    width: 100%;\n  }\n\n  /* Handle */\n  &::-webkit-scrollbar-thumb {\n    border-radius: 16px;\n    margin: 5px 2px;\n    background: ", ";\n    border: 3px solid;\n    border-color: #fae8e5;\n  }\n  @media screen and (max-width: 750px) {\n    padding: 0;\n  }\n"])), function (props) {
   return props.retail ? '12px' : '10px';
@@ -1571,7 +1575,8 @@ function EnhancedTableHead(props) {
         zIndex: '3 !important'
       },
       className: (headCell === null || headCell === void 0 ? void 0 : headCell.noBelowSm) && 'CartnoBelowSm',
-      bg: styles.bg
+      bg: styles.bg,
+      color: styles === null || styles === void 0 ? void 0 : styles.headingColor
     }, headCell.filter ? /*#__PURE__*/React.createElement(TableSortLabel, {
       active: orderBy === headCell.id,
       direction: orderBy === headCell.id ? order : 'asc',
@@ -1589,7 +1594,7 @@ EnhancedTableHead.propTypes = {
 };
 
 function EnhancedTable(_ref) {
-  var _styles$scroll, _styles$scroll2;
+  var _styles$scroll, _styles$scroll2, _styles$Btn, _styles$Btn2;
   var cartData = _ref.cartData,
     loading = _ref.loading,
     imgnotfoundUrl = _ref.imgnotfoundUrl,
@@ -1708,7 +1713,10 @@ function EnhancedTable(_ref) {
       handleIncrementDecrement: handleIncrementDecrement,
       handleRemoveProduct: handleRemoveProduct
     });
-  }))))), /*#__PURE__*/React.createElement(CartButtonsRow, null, /*#__PURE__*/React.createElement("button", {
+  }))))), /*#__PURE__*/React.createElement(CartButtonsRow, {
+    bg: styles === null || styles === void 0 ? void 0 : (_styles$Btn = styles.Btn) === null || _styles$Btn === void 0 ? void 0 : _styles$Btn.background,
+    color: styles === null || styles === void 0 ? void 0 : (_styles$Btn2 = styles.Btn) === null || _styles$Btn2 === void 0 ? void 0 : _styles$Btn2.color
+  }, /*#__PURE__*/React.createElement("button", {
     onClick: function onClick() {
       new Promise(function (resolve, reject) {
         if (loading) return;
@@ -1807,7 +1815,7 @@ var CartPageMainRetail = function CartPageMainRetail(_ref) {
 };
 
 var _templateObject$5, _templateObject2$5, _templateObject3$5, _templateObject4$4, _templateObject5$4, _templateObject6$4;
-var CartSummaryContainer = styled.div(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n  width: 26.375em;\n  max-width: ", ";\n  display: flex;\n  flex-direction: column;\n  background: ", ";\n  color: ", ";\n  border-radius: 20px;\n  padding: 2em 3em;\n  align-items: center;\n  /* margin-top: 3em; */\n  p {\n    font-size: 1.189em;\n    font-weight: 600;\n    align-self: flex-start;\n    color: inherit;\n    margin: 0;\n    padding: 0;\n  }\n  .continueShopping {\n    font-size: 0.75em;\n    color: inherit;\n    text-transform: capitalize;\n    height: 20px;\n    border-bottom: 1px solid;\n    border-color: ", ";\n    font-weight: 300;\n    cursor: pointer;\n  }\n"])), function (props) {
+var CartSummaryContainer = styled.div(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n  width: 26.375em;\n  max-width: ", ";\n  display: flex;\n  flex-direction: column;\n  background: ", ";\n  color: ", ";\n  border-radius: 20px;\n  padding: 2em 3em;\n  align-items: center;\n  /* margin-top: 3em; */\n  p {\n    font-size: 1.189em;\n    font-weight: 600;\n    align-self: flex-start;\n    color: inherit;\n    margin: 0;\n    padding: 0;\n  }\n  .continueShopping {\n    font-size: 0.75em;\n    color: inherit;\n    text-transform: capitalize;\n    height: 20px;\n    border-bottom: 1px solid;\n    border-color: ", ";\n    font-weight: 300;\n    cursor: pointer;\n  }\n  @media only screen and (max-width: 1340px) {\n    margin-top: 4em;\n  }\n"])), function (props) {
   return props.maxWidth || '26.375em';
 }, function (props) {
   return props.background || '#667080';
@@ -1953,7 +1961,9 @@ var CartPageComponent = function CartPageComponent(_ref) {
   return /*#__PURE__*/React__default.createElement(CartPageSection, {
     bg: styles.bg,
     retail: retail
-  }, /*#__PURE__*/React__default.createElement(CartHeading, null, /*#__PURE__*/React__default.createElement("h1", null, "Shopping Cart"), /*#__PURE__*/React__default.createElement("p", null, "You have ", cartData === null || cartData === void 0 ? void 0 : cartData.totalCartQuantity, " items in your cart")), /*#__PURE__*/React__default.createElement(CartPageContainer, {
+  }, /*#__PURE__*/React__default.createElement(CartHeading, {
+    color: styles === null || styles === void 0 ? void 0 : styles.headingColor
+  }, /*#__PURE__*/React__default.createElement("h1", null, "Shopping Cart"), /*#__PURE__*/React__default.createElement("p", null, "You have ", cartData === null || cartData === void 0 ? void 0 : cartData.totalCartQuantity, " items in your cart")), /*#__PURE__*/React__default.createElement(CartPageContainer, {
     retail: retail,
     loading: loading
   }, retail ? /*#__PURE__*/React__default.createElement(CartPageMainRetail, {