@patternfly/patternfly 6.0.0-alpha.7 → 6.0.0-alpha.70

package/docs/components/TextInputGroup/examples/TextInputGroup.css

@@ -5,7 +5,7 @@
 .ws-example-wrapper .pf-v5-c-menu,
 .ws-example-wrapper .pf-v5-c-panel {
   position: absolute;
-  top: 40px;
+ inset-block-start: 40px;
   width: 100%;
 }
 

package/docs/components/TextInputGroup/examples/TextInputGroup.md

@@ -1022,28 +1022,28 @@ cssPrefix: pf-v5-c-text-input-group
 <div class="pf-v5-c-menu">
   <div class="pf-v5-c-menu__content">
     <ul class="pf-v5-c-menu__list" role="menu">
-      <li class="pf-v5-c-menu__list-item" role="none">
+      <li class="pf-v5-c-menu__list-item" role="group">
         <button class="pf-v5-c-menu__item" type="button" role="menuitem">
           <span class="pf-v5-c-menu__item-main">
             <span class="pf-v5-c-menu__item-text">apple</span>
           </span>
         </button>
       </li>
-      <li class="pf-v5-c-menu__list-item" role="none">
+      <li class="pf-v5-c-menu__list-item" role="group">
         <button class="pf-v5-c-menu__item" type="button" role="menuitem">
           <span class="pf-v5-c-menu__item-main">
             <span class="pf-v5-c-menu__item-text">appleby</span>
           </span>
         </button>
       </li>
-      <li class="pf-v5-c-menu__list-item" role="none">
+      <li class="pf-v5-c-menu__list-item" role="group">
         <button class="pf-v5-c-menu__item" type="button" role="menuitem">
           <span class="pf-v5-c-menu__item-main">
             <span class="pf-v5-c-menu__item-text">appleseed</span>
           </span>
         </button>
       </li>
-      <li class="pf-v5-c-menu__list-item" role="none">
+      <li class="pf-v5-c-menu__list-item" role="group">
         <button class="pf-v5-c-menu__item" type="button" role="menuitem">
           <span class="pf-v5-c-menu__item-main">
             <span class="pf-v5-c-menu__item-text">appleton</span>
@@ -1088,7 +1088,7 @@ cssPrefix: pf-v5-c-text-input-group
 <div class="pf-v5-c-menu">
   <div class="pf-v5-c-menu__content">
     <ul class="pf-v5-c-menu__list" role="menu">
-      <li class="pf-v5-c-menu__list-item" role="none">
+      <li class="pf-v5-c-menu__list-item" role="group">
         <button class="pf-v5-c-menu__item" type="button" role="menuitem">
           <span class="pf-v5-c-menu__item-main">
             <span class="pf-v5-c-menu__item-text">appleseed</span>
@@ -1241,28 +1241,28 @@ cssPrefix: pf-v5-c-text-input-group
   <div class="pf-v5-c-menu">
     <div class="pf-v5-c-menu__content">
       <ul class="pf-v5-c-menu__list" role="menu">
-        <li class="pf-v5-c-menu__list-item" role="none">
+        <li class="pf-v5-c-menu__list-item" role="group">
           <button class="pf-v5-c-menu__item" type="button" role="menuitem">
             <span class="pf-v5-c-menu__item-main">
               <span class="pf-v5-c-menu__item-text">nancy</span>
             </span>
           </button>
         </li>
-        <li class="pf-v5-c-menu__list-item" role="none">
+        <li class="pf-v5-c-menu__list-item" role="group">
           <button class="pf-v5-c-menu__item" type="button" role="menuitem">
             <span class="pf-v5-c-menu__item-main">
               <span class="pf-v5-c-menu__item-text">ned</span>
             </span>
           </button>
         </li>
-        <li class="pf-v5-c-menu__list-item" role="none">
+        <li class="pf-v5-c-menu__list-item" role="group">
           <button class="pf-v5-c-menu__item" type="button" role="menuitem">
             <span class="pf-v5-c-menu__item-main">
               <span class="pf-v5-c-menu__item-text">neil</span>
             </span>
           </button>
         </li>
-        <li class="pf-v5-c-menu__list-item" role="none">
+        <li class="pf-v5-c-menu__list-item" role="group">
           <button class="pf-v5-c-menu__item" type="button" role="menuitem">
             <span class="pf-v5-c-menu__item-main">
               <span class="pf-v5-c-menu__item-text">nicole</span>

package/docs/components/Tile/examples/Tile.css

@@ -2,7 +2,7 @@
 #ws-core-c-tile-extra-content .ws-preview-html .pf-v5-c-tile,
 #ws-core-c-tile-stacked-tiles .ws-preview-html .pf-v5-c-tile,
 #ws-core-c-tile-stacked-tiles-large .ws-preview-html .pf-v5-c-tile {
-  margin-right: 8px;
+  margin-inline-end: 8px;
 }
 
 #ws-core-c-tile-extra-content .ws-preview-html {

package/docs/components/Tile/examples/Tile.md

