@zendeskgarden/react-forms 8.49.0 → 8.49.3

package/dist/typings/elements/MultiThumbRange.d.ts

@@ -4,32 +4,8 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React, { HTMLAttributes } from 'react';
-export interface IMultiThumbRangeProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
-    /** Sets the minimum permitted value */
-    min?: number;
-    /** Sets the maximum permitted value */
-    max?: number;
-    /** Sets the minimum thumb input value */
-    minValue?: number;
-    /** Sets the maximum thumb input value */
-    maxValue?: number;
-    /** Defines the stepping interval */
-    step?: number;
-    /** Indicates that the element is not interactive */
-    disabled?: boolean;
-    /**
-     * Handles change events
-     *
-     * @param {Object} updatedValues The values that have changed
-     * @param {number} [updatedValues.minValue] The optional minimum value
-     * @param {number} [updatedValues.maxValue] The optional maximum value
-     * */
-    onChange?: (updatedValues: {
-        minValue?: number;
-        maxValue?: number;
-    }) => void;
-}
+import React from 'react';
+import { IMultiThumbRangeProps } from '../types';
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */

package/dist/typings/elements/Radio.d.ts

@@ -4,11 +4,8 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React, { InputHTMLAttributes } from 'react';
-export interface IRadioProps extends InputHTMLAttributes<HTMLInputElement> {
-    /** Applies compact styling */
-    isCompact?: boolean;
-}
+import React from 'react';
+import { IRadioProps } from '../types';
 /**
  * @extends InputHTMLAttributes<HTMLInputElement>
  */

package/dist/typings/elements/Range.d.ts

@@ -4,11 +4,8 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React, { InputHTMLAttributes } from 'react';
-export interface IRangeProps extends InputHTMLAttributes<HTMLInputElement> {
-    /** @ignore */
-    hasLowerTrack?: boolean;
-}
+import React from 'react';
+import { IRangeProps } from '../types';
 /**
  * @extends InputHTMLAttributes<HTMLInputElement>
  */

package/dist/typings/elements/Select.d.ts

@@ -4,18 +4,8 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React, { SelectHTMLAttributes } from 'react';
-import { VALIDATION } from '../utils/validation';
-export interface ISelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
-    /** Applies compact styling */
-    isCompact?: boolean;
-    /** Removes borders and padding */
-    isBare?: boolean;
-    /** Applies inset `box-shadow` styling on focus */
-    focusInset?: boolean;
-    /** Applies validation state styling */
-    validation?: VALIDATION;
-}
+import React from 'react';
+import { ISelectProps } from '../types';
 /**
  * @extends SelectHTMLAttributes<HTMLSelectElement>
  */

package/dist/typings/elements/Textarea.d.ts

@@ -4,24 +4,8 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React, { TextareaHTMLAttributes } from 'react';
-import { VALIDATION } from '../utils/validation';
-export interface ITextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
-    /** Applies compact styling */
-    isCompact?: boolean;
-    /** Removes borders and padding */
-    isBare?: boolean;
-    /** Applies inset `box-shadow` styling on focus */
-    focusInset?: boolean;
-    /** Enables manual vertical resize */
-    isResizable?: boolean;
-    /** Defines the minimum height in rows */
-    minRows?: number;
-    /** Defines the maximum height in rows */
-    maxRows?: number;
-    /** Applies validation state styling */
-    validation?: VALIDATION;
-}
+import React from 'react';
+import { ITextareaProps } from '../types';
 /**
  * @extends TextareaHTMLAttributes<HTMLTextAreaElement>
  */

package/dist/typings/elements/Toggle.d.ts

@@ -4,11 +4,8 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React, { InputHTMLAttributes } from 'react';
-export interface IToggleProps extends InputHTMLAttributes<HTMLInputElement> {
-    /** Applies compact styling */
-    isCompact?: boolean;
-}
+import React from 'react';
+import { IToggleProps } from '../types';
 /**
  * @extends InputHTMLAttributes<HTMLInputElement>
  */

package/dist/typings/elements/common/Fieldset.d.ts

