@commonsku/styles 1.17.12 → 1.17.13
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.cjs +5 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.mjs +5 -5
- package/dist/index.mjs.map +1 -1
- package/dist/styles/ProductDetail.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -4528,7 +4528,7 @@ var Popup = React__default.default.forwardRef(function (_a, forwardedRef) {
|
|
|
4528
4528
|
React__default.default.createElement("span", { className: "title" }, title)),
|
|
4529
4529
|
React__default.default.createElement(Col, { style: { textAlign: 'right', alignSelf: 'center' } }, noCloseButton ? null :
|
|
4530
4530
|
controls || React__default.default.createElement(Button, { onClick: onClose }, "Close")))),
|
|
4531
|
-
React__default.default.createElement("div", { className: "popup-content" + (contentClassName ? " ".concat(contentClassName) : '') },
|
|
4531
|
+
React__default.default.createElement("div", { className: "popup-content" + (contentClassName ? " ".concat(contentClassName) : ''), style: { position: 'relative' } },
|
|
4532
4532
|
children,
|
|
4533
4533
|
" "))));
|
|
4534
4534
|
});
|
|
@@ -5018,14 +5018,14 @@ var IMAGE_WIDTH_THRESHOLD = 250;
|
|
|
5018
5018
|
var IMAGE_HEIGHT_THRESHOLD = 250;
|
|
5019
5019
|
var INITIAL_THUMBNAILS_COUNT = 11;
|
|
5020
5020
|
var SLICE_COUNT = 2;
|
|
5021
|
-
var ThumbnailVerticalContainer = styled__default.default.div(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n max-height: 660px;\n height: 660px;\n overflow: auto;\n margin-top: 20px
|
|
5021
|
+
var ThumbnailVerticalContainer = styled__default.default.div(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n &&& {\n max-height: 660px;\n height: 660px;\n overflow: auto;\n margin-top: 20px;\n padding-right: 5px;\n }\n"], ["\n &&& {\n max-height: 660px;\n height: 660px;\n overflow: auto;\n margin-top: 20px;\n padding-right: 5px;\n }\n"])));
|
|
5022
5022
|
var MainViewing = styled__default.default.div(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n width: 600px;\n height: 600px;\n background-position: right;\n background-repeat: no-repeat;\n background-size: contain;\n"], ["\n width: 600px;\n height: 600px;\n background-position: right;\n background-repeat: no-repeat;\n background-size: contain;\n"])));
|
|
5023
|
-
var Main = styled__default.default.div(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n width: 100%;\n height: 478px;\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n margin-bottom: 20px
|
|
5024
|
-
var StyledTooltip = styled__default.default(reactTooltip.Tooltip)(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n background: #123952E5
|
|
5023
|
+
var Main = styled__default.default.div(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n &&& {\n width: 100%;\n height: 478px;\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n margin-bottom: 20px; \n }\n"], ["\n &&& {\n width: 100%;\n height: 478px;\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n margin-bottom: 20px; \n }\n"])));
|
|
5024
|
+
var StyledTooltip = styled__default.default(reactTooltip.Tooltip)(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n &&& {\n background: #123952E5;\n width: 250px;\n font-size: large; \n padding: 10px 15px;\n }\n"], ["\n &&& {\n background: #123952E5;\n width: 250px;\n font-size: large; \n padding: 10px 15px;\n }\n"])));
|
|
5025
5025
|
var ThumbnailContainer = styled__default.default.div(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject(["\n max-height: 190px;\n overflow: auto;\n"], ["\n max-height: 190px;\n overflow: auto;\n"])));
|
|
5026
5026
|
var Sku = styled__default.default.div(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n &&& {\n height: 28px;\n font-family: var(--font-family-regular);\n font-style: normal;\n font-weight: 400;\n font-size: 18px;\n line-height: 28px;\n margin-bottom: 0.5rem;\n color: ", ";\n\n}"], ["\n &&& {\n height: 28px;\n font-family: var(--font-family-regular);\n font-style: normal;\n font-weight: 400;\n font-size: 18px;\n line-height: 28px;\n margin-bottom: 0.5rem;\n color: ", ";\n\n}"])), colors$1.neutrals['90']);
|
|
5027
5027
|
var SelectableThumbnail = styled__default.default.div(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n &&& {\n display: flex;\n width: 99px;\n height: 99px;\n flex-direction: column;\n align-items: flex-start;\n gap: 10px;\n flex-shrink: 0;\n }\n"], ["\n &&& {\n display: flex;\n width: 99px;\n height: 99px;\n flex-direction: column;\n align-items: flex-start;\n gap: 10px;\n flex-shrink: 0;\n }\n"])));
|
|
5028
|
-
var InnerFrameThumbnail = styled__default.default.div(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n &&& {\n display: flex;\n padding: 8px;\n flex-direction: column;\n
|
|
5028
|
+
var InnerFrameThumbnail = styled__default.default.div(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n &&& {\n display: flex;\n padding: 8px;\n flex-direction: column;\n gap: 10px;\n flex: 1 0 0;\n align-self: stretch;\n justify-content: center;\n align-items: center;\n }\n"], ["\n &&& {\n display: flex;\n padding: 8px;\n flex-direction: column;\n gap: 10px;\n flex: 1 0 0;\n align-self: stretch;\n justify-content: center;\n align-items: center;\n }\n"])));
|
|
5029
5029
|
var SizeTag = styled__default.default.div(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n &&& {\n display: inline-flex;\n padding: 3px 10px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n\n border-radius: 200px;\n background: ", ";\n\n color: ", ";\n text-align: center;\n \n\n font-family: var(--font-family-regular);\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 24px; \n }\n"], ["\n &&& {\n display: inline-flex;\n padding: 3px 10px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n\n border-radius: 200px;\n background: ", ";\n\n color: ", ";\n text-align: center;\n \n\n font-family: var(--font-family-regular);\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 24px; \n }\n"])), colors$1.teal[80], colors$1.white);
|
|
5030
5030
|
var AutoHideImage = function (_a) {
|
|
5031
5031
|
var src = _a.src, props = __rest(_a, ["src"]);
|