@patternfly/patternfly 6.0.0-alpha.109 → 6.0.0-alpha.110

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 (31) hide show
  1. package/README.md +1 -1
  2. package/docs/components/Label/examples/Label.md +60 -60
  3. package/docs/components/LogViewer/examples/LogViewer.md +40 -40
  4. package/docs/components/Login/examples/Login.md +5 -5
  5. package/docs/components/ModalBox/examples/ModalBox.md +1 -1
  6. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +30 -30
  7. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +10 -10
  8. package/docs/components/OverflowMenu/examples/overflow-menu.md +5 -5
  9. package/docs/components/Select/deprecated/Select.md +64 -64
  10. package/docs/components/Slider/examples/Slider.md +39 -39
  11. package/docs/components/Table/examples/Table.md +66 -66
  12. package/docs/components/Toolbar/examples/Toolbar.md +5 -5
  13. package/docs/components/Wizard/examples/Wizard.md +1 -1
  14. package/docs/demos/Banner/examples/Banner.md +9 -9
  15. package/docs/demos/Card/examples/Card.md +96 -96
  16. package/docs/demos/CardView/examples/CardView.md +7 -7
  17. package/docs/demos/ContextSelector/examples/ContextSelector.md +1 -1
  18. package/docs/demos/Dashboard/examples/Dashboard.md +21 -21
  19. package/docs/demos/DataList/examples/DataList.md +8 -8
  20. package/docs/demos/DescriptionList/examples/DescriptionList.md +5 -5
  21. package/docs/demos/Masthead/examples/Masthead.md +1 -1
  22. package/docs/demos/Modal/examples/Modal.md +3 -3
  23. package/docs/demos/Nav/examples/Nav.md +2 -2
  24. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +16 -16
  25. package/docs/demos/Page/examples/Page.md +2 -2
  26. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +40 -40
  27. package/docs/demos/Table/examples/Table.md +86 -86
  28. package/docs/demos/Tabs/examples/Tabs.md +9 -9
  29. package/docs/demos/Toolbar/examples/Toolbar.md +7 -7
  30. package/docs/demos/Wizard/examples/Wizard.md +3 -3
  31. package/package.json +1 -1
@@ -266,7 +266,7 @@ wrapperTag: div
266
266
  <span
267
267
  class="pf-v6-c-button__icon pf-m-end"
268
268
  >
269
- <span class="pf-v6-c-icon pf-v5-m-mirror-inline-rtl">
269
+ <span class="pf-v6-c-icon pf-v6-m-mirror-inline-rtl">
270
270
  <span class="pf-v6-c-icon__content">
271
271
  <i class="fas fa-arrow-right" aria-hidden="true"></i>
272
272
  </span>
@@ -301,7 +301,7 @@ wrapperTag: div
301
301
  <a class="pf-v6-c-button pf-m-link pf-m-inline" href="#">
302
302
  View all guided tours
303
303
  <span class="pf-v6-c-button__icon pf-m-end">
304
- <span class="pf-v6-c-icon pf-v5-m-mirror-inline-rtl">
304
+ <span class="pf-v6-c-icon pf-v6-m-mirror-inline-rtl">
305
305
  <span class="pf-v6-c-icon__content">
306
306
  <i class="fas fa-arrow-right" aria-hidden="true"></i>
307
307
  </span>
@@ -339,7 +339,7 @@ wrapperTag: div
339
339
  <a class="pf-v6-c-button pf-m-link pf-m-inline" href="#">
340
340
  View all quick starts
341
341
  <span class="pf-v6-c-button__icon pf-m-end">
342
- <span class="pf-v6-c-icon pf-v5-m-mirror-inline-rtl">
342
+ <span class="pf-v6-c-icon pf-v6-m-mirror-inline-rtl">
343
343
  <span class="pf-v6-c-icon__content">
344
344
  <i class="fas fa-arrow-right" aria-hidden="true"></i>
345
345
  </span>
@@ -382,7 +382,7 @@ wrapperTag: div
382
382
  <span
383
383
  class="pf-v6-c-button__icon pf-m-end"
384
384
  >
385
- <span class="pf-v6-c-icon pf-v5-m-mirror-inline-rtl">
385
+ <span class="pf-v6-c-icon pf-v6-m-mirror-inline-rtl">
386
386
  <span class="pf-v6-c-icon__content">
387
387
  <i class="fas fa-arrow-right" aria-hidden="true"></i>
388
388
  </span>
