@patternfly/patternfly 6.5.0-prerelease.78 → 6.5.0-prerelease.79

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/README.md +1 -1
  2. package/components/Button/button.css +10 -4
  3. package/components/Button/button.scss +7 -1
  4. package/components/Compass/compass.css +6 -6
  5. package/components/MenuToggle/menu-toggle.css +3 -3
  6. package/components/MenuToggle/menu-toggle.scss +1 -1
  7. package/components/Page/page.css +12 -8
  8. package/components/Page/page.scss +6 -1
  9. package/components/Pagination/pagination.css +56 -4
  10. package/components/Pagination/pagination.scss +66 -5
  11. package/components/_index.css +87 -25
  12. package/docs/components/Compass/examples/Compass.css +2 -11
  13. package/docs/components/Compass/examples/Compass.md +4 -0
  14. package/docs/components/Nav/examples/Navigation.md +105 -9
  15. package/docs/components/Pagination/examples/Pagination.md +495 -3
  16. package/docs/demos/CardView/examples/CardView.md +1 -1
  17. package/docs/demos/Compass/examples/Compass.md +228 -36
  18. package/docs/demos/DataList/examples/DataList.md +1 -1
  19. package/docs/demos/Nav/examples/Nav.md +272 -90
  20. package/docs/demos/Table/examples/Table.md +1 -1
  21. package/docs/demos/Toolbar/examples/Toolbar.md +7 -7
  22. package/package.json +1 -1
  23. package/patternfly-no-globals.css +87 -25
  24. package/patternfly.css +87 -25
  25. package/patternfly.min.css +1 -1
  26. package/patternfly.min.css.map +1 -1
  27. package/sass-utilities/mixins.scss +2 -2
package/docs/demos/Compass/examples/Compass.md CHANGED
@@ -8143,9 +8143,21 @@ This demo showcases how you can position a side-panel drawer on top of the other
8143
8143
  <nav class="pf-v6-c-nav pf-m-docked" aria-label="Global">
8144
8144
  <ul class="pf-v6-c-nav__list" role="list">
8145
8145
  <li class="pf-v6-c-nav__item">
8146
- <a href="#" class="pf-v6-c-nav__link" aria-label="Cube">
8146
+ <a href="#" class="pf-v6-c-nav__link" aria-label="Cubes">
8147
8147
  <span class="pf-v6-c-nav__link-icon">
8148
- <i class="fas fa-fw fa-cube" aria-hidden="true"></i>
8148
+ <svg
8149
+ class="pf-v6-svg"
8150
+ viewBox="0 0 32 32"
8151
+ fill="currentColor"
8152
+ aria-hidden="true"
8153
+ role="img"
8154
+ width="1em"
8155
+ height="1em"
8156
+ >
8157
+ <path
8158
+ d="M12.5 12h7c.827 0 1.5-.673 1.5-1.5v-7c0-.827-.673-1.5-1.5-1.5h-7c-.827 0-1.5.673-1.5 1.5v7c0 .827.673 1.5 1.5 1.5Zm.5-8h6v6h-6V4ZM5.5 25h7c.827 0 1.5-.673 1.5-1.5v-7c0-.827-.673-1.5-1.5-1.5h-7c-.827 0-1.5.673-1.5 1.5v7c0 .827.673 1.5 1.5 1.5Zm.5-8h6v6H6v-6Zm24 12a1 1 0 0 1-1 1H3a1 1 0 0 1 0-2h26a1 1 0 0 1 1 1ZM18 16.5v7c0 .827.673 1.5 1.5 1.5h7c.827 0 1.5-.673 1.5-1.5v-7c0-.827-.673-1.5-1.5-1.5h-7c-.827 0-1.5.673-1.5 1.5Zm2 .5h6v6h-6v-6Z"
8159
+ />
8160
+ </svg>
8149
8161
  </span>
8150
8162
  <span class="pf-v6-c-nav__link-text">System panel</span>
8151
8163
  </a>
@@ -8158,7 +8170,19 @@ This demo showcases how you can position a side-panel drawer on top of the other
8158
8170
  aria-label="Folder"
8159
8171
  >
8160
8172
  <span class="pf-v6-c-nav__link-icon">
8161
- <i class="fas fa-fw fa-folder" aria-hidden="true"></i>
8173
+ <svg
8174
+ class="pf-v6-svg"
8175
+ viewBox="0 0 32 32"
8176
+ fill="currentColor"
8177
+ aria-hidden="true"
8178
+ role="img"
8179
+ width="1em"
8180
+ height="1em"
8181
+ >
8182
+ <path
8183
+ d="M29.5 8H17.81l-.681-3.208A1 1 0 0 0 16.15 4h-9.3a1 1 0 0 0-.979.792L5.19 8H2.5C1.673 8 1 8.673 1 9.5v17c0 .827.673 1.5 1.5 1.5h27c.827 0 1.5-.673 1.5-1.5v-17c0-.827-.673-1.5-1.5-1.5ZM29 26H3V10h3a1 1 0 0 0 .979-.792L7.66 6h7.682l.681 3.208a1 1 0 0 0 .979.792h12v16Z"
8184
+ />
8185
+ </svg>
8162
8186
  </span>
