@patternfly/patternfly 6.5.0-prerelease.8 → 6.5.0-prerelease.81

package/docs/components/Login/examples/Login.md

@@ -567,7 +567,19 @@ wrapperTag: div
                 aria-label="Show password"
               >
                 <span class="pf-v6-c-button__icon pf-m-start">
-                  <i class="fas fa-eye" aria-hidden="true"></i>
+                  <svg
+                    class="pf-v6-svg"
+                    viewBox="0 0 576 512"
+                    fill="currentColor"
+                    aria-hidden="true"
+                    role="img"
+                    width="1em"
+                    height="1em"
+                  >
+                    <path
+                      d="M572.52 241.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400a144 144 0 1 1 144-144 143.93 143.93 0 0 1-144 144zm0-240a95.31 95.31 0 0 0-25.31 3.79 47.85 47.85 0 0 1-66.9 66.9A95.78 95.78 0 1 0 288 160z"
+                    />
+                  </svg>
                 </span>
               </button>
             </div>
@@ -820,7 +832,19 @@ wrapperTag: div
                 aria-label="Hide password"
               >
                 <span class="pf-v6-c-button__icon pf-m-start">
-                  <i class="fas fa-eye-slash" aria-hidden="true"></i>
+                  <svg
+                    class="pf-v6-svg"
+                    viewBox="0 0 640 512"
+                    fill="currentColor"
+                    aria-hidden="true"
+                    role="img"
+                    width="1em"
+                    height="1em"
+                  >
+                    <path
+                      d="M320 400c-75.85 0-137.25-58.71-142.9-133.11L72.2 185.82c-13.79 17.3-26.48 35.59-36.72 55.59a32.35 32.35 0 0 0 0 29.19C89.71 376.41 197.07 448 320 448c26.91 0 52.87-4 77.89-10.46L346 397.39a144.13 144.13 0 0 1-26 2.61zm313.82 58.1l-110.55-85.44a331.25 331.25 0 0 0 81.25-102.07 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64a308.15 308.15 0 0 0-147.32 37.7L45.46 3.37A16 16 0 0 0 23 6.18L3.37 31.45A16 16 0 0 0 6.18 53.9l588.36 454.73a16 16 0 0 0 22.46-2.81l19.64-25.27a16 16 0 0 0-2.82-22.45zm-183.72-142l-39.3-30.38A94.75 94.75 0 0 0 416 256a94.76 94.76 0 0 0-121.31-92.21A47.65 47.65 0 0 1 304 192a46.64 46.64 0 0 1-1.54 10l-73.61-56.89A142.31 142.31 0 0 1 320 112a143.92 143.92 0 0 1 144 144c0 21.63-5.29 41.79-13.9 60.11z"
+                    />
+                  </svg>
                 </span>
               </button>
             </div>
@@ -1022,7 +1046,19 @@ wrapperTag: div
             <span class="pf-v6-c-menu-toggle__text">English</span>
             <span class="pf-v6-c-menu-toggle__controls">
               <span class="pf-v6-c-menu-toggle__toggle-icon">
-                <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
+                <svg
+                  class="pf-v6-svg"
+                  viewBox="0 0 20 20"
+                  fill="currentColor"
+                  aria-hidden="true"
+                  role="img"
+                  width="1em"
+                  height="1em"
+                >
+                  <path
+                    d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
+                  />
+                </svg>
               </span>
             </span>
           </button>

package/docs/components/Masthead/examples/masthead.md

@@ -684,6 +684,84 @@ cssPrefix: pf-v6-c-masthead
 
 ```
 
+### Docked
+
+```html isBeta
+<header class="pf-v6-c-masthead pf-m-docked" id="docked-masthead-example">
+  <div class="pf-v6-c-masthead__main">
+    <div class="pf-v6-c-masthead__brand">
+      <a class="pf-v6-c-masthead__logo pf-m-compact" href="#">
+        <svg width="37px" height="37px" viewBox="0 0 158 158">
+          <title>PF-HorizontalLogo-Color</title>
+          <defs>
+            <linearGradient
+              x1="68%"
+              y1="2.25860997e-13%"
+              x2="32%"
+              y2="100%"
+              id="linearGradient-1"
+            >
+              <stop stop-color="#2B9AF3" offset="0%" />
+              <stop
+                stop-color="#73BCF7"
+                stop-opacity="0.502212631"
+                offset="100%"
+              />
+            </linearGradient>
+          </defs>
+          <g
+            id="PF-IconLogo-color"
+            stroke="none"
+            stroke-width="1"
+            fill="none"
+            fill-rule="evenodd"
+          >
+            <g id="Logo">
+              <path
+                d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
+                id="Rectangle-Copy-17"
+                fill="#0066CC"
+              />
+              <path
+                d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
+                id="Path-2"
+                fill="url(#linearGradient-1)"
+              />
+              <path
+                d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
+                id="Path-2"
+                fill="url(#linearGradient-1)"
+                transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
+              />
+            </g>
+          </g>
+        </svg>
+      </a>
+    </div>
+  </div>
+  <div class="pf-v6-c-masthead__content">
+    <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="Chat">
+      <span class="pf-v6-c-button__icon">
+        <svg
+          class="pf-v6-svg"
+          viewBox="0 0 512 512"
+          fill="currentColor"
+          aria-hidden="true"
+          role="img"
+          width="1em"
+          height="1em"
+        >
+          <path
+            d="M448 0H64C28.7 0 0 28.7 0 64v288c0 35.3 28.7 64 64 64h96v84c0 9.8 11.2 15.5 19.1 9.7L304 416h144c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64z"
+          />
+        </svg>
+      </span>
+    </button>
+  </div>
+</header>
+
+```
+
 ## Documentation
 
 ### Usage
@@ -696,4 +774,5 @@ cssPrefix: pf-v6-c-masthead
 | `.pf-v6-c-masthead__brand` | `<div>` | Initiates the masthead content component. |
 | `.pf-v6-c-masthead__logo` | `<a>, <div>` | Initiates the masthead content component. |
 | `.pf-v6-c-masthead__content` | `<div>` | Initiates the masthead content component. |
-| `.pf-m-inset-{none, sm, md, lg, xl, 2xl}{-on-[breakpoint]}` | `.pf-v6-c-masthead` | Modifies masthead horizontal padding at optional [breakpoint](/tokens/all-patternfly-tokens). |
+| `.pf-m-inset-{none, sm, md, lg, xl, 2xl}{-on-[breakpoint]}` | `.pf-v6-c-masthead` | Modifies masthead horizontal padding at optional [breakpoint](/foundations-and-styles/design-tokens/all-design-tokens). |
+| `.pf-m-docked` | `.pf-v6-c-masthead` | Modifies masthead for use with docked nav. |