@patternfly/patternfly 6.5.0-prerelease.63 → 6.5.0-prerelease.65

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 (41) hide show
  1. package/base/patternfly-svg-icons.css +6 -0
  2. package/base/patternfly-svg-icons.scss +6 -0
  3. package/components/ClipboardCopy/clipboard-copy.css +7 -1
  4. package/components/ClipboardCopy/clipboard-copy.scss +10 -1
  5. package/components/Page/page.css +83 -34
  6. package/components/Page/page.scss +94 -39
  7. package/components/Table/table.css +2 -2
  8. package/components/Table/table.scss +2 -2
  9. package/components/_index.css +92 -37
  10. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +39 -38
  11. package/docs/components/Page/examples/Page.md +62 -15
  12. package/docs/components/Table/examples/Table.md +1879 -151
  13. package/docs/demos/AboutModal/examples/AboutModal.md +8 -2
  14. package/docs/demos/Alert/examples/Alert.md +24 -6
  15. package/docs/demos/BackToTop/examples/BackToTop.md +8 -2
  16. package/docs/demos/Banner/examples/Banner.md +16 -4
  17. package/docs/demos/CardView/examples/CardView.md +8 -2
  18. package/docs/demos/Dashboard/examples/Dashboard.md +8 -2
  19. package/docs/demos/DataList/examples/DataList.md +32 -8
  20. package/docs/demos/DescriptionList/examples/DescriptionList.md +24 -6
  21. package/docs/demos/Drawer/examples/Drawer.md +24 -6
  22. package/docs/demos/JumpLinks/examples/JumpLinks.md +32 -8
  23. package/docs/demos/Masthead/examples/Masthead.md +72 -18
  24. package/docs/demos/Modal/examples/Modal.md +48 -12
  25. package/docs/demos/Nav/examples/Nav.md +80 -20
  26. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +40 -10
  27. package/docs/demos/Page/examples/Page.md +113 -28
  28. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +56 -14
  29. package/docs/demos/Skeleton/examples/Skeleton.md +8 -2
  30. package/docs/demos/Table/examples/Table.md +496 -64
  31. package/docs/demos/Tabs/examples/Tabs.md +48 -12
  32. package/docs/demos/Toolbar/examples/Toolbar.md +16 -4
  33. package/docs/demos/Wizard/examples/Wizard.md +72 -18
  34. package/package.json +21 -1
  35. package/patternfly-base-no-globals.css +6 -0
  36. package/patternfly-base.css +6 -0
  37. package/patternfly-no-globals.css +99 -38
  38. package/patternfly.css +99 -38
  39. package/patternfly.min.css +1 -1
  40. package/patternfly.min.css.map +1 -1
  41. package/patternfly.scss +3 -1
@@ -332,9 +332,15 @@ wrapperTag: div
332
332
  </nav>
333
333
  </div>
334
334
  </section>
335
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
335
+ <section
336
+ class="pf-v6-c-page__main-section pf-m-limit-width"
337
+ aria-labelledby="main-title"
338
+ >
336
339
  <div class="pf-v6-c-page__main-body">
337
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
340
+ <h1
341
+ class="pf-v6-c-content--h1 pf-m-page-title"
342
+ id="main-title"
343
+ >Main title</h1>
338
344
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
339
345
  </div>
340
346
  </section>
@@ -1619,9 +1625,15 @@ wrapperTag: div
1619
1625
  </nav>
1620
1626
  </div>
1621
1627
  </section>
1622
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
1628
+ <section
1629
+ class="pf-v6-c-page__main-section pf-m-limit-width"
1630
+ aria-labelledby="main-title"
1631
+ >
1623
1632
  <div class="pf-v6-c-page__main-body">
1624
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
1633
+ <h1
1634
+ class="pf-v6-c-content--h1 pf-m-page-title"
1635
+ id="main-title"
1636
+ >Main title</h1>
1625
1637
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
1626
1638
  </div>
1627
1639
  </section>
@@ -2027,7 +2039,19 @@ wrapperTag: div
2027
2039
  <span class="pf-v6-c-table__button-content">
2028
2040
  <span class="pf-v6-c-table__text">Repositories</span>
2029
2041
  <span class="pf-v6-c-table__sort-indicator">
2030
- <i class="fas fa-long-arrow-alt-up"></i>
2042
+ <svg
2043
+ class="pf-v6-svg"
2044
+ viewBox="0 0 32 32"
2045
+ fill="currentColor"
2046
+ aria-hidden="true"
2047
+ role="img"
2048
+ width="1em"
2049
+ height="1em"
2050
+ >
2051
+ <path
2052
+ d="M30 16a1 1 0 0 1-1 1H15a1 1 0 0 1 0-2h14a1 1 0 0 1 1 1Zm-5 5H15a1 1 0 1 0 0 2h10a1 1 0 1 0 0-2Zm-4 6h-6a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2Zm-6-17a.999.999 0 0 0 .707-1.707l-5.646-5.646a1.501 1.501 0 0 0-2.121 0L2.294 8.293a.999.999 0 1 0 1.414 1.414l4.293-4.293V29a1 1 0 1 0 2 0V5.414l4.293 4.293a.997.997 0 0 0 .707.293Z"
2053
+ />
2054
+ </svg>
2031
2055
  </span>
2032
2056
  </span>
2033
2057
  </button>
@@ -2043,7 +2067,19 @@ wrapperTag: div
2043
2067
  <span class="pf-v6-c-table__button-content">
2044
2068
  <span class="pf-v6-c-table__text">Branches</span>
2045
2069
  <span class="pf-v6-c-table__sort-indicator">
2046
- <i class="fas fa-arrows-alt-v"></i>
2070
+ <svg
2071
+ class="pf-v6-svg"
2072
+ viewBox="0 0 32 32"
2073
+ fill="currentColor"
2074
+ aria-hidden="true"
2075
+ role="img"
2076
+ width="1em"
2077
+ height="1em"
2078
+ >
2079
+ <path
2080
+ d="M21.293 23.293 17 27.586V4.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414l-5.646-5.646a1.5 1.5 0 0 0-2.121 0L9.294 7.293a.999.999 0 1 0 1.414 1.414l4.293-4.293v23.172l-4.293-4.293a.999.999 0 1 0-1.414 1.414l5.646 5.646c.292.293.676.438 1.061.438s.768-.146 1.061-.438l5.646-5.646a.999.999 0 1 0-1.414-1.414Z"
2081
+ />
2082
+ </svg>
2047
2083
  </span>
