@salesgenterp/ui-components 0.4.301 → 0.4.302

package/dist/index.js

@@ -4454,7 +4454,7 @@ var CartTableContainer = styled__default(material.TableContainer)(_templateObjec
   return props.color;
 });
 var CartButtonsRow = styled__default.div(_templateObject8$3 || (_templateObject8$3 = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: center;\n  padding-right: 1.85em;\n  button {\n    background: ", ";\n    color: ", ";\n    padding: 0.5em 1em;\n    margin-left: 1em;\n    font-size: 0.85em;\n    text-transform: uppercase;\n    border: none;\n    cursor: pointer;\n    transition: 0.4s;\n    &:hover {\n      transform: scale(0.9);\n    }\n  }\n"])), function (props) {
-  return props.bg || 'rgba(253, 0, 21, 1)';
+  return props.bg || 'rgba(107, 106, 106, 1)';
 }, function (props) {
   return props.color || 'white';
 });
@@ -7531,7 +7531,7 @@ var CartTableContainer$1 = styled__default(material.TableContainer)(_templateObj
   return props.color || 'red';
 });
 var CartButtonsRow$1 = styled__default.div(_templateObject8$5 || (_templateObject8$5 = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  padding-right: 1.85em;\n  button {\n    display: flex;\n    align-items: center;\n    background: ", ";\n    color: ", ";\n    padding: 0.5em 1em;\n    margin-left: 1em;\n    font-size: 0.85em;\n    text-transform: uppercase;\n    border: none;\n    cursor: pointer;\n    transition: 0.4s;\n    font-size: 1rem;\n    font-weight: 600;\n    svg {\n      margin-right: 0.4rem;\n    }\n    &:hover {\n      transform: scale(0.95);\n    }\n  }\n"])), function (props) {
-  return props.bg || 'rgba(253, 0, 21, 1)';
+  return props.bg || 'rgba(107, 106, 106, 1)';
 }, function (props) {
   return props.color || 'white';
 });
@@ -8200,7 +8200,7 @@ var _templateObject$H, _templateObject2$u, _templateObject3$k, _templateObject4$
 var CheckoutRootContainer = styled__default.div(_templateObject$H || (_templateObject$H = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  padding: 4rem;\n  background-color: ", ";\n  font-size: 16px;\n\n  div,\n  button,\n  span {\n    font-size: 16px;\n  }\n  @media only screen and (max-width: 1620px) {\n    padding: 3em 0.5em;\n  }\n  @media screen and (max-width: 840px) {\n    div,\n    button,\n    span {\n      font-size: 12px;\n    }\n    padding: 2rem 0.5rem;\n  }\n"])), function (props) {
   return props.bg;
 });
