@zendeskgarden/react-forms 9.0.0 → 9.1.1

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

@@ -0,0 +1,9 @@
+/**
+ * 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 { FC, PropsWithChildren } from 'react';
+import { IMessageIconProps } from '../../types';
+export declare const MessageIcon: FC<PropsWithChildren<IMessageIconProps>>;

package/dist/typings/styled/checkbox/StyledCheckLabel.d.ts

@@ -10,8 +10,8 @@ export declare const StyledCheckLabel: import("styled-components").StyledCompone
 } & import("..").IStyledLabelProps & {
     'data-garden-id': string;
     'data-garden-version': string;
-    isRadio: boolean;
+    $isRadio: boolean;
 } & {
     'data-garden-id': string;
     'data-garden-version': string;
-}, "data-garden-id" | "data-garden-version" | "isRadio">;
+}, "data-garden-id" | "data-garden-version" | "$isRadio">;

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

@@ -5,7 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 interface IStyledFieldsetProps {
-    isCompact?: boolean;
+    $isCompact?: boolean;
 }
 export declare const StyledFieldset: import("styled-components").StyledComponent<"fieldset", import("styled-components").DefaultTheme, {
     as: string;

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

@@ -5,8 +5,8 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 export interface IStyledLabelProps {
-    isRegular?: boolean;
-    isRadio?: boolean;
+    $isRegular?: boolean;
+    $isRadio?: boolean;
 }
 /**
  * 1. CSS Bedrock override.

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

@@ -4,9 +4,6 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-interface IStyledLegend {
-    isCompact?: boolean;
-}
 /**
  * 1. Reset for <legend>.
  */
@@ -14,5 +11,4 @@ export declare const StyledLegend: import("styled-components").StyledComponent<"
     as: string;
     'data-garden-id': string;
     'data-garden-version': string;
-} & IStyledLegend, "as" | "data-garden-id" | "data-garden-version">;
-export {};
+}, "as" | "data-garden-id" | "data-garden-version">;

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

@@ -7,7 +7,7 @@
 import { DefaultTheme } from 'styled-components';
 import { Validation } from '../../types';
 export interface IStyledMessageProps {
-    validation?: Validation;
+    $validation?: Validation;
 }
 export declare const StyledMessage: import("styled-components").StyledComponent<"div", DefaultTheme, {
     'data-garden-id': any;

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

@@ -4,15 +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 React from 'react';
-import { Validation } from '../../types';
-interface IStyledMessageIconProps {
-    validation?: Validation;
-}
-export declare const StyledMessageIcon: import("styled-components").StyledComponent<React.FC<React.PropsWithChildren<IStyledMessageIconProps>>, import("styled-components").DefaultTheme, {
+export declare const StyledMessageIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => React.DetailedReactHTMLElement<any, HTMLElement>, import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
-    'aria-hidden': null;
-    role: string;
-} & IStyledMessageIconProps, "role" | "aria-hidden" | "data-garden-id" | "data-garden-version">;
-export {};
+}, "data-garden-id" | "data-garden-version">;

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