8163
8187
  <span class="pf-v6-c-nav__link-text">Policy</span>
8164
8188
  </a>
@@ -8166,7 +8190,19 @@ This demo showcases how you can position a side-panel drawer on top of the other
8166
8190
  <li class="pf-v6-c-nav__item">
8167
8191
  <a href="#" class="pf-v6-c-nav__link" aria-label="Cloud">
8168
8192
  <span class="pf-v6-c-nav__link-icon">
8169
- <i class="fas fa-fw fa-cloud" aria-hidden="true"></i>
8193
+ <svg
8194
+ class="pf-v6-svg"
8195
+ viewBox="0 0 32 32"
8196
+ fill="currentColor"
8197
+ aria-hidden="true"
8198
+ role="img"
8199
+ width="1em"
8200
+ height="1em"
8201
+ >
8202
+ <path
8203
+ d="M26.996 14.228c.003-.077.004-.153.004-.228 0-4.962-4.037-9-9-9-3.899 0-7.333 2.532-8.54 6.156A6.891 6.891 0 0 0 8 11c-3.859 0-7 3.14-7 7s3.141 7 7 7h17.5c3.032 0 5.5-2.467 5.5-5.5a5.456 5.456 0 0 0-4.004-5.272ZM25.5 23H8c-2.757 0-5-2.243-5-5s2.243-5 5-5a4.97 4.97 0 0 1 1.799.34 1.003 1.003 0 0 0 1.341-.735C11.796 9.357 14.682 7 18 7c3.859 0 7 3.14 7 7 0 .311-.028.615-.067.916a1.004 1.004 0 0 0 .898 1.123 3.473 3.473 0 0 1 3.17 3.461c0 1.93-1.57 3.5-3.5 3.5Z"
8204
+ />
8205
+ </svg>
8170
8206
  </span>
8171
8207
  <span class="pf-v6-c-nav__link-text">Authentication</span>
8172
8208
  </a>
@@ -8174,7 +8210,19 @@ This demo showcases how you can position a side-panel drawer on top of the other
8174
8210
  <li class="pf-v6-c-nav__item">
8175
8211
  <a href="#" class="pf-v6-c-nav__link" aria-label="Code">
8176
8212
  <span class="pf-v6-c-nav__link-icon">
8177
- <i class="fas fa-fw fa-code" aria-hidden="true"></i>
8213
+ <svg
8214
+ class="pf-v6-svg"
8215
+ viewBox="0 0 32 32"
8216
+ fill="currentColor"
8217
+ aria-hidden="true"
8218
+ role="img"
8219
+ width="1em"
8220
+ height="1em"
8221
+ >
8222
+ <path
8223
+ d="M9.707 9.707 3.414 16l6.293 6.293a.999.999 0 1 1-1.414 1.414l-6.646-6.646a1.501 1.501 0 0 1 0-2.121l6.646-6.646a.999.999 0 1 1 1.414 1.414Zm20.647 5.232-6.646-6.646a.999.999 0 1 0-1.414 1.414L28.587 16l-6.293 6.293a.999.999 0 1 0 1.414 1.414l6.646-6.646a1.501 1.501 0 0 0 0-2.121ZM18.121 6.022a.997.997 0 0 0-1.186.77l-3.826 18a1 1 0 1 0 1.956.416l3.826-18a1 1 0 0 0-.77-1.186Z"
8224
+ />
8225
+ </svg>
8178
8226
  </span>
8179
8227
  <span class="pf-v6-c-nav__link-text">Network services</span>
8180
8228
  </a>
@@ -8195,7 +8243,7 @@ This demo showcases how you can position a side-panel drawer on top of the other
8195
8243
  <span class="pf-v6-c-menu-toggle__icon">
8196
8244
  <svg
8197
8245
  class="pf-v6-svg"
8198
- viewBox="0 0 512 512"
8246
+ viewBox="0 0 32 32"
8199
8247
  fill="currentColor"
8200
8248
  aria-hidden="true"
8201
8249
  role="img"
@@ -8203,7 +8251,7 @@ This demo showcases how you can position a side-panel drawer on top of the other
8203
8251
  height="1em"
8204
8252
  >
8205
8253
  <path
8206
- d="M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z"
8254
+ d="M13.75 2H3.25C2.561 2 2 2.561 2 3.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25V3.25C15 2.561 14.439 2 13.75 2ZM13 13H4V4h9v9ZM28.75 2h-10.5C17.561 2 17 2.561 17 3.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25V3.25C30 2.561 29.439 2 28.75 2ZM28 13h-9V4h9v9Zm-14.25 4H3.25C2.561 17 2 17.561 2 18.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25v-10.5c0-.689-.561-1.25-1.25-1.25ZM13 28H4v-9h9v9Zm15.75-11h-10.5c-.689 0-1.25.561-1.25 1.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25v-10.5c0-.689-.561-1.25-1.25-1.25ZM28 28h-9v-9h9v9Z"
8207
8255
  />
8208
8256
  </svg>
8209
8257
  </span>
@@ -8244,7 +8292,7 @@ This demo showcases how you can position a side-panel drawer on top of the other
8244
8292
  <span class="pf-v6-c-menu-toggle__icon">
