@patternfly/patternfly 6.0.0-alpha.186 → 6.0.0-alpha.187

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 (40) hide show
  1. package/components/Toolbar/toolbar.css +232 -531
  2. package/components/Toolbar/toolbar.scss +101 -89
  3. package/components/_index.css +224 -523
  4. package/docs/components/Card/examples/Card.md +8 -8
  5. package/docs/components/DataList/examples/DataList.md +17 -17
  6. package/docs/components/DualListSelector/examples/DualListSelector.md +16 -16
  7. package/docs/components/Hint/examples/Hint.md +3 -3
  8. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +37 -37
  9. package/docs/components/OverflowMenu/examples/overflow-menu.md +5 -5
  10. package/docs/components/Table/examples/Table.md +454 -454
  11. package/docs/components/Toolbar/examples/Toolbar.css +10 -4
  12. package/docs/components/Toolbar/examples/Toolbar.md +1050 -637
  13. package/docs/demos/AboutModal/examples/AboutModal.md +1 -0
  14. package/docs/demos/Alert/examples/Alert.md +3 -0
  15. package/docs/demos/BackToTop/examples/BackToTop.md +1 -0
  16. package/docs/demos/Banner/examples/Banner.md +2 -0
  17. package/docs/demos/CardView/examples/CardView.md +13 -12
  18. package/docs/demos/Dashboard/examples/Dashboard.md +2 -1
  19. package/docs/demos/DataList/examples/DataList.md +31 -27
  20. package/docs/demos/DescriptionList/examples/DescriptionList.md +4 -1
  21. package/docs/demos/Drawer/examples/Drawer.md +6 -1
  22. package/docs/demos/JumpLinks/examples/JumpLinks.md +6 -0
  23. package/docs/demos/Masthead/examples/Masthead.md +19 -9
  24. package/docs/demos/Modal/examples/Modal.md +6 -0
  25. package/docs/demos/Nav/examples/Nav.md +8 -0
  26. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +71 -61
  27. package/docs/demos/Page/examples/Page.md +11 -0
  28. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +27 -19
  29. package/docs/demos/Skeleton/examples/Skeleton.md +1 -0
  30. package/docs/demos/Table/examples/Table.md +161 -146
  31. package/docs/demos/Tabs/examples/Tabs.md +32 -26
  32. package/docs/demos/Toolbar/examples/Toolbar.css +9 -1
  33. package/docs/demos/Toolbar/examples/Toolbar.md +1592 -1295
  34. package/docs/demos/Wizard/examples/Wizard.md +9 -0
  35. package/package.json +1 -1
  36. package/patternfly-no-globals.css +224 -523
  37. package/patternfly.css +224 -523
  38. package/patternfly.min.css +1 -1
  39. package/patternfly.min.css.map +1 -1
  40. package/docs/demos/Page/examples/Penta.md +0 -903
package/docs/components/Card/examples/Card.md CHANGED
@@ -87,7 +87,7 @@ cssPrefix: pf-v6-c-card
87
87
  type="button"
88
88
  aria-expanded="false"
89
89
  aria-label="Menu toggle"
90
- id="card-action-example-1menu-toggle-kebab"
90
+ id="card-action-example-1-menu-toggle-kebab"
91
91
  >
92
92
  <span class="pf-v6-c-menu-toggle__icon">
93
93
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -128,7 +128,7 @@ cssPrefix: pf-v6-c-card
128
128
  type="button"
129
129
  aria-expanded="false"
130
130
  aria-label="Menu toggle"
131
- id="card-action-example-2menu-toggle-kebab"
131
+ id="card-action-example-2-menu-toggle-kebab"
132
132
  >
133
133
  <span class="pf-v6-c-menu-toggle__icon">
134
134
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -171,7 +171,7 @@ cssPrefix: pf-v6-c-card
171
171
  type="button"
172
172
  aria-expanded="false"
173
173
  aria-label="Menu toggle"
174
- id="card-action-example-3menu-toggle-kebab"
174
+ id="card-action-example-3-menu-toggle-kebab"
175
175
  >
176
176
  <span class="pf-v6-c-menu-toggle__icon">
177
177
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1386,7 +1386,7 @@ cssPrefix: pf-v6-c-card
1386
1386
  type="button"
1387
1387
  aria-expanded="false"
1388
1388
  aria-label="Menu toggle"
1389
- id="card-expandable-examplemenu-toggle-kebab"
1389
+ id="card-expandable-example-menu-toggle-kebab"
1390
1390
  >
