@patternfly/react-icons 5.0.0-alpha.9 → 5.0.0-prerelease.2

package/dist/js/icons/user-sec-icon.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { SVGIconProps } from '../createIcon';
+export declare const UserSecIconConfig: {
+  name: 'UserSecIcon',
+  height: 1024,
+  width: 830,
+  svgPath: 'M0,1024 C7.8,907.1 37.3,664.2 147.8,568.3 C147.8,568.3 207.5,511.5 298.4,511.996718 L530.3,511.996718 C621.3,511.996718 680.9,568.3 680.9,568.3 C680.9,568.3 813.9,680.1 830,1024 L0,1024 Z M639.4,224 C639.4,347.7 539.1,448 415.4,448 C291.7,448 191.4,347.7 191.4,224 C191.4,100.3 291.9,0 415.6,0 C539.3,0 639.4,100.3 639.4,224 L639.4,224 Z',
+  yOffset: 0,
+  xOffset: 0,
+};
+export declare const UserSecIcon: React.ComponentClass<SVGIconProps>;
+export default UserSecIcon;

package/dist/js/icons/user-sec-icon.js

@@ -0,0 +1,12 @@
+"use strict"
+exports.__esModule = true;
+exports.UserSecIconConfig = {
+  name: 'UserSecIcon',
+  height: 1024,
+  width: 830,
+  svgPath: 'M0,1024 C7.8,907.1 37.3,664.2 147.8,568.3 C147.8,568.3 207.5,511.5 298.4,511.996718 L530.3,511.996718 C621.3,511.996718 680.9,568.3 680.9,568.3 C680.9,568.3 813.9,680.1 830,1024 L0,1024 Z M639.4,224 C639.4,347.7 539.1,448 415.4,448 C291.7,448 191.4,347.7 191.4,224 C191.4,100.3 291.9,0 415.6,0 C539.3,0 639.4,100.3 639.4,224 L639.4,224 Z',
+  yOffset: 0,
+  xOffset: 0,
+};
+exports.UserSecIcon = require('../createIcon').createIcon(exports.UserSecIconConfig);
+exports["default"] = exports.UserSecIcon;

package/dist/js/icons/users-alt-icon.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { SVGIconProps } from '../createIcon';
+export declare const UsersAltIconConfig: {
+  name: 'UsersAltIcon',
+  height: 1024,
+  width: 960,
+  svgPath: 'M434.3,665.8 C440.4,661 453.6,651.2 472.9,641 C436,595.6 416,539.3 416,480 C416,473 416.3,466 416.8,459.1 C399.4,452.9 378,448 353.6,448 L221.4,448.3 C154,448 109.7,485.3 109.7,485.3 C27.6,547.5 5.8,692.2 0,768 L0,828 L325.5,828 C350.7,756.5 387.3,702 434.3,665.8 L434.3,665.8 Z M448,224 C448,312.4 376.4,384 288,384 C199.6,384 128,312.4 128,224 C128,135.6 199.7,64 288.1,64 C376.5,64 448,135.6 448,224 L448,224 Z M384,1024 C389.8,948.2 411.6,803.5 493.7,741.3 C493.7,741.3 538,704 605.4,704.3 L737.6,704 C805.1,704 849.3,741.3 849.3,741.3 C849.3,741.3 948,801 960,1024 L384,1024 Z M832,480 C832,568.4 760.4,640 672,640 C583.6,640 512,568.4 512,480 C512,391.6 583.7,320 672.1,320 C760.5,320 832,391.6 832,480 L832,480 Z',
+  yOffset: 0,
+  xOffset: 0,
+};
+export declare const UsersAltIcon: React.ComponentClass<SVGIconProps>;
+export default UsersAltIcon;

package/dist/js/icons/users-alt-icon.js