8245
8293
  <svg
8246
8294
  class="pf-v6-svg"
8247
- viewBox="0 0 512 512"
8295
+ viewBox="0 0 32 32"
8248
8296
  fill="currentColor"
8249
8297
  aria-hidden="true"
8250
8298
  role="img"
@@ -8252,7 +8300,7 @@ This demo showcases how you can position a side-panel drawer on top of the other
8252
8300
  height="1em"
8253
8301
  >
8254
8302
  <path
8255
- d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"
8303
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm0 28C8.832 29 3 23.168 3 16S8.832 3 16 3s13 5.832 13 13-5.832 13-13 13Zm5-17a5.008 5.008 0 0 1-4 4.899V19a1 1 0 0 1-2 0v-3a1 1 0 0 1 1-1c1.654 0 3-1.346 3-3s-1.346-3-3-3-3 1.346-3 3a1 1 0 0 1-2 0c0-2.757 2.243-5 5-5s5 2.243 5 5Zm-3.25 12a1.75 1.75 0 1 1-3.501-.001A1.75 1.75 0 0 1 17.75 24Z"
8256
8304
  />
8257
8305
  </svg>
8258
8306
  </span>
@@ -8643,9 +8691,21 @@ This demo showcases how you can position a side-panel drawer on top of the other
8643
8691
  <nav class="pf-v6-c-nav pf-m-docked" aria-label="Global">
8644
8692
  <ul class="pf-v6-c-nav__list" role="list">
8645
8693
  <li class="pf-v6-c-nav__item">
8646
- <a href="#" class="pf-v6-c-nav__link" aria-label="Cube">
8694
+ <a href="#" class="pf-v6-c-nav__link" aria-label="Cubes">
8647
8695
  <span class="pf-v6-c-nav__link-icon">
8648
- <i class="fas fa-fw fa-cube" aria-hidden="true"></i>
8696
+ <svg
8697
+ class="pf-v6-svg"
8698
+ viewBox="0 0 32 32"
8699
+ fill="currentColor"
8700
+ aria-hidden="true"
8701
+ role="img"
8702
+ width="1em"
8703
+ height="1em"
8704
+ >
8705
+ <path
8706
+ d="M12.5 12h7c.827 0 1.5-.673 1.5-1.5v-7c0-.827-.673-1.5-1.5-1.5h-7c-.827 0-1.5.673-1.5 1.5v7c0 .827.673 1.5 1.5 1.5Zm.5-8h6v6h-6V4ZM5.5 25h7c.827 0 1.5-.673 1.5-1.5v-7c0-.827-.673-1.5-1.5-1.5h-7c-.827 0-1.5.673-1.5 1.5v7c0 .827.673 1.5 1.5 1.5Zm.5-8h6v6H6v-6Zm24 12a1 1 0 0 1-1 1H3a1 1 0 0 1 0-2h26a1 1 0 0 1 1 1ZM18 16.5v7c0 .827.673 1.5 1.5 1.5h7c.827 0 1.5-.673 1.5-1.5v-7c0-.827-.673-1.5-1.5-1.5h-7c-.827 0-1.5.673-1.5 1.5Zm2 .5h6v6h-6v-6Z"
8707
+ />
8708
+ </svg>
8649
8709
  </span>
8650
8710
  <span class="pf-v6-c-nav__link-text">System panel</span>
8651
8711
  </a>
@@ -8658,7 +8718,19 @@ This demo showcases how you can position a side-panel drawer on top of the other
8658
8718
  aria-label="Folder"
8659
8719
  >
8660
8720
  <span class="pf-v6-c-nav__link-icon">
8661
- <i class="fas fa-fw fa-folder" aria-hidden="true"></i>
8721
+ <svg
8722
+ class="pf-v6-svg"
8723
+ viewBox="0 0 32 32"
8724
+ fill="currentColor"
8725
+ aria-hidden="true"
8726
+ role="img"
8727
+ width="1em"
8728
+ height="1em"
8729
+ >
8730
+ <path
8731
+ d="M29.5 8H17.81l-.681-3.208A1 1 0 0 0 16.15 4h-9.3a1 1 0 0 0-.979.792L5.19 8H2.5C1.673 8 1 8.673 1 9.5v17c0 .827.673 1.5 1.5 1.5h27c.827 0 1.5-.673 1.5-1.5v-17c0-.827-.673-1.5-1.5-1.5ZM29 26H3V10h3a1 1 0 0 0 .979-.792L7.66 6h7.682l.681 3.208a1 1 0 0 0 .979.792h12v16Z"
8732
+ />
8733
+ </svg>
8662
8734
  </span>
8663
8735
  <span class="pf-v6-c-nav__link-text">Policy</span>
8664
8736
  </a>
@@ -8666,7 +8738,19 @@ This demo showcases how you can position a side-panel drawer on top of the other
8666
8738
  <li class="pf-v6-c-nav__item">
8667
8739
  <a href="#" class="pf-v6-c-nav__link" aria-label="Cloud">
8668
8740
  <span class="pf-v6-c-nav__link-icon">