@@ -4,14 +4,9 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React, { FieldsetHTMLAttributes } from 'react';
+import React from 'react';
 import { Legend } from './Legend';
-export interface IFieldsetProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {
-    /**
-     * Applies compact styling
-     */
-    isCompact?: boolean;
-}
+import { IFieldsetProps } from '../../types';
 /**
  * @extends FieldsetHTMLAttributes<HTMLFieldSetElement>
  */

package/dist/typings/elements/common/Label.d.ts

@@ -4,11 +4,8 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React, { HTMLAttributes } from 'react';
-export interface ILabelProps extends HTMLAttributes<HTMLLabelElement> {
-    /** Applies regular (non-bold) font weight */
-    isRegular?: boolean;
-}
+import React from 'react';
+import { ILabelProps } from '../../types';
 /**
  * @extends LabelHTMLAttributes<HTMLLabelElement>
  */

package/dist/typings/elements/common/Message.d.ts

@@ -4,12 +4,8 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React, { HTMLAttributes } from 'react';
-import { VALIDATION } from '../../utils/validation';
-export interface IMessageProps extends HTMLAttributes<HTMLDivElement> {
-    /** Applies validation state styling */
-    validation?: VALIDATION;
-}
+import React from 'react';
+import { IMessageProps } from '../../types';
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */

package/dist/typings/elements/faux-input/FauxInput.d.ts

@@ -5,7 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React, { HTMLAttributes } from 'react';
-import { VALIDATION } from '../../utils/validation';
+import { IFauxInputProps } from '../../types';
 import { StartIcon } from './components/StartIcon';
 import { EndIcon } from './components/EndIcon';
 /**
@@ -18,24 +18,6 @@ export interface IIconProps extends HTMLAttributes<HTMLElement> {
     isRotated: boolean;
     children: any;
 }
-export interface IFauxInputProps extends HTMLAttributes<HTMLDivElement> {
-    /** Applies compact styling */
-    isCompact?: boolean;
-    /** Removes borders and padding */
-    isBare?: boolean;
-    /** Applies inset `box-shadow` styling on focus */
-    focusInset?: boolean;
-    /** Indicates that the element is not interactive */
-    disabled?: boolean;
-    /** Applies read-only styling */
-    readOnly?: boolean;
-    /** Applies validation state styling */
-    validation?: VALIDATION;
-    /** Applies focus stying */
-    isFocused?: boolean;
-    /** Applies hover stying */
-    isHovered?: boolean;
-}
 /**
  *  @extends HTMLAttributes<HTMLDivElement>
  */

package/dist/typings/elements/faux-input/components/EndIcon.d.ts

@@ -4,21 +4,11 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import { SVGAttributes } from 'react';
-export interface IFauxInputEndIconProps extends SVGAttributes<SVGElement> {
-    /** Applies hover styling */
-    isHovered?: boolean;
-    /** Applies focus styling */
-    isFocused?: boolean;
-    /** Applies disabled styling */
-    isDisabled?: boolean;
-    /** Rotates icon 180 degrees */
-    isRotated?: boolean;
-}
+import { IFauxInputIconProps } from '../../../types';
 /**
  * @extends SVGAttributes<SVGElement>
  */
 export declare const EndIcon: {
-    (props: IFauxInputEndIconProps): JSX.Element;
+    (props: IFauxInputIconProps): JSX.Element;
     displayName: string;
 };

package/dist/typings/elements/faux-input/components/StartIcon.d.ts

@@ -4,21 +4,11 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import { SVGAttributes } from 'react';
-export interface IFauxInputStartIconProps extends SVGAttributes<SVGElement> {
-    /** Applies hover styling */
-    isHovered?: boolean;
-    /** Applies focus styling */
-    isFocused?: boolean;
-    /** Applies disabled styling */
-    isDisabled?: boolean;
-    /** Rotates icon 180 degrees */
-    isRotated?: boolean;
-}
+import { IFauxInputIconProps } from '../../../types';
 /**
  * @extends SVGAttributes<SVGElement>
  */
 export declare const StartIcon: {
-    (props: IFauxInputStartIconProps): JSX.Element;
+    (props: IFauxInputIconProps): JSX.Element;
     displayName: string;
 };

