@patternfly/react-icons 5.0.0-alpha.8 → 5.0.0-prerelease.1

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

@@ -0,0 +1,12 @@
+"use strict"
+exports.__esModule = true;
+exports.SpinnerAltIconConfig = {
+  name: 'SpinnerAltIcon',
+  height: 1024,
+  width: 1024,
+  svgPath: 'M682.8,854.2 C675.8,857.7 668.7,861 661.4,864.1 C614.1,884.1 563.9,894.2 512,894.2 C460.1,894.2 409.8,884.1 362.6,864.1 C355.4,861.1 348.4,857.8 341.4,854.4 L265.4,959.1 C338.6,999.4 422.6,1022.3 512,1022.3 C601.5,1022.3 685.7,999.3 758.9,959 L682.8,854.2 Z M1015,414.3 L892,454.3 C894.7,472.7 896,491.3 896,510.2 C896,562.1 885.9,612.4 865.9,659.6 C847.1,704.1 820.3,744.2 786.3,778.8 L862.3,883.5 C961.8,790.1 1024,657.4 1024,510.2 C1024,477.4 1020.9,445.4 1015,414.3 L1015,414.3 Z M171.5,332.4 C189.5,297.9 212.6,266.5 240.5,238.6 C275.8,203.3 316.9,175.6 362.6,156.3 C389.8,144.8 418.1,136.5 447,131.6 L447,2.3 C270.2,24.7 121.5,137.3 48.5,292.5 L171.5,332.4 Z M575,131.3 C604.7,136.2 633.6,144.5 661.4,156.3 C707.1,175.6 748.2,203.3 783.5,238.6 C811.4,266.5 834.5,298 852.5,332.5 L975.5,292.5 C902.3,136.7 752.7,23.9 575,2 L575,131.3 Z M237.9,779.1 C203.8,744.4 177,704.2 158.2,659.7 C138.2,612.4 128.1,562.2 128.1,510.3 C128.1,491.4 129.5,472.7 132.1,454.3 L9,414.2 C3.1,445.3 0,477.4 0,510.2 C0,657.5 62.2,790.3 161.8,883.7 L237.9,779.1 Z',
+  yOffset: 0,
+  xOffset: 0,
+};
+exports.SpinnerAltIcon = require('../createIcon').createIcon(exports.SpinnerAltIconConfig);
+exports["default"] = exports.SpinnerAltIcon;

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

@@ -2,9 +2,9 @@ import * as React from 'react';
 import { SVGIconProps } from '../createIcon';
 export declare const SpinnerIconConfig: {
   name: 'SpinnerIcon',
-  height: 1024,
-  width: 1024,
-  svgPath: 'M682.8,854.2 C675.8,857.7 668.7,861 661.4,864.1 C614.1,884.1 563.9,894.2 512,894.2 C460.1,894.2 409.8,884.1 362.6,864.1 C355.4,861.1 348.4,857.8 341.4,854.4 L265.4,959.1 C338.6,999.4 422.6,1022.3 512,1022.3 C601.5,1022.3 685.7,999.3 758.9,959 L682.8,854.2 Z M1015,414.3 L892,454.3 C894.7,472.7 896,491.3 896,510.2 C896,562.1 885.9,612.4 865.9,659.6 C847.1,704.1 820.3,744.2 786.3,778.8 L862.3,883.5 C961.8,790.1 1024,657.4 1024,510.2 C1024,477.4 1020.9,445.4 1015,414.3 L1015,414.3 Z M171.5,332.4 C189.5,297.9 212.6,266.5 240.5,238.6 C275.8,203.3 316.9,175.6 362.6,156.3 C389.8,144.8 418.1,136.5 447,131.6 L447,2.3 C270.2,24.7 121.5,137.3 48.5,292.5 L171.5,332.4 Z M575,131.3 C604.7,136.2 633.6,144.5 661.4,156.3 C707.1,175.6 748.2,203.3 783.5,238.6 C811.4,266.5 834.5,298 852.5,332.5 L975.5,292.5 C902.3,136.7 752.7,23.9 575,2 L575,131.3 Z M237.9,779.1 C203.8,744.4 177,704.2 158.2,659.7 C138.2,612.4 128.1,562.2 128.1,510.3 C128.1,491.4 129.5,472.7 132.1,454.3 L9,414.2 C3.1,445.3 0,477.4 0,510.2 C0,657.5 62.2,790.3 161.8,883.7 L237.9,779.1 Z',
+  height: 512,
+  width: 512,
+  svgPath: 'M304 48c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-48 368c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm208-208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zM96 256c0-26.51-21.49-48-48-48S0 229.49 0 256s21.49 48 48 48 48-21.49 48-48zm12.922 99.078c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.491-48-48-48zm294.156 0c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.49-48-48-48zM108.922 60.922c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.491-48-48-48z',
   yOffset: 0,
   xOffset: 0,
 };

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

