@jobber/components 6.103.2-JOB-140609-fafe469.18 → 6.103.2-JOB-140609-9051081.26

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

@@ -7,10 +7,10 @@ import type { InputTextRebuiltProps, InputTextRef } from "../InputText";
  * Certain ARIA attributes are controlled internally by Autocomplete's
  * state management and floating-ui integration and shouldn't be overridden.
  *
- * Omits: aria-controls, aria-expanded, aria-activedescendant, aria-autocomplete
+ * Omits: ariaControls, ariaExpanded, ariaActiveDescendant, ariaAutocomplete
  * (These are managed by the component's internal state/floating-ui)
  */
-export interface AriaInputPropsManaged extends Omit<AriaInputProps, "aria-controls" | "aria-expanded" | "aria-activedescendant" | "aria-autocomplete"> {
+export interface AriaInputPropsManaged extends Omit<AriaInputProps, "ariaControls" | "ariaExpanded" | "ariaActiveDescendant" | "ariaAutocomplete"> {
 }
 export type ExtraProps = Record<string, unknown>;
 type OptionValue = string | number;

package/dist/Autocomplete/index.cjs

@@ -909,7 +909,7 @@ function AutocompleteRebuiltInternal(props, forwardedRef) {
         onBlur: onInputBlur,
     });
     const inputProps = Object.assign(Object.assign(Object.assign(Object.assign({ version: 2, value: inputValue, onChange: props.readOnly ? undefined : onInputChangeFromUser }, (props.readOnly ? { onFocus: onInputFocus, onBlur: onInputBlur } : {})), { placeholder,
-        disabled, readOnly: props.readOnly, error: error !== null && error !== void 0 ? error : undefined, name: props.name, invalid, autoComplete: "off", description, size: sizeProp ? sizeProp : undefined, prefix: props.prefix, suffix: props.suffix }), (props.readOnly ? {} : composedReferenceProps)), { role: "combobox", "aria-autocomplete": "list", "aria-expanded": open ? true : false, "aria-controls": listboxId, "aria-activedescendant": open && activeIndex != null
+        disabled, readOnly: props.readOnly, error: error !== null && error !== void 0 ? error : undefined, name: props.name, invalid, autoComplete: "off", description, size: sizeProp ? sizeProp : undefined, prefix: props.prefix, suffix: props.suffix }), (props.readOnly ? {} : composedReferenceProps)), { role: "combobox", ariaAutocomplete: "list", ariaExpanded: open ? true : false, ariaControls: listboxId, ariaActiveDescendant: open && activeIndex != null
             ? `${listboxId}-item-${activeIndex}`
             : undefined });
     const referenceInputRef = (node) => {

package/dist/Autocomplete/index.mjs

@@ -907,7 +907,7 @@ function AutocompleteRebuiltInternal(props, forwardedRef) {
         onBlur: onInputBlur,
     });
     const inputProps = Object.assign(Object.assign(Object.assign(Object.assign({ version: 2, value: inputValue, onChange: props.readOnly ? undefined : onInputChangeFromUser }, (props.readOnly ? { onFocus: onInputFocus, onBlur: onInputBlur } : {})), { placeholder,
-        disabled, readOnly: props.readOnly, error: error !== null && error !== void 0 ? error : undefined, name: props.name, invalid, autoComplete: "off", description, size: sizeProp ? sizeProp : undefined, prefix: props.prefix, suffix: props.suffix }), (props.readOnly ? {} : composedReferenceProps)), { role: "combobox", "aria-autocomplete": "list", "aria-expanded": open ? true : false, "aria-controls": listboxId, "aria-activedescendant": open && activeIndex != null
+        disabled, readOnly: props.readOnly, error: error !== null && error !== void 0 ? error : undefined, name: props.name, invalid, autoComplete: "off", description, size: sizeProp ? sizeProp : undefined, prefix: props.prefix, suffix: props.suffix }), (props.readOnly ? {} : composedReferenceProps)), { role: "combobox", ariaAutocomplete: "list", ariaExpanded: open ? true : false, ariaControls: listboxId, ariaActiveDescendant: open && activeIndex != null
             ? `${listboxId}-item-${activeIndex}`
             : undefined });
     const referenceInputRef = (node) => {

package/dist/Checkbox/index.cjs

@@ -54,7 +54,7 @@ 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, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, "aria-required": ariaRequired, }, ref) {
+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 descriptionIdentifier = React.useId();
     const wrapperClassName = classnames(styles.wrapper, disabled && styles.disabled, invalid && styles.invalid);
     const inputClassName = classnames(styles.input, {

package/dist/Checkbox/index.mjs

@@ -52,7 +52,7 @@ 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, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, "aria-required": ariaRequired, }, ref) {
+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 descriptionIdentifier = useId();
     const wrapperClassName = classnames(styles.wrapper, disabled && styles.disabled, invalid && styles.invalid);
     const inputClassName = classnames(styles.input, {

package/dist/FormField/FormFieldTypes.d.ts

@@ -1,4 +1,4 @@
-import type { ChangeEvent, ReactNode, RefObject } from "react";
+import type { AriaAttributes, ChangeEvent, ReactNode, RefObject } from "react";
 import type React from "react";
 import type { RegisterOptions } from "react-hook-form";
 import type { XOR } from "ts-xor";
@@ -8,42 +8,63 @@ export type FormFieldTypes = "text" | "password" | "number" | "time" | "textarea
 export type KeyBoardTypes = "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
 export type AutocompleteTypes = "one-time-code" | "address-line1" | "address-line2";
 /**
- * ARIA attributes for accessibility.
- * Common attributes that can be used across input components.
+ * 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 {
     /**
-     * ARIA label for accessibility.
+     * Defines a string value that labels the current element.
+     * @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-label}
      */
-    readonly "aria-label"?: string;
+    readonly ariaLabel?: AriaAttributes["aria-label"];
     /**
-     * ARIA described-by for accessibility.
+     * Identifies the element (or elements) that labels the current element.
+     * @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-labelledby}
      */
-    readonly "aria-describedby"?: string;
+    readonly ariaLabelledBy?: AriaAttributes["aria-labelledby"];
     /**
-     * ARIA invalid state for accessibility.
+     * Identifies the element (or elements) that describes the object.
+     * @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-describedby}
      */
-    readonly "aria-invalid"?: boolean | "true" | "false";
+    readonly ariaDescribedBy?: AriaAttributes["aria-describedby"];
     /**
-     * ARIA controls attribute.
+     * 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 "aria-controls"?: string;
+    readonly ariaDetails?: AriaAttributes["aria-details"];
     /**
-     * ARIA expanded state.
+     * 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 "aria-expanded"?: boolean;
+    readonly ariaActiveDescendant?: AriaAttributes["aria-activedescendant"];
     /**
-     * ARIA active descendant.
+     * 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 "aria-activedescendant"?: string;
+    readonly ariaInvalid?: AriaAttributes["aria-invalid"];
     /**
-     * ARIA autocomplete attribute.
+     * Indicates the element that controls the current element.
+     * @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-controls}
      */
-    readonly "aria-autocomplete"?: "none" | "inline" | "list" | "both";
+    readonly ariaControls?: AriaAttributes["aria-controls"];
     /**
-     * ARIA required attribute.
+     * Indicates whether the element is expanded or collapsed.
+     * @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-expanded}
      */
-    readonly "aria-required"?: boolean;
+    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.

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

@@ -25,16 +25,4 @@ export interface InputEmailRebuiltProps extends HTMLInputBaseProps, FocusEvents<
      * @deprecated Use `id` instead. This prop will be removed in a future version.
      */
     readonly identifier?: string;
-    /**
-     * @deprecated Use `autoComplete` with string values instead. This prop will be removed in a future version.
-     */
-    readonly autocomplete?: never;
-    /**
-     * @deprecated Use `aria-label` instead. This prop will be removed in a future version.
-     */
-    readonly ariaLabel?: never;
-    /**
-     * @deprecated Use `readOnly` instead. This prop will be removed in a future version.
-     */
-    readonly readonly?: never;
 }

package/dist/InputEmail/index.cjs

@@ -103,9 +103,9 @@ const InputEmailRebuilt = React.forwardRef(function InputEmailInternal(props, re
     });
     const descriptionIdentifier = `descriptionUUID--${id}`;
     const hasDescription = props.description && !props.inline;
-    const isInvalid = Boolean(props["aria-invalid"] || props.error || props.invalid);
+    const isInvalid = Boolean(props.ariaInvalid || 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["aria-label"], "aria-describedby": hasDescription ? descriptionIdentifier : props["aria-describedby"], "aria-invalid": isInvalid ? true : undefined, "aria-controls": props["aria-controls"], "aria-expanded": props["aria-expanded"], "aria-activedescendant": props["aria-activedescendant"], "aria-autocomplete": props["aria-autocomplete"], "aria-required": props["aria-required"], 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, 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(FormField.FormFieldPostFix, { variation: "spinner", visible: (_c = props.loading) !== null && _c !== void 0 ? _c : false }),
         props.children));
 });

