@salesgenterp/ui-components 0.4.70 → 0.4.71
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +8 -6
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +8 -6
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -232,12 +232,12 @@ var CartPageContainer = styled.div(_templateObject2$2 || (_templateObject2$2 = _
|
|
|
232
232
|
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) {
|
|
233
233
|
return props.retail ? 'grid' : 'flex';
|
|
234
234
|
});
|
|
235
|
-
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: 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:
|
|
235
|
+
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"])));
|
|
236
236
|
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"])));
|
|
237
237
|
var CartTableCell = styled(material.TableCell)(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteralLoose(["\n && {\n padding-bottom: 1em !important;\n border: none !important;\n font-size: 0.75rem;\n background: ", ";\n font-family: 'karla-fonts';\n }\n span {\n font-size: 0.75rem;\n }\n"])), function (props) {
|
|
238
238
|
return "" + props.bg;
|
|
239
239
|
});
|
|
240
|
-
var CartTableContainer = styled(material.TableContainer)(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteralLoose(["\n max-height: 580px;\n min-height:
|
|
240
|
+
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) {
|
|
241
241
|
return props.retail ? '12px' : '10px';
|
|
242
242
|
}, function (props) {
|
|
243
243
|
return props.retail ? '#667080' : 'rgba(102, 112, 128, 0.5)';
|
|
@@ -246,7 +246,7 @@ var CartTableContainer = styled(material.TableContainer)(_templateObject7$1 || (
|
|
|
246
246
|
}, function (props) {
|
|
247
247
|
return props.color || '#ef9687';
|
|
248
248
|
});
|
|
249
|
-
var CartButtonsRow = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n button {\n background: ", ";\n color: ", ";\n padding: 0.5em 1em;\n margin-
|
|
249
|
+
var CartButtonsRow = styled.div(_templateObject8 || (_templateObject8 = _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) {
|
|
250
250
|
return props.bg || 'rgba(253, 0, 21, 1)';
|
|
251
251
|
}, function (props) {
|
|
252
252
|
return props.color || 'white';
|
|
@@ -1399,6 +1399,7 @@ var CardRow = function CardRow(_ref) {
|
|
|
1399
1399
|
background: styles === null || styles === void 0 ? void 0 : (_styles$Btn = styles.Btn) === null || _styles$Btn === void 0 ? void 0 : _styles$Btn.background
|
|
1400
1400
|
}
|
|
1401
1401
|
}), /*#__PURE__*/React__default.createElement(material.Checkbox, {
|
|
1402
|
+
size: "small",
|
|
1402
1403
|
color: "primary",
|
|
1403
1404
|
checked: isItemSelected,
|
|
1404
1405
|
inputProps: {
|
|
@@ -1529,6 +1530,7 @@ function EnhancedTableHead(props) {
|
|
|
1529
1530
|
padding: "checkbox",
|
|
1530
1531
|
bg: styles.bg
|
|
1531
1532
|
}, /*#__PURE__*/React.createElement(material.Checkbox, {
|
|
1533
|
+
size: "small",
|
|
1532
1534
|
color: "primary",
|
|
1533
1535
|
indeterminate: numSelected > 0 && numSelected < rowCount,
|
|
1534
1536
|
checked: rowCount > 0 && numSelected === rowCount,
|
|
@@ -1797,7 +1799,7 @@ var CartPageMainRetail = function CartPageMainRetail(_ref) {
|
|
|
1797
1799
|
};
|
|
1798
1800
|
|
|
1799
1801
|
var _templateObject$5, _templateObject2$5, _templateObject3$5, _templateObject4$4, _templateObject5$4, _templateObject6$4;
|
|
1800
|
-
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: 28px;\n padding: 2em 1em;\n align-items: center;\n margin-top: 3em
|
|
1802
|
+
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: 28px;\n padding: 2em 1em;\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) {
|
|
1801
1803
|
return props.maxWidth || '26.375em';
|
|
1802
1804
|
}, function (props) {
|
|
1803
1805
|
return props.background || '#667080';
|
|
@@ -1833,7 +1835,7 @@ var CartSummaryInputBox = styled.form(_templateObject4$4 || (_templateObject4$4
|
|
|
1833
1835
|
}, function (props) {
|
|
1834
1836
|
return props.Btncolor || 'inherit';
|
|
1835
1837
|
});
|
|
1836
|
-
var CartSummaryCheckoutBtn = styled.button(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteralLoose(["\n font-size: 0.95em;\n font-weight: 700;\n background: ", ";\n color: ", ";\n cursor: pointer;\n text-transform: uppercase;\n border: none;\n outline: none;\n width: 16.81em;\n height: 3.
|
|
1838
|
+
var CartSummaryCheckoutBtn = styled.button(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteralLoose(["\n font-size: 0.95em;\n font-weight: 700;\n background: ", ";\n color: ", ";\n cursor: pointer;\n text-transform: uppercase;\n border: none;\n outline: none;\n width: 16.81em;\n height: 3.4em;\n display: grid;\n place-items: center;\n font-size: 0.75em;\n border-radius: ", ";\n padding: 0;\n font-family: 'karla-fonts';\n font-size: 0.94em;\n margin: 1em auto;\n transition: 0.3s;\n margin-top: 2em;\n &:hover {\n opacity: 0.8;\n }\n"])), function (props) {
|
|
1837
1839
|
return props.background || '#393f48';
|
|
1838
1840
|
}, function (props) {
|
|
1839
1841
|
return props.color || 'inherit';
|
|
@@ -1864,7 +1866,7 @@ var CartSummary = function CartSummary(_ref) {
|
|
|
1864
1866
|
return /*#__PURE__*/React__default.createElement(CartSummaryContainer, {
|
|
1865
1867
|
background: cartSummary.bg,
|
|
1866
1868
|
color: cartSummary.color
|
|
1867
|
-
}, /*#__PURE__*/React__default.createElement("p", null, "Cart summary"), /*#__PURE__*/React__default.createElement(CartSummaryHr, {
|
|
1869
|
+
}, /*#__PURE__*/React__default.createElement("p", null, "Cart summary:"), /*#__PURE__*/React__default.createElement(CartSummaryHr, {
|
|
1868
1870
|
color: cartSummary.hr
|
|
1869
1871
|
}), /*#__PURE__*/React__default.createElement(CartSummaryRow, null, /*#__PURE__*/React__default.createElement("h6", null, "subtotal"), /*#__PURE__*/React__default.createElement("h5", null, "$", subtotal === null || subtotal === void 0 ? void 0 : subtotal.toFixed(2))), /*#__PURE__*/React__default.createElement(CartSummaryHr, {
|
|
1870
1872
|
color: cartSummary.hr
|