@zendeskgarden/react-forms 8.69.2 → 8.69.4

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

@@ -1,147 +1,147 @@
-/**
- * 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 type Validation = (typeof VALIDATION)[number];
-export type FileValidation = (typeof FILE_VALIDATION)[number];
-export 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;
-    /** Defines the aria-label for the validation icon */
-    validationLabel?: string;
-}
-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 value */
-    minValue?: number;
-    /** Sets the maximum thumb value */
-    maxValue?: number;
-    /** Defines the stepping interval */
-    step?: number;
-    /** Defines the jumping interval for keyboard page up/down navigation. Defaults to `step`. */
-    jump?: 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'];
-}
+/**
+ * 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 type Validation = (typeof VALIDATION)[number];
+export type FileValidation = (typeof FILE_VALIDATION)[number];
+export 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;
+    /** Defines the aria-label for the validation icon */
+    validationLabel?: string;
+}
+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 value */
+    minValue?: number;
+    /** Sets the maximum thumb value */
+    maxValue?: number;
+    /** Defines the stepping interval */
+    step?: number;
+    /** Defines the jumping interval for keyboard page up/down navigation. Defaults to `step`. */
+    jump?: 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/useFieldContext.d.ts

@@ -1,26 +1,26 @@
-/**
- * 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 { MutableRefObject } from 'react';
-import { IUseFieldPropGetters } from '@zendeskgarden/container-field';
-interface IFieldContext extends IUseFieldPropGetters {
-    getMessageProps: (messageProps: any) => any;
-    isLabelActive: boolean;
-    isLabelHovered: boolean;
-    setIsLabelHovered: (isLabelHovered: boolean) => void;
-    setIsLabelActive: (isLabelActive: boolean) => void;
-    multiThumbRangeRef: MutableRefObject<HTMLDivElement | null>;
-    setHasHint: (hintPresent: boolean) => void;
-    hasHint: boolean;
-    setHasMessage: (messagePresent: boolean) => void;
-    hasMessage: boolean;
-}
-export declare const FieldContext: import("react").Context<IFieldContext | undefined>;
-/**
- * Retrieve Field component context
- */
-declare const useFieldContext: () => IFieldContext | undefined;
-export default useFieldContext;
+/**
+ * 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 { MutableRefObject } from 'react';
+import { IUseFieldPropGetters } from '@zendeskgarden/container-field';
+interface IFieldContext extends IUseFieldPropGetters {
+    getMessageProps: (messageProps: any) => any;
+    isLabelActive: boolean;
+    isLabelHovered: boolean;
+    setIsLabelHovered: (isLabelHovered: boolean) => void;
+    setIsLabelActive: (isLabelActive: boolean) => void;
+    multiThumbRangeRef: MutableRefObject<HTMLDivElement | null>;
+    setHasHint: (hintPresent: boolean) => void;
+    hasHint: boolean;
+    setHasMessage: (messagePresent: boolean) => void;
+    hasMessage: boolean;
+}
+export declare const FieldContext: import("react").Context<IFieldContext | undefined>;
+/**
+ * Retrieve Field component context
+ */
+declare const useFieldContext: () => IFieldContext | undefined;
+export default useFieldContext;

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

@@ -1,16 +1,16 @@
-/**
- * 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.
- */
-/// <reference types="react" />
-interface IFieldsetContext {
-    isCompact?: boolean;
-}
-export declare const FieldsetContext: import("react").Context<IFieldsetContext | undefined>;
-/**
- * Retrieve Fieldset component context
- */
-declare const useFieldsetContext: () => IFieldsetContext | undefined;
-export default useFieldsetContext;
+/**
+ * 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.
+ */
+/// <reference types="react" />
+interface IFieldsetContext {
+    isCompact?: boolean;
+}
+export declare const FieldsetContext: import("react").Context<IFieldsetContext | undefined>;
+/**
+ * Retrieve Fieldset component context
+ */
+declare const useFieldsetContext: () => IFieldsetContext | undefined;
+export default useFieldsetContext;

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

@@ -1,13 +1,13 @@
-/**
- * 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.
- */
-/// <reference types="react" />
-interface IFileContext {
-    isCompact?: boolean;
-}
-export declare const FileContext: import("react").Context<IFileContext | undefined>;
-declare const useFileContext: () => IFileContext | undefined;
-export default useFileContext;
+/**
+ * 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.
+ */
+/// <reference types="react" />
+interface IFileContext {
+    isCompact?: boolean;
+}
+export declare const FileContext: import("react").Context<IFileContext | undefined>;
+declare const useFileContext: () => IFileContext | undefined;
+export default useFileContext;

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

@@ -1,14 +1,14 @@
-/**
- * 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.
- */
-/// <reference types="react" />
-type INPUT_CONTEXT_VALUE = 'checkbox' | 'radio' | 'toggle' | undefined;
-export declare const InputContext: import("react").Context<INPUT_CONTEXT_VALUE>;
-/**
- * Retrieve input component context
- */
-declare const useInputContext: () => INPUT_CONTEXT_VALUE;
-export default useInputContext;
+/**
+ * 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.
+ */
+/// <reference types="react" />
+type INPUT_CONTEXT_VALUE = 'checkbox' | 'radio' | 'toggle' | undefined;
+export declare const InputContext: import("react").Context<INPUT_CONTEXT_VALUE>;
+/**
+ * Retrieve input component context
+ */
+declare const useInputContext: () => INPUT_CONTEXT_VALUE;
+export default useInputContext;

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

@@ -1,16 +1,16 @@
-/**
- * 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.
- */
-/// <reference types="react" />
-interface IInputGroupContext {
-    isCompact?: boolean;
-}
-export declare const InputGroupContext: import("react").Context<IInputGroupContext | undefined>;
-/**
- * Retrieve InputGroup component context
- */
-export declare const useInputGroupContext: () => IInputGroupContext | undefined;
-export {};
+/**
+ * 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.
+ */
+/// <reference types="react" />
+interface IInputGroupContext {
+    isCompact?: boolean;
+}
+export declare const InputGroupContext: import("react").Context<IInputGroupContext | undefined>;
+/**
+ * Retrieve InputGroup component context
+ */
+export declare const useInputGroupContext: () => IInputGroupContext | undefined;
+export {};

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

@@ -1,10 +1,10 @@
-/**
- * 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.
- */
-/// <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;
+/**
+ * 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.
+ */
+/// <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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-forms",
-  "version": "8.69.2",
+  "version": "8.69.4",
   "description": "Components relating to form elements in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -37,7 +37,7 @@
   },
   "devDependencies": {
     "@types/lodash.debounce": "4.0.7",
-    "@zendeskgarden/react-theming": "^8.69.2",
+    "@zendeskgarden/react-theming": "^8.69.4",
     "@zendeskgarden/svg-icons": "6.33.0",
     "react-dropzone": "14.2.3"
   },
@@ -51,5 +51,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "a39f2b421375013a50990d206610e3813abc0bd7"
+  "gitHead": "4911fa867a3c7e72f0c78dcea8748893c3070c17"
 }