package/dist/InputEmail/index.mjs

@@ -101,9 +101,9 @@ const InputEmailRebuilt = forwardRef(function InputEmailInternal(props, ref) {
     });
     const descriptionIdentifier = `descriptionUUID--${id}`;
     const hasDescription = props.description && !props.inline;
-    const isInvalid = Boolean(props["aria-invalid"] || props.error || props.invalid);
+    const isInvalid = Boolean(props.ariaInvalid || 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["aria-label"], "aria-describedby": hasDescription ? descriptionIdentifier : props["aria-describedby"], "aria-invalid": isInvalid ? true : undefined, "aria-controls": props["aria-controls"], "aria-expanded": props["aria-expanded"], "aria-activedescendant": props["aria-activedescendant"], "aria-autocomplete": props["aria-autocomplete"], "aria-required": props["aria-required"], 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, 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(FormFieldPostFix, { variation: "spinner", visible: (_c = props.loading) !== null && _c !== void 0 ? _c : false }),
         props.children));
 });

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

@@ -5,10 +5,6 @@ import type { AriaInputProps, FocusEvents, KeyboardEvents } from "../FormField/F
 export type InputNumberVersion = 1 | 2 | undefined;
 export interface InputNumberRebuiltProps extends Omit<CommonFormFieldProps, "version">, AriaInputProps, FocusEvents<HTMLInputElement>, KeyboardEvents<HTMLInputElement> {
     readonly align?: "center" | "right";
-    /**
-     * @deprecated Use `autoComplete` (camelCase) instead.
-     */
-    readonly autocomplete?: boolean;
     /**
      * HTML autocomplete attribute for browser autofill.
      */
@@ -36,10 +32,6 @@ export interface InputNumberRebuiltProps extends Omit<CommonFormFieldProps, "ver
      * @param event - Optional change event
      */
     readonly onChange?: (newValue: number, event?: React.ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * @deprecated Use `readOnly` (camelCase) instead.
-     */
-    readonly readonly?: boolean;
     /**
      * Whether the input is read-only.
      */

package/dist/InputNumber/index.cjs

@@ -2721,7 +2721,6 @@ const defaultFormatOptions = {
     style: "decimal",
 };
 const InputNumberRebuilt = React.forwardRef((props, ref) => {
-    var _a;
     const inputRef = React.createRef();
     const mergedFormatOptions = Object.assign(Object.assign({}, defaultFormatOptions), props.formatOptions);
     function handleChange(newValue, event) {
@@ -2741,16 +2740,12 @@ const InputNumberRebuilt = React.forwardRef((props, ref) => {
             }
         },
     }));
-    const { align, description, disabled, error, inline, invalid, placeholder, 
-    // Support both old and new prop names
-    readonly, readOnly = readonly, showMiniLabel = true, size, minValue, maxValue, 
+    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, 
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    autocomplete: _deprecatedAutocomplete } = props, ariaNumberFieldProps = tslib_es6.__rest(props, ["align", "description", "disabled", "error", "inline", "invalid", "placeholder", "readonly", "readOnly", "showMiniLabel", "size", "minValue", "maxValue", "identifier", "autocomplete"]);
+    identifier: _deprecatedIdentifier } = props, ariaNumberFieldProps = tslib_es6.__rest(props, ["align", "description", "disabled", "error", "inline", "invalid", "placeholder", "readOnly", "showMiniLabel", "size", "minValue", "maxValue", "identifier"]);
     const stringDescription = typeof description === "string";
-    return (React.createElement($b91743d66a0ed188$export$63c5fa0b2fdccd2e, Object.assign({}, ariaNumberFieldProps, { className: classnames(styles.container, inline && styles.inline), formatOptions: mergedFormatOptions, id: (_a = props.id) !== null && _a !== void 0 ? _a : props.identifier, 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 }),
+    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) },
             React.createElement("div", { className: styles.horizontalWrapper },
                 React.createElement("div", { className: classnames(styles.inputWrapper, disabled && styles.disabled, !showMiniLabel && styles.hideLabel, size && styles[size]) },

package/dist/InputNumber/index.mjs

@@ -2719,7 +2719,6 @@ const defaultFormatOptions = {
     style: "decimal",
 };
 const InputNumberRebuilt = forwardRef((props, ref) => {
-    var _a;
     const inputRef = createRef();
     const mergedFormatOptions = Object.assign(Object.assign({}, defaultFormatOptions), props.formatOptions);
     function handleChange(newValue, event) {
@@ -2739,16 +2738,12 @@ const InputNumberRebuilt = forwardRef((props, ref) => {
             }
         },
     }));
-    const { align, description, disabled, error, inline, invalid, placeholder, 
-    // Support both old and new prop names
-    readonly, readOnly = readonly, showMiniLabel = true, size, minValue, maxValue, 
+    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, 
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    autocomplete: _deprecatedAutocomplete } = props, ariaNumberFieldProps = __rest(props, ["align", "description", "disabled", "error", "inline", "invalid", "placeholder", "readonly", "readOnly", "showMiniLabel", "size", "minValue", "maxValue", "identifier", "autocomplete"]);
+    identifier: _deprecatedIdentifier } = props, ariaNumberFieldProps = __rest(props, ["align", "description", "disabled", "error", "inline", "invalid", "placeholder", "readOnly", "showMiniLabel", "size", "minValue", "maxValue", "identifier"]);
     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: (_a = props.id) !== null && _a !== void 0 ? _a : props.identifier, 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 }),