@@ -114,31 +114,51 @@ cssPrefix: pf-v5-c-tile
 <div class="pf-v5-c-tile" tabindex="0">
   <div class="pf-v5-c-tile__header pf-m-stacked">
     <div class="pf-v5-c-tile__icon">
-      <?xml version="1.0" encoding="UTF-8"?>
-      <svg
-        width="1.1em"
-        height="1em"
-        viewBox="0 0 30 27"
-        version="1.1"
-        xmlns="http://www.w3.org/2000/svg"
-        xmlns:xlink="http://www.w3.org/1999/xlink"
-      >
-        <!-- Generator: Sketch 54 (76480) - https://sketchapp.com -->
-        <title>Group 12</title>
-        <desc>Created with Sketch.</desc>
-        <g stroke="none" stroke-width="1" fill="none">
-          <g transform="translate(-351.000000, -422.000000)" fill="#000000">
-            <g transform="translate(322.000000, 395.000000)">
-              <g transform="translate(29.000000, 27.000000)">
-                <g>
-                  <path
-                    d="M29.3047523,13.6067281 L14.8028311,0.0924998513 L14.6960566,0 L14.5601618,0.0924998513 L0.0873609707,13.6067281 L0,13.689978 L0.0679474216,13.7824778 L5.82406471,21.5709653 L5.88230536,21.6449652 L5.9793731,21.6449652 L10.2794742,20.7199667 L14.5601618,26.4364575 L14.6766431,26.5937073 L14.7931244,26.4364575 L19.0932255,20.6829668 L23.3836198,21.6079653 L23.4806876,21.6079653 L23.5389282,21.5339654 L29.3047523,13.7454779 L29.3726997,13.6529781 L29.3047523,13.6067281 Z M20.9957533,15.1699756 L21.5005056,16.2522239 L18.7826087,19.878218 L17.5789687,19.6192185 L20.9957533,15.1699756 Z M21.1607685,13.7454779 L16.0841254,2.77499554 L23.2186047,11.0999822 L21.1607685,13.7454779 Z M22.3255814,16.4002236 L22.3741153,16.3354737 L22.3741153,16.2614739 L21.5587462,14.5039767 L24.1116279,11.0999822 L24.1698686,11.0999822 L24.1019211,11.0167323 L18.9573306,5.01349194 L28.411729,13.8194778 L26.4703741,16.4002236 L23.1506572,20.8864664 L19.5494439,20.1002177 L22.3255814,16.4002236 Z M12.269363,20.2482175 L14.6669363,23.3747124 L14.7931244,23.5412122 L14.9096057,23.3747124 L17.1227503,20.2482175 L18.3166835,20.516467 L14.6960566,25.3634592 L11.0754297,20.516467 L12.269363,20.2482175 Z M12.871183,19.8227181 L14.6960566,2.88599536 L16.5015167,19.8227181 L14.7542973,22.2924642 L12.871183,19.8227181 Z M13.8418605,3.34849462 L12.1237614,18.8144698 L8.73609707,14.4207268 L13.8418605,3.34849462 Z M6.17350859,11.0999822 L13.3176946,2.77499554 L8.23134479,13.7454779 L6.17350859,11.0999822 Z M10.4347826,4.99499197 L5.29019211,10.9982323 L5.22224469,11.0999822 L5.29019211,11.183232 L7.88190091,14.5502266 L7.06653185,16.3077238 L7.06653185,16.3817237 L7.06653185,16.4464736 L9.79413549,20.1002177 L6.20262892,20.8864664 L0.970677452,13.7732279 L10.4347826,4.99499197 Z M11.8131446,19.6469684 L10.6095046,19.905968 L7.90131446,16.2522239 L8.39635996,15.1699756 L11.8131446,19.6469684 Z M15.5308392,3.34849462 L20.6463094,14.4484768 L17.2683519,18.8422197 L15.5308392,3.34849462 Z"
-                  />
-                </g>
-              </g>
-            </g>
-          </g>
+      <svg width="1em" height="1em" viewBox="0 0 40 40">
+        <g>
+          <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M15.6522 0H40V24.3478H37.3913C25.3851 24.3478 15.6522 14.6149 15.6522 2.6087V0Z"
+            fill="#0066CC"
+          />
+          <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M40 0.869568L16.5217 40H34.9367C37.7331 40 40 37.7331 40 34.9367V0.869568Z"
+            fill="url(#paint0_linear_6460_7774-stacked-pf-logo-default)"
+          />
+          <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M39.1304 9.53674e-06L-3.8147e-06 23.4783V5.0633C-3.8147e-06 2.26692 2.26691 9.53674e-06 5.06329 9.53674e-06L39.1304 9.53674e-06Z"
+            fill="url(#paint1_linear_6460_7774-stacked-pf-logo-default)"
+          />
         </g>
