chore(lib): use modern extensions and named file exports

phosphor-icons · Sep 14, 2023 · cb2ed01 · cb2ed01
1 parent 40fbc91
commit cb2ed01
Show file tree

Hide file tree

Showing 1,255 changed files with 2,521 additions and 5,024 deletions.
diff --git a/core b/core
diff --git a/example/App.tsx b/example/App.tsx
@@ -1,8 +1,8 @@
 import { useState, useCallback } from "react";
 
-import * as Icons from "../src";
-import { IconContext } from "../src";
-import type { IconWeight, Icon } from "../src";
+import * as Icons from "../dist";
+import { IconContext } from "../dist";
+import type { IconWeight, Icon } from "../dist";
 import { icons } from "../core/src/icons";
 import "./index.css";
 

diff --git a/package.json b/package.json
@@ -1,7 +1,6 @@
 {
   "name": "@phosphor-icons/react",
-  "version": "2.0.10",
-  "type": "module",
+  "version": "2.1.0",
   "description": "A clean and friendly icon family for React",
   "author": {
     "name": "Tobias Fried",
@@ -13,24 +12,28 @@
   "homepage": "https://phosphoricons.com",
   "sideEffects": false,
   "private": false,
-  "module": "./dist/index.es.js",
-  "main": "./dist/index.umd.js",
+  "type": "module",
+  "module": "./dist/index.mjs",
+  "main": "./dist/index.cjs",
   "exports": {
     ".": {
-      "import": "./dist/index.es.js",
-      "require": "./dist/index.umd.js",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs",
       "types": "./dist/index.d.ts"
     },
     "./dist/icons/*": {
-      "import": "./dist/icons/*.es.js",
+      "import": "./dist/icons/*.mjs",
+      "require": "./dist/index.cjs",
       "types": "./dist/icons/*.d.ts"
     },
     "./dist/lib/*": {
-      "import": "./dist/lib/*.es.js",
+      "import": "./dist/lib/*.mjs",
+      "require": "./dist/index.cjs",
       "types": "./dist/lib/*.d.ts"
     },
     "./*": {
-      "import": "./dist/icons/*.es.js",
+      "import": "./dist/icons/*.mjs",
+      "require": "./dist/index.cjs",
       "types": "./dist/icons/*.d.ts"
     }
   },

diff --git a/scripts/assemble.mjs b/scripts/assemble.mjs
@@ -136,13 +136,11 @@ ${Object.entries(icon)
 `;
 
     componentString += `
-const ${name}: Icon = forwardRef((props, ref) => (
+export const ${name}: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
 ${name}.displayName = "${name}";
-
-export default ${name};
 `;
     try {
       fs.writeFileSync(
@@ -183,8 +181,8 @@ export { IconContext, IconBase } from "./lib";
   for (let key in icons) {
     const name = pascalize(key);
     indexString += `\
-export { default as ${name}${
-      !!ALIASES[key] ? `, default as ${pascalize(ALIASES[key])}` : ""
+export { ${name}${
+      !!ALIASES[key] ? `, ${name} as ${pascalize(ALIASES[key])}` : ""
     } } from "./icons/${name}";
 `;
   }

diff --git a/src/icons/AddressBook.tsx b/src/icons/AddressBook.tsx
@@ -45,10 +45,8 @@ const weights = new Map<IconWeight, ReactElement>([
   ],
 ]);
 
-const AddressBook: Icon = forwardRef((props, ref) => (
+export const AddressBook: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
 AddressBook.displayName = "AddressBook";
-
-export default AddressBook;
diff --git a/src/icons/AirTrafficControl.tsx b/src/icons/AirTrafficControl.tsx
@@ -45,10 +45,8 @@ const weights = new Map<IconWeight, ReactElement>([
   ],
 ]);
 
-const AirTrafficControl: Icon = forwardRef((props, ref) => (
+export const AirTrafficControl: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
 AirTrafficControl.displayName = "AirTrafficControl";
-
-export default AirTrafficControl;
diff --git a/src/icons/Airplane.tsx b/src/icons/Airplane.tsx
@@ -45,10 +45,8 @@ const weights = new Map<IconWeight, ReactElement>([
   ],
 ]);
 
-const Airplane: Icon = forwardRef((props, ref) => (
+export const Airplane: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
 Airplane.displayName = "Airplane";
-
-export default Airplane;
diff --git a/src/icons/AirplaneInFlight.tsx b/src/icons/AirplaneInFlight.tsx
@@ -45,10 +45,8 @@ const weights = new Map<IconWeight, ReactElement>([
   ],
 ]);
 
-const AirplaneInFlight: Icon = forwardRef((props, ref) => (
+export const AirplaneInFlight: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
 AirplaneInFlight.displayName = "AirplaneInFlight";
-
-export default AirplaneInFlight;
diff --git a/src/icons/AirplaneLanding.tsx b/src/icons/AirplaneLanding.tsx
@@ -45,10 +45,8 @@ const weights = new Map<IconWeight, ReactElement>([
   ],
 ]);
 
-const AirplaneLanding: Icon = forwardRef((props, ref) => (
+export const AirplaneLanding: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
 AirplaneLanding.displayName = "AirplaneLanding";
-
-export default AirplaneLanding;
diff --git a/src/icons/AirplaneTakeoff.tsx b/src/icons/AirplaneTakeoff.tsx
@@ -45,10 +45,8 @@ const weights = new Map<IconWeight, ReactElement>([
   ],
 ]);
 
-const AirplaneTakeoff: Icon = forwardRef((props, ref) => (
+export const AirplaneTakeoff: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
 AirplaneTakeoff.displayName = "AirplaneTakeoff";
-
-export default AirplaneTakeoff;
diff --git a/src/icons/AirplaneTilt.tsx b/src/icons/AirplaneTilt.tsx
@@ -45,10 +45,8 @@ const weights = new Map<IconWeight, ReactElement>([
   ],
 ]);
 
-const AirplaneTilt: Icon = forwardRef((props, ref) => (
+export const AirplaneTilt: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
 AirplaneTilt.displayName = "AirplaneTilt";
-
-export default AirplaneTilt;
diff --git a/src/icons/Airplay.tsx b/src/icons/Airplay.tsx
@@ -45,10 +45,8 @@ const weights = new Map<IconWeight, ReactElement>([
   ],
 ]);
 
-const Airplay: Icon = forwardRef((props, ref) => (
+export const Airplay: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
 Airplay.displayName = "Airplay";
-
-export default Airplay;
diff --git a/src/icons/Alarm.tsx b/src/icons/Alarm.tsx
@@ -42,10 +42,8 @@ const weights = new Map<IconWeight, ReactElement>([
   ],
 ]);
 
-const Alarm: Icon = forwardRef((props, ref) => (
+export const Alarm: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
 Alarm.displayName = "Alarm";
-
-export default Alarm;
diff --git a/src/icons/Alien.tsx b/src/icons/Alien.tsx
@@ -45,10 +45,8 @@ const weights = new Map<IconWeight, ReactElement>([
   ],
 ]);
 
-const Alien: Icon = forwardRef((props, ref) => (
+export const Alien: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
 Alien.displayName = "Alien";
-
-export default Alien;
diff --git a/src/icons/AlignBottom.tsx b/src/icons/AlignBottom.tsx
@@ -45,10 +45,8 @@ const weights = new Map<IconWeight, ReactElement>([
   ],
 ]);
 
-const AlignBottom: Icon = forwardRef((props, ref) => (
+export const AlignBottom: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
 AlignBottom.displayName = "AlignBottom";
-
-export default AlignBottom;
diff --git a/src/icons/AlignBottomSimple.tsx b/src/icons/AlignBottomSimple.tsx
@@ -45,10 +45,8 @@ const weights = new Map<IconWeight, ReactElement>([
   ],
 ]);
 
-const AlignBottomSimple: Icon = forwardRef((props, ref) => (
+export const AlignBottomSimple: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
 AlignBottomSimple.displayName = "AlignBottomSimple";
-
-export default AlignBottomSimple;
diff --git a/src/icons/AlignCenterHorizontal.tsx b/src/icons/AlignCenterHorizontal.tsx
@@ -45,10 +45,8 @@ const weights = new Map<IconWeight, ReactElement>([
   ],
 ]);
 
-const AlignCenterHorizontal: Icon = forwardRef((props, ref) => (
+export const AlignCenterHorizontal: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
 AlignCenterHorizontal.displayName = "AlignCenterHorizontal";
-
-export default AlignCenterHorizontal;
diff --git a/src/icons/AlignCenterHorizontalSimple.tsx b/src/icons/AlignCenterHorizontalSimple.tsx
@@ -45,10 +45,8 @@ const weights = new Map<IconWeight, ReactElement>([
   ],
 ]);
 
-const AlignCenterHorizontalSimple: Icon = forwardRef((props, ref) => (
+export const AlignCenterHorizontalSimple: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
 AlignCenterHorizontalSimple.displayName = "AlignCenterHorizontalSimple";
-
-export default AlignCenterHorizontalSimple;
diff --git a/src/icons/AlignCenterVertical.tsx b/src/icons/AlignCenterVertical.tsx
@@ -45,10 +45,8 @@ const weights = new Map<IconWeight, ReactElement>([
   ],
 ]);
 
-const AlignCenterVertical: Icon = forwardRef((props, ref) => (
+export const AlignCenterVertical: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
 AlignCenterVertical.displayName = "AlignCenterVertical";
-
-export default AlignCenterVertical;
diff --git a/src/icons/AlignCenterVerticalSimple.tsx b/src/icons/AlignCenterVerticalSimple.tsx
@@ -45,10 +45,8 @@ const weights = new Map<IconWeight, ReactElement>([
   ],
 ]);
 
-const AlignCenterVerticalSimple: Icon = forwardRef((props, ref) => (
+export const AlignCenterVerticalSimple: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
 AlignCenterVerticalSimple.displayName = "AlignCenterVerticalSimple";
-
-export default AlignCenterVerticalSimple;
diff --git a/src/icons/AlignLeft.tsx b/src/icons/AlignLeft.tsx
@@ -45,10 +45,8 @@ const weights = new Map<IconWeight, ReactElement>([
   ],
 ]);
 
-const AlignLeft: Icon = forwardRef((props, ref) => (
+export const AlignLeft: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
 AlignLeft.displayName = "AlignLeft";
-
-export default AlignLeft;
diff --git a/src/icons/AlignLeftSimple.tsx b/src/icons/AlignLeftSimple.tsx
@@ -45,10 +45,8 @@ const weights = new Map<IconWeight, ReactElement>([
   ],
 ]);
 
-const AlignLeftSimple: Icon = forwardRef((props, ref) => (
+export const AlignLeftSimple: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
 AlignLeftSimple.displayName = "AlignLeftSimple";
-
-export default AlignLeftSimple;
diff --git a/src/icons/AlignRight.tsx b/src/icons/AlignRight.tsx
@@ -45,10 +45,8 @@ const weights = new Map<IconWeight, ReactElement>([
   ],
 ]);
 
-const AlignRight: Icon = forwardRef((props, ref) => (
+export const AlignRight: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
 AlignRight.displayName = "AlignRight";
-
-export default AlignRight;
diff --git a/src/icons/AlignRightSimple.tsx b/src/icons/AlignRightSimple.tsx
@@ -45,10 +45,8 @@ const weights = new Map<IconWeight, ReactElement>([
   ],
 ]);
 
-const AlignRightSimple: Icon = forwardRef((props, ref) => (
+export const AlignRightSimple: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
 AlignRightSimple.displayName = "AlignRightSimple";
-
-export default AlignRightSimple;
diff --git a/src/icons/AlignTop.tsx b/src/icons/AlignTop.tsx
@@ -45,10 +45,8 @@ const weights = new Map<IconWeight, ReactElement>([
   ],
 ]);
 
-const AlignTop: Icon = forwardRef((props, ref) => (
+export const AlignTop: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
 AlignTop.displayName = "AlignTop";
-
-export default AlignTop;
diff --git a/src/icons/AlignTopSimple.tsx b/src/icons/AlignTopSimple.tsx
@@ -45,10 +45,8 @@ const weights = new Map<IconWeight, ReactElement>([
   ],
 ]);
 
-const AlignTopSimple: Icon = forwardRef((props, ref) => (
+export const AlignTopSimple: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
 AlignTopSimple.displayName = "AlignTopSimple";
-
-export default AlignTopSimple;
diff --git a/src/icons/AmazonLogo.tsx b/src/icons/AmazonLogo.tsx
@@ -42,10 +42,8 @@ const weights = new Map<IconWeight, ReactElement>([
   ],
 ]);
 
-const AmazonLogo: Icon = forwardRef((props, ref) => (
+export const AmazonLogo: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
 AmazonLogo.displayName = "AmazonLogo";
-
-export default AmazonLogo;
diff --git a/src/icons/Anchor.tsx b/src/icons/Anchor.tsx
@@ -42,10 +42,8 @@ const weights = new Map<IconWeight, ReactElement>([
   ],
 ]);
 
-const Anchor: Icon = forwardRef((props, ref) => (
+export const Anchor: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
 Anchor.displayName = "Anchor";
-
-export default Anchor;
diff --git a/src/icons/AnchorSimple.tsx b/src/icons/AnchorSimple.tsx
@@ -42,10 +42,8 @@ const weights = new Map<IconWeight, ReactElement>([
   ],
 ]);
 
-const AnchorSimple: Icon = forwardRef((props, ref) => (
+export const AnchorSimple: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
 AnchorSimple.displayName = "AnchorSimple";
-
-export default AnchorSimple;
diff --git a/src/icons/AndroidLogo.tsx b/src/icons/AndroidLogo.tsx
@@ -45,10 +45,8 @@ const weights = new Map<IconWeight, ReactElement>([
   ],
 ]);
 
-const AndroidLogo: Icon = forwardRef((props, ref) => (
+export const AndroidLogo: Icon = forwardRef((props, ref) => (
   <IconBase ref={ref} {...props} weights={weights} />
 ));
 
 AndroidLogo.displayName = "AndroidLogo";
-
-export default AndroidLogo;