+    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) },
             React__default.createElement("div", { className: styles.horizontalWrapper },
                 React__default.createElement("div", { className: classnames(styles.inputWrapper, disabled && styles.disabled, !showMiniLabel && styles.hideLabel, size && styles[size]) },

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

@@ -41,17 +41,5 @@ export interface InputPhoneNumberRebuiltProps extends Omit<HTMLInputBaseProps, "
      * @deprecated Use `id` instead. This prop will be removed in a future version.
      */
     readonly identifier?: string;
-    /**
-     * @deprecated Use `autoComplete` with string values instead. This prop will be removed in a future version.
-     */
-    readonly autocomplete?: never;
-    /**
-     * @deprecated Use `aria-label` instead. This prop will be removed in a future version.
-     */
-    readonly ariaLabel?: never;
-    /**
-     * @deprecated Use `readOnly` instead. This prop will be removed in a future version.
-     */
-    readonly readonly?: never;
 }
 export declare const DEFAULT_PATTERN = "(***) ***-****";

package/dist/InputPhoneNumber/index.cjs

@@ -149,9 +149,7 @@ function useInputPhoneActions({ onChange, inputRef, onFocus, onBlur, onKeyDown,
     };
 }
 
-const InputPhoneNumberRebuilt = React.forwardRef(
-// eslint-disable-next-line max-statements
-function InputPhoneNumberInternal(_a, ref) {
+const InputPhoneNumberRebuilt = React.forwardRef(function InputPhoneNumberInternal(_a, ref) {
     var _b, _c, _d, _e;
     var { pattern = DEFAULT_PATTERN } = _a, props = tslib_es6.__rest(_a, ["pattern"]);
     const inputPhoneNumberRef = (_b = ref) !== null && _b !== void 0 ? _b : React.useRef(null);
@@ -189,12 +187,11 @@ function InputPhoneNumberInternal(_a, ref) {
     });
     const descriptionIdentifier = `descriptionUUID--${id}`;
     const hasDescription = props.description && !props.inline;
-    const isInvalid = Boolean(props["aria-invalid"] || props.error || props.invalid);
-    const effectiveReadOnly = props.readonly || props.readOnly;
-    return (React.createElement(FormField.FormFieldWrapper, { disabled: props.disabled, size: props.size, inline: props.inline, wrapperRef: wrapperRef, error: (_c = props.error) !== null && _c !== void 0 ? _c : "", invalid: Boolean(props.error || props.invalid), identifier: id, descriptionIdentifier: descriptionIdentifier, description: props.description, clearable: (_d = props.clearable) !== null && _d !== void 0 ? _d : "never", onClear: handleClear, type: "tel", placeholder: props.placeholder, value: formattedValue, prefix: props.prefix, suffix: props.suffix, readonly: effectiveReadOnly, loading: props.loading },
+    const isInvalid = Boolean(props.ariaInvalid || props.error || props.invalid);
+    return (React.createElement(FormField.FormFieldWrapper, { disabled: props.disabled, size: props.size, inline: props.inline, wrapperRef: wrapperRef, error: (_c = props.error) !== null && _c !== void 0 ? _c : "", invalid: Boolean(props.error || props.invalid), identifier: id, descriptionIdentifier: descriptionIdentifier, description: props.description, clearable: (_d = props.clearable) !== null && _d !== void 0 ? _d : "never", onClear: handleClear, type: "tel", placeholder: props.placeholder, value: formattedValue, prefix: props.prefix, suffix: props.suffix, readonly: props.readOnly, loading: props.loading },
         React.createElement("input", { id: id, name: name, type: "tel", ref: inputPhoneNumberRef, className: classnames(inputStyle, {
                 [styles.emptyValue]: inputValue.length === 0 && pattern[0] === "(",
-            }), value: formattedValue, disabled: props.disabled, readOnly: effectiveReadOnly, required: props.required, autoFocus: props.autoFocus, autoComplete: props.autoComplete, inputMode: props.inputMode, tabIndex: props.tabIndex, role: props.role, "aria-label": props["aria-label"], "aria-describedby": hasDescription ? descriptionIdentifier : props["aria-describedby"], "aria-invalid": isInvalid ? true : undefined, "aria-controls": props["aria-controls"], "aria-expanded": props["aria-expanded"], "aria-activedescendant": props["aria-activedescendant"], "aria-autocomplete": props["aria-autocomplete"], "aria-required": props["aria-required"], onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, onKeyDown: handleKeyDown }),
+            }), value: formattedValue, disabled: props.disabled, readOnly: props.readOnly, required: props.required, autoFocus: props.autoFocus, autoComplete: props.autoComplete, 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 }),
         React.createElement(MaskElement, { isMasking: isMasking, formattedValue: formattedValue, placeholderMask: placeholderMask }),
         React.createElement(FormField.FormFieldPostFix, { variation: "spinner", visible: (_e = props.loading) !== null && _e !== void 0 ? _e : false })));
 });

