@vellira-ui/react-native 2.62.4 → 2.63.0

package/dist/index.js

@@ -3215,7 +3215,7 @@ const createStyles$8 = (_theme) => StyleSheet.create({
 });
 //#endregion
 //#region src/components/RadioGroup/Root/RadioGroupRoot.tsx
-const RadioGroupRoot = forwardRef(({ value, defaultValue = "", onValueChange, disabled = false, required = false, size = "md", color = "primary", orientation = "vertical", label, description, error, children, style, itemsStyle, labelStyle, descriptionStyle, errorStyle, accessibilityLabel, accessibilityHint, ...rest }, ref) => {
+const RadioGroupRoot = forwardRef(({ value, defaultValue = "", onValueChange, disabled = false, required = false, invalid = false, size = "md", color = "primary", orientation = "vertical", label, description, error, children, style, itemsStyle, labelStyle, descriptionStyle, errorStyle, accessibilityLabel, accessibilityHint, ...rest }, ref) => {
 	const { theme } = useTheme();
 	const styles = useThemeStyles(createStyles$8);
 	const radioGroupSizeTokens = theme.components.radioGroup.size[size];
@@ -3224,11 +3224,12 @@ const RadioGroupRoot = forwardRef(({ value, defaultValue = "", onValueChange, di
 		defaultValue,
 		onChange: onValueChange
 	});
-	const invalid = Boolean(error);
+	const isInvalid = invalid || Boolean(error);
 	const resolvedAccessibilityLabel = accessibilityLabel ?? (typeof label === "string" ? label : void 0);
 	const resolvedAccessibilityHint = (accessibilityHint ?? [
 		typeof description === "string" ? description : void 0,
 		required ? "Required." : void 0,
+		isInvalid && !error ? "Invalid." : void 0,
 		typeof error === "string" ? error : void 0
 	].filter(Boolean).join(" ")) || void 0;
 	return /* @__PURE__ */ jsx(FormField, {
@@ -3250,7 +3251,7 @@ const RadioGroupRoot = forwardRef(({ value, defaultValue = "", onValueChange, di
 				value: selectedValue,
 				disabled,
 				required,
-				invalid,
+				invalid: isInvalid,
 				size,
 				color,
 				onValueChange: setSelectedValue
@@ -6576,8 +6577,9 @@ const Checkbox = forwardRef(({ label, description, icon, indeterminateIcon, chec
 	const resolvedAccessibilityHint = [
 		accessibilityHint,
 		description,
+		required ? "Required." : void 0,
 		error
-	].filter(Boolean).join(" ");
+	].filter((item) => Boolean(item)).join(" ");
 	const accessibilityChecked = indeterminate ? "mixed" : isChecked;
 	useEffect(() => {
 		devWarning(Boolean(resolvedAccessibilityLabel), "Checkbox: an accessible label must be provided through label or accessibilityLabel.");
@@ -6871,6 +6873,13 @@ const Input = forwardRef(({ label, description, value, defaultValue, onValueChan
 	const isInvalid = invalid || Boolean(error) || !hasOwnField && Boolean(field?.invalid);
 	const isDisabled = disabled || !hasOwnField && Boolean(field?.disabled);
 	const isRequired = required || !hasOwnField && Boolean(field?.required);
+	const resolvedAccessibilityHint = [
+		accessibilityHint,
+		hasOwnField && typeof description === "string" ? description : void 0,
+		isRequired ? "Required." : void 0,
+		isInvalid ? "Invalid." : void 0,
+		hasOwnField && typeof error === "string" ? error : void 0
+	].filter((item) => Boolean(item)).join(" ");
 	const isReadOnly = readOnly || loading;
 	const showLoading = loading && !isDisabled;
 	const placeholderTextColor = isDisabled ? getDisabledPlaceholderTextColor(theme) : readOnly ? theme.components.input.readOnly.placeholder : inputState.placeholder;
@@ -6943,7 +6952,7 @@ const Input = forwardRef(({ label, description, value, defaultValue, onValueChan
 				testID,
 				placeholderTextColor,
 				accessibilityLabel: accessibilityLabel ?? label,
-				accessibilityHint,
+				accessibilityHint: resolvedAccessibilityHint || void 0,
 				accessibilityState: {
 					disabled: isDisabled,
 					busy: loading

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vellira-ui/react-native",
-  "version": "2.62.4",
+  "version": "2.63.0",
   "description": "React Native components for Vellira Design System",
   "keywords": [
     "vellira",