@patternfly/patternfly 6.0.0 → 6.1.0-prerelease.10

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 (86) hide show
  1. package/README.md +5 -5
  2. package/components/Button/button.css +18 -2
  3. package/components/Button/button.scss +19 -3
  4. package/components/CodeEditor/code-editor.css +15 -0
  5. package/components/CodeEditor/code-editor.scss +16 -1
  6. package/components/Content/content.css +9 -0
  7. package/components/Content/content.scss +7 -0
  8. package/components/DataList/data-list.css +6 -0
  9. package/components/DataList/data-list.scss +7 -0
  10. package/components/Label/label-group.css +12 -0
  11. package/components/Label/label-group.scss +14 -0
  12. package/components/Label/label.css +5 -0
  13. package/components/Label/label.scss +5 -0
  14. package/components/Menu/menu.css +7 -3
  15. package/components/Menu/menu.scss +5 -3
  16. package/components/MenuToggle/menu-toggle.css +27 -11
  17. package/components/MenuToggle/menu-toggle.scss +24 -17
  18. package/components/Page/page.css +9 -1
  19. package/components/Page/page.scss +9 -2
  20. package/components/Table/table-grid.css +12 -12
  21. package/components/Table/table-grid.scss +4 -4
  22. package/components/Table/table-tree-view.css +4 -4
  23. package/components/Table/table-tree-view.scss +4 -4
  24. package/components/Table/table.css +7 -4
  25. package/components/Table/table.scss +9 -5
  26. package/components/Title/title.css +4 -0
  27. package/components/Title/title.scss +7 -0
  28. package/components/Wizard/wizard.css +1 -1
  29. package/components/Wizard/wizard.scss +1 -1
  30. package/components/_index.css +136 -38
  31. package/docs/components/Button/examples/Button.md +1 -1
  32. package/docs/components/CodeEditor/examples/CodeEditor.css +3 -0
  33. package/docs/components/CodeEditor/examples/CodeEditor.md +158 -7
  34. package/docs/components/Content/examples/Content.md +8 -7
  35. package/docs/components/DataList/examples/DataList.md +15 -13
  36. package/docs/components/InlineEdit/examples/InlineEdit.md +3 -18
  37. package/docs/components/Label/examples/Label.css +12 -0
  38. package/docs/components/Label/examples/Label.md +162 -0
  39. package/docs/components/Menu/examples/Menu.md +24 -32
  40. package/docs/components/MenuToggle/examples/MenuToggle.md +1309 -533
  41. package/docs/components/Page/examples/Page.css +1 -1
  42. package/docs/components/Page/examples/Page.md +10 -7
  43. package/docs/components/Table/examples/Table.md +469 -2769
  44. package/docs/components/Tile/{examples → deprecated}/Tile.md +1 -0
  45. package/docs/components/Title/examples/Title.md +10 -0
  46. package/docs/demos/AboutModal/examples/AboutModal.md +2 -4
  47. package/docs/demos/Alert/examples/Alert.md +6 -12
  48. package/docs/demos/BackToTop/examples/BackToTop.md +2 -4
  49. package/docs/demos/Banner/examples/Banner.md +4 -8
  50. package/docs/demos/Card/examples/Card.css +4 -0
  51. package/docs/demos/Card/examples/Card.md +13 -21
  52. package/docs/demos/CardView/examples/CardView.md +2 -4
  53. package/docs/demos/Dashboard/examples/Dashboard.md +2 -4
  54. package/docs/demos/DataList/examples/DataList.md +13 -46
  55. package/docs/demos/DescriptionList/examples/DescriptionList.md +11 -42
  56. package/docs/demos/Drawer/examples/Drawer.md +6 -12
  57. package/docs/demos/JumpLinks/examples/JumpLinks.md +8 -16
  58. package/docs/demos/Masthead/examples/Masthead.md +18 -36
  59. package/docs/demos/Modal/examples/Modal.md +12 -24
  60. package/docs/demos/Nav/examples/Nav.md +12 -24
  61. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +10 -20
  62. package/docs/demos/Page/examples/Page.md +24 -48
  63. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +14 -28
  64. package/docs/demos/Skeleton/examples/Skeleton.md +2 -4
  65. package/docs/demos/Table/examples/Table.md +191 -984
  66. package/docs/demos/Tabs/examples/Tabs.md +18 -60
  67. package/docs/demos/Toolbar/examples/Toolbar.md +16 -80
  68. package/docs/demos/Wizard/examples/Wizard.md +18 -36
  69. package/docs/layouts/Level/examples/Level.css +1 -2
  70. package/docs/layouts/Level/examples/Level.md +15 -3
  71. package/docs/layouts/Split/examples/Split.css +1 -2
  72. package/docs/layouts/Split/examples/Split.md +4 -4
  73. package/docs/layouts/Stack/examples/Stack.css +1 -2
  74. package/docs/layouts/Stack/examples/Stack.md +4 -4
  75. package/layouts/Split/split.css +1 -2
  76. package/layouts/Split/split.scss +4 -3
  77. package/layouts/Stack/stack.css +1 -2
  78. package/layouts/Stack/stack.scss +4 -3
  79. package/layouts/_index.css +2 -4
  80. package/package.json +6 -6
  81. package/patternfly-no-globals.css +138 -42
  82. package/patternfly.css +138 -42
  83. package/patternfly.min.css +1 -1
  84. package/patternfly.min.css.map +1 -1
  85. package/sass-utilities/functions.scss +6 -0
  86. /package/docs/components/Tile/{examples → deprecated}/Tile.css +0 -0
@@ -248,10 +248,8 @@ wrapperTag: div
248
248
  </section>
249
249
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
250
250
  <div class="pf-v6-c-page__main-body">
251
- <div class="pf-v6-c-content">
252
- <h1>Main title</h1>
253
- <p>This is a full page demo.</p>
254
- </div>
251
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
252
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
255
253
  </div>
256
254
  </section>
257
255
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
@@ -478,12 +476,7 @@ wrapperTag: div
478
476
  id="basic-demo-table"
479
477
  >
480
478
  <thead class="pf-v6-c-table__thead">
481
- <tr
482
- class="pf-v6-c-table__tr"
483
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
484
- [object
485
- Object]
486
- >
479
+ <tr class="pf-v6-c-table__tr" role="row">
487
480
  <th
488
481
  class="pf-v6-c-table__th pf-v6-c-table__cell-empty"
489
482
  role="columnheader"
@@ -541,12 +534,7 @@ wrapperTag: div
541
534
  </thead>
542
535
 
543
536
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
544
- <tr
545
- class="pf-v6-c-table__tr"
546
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
547
- [object
548
- Object]
549
- >
537
+ <tr class="pf-v6-c-table__tr" role="row">
550
538
  <td
551
539
  class="pf-v6-c-table__td pf-v6-c-table__check"
552
540
  aria-label="Check row"
@@ -622,12 +610,7 @@ wrapperTag: div
622
610
  </td>
623
611
  </tr>
624
612
 
625
- <tr
626
- class="pf-v6-c-table__tr"
627
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
628
- [object
629
- Object]
630
- >
613
+ <tr class="pf-v6-c-table__tr" role="row">
631
614
  <td
632
615
  class="pf-v6-c-table__td pf-v6-c-table__check"
633
616
  aria-label="Check row"
@@ -703,12 +686,7 @@ wrapperTag: div
703
686
  </td>
704
687
  </tr>
705
688
 
706
- <tr
707
- class="pf-v6-c-table__tr"
708
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
709
- [object
710
- Object]
711
- >
689
+ <tr class="pf-v6-c-table__tr" role="row">
712
690
  <td
713
691
  class="pf-v6-c-table__td pf-v6-c-table__check"
714
692
  aria-label="Check row"
@@ -784,12 +762,7 @@ wrapperTag: div
784
762
  </td>
785
763
  </tr>
786
764
 
787
- <tr
788
- class="pf-v6-c-table__tr"
789
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
790
- [object
791
- Object]
792
- >
765
+ <tr class="pf-v6-c-table__tr" role="row">
793
766
  <td
794
767
  class="pf-v6-c-table__td pf-v6-c-table__check"
795
768
  aria-label="Check row"
@@ -865,12 +838,7 @@ wrapperTag: div
865
838
  </td>
866
839
  </tr>
867
840
 
868
- <tr
869
- class="pf-v6-c-table__tr"
870
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
871
- [object
872
- Object]
873
- >
841
+ <tr class="pf-v6-c-table__tr" role="row">
874
842
  <td
875
843
  class="pf-v6-c-table__td pf-v6-c-table__check"
876
844
  aria-label="Check row"
@@ -1289,10 +1257,8 @@ wrapperTag: div
1289
1257
  </section>
1290
1258
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
1291
1259
  <div class="pf-v6-c-page__main-body">
1292
- <div class="pf-v6-c-content">
1293
- <h1>Main title</h1>
1294
- <p>This is a full page demo.</p>
1295
- </div>
1260
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
1261
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
1296
1262
  </div>
1297
1263
  </section>
1298
1264
  <section class="pf-v6-c-page__main-section">
@@ -1565,12 +1531,7 @@ wrapperTag: div
1565
1531
  id="sortable-demo-table"
1566
1532
  >
1567
1533
  <thead class="pf-v6-c-table__thead">
1568
- <tr
1569
- class="pf-v6-c-table__tr"
1570
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
1571
- [object
1572
- Object]
1573
- >
1534
+ <tr class="pf-v6-c-table__tr" role="row">
1574
1535
  <th
1575
1536
  class="pf-v6-c-table__th pf-v6-c-table__cell-empty"
1576
1537
  role="columnheader"
@@ -1678,12 +1639,7 @@ wrapperTag: div
1678
1639
  </thead>
1679
1640
 
1680
1641
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
1681
- <tr
1682
- class="pf-v6-c-table__tr"
1683
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
1684
- [object
1685
- Object]
1686
- >
1642
+ <tr class="pf-v6-c-table__tr" role="row">
1687
1643
  <td
1688
1644
  class="pf-v6-c-table__td pf-v6-c-table__check"
1689
1645
  aria-label="Check row"
@@ -1759,12 +1715,7 @@ wrapperTag: div
1759
1715
  </td>
1760
1716
  </tr>
1761
1717
 
1762
- <tr
1763
- class="pf-v6-c-table__tr"
1764
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
1765
- [object
1766
- Object]
1767
- >
1718
+ <tr class="pf-v6-c-table__tr" role="row">
1768
1719
  <td
1769
1720
  class="pf-v6-c-table__td pf-v6-c-table__check"
1770
1721
  aria-label="Check row"
@@ -1840,12 +1791,7 @@ wrapperTag: div
1840
1791
  </td>
1841
1792
  </tr>
1842
1793
 
1843
- <tr
1844
- class="pf-v6-c-table__tr"
1845
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
1846
- [object
1847
- Object]
1848
- >
1794
+ <tr class="pf-v6-c-table__tr" role="row">
1849
1795
  <td
1850
1796
  class="pf-v6-c-table__td pf-v6-c-table__check"
1851
1797
  aria-label="Check row"
@@ -1921,12 +1867,7 @@ wrapperTag: div
1921
1867
  </td>
1922
1868
  </tr>
1923
1869
 
1924
- <tr
1925
- class="pf-v6-c-table__tr"
1926
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
1927
- [object
1928
- Object]
1929
- >
1870
+ <tr class="pf-v6-c-table__tr" role="row">
1930
1871
  <td
1931
1872
  class="pf-v6-c-table__td pf-v6-c-table__check"
1932
1873
  aria-label="Check row"
@@ -2002,12 +1943,7 @@ wrapperTag: div
2002
1943
  </td>
2003
1944
  </tr>
2004
1945
 