@@ -430,7 +430,7 @@ wrapperTag: div
430
430
  ```html
431
431
  <div
432
432
  class="pf-v6-l-gallery pf-m-gutter"
433
- style="--pf-v5-l-gallery--GridTemplateColumns--min: 260px;"
433
+ style="--pf-v6-l-gallery--GridTemplateColumns--min: 260px;"
434
434
  >
435
435
  <div class="pf-v6-c-card">
436
436
  <div class="pf-v6-c-card__title">
@@ -540,35 +540,35 @@ wrapperTag: div
540
540
  <div class="pf-v6-l-grid pf-m-gutter">
541
541
  <div class="pf-v6-l-grid__item">
542
542
  <div class="pf-v6-l-gallery pf-m-gutter">
543
- <div class="pf-v6-c-card pf-v5-u-text-align-center">
543
+ <div class="pf-v6-c-card pf-v6-u-text-align-center">
544
544
  <div class="pf-v6-c-card__title">
545
545
  <h2 class="pf-v6-c-card__title-text">5 Clusters</h2>
546
546
  </div>
547
547
  <div class="pf-v6-c-card__body">
548
548
  <i
549
- class="fas fa-check-circle pf-v5-u-success-color-100"
549
+ class="fas fa-check-circle pf-v6-u-success-color-100"
550
550
  aria-hidden="true"
551
551
  ></i>
552
552
  </div>
553
553
  </div>
554
- <div class="pf-v6-c-card pf-v5-u-text-align-center">
554
+ <div class="pf-v6-c-card pf-v6-u-text-align-center">
555
555
  <div class="pf-v6-c-card__title">
556
556
  <h2 class="pf-v6-c-card__title-text">15 Clusters</h2>
557
557
  </div>
558
558
  <div class="pf-v6-c-card__body">
559
559
  <i
560
- class="fas fa-exclamation-triangle pf-v5-u-warning-color-100"
560
+ class="fas fa-exclamation-triangle pf-v6-u-warning-color-100"
561
561
  aria-hidden="true"
562
562
  ></i>
563
563
  </div>
564
564
  </div>
565
- <div class="pf-v6-c-card pf-v5-u-text-align-center">
565
+ <div class="pf-v6-c-card pf-v6-u-text-align-center">
566
566
  <div class="pf-v6-c-card__title">
567
567
  <h2 class="pf-v6-c-card__title-text">3 Clusters</h2>
568
568
  </div>
569
569
  <div class="pf-v6-c-card__body">
570
570
  <i
571
- class="fas fa-times-circle pf-v5-u-danger-color-100"
571
+ class="fas fa-times-circle pf-v6-u-danger-color-100"
572
572
  aria-hidden="true"
573
573
  ></i>
574
574
  </div>
@@ -577,7 +577,7 @@ wrapperTag: div
577
577
  </div>
578
578
  <div class="pf-v6-l-grid__item">
579
579
  <div class="pf-v6-l-gallery pf-m-gutter">
580
- <div class="pf-v6-c-card pf-v5-u-text-align-center">
580
+ <div class="pf-v6-c-card pf-v6-u-text-align-center">
581
581
  <div class="pf-v6-c-card__title">
582
582
  <h2 class="pf-v6-c-card__title-text">10 Hosts</h2>
583
583
  </div>
@@ -586,7 +586,7 @@ wrapperTag: div
586
586
  <div class="pf-v6-l-flex pf-m-space-items-sm">
587
587
  <div class="pf-v6-l-flex__item">
588
588
  <i
589
- class="fas fa-exclamation-circle pf-v5-u-success-color-100"
589
+ class="fas fa-exclamation-circle pf-v6-u-success-color-100"
590
590
  aria-hidden="true"
591
591
  ></i>
592
592
  </div>
@@ -598,7 +598,7 @@ wrapperTag: div
598
598
  <div class="pf-v6-l-flex pf-m-space-items-sm">
599
599
  <div class="pf-v6-l-flex__item">
600
600
  <i
601
- class="fas fa-exclamation-triangle pf-v5-u-warning-color-100"
601
+ class="fas fa-exclamation-triangle pf-v6-u-warning-color-100"
602
602
  aria-hidden="true"
603
603
  ></i>
604
604
  </div>
@@ -609,7 +609,7 @@ wrapperTag: div
609
609
  </div>
610
610
  </div>
611
611
  </div>
612
- <div class="pf-v6-c-card pf-v5-u-text-align-center">
612
+ <div class="pf-v6-c-card pf-v6-u-text-align-center">
613
613
  <div class="pf-v6-c-card__title">
614
614
  <h2 class="pf-v6-c-card__title-text">50 Hosts</h2>
615
615
  </div>
@@ -618,7 +618,7 @@ wrapperTag: div
618
618
  <div class="pf-v6-l-flex pf-m-space-items-sm">
619
619
  <div class="pf-v6-l-flex__item">
620
620
  <i
621
- class="fas fa-check-circle pf-v5-u-success-color-100"
621
+ class="fas fa-check-circle pf-v6-u-success-color-100"
622
622
  aria-hidden="true"
623
623
  ></i>
624
624
  </div>
@@ -630,7 +630,7 @@ wrapperTag: div
630
630
  <div class="pf-v6-l-flex pf-m-space-items-sm">
631
631
  <div class="pf-v6-l-flex__item">
632
632
  <i
633
- class="fas fa-times-circle pf-v5-u-danger-color-100"
633
+ class="fas fa-times-circle pf-v6-u-danger-color-100"
634
634
  aria-hidden="true"
635
635
  ></i>
636
636
  </div>
@@ -641,7 +641,7 @@ wrapperTag: div
641
641
  </div>
642
642
  </div>
643
643
  </div>
644
- <div class="pf-v6-c-card pf-v5-u-text-align-center">
644
+ <div class="pf-v6-c-card pf-v6-u-text-align-center">
645
645
  <div class="pf-v6-c-card__title">
646
646
  <h2 class="pf-v6-c-card__title-text">12 Hosts</h2>
647
647
  </div>
@@ -650,7 +650,7 @@ wrapperTag: div
650
650
  <div class="pf-v6-l-flex pf-m-space-items-sm">
651
651
  <div class="pf-v6-l-flex__item">
652
652
  <i
653
- class="fas fa-exclamation-triangle pf-v5-u-warning-color-100"
653
+ class="fas fa-exclamation-triangle pf-v6-u-warning-color-100"
654
654
  aria-hidden="true"
655
655
  ></i>
656
656
  </div>
@@ -662,7 +662,7 @@ wrapperTag: div
662
662
  <div class="pf-v6-l-flex pf-m-space-items-sm">
663
663
  <div class="pf-v6-l-flex__item">
664
664
  <i
665
- class="fas fa-times-circle pf-v5-u-danger-color-100"
665
+ class="fas fa-times-circle pf-v6-u-danger-color-100"
666
666
  aria-hidden="true"
667
667
  ></i>
668
668
  </div>
@@ -678,12 +678,12 @@ wrapperTag: div
678
678
  <div class="pf-v6-l-grid__item">
679
679
  <div
680
680
  class="pf-v6-l-gallery pf-m-gutter"
681
- style="--pf-v5-l-gallery--GridTemplateColumns--min: 260px;"
681
+ style="--pf-v6-l-gallery--GridTemplateColumns--min: 260px;"
682
682
  >
683
683
  <div class="pf-v6-c-card">
684
684
  <div class="pf-v6-c-card__title">
685
685
  <h2
686
- class="pf-v6-c-card__title-text pf-v5-u-text-align-center"
686
+ class="pf-v6-c-card__title-text pf-v6-u-text-align-center"
687
687
  >13 Hosts</h2>
688
688
  </div>
689
689
  <div class="pf-v6-c-card__body">
@@ -693,7 +693,7 @@ wrapperTag: div
693
693
  <div class="pf-v6-l-flex pf-m-space-items-sm">
694
694
  <div class="pf-v6-l-flex__item">
695
695
  <i
696
- class="fas fa-times-circle pf-v5-u-danger-color-100"
696
+ class="fas fa-times-circle pf-v6-u-danger-color-100"
697
697
  aria-hidden="true"
698
698
  ></i>
699
699
  </div>
@@ -705,7 +705,7 @@ wrapperTag: div
705
705
  <div class="pf-v6-l-flex pf-m-space-items-sm">
706
706
  <div class="pf-v6-l-flex__item">
707
707
  <i
708
- class="fas fa-exclamation-triangle pf-v5-u-warning-color-100"
708
+ class="fas fa-exclamation-triangle pf-v6-u-warning-color-100"
709
709
  aria-hidden="true"
710
710
  ></i>
711
711
  </div>
@@ -718,7 +718,7 @@ wrapperTag: div
718
718
  </div>
719
719
  </div>
720
720
  <div class="pf-v6-c-card">
721
- <div class="pf-v6-c-card__title pf-v5-u-text-align-center">
721
+ <div class="pf-v6-c-card__title pf-v6-u-text-align-center">
722
722
  <h2 class="pf-v6-c-card__title-text">3 Hosts</h2>
723
723
  </div>
724
724
  <div class="pf-v6-c-card__body">
@@ -728,7 +728,7 @@ wrapperTag: div
728
728
  <div class="pf-v6-l-flex pf-m-space-items-sm">
729
729
  <div class="pf-v6-l-flex__item">
730
730
  <i
731
- class="fas fa-check-circle pf-v5-u-success-color-100"
731
+ class="fas fa-check-circle pf-v6-u-success-color-100"
732
732
  aria-hidden="true"
733
733
  ></i>
734
734
  </div>
@@ -740,7 +740,7 @@ wrapperTag: div
740
740
  <div class="pf-v6-l-flex pf-m-space-items-sm">
741
741
  <div class="pf-v6-l-flex__item">
742
742
  <i
743
- class="fas fa-exclamation-triangle pf-v5-u-warning-color-100"
743
+ class="fas fa-exclamation-triangle pf-v6-u-warning-color-100"
744
744
  aria-hidden="true"
745
745
  ></i>
746
746
  </div>
@@ -753,7 +753,7 @@ wrapperTag: div
753
753
  </div>
754
754
  </div>
755
755
  <div class="pf-v6-c-card">
756
- <div class="pf-v6-c-card__title pf-v5-u-text-align-center">
756
+ <div class="pf-v6-c-card__title pf-v6-u-text-align-center">
757
757
  <h2 class="pf-v6-c-card__title-text">50 Hosts</h2>
758
758
  </div>
759
759
  <div class="pf-v6-c-card__body">
@@ -763,7 +763,7 @@ wrapperTag: div
763
763
  <div class="pf-v6-l-flex pf-m-space-items-sm">
764
764
  <div class="pf-v6-l-flex__item">
765
765
  <i
766
- class="fas fa-exclamation-triangle pf-v5-u-warning-color-100"
766
+ class="fas fa-exclamation-triangle pf-v6-u-warning-color-100"
767
767
  aria-hidden="true"
768
768
  ></i>
769
769
  </div>
@@ -775,7 +775,7 @@ wrapperTag: div
775
775
  <div class="pf-v6-l-flex pf-m-space-items-sm">
776
776
  <div class="pf-v6-l-flex__item">
777
777
  <i
778
- class="fas fa-times-circle pf-v5-u-danger-color-100"
778
+ class="fas fa-times-circle pf-v6-u-danger-color-100"
779
779
  aria-hidden="true"
780
780
  ></i>
781
781
  </div>
@@ -1143,7 +1143,7 @@ wrapperTag: div
1143
1143
  <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
1144
1144
  </span>
1145
1145
  <h2
1146
- class="pf-v6-c-notification-drawer__list-item-header-title pf-v5-u-danger-color-200"
1146
+ class="pf-v6-c-notification-drawer__list-item-header-title pf-v6-u-danger-color-200"
1147
1147
  >
1148
1148
  <span class="pf-v6-screen-reader">Danger notification:</span>
1149
1149
  Critical alert regarding control plane
@@ -1162,7 +1162,7 @@ wrapperTag: div
1162
1162
  <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
1163
1163
  </span>
1164
1164
  <h2
1165
- class="pf-v6-c-notification-drawer__list-item-header-title pf-v5-u-warning-color-200"
1165
+ class="pf-v6-c-notification-drawer__list-item-header-title pf-v6-u-warning-color-200"
1166
1166
  >
1167
1167
  <span class="pf-v6-screen-reader">Warning notification:</span>
1168
1168
  Warning alert
@@ -1336,7 +1336,7 @@ wrapperTag: div
1336
1336
  <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
1337
1337
  </span>
1338
1338
  <h2
1339
- class="pf-v6-c-notification-drawer__list-item-header-title pf-v5-u-danger-color-200"
1339
+ class="pf-v6-c-notification-drawer__list-item-header-title pf-v6-u-danger-color-200"
1340
1340
  >
1341
1341
  <span class="pf-v6-screen-reader">Danger notification:</span>
1342
1342
  Critical alert regarding control plane
@@ -1355,7 +1355,7 @@ wrapperTag: div
1355
1355
  <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
1356
1356
  </span>
1357
1357
  <h2
1358
- class="pf-v6-c-notification-drawer__list-item-header-title pf-v5-u-warning-color-200"
1358
+ class="pf-v6-c-notification-drawer__list-item-header-title pf-v6-u-warning-color-200"
1359
1359
  >
1360
1360
  <span class="pf-v6-screen-reader">Warning notification:</span>
1361
1361
  Warning alert
@@ -1414,7 +1414,7 @@ wrapperTag: div
1414
1414
  aria-modal="true"
1415
1415
  aria-labelledby="status-card-expanded-with-popover-example-popover-popover-right-header"
1416
1416
  aria-describedby="status-card-expanded-with-popover-example-popover-popover-right-body"
1417
- style="--pf-v5-c-popover--MinWidth: 400px;"
1417
+ style="--pf-v6-c-popover--MinWidth: 400px;"
1418
1418
  >
1419
1419
  <div class="pf-v6-c-popover__arrow"></div>
1420
1420
  <div class="pf-v6-c-popover__content">
@@ -1827,7 +1827,7 @@ wrapperTag: div
1827
1827
  <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
1828
1828
  </span>
1829
1829
  <h2
1830
- class="pf-v6-c-notification-drawer__list-item-header-title pf-v5-u-danger-color-200"
1830
+ class="pf-v6-c-notification-drawer__list-item-header-title pf-v6-u-danger-color-200"
1831
1831
  >
1832
1832
  <span class="pf-v6-screen-reader">Danger notification:</span>
1833
1833
  Critical alert regarding control plane
@@ -1846,7 +1846,7 @@ wrapperTag: div
1846
1846
  <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
1847
1847
  </span>
1848
1848
  <h2
1849
- class="pf-v6-c-notification-drawer__list-item-header-title pf-v5-u-warning-color-200"
1849
+ class="pf-v6-c-notification-drawer__list-item-header-title pf-v6-u-warning-color-200"
1850
1850
  >
1851
1851
  <span class="pf-v6-screen-reader">Warning notification:</span>
1852
1852
  Warning alert
@@ -1869,7 +1869,7 @@ wrapperTag: div
1869
1869
  ```html
1870
1870
  <div
1871
1871
  class="pf-v6-l-gallery pf-m-gutter"
1872
- style="--pf-v5-l-gallery--GridTemplateColumns--min: 360px;"
1872
+ style="--pf-v6-l-gallery--GridTemplateColumns--min: 360px;"
1873
1873
  >
1874
1874
  <div class="pf-v6-c-card" id="utilization-card-1-example">
1875
1875
  <div class="pf-v6-c-card__title" id="utilization-card-1-example-title1">
@@ -1913,7 +1913,7 @@ wrapperTag: div
1913
1913
  ```html
1914
1914
  <div
1915
1915
  class="pf-v6-l-gallery pf-m-gutter"
1916
- style="--pf-v5-l-gallery--GridTemplateColumns--min: 360px;"
1916
+ style="--pf-v6-l-gallery--GridTemplateColumns--min: 360px;"
1917
1917
  >
1918
1918
  <div class="pf-v6-c-card" id="utilization-card-2-example">
1919
1919
  <div class="pf-v6-c-card__title" id="utilization-card-2-example-title1">
@@ -1959,10 +1959,10 @@ wrapperTag: div
1959
1959
  <br />
1960
1960
  <div
1961
1961
  class="pf-v6-l-gallery pf-m-gutter"
1962
- style="--pf-v5-l-gallery--GridTemplateColumns--min: 360px;"
1962
+ style="--pf-v6-l-gallery--GridTemplateColumns--min: 360px;"
1963
1963
  >
1964
1964
  <div class="pf-v6-c-card" id="utilization-card-3-example">
1965
- <div class="pf-v6-c-card__header pf-v5-u-align-items-flex-start">
1965
+ <div class="pf-v6-c-card__header pf-v6-u-align-items-flex-start">
1966
1966
  <div class="pf-v6-c-card__header-main">
1967
1967
  <div class="pf-v6-c-card__title" id="utilization-card-3-example-title1">
1968
1968
  <h2 class="pf-v6-c-title pf-m-lg">Recommendations</h2>
@@ -2033,7 +2033,7 @@ wrapperTag: div
2033
2033
  <span>System</span>
2034
2034
  <div class="pf-v6-l-flex pf-m-space-items-sm">
2035
2035
  <i
2036
- class="fas fa-exclamation-circle pf-v5-u-danger-color-100"
2036
+ class="fas fa-exclamation-circle pf-v6-u-danger-color-100"
2037
2037
  aria-hidden="true"
2038
2038
  ></i>
2039
2039
  <a hfer="#">25 incidents detected</a>
@@ -2056,7 +2056,7 @@ wrapperTag: div
2056
2056
  ```html
2057
2057
  <div
2058
2058
  class="pf-v6-l-gallery pf-m-gutter"
2059
- style="--pf-v5-l-gallery--GridTemplateColumns--min: 360px;"
2059
+ style="--pf-v6-l-gallery--GridTemplateColumns--min: 360px;"
2060
2060
  >
2061
2061
  <div class="pf-v6-c-card" id="utilization-card-4-example">
2062
2062
  <div class="pf-v6-c-card__title" id="utilization-card-4-example-title1">
@@ -2112,7 +2112,7 @@ wrapperTag: div
2112
2112
  class="pf-v6-c-card__title"
2113
2113
  id="nested-cards-toggle-right-example-group-1-title"
2114
2114
  >
2115
- <h2 class="pf-v6-c-card__title-text pf-v5-u-font-weight-light">CPU 1</h2>
2115
+ <h2 class="pf-v6-c-card__title-text pf-v6-u-font-weight-light">CPU 1</h2>
2116
2116
  </div>
2117
2117
  </div>
2118
2118
  </div>
@@ -2122,13 +2122,13 @@ wrapperTag: div
2122
2122
  <div class="pf-v6-l-grid pf-m-gutter">
2123
2123
  <div class="pf-v6-l-grid__item pf-m-4-col-on-md">
2124
2124
  <div
2125
- class="pf-v6-l-flex pf-m-column-on-md pf-m-space-items-none-on-md pf-m-justify-content-center-on-md pf-v5-u-h-100-on-md"
2125
+ class="pf-v6-l-flex pf-m-column-on-md pf-m-space-items-none-on-md pf-m-justify-content-center-on-md pf-v6-u-h-100-on-md"
2126
2126
  >
2127
2127
  <div class="pf-v6-l-flex__item">
2128
2128
  <b>Temperature</b>
2129
2129
  </div>
2130
2130
  <hr
2131
- class="pf-v6-c-divider pf-m-vertical pf-m-inset-sm pf-v5-u-hidden-on-md"
2131
+ class="pf-v6-c-divider pf-m-vertical pf-m-inset-sm pf-v6-u-hidden-on-md"
2132
2132
  />
2133
2133
  <div class="pf-v6-l-flex__item">
2134
2134
  <span>64C</span>
@@ -2157,17 +2157,17 @@ wrapperTag: div
2157
2157
  </div>
2158
2158
  </div>
2159
2159
  </div>
2160
- <hr class="pf-v6-c-divider pf-v5-u-hidden-on-md" />
2160
+ <hr class="pf-v6-c-divider pf-v6-u-hidden-on-md" />
2161
2161
  <div class="pf-v6-l-grid pf-m-gutter">
2162
2162
  <div class="pf-v6-l-grid__item pf-m-4-col-on-md">
2163
2163
  <div
2164
- class="pf-v6-l-flex pf-m-column-on-md pf-m-space-items-none-on-md pf-m-justify-content-center-on-md pf-v5-u-h-100-on-md"
2164
+ class="pf-v6-l-flex pf-m-column-on-md pf-m-space-items-none-on-md pf-m-justify-content-center-on-md pf-v6-u-h-100-on-md"
2165
2165
  >
2166
2166
  <div class="pf-v6-l-flex__item">
2167
2167
  <b>Speed</b>
2168
2168
  </div>
2169
2169
  <hr
2170
- class="pf-v6-c-divider pf-m-vertical pf-m-inset-sm pf-v5-u-hidden-on-md"
2170
+ class="pf-v6-c-divider pf-m-vertical pf-m-inset-sm pf-v6-u-hidden-on-md"
2171
2171
  />
2172
2172
  <div class="pf-v6-l-flex__item">
2173
2173
  <span>2.3Ghz</span>
@@ -2223,7 +2223,7 @@ wrapperTag: div
2223
2223
  class="pf-v6-c-card__title"
2224
2224
  id="nested-cards-toggle-right-example-group-2-title"
2225
2225
  >
2226
- <h2 class="pf-v6-c-card__title-text pf-v5-u-font-weight-light">CPU 2</h2>
2226
+ <h2 class="pf-v6-c-card__title-text pf-v6-u-font-weight-light">CPU 2</h2>
2227
2227
  </div>
2228
2228
  </div>
2229
2229
  </div>
@@ -2251,7 +2251,7 @@ wrapperTag: div
2251
2251
  class="pf-v6-c-card__title"
2252
2252
  id="nested-cards-toggle-right-example-group-3-title&quot;"
2253
2253
  >
2254
- <h2 class="pf-v6-c-card__title-text pf-v5-u-font-weight-light">CPU 3</h2>
2254
+ <h2 class="pf-v6-c-card__title-text pf-v6-u-font-weight-light">CPU 3</h2>
2255
2255
  </div>
2256
2256
  </div>
2257
2257
  </div>
@@ -2294,7 +2294,7 @@ wrapperTag: div
2294
2294
  class="pf-v6-c-card__title"
2295
2295
  id="nested-cards-example-group-1-title"
2296
2296
  >
2297
- <h2 class="pf-v6-c-card__title-text pf-v5-u-font-weight-light">CPU 1</h2>
2297
+ <h2 class="pf-v6-c-card__title-text pf-v6-u-font-weight-light">CPU 1</h2>
2298
2298
  </div>
2299
2299
  </div>
2300
2300
  </div>
@@ -2304,13 +2304,13 @@ wrapperTag: div
2304
2304
  <div class="pf-v6-l-grid pf-m-gutter">
2305
2305
  <div class="pf-v6-l-grid__item pf-m-4-col-on-md">
2306
2306
  <div
2307
- class="pf-v6-l-flex pf-m-column-on-md pf-m-space-items-none-on-md pf-m-justify-content-center-on-md pf-v5-u-h-100-on-md"
2307
+ class="pf-v6-l-flex pf-m-column-on-md pf-m-space-items-none-on-md pf-m-justify-content-center-on-md pf-v6-u-h-100-on-md"
2308
2308
  >
2309
2309
  <div class="pf-v6-l-flex__item">
2310
2310
  <b>Temperature</b>
2311
2311
  </div>
2312
2312
  <hr
2313
- class="pf-v6-c-divider pf-m-vertical pf-m-inset-sm pf-v5-u-hidden-on-md"
2313
+ class="pf-v6-c-divider pf-m-vertical pf-m-inset-sm pf-v6-u-hidden-on-md"
2314
2314
  />
2315
2315
  <div class="pf-v6-l-flex__item">
2316
2316
  <span>64C</span>
@@ -2339,17 +2339,17 @@ wrapperTag: div
2339
2339
  </div>
2340
2340
  </div>
2341
2341
  </div>
2342
- <hr class="pf-v6-c-divider pf-v5-u-hidden-on-md" />
2342
+ <hr class="pf-v6-c-divider pf-v6-u-hidden-on-md" />
2343
2343
  <div class="pf-v6-l-grid pf-m-gutter">
2344
2344
  <div class="pf-v6-l-grid__item pf-m-4-col-on-md">
2345
2345
  <div
2346
- class="pf-v6-l-flex pf-m-column-on-md pf-m-space-items-none-on-md pf-m-justify-content-center-on-md pf-v5-u-h-100-on-md"
2346
+ class="pf-v6-l-flex pf-m-column-on-md pf-m-space-items-none-on-md pf-m-justify-content-center-on-md pf-v6-u-h-100-on-md"
2347
2347
  >
2348
2348
  <div class="pf-v6-l-flex__item">
2349
2349
  <b>Speed</b>
2350
2350
  </div>
2351
2351
  <hr
2352
- class="pf-v6-c-divider pf-m-vertical pf-m-inset-sm pf-v5-u-hidden-on-md"
2352
+ class="pf-v6-c-divider pf-m-vertical pf-m-inset-sm pf-v6-u-hidden-on-md"
2353
2353
  />
2354
2354
  <div class="pf-v6-l-flex__item">
2355
2355
  <span>2.3Ghz</span>
@@ -2402,7 +2402,7 @@ wrapperTag: div
2402
2402
  class="pf-v6-c-card__title"
2403
2403
  id="nested-cards-example-group-2-title"
2404
2404
  >
2405
- <h2 class="pf-v6-c-card__title-text pf-v5-u-font-weight-light">CPU 2</h2>
2405
+ <h2 class="pf-v6-c-card__title-text pf-v6-u-font-weight-light">CPU 2</h2>
2406
2406
  </div>
2407
2407
  </div>
2408
2408
  </div>
@@ -2427,7 +2427,7 @@ wrapperTag: div
2427
2427
  class="pf-v6-c-card__title"
2428
2428
  id="nested-cards-example-group-3-title"
2429
2429
  >
2430
- <h2 class="pf-v6-c-card__title-text pf-v5-u-font-weight-light">CPU 3</h2>
2430
+ <h2 class="pf-v6-c-card__title-text pf-v6-u-font-weight-light">CPU 3</h2>
2431
2431
  </div>
2432
2432
  </div>
2433
2433
  </div>
@@ -2456,7 +2456,7 @@ wrapperTag: div
2456
2456
  aria-expanded="true"
2457
2457
  >
2458
2458
  <span class="pf-v6-c-accordion__toggle-text">
