@trackunit/react-form-components 0.0.128 → 0.0.129

package/index.cjs.js

@@ -341,23 +341,6 @@ const cvaCheckbox = cssClassVarianceUtilities.cvaMerge([
     "group-active:ring-blue-700",
 ], {
     variants: {
-        disabled: {
-            true: [
-                "bg-slate-300",
-                "border-slate-300",
-                "cursor-not-allowed",
-                "group-hover:bg-slate-300",
-                "group-focus:bg-slate-300",
-                "hover:bg-slate-300",
-                "focus:bg-slate-300",
-                "active:bg-slate-300",
-                "focus:ring-0",
-                "focus:ring-offset-0",
-                "group-active:ring-0",
-                "group-active:ring-offset-0",
-            ],
-            false: "",
-        },
         invalid: {
             true: [
                 "border-red-600",
@@ -397,6 +380,23 @@ const cvaCheckbox = cssClassVarianceUtilities.cvaMerge([
                 "group-focus:border-blue-800",
             ],
         },
+        disabled: {
+            true: [
+                "bg-slate-300",
+                "border-slate-300",
+                "cursor-not-allowed",
+                "group-hover:bg-slate-300",
+                "group-focus:bg-slate-300",
+                "hover:bg-slate-300",
+                "focus:bg-slate-300",
+                "active:bg-slate-300",
+                "focus:ring-0",
+                "focus:ring-offset-0",
+                "group-active:ring-0",
+                "group-active:ring-offset-0",
+            ],
+            false: "",
+        },
     },
     compoundVariants: [
         {
@@ -421,7 +421,7 @@ const cvaCheckbox = cssClassVarianceUtilities.cvaMerge([
     ],
     defaultVariants: {
         state: "deselected",
-    }
+    },
 });
 const cvaCheckboxContainer = cssClassVarianceUtilities.cvaMerge([
     "grid",
@@ -3110,7 +3110,9 @@ const EmailField = React.forwardRef((_a, ref) => {
  *
  * NOTE: If shown with a label, please use the `NumberField` component instead.
  */
-const NumberInput = React.forwardRef((props, ref) => (jsxRuntime.jsx(BaseInput, Object.assign({ ref: ref, type: "number" }, props))));
+const NumberInput = React.forwardRef((props, ref) => {
+    return jsxRuntime.jsx(BaseInput, Object.assign({ ref: ref, type: "number" }, props, { value: props.value }));
+});
 
 /**
  * The number field component is used for entering numeric values and includes controls for incrementally increasing or decreasing the value.

package/index.esm.js

@@ -315,23 +315,6 @@ const cvaCheckbox = cvaMerge([
     "group-active:ring-blue-700",
 ], {
     variants: {
-        disabled: {
-            true: [
-                "bg-slate-300",
-                "border-slate-300",
-                "cursor-not-allowed",
-                "group-hover:bg-slate-300",
-                "group-focus:bg-slate-300",
-                "hover:bg-slate-300",
-                "focus:bg-slate-300",
-                "active:bg-slate-300",
-                "focus:ring-0",
-                "focus:ring-offset-0",
-                "group-active:ring-0",
-                "group-active:ring-offset-0",
-            ],
-            false: "",
-        },
         invalid: {
             true: [
                 "border-red-600",
@@ -371,6 +354,23 @@ const cvaCheckbox = cvaMerge([
                 "group-focus:border-blue-800",
             ],
         },
+        disabled: {
+            true: [
+                "bg-slate-300",
+                "border-slate-300",
+                "cursor-not-allowed",
+                "group-hover:bg-slate-300",
+                "group-focus:bg-slate-300",
+                "hover:bg-slate-300",
+                "focus:bg-slate-300",
+                "active:bg-slate-300",
+                "focus:ring-0",
+                "focus:ring-offset-0",
+                "group-active:ring-0",
+                "group-active:ring-offset-0",
+            ],
+            false: "",
+        },
     },
     compoundVariants: [
         {
@@ -395,7 +395,7 @@ const cvaCheckbox = cvaMerge([
     ],
     defaultVariants: {
         state: "deselected",
-    }
+    },
 });
 const cvaCheckboxContainer = cvaMerge([
     "grid",
@@ -3084,7 +3084,9 @@ const EmailField = forwardRef((_a, ref) => {
  *
  * NOTE: If shown with a label, please use the `NumberField` component instead.
  */
-const NumberInput = forwardRef((props, ref) => (jsx$1(BaseInput, Object.assign({ ref: ref, type: "number" }, props))));
+const NumberInput = forwardRef((props, ref) => {
+    return jsx$1(BaseInput, Object.assign({ ref: ref, type: "number" }, props, { value: props.value }));
+});
 
 /**
  * The number field component is used for entering numeric values and includes controls for incrementally increasing or decreasing the value.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-form-components",
-  "version": "0.0.128",
+  "version": "0.0.129",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -9,8 +9,8 @@
   "dependencies": {
     "@trackunit/css-class-variance-utilities": "0.0.12",
     "@trackunit/i18n-library-translation": "0.0.72",
-    "@trackunit/react-components": "0.1.150",
-    "@trackunit/shared-utils": "0.0.3",
+    "@trackunit/react-components": "0.1.151",
+    "@trackunit/shared-utils": "0.0.4",
     "date-fns": "2.29.3",
     "libphonenumber-js": "1.10.36",
     "react": "18.2.0",

package/src/components/Checkbox/Checkbox.variants.d.ts

@@ -1,7 +1,7 @@
 export declare const cvaCheckbox: (props?: ({
-    disabled?: boolean | null | undefined;
     invalid?: boolean | null | undefined;
     state?: "selected" | "deselected" | "indeterminate" | null | undefined;
+    disabled?: boolean | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const cvaCheckboxContainer: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
 export declare const cvaCheckboxInput: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;