@wavv/ui 2.7.1 → 2.7.3

package/build/components/Form.d.ts

@@ -16,7 +16,7 @@ declare const Form: {
     }): import("react/jsx-runtime").JSX.Element;
     Radio: ({ id, label, labelPosition, checked, disabled, labelColor, margin, marginTop, marginBottom, marginRight, marginLeft, className, readOnly, iconColor, tiny, small, ...props }: {
         id?: string;
-        label?: string;
+        label?: ReactNode;
         labelPosition?: "left" | "right";
         labelColor?: string;
         disabled?: boolean;

package/build/components/Radio.d.ts

@@ -1,11 +1,11 @@
-import type { HTMLProps } from 'react';
+import type { HTMLProps, ReactNode } from 'react';
 import type { AsProp, Margin } from './types';
 type ElAttributes = HTMLProps<HTMLInputElement> & AsProp;
 type RadioProps = {
     /** Id of the input element */
     id?: string;
-    /** Places a label element beside the radio. The value will set the text of the label */
-    label?: string;
+    /** Places a label element beside the radio. Accepts a string or any React node for custom content. */
+    label?: ReactNode;
     /** Sets the label on the left or right of the radio */
     labelPosition?: 'left' | 'right';
     /** Sets the color of the label */
@@ -18,9 +18,9 @@ type RadioProps = {
     className?: string;
     /** Sets the color of the icon */
     iconColor?: string;
-    /** Renders the radio icon at 12px instead of the default 24px */
-    tiny?: boolean;
     /** Renders the radio icon at 14px instead of the default 24px */
+    tiny?: boolean;
+    /** Renders the radio icon at 16px instead of the default 24px */
     small?: boolean;
 } & Margin & ElAttributes;
 declare const Radio: ({ id, label, labelPosition, checked, disabled, labelColor, margin, marginTop, marginBottom, marginRight, marginLeft, className, readOnly, iconColor, tiny, small, ...props }: RadioProps) => import("react/jsx-runtime").JSX.Element;

package/build/components/Radio.js

@@ -11,7 +11,7 @@ const Radio = ({ id, label, labelPosition, checked, disabled, labelColor, margin
         marginRight,
         marginLeft
     };
-    const iconSize = small ? 14 : tiny ? 12 : void 0;
+    const iconSize = small ? 16 : tiny ? 14 : void 0;
     return /*#__PURE__*/ jsxs(ControlContainer, {
         htmlFor: id,
         labelRight: labelRight,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wavv/ui",
-	"version": "2.7.1",
+	"version": "2.7.3",
 	"type": "module",
 	"exports": {
 		".": {