2459
- <span class="pf-v5-u-font-weight-light">CPU 1</span>
2459
+ <span class="pf-v6-u-font-weight-light">CPU 1</span>
2460
2460
  </span>
2461
2461
  <span class="pf-v6-c-accordion__toggle-icon">
2462
2462
  <i class="fas fa-angle-right" aria-hidden="true"></i>
@@ -2469,13 +2469,13 @@ wrapperTag: div
2469
2469
  <div class="pf-v6-l-grid pf-m-gutter">
2470
2470
  <div class="pf-v6-l-grid__item pf-m-4-col-on-md">
2471
2471
  <div
2472
- class="pf-v6-l-flex pf-m-column-on-md pf-m-space-items-none-on-md pf-m-justify-content-center-on-md pf-v5-u-h-100-on-md"
2472
+ class="pf-v6-l-flex pf-m-column-on-md pf-m-space-items-none-on-md pf-m-justify-content-center-on-md pf-v6-u-h-100-on-md"
2473
2473
  >
2474
2474
  <div class="pf-v6-l-flex__item">
2475
2475
  <b>Temperature</b>
2476
2476
  </div>
2477
2477
  <hr
2478
- class="pf-v6-c-divider pf-m-vertical pf-m-inset-sm pf-v5-u-hidden-on-md"
2478
+ class="pf-v6-c-divider pf-m-vertical pf-m-inset-sm pf-v6-u-hidden-on-md"
2479
2479
  />
2480
2480
  <div class="pf-v6-l-flex__item">
2481
2481
  <span>64C</span>
@@ -2504,17 +2504,17 @@ wrapperTag: div
2504
2504
  </div>
2505
2505
  </div>
2506
2506
  </div>
2507
- <hr class="pf-v6-c-divider pf-v5-u-hidden-on-md" />
2507
+ <hr class="pf-v6-c-divider pf-v6-u-hidden-on-md" />
2508
2508
  <div class="pf-v6-l-grid pf-m-gutter">
2509
2509
  <div class="pf-v6-l-grid__item pf-m-4-col-on-md">
2510
2510
  <div
2511
- class="pf-v6-l-flex pf-m-column-on-md pf-m-space-items-none-on-md pf-m-justify-content-center-on-md pf-v5-u-h-100-on-md"
2511
+ class="pf-v6-l-flex pf-m-column-on-md pf-m-space-items-none-on-md pf-m-justify-content-center-on-md pf-v6-u-h-100-on-md"
2512
2512
  >
2513
2513
  <div class="pf-v6-l-flex__item">
2514
2514
  <b>Speed</b>
2515
2515
  </div>
2516
2516
  <hr
2517
- class="pf-v6-c-divider pf-m-vertical pf-m-inset-sm pf-v5-u-hidden-on-md"
2517
+ class="pf-v6-c-divider pf-m-vertical pf-m-inset-sm pf-v6-u-hidden-on-md"
2518
2518
  />
2519
2519
  <div class="pf-v6-l-flex__item">
2520
2520
  <span>2.3Ghz</span>
@@ -2554,7 +2554,7 @@ wrapperTag: div
2554
2554
  aria-expanded="false"
2555
2555
  >
2556
2556
  <span class="pf-v6-c-accordion__toggle-text">
2557
- <span class="pf-v5-u-font-weight-light">CPU 2</span>
2557
+ <span class="pf-v6-u-font-weight-light">CPU 2</span>
2558
2558
  </span>
2559
2559
  <span class="pf-v6-c-accordion__toggle-icon">
2560
2560
  <i class="fas fa-angle-right" aria-hidden="true"></i>
@@ -2566,13 +2566,13 @@ wrapperTag: div
2566
2566
  <div class="pf-v6-l-grid pf-m-gutter">
2567
2567
  <div class="pf-v6-l-grid__item pf-m-4-col-on-md">
2568
2568
  <div
2569
- class="pf-v6-l-flex pf-m-column-on-md pf-m-space-items-none-on-md pf-m-justify-content-center-on-md pf-v5-u-h-100-on-md"
2569
+ class="pf-v6-l-flex pf-m-column-on-md pf-m-space-items-none-on-md pf-m-justify-content-center-on-md pf-v6-u-h-100-on-md"
2570
2570
  >
2571
2571
  <div class="pf-v6-l-flex__item">
2572
2572
  <b>Temperature</b>
2573
2573
  </div>
2574
2574
  <hr
2575
- class="pf-v6-c-divider pf-m-vertical pf-m-inset-sm pf-v5-u-hidden-on-md"
2575
+ class="pf-v6-c-divider pf-m-vertical pf-m-inset-sm pf-v6-u-hidden-on-md"
2576
2576
  />
2577
2577
  <div class="pf-v6-l-flex__item">
2578
2578
  <span>64C</span>
@@ -2601,17 +2601,17 @@ wrapperTag: div
2601
2601
  </div>
2602
2602
  </div>
2603
2603
  </div>
2604
- <hr class="pf-v6-c-divider pf-v5-u-hidden-on-md" />
2604
+ <hr class="pf-v6-c-divider pf-v6-u-hidden-on-md" />
2605
2605
  <div class="pf-v6-l-grid pf-m-gutter">
2606
2606
  <div class="pf-v6-l-grid__item pf-m-4-col-on-md">
2607
2607
  <div
2608
- class="pf-v6-l-flex pf-m-column-on-md pf-m-space-items-none-on-md pf-m-justify-content-center-on-md pf-v5-u-h-100-on-md"
2608
+ class="pf-v6-l-flex pf-m-column-on-md pf-m-space-items-none-on-md pf-m-justify-content-center-on-md pf-v6-u-h-100-on-md"
2609
2609
  >
2610
2610
  <div class="pf-v6-l-flex__item">
2611
2611
  <b>Speed</b>
2612
2612
  </div>
2613
2613
  <hr
2614
- class="pf-v6-c-divider pf-m-vertical pf-m-inset-sm pf-v5-u-hidden-on-md"
2614
+ class="pf-v6-c-divider pf-m-vertical pf-m-inset-sm pf-v6-u-hidden-on-md"
2615
2615
  />
2616
2616
  <div class="pf-v6-l-flex__item">
2617
2617
  <span>2.3Ghz</span>
@@ -2650,7 +2650,7 @@ wrapperTag: div
2650
2650
  aria-expanded="false"
2651
2651
  >
