@fluentui/react-icons 2.0.173-rc.9 → 2.0.174

package/README.md

@@ -88,14 +88,14 @@ ReactDOM.render(
 
 Using the icon font
 ---
-If, for performance or other reasons, you wish to use the font implementation of these icons rather than the SVG implementation, you can specify `"fluentIcontFont"` as a condition for the import, either via [Node >= 12.19.0](https://nodejs.org/dist/latest-v16.x/docs/api/packages.html#resolving-user-conditions) or [webpack >= 5.0.0](https://webpack.js.org/configuration/resolve/#resolveconditionnames).
+If, for performance or other reasons, you wish to use the font implementation of these icons rather than the SVG implementation, you can specify `"fluentIconFont"` as a condition for the import, either via [Node >= 12.19.0](https://nodejs.org/dist/latest-v16.x/docs/api/packages.html#resolving-user-conditions) or [webpack >= 5.0.0](https://webpack.js.org/configuration/resolve/#resolveconditionnames).
 
 ```js
 // webpack.config.js
 module.exports = {
   //...
   resolve: {
-    conditionNames: ['fluentIcontFont', 'require', 'node'],
+    conditionNames: ['fluentIconFont', 'require', 'node'],
   },
 };
 ```

package/lib/utils/fonts/createFluentFontIcon.js

@@ -74,9 +74,11 @@ export function createFluentFontIcon(displayName, codepoint, font, fontSize) {
   const Component = props => {
     useStaticStyles();
     const styles = useRootStyles();
-    props.className = mergeClasses(styles.root, styles[font], props.className);
+    const className = mergeClasses(styles.root, styles[font], props.className);
 
-    const _a = useIconState(props),
+    const _a = useIconState(Object.assign(Object.assign({}, props), {
+      className
+    })),
           {
       primaryFill
     } = _a,

package/lib-cjs/utils/fonts/createFluentFontIcon.js

@@ -94,9 +94,11 @@ function createFluentFontIcon(displayName, codepoint, font, fontSize) {
   const Component = props => {
     useStaticStyles();
     const styles = useRootStyles();
-    props.className = react_1.mergeClasses(styles.root, styles[font], props.className);
+    const className = react_1.mergeClasses(styles.root, styles[font], props.className);
 
-    const _a = useIconState_1.useIconState(props),
+    const _a = useIconState_1.useIconState(Object.assign(Object.assign({}, props), {
+      className
+    })),
           {
       primaryFill
     } = _a,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-icons",
-  "version": "2.0.173-rc.9",
+  "version": "2.0.174",
   "sideEffects": false,
   "main": "lib-cjs/index.js",
   "module": "lib/index.js",
@@ -58,7 +58,7 @@
   ],
   "exports": {
     ".": {
-      "fluentIcontFont": {
+      "fluentIconFont": {
         "types": "./lib/fonts/index.d.ts",
         "import": "./lib/fonts/index.js",
         "require": "./lib-cjs/fonts/index.js"