@salesgenterp/ui-components 0.4.302 → 0.4.303

package/dist/index.js

@@ -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  .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) {
+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  // /* /////stepper length */\n  .MuiStepConnector-line,\n  .MuiStepConnector-lineVertical {\n    min-height: 60px !important;\n  }\n\n  @media only screen and (max-width: 640px) {\n    .MuiStepConnector-line,\n    .MuiStepConnector-lineVertical {\n      min-height: 40px !important;\n    }\n  }\n"])), function (props) {
   return props.maxWidth || '1605px';
 }, function (props) {
   return props.bg || '#fff8f6';