@fluentui/react-icons 2.0.216 → 2.0.218

package/lib-cjs/utils/fonts/createFluentFontIcon.d.ts

@@ -8,6 +8,6 @@ export declare const enum FontFile {
 export declare type CreateFluentFontIconOptions = {
     flipInRtl?: boolean;
 };
-export declare function createFluentFontIcon(displayName: string, codepoint: string, font: FontFile, fontSize?: number, options?: CreateFluentFontIconOptions): React.FC<FluentIconsProps<React.HTMLAttributes<HTMLElement>>> & {
+export declare function createFluentFontIcon(displayName: string, codepoint: string, font: FontFile, fontSize?: number, options?: CreateFluentFontIconOptions): React.FC<FluentIconsProps<React.HTMLAttributes<HTMLElement>, HTMLElement>> & {
     codepoint: string;
 };

package/lib-cjs/utils/useIconState.d.ts

@@ -3,4 +3,4 @@ import { FluentIconsProps } from "./FluentIconsProps.types";
 export declare type UseIconStateOptions = {
     flipInRtl?: boolean;
 };
-export declare const useIconState: <TBaseAttributes extends import("react").HTMLAttributes<HTMLElement> | import("react").SVGAttributes<SVGElement> = import("react").SVGAttributes<SVGElement>>(props: FluentIconsProps<TBaseAttributes>, options?: UseIconStateOptions | undefined) => Pick<FluentIconsProps<TBaseAttributes>, "title" | "filled" | "ref" | "key" | "className" | Exclude<keyof TBaseAttributes, "primaryFill">>;
+export declare const useIconState: <TBaseAttributes extends import("react").HTMLAttributes<HTMLElement> | import("react").SVGAttributes<SVGElement> = import("react").SVGAttributes<SVGElement>, TRefType extends HTMLElement | SVGSVGElement = SVGSVGElement>(props: FluentIconsProps<TBaseAttributes, TRefType>, options?: UseIconStateOptions | undefined) => Pick<FluentIconsProps<TBaseAttributes, TRefType>, "title" | "filled" | "ref" | "key" | "className" | Exclude<keyof TBaseAttributes, "primaryFill">>;

package/lib-cjs/utils/wrapIcon.d.ts

@@ -1,7 +1,5 @@
 /// <reference types="react" />
 import { FluentIconsProps } from "./FluentIconsProps.types";
-declare const wrapIcon: (Icon: (iconProps: FluentIconsProps) => JSX.Element, displayName?: string | undefined) => {
-    (props: FluentIconsProps): JSX.Element;
-    displayName: string | undefined;
-};
+import { CreateFluentIconOptions, FluentIcon } from "./createFluentIcon";
+declare const wrapIcon: (Icon: (iconProps: FluentIconsProps) => JSX.Element, displayName?: string | undefined, options?: CreateFluentIconOptions | undefined) => FluentIcon;
 export default wrapIcon;

package/lib-cjs/utils/wrapIcon.js

@@ -6,11 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const useIconState_1 = require("./useIconState");
-const wrapIcon = (Icon, displayName) => {
-  const WrappedIcon = props => {
-    const state = useIconState_1.useIconState(props);
+const wrapIcon = (Icon, displayName, options) => {
+  const WrappedIcon = React.forwardRef((props, ref) => {
+    const state = {
+      ...useIconState_1.useIconState(props, {
+        flipInRtl: options === null || options === void 0 ? void 0 : options.flipInRtl
+      }),
+      ref
+    };
     return React.createElement(Icon, Object.assign({}, state));
-  };
+  });
   WrappedIcon.displayName = displayName;
   return WrappedIcon;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-icons",
-  "version": "2.0.216",
+  "version": "2.0.218",
   "sideEffects": false,
   "main": "lib-cjs/index.js",
   "module": "lib/index.js",