@patternfly/react-icons 5.0.0-alpha.1 → 5.0.0-alpha.11

package/CHANGELOG.md

@@ -3,7 +3,103 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-# [5.0.0-alpha.1](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-icons@4.92.6...@patternfly/react-icons@5.0.0-alpha.1) (2023-01-10)
+# 5.0.0-alpha.11 (2023-04-25)
+
+### Bug Fixes
+
+- bump dependencies and remove ssl option ([#8984](https://github.com/patternfly/patternfly-react/issues/8984)) ([f8f77d2](https://github.com/patternfly/patternfly-react/commit/f8f77d232b386ad8676af609273d9adff5a5feae))
+
+# 5.0.0-alpha.10 (2023-04-11)
+
+### Bug Fixes
+
+- **icons:** fixed pficons naming overrides ([#8932](https://github.com/patternfly/patternfly-react/issues/8932)) ([1c9c9cb](https://github.com/patternfly/patternfly-react/commit/1c9c9cb7909a26d3bc4ad340d0656c0ec31d9e58))
+
+# 5.0.0-alpha.9 (2023-04-06)
+
+**Note:** Version bump only for package @patternfly/react-icons
+
+# 5.0.0-alpha.8 (2023-04-03)
+
+**Note:** Version bump only for package @patternfly/react-icons
+
+# 5.0.0-alpha.7 (2023-03-27)
+
+**Note:** Version bump only for package @patternfly/react-icons
+
+# 5.0.0-alpha.6 (2023-03-18)
+
+**Note:** Version bump only for package @patternfly/react-icons
+
+# 5.0.0-alpha.5 (2023-03-17)
+
+**Note:** Version bump only for package @patternfly/react-icons
+
+# 5.0.0-alpha.4 (2023-03-02)
+
+### Bug Fixes
+
+- **core:** update core to alpha.24 ([#8768](https://github.com/patternfly/patternfly-react/issues/8768)) ([6dd5e01](https://github.com/patternfly/patternfly-react/commit/6dd5e01e16bc94fe4b954b79ba67adaaab9c7135))
+
+# 5.0.0-alpha.3 (2023-02-15)
+
+### Bug Fixes
+
+- **deps:** updated to the latest core alpha ([#8688](https://github.com/patternfly/patternfly-react/issues/8688)) ([5f81928](https://github.com/patternfly/patternfly-react/commit/5f819288d7baaa3806b23c0da8fb26dd4ec12d6b))
+
+# 5.0.0-alpha.2 (2023-02-08)
+
+**Note:** Version bump only for package @patternfly/react-icons
+
+## 4.93.6 (2023-01-23)
+
+**Note:** Version bump only for package @patternfly/react-icons
+
+## 4.93.5 (2023-01-19)
+
+**Note:** Version bump only for package @patternfly/react-icons
+
+## 4.93.4 (2023-01-18)
+
+### Bug Fixes
+
+- **Tabs:** Removed isHelpAction prop from TabsAction ([#8560](https://github.com/patternfly/patternfly-react/issues/8560)) ([05fa1b0](https://github.com/patternfly/patternfly-react/commit/05fa1b0acfe886f09c5bdf4ad9f8e27878ee817e))
+
+## 4.93.3 (2022-12-08)
+
+**Note:** Version bump only for package @patternfly/react-icons
+
+## 4.93.2 (2022-12-07)
+
+**Note:** Version bump only for package @patternfly/react-icons
+
+## 4.93.1 (2022-12-01)
+
+**Note:** Version bump only for package @patternfly/react-icons
+
+# 4.93.0 (2022-11-16)
+
+### Features
+
+- **Tabs:** add TabAction, update core ver ([#8348](https://github.com/patternfly/patternfly-react/issues/8348)) ([8c584b4](https://github.com/patternfly/patternfly-react/commit/8c584b48f8e545cf226f785b873ee11eda505724))
+
+## 4.92.10 (2022-10-27)
+
+**Note:** Version bump only for package @patternfly/react-icons
+
+## 4.92.9 (2022-10-26)
+
+**Note:** Version bump only for package @patternfly/react-icons
+
+## [4.92.8](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-icons@4.92.7...@patternfly/react-icons@4.92.8) (2022-10-17)
+
+**Note:** Version bump only for package @patternfly/react-icons
+
+## 4.92.7 (2022-10-14)
+
+**Note:** Version bump only for package @patternfly/react-icons
+
+## 4.92.6 (2022-10-05)
 
 ### Bug Fixes
 

package/dist/esm/createIcon.d.ts

@@ -1,11 +1,4 @@
 import * as React from 'react';
-export declare enum IconSize {
-    sm = "sm",
-    md = "md",
-    lg = "lg",
-    xl = "xl"
-}
-export declare const getSize: (size: IconSize | keyof typeof IconSize) => "1em" | "1.5em" | "2em" | "3em";
 export interface IconDefinition {
     name?: string;
     width: number;
@@ -14,11 +7,8 @@ export interface IconDefinition {
     xOffset?: number;
     yOffset?: number;
 }
-export interface SVGIconProps extends Omit<React.HTMLProps<SVGElement>, 'size' | 'ref'> {
-    color?: string;
-    size?: IconSize | keyof typeof IconSize;
+export interface SVGIconProps extends Omit<React.HTMLProps<SVGElement>, 'ref'> {
     title?: string;
-    noVerticalAlign?: boolean;
 }
 /**
  * Factory to create Icon class components for consumers

package/dist/esm/createIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createIcon.d.ts","sourceRoot":"","sources":["../../src/createIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,oBAAY,QAAQ;IAClB,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;CACV;AAED,eAAO,MAAM,OAAO,SAAU,QAAQ,GAAG,MAAM,eAAe,oCAa7D,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACrF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,OAAO,QAAQ,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAID;;GAEG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,OAAW,EACX,OAAW,EACX,KAAK,EACL,MAAM,EACN,OAAO,EACR,EAAE,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAsCrD"}
+{"version":3,"file":"createIcon.d.ts","sourceRoot":"","sources":["../../src/createIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAID;;GAEG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,OAAW,EACX,OAAW,EACX,KAAK,EACL,MAAM,EACN,OAAO,EACR,EAAE,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CA4BrD"}

package/dist/esm/createIcon.js

@@ -1,26 +1,5 @@
 import { __rest } from "tslib";
 import * as React from 'react';
-export var IconSize;
-(function (IconSize) {
-    IconSize["sm"] = "sm";
-    IconSize["md"] = "md";
-    IconSize["lg"] = "lg";
-    IconSize["xl"] = "xl";
-})(IconSize || (IconSize = {}));
-export const getSize = (size) => {
-    switch (size) {
-        case IconSize.sm:
-            return '1em';
-        case IconSize.md:
-            return '1.5em';
-        case IconSize.lg:
-            return '2em';
-        case IconSize.xl:
-            return '3em';
-        default:
-            return '1em';
-    }
-};
 let currentId = 0;
 /**
  * Factory to create Icon class components for consumers
@@ -33,23 +12,15 @@ export function createIcon({ name, xOffset = 0, yOffset = 0, width, height, svgP
                 this.id = `icon-title-${currentId++}`;
             }
             render() {
-                const _a = this.props, { size, color, title, noVerticalAlign } = _a, props = __rest(_a, ["size", "color", "title", "noVerticalAlign"]);
+                const _a = this.props, { title } = _a, props = __rest(_a, ["title"]);
                 const hasTitle = Boolean(title);
-                const heightWidth = getSize(size);
-                const baseAlign = -0.125 * Number.parseFloat(heightWidth);
-                const style = noVerticalAlign ? null : { verticalAlign: `${baseAlign}em` };
                 const viewBox = [xOffset, yOffset, width, height].join(' ');
-                return (React.createElement("svg", Object.assign({ style: style, fill: color, height: heightWidth, width: heightWidth, viewBox: viewBox, "aria-labelledby": hasTitle ? this.id : null, "aria-hidden": hasTitle ? null : true, role: "img" }, props),
+                return (React.createElement("svg", Object.assign({ className: "pf-svg", viewBox: viewBox, fill: "currentColor", "aria-labelledby": hasTitle ? this.id : null, "aria-hidden": hasTitle ? null : true, role: "img" }, props),
                     hasTitle && React.createElement("title", { id: this.id }, title),
                     React.createElement("path", { d: svgPath })));
             }
         },
         _a.displayName = name,
-        _a.defaultProps = {
-            color: 'currentColor',
-            size: IconSize.sm,
-            noVerticalAlign: false
-        },
         _a;
 }
 //# sourceMappingURL=createIcon.js.map

package/dist/esm/createIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"createIcon.js","sourceRoot":"","sources":["../../src/createIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,CAAN,IAAY,QAKX;AALD,WAAY,QAAQ;IAClB,qBAAS,CAAA;IACT,qBAAS,CAAA;IACT,qBAAS,CAAA;IACT,qBAAS,CAAA;AACX,CAAC,EALW,QAAQ,KAAR,QAAQ,QAKnB;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,IAAsC,EAAE,EAAE;IAChE,QAAQ,IAAI,EAAE;QACZ,KAAK,QAAQ,CAAC,EAAE;YACd,OAAO,KAAK,CAAC;QACf,KAAK,QAAQ,CAAC,EAAE;YACd,OAAO,OAAO,CAAC;QACjB,KAAK,QAAQ,CAAC,EAAE;YACd,OAAO,KAAK,CAAC;QACf,KAAK,QAAQ,CAAC,EAAE;YACd,OAAO,KAAK,CAAC;QACf;YACE,OAAO,KAAK,CAAC;KAChB;AACH,CAAC,CAAC;AAkBF,IAAI,SAAS,GAAG,CAAC,CAAC;AAElB;;GAEG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,IAAI,EACJ,OAAO,GAAG,CAAC,EACX,OAAO,GAAG,CAAC,EACX,KAAK,EACL,MAAM,EACN,OAAO,EACQ;;IACf,YAAO,MAAM,OAAQ,SAAQ,KAAK,CAAC,SAAuB;YAAnD;;gBAQL,OAAE,GAAG,cAAc,SAAS,EAAE,EAAE,CAAC;YA4BnC,CAAC;YA1BC,MAAM;gBACJ,MAAM,KAAoD,IAAI,CAAC,KAAK,EAA9D,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,eAAe,OAAyB,EAApB,KAAK,cAA/C,6CAAiD,CAAa,CAAC;gBAErE,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;gBAChC,MAAM,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;gBAClC,MAAM,SAAS,GAAG,CAAC,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;gBAC1D,MAAM,KAAK,GAAG,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,GAAG,SAAS,IAAI,EAAE,CAAC;gBAC3E,MAAM,OAAO,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;gBAE5D,OAAO,CACL,2CACE,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,KAAK,EACX,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,OAAO,qBACC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,iBAC7B,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EACnC,IAAI,EAAC,KAAK,IACL,KAAiD;oBAErD,QAAQ,IAAI,+BAAO,EAAE,EAAE,IAAI,CAAC,EAAE,IAAG,KAAK,CAAS;oBAChD,8BAAM,CAAC,EAAE,OAAO,GAAI,CAChB,CACP,CAAC;YACJ,CAAC;SACF;QAnCQ,cAAW,GAAG,IAAK;QACnB,eAAY,GAAG;YACpB,KAAK,EAAE,cAAc;YACrB,IAAI,EAAE,QAAQ,CAAC,EAAE;YACjB,eAAe,EAAE,KAAK;SACtB;WA8BF;AACJ,CAAC"}
+{"version":3,"file":"createIcon.js","sourceRoot":"","sources":["../../src/createIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,IAAI,SAAS,GAAG,CAAC,CAAC;AAElB;;GAEG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,IAAI,EACJ,OAAO,GAAG,CAAC,EACX,OAAO,GAAG,CAAC,EACX,KAAK,EACL,MAAM,EACN,OAAO,EACQ;;IACf,YAAO,MAAM,OAAQ,SAAQ,KAAK,CAAC,SAAuB;YAAnD;;gBAGL,OAAE,GAAG,cAAc,SAAS,EAAE,EAAE,CAAC;YAuBnC,CAAC;YArBC,MAAM;gBACJ,MAAM,KAAsB,IAAI,CAAC,KAAK,EAAhC,EAAE,KAAK,OAAyB,EAApB,KAAK,cAAjB,SAAmB,CAAa,CAAC;gBAEvC,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;gBAChC,MAAM,OAAO,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;gBAE5D,OAAO,CACL,2CACE,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,cAAc,qBACF,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,iBAC7B,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EACnC,IAAI,EAAC,KAAK,IACL,KAAiD;oBAErD,QAAQ,IAAI,+BAAO,EAAE,EAAE,IAAI,CAAC,EAAE,IAAG,KAAK,CAAS;oBAChD,8BAAM,CAAC,EAAE,OAAO,GAAI,CAChB,CACP,CAAC;YACJ,CAAC;SACF;QAzBQ,cAAW,GAAG,IAAK;WAyB1B;AACJ,CAAC"}

package/dist/esm/icons/data-processor-icon.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { SVGIconProps } from '../createIcon';
+export declare const DataProcessorIconConfig: {
+  name: 'DataProcessorIcon',
+  height: 1024,
+  width: 1024,
+  svgPath: 'M879.0474,64.5 L1024.3914,224.5 L879.0474,384.5 L832.4324,341.094 L909.276499,256.5 L180.1341,256.5 C148.0811,257.327 118.0301,271.052 95.4831,295.334 C72.8821,319.674 60.4361,351.806 60.4361,385.811 L60.4361,386.471 C60.4361,420.381 72.7991,452.159 95.2501,475.95 C117.7211,499.761 147.6961,512.5 179.6531,512.5 L323.373499,512.5 L512.4992,367.3227 L701.624499,512.5 L845.5586,512.5 C892.8806,512.5 937.36031,531.51296 970.971417,566.572676 L971.9866,567.64 C1005.8506,603.526 1024.4996,651.43 1024.4996,702.529 L1024.4996,703.189 C1024.4996,754.188 1005.8886,802.318 972.0946,838.711 C938.5136,874.875 893.7406,895.395 846.0236,896.492 L845.6746,896.5 L31.2476,896.5 C14.7556,896.466 0.4686,881.3 0.499549646,863.652 C0.5316,846.026 14.7836,832.5 31.2476,832.5 L845.0776,832.5 C877.1296,831.673 907.1816,817.948 929.7276,793.666 C952.3286,769.326 964.7756,737.194 964.7756,703.189 L964.7756,702.529 C964.7756,668.619 952.4116,636.841 929.9606,613.05 C907.4896,589.239 877.5156,576.5 845.5586,576.5 L703.333499,576.5 L512.4992,720.9647 L321.665499,576.5 L179.6531,576.5 C132.33011,576.5 87.8513702,557.48704 54.240283,522.427324 L53.2251,521.36 C19.3611,485.474 0.7111,437.57 0.7111,386.471 L0.7111,385.811 C0.7111,334.812 19.3221,286.682 53.1161,250.289 C86.6971,214.125 131.4701,193.605 179.1871,192.508 L179.5371,192.5 L909.276499,192.5 L832.4324,107.906 L879.0474,64.5 Z M512.4992,450.3267 L389.4332,544.7967 L512.4992,637.9607 L635.5662,544.7967 L512.4992,450.3267 Z',
+  yOffset: 0,
+  xOffset: 0,
+};
+export declare const DataProcessorIcon: React.ComponentClass<SVGIconProps>;
+export default DataProcessorIcon;

package/dist/esm/icons/data-processor-icon.js

@@ -0,0 +1,14 @@
+import { createIcon } from '../createIcon';
+
+export const DataProcessorIconConfig = {
+  name: 'DataProcessorIcon',
+  height: 1024,
+  width: 1024,
+  svgPath: 'M879.0474,64.5 L1024.3914,224.5 L879.0474,384.5 L832.4324,341.094 L909.276499,256.5 L180.1341,256.5 C148.0811,257.327 118.0301,271.052 95.4831,295.334 C72.8821,319.674 60.4361,351.806 60.4361,385.811 L60.4361,386.471 C60.4361,420.381 72.7991,452.159 95.2501,475.95 C117.7211,499.761 147.6961,512.5 179.6531,512.5 L323.373499,512.5 L512.4992,367.3227 L701.624499,512.5 L845.5586,512.5 C892.8806,512.5 937.36031,531.51296 970.971417,566.572676 L971.9866,567.64 C1005.8506,603.526 1024.4996,651.43 1024.4996,702.529 L1024.4996,703.189 C1024.4996,754.188 1005.8886,802.318 972.0946,838.711 C938.5136,874.875 893.7406,895.395 846.0236,896.492 L845.6746,896.5 L31.2476,896.5 C14.7556,896.466 0.4686,881.3 0.499549646,863.652 C0.5316,846.026 14.7836,832.5 31.2476,832.5 L845.0776,832.5 C877.1296,831.673 907.1816,817.948 929.7276,793.666 C952.3286,769.326 964.7756,737.194 964.7756,703.189 L964.7756,702.529 C964.7756,668.619 952.4116,636.841 929.9606,613.05 C907.4896,589.239 877.5156,576.5 845.5586,576.5 L703.333499,576.5 L512.4992,720.9647 L321.665499,576.5 L179.6531,576.5 C132.33011,576.5 87.8513702,557.48704 54.240283,522.427324 L53.2251,521.36 C19.3611,485.474 0.7111,437.57 0.7111,386.471 L0.7111,385.811 C0.7111,334.812 19.3221,286.682 53.1161,250.289 C86.6971,214.125 131.4701,193.605 179.1871,192.508 L179.5371,192.5 L909.276499,192.5 L832.4324,107.906 L879.0474,64.5 Z M512.4992,450.3267 L389.4332,544.7967 L512.4992,637.9607 L635.5662,544.7967 L512.4992,450.3267 Z',
+  yOffset: 0,
+  xOffset: 0,
+};
+
+export const DataProcessorIcon = createIcon(DataProcessorIconConfig);
+
+export default DataProcessorIcon;

package/dist/esm/icons/index.d.ts

@@ -366,6 +366,7 @@ export { DAndDBeyondIcon, DAndDBeyondIconConfig } from './d-and-d-beyond-icon';
 export { DAndDIcon, DAndDIconConfig } from './d-and-d-icon';
 export { DailymotionIcon, DailymotionIconConfig } from './dailymotion-icon';
 export { DashcubeIcon, DashcubeIconConfig } from './dashcube-icon';
+export { DataProcessorIcon, DataProcessorIconConfig } from './data-processor-icon';
 export { DataSinkIcon, DataSinkIconConfig } from './data-sink-icon';
 export { DataSourceIcon, DataSourceIconConfig } from './data-source-icon';
 export { DatabaseIcon, DatabaseIconConfig } from './database-icon';

package/dist/esm/icons/index.js

@@ -366,6 +366,7 @@ export { DAndDBeyondIcon, DAndDBeyondIconConfig } from './d-and-d-beyond-icon';
 export { DAndDIcon, DAndDIconConfig } from './d-and-d-icon';
 export { DailymotionIcon, DailymotionIconConfig } from './dailymotion-icon';
 export { DashcubeIcon, DashcubeIconConfig } from './dashcube-icon';
+export { DataProcessorIcon, DataProcessorIconConfig } from './data-processor-icon';
 export { DataSinkIcon, DataSinkIconConfig } from './data-sink-icon';
 export { DataSourceIcon, DataSourceIconConfig } from './data-source-icon';
 export { DatabaseIcon, DatabaseIconConfig } from './database-icon';

package/dist/esm/index.d.ts

@@ -1,3 +1,2 @@
-export { IconSize } from './createIcon';
 export * from './icons/index';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/esm/index.js

@@ -1,3 +1,2 @@
-export { IconSize } from './createIcon';
 export * from './icons/index';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/js/createIcon.d.ts

@@ -1,11 +1,4 @@
 import * as React from 'react';
-export declare enum IconSize {
-    sm = "sm",
-    md = "md",
-    lg = "lg",
-    xl = "xl"
-}
-export declare const getSize: (size: IconSize | keyof typeof IconSize) => "1em" | "1.5em" | "2em" | "3em";
 export interface IconDefinition {
     name?: string;
     width: number;
@@ -14,11 +7,8 @@ export interface IconDefinition {
     xOffset?: number;
     yOffset?: number;
 }
-export interface SVGIconProps extends Omit<React.HTMLProps<SVGElement>, 'size' | 'ref'> {
-    color?: string;
-    size?: IconSize | keyof typeof IconSize;
+export interface SVGIconProps extends Omit<React.HTMLProps<SVGElement>, 'ref'> {
     title?: string;
-    noVerticalAlign?: boolean;
 }
 /**
  * Factory to create Icon class components for consumers

package/dist/js/createIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createIcon.d.ts","sourceRoot":"","sources":["../../src/createIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,oBAAY,QAAQ;IAClB,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;CACV;AAED,eAAO,MAAM,OAAO,SAAU,QAAQ,GAAG,MAAM,eAAe,oCAa7D,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACrF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,OAAO,QAAQ,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAID;;GAEG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,OAAW,EACX,OAAW,EACX,KAAK,EACL,MAAM,EACN,OAAO,EACR,EAAE,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAsCrD"}
+{"version":3,"file":"createIcon.d.ts","sourceRoot":"","sources":["../../src/createIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAID;;GAEG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,OAAW,EACX,OAAW,EACX,KAAK,EACL,MAAM,EACN,OAAO,EACR,EAAE,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CA4BrD"}

package/dist/js/createIcon.js

@@ -1,30 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createIcon = exports.getSize = exports.IconSize = void 0;
+exports.createIcon = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
-var IconSize;
-(function (IconSize) {
-    IconSize["sm"] = "sm";
-    IconSize["md"] = "md";
-    IconSize["lg"] = "lg";
-    IconSize["xl"] = "xl";
-})(IconSize = exports.IconSize || (exports.IconSize = {}));
-const getSize = (size) => {
-    switch (size) {
-        case IconSize.sm:
-            return '1em';
-        case IconSize.md:
-            return '1.5em';
-        case IconSize.lg:
-            return '2em';
-        case IconSize.xl:
-            return '3em';
-        default:
-            return '1em';
-    }
-};
-exports.getSize = getSize;
 let currentId = 0;
 /**
  * Factory to create Icon class components for consumers
@@ -37,23 +15,15 @@ function createIcon({ name, xOffset = 0, yOffset = 0, width, height, svgPath })
                 this.id = `icon-title-${currentId++}`;
             }
             render() {
-                const _a = this.props, { size, color, title, noVerticalAlign } = _a, props = tslib_1.__rest(_a, ["size", "color", "title", "noVerticalAlign"]);
+                const _a = this.props, { title } = _a, props = tslib_1.__rest(_a, ["title"]);
                 const hasTitle = Boolean(title);
-                const heightWidth = exports.getSize(size);
-                const baseAlign = -0.125 * Number.parseFloat(heightWidth);
-                const style = noVerticalAlign ? null : { verticalAlign: `${baseAlign}em` };
                 const viewBox = [xOffset, yOffset, width, height].join(' ');
-                return (React.createElement("svg", Object.assign({ style: style, fill: color, height: heightWidth, width: heightWidth, viewBox: viewBox, "aria-labelledby": hasTitle ? this.id : null, "aria-hidden": hasTitle ? null : true, role: "img" }, props),
+                return (React.createElement("svg", Object.assign({ className: "pf-svg", viewBox: viewBox, fill: "currentColor", "aria-labelledby": hasTitle ? this.id : null, "aria-hidden": hasTitle ? null : true, role: "img" }, props),
                     hasTitle && React.createElement("title", { id: this.id }, title),
                     React.createElement("path", { d: svgPath })));
             }
         },
         _a.displayName = name,
-        _a.defaultProps = {
-            color: 'currentColor',
-            size: IconSize.sm,
-            noVerticalAlign: false
-        },
         _a;
 }
 exports.createIcon = createIcon;

package/dist/js/createIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"createIcon.js","sourceRoot":"","sources":["../../src/createIcon.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,IAAY,QAKX;AALD,WAAY,QAAQ;IAClB,qBAAS,CAAA;IACT,qBAAS,CAAA;IACT,qBAAS,CAAA;IACT,qBAAS,CAAA;AACX,CAAC,EALW,QAAQ,GAAR,gBAAQ,KAAR,gBAAQ,QAKnB;AAEM,MAAM,OAAO,GAAG,CAAC,IAAsC,EAAE,EAAE;IAChE,QAAQ,IAAI,EAAE;QACZ,KAAK,QAAQ,CAAC,EAAE;YACd,OAAO,KAAK,CAAC;QACf,KAAK,QAAQ,CAAC,EAAE;YACd,OAAO,OAAO,CAAC;QACjB,KAAK,QAAQ,CAAC,EAAE;YACd,OAAO,KAAK,CAAC;QACf,KAAK,QAAQ,CAAC,EAAE;YACd,OAAO,KAAK,CAAC;QACf;YACE,OAAO,KAAK,CAAC;KAChB;AACH,CAAC,CAAC;AAbW,QAAA,OAAO,WAalB;AAkBF,IAAI,SAAS,GAAG,CAAC,CAAC;AAElB;;GAEG;AACH,SAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,OAAO,GAAG,CAAC,EACX,OAAO,GAAG,CAAC,EACX,KAAK,EACL,MAAM,EACN,OAAO,EACQ;;IACf,YAAO,MAAM,OAAQ,SAAQ,KAAK,CAAC,SAAuB;YAAnD;;gBAQL,OAAE,GAAG,cAAc,SAAS,EAAE,EAAE,CAAC;YA4BnC,CAAC;YA1BC,MAAM;gBACJ,MAAM,KAAoD,IAAI,CAAC,KAAK,EAA9D,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,eAAe,OAAyB,EAApB,KAAK,sBAA/C,6CAAiD,CAAa,CAAC;gBAErE,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;gBAChC,MAAM,WAAW,GAAG,eAAO,CAAC,IAAI,CAAC,CAAC;gBAClC,MAAM,SAAS,GAAG,CAAC,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;gBAC1D,MAAM,KAAK,GAAG,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,GAAG,SAAS,IAAI,EAAE,CAAC;gBAC3E,MAAM,OAAO,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;gBAE5D,OAAO,CACL,2CACE,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,KAAK,EACX,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,OAAO,qBACC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,iBAC7B,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EACnC,IAAI,EAAC,KAAK,IACL,KAAiD;oBAErD,QAAQ,IAAI,+BAAO,EAAE,EAAE,IAAI,CAAC,EAAE,IAAG,KAAK,CAAS;oBAChD,8BAAM,CAAC,EAAE,OAAO,GAAI,CAChB,CACP,CAAC;YACJ,CAAC;SACF;QAnCQ,cAAW,GAAG,IAAK;QACnB,eAAY,GAAG;YACpB,KAAK,EAAE,cAAc;YACrB,IAAI,EAAE,QAAQ,CAAC,EAAE;YACjB,eAAe,EAAE,KAAK;SACtB;WA8BF;AACJ,CAAC;AA7CD,gCA6CC"}
+{"version":3,"file":"createIcon.js","sourceRoot":"","sources":["../../src/createIcon.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAe/B,IAAI,SAAS,GAAG,CAAC,CAAC;AAElB;;GAEG;AACH,SAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,OAAO,GAAG,CAAC,EACX,OAAO,GAAG,CAAC,EACX,KAAK,EACL,MAAM,EACN,OAAO,EACQ;;IACf,YAAO,MAAM,OAAQ,SAAQ,KAAK,CAAC,SAAuB;YAAnD;;gBAGL,OAAE,GAAG,cAAc,SAAS,EAAE,EAAE,CAAC;YAuBnC,CAAC;YArBC,MAAM;gBACJ,MAAM,KAAsB,IAAI,CAAC,KAAK,EAAhC,EAAE,KAAK,OAAyB,EAApB,KAAK,sBAAjB,SAAmB,CAAa,CAAC;gBAEvC,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;gBAChC,MAAM,OAAO,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;gBAE5D,OAAO,CACL,2CACE,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,cAAc,qBACF,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,iBAC7B,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EACnC,IAAI,EAAC,KAAK,IACL,KAAiD;oBAErD,QAAQ,IAAI,+BAAO,EAAE,EAAE,IAAI,CAAC,EAAE,IAAG,KAAK,CAAS;oBAChD,8BAAM,CAAC,EAAE,OAAO,GAAI,CAChB,CACP,CAAC;YACJ,CAAC;SACF;QAzBQ,cAAW,GAAG,IAAK;WAyB1B;AACJ,CAAC;AAnCD,gCAmCC"}

package/dist/js/icons/data-processor-icon.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { SVGIconProps } from '../createIcon';
+export declare const DataProcessorIconConfig: {
+  name: 'DataProcessorIcon',
+  height: 1024,
+  width: 1024,
+  svgPath: 'M879.0474,64.5 L1024.3914,224.5 L879.0474,384.5 L832.4324,341.094 L909.276499,256.5 L180.1341,256.5 C148.0811,257.327 118.0301,271.052 95.4831,295.334 C72.8821,319.674 60.4361,351.806 60.4361,385.811 L60.4361,386.471 C60.4361,420.381 72.7991,452.159 95.2501,475.95 C117.7211,499.761 147.6961,512.5 179.6531,512.5 L323.373499,512.5 L512.4992,367.3227 L701.624499,512.5 L845.5586,512.5 C892.8806,512.5 937.36031,531.51296 970.971417,566.572676 L971.9866,567.64 C1005.8506,603.526 1024.4996,651.43 1024.4996,702.529 L1024.4996,703.189 C1024.4996,754.188 1005.8886,802.318 972.0946,838.711 C938.5136,874.875 893.7406,895.395 846.0236,896.492 L845.6746,896.5 L31.2476,896.5 C14.7556,896.466 0.4686,881.3 0.499549646,863.652 C0.5316,846.026 14.7836,832.5 31.2476,832.5 L845.0776,832.5 C877.1296,831.673 907.1816,817.948 929.7276,793.666 C952.3286,769.326 964.7756,737.194 964.7756,703.189 L964.7756,702.529 C964.7756,668.619 952.4116,636.841 929.9606,613.05 C907.4896,589.239 877.5156,576.5 845.5586,576.5 L703.333499,576.5 L512.4992,720.9647 L321.665499,576.5 L179.6531,576.5 C132.33011,576.5 87.8513702,557.48704 54.240283,522.427324 L53.2251,521.36 C19.3611,485.474 0.7111,437.57 0.7111,386.471 L0.7111,385.811 C0.7111,334.812 19.3221,286.682 53.1161,250.289 C86.6971,214.125 131.4701,193.605 179.1871,192.508 L179.5371,192.5 L909.276499,192.5 L832.4324,107.906 L879.0474,64.5 Z M512.4992,450.3267 L389.4332,544.7967 L512.4992,637.9607 L635.5662,544.7967 L512.4992,450.3267 Z',
+  yOffset: 0,
+  xOffset: 0,
+};
+export declare const DataProcessorIcon: React.ComponentClass<SVGIconProps>;
+export default DataProcessorIcon;

package/dist/js/icons/data-processor-icon.js

@@ -0,0 +1,12 @@
+"use strict"
+exports.__esModule = true;
+exports.DataProcessorIconConfig = {
+  name: 'DataProcessorIcon',
+  height: 1024,
+  width: 1024,
+  svgPath: 'M879.0474,64.5 L1024.3914,224.5 L879.0474,384.5 L832.4324,341.094 L909.276499,256.5 L180.1341,256.5 C148.0811,257.327 118.0301,271.052 95.4831,295.334 C72.8821,319.674 60.4361,351.806 60.4361,385.811 L60.4361,386.471 C60.4361,420.381 72.7991,452.159 95.2501,475.95 C117.7211,499.761 147.6961,512.5 179.6531,512.5 L323.373499,512.5 L512.4992,367.3227 L701.624499,512.5 L845.5586,512.5 C892.8806,512.5 937.36031,531.51296 970.971417,566.572676 L971.9866,567.64 C1005.8506,603.526 1024.4996,651.43 1024.4996,702.529 L1024.4996,703.189 C1024.4996,754.188 1005.8886,802.318 972.0946,838.711 C938.5136,874.875 893.7406,895.395 846.0236,896.492 L845.6746,896.5 L31.2476,896.5 C14.7556,896.466 0.4686,881.3 0.499549646,863.652 C0.5316,846.026 14.7836,832.5 31.2476,832.5 L845.0776,832.5 C877.1296,831.673 907.1816,817.948 929.7276,793.666 C952.3286,769.326 964.7756,737.194 964.7756,703.189 L964.7756,702.529 C964.7756,668.619 952.4116,636.841 929.9606,613.05 C907.4896,589.239 877.5156,576.5 845.5586,576.5 L703.333499,576.5 L512.4992,720.9647 L321.665499,576.5 L179.6531,576.5 C132.33011,576.5 87.8513702,557.48704 54.240283,522.427324 L53.2251,521.36 C19.3611,485.474 0.7111,437.57 0.7111,386.471 L0.7111,385.811 C0.7111,334.812 19.3221,286.682 53.1161,250.289 C86.6971,214.125 131.4701,193.605 179.1871,192.508 L179.5371,192.5 L909.276499,192.5 L832.4324,107.906 L879.0474,64.5 Z M512.4992,450.3267 L389.4332,544.7967 L512.4992,637.9607 L635.5662,544.7967 L512.4992,450.3267 Z',
+  yOffset: 0,
+  xOffset: 0,
+};
+exports.DataProcessorIcon = require('../createIcon').createIcon(exports.DataProcessorIconConfig);
+exports["default"] = exports.DataProcessorIcon;

package/dist/js/icons/index.d.ts

@@ -366,6 +366,7 @@ export { DAndDBeyondIcon, DAndDBeyondIconConfig } from './d-and-d-beyond-icon';
 export { DAndDIcon, DAndDIconConfig } from './d-and-d-icon';
 export { DailymotionIcon, DailymotionIconConfig } from './dailymotion-icon';
 export { DashcubeIcon, DashcubeIconConfig } from './dashcube-icon';
+export { DataProcessorIcon, DataProcessorIconConfig } from './data-processor-icon';
 export { DataSinkIcon, DataSinkIconConfig } from './data-sink-icon';
 export { DataSourceIcon, DataSourceIconConfig } from './data-source-icon';
 export { DatabaseIcon, DatabaseIconConfig } from './database-icon';

package/dist/js/icons/index.js

@@ -371,6 +371,7 @@ __export(require('./d-and-d-beyond-icon'));
 __export(require('./d-and-d-icon'));
 __export(require('./dailymotion-icon'));
 __export(require('./dashcube-icon'));
+__export(require('./data-processor-icon'));
 __export(require('./data-sink-icon'));
 __export(require('./data-source-icon'));
 __export(require('./database-icon'));

package/dist/js/index.d.ts

@@ -1,3 +1,2 @@
-export { IconSize } from './createIcon';
 export * from './icons/index';
 //# sourceMappingURL=index.d.ts.map

package/dist/js/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/js/index.js

@@ -1,8 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconSize = void 0;
 const tslib_1 = require("tslib");
-var createIcon_1 = require("./createIcon");
-Object.defineProperty(exports, "IconSize", { enumerable: true, get: function () { return createIcon_1.IconSize; } });
 tslib_1.__exportStar(require("./icons/index"), exports);
 //# sourceMappingURL=index.js.map

package/dist/js/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;AAAA,2CAAwC;AAA/B,sGAAA,QAAQ,OAAA;AACjB,wDAA8B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,wDAA8B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-icons",
-  "version": "5.0.0-alpha.1",
+  "version": "5.0.0-alpha.11",
   "description": "PatternFly 4 Icons as React Components",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
@@ -25,23 +25,23 @@
   },
   "homepage": "https://github.com/patternfly/patternfly-react#readme",
   "scripts": {
-    "generate": "rimraf dist/esm/icons dist/js/icons && node scripts/writeIcons.js",
+    "generate": "rimraf dist/esm/icons dist/js/icons && node scripts/writeIcons.mjs",
     "clean": "rimraf dist src/icons src/index.js src/index.d.ts"
   },
   "devDependencies": {
     "@fortawesome/free-brands-svg-icons": "^5.14.0",
     "@fortawesome/free-regular-svg-icons": "^5.14.0",
     "@fortawesome/free-solid-svg-icons": "^5.14.0",
-    "@patternfly/patternfly": "5.0.0-alpha.3",
-    "fs-extra": "^6.0.1",
+    "@patternfly/patternfly": "5.0.0-alpha.41",
+    "fs-extra": "^11.1.0",
     "glob": "^7.1.2",
     "rimraf": "^2.6.2",
-    "tslib": "^2.0.0",
+    "tslib": "^2.5.0",
     "typescript": "^4.7.4"
   },
   "peerDependencies": {
-    "react": "^16.8 || ^17 || ^18",
-    "react-dom": "^16.8 || ^17 || ^18"
+    "react": "^17 || ^18",
+    "react-dom": "^17 || ^18"
   },
-  "gitHead": "5204f0b671c8030ea8b9c1b80f653a4a2985d883"
+  "gitHead": "d9ed9a48d6cd077867203e29d39218feb24d6dd2"
 }

package/scripts/generateIcons.mjs

@@ -0,0 +1,14 @@
+import faIcons from './icons/fontawesomeIcons.js';
+import patternflyIcons from './icons/patternflyIcons.mjs';
+import customIcons from './icons/customIcons.js';
+
+/**
+ * Generates icons from FontAwesome, PatternFly CSS, and custom icons in this repo.
+ */
+export function generateIcons() {
+  return {
+    ...faIcons,
+    ...patternflyIcons,
+    ...customIcons
+  };
+}

package/scripts/icons/{patternflyIcons.js → patternflyIcons.mjs}

@@ -1,4 +1,4 @@
-const pfIcons = require('@patternfly/patternfly/icons/pf-icons.json');
+import { pfIcons } from '@patternfly/patternfly/icons/pf-icons.mjs';
 
 const renaming = {
   save: 'save-alt',
@@ -29,4 +29,5 @@ function convertIcons(icons) {
   return icons;
 }
 
-module.exports = convertIcons(pfIcons);
+const patternflyIcons = convertIcons(pfIcons)
+export default patternflyIcons;

package/scripts/{writeIcons.js → writeIcons.mjs}

@@ -1,6 +1,9 @@
-const { join } = require('path');
-const { outputFileSync } = require('fs-extra');
-const { generateIcons } = require('./generateIcons');
+import { join } from 'path';
+import { outputFileSync } from 'fs-extra/esm';
+import { generateIcons } from './generateIcons.mjs';
+
+import * as url from 'url';
+const __dirname = url.fileURLToPath(new URL('.', import.meta.url));
 
 const outDir = join(__dirname, '../dist');
 

package/src/__tests__/createIcon.test.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render, screen } from '@testing-library/react';
-import { createIcon, IconSize } from '../createIcon';
+import { createIcon } from '../createIcon';
 
 const iconDef = {
   name: 'IconName',
@@ -28,14 +28,6 @@ test('sets correct svgPath', () => {
   ).toHaveAttribute('d', iconDef.svgPath);
 });
 
-test('height and width are set from size', () => {
-  render(<SVGIcon size={IconSize.sm} />);
-
-  const svg = screen.getByRole('img', { hidden: true });
-  expect(svg).toHaveAttribute('width', '1em');
-  expect(svg).toHaveAttribute('height', '1em');
-});
-
 test('aria-hidden is true if no title is specified', () => {
   render(<SVGIcon />);
   expect(screen.getByRole('img', { hidden: true })).toHaveAttribute('aria-hidden', 'true');
@@ -63,7 +55,7 @@ test('aria-labelledby matches title id', () => {
 
   const svg = screen.getByRole('img', { hidden: true });
   const labelledby = svg.getAttribute('aria-labelledby');
-  const titleId = svg.querySelector('title').getAttribute('id');
+  const titleId = svg.querySelector('title')?.getAttribute('id');
 
   expect(labelledby).toEqual(titleId);
 });

package/src/createIcon.tsx

@@ -1,27 +1,5 @@
 import * as React from 'react';
 
-export enum IconSize {
-  sm = 'sm',
-  md = 'md',
-  lg = 'lg',
-  xl = 'xl'
-}
-
-export const getSize = (size: IconSize | keyof typeof IconSize) => {
-  switch (size) {
-    case IconSize.sm:
-      return '1em';
-    case IconSize.md:
-      return '1.5em';
-    case IconSize.lg:
-      return '2em';
-    case IconSize.xl:
-      return '3em';
-    default:
-      return '1em';
-  }
-};
-
 export interface IconDefinition {
   name?: string;
   width: number;
@@ -31,11 +9,8 @@ export interface IconDefinition {
   yOffset?: number;
 }
 
-export interface SVGIconProps extends Omit<React.HTMLProps<SVGElement>, 'size' | 'ref'> {
-  color?: string;
-  size?: IconSize | keyof typeof IconSize;
+export interface SVGIconProps extends Omit<React.HTMLProps<SVGElement>, 'ref'> {
   title?: string;
-  noVerticalAlign?: boolean;
 }
 
 let currentId = 0;
@@ -53,30 +28,20 @@ export function createIcon({
 }: IconDefinition): React.ComponentClass<SVGIconProps> {
   return class SVGIcon extends React.Component<SVGIconProps> {
     static displayName = name;
-    static defaultProps = {
-      color: 'currentColor',
-      size: IconSize.sm,
-      noVerticalAlign: false
-    };
 
     id = `icon-title-${currentId++}`;
 
     render() {
-      const { size, color, title, noVerticalAlign, ...props } = this.props;
+      const { title, ...props } = this.props;
 
       const hasTitle = Boolean(title);
-      const heightWidth = getSize(size);
-      const baseAlign = -0.125 * Number.parseFloat(heightWidth);
-      const style = noVerticalAlign ? null : { verticalAlign: `${baseAlign}em` };
       const viewBox = [xOffset, yOffset, width, height].join(' ');
 
       return (
         <svg
-          style={style}
-          fill={color}
-          height={heightWidth}
-          width={heightWidth}
+          className="pf-svg"
           viewBox={viewBox}
+          fill="currentColor"
           aria-labelledby={hasTitle ? this.id : null}
           aria-hidden={hasTitle ? null : true}
           role="img"

package/src/index.ts

@@ -1,2 +1 @@
-export { IconSize } from './createIcon';
 export * from './icons/index';

package/scripts/generateIcons.js

@@ -1,18 +0,0 @@
-const faIcons = require('./icons/fontawesomeIcons');
-const patternflyIcons = require('./icons/patternflyIcons');
-const customIcons = require('./icons/customIcons');
-
-/**
- * Generates icons from FontAwesome, PatternFly CSS, and custom icons in this repo.
- */
-function generateIcons() {
-  return {
-    ...faIcons,
-    ...patternflyIcons,
-    ...customIcons
-  };
-}
-
-module.exports = {
-  generateIcons
-};