2048
2084
  </span>
2049
2085
  </button>
@@ -2059,7 +2095,19 @@ wrapperTag: div
2059
2095
  <span class="pf-v6-c-table__button-content">
2060
2096
  <span class="pf-v6-c-table__text">Pull requests</span>
2061
2097
  <span class="pf-v6-c-table__sort-indicator">
2062
- <i class="fas fa-arrows-alt-v"></i>
2098
+ <svg
2099
+ class="pf-v6-svg"
2100
+ viewBox="0 0 32 32"
2101
+ fill="currentColor"
2102
+ aria-hidden="true"
2103
+ role="img"
2104
+ width="1em"
2105
+ height="1em"
2106
+ >
2107
+ <path
2108
+ d="M21.293 23.293 17 27.586V4.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414l-5.646-5.646a1.5 1.5 0 0 0-2.121 0L9.294 7.293a.999.999 0 1 0 1.414 1.414l4.293-4.293v23.172l-4.293-4.293a.999.999 0 1 0-1.414 1.414l5.646 5.646c.292.293.676.438 1.061.438s.768-.146 1.061-.438l5.646-5.646a.999.999 0 1 0-1.414-1.414Z"
2109
+ />
2110
+ </svg>
2063
2111
  </span>
2064
2112
  </span>
2065
2113
  </button>
@@ -2075,7 +2123,19 @@ wrapperTag: div
2075
2123
  <span class="pf-v6-c-table__button-content">
2076
2124
  <span class="pf-v6-c-table__text">Workspaces</span>
2077
2125
  <span class="pf-v6-c-table__sort-indicator">
2078
- <i class="fas fa-arrows-alt-v"></i>
2126
+ <svg
2127
+ class="pf-v6-svg"
2128
+ viewBox="0 0 32 32"
2129
+ fill="currentColor"
2130
+ aria-hidden="true"
2131
+ role="img"
2132
+ width="1em"
2133
+ height="1em"
2134
+ >
2135
+ <path
2136
+ d="M21.293 23.293 17 27.586V4.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414l-5.646-5.646a1.5 1.5 0 0 0-2.121 0L9.294 7.293a.999.999 0 1 0 1.414 1.414l4.293-4.293v23.172l-4.293-4.293a.999.999 0 1 0-1.414 1.414l5.646 5.646c.292.293.676.438 1.061.438s.768-.146 1.061-.438l5.646-5.646a.999.999 0 1 0-1.414-1.414Z"
2137
+ />
2138
+ </svg>
2079
2139
  </span>
2080
2140
  </span>
2081
2141
  </button>
@@ -2091,7 +2151,19 @@ wrapperTag: div
2091
2151
  <span class="pf-v6-c-table__button-content">
2092
2152
  <span class="pf-v6-c-table__text">Last commit</span>
2093
2153
  <span class="pf-v6-c-table__sort-indicator">
2094
- <i class="fas fa-arrows-alt-v"></i>
2154
+ <svg
2155
+ class="pf-v6-svg"
2156
+ viewBox="0 0 32 32"
2157
+ fill="currentColor"
2158
+ aria-hidden="true"
2159
+ role="img"
2160
+ width="1em"
2161
+ height="1em"
2162
+ >
2163
+ <path
2164
+ d="M21.293 23.293 17 27.586V4.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414l-5.646-5.646a1.5 1.5 0 0 0-2.121 0L9.294 7.293a.999.999 0 1 0 1.414 1.414l4.293-4.293v23.172l-4.293-4.293a.999.999 0 1 0-1.414 1.414l5.646 5.646c.292.293.676.438 1.061.438s.768-.146 1.061-.438l5.646-5.646a.999.999 0 1 0-1.414-1.414Z"
2165
+ />
2166
+ </svg>
2095
2167
  </span>
2096
2168
  </span>
2097
2169
  </button>
@@ -3038,9 +3110,15 @@ wrapperTag: div
3038
3110
  </nav>
3039
3111
  </div>
3040
3112
  </section>
3041
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
3113
+ <section
3114
+ class="pf-v6-c-page__main-section pf-m-limit-width"
3115
+ aria-labelledby="main-title"
3116
+ >
3042
3117
  <div class="pf-v6-c-page__main-body">
3043
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
3118
+ <h1
3119
+ class="pf-v6-c-content--h1 pf-m-page-title"
3120
+ id="main-title"
3121
+ >Main title</h1>
3044
3122
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
3045
3123
  </div>
3046
3124
  </section>
@@ -4667,9 +4745,15 @@ wrapperTag: div
4667
4745
  </nav>
4668
4746
  </div>
4669
4747
  </section>
4670
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
4748
+ <section
4749
+ class="pf-v6-c-page__main-section pf-m-limit-width"
4750
+ aria-labelledby="main-title"
4751
+ >
4671
4752
  <div class="pf-v6-c-page__main-body">
4672
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
4753
+ <h1
4754
+ class="pf-v6-c-content--h1 pf-m-page-title"
4755
+ id="main-title"
4756
+ >Main title</h1>
4673
4757
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
4674
4758
  </div>
4675
4759
  </section>
@@ -5874,9 +5958,15 @@ wrapperTag: div
5874
5958
  </nav>
5875
5959
  </div>
5876
5960
  </section>
5877
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
5961
+ <section
5962
+ class="pf-v6-c-page__main-section pf-m-limit-width"
5963
+ aria-labelledby="main-title"
5964
+ >
5878
5965
  <div class="pf-v6-c-page__main-body">
5879
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
5966
+ <h1
5967
+ class="pf-v6-c-content--h1 pf-m-page-title"
5968
+ id="main-title"
5969
+ >Main title</h1>
5880
5970
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
5881
5971
  </div>
5882
5972
  </section>
@@ -6206,7 +6296,19 @@ wrapperTag: div
6206
6296
  <span class="pf-v6-c-table__button-content">
6207
6297
  <span class="pf-v6-c-table__text">Repositories</span>
6208
6298
  <span class="pf-v6-c-table__sort-indicator">
6209
- <i class="fas fa-long-arrow-alt-up"></i>
6299
+ <svg
6300
+ class="pf-v6-svg"
6301
+ viewBox="0 0 32 32"
6302
+ fill="currentColor"
6303
+ aria-hidden="true"
6304
+ role="img"
6305
+ width="1em"
6306
+ height="1em"
6307
+ >
6308
+ <path
6309
+ d="M30 16a1 1 0 0 1-1 1H15a1 1 0 0 1 0-2h14a1 1 0 0 1 1 1Zm-5 5H15a1 1 0 1 0 0 2h10a1 1 0 1 0 0-2Zm-4 6h-6a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2Zm-6-17a.999.999 0 0 0 .707-1.707l-5.646-5.646a1.501 1.501 0 0 0-2.121 0L2.294 8.293a.999.999 0 1 0 1.414 1.414l4.293-4.293V29a1 1 0 1 0 2 0V5.414l4.293 4.293a.997.997 0 0 0 .707.293Z"
6310
+ />
6311
+ </svg>
6210
6312
  </span>
6211
6313
  </span>
6212
6314
  </button>
@@ -6222,7 +6324,19 @@ wrapperTag: div
6222
6324
  <span class="pf-v6-c-table__button-content">
6223
6325
  <span class="pf-v6-c-table__text">Branches</span>
6224
6326
  <span class="pf-v6-c-table__sort-indicator">
6225
- <i class="fas fa-arrows-alt-v"></i>
6327
+ <svg
6328
+ class="pf-v6-svg"
6329
+ viewBox="0 0 32 32"
6330
+ fill="currentColor"
6331
+ aria-hidden="true"
6332
+ role="img"
6333
+ width="1em"
6334
+ height="1em"
6335
+ >
6336
+ <path
6337
+ d="M21.293 23.293 17 27.586V4.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414l-5.646-5.646a1.5 1.5 0 0 0-2.121 0L9.294 7.293a.999.999 0 1 0 1.414 1.414l4.293-4.293v23.172l-4.293-4.293a.999.999 0 1 0-1.414 1.414l5.646 5.646c.292.293.676.438 1.061.438s.768-.146 1.061-.438l5.646-5.646a.999.999 0 1 0-1.414-1.414Z"
6338
+ />
6339
+ </svg>
6226
6340
  </span>
6227
6341
  </span>
6228
6342
  </button>
@@ -6238,7 +6352,19 @@ wrapperTag: div
6238
6352
  <span class="pf-v6-c-table__button-content">
6239
6353
  <span class="pf-v6-c-table__text">Pull requests</span>
6240
6354
  <span class="pf-v6-c-table__sort-indicator">
6241
- <i class="fas fa-arrows-alt-v"></i>
6355
+ <svg
6356
+ class="pf-v6-svg"
6357
+ viewBox="0 0 32 32"
6358
+ fill="currentColor"
6359
+ aria-hidden="true"
6360
+ role="img"
6361
+ width="1em"
6362
+ height="1em"
6363
+ >
6364
+ <path
6365
+ d="M21.293 23.293 17 27.586V4.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414l-5.646-5.646a1.5 1.5 0 0 0-2.121 0L9.294 7.293a.999.999 0 1 0 1.414 1.414l4.293-4.293v23.172l-4.293-4.293a.999.999 0 1 0-1.414 1.414l5.646 5.646c.292.293.676.438 1.061.438s.768-.146 1.061-.438l5.646-5.646a.999.999 0 1 0-1.414-1.414Z"
6366
+ />
6367
+ </svg>
6242
6368
  </span>
6243
6369
  </span>
6244
6370
  </button>
@@ -6393,7 +6519,19 @@ wrapperTag: div
6393
6519
  <span class="pf-v6-c-table__button-content">
6394
6520
  <span class="pf-v6-c-table__text">Description</span>
6395
6521
  <span class="pf-v6-c-table__sort-indicator">
6396
- <i class="fas fa-arrows-alt-v"></i>
6522
+ <svg
6523
+ class="pf-v6-svg"
6524
+ viewBox="0 0 32 32"
6525
+ fill="currentColor"
6526
+ aria-hidden="true"
6527
+ role="img"
6528
+ width="1em"
6529
+ height="1em"
6530
+ >
6531
+ <path
6532
+ d="M21.293 23.293 17 27.586V4.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414l-5.646-5.646a1.5 1.5 0 0 0-2.121 0L9.294 7.293a.999.999 0 1 0 1.414 1.414l4.293-4.293v23.172l-4.293-4.293a.999.999 0 1 0-1.414 1.414l5.646 5.646c.292.293.676.438 1.061.438s.768-.146 1.061-.438l5.646-5.646a.999.999 0 1 0-1.414-1.414Z"
6533
+ />
6534
+ </svg>
6397
6535
  </span>
6398
6536
  </span>
6399
6537
  </button>
@@ -6674,7 +6812,19 @@ wrapperTag: div
6674
6812
  <span class="pf-v6-c-table__button-content">
6675
6813
  <span class="pf-v6-c-table__text">Description</span>
6676
6814
  <span class="pf-v6-c-table__sort-indicator">
6677
- <i class="fas fa-arrows-alt-v"></i>
6815
+ <svg
6816
+ class="pf-v6-svg"
6817
+ viewBox="0 0 32 32"
6818
+ fill="currentColor"
6819
+ aria-hidden="true"
6820
+ role="img"
6821
+ width="1em"
6822
+ height="1em"
6823
+ >
6824
+ <path
6825
+ d="M21.293 23.293 17 27.586V4.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414l-5.646-5.646a1.5 1.5 0 0 0-2.121 0L9.294 7.293a.999.999 0 1 0 1.414 1.414l4.293-4.293v23.172l-4.293-4.293a.999.999 0 1 0-1.414 1.414l5.646 5.646c.292.293.676.438 1.061.438s.768-.146 1.061-.438l5.646-5.646a.999.999 0 1 0-1.414-1.414Z"
6826
+ />
6827
+ </svg>
6678
6828
  </span>
6679
6829
  </span>
6680
6830
  </button>
@@ -6955,7 +7105,19 @@ wrapperTag: div
6955
7105
  <span class="pf-v6-c-table__button-content">
6956
7106
  <span class="pf-v6-c-table__text">Description</span>
6957
7107
  <span class="pf-v6-c-table__sort-indicator">
6958
- <i class="fas fa-arrows-alt-v"></i>
7108
+ <svg
7109
+ class="pf-v6-svg"
7110
+ viewBox="0 0 32 32"
7111
+ fill="currentColor"
7112
+ aria-hidden="true"
7113
+ role="img"
7114
+ width="1em"
7115
+ height="1em"
7116
+ >
7117
+ <path
7118
+ d="M21.293 23.293 17 27.586V4.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414l-5.646-5.646a1.5 1.5 0 0 0-2.121 0L9.294 7.293a.999.999 0 1 0 1.414 1.414l4.293-4.293v23.172l-4.293-4.293a.999.999 0 1 0-1.414 1.414l5.646 5.646c.292.293.676.438 1.061.438s.768-.146 1.061-.438l5.646-5.646a.999.999 0 1 0-1.414-1.414Z"
7119
+ />
7120
+ </svg>
6959
7121
  </span>
6960
7122
  </span>
6961
7123
  </button>
@@ -7329,7 +7491,19 @@ wrapperTag: div
7329
7491
  <span class="pf-v6-c-table__button-content">
7330
7492
  <span class="pf-v6-c-table__text">Description</span>
7331
7493
  <span class="pf-v6-c-table__sort-indicator">
7332
- <i class="fas fa-arrows-alt-v"></i>
7494
+ <svg
7495
+ class="pf-v6-svg"
7496
+ viewBox="0 0 32 32"
7497
+ fill="currentColor"
7498
+ aria-hidden="true"
7499
+ role="img"
7500
+ width="1em"
7501
+ height="1em"
7502
+ >
7503
+ <path
7504
+ d="M21.293 23.293 17 27.586V4.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414l-5.646-5.646a1.5 1.5 0 0 0-2.121 0L9.294 7.293a.999.999 0 1 0 1.414 1.414l4.293-4.293v23.172l-4.293-4.293a.999.999 0 1 0-1.414 1.414l5.646 5.646c.292.293.676.438 1.061.438s.768-.146 1.061-.438l5.646-5.646a.999.999 0 1 0-1.414-1.414Z"
7505
+ />
7506
+ </svg>
7333
7507
  </span>
7334
7508
  </span>
7335
7509
  </button>
@@ -7610,7 +7784,19 @@ wrapperTag: div
7610
7784
  <span class="pf-v6-c-table__button-content">
7611
7785
  <span class="pf-v6-c-table__text">Description</span>
7612
7786
  <span class="pf-v6-c-table__sort-indicator">
7613
- <i class="fas fa-arrows-alt-v"></i>
7787
+ <svg
7788
+ class="pf-v6-svg"
7789
+ viewBox="0 0 32 32"
7790
+ fill="currentColor"
7791
+ aria-hidden="true"
7792
+ role="img"
7793
+ width="1em"
7794
+ height="1em"
7795
+ >
7796
+ <path
7797
+ d="M21.293 23.293 17 27.586V4.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414l-5.646-5.646a1.5 1.5 0 0 0-2.121 0L9.294 7.293a.999.999 0 1 0 1.414 1.414l4.293-4.293v23.172l-4.293-4.293a.999.999 0 1 0-1.414 1.414l5.646 5.646c.292.293.676.438 1.061.438s.768-.146 1.061-.438l5.646-5.646a.999.999 0 1 0-1.414-1.414Z"
7798
+ />
7799
+ </svg>
7614
7800
  </span>
7615
7801
  </span>
7616
7802
  </button>
@@ -7891,7 +8077,19 @@ wrapperTag: div
7891
8077
  <span class="pf-v6-c-table__button-content">
7892
8078
  <span class="pf-v6-c-table__text">Description</span>
7893
8079
  <span class="pf-v6-c-table__sort-indicator">
7894
- <i class="fas fa-arrows-alt-v"></i>
8080
+ <svg
8081
+ class="pf-v6-svg"
8082
+ viewBox="0 0 32 32"
8083
+ fill="currentColor"
8084
+ aria-hidden="true"
8085
+ role="img"
8086
+ width="1em"
8087
+ height="1em"
8088
+ >
8089
+ <path
8090
+ d="M21.293 23.293 17 27.586V4.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414l-5.646-5.646a1.5 1.5 0 0 0-2.121 0L9.294 7.293a.999.999 0 1 0 1.414 1.414l4.293-4.293v23.172l-4.293-4.293a.999.999 0 1 0-1.414 1.414l5.646 5.646c.292.293.676.438 1.061.438s.768-.146 1.061-.438l5.646-5.646a.999.999 0 1 0-1.414-1.414Z"
8091
+ />
8092
+ </svg>
7895
8093
  </span>
7896
8094
  </span>
7897
8095
  </button>
@@ -8265,7 +8463,19 @@ wrapperTag: div
8265
8463
  <span class="pf-v6-c-table__button-content">
8266
8464
  <span class="pf-v6-c-table__text">Description</span>
8267
8465
  <span class="pf-v6-c-table__sort-indicator">
8268
- <i class="fas fa-arrows-alt-v"></i>
8466
+ <svg
8467
+ class="pf-v6-svg"
8468
+ viewBox="0 0 32 32"
8469
+ fill="currentColor"
8470
+ aria-hidden="true"
8471
+ role="img"
8472
+ width="1em"
8473
+ height="1em"
8474
+ >
8475
+ <path
8476
+ d="M21.293 23.293 17 27.586V4.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414l-5.646-5.646a1.5 1.5 0 0 0-2.121 0L9.294 7.293a.999.999 0 1 0 1.414 1.414l4.293-4.293v23.172l-4.293-4.293a.999.999 0 1 0-1.414 1.414l5.646 5.646c.292.293.676.438 1.061.438s.768-.146 1.061-.438l5.646-5.646a.999.999 0 1 0-1.414-1.414Z"
8477
+ />
8478
+ </svg>
8269
8479
  </span>
8270
8480
  </span>
8271
8481
  </button>
@@ -8546,7 +8756,19 @@ wrapperTag: div
8546
8756
  <span class="pf-v6-c-table__button-content">
8547
8757
  <span class="pf-v6-c-table__text">Description</span>
8548
8758
  <span class="pf-v6-c-table__sort-indicator">
8549
- <i class="fas fa-arrows-alt-v"></i>
8759
+ <svg
8760
+ class="pf-v6-svg"
8761
+ viewBox="0 0 32 32"
8762
+ fill="currentColor"
8763
+ aria-hidden="true"
8764
+ role="img"
8765
+ width="1em"
8766
+ height="1em"
8767
+ >
8768
+ <path
8769
+ d="M21.293 23.293 17 27.586V4.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414l-5.646-5.646a1.5 1.5 0 0 0-2.121 0L9.294 7.293a.999.999 0 1 0 1.414 1.414l4.293-4.293v23.172l-4.293-4.293a.999.999 0 1 0-1.414 1.414l5.646 5.646c.292.293.676.438 1.061.438s.768-.146 1.061-.438l5.646-5.646a.999.999 0 1 0-1.414-1.414Z"
8770
+ />
8771
+ </svg>
8550
8772
  </span>
8551
8773
  </span>
8552
8774
  </button>
@@ -8827,7 +9049,19 @@ wrapperTag: div
8827
9049
  <span class="pf-v6-c-table__button-content">
8828
9050
  <span class="pf-v6-c-table__text">Description</span>
8829
9051
  <span class="pf-v6-c-table__sort-indicator">
8830
- <i class="fas fa-arrows-alt-v"></i>
9052
+ <svg
9053
+ class="pf-v6-svg"
9054
+ viewBox="0 0 32 32"
9055
+ fill="currentColor"
9056
+ aria-hidden="true"
9057
+ role="img"
9058
+ width="1em"
9059
+ height="1em"
9060
+ >
9061
+ <path
9062
+ d="M21.293 23.293 17 27.586V4.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414l-5.646-5.646a1.5 1.5 0 0 0-2.121 0L9.294 7.293a.999.999 0 1 0 1.414 1.414l4.293-4.293v23.172l-4.293-4.293a.999.999 0 1 0-1.414 1.414l5.646 5.646c.292.293.676.438 1.061.438s.768-.146 1.061-.438l5.646-5.646a.999.999 0 1 0-1.414-1.414Z"
9063
+ />
9064
+ </svg>
8831
9065
  </span>
8832
9066
  </span>
8833
9067
  </button>
@@ -9567,9 +9801,15 @@ wrapperTag: div
9567
9801
  </nav>
9568
9802
  </div>
9569
9803
  </section>
9570
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
9804
+ <section
9805
+ class="pf-v6-c-page__main-section pf-m-limit-width"
9806
+ aria-labelledby="main-title"
9807
+ >
9571
9808
  <div class="pf-v6-c-page__main-body">
9572
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
9809
+ <h1
9810
+ class="pf-v6-c-content--h1 pf-m-page-title"
9811
+ id="main-title"
9812
+ >Main title</h1>
9573
9813
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
9574
9814
  </div>
9575
9815
  </section>
@@ -10023,9 +10263,15 @@ wrapperTag: div
10023
10263
  </nav>
10024
10264
  </div>
10025
10265
  </section>
10026
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
10266
+ <section
10267
+ class="pf-v6-c-page__main-section pf-m-limit-width"
10268
+ aria-labelledby="main-title"
10269
+ >
10027
10270
  <div class="pf-v6-c-page__main-body">
10028
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
10271
+ <h1
10272
+ class="pf-v6-c-content--h1 pf-m-page-title"
10273
+ id="main-title"
10274
+ >Main title</h1>
10029
10275
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
10030
10276
  </div>
10031
10277
  </section>
@@ -10473,9 +10719,15 @@ wrapperTag: div
10473
10719
  </nav>
10474
10720
  </div>
10475
10721
  </section>
10476
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
10722
+ <section
10723
+ class="pf-v6-c-page__main-section pf-m-limit-width"
10724
+ aria-labelledby="main-title"
10725
+ >
10477
10726
  <div class="pf-v6-c-page__main-body">
10478
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
10727
+ <h1
10728
+ class="pf-v6-c-content--h1 pf-m-page-title"
10729
+ id="main-title"
10730
+ >Main title</h1>
10479
10731
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
10480
10732
  </div>
10481
10733
  </section>
@@ -11780,9 +12032,15 @@ wrapperTag: div
11780
12032
  </nav>
11781
12033
  </div>
11782
12034
  </section>
11783
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
12035
+ <section
12036
+ class="pf-v6-c-page__main-section pf-m-limit-width"
12037
+ aria-labelledby="main-title"
12038
+ >
11784
12039
  <div class="pf-v6-c-page__main-body">
11785
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
12040
+ <h1
12041
+ class="pf-v6-c-content--h1 pf-m-page-title"
12042
+ id="main-title"
12043
+ >Main title</h1>
11786
12044
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
11787
12045
  </div>
11788
12046
  </section>
@@ -13165,9 +13423,15 @@ wrapperTag: div
13165
13423
  </nav>
13166
13424
  </div>
13167
13425
  </section>
13168
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
13426
+ <section
13427
+ class="pf-v6-c-page__main-section pf-m-limit-width"
13428
+ aria-labelledby="main-title"
13429
+ >
13169
13430
  <div class="pf-v6-c-page__main-body">
13170
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
13431
+ <h1
13432
+ class="pf-v6-c-content--h1 pf-m-page-title"
13433
+ id="main-title"
13434
+ >Main title</h1>
13171
13435
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
13172
13436
  </div>
13173
13437
  </section>
@@ -14469,9 +14733,15 @@ wrapperTag: div
14469
14733
  </nav>
14470
14734
  </div>
14471
14735
  </section>
14472
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
14736
+ <section
14737
+ class="pf-v6-c-page__main-section pf-m-limit-width"
14738
+ aria-labelledby="main-title"
14739
+ >
14473
14740
  <div class="pf-v6-c-page__main-body">
14474
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
14741
+ <h1
14742
+ class="pf-v6-c-content--h1 pf-m-page-title"
14743
+ id="main-title"
14744
+ >Main title</h1>
14475
14745
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
14476
14746
  </div>
14477
14747
  </section>
@@ -14795,7 +15065,19 @@ wrapperTag: div
14795
15065
  <span class="pf-v6-c-table__button-content">
14796
15066
  <span class="pf-v6-c-table__text">Fact</span>
14797
15067
  <span class="pf-v6-c-table__sort-indicator">
14798
- <i class="fas fa-arrows-alt-v"></i>
15068
+ <svg
15069
+ class="pf-v6-svg"
15070
+ viewBox="0 0 32 32"
15071
+ fill="currentColor"
15072
+ aria-hidden="true"
15073
+ role="img"
15074
+ width="1em"
15075
+ height="1em"
15076
+ >
15077
+ <path
15078
+ d="M21.293 23.293 17 27.586V4.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414l-5.646-5.646a1.5 1.5 0 0 0-2.121 0L9.294 7.293a.999.999 0 1 0 1.414 1.414l4.293-4.293v23.172l-4.293-4.293a.999.999 0 1 0-1.414 1.414l5.646 5.646c.292.293.676.438 1.061.438s.768-.146 1.061-.438l5.646-5.646a.999.999 0 1 0-1.414-1.414Z"
15079
+ />
15080
+ </svg>
14799
15081
  </span>