1391
1391
  <span class="pf-v6-c-menu-toggle__icon">
1392
1392
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1449,7 +1449,7 @@ cssPrefix: pf-v6-c-card
1449
1449
  type="button"
1450
1450
  aria-expanded="false"
1451
1451
  aria-label="Menu toggle"
1452
- id="card-expandable-image-examplemenu-toggle-kebab"
1452
+ id="card-expandable-image-example-menu-toggle-kebab"
1453
1453
  >
1454
1454
  <span class="pf-v6-c-menu-toggle__icon">
1455
1455
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1497,7 +1497,7 @@ cssPrefix: pf-v6-c-card
1497
1497
  type="button"
1498
1498
  aria-expanded="false"
1499
1499
  aria-label="Menu toggle"
1500
- id="card-expanded-examplemenu-toggle-kebab"
1500
+ id="card-expanded-example-menu-toggle-kebab"
1501
1501
  >
1502
1502
  <span class="pf-v6-c-menu-toggle__icon">
1503
1503
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1540,7 +1540,7 @@ cssPrefix: pf-v6-c-card
1540
1540
  type="button"
1541
1541
  aria-expanded="false"
1542
1542
  aria-label="Menu toggle"
1543
- id="card-full-height-examplemenu-toggle-kebab"
1543
+ id="card-full-height-example-menu-toggle-kebab"
1544
1544
  >
1545
1545
  <span class="pf-v6-c-menu-toggle__icon">
1546
1546
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1583,7 +1583,7 @@ cssPrefix: pf-v6-c-card
1583
1583
  type="button"
1584
1584
  aria-expanded="false"
1585
1585
  aria-label="Menu toggle"
1586
- id="card-toggle-on-right-examplemenu-toggle-kebab"
1586
+ id="card-toggle-on-right-example-menu-toggle-kebab"
1587
1587
  >
1588
1588
  <span class="pf-v6-c-menu-toggle__icon">
1589
1589
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
package/docs/components/DataList/examples/DataList.md CHANGED
@@ -168,7 +168,7 @@ When a list item includes more than one block of content, it can be difficult fo
168
168
  type="button"
169
169
  aria-expanded="false"
170
170
  aria-label="Menu toggle"
171
- id="data-list-checkboxes-actions-addl-cellsitem-1menu-toggle"
171
+ id="data-list-checkboxes-actions-addl-cells-item-1-menu-toggle"
172
172
  >
173
173
  <span class="pf-v6-c-menu-toggle__icon">
174
174
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -218,7 +218,7 @@ When a list item includes more than one block of content, it can be difficult fo
218
218
  type="button"
219
219
  aria-expanded="false"
220
220
  aria-label="Menu toggle"
221
- id="data-list-checkboxes-actions-addl-cellsitem-2menu-toggle"
221
+ id="data-list-checkboxes-actions-addl-cells-item-2-menu-toggle"
222
222
  >
223
223
  <span class="pf-v6-c-menu-toggle__icon">
224
224
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -278,7 +278,7 @@ When a list item includes more than one block of content, it can be difficult fo
278
278
  type="button"
279
279
  aria-expanded="false"
280
280
  aria-label="Menu toggle"
281
- id="data-list-checkboxes-actions-addl-cellsitem-3menu-toggle"
281
+ id="data-list-checkboxes-actions-addl-cells-item-3-menu-toggle"
282
282
  >
283
283
  <span class="pf-v6-c-menu-toggle__icon">
284
284
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -384,7 +384,7 @@ When a list item includes more than one block of content, it can be difficult fo
384
384
  type="button"
385
385
  aria-expanded="false"
386
386
  aria-label="Menu toggle"
387
- id="data-list-expandableitem-1menu-toggle"
387
+ id="data-list-expandable-item-1-menu-toggle"
388
388
  >
389
389
  <span class="pf-v6-c-menu-toggle__icon">
390
390
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -447,7 +447,7 @@ When a list item includes more than one block of content, it can be difficult fo
447
447
  type="button"
448
448
  aria-expanded="false"
449
449
  aria-label="Menu toggle"
450
- id="data-list-expandableitem-2menu-toggle"
450
+ id="data-list-expandable-item-2-menu-toggle"
451
451
  >
452
452
  <span class="pf-v6-c-menu-toggle__icon">
453
453
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -514,7 +514,7 @@ When a list item includes more than one block of content, it can be difficult fo
514
514
  type="button"
515
515
  aria-expanded="false"
516
516
  aria-label="Menu toggle"
517
- id="data-list-expandableitem-3menu-toggle"
517
+ id="data-list-expandable-item-3-menu-toggle"
518
518
  >
519
519
  <span class="pf-v6-c-menu-toggle__icon">
520
520
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -593,7 +593,7 @@ When a list item includes more than one block of content, it can be difficult fo
593
593
  type="button"
594
594
  aria-expanded="false"
595
595
  aria-label="Menu toggle"
596
- id="data-list-expandable-compactitem-1menu-toggle"
596
+ id="data-list-expandable-compact-item-1-menu-toggle"
597
597
  >
598
598
  <span class="pf-v6-c-menu-toggle__icon">
599
599
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -659,7 +659,7 @@ When a list item includes more than one block of content, it can be difficult fo
659
659
  type="button"
660
660
  aria-expanded="false"
661
661
  aria-label="Menu toggle"
662
- id="data-list-expandable-compactitem-2menu-toggle"
662
+ id="data-list-expandable-compact-item-2-menu-toggle"
663
663
  >
664
664
  <span class="pf-v6-c-menu-toggle__icon">
665
665
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -726,7 +726,7 @@ When a list item includes more than one block of content, it can be difficult fo
726
726
  type="button"
727
727
  aria-expanded="false"
728
728
  aria-label="Menu toggle"
729
- id="data-list-expandable-compactitem-3menu-toggle"
729
+ id="data-list-expandable-compact-item-3-menu-toggle"
730
730
  >
731
731
  <span class="pf-v6-c-menu-toggle__icon">
732
732
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -805,7 +805,7 @@ When a list item includes more than one block of content, it can be difficult fo
805
805
  type="button"
806
806
  aria-expanded="false"
807
807
  aria-label="Menu toggle"
808
- id="data-list-expandable-nesteditem-1menu-toggle"
808
+ id="data-list-expandable-nested-item-1-menu-toggle"
809
809
  >
810
810
  <span class="pf-v6-c-menu-toggle__icon">
811
811
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1003,7 +1003,7 @@ When a list item includes more than one block of content, it can be difficult fo
1003
1003
  type="button"
1004
1004
  aria-expanded="false"
1005
1005
  aria-label="Menu toggle"
1006
- id="data-list-expandable-nesteditem-2menu-toggle"
1006
+ id="data-list-expandable-nested-item-2-menu-toggle"
1007
1007
  >
1008
1008
  <span class="pf-v6-c-menu-toggle__icon">
1009
1009
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1070,7 +1070,7 @@ When a list item includes more than one block of content, it can be difficult fo
1070
1070
  type="button"
1071
1071
  aria-expanded="false"
1072
1072
  aria-label="Menu toggle"
1073
- id="data-list-expandable-nesteditem-3menu-toggle"
1073
+ id="data-list-expandable-nested-item-3-menu-toggle"
1074
1074
  >
1075
1075
  <span class="pf-v6-c-menu-toggle__icon">
1076
1076
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1148,7 +1148,7 @@ When a list item includes more than one block of content, it can be difficult fo
1148
1148
  type="button"
1149
1149
  aria-expanded="false"
1150
1150
  aria-label="Menu toggle"
1151
- id="data-list-compactitem-1menu-toggle"
1151
+ id="data-list-compact-item-1-menu-toggle"
1152
1152
  >
1153
1153
  <span class="pf-v6-c-menu-toggle__icon">
1154
1154
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1196,7 +1196,7 @@ When a list item includes more than one block of content, it can be difficult fo
1196
1196
  type="button"
1197
1197
  aria-expanded="false"
1198
1198
  aria-label="Menu toggle"
1199
- id="data-list-compactitem-2menu-toggle"
1199
+ id="data-list-compact-item-2-menu-toggle"
1200
1200
  >
1201
1201
  <span class="pf-v6-c-menu-toggle__icon">
1202
1202
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1254,7 +1254,7 @@ When a list item includes more than one block of content, it can be difficult fo
1254
1254
  type="button"
1255
1255
  aria-expanded="false"
1256
1256
  aria-label="Menu toggle"
1257
- id="data-list-compactitem-3menu-toggle"
1257
+ id="data-list-compact-item-3-menu-toggle"
1258
1258
  >
1259
1259
  <span class="pf-v6-c-menu-toggle__icon">
1260
1260
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1408,7 +1408,7 @@ When a list item includes more than one block of content, it can be difficult fo
1408
1408
  type="button"
1409
1409
  aria-expanded="false"
1410
1410
  aria-label="Menu toggle"