2005
- <tr
2006
- class="pf-v6-c-table__tr"
2007
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
2008
- [object
2009
- Object]
2010
- >
1946
+ <tr class="pf-v6-c-table__tr" role="row">
2011
1947
  <td
2012
1948
  class="pf-v6-c-table__td pf-v6-c-table__check"
2013
1949
  aria-label="Check row"
@@ -2426,10 +2362,8 @@ wrapperTag: div
2426
2362
  </section>
2427
2363
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
2428
2364
  <div class="pf-v6-c-page__main-body">
2429
- <div class="pf-v6-c-content">
2430
- <h1>Main title</h1>
2431
- <p>This is a full page demo.</p>
2432
- </div>
2365
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
2366
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
2433
2367
  </div>
2434
2368
  </section>
2435
2369
  <section class="pf-v6-c-page__main-section">
@@ -2664,12 +2598,7 @@ wrapperTag: div
2664
2598
  id="expandable-demo-table"
2665
2599
  >
2666
2600
  <thead class="pf-v6-c-table__thead">
2667
- <tr
2668
- class="pf-v6-c-table__tr"
2669
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
2670
- [object
2671
- Object]
2672
- >
2601
+ <tr class="pf-v6-c-table__tr" role="row">
2673
2602
  <th
2674
2603
  class="pf-v6-c-table__th pf-v6-c-table__toggle"
2675
2604
  aria-label="Row expansion"
@@ -2749,12 +2678,7 @@ wrapperTag: div
2749
2678
  </thead>
2750
2679
 
2751
2680
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
2752
- <tr
2753
- class="pf-v6-c-table__tr"
2754
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
2755
- [object
2756
- Object]
2757
- >
2681
+ <tr class="pf-v6-c-table__tr" role="row">
2758
2682
  <td
2759
2683
  class="pf-v6-c-table__td pf-v6-c-table__toggle"
2760
2684
  aria-label="Row expansion"
@@ -2852,9 +2776,7 @@ wrapperTag: div
2852
2776
 
2853
2777
  <tr
2854
2778
  class="pf-v6-c-table__tr pf-v6-c-table__expandable-row"
2855
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
2856
- [object
2857
- Object]
2779
+ role="row"
2858
2780
  >
2859
2781
  <td class="pf-v6-c-table__td pf-v6-c-table__cell-empty">
2860
2782
  <span class="pf-v6-screen-reader">Actions</span>
@@ -2887,12 +2809,7 @@ wrapperTag: div
2887
2809
  </tbody>
2888
2810
 
2889
2811
  <tbody class="pf-v6-c-table__tbody pf-m-expanded" role="rowgroup">
2890
- <tr
2891
- class="pf-v6-c-table__tr pf-m-expanded"
2892
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
2893
- [object
2894
- Object]
2895
- >
2812
+ <tr class="pf-v6-c-table__tr pf-m-expanded" role="row">
2896
2813
  <td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
2897
2814
  <button
2898
2815
  class="pf-v6-c-button pf-m-expanded pf-m-plain"
@@ -2977,9 +2894,7 @@ wrapperTag: div
2977
2894
 
2978
2895
  <tr
2979
2896
  class="pf-v6-c-table__tr pf-v6-c-table__expandable-row pf-m-expanded"
2980
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
2981
- [object
2982
- Object]
2897
+ role="row"
2983
2898
  >
2984
2899
  <td class="pf-v6-c-table__td pf-v6-c-table__cell-empty">
2985
2900
  <span class="pf-v6-screen-reader">Actions</span>
@@ -3028,12 +2943,7 @@ wrapperTag: div
3028
2943
  </tbody>
3029
2944
 
3030
2945
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
3031
- <tr
3032
- class="pf-v6-c-table__tr"
3033
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
3034
- [object
3035
- Object]
3036
- >
2946
+ <tr class="pf-v6-c-table__tr" role="row">
3037
2947
  <td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
3038
2948
  <button
3039
2949
  class="pf-v6-c-button pf-m-plain"
@@ -3119,9 +3029,7 @@ wrapperTag: div
3119
3029
 
3120
3030
  <tr
3121
3031
  class="pf-v6-c-table__tr pf-v6-c-table__expandable-row"
3122
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
3123
- [object
3124
- Object]
3032
+ role="row"
3125
3033
  >
3126
3034
  <td
3127
3035
  class="pf-v6-c-table__td"
@@ -3142,12 +3050,7 @@ wrapperTag: div
3142
3050
  </tbody>
3143
3051
 
3144
3052
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
3145
- <tr
3146
- class="pf-v6-c-table__tr"
3147
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
3148
- [object
3149
- Object]
3150
- >
3053
+ <tr class="pf-v6-c-table__tr" role="row">
3151
3054
  <td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
3152
3055
  <button
3153
3056
  class="pf-v6-c-button pf-m-plain"
@@ -3233,9 +3136,7 @@ wrapperTag: div
3233
3136
 
3234
3137
  <tr
3235
3138
  class="pf-v6-c-table__tr pf-v6-c-table__expandable-row"
3236
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
3237
- [object
3238
- Object]
3139
+ role="row"
3239
3140
  >
3240
3141
  <td
3241
3142
  class="pf-v6-c-table__td"
@@ -3256,12 +3157,7 @@ wrapperTag: div
3256
3157
  </tbody>
3257
3158
 
3258
3159
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
3259
- <tr
3260
- class="pf-v6-c-table__tr"
3261
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
3262
- [object
3263
- Object]
3264
- >
3160
+ <tr class="pf-v6-c-table__tr" role="row">
3265
3161
  <td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
3266
3162
  <button
3267
3163
  class="pf-v6-c-button pf-m-plain"
@@ -3354,9 +3250,7 @@ wrapperTag: div
3354
3250
 
3355
3251
  <tr
3356
3252
  class="pf-v6-c-table__tr pf-v6-c-table__expandable-row"
3357
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
3358
- [object
3359
- Object]
3253
+ role="row"
3360
3254
  >
3361
3255
  <td
3362
3256
  class="pf-v6-c-table__td"
@@ -3719,10 +3613,8 @@ wrapperTag: div
3719
3613
  </section>
3720
3614
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
3721
3615
  <div class="pf-v6-c-page__main-body">
3722
- <div class="pf-v6-c-content">
3723
- <h1>Main title</h1>
3724
- <p>This is a full page demo.</p>
3725
- </div>
3616
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
3617
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
3726
3618
  </div>
3727
3619
  </section>
3728
3620
  <section class="pf-v6-c-page__main-section">
@@ -3957,12 +3849,7 @@ wrapperTag: div
3957
3849
  id="compact-demo-table"
3958
3850
  >
3959
3851
  <thead class="pf-v6-c-table__thead">
3960
- <tr
3961
- class="pf-v6-c-table__tr"
3962
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
3963
- [object
3964
- Object]
3965
- >
3852
+ <tr class="pf-v6-c-table__tr" role="row">
3966
3853
  <th
3967
3854
  class="pf-v6-c-table__th pf-v6-c-table__cell-empty"
3968
3855
  role="columnheader"
@@ -4026,12 +3913,7 @@ wrapperTag: div
4026
3913
  </thead>
4027
3914
 
4028
3915
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
4029
- <tr
4030
- class="pf-v6-c-table__tr"
4031
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
4032
- [object
4033
- Object]
4034
- >
3916
+ <tr class="pf-v6-c-table__tr" role="row">
4035
3917
  <td
4036
3918
  class="pf-v6-c-table__td pf-v6-c-table__check"
4037
3919
  aria-label="Check row"
@@ -4103,12 +3985,7 @@ wrapperTag: div
4103
3985
  </td>
4104
3986
  </tr>
4105
3987
 
4106
- <tr
4107
- class="pf-v6-c-table__tr"
4108
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
4109
- [object
4110
- Object]
4111
- >
3988
+ <tr class="pf-v6-c-table__tr" role="row">
4112
3989
  <td
4113
3990
  class="pf-v6-c-table__td pf-v6-c-table__check"
4114
3991
  aria-label="Check row"
@@ -4180,12 +4057,7 @@ wrapperTag: div
4180
4057
  </td>
4181
4058
  </tr>
4182
4059
 
4183
- <tr
4184
- class="pf-v6-c-table__tr"
4185
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
4186
- [object
4187
- Object]
4188
- >
4060
+ <tr class="pf-v6-c-table__tr" role="row">
4189
4061
  <td
4190
4062
  class="pf-v6-c-table__td pf-v6-c-table__check"
4191
4063
  aria-label="Check row"
@@ -4257,12 +4129,7 @@ wrapperTag: div
4257
4129
  </td>
4258
4130
  </tr>
4259
4131
 
4260
- <tr
4261
- class="pf-v6-c-table__tr"
4262
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
4263
- [object
4264
- Object]
4265
- >
4132
+ <tr class="pf-v6-c-table__tr" role="row">
4266
4133
  <td
4267
4134
  class="pf-v6-c-table__td pf-v6-c-table__check"
4268
4135
  aria-label="Check row"
@@ -4681,10 +4548,8 @@ wrapperTag: div
4681
4548
  </section>
4682
4549
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
4683
4550
  <div class="pf-v6-c-page__main-body">
4684
- <div class="pf-v6-c-content">
4685
- <h1>Main title</h1>
4686
- <p>This is a full page demo.</p>
4687
- </div>
4551
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
4552
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
4688
4553
  </div>
4689
4554
  </section>
4690
4555
  <section class="pf-v6-c-page__main-section">
@@ -4919,12 +4784,7 @@ wrapperTag: div
4919
4784
  id="compound-expansion-demo-table"
4920
4785
  >
4921
4786
  <thead class="pf-v6-c-table__thead">
4922
- <tr
4923
- class="pf-v6-c-table__tr"
4924
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
4925
- [object
4926
- Object]
4927
- >
4787
+ <tr class="pf-v6-c-table__tr" role="row">
4928
4788
  <th
4929
4789
  class="pf-v6-c-table__th pf-m-width-30 pf-v6-c-table__sort pf-m-selected"
4930
4790
  role="columnheader"
@@ -5004,12 +4864,7 @@ wrapperTag: div
5004
4864
  </thead>
5005
4865
 
5006
4866
  <tbody class="pf-v6-c-table__tbody pf-m-expanded" role="rowgroup">
5007
- <tr
5008
- class="pf-v6-c-table__tr"
5009
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
5010
- [object
5011
- Object]
5012
- >
4867
+ <tr class="pf-v6-c-table__tr" role="row">
5013
4868
  <th
5014
4869
  class="pf-v6-c-table__th"
5015
4870
  role="columnheader"
@@ -5087,9 +4942,7 @@ wrapperTag: div
5087
4942
 
5088
4943
  <tr
5089
4944
  class="pf-v6-c-table__tr pf-v6-c-table__expandable-row pf-m-expanded"
5090
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
5091
- [object
5092
- Object]
4945
+ role="row"
5093
4946
  >
5094
4947
  <td
5095
4948
  class="pf-v6-c-table__td pf-m-no-padding"
@@ -5103,12 +4956,7 @@ wrapperTag: div
5103
4956
  aria-label="Nested table"
5104
4957
  >
5105
4958
  <thead class="pf-v6-c-table__thead">
5106
- <tr
5107
- class="pf-v6-c-table__tr"
5108
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
5109
- [object
5110
- Object]
5111
- >
4959
+ <tr class="pf-v6-c-table__tr" role="row">
5112
4960
  <th
5113
4961
  class="pf-v6-c-table__th pf-v6-c-table__sort"
5114
4962
  role="columnheader"
@@ -5148,12 +4996,7 @@ wrapperTag: div
5148
4996
  </thead>
5149
4997
 