package/dist/InputPhoneNumber/index.mjs

@@ -147,9 +147,7 @@ function useInputPhoneActions({ onChange, inputRef, onFocus, onBlur, onKeyDown,
     };
 }
 
-const InputPhoneNumberRebuilt = forwardRef(
-// eslint-disable-next-line max-statements
-function InputPhoneNumberInternal(_a, ref) {
+const InputPhoneNumberRebuilt = forwardRef(function InputPhoneNumberInternal(_a, ref) {
     var _b, _c, _d, _e;
     var { pattern = DEFAULT_PATTERN } = _a, props = __rest(_a, ["pattern"]);
     const inputPhoneNumberRef = (_b = ref) !== null && _b !== void 0 ? _b : React__default.useRef(null);
@@ -187,12 +185,11 @@ function InputPhoneNumberInternal(_a, ref) {
     });
     const descriptionIdentifier = `descriptionUUID--${id}`;
     const hasDescription = props.description && !props.inline;
-    const isInvalid = Boolean(props["aria-invalid"] || props.error || props.invalid);
-    const effectiveReadOnly = props.readonly || props.readOnly;
-    return (React__default.createElement(FormFieldWrapper, { disabled: props.disabled, size: props.size, inline: props.inline, wrapperRef: wrapperRef, error: (_c = props.error) !== null && _c !== void 0 ? _c : "", invalid: Boolean(props.error || props.invalid), identifier: id, descriptionIdentifier: descriptionIdentifier, description: props.description, clearable: (_d = props.clearable) !== null && _d !== void 0 ? _d : "never", onClear: handleClear, type: "tel", placeholder: props.placeholder, value: formattedValue, prefix: props.prefix, suffix: props.suffix, readonly: effectiveReadOnly, loading: props.loading },
+    const isInvalid = Boolean(props.ariaInvalid || props.error || props.invalid);
+    return (React__default.createElement(FormFieldWrapper, { disabled: props.disabled, size: props.size, inline: props.inline, wrapperRef: wrapperRef, error: (_c = props.error) !== null && _c !== void 0 ? _c : "", invalid: Boolean(props.error || props.invalid), identifier: id, descriptionIdentifier: descriptionIdentifier, description: props.description, clearable: (_d = props.clearable) !== null && _d !== void 0 ? _d : "never", onClear: handleClear, type: "tel", placeholder: props.placeholder, value: formattedValue, prefix: props.prefix, suffix: props.suffix, readonly: props.readOnly, loading: props.loading },
         React__default.createElement("input", { id: id, name: name, type: "tel", ref: inputPhoneNumberRef, className: classnames(inputStyle, {
                 [styles.emptyValue]: inputValue.length === 0 && pattern[0] === "(",
-            }), value: formattedValue, disabled: props.disabled, readOnly: effectiveReadOnly, required: props.required, autoFocus: props.autoFocus, autoComplete: props.autoComplete, inputMode: props.inputMode, tabIndex: props.tabIndex, role: props.role, "aria-label": props["aria-label"], "aria-describedby": hasDescription ? descriptionIdentifier : props["aria-describedby"], "aria-invalid": isInvalid ? true : undefined, "aria-controls": props["aria-controls"], "aria-expanded": props["aria-expanded"], "aria-activedescendant": props["aria-activedescendant"], "aria-autocomplete": props["aria-autocomplete"], "aria-required": props["aria-required"], onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, onKeyDown: handleKeyDown }),
+            }), value: formattedValue, disabled: props.disabled, readOnly: props.readOnly, required: props.required, autoFocus: props.autoFocus, autoComplete: props.autoComplete, 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 }),
         React__default.createElement(MaskElement, { isMasking: isMasking, formattedValue: formattedValue, placeholderMask: placeholderMask }),
         React__default.createElement(FormFieldPostFix, { variation: "spinner", visible: (_e = props.loading) !== null && _e !== void 0 ? _e : false })));
 });