8669
- <i class="fas fa-fw fa-cloud" aria-hidden="true"></i>
8741
+ <svg
8742
+ class="pf-v6-svg"
8743
+ viewBox="0 0 32 32"
8744
+ fill="currentColor"
8745
+ aria-hidden="true"
8746
+ role="img"
8747
+ width="1em"
8748
+ height="1em"
8749
+ >
8750
+ <path
8751
+ d="M26.996 14.228c.003-.077.004-.153.004-.228 0-4.962-4.037-9-9-9-3.899 0-7.333 2.532-8.54 6.156A6.891 6.891 0 0 0 8 11c-3.859 0-7 3.14-7 7s3.141 7 7 7h17.5c3.032 0 5.5-2.467 5.5-5.5a5.456 5.456 0 0 0-4.004-5.272ZM25.5 23H8c-2.757 0-5-2.243-5-5s2.243-5 5-5a4.97 4.97 0 0 1 1.799.34 1.003 1.003 0 0 0 1.341-.735C11.796 9.357 14.682 7 18 7c3.859 0 7 3.14 7 7 0 .311-.028.615-.067.916a1.004 1.004 0 0 0 .898 1.123 3.473 3.473 0 0 1 3.17 3.461c0 1.93-1.57 3.5-3.5 3.5Z"
8752
+ />
8753
+ </svg>
8670
8754
  </span>
8671
8755
  <span class="pf-v6-c-nav__link-text">Authentication</span>
8672
8756
  </a>
@@ -8674,7 +8758,19 @@ This demo showcases how you can position a side-panel drawer on top of the other
8674
8758
  <li class="pf-v6-c-nav__item">
8675
8759
  <a href="#" class="pf-v6-c-nav__link" aria-label="Code">
8676
8760
  <span class="pf-v6-c-nav__link-icon">
8677
- <i class="fas fa-fw fa-code" aria-hidden="true"></i>
8761
+ <svg
8762
+ class="pf-v6-svg"
8763
+ viewBox="0 0 32 32"
8764
+ fill="currentColor"
8765
+ aria-hidden="true"
8766
+ role="img"
8767
+ width="1em"
8768
+ height="1em"
8769
+ >
8770
+ <path
8771
+ d="M9.707 9.707 3.414 16l6.293 6.293a.999.999 0 1 1-1.414 1.414l-6.646-6.646a1.501 1.501 0 0 1 0-2.121l6.646-6.646a.999.999 0 1 1 1.414 1.414Zm20.647 5.232-6.646-6.646a.999.999 0 1 0-1.414 1.414L28.587 16l-6.293 6.293a.999.999 0 1 0 1.414 1.414l6.646-6.646a1.501 1.501 0 0 0 0-2.121ZM18.121 6.022a.997.997 0 0 0-1.186.77l-3.826 18a1 1 0 1 0 1.956.416l3.826-18a1 1 0 0 0-.77-1.186Z"
8772
+ />
8773
+ </svg>
8678
8774
  </span>
8679
8775
  <span class="pf-v6-c-nav__link-text">Network services</span>
8680
8776
  </a>
@@ -8695,7 +8791,7 @@ This demo showcases how you can position a side-panel drawer on top of the other
8695
8791
  <span class="pf-v6-c-menu-toggle__icon">
8696
8792
  <svg
8697
8793
  class="pf-v6-svg"
8698
- viewBox="0 0 512 512"
8794
+ viewBox="0 0 32 32"
8699
8795
  fill="currentColor"
8700
8796
  aria-hidden="true"
8701
8797
  role="img"
@@ -8703,7 +8799,7 @@ This demo showcases how you can position a side-panel drawer on top of the other
8703
8799
  height="1em"
8704
8800
  >
8705
8801
  <path
8706
- d="M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z"
8802
+ d="M13.75 2H3.25C2.561 2 2 2.561 2 3.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25V3.25C15 2.561 14.439 2 13.75 2ZM13 13H4V4h9v9ZM28.75 2h-10.5C17.561 2 17 2.561 17 3.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25V3.25C30 2.561 29.439 2 28.75 2ZM28 13h-9V4h9v9Zm-14.25 4H3.25C2.561 17 2 17.561 2 18.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25v-10.5c0-.689-.561-1.25-1.25-1.25ZM13 28H4v-9h9v9Zm15.75-11h-10.5c-.689 0-1.25.561-1.25 1.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25v-10.5c0-.689-.561-1.25-1.25-1.25ZM28 28h-9v-9h9v9Z"
8707
8803
  />
8708
8804
  </svg>
8709
8805
  </span>
@@ -8744,7 +8840,7 @@ This demo showcases how you can position a side-panel drawer on top of the other
8744
8840
  <span class="pf-v6-c-menu-toggle__icon">
8745
8841
  <svg
8746
8842
  class="pf-v6-svg"
8747
- viewBox="0 0 512 512"
8843
+ viewBox="0 0 32 32"
8748
8844
  fill="currentColor"
8749
8845
  aria-hidden="true"
8750
8846
  role="img"
@@ -8752,7 +8848,7 @@ This demo showcases how you can position a side-panel drawer on top of the other
8752
8848
  height="1em"
8753
8849
  >
8754
8850
  <path