@@ -0,0 +1,12 @@
+"use strict"
+exports.__esModule = true;
+exports.UsersAltIconConfig = {
+  name: 'UsersAltIcon',
+  height: 1024,
+  width: 960,
+  svgPath: 'M434.3,665.8 C440.4,661 453.6,651.2 472.9,641 C436,595.6 416,539.3 416,480 C416,473 416.3,466 416.8,459.1 C399.4,452.9 378,448 353.6,448 L221.4,448.3 C154,448 109.7,485.3 109.7,485.3 C27.6,547.5 5.8,692.2 0,768 L0,828 L325.5,828 C350.7,756.5 387.3,702 434.3,665.8 L434.3,665.8 Z M448,224 C448,312.4 376.4,384 288,384 C199.6,384 128,312.4 128,224 C128,135.6 199.7,64 288.1,64 C376.5,64 448,135.6 448,224 L448,224 Z M384,1024 C389.8,948.2 411.6,803.5 493.7,741.3 C493.7,741.3 538,704 605.4,704.3 L737.6,704 C805.1,704 849.3,741.3 849.3,741.3 C849.3,741.3 948,801 960,1024 L384,1024 Z M832,480 C832,568.4 760.4,640 672,640 C583.6,640 512,568.4 512,480 C512,391.6 583.7,320 672.1,320 C760.5,320 832,391.6 832,480 L832,480 Z',
+  yOffset: 0,
+  xOffset: 0,
+};
+exports.UsersAltIcon = require('../createIcon').createIcon(exports.UsersAltIconConfig);
+exports["default"] = exports.UsersAltIcon;

package/dist/js/icons/users-icon.d.ts

@@ -2,9 +2,9 @@ import * as React from 'react';
 import { SVGIconProps } from '../createIcon';
 export declare const UsersIconConfig: {
   name: 'UsersIcon',
-  height: 1024,
-  width: 960,
-  svgPath: 'M434.3,665.8 C440.4,661 453.6,651.2 472.9,641 C436,595.6 416,539.3 416,480 C416,473 416.3,466 416.8,459.1 C399.4,452.9 378,448 353.6,448 L221.4,448.3 C154,448 109.7,485.3 109.7,485.3 C27.6,547.5 5.8,692.2 0,768 L0,828 L325.5,828 C350.7,756.5 387.3,702 434.3,665.8 L434.3,665.8 Z M448,224 C448,312.4 376.4,384 288,384 C199.6,384 128,312.4 128,224 C128,135.6 199.7,64 288.1,64 C376.5,64 448,135.6 448,224 L448,224 Z M384,1024 C389.8,948.2 411.6,803.5 493.7,741.3 C493.7,741.3 538,704 605.4,704.3 L737.6,704 C805.1,704 849.3,741.3 849.3,741.3 C849.3,741.3 948,801 960,1024 L384,1024 Z M832,480 C832,568.4 760.4,640 672,640 C583.6,640 512,568.4 512,480 C512,391.6 583.7,320 672.1,320 C760.5,320 832,391.6 832,480 L832,480 Z',
+  height: 512,
+  width: 640,
+  svgPath: 'M96 224c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm448 0c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm32 32h-64c-17.6 0-33.5 7.1-45.1 18.6 40.3 22.1 68.9 62 75.1 109.4h66c17.7 0 32-14.3 32-32v-32c0-35.3-28.7-64-64-64zm-256 0c61.9 0 112-50.1 112-112S381.9 32 320 32 208 82.1 208 144s50.1 112 112 112zm76.8 32h-8.3c-20.8 10-43.9 16-68.5 16s-47.6-6-68.5-16h-8.3C179.6 288 128 339.6 128 403.2V432c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48v-28.8c0-63.6-51.6-115.2-115.2-115.2zm-223.7-13.4C161.5 263.1 145.6 256 128 256H64c-35.3 0-64 28.7-64 64v32c0 17.7 14.3 32 32 32h65.9c6.3-47.4 34.9-87.3 75.2-109.4z',
   yOffset: 0,
   xOffset: 0,
 };

package/dist/js/icons/users-icon.js