package/dist/typings/elements/file-list/components/File.d.ts

@@ -4,20 +4,10 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React, { HTMLAttributes } from 'react';
+import React from 'react';
+import { IFileProps } from '../../../types';
 import { Close } from './Close';
 import { Delete } from './Delete';
-import { FILE_TYPE, VALIDATION_TYPE } from '../utils';
-export interface IFileProps extends HTMLAttributes<HTMLDivElement> {
-    /** Applies compact styling */
-    isCompact?: boolean;
-    /** Determines the icon to display */
-    type?: FILE_TYPE;
-    /** Applies inset `box-shadow` styling on focus */
-    focusInset?: boolean;
-    /** Applies validation state styling */
-    validation?: VALIDATION_TYPE;
-}
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */

package/dist/typings/elements/file-list/utils.d.ts

@@ -5,21 +5,6 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React from 'react';
-export declare enum FileType {
-    pdf = "pdf",
-    zip = "zip",
-    image = "image",
-    document = "document",
-    spreadsheet = "spreadsheet",
-    presentation = "presentation",
-    generic = "generic"
-}
-export declare enum ValidationType {
-    success = "success",
-    error = "error"
-}
-export declare type FILE_TYPE = keyof typeof FileType;
-export declare type VALIDATION_TYPE = keyof typeof ValidationType;
-export declare const ARRAY_FILE_TYPE: FILE_TYPE[];
-export declare const fileIconsDefault: Record<FILE_TYPE | VALIDATION_TYPE, React.ReactNode>;
-export declare const fileIconsCompact: Record<FILE_TYPE | VALIDATION_TYPE, React.ReactNode>;
+import { FileType, FileValidation } from '../../types';
+export declare const fileIconsDefault: Record<FileType | FileValidation, React.ReactNode>;
+export declare const fileIconsCompact: Record<FileType | FileValidation, React.ReactNode>;

package/dist/typings/elements/input-group/InputGroup.d.ts

@@ -4,11 +4,8 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React, { HTMLAttributes } from 'react';
-export interface IInputGroupProps extends HTMLAttributes<HTMLDivElement> {
-    /** Applies compact styling */
-    isCompact?: boolean;
-}
+import React from 'react';
+import { IInputGroupProps } from '../../types';
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */

package/dist/typings/elements/tiles/Tiles.d.ts

@@ -4,21 +4,12 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React, { HTMLAttributes, ChangeEventHandler } from 'react';
+import React from 'react';
+import { ITilesProps } from '../../types';
 import { Tile } from './components/Tile';
 import { Description } from './components/Description';
 import { Icon } from './components/Icon';
 import { Label } from './components/Label';
-export interface ITilesProps extends HTMLAttributes<HTMLDivElement> {
-    /** Sets the value of the selected radio button */
-    value?: string;
-    /** Handles radio selection */
-    onChange?: ChangeEventHandler<HTMLInputElement>;
-    /** Sets the name used to reference the value of the control */
-    name: string;
-    /** Centers tile content */
-    isCentered?: boolean;
-}
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */

package/dist/typings/elements/tiles/components/Tile.d.ts

@@ -4,13 +4,8 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React, { HTMLAttributes } from 'react';
-export interface ITilesTileProps extends HTMLAttributes<HTMLLabelElement> {
-    /** Sets the value of the input */
-    value?: string;
-    /** Indicates that the element is not interactive */
-    disabled?: boolean;
-}
+import React from 'react';
+import { ITilesTileProps } from '../../../types';
 /**
  * @extends HTMLAttributes<HTMLLabelElement>
  */

package/dist/typings/index.d.ts

@@ -8,47 +8,31 @@
 export { Field } from './elements/common/Field';
 export type { IFieldProps } from './elements/common/Field';
 export { Fieldset } from './elements/common/Fieldset';