package/dist/InputText/InputText.types.d.ts

@@ -51,18 +51,6 @@ export interface InputTextRebuiltProps extends HTMLInputBaseProps, FocusEvents<H
      * @deprecated Use `id` instead. This prop will be removed in a future version.
      */
     readonly identifier?: string;
-    /**
-     * @deprecated Use `autoComplete` with string values instead. This prop will be removed in a future version.
-     */
-    readonly autocomplete?: never;
-    /**
-     * @deprecated Use `aria-label` instead. This prop will be removed in a future version.
-     */
-    readonly ariaLabel?: never;
-    /**
-     * @deprecated Use `readOnly` instead. This prop will be removed in a future version.
-     */
-    readonly readonly?: never;
 }
 interface BaseProps extends CommonFormFieldProps, Pick<FormFieldProps, "autofocus" | "maxLength" | "readonly" | "autocomplete" | "keyboard" | "onEnter" | "onFocus" | "onBlur" | "onChange" | "inputRef" | "validations" | "defaultValue" | "prefix" | "suffix" | "toolbar" | "toolbarVisibility" | "version"> {
     multiline?: boolean;

package/dist/InputText/index.cjs

@@ -222,10 +222,10 @@ const InputTextSPAR = React.forwardRef(function InputTextInternal(props, inputRe
     });
     const descriptionIdentifier = `descriptionUUID--${id}`;
     const hasDescription = props.description && !props.inline;
-    const isInvalid = Boolean(props["aria-invalid"] || props.error || props.invalid);
+    const isInvalid = Boolean(props.ariaInvalid || props.error || props.invalid);
     return (React.createElement(FormField.FormFieldWrapper, { disabled: props.disabled, size: props.size, align: props.align, inline: props.inline, autofocus: props.autoFocus, name: name, wrapperRef: wrapperRef, error: (_a = props.error) !== null && _a !== void 0 ? _a : "", invalid: Boolean(props.error || props.invalid), identifier: id, descriptionIdentifier: descriptionIdentifier, description: props.description, clearable: (_b = props.clearable) !== null && _b !== void 0 ? _b : "never", onClear: handleClear, type: props.multiline ? "textarea" : "text", placeholder: props.placeholder, value: props.value, prefix: props.prefix, suffix: props.suffix, rows: rowRange.min, toolbar: props.toolbar, toolbarVisibility: props.toolbarVisibility },
         React.createElement(React.Fragment, null,
-            props.multiline ? (React.createElement(TextArea, { id: id, name: name, className: inputStyle, value: props.value, rows: rowRange.min, disabled: props.disabled, readOnly: props.readOnly, required: props.required, autoFocus: props.autoFocus, autoComplete: props.autoComplete, maxLength: props.maxLength, minLength: props.minLength, inputMode: props.inputMode, tabIndex: props.tabIndex, role: props.role, "aria-label": props["aria-label"], "aria-describedby": hasDescription ? descriptionIdentifier : props["aria-describedby"], "aria-invalid": isInvalid ? true : undefined, "aria-controls": props["aria-controls"], "aria-expanded": props["aria-expanded"], "aria-activedescendant": props["aria-activedescendant"], "aria-autocomplete": props["aria-autocomplete"], "aria-required": props["aria-required"], invalid: isInvalid ? "true" : undefined, onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, onKeyDown: handleKeyDown, onKeyUp: props.onKeyUp, ref: FormField.mergeRefs([inputRefs, inputTextRef]) })) : (React.createElement(TextInput, { id: id, name: name, 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, max: props.max, min: props.min, pattern: props.pattern, inputMode: props.inputMode, tabIndex: props.tabIndex, role: props.role, "aria-label": props["aria-label"], "aria-describedby": hasDescription ? descriptionIdentifier : props["aria-describedby"], "aria-invalid": isInvalid ? true : undefined, "aria-controls": props["aria-controls"], "aria-expanded": props["aria-expanded"], "aria-activedescendant": props["aria-activedescendant"], "aria-autocomplete": props["aria-autocomplete"], "aria-required": props["aria-required"], invalid: isInvalid ? "true" : undefined, onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, onKeyDown: handleKeyDown, onKeyUp: props.onKeyUp, ref: FormField.mergeRefs([inputRefs, inputTextRef]) })),
+            props.multiline ? (React.createElement(TextArea, { id: id, name: name, className: inputStyle, value: props.value, rows: rowRange.min, disabled: props.disabled, readOnly: props.readOnly, required: props.required, autoFocus: props.autoFocus, autoComplete: props.autoComplete, maxLength: props.maxLength, minLength: props.minLength, 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, invalid: isInvalid ? "true" : undefined, onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, onKeyDown: handleKeyDown, onKeyUp: props.onKeyUp, ref: FormField.mergeRefs([inputRefs, inputTextRef]) })) : (React.createElement(TextInput, { id: id, name: name, 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, max: props.max, min: props.min, 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, invalid: isInvalid ? "true" : undefined, onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, onKeyDown: handleKeyDown, onKeyUp: props.onKeyUp, ref: FormField.mergeRefs([inputRefs, inputTextRef]) })),
             React.createElement(FormField.FormFieldPostFix, { variation: "spinner", visible: (_c = props.loading) !== null && _c !== void 0 ? _c : false }),
             props.children)));
 });

