@zendeskgarden/react-forms 8.44.2 → 8.47.1

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/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.44.2",
+  "version": "8.47.1",
   "description": "Components relating to form elements in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -36,7 +36,7 @@
   },
   "devDependencies": {
     "@types/lodash.debounce": "4.0.6",
-    "@zendeskgarden/react-theming": "^8.44.2",
+    "@zendeskgarden/react-theming": "^8.47.1",
     "@zendeskgarden/svg-icons": "6.30.2",
     "react-dropzone": "11.4.2"
   },
@@ -50,5 +50,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "179b8d53e7f0a73528ae31c10d8f7e39ab73d7ca"
+  "gitHead": "62420ca54dbb5b3b90cd05bf455cd4ba91b4965e"
 }