@trackunit/react-components 1.15.10-alpha-e76d0654d61.0 → 1.15.11

package/index.cjs.js

@@ -21,13 +21,6 @@ var reactHelmetAsync = require('react-helmet-async');
 var reactTabs = require('@radix-ui/react-tabs');
 var fflate = require('fflate');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var IconSpriteMicro__default = /*#__PURE__*/_interopDefault(IconSpriteMicro);
-var IconSpriteMini__default = /*#__PURE__*/_interopDefault(IconSpriteMini);
-var IconSpriteOutline__default = /*#__PURE__*/_interopDefault(IconSpriteOutline);
-var IconSpriteSolid__default = /*#__PURE__*/_interopDefault(IconSpriteSolid);
-
 const cvaIcon = cssClassVarianceUtilities.cvaMerge(["aspect-square", "inline-grid", "relative", "shrink-0"], {
     variants: {
         color: {
@@ -159,10 +152,10 @@ const Icon = ({ name, size = "medium", className, "data-testid": dataTestId, col
     }, [size]);
     const iconName = uiIcons.iconNames[name];
     const href = react.useMemo(() => ({
-        solid: `${IconSpriteSolid__default.default}#${iconName}`,
-        outline: `${IconSpriteOutline__default.default}#${iconName}`,
-        mini: `${IconSpriteMini__default.default}#${iconName}`,
-        micro: `${IconSpriteMicro__default.default}#${iconName}`,
+        solid: `${IconSpriteSolid}#${iconName}`,
+        outline: `${IconSpriteOutline}#${iconName}`,
+        mini: `${IconSpriteMini}#${iconName}`,
+        micro: `${IconSpriteMicro}#${iconName}`,
     }), [iconName]);
     react.useEffect(() => {
         if (isSafari() && useTagRef.current) {
@@ -2179,9 +2172,9 @@ const cvaSkeleton = cssClassVarianceUtilities.cvaMerge([
     "rounded-lg",
     // Gradient background
     "bg-gradient-to-r",
-    "from-gray-200/80",
-    "via-gray-300/60",
-    "to-gray-200/80",
+    "from-neutral-200/80",
+    "via-neutral-300/60",
+    "to-neutral-200/80",
     // Pulse animation
     "animate-pulse",
     // Shimmer overlay
@@ -4790,7 +4783,7 @@ const ListItemSkeleton = ({ hasThumbnail = DEFAULT_SKELETON_LIST_ITEM_PROPS.hasT
             details: getResponsiveRandomWidthPercentage({ min: 25, max: 45 }),
         };
     }, []);
-    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] }));
+    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] }));
 };
 
 /**
@@ -5799,9 +5792,9 @@ cssClassVarianceUtilities.cvaMerge([
     "rounded-lg",
     // Gradient background
     "bg-gradient-to-r",
-    "from-gray-200/80",
-    "via-gray-300/60",
-    "to-gray-200/80",
+    "from-neutral-200/80",
+    "via-neutral-300/60",
+    "to-neutral-200/80",
     // Pulse animation
     "animate-pulse",
     // Shimmer overlay

package/index.esm.js

@@ -13,7 +13,7 @@ import { Slot, Slottable } from '@radix-ui/react-slot';
 import { Link, useBlocker } from '@tanstack/react-router';
 import { isEqual, omit } from 'es-toolkit';
 import { twMerge } from 'tailwind-merge';
-import { useFloating, autoUpdate, offset, flip, shift, size, useClick, useDismiss, useHover as useHover$1, useRole, useInteractions, FloatingPortal, useMergeRefs as useMergeRefs$1, FloatingFocusManager, arrow, useTransitionStatus, FloatingArrow } from '@floating-ui/react';
+import { useFloating, offset, flip, shift, size, autoUpdate, useClick, useDismiss, useHover as useHover$1, useRole, useInteractions, FloatingPortal, useMergeRefs as useMergeRefs$1, FloatingFocusManager, arrow, useTransitionStatus, FloatingArrow } from '@floating-ui/react';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import { HelmetProvider, Helmet } from 'react-helmet-async';
 import { Trigger, Content, List as List$1, Root } from '@radix-ui/react-tabs';
@@ -2170,9 +2170,9 @@ const cvaSkeleton = cvaMerge([
     "rounded-lg",
     // Gradient background
     "bg-gradient-to-r",
-    "from-gray-200/80",
-    "via-gray-300/60",
-    "to-gray-200/80",
+    "from-neutral-200/80",
+    "via-neutral-300/60",
+    "to-neutral-200/80",
     // Pulse animation
     "animate-pulse",
     // Shimmer overlay
@@ -4781,7 +4781,7 @@ const ListItemSkeleton = ({ hasThumbnail = DEFAULT_SKELETON_LIST_ITEM_PROPS.hasT
             details: getResponsiveRandomWidthPercentage({ min: 25, max: 45 }),
         };
     }, []);
-    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] }));
+    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] }));
 };
 
 /**
@@ -5790,9 +5790,9 @@ cvaMerge([
     "rounded-lg",
     // Gradient background
     "bg-gradient-to-r",
-    "from-gray-200/80",
-    "via-gray-300/60",
-    "to-gray-200/80",
+    "from-neutral-200/80",
+    "via-neutral-300/60",
+    "to-neutral-200/80",
     // Pulse animation
     "animate-pulse",
     // Shimmer overlay

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "1.15.10-alpha-e76d0654d61.0",
+  "version": "1.15.11",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -14,10 +14,10 @@
     "@floating-ui/react": "^0.26.25",
     "string-ts": "^2.0.0",
     "tailwind-merge": "^2.0.0",
-    "@trackunit/ui-design-tokens": "1.11.10-alpha-e76d0654d61.0",
-    "@trackunit/css-class-variance-utilities": "1.11.9-alpha-e76d0654d61.0",
-    "@trackunit/shared-utils": "1.13.9-alpha-e76d0654d61.0",
-    "@trackunit/ui-icons": "1.11.9-alpha-e76d0654d61.0",
+    "@trackunit/ui-design-tokens": "1.11.11",
+    "@trackunit/css-class-variance-utilities": "1.11.10",
+    "@trackunit/shared-utils": "1.13.10",
+    "@trackunit/ui-icons": "1.11.10",
     "@tanstack/react-router": "1.114.29",
     "es-toolkit": "^1.39.10",
     "@tanstack/react-virtual": "3.13.12",