@fluentui/react-icons 2.0.198 → 2.0.199

package/lib-cjs/utils/bundleIcon.js

@@ -3,15 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const tslib_1 = require("tslib");
-
 const React = tslib_1.__importStar(require("react"));
-
 const constants_1 = require("./constants");
-
 const react_1 = require("@griffel/react");
-
 const useBundledIconStyles = react_1.__styles({
   "root": {
     "mc9l5x": "fjseox"
@@ -22,16 +17,14 @@ const useBundledIconStyles = react_1.__styles({
 }, {
   "d": [".fjseox{display:none;}", ".f1w7gpdv{display:inline;}"]
 });
-
 const bundleIcon = (FilledIcon, RegularIcon) => {
   const Component = props => {
     const {
-      className,
-      primaryFill = 'currentColor',
-      filled
-    } = props,
-          rest = tslib_1.__rest(props, ["className", "primaryFill", "filled"]);
-
+        className,
+        primaryFill = 'currentColor',
+        filled
+      } = props,
+      rest = tslib_1.__rest(props, ["className", "primaryFill", "filled"]);
     const styles = useBundledIconStyles();
     return React.createElement(React.Fragment, null, React.createElement(FilledIcon, Object.assign({}, rest, {
       className: react_1.mergeClasses(styles.root, filled && styles.visible, constants_1.iconFilledClassName, className),
@@ -41,9 +34,7 @@ const bundleIcon = (FilledIcon, RegularIcon) => {
       fill: primaryFill
     })));
   };
-
   Component.displayName = "CompoundIcon";
   return Component;
 };
-
 exports.default = bundleIcon;

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

@@ -4,71 +4,44 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createFluentFontIcon = void 0;
-
 const tslib_1 = require("tslib");
-
 const React = tslib_1.__importStar(require("react"));
-
 const react_1 = require("@griffel/react");
-
 const useIconState_1 = require("../useIconState");
-
 const FluentSystemIcons_Filled_ttf_1 = tslib_1.__importDefault(require("./FluentSystemIcons-Filled.ttf"));
-
 const FluentSystemIcons_Filled_woff_1 = tslib_1.__importDefault(require("./FluentSystemIcons-Filled.woff"));
-
 const FluentSystemIcons_Filled_woff2_1 = tslib_1.__importDefault(require("./FluentSystemIcons-Filled.woff2"));
-
 const FluentSystemIcons_Regular_ttf_1 = tslib_1.__importDefault(require("./FluentSystemIcons-Regular.ttf"));
-
 const FluentSystemIcons_Regular_woff_1 = tslib_1.__importDefault(require("./FluentSystemIcons-Regular.woff"));
-
 const FluentSystemIcons_Regular_woff2_1 = tslib_1.__importDefault(require("./FluentSystemIcons-Regular.woff2"));
-
 const FluentSystemIcons_Resizable_ttf_1 = tslib_1.__importDefault(require("./FluentSystemIcons-Resizable.ttf"));
-
 const FluentSystemIcons_Resizable_woff_1 = tslib_1.__importDefault(require("./FluentSystemIcons-Resizable.woff"));
-
 const FluentSystemIcons_Resizable_woff2_1 = tslib_1.__importDefault(require("./FluentSystemIcons-Resizable.woff2"));
-
 const FONT_FAMILY_MAP = {
-  [0
-  /* Filled */
-  ]: 'FluentSystemIconsFilled',
-  [1
-  /* Regular */
-  ]: 'FluentSystemIconsRegular',
-  [2
-  /* Resizable */
-  ]: 'FluentSystemIcons'
+  [0 /* Filled */]: 'FluentSystemIconsFilled',
+  [1 /* Regular */]: 'FluentSystemIconsRegular',
+  [2 /* Resizable */]: 'FluentSystemIcons'
 };
 const useStaticStyles = react_1.makeStaticStyles(`
 @font-face {
-    font-family: ${FONT_FAMILY_MAP[0
-/* Filled */
-]};
+    font-family: ${FONT_FAMILY_MAP[0 /* Filled */]};
     src: url(${JSON.stringify(FluentSystemIcons_Filled_woff2_1.default)}) format("woff2"),
     url(${JSON.stringify(FluentSystemIcons_Filled_woff_1.default)}) format("woff"),
     url(${JSON.stringify(FluentSystemIcons_Filled_ttf_1.default)}) format("truetype");
 }
 @font-face {
-    font-family: ${FONT_FAMILY_MAP[1
-/* Regular */
-]};
+    font-family: ${FONT_FAMILY_MAP[1 /* Regular */]};
     src: url(${JSON.stringify(FluentSystemIcons_Regular_woff2_1.default)}) format("woff2"),
     url(${JSON.stringify(FluentSystemIcons_Regular_woff_1.default)}) format("woff"),
     url(${JSON.stringify(FluentSystemIcons_Regular_ttf_1.default)}) format("truetype");
 }
 @font-face {
-    font-family: ${FONT_FAMILY_MAP[2
-/* Resizable */
-]};
+    font-family: ${FONT_FAMILY_MAP[2 /* Resizable */]};
     src: url(${JSON.stringify(FluentSystemIcons_Resizable_woff2_1.default)}) format("woff2"),
     url(${JSON.stringify(FluentSystemIcons_Resizable_woff_1.default)}) format("woff"),
     url(${JSON.stringify(FluentSystemIcons_Resizable_ttf_1.default)}) format("truetype");
 }
 `);
-
 const useRootStyles = react_1.__styles({
   "0": {
     "Bahqtrf": "f9dzkbp"
@@ -89,7 +62,6 @@ const useRootStyles = react_1.__styles({
   "d": [".f9dzkbp{font-family:FluentSystemIconsFilled;}", ".f1krtbx5{font-family:FluentSystemIconsRegular;}", ".f1sxfq9t{font-family:FluentSystemIcons;}", ".f14t3ns0{display:inline-block;}", ".fmd4ok8{font-style:normal;}", ".fne0op0{line-height:1em;}"],
   "t": ["@media (forced-colors: active){.fg4l7m0{forced-color-adjust:auto;}}"]
 });
-
 function createFluentFontIcon(displayName, codepoint, font, fontSize) {
   const Component = props => {
     useStaticStyles();
@@ -97,26 +69,22 @@ function createFluentFontIcon(displayName, codepoint, font, fontSize) {
     const className = react_1.mergeClasses(styles.root, styles[font], props.className);
     const state = useIconState_1.useIconState(Object.assign(Object.assign({}, props), {
       className
-    })); // We want to keep the same API surface as the SVG icons, so translate `primaryFill` to `color`
-
+    }));
+    // We want to keep the same API surface as the SVG icons, so translate `primaryFill` to `color`
     if (props.primaryFill) {
       state.style = Object.assign(Object.assign({}, state.style), {
         color: props.primaryFill
       });
     }
-
     if (fontSize) {
       state.style = Object.assign(Object.assign({}, state.style), {
         fontSize
       });
     }
-
     return React.createElement("i", Object.assign({}, state), codepoint);
   };
-
   Component.displayName = displayName;
   Component.codepoint = codepoint;
   return Component;
 }
-
 exports.createFluentFontIcon = createFluentFontIcon;

package/lib-cjs/utils/useIconState.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useIconState = void 0;
-
 const tslib_1 = require("tslib");
-
 const react_1 = require("@griffel/react");
-
 const useRootStyles = react_1.__styles({
   "root": {
     "mc9l5x": "f1w7gpdv",
@@ -19,32 +16,26 @@ const useRootStyles = react_1.__styles({
   "d": [".f1w7gpdv{display:inline;}", ".fez10in{line-height:0;}"],
   "t": ["@media (forced-colors: active){.fg4l7m0{forced-color-adjust:auto;}}"]
 });
-
 const useIconState = props => {
   const {
-    title,
-    primaryFill = "currentColor"
-  } = props,
-        rest = tslib_1.__rest(props, ["title", "primaryFill"]);
-
+      title,
+      primaryFill = "currentColor"
+    } = props,
+    rest = tslib_1.__rest(props, ["title", "primaryFill"]);
   const state = Object.assign(Object.assign({}, rest), {
     title: undefined,
     fill: primaryFill
   });
   const styles = useRootStyles();
   state.className = react_1.mergeClasses(styles.root, state.className);
-
   if (title) {
     state['aria-label'] = title;
   }
-
   if (!state['aria-label'] && !state['aria-labelledby']) {
     state['aria-hidden'] = true;
   } else {
     state['role'] = 'img';
   }
-
   return state;
 };
-
 exports.useIconState = useIconState;

package/lib-cjs/utils/wrapIcon.js

@@ -3,21 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 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);
     return React.createElement(Icon, Object.assign({}, state));
   };
-
   WrappedIcon.displayName = displayName;
   return WrappedIcon;
 };
-
 exports.default = wrapIcon;

package/package.json

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