+        <defs>
+          <linearGradient
+            id="paint0_linear_6460_7774-stacked-pf-logo-default"
+            x1="1613.04"
+            y1="0.869504"
+            x2="-337.034"
+            y2="3251"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stop-color="#2B9AF3" />
+            <stop offset="1" stop-color="#73BCF7" stop-opacity="0.502213" />
+          </linearGradient>
+          <linearGradient
+            id="paint1_linear_6460_7774-stacked-pf-logo-default"
+            x1="39.1305"
+            y1="-1573.04"
+            x2="-3211"
+            y2="377.033"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stop-color="#2B9AF3" />
+            <stop offset="1" stop-color="#73BCF7" stop-opacity="0.502213" />
+          </linearGradient>
+        </defs>
       </svg>
     </div>
     <div class="pf-v5-c-tile__title">Default</div>
@@ -148,31 +168,51 @@ cssPrefix: pf-v5-c-tile
 <div class="pf-v5-c-tile pf-m-selected" tabindex="0">
   <div class="pf-v5-c-tile__header pf-m-stacked">
     <div class="pf-v5-c-tile__icon">
-      <?xml version="1.0" encoding="UTF-8"?>
-      <svg
-        width="1.1em"
-        height="1em"
-        viewBox="0 0 30 27"
-        version="1.1"
-        xmlns="http://www.w3.org/2000/svg"
-        xmlns:xlink="http://www.w3.org/1999/xlink"
-      >
-        <!-- Generator: Sketch 54 (76480) - https://sketchapp.com -->
-        <title>Group 12</title>
-        <desc>Created with Sketch.</desc>
-        <g stroke="none" stroke-width="1" fill="none">
-          <g transform="translate(-351.000000, -422.000000)" fill="#000000">
-            <g transform="translate(322.000000, 395.000000)">
-              <g transform="translate(29.000000, 27.000000)">
-                <g>
-                  <path
-                    d="M29.3047523,13.6067281 L14.8028311,0.0924998513 L14.6960566,0 L14.5601618,0.0924998513 L0.0873609707,13.6067281 L0,13.689978 L0.0679474216,13.7824778 L5.82406471,21.5709653 L5.88230536,21.6449652 L5.9793731,21.6449652 L10.2794742,20.7199667 L14.5601618,26.4364575 L14.6766431,26.5937073 L14.7931244,26.4364575 L19.0932255,20.6829668 L23.3836198,21.6079653 L23.4806876,21.6079653 L23.5389282,21.5339654 L29.3047523,13.7454779 L29.3726997,13.6529781 L29.3047523,13.6067281 Z M20.9957533,15.1699756 L21.5005056,16.2522239 L18.7826087,19.878218 L17.5789687,19.6192185 L20.9957533,15.1699756 Z M21.1607685,13.7454779 L16.0841254,2.77499554 L23.2186047,11.0999822 L21.1607685,13.7454779 Z M22.3255814,16.4002236 L22.3741153,16.3354737 L22.3741153,16.2614739 L21.5587462,14.5039767 L24.1116279,11.0999822 L24.1698686,11.0999822 L24.1019211,11.0167323 L18.9573306,5.01349194 L28.411729,13.8194778 L26.4703741,16.4002236 L23.1506572,20.8864664 L19.5494439,20.1002177 L22.3255814,16.4002236 Z M12.269363,20.2482175 L14.6669363,23.3747124 L14.7931244,23.5412122 L14.9096057,23.3747124 L17.1227503,20.2482175 L18.3166835,20.516467 L14.6960566,25.3634592 L11.0754297,20.516467 L12.269363,20.2482175 Z M12.871183,19.8227181 L14.6960566,2.88599536 L16.5015167,19.8227181 L14.7542973,22.2924642 L12.871183,19.8227181 Z M13.8418605,3.34849462 L12.1237614,18.8144698 L8.73609707,14.4207268 L13.8418605,3.34849462 Z M6.17350859,11.0999822 L13.3176946,2.77499554 L8.23134479,13.7454779 L6.17350859,11.0999822 Z M10.4347826,4.99499197 L5.29019211,10.9982323 L5.22224469,11.0999822 L5.29019211,11.183232 L7.88190091,14.5502266 L7.06653185,16.3077238 L7.06653185,16.3817237 L7.06653185,16.4464736 L9.79413549,20.1002177 L6.20262892,20.8864664 L0.970677452,13.7732279 L10.4347826,4.99499197 Z M11.8131446,19.6469684 L10.6095046,19.905968 L7.90131446,16.2522239 L8.39635996,15.1699756 L11.8131446,19.6469684 Z M15.5308392,3.34849462 L20.6463094,14.4484768 L17.2683519,18.8422197 L15.5308392,3.34849462 Z"
-                  />
-                </g>
-              </g>
-            </g>
-          </g>
+      <svg width="1em" height="1em" viewBox="0 0 40 40">
+        <g>
+          <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M15.6522 0H40V24.3478H37.3913C25.3851 24.3478 15.6522 14.6149 15.6522 2.6087V0Z"
+            fill="#0066CC"
+          />
+          <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M40 0.869568L16.5217 40H34.9367C37.7331 40 40 37.7331 40 34.9367V0.869568Z"
+            fill="url(#paint0_linear_6460_7774-stacked-pf-logo-selected)"
+          />
+          <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M39.1304 9.53674e-06L-3.8147e-06 23.4783V5.0633C-3.8147e-06 2.26692 2.26691 9.53674e-06 5.06329 9.53674e-06L39.1304 9.53674e-06Z"
+            fill="url(#paint1_linear_6460_7774-stacked-pf-logo-selected)"
+          />
         </g>
+        <defs>
+          <linearGradient
+            id="paint0_linear_6460_7774-stacked-pf-logo-selected"
+            x1="1613.04"
+            y1="0.869504"
+            x2="-337.034"
+            y2="3251"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stop-color="#2B9AF3" />
+            <stop offset="1" stop-color="#73BCF7" stop-opacity="0.502213" />
+          </linearGradient>
+          <linearGradient
+            id="paint1_linear_6460_7774-stacked-pf-logo-selected"
+            x1="39.1305"
+            y1="-1573.04"
+            x2="-3211"
+            y2="377.033"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stop-color="#2B9AF3" />
+            <stop offset="1" stop-color="#73BCF7" stop-opacity="0.502213" />
+          </linearGradient>
+        </defs>
       </svg>
     </div>
     <div class="pf-v5-c-tile__title">Selected</div>
@@ -182,31 +222,51 @@ cssPrefix: pf-v5-c-tile
 <div class="pf-v5-c-tile pf-m-disabled" tabindex="-1">
   <div class="pf-v5-c-tile__header pf-m-stacked">
     <div class="pf-v5-c-tile__icon">
-      <?xml version="1.0" encoding="UTF-8"?>
-      <svg
-        width="1.1em"
-        height="1em"
-        viewBox="0 0 30 27"
-        version="1.1"
-        xmlns="http://www.w3.org/2000/svg"
-        xmlns:xlink="http://www.w3.org/1999/xlink"
-      >
-        <!-- Generator: Sketch 54 (76480) - https://sketchapp.com -->
-        <title>Group 12</title>
-        <desc>Created with Sketch.</desc>
-        <g stroke="none" stroke-width="1" fill="none">
-          <g transform="translate(-351.000000, -422.000000)" fill="#000000">
-            <g transform="translate(322.000000, 395.000000)">
-              <g transform="translate(29.000000, 27.000000)">
-                <g>
-                  <path
-                    d="M29.3047523,13.6067281 L14.8028311,0.0924998513 L14.6960566,0 L14.5601618,0.0924998513 L0.0873609707,13.6067281 L0,13.689978 L0.0679474216,13.7824778 L5.82406471,21.5709653 L5.88230536,21.6449652 L5.9793731,21.6449652 L10.2794742,20.7199667 L14.5601618,26.4364575 L14.6766431,26.5937073 L14.7931244,26.4364575 L19.0932255,20.6829668 L23.3836198,21.6079653 L23.4806876,21.6079653 L23.5389282,21.5339654 L29.3047523,13.7454779 L29.3726997,13.6529781 L29.3047523,13.6067281 Z M20.9957533,15.1699756 L21.5005056,16.2522239 L18.7826087,19.878218 L17.5789687,19.6192185 L20.9957533,15.1699756 Z M21.1607685,13.7454779 L16.0841254,2.77499554 L23.2186047,11.0999822 L21.1607685,13.7454779 Z M22.3255814,16.4002236 L22.3741153,16.3354737 L22.3741153,16.2614739 L21.5587462,14.5039767 L24.1116279,11.0999822 L24.1698686,11.0999822 L24.1019211,11.0167323 L18.9573306,5.01349194 L28.411729,13.8194778 L26.4703741,16.4002236 L23.1506572,20.8864664 L19.5494439,20.1002177 L22.3255814,16.4002236 Z M12.269363,20.2482175 L14.6669363,23.3747124 L14.7931244,23.5412122 L14.9096057,23.3747124 L17.1227503,20.2482175 L18.3166835,20.516467 L14.6960566,25.3634592 L11.0754297,20.516467 L12.269363,20.2482175 Z M12.871183,19.8227181 L14.6960566,2.88599536 L16.5015167,19.8227181 L14.7542973,22.2924642 L12.871183,19.8227181 Z M13.8418605,3.34849462 L12.1237614,18.8144698 L8.73609707,14.4207268 L13.8418605,3.34849462 Z M6.17350859,11.0999822 L13.3176946,2.77499554 L8.23134479,13.7454779 L6.17350859,11.0999822 Z M10.4347826,4.99499197 L5.29019211,10.9982323 L5.22224469,11.0999822 L5.29019211,11.183232 L7.88190091,14.5502266 L7.06653185,16.3077238 L7.06653185,16.3817237 L7.06653185,16.4464736 L9.79413549,20.1002177 L6.20262892,20.8864664 L0.970677452,13.7732279 L10.4347826,4.99499197 Z M11.8131446,19.6469684 L10.6095046,19.905968 L7.90131446,16.2522239 L8.39635996,15.1699756 L11.8131446,19.6469684 Z M15.5308392,3.34849462 L20.6463094,14.4484768 L17.2683519,18.8422197 L15.5308392,3.34849462 Z"
-                  />
-                </g>
-              </g>
-            </g>
-          </g>
+      <svg width="1em" height="1em" viewBox="0 0 40 40">
+        <g>
+          <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M15.6522 0H40V24.3478H37.3913C25.3851 24.3478 15.6522 14.6149 15.6522 2.6087V0Z"
+            fill="#0066CC"
+          />
+          <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M40 0.869568L16.5217 40H34.9367C37.7331 40 40 37.7331 40 34.9367V0.869568Z"
+            fill="url(#paint0_linear_6460_7774-stacked-pf-logo-disabled)"
+          />
+          <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M39.1304 9.53674e-06L-3.8147e-06 23.4783V5.0633C-3.8147e-06 2.26692 2.26691 9.53674e-06 5.06329 9.53674e-06L39.1304 9.53674e-06Z"
+            fill="url(#paint1_linear_6460_7774-stacked-pf-logo-disabled)"
+          />
         </g>
+        <defs>
+          <linearGradient
+            id="paint0_linear_6460_7774-stacked-pf-logo-disabled"
+            x1="1613.04"
+            y1="0.869504"
+            x2="-337.034"
+            y2="3251"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stop-color="#2B9AF3" />
+            <stop offset="1" stop-color="#73BCF7" stop-opacity="0.502213" />
+          </linearGradient>
+          <linearGradient
+            id="paint1_linear_6460_7774-stacked-pf-logo-disabled"
+            x1="39.1305"
+            y1="-1573.04"
+            x2="-3211"
+            y2="377.033"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stop-color="#2B9AF3" />
+            <stop offset="1" stop-color="#73BCF7" stop-opacity="0.502213" />
+          </linearGradient>
+        </defs>
       </svg>
     </div>
     <div class="pf-v5-c-tile__title">Disabled</div>
@@ -489,31 +549,51 @@ cssPrefix: pf-v5-c-tile
 <div class="pf-v5-c-tile pf-m-display-lg" tabindex="0">
   <div class="pf-v5-c-tile__header pf-m-stacked">
     <div class="pf-v5-c-tile__icon">
-      <?xml version="1.0" encoding="UTF-8"?>
-      <svg
-        width="1.1em"
-        height="1em"
-        viewBox="0 0 30 27"
-        version="1.1"
-        xmlns="http://www.w3.org/2000/svg"
-        xmlns:xlink="http://www.w3.org/1999/xlink"
-      >
-        <!-- Generator: Sketch 54 (76480) - https://sketchapp.com -->
-        <title>Group 12</title>
-        <desc>Created with Sketch.</desc>
-        <g stroke="none" stroke-width="1" fill="none">
-          <g transform="translate(-351.000000, -422.000000)" fill="#000000">
-            <g transform="translate(322.000000, 395.000000)">
-              <g transform="translate(29.000000, 27.000000)">
-                <g>
-                  <path
-                    d="M29.3047523,13.6067281 L14.8028311,0.0924998513 L14.6960566,0 L14.5601618,0.0924998513 L0.0873609707,13.6067281 L0,13.689978 L0.0679474216,13.7824778 L5.82406471,21.5709653 L5.88230536,21.6449652 L5.9793731,21.6449652 L10.2794742,20.7199667 L14.5601618,26.4364575 L14.6766431,26.5937073 L14.7931244,26.4364575 L19.0932255,20.6829668 L23.3836198,21.6079653 L23.4806876,21.6079653 L23.5389282,21.5339654 L29.3047523,13.7454779 L29.3726997,13.6529781 L29.3047523,13.6067281 Z M20.9957533,15.1699756 L21.5005056,16.2522239 L18.7826087,19.878218 L17.5789687,19.6192185 L20.9957533,15.1699756 Z M21.1607685,13.7454779 L16.0841254,2.77499554 L23.2186047,11.0999822 L21.1607685,13.7454779 Z M22.3255814,16.4002236 L22.3741153,16.3354737 L22.3741153,16.2614739 L21.5587462,14.5039767 L24.1116279,11.0999822 L24.1698686,11.0999822 L24.1019211,11.0167323 L18.9573306,5.01349194 L28.411729,13.8194778 L26.4703741,16.4002236 L23.1506572,20.8864664 L19.5494439,20.1002177 L22.3255814,16.4002236 Z M12.269363,20.2482175 L14.6669363,23.3747124 L14.7931244,23.5412122 L14.9096057,23.3747124 L17.1227503,20.2482175 L18.3166835,20.516467 L14.6960566,25.3634592 L11.0754297,20.516467 L12.269363,20.2482175 Z M12.871183,19.8227181 L14.6960566,2.88599536 L16.5015167,19.8227181 L14.7542973,22.2924642 L12.871183,19.8227181 Z M13.8418605,3.34849462 L12.1237614,18.8144698 L8.73609707,14.4207268 L13.8418605,3.34849462 Z M6.17350859,11.0999822 L13.3176946,2.77499554 L8.23134479,13.7454779 L6.17350859,11.0999822 Z M10.4347826,4.99499197 L5.29019211,10.9982323 L5.22224469,11.0999822 L5.29019211,11.183232 L7.88190091,14.5502266 L7.06653185,16.3077238 L7.06653185,16.3817237 L7.06653185,16.4464736 L9.79413549,20.1002177 L6.20262892,20.8864664 L0.970677452,13.7732279 L10.4347826,4.99499197 Z M11.8131446,19.6469684 L10.6095046,19.905968 L7.90131446,16.2522239 L8.39635996,15.1699756 L11.8131446,19.6469684 Z M15.5308392,3.34849462 L20.6463094,14.4484768 L17.2683519,18.8422197 L15.5308392,3.34849462 Z"
-                  />
-                </g>
-              </g>
-            </g>
-          </g>
+      <svg width="1em" height="1em" viewBox="0 0 40 40">
+        <g>
+          <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M15.6522 0H40V24.3478H37.3913C25.3851 24.3478 15.6522 14.6149 15.6522 2.6087V0Z"
+            fill="#0066CC"
+          />
+          <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M40 0.869568L16.5217 40H34.9367C37.7331 40 40 37.7331 40 34.9367V0.869568Z"
+            fill="url(#paint0_linear_6460_7774-stacked-large-pf-logo-default)"
+          />
+          <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M39.1304 9.53674e-06L-3.8147e-06 23.4783V5.0633C-3.8147e-06 2.26692 2.26691 9.53674e-06 5.06329 9.53674e-06L39.1304 9.53674e-06Z"
+            fill="url(#paint1_linear_6460_7774-stacked-large-pf-logo-default)"
+          />
         </g>
+        <defs>
+          <linearGradient
+            id="paint0_linear_6460_7774-stacked-large-pf-logo-default"
+            x1="1613.04"
+            y1="0.869504"
+            x2="-337.034"
+            y2="3251"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stop-color="#2B9AF3" />
+            <stop offset="1" stop-color="#73BCF7" stop-opacity="0.502213" />
+          </linearGradient>
+          <linearGradient
+            id="paint1_linear_6460_7774-stacked-large-pf-logo-default"
+            x1="39.1305"
+            y1="-1573.04"
+            x2="-3211"
+            y2="377.033"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stop-color="#2B9AF3" />
+            <stop offset="1" stop-color="#73BCF7" stop-opacity="0.502213" />
+          </linearGradient>
+        </defs>
       </svg>
     </div>
     <div class="pf-v5-c-tile__title">Default</div>
@@ -523,31 +603,51 @@ cssPrefix: pf-v5-c-tile
 <div class="pf-v5-c-tile pf-m-display-lg pf-m-selected" tabindex="0">
   <div class="pf-v5-c-tile__header pf-m-stacked">
     <div class="pf-v5-c-tile__icon">
-      <?xml version="1.0" encoding="UTF-8"?>
-      <svg
-        width="1.1em"
-        height="1em"
-        viewBox="0 0 30 27"
-        version="1.1"
-        xmlns="http://www.w3.org/2000/svg"
-        xmlns:xlink="http://www.w3.org/1999/xlink"
-      >
-        <!-- Generator: Sketch 54 (76480) - https://sketchapp.com -->
-        <title>Group 12</title>
-        <desc>Created with Sketch.</desc>
-        <g stroke="none" stroke-width="1" fill="none">
-          <g transform="translate(-351.000000, -422.000000)" fill="#000000">
-            <g transform="translate(322.000000, 395.000000)">
-              <g transform="translate(29.000000, 27.000000)">
-                <g>
-                  <path
-                    d="M29.3047523,13.6067281 L14.8028311,0.0924998513 L14.6960566,0 L14.5601618,0.0924998513 L0.0873609707,13.6067281 L0,13.689978 L0.0679474216,13.7824778 L5.82406471,21.5709653 L5.88230536,21.6449652 L5.9793731,21.6449652 L10.2794742,20.7199667 L14.5601618,26.4364575 L14.6766431,26.5937073 L14.7931244,26.4364575 L19.0932255,20.6829668 L23.3836198,21.6079653 L23.4806876,21.6079653 L23.5389282,21.5339654 L29.3047523,13.7454779 L29.3726997,13.6529781 L29.3047523,13.6067281 Z M20.9957533,15.1699756 L21.5005056,16.2522239 L18.7826087,19.878218 L17.5789687,19.6192185 L20.9957533,15.1699756 Z M21.1607685,13.7454779 L16.0841254,2.77499554 L23.2186047,11.0999822 L21.1607685,13.7454779 Z M22.3255814,16.4002236 L22.3741153,16.3354737 L22.3741153,16.2614739 L21.5587462,14.5039767 L24.1116279,11.0999822 L24.1698686,11.0999822 L24.1019211,11.0167323 L18.9573306,5.01349194 L28.411729,13.8194778 L26.4703741,16.4002236 L23.1506572,20.8864664 L19.5494439,20.1002177 L22.3255814,16.4002236 Z M12.269363,20.2482175 L14.6669363,23.3747124 L14.7931244,23.5412122 L14.9096057,23.3747124 L17.1227503,20.2482175 L18.3166835,20.516467 L14.6960566,25.3634592 L11.0754297,20.516467 L12.269363,20.2482175 Z M12.871183,19.8227181 L14.6960566,2.88599536 L16.5015167,19.8227181 L14.7542973,22.2924642 L12.871183,19.8227181 Z M13.8418605,3.34849462 L12.1237614,18.8144698 L8.73609707,14.4207268 L13.8418605,3.34849462 Z M6.17350859,11.0999822 L13.3176946,2.77499554 L8.23134479,13.7454779 L6.17350859,11.0999822 Z M10.4347826,4.99499197 L5.29019211,10.9982323 L5.22224469,11.0999822 L5.29019211,11.183232 L7.88190091,14.5502266 L7.06653185,16.3077238 L7.06653185,16.3817237 L7.06653185,16.4464736 L9.79413549,20.1002177 L6.20262892,20.8864664 L0.970677452,13.7732279 L10.4347826,4.99499197 Z M11.8131446,19.6469684 L10.6095046,19.905968 L7.90131446,16.2522239 L8.39635996,15.1699756 L11.8131446,19.6469684 Z M15.5308392,3.34849462 L20.6463094,14.4484768 L17.2683519,18.8422197 L15.5308392,3.34849462 Z"
-                  />
-                </g>
-              </g>
-            </g>
-          </g>
+      <svg width="1em" height="1em" viewBox="0 0 40 40">
+        <g>
+          <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M15.6522 0H40V24.3478H37.3913C25.3851 24.3478 15.6522 14.6149 15.6522 2.6087V0Z"
+            fill="#0066CC"
+          />
+          <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M40 0.869568L16.5217 40H34.9367C37.7331 40 40 37.7331 40 34.9367V0.869568Z"
+            fill="url(#paint0_linear_6460_7774-stacked-large-pf-logo-selected)"
+          />
+          <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M39.1304 9.53674e-06L-3.8147e-06 23.4783V5.0633C-3.8147e-06 2.26692 2.26691 9.53674e-06 5.06329 9.53674e-06L39.1304 9.53674e-06Z"
+            fill="url(#paint1_linear_6460_7774-stacked-large-pf-logo-selected)"
+          />
         </g>