@@ -2,9 +2,9 @@
 exports.__esModule = true;
 exports.SpinnerIconConfig = {
   name: 'SpinnerIcon',
-  height: 1024,
-  width: 1024,
-  svgPath: 'M682.8,854.2 C675.8,857.7 668.7,861 661.4,864.1 C614.1,884.1 563.9,894.2 512,894.2 C460.1,894.2 409.8,884.1 362.6,864.1 C355.4,861.1 348.4,857.8 341.4,854.4 L265.4,959.1 C338.6,999.4 422.6,1022.3 512,1022.3 C601.5,1022.3 685.7,999.3 758.9,959 L682.8,854.2 Z M1015,414.3 L892,454.3 C894.7,472.7 896,491.3 896,510.2 C896,562.1 885.9,612.4 865.9,659.6 C847.1,704.1 820.3,744.2 786.3,778.8 L862.3,883.5 C961.8,790.1 1024,657.4 1024,510.2 C1024,477.4 1020.9,445.4 1015,414.3 L1015,414.3 Z M171.5,332.4 C189.5,297.9 212.6,266.5 240.5,238.6 C275.8,203.3 316.9,175.6 362.6,156.3 C389.8,144.8 418.1,136.5 447,131.6 L447,2.3 C270.2,24.7 121.5,137.3 48.5,292.5 L171.5,332.4 Z M575,131.3 C604.7,136.2 633.6,144.5 661.4,156.3 C707.1,175.6 748.2,203.3 783.5,238.6 C811.4,266.5 834.5,298 852.5,332.5 L975.5,292.5 C902.3,136.7 752.7,23.9 575,2 L575,131.3 Z M237.9,779.1 C203.8,744.4 177,704.2 158.2,659.7 C138.2,612.4 128.1,562.2 128.1,510.3 C128.1,491.4 129.5,472.7 132.1,454.3 L9,414.2 C3.1,445.3 0,477.4 0,510.2 C0,657.5 62.2,790.3 161.8,883.7 L237.9,779.1 Z',
+  height: 512,
+  width: 512,
+  svgPath: 'M304 48c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-48 368c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm208-208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zM96 256c0-26.51-21.49-48-48-48S0 229.49 0 256s21.49 48 48 48 48-21.49 48-48zm12.922 99.078c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.491-48-48-48zm294.156 0c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.49-48-48-48zM108.922 60.922c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.491-48-48-48z',
   yOffset: 0,
   xOffset: 0,
 };

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

@@ -2,9 +2,9 @@ import * as React from 'react';
 import { SVGIconProps } from '../createIcon';
 export declare const UserIconConfig: {
   name: 'UserIcon',
-  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',
+  height: 512,
+  width: 448,
+  svgPath: 'M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z',
   yOffset: 0,
   xOffset: 0,
 };

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

@@ -2,9 +2,9 @@
 exports.__esModule = true;
 exports.UserIconConfig = {
   name: 'UserIcon',
-  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',
+  height: 512,
+  width: 448,
+  svgPath: 'M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z',
   yOffset: 0,
   xOffset: 0,
 };

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/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.8",
+  "version": "5.0.0-prerelease.1",
   "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.1",
+    "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": "1b1bde2cf964d501b24a499274099e1de0b60425"
+  "gitHead": "0661f17cb3b7b78f9d190b4790c6b64f5e2af118"
 }

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/__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,9 @@ 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;
+  className?: string;
 }
 
 let currentId = 0;
@@ -53,30 +29,21 @@ 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, className, ...props } = this.props;
+      const classes = className ? `pf-v5-svg ${className}` : 'pf-v5-svg';
 
       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={classes}
           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';