@trackunit/react-components 0.1.311 → 0.1.313

package/index.cjs.js

@@ -1390,14 +1390,6 @@ const BreadcrumbForLargeScreen = ({ dataTestId, breadcrumbItems }) => {
     return (jsxRuntime.jsx("div", { className: cvaBreadcrumbForLargeScreen(), "data-testid": dataTestId, children: breadcrumbItems.map((item, index) => (jsxRuntime.jsx(BreadcrumbItem, { dataTestId: `BreadcrumbItem-${dataTestId}`, item: item }, `breadcrumbItem-${index}`))) }));
 };
 
-/**
- * BreadcrumbForSmallScreen is a helper component that renders the breadcrumb items for small screens.
- */
-const BreadcrumbForSmallScreen = ({ dataTestId, breadcrumbItems }) => {
-    const lastBreadcrumbItem = breadcrumbItems.slice(-1);
-    return (jsxRuntime.jsx("div", { "data-testid": dataTestId, children: lastBreadcrumbItem.map((item, index) => (jsxRuntime.jsx(BreadcrumbItem, { dataTestId: `breadcrumbItem-${dataTestId}`, item: item }, `breadcrumbItem-${index}`))) }));
-};
-
 /**
  * BreadcrumbForMediumScreen is a helper component that renders the breadcrumb items for medium screens.
  */
@@ -1417,6 +1409,14 @@ const BreadcrumbForMediumScreen = ({ dataTestId, breadcrumbItems }) => {
     return (jsxRuntime.jsx("div", { className: cvaBreadcrumbForMediumScreen({ expanded }), "data-testid": dataTestId, children: (!expanded && reducedArray.length !== 0 ? reducedArray : breadcrumbItems).map(item => (jsxRuntime.jsx(BreadcrumbItem, { dataTestId: `breadcrumbItem-${dataTestId}`, item: item }, `${item.props.label}-${uuid.v4()}`))) }));
 };
 
+/**
+ * BreadcrumbForSmallScreen is a helper component that renders the breadcrumb items for small screens.
+ */
+const BreadcrumbForSmallScreen = ({ dataTestId, breadcrumbItems }) => {
+    const lastBreadcrumbItem = breadcrumbItems.slice(-1);
+    return (jsxRuntime.jsx("div", { "data-testid": dataTestId, children: lastBreadcrumbItem.map((item, index) => (jsxRuntime.jsx(BreadcrumbItem, { dataTestId: `breadcrumbItem-${dataTestId}`, item: item }, `breadcrumbItem-${index}`))) }));
+};
+
 /**
  * useBreadcrumbItemsToRender is a custom hook that takes an array of BreadcrumbItemProps and returns an array of React.ReactElement
  */
@@ -1424,7 +1424,7 @@ const useBreadcrumbItemsToRender = (breadcrumbItems) => {
     const breadCrumbItemsToJSX = breadcrumbItems.map((item, index, array) => {
         const isLast = index === array.length - 1;
         if (!isLast) {
-            return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Button, { asChild: true, size: "small", variant: "ghost-neutral", children: jsxRuntime.jsx(reactRouter.Link, { to: item.to, children: item.label }) }), jsxRuntime.jsx(Icon, { color: "secondary", name: "Slash", size: "small" })] }));
+            return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Button, { asChild: true, size: "small", variant: "ghost-neutral", children: jsxRuntime.jsx(reactRouter.Link, { to: item.to, children: item.label }) }), jsxRuntime.jsx(Icon, { className: "text-secondary-300", name: "Slash", size: "small" })] }));
         }
         else {
             return (jsxRuntime.jsx(Text, { className: "text-nowrap", size: "small", children: item.label }));

package/index.esm.js

@@ -1358,14 +1358,6 @@ const BreadcrumbForLargeScreen = ({ dataTestId, breadcrumbItems }) => {
     return (jsx("div", { className: cvaBreadcrumbForLargeScreen(), "data-testid": dataTestId, children: breadcrumbItems.map((item, index) => (jsx(BreadcrumbItem, { dataTestId: `BreadcrumbItem-${dataTestId}`, item: item }, `breadcrumbItem-${index}`))) }));
 };
 
-/**
- * BreadcrumbForSmallScreen is a helper component that renders the breadcrumb items for small screens.
- */
-const BreadcrumbForSmallScreen = ({ dataTestId, breadcrumbItems }) => {
-    const lastBreadcrumbItem = breadcrumbItems.slice(-1);
-    return (jsx("div", { "data-testid": dataTestId, children: lastBreadcrumbItem.map((item, index) => (jsx(BreadcrumbItem, { dataTestId: `breadcrumbItem-${dataTestId}`, item: item }, `breadcrumbItem-${index}`))) }));
-};
-
 /**
  * BreadcrumbForMediumScreen is a helper component that renders the breadcrumb items for medium screens.
  */
@@ -1385,6 +1377,14 @@ const BreadcrumbForMediumScreen = ({ dataTestId, breadcrumbItems }) => {
     return (jsx("div", { className: cvaBreadcrumbForMediumScreen({ expanded }), "data-testid": dataTestId, children: (!expanded && reducedArray.length !== 0 ? reducedArray : breadcrumbItems).map(item => (jsx(BreadcrumbItem, { dataTestId: `breadcrumbItem-${dataTestId}`, item: item }, `${item.props.label}-${v4()}`))) }));
 };
 
+/**
+ * BreadcrumbForSmallScreen is a helper component that renders the breadcrumb items for small screens.
+ */
+const BreadcrumbForSmallScreen = ({ dataTestId, breadcrumbItems }) => {
+    const lastBreadcrumbItem = breadcrumbItems.slice(-1);
+    return (jsx("div", { "data-testid": dataTestId, children: lastBreadcrumbItem.map((item, index) => (jsx(BreadcrumbItem, { dataTestId: `breadcrumbItem-${dataTestId}`, item: item }, `breadcrumbItem-${index}`))) }));
+};
+
 /**
  * useBreadcrumbItemsToRender is a custom hook that takes an array of BreadcrumbItemProps and returns an array of React.ReactElement
  */
@@ -1392,7 +1392,7 @@ const useBreadcrumbItemsToRender = (breadcrumbItems) => {
     const breadCrumbItemsToJSX = breadcrumbItems.map((item, index, array) => {
         const isLast = index === array.length - 1;
         if (!isLast) {
-            return (jsxs(Fragment, { children: [jsx(Button, { asChild: true, size: "small", variant: "ghost-neutral", children: jsx(Link, { to: item.to, children: item.label }) }), jsx(Icon, { color: "secondary", name: "Slash", size: "small" })] }));
+            return (jsxs(Fragment, { children: [jsx(Button, { asChild: true, size: "small", variant: "ghost-neutral", children: jsx(Link, { to: item.to, children: item.label }) }), jsx(Icon, { className: "text-secondary-300", name: "Slash", size: "small" })] }));
         }
         else {
             return (jsx(Text, { className: "text-nowrap", size: "small", children: item.label }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "0.1.311",
+  "version": "0.1.313",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {