@patternfly/patternfly 6.3.1 → 6.4.0-prerelease.1

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 (140) hide show
  1. package/README.md +23 -15
  2. package/base/normalize.scss +4 -0
  3. package/base/patternfly-variables.css +1172 -1
  4. package/base/patternfly-variables.scss +10 -0
  5. package/base/tokens/tokens-charts-dark.scss +1 -1
  6. package/base/tokens/tokens-charts.scss +1 -1
  7. package/base/tokens/tokens-dark.scss +13 -1
  8. package/base/tokens/tokens-default.scss +60 -2
  9. package/base/tokens/tokens-highcontrast-dark.scss +396 -0
  10. package/base/tokens/tokens-highcontrast.scss +703 -0
  11. package/base/tokens/tokens-local.scss +1 -0
  12. package/base/tokens/tokens-palette.scss +9 -1
  13. package/components/Accordion/accordion.css +42 -15
  14. package/components/Accordion/accordion.scss +48 -18
  15. package/components/Alert/alert-group.css +17 -15
  16. package/components/Alert/alert-group.scss +22 -18
  17. package/components/Badge/badge.css +2 -0
  18. package/components/Badge/badge.scss +2 -0
  19. package/components/Banner/banner.css +4 -0
  20. package/components/Banner/banner.scss +4 -0
  21. package/components/Button/button.css +34 -4
  22. package/components/Button/button.scss +36 -6
  23. package/components/CalendarMonth/calendar-month.css +35 -4
  24. package/components/CalendarMonth/calendar-month.scss +38 -4
  25. package/components/Card/card.css +7 -4
  26. package/components/Card/card.scss +7 -4
  27. package/components/CodeBlock/code-block.css +3 -0
  28. package/components/CodeBlock/code-block.scss +3 -0
  29. package/components/CodeEditor/code-editor.css +23 -3
  30. package/components/CodeEditor/code-editor.scss +28 -5
  31. package/components/DatePicker/date-picker.css +3 -0
  32. package/components/DatePicker/date-picker.scss +4 -0
  33. package/components/Divider/divider.css +2 -0
  34. package/components/Divider/divider.scss +2 -0
  35. package/components/Drawer/drawer.css +46 -41
  36. package/components/Drawer/drawer.scss +45 -36
  37. package/components/DualListSelector/dual-list-selector.css +21 -4
  38. package/components/DualListSelector/dual-list-selector.scss +23 -4
  39. package/components/ExpandableSection/expandable-section.css +6 -2
  40. package/components/ExpandableSection/expandable-section.scss +7 -3
  41. package/components/FormControl/form-control.css +6 -7
  42. package/components/FormControl/form-control.scss +8 -10
  43. package/components/Label/label.css +20 -11
  44. package/components/Label/label.scss +21 -11
  45. package/components/Login/login.css +3 -0
  46. package/components/Login/login.scss +3 -0
  47. package/components/Menu/menu.css +18 -0
  48. package/components/Menu/menu.scss +19 -1
  49. package/components/MenuToggle/menu-toggle.css +13 -6
  50. package/components/MenuToggle/menu-toggle.scss +13 -6
  51. package/components/ModalBox/modal-box.css +3 -0
  52. package/components/ModalBox/modal-box.scss +3 -0
  53. package/components/Nav/nav.css +17 -0
  54. package/components/Nav/nav.scss +20 -0
  55. package/components/Page/page.css +73 -25
  56. package/components/Page/page.scss +60 -19
  57. package/components/Pagination/pagination.css +15 -2
  58. package/components/Pagination/pagination.scss +15 -2
  59. package/components/Panel/panel.css +14 -1
  60. package/components/Panel/panel.scss +14 -1
  61. package/components/Popover/popover.css +4 -0
  62. package/components/Popover/popover.scss +4 -0
  63. package/components/Progress/progress.css +19 -0
  64. package/components/Progress/progress.scss +22 -0
  65. package/components/Sidebar/sidebar.css +7 -0
  66. package/components/Sidebar/sidebar.scss +7 -0
  67. package/components/SimpleList/simple-list.css +15 -0
  68. package/components/SimpleList/simple-list.scss +17 -1
  69. package/components/Slider/slider.css +9 -0
  70. package/components/Slider/slider.scss +9 -0
  71. package/components/Switch/switch.css +7 -1
  72. package/components/Switch/switch.scss +7 -1
  73. package/components/Table/table.css +29 -0
  74. package/components/Table/table.scss +33 -0
  75. package/components/Tabs/tabs.css +18 -7
  76. package/components/Tabs/tabs.scss +19 -11
  77. package/components/TextInputGroup/text-input-group.css +3 -0
  78. package/components/TextInputGroup/text-input-group.scss +4 -1
  79. package/components/ToggleGroup/toggle-group.css +18 -9
  80. package/components/ToggleGroup/toggle-group.scss +24 -17
  81. package/components/Toolbar/toolbar.css +7 -0
  82. package/components/Toolbar/toolbar.scss +7 -0
  83. package/components/TreeView/tree-view.css +15 -0
  84. package/components/TreeView/tree-view.scss +17 -0
  85. package/components/Wizard/wizard.css +37 -6
  86. package/components/Wizard/wizard.scss +44 -10
  87. package/components/_index.css +615 -167
  88. package/docs/components/Alert/examples/Alert.md +3 -4
  89. package/docs/components/Button/examples/Button.md +1 -3
  90. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +25 -33
  91. package/docs/components/CodeBlock/examples/CodeBlock.md +13 -7
  92. package/docs/components/CodeEditor/examples/CodeEditor.md +20 -6
  93. package/docs/components/DataList/examples/DataList.md +66 -184
  94. package/docs/components/DatePicker/examples/DatePicker.md +4 -1
  95. package/docs/components/DescriptionList/examples/DescriptionList.md +78 -22
  96. package/docs/components/DualListSelector/examples/DualListSelector.md +0 -195
  97. package/docs/components/EmptyState/examples/EmptyState.md +6 -6
  98. package/docs/components/ExpandableSection/examples/ExpandableSection.md +92 -18
  99. package/docs/components/FileUpload/examples/FileUpload.md +4 -3
  100. package/docs/components/Form/examples/Form.md +19 -18
  101. package/docs/components/HelperText/examples/HelperText.md +65 -75
  102. package/docs/components/Hint/examples/Hint.md +3 -3
  103. package/docs/components/Icon/examples/Icon.md +0 -10
  104. package/docs/components/InlineEdit/examples/InlineEdit.md +0 -4
  105. package/docs/components/JumpLinks/examples/JumpLinks.md +164 -77
  106. package/docs/components/Label/examples/Label.md +2 -2
  107. package/docs/components/Login/examples/Login.md +42 -37
  108. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +32 -6
  109. package/docs/components/Pagination/examples/Pagination.md +111 -0
  110. package/docs/components/Popover/examples/Popover.md +0 -4
  111. package/docs/components/Progress/examples/Progress.md +223 -210
  112. package/docs/components/Skeleton/examples/Skeleton.md +21 -7
  113. package/docs/components/Table/examples/Table.md +947 -1423
  114. package/docs/components/TextInputGroup/examples/TextInputGroup.md +126 -47
  115. package/docs/components/Title/examples/Title.md +8 -8
  116. package/docs/components/Truncate/examples/Truncate.md +8 -6
  117. package/docs/components/Wizard/examples/Wizard.md +583 -0
  118. package/docs/demos/Alert/examples/Alert.md +28 -19
  119. package/docs/demos/Card/examples/Card.md +8 -5
  120. package/docs/demos/CardView/examples/CardView.md +81 -85
  121. package/docs/demos/Dashboard/examples/Dashboard.md +10 -22
  122. package/docs/demos/DataList/examples/DataList.md +528 -168
  123. package/docs/demos/DescriptionList/examples/DescriptionList.md +13 -3
  124. package/docs/demos/Drawer/examples/Drawer.md +0 -2
  125. package/docs/demos/Form/examples/BasicForms.md +93 -62
  126. package/docs/demos/HelperText/examples/HelperText.md +31 -23
  127. package/docs/demos/JumpLinks/examples/JumpLinks.md +0 -5
  128. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +4 -4
  129. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +56 -38
  130. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +726 -312
  131. package/docs/demos/Skeleton/examples/Skeleton.md +3 -1
  132. package/docs/demos/Table/examples/Table.md +5 -20
  133. package/docs/demos/Tabs/examples/Tabs.md +2 -1
  134. package/package.json +12 -7
  135. package/patternfly-base-no-globals.css +1172 -1
  136. package/patternfly-base.css +1176 -1
  137. package/patternfly-no-globals.css +1787 -168
  138. package/patternfly.css +1822 -199
  139. package/patternfly.min.css +1 -1
  140. package/patternfly.min.css.map +1 -1