package/dist/InputText/index.mjs

@@ -220,10 +220,10 @@ const InputTextSPAR = forwardRef(function InputTextInternal(props, inputRefs) {
     });
     const descriptionIdentifier = `descriptionUUID--${id}`;
     const hasDescription = props.description && !props.inline;
-    const isInvalid = Boolean(props["aria-invalid"] || props.error || props.invalid);
+    const isInvalid = Boolean(props.ariaInvalid || props.error || props.invalid);
     return (React__default.createElement(FormFieldWrapper, { disabled: props.disabled, size: props.size, align: props.align, inline: props.inline, autofocus: props.autoFocus, name: name, wrapperRef: wrapperRef, error: (_a = props.error) !== null && _a !== void 0 ? _a : "", invalid: Boolean(props.error || props.invalid), identifier: id, descriptionIdentifier: descriptionIdentifier, description: props.description, clearable: (_b = props.clearable) !== null && _b !== void 0 ? _b : "never", onClear: handleClear, type: props.multiline ? "textarea" : "text", placeholder: props.placeholder, value: props.value, prefix: props.prefix, suffix: props.suffix, rows: rowRange.min, toolbar: props.toolbar, toolbarVisibility: props.toolbarVisibility },
         React__default.createElement(React__default.Fragment, null,
-            props.multiline ? (React__default.createElement(TextArea, { id: id, name: name, className: inputStyle, value: props.value, rows: rowRange.min, disabled: props.disabled, readOnly: props.readOnly, required: props.required, autoFocus: props.autoFocus, autoComplete: props.autoComplete, maxLength: props.maxLength, minLength: props.minLength, inputMode: props.inputMode, tabIndex: props.tabIndex, role: props.role, "aria-label": props["aria-label"], "aria-describedby": hasDescription ? descriptionIdentifier : props["aria-describedby"], "aria-invalid": isInvalid ? true : undefined, "aria-controls": props["aria-controls"], "aria-expanded": props["aria-expanded"], "aria-activedescendant": props["aria-activedescendant"], "aria-autocomplete": props["aria-autocomplete"], "aria-required": props["aria-required"], invalid: isInvalid ? "true" : undefined, onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, onKeyDown: handleKeyDown, onKeyUp: props.onKeyUp, ref: mergeRefs([inputRefs, inputTextRef]) })) : (React__default.createElement(TextInput, { id: id, name: name, 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, max: props.max, min: props.min, pattern: props.pattern, inputMode: props.inputMode, tabIndex: props.tabIndex, role: props.role, "aria-label": props["aria-label"], "aria-describedby": hasDescription ? descriptionIdentifier : props["aria-describedby"], "aria-invalid": isInvalid ? true : undefined, "aria-controls": props["aria-controls"], "aria-expanded": props["aria-expanded"], "aria-activedescendant": props["aria-activedescendant"], "aria-autocomplete": props["aria-autocomplete"], "aria-required": props["aria-required"], invalid: isInvalid ? "true" : undefined, onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, onKeyDown: handleKeyDown, onKeyUp: props.onKeyUp, ref: mergeRefs([inputRefs, inputTextRef]) })),
+            props.multiline ? (React__default.createElement(TextArea, { id: id, name: name, className: inputStyle, value: props.value, rows: rowRange.min, disabled: props.disabled, readOnly: props.readOnly, required: props.required, autoFocus: props.autoFocus, autoComplete: props.autoComplete, maxLength: props.maxLength, minLength: props.minLength, 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, invalid: isInvalid ? "true" : undefined, onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, onKeyDown: handleKeyDown, onKeyUp: props.onKeyUp, ref: mergeRefs([inputRefs, inputTextRef]) })) : (React__default.createElement(TextInput, { id: id, name: name, 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, max: props.max, min: props.min, 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, invalid: isInvalid ? "true" : undefined, onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, onKeyDown: handleKeyDown, onKeyUp: props.onKeyUp, ref: mergeRefs([inputRefs, inputTextRef]) })),
             React__default.createElement(FormFieldPostFix, { variation: "spinner", visible: (_c = props.loading) !== null && _c !== void 0 ? _c : false }),
             props.children)));
 });

package/dist/InputTime/InputTime.types.d.ts

@@ -28,18 +28,10 @@ export interface InputTimeRebuiltProps extends Omit<InputTimeProps, "defaultValu
      * Error message to display.
      */
     error?: string;
-    /**
-     * @deprecated Use `readOnly` (camelCase) instead.
-     */
-    readonly readonly?: boolean;
     /**
      * Whether the input is read-only.
      */
     readonly readOnly?: boolean;
-    /**
-     * @deprecated Use `autoComplete` (camelCase) instead.
-     */
-    readonly autocomplete?: boolean;
     /**
      * HTML autocomplete attribute for browser autofill.
      */

package/dist/InputTime/index.cjs

@@ -206,11 +206,9 @@ function timeStringToDate(timeString, baseDate) {
 
 const InputTimeRebuilt = React.forwardRef(function InputTimeRebuilt(_a, forwardedRef) {
     var _b;
-    var { value, onChange, 
-    // Support both old and new prop names
-    readonly, readOnly = readonly, autocomplete, autoComplete = typeof autocomplete === "string" ? autocomplete : undefined, 
+    var { value, onChange, readOnly, autoComplete, 
     // Deprecated props
-    inputRef: deprecatedInputRef } = _a, params = tslib_es6.__rest(_a, ["value", "onChange", "readonly", "readOnly", "autocomplete", "autoComplete", "inputRef"]);
+    inputRef: deprecatedInputRef } = _a, params = tslib_es6.__rest(_a, ["value", "onChange", "readOnly", "autoComplete", "inputRef"]);
     const internalRef = React.useRef(null);
     const mergedRef = FormField.mergeRefs([
         internalRef,
@@ -231,7 +229,7 @@ const InputTimeRebuilt = React.forwardRef(function InputTimeRebuilt(_a, forwarde
                 if (params.disabled || readOnly)
                     return;
                 !isNaN(parseInt(e.key, 10)) && setTypedTime(prev => prev + e.key);
-            }, "data-testid": "ATL-InputTime-input", value: dateToTimeString(value), "aria-label": params["aria-label"], "aria-describedby": params["aria-describedby"], "aria-invalid": params["aria-invalid"], "aria-required": params["aria-required"] })));
+            }, "data-testid": "ATL-InputTime-input", value: dateToTimeString(value), "aria-label": params.ariaLabel, "aria-describedby": params.ariaDescribedBy, "aria-invalid": params.ariaInvalid, "aria-required": params.ariaRequired })));
     function handleChangeEvent(event) {
         handleChange(event.target.value);
     }

package/dist/InputTime/index.mjs

@@ -204,11 +204,9 @@ function timeStringToDate(timeString, baseDate) {
 
 const InputTimeRebuilt = forwardRef(function InputTimeRebuilt(_a, forwardedRef) {
     var _b;
-    var { value, onChange, 
-    // Support both old and new prop names
-    readonly, readOnly = readonly, autocomplete, autoComplete = typeof autocomplete === "string" ? autocomplete : undefined, 
+    var { value, onChange, readOnly, autoComplete, 
     // Deprecated props
-    inputRef: deprecatedInputRef } = _a, params = __rest(_a, ["value", "onChange", "readonly", "readOnly", "autocomplete", "autoComplete", "inputRef"]);
+    inputRef: deprecatedInputRef } = _a, params = __rest(_a, ["value", "onChange", "readOnly", "autoComplete", "inputRef"]);
     const internalRef = useRef(null);
     const mergedRef = mergeRefs([
         internalRef,
@@ -229,7 +227,7 @@ const InputTimeRebuilt = forwardRef(function InputTimeRebuilt(_a, forwardedRef)
                 if (params.disabled || readOnly)
                     return;
                 !isNaN(parseInt(e.key, 10)) && setTypedTime(prev => prev + e.key);
-            }, "data-testid": "ATL-InputTime-input", value: dateToTimeString(value), "aria-label": params["aria-label"], "aria-describedby": params["aria-describedby"], "aria-invalid": params["aria-invalid"], "aria-required": params["aria-required"] })));
+            }, "data-testid": "ATL-InputTime-input", value: dateToTimeString(value), "aria-label": params.ariaLabel, "aria-describedby": params.ariaDescribedBy, "aria-invalid": params.ariaInvalid, "aria-required": params.ariaRequired })));
     function handleChangeEvent(event) {
         handleChange(event.target.value);
     }

package/dist/Select/Select.types.d.ts

@@ -15,10 +15,6 @@ export interface SelectRebuiltProps extends Omit<SelectLegacyProps, "defaultValu
     onChange?(newValue?: string | number): void;
     version: 2;
     error?: string;
-    /**
-     * @deprecated Use `autoFocus` (camelCase) instead.
-     */
-    readonly autofocus?: boolean;
     /**
      * Automatically focus the select when mounted.
      */

package/dist/Select/index.cjs

