@patternfly/elements 1.0.0

package/pf-icon/icons/patternfly/svgPathDataMissing.js

@@ -0,0 +1 @@
+const t = document.createElement('template');t.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg" data-icon-name="svgPathDataMissing" height="131" width="131" viewBox="0 0 131 131"><path d="M8,95.56a1.83,1.83,0,0,0-2,1.68c-.21,1.86-.23,3.05-.23,3.1a1.88,1.88,0,0,0,1.79,2h0a1.89,1.89,0,0,0,1.82-1.91s0-1,.2-2.67A1.91,1.91,0,0,0,8,95.56  M104.29,104.42a26.42,26.42,0,0,1-4.72,1.89,1.89,1.89,0,0,0-1.25,2.32,1.82,1.82,0,0,0,1.74,1.36,1.73,1.73,0,0,0,.5-.07,29.3,29.3,0,0,0,5.36-2.16,1.89,1.89,0,0,0,.8-2.52,1.78,1.78,0,0,0-2.43-.82  M74.84,57.4A1.88,1.88,0,0,0,76.2,58a1.9,1.9,0,0,0,1.21-.44,1.68,1.68,0,0,0,.15-2.45,19.81,19.81,0,0,1-2.85-3.9,1.88,1.88,0,0,0-2.47-.71,1.7,1.7,0,0,0-.75,2.34,23.82,23.82,0,0,0,3.35,4.58  M75.44,105.24a1.76,1.76,0,0,0-2.17,1.29,1.84,1.84,0,0,0,1.23,2.26A45.56,45.56,0,0,0,79.84,110a1.23,1.23,0,0,0,.27,0,1.78,1.78,0,0,0,1.74-1.56,1.82,1.82,0,0,0-1.47-2.1,40.81,40.81,0,0,1-4.94-1.09  M92.56,107.11a49.67,49.67,0,0,1-5,0h-.07a1.8,1.8,0,0,0-1.73,1.82,1.82,1.82,0,0,0,1.67,2c1,0,2,.07,3.07.07.78,0,1.54,0,2.29-.08a1.83,1.83,0,0,0,1.63-2,1.77,1.77,0,0,0-1.83-1.77  M65.38,100.76a1.62,1.62,0,0,0-2.41.32,2,2,0,0,0,.3,2.62,28.62,28.62,0,0,0,4.55,3.19,1.6,1.6,0,0,0,.78.21,1.69,1.69,0,0,0,1.52-1,2,2,0,0,0-.73-2.52,26,26,0,0,1-4-2.81  M109.71,70.18a2,2,0,0,0,1.1.32,2,2,0,0,0,1.53-.69,1.57,1.57,0,0,0-.42-2.35,26.14,26.14,0,0,0-5.3-2.61,2,2,0,0,0-2.45.91,1.63,1.63,0,0,0,1,2.19,23.39,23.39,0,0,1,4.51,2.23  M70.28,38.72a1.74,1.74,0,0,0-1.85,1.63c0,.46,0,.93,0,1.39A23,23,0,0,0,68.78,46a1.74,1.74,0,1,0,3.43-.63,18.84,18.84,0,0,1-.32-3.58c0-.39,0-.79,0-1.18a1.73,1.73,0,0,0-1.64-1.84  M76.35,27.53a2.08,2.08,0,0,0-2.68.25,20.42,20.42,0,0,0-3.2,4.71,1.64,1.64,0,0,0,1,2.23,2,2,0,0,0,.75.14,1.93,1.93,0,0,0,1.75-1,16.54,16.54,0,0,1,2.67-3.93,1.57,1.57,0,0,0-.29-2.38  M98.18,66.63l.26,0a1.74,1.74,0,0,0,.24-3.47,40.77,40.77,0,0,0-5.42-.39h0a1.74,1.74,0,0,0,0,3.48,37,37,0,0,1,4.94.36  M79.88,26.19a1.92,1.92,0,0,0,1-.26,25.06,25.06,0,0,1,4.62-2.13,1.71,1.71,0,0,0,1.09-2.24,1.87,1.87,0,0,0-2.37-1A30.71,30.71,0,0,0,78.89,23a1.7,1.7,0,0,0-.59,2.41,1.9,1.9,0,0,0,1.58.82  M86.28,65.61a1.79,1.79,0,0,0,.51.07,1.84,1.84,0,0,0,1.76-1.32,1.83,1.83,0,0,0-1.26-2.26,21.06,21.06,0,0,1-4.6-2,1.83,1.83,0,1,0-1.82,3.17,24.64,24.64,0,0,0,5.41,2.29  M47.85,80.53A1.7,1.7,0,0,0,47.61,83a41.72,41.72,0,0,1,3,4.06,1.84,1.84,0,0,0,2.49.52,1.71,1.71,0,0,0,.55-2.4,44.19,44.19,0,0,0-3.27-4.4,1.85,1.85,0,0,0-2.54-.23  M12.51,84.2A1.84,1.84,0,0,0,10,85a33.19,33.19,0,0,0-2.24,5.32A1.83,1.83,0,0,0,9,92.57a1.77,1.77,0,0,0,.56.08,1.83,1.83,0,0,0,1.74-1.26,29.21,29.21,0,0,1,2-4.72,1.81,1.81,0,0,0-.76-2.47  M54.77,91a1.7,1.7,0,0,0-.54,2.4,50.54,50.54,0,0,0,3.24,4.38,1.85,1.85,0,0,0,1.41.64A1.81,1.81,0,0,0,60,98.05a1.69,1.69,0,0,0,.27-2.45,47.21,47.21,0,0,1-3-4.08A1.84,1.84,0,0,0,54.77,91  M112.48,97.29a22.47,22.47,0,0,1-3.09,3.78,1.89,1.89,0,0,0-.09,2.56,1.64,1.64,0,0,0,1.25.58,1.67,1.67,0,0,0,1.16-.48,25.42,25.42,0,0,0,3.57-4.38,1.87,1.87,0,0,0-.43-2.52,1.64,1.64,0,0,0-2.37.46  M118.61,84a1.84,1.84,0,0,0-2,1.65,18.6,18.6,0,0,1-.93,4.74,1.74,1.74,0,0,0,1.26,2.2,2.15,2.15,0,0,0,.56.07,1.88,1.88,0,0,0,1.82-1.24,21.56,21.56,0,0,0,1.09-5.57A1.81,1.81,0,0,0,118.61,84  M117.66,81.1a1.88,1.88,0,0,0,.52-.08,1.85,1.85,0,0,0,1.18-2.3,21.55,21.55,0,0,0-2.43-5.45,1.73,1.73,0,0,0-2.46-.54,1.88,1.88,0,0,0-.52,2.55,17.79,17.79,0,0,1,2,4.51,1.8,1.8,0,0,0,1.7,1.31  M39,73.46a1.84,1.84,0,0,0-2.27,1.24A1.81,1.81,0,0,0,37.93,77a18,18,0,0,1,4.54,2,1.89,1.89,0,0,0,1,.27A1.85,1.85,0,0,0,45,78.3a1.8,1.8,0,0,0-.61-2.5A22.68,22.68,0,0,0,39,73.46  M18.61,75.53A20.68,20.68,0,0,0,14,79a1.81,1.81,0,0,0,0,2.53,1.7,1.7,0,0,0,1.26.55,1.72,1.72,0,0,0,1.22-.51,17,17,0,0,1,3.81-2.86A1.82,1.82,0,0,0,21,76.26a1.73,1.73,0,0,0-2.37-.73  M26.51,72.76a1.77,1.77,0,0,0,.27,3.52l.28,0A26,26,0,0,1,31.92,76a1.84,1.84,0,0,0,1.79-1.72A1.76,1.76,0,0,0,32,72.44a30.51,30.51,0,0,0-5.51.32  M92.47,22.34l.27,0q1.33-.16,2.76-.27a1.83,1.83,0,0,0,1.78-1.92,1.87,1.87,0,0,0-2.07-1.64c-1,.07-2,.17-3,.29a1.83,1.83,0,0,0-1.65,2,1.89,1.89,0,0,0,1.91,1.54  M133,66.72H118.94V44.44h9.27a.89.89,0,1,0,0-1.78h-9.27V36.71a.9.9,0,0,0-1.8,0v5.95H94.41V37.38a.9.9,0,0,0-1.79,0v5.28H77a.89.89,0,0,0,0,1.78H92.62v13a.9.9,0,1,0,1.79,0v-13h22.73V67.68a.89.89,0,0,0,.9.89.86.86,0,0,0,.36-.07H133a.89.89,0,1,0,0-1.78  M128.16,92.65h-4.92a1,1,0,0,0,0,1.93h4.92a1,1,0,0,0,0-1.93  M109.87,116.68H93.2v-1.27a.9.9,0,1,0-1.8,0v1.27H69.05v-5.55a.9.9,0,1,0-1.8,0v5.55H44.82V93.89h4.27a.9.9,0,0,0,0-1.8H44.82V83.92a.9.9,0,1,0-1.79,0v8.17H20.3V84.37a.9.9,0,1,0-1.8,0v7.72H13.42a.9.9,0,1,0,0,1.8H18.5v17.39a.9.9,0,0,0,1.8,0V93.89H43v22.79H26.28a.9.9,0,1,0,0,1.8H43v9.9a.9.9,0,1,0,1.79,0v-9.9H67.25v14.69a.9.9,0,1,0,1.8,0V118.48H91.4v10.2a.9.9,0,1,0,1.8,0v-10.2h16.67a.9.9,0,0,0,0-1.8 M20.55,67.5H43.31V45H20.55Zm-1.79,3a.9.9,0,1,0,1.79,0V69.3H43.31v2.1a.9.9,0,0,0,1.8,0V69.3H67.56V92.38H63.3a.9.9,0,1,0,0,1.79h4.26v3.3a.9.9,0,1,0,1.8,0v-3.3h23v9.14a.9.9,0,0,0,1.8,0V94.17H111.8a.9.9,0,1,0,0-1.79H94.21V71a.9.9,0,0,0-1.8,0V92.38h-23V69.3h12.8a.9.9,0,0,0,0-1.8H69.36v-10a.9.9,0,0,0-1.8,0v10H45.11V45h18a.9.9,0,1,0,0-1.8h-18V20.46H67.56V26a.9.9,0,1,0,1.8,0V20.46h6.06a.9.9,0,1,0,0-1.8H69.36V4a.9.9,0,0,0-1.8,0V18.66H45.11v-10a.9.9,0,1,0-1.8,0v10H26.24a.9.9,0,0,0,0,1.8H43.31V43.23H20.55V26.6a.9.9,0,1,0-1.79,0V43.23H8.88a.9.9,0,0,0,0,1.8h9.88V67.5h-15a.9.9,0,1,0,0,1.8h15Z M117.51,104.21a.94.94,0,0,0-1,.92V111a1,1,0,0,0,1.93,0v-5.87a1,1,0,0,0-1-.92 M106.16,7.75a13.31,13.31,0,0,1,3.35-.41,6.07,6.07,0,0,1,4.09,1.23A4.42,4.42,0,0,1,115,12.09a5.92,5.92,0,0,1-.77,3.12,20.1,20.1,0,0,1-3.72,3.86,11.51,11.51,0,0,0-2.92,3.55,10.22,10.22,0,0,0-.78,4.29v1.21h2.8v-.74a7,7,0,0,1,.71-3.39,13.86,13.86,0,0,1,2.9-3.19,30,30,0,0,0,3.56-3.55,8.29,8.29,0,0,0,1.25-2.34,8.66,8.66,0,0,0,.43-2.87,7.61,7.61,0,0,0-2.3-5.91A9.3,9.3,0,0,0,109.72,4a17.8,17.8,0,0,0-8.58,2.21l1.28,3a17.6,17.6,0,0,1,3.74-1.51 M108.35,31c-1.59,0-2.39,1-2.39,2.9a3,3,0,0,0,.67,2.2,2.36,2.36,0,0,0,1.72.68,2.21,2.21,0,0,0,1.78-.76,3.16,3.16,0,0,0,.64-2.12,3.27,3.27,0,0,0-.63-2.16,2.22,2.22,0,0,0-1.79-.74" /></svg>`;export default t.content.cloneNode(true);