2652
2652
  <span class="pf-v6-c-accordion__toggle-text">
2653
- <span class="pf-v5-u-font-weight-light">CPU 3</span>
2653
+ <span class="pf-v6-u-font-weight-light">CPU 3</span>
2654
2654
  </span>
2655
2655
  <span class="pf-v6-c-accordion__toggle-icon">
2656
2656
  <i class="fas fa-angle-right" aria-hidden="true"></i>
@@ -2662,13 +2662,13 @@ wrapperTag: div
2662
2662
  <div class="pf-v6-l-grid pf-m-gutter">
2663
2663
  <div class="pf-v6-l-grid__item pf-m-4-col-on-md">
2664
2664
  <div
2665
- class="pf-v6-l-flex pf-m-column-on-md pf-m-space-items-none-on-md pf-m-justify-content-center-on-md pf-v5-u-h-100-on-md"
2665
+ class="pf-v6-l-flex pf-m-column-on-md pf-m-space-items-none-on-md pf-m-justify-content-center-on-md pf-v6-u-h-100-on-md"
2666
2666
  >
2667
2667
  <div class="pf-v6-l-flex__item">
2668
2668
  <b>Temperature</b>
2669
2669
  </div>
2670
2670
  <hr
2671
- class="pf-v6-c-divider pf-m-vertical pf-m-inset-sm pf-v5-u-hidden-on-md"
2671
+ class="pf-v6-c-divider pf-m-vertical pf-m-inset-sm pf-v6-u-hidden-on-md"
2672
2672
  />
2673
2673
  <div class="pf-v6-l-flex__item">
2674
2674
  <span>64C</span>
@@ -2697,17 +2697,17 @@ wrapperTag: div
2697
2697
  </div>
2698
2698
  </div>
2699
2699
  </div>
2700
- <hr class="pf-v6-c-divider pf-v5-u-hidden-on-md" />
2700
+ <hr class="pf-v6-c-divider pf-v6-u-hidden-on-md" />
2701
2701
  <div class="pf-v6-l-grid pf-m-gutter">
2702
2702
  <div class="pf-v6-l-grid__item pf-m-4-col-on-md">
2703
2703
  <div
2704
- class="pf-v6-l-flex pf-m-column-on-md pf-m-space-items-none-on-md pf-m-justify-content-center-on-md pf-v5-u-h-100-on-md"
2704
+ class="pf-v6-l-flex pf-m-column-on-md pf-m-space-items-none-on-md pf-m-justify-content-center-on-md pf-v6-u-h-100-on-md"
2705
2705
  >
2706
2706
  <div class="pf-v6-l-flex__item">
2707
2707
  <b>Speed</b>
2708
2708
  </div>
2709
2709
  <hr
2710
- class="pf-v6-c-divider pf-m-vertical pf-m-inset-sm pf-v5-u-hidden-on-md"
2710
+ class="pf-v6-c-divider pf-m-vertical pf-m-inset-sm pf-v6-u-hidden-on-md"
2711
2711
  />
2712
2712
  <div class="pf-v6-l-flex__item">
2713
2713
  <span>2.3Ghz</span>
@@ -2753,7 +2753,7 @@ wrapperTag: div
2753
2753
  <br />
2754
2754
  <div
2755
2755
  class="pf-v6-l-gallery pf-m-gutter"
2756
- style="--pf-v5-l-gallery--GridTemplateColumns--min: 360px;"
2756
+ style="--pf-v6-l-gallery--GridTemplateColumns--min: 360px;"
2757
2757
  >
2758
2758
  <div class="pf-v6-c-card" id="trend-card-1-example">
2759
2759
  <div class="pf-v6-c-card__header">
@@ -2761,7 +2761,7 @@ wrapperTag: div
2761
2761
  <div class="pf-v6-c-card__title" id="trend-card-1-example-title">
2762
2762
  <h1 class="pf-v6-c-title pf-m-2xl">1,050,765 IOPS</h1>
2763
2763
  </div>
2764
- <span class="pf-v5-u-color-200">Workload</span>
2764
+ <span class="pf-v6-u-color-200">Workload</span>
2765
2765
  </div>
2766
2766
  <div
2767
2767
  class="pf-v6-c-card__actions pf-m-no-offset"
