@patternfly/react-icons 4.93.6 → 5.0.0-alpha.10

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/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 = (0, 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,IAAA,eAAO,EAAC,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/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": "4.93.6",
+  "version": "5.0.0-alpha.10",
   "description": "PatternFly 4 Icons as React Components",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
@@ -8,7 +8,7 @@
   "sideEffects": false,
   "publishConfig": {
     "access": "public",
-    "tag": "prerelease"
+    "tag": "alpha"
   },
   "repository": {
     "type": "git",
@@ -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": "4.224.2",
-    "fs-extra": "^6.0.1",
+    "@patternfly/patternfly": "5.0.0-alpha.37",
+    "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": "91180feefa57c641752c4b5134669ffc497e8dc8"
+  "gitHead": "0770cf02282b314c9ecd11ee48b5b8eefc0c8c6f"
 }

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
-};