5150
4998
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
5151
- <tr
5152
- class="pf-v6-c-table__tr"
5153
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
5154
- [object
5155
- Object]
5156
- >
4999
+ <tr class="pf-v6-c-table__tr" role="row">
5157
5000
  <th
5158
5001
  class="pf-v6-c-table__th"
5159
5002
  role="columnheader"
@@ -5185,12 +5028,7 @@ wrapperTag: div
5185
5028
  </button>
5186
5029
  </td>
5187
5030
  </tr>
5188
- <tr
5189
- class="pf-v6-c-table__tr"
5190
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
5191
- [object
5192
- Object]
5193
- >
5031
+ <tr class="pf-v6-c-table__tr" role="row">
5194
5032
  <th
5195
5033
  class="pf-v6-c-table__th"
5196
5034
  role="columnheader"
@@ -5222,12 +5060,7 @@ wrapperTag: div
5222
5060
  </button>
5223
5061
  </td>
5224
5062
  </tr>
5225
- <tr
5226
- class="pf-v6-c-table__tr"
5227
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
5228
- [object
5229
- Object]
5230
- >
5063
+ <tr class="pf-v6-c-table__tr" role="row">
5231
5064
  <th
5232
5065
  class="pf-v6-c-table__th"
5233
5066
  role="columnheader"
@@ -5259,12 +5092,7 @@ wrapperTag: div
5259
5092
  </button>
5260
5093
  </td>
5261
5094
  </tr>
5262
- <tr
5263
- class="pf-v6-c-table__tr"
5264
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
5265
- [object
5266
- Object]
5267
- >
5095
+ <tr class="pf-v6-c-table__tr" role="row">
5268
5096
  <th
5269
5097
  class="pf-v6-c-table__th"
5270
5098
  role="columnheader"
@@ -5296,12 +5124,7 @@ wrapperTag: div
5296
5124
  </button>
5297
5125
  </td>
5298
5126
  </tr>
5299
- <tr
5300
- class="pf-v6-c-table__tr"
5301
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
5302
- [object
5303
- Object]
5304
- >
5127
+ <tr class="pf-v6-c-table__tr" role="row">
5305
5128
  <th
5306
5129
  class="pf-v6-c-table__th"
5307
5130
  role="columnheader"
@@ -5340,9 +5163,7 @@ wrapperTag: div
5340
5163
 
5341
5164
  <tr
5342
5165
  class="pf-v6-c-table__tr pf-v6-c-table__expandable-row"
5343
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
5344
- [object
5345
- Object]
5166
+ role="row"
5346
5167
  >
5347
5168
  <td
5348
5169
  class="pf-v6-c-table__td pf-m-no-padding"
@@ -5356,12 +5177,7 @@ wrapperTag: div
5356
5177
  aria-label="Nested table"
5357
5178
  >
5358
5179
  <thead class="pf-v6-c-table__thead">
5359
- <tr
5360
- class="pf-v6-c-table__tr"
5361
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
5362
- [object
5363
- Object]
5364
- >
5180
+ <tr class="pf-v6-c-table__tr" role="row">
5365
5181
  <th
5366
5182
  class="pf-v6-c-table__th pf-v6-c-table__sort"
5367
5183
  role="columnheader"
@@ -5401,12 +5217,7 @@ wrapperTag: div
5401
5217
  </thead>
5402
5218
 
5403
5219
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
5404
- <tr
5405
- class="pf-v6-c-table__tr"
5406
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
5407
- [object
5408
- Object]
5409
- >
5220
+ <tr class="pf-v6-c-table__tr" role="row">
5410
5221
  <th
5411
5222
  class="pf-v6-c-table__th"
5412
5223
  role="columnheader"
@@ -5438,12 +5249,7 @@ wrapperTag: div
5438
5249
  </button>
5439
5250
  </td>
5440
5251
  </tr>
5441
- <tr
5442
- class="pf-v6-c-table__tr"
5443
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
5444
- [object
5445
- Object]
5446
- >
5252
+ <tr class="pf-v6-c-table__tr" role="row">
5447
5253
  <th
5448
5254
  class="pf-v6-c-table__th"
5449
5255
  role="columnheader"
@@ -5475,12 +5281,7 @@ wrapperTag: div
5475
5281
  </button>
5476
5282
  </td>
5477
5283
  </tr>
5478
- <tr
5479
- class="pf-v6-c-table__tr"
5480
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
5481
- [object
5482
- Object]
5483
- >
5284
+ <tr class="pf-v6-c-table__tr" role="row">
5484
5285
  <th
5485
5286
  class="pf-v6-c-table__th"
5486
5287
  role="columnheader"
@@ -5512,12 +5313,7 @@ wrapperTag: div
5512
5313
  </button>
5513
5314
  </td>
5514
5315
  </tr>
5515
- <tr
5516
- class="pf-v6-c-table__tr"
5517
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
5518
- [object
5519
- Object]
5520
- >
5316
+ <tr class="pf-v6-c-table__tr" role="row">
5521
5317
  <th
5522
5318
  class="pf-v6-c-table__th"
5523
5319
  role="columnheader"
@@ -5549,12 +5345,7 @@ wrapperTag: div
5549
5345
  </button>
5550
5346
  </td>
5551
5347
  </tr>
5552
- <tr
5553
- class="pf-v6-c-table__tr"
5554
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
5555
- [object
5556
- Object]
5557
- >
5348
+ <tr class="pf-v6-c-table__tr" role="row">
5558
5349
  <th
5559
5350
  class="pf-v6-c-table__th"
5560
5351
  role="columnheader"
@@ -5593,9 +5384,7 @@ wrapperTag: div
5593
5384
 
5594
5385
  <tr
5595
5386
  class="pf-v6-c-table__tr pf-v6-c-table__expandable-row"
5596
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
5597
- [object
5598
- Object]
5387
+ role="row"
5599
5388
  >
5600
5389
  <td
5601
5390
  class="pf-v6-c-table__td pf-m-no-padding"
@@ -5609,12 +5398,7 @@ wrapperTag: div
5609
5398
  aria-label="Nested table"
5610
5399
  >
5611
5400
  <thead class="pf-v6-c-table__thead">
5612
- <tr
5613
- class="pf-v6-c-table__tr"
5614
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
5615
- [object
5616
- Object]
5617
- >
5401
+ <tr class="pf-v6-c-table__tr" role="row">
5618
5402
  <th
5619
5403
  class="pf-v6-c-table__th pf-v6-c-table__sort"
5620
5404
  role="columnheader"
@@ -5654,12 +5438,7 @@ wrapperTag: div
5654
5438
  </thead>
5655
5439
 
5656
5440
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
5657
- <tr
5658
- class="pf-v6-c-table__tr"
5659
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
5660
- [object
5661
- Object]
5662
- >
5441
+ <tr class="pf-v6-c-table__tr" role="row">
5663
5442
  <th
5664
5443
  class="pf-v6-c-table__th"
5665
5444
  role="columnheader"
@@ -5691,12 +5470,7 @@ wrapperTag: div
5691
5470
  </button>
5692
5471
  </td>
5693
5472
  </tr>
5694
- <tr
5695
- class="pf-v6-c-table__tr"
5696
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
5697
- [object
5698
- Object]
5699
- >
5473
+ <tr class="pf-v6-c-table__tr" role="row">
5700
5474
  <th
5701
5475
  class="pf-v6-c-table__th"
5702
5476
  role="columnheader"
@@ -5728,12 +5502,7 @@ wrapperTag: div
5728
5502
  </button>
5729
5503
  </td>
5730
5504
  </tr>
5731
- <tr
5732
- class="pf-v6-c-table__tr"
5733
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
5734
- [object
5735
- Object]
5736
- >
5505
+ <tr class="pf-v6-c-table__tr" role="row">
5737
5506
  <th
5738
5507
  class="pf-v6-c-table__th"
5739
5508
  role="columnheader"
@@ -5765,12 +5534,7 @@ wrapperTag: div
5765
5534
  </button>
5766
5535
  </td>
5767
5536
  </tr>
5768
- <tr
5769
- class="pf-v6-c-table__tr"
5770
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
5771
- [object
5772
- Object]
5773
- >
5537
+ <tr class="pf-v6-c-table__tr" role="row">
5774
5538
  <th
5775
5539
  class="pf-v6-c-table__th"
5776
5540
  role="columnheader"
@@ -5802,12 +5566,7 @@ wrapperTag: div
5802
5566
  </button>
5803
5567
  </td>
5804
5568
  </tr>
5805
- <tr
5806
- class="pf-v6-c-table__tr"
5807
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
5808
- [object
5809
- Object]
5810
- >
5569
+ <tr class="pf-v6-c-table__tr" role="row">
5811
5570
  <th
5812
5571
  class="pf-v6-c-table__th"
5813
5572
  role="columnheader"
@@ -5846,12 +5605,7 @@ wrapperTag: div
5846
5605
  </tbody>
5847
5606
 
5848
5607
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
5849
- <tr
5850
- class="pf-v6-c-table__tr"
5851
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
5852
- [object
5853
- Object]
5854
- >
5608
+ <tr class="pf-v6-c-table__tr" role="row">
5855
5609
  <th
5856
5610
  class="pf-v6-c-table__th"
5857
5611
  role="columnheader"
@@ -5929,9 +5683,7 @@ wrapperTag: div
5929
5683
 
5930
5684
  <tr
5931
5685
  class="pf-v6-c-table__tr pf-v6-c-table__expandable-row"
5932
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
5933
- [object
5934
- Object]
5686
+ role="row"
5935
5687
  >
5936
5688
  <td
5937
5689
  class="pf-v6-c-table__td pf-m-no-padding"
@@ -5945,12 +5697,7 @@ wrapperTag: div
5945
5697
  aria-label="Nested table"
5946
5698
  >
5947
5699
  <thead class="pf-v6-c-table__thead">
5948
- <tr
5949
- class="pf-v6-c-table__tr"
5950
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
5951
- [object
5952
- Object]
5953
- >
5700
+ <tr class="pf-v6-c-table__tr" role="row">
5954
5701
  <th
5955
5702
  class="pf-v6-c-table__th pf-v6-c-table__sort"
5956
5703
  role="columnheader"
@@ -5990,12 +5737,7 @@ wrapperTag: div
5990
5737
  </thead>
5991
5738
 
5992
5739
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
5993
- <tr
5994
- class="pf-v6-c-table__tr"
5995
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
5996
- [object
5997
- Object]
5998
- >
5740
+ <tr class="pf-v6-c-table__tr" role="row">
5999
5741
  <th
6000
5742
  class="pf-v6-c-table__th"
6001
5743
  role="columnheader"
@@ -6027,12 +5769,7 @@ wrapperTag: div
6027
5769
  </button>
6028
5770
  </td>
6029
5771
  </tr>
6030
- <tr
6031
- class="pf-v6-c-table__tr"
6032
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
6033
- [object
6034
- Object]
6035
- >
5772
+ <tr class="pf-v6-c-table__tr" role="row">
6036
5773
  <th
6037
5774
  class="pf-v6-c-table__th"
6038
5775
  role="columnheader"
@@ -6064,12 +5801,7 @@ wrapperTag: div
6064
5801
  </button>
6065
5802
  </td>
6066
5803
  </tr>
6067
- <tr
6068
- class="pf-v6-c-table__tr"
6069
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
6070
- [object
6071
- Object]
6072
- >
5804
+ <tr class="pf-v6-c-table__tr" role="row">
6073
5805
  <th
6074
5806
  class="pf-v6-c-table__th"
6075
5807
  role="columnheader"
@@ -6101,12 +5833,7 @@ wrapperTag: div
6101
5833
  </button>
6102
5834
  </td>
6103
5835
  </tr>
6104
- <tr
6105
- class="pf-v6-c-table__tr"
6106
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
6107
- [object
6108
- Object]
6109
- >
5836
+ <tr class="pf-v6-c-table__tr" role="row">
6110
5837
  <th
6111
5838
  class="pf-v6-c-table__th"
6112
5839
  role="columnheader"
@@ -6138,12 +5865,7 @@ wrapperTag: div
6138
5865
  </button>
6139
5866
  </td>
6140
5867
  </tr>
6141
- <tr
6142
- class="pf-v6-c-table__tr"
6143
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
6144
- [object
6145
- Object]
6146
- >
5868
+ <tr class="pf-v6-c-table__tr" role="row">
6147
5869
  <th
6148
5870
  class="pf-v6-c-table__th"
6149
5871
  role="columnheader"
@@ -6182,9 +5904,7 @@ wrapperTag: div
6182
5904
 
6183
5905
  <tr
6184
5906
  class="pf-v6-c-table__tr pf-v6-c-table__expandable-row"
6185
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
6186
- [object
6187
- Object]
5907
+ role="row"
6188
5908
  >
6189
5909
  <td
6190
5910
  class="pf-v6-c-table__td pf-m-no-padding"
@@ -6198,12 +5918,7 @@ wrapperTag: div
6198
5918
  aria-label="Nested table"
6199
5919
  >
6200
5920
  <thead class="pf-v6-c-table__thead">
6201
- <tr
6202
- class="pf-v6-c-table__tr"
6203
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
6204
- [object
6205
- Object]
6206
- >
5921
+ <tr class="pf-v6-c-table__tr" role="row">
6207
5922
  <th
6208
5923
  class="pf-v6-c-table__th pf-v6-c-table__sort"
6209
5924
  role="columnheader"
@@ -6243,12 +5958,7 @@ wrapperTag: div
6243
5958
  </thead>
6244
5959
 
6245
5960
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
6246
- <tr
6247
- class="pf-v6-c-table__tr"
6248
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
6249
- [object
6250
- Object]
6251
- >
5961
+ <tr class="pf-v6-c-table__tr" role="row">
6252
5962
  <th
6253
5963
  class="pf-v6-c-table__th"
6254
5964
  role="columnheader"
@@ -6280,12 +5990,7 @@ wrapperTag: div
6280
5990
  </button>
6281
5991
  </td>
6282
5992
  </tr>
6283
- <tr
6284
- class="pf-v6-c-table__tr"
6285
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
6286
- [object
6287
- Object]
6288
- >
5993
+ <tr class="pf-v6-c-table__tr" role="row">
6289
5994
  <th
6290
5995
  class="pf-v6-c-table__th"
6291
5996
  role="columnheader"
@@ -6317,12 +6022,7 @@ wrapperTag: div
6317
6022
  </button>
6318
6023
  </td>
6319
6024
  </tr>
6320
- <tr
6321
- class="pf-v6-c-table__tr"
6322
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
6323
- [object
6324
- Object]
6325
- >
6025
+ <tr class="pf-v6-c-table__tr" role="row">
6326
6026
  <th
6327
6027
  class="pf-v6-c-table__th"
6328
6028
  role="columnheader"
@@ -6354,12 +6054,7 @@ wrapperTag: div
6354
6054
  </button>
6355
6055
  </td>
6356
6056
  </tr>
6357
- <tr
6358
- class="pf-v6-c-table__tr"
6359
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
6360
- [object
6361
- Object]
6362
- >
6057
+ <tr class="pf-v6-c-table__tr" role="row">
6363
6058
  <th
6364
6059
  class="pf-v6-c-table__th"
6365
6060
  role="columnheader"
@@ -6391,12 +6086,7 @@ wrapperTag: div
6391
6086
  </button>
6392
6087
  </td>
6393
6088
  </tr>
6394
- <tr
6395
- class="pf-v6-c-table__tr"
6396
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
6397
- [object
6398
- Object]
6399
- >
6089
+ <tr class="pf-v6-c-table__tr" role="row">
6400
6090
  <th
6401
6091
  class="pf-v6-c-table__th"
6402
6092
  role="columnheader"
@@ -6435,9 +6125,7 @@ wrapperTag: div
6435
6125
 
6436
6126
  <tr
6437
6127
  class="pf-v6-c-table__tr pf-v6-c-table__expandable-row"
6438
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
6439
- [object
6440
- Object]
6128
+ role="row"
6441
6129
  >
6442
6130
  <td
6443
6131
  class="pf-v6-c-table__td pf-m-no-padding"
@@ -6451,12 +6139,7 @@ wrapperTag: div
6451
6139
  aria-label="Nested table"
6452
6140
  >
6453
6141
  <thead class="pf-v6-c-table__thead">
6454
- <tr
6455
- class="pf-v6-c-table__tr"
6456
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
6457
- [object
6458
- Object]
6459
- >
6142
+ <tr class="pf-v6-c-table__tr" role="row">
6460
6143
  <th
6461
6144
  class="pf-v6-c-table__th pf-v6-c-table__sort"
6462
6145
  role="columnheader"
@@ -6496,12 +6179,7 @@ wrapperTag: div
6496
6179
  </thead>
6497
6180
 
6498
6181
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
6499
- <tr
6500
- class="pf-v6-c-table__tr"
6501
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
6502
- [object
6503
- Object]
6504
- >
6182
+ <tr class="pf-v6-c-table__tr" role="row">
6505
6183
  <th
6506
6184
  class="pf-v6-c-table__th"
6507
6185
  role="columnheader"
@@ -6533,12 +6211,7 @@ wrapperTag: div
6533
6211
  </button>
6534
6212
  </td>
6535
6213
  </tr>
6536
- <tr
6537
- class="pf-v6-c-table__tr"
6538
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
6539
- [object
6540
- Object]
6541
- >
6214
+ <tr class="pf-v6-c-table__tr" role="row">
6542
6215
  <th
6543
6216
  class="pf-v6-c-table__th"
6544
6217
  role="columnheader"
@@ -6570,12 +6243,7 @@ wrapperTag: div
6570
6243
  </button>
6571
6244
  </td>
6572
6245
  </tr>
6573
- <tr
6574
- class="pf-v6-c-table__tr"
6575
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
6576
- [object
6577
- Object]
6578
- >
6246
+ <tr class="pf-v6-c-table__tr" role="row">
6579
6247
  <th
6580
6248
  class="pf-v6-c-table__th"
6581
6249
  role="columnheader"
@@ -6607,12 +6275,7 @@ wrapperTag: div
6607
6275
  </button>
6608
6276
  </td>
6609
6277
  </tr>
6610
- <tr
6611
- class="pf-v6-c-table__tr"
6612
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
6613
- [object
6614
- Object]
6615
- >
6278
+ <tr class="pf-v6-c-table__tr" role="row">
6616
6279
  <th
6617
6280
  class="pf-v6-c-table__th"
6618
6281
  role="columnheader"
@@ -6644,12 +6307,7 @@ wrapperTag: div
6644
6307
  </button>
6645
6308
  </td>
6646
6309
  </tr>
6647
- <tr
6648
- class="pf-v6-c-table__tr"
6649
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
6650
- [object
6651
- Object]
6652
- >
6310
+ <tr class="pf-v6-c-table__tr" role="row">
6653
6311
  <th
6654
6312
  class="pf-v6-c-table__th"
6655
6313
  role="columnheader"
@@ -6688,12 +6346,7 @@ wrapperTag: div
6688
6346
  </tbody>
6689
6347
 
6690
6348
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
6691
- <tr
6692
- class="pf-v6-c-table__tr"
6693
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
6694
- [object
6695
- Object]
6696
- >
6349
+ <tr class="pf-v6-c-table__tr" role="row">
6697
6350
  <th
6698
6351
  class="pf-v6-c-table__th"
6699
6352
  role="columnheader"
@@ -6771,9 +6424,7 @@ wrapperTag: div
6771
6424
 
6772
6425
  <tr
6773
6426
  class="pf-v6-c-table__tr pf-v6-c-table__expandable-row"
6774
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
6775
- [object
6776
- Object]
6427
+ role="row"
6777
6428
  >
6778
6429
  <td
6779
6430
  class="pf-v6-c-table__td pf-m-no-padding"
@@ -6787,12 +6438,7 @@ wrapperTag: div
6787
6438
  aria-label="Nested table"
6788
6439
  >
6789
6440
  <thead class="pf-v6-c-table__thead">
6790
- <tr
6791
- class="pf-v6-c-table__tr"
6792
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
6793
- [object
6794
- Object]
6795
- >
6441
+ <tr class="pf-v6-c-table__tr" role="row">
6796
6442
  <th
6797
6443
  class="pf-v6-c-table__th pf-v6-c-table__sort"
6798
6444
  role="columnheader"
@@ -6832,12 +6478,7 @@ wrapperTag: div
6832
6478
  </thead>
6833
6479
 
6834
6480
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
6835
- <tr
6836
- class="pf-v6-c-table__tr"
6837
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
6838
- [object
6839
- Object]
6840
- >
6481
+ <tr class="pf-v6-c-table__tr" role="row">
6841
6482
  <th
6842
6483
  class="pf-v6-c-table__th"
6843
6484
  role="columnheader"
@@ -6869,12 +6510,7 @@ wrapperTag: div
6869
6510
  </button>
6870
6511
  </td>
6871
6512
  </tr>
6872
- <tr
6873
- class="pf-v6-c-table__tr"
6874
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
6875
- [object
6876
- Object]
6877
- >
6513
+ <tr class="pf-v6-c-table__tr" role="row">
6878
6514
  <th
6879
6515
  class="pf-v6-c-table__th"
6880
6516
  role="columnheader"
@@ -6906,12 +6542,7 @@ wrapperTag: div
6906
6542
  </button>
6907
6543
  </td>
6908
6544
  </tr>
6909
- <tr
6910
- class="pf-v6-c-table__tr"
6911
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
6912
- [object
6913
- Object]
6914
- >
6545
+ <tr class="pf-v6-c-table__tr" role="row">
6915
6546
  <th
6916
6547
  class="pf-v6-c-table__th"
6917
6548
  role="columnheader"
@@ -6943,12 +6574,7 @@ wrapperTag: div
6943
6574
  </button>
6944
6575
  </td>
6945
6576
  </tr>
6946
- <tr
6947
- class="pf-v6-c-table__tr"
6948
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
6949
- [object
6950
- Object]
6951
- >
6577
+ <tr class="pf-v6-c-table__tr" role="row">
6952
6578
  <th
6953
6579
  class="pf-v6-c-table__th"
6954
6580
  role="columnheader"
@@ -6980,12 +6606,7 @@ wrapperTag: div
6980
6606
  </button>
6981
6607
  </td>
6982
6608
  </tr>
6983
- <tr
6984
- class="pf-v6-c-table__tr"
6985
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
6986
- [object
6987
- Object]
6988
- >
6609
+ <tr class="pf-v6-c-table__tr" role="row">
6989
6610
  <th
6990
6611
  class="pf-v6-c-table__th"
6991
6612
  role="columnheader"
@@ -7024,9 +6645,7 @@ wrapperTag: div
7024
6645
 
7025
6646
  <tr
7026
6647
  class="pf-v6-c-table__tr pf-v6-c-table__expandable-row"
7027
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
7028
- [object
7029
- Object]
6648
+ role="row"
7030
6649
  >
7031
6650
  <td
7032
6651
  class="pf-v6-c-table__td pf-m-no-padding"
@@ -7040,12 +6659,7 @@ wrapperTag: div
7040
6659
  aria-label="Nested table"
7041
6660
  >
7042
6661
  <thead class="pf-v6-c-table__thead">