@@ -7,9 +7,9 @@
 import { DefaultTheme } from 'styled-components';
 import { FileValidation } from '../../types';
 interface IStyledFileProps {
-    isCompact?: boolean;
-    focusInset?: boolean;
-    validation?: FileValidation;
+    $isCompact?: boolean;
+    $focusInset?: boolean;
+    $validation?: FileValidation;
 }
 export declare const StyledFile: import("styled-components").StyledComponent<"div", DefaultTheme, {
     'data-garden-id': string;

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

@@ -10,7 +10,7 @@ export interface IStyledFileIconProps {
     $isCompact?: boolean;
     $validation?: FileValidation;
 }
-export declare const StyledFileIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {
+export declare const StyledFileIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => React.DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 }, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/file-upload/StyledFileUpload.d.ts

@@ -6,8 +6,8 @@
  */
 import { DefaultTheme } from 'styled-components';
 interface IStyledFileUploadProps {
-    isDragging?: boolean;
-    isCompact?: boolean;
+    $isDragging?: boolean;
+    $isCompact?: boolean;
 }
 export declare const StyledFileUpload: import("styled-components").StyledComponent<"div", DefaultTheme, {
     'data-garden-id': string;

package/dist/typings/styled/input-group/StyledInputGroup.d.ts

@@ -6,7 +6,7 @@
  */
 import { DefaultTheme } from 'styled-components';
 interface IStyledInputGroupProps {
-    isCompact?: boolean;
+    $isCompact?: boolean;
 }
 export declare const StyledInputGroup: import("styled-components").StyledComponent<"div", DefaultTheme, {
     'data-garden-id': string;

package/dist/typings/styled/radio/StyledRadioInput.d.ts

@@ -6,7 +6,7 @@
  */
 import { DefaultTheme } from 'styled-components';
 export interface IStyledRadioInputProps {
-    isCompact?: boolean;
+    $isCompact?: boolean;
 }
 export declare const StyledRadioInput: import("styled-components").StyledComponent<"input", DefaultTheme, {
     'data-garden-id': string;

package/dist/typings/styled/radio/StyledRadioLabel.d.ts

@@ -14,5 +14,5 @@ export declare const StyledRadioLabel: import("styled-components").StyledCompone
 } & import("../common/StyledLabel").IStyledLabelProps & {
     'data-garden-id': string;
     'data-garden-version': string;
-    isRadio: boolean;
-}, "data-garden-id" | "data-garden-version" | "isRadio">;
+    $isRadio: boolean;
+}, "data-garden-id" | "data-garden-version" | "$isRadio">;

package/dist/typings/styled/range/StyledRangeInput.d.ts

@@ -6,8 +6,8 @@
  */
 import { DefaultTheme } from 'styled-components';
 interface IStyledRangeInputProps {
-    backgroundSize?: number | string;
-    hasLowerTrack?: boolean;
+    $backgroundSize?: number | string;
+    $hasLowerTrack?: boolean;
 }
 export declare const StyledRangeInput: import("styled-components").StyledComponent<"input", DefaultTheme, IStyledRangeInputProps, never>;
 export {};

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

@@ -7,8 +7,8 @@
 import { DefaultTheme } from 'styled-components';
 import { IStyledTextInputProps } from './StyledTextInput';
 export interface IStyledTextFauxInputProps extends IStyledTextInputProps {
-    mediaLayout?: boolean;
-    isDisabled?: boolean;
-    isReadOnly?: boolean;
+    $mediaLayout?: boolean;
+    $isDisabled?: boolean;
+    $isReadOnly?: boolean;
 }
 export declare const StyledTextFauxInput: import("styled-components").StyledComponent<"div", DefaultTheme, IStyledTextFauxInputProps, never>;

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

@@ -7,11 +7,11 @@
 import { DefaultTheme } from 'styled-components';
 import { Validation } from '../../types';
 export interface IStyledTextInputProps {
-    isCompact?: boolean;
-    isBare?: boolean;
-    isHovered?: boolean;
-    isFocused?: boolean;
-    focusInset?: boolean;
-    validation?: Validation;
+    $isCompact?: boolean;
+    $isBare?: boolean;
+    $isHovered?: boolean;
+    $isFocused?: boolean;
+    $focusInset?: boolean;
+    $validation?: Validation;
 }
 export declare const StyledTextInput: import("styled-components").StyledComponent<"input", DefaultTheme, IStyledTextInputProps, never>;

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

@@ -12,7 +12,7 @@ interface IStyledTextMediaFigureProps {
     $isDisabled?: boolean;
     $position: 'start' | 'end';
 }
-export declare const StyledTextMediaFigure: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {
+export declare const StyledTextMediaFigure: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => React.DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 } & IStyledTextMediaFigureProps, "data-garden-id" | "data-garden-version">;

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

@@ -7,5 +7,5 @@
 export declare const StyledTextMediaInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, import("./StyledTextInput").IStyledTextInputProps & {
     'data-garden-id': string;
     'data-garden-version': string;
-    isBare: boolean;
-}, "data-garden-id" | "data-garden-version" | "isBare">;
+    $isBare: boolean;
+}, "data-garden-id" | "data-garden-version" | "$isBare">;

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

@@ -5,8 +5,8 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 interface IStyledTextareaProps {
-    isResizable?: boolean;
-    isHidden?: boolean;
+    $isResizable?: boolean;
+    $isHidden?: boolean;
 }
 export declare const StyledTextarea: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, import("./StyledTextInput").IStyledTextInputProps & {
     as: string;

package/dist/typings/styled/tiles/StyledTileDescription.d.ts

@@ -6,7 +6,7 @@
  */
 import { DefaultTheme } from 'styled-components';
 interface IStyledTileDescriptionProps {
-    isCentered?: boolean;
+    $isCentered?: boolean;
 }
 export declare const StyledTileDescription: import("styled-components").StyledComponent<"span", DefaultTheme, {
     'data-garden-id': string;

package/dist/typings/styled/tiles/StyledTileIcon.d.ts

@@ -6,7 +6,7 @@
  */
 import { DefaultTheme } from 'styled-components';
 interface IStyledTileIconProps {
-    isCentered?: boolean;
+    $isCentered?: boolean;
 }
 export declare const StyledTileIcon: import("styled-components").StyledComponent<"span", DefaultTheme, {
     'data-garden-id': string;

package/dist/typings/styled/tiles/StyledTileLabel.d.ts

@@ -6,7 +6,7 @@
  */
 import { DefaultTheme } from 'styled-components';
 interface IStyledTileLabelProps {
-    isCentered?: boolean;
+    $isCentered?: boolean;
 }
 export declare const StyledTileLabel: import("styled-components").StyledComponent<"span", DefaultTheme, {
     'data-garden-id': string;

package/dist/typings/styled/toggle/StyledToggleLabel.d.ts

@@ -11,11 +11,11 @@ export declare const StyledToggleLabel: import("styled-components").StyledCompon
 } & import("..").IStyledLabelProps & {
     'data-garden-id': string;
     'data-garden-version': string;
-    isRadio: boolean;
+    $isRadio: boolean;
 } & {
     'data-garden-id': string;
     'data-garden-version': string;
 } & {
     'data-garden-id': string;
     'data-garden-version': string;
-}, "data-garden-id" | "data-garden-version" | "isRadio">;
+}, "data-garden-id" | "data-garden-version" | "$isRadio">;

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

@@ -29,6 +29,10 @@ export interface IMessageProps extends HTMLAttributes<HTMLDivElement> {
     /** Defines the aria-label for the validation icon */
     validationLabel?: string;
 }
+export interface IMessageIconProps {
+    /** Applies validation state styling */
+    validation?: Validation;
+}
 export interface IRadioProps extends InputHTMLAttributes<HTMLInputElement> {
     /** Applies compact styling */
     isCompact?: IFieldsetProps['isCompact'];
@@ -69,6 +73,8 @@ export interface IFauxInputProps extends Pick<IInputProps, 'isCompact' | 'isBare
     isFocused?: boolean;
     /** Applies hover stying */
     isHovered?: boolean;
+    /** @ignore Internal use only */
+    mediaLayout?: boolean;
 }
 export interface IFauxInputIconProps extends Pick<IFauxInputProps, 'isHovered' | 'isFocused'>, SVGAttributes<SVGElement> {
     /** Applies disabled styling */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-forms",
-  "version": "9.0.0",
+  "version": "9.1.1",
   "description": "Components relating to form elements in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -29,16 +29,16 @@
     "react-merge-refs": "^2.0.0"
   },
   "peerDependencies": {
-    "@zendeskgarden/react-theming": ">=9.0.0-next",
+    "@zendeskgarden/react-theming": ">=9.0.0",
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "styled-components": "^5.3.1"
   },
   "devDependencies": {
     "@types/lodash.debounce": "4.0.9",
-    "@zendeskgarden/react-theming": "^9.0.0",
-    "@zendeskgarden/svg-icons": "7.2.0",
-    "react-dropzone": "14.2.3"
+    "@zendeskgarden/react-theming": "^9.1.1",
+    "@zendeskgarden/svg-icons": "7.3.0",
+    "react-dropzone": "14.2.9"
   },
   "keywords": [
     "components",
@@ -49,5 +49,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "zendeskgarden:src": "src/index.ts"
+  "zendeskgarden:src": "src/index.ts",
+  "gitHead": "21eaf7b57f27f1a846ed332f1b8e655d6bc0a13b"
 }