@@ -2,9 +2,9 @@
 exports.__esModule = true;
 exports.UsersIconConfig = {
   name: 'UsersIcon',
-  height: 1024,
-  width: 960,
-  svgPath: 'M434.3,665.8 C440.4,661 453.6,651.2 472.9,641 C436,595.6 416,539.3 416,480 C416,473 416.3,466 416.8,459.1 C399.4,452.9 378,448 353.6,448 L221.4,448.3 C154,448 109.7,485.3 109.7,485.3 C27.6,547.5 5.8,692.2 0,768 L0,828 L325.5,828 C350.7,756.5 387.3,702 434.3,665.8 L434.3,665.8 Z M448,224 C448,312.4 376.4,384 288,384 C199.6,384 128,312.4 128,224 C128,135.6 199.7,64 288.1,64 C376.5,64 448,135.6 448,224 L448,224 Z M384,1024 C389.8,948.2 411.6,803.5 493.7,741.3 C493.7,741.3 538,704 605.4,704.3 L737.6,704 C805.1,704 849.3,741.3 849.3,741.3 C849.3,741.3 948,801 960,1024 L384,1024 Z M832,480 C832,568.4 760.4,640 672,640 C583.6,640 512,568.4 512,480 C512,391.6 583.7,320 672.1,320 C760.5,320 832,391.6 832,480 L832,480 Z',
+  height: 512,
+  width: 640,
+  svgPath: 'M96 224c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm448 0c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm32 32h-64c-17.6 0-33.5 7.1-45.1 18.6 40.3 22.1 68.9 62 75.1 109.4h66c17.7 0 32-14.3 32-32v-32c0-35.3-28.7-64-64-64zm-256 0c61.9 0 112-50.1 112-112S381.9 32 320 32 208 82.1 208 144s50.1 112 112 112zm76.8 32h-8.3c-20.8 10-43.9 16-68.5 16s-47.6-6-68.5-16h-8.3C179.6 288 128 339.6 128 403.2V432c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48v-28.8c0-63.6-51.6-115.2-115.2-115.2zm-223.7-13.4C161.5 263.1 145.6 256 128 256H64c-35.3 0-64 28.7-64 64v32c0 17.7 14.3 32 32 32h65.9c6.3-47.4 34.9-87.3 75.2-109.4z',
   yOffset: 0,
   xOffset: 0,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-icons",
-  "version": "5.0.0-alpha.9",
+  "version": "5.0.0-prerelease.2",
   "description": "PatternFly 4 Icons as React Components",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
@@ -32,8 +32,8 @@
     "@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.37",
-    "fs-extra": "^11.1.0",
+    "@patternfly/patternfly": "5.0.0-prerelease.3",
+    "fs-extra": "^11.1.1",
     "glob": "^7.1.2",
     "rimraf": "^2.6.2",
     "tslib": "^2.5.0",
@@ -43,5 +43,5 @@
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"
   },
-  "gitHead": "fc36268d68c08a19ef06a3b0a555d21c8ab98b6c"
+  "gitHead": "6760326224820a4684fc1f7b2e8cf48890085530"
 }

package/scripts/generateIcons.mjs

@@ -1,5 +1,5 @@
 import faIcons from './icons/fontawesomeIcons.js';
-import { pfIcons } from '@patternfly/patternfly/icons/pf-icons.mjs';
+import patternflyIcons from './icons/patternflyIcons.mjs';
 import customIcons from './icons/customIcons.js';
 
 /**
@@ -8,7 +8,7 @@ import customIcons from './icons/customIcons.js';
 export function generateIcons() {
   return {
     ...faIcons,
-    ...pfIcons,
+    ...patternflyIcons,
     ...customIcons
   };
 }

package/scripts/icons/patternflyIcons.mjs

@@ -1,4 +1,4 @@
-import { pfIcons } from '@patternfly/patternfly/icons/pf-icons.mjs';
+import { pfIcons } from '@patternfly/patternfly/icons/pficons.mjs';
 
 const renaming = {
   save: 'save-alt',
@@ -18,7 +18,7 @@ const renaming = {
 /**
  * @param {object} icons Icons like { screen: { "width": 1024, "height": 1024, "svgPathData": "" } }
  */
-export function convertIcons(icons) {
+function convertIcons(icons) {
   delete icons.history;
 
   Object.entries(renaming).forEach(([oldKey, newKey]) => {
@@ -29,3 +29,5 @@ export function convertIcons(icons) {
   return icons;
 }
 
+const patternflyIcons = convertIcons(pfIcons)
+export default patternflyIcons;

package/src/createIcon.tsx

@@ -11,6 +11,7 @@ export interface IconDefinition {
 
 export interface SVGIconProps extends Omit<React.HTMLProps<SVGElement>, 'ref'> {
   title?: string;
+  className?: string;
 }
 
 let currentId = 0;
@@ -32,14 +33,15 @@ export function createIcon({
     id = `icon-title-${currentId++}`;
 
     render() {
-      const { title, ...props } = this.props;
+      const { title, className, ...props } = this.props;
+      const classes = className ? `pf-v5-svg ${className}` : 'pf-v5-svg';
 
       const hasTitle = Boolean(title);
       const viewBox = [xOffset, yOffset, width, height].join(' ');
 
       return (
         <svg
-          className="pf-svg"
+          className={classes}
           viewBox={viewBox}
           fill="currentColor"
           aria-labelledby={hasTitle ? this.id : null}