-export type { IFieldsetProps } from './elements/common/Fieldset';
 export { Hint } from './elements/common/Hint';
 export { Label } from './elements/common/Label';
-export type { ILabelProps } from './elements/common/Label';
 export { Message } from './elements/common/Message';
-export type { IMessageProps } from './elements/common/Message';
 /** Fields */
 export { Checkbox } from './elements/Checkbox';
-export type { ICheckboxProps } from './elements/Checkbox';
 export { Input } from './elements/Input';
-export type { IInputProps } from './elements/Input';
 export { Radio } from './elements/Radio';
-export type { IRadioProps } from './elements/Radio';
 export { Range } from './elements/Range';
-export type { IRangeProps } from './elements/Range';
 export { Textarea } from './elements/Textarea';
-export type { ITextareaProps } from './elements/Textarea';
 export { Toggle } from './elements/Toggle';
-export type { IToggleProps } from './elements/Toggle';
 export { Select } from './elements/Select';
-export type { ISelectProps } from './elements/Select';
 export { MultiThumbRange } from './elements/MultiThumbRange';
-export type { IMultiThumbRangeProps } from './elements/MultiThumbRange';
 /** Tiles */
 export { Tiles } from './elements/tiles/Tiles';
-export type { ITilesProps } from './elements/tiles/Tiles';
-export type { ITilesTileProps } from './elements/tiles/components/Tile';
 /** Input Group */
 export { InputGroup } from './elements/input-group/InputGroup';
-export type { IInputGroupProps } from './elements/input-group/InputGroup';
 /** File Upload */
 export { FileUpload } from './elements/FileUpload';
-export type { IFileUploadProps } from './elements/FileUpload';
 /** File List */
 export { FileList } from './elements/file-list/FileList';
 export { File } from './elements/file-list/components/File';
-export type { IFileProps } from './elements/file-list/components/File';
 /** Other */
 export { FauxInput } from './elements/faux-input/FauxInput';
-export type { IFauxInputProps, IIconProps } from './elements/faux-input/FauxInput';
-export type { IFauxInputStartIconProps } from './elements/faux-input/components/StartIcon';
-export type { IFauxInputEndIconProps } from './elements/faux-input/components/EndIcon';
+export type { IIconProps } from './elements/faux-input/FauxInput';
 export { MediaInput } from './elements/MediaInput';
-export type { IMediaInputProps } from './elements/MediaInput';
+/** types */
+export { VALIDATION } from './types';
+export type { IFieldsetProps, ILabelProps, IMessageProps, ICheckboxProps, IRadioProps, IToggleProps, IInputProps, ITextareaProps, ISelectProps, IFileUploadProps, IFileProps, IRangeProps, IMultiThumbRangeProps, IInputGroupProps, ITilesProps, ITilesTileProps, IFauxInputProps, IFauxInputIconProps as IFauxInputStartIconProps, IFauxInputIconProps as IFauxInputEndIconProps, IMediaInputProps } from './types';

package/dist/typings/styled/common/StyledMessage.d.ts

