@zendeskgarden/react-forms 8.38.0 → 8.40.1

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

@@ -0,0 +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.
+ */
+import React, { RefAttributes, PropsWithoutRef, ForwardRefExoticComponent } from 'react';
+import { Item } from './components/Item';
+interface IStaticFileListExport<T, P> extends ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>> {
+    Item: typeof Item;
+}
+/**
+ * @extends HTMLAttributes<HTMLUListElement>
+ */
+export declare const FileList: IStaticFileListExport<HTMLUListElement, React.HTMLAttributes<HTMLUListElement>>;
+export {};

package/dist/typings/elements/file-list/components/Close.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 Close: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,25 @@
+/**
+ * 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 { RefAttributes, HTMLAttributes, PropsWithoutRef, ForwardRefExoticComponent } from 'react';
+import { Close } from './Close';
+import { FILE_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;
+}
+interface IStaticFileExport<T, P> extends ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>> {
+    Close: typeof Close;
+}
+/**
+ * @extends HTMLAttributes<HTMLDivElement>
+ */
+export declare const File: IStaticFileExport<HTMLDivElement, IFileProps>;
+export {};

package/dist/typings/elements/file-list/components/Item.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 LiHTMLAttributes<HTMLLIElement>
+ */
+export declare const Item: React.ForwardRefExoticComponent<React.LiHTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;

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

@@ -0,0 +1,18 @@
+/**
+ * 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';
+export declare enum FileType {
+    pdf = "pdf",
+    zip = "zip",
+    image = "image",
+    document = "document",
+    spreadsheet = "spreadsheet",
+    presentation = "presentation"
+}
+export declare type FILE_TYPE = keyof typeof FileType;
+export declare const ARRAY_FILE_TYPE: FILE_TYPE[];
+export declare const fileIcons: Record<FILE_TYPE, React.ReactNode>;

package/dist/typings/index.d.ts

@@ -38,6 +38,10 @@ 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/FauxInput';
 export type { IFauxInputProps, IStaticFauxInputExport, IIconProps } from './elements/FauxInput';

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

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

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

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

package/dist/typings/styled/file-list/StyledFileIcon.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';
+export declare const StyledFileIcon: import("styled-components").StyledComponent<({ children, ...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/file-list/StyledFileList.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.
+ */
+/**
+ * 1. <ul> reset.
+ */
+export declare const StyledFileList: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+}, "data-garden-id" | "data-garden-version">;

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

@@ -0,0 +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.
+ */
+export declare const StyledFileListItem: import("styled-components").StyledComponent<"li", 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

@@ -39,6 +39,14 @@ export * from './checkbox/StyledDashSvg';
  * FileUpload styles
  */
 export * from './file-upload/StyledFileUpload';
+/**
+ * FileList styles
+ */
+export * from './file-list/StyledFile';
+export * from './file-list/StyledFileClose';
+export * from './file-list/StyledFileIcon';
+export * from './file-list/StyledFileList';
+export * from './file-list/StyledFileListItem';
 /**
  * Radio styles
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-forms",
-  "version": "8.38.0",
+  "version": "8.40.1",
   "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.5.5",
+    "@zendeskgarden/container-utilities": "^0.6.0",
     "lodash.debounce": "^4.0.8",
     "polished": "^4.0.0",
     "prop-types": "^15.5.7"
@@ -35,9 +35,9 @@
   },
   "devDependencies": {
     "@types/lodash.debounce": "4.0.6",
-    "@zendeskgarden/react-theming": "^8.38.0",
+    "@zendeskgarden/react-theming": "^8.40.1",
     "@zendeskgarden/svg-icons": "6.30.2",
-    "react-dropzone": "11.3.2"
+    "react-dropzone": "11.4.0"
   },
   "keywords": [
     "components",
@@ -49,5 +49,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "275611910f485c64e06cd8a7f7b9296aca30d73a"
+  "gitHead": "7feeb65e934f41f48757fcd3bd0d36287b893fae"
 }