package/pf-icon/icons/patternfly/task.js

@@ -0,0 +1 @@
+const t = document.createElement('template');t.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg" data-icon-name="task" height="1024" width="768" viewBox="0 0 768 1024"><path d="M640,432 C640,440.8 632.8,448 624,448 L143.985,447.572 C135.185,447.572 127.985,440.373 127.985,431.572 L127.985,399.572 C127.985,390.772 135.185,383.572 143.985,383.572 L624,384 C632.8,384 640,391.2 640,400 L640,432 Z M574.77,623.998 C574.77,632.799 567.57,639.998 558.77,639.998 L207.935,639.999 C199.135,639.999 191.935,632.799 191.935,623.999 L191.935,591.999 C191.935,583.199 199.135,575.999 207.935,575.999 L558.77,575.998 C567.57,575.998 574.77,583.198 574.77,591.998 L574.77,623.998 Z M510.833,815.998 C510.833,824.799 503.633,831.998 494.833,831.998 L271.719,831.999 C262.919,831.999 255.719,824.799 255.719,815.999 L255.719,783.999 C255.719,775.199 262.919,767.999 271.719,767.999 L494.833,767.998 C503.633,767.998 510.833,775.198 510.833,783.998 L510.833,815.998 Z M384,80 C410.6,80 432,101.4 432,128 C432,154.6 410.6,176 384,176 C357.4,176 336,154.6 336,128 C336,101.4 357.4,80 384,80 L384,80 Z M672,128 L512,128 C512,57.4 454.6,0 384,0 C313.4,0 256,57.4 256,128 L96,128 C43,128 0,171 0,224 L0,928 C0,981 43,1024 96,1024 L672,1024 C725,1024 768,981 768,928 L768,224 C768,171 725,128 672,128 L672,128 Z" /></svg>`;export default t.content.cloneNode(true);

package/pf-icon/icons/patternfly/tenant.js

@@ -0,0 +1 @@
+const t = document.createElement('template');t.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg" data-icon-name="tenant" height="1024" width="1024" viewBox="0 0 1024 1024"><path d="M512.1,0 C229.7,0 0,229.8 0,512 C0,794.3 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0 Z M512,960 C264.9,960 64,759.2 64,512 C64,265 264.9,64 512,64 C759,64 960,264.9 960,512 C960,759.1 759,960 512,960 Z M672,544 C601.3,544 544,601.3 544,672 C544,742.7 601.3,800 672,800 C742.7,800 800,742.7 800,672 C800,601.3 742.7,544 672,544 Z M672,752 C627.9,752 592,716.1 592,672 C592,627.9 627.9,592 672,592 C716.1,592 752,627.9 752,672 C752,716.1 716.1,752 672,752 Z M352,544 C281.3,544 224,601.3 224,672 C224,742.7 281.3,800 352,800 C422.7,800 480,742.7 480,672 C480,601.3 422.7,544 352,544 Z M352,752 C307.9,752 272,716.1 272,672 C272,627.9 307.9,592 352,592 C396.1,592 432,627.9 432,672 C432,716.1 396.1,752 352,752 Z M672,224 C601.3,224 544,281.3 544,352 C544,422.7 601.3,480 672,480 C742.7,480 800,422.7 800,352 C800,281.3 742.7,224 672,224 Z M672,432 C627.9,432 592,396.1 592,352 C592,307.9 627.9,272 672,272 C716.1,272 752,307.9 752,352 C752,396.1 716.1,432 672,432 Z M480,352 C480,422.7 422.7,480 352,480 C281.3,480 224,422.7 224,352 C224,281.3 281.3,224 352,224 C422.7,224 480,281.3 480,352" /></svg>`;export default t.content.cloneNode(true);

package/pf-icon/icons/patternfly/thumb-tack.js

@@ -0,0 +1 @@
+const t = document.createElement('template');t.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg" data-icon-name="thumb-tack" height="1024" width="640" viewBox="0 0 640 1024"><path d="M640,670.7 C640,543 602.7,480.2 512,448 L512,192 C549.3,178.8 575.4,137.8 575.4,96 C575.4,43 532.4,0 479.4,0 L159.4,0 C106.4,0 63.4,43 63.4,96 C63.4,137.8 90.7,178.8 128,192 L128,448 C37.3,480.2 0,543 0,670.7 C0,688.9 13.8,704 32,704 L256,704 L284.7,995 C286.2,1011.5 301,1024 320,1024 C339,1024 352.6,1011.4 354.1,995 L384,704 L606.9,704 C625.1,704 640,688.9 640,670.7" /></svg>`;export default t.content.cloneNode(true);

package/pf-icon/icons/patternfly/topology.js

@@ -0,0 +1 @@
+const t = document.createElement('template');t.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg" data-icon-name="topology" height="1024" width="1088" viewBox="0 0 1088 1024"><path d="M877.8,0 C797.1,0 731.5,65.6 731.5,146.3 C731.5,175.1 739.7,201.8 754.1,224.5 L670,310.5 C626.5,276.4 571.7,256 512,256 C477.8,256 445.1,262.7 415.3,274.9 L388.6,239.6 C375.1,221.3 350.9,216.1 334.9,228.2 C318.7,240.1 316.4,264.8 329.6,283.1 L351.9,312.3 C293.4,359.2 256,431.2 256,512 C256,534.7 259,556.7 264.5,577.7 L239,590.9 C219.8,600.3 210.7,622.9 218.4,641.2 C226.1,659.5 248.3,666.8 267.3,657.7 L292.9,644.4 C329.1,704.2 389.1,748 459.8,762.6 L453.8,835.6 C413.5,847.1 384,884.1 384,928 C384,981 427,1024 480,1024 C533,1024 576,981 576,928 C576,888.3 551.9,854.3 517.6,839.7 L523.5,767.8 C605.3,764.2 677.2,722.1 721.4,659.2 L789.8,705.8 C808.1,718.4 832.1,714.9 842.8,698 C853.5,680.9 847.3,656.9 828.8,644.6 L754.6,594.1 C763.3,568.3 768,540.7 768,512 C768,456.6 750.4,405.3 720.5,363.5 L807.4,274.8 C828.2,286.2 852.2,292.9 877.8,292.9 C958.5,292.9 1024.1,227.3 1024.1,146.6 C1024.1,65.9 958.5,0 877.8,0 Z M528,928 C528,954.5 506.5,976 480,976 C453.5,976 432,954.5 432,928 C432,901.5 453.5,880 480,880 C506.5,880 528,901.5 528,928 Z M512,640 C441.3,640 384,582.7 384,512 C384,441.3 441.3,384 512,384 C582.7,384 640,441.3 640,512 C640,582.7 582.8,640 512,640 Z M877.8,224 C834.8,224 800.1,189.3 800.1,146.3 C800.1,103.3 834.8,68.6 877.8,68.6 C920.8,68.6 955.5,103.3 955.5,146.3 C955.5,189.3 920.8,224 877.8,224 Z M900.8,712.3 C943.6,669.5 1013.1,669.5 1055.9,712.3 C1077.3,733.7 1088,761.8 1088,789.9 C1088,818 1077.3,846 1055.9,867.5 C1013.1,910.3 943.6,910.3 900.8,867.5 C858,824.6 858,755.2 900.8,712.3 M256,2.3 C316.6,2.3 365.7,51.4 365.7,112 C365.7,172.6 316.6,221.7 256,221.7 C195.4,221.7 146.3,172.6 146.3,112 C146.3,51.4 195.4,2.3 256,2.3 M96,608 C149,608 192,651 192,704 C192,757 149,800 96,800 C43,800 0,757 0,704 C0,651 43,608 96,608" /></svg>`;export default t.content.cloneNode(true);

package/pf-icon/icons/patternfly/trend-down.js