14800
15082
  </span>
14801
15083
  </button>
@@ -14812,7 +15094,19 @@ wrapperTag: div
14812
15094
  <span class="pf-v6-c-table__button-content">
14813
15095
  <span class="pf-v6-c-table__text">State</span>
14814
15096
  <span class="pf-v6-c-table__sort-indicator">
14815
- <i class="fas fa-arrows-alt-v"></i>
15097
+ <svg
15098
+ class="pf-v6-svg"
15099
+ viewBox="0 0 32 32"
15100
+ fill="currentColor"
15101
+ aria-hidden="true"
15102
+ role="img"
15103
+ width="1em"
15104
+ height="1em"
15105
+ >
15106
+ <path
15107
+ d="M21.293 23.293 17 27.586V4.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414l-5.646-5.646a1.5 1.5 0 0 0-2.121 0L9.294 7.293a.999.999 0 1 0 1.414 1.414l4.293-4.293v23.172l-4.293-4.293a.999.999 0 1 0-1.414 1.414l5.646 5.646c.292.293.676.438 1.061.438s.768-.146 1.061-.438l5.646-5.646a.999.999 0 1 0-1.414-1.414Z"
15108
+ />
15109
+ </svg>
14816
15110
  </span>
14817
15111
  </span>
14818
15112
  </button>
@@ -15818,9 +16112,15 @@ wrapperTag: div
15818
16112
  </nav>
15819
16113
  </div>
15820
16114
  </section>
15821
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
16115
+ <section
16116
+ class="pf-v6-c-page__main-section pf-m-limit-width"
16117
+ aria-labelledby="main-title"
16118
+ >
15822
16119
  <div class="pf-v6-c-page__main-body">
15823
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
16120
+ <h1
16121
+ class="pf-v6-c-content--h1 pf-m-page-title"
16122
+ id="main-title"
16123
+ >Main title</h1>
15824
16124
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
15825
16125
  </div>
15826
16126
  </section>
@@ -16149,7 +16449,19 @@ wrapperTag: div
16149
16449
  <span class="pf-v6-c-table__button-content">
16150
16450
  <span class="pf-v6-c-table__text">Fact</span>
16151
16451
  <span class="pf-v6-c-table__sort-indicator">
16152
- <i class="fas fa-arrows-alt-v"></i>
16452
+ <svg
16453
+ class="pf-v6-svg"
16454
+ viewBox="0 0 32 32"
16455
+ fill="currentColor"
16456
+ aria-hidden="true"
16457
+ role="img"
16458
+ width="1em"
16459
+ height="1em"
16460
+ >
16461
+ <path
16462
+ d="M21.293 23.293 17 27.586V4.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414l-5.646-5.646a1.5 1.5 0 0 0-2.121 0L9.294 7.293a.999.999 0 1 0 1.414 1.414l4.293-4.293v23.172l-4.293-4.293a.999.999 0 1 0-1.414 1.414l5.646 5.646c.292.293.676.438 1.061.438s.768-.146 1.061-.438l5.646-5.646a.999.999 0 1 0-1.414-1.414Z"
16463
+ />
16464
+ </svg>
16153
16465
  </span>
16154
16466
  </span>
16155
16467
  </button>
@@ -16167,7 +16479,19 @@ wrapperTag: div
16167
16479
  <span class="pf-v6-c-table__button-content">
16168
16480
  <span class="pf-v6-c-table__text">State</span>
16169
16481
  <span class="pf-v6-c-table__sort-indicator">
16170
- <i class="fas fa-arrows-alt-v"></i>
16482
+ <svg
16483
+ class="pf-v6-svg"
16484
+ viewBox="0 0 32 32"
16485
+ fill="currentColor"
16486
+ aria-hidden="true"
16487
+ role="img"
16488
+ width="1em"
16489
+ height="1em"
16490
+ >
16491
+ <path
16492
+ d="M21.293 23.293 17 27.586V4.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414l-5.646-5.646a1.5 1.5 0 0 0-2.121 0L9.294 7.293a.999.999 0 1 0 1.414 1.414l4.293-4.293v23.172l-4.293-4.293a.999.999 0 1 0-1.414 1.414l5.646 5.646c.292.293.676.438 1.061.438s.768-.146 1.061-.438l5.646-5.646a.999.999 0 1 0-1.414-1.414Z"
16493
+ />
16494
+ </svg>
16171
16495
  </span>
16172
16496
  </span>
16173
16497
  </button>
@@ -17203,9 +17527,15 @@ wrapperTag: div
17203
17527
  </nav>
17204
17528
  </div>
17205
17529
  </section>
17206
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
17530
+ <section
17531
+ class="pf-v6-c-page__main-section pf-m-limit-width"
17532
+ aria-labelledby="main-title"
17533
+ >
17207
17534
  <div class="pf-v6-c-page__main-body">
17208
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
17535
+ <h1
17536
+ class="pf-v6-c-content--h1 pf-m-page-title"
17537
+ id="main-title"
17538
+ >Main title</h1>
17209
17539
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
17210
17540
  </div>
17211
17541
  </section>
@@ -17532,7 +17862,19 @@ wrapperTag: div
17532
17862
  <span class="pf-v6-c-table__button-content">
17533
17863
  <span class="pf-v6-c-table__text">Fact</span>
17534
17864
  <span class="pf-v6-c-table__sort-indicator">
17535
- <i class="fas fa-arrows-alt-v"></i>
17865
+ <svg
17866
+ class="pf-v6-svg"
17867
+ viewBox="0 0 32 32"
17868
+ fill="currentColor"
17869
+ aria-hidden="true"
17870
+ role="img"
17871
+ width="1em"
17872
+ height="1em"
17873
+ >
17874
+ <path
17875
+ d="M21.293 23.293 17 27.586V4.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414l-5.646-5.646a1.5 1.5 0 0 0-2.121 0L9.294 7.293a.999.999 0 1 0 1.414 1.414l4.293-4.293v23.172l-4.293-4.293a.999.999 0 1 0-1.414 1.414l5.646 5.646c.292.293.676.438 1.061.438s.768-.146 1.061-.438l5.646-5.646a.999.999 0 1 0-1.414-1.414Z"
17876
+ />
17877
+ </svg>
17536
17878
  </span>
