@jobber/components 6.103.2-JOB-140609-9051081.26 → 6.103.2-JOB-140609-8386817.45

package/dist/Autocomplete/Autocomplete.types.d.ts

@@ -1,5 +1,5 @@
 import type { CSSProperties, Key, Ref, RefObject } from "react";
-import type { AriaInputProps } from "../FormField/FormFieldTypes";
+import type { AriaInputProps } from "../sharedHelpers/types";
 import type { FormFieldProps } from "../FormField";
 import type { InputTextRebuiltProps, InputTextRef } from "../InputText";
 /**

package/dist/Checkbox/Checkbox.types.d.ts

@@ -1,6 +1,6 @@
 import type { ReactElement, ReactNode } from "react";
 import type { XOR } from "ts-xor";
-import type { AriaInputProps, FocusEvents } from "../FormField/FormFieldTypes";
+import type { AriaInputProps, FocusEvents } from "../sharedHelpers/types";
 export interface BaseCheckboxProps extends AriaInputProps, FocusEvents<HTMLInputElement> {
     /**
      * Determines if the checkbox is checked or not.

package/dist/Checkbox/index.cjs

@@ -54,9 +54,10 @@ function CheckboxLegacy({ checked, defaultChecked, disabled, label, name, value,
         } }));
 }
 
-const CheckboxRebuilt = React.forwardRef(function CheckboxRebuiltInternal({ checked, defaultChecked, disabled, label, name, value, indeterminate = false, description, id, onBlur, onChange, onFocus, invalid, ariaLabel, ariaDescribedBy, ariaInvalid, ariaRequired, }, ref) {
+const CheckboxRebuilt = React.forwardRef(function CheckboxRebuiltInternal({ checked, defaultChecked, disabled, label, name, value, indeterminate = false, description, id, onBlur, onChange, onFocus, invalid, ariaLabel, ariaDescribedBy, ariaRequired, }, ref) {
     const descriptionIdentifier = React.useId();
     const wrapperClassName = classnames(styles.wrapper, disabled && styles.disabled, invalid && styles.invalid);
+    const isInvalid = Boolean(invalid);
     const inputClassName = classnames(styles.input, {
         [styles.indeterminate]: indeterminate,
     });
@@ -71,7 +72,7 @@ const CheckboxRebuilt = React.forwardRef(function CheckboxRebuiltInternal({ chec
         React.createElement("label", { className: wrapperClassName },
             React.createElement("span", { className: styles.checkHolder },
                 React.createElement("input", { ref: ref, type: "checkbox", id: id, className: inputClassName, name: name, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy ||
-                        (description ? descriptionIdentifier : undefined), "aria-invalid": ariaInvalid, "aria-required": ariaRequired, checked: checked, value: value, defaultChecked: defaultChecked, disabled: disabled, onChange: handleChange, onFocus: onFocus, onBlur: onBlur }),
+                        (description ? descriptionIdentifier : undefined), "aria-invalid": isInvalid ? true : undefined, "aria-required": ariaRequired, checked: checked, value: value, defaultChecked: defaultChecked, disabled: disabled, onChange: handleChange, onFocus: onFocus, onBlur: onBlur }),
                 React.createElement("span", { className: styles.checkBox },
                     React.createElement(Icon.Icon, { name: iconName, color: "surface" }))),
             labelContent && React.createElement("span", { className: styles.label }, labelContent)),

package/dist/Checkbox/index.mjs

@@ -52,9 +52,10 @@ function CheckboxLegacy({ checked, defaultChecked, disabled, label, name, value,
         } }));
 }
 
-const CheckboxRebuilt = forwardRef(function CheckboxRebuiltInternal({ checked, defaultChecked, disabled, label, name, value, indeterminate = false, description, id, onBlur, onChange, onFocus, invalid, ariaLabel, ariaDescribedBy, ariaInvalid, ariaRequired, }, ref) {
+const CheckboxRebuilt = forwardRef(function CheckboxRebuiltInternal({ checked, defaultChecked, disabled, label, name, value, indeterminate = false, description, id, onBlur, onChange, onFocus, invalid, ariaLabel, ariaDescribedBy, ariaRequired, }, ref) {
     const descriptionIdentifier = useId();
     const wrapperClassName = classnames(styles.wrapper, disabled && styles.disabled, invalid && styles.invalid);
+    const isInvalid = Boolean(invalid);
     const inputClassName = classnames(styles.input, {
         [styles.indeterminate]: indeterminate,
     });
@@ -69,7 +70,7 @@ const CheckboxRebuilt = forwardRef(function CheckboxRebuiltInternal({ checked, d
         React__default.createElement("label", { className: wrapperClassName },
             React__default.createElement("span", { className: styles.checkHolder },
                 React__default.createElement("input", { ref: ref, type: "checkbox", id: id, className: inputClassName, name: name, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy ||
-                        (description ? descriptionIdentifier : undefined), "aria-invalid": ariaInvalid, "aria-required": ariaRequired, checked: checked, value: value, defaultChecked: defaultChecked, disabled: disabled, onChange: handleChange, onFocus: onFocus, onBlur: onBlur }),
+                        (description ? descriptionIdentifier : undefined), "aria-invalid": isInvalid ? true : undefined, "aria-required": ariaRequired, checked: checked, value: value, defaultChecked: defaultChecked, disabled: disabled, onChange: handleChange, onFocus: onFocus, onBlur: onBlur }),
                 React__default.createElement("span", { className: styles.checkBox },
                     React__default.createElement(Icon, { name: iconName, color: "surface" }))),
             labelContent && React__default.createElement("span", { className: styles.label }, labelContent)),

package/dist/FormField/FormFieldTypes.d.ts

@@ -1,4 +1,4 @@
-import type { AriaAttributes, ChangeEvent, ReactNode, RefObject } from "react";
+import type { ChangeEvent, ReactNode, RefObject } from "react";
 import type React from "react";
 import type { RegisterOptions } from "react-hook-form";
 import type { XOR } from "ts-xor";
@@ -7,222 +7,6 @@ import type { IconNames } from "../Icon";
 export type FormFieldTypes = "text" | "password" | "number" | "time" | "textarea" | "select" | "tel" | "email";
 export type KeyBoardTypes = "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
 export type AutocompleteTypes = "one-time-code" | "address-line1" | "address-line2";
-/**
- * Core ARIA attributes for input elements.
- * Uses camelCase naming for consistency with React props pattern.
- * Based on React's canonical ARIA type definitions.
- */
-export interface AriaInputProps {
-    /**
-     * Defines a string value that labels the current element.
-     * @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-label}
-     */
-    readonly ariaLabel?: AriaAttributes["aria-label"];
-    /**
-     * Identifies the element (or elements) that labels the current element.
-     * @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-labelledby}
-     */
-    readonly ariaLabelledBy?: AriaAttributes["aria-labelledby"];
-    /**
-     * Identifies the element (or elements) that describes the object.
-     * @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-describedby}
-     */
-    readonly ariaDescribedBy?: AriaAttributes["aria-describedby"];
-    /**
-     * Identifies the element (or elements) that provide a detailed, extended description.
-     * @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-details}
-     */
-    readonly ariaDetails?: AriaAttributes["aria-details"];
-    /**
-     * ID of the currently active descendant element.
-     * Used for composite widgets like combobox or listbox.
-     * @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-activedescendant}
-     */
-    readonly ariaActiveDescendant?: AriaAttributes["aria-activedescendant"];
-    /**
-     * Indicates the entered value does not conform to the format expected.
-     * Supports boolean or specific error types: "grammar" | "spelling".
-     * @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-invalid}
-     */
-    readonly ariaInvalid?: AriaAttributes["aria-invalid"];
-    /**
-     * Indicates the element that controls the current element.
-     * @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-controls}
-     */
-    readonly ariaControls?: AriaAttributes["aria-controls"];
-    /**
-     * Indicates whether the element is expanded or collapsed.
-     * @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-expanded}
-     */
-    readonly ariaExpanded?: AriaAttributes["aria-expanded"];
-    /**
-     * Indicates the type of autocomplete interaction.
-     * @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-autocomplete}
-     */
-    readonly ariaAutocomplete?: AriaAttributes["aria-autocomplete"];
-    /**
-     * Indicates that user input is required before form submission.
-     * @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-required}
-     */
-    readonly ariaRequired?: AriaAttributes["aria-required"];
-}
-/**
- * Focus event handlers for input elements.
- * Generic interface that can be specialized for different element types.
- */
-export interface FocusEvents<Target = HTMLElement> {
-    /**
-     * Focus event handler.
-     */
-    readonly onFocus?: (event: React.FocusEvent<Target>) => void;
-    /**
-     * Blur event handler.
-     */
-    readonly onBlur?: (event: React.FocusEvent<Target>) => void;
-}
-/**
- * Keyboard event handlers for input elements.
- * Generic interface that can be specialized for different element types.
- */
-export interface KeyboardEvents<Target = HTMLElement> {
-    /**
-     * Key down event handler.
-     */
-    readonly onKeyDown?: (event: React.KeyboardEvent<Target>) => void;
-    /**
-     * Key up event handler.
-     */
-    readonly onKeyUp?: (event: React.KeyboardEvent<Target>) => void;
-}
-/**
- * Curated set of HTML input attributes for rebuilt input components.
- * This provides a whitelist of standard HTML/React props we want to support,
- * avoiding the issues of extending React.InputHTMLAttributes directly.
- * Note: Event handlers and ARIA attributes are separate - use FocusEvents, KeyboardEvents, and AriaInputProps.
- */
-export interface HTMLInputBaseProps extends AriaInputProps {
-    /**
-     * The unique identifier for the input element.
-     */
-    readonly id?: string;
-    /**
-     * The name attribute for the input element.
-     */
-    readonly name?: string;
-    /**
-     * Placeholder text that appears when the input is empty.
-     */
-    readonly placeholder?: string;
-    /**
-     * Whether the input is disabled.
-     */
-    readonly disabled?: boolean;
-    /**
-     * Whether the input is required.
-     */
-    readonly required?: boolean;
-    /**
-     * Whether the input is read-only (HTML standard casing).
-     */
-    readonly readOnly?: boolean;
-    /**
-     * Whether the input should be auto-focused (React casing).
-     */
-    readonly autoFocus?: boolean;
-    /**
-     * Autocomplete behavior for the input (React casing, string values only).
-     * Use standard HTML autocomplete values or "on"/"off".
-     */
-    readonly autoComplete?: string;
-    /**
-     * Maximum character length for the input (HTML validation only).
-     * Note: In v2, this does NOT affect the visual width of the component.
-     * Use CSS or the size prop for width control.
-     */
-    readonly maxLength?: number;
-    /**
-     * Minimum character length for the input.
-     */
-    readonly minLength?: number;
-    /**
-     * Maximum numerical value (for number inputs).
-     */
-    readonly max?: number | string;
-    /**
-     * Minimum numerical value (for number inputs).
-     */
-    readonly min?: number | string;
-    /**
-     * Validation pattern (regex) for the input.
-     */
-    readonly pattern?: string;
-    /**
-     * Input mode hint for virtual keyboards.
-     */
-    readonly inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
-    /**
-     * Role attribute for accessibility.
-     */
-    readonly role?: string;
-    /**
-     * Tab index for keyboard navigation.
-     */
-    readonly tabIndex?: number;
-}
-/**
- * Common props shared across all rebuilt input components.
- * These are Atlantis-specific features not part of standard HTML inputs.
- */
-export interface RebuiltInputCommonProps {
-    /**
-     * Error message to display. This also highlights the field red.
-     */
-    readonly error?: string;
-    /**
-     * Highlights the field red to indicate an error.
-     */
-    readonly invalid?: boolean;
-    /**
-     * Show a spinner to indicate loading.
-     */
-    readonly loading?: boolean;
-    /**
-     * Add a clear action on the input that clears the value.
-     */
-    readonly clearable?: Clearable;
-    /**
-     * Adjusts the interface to either have small or large spacing.
-     */
-    readonly size?: "small" | "large";
-    /**
-     * Adjusts the form field to go inline with content.
-     */
-    readonly inline?: boolean;
-    /**
-     * Determines the alignment of the text inside the input.
-     */
-    readonly align?: "center" | "right";
-    /**
-     * Adds a prefix label and icon to the field.
-     */
-    readonly prefix?: Affix;
-    /**
-     * Adds a suffix label and icon with an optional action to the field.
-     */
-    readonly suffix?: XOR<Affix, Suffix>;
-    /**
-     * Further description of the input, can be used for a hint.
-     */
-    readonly description?: ReactNode;
-    /**
-     * Children elements to render inside the component.
-     */
-    readonly children?: ReactNode;
-    /**
-     * Version 2 is highly experimental. Avoid using it unless you have talked with Atlantis first.
-     */
-    readonly version: 2;
-}
 export interface FieldActionsRef {
     setValue(value: string | number): void;
 }
