@trackunit/react-components 0.1.221 → 0.1.223
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/index.cjs.js +1 -1
- package/index.esm.js +1 -1
- package/package.json +1 -1
package/index.cjs.js
CHANGED
|
@@ -1432,7 +1432,7 @@ const EmptyState = ({ title, description, altText, image, customImageSrc, action
|
|
|
1432
1432
|
lazyLoadImage();
|
|
1433
1433
|
}
|
|
1434
1434
|
}, [customImageSrc, image]);
|
|
1435
|
-
return (jsxRuntime.jsx("div", { className:
|
|
1435
|
+
return (jsxRuntime.jsx("div", { className: cvaContainerStyles({ className }), "data-testid": dataTestId !== null && dataTestId !== void 0 ? dataTestId : "empty-state", children: loading ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Spinner, { dataTestId: "spinner", size: "large", centering: "centered" }), jsxRuntime.jsx(SkeletonLines, { dataTestId: "skeleton-lines", width: 50 })] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("img", { className: cvaImgStyles(), width: 200, height: 200, src: customImageSrc ? customImageSrc : imageSource, alt: altText }), jsxRuntime.jsxs("div", { className: cvaTextStyles(), children: [jsxRuntime.jsx(Heading, { variant: "secondary", children: title }), jsxRuntime.jsx(Text, { align: "center", children: description })] }), action] })) }));
|
|
1436
1436
|
};
|
|
1437
1437
|
|
|
1438
1438
|
const cvaExternalLink = cssClassVarianceUtilities.cvaMerge(["underline", "text-primary-600", "hover:text-primary-500"]);
|
package/index.esm.js
CHANGED
|
@@ -1402,7 +1402,7 @@ const EmptyState = ({ title, description, altText, image, customImageSrc, action
|
|
|
1402
1402
|
lazyLoadImage();
|
|
1403
1403
|
}
|
|
1404
1404
|
}, [customImageSrc, image]);
|
|
1405
|
-
return (jsx("div", { className:
|
|
1405
|
+
return (jsx("div", { className: cvaContainerStyles({ className }), "data-testid": dataTestId !== null && dataTestId !== void 0 ? dataTestId : "empty-state", children: loading ? (jsxs(Fragment, { children: [jsx(Spinner, { dataTestId: "spinner", size: "large", centering: "centered" }), jsx(SkeletonLines, { dataTestId: "skeleton-lines", width: 50 })] })) : (jsxs(Fragment, { children: [jsx("img", { className: cvaImgStyles(), width: 200, height: 200, src: customImageSrc ? customImageSrc : imageSource, alt: altText }), jsxs("div", { className: cvaTextStyles(), children: [jsx(Heading, { variant: "secondary", children: title }), jsx(Text, { align: "center", children: description })] }), action] })) }));
|
|
1406
1406
|
};
|
|
1407
1407
|
|
|
1408
1408
|
const cvaExternalLink = cvaMerge(["underline", "text-primary-600", "hover:text-primary-500"]);
|