-var CheckoutPageContainer = styled__default.div(_templateObject2$u || (_templateObject2$u = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  max-width: ", ";\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  background-color: ", ";\n  margin: 0 auto;\n  padding: 2.375em 3.5em 2.5em 4.5em;\n  padding-left: min(4.5em, 2.5vw);\n  color: rgba(50, 50, 50, 1);\n  /* max-height: 90vh; */\n  overflow: hidden;\n  /* background: gainsboro; */\n  border-radius: 28px;\n  /* background-color: #fff8f6; */\n  @media only screen and (max-width: 1508px) {\n    flex-direction: column;\n    align-items: center;\n    max-height: max-content;\n  }\n  @media only screen and (max-width: 788px) {\n    padding: 1em 0.5em;\n  }\n  .icon {\n    font-size: 12px;\n  }\n  ////////////checkout and cart fonts\n  /////////////////\n  /* /////remove arrows from number input */\n  /* Chrome, Safari, Edge, Opera */\n  input::-webkit-outer-spin-button,\n  input::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  /* Firefox */\n  input[type='number'] {\n    -moz-appearance: textfield;\n  }\n\n  /* //////mui inputs */\n\n  .checkout .MuiOutlinedInput-notchedOutline,\n  .checkout .css-1d3z3hw-MuiOutlinedInput-notchedOutline {\n    border: none !important;\n    outline: none !important;\n  }\n  /* ////checkbox */\n  .checkout .Mui-checked {\n    color: #060606 !important;\n  }\n\n  /* //////select inputs */\n  // .checkout .MuiInputLabel-formControl,\n  // .checkout .Mui-focused {\n  //   color: grey !important;\n  //   font-size: 0.875em;\n  // }\n  .checkout .MuiInputBase-root .checkout .MuiOutlinedInput-root,\n  .checkout .MuiInputBase-colorPrimary,\n  .checkout .MuiInputBase-fullWidth,\n  .checkout .MuiInputBase-formControl,\n  .checkout .css-md26zr-MuiInputBase-root-MuiOutlinedInput-root {\n    border-radius: 10px;\n  }\n  // /* /////stepper length */\n  .checkout .MuiStepConnector-line,\n  .MuiStepConnector-lineVertical {\n    min-height: 60px !important;\n  }\n\n  @media only screen and (max-width: 640px) {\n    .checkout .MuiStepConnector-line,\n    .MuiStepConnector-lineVertical {\n      min-height: 40px !important;\n    }\n  }\n"])), function (props) {
+var CheckoutPageContainer = styled__default.div(_templateObject2$u || (_templateObject2$u = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  max-width: ", ";\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  background-color: ", ";\n  margin: 0 auto;\n  padding: 2.375em 3.5em 2.5em 4.5em;\n  padding-left: min(4.5em, 2.5vw);\n  color: rgba(50, 50, 50, 1);\n  /* max-height: 90vh; */\n  overflow: hidden;\n  /* background: gainsboro; */\n  border-radius: 28px;\n  /* background-color: #fff8f6; */\n  @media only screen and (max-width: 1508px) {\n    flex-direction: column;\n    align-items: center;\n    max-height: max-content;\n  }\n  @media only screen and (max-width: 788px) {\n    padding: 1em 0.5em;\n  }\n  .icon {\n    font-size: 12px;\n  }\n  ////////////checkout and cart fonts\n  /////////////////\n  /* /////remove arrows from number input */\n  /* Chrome, Safari, Edge, Opera */\n  input::-webkit-outer-spin-button,\n  input::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  /* Firefox */\n  input[type='number'] {\n    -moz-appearance: textfield;\n  }\n\n  /* //////mui inputs */\n\n  .MuiOutlinedInput-notchedOutline {\n    border: none;\n    outline: none;\n  }\n\n  .MuiInputBase-root .MuiOutlinedInput-root,\n  .MuiInputBase-colorPrimary,\n  .MuiInputBase-fullWidth,\n  .MuiInputBase-formControl {\n    border-radius: 10px;\n  }\n"])), function (props) {
   return props.maxWidth || '1605px';
 }, function (props) {
   return props.bg || '#fff8f6';
@@ -8347,7 +8347,7 @@ var CheckBoxRow = styled__default.div(_templateObject9$5 || (_templateObject9$5
 }, function (props) {
   return props.marginLeft;
 }, function (props) {
-  return props.bg || 'rgba(253, 0, 21, 1)';
+  return props.bg || 'rgba(107, 106, 106, 1)';
 }, function (props) {
   return props.bg ? material.alpha(props.bg, 0.6) : 'rgba(107, 106, 106, 1)';
 }, function (prop) {
@@ -8390,7 +8390,7 @@ var StyledTableCell = styled__default(material.TableCell)(_templateObject17$1 ||
   return props.noSmall ? 'none' : '';
 });
 var BottomGrid = styled__default(material.Grid)(_templateObject18$1 || (_templateObject18$1 = _taggedTemplateLiteralLoose(["\n  .bold {\n    font-weight: 600;\n    text-transform: capitalize;\n    margin: 1em 0;\n    font-size: 1em;\n  }\n  .icon {\n    font-size: 1.6em;\n    color: ", ";\n  }\n  textarea {\n    width: 100%;\n    resize: none;\n    border: 1px solid\n      ", ";\n    border-radius: 4px;\n    margin-bottom: 2em;\n    padding: 1em;\n    background: ", ";\n  }\n  p {\n    font-size: 12px;\n    .ul {\n      text-decoration: underline;\n      font-size: inherit;\n    }\n  }\n  .bottom {\n    margin-left: 3em;\n    font-style: italic;\n    span {\n      font-weight: 600;\n      color: ", ";\n\n      cursor: pointer;\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n"])), function (prop) {
-  return prop.primaryColor || 'rgba(253, 0, 21, 1)';
+  return prop.primaryColor || 'rgba(107, 106, 106, 1)';
 }, function (prop) {
   var _prop$bgTextArea;
   return ((_prop$bgTextArea = prop.bgTextArea) === null || _prop$bgTextArea === void 0 ? void 0 : _prop$bgTextArea.border) || 'rgba(253, 0, 21, 0.5)';
@@ -8398,7 +8398,7 @@ var BottomGrid = styled__default(material.Grid)(_templateObject18$1 || (_templat
   var _prop$bgTextArea2;
   return ((_prop$bgTextArea2 = prop.bgTextArea) === null || _prop$bgTextArea2 === void 0 ? void 0 : _prop$bgTextArea2.bg) || '#fff8f6';
 }, function (props) {
-  return props.primaryColor || 'rgba(253, 0, 21, 1)';
+  return props.primaryColor || 'rgba(107, 106, 106, 1)';
 });
 
 var CheckoutInput = function CheckoutInput(_ref) {
@@ -8742,7 +8742,7 @@ var AddressForm = function AddressForm(_ref) {
 };
 
 var Step1 = function Step1(_ref) {
-  var _customer$customerDto, _addressList, _addressList$, _styles$input, _addressList4, _styles$input2, _addressList5, _styles$button, _styles$button2;
+  var _customer$customerDto, _addressList, _addressList$, _styles$input, _addressList4, _styles$input2, _addressList5, _styles$button, _styles$button2, _styles$button3, _styles$button4;
   var handleNext = _ref.handleNext,
     setShipping = _ref.setShipping,
     setBilling = _ref.setBilling,
@@ -8842,7 +8842,8 @@ var Step1 = function Step1(_ref) {
   }, /*#__PURE__*/React__default.createElement(CheckBoxRow, {
     onClick: function onClick() {
       setShowShipping(false);
-    }
+    },
+    bg: styles === null || styles === void 0 ? void 0 : (_styles$button2 = styles.button) === null || _styles$button2 === void 0 ? void 0 : _styles$button2.bg
   }, /*#__PURE__*/React__default.createElement(material.Checkbox, {
     checked: !showShipping,
     icon: /*#__PURE__*/React__default.createElement(md.MdOutlineCircle, null),
@@ -8851,13 +8852,14 @@ var Step1 = function Step1(_ref) {
     padding: '0 0 1em 0',
     onClick: function onClick() {
       setShowShipping(true);
-    }
+    },
+    bg: styles === null || styles === void 0 ? void 0 : (_styles$button3 = styles.button) === null || _styles$button3 === void 0 ? void 0 : _styles$button3.bg
   }, /*#__PURE__*/React__default.createElement(material.Checkbox, {
     checked: showShipping,
     icon: /*#__PURE__*/React__default.createElement(md.MdOutlineCircle, null),
     checkedIcon: /*#__PURE__*/React__default.createElement(gr.GrRadialSelected, null)
   }), /*#__PURE__*/React__default.createElement("p", null, "Ship to a different address ")), /*#__PURE__*/React__default.createElement(ButtonRow, {
-    color: styles === null || styles === void 0 ? void 0 : (_styles$button2 = styles.button) === null || _styles$button2 === void 0 ? void 0 : _styles$button2.bg,
+    color: styles === null || styles === void 0 ? void 0 : (_styles$button4 = styles.button) === null || _styles$button4 === void 0 ? void 0 : _styles$button4.bg,
     backDisabled: true,
     handleNext: function handleNext() {
       next();