@trackunit/react-components 1.15.9 → 1.15.10

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 CHANGED
@@ -2172,9 +2172,9 @@ const cvaSkeleton = cssClassVarianceUtilities.cvaMerge([
2172
2172
  "rounded-lg",
2173
2173
  // Gradient background
2174
2174
  "bg-gradient-to-r",
2175
- "from-gray-200/80",
2176
- "via-gray-300/60",
2177
- "to-gray-200/80",
2175
+ "from-neutral-200/80",
2176
+ "via-neutral-300/60",
2177
+ "to-neutral-200/80",
2178
2178
  // Pulse animation
2179
2179
  "animate-pulse",
2180
2180
  // Shimmer overlay
@@ -4783,7 +4783,7 @@ const ListItemSkeleton = ({ hasThumbnail = DEFAULT_SKELETON_LIST_ITEM_PROPS.hasT
4783
4783
  details: getResponsiveRandomWidthPercentage({ min: 25, max: 45 }),
4784
4784
  };
4785
4785
  }, []);
4786
- return (jsxRuntime.jsxs("div", { className: cvaListItem({ className: "w-full" }), children: [jsxRuntime.jsxs("div", { className: cvaMainInformationClass({ hasThumbnail, className: "w-full" }), children: [hasThumbnail ? (jsxRuntime.jsx("div", { className: cvaThumbnailContainer({ className: "bg-gray-200" }), children: jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("bg-gray-300", thumbnailShape === "circle" ? "rounded-full" : "rounded"), style: { width: 20, height: 20 } }) })) : null, jsxRuntime.jsxs("div", { className: cvaTextContainer(), children: [jsxRuntime.jsx("div", { className: cvaTitleRow(), children: jsxRuntime.jsx(SkeletonLabel, { textSize: "text-sm", width: lineWidths.title }) }), hasDescription ? (jsxRuntime.jsx("div", { className: cvaDescriptionRow(), children: jsxRuntime.jsx(SkeletonLabel, { textSize: "text-xs", width: lineWidths.description }) })) : null, hasMeta ? (jsxRuntime.jsx("div", { className: cvaMetaRow(), children: jsxRuntime.jsx(SkeletonLabel, { textSize: "text-xs", width: lineWidths.meta }) })) : null] })] }), hasDetails ? (jsxRuntime.jsx("div", { className: cvaDetailsContainer(), children: jsxRuntime.jsx(SkeletonLabel, { textSize: "text-sm", width: lineWidths.details }) })) : null] }));
4786
+ return (jsxRuntime.jsxs("div", { className: cvaListItem({ className: "w-full" }), children: [jsxRuntime.jsxs("div", { className: cvaMainInformationClass({ hasThumbnail, className: "w-full" }), children: [hasThumbnail ? (jsxRuntime.jsx("div", { className: cvaThumbnailContainer({ className: "bg-gray-200" }), children: jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("bg-neutral-300", thumbnailShape === "circle" ? "rounded-full" : "rounded"), style: { width: 20, height: 20 } }) })) : null, jsxRuntime.jsxs("div", { className: cvaTextContainer(), children: [jsxRuntime.jsx("div", { className: cvaTitleRow(), children: jsxRuntime.jsx(SkeletonLabel, { textSize: "text-sm", width: lineWidths.title }) }), hasDescription ? (jsxRuntime.jsx("div", { className: cvaDescriptionRow(), children: jsxRuntime.jsx(SkeletonLabel, { textSize: "text-xs", width: lineWidths.description }) })) : null, hasMeta ? (jsxRuntime.jsx("div", { className: cvaMetaRow(), children: jsxRuntime.jsx(SkeletonLabel, { textSize: "text-xs", width: lineWidths.meta }) })) : null] })] }), hasDetails ? (jsxRuntime.jsx("div", { className: cvaDetailsContainer(), children: jsxRuntime.jsx(SkeletonLabel, { textSize: "text-sm", width: lineWidths.details }) })) : null] }));
4787
4787
  };
4788
4788
 