1411
- id="data-list-flex-modifiersitem-1menu-toggle"
1411
+ id="data-list-flex-modifiers-item-1-menu-toggle"
1412
1412
  >
1413
1413
  <span class="pf-v6-c-menu-toggle__icon">
1414
1414
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1499,7 +1499,7 @@ When a list item includes more than one block of content, it can be difficult fo
1499
1499
  type="button"
1500
1500
  aria-expanded="false"
1501
1501
  aria-label="Menu toggle"
1502
- id="data-list-flex-modifiers-2item-1menu-toggle"
1502
+ id="data-list-flex-modifiers-2-item-1-menu-toggle"
1503
1503
  >
1504
1504
  <span class="pf-v6-c-menu-toggle__icon">
1505
1505
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
package/docs/components/DualListSelector/examples/DualListSelector.md CHANGED
@@ -50,7 +50,7 @@ cssPrefix: pf-v6-c-dual-list-selector
50
50
  type="button"
51
51
  aria-expanded="false"
52
52
  aria-label="Menu toggle"
53
- id="basic-availablemenu-toggle"
53
+ id="basic-available-menu-toggle"
54
54
  >
55
55
  <span class="pf-v6-c-menu-toggle__icon">
56
56
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -231,7 +231,7 @@ cssPrefix: pf-v6-c-dual-list-selector
231
231
  type="button"
232
232
  aria-expanded="false"
233
233
  aria-label="Menu toggle"
234
- id="basic-chosenmenu-toggle"
234
+ id="basic-chosen-menu-toggle"
235
235
  >
236
236
  <span class="pf-v6-c-menu-toggle__icon">
237
237
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -305,7 +305,7 @@ cssPrefix: pf-v6-c-dual-list-selector
305
305
  type="button"
306
306
  aria-expanded="false"
307
307
  aria-label="Menu toggle"
308
- id="available-item-selected-availablemenu-toggle"
308
+ id="available-item-selected-available-menu-toggle"
309
309
  >
310
310
  <span class="pf-v6-c-menu-toggle__icon">
311
311
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -480,7 +480,7 @@ cssPrefix: pf-v6-c-dual-list-selector
480
480
  type="button"
481
481
  aria-expanded="false"
482
482
  aria-label="Menu toggle"
483
- id="available-item-selected-chosenmenu-toggle"
483
+ id="available-item-selected-chosen-menu-toggle"
484
484
  >
485
485
  <span class="pf-v6-c-menu-toggle__icon">
486
486
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -554,7 +554,7 @@ cssPrefix: pf-v6-c-dual-list-selector
554
554
  type="button"
555
555
  aria-expanded="false"
556
556
  aria-label="Menu toggle"
557
- id="multiple-available-items-selected-availablemenu-toggle"
557
+ id="multiple-available-items-selected-available-menu-toggle"
558
558
  >
559
559
  <span class="pf-v6-c-menu-toggle__icon">
560
560
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -729,7 +729,7 @@ cssPrefix: pf-v6-c-dual-list-selector
729
729
  type="button"
730
730
  aria-expanded="false"
731
731
  aria-label="Menu toggle"
732
- id="multiple-available-items-selected-chosenmenu-toggle"
732
+ id="multiple-available-items-selected-chosen-menu-toggle"
733
733
  >
734
734
  <span class="pf-v6-c-menu-toggle__icon">
735
735
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -803,7 +803,7 @@ cssPrefix: pf-v6-c-dual-list-selector
803
803
  type="button"
804
804
  aria-expanded="false"
805
805
  aria-label="Menu toggle"
806
- id="chosen-item-availablemenu-toggle"
806
+ id="chosen-item-available-menu-toggle"
807
807
  >
808
808
  <span class="pf-v6-c-menu-toggle__icon">
809
809
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -978,7 +978,7 @@ cssPrefix: pf-v6-c-dual-list-selector
978
978
  type="button"
979
979
  aria-expanded="false"
980
980
  aria-label="Menu toggle"
981
- id="chosen-item-chosenmenu-toggle"
981
+ id="chosen-item-chosen-menu-toggle"
982
982
  >
983
983
  <span class="pf-v6-c-menu-toggle__icon">
984
984
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1065,7 +1065,7 @@ cssPrefix: pf-v6-c-dual-list-selector
1065
1065
  type="button"
1066
1066
  aria-expanded="false"
1067
1067
  aria-label="Menu toggle"
1068
- id="chosen-item-selected-availablemenu-toggle"
1068
+ id="chosen-item-selected-available-menu-toggle"
1069
1069
  >
1070
1070
  <span class="pf-v6-c-menu-toggle__icon">
1071
1071
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1239,7 +1239,7 @@ cssPrefix: pf-v6-c-dual-list-selector
1239
1239
  type="button"
1240
1240
  aria-expanded="false"
1241
1241
  aria-label="Menu toggle"
1242
- id="chosen-item-selected-chosenmenu-toggle"
1242
+ id="chosen-item-selected-chosen-menu-toggle"
1243
1243
  >
1244
1244
  <span class="pf-v6-c-menu-toggle__icon">
1245
1245
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1326,7 +1326,7 @@ cssPrefix: pf-v6-c-dual-list-selector
1326
1326
  type="button"
1327
1327
  aria-expanded="false"
1328
1328
  aria-label="Menu toggle"
1329
- id="tree-availablemenu-toggle"
1329
+ id="tree-available-menu-toggle"
1330
1330
  >
1331
1331
  <span class="pf-v6-c-menu-toggle__icon">
1332
1332
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1769,7 +1769,7 @@ cssPrefix: pf-v6-c-dual-list-selector
1769
1769
  type="button"
1770
1770
  aria-expanded="false"
1771
1771
  aria-label="Menu toggle"
1772
- id="tree-chosenmenu-toggle"
1772
+ id="tree-chosen-menu-toggle"
1773
1773
  >
1774
1774
  <span class="pf-v6-c-menu-toggle__icon">
1775
1775
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1843,7 +1843,7 @@ cssPrefix: pf-v6-c-dual-list-selector
1843
1843
  type="button"
1844
1844
  aria-expanded="false"
1845
1845
  aria-label="Menu toggle"
1846
- id="tree-options-availablemenu-toggle"
1846
+ id="tree-options-available-menu-toggle"
1847
1847
  >
1848
1848
  <span class="pf-v6-c-menu-toggle__icon">
1849
1849
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -2267,7 +2267,7 @@ cssPrefix: pf-v6-c-dual-list-selector
2267
2267
  type="button"
2268
2268
  aria-expanded="false"
2269
2269
  aria-label="Menu toggle"
2270
- id="tree-options-chosenmenu-toggle"
2270
+ id="tree-options-chosen-menu-toggle"
2271
2271
  >
2272
2272
  <span class="pf-v6-c-menu-toggle__icon">
2273
2273
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -2408,7 +2408,7 @@ cssPrefix: pf-v6-c-dual-list-selector
2408
2408
  type="button"
2409
2409
  aria-expanded="false"
2410
2410
  aria-label="Menu toggle"
2411
- id="draggable-availablemenu-toggle"
2411
+ id="draggable-available-menu-toggle"
2412
2412
  >
2413
2413
  <span class="pf-v6-c-menu-toggle__icon">
2414
2414
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -2560,7 +2560,7 @@ cssPrefix: pf-v6-c-dual-list-selector
2560
2560
  type="button"
2561
2561
  aria-expanded="false"
2562
2562
  aria-label="Menu toggle"
2563
- id="draggable-chosenmenu-toggle"
2563
+ id="draggable-chosen-menu-toggle"
2564
2564
  >
2565
2565
  <span class="pf-v6-c-menu-toggle__icon">
2566
2566
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
package/docs/components/Hint/examples/Hint.md CHANGED
@@ -14,7 +14,7 @@ cssPrefix: pf-v6-c-hint
14
14
  type="button"
15
15
  aria-expanded="false"
16
16
  aria-label="Menu toggle"
17
- id="hint-with-title-examplehint"
17
+ id="hint-with-title-example-hint"
18
18
  >
19
19
  <span class="pf-v6-c-menu-toggle__icon">
20
20
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -36,7 +36,7 @@ cssPrefix: pf-v6-c-hint
36
36
  type="button"
37
37
  aria-expanded="false"
38
38
  aria-label="Menu toggle"
39
- id="hint-with-title-and-actions-examplehint"
39
+ id="hint-with-title-and-actions-example-hint"
40
40
  >
41
41
  <span class="pf-v6-c-menu-toggle__icon">
42
42
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -75,7 +75,7 @@ cssPrefix: pf-v6-c-hint
75
75
  type="button"
76
76
  aria-expanded="false"
77
77
  aria-label="Menu toggle"
78
- id="hint-with-no-title-examplehint"
78
+ id="hint-with-no-title-example-hint"
79
79
  >
80
80
  <span class="pf-v6-c-menu-toggle__icon">
81
81
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>