@trackunit/react-components 1.4.142-alpha-0a9c5dd27bf.0 → 1.4.143

package/index.cjs.js

@@ -555,6 +555,19 @@ const cvaButton = cssClassVarianceUtilities.cvaMerge([
                 "disabled:bg-transparent",
                 "disabled:text-slate-400",
             ],
+            filled: [
+                "group",
+                "bg-blue-100",
+                "text-blue-600",
+                "hover:bg-blue-200",
+                "hover:text-blue-700",
+                "active:bg-blue-200",
+                "active:text-blue-700",
+                "focus:bg-blue-100",
+                "focus:text-blue-600",
+                "disabled:bg-transparent",
+                "disabled:text-slate-300",
+            ],
         },
         size: {
             /**
@@ -662,6 +675,7 @@ const cvaButtonSpinner = cssClassVarianceUtilities.cvaMerge([], {
             "secondary-danger": ["h-3.5", "w-3.5"],
             ghost: [],
             "ghost-neutral": [],
+            filled: [],
         },
     },
     defaultVariants: {
@@ -693,6 +707,7 @@ const cvaButtonPrefixSuffix = cssClassVarianceUtilities.cvaMerge(["flex", "items
                 "group-hover:text-secondary-500",
                 "group-active:text-secondary-600",
             ],
+            filled: [],
         },
     },
     defaultVariants: {

package/index.esm.js

@@ -553,6 +553,19 @@ const cvaButton = cvaMerge([
                 "disabled:bg-transparent",
                 "disabled:text-slate-400",
             ],
+            filled: [
+                "group",
+                "bg-blue-100",
+                "text-blue-600",
+                "hover:bg-blue-200",
+                "hover:text-blue-700",
+                "active:bg-blue-200",
+                "active:text-blue-700",
+                "focus:bg-blue-100",
+                "focus:text-blue-600",
+                "disabled:bg-transparent",
+                "disabled:text-slate-300",
+            ],
         },
         size: {
             /**
@@ -660,6 +673,7 @@ const cvaButtonSpinner = cvaMerge([], {
             "secondary-danger": ["h-3.5", "w-3.5"],
             ghost: [],
             "ghost-neutral": [],
+            filled: [],
         },
     },
     defaultVariants: {
@@ -691,6 +705,7 @@ const cvaButtonPrefixSuffix = cvaMerge(["flex", "items-center"], {
                 "group-hover:text-secondary-500",
                 "group-active:text-secondary-600",
             ],
+            filled: [],
         },
     },
     defaultVariants: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "1.4.142-alpha-0a9c5dd27bf.0",
+  "version": "1.4.143",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -18,12 +18,12 @@
     "@tanstack/react-router": "1.114.29",
     "string-ts": "^2.0.0",
     "tailwind-merge": "^2.0.0",
-    "@trackunit/ui-design-tokens": "1.3.118-alpha-0a9c5dd27bf.0",
-    "@trackunit/css-class-variance-utilities": "1.3.119-alpha-0a9c5dd27bf.0",
-    "@trackunit/shared-utils": "1.5.119-alpha-0a9c5dd27bf.0",
-    "@trackunit/ui-icons": "1.3.120-alpha-0a9c5dd27bf.0",
-    "@trackunit/react-table-pagination": "1.3.119-alpha-0a9c5dd27bf.0",
-    "@trackunit/react-test-setup": "1.0.9-alpha-0a9c5dd27bf.0"
+    "@trackunit/ui-design-tokens": "1.3.118",
+    "@trackunit/css-class-variance-utilities": "1.3.119",
+    "@trackunit/shared-utils": "1.5.119",
+    "@trackunit/ui-icons": "1.3.120",
+    "@trackunit/react-table-pagination": "1.3.119",
+    "@trackunit/react-test-setup": "1.0.9"
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js",

package/src/components/buttons/shared/Button.variants.d.ts

@@ -1,5 +1,5 @@
 export declare const cvaButton: (props?: ({
-    variant?: "primary" | "primary-danger" | "secondary" | "secondary-danger" | "ghost" | "ghost-neutral" | null | undefined;
+    variant?: "primary" | "primary-danger" | "secondary" | "secondary-danger" | "ghost" | "ghost-neutral" | "filled" | null | undefined;
     size?: "extraSmall" | "small" | "medium" | "large" | null | undefined;
     rounded?: boolean | null | undefined;
     fullWidth?: boolean | null | undefined;
@@ -9,11 +9,11 @@ export declare const cvaButton: (props?: ({
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const cvaButtonSpinnerContainer: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
 export declare const cvaButtonSpinner: (props?: ({
-    variant?: "primary" | "primary-danger" | "secondary" | "secondary-danger" | "ghost" | "ghost-neutral" | null | undefined;
+    variant?: "primary" | "primary-danger" | "secondary" | "secondary-danger" | "ghost" | "ghost-neutral" | "filled" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const cvaButtonPrefixSuffix: (props?: ({
     size?: "extraSmall" | "small" | "medium" | "large" | null | undefined;
-    variant?: "primary" | "primary-danger" | "secondary" | "secondary-danger" | "ghost" | "ghost-neutral" | null | undefined;
+    variant?: "primary" | "primary-danger" | "secondary" | "secondary-danger" | "ghost" | "ghost-neutral" | "filled" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const cvaIconButton: (props?: ({
     size?: "extraSmall" | "small" | "medium" | "large" | null | undefined;

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

@@ -1,6 +1,6 @@
 import { GeneralColors } from "@trackunit/ui-design-tokens";
 import { CommonProps, Size } from "../../../common";
-export type ButtonVariant = Extract<GeneralColors, "primary" | "secondary"> | "primary-danger" | "secondary-danger" | "ghost" | "ghost-neutral";
+export type ButtonVariant = Extract<GeneralColors, "primary" | "secondary"> | "primary-danger" | "secondary-danger" | "ghost" | "ghost-neutral" | "filled";
 export type ButtonType = "button" | "submit";
 export interface ButtonCommonProps extends CommonProps {
     /**