+        <defs>
+          <linearGradient
+            id="paint0_linear_6460_7774-stacked-large-pf-logo-selected"
+            x1="1613.04"
+            y1="0.869504"
+            x2="-337.034"
+            y2="3251"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stop-color="#2B9AF3" />
+            <stop offset="1" stop-color="#73BCF7" stop-opacity="0.502213" />
+          </linearGradient>
+          <linearGradient
+            id="paint1_linear_6460_7774-stacked-large-pf-logo-selected"
+            x1="39.1305"
+            y1="-1573.04"
+            x2="-3211"
+            y2="377.033"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stop-color="#2B9AF3" />
+            <stop offset="1" stop-color="#73BCF7" stop-opacity="0.502213" />
+          </linearGradient>
+        </defs>
       </svg>
     </div>
     <div class="pf-v5-c-tile__title">Selected</div>
@@ -557,31 +657,51 @@ cssPrefix: pf-v5-c-tile
 <div class="pf-v5-c-tile pf-m-disabled pf-m-display-lg" tabindex="-1">
   <div class="pf-v5-c-tile__header pf-m-stacked">
     <div class="pf-v5-c-tile__icon">
-      <?xml version="1.0" encoding="UTF-8"?>
-      <svg
-        width="1.1em"
-        height="1em"
-        viewBox="0 0 30 27"
-        version="1.1"
-        xmlns="http://www.w3.org/2000/svg"
-        xmlns:xlink="http://www.w3.org/1999/xlink"
-      >
-        <!-- Generator: Sketch 54 (76480) - https://sketchapp.com -->
-        <title>Group 12</title>
-        <desc>Created with Sketch.</desc>
-        <g stroke="none" stroke-width="1" fill="none">
-          <g transform="translate(-351.000000, -422.000000)" fill="#000000">
-            <g transform="translate(322.000000, 395.000000)">
-              <g transform="translate(29.000000, 27.000000)">
-                <g>
-                  <path
-                    d="M29.3047523,13.6067281 L14.8028311,0.0924998513 L14.6960566,0 L14.5601618,0.0924998513 L0.0873609707,13.6067281 L0,13.689978 L0.0679474216,13.7824778 L5.82406471,21.5709653 L5.88230536,21.6449652 L5.9793731,21.6449652 L10.2794742,20.7199667 L14.5601618,26.4364575 L14.6766431,26.5937073 L14.7931244,26.4364575 L19.0932255,20.6829668 L23.3836198,21.6079653 L23.4806876,21.6079653 L23.5389282,21.5339654 L29.3047523,13.7454779 L29.3726997,13.6529781 L29.3047523,13.6067281 Z M20.9957533,15.1699756 L21.5005056,16.2522239 L18.7826087,19.878218 L17.5789687,19.6192185 L20.9957533,15.1699756 Z M21.1607685,13.7454779 L16.0841254,2.77499554 L23.2186047,11.0999822 L21.1607685,13.7454779 Z M22.3255814,16.4002236 L22.3741153,16.3354737 L22.3741153,16.2614739 L21.5587462,14.5039767 L24.1116279,11.0999822 L24.1698686,11.0999822 L24.1019211,11.0167323 L18.9573306,5.01349194 L28.411729,13.8194778 L26.4703741,16.4002236 L23.1506572,20.8864664 L19.5494439,20.1002177 L22.3255814,16.4002236 Z M12.269363,20.2482175 L14.6669363,23.3747124 L14.7931244,23.5412122 L14.9096057,23.3747124 L17.1227503,20.2482175 L18.3166835,20.516467 L14.6960566,25.3634592 L11.0754297,20.516467 L12.269363,20.2482175 Z M12.871183,19.8227181 L14.6960566,2.88599536 L16.5015167,19.8227181 L14.7542973,22.2924642 L12.871183,19.8227181 Z M13.8418605,3.34849462 L12.1237614,18.8144698 L8.73609707,14.4207268 L13.8418605,3.34849462 Z M6.17350859,11.0999822 L13.3176946,2.77499554 L8.23134479,13.7454779 L6.17350859,11.0999822 Z M10.4347826,4.99499197 L5.29019211,10.9982323 L5.22224469,11.0999822 L5.29019211,11.183232 L7.88190091,14.5502266 L7.06653185,16.3077238 L7.06653185,16.3817237 L7.06653185,16.4464736 L9.79413549,20.1002177 L6.20262892,20.8864664 L0.970677452,13.7732279 L10.4347826,4.99499197 Z M11.8131446,19.6469684 L10.6095046,19.905968 L7.90131446,16.2522239 L8.39635996,15.1699756 L11.8131446,19.6469684 Z M15.5308392,3.34849462 L20.6463094,14.4484768 L17.2683519,18.8422197 L15.5308392,3.34849462 Z"
-                  />
-                </g>
-              </g>
-            </g>
-          </g>
+      <svg width="1em" height="1em" viewBox="0 0 40 40">
+        <g>
+          <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M15.6522 0H40V24.3478H37.3913C25.3851 24.3478 15.6522 14.6149 15.6522 2.6087V0Z"
+            fill="#0066CC"
+          />
+          <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M40 0.869568L16.5217 40H34.9367C37.7331 40 40 37.7331 40 34.9367V0.869568Z"
+            fill="url(#paint0_linear_6460_7774-stacked-large-pf-logo-disabled)"
+          />
+          <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M39.1304 9.53674e-06L-3.8147e-06 23.4783V5.0633C-3.8147e-06 2.26692 2.26691 9.53674e-06 5.06329 9.53674e-06L39.1304 9.53674e-06Z"
+            fill="url(#paint1_linear_6460_7774-stacked-large-pf-logo-disabled)"
+          />
         </g>
