@povio/ui 2.2.9-rc.36 → 2.2.9-rc.38

package/dist/components/inputs/Input/NumberInput/NumberInput.js

@@ -166,7 +166,7 @@ var NumberInput = ({ renderStaticInput, ...props }) => {
 			onStaticInteract: renderRealInput,
 			inputClassName: props.inputClassName,
 			children: (dataAttributeProps) => /* @__PURE__ */ jsx("input", {
-				type: "number",
+				type: "text",
 				ref: inputRef,
 				disabled: isDisabled,
 				tabIndex: -1,

package/dist/components/inputs/Input/TextArea/TextArea.cva.d.ts

@@ -0,0 +1,4 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const textAreaWrapper: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export interface TextAreaWrapperVariantProps extends VariantProps<typeof textAreaWrapper> {
+}

package/dist/components/inputs/Input/TextArea/TextArea.cva.js

@@ -0,0 +1,5 @@
+import { cva } from "class-variance-authority";
+//#region src/components/inputs/Input/TextArea/TextArea.cva.ts
+var textAreaWrapper = cva("group/text-area relative h-full");
+//#endregion
+export { textAreaWrapper };

package/dist/components/inputs/Input/TextArea/TextArea.js

@@ -5,6 +5,7 @@ import { InputClear } from "../../shared/InputClear.js";
 import { inputSide, inputSize, useInputCva } from "../../shared/input.cva.js";
 import { FormField } from "../../FormField/FormField.js";
 import { TooltipWrapper } from "../../shared/TooltipWrapper.js";
+import { textAreaWrapper } from "./TextArea.cva.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useRef } from "react";
@@ -18,6 +19,7 @@ var TextAreaBase = (props) => {
 	const inputCva = useInputCva();
 	const inputSizeCva = UIStyle.useCva("input.sizeCva", inputSize);
 	const inputSideCva = UIStyle.useCva("input.sideCva", inputSide);
+	const textAreaWrapperCva = UIStyle.useCva("textArea.wrapperCva", textAreaWrapper);
 	const { ref, className, inputClassName, error, label, tooltipText, helperText, isRequired, rightContent, isDisabled, isDirty, headerClassName, errorClassName, isHeaderHidden, value, onChange, onBlur, as = ui.input.as, hideLabel = ui.input.hideLabel, variant = ui.input.variant, isClearable = ui.input.isClearable, ...rest } = props;
 	const textFieldRef = useRef(null);
 	const { labelProps, inputProps } = useTextField({
@@ -66,7 +68,7 @@ var TextAreaBase = (props) => {
 			className: clsx("w-full", className),
 			tabIndex: as === "inline" ? -1 : void 0,
 			children: /* @__PURE__ */ jsxs("div", {
-				className: "group/text-area relative h-full",
+				className: textAreaWrapperCva({}),
 				"data-text-area": true,
 				children: [
 					as === "floating" && headerProps && /* @__PURE__ */ jsx(FormFieldLabel, {

package/dist/components/inputs/RadioGroup/RadioGroup.js

@@ -5,7 +5,7 @@ import { FormFieldLabel } from "../FormField/FormFieldLabel.js";
 import { inputBase, inputSize } from "../shared/input.cva.js";
 import { FormField } from "../FormField/FormField.js";
 import { TooltipWrapper } from "../shared/TooltipWrapper.js";
-import { radio, radioContentClassName, radioIndicatorClass, radioTypography } from "./radio.cva.js";
+import { radio, radioContentClassName, radioContentRow, radioContentWrapper, radioIndicatorClass, radioTypography } from "./radio.cva.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Radio, RadioGroup } from "react-aria-components";
@@ -16,6 +16,8 @@ import { Controller } from "react-hook-form";
 var RadioGroupBase = (props) => {
 	const ui = UIConfig.useConfig();
 	const radioCva = UIStyle.useCva("radio.cva", radio);
+	const radioContentWrapperCva = UIStyle.useCva("radio.contentWrapperCva", radioContentWrapper);
+	const radioContentRowCva = UIStyle.useCva("radio.contentRowCva", radioContentRow);
 	const inputBaseCva = UIStyle.useCva("input.baseCva", inputBase);
 	const inputSizeCva = UIStyle.useCva("input.sizeCva", inputSize);
 	const radioTypographyMap = UIStyle.useMapper("radio.typography", radioTypography);
@@ -97,26 +99,39 @@ var RadioGroupBase = (props) => {
 					"data-has-selection": selectedValue != null && selectedValue !== "" ? true : void 0,
 					"data-radio-group-content": "",
 					children: /* @__PURE__ */ jsxs("div", {
-						className: clsx("relative flex", as === "inline" || as === "filter" ? "flex-row flex-wrap items-center gap-2" : "flex-col", shouldRenderInputFrame && clsx("gap-2", inputSizeCva({
+						className: clsx(radioContentWrapperCva({
+							variant,
+							as,
+							hasInputFrame: shouldRenderInputFrame,
+							...rest
+						}), shouldRenderInputFrame && inputSizeCva({
 							as,
 							size
-						}))),
+						})),
 						"data-is-dirty": isDirty || void 0,
 						"data-is-required": isRequired || void 0,
 						children: [as && ["filter", "floating"].includes(as) && /* @__PURE__ */ jsx(FormFieldLabel, {
 							as,
 							size,
 							...headerProps
-						}), options.map((option) => /* @__PURE__ */ jsxs(Radio, {
-							value: option.value,
-							className: clsx("relative", radioIndicatorClass),
-							children: [/* @__PURE__ */ jsx("div", { className: radioClassName }), /* @__PURE__ */ jsx(CheckContent, {
-								typography: radioTypographyProps,
-								contentClassName: radioContentClassNameValue,
-								className: labelClassName,
-								children: option.label
-							})]
-						}, option.value))]
+						}), /* @__PURE__ */ jsx("div", {
+							className: radioContentRowCva({
+								variant,
+								as,
+								hasInputFrame: shouldRenderInputFrame,
+								...rest
+							}),
+							children: options.map((option) => /* @__PURE__ */ jsxs(Radio, {
+								value: option.value,
+								className: clsx("relative", radioIndicatorClass),
+								children: [/* @__PURE__ */ jsx("div", { className: radioClassName }), /* @__PURE__ */ jsx(CheckContent, {
+									typography: radioTypographyProps,
+									contentClassName: radioContentClassNameValue,
+									className: labelClassName,
+									children: option.label
+								})]
+							}, option.value))
+						})]
 					})
 				})
 			})

package/dist/components/inputs/RadioGroup/radio.cva.d.ts

@@ -5,6 +5,20 @@ export declare const radio: (props?: ({
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface RadioVariantProps extends VariantProps<typeof radio> {
 }
+export declare const radioContentWrapper: (props?: ({
+    variant?: "default" | null | undefined;
+    as?: "filter" | "default" | "floating" | "inline" | null | undefined;
+    hasInputFrame?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface RadioContentWrapperVariantProps extends VariantProps<typeof radioContentWrapper> {
+}
+export declare const radioContentRow: (props?: ({
+    variant?: "default" | null | undefined;
+    as?: "filter" | "default" | "floating" | "inline" | null | undefined;
+    hasInputFrame?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface RadioContentRowVariantProps extends VariantProps<typeof radioContentRow> {
+}
 export declare const radioIndicatorClass = "group flex items-center gap-2";
 export declare const radioTypography: (props: {
     variant?: "default" | null | undefined;

package/dist/components/inputs/RadioGroup/radio.cva.js

@@ -25,6 +25,46 @@ var radio = cva([
 	] } },
 	defaultVariants: { variant: "default" }
 });
+var radioContentWrapper = cva("relative flex", {
+	variants: {
+		variant: { default: "" },
+		as: {
+			default: "flex-col",
+			floating: "flex-col",
+			filter: "flex-row flex-wrap items-center gap-2",
+			inline: "flex-row flex-wrap items-center gap-2"
+		},
+		hasInputFrame: {
+			true: "gap-2",
+			false: ""
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		as: "default",
+		hasInputFrame: false
+	}
+});
+var radioContentRow = cva("flex", {
+	variants: {
+		variant: { default: "" },
+		as: {
+			default: "flex-col",
+			floating: "flex-col",
+			filter: "flex-row flex-wrap items-center gap-2",
+			inline: "flex-row flex-wrap items-center gap-2"
+		},
+		hasInputFrame: {
+			true: "gap-2",
+			false: ""
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		as: "default",
+		hasInputFrame: false
+	}
+});
 var radioIndicatorClass = "group flex items-center gap-2";
 var radioTypography = compoundMapper({ default: {
 	size: "label-1",
@@ -33,4 +73,4 @@ var radioTypography = compoundMapper({ default: {
 } });
 var radioContentClassName = compoundMapper({ default: "text-text-default-2" });
 //#endregion
-export { radio, radioContentClassName, radioIndicatorClass, radioTypography };
+export { radio, radioContentClassName, radioContentRow, radioContentWrapper, radioIndicatorClass, radioTypography };

package/dist/config/uiStyle.context.d.ts

@@ -8,7 +8,8 @@ import { DatePickerInputContentRowProps } from '../components/inputs/DateTime/sh
 import { FormFieldErrorVariantProps } from '../components/inputs/FormField/formFieldError.cva';
 import { FormFieldHeaderVariantProps } from '../components/inputs/FormField/formFieldHeader.cva';
 import { FormFieldHelperVariantProps } from '../components/inputs/FormField/formFieldHelper.cva';
-import { RadioVariantProps } from '../components/inputs/RadioGroup/radio.cva';
+import { TextAreaWrapperVariantProps } from '../components/inputs/Input/TextArea/TextArea.cva';
+import { RadioContentRowVariantProps, RadioContentWrapperVariantProps, RadioVariantProps } from '../components/inputs/RadioGroup/radio.cva';
 import { SelectPopoverCva } from '../components/inputs/Selection/shared/selectDesktop.cva';
 import { SelectListBoxItemCva } from '../components/inputs/Selection/shared/selectItem.cva';
 import { InputBaseProps, InputClearClassProps, InputContentWrapperProps, InputSideProps, InputSizeProps } from '../components/inputs/shared/input.cva';
@@ -54,6 +55,8 @@ export declare namespace UIStyle {
         };
         radio: {
             cva?: Cva<RadioVariantProps>;
+            contentWrapperCva?: Cva<RadioContentWrapperVariantProps>;
+            contentRowCva?: Cva<RadioContentRowVariantProps>;
             typography?: CompoundMapper<TypographyVariantProps, RadioVariantProps>;
             contentClassName?: CompoundMapper<string, RadioVariantProps>;
         };
@@ -75,6 +78,9 @@ export declare namespace UIStyle {
             sizeCva?: Cva<InputSizeProps>;
             sideCva?: Cva<InputSideProps>;
         };
+        textArea: {
+            wrapperCva?: Cva<TextAreaWrapperVariantProps>;
+        };
         tooltipWrapper: {
             triggerCva?: Cva<TooltipWrapperTriggerVariantProps>;
         };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@povio/ui",
-  "version": "2.2.9-rc.36",
+  "version": "2.2.9-rc.38",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",