@aveonline/ui-react 1.14.1 → 1.14.2

package/dist/components/atoms/Checkbox/ICheckbox.d.ts

@@ -1,8 +1,9 @@
+import { IColorText } from '../../../types';
 declare type Change = {
     value: string | number;
     checked: boolean;
 };
-declare type IPropsCheckbox = {
+interface IPropsCheckbox extends IColorText {
     /**
      * ID unique
      */
@@ -43,5 +44,5 @@ declare type IPropsCheckbox = {
      * Option for checked
      */
     checked?: boolean;
-};
+}
 export type { IPropsCheckbox };

package/dist/components/atoms/RadioButton/IRadioButton.d.ts

@@ -1,8 +1,9 @@
+import { IColorText } from '../../../types';
 declare type Change = {
     value: string | number;
     checked: boolean;
 };
-declare type IPropsRadio = {
+interface IPropsRadio extends IColorText {
     /**
      * ID unique
      */
@@ -35,5 +36,5 @@ declare type IPropsRadio = {
      * Event for control to checked and value
      */
     onChange?: (value: Change) => void;
-};
+}
 export type { IPropsRadio };

package/dist/ui-react.mjs

@@ -5741,31 +5741,32 @@ const b0 = mt((e, t) => {
     label: a,
     helpText: l,
     onChange: s,
-    checked: u
-  } = e, c = ({
+    checked: u,
+    color: c = "default"
+  } = e, A = ({
     target: {
-      value: f,
-      checked: C
+      value: C,
+      checked: p
     }
   }) => {
     s == null || s({
-      checked: C,
-      value: f
+      checked: p,
+      value: C
     });
-  }, A = () => r ? "border-border-disabled checked:text-action-primary-disabled" : "border-border-default cursor-pointer checked:border-action-primary-default checked:bg-white hover:border-border-hovered checked:hover:border-action-primary-default checked:hover:bg-white checked:focus:border-action-primary-default checked:focus:bg-white checked:focus:ring-focused-default", g = W(() => Zn([t]), [t]);
+  }, g = () => r ? "border-border-disabled checked:text-action-primary-disabled" : "border-border-default cursor-pointer checked:border-action-primary-default checked:bg-white hover:border-border-hovered checked:hover:border-action-primary-default checked:hover:bg-white checked:focus:border-action-primary-default checked:focus:bg-white checked:focus:ring-focused-default", f = W(() => Zn([t]), [t]);
   return /* @__PURE__ */ d(ye, {
     children: /* @__PURE__ */ M("div", {
       className: D("flex gap-x-2", !l && "items-center"),
       children: [/* @__PURE__ */ d("input", {
         type: "radio",
-        ref: g,
+        ref: f,
         id: n,
         name: i,
         disabled: r,
-        onChange: c,
+        onChange: A,
         checked: u,
         value: o,
-        className: D("border-2", A())
+        className: D("border-2", g())
       }), a && /* @__PURE__ */ M("div", {
         className: "flex flex-col items-start justify-center",
         children: [/* @__PURE__ */ d(ne, {
@@ -5773,7 +5774,7 @@ const b0 = mt((e, t) => {
           variant: "body",
           className: "break-words",
           htmlFor: n,
-          color: r ? "disabled" : "default",
+          color: r ? "disabled" : c,
           children: a
         }), l && /* @__PURE__ */ d(ne, {
           variant: "body",
@@ -6372,7 +6373,8 @@ const Uo = mt((e, t) => {
     onChange: s,
     isError: u,
     checked: c,
-    size: A = "sm"
+    color: A = "default",
+    size: g = "sm"
   } = e;
   return /* @__PURE__ */ d(ye, {
     children: /* @__PURE__ */ M("div", {
@@ -6385,18 +6387,18 @@ const Uo = mt((e, t) => {
         disabled: r,
         onChange: ({
           target: {
-            value: C,
-            checked: p
+            value: p,
+            checked: I
           }
         }) => {
           s == null || s({
-            checked: p,
-            value: C
+            checked: I,
+            value: p
           });
         },
         value: o,
         checked: c,
-        className: D((() => r ? "border-border-disabled checked:text-action-primary-disabled bg-action-secondary-default disabled:bg-action-secondary-disabled checked:hover:bg-action-secondary-disabled" : u ? "checked:bg-action-critical-default checked:text-letter-critical active:bg-action-critical-default border-border-critical-default checked:hover:bg-action-critical-default focus:ring-none ring-offset-0 active:ring-transparent focus:ring-transparent focus:ring-offset-0 focus:ring-critical-default" : "border-border-default hover:border-border-hovered focus:ring-focused-default ring-offset-1 active:ring-1 focus:ring-1 focus:ring-offset-1 cursor-pointer")(), "rounded-[5px] bg-white border-[1.5px]", A === "sm" && "h-[18px] w-[18px]", A === "md" && "h-[20px] w-[20px]")
+        className: D((() => r ? "border-border-disabled checked:text-action-primary-disabled bg-action-secondary-default disabled:bg-action-secondary-disabled checked:hover:bg-action-secondary-disabled" : u ? "checked:bg-action-critical-default checked:text-letter-critical active:bg-action-critical-default border-border-critical-default checked:hover:bg-action-critical-default focus:ring-none ring-offset-0 active:ring-transparent focus:ring-transparent focus:ring-offset-0 focus:ring-critical-default" : "border-border-default hover:border-border-hovered focus:ring-focused-default ring-offset-1 active:ring-1 focus:ring-1 focus:ring-offset-1 cursor-pointer")(), "rounded-[5px] bg-white border-[1.5px]", g === "sm" && "h-[18px] w-[18px]", g === "md" && "h-[20px] w-[20px]")
       }), a && /* @__PURE__ */ M("div", {
         className: "flex flex-col items-start justify-center",
         children: [/* @__PURE__ */ d(ne, {
@@ -6404,7 +6406,7 @@ const Uo = mt((e, t) => {
           variant: "body",
           className: "break-words select-none",
           htmlFor: n,
-          color: r ? "disabled" : "default",
+          color: r ? "disabled" : A,
           children: a
         }), l && /* @__PURE__ */ d(ne, {
           variant: "body",