7043
- <tr
7044
- class="pf-v6-c-table__tr"
7045
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
7046
- [object
7047
- Object]
7048
- >
6662
+ <tr class="pf-v6-c-table__tr" role="row">
7049
6663
  <th
7050
6664
  class="pf-v6-c-table__th pf-v6-c-table__sort"
7051
6665
  role="columnheader"
@@ -7085,12 +6699,7 @@ wrapperTag: div
7085
6699
  </thead>
7086
6700
 
7087
6701
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
7088
- <tr
7089
- class="pf-v6-c-table__tr"
7090
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
7091
- [object
7092
- Object]
7093
- >
6702
+ <tr class="pf-v6-c-table__tr" role="row">
7094
6703
  <th
7095
6704
  class="pf-v6-c-table__th"
7096
6705
  role="columnheader"
@@ -7122,12 +6731,7 @@ wrapperTag: div
7122
6731
  </button>
7123
6732
  </td>
7124
6733
  </tr>
7125
- <tr
7126
- class="pf-v6-c-table__tr"
7127
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
7128
- [object
7129
- Object]
7130
- >
6734
+ <tr class="pf-v6-c-table__tr" role="row">
7131
6735
  <th
7132
6736
  class="pf-v6-c-table__th"
7133
6737
  role="columnheader"
@@ -7159,12 +6763,7 @@ wrapperTag: div
7159
6763
  </button>
7160
6764
  </td>
7161
6765
  </tr>
7162
- <tr
7163
- class="pf-v6-c-table__tr"
7164
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
7165
- [object
7166
- Object]
7167
- >
6766
+ <tr class="pf-v6-c-table__tr" role="row">
7168
6767
  <th
7169
6768
  class="pf-v6-c-table__th"
7170
6769
  role="columnheader"
@@ -7196,12 +6795,7 @@ wrapperTag: div
7196
6795
  </button>
7197
6796
  </td>
7198
6797
  </tr>
7199
- <tr
7200
- class="pf-v6-c-table__tr"
7201
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
7202
- [object
7203
- Object]
7204
- >
6798
+ <tr class="pf-v6-c-table__tr" role="row">
7205
6799
  <th
7206
6800
  class="pf-v6-c-table__th"
7207
6801
  role="columnheader"
@@ -7233,12 +6827,7 @@ wrapperTag: div
7233
6827
  </button>
7234
6828
  </td>
7235
6829
  </tr>
7236
- <tr
7237
- class="pf-v6-c-table__tr"
7238
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
7239
- [object
7240
- Object]
7241
- >
6830
+ <tr class="pf-v6-c-table__tr" role="row">
7242
6831
  <th
7243
6832
  class="pf-v6-c-table__th"
7244
6833
  role="columnheader"
@@ -7277,9 +6866,7 @@ wrapperTag: div
7277
6866
 
7278
6867
  <tr
7279
6868
  class="pf-v6-c-table__tr pf-v6-c-table__expandable-row"
7280
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
7281
- [object
7282
- Object]
6869
+ role="row"
7283
6870
  >
7284
6871
  <td
7285
6872
  class="pf-v6-c-table__td pf-m-no-padding"
@@ -7293,12 +6880,7 @@ wrapperTag: div
7293
6880
  aria-label="Nested table"
7294
6881
  >
7295
6882
  <thead class="pf-v6-c-table__thead">
7296
- <tr
7297
- class="pf-v6-c-table__tr"
7298
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
7299
- [object
7300
- Object]
7301
- >
6883
+ <tr class="pf-v6-c-table__tr" role="row">
7302
6884
  <th
7303
6885
  class="pf-v6-c-table__th pf-v6-c-table__sort"
7304
6886
  role="columnheader"
@@ -7338,12 +6920,7 @@ wrapperTag: div
7338
6920
  </thead>
7339
6921
 
7340
6922
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
7341
- <tr
7342
- class="pf-v6-c-table__tr"
7343
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
7344
- [object
7345
- Object]
7346
- >
6923
+ <tr class="pf-v6-c-table__tr" role="row">
7347
6924
  <th
7348
6925
  class="pf-v6-c-table__th"
7349
6926
  role="columnheader"
@@ -7375,12 +6952,7 @@ wrapperTag: div
7375
6952
  </button>
7376
6953
  </td>
7377
6954
  </tr>
7378
- <tr
7379
- class="pf-v6-c-table__tr"
7380
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
7381
- [object
7382
- Object]
7383
- >
6955
+ <tr class="pf-v6-c-table__tr" role="row">
7384
6956
  <th
7385
6957
  class="pf-v6-c-table__th"
7386
6958
  role="columnheader"
@@ -7412,12 +6984,7 @@ wrapperTag: div
7412
6984
  </button>
7413
6985
  </td>
7414
6986
  </tr>
7415
- <tr
7416
- class="pf-v6-c-table__tr"
7417
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
7418
- [object
7419
- Object]
7420
- >
6987
+ <tr class="pf-v6-c-table__tr" role="row">
7421
6988
  <th
7422
6989
  class="pf-v6-c-table__th"
7423
6990
  role="columnheader"
@@ -7449,12 +7016,7 @@ wrapperTag: div
7449
7016
  </button>
7450
7017
  </td>
7451
7018
  </tr>
7452
- <tr
7453
- class="pf-v6-c-table__tr"
7454
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
7455
- [object
7456
- Object]
7457
- >
7019
+ <tr class="pf-v6-c-table__tr" role="row">
7458
7020
  <th
7459
7021
  class="pf-v6-c-table__th"
7460
7022
  role="columnheader"
@@ -7486,12 +7048,7 @@ wrapperTag: div
7486
7048
  </button>
7487
7049
  </td>
7488
7050
  </tr>
7489
- <tr
7490
- class="pf-v6-c-table__tr"
7491
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
7492
- [object
7493
- Object]
7494
- >
7051
+ <tr class="pf-v6-c-table__tr" role="row">
7495
7052
  <th
7496
7053
  class="pf-v6-c-table__th"
7497
7054
  role="columnheader"
@@ -7875,10 +7432,8 @@ wrapperTag: div
7875
7432
  </section>
7876
7433
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
7877
7434
  <div class="pf-v6-c-page__main-body">
7878
- <div class="pf-v6-c-content">
7879
- <h1>Main title</h1>
7880
- <p>This is a full page demo.</p>
7881
- </div>
7435
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
7436
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
7882
7437
  </div>
7883
7438
  </section>
7884
7439
  <section class="pf-v6-c-page__main-section">
@@ -7890,12 +7445,7 @@ wrapperTag: div
7890
7445
  id="table-loading-table"
7891
7446
  >
7892
7447
  <thead class="pf-v6-c-table__thead">
7893
- <tr
7894
- class="pf-v6-c-table__tr"
7895
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
7896
- [object
7897
- Object]
7898
- >
7448
+ <tr class="pf-v6-c-table__tr" role="row">
7899
7449
  <th
7900
7450
  class="pf-v6-c-table__th pf-v6-c-table__check"
7901
7451
  aria-label="Row select"
@@ -7965,12 +7515,7 @@ wrapperTag: div
7965
7515
  </thead>
7966
7516
 
7967
7517
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
7968
- <tr
7969
- class="pf-v6-c-table__tr"
7970
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
7971
- [object
7972
- Object]
7973
- >
7518
+ <tr class="pf-v6-c-table__tr" role="row">
7974
7519
  <td class="pf-v6-c-table__td" role="cell" colspan="8">
7975
7520
  <div class="pf-v6-c-empty-state pf-m-sm">
7976
7521
  <div class="pf-v6-c-empty-state__content">
@@ -8261,10 +7806,8 @@ wrapperTag: div
8261
7806
  </section>
8262
7807
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
8263
7808
  <div class="pf-v6-c-page__main-body">
8264
- <div class="pf-v6-c-content">
8265
- <h1>Main title</h1>
8266
- <p>This is a full page demo.</p>
8267
- </div>
7809
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
7810
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
8268
7811
  </div>
8269
7812
  </section>
8270
7813
  <section class="pf-v6-c-page__main-section">
@@ -8276,12 +7819,7 @@ wrapperTag: div
8276
7819
  id="empty-state-table-demo"
8277
7820
  >
8278
7821
  <thead class="pf-v6-c-table__thead">
8279
- <tr
8280
- class="pf-v6-c-table__tr"
8281
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
8282
- [object
8283
- Object]
8284
- >
7822
+ <tr class="pf-v6-c-table__tr" role="row">
8285
7823
  <th
8286
7824
  class="pf-v6-c-table__th pf-v6-c-table__check"
8287
7825
  aria-label="Row select"
@@ -8351,12 +7889,7 @@ wrapperTag: div
8351
7889
  </thead>
8352
7890
 
8353
7891
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
8354
- <tr
8355
- class="pf-v6-c-table__tr"
8356
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
8357
- [object
8358
- Object]
8359
- >
7892
+ <tr class="pf-v6-c-table__tr" role="row">
8360
7893
  <td class="pf-v6-c-table__td" role="cell" colspan="8">
8361
7894
  <div class="pf-v6-c-empty-state pf-m-sm">
8362
7895
  <div class="pf-v6-c-empty-state__content">
@@ -8641,10 +8174,8 @@ wrapperTag: div
8641
8174
  </section>
8642
8175
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
8643
8176
  <div class="pf-v6-c-page__main-body">
8644
- <div class="pf-v6-c-content">
8645
- <h1>Main title</h1>
8646
- <p>This is a full page demo.</p>
8647
- </div>
8177
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
8178
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
8648
8179
  </div>
8649
8180
  </section>
8650
8181
  <section class="pf-v6-c-page__main-section">
@@ -8882,12 +8413,7 @@ wrapperTag: div
8882
8413
  id="static-bottom-pagination-demo-table"
8883
8414
  >
8884
8415
  <thead class="pf-v6-c-table__thead">
8885
- <tr
8886
- class="pf-v6-c-table__tr"
8887
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
8888
- [object
8889
- Object]
8890
- >
8416
+ <tr class="pf-v6-c-table__tr" role="row">
8891
8417
  <th
8892
8418
  class="pf-v6-c-table__th pf-v6-c-table__cell-empty"
8893
8419
  role="columnheader"
@@ -8945,12 +8471,7 @@ wrapperTag: div
8945
8471
  </thead>
8946
8472
 
8947
8473
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
8948
- <tr
8949
- class="pf-v6-c-table__tr"
8950
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
8951
- [object
8952
- Object]
8953
- >
8474
+ <tr class="pf-v6-c-table__tr" role="row">
8954
8475
  <td
8955
8476
  class="pf-v6-c-table__td pf-v6-c-table__check"
8956
8477
  aria-label="Check row"
@@ -9026,12 +8547,7 @@ wrapperTag: div
9026
8547
  </td>
9027
8548
  </tr>
9028
8549
 
9029
- <tr
9030
- class="pf-v6-c-table__tr"
9031
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
9032
- [object
9033
- Object]
9034
- >
8550
+ <tr class="pf-v6-c-table__tr" role="row">
9035
8551
  <td
9036
8552
  class="pf-v6-c-table__td pf-v6-c-table__check"
9037
8553
  aria-label="Check row"
@@ -9107,12 +8623,7 @@ wrapperTag: div
9107
8623
  </td>
9108
8624
  </tr>
9109
8625
 
9110
- <tr
9111
- class="pf-v6-c-table__tr"
9112
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
9113
- [object
9114
- Object]
9115
- >
8626
+ <tr class="pf-v6-c-table__tr" role="row">
9116
8627
  <td
9117
8628
  class="pf-v6-c-table__td pf-v6-c-table__check"
9118
8629
  aria-label="Check row"
@@ -9188,12 +8699,7 @@ wrapperTag: div
9188
8699
  </td>
9189
8700
  </tr>
9190
8701
 
9191
- <tr
9192
- class="pf-v6-c-table__tr"
9193
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
9194
- [object
9195
- Object]
9196
- >
8702
+ <tr class="pf-v6-c-table__tr" role="row">
9197
8703
  <td
9198
8704
  class="pf-v6-c-table__td pf-v6-c-table__check"
9199
8705
  aria-label="Check row"
@@ -9269,12 +8775,7 @@ wrapperTag: div
9269
8775
  </td>
9270
8776
  </tr>
9271
8777
 
9272
- <tr
9273
- class="pf-v6-c-table__tr"
9274
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
9275
- [object
9276
- Object]
9277
- >
8778
+ <tr class="pf-v6-c-table__tr" role="row">
9278
8779
  <td
9279
8780
  class="pf-v6-c-table__td pf-v6-c-table__check"
9280
8781
  aria-label="Check row"
@@ -9696,10 +9197,8 @@ wrapperTag: div
9696
9197
  </section>
9697
9198
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
9698
9199
  <div class="pf-v6-c-page__main-body">
9699
- <div class="pf-v6-c-content">
9700
- <h1>Main title</h1>
9701
- <p>This is a full page demo.</p>
9702
- </div>
9200
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
9201
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
9703
9202
  </div>
9704
9203
  </section>
9705
9204
  <section class="pf-v6-c-page__main-section">
@@ -9934,12 +9433,7 @@ wrapperTag: div
9934
9433
  id="column-management-demo-table"
9935
9434
  >
9936
9435
  <thead class="pf-v6-c-table__thead">
9937
- <tr
9938
- class="pf-v6-c-table__tr"
9939
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
9940
- [object
9941
- Object]
9942
- >
9436
+ <tr class="pf-v6-c-table__tr" role="row">
9943
9437
  <th
9944
9438
  class="pf-v6-c-table__th pf-v6-c-table__cell-empty"
9945
9439
  role="columnheader"
@@ -9997,12 +9491,7 @@ wrapperTag: div
9997
9491
  </thead>
9998
9492
 
9999
9493
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
10000
- <tr
10001
- class="pf-v6-c-table__tr"
10002
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
10003
- [object
10004
- Object]
10005
- >
9494
+ <tr class="pf-v6-c-table__tr" role="row">
10006
9495
  <td
10007
9496
  class="pf-v6-c-table__td pf-v6-c-table__check"
10008
9497
  aria-label="Check row"
@@ -10078,12 +9567,7 @@ wrapperTag: div
10078
9567
  </td>
10079
9568
  </tr>
10080
9569
 
10081
- <tr
10082
- class="pf-v6-c-table__tr"
10083
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
10084
- [object
10085
- Object]
10086
- >
9570
+ <tr class="pf-v6-c-table__tr" role="row">
10087
9571
  <td
10088
9572
  class="pf-v6-c-table__td pf-v6-c-table__check"
10089
9573
  aria-label="Check row"
@@ -10159,12 +9643,7 @@ wrapperTag: div
10159
9643
  </td>
10160
9644
  </tr>
10161
9645
 
10162
- <tr
10163
- class="pf-v6-c-table__tr"
10164
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
10165
- [object
10166
- Object]
10167
- >
9646
+ <tr class="pf-v6-c-table__tr" role="row">
10168
9647
  <td
10169
9648
  class="pf-v6-c-table__td pf-v6-c-table__check"
10170
9649
  aria-label="Check row"
@@ -10240,12 +9719,7 @@ wrapperTag: div
10240
9719
  </td>
10241
9720
  </tr>
10242
9721
 
10243
- <tr
10244
- class="pf-v6-c-table__tr"
10245
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
10246
- [object
10247
- Object]
10248
- >
9722
+ <tr class="pf-v6-c-table__tr" role="row">
10249
9723
  <td
10250
9724
  class="pf-v6-c-table__td pf-v6-c-table__check"
10251
9725
  aria-label="Check row"
@@ -10321,12 +9795,7 @@ wrapperTag: div
10321
9795
  </td>
10322
9796
  </tr>
10323
9797
 
10324
- <tr
10325
- class="pf-v6-c-table__tr"
10326
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
10327
- [object
10328
- Object]
10329
- >
9798
+ <tr class="pf-v6-c-table__tr" role="row">
10330
9799
  <td
10331
9800
  class="pf-v6-c-table__td pf-v6-c-table__check"
10332
9801
  aria-label="Check row"
@@ -10891,10 +10360,8 @@ wrapperTag: div
10891
10360
  </section>
10892
10361
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
10893
10362
  <div class="pf-v6-c-page__main-body">
10894
- <div class="pf-v6-c-content">
10895
- <h1>Main title</h1>
10896
- <p>This is a full page demo.</p>
10897
- </div>
10363
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
10364
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
10898
10365
  </div>
10899
10366
  </section>
10900
10367
  <section class="pf-v6-c-page__main-section">
@@ -11129,12 +10596,7 @@ wrapperTag: div
11129
10596
  id="sticky-header-demo-table"
11130
10597
  >
11131
10598
  <thead class="pf-v6-c-table__thead">
11132
- <tr
11133
- class="pf-v6-c-table__tr"
11134
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
11135
- [object
11136
- Object]
11137
- >
10599
+ <tr class="pf-v6-c-table__tr" role="row">
11138
10600
  <th
11139
10601
  class="pf-v6-c-table__th pf-v6-c-table__cell-empty"
11140
10602
  role="columnheader"
@@ -11192,12 +10654,7 @@ wrapperTag: div
11192
10654
  </thead>
11193
10655
 
11194
10656
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
11195
- <tr
11196
- class="pf-v6-c-table__tr"
11197
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
11198
- [object
11199
- Object]
11200
- >
10657
+ <tr class="pf-v6-c-table__tr" role="row">
11201
10658
  <td
11202
10659
  class="pf-v6-c-table__td pf-v6-c-table__check"
11203
10660
  aria-label="Check row"
@@ -11273,12 +10730,7 @@ wrapperTag: div
11273
10730
  </td>
11274
10731
  </tr>
11275
10732
 
11276
- <tr
11277
- class="pf-v6-c-table__tr"
11278
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
11279
- [object
11280
- Object]
11281
- >
10733
+ <tr class="pf-v6-c-table__tr" role="row">
11282
10734
  <td
11283
10735
  class="pf-v6-c-table__td pf-v6-c-table__check"
11284
10736
  aria-label="Check row"
@@ -11354,12 +10806,7 @@ wrapperTag: div
11354
10806
  </td>
11355
10807
  </tr>
11356
10808
 
11357
- <tr
11358
- class="pf-v6-c-table__tr"
11359
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
11360
- [object
11361
- Object]
11362
- >
10809
+ <tr class="pf-v6-c-table__tr" role="row">
11363
10810
  <td
11364
10811
  class="pf-v6-c-table__td pf-v6-c-table__check"
11365
10812
  aria-label="Check row"
@@ -11435,12 +10882,7 @@ wrapperTag: div
11435
10882
  </td>
11436
10883
  </tr>
11437
10884
 
11438
- <tr
11439
- class="pf-v6-c-table__tr"
11440
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
11441
- [object
11442
- Object]
11443
- >
10885
+ <tr class="pf-v6-c-table__tr" role="row">
11444
10886
  <td
11445
10887
  class="pf-v6-c-table__td pf-v6-c-table__check"
11446
10888
  aria-label="Check row"
@@ -11516,12 +10958,7 @@ wrapperTag: div
11516
10958
  </td>
11517
10959
  </tr>
11518
10960
 
11519
- <tr
11520
- class="pf-v6-c-table__tr"
11521
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
11522
- [object
11523
- Object]
11524
- >
10961
+ <tr class="pf-v6-c-table__tr" role="row">
11525
10962
  <td
11526
10963
  class="pf-v6-c-table__td pf-v6-c-table__check"
11527
10964
  aria-label="Check row"
@@ -11943,10 +11380,8 @@ wrapperTag: div
11943
11380
  </section>
11944
11381
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
11945
11382
  <div class="pf-v6-c-page__main-body">
11946
- <div class="pf-v6-c-content">
11947
- <h1>Main title</h1>
11948
- <p>This is a full page demo.</p>
11949
- </div>
11383
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
11384
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
11950
11385
  </div>
11951
11386
  </section>
11952
11387
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
@@ -12179,12 +11614,7 @@ wrapperTag: div
12179
11614
  id="sticky-first-column-demo-table"
12180
11615
  >
12181
11616
  <thead class="pf-v6-c-table__thead">
12182
- <tr
12183
- class="pf-v6-c-table__tr"
12184
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
12185
- [object
12186
- Object]
12187
- >
11617
+ <tr class="pf-v6-c-table__tr" role="row">
12188
11618
  <th
12189
11619
  class="pf-v6-c-table__th pf-m-border-right pf-v6-c-table__sort pf-v6-c-table__sticky-cell pf-m-left"
12190
11620
  role="columnheader"
@@ -12272,12 +11702,7 @@ wrapperTag: div
12272
11702
  </thead>
12273
11703
 
12274
11704
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
12275
- <tr
12276
- class="pf-v6-c-table__tr"
12277
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
12278
- [object
12279
- Object]
12280
- >
11705
+ <tr class="pf-v6-c-table__tr" role="row">
12281
11706
  <th
12282
11707
  class="pf-v6-c-table__th pf-m-border-right pf-v6-c-table__sticky-cell pf-m-left"
12283
11708
  role="columnheader"
@@ -12328,12 +11753,7 @@ wrapperTag: div
12328
11753
  data-label="Example td"
12329
11754
  >Test cell 1-9</td>
12330
11755
  </tr>
12331
- <tr
12332
- class="pf-v6-c-table__tr"
12333
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
12334
- [object
12335
- Object]
12336
- >
11756
+ <tr class="pf-v6-c-table__tr" role="row">
12337
11757
  <th
12338
11758
  class="pf-v6-c-table__th pf-m-border-right pf-v6-c-table__sticky-cell pf-m-left"
12339
11759
  role="columnheader"
@@ -12384,12 +11804,7 @@ wrapperTag: div
12384
11804
  data-label="Example td"
12385
11805
  >Test cell 2-9</td>
12386
11806
  </tr>
12387
- <tr
12388
- class="pf-v6-c-table__tr"
12389
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
12390
- [object
12391
- Object]
12392
- >
11807
+ <tr class="pf-v6-c-table__tr" role="row">
12393
11808
  <th
12394
11809
  class="pf-v6-c-table__th pf-m-border-right pf-v6-c-table__sticky-cell pf-m-left"
12395
11810
  role="columnheader"
@@ -12440,12 +11855,7 @@ wrapperTag: div
12440
11855
  data-label="Example td"
12441
11856
  >Test cell 3-9</td>
12442
11857
  </tr>
12443
- <tr
12444
- class="pf-v6-c-table__tr"
12445
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
12446
- [object
12447
- Object]
12448
- >
11858
+ <tr class="pf-v6-c-table__tr" role="row">
12449
11859
  <th
12450
11860
  class="pf-v6-c-table__th pf-m-border-right pf-v6-c-table__sticky-cell pf-m-left"
12451
11861
  role="columnheader"
@@ -12496,12 +11906,7 @@ wrapperTag: div
12496
11906
  data-label="Example td"
12497
11907
  >Test cell 4-9</td>
12498
11908
  </tr>
12499
- <tr
12500
- class="pf-v6-c-table__tr"
12501
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
12502
- [object
12503
- Object]
12504
- >
11909
+ <tr class="pf-v6-c-table__tr" role="row">
12505
11910
  <th
12506
11911
  class="pf-v6-c-table__th pf-m-border-right pf-v6-c-table__sticky-cell pf-m-left"