@@ -0,0 +1 @@
+const t = document.createElement('template');t.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg" data-icon-name="trend-down" height="1024" width="960" viewBox="0 0 960 1024"><path d="M960,864 C960,881.7 945.7,896 928,896 L480,896 C462.3,896 448,881.7 448,864 L448,800 C448,782.3 462.3,768 480,768 L741.5,768 L450.3,473.8 L343.7,580.8 C331.2,593.3 310.9,593.4 298.4,580.8 L9.4,291.8 C3.1,285.6 0,277.4 0,269.3 C0,261.1 3.1,252.9 9.4,246.7 L54.6,201.4 C60.9,195.1 69.1,192 77.3,192 C85.5,192 93.7,195.1 99.9,201.4 L320.9,422.4 L427.5,315.4 C440,302.9 460.3,302.8 472.8,315.4 L832,677.5 L831,416 C831,398.3 844.3,384 862,384 L926,384 C943.7,384 960,398.3 960,416 L960,864 Z" /></svg>`;export default t.content.cloneNode(true);

package/pf-icon/icons/patternfly/trend-up.js

@@ -0,0 +1 @@
+const t = document.createElement('template');t.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg" data-icon-name="trend-up" height="1024" width="960" viewBox="0 0 960 1024"><path d="M960,224 C960,206.3 945.7,192 928,192 L480,192 C462.3,192 448,206.3 448,224 L448,288 C448,305.7 462.3,320 480,320 L741.5,320 L450.3,614.2 L343.7,507.2 C331.2,494.7 310.9,494.6 298.4,507.2 L9.4,796.2 C3.1,802.4 0,810.6 0,818.7 C0,826.9 3.1,835.1 9.4,841.3 L54.7,886.6 C60.9,892.8 69.1,896 77.3,896 C85.5,896 93.7,892.9 99.9,886.6 L320.9,665.6 L427.5,772.6 C440,785.1 460.3,785.2 472.8,772.6 L832,410.5 L831,672 C831,689.7 844.3,704 862,704 L926,704 C943.7,704 960,689.7 960,672 L960,224 Z" /></svg>`;export default t.content.cloneNode(true);

package/pf-icon/icons/patternfly/unknown.js

@@ -0,0 +1 @@
+const t = document.createElement('template');t.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg" data-icon-name="unknown" height="1024" width="1024" viewBox="0 0 1024 1024"><path d="M943.3,317.2 L706.9,80.7 C653,26.9 582.5,0 512,0 C441.5,0 371,26.9 317.1,80.7 L80.7,317.1 C-26.9,424.7 -26.9,599.2 80.7,706.8 L317.1,943.2 C371,997.1 441.5,1024 512,1024 C582.5,1024 653,997.1 706.9,943.3 L943.3,706.9 C1050.9,599.3 1050.9,424.8 943.3,317.2 Z M866.4,602.2 L602.8,866.1 C552.8,916.1 471.8,916.2 421.7,866.2 L157.7,602.2 C107.8,552.2 107.8,471.2 157.8,421.3 L421.4,158.4 C471.3,108.6 552.1,108.6 602.1,158.3 L866.3,421.3 C916.3,471.3 916.3,552.2 866.4,602.2 Z M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C488,576.1 521.3,576 521.3,576 L521.3,576 Z M575.3,751.3 L575.3,655.3 C575.3,650.9 573.7,647.3 570.6,644 C567.5,640.9 563.7,639.3 559.3,639.3 L463.3,639.3 C458.9,639.3 455.3,640.9 452,644 C448.9,647.1 447.3,650.9 447.3,655.3 L447.3,751.3 C447.3,755.7 448.9,759.3 452,762.6 C455.1,765.7 458.9,767.3 463.3,767.3 L559.3,767.3 C563.7,767.3 567.3,765.7 570.6,762.6 C573.8,759.4 575.3,755.6 575.3,751.3 L575.3,751.3 Z" /></svg>`;export default t.content.cloneNode(true);

package/pf-icon/icons/patternfly/unlocked.js

@@ -0,0 +1 @@
+const t = document.createElement('template');t.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg" data-icon-name="unlocked" height="1024" width="1024" viewBox="0 0 1024 1024"><path d="M960,448.000922 L320,448.000922 L320,319.700922 C320,214.100922 404.6,127.000922 510.2,126.000922 C608.8,125.100922 690.4,198.500922 702.5,293.600922 C702.6,294.800922 702.8,296.100922 702.9,297.600922 C704,310.200922 714.5,319.900922 727.1,319.900922 L806.7,319.900922 C820.8,319.900922 832.1,307.900922 830.9,293.800922 L830.9,293.500922 C817.5,129.500922 680.1,0.300921594 512.6,0.000460088261 C336.3,-0.299078406 192,145.700922 192,322.000922 L192,448.000922 L64,448.000922 C28.7,448.000922 0,476.700922 0,512.000922 L0,960.000922 C0,995.300922 28.7,1024.00092 64,1024.00092 L960,1024.00092 C995.3,1024.00092 1024,995.300922 1024,960.000922 L1024,512.000922 C1024,476.700922 995.3,448.000922 960,448.000922 Z M848,864.000922 L368,864.000922 C341.5,864.000922 320,842.500922 320,816.000922 C320,789.500922 341.5,768.000922 368,768.000922 L848,768.000922 C874.5,768.000922 896,789.500922 896,816.000922 C896,842.500922 874.5,864.000922 848,864.000922 Z M848,672.000922 L368,672.000922 C341.5,672.000922 320,650.500922 320,624.000922 C320,597.500922 341.5,576.000922 368,576.000922 L848,576.000922 C874.5,576.000922 896,597.500922 896,624.000922 C896,650.500922 874.5,672.000922 848,672.000922 Z" /></svg>`;export default t.content.cloneNode(true);

package/pf-icon/icons/patternfly/unplugged.js

@@ -0,0 +1 @@
+const t = document.createElement('template');t.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg" data-icon-name="unplugged" height="1024" width="958" viewBox="0 0 958 1024"><path d="M346.935298,837.9 C358.136437,843 370.137658,847.099 383.038971,850.2 L383.038971,1024 L575.058507,1024 L575.058507,851.599 C754.276741,807.9 753.076619,603.2 767.078043,448 L736.874971,448 L346.935298,837.9 Z M944.096053,146.9 L81.9083335,1009 C72.507377,1018.4 60.3061356,1023 48.0048841,1023 C35.7036325,1023 23.5023912,1018.299 14.1014347,1009 C4.70047823,999.599 0,987.299 0,975 C0,962.7 4.70047823,950.5 14.0014245,941.099 L238.624278,716.5 C200.12036,625.2 196.720015,511.5 190.919424,448 L507.151598,448 L571.15811,384 L127.012922,384 L127.012922,256 L255.025947,256 L255.025947,32 C255.025947,14.299 269.327402,0 287.029203,0 L351.035715,0 C368.737516,0 383.038971,14.299 383.038971,32 L383.038971,256 L575.058507,256 L575.058507,32.5 C575.058507,14.9 589.259952,0.6 606.861743,0.5 L670.868255,0.2 C688.570056,0.1 703.071531,14.5 703.071531,32.2 L703.071531,252.2 L876.189145,79 C886.990243,68.2 901.791749,63.6 915.893184,65.299 C926.194232,66.5 936.095239,71.1 943.996043,79 C953.397,88.4 958,100.6 958,112.9 C958.097478,125.2 953.397,137.5 944.096053,146.9 L944.096053,146.9 Z" /></svg>`;export default t.content.cloneNode(true);

package/pf-icon/icons/patternfly/user-sec.js

@@ -0,0 +1 @@
+const t = document.createElement('template');t.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg" data-icon-name="user-sec" height="1024" width="830" viewBox="0 0 830 1024"><path d="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" /></svg>`;export default t.content.cloneNode(true);

package/pf-icon/icons/patternfly/users-alt.js

@@ -0,0 +1 @@
+const t = document.createElement('template');t.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg" data-icon-name="users-alt" height="1024" width="960" viewBox="0 0 960 1024"><path d="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" /></svg>`;export default t.content.cloneNode(true);

package/pf-icon/icons/patternfly/virtual-machine.js

@@ -0,0 +1 @@
+const t = document.createElement('template');t.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg" data-icon-name="virtual-machine" height="1024" width="1152" viewBox="0 0 1152 1024"><path d="M1152,896 L1152,256 L832,256 L832,192 L768,192 L768,256 L192,256 L192,576 L128,576 L128,640 L192,640 L192,896 L576,896 L576,956 L384,956 L384,1024 L960,1024 L960,956 L768,956 L768,896 L1152,896 Z M320,768 L320,384 L1024,384 L1024,768 L320,768 Z M768,128 L832,128 L832,64 L768,64 L768,128 Z M640,128 L704,128 L704,64 L640,64 L640,128 Z M512,128 L576,128 L576,64 L512,64 L512,128 Z M384,128 L448,128 L448,64 L384,64 L384,128 Z M256,128 L320,128 L320,64 L256,64 L256,128 Z M128,128 L192,128 L192,64 L128,64 L128,128 Z M0,128 L64,128 L64,64 L0,64 L0,128 Z M0,256 L64,256 L64,192 L0,192 L0,256 Z M0,384 L64,384 L64,320 L0,320 L0,384 Z M768,512 L832,512 L832,448 L768,448 L768,512 Z M0,512 L64,512 L64,448 L0,448 L0,512 Z M768,640 L832,640 L832,576 L768,576 L768,640 Z M640,640 L704,640 L704,576 L640,576 L640,640 Z M512,640 L576,640 L576,576 L512,576 L512,640 Z M384,640 L448,640 L448,576 L384,576 L384,640 Z M0,640 L64,640 L64,576 L0,576 L0,640 Z" /></svg>`;export default t.content.cloneNode(true);

package/pf-icon/icons/patternfly/volume.js

@@ -0,0 +1 @@
+const t = document.createElement('template');t.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg" data-icon-name="volume" height="1024" width="832" viewBox="0 0 832 1024"><path d="M416,608 C135.8,608 44.3,549.9 14.5,512 C0,493.6 0,512 0,512 L0,704 C0,774.7 186.2,832 416,832 C645.8,832 832,774.7 832,704 L832,512 C832,512 832,493.6 817.5,512 C787.7,549.9 696.2,608 416,608 L416,608 Z M832,383 C832,453.7 645.8,511 416,511 C186.2,511 0,453.7 0,383 L0,256 C0,185.3 186.2,128 416,128 C645.8,128 832,185.3 832,256 L832,383 Z" /></svg>`;export default t.content.cloneNode(true);