4789
4789
  /**
@@ -5792,9 +5792,9 @@ cssClassVarianceUtilities.cvaMerge([
5792
5792
  "rounded-lg",
5793
5793
  // Gradient background
5794
5794
  "bg-gradient-to-r",
5795
- "from-gray-200/80",
5796
- "via-gray-300/60",
5797
- "to-gray-200/80",
5795
+ "from-neutral-200/80",
5796
+ "via-neutral-300/60",
5797
+ "to-neutral-200/80",
5798
5798
  // Pulse animation
5799
5799
  "animate-pulse",
5800
5800
  // Shimmer overlay
package/index.esm.js CHANGED
@@ -2170,9 +2170,9 @@ const cvaSkeleton = cvaMerge([
2170
2170
  "rounded-lg",
2171
2171
  // Gradient background
2172
2172
  "bg-gradient-to-r",
2173
- "from-gray-200/80",
2174
- "via-gray-300/60",
2175
- "to-gray-200/80",
2173
+ "from-neutral-200/80",
2174
+ "via-neutral-300/60",
2175
+ "to-neutral-200/80",
2176
2176
  // Pulse animation
2177
2177
  "animate-pulse",
2178
2178
  // Shimmer overlay
@@ -4781,7 +4781,7 @@ const ListItemSkeleton = ({ hasThumbnail = DEFAULT_SKELETON_LIST_ITEM_PROPS.hasT
4781
4781
  details: getResponsiveRandomWidthPercentage({ min: 25, max: 45 }),
4782
4782
  };
4783
4783
  }, []);
4784
- return (jsxs("div", { className: cvaListItem({ className: "w-full" }), children: [jsxs("div", { className: cvaMainInformationClass({ hasThumbnail, className: "w-full" }), children: [hasThumbnail ? (jsx("div", { className: cvaThumbnailContainer({ className: "bg-gray-200" }), children: jsx("div", { className: twMerge("bg-gray-300", thumbnailShape === "circle" ? "rounded-full" : "rounded"), style: { width: 20, height: 20 } }) })) : null, jsxs("div", { className: cvaTextContainer(), children: [jsx("div", { className: cvaTitleRow(), children: jsx(SkeletonLabel, { textSize: "text-sm", width: lineWidths.title }) }), hasDescription ? (jsx("div", { className: cvaDescriptionRow(), children: jsx(SkeletonLabel, { textSize: "text-xs", width: lineWidths.description }) })) : null, hasMeta ? (jsx("div", { className: cvaMetaRow(), children: jsx(SkeletonLabel, { textSize: "text-xs", width: lineWidths.meta }) })) : null] })] }), hasDetails ? (jsx("div", { className: cvaDetailsContainer(), children: jsx(SkeletonLabel, { textSize: "text-sm", width: lineWidths.details }) })) : null] }));
4784
+ return (jsxs("div", { className: cvaListItem({ className: "w-full" }), children: [jsxs("div", { className: cvaMainInformationClass({ hasThumbnail, className: "w-full" }), children: [hasThumbnail ? (jsx("div", { className: cvaThumbnailContainer({ className: "bg-gray-200" }), children: jsx("div", { className: twMerge("bg-neutral-300", thumbnailShape === "circle" ? "rounded-full" : "rounded"), style: { width: 20, height: 20 } }) })) : null, jsxs("div", { className: cvaTextContainer(), children: [jsx("div", { className: cvaTitleRow(), children: jsx(SkeletonLabel, { textSize: "text-sm", width: lineWidths.title }) }), hasDescription ? (jsx("div", { className: cvaDescriptionRow(), children: jsx(SkeletonLabel, { textSize: "text-xs", width: lineWidths.description }) })) : null, hasMeta ? (jsx("div", { className: cvaMetaRow(), children: jsx(SkeletonLabel, { textSize: "text-xs", width: lineWidths.meta }) })) : null] })] }), hasDetails ? (jsx("div", { className: cvaDetailsContainer(), children: jsx(SkeletonLabel, { textSize: "text-sm", width: lineWidths.details }) })) : null] }));
4785
4785
  };
4786
4786
 
4787
4787
  /**
@@ -5790,9 +5790,9 @@ cvaMerge([
5790
5790
  "rounded-lg",
5791
5791
  // Gradient background
5792
5792
  "bg-gradient-to-r",
5793
- "from-gray-200/80",
5794
- "via-gray-300/60",
5795
- "to-gray-200/80",
5793
+ "from-neutral-200/80",
5794
+ "via-neutral-300/60",
5795
+ "to-neutral-200/80",
5796
5796
  // Pulse animation
5797
5797
  "animate-pulse",
5798
5798
  // Shimmer overlay
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trackunit/react-components",
3
- "version": "1.15.9",
3
+ "version": "1.15.10",
4
4
  "repository": "https://github.com/Trackunit/manager",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "engines": {
@@ -14,10 +14,10 @@
14
14
  "@floating-ui/react": "^0.26.25",
15
15
  "string-ts": "^2.0.0",
16
16
  "tailwind-merge": "^2.0.0",
17
- "@trackunit/ui-design-tokens": "1.11.9",
18
- "@trackunit/css-class-variance-utilities": "1.11.8",
19
- "@trackunit/shared-utils": "1.13.8",
20
- "@trackunit/ui-icons": "1.11.8",
17
+ "@trackunit/ui-design-tokens": "1.11.10",
18
+ "@trackunit/css-class-variance-utilities": "1.11.9",
19
+ "@trackunit/shared-utils": "1.13.9",
20
+ "@trackunit/ui-icons": "1.11.9",
21
21
  "@tanstack/react-router": "1.114.29",
22
22
  "es-toolkit": "^1.39.10",
23
23
  "@tanstack/react-virtual": "3.13.12",