12507
11912
  role="columnheader"
@@ -12552,12 +11957,7 @@ wrapperTag: div
12552
11957
  data-label="Example td"
12553
11958
  >Test cell 5-9</td>
12554
11959
  </tr>
12555
- <tr
12556
- class="pf-v6-c-table__tr"
12557
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
12558
- [object
12559
- Object]
12560
- >
11960
+ <tr class="pf-v6-c-table__tr" role="row">
12561
11961
  <th
12562
11962
  class="pf-v6-c-table__th pf-m-border-right pf-v6-c-table__sticky-cell pf-m-left"
12563
11963
  role="columnheader"
@@ -12608,12 +12008,7 @@ wrapperTag: div
12608
12008
  data-label="Example td"
12609
12009
  >Test cell 6-9</td>
12610
12010
  </tr>
12611
- <tr
12612
- class="pf-v6-c-table__tr"
12613
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
12614
- [object
12615
- Object]
12616
- >
12011
+ <tr class="pf-v6-c-table__tr" role="row">
12617
12012
  <th
12618
12013
  class="pf-v6-c-table__th pf-m-border-right pf-v6-c-table__sticky-cell pf-m-left"
12619
12014
  role="columnheader"
@@ -12664,12 +12059,7 @@ wrapperTag: div
12664
12059
  data-label="Example td"
12665
12060
  >Test cell 7-9</td>
12666
12061
  </tr>
12667
- <tr
12668
- class="pf-v6-c-table__tr"
12669
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
12670
- [object
12671
- Object]
12672
- >
12062
+ <tr class="pf-v6-c-table__tr" role="row">
12673
12063
  <th
12674
12064
  class="pf-v6-c-table__th pf-m-border-right pf-v6-c-table__sticky-cell pf-m-left"
12675
12065
  role="columnheader"
@@ -12720,12 +12110,7 @@ wrapperTag: div
12720
12110
  data-label="Example td"
12721
12111
  >Test cell 8-9</td>
12722
12112
  </tr>
12723
- <tr
12724
- class="pf-v6-c-table__tr"
12725
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
12726
- [object
12727
- Object]
12728
- >
12113
+ <tr class="pf-v6-c-table__tr" role="row">
12729
12114
  <th
12730
12115
  class="pf-v6-c-table__th pf-m-border-right pf-v6-c-table__sticky-cell pf-m-left"
12731
12116
  role="columnheader"
@@ -13126,10 +12511,8 @@ wrapperTag: div
13126
12511
  </section>
13127
12512
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
13128
12513
  <div class="pf-v6-c-page__main-body">
13129
- <div class="pf-v6-c-content">
13130
- <h1>Main title</h1>
13131
- <p>This is a full page demo.</p>
13132
- </div>
12514
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
12515
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
13133
12516
  </div>
13134
12517
  </section>
13135
12518
  <section
@@ -13367,12 +12750,7 @@ wrapperTag: div
13367
12750
  id="sticky-multiple-columns-demo-table"
13368
12751
  >
13369
12752
  <thead class="pf-v6-c-table__thead">
13370
- <tr
13371
- class="pf-v6-c-table__tr"
13372
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
13373
- [object
13374
- Object]
13375
- >
12753
+ <tr class="pf-v6-c-table__tr" role="row">
13376
12754
  <th
13377
12755
  class="pf-v6-c-table__th pf-v6-c-table__sort pf-v6-c-table__sticky-cell pf-m-left"
13378
12756
  role="columnheader"
@@ -13461,12 +12839,7 @@ wrapperTag: div
13461
12839
  </thead>
13462
12840
 
13463
12841
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
13464
- <tr
13465
- class="pf-v6-c-table__tr"
13466
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
13467
- [object
13468
- Object]
13469
- >
12842
+ <tr class="pf-v6-c-table__tr" role="row">
13470
12843
  <th
13471
12844
  class="pf-v6-c-table__th pf-v6-c-table__sticky-cell pf-m-left"
13472
12845
  role="columnheader"
@@ -13520,12 +12893,7 @@ wrapperTag: div
13520
12893
  data-label="Example td"
13521
12894
  >Test cell 1-9</td>
13522
12895
  </tr>
13523
- <tr
13524
- class="pf-v6-c-table__tr"
13525
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
13526
- [object
13527
- Object]
13528
- >
12896
+ <tr class="pf-v6-c-table__tr" role="row">
13529
12897
  <th
13530
12898
  class="pf-v6-c-table__th pf-v6-c-table__sticky-cell pf-m-left"
13531
12899
  role="columnheader"
@@ -13579,12 +12947,7 @@ wrapperTag: div
13579
12947
  data-label="Example td"
13580
12948
  >Test cell 2-9</td>
13581
12949
  </tr>
13582
- <tr
13583
- class="pf-v6-c-table__tr"
13584
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
13585
- [object
13586
- Object]
13587
- >
12950
+ <tr class="pf-v6-c-table__tr" role="row">
13588
12951
  <th
13589
12952
  class="pf-v6-c-table__th pf-v6-c-table__sticky-cell pf-m-left"
13590
12953
  role="columnheader"
@@ -13638,12 +13001,7 @@ wrapperTag: div
13638
13001
  data-label="Example td"
13639
13002
  >Test cell 3-9</td>
13640
13003
  </tr>
13641
- <tr
13642
- class="pf-v6-c-table__tr"
13643
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
13644
- [object
13645
- Object]
13646
- >
13004
+ <tr class="pf-v6-c-table__tr" role="row">
13647
13005
  <th
13648
13006
  class="pf-v6-c-table__th pf-v6-c-table__sticky-cell pf-m-left"
13649
13007
  role="columnheader"
@@ -13697,12 +13055,7 @@ wrapperTag: div
13697
13055
  data-label="Example td"
13698
13056
  >Test cell 4-9</td>
13699
13057
  </tr>
13700
- <tr
13701
- class="pf-v6-c-table__tr"
13702
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
13703
- [object
13704
- Object]
13705
- >
13058
+ <tr class="pf-v6-c-table__tr" role="row">
13706
13059
  <th
13707
13060
  class="pf-v6-c-table__th pf-v6-c-table__sticky-cell pf-m-left"
13708
13061
  role="columnheader"
@@ -13756,12 +13109,7 @@ wrapperTag: div
13756
13109
  data-label="Example td"
13757
13110
  >Test cell 5-9</td>
13758
13111
  </tr>
13759
- <tr
13760
- class="pf-v6-c-table__tr"
13761
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
13762
- [object
13763
- Object]
13764
- >
13112
+ <tr class="pf-v6-c-table__tr" role="row">
13765
13113
  <th
13766
13114
  class="pf-v6-c-table__th pf-v6-c-table__sticky-cell pf-m-left"
13767
13115
  role="columnheader"
@@ -13815,12 +13163,7 @@ wrapperTag: div
13815
13163
  data-label="Example td"
13816
13164
  >Test cell 6-9</td>
13817
13165
  </tr>
13818
- <tr
13819
- class="pf-v6-c-table__tr"
13820
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
13821
- [object
13822
- Object]
13823
- >
13166
+ <tr class="pf-v6-c-table__tr" role="row">
13824
13167
  <th
13825
13168
  class="pf-v6-c-table__th pf-v6-c-table__sticky-cell pf-m-left"
13826
13169
  role="columnheader"
@@ -13874,12 +13217,7 @@ wrapperTag: div
13874
13217
  data-label="Example td"
13875
13218
  >Test cell 7-9</td>
13876
13219
  </tr>
13877
- <tr
13878
- class="pf-v6-c-table__tr"
13879
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
13880
- [object
13881
- Object]
13882
- >
13220
+ <tr class="pf-v6-c-table__tr" role="row">
13883
13221
  <th
13884
13222
  class="pf-v6-c-table__th pf-v6-c-table__sticky-cell pf-m-left"
13885
13223
  role="columnheader"
@@ -13933,12 +13271,7 @@ wrapperTag: div
13933
13271
  data-label="Example td"
13934
13272
  >Test cell 8-9</td>
13935
13273
  </tr>
13936
- <tr
13937
- class="pf-v6-c-table__tr"
13938
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
13939
- [object
13940
- Object]
13941
- >
13274
+ <tr class="pf-v6-c-table__tr" role="row">
13942
13275
  <th
13943
13276
  class="pf-v6-c-table__th pf-v6-c-table__sticky-cell pf-m-left"
13944
13277
  role="columnheader"
@@ -14345,10 +13678,8 @@ wrapperTag: div
14345
13678
  </section>
14346
13679
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
14347
13680
  <div class="pf-v6-c-page__main-body">
14348
- <div class="pf-v6-c-content">
14349
- <h1>Main title</h1>
14350
- <p>This is a full page demo.</p>
14351
- </div>
13681
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
13682
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
14352
13683
  </div>
14353
13684
  </section>
14354
13685
  <section class="pf-v6-c-page__main-section pf-m-overflow-scroll">
@@ -14584,12 +13915,7 @@ wrapperTag: div
14584
13915
  id="sticky-header-and-multiple-columns-demo-table"
14585
13916
  >
14586
13917
  <thead class="pf-v6-c-table__thead">
14587
- <tr
14588
- class="pf-v6-c-table__tr"
14589
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
14590
- [object
14591
- Object]
14592
- >
13918
+ <tr class="pf-v6-c-table__tr" role="row">
14593
13919
  <th
14594
13920
  class="pf-v6-c-table__th pf-v6-c-table__sort pf-v6-c-table__sticky-cell pf-m-left"
14595
13921
  role="columnheader"
@@ -14678,12 +14004,7 @@ wrapperTag: div
14678
14004
  </thead>
14679
14005
 
14680
14006
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
14681
- <tr
14682
- class="pf-v6-c-table__tr"
14683
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
14684
- [object
14685
- Object]
14686
- >
14007
+ <tr class="pf-v6-c-table__tr" role="row">
14687
14008
  <th
14688
14009
  class="pf-v6-c-table__th pf-v6-c-table__sticky-cell pf-m-left"
14689
14010
  role="columnheader"
@@ -14737,12 +14058,7 @@ wrapperTag: div
14737
14058
  data-label="Example td"
14738
14059
  >Test cell 1-9</td>
14739
14060
  </tr>
14740
- <tr
14741
- class="pf-v6-c-table__tr"
14742
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
14743
- [object
14744
- Object]
14745
- >
14061
+ <tr class="pf-v6-c-table__tr" role="row">
14746
14062
  <th
14747
14063
  class="pf-v6-c-table__th pf-v6-c-table__sticky-cell pf-m-left"
14748
14064
  role="columnheader"
@@ -14796,12 +14112,7 @@ wrapperTag: div
14796
14112
  data-label="Example td"
14797
14113
  >Test cell 2-9</td>
14798
14114
  </tr>
14799
- <tr
14800
- class="pf-v6-c-table__tr"
14801
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
14802
- [object
14803
- Object]
14804
- >
14115
+ <tr class="pf-v6-c-table__tr" role="row">
14805
14116
  <th
14806
14117
  class="pf-v6-c-table__th pf-v6-c-table__sticky-cell pf-m-left"
14807
14118
  role="columnheader"
@@ -14855,12 +14166,7 @@ wrapperTag: div
14855
14166
  data-label="Example td"
14856
14167
  >Test cell 3-9</td>
14857
14168
  </tr>
14858
- <tr
14859
- class="pf-v6-c-table__tr"
14860
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
14861
- [object
14862
- Object]
14863
- >
14169
+ <tr class="pf-v6-c-table__tr" role="row">
14864
14170
  <th
14865
14171
  class="pf-v6-c-table__th pf-v6-c-table__sticky-cell pf-m-left"
14866
14172
  role="columnheader"