package/pf-icon/icons/patternfly/warning-triangle.js

@@ -0,0 +1 @@
+const t = document.createElement('template');t.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg" data-icon-name="warning-triangle" height="1024" width="1088" viewBox="0 0 1088 1024"><path d="M1057.10141,663.5 L845.101405,215.4 C787.101405,71.8 665.401405,0 542.901405,0 C420.201405,0 296.701405,71.9 235.001405,215.6 L31.7014051,648.5 C10.4014051,700 -0.0985948775,752.3 0.000697596367,800.8 C0.301405123,924.8 70.2014051,1024 209.101405,1024 L868.401405,1024 C1005.80141,1024 1087.70141,918.6 1088.00215,795.5 C1088.10141,752.4 1078.20141,707.2 1057.10141,663.5 Z M959.401405,800.3 C958.701405,822.9 952.901405,843.5 942.601405,859.7 C926.801405,884.6 902.601405,896.7 868.301405,896.7 L209.101405,896.7 C191.201405,896.7 176.601405,893.8 165.401405,888.2 C157.301405,884 150.801405,878.4 145.401405,870.3 C135.101405,855 129.101405,832 128.401405,805.6 C127.601405,772.8 134.901405,736.5 149.401405,700.5 L353.001405,266.7 C363.201405,242.9 376.101405,221.5 391.101405,203.2 C404.801405,186.6 420.301405,172.4 437.401405,161.1 C469.201405,139.9 505.701405,128.8 542.901405,128.8 C579.701405,128.8 615.401405,139.8 646.001405,160.5 C662.401405,171.6 677.101405,185.4 690.101405,201.6 C704.501405,219.6 716.401405,240.6 725.901405,264 L940.901405,718.9 L941.101405,719.3 L941.301405,719.7 C953.901405,746 960.201405,773.9 959.401405,800.3 Z M586.601405,832 L501.301405,832 C489.501405,831.8 480.201405,821.5 480.001405,808.7 L480.001405,727.3 C480.201405,714.5 489.601405,704.3 501.301405,704 L586.601405,704 C598.401405,704.2 607.701405,714.5 607.901405,727.3 L607.901405,808.7 L608.001405,808.7 C607.701405,821.5 598.301405,831.8 586.601405,832 M639.901405,290.7 L613.201405,610.4 C611.801405,626.9 598.001405,640 581.301405,640 L506.601405,640 C490.001405,640 476.101405,627.2 474.701405,610.7 L448.101405,291 C446.501405,272.3 461.301405,256.3 480.001405,256.3 L608.001405,256 C626.701405,256 641.401405,272 639.901405,290.7" /></svg>`;export default t.content.cloneNode(true);

package/pf-icon/icons/patternfly/zone.js

@@ -0,0 +1 @@
+const t = document.createElement('template');t.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg" data-icon-name="zone" height="1024" width="1024" viewBox="0 0 1024 1024"><path d="M1024,368 C1024,164.8 859.2,0 656,0 C567.1,0 485.6,31.5 422,83.9 C404.4,81.3 386.3,80 368,80 C164.8,80 0,244.8 0,448 C0,609 103.4,745.9 247.5,795.8 C302.5,929.7 434.3,1024 588,1024 C791.2,1024 956,859.2 956,656 C956,633.3 953.9,611 950,589.4 C996.4,527.8 1024,451.1 1024,368 Z M390.6,255.9 C404,224.3 422.7,195.7 446.2,170.7 C457.7,173.9 469,177.9 480.1,182.6 C514.4,197.1 545.2,217.9 571.7,244.4 C585.3,258 597.4,272.8 607.9,288.6 C601.3,288.2 594.7,288.1 588,288.1 C505.6,288.1 429.4,315.2 368.1,361 C369,324.5 376.5,289.2 390.6,255.9 Z M646.4,373.7 C652.8,397.7 656,422.5 656,447.8 C656,486.7 648.4,524.4 633.4,559.9 C620,591.5 601.3,620.1 577.8,645.1 C566.3,642.1 555,638.1 543.9,633.4 C509.6,618.9 478.8,598.1 452.3,571.6 C425.8,545.1 405,514.3 390.5,480 C387.1,471.9 384,463.6 381.4,455.2 C382.4,454.2 383.3,453.2 384.3,452.2 C410.8,425.7 441.6,404.9 475.9,390.4 C511.4,375.4 549.1,367.8 588,367.8 C607.8,367.8 627.3,369.8 646.4,373.7 Z M220,656 C220,669.7 220.8,683.2 222.2,696.4 C201.2,684.1 181.8,669.1 164.4,651.6 C137.9,625.1 117.1,594.3 102.6,560 C87.6,524.6 80,486.9 80,448 C80,409.1 87.6,371.4 102.6,335.9 C117.1,301.6 137.9,270.8 164.4,244.3 C190.9,217.8 221.7,197 256,182.5 C286.6,169.6 318.9,162.1 352.2,160.3 C311.7,219.5 288,291 288,368 C288,390.7 290.1,413 294,434.6 C247.5,496.2 220,572.9 220,656 Z M309.6,730.1 C303.2,706.1 300,681.3 300,656 C300,617.1 307.6,579.4 322.6,543.9 C324.1,540.4 325.6,536.9 327.3,533.5 C364.8,607.9 426.8,667.8 502.7,702.6 C495.3,706.5 487.8,710.1 480.1,713.4 C444.6,728.4 406.9,736 368,736 C348.2,736 328.7,734 309.6,730.1 Z M853.3,768 C838.9,802.4 818.1,833.2 791.6,859.6 C765.1,886.1 734.3,906.9 700,921.4 C664.5,936.4 626.8,944 587.9,944 C549,944 511.3,936.4 475.8,921.4 C441.5,906.9 410.7,886.1 384.2,859.6 C370.6,846 358.5,831.2 348,815.4 C354.6,815.8 361.2,815.9 367.9,815.9 C456.8,815.9 538.3,784.4 601.9,732 C619.5,734.6 637.6,735.9 655.9,735.9 C738.3,735.9 814.5,708.8 875.8,663 C874.9,699.4 867.4,734.7 853.3,768 Z M733.8,407.6 C754.8,419.9 774.2,434.9 791.7,452.4 C818.2,478.9 839,509.7 853.5,544 C856.9,552.1 860,560.4 862.6,568.8 C861.6,569.8 860.7,570.8 859.7,571.8 C833.2,598.3 802.4,619.1 768.1,633.6 C737.5,646.5 705.2,654 671.9,655.8 C712.3,596.5 736,525 736,448 C736,434.3 735.2,420.8 733.8,407.6 Z M921.5,480.2 C920,483.7 918.5,487.2 916.8,490.6 C874,405.6 799.3,339.6 708.5,308.2 C673,221.9 605.8,152.1 521.3,113.4 C528.7,109.5 536.2,105.9 543.9,102.6 C579.4,87.6 617.1,80 656,80 C694.9,80 732.6,87.6 768.1,102.6 C802.4,117.1 833.2,137.9 859.7,164.4 C886.2,190.9 907,221.7 921.5,256 C936.5,291.5 944.1,329.2 944.1,368.1 C944.1,407 936.5,444.7 921.5,480.2 Z" /></svg>`;export default t.content.cloneNode(true);

package/pf-icon/pf-icon.css

@@ -0,0 +1,12 @@
+:host([size=sm]) #container { --_size: var(--pf-global--icon--FontSize--sm, 10px); }
+:host([size=md]) #container { --_size: var(--pf-global--icon--FontSize--md, 18px); }
+:host([size=lg]) #container { --_size: var(--pf-global--icon--FontSize--lg, 24px); }
+:host([size=xl]) #container { --_size: var(--pf-global--icon--FontSize--xl, 54px); }
+
+#container, svg {
+  width: var(--pf-icon--size, var(--_size));
+  height: var(--pf-icon--size, var(--_size));
+  min-width: var(--pf-icon--size, var(--_size));
+  min-height: var(--pf-icon--size, var(--_size));
+}
+

package/pf-icon/pf-icon.d.ts

@@ -0,0 +1,20 @@
+import { BaseIcon } from './BaseIcon.js';
+/**
+ * PatternFly Icon component lazy-loads icons and allows custom icon sets
+ *
+ * @slot - Slotted content is used as a fallback in case the icon doesn't load
+ * @fires load - Fired when an icon is loaded and rendered
+ * @fires error - Fired when an icon fails to load
+ * @csspart fallback - Container for the fallback (i.e. slotted) content
+ */
+export declare class PfIcon extends BaseIcon {
+    static readonly styles: import("lit").CSSResult[];
+    static defaultIconSet: string;
+    /** Size of the icon */
+    size: 'sm' | 'md' | 'lg' | 'xl';
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'pf-icon': PfIcon;
+    }
+}

package/pf-icon/pf-icon.js

@@ -0,0 +1,30 @@
+import { __decorate } from "tslib";
+import { BaseIcon } from './BaseIcon.js';
+import { customElement, property } from 'lit/decorators.js';
+import { css } from "lit";
+const style = css `:host([size=sm]) #container { --_size: var(--pf-global--icon--FontSize--sm, 10px); }\n:host([size=md]) #container { --_size: var(--pf-global--icon--FontSize--md, 18px); }\n:host([size=lg]) #container { --_size: var(--pf-global--icon--FontSize--lg, 24px); }\n:host([size=xl]) #container { --_size: var(--pf-global--icon--FontSize--xl, 54px); }\n\n#container, svg {\n  width: var(--pf-icon--size, var(--_size));\n  height: var(--pf-icon--size, var(--_size));\n  min-width: var(--pf-icon--size, var(--_size));\n  min-height: var(--pf-icon--size, var(--_size));\n}\n\n`;
+/**
+ * PatternFly Icon component lazy-loads icons and allows custom icon sets
+ *
+ * @slot - Slotted content is used as a fallback in case the icon doesn't load
+ * @fires load - Fired when an icon is loaded and rendered
+ * @fires error - Fired when an icon fails to load
+ * @csspart fallback - Container for the fallback (i.e. slotted) content
+ */
+let PfIcon = class PfIcon extends BaseIcon {
+    constructor() {
+        super(...arguments);
+        /** Size of the icon */
+        this.size = 'sm';
+    }
+};
+PfIcon.styles = [...BaseIcon.styles, style];
+PfIcon.defaultIconSet = 'fas';
+__decorate([
+    property({ reflect: true })
+], PfIcon.prototype, "size", void 0);
+PfIcon = __decorate([
+    customElement('pf-icon')
+], PfIcon);
+export { PfIcon };
+//# sourceMappingURL=pf-icon.js.map