package/docs/demos/Alert/examples/Alert.md CHANGED
@@ -738,9 +738,10 @@ section: components
738
738
  aria-hidden="true"
739
739
  ></i>
740
740
  </span>
741
- <span
742
- class="pf-v6-c-helper-text__item-text"
743
- >Required field</span>
741
+ <span class="pf-v6-c-helper-text__item-text">
742
+ <span class="pf-v6-screen-reader">Error:</span>
743
+ Required field
744
+ </span>
744
745
  </div>
745
746
  </div>
746
747
  </div>
@@ -806,9 +807,10 @@ section: components
806
807
  aria-hidden="true"
807
808
  ></i>
808
809
  </span>
809
- <span
810
- class="pf-v6-c-helper-text__item-text"
811
- >Required field</span>
810
+ <span class="pf-v6-c-helper-text__item-text">
811
+ <span class="pf-v6-screen-reader">Error:</span>
812
+ Required field
813
+ </span>
812
814
  </div>
813
815
  </div>
814
816
  </div>
@@ -844,9 +846,10 @@ section: components
844
846
  aria-hidden="true"
845
847
  ></i>
846
848
  </span>
847
- <span
848
- class="pf-v6-c-helper-text__item-text"
849
- >This is a required field</span>
849
+ <span class="pf-v6-c-helper-text__item-text">
850
+ <span class="pf-v6-screen-reader">Error:</span>
851
+ This is a required field
852
+ </span>
850
853
  </div>
851
854
  </div>
852
855
  </div>
@@ -1233,9 +1236,10 @@ section: components
1233
1236
  aria-hidden="true"
1234
1237
  ></i>
1235
1238
  </span>
1236
- <span
1237
- class="pf-v6-c-helper-text__item-text"
1238
- >Required field</span>
1239
+ <span class="pf-v6-c-helper-text__item-text">
1240
+ <span class="pf-v6-screen-reader">Error:</span>
1241
+ Required field
1242
+ </span>
1239
1243
  </div>
1240
1244
  </div>
1241
1245
  </div>
@@ -1274,9 +1278,10 @@ section: components
1274
1278
  aria-hidden="true"
1275
1279
  ></i>
1276
1280
  </span>
1277
- <span
1278
- class="pf-v6-c-helper-text__item-text"
1279
- >Enter a valid email address: example@gmail.com</span>
1281
+ <span class="pf-v6-c-helper-text__item-text">
1282
+ <span class="pf-v6-screen-reader">Error:</span>
1283
+ Enter a valid email address: example@gmail.com
1284
+ </span>
1280
1285
  </div>
1281
1286
  </div>
1282
1287
  </div>
@@ -1331,7 +1336,10 @@ section: components
1331
1336
  aria-hidden="true"
1332
1337
  ></i>
1333
1338
  </span>
1334
- <span class="pf-v6-c-helper-text__item-text">Required field</span>
1339
+ <span class="pf-v6-c-helper-text__item-text">
1340
+ <span class="pf-v6-screen-reader">Error:</span>
1341
+ Required field
1342
+ </span>
1335
1343
  </div>
1336
1344
  </div>
1337
1345
  </div>
@@ -1364,9 +1372,10 @@ section: components
1364
1372
  aria-hidden="true"
1365
1373
  ></i>
1366
1374
  </span>
1367
- <span
1368
- class="pf-v6-c-helper-text__item-text"
1369
- >This is a required field</span>
1375
+ <span class="pf-v6-c-helper-text__item-text">
1376
+ <span class="pf-v6-screen-reader">Error:</span>
1377
+ This is a required field
1378
+ </span>
1370
1379
  </div>
1371
1380
  </div>
1372
1381
  </div>
package/docs/demos/Card/examples/Card.md CHANGED
@@ -336,7 +336,7 @@ wrapperTag: div
336
336
  <h2 class="pf-v6-c-title pf-m-xl">Details</h2>
337
337
  </div>
338
338
  <div class="pf-v6-c-card__body">
339
- <dl class="pf-v6-c-description-list">
339
+ <dl class="pf-v6-c-description-list" aria-label="API 1">
340
340
  <div class="pf-v6-c-description-list__group">