@@ -58,7 +58,7 @@ function useSelectActions({ onChange, onBlur, onFocus, }) {
 var styles = {"select":"-hmXAsAfH9U-","selectPostfix":"_5ST4c1fXDYU-","spinning":"oOACJmrVDf0-"};
 
 const SelectRebuilt = React.forwardRef(function SelectRebuilt(props, forwardedRef) {
-    var _a, _b, _c;
+    var _a;
     // Deprecated props
     const { inputRef: deprecatedInputRef } = props;
     const internalRef = React.useRef(null);
@@ -80,12 +80,12 @@ const SelectRebuilt = React.forwardRef(function SelectRebuilt(props, forwardedRe
         onBlur: props.onBlur,
         onFocus: props.onFocus,
     });
-    return (React.createElement(FormField.FormFieldWrapper, { disabled: props.disabled, size: props.size, align: props.align, inline: props.inline, autofocus: (_a = props.autoFocus) !== null && _a !== void 0 ? _a : props.autofocus, name: name, wrapperRef: wrapperRef, error: (_b = props.error) !== null && _b !== void 0 ? _b : "", invalid: props.invalid, identifier: id, descriptionIdentifier: descriptionIdentifier, description: props.description, type: "select", placeholder: props.placeholder, value: props.value, prefix: props.prefix, suffix: props.suffix, clearable: "never", maxLength: props.maxLength },
+    return (React.createElement(FormField.FormFieldWrapper, { disabled: props.disabled, size: props.size, align: props.align, inline: props.inline, autofocus: props.autoFocus, name: name, wrapperRef: wrapperRef, error: (_a = props.error) !== null && _a !== void 0 ? _a : "", invalid: props.invalid, identifier: id, descriptionIdentifier: descriptionIdentifier, description: props.description, type: "select", placeholder: props.placeholder, value: props.value, prefix: props.prefix, suffix: props.suffix, clearable: "never", maxLength: props.maxLength },
         React.createElement(React.Fragment, null,
-            React.createElement("select", { id: id, name: name, disabled: props.disabled, autoFocus: (_c = props.autoFocus) !== null && _c !== void 0 ? _c : props.autofocus, onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, value: props.value, "aria-label": props["aria-label"], "aria-describedby": props["aria-describedby"] ||
+            React.createElement("select", { id: id, name: name, disabled: props.disabled, autoFocus: props.autoFocus, onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, value: props.value, "aria-label": props.ariaLabel, "aria-describedby": props.ariaDescribedBy ||
                     (props.description && !props.inline
                         ? descriptionIdentifier
-                        : undefined), "aria-invalid": props["aria-invalid"], "aria-required": props["aria-required"], ref: mergedRef, className: classnames(inputStyle, props.UNSAFE_experimentalStyles && styles.select) }, props.children),
+                        : undefined), "aria-invalid": props.ariaInvalid, "aria-required": props.ariaRequired, ref: mergedRef, className: classnames(inputStyle, props.UNSAFE_experimentalStyles && styles.select) }, props.children),
             React.createElement(FormField.FormFieldPostFix, { variation: "select", className: styles.selectPostfix }))));
 });
 function useSelectId(props) {

package/dist/Select/index.mjs

@@ -56,7 +56,7 @@ function useSelectActions({ onChange, onBlur, onFocus, }) {
 var styles = {"select":"-hmXAsAfH9U-","selectPostfix":"_5ST4c1fXDYU-","spinning":"oOACJmrVDf0-"};
 
 const SelectRebuilt = forwardRef(function SelectRebuilt(props, forwardedRef) {
-    var _a, _b, _c;
+    var _a;
     // Deprecated props
     const { inputRef: deprecatedInputRef } = props;
     const internalRef = useRef(null);
@@ -78,12 +78,12 @@ const SelectRebuilt = forwardRef(function SelectRebuilt(props, forwardedRef) {
         onBlur: props.onBlur,
         onFocus: props.onFocus,
     });
-    return (React__default.createElement(FormFieldWrapper, { disabled: props.disabled, size: props.size, align: props.align, inline: props.inline, autofocus: (_a = props.autoFocus) !== null && _a !== void 0 ? _a : props.autofocus, name: name, wrapperRef: wrapperRef, error: (_b = props.error) !== null && _b !== void 0 ? _b : "", invalid: props.invalid, identifier: id, descriptionIdentifier: descriptionIdentifier, description: props.description, type: "select", placeholder: props.placeholder, value: props.value, prefix: props.prefix, suffix: props.suffix, clearable: "never", maxLength: props.maxLength },
+    return (React__default.createElement(FormFieldWrapper, { disabled: props.disabled, size: props.size, align: props.align, inline: props.inline, autofocus: props.autoFocus, name: name, wrapperRef: wrapperRef, error: (_a = props.error) !== null && _a !== void 0 ? _a : "", invalid: props.invalid, identifier: id, descriptionIdentifier: descriptionIdentifier, description: props.description, type: "select", placeholder: props.placeholder, value: props.value, prefix: props.prefix, suffix: props.suffix, clearable: "never", maxLength: props.maxLength },
         React__default.createElement(React__default.Fragment, null,
-            React__default.createElement("select", { id: id, name: name, disabled: props.disabled, autoFocus: (_c = props.autoFocus) !== null && _c !== void 0 ? _c : props.autofocus, onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, value: props.value, "aria-label": props["aria-label"], "aria-describedby": props["aria-describedby"] ||
+            React__default.createElement("select", { id: id, name: name, disabled: props.disabled, autoFocus: props.autoFocus, onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, value: props.value, "aria-label": props.ariaLabel, "aria-describedby": props.ariaDescribedBy ||
                     (props.description && !props.inline
                         ? descriptionIdentifier
-                        : undefined), "aria-invalid": props["aria-invalid"], "aria-required": props["aria-required"], ref: mergedRef, className: classnames(inputStyle, props.UNSAFE_experimentalStyles && styles.select) }, props.children),
+                        : undefined), "aria-invalid": props.ariaInvalid, "aria-required": props.ariaRequired, ref: mergedRef, className: classnames(inputStyle, props.UNSAFE_experimentalStyles && styles.select) }, props.children),
             React__default.createElement(FormFieldPostFix, { variation: "select", className: styles.selectPostfix }))));
 });
 function useSelectId(props) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.103.2-JOB-140609-fafe469.18+fafe4690a",
+  "version": "6.103.2-JOB-140609-9051081.26+90510815f",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -538,5 +538,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "fafe4690a2eab7c65da608dc151b2bb4e6a5d696"
+  "gitHead": "90510815f31f3c04ee1c9d53cd024e26c94a3e2f"
 }