package/pf-icon/pf-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pf-icon.js","sourceRoot":"","sources":["pf-icon.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;;;AAI5D;;;;;;;GAOG;AAEI,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,QAAQ;IAA7B;;QAKL,uBAAuB;QACM,SAAI,GAAwB,IAAI,CAAC;IAChE,CAAC;;AANwB,aAAM,GAAG,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAE9C,qBAAc,GAAG,KAAK,CAAC;AAGR;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oCAAkC;AANnD,MAAM;IADlB,aAAa,CAAC,SAAS,CAAC;GACZ,MAAM,CAOlB;SAPY,MAAM","sourcesContent":["import { BaseIcon } from './BaseIcon.js';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport style from './pf-icon.css';\n\n/**\n * PatternFly Icon component lazy-loads icons and allows custom icon sets\n *\n * @slot - Slotted content is used as a fallback in case the icon doesn't load\n * @fires load - Fired when an icon is loaded and rendered\n * @fires error - Fired when an icon fails to load\n * @csspart fallback - Container for the fallback (i.e. slotted) content\n */\n@customElement('pf-icon')\nexport class PfIcon extends BaseIcon {\n  public static readonly styles = [...BaseIcon.styles, style];\n\n  public static defaultIconSet = 'fas';\n\n  /** Size of the icon */\n  @property({ reflect: true }) size: 'sm'|'md'|'lg'|'xl' = 'sm';\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'pf-icon': PfIcon;\n  }\n}\n"]}

package/pf-icon/test/pf-icon.e2e.d.ts

@@ -0,0 +1 @@
+export {};

package/pf-icon/test/pf-icon.e2e.js

@@ -0,0 +1,11 @@
+import { test } from '@playwright/test';
+import { PfeDemoPage } from '@patternfly/pfe-tools/test/playwright/PfeDemoPage.js';
+const tagName = 'pf-icon';
+test.describe(tagName, () => {
+    test('snapshot', async ({ page }) => {
+        const componentPage = new PfeDemoPage(page, tagName);
+        await componentPage.navigate();
+        await componentPage.snapshot();
+    });
+});
+//# sourceMappingURL=pf-icon.e2e.js.map

package/pf-icon/test/pf-icon.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pf-icon.e2e.js","sourceRoot":"","sources":["pf-icon.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,sDAAsD,CAAC;AAEnF,MAAM,OAAO,GAAG,SAAS,CAAC;AAE1B,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IAC1B,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAClC,MAAM,aAAa,GAAG,IAAI,WAAW,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACrD,MAAM,aAAa,CAAC,QAAQ,EAAE,CAAC;QAC/B,MAAM,aAAa,CAAC,QAAQ,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { test } from '@playwright/test';\nimport { PfeDemoPage } from '@patternfly/pfe-tools/test/playwright/PfeDemoPage.js';\n\nconst tagName = 'pf-icon';\n\ntest.describe(tagName, () => {\n  test('snapshot', async ({ page }) => {\n    const componentPage = new PfeDemoPage(page, tagName);\n    await componentPage.navigate();\n    await componentPage.snapshot();\n  });\n});\n"]}

package/pf-icon/test/pf-icon.spec.d.ts

@@ -0,0 +1 @@
+import '@patternfly/pfe-tools/test/stub-logger.js';

package/pf-icon/test/pf-icon.spec.js

@@ -0,0 +1,127 @@
+import { expect, fixture, oneEvent } from '@open-wc/testing';
+import { html, render } from 'lit';
+import { Logger } from '@patternfly/pfe-core/controllers/logger.js';
+import { PfIcon } from '@patternfly/elements/pf-icon/pf-icon.js';
+import '@patternfly/pfe-tools/test/stub-logger.js';
+describe('<pf-icon>', function () {
+    let element;
+    async function expectIconsEqual(actualIconUrl) {
+        await oneEvent(element, 'load');
+        const tpl = await import(actualIconUrl.pathname).then(x => x.default);
+        const rootNode = render(tpl, document.createDocumentFragment());
+        const actual = element.shadowRoot?.querySelector('svg');
+        const expected = rootNode.parentNode.querySelector('svg');
+        expect(actual?.outerHTML).to.equal(expected?.outerHTML);
+    }
+    beforeEach(async function () {
+        // @ts-expect-error: this is necessary to reset test state
+        PfIcon.getters = new Map();
+        PfIcon.io.disconnect();
+        element = await fixture(html `<pf-icon></pf-icon>`);
+    });
+    it('should upgrade', function () {
+        expect(element, 'pf-icon should be an instance of PfIcon')
+            .to.be.an.instanceOf(customElements.get('pf-icon'))
+            .and
+            .to.be.an.instanceOf(PfIcon);
+    });
+    it('should warn if the 2nd argument to addIconSet is not a function', function () {
+        // @ts-expect-error: 3rd input is a string
+        PfIcon.addIconSet('test', './', 'rh-icon-aed.svg');
+        expect(Logger.warn).to.have.been.calledOnceWith(`[PfIcon.addIconSet(setName, getter)]: getter must be a function`);
+    });
+    it('should warn if there is no function provided to resolve the icon names', function () {
+        // @ts-expect-error: testing bad input
+        PfIcon.addIconSet('test', './');
+        expect(Logger.warn).to.have.been.calledOnceWith('[PfIcon.addIconSet(setName, getter)]: getter must be a function');
+    });
+    describe('with a custom icon set', function () {
+        const testIcons = ['aed', 'api', 'atom', 'bike'];
+        function getter(_, icon) {
+            return new URL(`./rh-icon-${icon}.js`, import.meta.url);
+        }
+        beforeEach(async function () {
+            // replace the default built-in icon set resolveIconName function
+            // with one that loads local icons.  we don't want tests dependent on
+            // prod servers.
+            PfIcon.addIconSet('rh', getter);
+            element.set = 'rh';
+        });
+        for (const iconName of testIcons) {
+            it('loads icons', async function () {
+                // wait for each test icon to be loaded, then move to the next one
+                element.icon = iconName;
+                await expectIconsEqual(getter('rh', iconName));
+            });
+        }
+        it('should hide the fallback when it successfully upgrades', async function () {
+            element.innerHTML = `<p>Icon failed to load.</p>`;
+            // Check that the fallback is hidden when the icon is successfully loaded
+            element.icon = 'bike';
+            await oneEvent(element, 'load');
+            expect(element).shadowDom.to.equal(`
+      <div id="container" aria-hidden="true">
+        <span part="fallback" hidden>
+          <slot></slot>
+        </span>
+      </div>`);
+        });
+        it('should change color when pf-icon\'s color CSS property is changed', async function () {
+            const newColor = 'rgb(11, 12, 13)';
+            element.style.setProperty('color', newColor);
+            element.icon = 'atom';
+            await oneEvent(element, 'load');
+            const color = getComputedStyle(element.shadowRoot.querySelector('svg')).getPropertyValue('color');
+            expect(color).to.equal(newColor);
+        });
+    });
+    describe('changing size attribute', function () {
+        const sizes = ['sm', 'md', 'lg', 'xl'];
+        let lastSize = { width: 0, height: 0 };
+        for (const size of sizes) {
+            it('should change size based on the attribute value', async function () {
+                element.size = size;
+                await element.updateComplete;
+                const { width, height } = element.getBoundingClientRect();
+                expect(width, `size "${size}" should be wider than the size below`).to.be.greaterThan(lastSize.width);
+                expect(height, `size "${size}" should be taller than the size below`).to.be.greaterThan(lastSize.height);
+                lastSize = { width, height };
+            });
+        }
+    });
+    it(`should fetch an icon even when the icon set is registered after the element upgrades`, async function () {
+        const url = new URL('./rh-icon-bike.js', import.meta.url);
+        element.set = 'asdfasdf';
+        element.icon = 'foo';
+        await element.updateComplete;
+        PfIcon.addIconSet('asdfasdf', () => url);
+        await oneEvent(element, 'load');
+        await expectIconsEqual(url);
+    });
+    it(`should show fallback when given a valid icon set but invalid icon name, fallback provided`, async function () {
+        element.innerHTML = '<p>Image failed to load.</p>.';
+        element.icon = 'no-scrubs';
+        await oneEvent(element, 'error');
+        expect(element.shadowRoot.querySelector('svg')).to.not.be.ok;
+        expect(element).shadowDom.to.equal(`
+      <div id="container" aria-hidden="true">
+        <span part="fallback">
+          <slot></slot>
+        </span>
+      </div>`);
+    });
+    it('should show fallback when given an invalid icon set, fallback provided', async function () {
+        element.innerHTML = '<p>Image failed to load.</p>.';
+        element.set = 'choopee-doopee-pie';
+        element.icon = 'bike';
+        await oneEvent(element, 'error');
+        expect(element.shadowRoot.querySelector('svg')).to.not.be.ok;
+        expect(element).shadowDom.to.equal(`
+      <div id="container" aria-hidden="true">
+        <span part="fallback">
+          <slot></slot>
+        </span>
+      </div>`);
+    });
+});
+//# sourceMappingURL=pf-icon.spec.js.map