341
341
  <dt class="pf-v6-c-description-list__term">Cluster API Address</dt>
342
342
  <dd class="pf-v6-c-description-list__description">
@@ -385,7 +385,7 @@ wrapperTag: div
385
385
  <h2 class="pf-v6-c-title pf-m-xl">Details</h2>
386
386
  </div>
387
387
  <div class="pf-v6-c-card__body">
388
- <dl class="pf-v6-c-description-list">
388
+ <dl class="pf-v6-c-description-list" aria-label="API 2">
389
389
  <div class="pf-v6-c-description-list__group">
390
390
  <dt class="pf-v6-c-description-list__term">Cluster API Address</dt>
391
391
  <dd class="pf-v6-c-description-list__description">
@@ -760,7 +760,10 @@ wrapperTag: div
760
760
  tabindex="0"
761
761
  >
762
762
  <div class="pf-v6-c-tab-content__body">
763
- <dl class="pf-v6-c-description-list pf-m-horizontal pf-m-2-col-on-lg">
763
+ <dl
764
+ class="pf-v6-c-description-list pf-m-horizontal pf-m-2-col-on-lg"
765
+ aria-label="Status"
766
+ >
764
767
  <div class="pf-v6-c-description-list__group">
765
768
  <dt class="pf-v6-c-description-list__term">
766
769
  <span class="pf-v6-c-description-list__text">
@@ -2787,7 +2790,7 @@ wrapperTag: div
2787
2790
  </div>
2788
2791
  </div>
2789
2792
  <div class="pf-v6-c-card__body">
2790
- <dl class="pf-v6-c-description-list">
2793
+ <dl class="pf-v6-c-description-list" aria-label="Activity">
2791
2794
  <div class="pf-v6-c-description-list__group">
2792
2795
  <dt class="pf-v6-c-description-list__term">Readiness probe failed</dt>
2793
2796
  <dd class="pf-v6-c-description-list__description">
@@ -2910,7 +2913,7 @@ wrapperTag: div
2910
2913
  </div>
2911
2914
  </div>
2912
2915
  <div class="pf-v6-c-card__body">
2913
- <dl class="pf-v6-c-description-list">
2916
+ <dl class="pf-v6-c-description-list" aria-label="Events">
2914
2917
  <div class="pf-v6-c-description-list__group">
2915
2918
  <dt class="pf-v6-c-description-list__term">
2916
2919
  <div class="pf-v6-l-flex pf-m-nowrap pf-m-space-items-sm">
package/docs/demos/CardView/examples/CardView.md CHANGED
@@ -1030,92 +1030,88 @@ section: patterns
1030
1030
  </div>
1031
1031
  </div>
1032
1032
  </section>