+        <defs>
+          <linearGradient
+            id="paint0_linear_6460_7774-stacked-large-pf-logo-disabled"
+            x1="1613.04"
+            y1="0.869504"
+            x2="-337.034"
+            y2="3251"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stop-color="#2B9AF3" />
+            <stop offset="1" stop-color="#73BCF7" stop-opacity="0.502213" />
+          </linearGradient>
+          <linearGradient
+            id="paint1_linear_6460_7774-stacked-large-pf-logo-disabled"
+            x1="39.1305"
+            y1="-1573.04"
+            x2="-3211"
+            y2="377.033"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stop-color="#2B9AF3" />
+            <stop offset="1" stop-color="#73BCF7" stop-opacity="0.502213" />
+          </linearGradient>
+        </defs>
       </svg>
     </div>
     <div class="pf-v5-c-tile__title">Disabled</div>

package/docs/components/Title/examples/Title.md

@@ -16,6 +16,18 @@ cssPrefix: pf-v5-c-title
 
 ```
 
+### Heading level modifiers
+
+```html
+<div class="pf-v5-c-title pf-m-h1">H1-styled title</div>
+<div class="pf-v5-c-title pf-m-h2">H2-styled title</div>
+<div class="pf-v5-c-title pf-m-h3">H3-styled title</div>
+<div class="pf-v5-c-title pf-m-h4">H4-styled title</div>
+<div class="pf-v5-c-title pf-m-h5">H5-styled title</div>
+<div class="pf-v5-c-title pf-m-h6">H6-styled title</div>
+
+```
+
 ## Documentation
 
 ### Overview
@@ -44,3 +56,9 @@ The content component defines margin on headers. To regain the same spacing use,
 | `.pf-m-xl` | `.pf-v5-c-title` | Modifies for xl size |
 | `.pf-m-lg` | `.pf-v5-c-title` | Modifies for lg size |
 | `.pf-m-md` | `.pf-v5-c-title` | Modifies for md size |
+| `.pf-m-h1` | `.pf-v5-c-title` | Modifies for default h1 size |
+| `.pf-m-h2` | `.pf-v5-c-title` | Modifies for default h2 size |
+| `.pf-m-h3` | `.pf-v5-c-title` | Modifies for default h3 size |
+| `.pf-m-h4` | `.pf-v5-c-title` | Modifies for default h4 size |
+| `.pf-m-h5` | `.pf-v5-c-title` | Modifies for default h5 size |
+| `.pf-m-h6` | `.pf-v5-c-title` | Modifies for default h6 size |