@veracity/vui 2.25.2 → 2.25.3-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veracity/vui",
-  "version": "2.25.2",
+  "version": "2.25.3-beta.0",
   "description": "Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.",
   "module": "./dist/esm/index.js",
   "main": "./dist/cjs/index.js",

package/src/checkbox/checkbox.tsx

@@ -130,7 +130,6 @@ export const Checkbox = vui<'span', CheckboxProps>((props, ref) => {
           {...{ checked, defaultChecked, disabled, id, name, required, value }}
           {...inputProps}
         />
-
         <Icon className="vui-checkboxIcon" h="100%" name={icon} w="100%" />
       </CheckboxControl>
 

package/src/radio/radio.tsx

@@ -102,9 +102,9 @@ export const Radio = vui<'span', RadioProps>((props, ref) => {
     else if (checked !== undefined) setIsChecked(checked)
   }, [checked, groupIsChecked])
 
-  function handleOnChange(e: ChangeEvent) {
+  function handleOnChange(e: React.MouseEvent<HTMLInputElement>) {
     groupOnChange?.(e)
-    onChange?.(e)
+    onChange?.(e as unknown as ChangeEvent)
   }
 
   const aliasedProps = filterUndefined({
@@ -128,28 +128,14 @@ export const Radio = vui<'span', RadioProps>((props, ref) => {
         mr={controlMr}
         {...controlStyles}
       >
-        {checked !== undefined && (
-          <RadioInput
-            className="vui-radioInput"
-            onChange={handleOnChange}
-            ref={inputRef}
-            type="radio"
-            {...{ checked, disabled, id, name, required, value }}
-            {...inputProps}
-          />
-        )}
-
-        {checked === undefined && (
-          <RadioInput
-            className="vui-radioInput"
-            onChange={handleOnChange}
-            ref={inputRef}
-            type="radio"
-            {...{ defaultChecked, disabled, id, name, required, value }}
-            {...inputProps}
-          />
-        )}
-
+        <RadioInput
+          className="vui-radioInput"
+          onClick={handleOnChange}
+          ref={inputRef}
+          type="radio"
+          {...{ defaultChecked: checked, disabled, id, name, required, value }}
+          {...inputProps}
+        />
         <Icon className="vui-radioIcon" h="100%" name={icon} w="100%" />
       </RadioControl>