@@ -5,9 +5,9 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { DefaultTheme } from 'styled-components';
-import { VALIDATION } from '../../utils/validation';
+import { Validation } from '../../types';
 export interface IStyledMessageProps {
-    validation?: VALIDATION;
+    validation?: Validation;
 }
 export declare const StyledMessage: import("styled-components").StyledComponent<"div", DefaultTheme, {
     'data-garden-id': string;

package/dist/typings/styled/common/StyledMessageIcon.d.ts

@@ -5,9 +5,9 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React from 'react';
-import { VALIDATION } from '../../utils/validation';
+import { Validation } from '../../types';
 interface IStyledMessageIconProps {
-    validation?: VALIDATION;
+    validation?: Validation;
 }
 export declare const StyledMessageIcon: import("styled-components").StyledComponent<React.FC<IStyledMessageIconProps>, import("styled-components").DefaultTheme, {
     'data-garden-id': string;

package/dist/typings/styled/file-list/StyledFile.d.ts

@@ -5,10 +5,11 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { DefaultTheme } from 'styled-components';
+import { FileValidation } from '../../types';
 interface IStyledFileProps {
     isCompact?: boolean;
     focusInset?: boolean;
-    validation?: 'success' | 'error';
+    validation?: FileValidation;
 }
 export declare const StyledFile: import("styled-components").StyledComponent<"div", DefaultTheme, {
     'data-garden-id': string;

package/dist/typings/styled/text/StyledTextInput.d.ts

@@ -5,13 +5,13 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { DefaultTheme } from 'styled-components';
-import { VALIDATION } from '../../utils/validation';
+import { Validation } from '../../types';
 export interface IStyledTextInputProps {
     isCompact?: boolean;
     isBare?: boolean;
     isHovered?: boolean;
     isFocused?: boolean;
     focusInset?: boolean;
-    validation?: VALIDATION;
+    validation?: Validation;
 }
 export declare const StyledTextInput: import("styled-components").StyledComponent<"input", DefaultTheme, IStyledTextInputProps, never>;

package/dist/typings/types/index.d.ts

@@ -0,0 +1,143 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import { FieldsetHTMLAttributes, HTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, SelectHTMLAttributes, SVGAttributes, TextareaHTMLAttributes } from 'react';
+export declare const VALIDATION: readonly ["success", "warning", "error"];
+export declare const FILE_VALIDATION: readonly ["success", "error"];
+export declare const FILE_TYPE: readonly ["pdf", "zip", "image", "document", "spreadsheet", "presentation", "generic"];
+export declare type Validation = typeof VALIDATION[number];
+export declare type FileValidation = typeof FILE_VALIDATION[number];
+export declare type FileType = typeof FILE_TYPE[number];
+export interface IFieldsetProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {
+    /** Applies compact styling */
+    isCompact?: boolean;
+}
+export interface IInputGroupProps extends Pick<IFieldsetProps, 'isCompact'>, HTMLAttributes<HTMLDivElement> {
+}
+export interface ILabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
+    /** Applies regular (non-bold) font weight */
+    isRegular?: boolean;
+    /** Hides the label visually without hiding it from screen readers */
+    hidden?: LabelHTMLAttributes<HTMLLabelElement>['hidden'];
+}
+export interface IMessageProps extends HTMLAttributes<HTMLDivElement> {
+    /** Applies validation state styling */
+    validation?: Validation;
+}
+export interface IRadioProps extends InputHTMLAttributes<HTMLInputElement> {
+    /** Applies compact styling */
+    isCompact?: IFieldsetProps['isCompact'];
+}
+export interface IToggleProps extends IRadioProps {
+}
+export interface ICheckboxProps extends IRadioProps {
+    /**
+     * Sets the checkbox state to
+     * [indeterminate](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#Indeterminate_state_checkboxes)
+     */
+    indeterminate?: boolean;
+}
+export interface IInputProps extends IRadioProps {
+    /** Removes borders and padding */
+    isBare?: boolean;
+    /** Applies inset `box-shadow` styling on focus */
+    focusInset?: boolean;
+    /** Applies validation state styling */
+    validation?: Validation;
+}
+export interface IMediaInputProps extends IInputProps {
+    /** Accepts a "start" icon to display */
+    start?: any;
+    /** Accepts an "end" icon to display */
+    end?: any;
+    /** Applies props to the wrapping [FauxInput](#fauxinput) element */
+    wrapperProps?: any;
+    /** Applies a ref to the wrapping [FauxInput](#fauxinput) element */
+    wrapperRef?: any;
+}
+export interface IFauxInputProps extends Pick<IInputProps, 'isCompact' | 'isBare' | 'focusInset' | 'validation'>, HTMLAttributes<HTMLDivElement> {
+    /** Indicates that the element is not interactive */
+    disabled?: IInputProps['disabled'];
+    /** Applies read-only styling */
+    readOnly?: IInputProps['readOnly'];
+    /** Applies focus stying */
+    isFocused?: boolean;
+    /** Applies hover stying */
+    isHovered?: boolean;
+}
+export interface IFauxInputIconProps extends Pick<IFauxInputProps, 'isHovered' | 'isFocused'>, SVGAttributes<SVGElement> {
+    /** Applies disabled styling */
+    isDisabled?: IFauxInputProps['disabled'];
+    /** Rotates icon 180 degrees */
+    isRotated?: boolean;
+}
+export interface ITextareaProps extends Pick<IInputProps, 'isCompact' | 'isBare' | 'focusInset' | 'validation'>, TextareaHTMLAttributes<HTMLTextAreaElement> {
+    /** Enables manual vertical resize */
+    isResizable?: boolean;
+    /** Defines the minimum height in rows */
+    minRows?: number;
+    /** Defines the maximum height in rows */
+    maxRows?: number;
+}
+export interface ISelectProps extends Pick<IInputProps, 'isCompact' | 'isBare' | 'focusInset' | 'validation'>, SelectHTMLAttributes<HTMLSelectElement> {
+}
+export interface IFileUploadProps extends Pick<IInputProps, 'disabled' | 'isCompact'>, HTMLAttributes<HTMLDivElement> {
+    /** Indicates that the element is not interactive */
+    disabled?: IInputProps['disabled'];
+    /** Applies drag styling */
+    isDragging?: boolean;
+}
+export interface IFileProps extends Pick<IInputProps, 'isCompact' | 'focusInset'>, HTMLAttributes<HTMLDivElement> {
+    /** Determines the icon to display */
+    type?: FileType;
+    /** Applies validation state styling */
+    validation?: FileValidation;
+}
+export interface IRangeProps extends InputHTMLAttributes<HTMLInputElement> {
+    /** @ignore */
+    hasLowerTrack?: boolean;
+}
+export interface IMultiThumbRangeProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Sets the minimum permitted value */
+    min?: number;
+    /** Sets the maximum permitted value */
+    max?: number;
+    /** Sets the minimum thumb input value */
+    minValue?: number;
+    /** Sets the maximum thumb input value */
+    maxValue?: number;
+    /** Defines the stepping interval */
+    step?: number;
+    /** Indicates that the element is not interactive */
+    disabled?: IRangeProps['disabled'];
+    /**
+     * Handles change events
+     *
+     * @param {Object} updatedValues The values that have changed
+     * @param {number} [updatedValues.minValue] The optional minimum value
+     * @param {number} [updatedValues.maxValue] The optional maximum value
+     * */
+    onChange?: (updatedValues: {
+        minValue?: number;
+        maxValue?: number;
+    }) => void;
+}
+export interface ITilesProps extends HTMLAttributes<HTMLDivElement> {
+    /** Sets the value of the selected radio button */
+    value?: IRadioProps['value'];
+    /** Handles radio selection */
+    onChange?: IRadioProps['onChange'];
+    /** Sets the name used to reference the value of the control */
+    name: NonNullable<IRadioProps['name']>;
+    /** Centers tile content */
+    isCentered?: boolean;
+}
+export interface ITilesTileProps extends HTMLAttributes<HTMLLabelElement> {
+    /** Sets the value of the input */
+    value?: IRadioProps['value'];
+    /** Indicates that the element is not interactive */
+    disabled?: IRadioProps['disabled'];
+}

package/dist/typings/utils/useTilesContext.d.ts

@@ -4,13 +4,7 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import { ChangeEventHandler } from 'react';
-interface ITilesContext {
-    value?: string;
-    onChange?: ChangeEventHandler<HTMLInputElement>;
-    name: string;
-    isCentered?: boolean;
-}
-export declare const TilesContext: import("react").Context<ITilesContext | undefined>;
-export declare const useTilesContext: () => ITilesContext | undefined;
-export {};
+/// <reference types="react" />
+import { ITilesProps } from '../types';
+export declare const TilesContext: import("react").Context<Pick<ITilesProps, "value" | "onChange" | "name" | "isCentered"> | undefined>;
+export declare const useTilesContext: () => Pick<ITilesProps, "value" | "onChange" | "name" | "isCentered"> | undefined;