17537
17879
  </span>
17538
17880
  </button>
@@ -17550,7 +17892,19 @@ wrapperTag: div
17550
17892
  <span class="pf-v6-c-table__button-content">
17551
17893
  <span class="pf-v6-c-table__text">State</span>
17552
17894
  <span class="pf-v6-c-table__sort-indicator">
17553
- <i class="fas fa-arrows-alt-v"></i>
17895
+ <svg
17896
+ class="pf-v6-svg"
17897
+ viewBox="0 0 32 32"
17898
+ fill="currentColor"
17899
+ aria-hidden="true"
17900
+ role="img"
17901
+ width="1em"
17902
+ height="1em"
17903
+ >
17904
+ <path
17905
+ d="M21.293 23.293 17 27.586V4.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414l-5.646-5.646a1.5 1.5 0 0 0-2.121 0L9.294 7.293a.999.999 0 1 0 1.414 1.414l4.293-4.293v23.172l-4.293-4.293a.999.999 0 1 0-1.414 1.414l5.646 5.646c.292.293.676.438 1.061.438s.768-.146 1.061-.438l5.646-5.646a.999.999 0 1 0-1.414-1.414Z"
17906
+ />
17907
+ </svg>
17554
17908
  </span>
17555
17909
  </span>
17556
17910
  </button>
@@ -18586,9 +18940,15 @@ wrapperTag: div
18586
18940
  </nav>
18587
18941
  </div>
18588
18942
  </section>
18589
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
18943
+ <section
18944
+ class="pf-v6-c-page__main-section pf-m-limit-width"
18945
+ aria-labelledby="main-title"
18946
+ >
18590
18947
  <div class="pf-v6-c-page__main-body">
18591
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
18948
+ <h1
18949
+ class="pf-v6-c-content--h1 pf-m-page-title"
18950
+ id="main-title"
18951
+ >Main title</h1>
18592
18952
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
18593
18953
  </div>
18594
18954
  </section>
@@ -18914,7 +19274,19 @@ wrapperTag: div
18914
19274
  <span class="pf-v6-c-table__button-content">
18915
19275
  <span class="pf-v6-c-table__text">Fact</span>
18916
19276
  <span class="pf-v6-c-table__sort-indicator">
18917
- <i class="fas fa-arrows-alt-v"></i>
19277
+ <svg
19278
+ class="pf-v6-svg"
19279
+ viewBox="0 0 32 32"
19280
+ fill="currentColor"
19281
+ aria-hidden="true"
19282
+ role="img"
19283
+ width="1em"
19284
+ height="1em"
19285
+ >
19286
+ <path
19287
+ d="M21.293 23.293 17 27.586V4.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414l-5.646-5.646a1.5 1.5 0 0 0-2.121 0L9.294 7.293a.999.999 0 1 0 1.414 1.414l4.293-4.293v23.172l-4.293-4.293a.999.999 0 1 0-1.414 1.414l5.646 5.646c.292.293.676.438 1.061.438s.768-.146 1.061-.438l5.646-5.646a.999.999 0 1 0-1.414-1.414Z"
19288
+ />
19289
+ </svg>
18918
19290
  </span>
18919
19291
  </span>
18920
19292
  </button>
@@ -18931,7 +19303,19 @@ wrapperTag: div
18931
19303
  <span class="pf-v6-c-table__button-content">
18932
19304
  <span class="pf-v6-c-table__text">State</span>
18933
19305
  <span class="pf-v6-c-table__sort-indicator">
18934
- <i class="fas fa-arrows-alt-v"></i>
19306
+ <svg
19307
+ class="pf-v6-svg"
19308
+ viewBox="0 0 32 32"
19309
+ fill="currentColor"
19310
+ aria-hidden="true"
19311
+ role="img"
19312
+ width="1em"
19313
+ height="1em"
19314
+ >
19315
+ <path
19316
+ d="M21.293 23.293 17 27.586V4.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414l-5.646-5.646a1.5 1.5 0 0 0-2.121 0L9.294 7.293a.999.999 0 1 0 1.414 1.414l4.293-4.293v23.172l-4.293-4.293a.999.999 0 1 0-1.414 1.414l5.646 5.646c.292.293.676.438 1.061.438s.768-.146 1.061-.438l5.646-5.646a.999.999 0 1 0-1.414-1.414Z"
19317
+ />
19318
+ </svg>
18935
19319
  </span>
18936
19320
  </span>
18937
19321
  </button>
@@ -19931,9 +20315,15 @@ By default, table cell alignment is set to baseline. This retains vertical align
19931
20315
  </nav>
19932
20316
  </div>
19933
20317
  </section>
19934
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
20318
+ <section
20319
+ class="pf-v6-c-page__main-section pf-m-limit-width"
20320
+ aria-labelledby="main-title"
20321
+ >
19935
20322
  <div class="pf-v6-c-page__main-body">
19936
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
20323
+ <h1
20324
+ class="pf-v6-c-content--h1 pf-m-page-title"
20325
+ id="main-title"
20326
+ >Main title</h1>
19937
20327
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
19938
20328
  </div>
19939
20329
  </section>
@@ -19957,7 +20347,19 @@ By default, table cell alignment is set to baseline. This retains vertical align
19957
20347
  <span class="pf-v6-c-table__button-content">
19958
20348
  <span class="pf-v6-c-table__text">Repositories</span>
19959
20349
  <span class="pf-v6-c-table__sort-indicator">
19960
- <i class="fas fa-long-arrow-alt-up"></i>
20350
+ <svg
20351
+ class="pf-v6-svg"
20352
+ viewBox="0 0 32 32"
20353
+ fill="currentColor"
20354
+ aria-hidden="true"
20355
+ role="img"
20356
+ width="1em"
20357
+ height="1em"
20358
+ >
20359
+ <path
20360
+ d="M30 16a1 1 0 0 1-1 1H15a1 1 0 0 1 0-2h14a1 1 0 0 1 1 1Zm-5 5H15a1 1 0 1 0 0 2h10a1 1 0 1 0 0-2Zm-4 6h-6a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2Zm-6-17a.999.999 0 0 0 .707-1.707l-5.646-5.646a1.501 1.501 0 0 0-2.121 0L2.294 8.293a.999.999 0 1 0 1.414 1.414l4.293-4.293V29a1 1 0 1 0 2 0V5.414l4.293 4.293a.997.997 0 0 0 .707.293Z"
20361
+ />
20362
+ </svg>
19961
20363
  </span>