package/pf-icon/test/pf-icon.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pf-icon.spec.js","sourceRoot":"","sources":["pf-icon.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture, oneEvent } from '@open-wc/testing';\nimport { html, render } from 'lit';\n\nimport { Logger } from '@patternfly/pfe-core/controllers/logger.js';\n\nimport { PfIcon } from '@patternfly/elements/pf-icon/pf-icon.js';\n\nimport '@patternfly/pfe-tools/test/stub-logger.js';\n\ndescribe('<pf-icon>', function() {\n  let element: PfIcon;\n\n  async function expectIconsEqual(actualIconUrl: URL) {\n    await oneEvent(element, 'load');\n    const tpl = await import(actualIconUrl.pathname).then(x => x.default);\n    const rootNode = render(tpl, document.createDocumentFragment());\n    const actual = element.shadowRoot?.querySelector('svg');\n    const expected = (rootNode.parentNode as DocumentFragment).querySelector('svg');\n    expect(actual?.outerHTML).to.equal(expected?.outerHTML);\n  }\n\n  beforeEach(async function() {\n    // @ts-expect-error: this is necessary to reset test state\n    PfIcon.getters = new Map(); PfIcon.io.disconnect();\n    element = await fixture(html`<pf-icon></pf-icon>`);\n  });\n\n  it('should upgrade', function() {\n    expect(element, 'pf-icon should be an instance of PfIcon')\n      .to.be.an.instanceOf(customElements.get('pf-icon'))\n      .and\n      .to.be.an.instanceOf(PfIcon);\n  });\n\n  it('should warn if the 2nd argument to addIconSet is not a function', function() {\n    // @ts-expect-error: 3rd input is a string\n    PfIcon.addIconSet('test', './', 'rh-icon-aed.svg');\n    expect(Logger.warn).to.have.been.calledOnceWith(`[PfIcon.addIconSet(setName, getter)]: getter must be a function`);\n  });\n\n  it('should warn if there is no function provided to resolve the icon names', function() {\n    // @ts-expect-error: testing bad input\n    PfIcon.addIconSet('test', './');\n\n    expect(Logger.warn).to.have.been.calledOnceWith('[PfIcon.addIconSet(setName, getter)]: getter must be a function');\n  });\n\n  describe('with a custom icon set', function() {\n    const testIcons = ['aed', 'api', 'atom', 'bike'];\n\n    function getter(_: string, icon: string) {\n      return new URL(`./rh-icon-${icon}.js`, import.meta.url);\n    }\n\n    beforeEach(async function() {\n      // replace the default built-in icon set resolveIconName function\n      // with one that loads local icons.  we don't want tests dependent on\n      // prod servers.\n      PfIcon.addIconSet('rh', getter);\n      element.set = 'rh';\n    });\n\n    for (const iconName of testIcons) {\n      it('loads icons', async function() {\n        // wait for each test icon to be loaded, then move to the next one\n        element.icon = iconName;\n        await expectIconsEqual(getter('rh', iconName));\n      });\n    }\n\n    it('should hide the fallback when it successfully upgrades', async function() {\n      element.innerHTML = `<p>Icon failed to load.</p>`;\n      // Check that the fallback is hidden when the icon is successfully loaded\n      element.icon = 'bike';\n      await oneEvent(element, 'load');\n      expect(element).shadowDom.to.equal(`\n      <div id=\"container\" aria-hidden=\"true\">\n        <span part=\"fallback\" hidden>\n          <slot></slot>\n        </span>\n      </div>`);\n    });\n\n    it('should change color when pf-icon\\'s color CSS property is changed', async function() {\n      const newColor = 'rgb(11, 12, 13)';\n      element.style.setProperty('color', newColor);\n      element.icon = 'atom';\n      await oneEvent(element, 'load');\n      const color = getComputedStyle(element.shadowRoot!.querySelector('svg')!).getPropertyValue('color');\n      expect(color).to.equal(newColor);\n    });\n  });\n\n  describe('changing size attribute', function() {\n    const sizes: PfIcon['size'][] = ['sm', 'md', 'lg', 'xl'];\n    let lastSize = { width: 0, height: 0 };\n\n    for (const size of sizes) {\n      it('should change size based on the attribute value', async function() {\n        element.size = size;\n        await element.updateComplete;\n        const { width, height } = element.getBoundingClientRect();\n        expect(width, `size \"${size}\" should be wider than the size below`).to.be.greaterThan(lastSize.width);\n        expect(height, `size \"${size}\" should be taller than the size below`).to.be.greaterThan(lastSize.height);\n        lastSize = { width, height };\n      });\n    }\n  });\n\n  it(`should fetch an icon even when the icon set is registered after the element upgrades`, async function() {\n    const url = new URL('./rh-icon-bike.js', import.meta.url);\n    element.set = 'asdfasdf';\n    element.icon = 'foo';\n    await element.updateComplete;\n    PfIcon.addIconSet('asdfasdf', () => url);\n    await oneEvent(element, 'load');\n    await expectIconsEqual(url);\n  });\n\n  it(`should show fallback when given a valid icon set but invalid icon name, fallback provided`, async function() {\n    element.innerHTML = '<p>Image failed to load.</p>.';\n    element.icon = 'no-scrubs';\n    await oneEvent(element, 'error');\n    expect(element.shadowRoot!.querySelector('svg')).to.not.be.ok;\n    expect(element).shadowDom.to.equal(`\n      <div id=\"container\" aria-hidden=\"true\">\n        <span part=\"fallback\">\n          <slot></slot>\n        </span>\n      </div>`);\n  });\n\n  it('should show fallback when given an invalid icon set, fallback provided', async function() {\n    element.innerHTML = '<p>Image failed to load.</p>.';\n    element.set = 'choopee-doopee-pie';\n    element.icon = 'bike';\n    await oneEvent(element, 'error');\n    expect(element.shadowRoot!.querySelector('svg')).to.not.be.ok;\n    expect(element).shadowDom.to.equal(`\n      <div id=\"container\" aria-hidden=\"true\">\n        <span part=\"fallback\">\n          <slot></slot>\n        </span>\n      </div>`);\n  });\n});\n"]}

package/pf-icon/test/rh-icon-aed.js

@@ -0,0 +1,2 @@
+import { svg } from 'lit';
+export default svg`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" id="rh-icon-aed"><path d="M14.22 22.14c.07-.01.12-.06.15-.12l2.39-5.43c.03-.06.02-.14-.02-.2a.21.21 0 0 0-.18-.1l-2.47-.01 3.93-5.11-1.44 4.1c-.02.06-.01.14.03.19.04.06.1.09.17.09l2.63.01-4.54 6.99c-.06.09-.05.21.04.28l.09.08c.36.31.51.43.95.8.04.03.09.05.13.05.05 0 .1-.02.13-.05 6.27-5.2 7.37-7.27 7.48-7.49 1.4-2.14 1.08-3.91.57-5.03a5.5 5.5 0 0 0-1.47-1.92c-.92-.68-1.87-1.02-2.82-1.02-2.05 0-3.49 1.57-3.98 2.19-.49-.62-1.94-2.19-3.99-2.19-.95 0-1.89.34-2.82 1.02-.03.03-.89.68-1.43 1.87-.5 1.1-.82 2.87.54 5.08.07.14 1.02 1.78 5.75 5.88.04.04.11.05.18.04zm-5.57-6.13c0-.01-.01-.01-.01-.01-1.01-1.64-1.18-3.21-.52-4.67.5-1.1 1.31-1.72 1.31-1.72.85-.62 1.72-.94 2.57-.94 2.26 0 3.79 2.21 3.8 2.23.04.06.1.09.18.09.07 0 .14-.03.17-.09.02-.02 1.54-2.23 3.8-2.23.85 0 1.72.31 2.57.93.01.01.84.66 1.35 1.77.67 1.48.49 3.03-.55 4.62-.01.01-.01.02-.02.03-.01.02-.96 2.02-7.24 7.24-.32-.27-.47-.4-.75-.63l4.66-7.16c.05-.06.05-.15.01-.22a.214.214 0 0 0-.19-.11l-2.73-.01 1.73-4.93c.03-.1-.01-.2-.09-.25a.216.216 0 0 0-.27.05l-4.97 6.36c-.05.06-.06.15-.03.22s.11.12.19.12l2.6.01-2.14 4.88c-4.55-3.99-5.42-5.57-5.43-5.58z"/></svg>`;

package/pf-icon/test/rh-icon-api.js

@@ -0,0 +1,2 @@
+import { svg } from 'lit';
+export default svg`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 31.68 31.68" id="rh-icon-api"><path d="M25.17 20.3v-8.67h-2.94V8.74h1.55l-1.81-3.13-1.8 3.13h1.55v2.89h-5.66V8.83h1.23V5.87h-2.97v2.97h1.23V11.64H9.9V8.81c.7-.12 1.23-.73 1.23-1.46 0-.82-.66-1.48-1.48-1.48s-1.48.67-1.48 1.48c0 .73.53 1.34 1.23 1.46v2.82H6.51v8.67h2.88v2.8H8.22v2.97h2.97V23.1H9.9v-2.8h5.66v2.97h.01l-1.56 2.7h3.61l-1.56-2.7h.01V20.3h5.66v2.82c-.7.12-1.23.73-1.23 1.46 0 .82.66 1.48 1.48 1.48s1.48-.67 1.48-1.48c0-.73-.53-1.34-1.23-1.46V20.3h2.94zM9.9 17.39v-1.17h11.83v1.17H9.9zm11.83-2.88v1.21H9.9v-1.21h11.83zm0-.51h-5.66v-1.86h5.66V14zm-6.17 0H9.9v-1.86h5.66V14zM9.9 17.89h5.66v1.9H9.9v-1.9zm6.16 0h5.66v1.9h-5.66v-1.9zm6.17 1.91v-3.58h2.43v3.58h-2.43zm2.43-4.09h-2.43v-3.58h2.43v3.58zm-2.68-9.08l.93 1.61h-1.86l.93-1.61zm-7.15-.26h1.95v1.95h-1.95V6.37zm-6.16.98c0-.54.44-.98.98-.98s.98.44.98.98-.44.98-.98.98-.98-.44-.98-.98zm.72 4.79v3.58H7.02v-3.58h2.37zm-2.37 4.08h2.37v3.58H7.02v-3.58zm3.66 9.34H8.72V23.6h1.95v1.96zm4.2-.09l.93-1.61.93 1.61h-1.86zm8.08-.89c0 .54-.44.98-.98.98s-.98-.44-.98-.98.44-.98.98-.98.98.44.98.98z"/></svg>`;

package/pf-icon/test/rh-icon-atom.js

@@ -0,0 +1,2 @@
+import { svg } from 'lit';
+export default svg`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" id="rh-icon-atom"><path d="M28.35 16c0-1.22-2.7-2.08-6.24-2.53.55-.71 1.05-1.4 1.47-2.05 1.38-2.14 1.77-3.54 1.16-4.16-.19-.19-.45-.28-.78-.28-1.1 0-3.09 1.1-5.42 2.91-.45-3.54-1.3-6.24-2.53-6.24-1.22 0-2.08 2.7-2.52 6.24-2.33-1.81-4.32-2.91-5.42-2.91-.33 0-.6.09-.78.28-.61.61-.22 2.01 1.16 4.16.42.65.92 1.34 1.47 2.05-3.54.45-6.24 1.3-6.24 2.53s2.7 2.08 6.24 2.53c-.55.71-1.05 1.4-1.47 2.05-1.38 2.14-1.77 3.54-1.16 4.16.19.19.45.28.78.28 1.1 0 3.09-1.1 5.42-2.91.45 3.54 1.3 6.24 2.53 6.24 1.22 0 2.08-2.7 2.53-6.24 2.33 1.81 4.32 2.91 5.42 2.91.33 0 .6-.09.78-.28.61-.61.22-2.01-1.16-4.16-.42-.65-.92-1.34-1.47-2.05 3.52-.45 6.23-1.31 6.23-2.53zm-4.4-8.44c.18 0 .3.04.38.11.28.28.12 1.34-1.24 3.44-.46.72-1.02 1.48-1.65 2.28-.85-.09-1.73-.16-2.63-.21-.05-.9-.12-1.79-.21-2.63 2.5-1.97 4.43-2.99 5.35-2.99zM18.32 16c0 .33 0 .64-.01.95-.22.23-.44.46-.67.68-.23.23-.46.45-.68.67-.31 0-.63.01-.96.01-.32 0-.64 0-.96-.01-.23-.22-.45-.44-.68-.67-.23-.23-.45-.45-.67-.68-.01-.31-.01-.63-.01-.96 0-.33 0-.64.01-.96.22-.23.44-.46.67-.68.23-.23.46-.45.68-.67.31-.01.63-.01.96-.01s.64 0 .96.01c.23.22.45.44.68.67.23.23.45.46.67.69 0 .32.01.64.01.96zm-.28-2.04c-.08-.08-.17-.16-.25-.25.16.01.32.01.48.02.01.16.01.32.02.48-.08-.08-.16-.17-.25-.25zm-.85-.83c-.26-.25-.51-.49-.77-.72.57-.52 1.13-.99 1.66-1.43.07.68.12 1.41.17 2.19-.36-.02-.71-.03-1.06-.04zm-.84-.01h-.7c.12-.11.24-.22.35-.33.11.1.23.22.35.33zm-1.54.01l-1.05.03c.04-.77.1-1.5.16-2.19.53.44 1.09.91 1.66 1.43-.26.24-.52.48-.77.73zm-.6.58c-.08.08-.17.16-.25.25-.08.08-.16.17-.25.25.01-.16.01-.32.02-.48.16-.01.32-.01.48-.02zm-1.08 1.1c-.25.26-.49.51-.72.77-.5-.56-.98-1.11-1.43-1.66.68-.07 1.41-.12 2.18-.16-.02.35-.03.7-.03 1.05zm-.02.84v.7c-.11-.11-.22-.23-.32-.35l.32-.35zm.02 1.54l.03 1.05c-.77-.04-1.5-.1-2.18-.16.44-.54.92-1.1 1.43-1.66.23.26.47.52.72.77zm.58.6c.08.08.16.17.25.25.08.08.17.16.25.25-.16 0-.32-.01-.48-.02-.01-.16-.02-.32-.02-.48zm1.1 1.09c.26.25.51.49.77.72-.57.52-1.13.99-1.66 1.43-.07-.68-.12-1.41-.16-2.19.34.02.7.03 1.05.04zm.84.01h.7c-.12.11-.24.22-.35.33-.12-.11-.23-.22-.35-.33zm1.54-.01l1.06-.03c-.04.77-.1 1.5-.17 2.19-.53-.44-1.09-.91-1.66-1.43.26-.25.51-.49.77-.73zm.6-.59c.08-.08.17-.16.25-.25s.16-.17.25-.25c0 .16-.01.32-.02.48-.16.01-.32.02-.48.02zm1.08-1.1c.25-.26.49-.51.72-.77.5.56.98 1.11 1.43 1.66-.68.07-1.41.12-2.18.16.02-.34.03-.7.03-1.05zm.02-.84V16v-.35c.11.12.22.23.33.35-.12.12-.23.23-.33.35zm-.02-1.54l-.03-1.05c.77.04 1.5.1 2.18.16-.44.54-.92 1.1-1.43 1.66-.23-.26-.47-.51-.72-.77zM16 4.22c.68 0 1.55 2.22 2.01 6.09-.65.52-1.32 1.1-2.01 1.71-.68-.62-1.36-1.19-2.01-1.71.46-3.86 1.33-6.09 2.01-6.09zm-7.1 6.9c-1.35-2.1-1.51-3.17-1.24-3.44.08-.08.2-.11.38-.11.91 0 2.85 1.02 5.35 3-.09.85-.16 1.73-.21 2.63-.9.05-1.79.12-2.63.21a37.15 37.15 0 0 1-1.65-2.29zM4.22 16c0-.68 2.22-1.55 6.08-2.01.53.66 1.1 1.33 1.72 2.01-.61.68-1.19 1.35-1.72 2.01-3.86-.46-6.08-1.33-6.08-2.01zm3.83 8.45c-.18 0-.3-.04-.38-.11-.28-.28-.12-1.34 1.24-3.44.46-.72 1.02-1.49 1.65-2.28.85.09 1.73.16 2.63.21.05.9.12 1.79.21 2.63-2.5 1.96-4.44 2.99-5.35 2.99zM16 27.78c-.68 0-1.55-2.22-2.01-6.09.65-.52 1.32-1.1 2.01-1.71.68.62 1.36 1.19 2.01 1.71-.46 3.87-1.33 6.09-2.01 6.09zm7.09-6.89c1.35 2.1 1.51 3.17 1.24 3.44-.08.08-.2.11-.38.11-.91 0-2.85-1.02-5.34-3 .09-.85.16-1.73.21-2.63.9-.05 1.78-.12 2.63-.21.62.8 1.18 1.57 1.64 2.29zm-1.4-2.88c-.53-.66-1.1-1.33-1.72-2.01.61-.68 1.19-1.35 1.72-2.01 3.86.46 6.08 1.33 6.08 2.01.01.68-2.21 1.55-6.08 2.01zM16 14.79c-.67 0-1.21.54-1.21 1.21s.54 1.21 1.21 1.21 1.22-.55 1.22-1.21-.55-1.21-1.22-1.21zm0 1.86c-.35 0-.64-.29-.64-.64a.644.644 0 0 1 1.29 0c0 .35-.3.64-.65.64z"/></svg>`;

package/pf-icon/test/rh-icon-bike.js

@@ -0,0 +1,2 @@
+import { svg } from 'lit';
+export default svg`<svg id="rh-icon-bike" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M23.19 14c-.59 0-1.15.11-1.67.31l-.79-2.72a.355.355 0 0 1-.02-.1l-.12-1.12 1.15-.57a.4.4 0 0 0 .12.1c.54.33.73.6.72.74-.01.2-.39.46-.64.57-.25.1-.37.39-.26.64a.486.486 0 0 0 .64.26c.12-.05 1.17-.51 1.24-1.4.05-.59-.35-1.15-1.18-1.65a.487.487 0 0 0-.67.16l-.03.06-1.39.69c-.13.06-.2.21-.19.35l.12 1.09h-7.79l-.48-1.24c.1-.03.21-.07.34-.12.34-.13.73-.27 1.06-.27.38 0 .65-.27.68-.53.03-.31-.28-.42-.5-.5-.11-.04-.35-.05-.94-.07-.51-.02-1.14-.04-1.38-.1-.02-.01-.05-.01-.09-.02-.14-.03-.34-.09-.56-.09-.27 0-.48.08-.64.23-.07.04-.35.37-.31.61.02.19.21.29.77.57.13.07.28.14.47.23.16.07.32.11.48.13h.01l.1-.01.49 1.27-1.39 2.9c-.55-.23-1.15-.35-1.79-.35-2.6 0-4.71 2.11-4.71 4.71s2.11 4.71 4.71 4.71a4.72 4.72 0 0 0 4.62-3.78l.94.14a1.067 1.067 0 1 0 1.9-.75l4.53-5.69.33 1.12c-1.57.78-2.64 2.4-2.64 4.26 0 2.63 2.14 4.77 4.77 4.77s4.77-2.14 4.77-4.77A4.79 4.79 0 0 0 23.19 14zm-1.21-4.6c.04-.07.14-.1.21-.05.71.44 1.06.89 1.02 1.34-.06.7-.99 1.09-1.03 1.11-.02.01-.04.01-.06.01a.15.15 0 0 1-.14-.1c-.03-.08 0-.17.08-.2.22-.09.81-.43.85-.85.03-.32-.28-.69-.88-1.05a.16.16 0 0 1-.05-.21zm-10.29.46l-.35.02c-.12-.01-.23-.05-.34-.1-.17-.09-.33-.17-.46-.23-.25-.12-.49-.24-.57-.31.03-.08.13-.23.18-.28.09-.09.21-.13.39-.13.17 0 .35.05.47.07.04.01.08.02.09.02.27.08.9.11 1.45.13.33.01.75.03.83.05.09.03.24.09.27.12-.01.07-.12.2-.31.2-.39 0-.81.16-1.18.29-.19.06-.35.12-.47.15zm-1.13 5.63c1.15.64 1.93 1.87 1.93 3.27 0 .1-.01.2-.02.3l-3.14-.46a.597.597 0 0 0-.14-.26l1.37-2.85zm-1.85 3.66a.4.4 0 0 1 0 0 .38.38 0 1 1 0-.76.38.38 0 0 0-.38.38c-.01.21.17.38.38.38zm.04-1.02h-.03c-.35 0-.64.29-.64.64s.29.64.64.64c.23 0 .44-.13.55-.31l3.14.46a3.744 3.744 0 0 1-3.66 2.96c-2.06 0-3.74-1.68-3.74-3.74 0-2.06 1.68-3.74 3.74-3.74.48 0 .94.1 1.37.26l-1.37 2.83zm0 4.98c-2.39 0-4.34-1.95-4.34-4.34s1.95-4.34 4.34-4.34c.58 0 1.12.11 1.63.32l-.15.32a4.01 4.01 0 0 0-1.47-.29c-2.2 0-3.99 1.79-3.99 3.99s1.79 3.99 3.99 3.99a3.99 3.99 0 0 0 3.9-3.17l.34.05a4.343 4.343 0 0 1-4.25 3.47zm4.32-3.96l-.35-.05c.01-.11.02-.22.02-.33 0-1.5-.84-2.82-2.07-3.49l.15-.32a4.35 4.35 0 0 1 2.27 3.81c0 .13-.01.25-.02.38zm.36.05c.01-.15.02-.29.02-.44 0-1.79-1.01-3.35-2.48-4.15l1.16-2.41 2.59 6.68c-.15.12-.27.27-.34.45l-.95-.13zm1.95 1.36c-.46 0-.83-.37-.83-.83s.37-.83.83-.83.83.37.83.83-.38.83-.83.83zm5.15-7.7l-4.74 5.89a.984.984 0 0 0-.42-.08c-.05 0-.1.01-.15.01L12.6 11.9h7.65l.28.96zm.86 2.77c.01.05.04.12.07.17l1.51 3.07c.04.09.13.14.22.14.04 0 .07-.01.11-.02.12-.06.17-.21.11-.33l-1.51-3.07c-.01-.02-.03-.07-.04-.09l-.06-.2c.43-.17.9-.27 1.39-.27 2.06 0 3.74 1.68 3.74 3.74s-1.68 3.74-3.74 3.74-3.74-1.68-3.74-3.74c0-1.4.77-2.61 1.91-3.26l.03.12zm1.8 7.42c-2.36 0-4.28-1.92-4.28-4.28 0-1.64.93-3.07 2.29-3.79l.08.29a3.987 3.987 0 0 0 1.91 7.49c2.2 0 3.99-1.79 3.99-3.99s-1.79-3.99-3.99-3.99c-.51 0-1 .1-1.45.28l-.08-.28c.48-.19.99-.29 1.54-.29 2.36 0 4.28 1.92 4.28 4.28s-1.93 4.27-4.29 4.28z"/></svg>`;

package/pf-jump-links/demo/demo.css

@@ -0,0 +1,4 @@
+main {
+  padding: 1em;
+}
+

package/pf-jump-links/demo/pf-jump-links.js

@@ -0,0 +1,3 @@
+import '@patternfly/elements/pf-jump-links/pf-jump-links.js';
+import '@patternfly/elements/pf-jump-links/pf-jump-links-list.js';
+

package/pf-jump-links/demo/scrollspy-with-subsections.css

@@ -0,0 +1,60 @@
+[data-demo] {
+  display: contents;
+}
+
+pf-jump-links {
+  position: sticky;
+  top: 1em;
+}
+
+main {
+  display: grid;
+  grid-template-rows: max-content auto;
+  grid-template-columns: 300px auto;
+  grid-template-areas:
+    'head head'
+    'side body';
+}
+
+main :is(header, aside, article) {
+  padding: 24px;
+}
+
+main :is(aside, article) {
+  background-color: var(--pf-global--BackgroundColor--light-300, #f0f0f0);
+}
+
+main header {
+  grid-area: head;
+}
+
+main aside {
+  grid-area: side;
+}
+
+main article {
+  grid-area: body;
+  padding-inline-start: 48px;
+}
+
+main:is(.mobile, .horizontal) {
+  grid-template-rows: repeat(auto-fill, auto);
+  grid-template-columns: 100%;
+  grid-template-areas:
+    'head'
+    'side'
+    'body';
+}
+
+main:is(.mobile, .horizontal) aside {
+  position: sticky;
+  top: 0;
+  box-shadow: rgba(3, 3, 3, 0.16) 0px 4px 4px -4px;
+  z-index: 1;
+}
+
+
+pf-switch + label,
+pf-switch + label + label {
+  margin-inline-start: 12px;
+}

package/pf-jump-links/demo/scrollspy-with-subsections.js

@@ -0,0 +1,33 @@
+import '@patternfly/elements/pf-switch/pf-switch.js';
+import '@patternfly/elements/pf-jump-links/pf-jump-links.js';
+import '@patternfly/elements/pf-jump-links/pf-jump-links-list.js';
+
+const main = document.querySelector('main');
+const links = document.querySelector('pf-jump-links');
+const swtch = document.querySelector('pf-switch');
+const media = matchMedia('(max-width: 600px)');
+
+function sumHeights(...elements) {
+  return elements.reduce((sum, el) => sum + el?.getBoundingClientRect?.().height ?? 0, 0);
+}
+
+async function update() {
+  const { matches } = media;
+  const { checked } = swtch;
+  main.classList.toggle('mobile', matches);
+  main.classList.toggle('horizontal', !checked);
+  links.vertical = checked;
+  links.expandable = matches && checked;
+  links.centered = !checked;
+  await links.updateComplete;
+  links.offset = sumHeights(
+    document.getElementById('main-header'),
+  ) + 72;
+}
+
+media.addEventListener('change', update);
+swtch.addEventListener('change', update);
+links.addEventListener('toggle', update);
+
+update();
+

package/pf-jump-links/pf-jump-links-item.css

@@ -0,0 +1,69 @@
+:host {
+  display: block;
+}
+
+#container {
+  display: contents;
+}
+
+slot:not([name]) {
+  display: flex;
+  flex-direction: column;
+  row-gap: var(--pf-global--spacer--md, 1rem);
+}
+
+a {
+  position: relative;
+  display: flex;
+  cursor: pointer;
+  flex: 1;
+  padding-block-start: var(--pf-c-jump-links__link--PaddingTop,
+    var(--pf-global--spacer--md, 1rem));
+  padding-inline-end: var(--pf-c-jump-links__link--PaddingRight,
+    var(--pf-global--spacer--md, 1rem));
+  padding-block-end: var(--pf-c-jump-links__link--PaddingBottom,
+    var(--pf-global--spacer--md, 1rem));
+  padding-inline-start: var(--pf-c-jump-links__link--PaddingLeft,
+    var(--pf-global--spacer--md, 1rem));
+  text-decoration: none;
+  outline-offset: var(--pf-c-jump-links__link--OutlineOffset,
+    calc(-1 * var(--pf-global--spacer--sm, 0.5rem)));
+  color: var(--pf-c-jump-links__link-text--Color,
+    var(--pf-global--Color--200, #6a6e73));
+}
+
+a::before {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  content: "";
+  border-color: var(--pf-c-jump-links__link--before--BorderColor, transparent);
+  border-style: solid;
+  border-width:
+    var(--pf-c-jump-links__link--before--BorderTopWidth,
+      var(--pf-c-jump-links__list--before--BorderTopWidth,
+        var(--pf-global--BorderWidth--sm, 1px)))
+    var(--pf-c-jump-links__link--before--BorderRightWidth, 0)
+    var(--pf-c-jump-links__link--before--BorderBottomWidth, 0)
+    var(--pf-c-jump-links__link--before--BorderLeftWidth, 0);
+}
+
+a:hover {
+  --pf-c-jump-links__link-text--Color: var(--pf-c-jump-links__link--hover__link-text--Color,
+    var(--pf-global--Color--100, #151515));
+}
+
+a:focus {
+  --pf-c-jump-links__link-text--Color: var(--pf-c-jump-links__link--focus__link-text--Color,
+    var(--pf-global--Color--100, #151515));
+}
+
+:host([active]) {
+  --pf-c-jump-links__link--before--BorderTopWidth: var(--pf-c-jump-links__item--m-current__link--before--BorderTopWidth,
+    var(--pf-global--BorderWidth--lg, 3px));
+  --pf-c-jump-links__link--before--BorderLeftWidth: var(--pf-c-jump-links__item--m-current__link--before--BorderLeftWidth, 0);
+  --pf-c-jump-links__link--before--BorderColor: var(--pf-c-jump-links__item--m-current__link--before--BorderColor,
+    var(--pf-global--primary-color--100, #06c));
+  --pf-c-jump-links__link-text--Color: var(--pf-c-jump-links__item--m-current__link-text--Color,
+    pfvar(--pf-global--Color--100, #151515));
+}

package/pf-jump-links/pf-jump-links-item.d.ts

@@ -0,0 +1,25 @@
+import { LitElement } from 'lit';
+/**
+ * @cssprop --pf-c-jump-links__link--PaddingTop -- padding around the link
+ * @cssprop --pf-c-jump-links__link--PaddingRight
+ * @cssprop --pf-c-jump-links__link--PaddingBottom
+ * @cssprop --pf-c-jump-links__link--PaddingLeft
+ * @cssprop --pf-c-jump-links__link--OutlineOffset
+ * @cssprop --pf-c-jump-links__link-text--Color
+ */
+export declare class PfJumpLinksItem extends LitElement {
+    #private;
+    static readonly styles: import("lit").CSSResult[];
+    link: HTMLAnchorElement;
+    active: boolean;
+    href?: string;
+    connectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    focus(): void;
+    private activeChanged;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'pf-jump-links-item': PfJumpLinksItem;
+    }
+}