npm - @trackunit/react-components - Versions diffs - 1.8.1 → 1.8.6 - Mend

@trackunit/react-components 1.8.1 → 1.8.6

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 (8) hide show

package/index.cjs.js +71 -65
package/index.esm.js +71 -65
package/package.json +7 -7
package/src/components/Icon/Icon.d.ts +4 -4
package/src/components/buttons/Button/Button.d.ts +5 -2
package/src/components/buttons/shared/ButtonProps.d.ts +2 -2
package/src/components/buttons/BackToTopButton/BackToTopButton.d.ts +0 -14
package/src/components/buttons/BackToTopButton/BackToTopButton.variants.d.ts +0 -3

package/index.cjs.js CHANGED Viewed

@@ -213,13 +213,13 @@ const cvaTag = cssClassVarianceUtilities.cvaMerge([
             success: ["bg-success-100", "text-success-700"],
             warning: ["bg-warning-100", "text-warning-700"],
             danger: ["bg-danger-100", "text-danger-700"],
-            good: ["bg-good-100", "text-good-700"],
+            good: ["bg-good-100", "text-good-800"],
             low: ["bg-low-100", "text-low-700"],
             critical: ["bg-critical-100", "text-critical-700"],
-            working: ["bg-working-100", "text-working-700"],
+            working: ["bg-working-50", "text-working-700"],
             stopped: ["bg-stopped-100", "text-stopped-700"],
             idle: ["bg-idle-100", "text-idle-700"],
-            unknown: ["bg-unknown-200", "text-unknown-700"],
+            unknown: ["bg-unknown-100", "text-unknown-500"],
             moving: ["bg-neutral-100", "text-neutral-700"],
             active: ["bg-neutral-100", "text-neutral-700"],
             excessive_usage: ["bg-danger-100", "text-danger-700"],
@@ -489,8 +489,8 @@ const cvaButton = cssClassVarianceUtilities.cvaMerge([
                 "hover:bg-primary-700",
                 "active:bg-primary-800",
                 "focus:bg-primary-800",
-                "disabled:bg-secondary-400",
-                "disabled:text-secondary-200",
+                "disabled:bg-neutral-400",
+                "disabled:text-neutral-200",
             ],
             "primary-danger": [
                 "text-white",
@@ -498,28 +498,28 @@ const cvaButton = cssClassVarianceUtilities.cvaMerge([
                 "hover:bg-danger-700",
                 "active:bg-danger-800",
                 "focus:bg-danger-800",
-                "disabled:bg-secondary-400",
-                "disabled:text-secondary-200",
+                "disabled:bg-neutral-400",
+                "disabled:text-neutral-200",
             ],
             secondary: [
                 "group",
                 "bg-white",
                 "border",
-                "border-secondary-300",
-                "text-secondary-600",
-                "hover:bg-secondary-100",
-                "hover:text-secondary-700",
-                "focus:bg-secondary-200",
-                "focus:text-secondary-800",
-                "active:bg-secondary-200",
-                "active:text-secondary-800",
-                "disabled:bg-secondary-200",
-                "disabled:text-secondary-400",
+                "border-neutral-300",
+                "text-neutral-600",
+                "hover:bg-neutral-100",
+                "hover:text-neutral-700",
+                "focus:bg-neutral-200",
+                "focus:text-neutral-800",
+                "active:bg-neutral-200",
+                "active:text-neutral-800",
+                "disabled:bg-neutral-200",
+                "disabled:text-neutral-400",
             ],
             "secondary-danger": [
                 "bg-white",
                 "border",
-                "border-secondary-300",
+                "border-neutral-300",
                 "text-danger-600",
                 "hover:bg-danger-100",
                 "hover:text-danger-700",
@@ -530,8 +530,8 @@ const cvaButton = cssClassVarianceUtilities.cvaMerge([
                 "focus:bg-danger-200",
                 "focus:text-danger-800",
                 "focus:border-danger-800",
-                "disabled:bg-secondary-300",
-                "disabled:text-secondary-400",
+                "disabled:bg-neutral-300",
+                "disabled:text-neutral-400",
             ],
             ghost: [
                 "bg-transparent",
@@ -543,20 +543,20 @@ const cvaButton = cssClassVarianceUtilities.cvaMerge([
                 "focus:bg-black/10",
                 "focus:text-primary-800",
                 "disabled:bg-transparent",
-                "disabled:text-secondary-400",
+                "disabled:text-neutral-400",
             ],
             "ghost-neutral": [
                 "group",
                 "bg-transparent",
-                "text-secondary-600",
+                "text-neutral-600",
                 "hover:bg-black/5",
-                "hover:text-secondary-700",
+                "hover:text-neutral-700",
                 "active:bg-black/10",
-                "active:text-secondary-800",
+                "active:text-neutral-800",
                 "focus:bg-black/10",
-                "focus:text-secondary-800",
+                "focus:text-neutral-800",
                 "disabled:bg-transparent",
-                "disabled:text-secondary-400",
+                "disabled:text-neutral-400",
             ],
             filled: [
                 "group",
@@ -569,7 +569,7 @@ const cvaButton = cssClassVarianceUtilities.cvaMerge([
                 "focus:bg-primary-100",
                 "focus:text-primary-600",
                 "disabled:bg-transparent",
-                "disabled:text-secondary-300",
+                "disabled:text-neutral-300",
             ],
         },
         size: {
@@ -614,7 +614,13 @@ const cvaButton = cssClassVarianceUtilities.cvaMerge([
             false: "",
         },
         disabled: {
-            true: ["cursor-not-allowed", "pointer-events-none", "bg-secondary-200", "hover:bg-secondary-200", "text-secondary-400"],
+            true: [
+                "cursor-not-allowed",
+                "pointer-events-none",
+                "bg-neutral-200",
+                "hover:bg-neutral-200",
+                "text-neutral-400",
+            ],
             false: [],
         },
         loading: {
@@ -656,7 +662,7 @@ const cvaButton = cssClassVarianceUtilities.cvaMerge([
         {
             loading: true,
             variant: "secondary-danger",
-            className: ["disabled:bg-white", "disabled:border-secondary-300"],
+            className: ["disabled:bg-white", "disabled:border-neutral-300"],
         },
     ],
     defaultVariants: {
@@ -697,18 +703,18 @@ const cvaButtonPrefixSuffix = cssClassVarianceUtilities.cvaMerge(["flex", "items
             primary: [],
             "primary-danger": [],
             secondary: [
-                "text-secondary-400",
-                "group-focus:text-secondary-400",
-                "group-hover:text-secondary-500",
-                "group-active:text-secondary-600",
+                "text-neutral-400",
+                "group-focus:text-neutral-400",
+                "group-hover:text-neutral-500",
+                "group-active:text-neutral-600",
             ],
             "secondary-danger": [],
             ghost: [],
             "ghost-neutral": [
-                "text-secondary-400",
-                "group-focus:text-secondary-400",
-                "group-hover:text-secondary-500",
-                "group-active:text-secondary-600",
+                "text-neutral-400",
+                "group-focus:text-neutral-400",
+                "group-hover:text-neutral-500",
+                "group-active:text-neutral-600",
             ],
             filled: [],
         },
@@ -2306,7 +2312,7 @@ const cvaHighlight = cssClassVarianceUtilities.cvaMerge([
             success: ["bg-success-100", "text-success-700"],
             warning: ["bg-warning-100", "text-warning-700"],
             danger: ["bg-danger-100", "text-danger-700"],
-            unknown: ["bg-unknown-100", "text-unknown-700"],
+            unknown: ["bg-neutral-100", "text-neutral-700"],
             clear: ["font-normal", "px-0"],
         },
     },
@@ -2787,33 +2793,33 @@ const cvaIndicatorPing = cssClassVarianceUtilities.cvaMerge(["animate-ping-sm",
             warning: "bg-warning-600",
             danger: "bg-danger-600",
             good: "bg-good-600",
-            low: "bg-low-600",
+            low: "bg-low-500",
             critical: "bg-critical-600",
             working: "bg-working-500",
-            idle: "bg-idle-600",
+            idle: "bg-idle-500",
             stopped: "bg-stopped-700",
             moving: "bg-moving-600",
             active: "bg-active-600",
-            excessive_usage: "bg-danger-600",
+            excessive_usage: "bg-excessive_usage-600",
             unknown: "bg-unknown-400",
             unused: "bg-unused-400",
             utilized: "bg-utilized-600",
             heavily_utilized: "bg-heavily_utilized-500",
             unknown_utilization: "bg-unknown_utilization-600",
-            available: "bg-available-600",
-            on_rent: "bg-on_rent-600",
-            pickup_ready: "bg-pickup_ready-600",
+            available: "bg-available-500",
+            on_rent: "bg-on_rent-400",
+            pickup_ready: "bg-pickup_ready-500",
             transfer: "bg-transfer-600",
-            in_repair: "bg-in_repair-600",
-            returned: "bg-returned-600",
-            other_rental_status: "bg-other_rental_status-600",
+            in_repair: "bg-in_repair-400",
+            returned: "bg-returned-500",
+            other_rental_status: "bg-other_rental_status-500",
             site_area: "bg-site_area-600",
-            site_classic_poi: "bg-site_classic_poi-500",
-            site_classic_zone: "bg-site_classic_zone-500",
+            site_classic_poi: "bg-site_classic_poi-600",
+            site_classic_zone: "bg-site_classic_zone-600",
             site_depot: "bg-site_depot-500",
             site_work_place: "bg-site_work_place-600",
             site_construction_site: "bg-site_construction_site-500",
-            site_unknown: "bg-site_unknown-500",
+            site_unknown: "bg-site_unknown-600",
             white: "bg-white",
             black: "bg-black",
         },
@@ -2837,26 +2843,26 @@ const cvaIndicatorIconBackground = cssClassVarianceUtilities.cvaMerge(["rounded-
             stopped: "bg-stopped-100 text-stopped-700",
             moving: "text-moving-600 bg-neutral-100",
             active: "text-active-600 bg-neutral-100",
-            excessive_usage: "bg-danger-100 text-danger-600",
-            unknown: "bg-unknown-50 text-unknown-400",
-            unused: "bg-unused-300 text-unused-400",
-            utilized: "bg-utilized-400 text-utilized-600",
-            heavily_utilized: "bg-heavily_utilized-300 text-heavily_utilized-500",
-            unknown_utilization: "bg-unknown_utilization-300 text-unknown_utilization-600",
-            available: "bg-available-100 text-available-600",
-            on_rent: "bg-on_rent-100 text-on_rent-600",
-            pickup_ready: "bg-pickup_ready-100 text-pickup_ready-600",
+            excessive_usage: "bg-excessive_usage-100 text-excessive_usage-600",
+            unknown: "bg-unknown-100 text-unknown-400",
+            unused: "bg-unused-100 text-unused-400",
+            utilized: "bg-utilized-100 text-utilized-600",
+            heavily_utilized: "bg-heavily_utilized-100 text-heavily_utilized-500",
+            unknown_utilization: "bg-unknown_utilization-100 text-unknown_utilization-600",
+            available: "bg-available-100 text-available-500",
+            on_rent: "bg-on_rent-100 text-on_rent-400",
+            pickup_ready: "bg-pickup_ready-100 text-pickup_ready-500",
             transfer: "bg-transfer-100 text-transfer-600",
-            in_repair: "bg-in_repair-100 text-in_repair-600",
-            returned: "bg-returned-100 text-returned-600",
-            other_rental_status: "bg-other_rental_status-100 text-other_rental_status-600",
+            in_repair: "bg-in_repair-100 text-in_repair-700",
+            returned: "bg-returned-100 text-returned-500",
+            other_rental_status: "bg-other_rental_status-100 text-other_rental_status-500",
             site_area: "bg-site_area-100 text-site_area-600",
-            site_classic_poi: "bg-site_classic_poi-100 text-site_classic_poi-500",
-            site_classic_zone: "bg-site_classic_zone-100 text-site_classic_zone-500",
+            site_classic_poi: "bg-site_classic_poi-100 text-site_classic_poi-600",
+            site_classic_zone: "bg-site_classic_zone-100 text-site_classic_zone-600",
             site_depot: "bg-site_depot-100 text-site_depot-500",
             site_work_place: "bg-site_work_place-100 text-site_work_place-600",
             site_construction_site: "bg-site_construction_site-100 text-site_construction_site-500",
-            site_unknown: "bg-site_unknown-100 text-site_unknown-500",
+            site_unknown: "bg-site_unknown-100 text-site_unknown-600",
             white: "bg-white text-black",
             black: "bg-black text-white",
         },

package/index.esm.js CHANGED Viewed

@@ -211,13 +211,13 @@ const cvaTag = cvaMerge([
             success: ["bg-success-100", "text-success-700"],
             warning: ["bg-warning-100", "text-warning-700"],
             danger: ["bg-danger-100", "text-danger-700"],
-            good: ["bg-good-100", "text-good-700"],
+            good: ["bg-good-100", "text-good-800"],
             low: ["bg-low-100", "text-low-700"],
             critical: ["bg-critical-100", "text-critical-700"],
-            working: ["bg-working-100", "text-working-700"],
+            working: ["bg-working-50", "text-working-700"],
             stopped: ["bg-stopped-100", "text-stopped-700"],
             idle: ["bg-idle-100", "text-idle-700"],
-            unknown: ["bg-unknown-200", "text-unknown-700"],
+            unknown: ["bg-unknown-100", "text-unknown-500"],
             moving: ["bg-neutral-100", "text-neutral-700"],
             active: ["bg-neutral-100", "text-neutral-700"],
             excessive_usage: ["bg-danger-100", "text-danger-700"],
@@ -487,8 +487,8 @@ const cvaButton = cvaMerge([
                 "hover:bg-primary-700",
                 "active:bg-primary-800",
                 "focus:bg-primary-800",
-                "disabled:bg-secondary-400",
-                "disabled:text-secondary-200",
+                "disabled:bg-neutral-400",
+                "disabled:text-neutral-200",
             ],
             "primary-danger": [
                 "text-white",
@@ -496,28 +496,28 @@ const cvaButton = cvaMerge([
                 "hover:bg-danger-700",
                 "active:bg-danger-800",
                 "focus:bg-danger-800",
-                "disabled:bg-secondary-400",
-                "disabled:text-secondary-200",
+                "disabled:bg-neutral-400",
+                "disabled:text-neutral-200",
             ],
             secondary: [
                 "group",
                 "bg-white",
                 "border",
-                "border-secondary-300",
-                "text-secondary-600",
-                "hover:bg-secondary-100",
-                "hover:text-secondary-700",
-                "focus:bg-secondary-200",
-                "focus:text-secondary-800",
-                "active:bg-secondary-200",
-                "active:text-secondary-800",
-                "disabled:bg-secondary-200",
-                "disabled:text-secondary-400",
+                "border-neutral-300",
+                "text-neutral-600",
+                "hover:bg-neutral-100",
+                "hover:text-neutral-700",
+                "focus:bg-neutral-200",
+                "focus:text-neutral-800",
+                "active:bg-neutral-200",
+                "active:text-neutral-800",
+                "disabled:bg-neutral-200",
+                "disabled:text-neutral-400",
             ],
             "secondary-danger": [
                 "bg-white",
                 "border",
-                "border-secondary-300",
+                "border-neutral-300",
                 "text-danger-600",
                 "hover:bg-danger-100",
                 "hover:text-danger-700",
@@ -528,8 +528,8 @@ const cvaButton = cvaMerge([
                 "focus:bg-danger-200",
                 "focus:text-danger-800",
                 "focus:border-danger-800",
-                "disabled:bg-secondary-300",
-                "disabled:text-secondary-400",
+                "disabled:bg-neutral-300",
+                "disabled:text-neutral-400",
             ],
             ghost: [
                 "bg-transparent",
@@ -541,20 +541,20 @@ const cvaButton = cvaMerge([
                 "focus:bg-black/10",
                 "focus:text-primary-800",
                 "disabled:bg-transparent",
-                "disabled:text-secondary-400",
+                "disabled:text-neutral-400",
             ],
             "ghost-neutral": [
                 "group",
                 "bg-transparent",
-                "text-secondary-600",
+                "text-neutral-600",
                 "hover:bg-black/5",
-                "hover:text-secondary-700",
+                "hover:text-neutral-700",
                 "active:bg-black/10",
-                "active:text-secondary-800",
+                "active:text-neutral-800",
                 "focus:bg-black/10",
-                "focus:text-secondary-800",
+                "focus:text-neutral-800",
                 "disabled:bg-transparent",
-                "disabled:text-secondary-400",
+                "disabled:text-neutral-400",
             ],
             filled: [
                 "group",
@@ -567,7 +567,7 @@ const cvaButton = cvaMerge([
                 "focus:bg-primary-100",
                 "focus:text-primary-600",
                 "disabled:bg-transparent",
-                "disabled:text-secondary-300",
+                "disabled:text-neutral-300",
             ],
         },
         size: {
@@ -612,7 +612,13 @@ const cvaButton = cvaMerge([
             false: "",
         },
         disabled: {
-            true: ["cursor-not-allowed", "pointer-events-none", "bg-secondary-200", "hover:bg-secondary-200", "text-secondary-400"],
+            true: [
+                "cursor-not-allowed",
+                "pointer-events-none",
+                "bg-neutral-200",
+                "hover:bg-neutral-200",
+                "text-neutral-400",
+            ],
             false: [],
         },
         loading: {
@@ -654,7 +660,7 @@ const cvaButton = cvaMerge([
         {
             loading: true,
             variant: "secondary-danger",
-            className: ["disabled:bg-white", "disabled:border-secondary-300"],
+            className: ["disabled:bg-white", "disabled:border-neutral-300"],
         },
     ],
     defaultVariants: {
@@ -695,18 +701,18 @@ const cvaButtonPrefixSuffix = cvaMerge(["flex", "items-center"], {
             primary: [],
             "primary-danger": [],
             secondary: [
-                "text-secondary-400",
-                "group-focus:text-secondary-400",
-                "group-hover:text-secondary-500",
-                "group-active:text-secondary-600",
+                "text-neutral-400",
+                "group-focus:text-neutral-400",
+                "group-hover:text-neutral-500",
+                "group-active:text-neutral-600",
             ],
             "secondary-danger": [],
             ghost: [],
             "ghost-neutral": [
-                "text-secondary-400",
-                "group-focus:text-secondary-400",
-                "group-hover:text-secondary-500",
-                "group-active:text-secondary-600",
+                "text-neutral-400",
+                "group-focus:text-neutral-400",
+                "group-hover:text-neutral-500",
+                "group-active:text-neutral-600",
             ],
             filled: [],
         },
@@ -2304,7 +2310,7 @@ const cvaHighlight = cvaMerge([
             success: ["bg-success-100", "text-success-700"],
             warning: ["bg-warning-100", "text-warning-700"],
             danger: ["bg-danger-100", "text-danger-700"],
-            unknown: ["bg-unknown-100", "text-unknown-700"],
+            unknown: ["bg-neutral-100", "text-neutral-700"],
             clear: ["font-normal", "px-0"],
         },
     },
@@ -2785,33 +2791,33 @@ const cvaIndicatorPing = cvaMerge(["animate-ping-sm", "absolute", "inline-flex",
             warning: "bg-warning-600",
             danger: "bg-danger-600",
             good: "bg-good-600",
-            low: "bg-low-600",
+            low: "bg-low-500",
             critical: "bg-critical-600",
             working: "bg-working-500",
-            idle: "bg-idle-600",
+            idle: "bg-idle-500",
             stopped: "bg-stopped-700",
             moving: "bg-moving-600",
             active: "bg-active-600",
-            excessive_usage: "bg-danger-600",
+            excessive_usage: "bg-excessive_usage-600",
             unknown: "bg-unknown-400",
             unused: "bg-unused-400",
             utilized: "bg-utilized-600",
             heavily_utilized: "bg-heavily_utilized-500",
             unknown_utilization: "bg-unknown_utilization-600",
-            available: "bg-available-600",
-            on_rent: "bg-on_rent-600",
-            pickup_ready: "bg-pickup_ready-600",
+            available: "bg-available-500",
+            on_rent: "bg-on_rent-400",
+            pickup_ready: "bg-pickup_ready-500",
             transfer: "bg-transfer-600",
-            in_repair: "bg-in_repair-600",
-            returned: "bg-returned-600",
-            other_rental_status: "bg-other_rental_status-600",
+            in_repair: "bg-in_repair-400",
+            returned: "bg-returned-500",
+            other_rental_status: "bg-other_rental_status-500",
             site_area: "bg-site_area-600",
-            site_classic_poi: "bg-site_classic_poi-500",
-            site_classic_zone: "bg-site_classic_zone-500",
+            site_classic_poi: "bg-site_classic_poi-600",
+            site_classic_zone: "bg-site_classic_zone-600",
             site_depot: "bg-site_depot-500",
             site_work_place: "bg-site_work_place-600",
             site_construction_site: "bg-site_construction_site-500",
-            site_unknown: "bg-site_unknown-500",
+            site_unknown: "bg-site_unknown-600",
             white: "bg-white",
             black: "bg-black",
         },
@@ -2835,26 +2841,26 @@ const cvaIndicatorIconBackground = cvaMerge(["rounded-full", "items-center", "ju
             stopped: "bg-stopped-100 text-stopped-700",
             moving: "text-moving-600 bg-neutral-100",
             active: "text-active-600 bg-neutral-100",
-            excessive_usage: "bg-danger-100 text-danger-600",
-            unknown: "bg-unknown-50 text-unknown-400",
-            unused: "bg-unused-300 text-unused-400",
-            utilized: "bg-utilized-400 text-utilized-600",
-            heavily_utilized: "bg-heavily_utilized-300 text-heavily_utilized-500",
-            unknown_utilization: "bg-unknown_utilization-300 text-unknown_utilization-600",
-            available: "bg-available-100 text-available-600",
-            on_rent: "bg-on_rent-100 text-on_rent-600",
-            pickup_ready: "bg-pickup_ready-100 text-pickup_ready-600",
+            excessive_usage: "bg-excessive_usage-100 text-excessive_usage-600",
+            unknown: "bg-unknown-100 text-unknown-400",
+            unused: "bg-unused-100 text-unused-400",
+            utilized: "bg-utilized-100 text-utilized-600",
+            heavily_utilized: "bg-heavily_utilized-100 text-heavily_utilized-500",
+            unknown_utilization: "bg-unknown_utilization-100 text-unknown_utilization-600",
+            available: "bg-available-100 text-available-500",
+            on_rent: "bg-on_rent-100 text-on_rent-400",
+            pickup_ready: "bg-pickup_ready-100 text-pickup_ready-500",
             transfer: "bg-transfer-100 text-transfer-600",
-            in_repair: "bg-in_repair-100 text-in_repair-600",
-            returned: "bg-returned-100 text-returned-600",
-            other_rental_status: "bg-other_rental_status-100 text-other_rental_status-600",
+            in_repair: "bg-in_repair-100 text-in_repair-700",
+            returned: "bg-returned-100 text-returned-500",
+            other_rental_status: "bg-other_rental_status-100 text-other_rental_status-500",
             site_area: "bg-site_area-100 text-site_area-600",
-            site_classic_poi: "bg-site_classic_poi-100 text-site_classic_poi-500",
-            site_classic_zone: "bg-site_classic_zone-100 text-site_classic_zone-500",
+            site_classic_poi: "bg-site_classic_poi-100 text-site_classic_poi-600",
+            site_classic_zone: "bg-site_classic_zone-100 text-site_classic_zone-600",
             site_depot: "bg-site_depot-100 text-site_depot-500",
             site_work_place: "bg-site_work_place-100 text-site_work_place-600",
             site_construction_site: "bg-site_construction_site-100 text-site_construction_site-500",
-            site_unknown: "bg-site_unknown-100 text-site_unknown-500",
+            site_unknown: "bg-site_unknown-100 text-site_unknown-600",
             white: "bg-white text-black",
             black: "bg-black text-white",
         },

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "1.8.1",
+  "version": "1.8.6",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -17,12 +17,12 @@
     "@floating-ui/react": "^0.26.25",
     "string-ts": "^2.0.0",
     "tailwind-merge": "^2.0.0",
-    "@trackunit/ui-design-tokens": "1.6.34",
-    "@trackunit/css-class-variance-utilities": "1.6.33",
-    "@trackunit/shared-utils": "1.8.33",
-    "@trackunit/ui-icons": "1.6.32",
-    "@trackunit/react-table-pagination": "1.6.32",
-    "@trackunit/react-test-setup": "1.3.33",
+    "@trackunit/ui-design-tokens": "1.6.39",
+    "@trackunit/css-class-variance-utilities": "1.6.37",
+    "@trackunit/shared-utils": "1.8.37",
+    "@trackunit/ui-icons": "1.6.36",
+    "@trackunit/react-table-pagination": "1.6.36",
+    "@trackunit/react-test-setup": "1.3.37",
     "@tanstack/react-router": "1.114.29"
   },
   "module": "./index.esm.js",

package/src/components/Icon/Icon.d.ts CHANGED Viewed

@@ -98,15 +98,15 @@ export declare const iconPalette: {
         readonly 800: "31 41 55";
     };
     WORKING: {
-        readonly 100: "219 234 254";
+        readonly 50: "239 246 255";
         readonly 500: "59 130 246";
-        readonly 600: "37 99 235";
+        readonly 700: "29 78 216";
         readonly 900: "30 58 138";
     };
     IDLE: {
         readonly 100: "254 243 199";
         readonly 500: "245 158 11";
-        readonly 600: "217 119 6";
+        readonly 700: "180 83 9";
         readonly 900: "120 53 15";
     };
     STOPPED: {
@@ -150,7 +150,7 @@ export declare const iconPalette: {
         readonly 100: "254 243 199";
         readonly 300: "252 211 77";
         readonly 500: "245 158 11";
-        readonly 600: "217 119 6";
+        readonly 700: "180 83 9";
         readonly 800: "146 64 14";
     };
     CRITICAL: {

package/src/components/buttons/Button/Button.d.ts CHANGED Viewed

@@ -12,11 +12,11 @@ export interface ButtonProps extends Omit<ButtonCommonProps, "size"> {
      */
     fullWidth?: boolean;
     /**
-     * The button prefix.
+     * Icon or element displayed before the button text. Commonly used for leading icons that represent the action.
      */
     prefix?: ReactNode;
     /**
-     * The button suffix.
+     * Icon or element displayed after the button text. Commonly used for directional icons.
      */
     suffix?: ReactNode;
     /**
@@ -39,6 +39,9 @@ export interface ButtonProps extends Omit<ButtonCommonProps, "size"> {
      * A ref for the component
      */
     ref?: Ref<HTMLButtonElement>;
+    /**
+     * The size of the button. "ExtraSmall" is only used for IconButtons.
+     */
     size?: "extraSmall" | Size;
 }
 /**

package/src/components/buttons/shared/ButtonProps.d.ts CHANGED Viewed

@@ -27,11 +27,11 @@ export interface ButtonCommonProps extends CommonProps {
      */
     square?: boolean;
     /**
-     * The button's variant. Values are primary, secondary, primary-danger, secondary-danger, ghost and ghost-neutral.
+     * The button's variant. "Filled" is only used for filters.
      */
     variant?: ButtonVariant;
     /**
-     * The size of the button.
+     * The size of the button. "ExtraSmall" is only used for IconButtons.
      */
     size?: Size;
     /**

package/src/components/buttons/BackToTopButton/BackToTopButton.d.ts DELETED Viewed

@@ -1,14 +0,0 @@
-import { CommonProps, Size } from "../../../common";
-export type BackToTopColor = "primary" | "secondary";
-export interface StyledBackToTopProps {
-    $color?: BackToTopColor;
-}
-export interface BackToTopProps extends CommonProps {
-    color?: BackToTopColor;
-    size?: Size;
-}
-/**
- * BackToTopButton appears at the bottom-right corner of the screen when the user scrolls down the page. When clicked, the page scrolls smoothly to the top.
- */
-export declare const BackToTopButton: ({ color, size, dataTestId, className }: BackToTopProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/buttons/BackToTopButton/BackToTopButton.variants.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-export declare const cvaBackToTopButton: (props?: ({
-    color?: "primary" | "secondary" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;