kui-crm 0.0.282 → 0.0.283
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/cjs/index.js +3 -3
- package/cjs/index.js.map +1 -1
- package/index.d.ts +93 -93
- package/index.js +3 -3
- package/index.js.map +1 -1
- package/package.json +1 -1
package/cjs/index.js
CHANGED
|
@@ -3803,7 +3803,7 @@ var ImageCard = React.forwardRef(function (_a) {
|
|
|
3803
3803
|
};
|
|
3804
3804
|
return (jsxRuntime.jsxs(Wrapper$2, __assign({ className: "KUI-ImageCard", onClick: handleClick }, otherProps, { children: [jsxRuntime.jsx(StyledImage$3, { src: url, alt: "image" }), jsxRuntime.jsx(Backdrop, { children: jsxRuntime.jsx(kuiIcon.LoupeIcon, {}) }), !!onDelete && (jsxRuntime.jsx(CloseButton, __assign({ isCircle: true, "data-testid": "file_delete_btn", variant: "white", onClick: handleDelete }, { children: jsxRuntime.jsx(kuiIcon.CloseIcon, { width: 8, height: 8 }) })))] })));
|
|
3805
3805
|
});
|
|
3806
|
-
var Wrapper$2 = styled__default["default"].div(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n
|
|
3806
|
+
var Wrapper$2 = styled__default["default"].div(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n border-radius: 8px;\n position: relative;\n cursor: pointer;\n user-select: none;\n width: ", "px;\n height: ", "px;\n @media (max-width: ", "px) {\n width: ", "px;\n height: ", "px;\n }\n @media (hover: hover) {\n &:hover {\n button {\n opacity: 1;\n }\n }\n }\n"], ["\n border-radius: 8px;\n position: relative;\n cursor: pointer;\n user-select: none;\n width: ", "px;\n height: ", "px;\n @media (max-width: ", "px) {\n width: ", "px;\n height: ", "px;\n }\n @media (hover: hover) {\n &:hover {\n button {\n opacity: 1;\n }\n }\n }\n"])), function (_a) {
|
|
3807
3807
|
var width = _a.width;
|
|
3808
3808
|
return width || 56;
|
|
3809
3809
|
}, function (_a) {
|
|
@@ -3816,9 +3816,9 @@ var Wrapper$2 = styled__default["default"].div(templateObject_1$q || (templateOb
|
|
|
3816
3816
|
var width = _a.width, mobileWidth = _a.mobileWidth;
|
|
3817
3817
|
return mobileWidth || width || 56;
|
|
3818
3818
|
});
|
|
3819
|
-
var StyledImage$3 = styled__default["default"].img(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"])));
|
|
3819
|
+
var StyledImage$3 = styled__default["default"].img(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 8px;\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 8px;\n"])));
|
|
3820
3820
|
var Backdrop = styled__default["default"].div(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 8px;\n width: 100%;\n height: 100%;\n background-color: rgba(25, 25, 25, 0.4);\n transition: all ease-out 0.3s;\n opacity: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n &:hover {\n opacity: 1;\n }\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 8px;\n width: 100%;\n height: 100%;\n background-color: rgba(25, 25, 25, 0.4);\n transition: all ease-out 0.3s;\n opacity: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n &:hover {\n opacity: 1;\n }\n"])));
|
|
3821
|
-
var CloseButton = styled__default["default"](kuiBasic.Button)(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n width: 24px;\n height: 24px;\n opacity: 0;\n transition: all ease-out 0.3s;\n position: absolute;\n top: -6px;\n right: -6px;\n @media (max-width: ", "px) {\n opacity: 1;\n top: -12px;\n right: -12px;\n }\n"], ["\n width: 24px;\n height: 24px;\n opacity: 0;\n transition: all ease-out 0.3s;\n position: absolute;\n top: -6px;\n right: -6px;\n @media (max-width: ", "px) {\n opacity: 1;\n top: -12px;\n right: -12px;\n }\n"])), kuiBasic.theme.breakpoints.
|
|
3821
|
+
var CloseButton = styled__default["default"](kuiBasic.Button)(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n width: 24px;\n height: 24px;\n opacity: 0;\n transition: all ease-out 0.3s;\n position: absolute;\n top: -6px;\n right: -6px;\n @media (max-width: ", "px) {\n opacity: 1;\n top: -12px;\n right: -12px;\n }\n"], ["\n width: 24px;\n height: 24px;\n opacity: 0;\n transition: all ease-out 0.3s;\n position: absolute;\n top: -6px;\n right: -6px;\n @media (max-width: ", "px) {\n opacity: 1;\n top: -12px;\n right: -12px;\n }\n"])), kuiBasic.theme.breakpoints.xs);
|
|
3822
3822
|
var templateObject_1$q, templateObject_2$h, templateObject_3$b, templateObject_4$6;
|
|
3823
3823
|
|
|
3824
3824
|
var ImageCardWithBackdrop = function (props) {
|