8755
- d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"
8851
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm0 28C8.832 29 3 23.168 3 16S8.832 3 16 3s13 5.832 13 13-5.832 13-13 13Zm5-17a5.008 5.008 0 0 1-4 4.899V19a1 1 0 0 1-2 0v-3a1 1 0 0 1 1-1c1.654 0 3-1.346 3-3s-1.346-3-3-3-3 1.346-3 3a1 1 0 0 1-2 0c0-2.757 2.243-5 5-5s5 2.243 5 5Zm-3.25 12a1.75 1.75 0 1 1-3.501-.001A1.75 1.75 0 0 1 17.75 24Z"
8756
8852
  />
8757
8853
  </svg>
8758
8854
  </span>
@@ -9143,9 +9239,21 @@ This demo showcases how you can position a side-panel drawer on top of the other
9143
9239
  <nav class="pf-v6-c-nav pf-m-docked" aria-label="Global">
9144
9240
  <ul class="pf-v6-c-nav__list" role="list">
9145
9241
  <li class="pf-v6-c-nav__item">
9146
- <a href="#" class="pf-v6-c-nav__link" aria-label="Cube">
9242
+ <a href="#" class="pf-v6-c-nav__link" aria-label="Cubes">
9147
9243
  <span class="pf-v6-c-nav__link-icon">
9148
- <i class="fas fa-fw fa-cube" aria-hidden="true"></i>
9244
+ <svg
9245
+ class="pf-v6-svg"
9246
+ viewBox="0 0 32 32"
9247
+ fill="currentColor"
9248
+ aria-hidden="true"
9249
+ role="img"
9250
+ width="1em"
9251
+ height="1em"
9252
+ >
9253
+ <path
9254
+ d="M12.5 12h7c.827 0 1.5-.673 1.5-1.5v-7c0-.827-.673-1.5-1.5-1.5h-7c-.827 0-1.5.673-1.5 1.5v7c0 .827.673 1.5 1.5 1.5Zm.5-8h6v6h-6V4ZM5.5 25h7c.827 0 1.5-.673 1.5-1.5v-7c0-.827-.673-1.5-1.5-1.5h-7c-.827 0-1.5.673-1.5 1.5v7c0 .827.673 1.5 1.5 1.5Zm.5-8h6v6H6v-6Zm24 12a1 1 0 0 1-1 1H3a1 1 0 0 1 0-2h26a1 1 0 0 1 1 1ZM18 16.5v7c0 .827.673 1.5 1.5 1.5h7c.827 0 1.5-.673 1.5-1.5v-7c0-.827-.673-1.5-1.5-1.5h-7c-.827 0-1.5.673-1.5 1.5Zm2 .5h6v6h-6v-6Z"
9255
+ />
9256
+ </svg>
9149
9257
  </span>
9150
9258
  <span class="pf-v6-c-nav__link-text">System panel</span>
9151
9259
  </a>
@@ -9158,7 +9266,19 @@ This demo showcases how you can position a side-panel drawer on top of the other
9158
9266
  aria-label="Folder"
9159
9267
  >
9160
9268
  <span class="pf-v6-c-nav__link-icon">
9161
- <i class="fas fa-fw fa-folder" aria-hidden="true"></i>
9269
+ <svg
9270
+ class="pf-v6-svg"
9271
+ viewBox="0 0 32 32"
9272
+ fill="currentColor"
9273
+ aria-hidden="true"
9274
+ role="img"
9275
+ width="1em"
9276
+ height="1em"
9277
+ >
9278
+ <path
9279
+ d="M29.5 8H17.81l-.681-3.208A1 1 0 0 0 16.15 4h-9.3a1 1 0 0 0-.979.792L5.19 8H2.5C1.673 8 1 8.673 1 9.5v17c0 .827.673 1.5 1.5 1.5h27c.827 0 1.5-.673 1.5-1.5v-17c0-.827-.673-1.5-1.5-1.5ZM29 26H3V10h3a1 1 0 0 0 .979-.792L7.66 6h7.682l.681 3.208a1 1 0 0 0 .979.792h12v16Z"
9280
+ />
9281
+ </svg>
9162
9282
  </span>
9163
9283
  <span class="pf-v6-c-nav__link-text">Policy</span>
9164
9284
  </a>
@@ -9166,7 +9286,19 @@ This demo showcases how you can position a side-panel drawer on top of the other
9166
9286
  <li class="pf-v6-c-nav__item">
9167
9287
  <a href="#" class="pf-v6-c-nav__link" aria-label="Cloud">
9168
9288
  <span class="pf-v6-c-nav__link-icon">
9169
- <i class="fas fa-fw fa-cloud" aria-hidden="true"></i>
9289
+ <svg
9290
+ class="pf-v6-svg"
9291
+ viewBox="0 0 32 32"
9292
+ fill="currentColor"
9293
+ aria-hidden="true"
9294
+ role="img"
9295
+ width="1em"
9296
+ height="1em"
9297
+ >
9298
+ <path
9299
+ d="M26.996 14.228c.003-.077.004-.153.004-.228 0-4.962-4.037-9-9-9-3.899 0-7.333 2.532-8.54 6.156A6.891 6.891 0 0 0 8 11c-3.859 0-7 3.14-7 7s3.141 7 7 7h17.5c3.032 0 5.5-2.467 5.5-5.5a5.456 5.456 0 0 0-4.004-5.272ZM25.5 23H8c-2.757 0-5-2.243-5-5s2.243-5 5-5a4.97 4.97 0 0 1 1.799.34 1.003 1.003 0 0 0 1.341-.735C11.796 9.357 14.682 7 18 7c3.859 0 7 3.14 7 7 0 .311-.028.615-.067.916a1.004 1.004 0 0 0 .898 1.123 3.473 3.473 0 0 1 3.17 3.461c0 1.93-1.57 3.5-3.5 3.5Z"
9300
+ />
9301
+ </svg>
9170
9302
  </span>