1033
- <section class="pf-v6-c-page__main-section pf-m-sticky-bottom">
1034
- <div class="pf-v6-c-page__main-body">
1035
- <div class="pf-v6-c-pagination pf-m-bottom">
1036
- <div class="pf-v6-c-pagination__page-menu">
1037
- <button
1038
- class="pf-v6-c-menu-toggle pf-m-top pf-m-text pf-m-plain"
1039
- type="button"
1040
- aria-expanded="false"
1041
- aria-label="Menu toggle"
1042
- id="pagination-menu-toggle-bottom-example"
1043
- >
1044
- <span class="pf-v6-c-menu-toggle__text">
1045
- <b>1 - 10</b>&nbsp;of&nbsp;
1046
- <b>36</b>
1047
- </span>
1048
- <span class="pf-v6-c-menu-toggle__controls">
1049
- <span class="pf-v6-c-menu-toggle__toggle-icon">
1050
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1051
- </span>
1052
- </span>
1053
- </button>
1054
- </div>
1055
- <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
1056
- <div class="pf-v6-c-pagination__nav-control pf-m-first">
1057
- <button
1058
- class="pf-v6-c-button pf-m-plain"
1059
- type="button"
1060
- disabled
1061
- aria-label="Go to first page"
1062
- >
1063
- <span class="pf-v6-c-button__icon">
1064
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
1065
- </span>
1066
- </button>
1067
- </div>
1068
- <div class="pf-v6-c-pagination__nav-control pf-m-prev">
1069
- <button
1070
- class="pf-v6-c-button pf-m-plain"
1071
- type="button"
1072
- disabled
1073
- aria-label="Go to previous page"
1074
- >
1075
- <span class="pf-v6-c-button__icon">
1076
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1077
- </span>
1078
- </button>
1079
- </div>
1080
- <div class="pf-v6-c-pagination__nav-page-select">
1081
- <span class="pf-v6-c-form-control">
1082
- <input
1083
- aria-label="Current page"
1084
- type="number"
1085
- min="1"
1086
- max="4"
1087
- value="1"
1088
- />
1089
- </span>
1090
- <span aria-hidden="true">of 4</span>
1091
- </div>
1092
- <div class="pf-v6-c-pagination__nav-control pf-m-next">
1093
- <button
1094
- class="pf-v6-c-button pf-m-plain"
1095
- type="button"
1096
- aria-label="Go to next page"
1097
- >
1098
- <span class="pf-v6-c-button__icon">
1099
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1100
- </span>
1101
- </button>
1102
- </div>
1103
- <div class="pf-v6-c-pagination__nav-control pf-m-last">
1104
- <button
1105
- class="pf-v6-c-button pf-m-plain"
1106
- type="button"
1107
- disabled
1108
- aria-label="Go to last page"
1109
- >
1110
- <span class="pf-v6-c-button__icon">
1111
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
1112
- </span>
1113
- </button>
1114
- </div>
1115
- </nav>
1116
- </div>
1033
+ <div class="pf-v6-c-pagination pf-m-bottom pf-m-sticky">
1034
+ <div class="pf-v6-c-pagination__page-menu">
1035
+ <button
1036
+ class="pf-v6-c-menu-toggle pf-m-top pf-m-text pf-m-plain"
1037
+ type="button"
1038
+ aria-expanded="false"
1039
+ aria-label="Menu toggle"
1040
+ id="pagination-menu-toggle-bottom-example"
1041
+ >
1042
+ <span class="pf-v6-c-menu-toggle__text">
1043
+ <b>1 - 10</b>&nbsp;of&nbsp;
1044
+ <b>36</b>
1045
+ </span>
1046
+ <span class="pf-v6-c-menu-toggle__controls">
1047
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
1048
+ <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1049
+ </span>
1050
+ </span>
1051
+ </button>
1117
1052
  </div>
1118
- </section>
1053
+ <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
1054
+ <div class="pf-v6-c-pagination__nav-control pf-m-first">
1055
+ <button
1056
+ class="pf-v6-c-button pf-m-plain"
1057
+ type="button"
1058
+ disabled
1059
+ aria-label="Go to first page"
1060
+ >
1061
+ <span class="pf-v6-c-button__icon">
1062
+ <i class="fas fa-angle-double-left" aria-hidden="true"></i>
1063
+ </span>
1064
+ </button>
1065
+ </div>
1066
+ <div class="pf-v6-c-pagination__nav-control pf-m-prev">
1067
+ <button
1068
+ class="pf-v6-c-button pf-m-plain"
1069
+ type="button"
1070
+ disabled
1071
+ aria-label="Go to previous page"
1072
+ >
1073
+ <span class="pf-v6-c-button__icon">
1074
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
1075
+ </span>
1076
+ </button>
1077
+ </div>
1078
+ <div class="pf-v6-c-pagination__nav-page-select">
1079
+ <span class="pf-v6-c-form-control">
1080
+ <input
1081
+ aria-label="Current page"
1082
+ type="number"
1083
+ min="1"
1084
+ max="4"
1085
+ value="1"
1086
+ />
1087
+ </span>
1088
+ <span aria-hidden="true">of 4</span>
1089
+ </div>
1090
+ <div class="pf-v6-c-pagination__nav-control pf-m-next">
1091
+ <button
1092
+ class="pf-v6-c-button pf-m-plain"
1093
+ type="button"
1094
+ aria-label="Go to next page"
1095
+ >
1096
+ <span class="pf-v6-c-button__icon">
1097
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1098
+ </span>
1099
+ </button>
1100
+ </div>
1101
+ <div class="pf-v6-c-pagination__nav-control pf-m-last">
1102
+ <button
1103
+ class="pf-v6-c-button pf-m-plain"
1104
+ type="button"
1105
+ disabled
1106
+ aria-label="Go to last page"
1107
+ >
1108
+ <span class="pf-v6-c-button__icon">
1109
+ <i class="fas fa-angle-double-right" aria-hidden="true"></i>
1110
+ </span>
1111
+ </button>
1112
+ </div>
1113
+ </nav>
1114
+ </div>
1119
1115
  </main>
