@trackunit/react-components 0.1.244 → 0.1.246

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.
Files changed (4) hide show
  1. package/index.cjs.js +2 -3
  2. package/index.esm.js +2 -3
  3. package/package.json +1 -1
  4. package/src/components/EmptyState/EmptyState.variants.d.ts +0 -1
package/index.cjs.js CHANGED
@@ -1393,7 +1393,7 @@ const cvaContainerStyles = cssClassVarianceUtilities.cvaMerge([
1393
1393
  "flex",
1394
1394
  "flex-col",
1395
1395
  "items-center",
1396
- "gap-5",
1396
+ "gap-2",
1397
1397
  "p-4",
1398
1398
  "sm:p-6",
1399
1399
  "md:p-12",
@@ -1401,7 +1401,6 @@ const cvaContainerStyles = cssClassVarianceUtilities.cvaMerge([
1401
1401
  "justify-center",
1402
1402
  "h-full",
1403
1403
  ]);
1404
- const cvaTextStyles = cssClassVarianceUtilities.cvaMerge(["flex", "flex-col", "items-center", "gap-2"]);
1405
1404
  const cvaImgStyles = cssClassVarianceUtilities.cvaMerge(["w-2/3", "min-w-[60px]", "max-w-[200px]"]);
1406
1405
 
1407
1406
  var WorkerWithSign = "8df3d27593b5fba4.svg";
@@ -1453,7 +1452,7 @@ const EmptyState = ({ title, description, altText, image, customImageSrc, action
1453
1452
  lazyLoadImage();
1454
1453
  }
1455
1454
  }, [customImageSrc, image]);
1456
- 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] })) }));
1455
+ 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 }), title ? jsxRuntime.jsx(Heading, { variant: "secondary", children: title }) : null, description ? jsxRuntime.jsx(Text, { align: "center", children: description }) : null, action] })) }));
1457
1456
  };
1458
1457
 
1459
1458
  const cvaExternalLink = cssClassVarianceUtilities.cvaMerge(["underline", "text-primary-600", "hover:text-primary-500"]);
package/index.esm.js CHANGED
@@ -1362,7 +1362,7 @@ const cvaContainerStyles = cvaMerge([
1362
1362
  "flex",
1363
1363
  "flex-col",
1364
1364
  "items-center",
1365
- "gap-5",
1365
+ "gap-2",
1366
1366
  "p-4",
1367
1367
  "sm:p-6",
1368
1368
  "md:p-12",
@@ -1370,7 +1370,6 @@ const cvaContainerStyles = cvaMerge([
1370
1370
  "justify-center",
1371
1371
  "h-full",
1372
1372
  ]);
1373
- const cvaTextStyles = cvaMerge(["flex", "flex-col", "items-center", "gap-2"]);
1374
1373
  const cvaImgStyles = cvaMerge(["w-2/3", "min-w-[60px]", "max-w-[200px]"]);
1375
1374
 
1376
1375
  var WorkerWithSign = "8df3d27593b5fba4.svg";
@@ -1422,7 +1421,7 @@ const EmptyState = ({ title, description, altText, image, customImageSrc, action
1422
1421
  lazyLoadImage();
1423
1422
  }
1424
1423
  }, [customImageSrc, image]);
1425
- 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] })) }));
1424
+ 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 }), title ? jsx(Heading, { variant: "secondary", children: title }) : null, description ? jsx(Text, { align: "center", children: description }) : null, action] })) }));
1426
1425
  };
1427
1426
 
1428
1427
  const cvaExternalLink = cvaMerge(["underline", "text-primary-600", "hover:text-primary-500"]);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trackunit/react-components",
3
- "version": "0.1.244",
3
+ "version": "0.1.246",
4
4
  "repository": "https://github.com/Trackunit/manager",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "engines": {
package/src/components/EmptyState/EmptyState.variants.d.ts CHANGED
@@ -1,3 +1,2 @@
1
1
  export declare const cvaContainerStyles: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
2
- export declare const cvaTextStyles: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
3
2
  export declare const cvaImgStyles: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;