@@ -2841,7 +2841,7 @@ wrapperTag: div
2841
2841
  ```html
2842
2842
  <div
2843
2843
  class="pf-v6-l-gallery pf-m-gutter"
2844
- style="--pf-v5-l-gallery--GridTemplateColumns--min: 360px;"
2844
+ style="--pf-v6-l-gallery--GridTemplateColumns--min: 360px;"
2845
2845
  >
2846
2846
  <div class="pf-v6-c-card" id="trend-card-2-example">
2847
2847
  <div class="pf-v6-c-card__header">
@@ -2852,7 +2852,7 @@ wrapperTag: div
2852
2852
  <div class="pf-v6-c-card__title" id="trend-card-2-example-title">
2853
2853
  <h1 class="pf-v6-c-title pf-m-2xl">842 TB</h1>
2854
2854
  </div>
2855
- <span class="pf-v5-u-color-200">Storage capacity</span>
2855
+ <span class="pf-v6-u-color-200">Storage capacity</span>
2856
2856
  </div>
2857
2857
  </div>
2858
2858
  <div class="pf-v6-l-flex__item pf-m-flex-1">
@@ -2883,10 +2883,10 @@ wrapperTag: div
2883
2883
  <br />
2884
2884
  <div
2885
2885
  class="pf-v6-l-gallery pf-m-gutter"
2886
- style="--pf-v5-l-gallery--GridTemplateColumns--min: 360px;"
2886
+ style="--pf-v6-l-gallery--GridTemplateColumns--min: 360px;"
2887
2887
  >
2888
2888
  <div class="pf-v6-c-card" id="card-log-view-example">
2889
- <div class="pf-v6-c-card__header pf-v5-u-align-items-flex-start">
2889
+ <div class="pf-v6-c-card__header pf-v6-u-align-items-flex-start">
2890
2890
  <div class="pf-v6-c-card__actions pf-m-no-offset">
2891
2891
  <div class="pf-v6-c-select">
2892
2892
  <span
@@ -2968,7 +2968,7 @@ wrapperTag: div
2968
2968
  <dd class="pf-v6-c-description-list__description">
2969
2969
  <div class="pf-v6-c-description-list__text">
2970
2970
  <time
2971
- class="pf-v5-u-color-200 pf-v5-u-font-size-sm"
2971
+ class="pf-v6-u-color-200 pf-v6-u-font-size-sm"
2972
2972
  >Jun 17, 11:02 am</time>
2973
2973
  </div>
2974
2974
  </dd>
@@ -2983,7 +2983,7 @@ wrapperTag: div
2983
2983
  <dd class="pf-v6-c-description-list__description">
2984
2984
  <div class="pf-v6-c-description-list__text">
2985
2985
  <time
2986
- class="pf-v5-u-color-200 pf-v5-u-font-size-sm"
2986
+ class="pf-v6-u-color-200 pf-v6-u-font-size-sm"
2987
2987
  >Jun 17, 11:13 am</time>
2988
2988
  </div>
2989
2989
  </dd>
@@ -2998,7 +2998,7 @@ wrapperTag: div
2998
2998
  <dd class="pf-v6-c-description-list__description">
2999
2999
  <div class="pf-v6-c-description-list__text">
3000
3000
  <time
3001
- class="pf-v5-u-color-200 pf-v5-u-font-size-sm"
3001
+ class="pf-v6-u-color-200 pf-v6-u-font-size-sm"
3002
3002
  >Jun 17, 10:59 am</time>
3003
3003
  </div>
3004
3004
  </dd>
@@ -3013,7 +3013,7 @@ wrapperTag: div
3013
3013
  <dd class="pf-v6-c-description-list__description">
3014
3014
  <div class="pf-v6-c-description-list__text">
3015
3015
  <time
3016
- class="pf-v5-u-color-200 pf-v5-u-font-size-sm"
3016
+ class="pf-v6-u-color-200 pf-v6-u-font-size-sm"
3017
3017
  >Jun 17, 10:45 am</time>
3018
3018
  </div>
3019
3019
  </dd>
@@ -3038,10 +3038,10 @@ wrapperTag: div
3038
3038
  <br />
3039
3039
  <div
3040
3040
  class="pf-v6-l-gallery pf-m-gutter"
3041
- style="--pf-v5-l-gallery--GridTemplateColumns--min: 360px;"
3041
+ style="--pf-v6-l-gallery--GridTemplateColumns--min: 360px;"
3042
3042
  >
3043
3043
  <div class="pf-v6-c-card" id="card-events-view-example">
3044
- <div class="pf-v6-c-card__header pf-v5-u-align-items-flex-start">
3044
+ <div class="pf-v6-c-card__header pf-v6-u-align-items-flex-start">
3045
3045
  <div class="pf-v6-c-card__actions pf-m-no-offset">
3046
3046
  <div class="pf-v6-c-select">
3047
3047
  <span
@@ -3118,7 +3118,7 @@ wrapperTag: div
3118
3118
  <div class="pf-v6-l-flex pf-m-nowrap pf-m-space-items-sm">
3119
3119
  <div class="pf-v6-l-flex__item">
3120
3120
  <i
3121
- class="fas fa-exclamation-circle pf-v5-u-danger-color-100"
3121
+ class="fas fa-exclamation-circle pf-v6-u-danger-color-100"
3122
3122
  aria-hidden="true"
3123
3123
  ></i>
3124
3124
  </div>
@@ -3133,7 +3133,7 @@ wrapperTag: div
3133
3133
  <dd class="pf-v6-c-description-list__description">
3134
3134
  <div class="pf-v6-c-description-list__text">
3135
3135
  <time
3136
- class="pf-v5-u-color-200 pf-v5-u-font-size-sm"
3136
+ class="pf-v6-u-color-200 pf-v6-u-font-size-sm"
3137
3137
  >Jun 17, 11:02 am</time>
3138
3138
  </div>
3139
3139
  </dd>
@@ -3143,7 +3143,7 @@ wrapperTag: div
3143
3143
  <div class="pf-v6-l-flex pf-m-nowrap pf-m-space-items-sm">
3144
3144
  <div class="pf-v6-l-flex__item">
3145
3145
  <i
3146
- class="fas fa-check-circle pf-v5-u-success-color-100"
3146
+ class="fas fa-check-circle pf-v6-u-success-color-100"
3147
3147
  aria-hidden="true"
3148
3148
  ></i>
3149
3149
  </div>
@@ -3158,7 +3158,7 @@ wrapperTag: div
3158
3158
  <dd class="pf-v6-c-description-list__description">
3159
3159
  <div class="pf-v6-c-description-list__text">
3160
3160
  <time
3161
- class="pf-v5-u-color-200 pf-v5-u-font-size-sm"
3161
+ class="pf-v6-u-color-200 pf-v6-u-font-size-sm"
3162
3162
  >Jun 17, 11:13 am</time>
3163
3163
  </div>
3164
3164
  </dd>
@@ -3193,7 +3193,7 @@ wrapperTag: div
3193
3193
  <dd class="pf-v6-c-description-list__description">
3194
3194
  <div class="pf-v6-c-description-list__text">
3195
3195
  <time
3196
- class="pf-v5-u-color-200 pf-v5-u-font-size-sm"
3196
+ class="pf-v6-u-color-200 pf-v6-u-font-size-sm"
3197
3197
  >Jun 17, 10:59 am</time>
3198
3198
  </div>
3199
3199
  </dd>
@@ -3203,7 +3203,7 @@ wrapperTag: div
3203
3203
  <div class="pf-v6-l-flex pf-m-nowrap pf-m-space-items-sm">
3204
3204
  <div class="pf-v6-l-flex__item">
3205
3205
  <i
3206
- class="fas fa-check-circle pf-v5-u-success-color-100"
3206
+ class="fas fa-check-circle pf-v6-u-success-color-100"
3207
3207
  aria-hidden="true"
3208
3208
  ></i>
3209
3209
  </div>
@@ -3218,7 +3218,7 @@ wrapperTag: div
3218
3218
  <dd class="pf-v6-c-description-list__description">
3219
3219
  <div class="pf-v6-c-description-list__text">
3220
3220
  <time
3221
- class="pf-v5-u-color-200 pf-v5-u-font-size-sm"
3221
+ class="pf-v6-u-color-200 pf-v6-u-font-size-sm"
3222
3222
  >Jun 17, 10:45 am</time>
3223
3223
  </div>
3224
3224
  </dd>