@patternfly/patternfly 6.0.0-alpha.9 → 6.0.0-alpha.90

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 |

package/docs/components/Toolbar/examples/Toolbar.css

@@ -18,27 +18,20 @@
   min-height: 28rem;
 }
 
+#ws-core-c-toolbar-adjusted-group-column-gap .pf-v5-c-toolbar,
+#ws-core-c-toolbar-adjusted-group-column-gap .pf-v5-c-toolbar__group,
 #ws-core-e-toolbar-simple .pf-v5-c-toolbar,
 #ws-core-e-toolbar-simple .pf-v5-c-toolbar__group,
-#ws-core-e-toolbar-simple .pf-v5-c-toolbar__item,
 #ws-core-e-toolbar-adjusted-spacers .pf-v5-c-toolbar,
-#ws-core-e-toolbar-adjusted-spacers .pf-v5-c-toolbar__item,
 #ws-core-e-toolbar-adjusted-group-spacers .pf-v5-c-toolbar,
-#ws-core-e-toolbar-adjusted-group-spacers .pf-v5-c-toolbar__item,
 #ws-core-c-toolbar-simple .pf-v5-c-toolbar,
 #ws-core-c-toolbar-simple .pf-v5-c-toolbar__group,
-#ws-core-c-toolbar-simple .pf-v5-c-toolbar__item,
 #ws-core-c-toolbar-adjusted-spacers .pf-v5-c-toolbar,
-#ws-core-c-toolbar-adjusted-spacers .pf-v5-c-toolbar__item,
 #ws-core-c-toolbar-adjusted-group-spacers .pf-v5-c-toolbar,
-#ws-core-c-toolbar-adjusted-group-spacers .pf-v5-c-toolbar__item,
 #ws-core-c-toolbar-insets .pf-v5-c-toolbar,
-#ws-core-c-toolbar-insets .pf-v5-c-toolbar__item,
 #ws-core-c-toolbar-page-insets .pf-v5-c-toolbar,
-#ws-core-c-toolbar-page-insets .pf-v5-c-toolbar__item,
-#ws-core-c-toolbar-width-control .pf-v5-c-toolbar,
-#ws-core-c-toolbar-width-control .pf-v5-c-toolbar__item {
-  border: 2px dashed #393f44;
+#ws-core-c-toolbar-width-control .pf-v5-c-toolbar {
+  border: var(--pf-t--global--border--width--control--default) dashed var(--pf-t--global--border--color--default);
 }
 
 #ws-core-e-toolbar-simple .pf-v5-c-toolbar__group .pf-v5-c-toolbar__item,
@@ -46,17 +39,29 @@
   border: none;
 }
 
+#ws-core-c-toolbar-adjusted-group-column-gap .pf-v5-c-toolbar__item,
+#ws-core-e-toolbar-simple .pf-v5-c-toolbar__item,
+#ws-core-e-toolbar-adjusted-spacers .pf-v5-c-toolbar__item,
+#ws-core-e-toolbar-adjusted-group-spacers .pf-v5-c-toolbar__item,
+#ws-core-c-toolbar-simple .pf-v5-c-toolbar__item,
+#ws-core-c-toolbar-adjusted-spacers .pf-v5-c-toolbar__item,
+#ws-core-c-toolbar-adjusted-group-spacers .pf-v5-c-toolbar__item,
+#ws-core-c-toolbar-insets .pf-v5-c-toolbar__item,
+#ws-core-c-toolbar-page-insets .pf-v5-c-toolbar__item,
+#ws-core-c-toolbar-width-control .pf-v5-c-toolbar__item {
+  padding-block: .25rem;
+  padding-inline: .5rem;
+}
+
+#ws-core-c-toolbar-adjusted-group-column-gap .pf-v5-c-toolbar__item,
 #ws-core-e-toolbar-simple .pf-v5-c-toolbar__item,
 #ws-core-e-toolbar-adjusted-spacers .pf-v5-c-toolbar__item,
 #ws-core-e-toolbar-adjusted-group-spacers .pf-v5-c-toolbar__item,
 #ws-core-c-toolbar-simple .pf-v5-c-toolbar__item,
 #ws-core-c-toolbar-adjusted-spacers .pf-v5-c-toolbar__item,
 #ws-core-c-toolbar-adjusted-group-spacers .pf-v5-c-toolbar__item,
-#ws-core-c-toolbar-insets .pf-v5-c-toolbar,
 #ws-core-c-toolbar-insets .pf-v5-c-toolbar__item,
-#ws-core-c-toolbar-page-insets .pf-v5-c-toolbar,
 #ws-core-c-toolbar-page-insets .pf-v5-c-toolbar__item,
-#ws-core-c-toolbar-width-control .pf-v5-c-toolbar,
 #ws-core-c-toolbar-width-control .pf-v5-c-toolbar__item {
-  padding: .5rem;
+  background-color: var(--pf-t--global--background--color--secondary--default);
 }