@salesgenterp/ui-components 0.4.75 → 0.4.76

package/dist/index.js

@@ -232,9 +232,9 @@ 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: 2em;\n  margin-top: 1em;\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  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 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    background: ", ";\n    font-family: 'karla-fonts';\n  }\n  span {\n    font-size: 0.75em;\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    background: ", ";\n    font-family: 'karla-fonts';\n  }\n  span {\n    font-size: 0.75em;\n  }\n"])), function (props) {
   return "" + props.bg;
 });
 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) {
@@ -1354,15 +1354,15 @@ if (process.env.NODE_ENV !== 'production') {
 
 var _templateObject$3, _templateObject2$3, _templateObject3$3, _templateObject4$2, _templateObject5$2, _templateObject6$2;
 var ProductImage = styled.img(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteralLoose(["\n  min-width: 50px;\n  min-height: 58px;\n  @media only screen and (max-width: 640px) {\n    margin: 0.5em 0;\n    padding-right: 0.5em;\n  }\n"])));
-var ProductName = styled.h6(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteralLoose(["\n  font-size: ", ";\n  padding: 0.5rem 0;\n  line-height: 1.3em;\n  max-height: ", ";\n  height: ", ";\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])), function (props) {
-  return props.size || '1rem';
+var ProductName = styled.h6(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteralLoose(["\n  font-size: ", ";\n  padding: 0.5em 0;\n  line-height: 1.3em;\n  max-height: ", ";\n  height: ", ";\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])), function (props) {
+  return props.size || '1em';
 }, function (props) {
   return props.maxHeight ? props.maxHeight + "em" : '3.25em';
 }, function (props) {
   return props.maxHeight ? props.maxHeight + "em" : '3.45em';
 });
 var CartTableRow = styled(material.TableRow)(_templateObject3$3 || (_templateObject3$3 = _taggedTemplateLiteralLoose(["\n  position: relative;\n  transition: 0.3s;\n  background: white;\n  /* &:hover {\n    td:first-child,\n    td:last-child {\n      border-left-style: solid;\n      border-top-style: solid;\n      border-top-right-radius: 10px;\n    }\n  } */\n  .outOfStock {\n    font-size: 0.75em;\n    color: red;\n    text-transform: uppercase;\n    font-weight: 500;\n  }\n  .price {\n    font-size: ", ";\n    font-weight: bold;\n    color: #323232;\n    /* font-size: 1.15em; */\n  }\n  .borderLeft {\n    height: 100%;\n    width: 0;\n    background: #fd0015;\n    transition: 0.2s;\n    width: 0px;\n    position: absolute;\n    left: 0;\n    top: 0;\n    border-top-left-radius: 10px;\n    display: none;\n    border-bottom-left-radius: 10px;\n  }\n  &:hover {\n    background: white !important;\n    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);\n    border-radius: 10px;\n    /* opacity: 1;\n    box-shadow: 1px 2px 6px 2px rgba(0, 0, 0, 0.2); */\n    z-index: 2;\n    /* border-radius: 20px; */\n    .borderLeft {\n      width: 13px;\n      display: inline-block;\n    }\n  }\n  @media only screen and (max-width: 640px) {\n    .CartnoPaddingSm {\n      padding: 0 !important;\n    }\n    .price {\n      font-size: 0.8em;\n    }\n    margin: 0.5em 0;\n    .cartCheckBox {\n      .css-i4bv87-MuiSvgIcon-root {\n        font-size: 10px !important;\n      }\n    }\n  }\n"])), function (props) {
-  return props.size || '1.19rem';
+  return props.size || '1.19em';
 });
 var CartTableCell$1 = styled(material.TableCell)(_templateObject4$2 || (_templateObject4$2 = _taggedTemplateLiteralLoose(["\n  && {\n    border: none !important;\n    font-family: 'karla-fonts';\n  }\n"])));
 var QuantityBox = styled.div(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteralLoose(["\n  height: 1.7em;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  div {\n    /* width:30px; */\n    min-height: 100%;\n    aspect-ratio: 1.15/1;\n    display: grid;\n    place-items: center;\n    font-size: 0.65em;\n    color: white;\n    background-color: #323232;\n    cursor: pointer;\n  }\n  .price {\n    background: transparent;\n    cursor: auto;\n    background: #ffffff;\n    border: 1px solid #ebebeb;\n    p {\n      color: #5e5c5c;\n      font-size: 0.685em;\n      font-weight: 500;\n    }\n  }\n  .add {\n    background-color: #ebebeb;\n    color: #323232;\n  }\n"])));
@@ -1562,7 +1562,7 @@ function EnhancedTableHead(props) {
       active: orderBy === headCell.id,
       direction: orderBy === headCell.id ? order : 'asc',
       onClick: createSortHandler(headCell.id)
-    }, headCell.label) : headCell.label);
+    }, headCell.label) : /*#__PURE__*/React.createElement("span", null, headCell.label));
   })));
 }