@fluentui/react-icons 2.0.242 → 2.0.244

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

@@ -3,7 +3,8 @@ import { FluentIconsProps } from '../FluentIconsProps.types';
 export declare const enum FontFile {
     Filled = 0,
     Regular = 1,
-    Resizable = 2
+    Resizable = 2,
+    Light = 3
 }
 export declare type CreateFluentFontIconOptions = {
     flipInRtl?: boolean;

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

@@ -14,6 +14,9 @@ const FluentSystemIcons_Filled_woff2_1 = tslib_1.__importDefault(require("./Flue
 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_Light_ttf_1 = tslib_1.__importDefault(require("./FluentSystemIcons-Light.ttf"));
+const FluentSystemIcons_Light_woff_1 = tslib_1.__importDefault(require("./FluentSystemIcons-Light.woff"));
+const FluentSystemIcons_Light_woff2_1 = tslib_1.__importDefault(require("./FluentSystemIcons-Light.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"));
@@ -37,6 +40,14 @@ const useStaticStyles = react_1.makeStaticStyles(`
     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[3 /* Light */]};
+    src: url(${JSON.stringify(FluentSystemIcons_Light_woff2_1.default)}) format("woff2"),
+    url(${JSON.stringify(FluentSystemIcons_Light_woff_1.default)}) format("woff"),
+    url(${JSON.stringify(FluentSystemIcons_Light_ttf_1.default)}) format("truetype");
+}
+
 @font-face {
     font-family: ${FONT_FAMILY_MAP[2 /* Resizable */]};
     font-display: "block";
@@ -55,6 +66,9 @@ const useRootStyles = react_1.__styles({
   "2": {
     "Bahqtrf": "f1sxfq9t"
   },
+  "3": {
+    "Bahqtrf": "fgtzeza"
+  },
   "root": {
     "mc9l5x": "f14t3ns0",
     "B80ckks": "fmd4ok8",
@@ -62,7 +76,7 @@ const useRootStyles = react_1.__styles({
     "ycbfsm": "fkc42ay"
   }
 }, {
-  "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;}"],
+  "d": [".f9dzkbp{font-family:FluentSystemIconsFilled;}", ".f1krtbx5{font-family:FluentSystemIconsRegular;}", ".f1sxfq9t{font-family:FluentSystemIcons;}", ".fgtzeza{font-family:FluentSystemIconsLight;}", ".f14t3ns0{display:inline-block;}", ".fmd4ok8{font-style:normal;}", ".fne0op0{line-height:1em;}"],
   "t": ["@media (forced-colors: active){.fkc42ay{forced-color-adjust:none;}}"]
 });
 function createFluentFontIcon(displayName, codepoint, font, fontSize, options) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-icons",
-  "version": "2.0.242",
+  "version": "2.0.244",
   "sideEffects": false,
   "main": "lib-cjs/index.js",
   "module": "lib/index.js",
@@ -14,17 +14,19 @@
   "scripts": {
     "clean": "find ./src -type f ! -name \"wrapIcon.tsx\" -name \"*.tsx\" -delete",
     "clean:svg": "rm -rf ./intermediate",
+    "clean:gitignore": "git clean -fdX",
     "copy": "node ../../importer/generate.js --source=../../assets --dest=./intermediate --extension=svg --target=react",
     "copy:font-files": "cpy './src/utils/fonts/*.{ttf,woff,woff2,json}' ./lib/utils/fonts/. && cpy './src/utils/fonts/*.{ttf,woff,woff2,json}' ./lib-cjs/utils/fonts/.",
     "convert:svg": "node convert.js --source=./intermediate --dest=./src --rtl=./intermediate/rtl.json",
     "convert:fonts": "node convert-font.js --source=./src/utils/fonts --dest=./src/fonts --codepointDest=./src/utils/fonts --rtl=./intermediate/rtl.json",
     "generate:font-regular": "node ../../importer/generateFont.js --source=intermediate --dest=src/utils/fonts --iconType=Regular --codepoints=../../fonts/FluentSystemIcons-Regular.json",
     "generate:font-filled": "node ../../importer/generateFont.js --source=intermediate --dest=src/utils/fonts --iconType=Filled --codepoints=../../fonts/FluentSystemIcons-Filled.json",
+    "generate:font-light": "node ../../importer/generateFont.js --source=intermediate --dest=src/utils/fonts --iconType=Light",
     "generate:font-resizable": "node ../../importer/generateFont.js --source=intermediate --dest=src/utils/fonts --iconType=Resizable",
-    "generate:font": "npm run generate:font-regular && npm run generate:font-filled && npm run generate:font-resizable",
+    "generate:font": "npm run generate:font-regular && npm run generate:font-filled && npm run generate:font-light && npm run generate:font-resizable",
     "generate:rtl": "node ../../importer/rtlMetadata.js --source=../../assets --dest=./intermediate/rtl.json",
     "rollup": "node ./generateRollup.js",
-    "optimize": "svgo --config svgo.config.js --folder=./intermediate --precision=2",
+    "optimize": "svgo --config svgo.config.js --folder=./intermediate --precision=2 --quiet",
     "unfill": "find ./intermediate -type f -name \"*.svg\" -exec sed -i.bak 's/fill=\"none\"//g' {} \\; && find ./intermediate -type f -name \"*.bak\" -delete",
     "build": "npm run copy && npm run generate:font && npm run generate:rtl && npm run optimize && npm run unfill && npm run convert:svg && npm run convert:fonts && npm run clean:svg && npm run build:esm && npm run build:cjs && npm run copy:font-files",
     "build:svg": "npm run copy && npm run generate:rtl && npm run optimize && npm run unfill && npm run convert:svg && npm run clean:svg && npm run build:esm && npm run build:cjs",