@@ -14914,12 +14220,7 @@ wrapperTag: div
14914
14220
  data-label="Example td"
14915
14221
  >Test cell 4-9</td>
14916
14222
  </tr>
14917
- <tr
14918
- class="pf-v6-c-table__tr"
14919
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
14920
- [object
14921
- Object]
14922
- >
14223
+ <tr class="pf-v6-c-table__tr" role="row">
14923
14224
  <th
14924
14225
  class="pf-v6-c-table__th pf-v6-c-table__sticky-cell pf-m-left"
14925
14226
  role="columnheader"
@@ -14973,12 +14274,7 @@ wrapperTag: div
14973
14274
  data-label="Example td"
14974
14275
  >Test cell 5-9</td>
14975
14276
  </tr>
14976
- <tr
14977
- class="pf-v6-c-table__tr"
14978
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
14979
- [object
14980
- Object]
14981
- >
14277
+ <tr class="pf-v6-c-table__tr" role="row">
14982
14278
  <th
14983
14279
  class="pf-v6-c-table__th pf-v6-c-table__sticky-cell pf-m-left"
14984
14280
  role="columnheader"
@@ -15032,12 +14328,7 @@ wrapperTag: div
15032
14328
  data-label="Example td"
15033
14329
  >Test cell 6-9</td>
15034
14330
  </tr>
15035
- <tr
15036
- class="pf-v6-c-table__tr"
15037
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
15038
- [object
15039
- Object]
15040
- >
14331
+ <tr class="pf-v6-c-table__tr" role="row">
15041
14332
  <th
15042
14333
  class="pf-v6-c-table__th pf-v6-c-table__sticky-cell pf-m-left"
15043
14334
  role="columnheader"
@@ -15091,12 +14382,7 @@ wrapperTag: div
15091
14382
  data-label="Example td"
15092
14383
  >Test cell 7-9</td>
15093
14384
  </tr>
15094
- <tr
15095
- class="pf-v6-c-table__tr"
15096
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
15097
- [object
15098
- Object]
15099
- >
14385
+ <tr class="pf-v6-c-table__tr" role="row">
15100
14386
  <th
15101
14387
  class="pf-v6-c-table__th pf-v6-c-table__sticky-cell pf-m-left"
15102
14388
  role="columnheader"
@@ -15150,12 +14436,7 @@ wrapperTag: div
15150
14436
  data-label="Example td"
15151
14437
  >Test cell 8-9</td>
15152
14438
  </tr>
15153
- <tr
15154
- class="pf-v6-c-table__tr"
15155
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
15156
- [object
15157
- Object]
15158
- >
14439
+ <tr class="pf-v6-c-table__tr" role="row">
15159
14440
  <th
15160
14441
  class="pf-v6-c-table__th pf-v6-c-table__sticky-cell pf-m-left"
15161
14442
  role="columnheader"
@@ -15562,10 +14843,8 @@ wrapperTag: div
15562
14843
  </section>
15563
14844
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
15564
14845
  <div class="pf-v6-c-page__main-body">
15565
- <div class="pf-v6-c-content">
15566
- <h1>Main title</h1>
15567
- <p>This is a full page demo.</p>
15568
- </div>
14846
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
14847
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
15569
14848
  </div>
15570
14849
  </section>
15571
14850
  <section class="pf-v6-c-page__main-section pf-m-overflow-scroll">
@@ -15801,12 +15080,7 @@ wrapperTag: div
15801
15080
  id="sticky-right-column-example"
15802
15081
  >
15803
15082
  <thead class="pf-v6-c-table__thead">
15804
- <tr
15805
- class="pf-v6-c-table__tr"
15806
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
15807
- [object
15808
- Object]
15809
- >
15083
+ <tr class="pf-v6-c-table__tr" role="row">
15810
15084
  <th
15811
15085
  class="pf-v6-c-table__th pf-v6-c-table__sort"
15812
15086
  role="columnheader"
@@ -15894,12 +15168,7 @@ wrapperTag: div
15894
15168
  </thead>
15895
15169
 
15896
15170
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
15897
- <tr
15898
- class="pf-v6-c-table__tr"
15899
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
15900
- [object
15901
- Object]
15902
- >
15171
+ <tr class="pf-v6-c-table__tr" role="row">
15903
15172
  <td
15904
15173
  class="pf-v6-c-table__td pf-m-nowrap"
15905
15174
  role="cell"
@@ -15949,12 +15218,7 @@ wrapperTag: div
15949
15218
  style="--pf-v6-c-table__sticky-cell--MinWidth: 150px;"
15950
15219
  >Test cell 1-9</th>
15951
15220
  </tr>
15952
- <tr
15953
- class="pf-v6-c-table__tr"
15954
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
15955
- [object
15956
- Object]
15957
- >
15221
+ <tr class="pf-v6-c-table__tr" role="row">
15958
15222
  <td
15959
15223
  class="pf-v6-c-table__td pf-m-nowrap"
15960
15224
  role="cell"
@@ -16004,12 +15268,7 @@ wrapperTag: div
16004
15268
  style="--pf-v6-c-table__sticky-cell--MinWidth: 150px;"
16005
15269
  >Test cell 2-9</th>
16006
15270
  </tr>
16007
- <tr
16008
- class="pf-v6-c-table__tr"
16009
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
16010
- [object
16011
- Object]
16012
- >
15271
+ <tr class="pf-v6-c-table__tr" role="row">
16013
15272
  <td
16014
15273
  class="pf-v6-c-table__td pf-m-nowrap"
16015
15274
  role="cell"
@@ -16059,12 +15318,7 @@ wrapperTag: div
16059
15318
  style="--pf-v6-c-table__sticky-cell--MinWidth: 150px;"
16060
15319
  >Test cell 3-9</th>
16061
15320
  </tr>
16062
- <tr
16063
- class="pf-v6-c-table__tr"
16064
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
16065
- [object
16066
- Object]
16067
- >
15321
+ <tr class="pf-v6-c-table__tr" role="row">
16068
15322
  <td
16069
15323
  class="pf-v6-c-table__td pf-m-nowrap"
16070
15324
  role="cell"
@@ -16114,12 +15368,7 @@ wrapperTag: div
16114
15368
  style="--pf-v6-c-table__sticky-cell--MinWidth: 150px;"
16115
15369
  >Test cell 4-9</th>
16116
15370
  </tr>
16117
- <tr
16118
- class="pf-v6-c-table__tr"
16119
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
16120
- [object
16121
- Object]
16122
- >
15371
+ <tr class="pf-v6-c-table__tr" role="row">
16123
15372
  <td
16124
15373
  class="pf-v6-c-table__td pf-m-nowrap"
16125
15374
  role="cell"
@@ -16169,12 +15418,7 @@ wrapperTag: div
16169
15418
  style="--pf-v6-c-table__sticky-cell--MinWidth: 150px;"
16170
15419
  >Test cell 5-9</th>
16171
15420
  </tr>
16172
- <tr
16173
- class="pf-v6-c-table__tr"
16174
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
16175
- [object
16176
- Object]
16177
- >
15421
+ <tr class="pf-v6-c-table__tr" role="row">
16178
15422
  <td
16179
15423
  class="pf-v6-c-table__td pf-m-nowrap"
16180
15424
  role="cell"
@@ -16224,12 +15468,7 @@ wrapperTag: div
16224
15468
  style="--pf-v6-c-table__sticky-cell--MinWidth: 150px;"
16225
15469
  >Test cell 6-9</th>
16226
15470
  </tr>
16227
- <tr
16228
- class="pf-v6-c-table__tr"
16229
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
16230
- [object
16231
- Object]
16232
- >
15471
+ <tr class="pf-v6-c-table__tr" role="row">
16233
15472
  <td
16234
15473
  class="pf-v6-c-table__td pf-m-nowrap"
16235
15474
  role="cell"
@@ -16279,12 +15518,7 @@ wrapperTag: div
16279
15518
  style="--pf-v6-c-table__sticky-cell--MinWidth: 150px;"
16280
15519
  >Test cell 7-9</th>
16281
15520
  </tr>
16282
- <tr
16283
- class="pf-v6-c-table__tr"
16284
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
16285
- [object
16286
- Object]
16287
- >
15521
+ <tr class="pf-v6-c-table__tr" role="row">
16288
15522
  <td
16289
15523
  class="pf-v6-c-table__td pf-m-nowrap"
16290
15524
  role="cell"
@@ -16334,12 +15568,7 @@ wrapperTag: div
16334
15568
  style="--pf-v6-c-table__sticky-cell--MinWidth: 150px;"
16335
15569
  >Test cell 8-9</th>
16336
15570
  </tr>
16337
- <tr
16338
- class="pf-v6-c-table__tr"
16339
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
16340
- [object
16341
- Object]
16342
- >
15571
+ <tr class="pf-v6-c-table__tr" role="row">
16343
15572
  <td
16344
15573
  class="pf-v6-c-table__td pf-m-nowrap"
16345
15574
  role="cell"
@@ -16741,10 +15970,8 @@ By default, table cell alignment is set to baseline. This retains vertical align
16741
15970
  </section>
16742
15971
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
16743
15972
  <div class="pf-v6-c-page__main-body">
16744
- <div class="pf-v6-c-content">
16745
- <h1>Main title</h1>
16746
- <p>This is a full page demo.</p>
16747
- </div>
15973
+ <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
15974
+ <p class="pf-v6-c-content--p">This is a full page demo.</p>
16748
15975
  </div>
16749
15976
  </section>
16750
15977
  <section class="pf-v6-c-page__main-section pf-m-limit-width">
@@ -16756,12 +15983,7 @@ By default, table cell alignment is set to baseline. This retains vertical align
16756
15983
  id="image-alignment-demo-table"
16757
15984
  >
16758
15985
  <thead class="pf-v6-c-table__thead">
16759
- <tr
16760
- class="pf-v6-c-table__tr"
16761
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
16762
- [object
16763
- Object]
16764
- >
15986
+ <tr class="pf-v6-c-table__tr" role="row">
16765
15987
  <th
16766
15988
  class="pf-v6-c-table__th pf-m-nowrap pf-v6-c-table__sort pf-m-selected"
16767
15989
  role="columnheader"
@@ -16853,12 +16075,7 @@ By default, table cell alignment is set to baseline. This retains vertical align
16853
16075
  </thead>
16854
16076
 
16855
16077
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
16856
- <tr
16857
- class="pf-v6-c-table__tr"
16858
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
16859
- [object
16860
- Object]
16861
- >
16078
+ <tr class="pf-v6-c-table__tr" role="row">
16862
16079
  <td
16863
16080
  class="pf-v6-c-table__td"
16864
16081
  role="cell"
@@ -16923,12 +16140,7 @@ By default, table cell alignment is set to baseline. This retains vertical align
16923
16140
  >2 days ago</td>
16924
16141
  </tr>
16925
16142
 
16926
- <tr
16927
- class="pf-v6-c-table__tr"
16928
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
16929
- [object
16930
- Object]
16931
- >
16143
+ <tr class="pf-v6-c-table__tr" role="row">
16932
16144
  <td
16933
16145
  class="pf-v6-c-table__td"
16934
16146
  role="cell"
@@ -16982,12 +16194,7 @@ By default, table cell alignment is set to baseline. This retains vertical align
16982
16194
  >2 days ago</td>
16983
16195
  </tr>
16984
16196
 
16985
- <tr
16986
- class="pf-v6-c-table__tr"
16987
- role&#x26;#x3D;&#x26;quot;row&#x26;quot;
16988
- [object
16989
- Object]
16990
- >
16197
+ <tr class="pf-v6-c-table__tr" role="row">
16991
16198
  <td
16992
16199
  class="pf-v6-c-table__td"
16993
16200
  role="cell"