9171
9303
  <span class="pf-v6-c-nav__link-text">Authentication</span>
9172
9304
  </a>
@@ -9174,7 +9306,19 @@ This demo showcases how you can position a side-panel drawer on top of the other
9174
9306
  <li class="pf-v6-c-nav__item">
9175
9307
  <a href="#" class="pf-v6-c-nav__link" aria-label="Code">
9176
9308
  <span class="pf-v6-c-nav__link-icon">
9177
- <i class="fas fa-fw fa-code" aria-hidden="true"></i>
9309
+ <svg
9310
+ class="pf-v6-svg"
9311
+ viewBox="0 0 32 32"
9312
+ fill="currentColor"
9313
+ aria-hidden="true"
9314
+ role="img"
9315
+ width="1em"
9316
+ height="1em"
9317
+ >
9318
+ <path
9319
+ d="M9.707 9.707 3.414 16l6.293 6.293a.999.999 0 1 1-1.414 1.414l-6.646-6.646a1.501 1.501 0 0 1 0-2.121l6.646-6.646a.999.999 0 1 1 1.414 1.414Zm20.647 5.232-6.646-6.646a.999.999 0 1 0-1.414 1.414L28.587 16l-6.293 6.293a.999.999 0 1 0 1.414 1.414l6.646-6.646a1.501 1.501 0 0 0 0-2.121ZM18.121 6.022a.997.997 0 0 0-1.186.77l-3.826 18a1 1 0 1 0 1.956.416l3.826-18a1 1 0 0 0-.77-1.186Z"
9320
+ />
9321
+ </svg>
9178
9322
  </span>
9179
9323
  <span class="pf-v6-c-nav__link-text">Network services</span>
9180
9324
  </a>
@@ -9195,7 +9339,7 @@ This demo showcases how you can position a side-panel drawer on top of the other
9195
9339
  <span class="pf-v6-c-menu-toggle__icon">
9196
9340
  <svg
9197
9341
  class="pf-v6-svg"
9198
- viewBox="0 0 512 512"
9342
+ viewBox="0 0 32 32"
9199
9343
  fill="currentColor"
9200
9344
  aria-hidden="true"
9201
9345
  role="img"
@@ -9203,7 +9347,7 @@ This demo showcases how you can position a side-panel drawer on top of the other
9203
9347
  height="1em"
9204
9348
  >
9205
9349
  <path
9206
- d="M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z"
9350
+ d="M13.75 2H3.25C2.561 2 2 2.561 2 3.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25V3.25C15 2.561 14.439 2 13.75 2ZM13 13H4V4h9v9ZM28.75 2h-10.5C17.561 2 17 2.561 17 3.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25V3.25C30 2.561 29.439 2 28.75 2ZM28 13h-9V4h9v9Zm-14.25 4H3.25C2.561 17 2 17.561 2 18.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25v-10.5c0-.689-.561-1.25-1.25-1.25ZM13 28H4v-9h9v9Zm15.75-11h-10.5c-.689 0-1.25.561-1.25 1.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25v-10.5c0-.689-.561-1.25-1.25-1.25ZM28 28h-9v-9h9v9Z"
9207
9351
  />
9208
9352
  </svg>
9209
9353
  </span>
@@ -9244,7 +9388,7 @@ This demo showcases how you can position a side-panel drawer on top of the other
9244
9388
  <span class="pf-v6-c-menu-toggle__icon">
9245
9389
  <svg
9246
9390
  class="pf-v6-svg"
9247
- viewBox="0 0 512 512"
9391
+ viewBox="0 0 32 32"
9248
9392
  fill="currentColor"
9249
9393
  aria-hidden="true"
9250
9394
  role="img"
@@ -9252,7 +9396,7 @@ This demo showcases how you can position a side-panel drawer on top of the other
9252
9396
  height="1em"
9253
9397
  >
9254
9398
  <path
9255
- d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"
9399
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm0 28C8.832 29 3 23.168 3 16S8.832 3 16 3s13 5.832 13 13-5.832 13-13 13Zm5-17a5.008 5.008 0 0 1-4 4.899V19a1 1 0 0 1-2 0v-3a1 1 0 0 1 1-1c1.654 0 3-1.346 3-3s-1.346-3-3-3-3 1.346-3 3a1 1 0 0 1-2 0c0-2.757 2.243-5 5-5s5 2.243 5 5Zm-3.25 12a1.75 1.75 0 1 1-3.501-.001A1.75 1.75 0 0 1 17.75 24Z"
9256
9400
  />
9257
9401
  </svg>
9258
9402
  </span>
