@zendeskgarden/react-forms 8.45.0 → 8.47.2

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

@@ -30,8 +30,7 @@ export interface IMultiThumbRangeProps extends Omit<HTMLAttributes<HTMLDivElemen
         maxValue?: number;
     }) => void;
 }
-declare const _default: React.FunctionComponent<IMultiThumbRangeProps>;
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export default _default;
+export declare const MultiThumbRange: React.FC<IMultiThumbRangeProps>;

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

@@ -5,7 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React, { InputHTMLAttributes } from 'react';
-interface IRangeProps extends InputHTMLAttributes<HTMLInputElement> {
+export interface IRangeProps extends InputHTMLAttributes<HTMLInputElement> {
     /** @ignore */
     hasLowerTrack?: boolean;
 }
@@ -13,4 +13,3 @@ interface IRangeProps extends InputHTMLAttributes<HTMLInputElement> {
  * @extends InputHTMLAttributes<HTMLInputElement>
  */
 export declare const Range: React.ForwardRefExoticComponent<IRangeProps & React.RefAttributes<HTMLInputElement>>;
-export {};

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

@@ -0,0 +1,11 @@
+/**
+ * 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 React from 'react';
+/**
+ * @extends HTMLAttributes<HTMLDivElement>
+ */
+export declare const Delete: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

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

@@ -6,7 +6,8 @@
  */
 import { RefAttributes, HTMLAttributes, PropsWithoutRef, ForwardRefExoticComponent } from 'react';
 import { Close } from './Close';
-import { FILE_TYPE } from '../utils';
+import { Delete } from './Delete';
+import { FILE_TYPE, VALIDATION_TYPE } from '../utils';
 export interface IFileProps extends HTMLAttributes<HTMLDivElement> {
     /** Applies compact styling */
     isCompact?: boolean;
@@ -14,9 +15,12 @@ export interface IFileProps extends HTMLAttributes<HTMLDivElement> {
     type?: FILE_TYPE;
     /** Applies inset `box-shadow` styling on focus */
     focusInset?: boolean;
+    /** Applies validation state styling */
+    validation?: VALIDATION_TYPE;
 }
 interface IStaticFileExport<T, P> extends ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>> {
     Close: typeof Close;
+    Delete: typeof Delete;
 }
 /**
  * @extends HTMLAttributes<HTMLDivElement>

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

@@ -11,8 +11,15 @@ export declare enum FileType {
     image = "image",
     document = "document",
     spreadsheet = "spreadsheet",
-    presentation = "presentation"
+    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 fileIcons: Record<FILE_TYPE, React.ReactNode>;
+export declare const fileIconsDefault: Record<FILE_TYPE | VALIDATION_TYPE, React.ReactNode>;
+export declare const fileIconsCompact: Record<FILE_TYPE | VALIDATION_TYPE, React.ReactNode>;

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

@@ -9,7 +9,7 @@ import { Tile } from './components/Tile';
 import { Description } from './components/Description';
 import { Icon } from './components/Icon';
 import { Label } from './components/Label';
-interface ITilesProps extends HTMLAttributes<HTMLDivElement> {
+export interface ITilesProps extends HTMLAttributes<HTMLDivElement> {
     /** Sets the value of the selected radio button */
     value?: string;
     /** Handles radio selection */

package/dist/typings/index.d.ts

@@ -22,16 +22,18 @@ 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 { default as MultiThumbRange } from './elements/MultiThumbRange';
+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';
 /** Input Group */
 export { InputGroup } from './elements/input-group/InputGroup';
 export type { IInputGroupProps } from './elements/input-group/InputGroup';

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

@@ -8,6 +8,7 @@ import { DefaultTheme } from 'styled-components';
 interface IStyledFileProps {
     isCompact?: boolean;
     focusInset?: boolean;
+    validation?: 'success' | 'error';
 }
 export declare const StyledFile: import("styled-components").StyledComponent<"div", DefaultTheme, {
     'data-garden-id': string;

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

@@ -0,0 +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.
+ */
+export declare const StyledFileDelete: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & {
+    'data-garden-id': string;
+    'data-garden-version': string;
+}, "data-garden-id" | "data-garden-version">;

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

@@ -5,7 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React from 'react';
-export declare const StyledFileIcon: import("styled-components").StyledComponent<({ children, ...props }: any) => React.DetailedReactHTMLElement<any, HTMLElement>, import("styled-components").DefaultTheme, {
+export declare const StyledFileIcon: import("styled-components").StyledComponent<({ children, isCompact, theme, ...props }: any) => React.DetailedReactHTMLElement<any, HTMLElement>, import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 }, "data-garden-id" | "data-garden-version">;

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

@@ -44,6 +44,7 @@ export * from './file-upload/StyledFileUpload';
  */
 export * from './file-list/StyledFile';
 export * from './file-list/StyledFileClose';
+export * from './file-list/StyledFileDelete';
 export * from './file-list/StyledFileIcon';
 export * from './file-list/StyledFileList';
 export * from './file-list/StyledFileListItem';

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

@@ -0,0 +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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-forms",
-  "version": "8.45.0",
+  "version": "8.47.2",
   "description": "Components relating to form elements in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -22,7 +22,7 @@
   "types": "dist/typings/index.d.ts",
   "dependencies": {
     "@zendeskgarden/container-field": "^1.3.6",
-    "@zendeskgarden/container-utilities": "^0.6.0",
+    "@zendeskgarden/container-utilities": "^0.7.0",
     "lodash.debounce": "^4.0.8",
     "polished": "^4.0.0",
     "prop-types": "^15.5.7",
@@ -36,7 +36,7 @@
   },
   "devDependencies": {
     "@types/lodash.debounce": "4.0.6",
-    "@zendeskgarden/react-theming": "^8.45.0",
+    "@zendeskgarden/react-theming": "^8.47.2",
     "@zendeskgarden/svg-icons": "6.30.2",
     "react-dropzone": "11.4.2"
   },
@@ -50,5 +50,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "7a2f38e395cd0b1e0f09e5925ca721b254c57a5d"
+  "gitHead": "41cb43f285760417ae2145e47eca0e4a600455ab"
 }