@@ -374,8 +158,6 @@ export interface FormFieldProps extends CommonFormFieldProps {
      */
     readonly suffix?: XOR<Affix, Suffix>;
     /**
-     * Simplified onChange handler that only provides the new value.
-     * @param newValue
      * Specifies the minimum numerical or date value that a user can type
      */
     readonly min?: number;

package/dist/FormField/hooks/useFormFieldWrapperStyles.d.ts

@@ -1,7 +1,12 @@
 import type { RefObject } from "react";
 import type { FormFieldProps } from "../FormFieldTypes";
-export interface useFormFieldWrapperStylesProps extends Pick<FormFieldProps, "size" | "align" | "placeholder" | "value" | "invalid" | "max" | "maxLength" | "type" | "disabled" | "inline"> {
+export interface useFormFieldWrapperStylesProps extends Pick<FormFieldProps, "size" | "align" | "placeholder" | "value" | "invalid" | "maxLength" | "type" | "disabled" | "inline"> {
     readonly error?: string;
+    /**
+     * Maximum numerical or date value
+     * In v2 components, this is typically undefined.
+     */
+    readonly max?: number | string;
     suffixRef?: RefObject<HTMLDivElement>;
     prefixRef?: RefObject<HTMLDivElement>;
     showMiniLabel?: boolean;
@@ -18,7 +23,7 @@ export declare function useFormFieldWrapperStyles({ size, align, placeholder, va
     wrapperClasses: string;
     containerClasses: string;
     wrapperInlineStyle: {
-        [x: string]: number | undefined;
+        [x: string]: string | number | undefined;
     };
     labelStyle: LabelPadding;
     setLabelStyle: import("react").Dispatch<import("react").SetStateAction<LabelPadding>>;

package/dist/InputDate/index.cjs

@@ -79,26 +79,18 @@ function InputDate$1(inputProps) {
         } }));
 }
 
-/**
- * Combines the actions on the InputDate such as onChange, onFocus, onBlur to forward event handler passed to the InputDate component to the DatePicker component.
- * DO not repeat this pattern. We are doing this as a proof of concept relating to the refactoring of Form inputs to see what can be removed.
- */
 function useInputDateActivatorActions({ onChange, onBlur, onFocus, }) {
     const [isFocused, setIsFocused] = React.useState(false);
-    function handleChange(_, event) {
+    function handleChange(_newValue, event) {
         onChange === null || onChange === void 0 ? void 0 : onChange(event);
     }
     function handleFocus(event) {
-        if (event) {
-            onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
-        }
+        onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
         setIsFocused(true);
     }
     function handleBlur(event) {
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
         setIsFocused(false);
-        if (event) {
-            onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
-        }
     }
     return {
         handleBlur,
@@ -139,7 +131,7 @@ const InputDateRebuilt = React.forwardRef((props, forwardedRef) => {
         return (
         // We prevent the picker from opening on focus for keyboard navigation, so to maintain a good UX for mouse users we want to open the picker on click
         React.createElement("div", { onClick: onClick },
-            React.createElement(InputText_index.InputText, { "aria-describedby": activatorProps.ariaDescribedBy, "aria-invalid": activatorProps.ariaInvalid === "true" ? true : false, "aria-labelledby": activatorProps.ariaLabelledBy, "aria-required": activatorProps.ariaRequired === "true" ? true : false, id: activatorProps.id, disabled: props.disabled, error: props.error, readOnly: props.readOnly, placeholder: props.placeholder, size: props.size, inline: props.inline, align: props.align, description: props.description, invalid: props.invalid, name: props.name, version: 2, value: showEmptyValueLabel ? props.emptyValueLabel || "" : value || "", ref: forwardedRef, suffix: suffix, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: event => {
+            React.createElement(InputText_index.InputText, { "aria-describedby": activatorProps.ariaDescribedBy, "aria-labelledby": activatorProps.ariaLabelledBy, "aria-required": activatorProps.ariaRequired === "true" ? true : false, id: activatorProps.id, disabled: props.disabled, error: props.error, readOnly: props.readOnly, placeholder: props.placeholder, size: props.size, inline: props.inline, align: props.align, description: props.description, invalid: props.invalid, name: props.name, version: 2, value: showEmptyValueLabel ? props.emptyValueLabel || "" : value || "", ref: forwardedRef, suffix: suffix, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: event => {
                     var _a, _b;
                     if (props.showIcon === false && event.key === "ArrowDown") {
                         (_a = activatorProps.onClick) === null || _a === void 0 ? void 0 : _a.call(activatorProps);

package/dist/InputDate/index.mjs

@@ -77,26 +77,18 @@ function InputDate$1(inputProps) {
         } }));
 }
 
-/**
- * Combines the actions on the InputDate such as onChange, onFocus, onBlur to forward event handler passed to the InputDate component to the DatePicker component.
- * DO not repeat this pattern. We are doing this as a proof of concept relating to the refactoring of Form inputs to see what can be removed.
- */
 function useInputDateActivatorActions({ onChange, onBlur, onFocus, }) {
     const [isFocused, setIsFocused] = useState(false);
-    function handleChange(_, event) {
+    function handleChange(_newValue, event) {
         onChange === null || onChange === void 0 ? void 0 : onChange(event);
     }
     function handleFocus(event) {
-        if (event) {
-            onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
-        }
+        onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
         setIsFocused(true);
     }
     function handleBlur(event) {
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
         setIsFocused(false);
-        if (event) {
-            onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
-        }
     }
     return {
         handleBlur,
@@ -137,7 +129,7 @@ const InputDateRebuilt = forwardRef((props, forwardedRef) => {
         return (
         // We prevent the picker from opening on focus for keyboard navigation, so to maintain a good UX for mouse users we want to open the picker on click
         React__default.createElement("div", { onClick: onClick },
-            React__default.createElement(InputText, { "aria-describedby": activatorProps.ariaDescribedBy, "aria-invalid": activatorProps.ariaInvalid === "true" ? true : false, "aria-labelledby": activatorProps.ariaLabelledBy, "aria-required": activatorProps.ariaRequired === "true" ? true : false, id: activatorProps.id, disabled: props.disabled, error: props.error, readOnly: props.readOnly, placeholder: props.placeholder, size: props.size, inline: props.inline, align: props.align, description: props.description, invalid: props.invalid, name: props.name, version: 2, value: showEmptyValueLabel ? props.emptyValueLabel || "" : value || "", ref: forwardedRef, suffix: suffix, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: event => {
+            React__default.createElement(InputText, { "aria-describedby": activatorProps.ariaDescribedBy, "aria-labelledby": activatorProps.ariaLabelledBy, "aria-required": activatorProps.ariaRequired === "true" ? true : false, id: activatorProps.id, disabled: props.disabled, error: props.error, readOnly: props.readOnly, placeholder: props.placeholder, size: props.size, inline: props.inline, align: props.align, description: props.description, invalid: props.invalid, name: props.name, version: 2, value: showEmptyValueLabel ? props.emptyValueLabel || "" : value || "", ref: forwardedRef, suffix: suffix, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: event => {
                     var _a, _b;
                     if (props.showIcon === false && event.key === "ArrowDown") {
                         (_a = activatorProps.onClick) === null || _a === void 0 ? void 0 : _a.call(activatorProps);

package/dist/InputDate/useInputDateActivatorActions.d.ts

@@ -1,16 +1,12 @@
-import type { ChangeEvent, FocusEvent } from "react";
+import type { ChangeEvent } from "react";
 import type { InputDateRebuiltProps } from "./InputDate.types";
 import type { DatePickerActivatorProps } from "../DatePicker/DatePickerActivator";
 export interface useInputDateActivatorActionsProps extends Pick<InputDateRebuiltProps, "onFocus" | "onBlur"> {
     onChange: DatePickerActivatorProps["onChange"];
 }
-/**
- * Combines the actions on the InputDate such as onChange, onFocus, onBlur to forward event handler passed to the InputDate component to the DatePicker component.
- * DO not repeat this pattern. We are doing this as a proof of concept relating to the refactoring of Form inputs to see what can be removed.
- */
 export declare function useInputDateActivatorActions({ onChange, onBlur, onFocus, }: useInputDateActivatorActionsProps): {
-    handleBlur: (event?: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    handleChange: (_: unknown, event?: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    handleFocus: (event?: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    handleBlur: (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    handleChange: (_newValue: string, event?: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    handleFocus: (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     isFocused: boolean;
 };

package/dist/InputEmail/InputEmail.types.d.ts

@@ -1,4 +1,5 @@
-import type { CommonFormFieldProps, FocusEvents, FormFieldProps, HTMLInputBaseProps, KeyboardEvents, RebuiltInputCommonProps } from "../FormField";
+import type { CommonFormFieldProps, FormFieldProps } from "../FormField";
+import type { FocusEvents, HTMLInputBaseProps, InputLengthConstraint, KeyboardEvents, RebuiltInputCommonProps } from "../sharedHelpers/types";
 export type InputEmailLegacyProps = CommonFormFieldProps & Pick<FormFieldProps, "maxLength" | "readonly" | "validations" | "defaultValue">;
 export declare const validationMessage = "Please enter a valid email";
 export type InputEmailVersion = 1 | 2 | undefined;
@@ -6,7 +7,7 @@ export type InputEmailVersion = 1 | 2 | undefined;
  * Experimental version 2 of the InputEmail component.
  * Do not use unless you have talked with Atlantis first.
  */
-export interface InputEmailRebuiltProps extends HTMLInputBaseProps, FocusEvents<HTMLInputElement>, KeyboardEvents<HTMLInputElement>, RebuiltInputCommonProps {
+export interface InputEmailRebuiltProps extends HTMLInputBaseProps, FocusEvents<HTMLInputElement>, KeyboardEvents<HTMLInputElement>, RebuiltInputCommonProps, InputLengthConstraint {
     /**
      * The current value of the input.
      */
@@ -21,8 +22,4 @@ export interface InputEmailRebuiltProps extends HTMLInputBaseProps, FocusEvents<
      * are being held.
      */
     readonly onEnter?: FormFieldProps["onEnter"];
-    /**
-     * @deprecated Use `id` instead. This prop will be removed in a future version.
-     */
-    readonly identifier?: string;
 }

package/dist/InputEmail/index.cjs

@@ -37,7 +37,6 @@ function InputEmail$1(props) {
 function useInputEmailActions({ onChange, inputRef, onEnter, onFocus, onBlur, onKeyDown, }) {
     function handleClear() {
         var _a;
-        // Don't call blur handler when programmatically clearing
         onChange === null || onChange === void 0 ? void 0 : onChange("");
         (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     }
@@ -74,7 +73,7 @@ function useInputEmailActions({ onChange, inputRef, onEnter, onFocus, onBlur, on
 const InputEmailRebuilt = React.forwardRef(function InputEmailInternal(props, ref) {
     var _a, _b, _c;
     const generatedId = React.useId();
-    const id = props.identifier || props.id || generatedId;
+    const id = props.id || generatedId;
     const inputRef = (_a = ref) !== null && _a !== void 0 ? _a : React.useRef(null);
     const wrapperRef = React.useRef(null);
     const { inputStyle } = FormField.useFormFieldWrapperStyles({
@@ -85,7 +84,7 @@ const InputEmailRebuilt = React.forwardRef(function InputEmailInternal(props, re
         value: props.value,
         invalid: props.invalid,
         error: props.error,
-        maxLength: undefined, // v2: maxLength is for HTML validation only, not for width styling
+        maxLength: props.maxLength,
         disabled: props.disabled,
         placeholder: props.placeholder,
     });
@@ -103,9 +102,9 @@ const InputEmailRebuilt = React.forwardRef(function InputEmailInternal(props, re
     });
     const descriptionIdentifier = `descriptionUUID--${id}`;
     const hasDescription = props.description && !props.inline;
-    const isInvalid = Boolean(props.ariaInvalid || props.error || props.invalid);
+    const isInvalid = Boolean(props.error || props.invalid);
     return (React.createElement(FormField.FormFieldWrapper, { error: props.error || "", invalid: props.invalid, identifier: id, descriptionIdentifier: descriptionIdentifier, size: props.size, inline: props.inline, align: props.align, prefix: props.prefix, suffix: props.suffix, description: props.description, clearable: (_b = props.clearable) !== null && _b !== void 0 ? _b : "never", onClear: handleClear, wrapperRef: wrapperRef, maxLength: props.maxLength, disabled: props.disabled, type: "email", value: props.value, placeholder: props.placeholder, autofocus: props.autoFocus, name: name },
-        React.createElement("input", { id: id, name: name, type: "email", ref: inputRef, className: inputStyle, value: props.value, disabled: props.disabled, readOnly: props.readOnly, required: props.required, autoFocus: props.autoFocus, autoComplete: props.autoComplete, maxLength: props.maxLength, minLength: props.minLength, pattern: props.pattern, inputMode: props.inputMode, tabIndex: props.tabIndex, role: props.role, "aria-label": props.ariaLabel, "aria-describedby": hasDescription ? descriptionIdentifier : props.ariaDescribedBy, "aria-invalid": isInvalid ? true : undefined, "aria-controls": props.ariaControls, "aria-expanded": props.ariaExpanded, "aria-activedescendant": props.ariaActiveDescendant, "aria-autocomplete": props.ariaAutocomplete, "aria-required": props.ariaRequired, onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, onKeyDown: handleKeyDown, onKeyUp: props.onKeyUp, "data-testid": "ATL-InputEmail-input" }),
+        React.createElement("input", { id: id, name: name, type: "email", ref: inputRef, className: inputStyle, value: props.value, disabled: props.disabled, readOnly: props.readOnly, autoFocus: props.autoFocus, autoComplete: props.autoComplete, maxLength: props.maxLength, pattern: props.pattern, inputMode: props.inputMode, tabIndex: props.tabIndex, role: props.role, "aria-label": props.ariaLabel, "aria-describedby": hasDescription ? descriptionIdentifier : props.ariaDescribedBy, "aria-invalid": isInvalid ? true : undefined, "aria-controls": props.ariaControls, "aria-expanded": props.ariaExpanded, "aria-activedescendant": props.ariaActiveDescendant, "aria-autocomplete": props.ariaAutocomplete, "aria-required": props.ariaRequired, onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, onKeyDown: handleKeyDown, onKeyUp: props.onKeyUp, "data-testid": "ATL-InputEmail-input" }),
         React.createElement(FormField.FormFieldPostFix, { variation: "spinner", visible: (_c = props.loading) !== null && _c !== void 0 ? _c : false }),
         props.children));
 });

package/dist/InputEmail/index.mjs

@@ -35,7 +35,6 @@ function InputEmail$1(props) {
 function useInputEmailActions({ onChange, inputRef, onEnter, onFocus, onBlur, onKeyDown, }) {
     function handleClear() {
         var _a;
-        // Don't call blur handler when programmatically clearing
         onChange === null || onChange === void 0 ? void 0 : onChange("");
         (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     }
@@ -72,7 +71,7 @@ function useInputEmailActions({ onChange, inputRef, onEnter, onFocus, onBlur, on
 const InputEmailRebuilt = forwardRef(function InputEmailInternal(props, ref) {
     var _a, _b, _c;
     const generatedId = useId();
-    const id = props.identifier || props.id || generatedId;
+    const id = props.id || generatedId;
     const inputRef = (_a = ref) !== null && _a !== void 0 ? _a : useRef(null);
     const wrapperRef = useRef(null);
     const { inputStyle } = useFormFieldWrapperStyles({
@@ -83,7 +82,7 @@ const InputEmailRebuilt = forwardRef(function InputEmailInternal(props, ref) {
         value: props.value,
         invalid: props.invalid,
         error: props.error,
-        maxLength: undefined, // v2: maxLength is for HTML validation only, not for width styling
+        maxLength: props.maxLength,
         disabled: props.disabled,
         placeholder: props.placeholder,
     });
@@ -101,9 +100,9 @@ const InputEmailRebuilt = forwardRef(function InputEmailInternal(props, ref) {
     });
     const descriptionIdentifier = `descriptionUUID--${id}`;
     const hasDescription = props.description && !props.inline;
-    const isInvalid = Boolean(props.ariaInvalid || props.error || props.invalid);
+    const isInvalid = Boolean(props.error || props.invalid);
     return (React__default.createElement(FormFieldWrapper, { error: props.error || "", invalid: props.invalid, identifier: id, descriptionIdentifier: descriptionIdentifier, size: props.size, inline: props.inline, align: props.align, prefix: props.prefix, suffix: props.suffix, description: props.description, clearable: (_b = props.clearable) !== null && _b !== void 0 ? _b : "never", onClear: handleClear, wrapperRef: wrapperRef, maxLength: props.maxLength, disabled: props.disabled, type: "email", value: props.value, placeholder: props.placeholder, autofocus: props.autoFocus, name: name },
-        React__default.createElement("input", { id: id, name: name, type: "email", ref: inputRef, className: inputStyle, value: props.value, disabled: props.disabled, readOnly: props.readOnly, required: props.required, autoFocus: props.autoFocus, autoComplete: props.autoComplete, maxLength: props.maxLength, minLength: props.minLength, pattern: props.pattern, inputMode: props.inputMode, tabIndex: props.tabIndex, role: props.role, "aria-label": props.ariaLabel, "aria-describedby": hasDescription ? descriptionIdentifier : props.ariaDescribedBy, "aria-invalid": isInvalid ? true : undefined, "aria-controls": props.ariaControls, "aria-expanded": props.ariaExpanded, "aria-activedescendant": props.ariaActiveDescendant, "aria-autocomplete": props.ariaAutocomplete, "aria-required": props.ariaRequired, onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, onKeyDown: handleKeyDown, onKeyUp: props.onKeyUp, "data-testid": "ATL-InputEmail-input" }),
+        React__default.createElement("input", { id: id, name: name, type: "email", ref: inputRef, className: inputStyle, value: props.value, disabled: props.disabled, readOnly: props.readOnly, autoFocus: props.autoFocus, autoComplete: props.autoComplete, maxLength: props.maxLength, pattern: props.pattern, inputMode: props.inputMode, tabIndex: props.tabIndex, role: props.role, "aria-label": props.ariaLabel, "aria-describedby": hasDescription ? descriptionIdentifier : props.ariaDescribedBy, "aria-invalid": isInvalid ? true : undefined, "aria-controls": props.ariaControls, "aria-expanded": props.ariaExpanded, "aria-activedescendant": props.ariaActiveDescendant, "aria-autocomplete": props.ariaAutocomplete, "aria-required": props.ariaRequired, onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, onKeyDown: handleKeyDown, onKeyUp: props.onKeyUp, "data-testid": "ATL-InputEmail-input" }),
         React__default.createElement(FormFieldPostFix, { variation: "spinner", visible: (_c = props.loading) !== null && _c !== void 0 ? _c : false }),
         props.children));
 });

package/dist/InputNumber/InputNumber.rebuilt.types.d.ts

@@ -1,9 +1,9 @@
 import type { ReactNode } from "react";
 import type React from "react";
 import type { CommonFormFieldProps, FormFieldProps } from "../FormField";
-import type { AriaInputProps, FocusEvents, KeyboardEvents } from "../FormField/FormFieldTypes";
+import type { AriaInputProps, FocusEvents, InputConstraintProps, KeyboardEvents } from "../sharedHelpers/types";
 export type InputNumberVersion = 1 | 2 | undefined;
-export interface InputNumberRebuiltProps extends Omit<CommonFormFieldProps, "version">, AriaInputProps, FocusEvents<HTMLInputElement>, KeyboardEvents<HTMLInputElement> {
+export interface InputNumberRebuiltProps extends Omit<CommonFormFieldProps, "version">, AriaInputProps, FocusEvents<HTMLInputElement>, KeyboardEvents<HTMLInputElement>, InputConstraintProps {
     readonly align?: "center" | "right";
     /**
      * HTML autocomplete attribute for browser autofill.
@@ -14,10 +14,6 @@ export interface InputNumberRebuiltProps extends Omit<CommonFormFieldProps, "ver
     readonly description?: ReactNode;
     readonly error?: string;
     readonly formatOptions?: Intl.NumberFormatOptions;
-    /**
-     * @deprecated Use `id` instead.
-     */
-    readonly identifier?: string;
     /**
      * The ID of the input element.
      */

package/dist/InputNumber/index.cjs

@@ -2740,10 +2740,7 @@ const InputNumberRebuilt = React.forwardRef((props, ref) => {
             }
         },
     }));
-    const { align, description, disabled, error, inline, invalid, placeholder, readOnly, showMiniLabel = true, size, minValue, maxValue, 
-    // Deprecated props (filter out to avoid spreading to React Aria)
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    identifier: _deprecatedIdentifier } = props, ariaNumberFieldProps = tslib_es6.__rest(props, ["align", "description", "disabled", "error", "inline", "invalid", "placeholder", "readOnly", "showMiniLabel", "size", "minValue", "maxValue", "identifier"]);
+    const { align, description, disabled, error, inline, invalid, placeholder, readOnly, showMiniLabel = true, size, minValue, maxValue } = props, ariaNumberFieldProps = tslib_es6.__rest(props, ["align", "description", "disabled", "error", "inline", "invalid", "placeholder", "readOnly", "showMiniLabel", "size", "minValue", "maxValue"]);
     const stringDescription = typeof description === "string";
     return (React.createElement($b91743d66a0ed188$export$63c5fa0b2fdccd2e, Object.assign({}, ariaNumberFieldProps, { className: classnames(styles.container, inline && styles.inline), formatOptions: mergedFormatOptions, id: props.id, isDisabled: disabled, isInvalid: invalid, isReadOnly: readOnly, minValue: minValue, maxValue: maxValue, onBlur: e => { var _a; return (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e); }, onFocus: e => { var _a; return (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e); }, onChange: handleChange }),
         React.createElement($a049562f99e7db0e$export$eb2fcfdbd7ba97d4, { className: classnames(styles.wrapper, align && styles[align], invalid && styles.invalid, disabled && styles.disabled) },

package/dist/InputNumber/index.mjs

@@ -2738,10 +2738,7 @@ const InputNumberRebuilt = forwardRef((props, ref) => {
             }
         },
     }));
-    const { align, description, disabled, error, inline, invalid, placeholder, readOnly, showMiniLabel = true, size, minValue, maxValue, 
-    // Deprecated props (filter out to avoid spreading to React Aria)
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    identifier: _deprecatedIdentifier } = props, ariaNumberFieldProps = __rest(props, ["align", "description", "disabled", "error", "inline", "invalid", "placeholder", "readOnly", "showMiniLabel", "size", "minValue", "maxValue", "identifier"]);
+    const { align, description, disabled, error, inline, invalid, placeholder, readOnly, showMiniLabel = true, size, minValue, maxValue } = props, ariaNumberFieldProps = __rest(props, ["align", "description", "disabled", "error", "inline", "invalid", "placeholder", "readOnly", "showMiniLabel", "size", "minValue", "maxValue"]);
     const stringDescription = typeof description === "string";
     return (React__default.createElement($b91743d66a0ed188$export$63c5fa0b2fdccd2e, Object.assign({}, ariaNumberFieldProps, { className: classnames(styles.container, inline && styles.inline), formatOptions: mergedFormatOptions, id: props.id, isDisabled: disabled, isInvalid: invalid, isReadOnly: readOnly, minValue: minValue, maxValue: maxValue, onBlur: e => { var _a; return (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e); }, onFocus: e => { var _a; return (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e); }, onChange: handleChange }),
         React__default.createElement($a049562f99e7db0e$export$eb2fcfdbd7ba97d4, { className: classnames(styles.wrapper, align && styles[align], invalid && styles.invalid, disabled && styles.disabled) },

package/dist/InputPhoneNumber/InputPhoneNumber.types.d.ts

@@ -1,5 +1,6 @@
 import type { InputMaskProps } from "./InputMask";
-import type { CommonFormFieldProps, FocusEvents, FormFieldProps, HTMLInputBaseProps, KeyboardEvents, RebuiltInputCommonProps } from "../FormField";
+import type { CommonFormFieldProps, FormFieldProps } from "../FormField";
+import type { FocusEvents, HTMLInputBaseProps, KeyboardEvents, RebuiltInputCommonProps } from "../sharedHelpers/types";
 export interface InputPhoneNumberLegacyProps extends Omit<CommonFormFieldProps, "align">, Pick<FormFieldProps, "autocomplete" | "onEnter" | "onFocus" | "onBlur" | "validations" | "readonly" | "prefix" | "suffix"> {
     readonly value: string;
     readonly onChange: (value: string) => void;
@@ -37,9 +38,5 @@ export interface InputPhoneNumberRebuiltProps extends Omit<HTMLInputBaseProps, "
      * @default "(***) ***-****"
      */
     readonly pattern?: InputMaskProps["pattern"];
-    /**
-     * @deprecated Use `id` instead. This prop will be removed in a future version.
-     */
-    readonly identifier?: string;
 }
 export declare const DEFAULT_PATTERN = "(***) ***-****";