@@ -9643,9 +9787,21 @@ This demo showcases how you can position a side-panel drawer on top of the other
9643
9787
  <nav class="pf-v6-c-nav pf-m-docked" aria-label="Global">
9644
9788
  <ul class="pf-v6-c-nav__list" role="list">
9645
9789
  <li class="pf-v6-c-nav__item">
9646
- <a href="#" class="pf-v6-c-nav__link" aria-label="Cube">
9790
+ <a href="#" class="pf-v6-c-nav__link" aria-label="Cubes">
9647
9791
  <span class="pf-v6-c-nav__link-icon">
9648
- <i class="fas fa-fw fa-cube" aria-hidden="true"></i>
9792
+ <svg
9793
+ class="pf-v6-svg"
9794
+ viewBox="0 0 32 32"
9795
+ fill="currentColor"
9796
+ aria-hidden="true"
9797
+ role="img"
9798
+ width="1em"
9799
+ height="1em"
9800
+ >
9801
+ <path
9802
+ d="M12.5 12h7c.827 0 1.5-.673 1.5-1.5v-7c0-.827-.673-1.5-1.5-1.5h-7c-.827 0-1.5.673-1.5 1.5v7c0 .827.673 1.5 1.5 1.5Zm.5-8h6v6h-6V4ZM5.5 25h7c.827 0 1.5-.673 1.5-1.5v-7c0-.827-.673-1.5-1.5-1.5h-7c-.827 0-1.5.673-1.5 1.5v7c0 .827.673 1.5 1.5 1.5Zm.5-8h6v6H6v-6Zm24 12a1 1 0 0 1-1 1H3a1 1 0 0 1 0-2h26a1 1 0 0 1 1 1ZM18 16.5v7c0 .827.673 1.5 1.5 1.5h7c.827 0 1.5-.673 1.5-1.5v-7c0-.827-.673-1.5-1.5-1.5h-7c-.827 0-1.5.673-1.5 1.5Zm2 .5h6v6h-6v-6Z"
9803
+ />
9804
+ </svg>
9649
9805
  </span>
9650
9806
  <span class="pf-v6-c-nav__link-text">System panel</span>
9651
9807
  </a>
@@ -9658,7 +9814,19 @@ This demo showcases how you can position a side-panel drawer on top of the other
9658
9814
  aria-label="Folder"
9659
9815
  >
9660
9816
  <span class="pf-v6-c-nav__link-icon">
9661
- <i class="fas fa-fw fa-folder" aria-hidden="true"></i>
9817
+ <svg
9818
+ class="pf-v6-svg"
9819
+ viewBox="0 0 32 32"
9820
+ fill="currentColor"
9821
+ aria-hidden="true"
9822
+ role="img"
9823
+ width="1em"
9824
+ height="1em"
9825
+ >
9826
+ <path
9827
+ d="M29.5 8H17.81l-.681-3.208A1 1 0 0 0 16.15 4h-9.3a1 1 0 0 0-.979.792L5.19 8H2.5C1.673 8 1 8.673 1 9.5v17c0 .827.673 1.5 1.5 1.5h27c.827 0 1.5-.673 1.5-1.5v-17c0-.827-.673-1.5-1.5-1.5ZM29 26H3V10h3a1 1 0 0 0 .979-.792L7.66 6h7.682l.681 3.208a1 1 0 0 0 .979.792h12v16Z"
9828
+ />
9829
+ </svg>
9662
9830
  </span>
9663
9831
  <span class="pf-v6-c-nav__link-text">Policy</span>
9664
9832
  </a>
@@ -9666,7 +9834,19 @@ This demo showcases how you can position a side-panel drawer on top of the other
9666
9834
  <li class="pf-v6-c-nav__item">
9667
9835
  <a href="#" class="pf-v6-c-nav__link" aria-label="Cloud">
9668
9836
  <span class="pf-v6-c-nav__link-icon">
9669
- <i class="fas fa-fw fa-cloud" aria-hidden="true"></i>
9837
+ <svg
9838
+ class="pf-v6-svg"
9839
+ viewBox="0 0 32 32"
9840
+ fill="currentColor"
9841
+ aria-hidden="true"
9842
+ role="img"
9843
+ width="1em"
9844
+ height="1em"
9845
+ >
9846
+ <path
9847
+ d="M26.996 14.228c.003-.077.004-.153.004-.228 0-4.962-4.037-9-9-9-3.899 0-7.333 2.532-8.54 6.156A6.891 6.891 0 0 0 8 11c-3.859 0-7 3.14-7 7s3.141 7 7 7h17.5c3.032 0 5.5-2.467 5.5-5.5a5.456 5.456 0 0 0-4.004-5.272ZM25.5 23H8c-2.757 0-5-2.243-5-5s2.243-5 5-5a4.97 4.97 0 0 1 1.799.34 1.003 1.003 0 0 0 1.341-.735C11.796 9.357 14.682 7 18 7c3.859 0 7 3.14 7 7 0 .311-.028.615-.067.916a1.004 1.004 0 0 0 .898 1.123 3.473 3.473 0 0 1 3.17 3.461c0 1.93-1.57 3.5-3.5 3.5Z"
9848
+ />
9849
+ </svg>
9670
9850
  </span>