19962
20364
  </span>
19963
20365
  </button>
@@ -19974,7 +20376,19 @@ By default, table cell alignment is set to baseline. This retains vertical align
19974
20376
  <span class="pf-v6-c-table__button-content">
19975
20377
  <span class="pf-v6-c-table__text">Branches</span>
19976
20378
  <span class="pf-v6-c-table__sort-indicator">
19977
- <i class="fas fa-arrows-alt-v"></i>
20379
+ <svg
20380
+ class="pf-v6-svg"
20381
+ viewBox="0 0 32 32"
20382
+ fill="currentColor"
20383
+ aria-hidden="true"
20384
+ role="img"
20385
+ width="1em"
20386
+ height="1em"
20387
+ >
20388
+ <path
20389
+ d="M21.293 23.293 17 27.586V4.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414l-5.646-5.646a1.5 1.5 0 0 0-2.121 0L9.294 7.293a.999.999 0 1 0 1.414 1.414l4.293-4.293v23.172l-4.293-4.293a.999.999 0 1 0-1.414 1.414l5.646 5.646c.292.293.676.438 1.061.438s.768-.146 1.061-.438l5.646-5.646a.999.999 0 1 0-1.414-1.414Z"
20390
+ />
20391
+ </svg>
19978
20392
  </span>
19979
20393
  </span>
19980
20394
  </button>
@@ -19987,7 +20401,7 @@ By default, table cell alignment is set to baseline. This retains vertical align
19987
20401
  <span class="pf-v6-c-button__icon">
19988
20402
  <svg
19989
20403
  class="pf-v6-svg"
19990
- viewBox="0 0 1024 1024"
20404
+ viewBox="0 0 32 32"
19991
20405
  fill="currentColor"
19992
20406
  aria-hidden="true"
19993
20407
  role="img"
@@ -19995,7 +20409,7 @@ By default, table cell alignment is set to baseline. This retains vertical align
19995
20409
  height="1em"
19996
20410
  >
19997
20411
  <path
19998
- d="M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C487.9,576 521.3,576 521.3,576 M575.3,751.3 L575.3,655.3 C575.313862,651.055109 573.620137,646.982962 570.6,644 C567.638831,640.947672 563.552355,639.247987 559.3,639.29884 L463.3,639.29884 C459.055109,639.286138 454.982962,640.979863 452,644 C448.947672,646.961169 447.247987,651.047645 447.29884,655.3 L447.29884,751.3 C447.286138,755.544891 448.979863,759.617038 452,762.6 C454.961169,765.652328 459.047645,767.352013 463.3,767.30116 L559.3,767.30116 C563.544891,767.313862 567.617038,765.620137 570.6,762.6 C573.659349,759.643612 575.360354,755.553963 575.3,751.3 M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0"
20412
+ 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"
19999
20413
  />
20000
20414
  </svg>
20001
20415
  </span>
@@ -20014,7 +20428,19 @@ By default, table cell alignment is set to baseline. This retains vertical align
20014
20428
  <span class="pf-v6-c-table__button-content">
20015
20429
  <span class="pf-v6-c-table__text">Pull requests</span>
20016
20430
  <span class="pf-v6-c-table__sort-indicator">
20017
- <i class="fas fa-arrows-alt-v"></i>
20431
+ <svg
20432
+ class="pf-v6-svg"
20433
+ viewBox="0 0 32 32"
20434
+ fill="currentColor"
20435
+ aria-hidden="true"
20436
+ role="img"
20437
+ width="1em"
20438
+ height="1em"
20439
+ >
20440
+ <path
20441
+ d="M21.293 23.293 17 27.586V4.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414l-5.646-5.646a1.5 1.5 0 0 0-2.121 0L9.294 7.293a.999.999 0 1 0 1.414 1.414l4.293-4.293v23.172l-4.293-4.293a.999.999 0 1 0-1.414 1.414l5.646 5.646c.292.293.676.438 1.061.438s.768-.146 1.061-.438l5.646-5.646a.999.999 0 1 0-1.414-1.414Z"
20442
+ />
20443
+ </svg>
20018
20444
  </span>
20019
20445
  </span>
20020
20446
  </button>
@@ -20042,7 +20468,7 @@ By default, table cell alignment is set to baseline. This retains vertical align
20042
20468
  <span class="pf-v6-c-button__icon">
20043
20469
  <svg
20044
20470
  class="pf-v6-svg"
20045
- viewBox="0 0 1024 1024"
20471
+ viewBox="0 0 32 32"
20046
20472
  fill="currentColor"
20047
20473
  aria-hidden="true"
20048
20474
  role="img"
@@ -20050,7 +20476,7 @@ By default, table cell alignment is set to baseline. This retains vertical align
20050
20476
  height="1em"
20051
20477
  >
20052
20478
  <path
20053
- d="M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C487.9,576 521.3,576 521.3,576 M575.3,751.3 L575.3,655.3 C575.313862,651.055109 573.620137,646.982962 570.6,644 C567.638831,640.947672 563.552355,639.247987 559.3,639.29884 L463.3,639.29884 C459.055109,639.286138 454.982962,640.979863 452,644 C448.947672,646.961169 447.247987,651.047645 447.29884,655.3 L447.29884,751.3 C447.286138,755.544891 448.979863,759.617038 452,762.6 C454.961169,765.652328 459.047645,767.352013 463.3,767.30116 L559.3,767.30116 C563.544891,767.313862 567.617038,765.620137 570.6,762.6 C573.659349,759.643612 575.360354,755.553963 575.3,751.3 M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0"
20479
+ 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"
20054
20480
  />
20055
20481
  </svg>
20056
20482
  </span>
@@ -20586,9 +21012,15 @@ Note that the table in the main content area uses the `pf-m-grid-lg` modifier an
20586
21012
  </nav>
20587
21013
  </div>
20588
21014
  </section>
20589
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
21015
+ <section
21016
+ class="pf-v6-c-page__main-section pf-m-limit-width"
21017
+ aria-labelledby="main-title"
21018
+ >
20590
21019
  <div class="pf-v6-c-page__main-body">
20591
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
21020
+ <h1
21021
+ class="pf-v6-c-content--h1 pf-m-page-title"
21022
+ id="main-title"
21023
+ >Main title</h1>
20592
21024
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
20593
21025
  </div>
20594
21026
  </section>