1120
1116
  </div>
1121
1117
  </div>
package/docs/demos/Dashboard/examples/Dashboard.md CHANGED
@@ -1150,7 +1150,7 @@ cssPrefix: pf-d-dashboard
1150
1150
  <h2 class="pf-v6-c-title pf-m-xl">Details</h2>
1151
1151
  </div>
1152
1152
  <div class="pf-v6-c-card__body">
1153
- <dl class="pf-v6-c-description-list">
1153
+ <dl class="pf-v6-c-description-list" aria-label="Details">
1154
1154
  <div class="pf-v6-c-description-list__group">
1155
1155
  <dt
1156
1156
  class="pf-v6-c-description-list__term"
@@ -1224,10 +1224,7 @@ cssPrefix: pf-d-dashboard
1224
1224
  aria-label="Simple data list example"
1225
1225
  id="dashboard-demo-data-list-card-1-data-list"
1226
1226
  >
1227
- <li
1228
- class="pf-v6-c-data-list__item"
1229
- aria-labelledby="dashboard-demo-data-list-card-1-data-list-item-1"
1230
- >
1227
+ <li class="pf-v6-c-data-list__item">
1231
1228
  <div class="pf-v6-c-data-list__item-row">
1232
1229
  <div class="pf-v6-c-data-list__item-content">
1233
1230
  <div
@@ -1250,10 +1247,7 @@ cssPrefix: pf-d-dashboard
1250
1247
  </div>
1251
1248
  </div>
1252
1249
  </li>
1253
- <li
1254
- class="pf-v6-c-data-list__item"
1255
- aria-labelledby="dashboard-demo-data-list-card-1-data-list-item-2"
1256
- >
1250
+ <li class="pf-v6-c-data-list__item">
1257
1251
  <div class="pf-v6-c-data-list__item-row">
1258
1252
  <div class="pf-v6-c-data-list__item-content">
1259
1253
  <div
@@ -1276,10 +1270,7 @@ cssPrefix: pf-d-dashboard
1276
1270
  </div>
1277
1271
  </div>
1278
1272
  </li>
1279
- <li
1280
- class="pf-v6-c-data-list__item"
1281
- aria-labelledby="dashboard-demo-data-list-card-1-data-list-item-3"
1282
- >
1273
+ <li class="pf-v6-c-data-list__item">
1283
1274
  <div class="pf-v6-c-data-list__item-row">
1284
1275
  <div class="pf-v6-c-data-list__item-content">
1285
1276
  <div
@@ -1302,10 +1293,7 @@ cssPrefix: pf-d-dashboard
1302
1293
  </div>
1303
1294
  </div>
1304
1295
  </li>
1305
- <li
1306
- class="pf-v6-c-data-list__item"
1307
- aria-labelledby="dashboard-demo-data-list-card-1-data-list-item-4"
1308
- >
1296
+ <li class="pf-v6-c-data-list__item">
1309
1297
  <div class="pf-v6-c-data-list__item-row">
1310
1298
  <div class="pf-v6-c-data-list__item-content">
1311
1299
  <div
@@ -1328,10 +1316,7 @@ cssPrefix: pf-d-dashboard
1328
1316
  </div>
1329
1317
  </div>
1330
1318
  </li>
1331
- <li
1332
- class="pf-v6-c-data-list__item"
1333
- aria-labelledby="dashboard-demo-data-list-card-1-data-list-item-5"
1334
- >
1319
+ <li class="pf-v6-c-data-list__item">
1335
1320
  <div class="pf-v6-c-data-list__item-row">
1336
1321
  <div class="pf-v6-c-data-list__item-content">
1337
1322
  <div
@@ -1393,7 +1378,10 @@ cssPrefix: pf-d-dashboard
1393
1378
  </div>
1394
1379
  </div>
1395
1380
  <div class="pf-v6-c-card__body">
1396
- <dl class="pf-v6-c-description-list pf-m-compact">
1381
+ <dl
1382
+ class="pf-v6-c-description-list pf-m-compact"
1383
+ aria-label="Events"
1384
+ >
1397
1385
  <div class="pf-v6-c-description-list__group">
1398
1386
  <dt class="pf-v6-c-description-list__term">
1399
1387
  <div class="pf-v6-l-flex pf-m-nowrap">