9671
9851
  <span class="pf-v6-c-nav__link-text">Authentication</span>
9672
9852
  </a>
@@ -9674,7 +9854,19 @@ This demo showcases how you can position a side-panel drawer on top of the other
9674
9854
  <li class="pf-v6-c-nav__item">
9675
9855
  <a href="#" class="pf-v6-c-nav__link" aria-label="Code">
9676
9856
  <span class="pf-v6-c-nav__link-icon">
9677
- <i class="fas fa-fw fa-code" aria-hidden="true"></i>
9857
+ <svg
9858
+ class="pf-v6-svg"
9859
+ viewBox="0 0 32 32"
9860
+ fill="currentColor"
9861
+ aria-hidden="true"
9862
+ role="img"
9863
+ width="1em"
9864
+ height="1em"
9865
+ >
9866
+ <path
9867
+ d="M9.707 9.707 3.414 16l6.293 6.293a.999.999 0 1 1-1.414 1.414l-6.646-6.646a1.501 1.501 0 0 1 0-2.121l6.646-6.646a.999.999 0 1 1 1.414 1.414Zm20.647 5.232-6.646-6.646a.999.999 0 1 0-1.414 1.414L28.587 16l-6.293 6.293a.999.999 0 1 0 1.414 1.414l6.646-6.646a1.501 1.501 0 0 0 0-2.121ZM18.121 6.022a.997.997 0 0 0-1.186.77l-3.826 18a1 1 0 1 0 1.956.416l3.826-18a1 1 0 0 0-.77-1.186Z"
9868
+ />
9869
+ </svg>
9678
9870
  </span>
9679
9871
  <span class="pf-v6-c-nav__link-text">Network services</span>
9680
9872
  </a>
@@ -9695,7 +9887,7 @@ This demo showcases how you can position a side-panel drawer on top of the other
9695
9887
  <span class="pf-v6-c-menu-toggle__icon">
9696
9888
  <svg
9697
9889
  class="pf-v6-svg"
9698
- viewBox="0 0 512 512"
9890
+ viewBox="0 0 32 32"
9699
9891
  fill="currentColor"
9700
9892
  aria-hidden="true"
9701
9893
  role="img"
@@ -9703,7 +9895,7 @@ This demo showcases how you can position a side-panel drawer on top of the other
9703
9895
  height="1em"
9704
9896
  >
9705
9897
  <path
9706
- d="M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z"
9898
+ d="M13.75 2H3.25C2.561 2 2 2.561 2 3.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25V3.25C15 2.561 14.439 2 13.75 2ZM13 13H4V4h9v9ZM28.75 2h-10.5C17.561 2 17 2.561 17 3.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25V3.25C30 2.561 29.439 2 28.75 2ZM28 13h-9V4h9v9Zm-14.25 4H3.25C2.561 17 2 17.561 2 18.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25v-10.5c0-.689-.561-1.25-1.25-1.25ZM13 28H4v-9h9v9Zm15.75-11h-10.5c-.689 0-1.25.561-1.25 1.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25v-10.5c0-.689-.561-1.25-1.25-1.25ZM28 28h-9v-9h9v9Z"
9707
9899
  />
9708
9900
  </svg>
9709
9901
  </span>
@@ -9744,7 +9936,7 @@ This demo showcases how you can position a side-panel drawer on top of the other
9744
9936
  <span class="pf-v6-c-menu-toggle__icon">
9745
9937
  <svg
9746
9938
  class="pf-v6-svg"
9747
- viewBox="0 0 512 512"
9939
+ viewBox="0 0 32 32"
9748
9940
  fill="currentColor"
9749
9941
  aria-hidden="true"
9750
9942
  role="img"
@@ -9752,7 +9944,7 @@ This demo showcases how you can position a side-panel drawer on top of the other
9752
9944
  height="1em"
9753
9945
  >
9754
9946
  <path
9755
- d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"
9947
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm0 28C8.832 29 3 23.168 3 16S8.832 3 16 3s13 5.832 13 13-5.832 13-13 13Zm5-17a5.008 5.008 0 0 1-4 4.899V19a1 1 0 0 1-2 0v-3a1 1 0 0 1 1-1c1.654 0 3-1.346 3-3s-1.346-3-3-3-3 1.346-3 3a1 1 0 0 1-2 0c0-2.757 2.243-5 5-5s5 2.243 5 5Zm-3.25 12a1.75 1.75 0 1 1-3.501-.001A1.75 1.75 0 0 1 17.75 24Z"
9756
9948
  />
9757
9949
  </svg>
9758
9950
  </span>
package/docs/demos/DataList/examples/DataList.md CHANGED
@@ -5358,7 +5358,7 @@ wrapperTag: div
5358
5358
  </div>
5359
5359
  </li>
5360
5360
  </ul>
5361
- <div class="pf-v6-c-pagination pf-m-bottom pf-m-static">
5361
+ <div class="pf-v6-c-pagination pf-m-static pf-m-bottom">
5362
5362
  <div class="pf-v6-c-pagination__page-menu">
5363
5363
  <button
5364
5364
  class="pf-v6-c-menu-toggle pf-m-top pf-m-text pf-m-plain"