@patternfly/patternfly 4.205.0 → 4.206.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 (54) hide show
  1. package/base/_common.scss +9 -0
  2. package/base/patternfly-common.css +7 -0
  3. package/components/Tabs/tabs.css +4 -0
  4. package/components/Tabs/tabs.scss +8 -1
  5. package/components/TreeView/tree-view.css +6 -12
  6. package/components/TreeView/tree-view.scss +4 -8
  7. package/docs/components/AppLauncher/examples/application-launcher.md +69 -22
  8. package/docs/components/DataList/examples/DataList.md +30 -30
  9. package/docs/components/DatePicker/examples/DatePicker.md +4 -4
  10. package/docs/components/LabelGroup/examples/LabelGroup.md +19 -19
  11. package/docs/components/LogViewer/examples/LogViewer.md +46 -37
  12. package/docs/components/Masthead/examples/masthead.md +1 -1
  13. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +54 -27
  14. package/docs/components/Nav/examples/Navigation.md +12 -6
  15. package/docs/components/Pagination/examples/Pagination.md +47 -14
  16. package/docs/components/Popover/examples/Popover.md +36 -24
  17. package/docs/components/SearchInput/examples/SearchInput.md +12 -12
  18. package/docs/components/Select/examples/Select.md +8 -8
  19. package/docs/components/Table/examples/Table.md +1 -1
  20. package/docs/components/Tabs/examples/Tabs.md +67 -73
  21. package/docs/components/TextInputGroup/examples/TextInputGroup.md +60 -60
  22. package/docs/components/Tile/examples/Tile.md +0 -2
  23. package/docs/components/TreeView/examples/TreeView.md +257 -217
  24. package/docs/demos/AboutModal/examples/AboutModal.md +1 -1
  25. package/docs/demos/Alert/examples/Alert.md +3 -3
  26. package/docs/demos/BackToTop/examples/BackToTop.md +1 -1
  27. package/docs/demos/Banner/examples/Banner.md +2 -2
  28. package/docs/demos/CardView/examples/CardView.md +1 -1
  29. package/docs/demos/ContextSelector/examples/ContextSelector.md +3 -3
  30. package/docs/demos/Dashboard/examples/Dashboard.md +1 -1
  31. package/docs/demos/DataList/examples/DataList.md +4 -4
  32. package/docs/demos/DescriptionList/examples/DescriptionList.md +3 -3
  33. package/docs/demos/Drawer/examples/Drawer.md +5 -5
  34. package/docs/demos/JumpLinks/examples/JumpLinks.md +6 -6
  35. package/docs/demos/Masthead/examples/Masthead.md +2 -2
  36. package/docs/demos/Modal/examples/Modal.md +6 -6
  37. package/docs/demos/Nav/examples/Nav.md +8 -8
  38. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +5 -5
  39. package/docs/demos/Page/examples/Page.md +8 -8
  40. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +7 -7
  41. package/docs/demos/Skeleton/examples/Skeleton.md +1 -1
  42. package/docs/demos/Table/examples/Table.md +14 -14
  43. package/docs/demos/Tabs/examples/Tabs.md +8 -8
  44. package/docs/demos/Toolbar/examples/Toolbar.md +55 -37
  45. package/docs/demos/Wizard/examples/Wizard.md +8 -8
  46. package/docs/layouts/Flex/examples/Flex.md +1 -1
  47. package/docs/layouts/Grid/examples/Grid.md +1 -1
  48. package/package.json +1 -1
  49. package/patternfly-base-no-reset.css +7 -0
  50. package/patternfly-base.css +7 -0
  51. package/patternfly-no-reset.css +17 -12
  52. package/patternfly.css +17 -12
  53. package/patternfly.min.css +1 -1
  54. package/patternfly.min.css.map +1 -1
@@ -75,7 +75,7 @@ wrapperTag: div
75
75
  <button
76
76
  class="pf-c-app-launcher__toggle"
77
77
  type="button"
78
- id="basic-demo-masthead-icon-group--app-launcher-button"
78
+ id="basic-demo-masthead-application-launcher-button"
79
79
  aria-expanded="false"
80
80
  aria-label="Application launcher"
81
81
  >
@@ -1787,7 +1787,7 @@ wrapperTag: div
1787
1787
  <button
1788
1788
  class="pf-c-app-launcher__toggle"
1789
1789
  type="button"
1790
- id="sortable-demo-masthead-icon-group--app-launcher-button"
1790
+ id="sortable-demo-masthead-application-launcher-button"
1791
1791
  aria-expanded="false"
1792
1792
  aria-label="Application launcher"
1793
1793
  >
@@ -3673,7 +3673,7 @@ wrapperTag: div
3673
3673
  <button
3674
3674
  class="pf-c-app-launcher__toggle"
3675
3675
  type="button"
3676
- id="expandable-demo-masthead-icon-group--app-launcher-button"
3676
+ id="expandable-demo-masthead-application-launcher-button"
3677
3677
  aria-expanded="false"
3678
3678
  aria-label="Application launcher"
3679
3679
  >
@@ -5761,7 +5761,7 @@ wrapperTag: div
5761
5761
  <button
5762
5762
  class="pf-c-app-launcher__toggle"
5763
5763
  type="button"
5764
- id="compact-demo-masthead-icon-group--app-launcher-button"
5764
+ id="compact-demo-masthead-application-launcher-button"
5765
5765
  aria-expanded="false"
5766
5766
  aria-label="Application launcher"
5767
5767
  >
@@ -7505,7 +7505,7 @@ wrapperTag: div
7505
7505
  <button
7506
7506
  class="pf-c-app-launcher__toggle"
7507
7507
  type="button"
7508
- id="compound-expansion-demo-masthead-icon-group--app-launcher-button"
7508
+ id="compound-expansion-demo-masthead-application-launcher-button"
7509
7509
  aria-expanded="false"
7510
7510
  aria-label="Application launcher"
7511
7511
  >
@@ -12463,7 +12463,7 @@ wrapperTag: div
12463
12463
  <button
12464
12464
  class="pf-c-app-launcher__toggle"
12465
12465
  type="button"
12466
- id="loading-state-demo-masthead-icon-group--app-launcher-button"
12466
+ id="loading-state-demo-masthead-application-launcher-button"
12467
12467
  aria-expanded="false"
12468
12468
  aria-label="Application launcher"
12469
12469
  >
@@ -13402,7 +13402,7 @@ wrapperTag: div
13402
13402
  <button
13403
13403
  class="pf-c-app-launcher__toggle"
13404
13404
  type="button"
13405
- id="empty-state-demo-masthead-icon-group--app-launcher-button"
13405
+ id="empty-state-demo-masthead-application-launcher-button"
13406
13406
  aria-expanded="false"
13407
13407
  aria-label="Application launcher"
13408
13408
  >
@@ -14344,7 +14344,7 @@ wrapperTag: div
14344
14344
  <button
14345
14345
  class="pf-c-app-launcher__toggle"
14346
14346
  type="button"
14347
- id="static-bottom-pagination-demo-masthead-icon-group--app-launcher-button"
14347
+ id="static-bottom-pagination-demo-masthead-application-launcher-button"
14348
14348
  aria-expanded="false"
14349
14349
  aria-label="Application launcher"
14350
14350
  >
@@ -16228,7 +16228,7 @@ wrapperTag: div
16228
16228
  <button
16229
16229
  class="pf-c-app-launcher__toggle"
16230
16230
  type="button"
16231
- id="column-management-demo-masthead-icon-group--app-launcher-button"
16231
+ id="column-management-demo-masthead-application-launcher-button"
16232
16232
  aria-expanded="false"
16233
16233
  aria-label="Application launcher"
16234
16234
  >
@@ -18195,7 +18195,7 @@ wrapperTag: div
18195
18195
  <button
18196
18196
  class="pf-c-app-launcher__toggle"
18197
18197
  type="button"
18198
- id="sticky-header-demo-masthead-icon-group--app-launcher-button"
18198
+ id="sticky-header-demo-masthead-application-launcher-button"
18199
18199
  aria-expanded="false"
18200
18200
  aria-label="Application launcher"
18201
18201
  >
@@ -20079,7 +20079,7 @@ wrapperTag: div
20079
20079
  <button
20080
20080
  class="pf-c-app-launcher__toggle"
20081
20081
  type="button"
20082
- id="sticky-first-column-demo-masthead-icon-group--app-launcher-button"
20082
+ id="sticky-first-column-demo-masthead-application-launcher-button"
20083
20083
  aria-expanded="false"
20084
20084
  aria-label="Application launcher"
20085
20085
  >
@@ -21887,7 +21887,7 @@ wrapperTag: div
21887
21887
  <button
21888
21888
  class="pf-c-app-launcher__toggle"
21889
21889
  type="button"
21890
- id="sticky-multiple-columns-demo-masthead-icon-group--app-launcher-button"
21890
+ id="sticky-multiple-columns-demo-masthead-application-launcher-button"
21891
21891
  aria-expanded="false"
21892
21892
  aria-label="Application launcher"
21893
21893
  >
@@ -23717,7 +23717,7 @@ wrapperTag: div
23717
23717
  <button
23718
23718
  class="pf-c-app-launcher__toggle"
23719
23719
  type="button"
23720
- id="sticky-header-and-multiple columns-demo-masthead-icon-group--app-launcher-button"
23720
+ id="sticky-header-and-multiple columns-demo-masthead-application-launcher-button"
23721
23721
  aria-expanded="false"
23722
23722
  aria-label="Application launcher"
23723
23723
  >
@@ -25544,7 +25544,7 @@ By default, table cell alignment is set to baseline. This retains vertical align
25544
25544
  <button
25545
25545
  class="pf-c-app-launcher__toggle"
25546
25546
  type="button"
25547
- id="image-alignment-demo-masthead-icon-group--app-launcher-button"
25547
+ id="image-alignment-demo-masthead-application-launcher-button"
25548
25548
  aria-expanded="false"
25549
25549
  aria-label="Application launcher"
25550
25550
  >
@@ -72,7 +72,7 @@ section: components
72
72
  <button
73
73
  class="pf-c-app-launcher__toggle"
74
74
  type="button"
75
- id="tabs-tables-and-tabs-example-masthead-icon-group--app-launcher-button"
75
+ id="tabs-tables-and-tabs-example-masthead-application-launcher-button"
76
76
  aria-expanded="false"
77
77
  aria-label="Application launcher"
78
78
  >
@@ -1233,7 +1233,7 @@ section: components
1233
1233
  <button
1234
1234
  class="pf-c-app-launcher__toggle"
1235
1235
  type="button"
1236
- id="tabs-tables-and-tabs-example-masthead-icon-group--app-launcher-button"
1236
+ id="tabs-tables-and-tabs-example-masthead-application-launcher-button"
1237
1237
  aria-expanded="false"
1238
1238
  aria-label="Application launcher"
1239
1239
  >
@@ -2394,7 +2394,7 @@ section: components
2394
2394
  <button
2395
2395
  class="pf-c-app-launcher__toggle"
2396
2396
  type="button"
2397
- id="nested-tabs-example-masthead-icon-group--app-launcher-button"
2397
+ id="nested-tabs-example-masthead-application-launcher-button"
2398
2398
  aria-expanded="false"
2399
2399
  aria-label="Application launcher"
2400
2400
  >
@@ -3464,7 +3464,7 @@ section: components
3464
3464
  <button
3465
3465
  class="pf-c-app-launcher__toggle"
3466
3466
  type="button"
3467
- id="table-tabs-example-masthead-icon-group--app-launcher-button"
3467
+ id="table-tabs-example-masthead-application-launcher-button"
3468
3468
  aria-expanded="false"
3469
3469
  aria-label="Application launcher"
3470
3470
  >
@@ -5874,7 +5874,7 @@ section: components
5874
5874
  <button
5875
5875
  class="pf-c-app-launcher__toggle"
5876
5876
  type="button"
5877
- id="table-tabs-example-masthead-icon-group--app-launcher-button"
5877
+ id="table-tabs-example-masthead-application-launcher-button"
5878
5878
  aria-expanded="false"
5879
5879
  aria-label="Application launcher"
5880
5880
  >
@@ -8394,7 +8394,7 @@ section: components
8394
8394
  <button
8395
8395
  class="pf-c-app-launcher__toggle"
8396
8396
  type="button"
8397
- id="modal-tabs-example-masthead-icon-group--app-launcher-button"
8397
+ id="modal-tabs-example-masthead-application-launcher-button"
8398
8398
  aria-expanded="false"
8399
8399
  aria-label="Application launcher"
8400
8400
  >
@@ -10433,7 +10433,7 @@ section: components
10433
10433
  <button
10434
10434
  class="pf-c-app-launcher__toggle"
10435
10435
  type="button"
10436
- id="gray-tabs-example-masthead-icon-group--app-launcher-button"
10436
+ id="gray-tabs-example-masthead-application-launcher-button"
10437
10437
  aria-expanded="false"
10438
10438
  aria-label="Application launcher"
10439
10439
  >
@@ -11526,7 +11526,7 @@ section: components
11526
11526
  <button
11527
11527
  class="pf-c-app-launcher__toggle"
11528
11528
  type="button"
11529
- id="gray-tabs-example-masthead-icon-group--app-launcher-button"
11529
+ id="gray-tabs-example-masthead-application-launcher-button"
11530
11530
  aria-expanded="false"
11531
11531
  aria-label="Application launcher"
11532
11532
  >
@@ -166,7 +166,7 @@ section: components
166
166
  <button
167
167
  class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
168
168
  type="button"
169
- id="pagination-options-menu-bottom-example-toggle"
169
+ id="toolbar-attribute-value-search-filter-desktop-example-pagination-options-menu-toggle"
170
170
  aria-haspopup="listbox"
171
171
  aria-expanded="false"
172
172
  >
@@ -180,7 +180,7 @@ section: components
180
180
  </button>
181
181
  <ul
182
182
  class="pf-c-options-menu__menu"
183
- aria-labelledby="pagination-options-menu-bottom-example-toggle"
183
+ aria-labelledby="toolbar-attribute-value-search-filter-desktop-example-pagination-options-menu-toggle"
184
184
  hidden
185
185
  >
186
186
  <li>
@@ -308,7 +308,7 @@ section: components
308
308
  <button
309
309
  class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
310
310
  type="button"
311
- id="pagination-options-menu-bottom-example-toggle"
311
+ id="toolbar-attribute-value-search-filter-mobile-example-pagination-options-menu-toggle"
312
312
  aria-haspopup="listbox"
313
313
  aria-expanded="false"
314
314
  >
@@ -322,7 +322,7 @@ section: components
322
322
  </button>
323
323
  <ul
324
324
  class="pf-c-options-menu__menu"
325
- aria-labelledby="pagination-options-menu-bottom-example-toggle"
325
+ aria-labelledby="toolbar-attribute-value-search-filter-mobile-example-pagination-options-menu-toggle"
326
326
  hidden
327
327
  >
328
328
  <li>
@@ -664,7 +664,7 @@ section: components
664
664
  <button
665
665
  class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
666
666
  type="button"
667
- id="pagination-options-menu-bottom-example-toggle"
667
+ id="toolbar-attribute-value-single-select-filter-desktop-example-pagination-options-menu-toggle"
668
668
  aria-haspopup="listbox"
669
669
  aria-expanded="false"
670
670
  >
@@ -678,7 +678,7 @@ section: components
678
678
  </button>
679
679
  <ul
680
680
  class="pf-c-options-menu__menu"
681
- aria-labelledby="pagination-options-menu-bottom-example-toggle"
681
+ aria-labelledby="toolbar-attribute-value-single-select-filter-desktop-example-pagination-options-menu-toggle"
682
682
  hidden
683
683
  >
684
684
  <li>
@@ -806,7 +806,7 @@ section: components
806
806
  <button
807
807
  class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
808
808
  type="button"
809
- id="pagination-options-menu-bottom-example-toggle"
809
+ id="toolbar-attribute-value-single-select-filter-mobile-example-pagination-options-menu-toggle"
810
810
  aria-haspopup="listbox"
811
811
  aria-expanded="false"
812
812
  >
@@ -820,7 +820,7 @@ section: components
820
820
  </button>
821
821
  <ul
822
822
  class="pf-c-options-menu__menu"
823
- aria-labelledby="pagination-options-menu-bottom-example-toggle"
823
+ aria-labelledby="toolbar-attribute-value-single-select-filter-mobile-example-pagination-options-menu-toggle"
824
824
  hidden
825
825
  >
826
826
  <li>
@@ -1243,7 +1243,7 @@ section: components
1243
1243
  <button
1244
1244
  class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
1245
1245
  type="button"
1246
- id="pagination-options-menu-bottom-example-toggle"
1246
+ id="toolbar-attribute-value-checkbox-select-filter-desktop-example-pagination-options-menu-toggle"
1247
1247
  aria-haspopup="listbox"
1248
1248
  aria-expanded="false"
1249
1249
  >
@@ -1257,7 +1257,7 @@ section: components
1257
1257
  </button>
1258
1258
  <ul
1259
1259
  class="pf-c-options-menu__menu"
1260
- aria-labelledby="pagination-options-menu-bottom-example-toggle"
1260
+ aria-labelledby="toolbar-attribute-value-checkbox-select-filter-desktop-example-pagination-options-menu-toggle"
1261
1261
  hidden
1262
1262
  >
1263
1263
  <li>
@@ -1320,22 +1320,25 @@ section: components
1320
1320
  <span
1321
1321
  class="pf-c-chip-group__label"
1322
1322
  aria-hidden="true"
1323
- id="toolbar-attribute-value-checkbox-select-filter-desktop-example-chip-group-label"
1323
+ id="toolbar-attribute-value-checkbox-select-filter-desktop-example-chip-group-chip-group-label"
1324
1324
  >Status</span>
1325
1325
  <ul
1326
1326
  class="pf-c-chip-group__list"
1327
1327
  role="list"
1328
- aria-labelledby="toolbar-attribute-value-checkbox-select-filter-desktop-example-chip-group-label"
1328
+ aria-labelledby="toolbar-attribute-value-checkbox-select-filter-desktop-example-chip-group-chip-group-label"
1329
1329
  >
1330
1330
  <li class="pf-c-chip-group__list-item">
1331
1331
  <div class="pf-c-chip">
1332
- <span class="pf-c-chip__text" id="chip-one">Canceled</span>
1332
+ <span
1333
+ class="pf-c-chip__text"
1334
+ id="toolbar-attribute-value-checkbox-select-filter-desktop-example-chip-group-chip-one"
1335
+ >Canceled</span>
1333
1336
  <button
1334
1337
  class="pf-c-button pf-m-plain"
1335
1338
  type="button"
1336
- aria-labelledby="remove-chip-one chip-one"
1339
+ aria-labelledby="toolbar-attribute-value-checkbox-select-filter-desktop-example-chip-groupremove-chip-one toolbar-attribute-value-checkbox-select-filter-desktop-example-chip-groupchip-one"
1337
1340
  aria-label="Remove"
1338
- id="remove-chip-one"
1341
+ id="toolbar-attribute-value-checkbox-select-filter-desktop-example-chip-groupremove-chip-one"
1339
1342
  >
1340
1343
  <i class="fas fa-times" aria-hidden="true"></i>
1341
1344
  </button>
@@ -1343,13 +1346,16 @@ section: components
1343
1346
  </li>
1344
1347
  <li class="pf-c-chip-group__list-item">
1345
1348
  <div class="pf-c-chip">
1346
- <span class="pf-c-chip__text" id="chip-two">Paused</span>
1349
+ <span
1350
+ class="pf-c-chip__text"
1351
+ id="toolbar-attribute-value-checkbox-select-filter-desktop-example-chip-groupchip-two"
1352
+ >Paused</span>
1347
1353
  <button
1348
1354
  class="pf-c-button pf-m-plain"
1349
1355
  type="button"
1350
- aria-labelledby="remove-chip-two chip-two"
1356
+ aria-labelledby="toolbar-attribute-value-checkbox-select-filter-desktop-example-chip-groupremove-chip-two toolbar-attribute-value-checkbox-select-filter-desktop-example-chip-groupchip-two"
1351
1357
  aria-label="Remove"
1352
- id="remove-chip-two"
1358
+ id="toolbar-attribute-value-checkbox-select-filter-desktop-example-chip-groupremove-chip-two"
1353
1359
  >
1354
1360
  <i class="fas fa-times" aria-hidden="true"></i>
1355
1361
  </button>
@@ -1357,13 +1363,16 @@ section: components
1357
1363
  </li>
1358
1364
  <li class="pf-c-chip-group__list-item">
1359
1365
  <div class="pf-c-chip">
1360
- <span class="pf-c-chip__text" id="chip-three">Restarted</span>
1366
+ <span
1367
+ class="pf-c-chip__text"
1368
+ id="toolbar-attribute-value-checkbox-select-filter-desktop-example-chip-groupchip-three"
1369
+ >Restarted</span>
1361
1370
  <button
1362
1371
  class="pf-c-button pf-m-plain"
1363
1372
  type="button"
1364
- aria-labelledby="remove-chip-three chip-three"
1373
+ aria-labelledby="toolbar-attribute-value-checkbox-select-filter-desktop-example-chip-groupremove-chip-three toolbar-attribute-value-checkbox-select-filter-desktop-example-chip-groupchip-three"
1365
1374
  aria-label="Remove"
1366
- id="remove-chip-three"
1375
+ id="toolbar-attribute-value-checkbox-select-filter-desktop-example-chip-groupremove-chip-three"
1367
1376
  >
1368
1377
  <i class="fas fa-times" aria-hidden="true"></i>
1369
1378
  </button>
@@ -1452,7 +1461,7 @@ section: components
1452
1461
  <button
1453
1462
  class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
1454
1463
  type="button"
1455
- id="pagination-options-menu-bottom-example-toggle"
1464
+ id="toolbar-attribute-value-checkbox-select-filter-mobile-example-pagination-options-menu-toggle"
1456
1465
  aria-haspopup="listbox"
1457
1466
  aria-expanded="false"
1458
1467
  >
@@ -1466,7 +1475,7 @@ section: components
1466
1475
  </button>
1467
1476
  <ul
1468
1477
  class="pf-c-options-menu__menu"
1469
- aria-labelledby="pagination-options-menu-bottom-example-toggle"
1478
+ aria-labelledby="toolbar-attribute-value-checkbox-select-filter-mobile-example-pagination-options-menu-toggle"
1470
1479
  hidden
1471
1480
  >
1472
1481
  <li>
@@ -1689,22 +1698,25 @@ section: components
1689
1698
  <span
1690
1699
  class="pf-c-chip-group__label"
1691
1700
  aria-hidden="true"
1692
- id="toolbar-attribute-value-checkbox-select-filter-mobile-example-chip-group-label"
1701
+ id="toolbar-attribute-value-checkbox-select-filter-mobile-example-chip-group-chip-group-label"
1693
1702
  >Status</span>
1694
1703
  <ul
1695
1704
  class="pf-c-chip-group__list"
1696
1705
  role="list"
1697
- aria-labelledby="toolbar-attribute-value-checkbox-select-filter-mobile-example-chip-group-label"
1706
+ aria-labelledby="toolbar-attribute-value-checkbox-select-filter-mobile-example-chip-group-chip-group-label"
1698
1707
  >
1699
1708
  <li class="pf-c-chip-group__list-item">
1700
1709
  <div class="pf-c-chip">
1701
- <span class="pf-c-chip__text" id="chip-one">Canceled</span>
1710
+ <span
1711
+ class="pf-c-chip__text"
1712
+ id="toolbar-attribute-value-checkbox-select-filter-mobile-example-chip-groupchip-one"
1713
+ >Canceled</span>
1702
1714
  <button
1703
1715
  class="pf-c-button pf-m-plain"
1704
1716
  type="button"
1705
- aria-labelledby="remove-chip-one chip-one"
1717
+ aria-labelledby="toolbar-attribute-value-checkbox-select-filter-mobile-example-chip-groupremove-chip-one toolbar-attribute-value-checkbox-select-filter-mobile-example-chip-groupchip-one"
1706
1718
  aria-label="Remove"
1707
- id="remove-chip-one"
1719
+ id="toolbar-attribute-value-checkbox-select-filter-mobile-example-chip-groupremove-chip-one"
1708
1720
  >
1709
1721
  <i class="fas fa-times" aria-hidden="true"></i>
1710
1722
  </button>
@@ -1712,13 +1724,16 @@ section: components
1712
1724
  </li>
1713
1725
  <li class="pf-c-chip-group__list-item">
1714
1726
  <div class="pf-c-chip">
1715
- <span class="pf-c-chip__text" id="chip-two">Paused</span>
1727
+ <span
1728
+ class="pf-c-chip__text"
1729
+ id="toolbar-attribute-value-checkbox-select-filter-mobile-example-chip-groupchip-two"
1730
+ >Paused</span>
1716
1731
  <button
1717
1732
  class="pf-c-button pf-m-plain"
1718
1733
  type="button"
1719
- aria-labelledby="remove-chip-two chip-two"
1734
+ aria-labelledby="toolbar-attribute-value-checkbox-select-filter-mobile-example-chip-groupremove-chip-two toolbar-attribute-value-checkbox-select-filter-mobile-example-chip-groupchip-two"
1720
1735
  aria-label="Remove"
1721
- id="remove-chip-two"
1736
+ id="toolbar-attribute-value-checkbox-select-filter-mobile-example-chip-groupremove-chip-two"
1722
1737
  >
1723
1738
  <i class="fas fa-times" aria-hidden="true"></i>
1724
1739
  </button>
@@ -1726,13 +1741,16 @@ section: components
1726
1741
  </li>
1727
1742
  <li class="pf-c-chip-group__list-item">
1728
1743
  <div class="pf-c-chip">
1729
- <span class="pf-c-chip__text" id="chip-three">Restarted</span>
1744
+ <span
1745
+ class="pf-c-chip__text"
1746
+ id="toolbar-attribute-value-checkbox-select-filter-mobile-example-chip-groupchip-three"
1747
+ >Restarted</span>
1730
1748
  <button
1731
1749
  class="pf-c-button pf-m-plain"
1732
1750
  type="button"
1733
- aria-labelledby="remove-chip-three chip-three"
1751
+ aria-labelledby="toolbar-attribute-value-checkbox-select-filter-mobile-example-chip-groupremove-chip-three toolbar-attribute-value-checkbox-select-filter-mobile-example-chip-groupchip-three"
1734
1752
  aria-label="Remove"
1735
- id="remove-chip-three"
1753
+ id="toolbar-attribute-value-checkbox-select-filter-mobile-example-chip-groupremove-chip-three"
1736
1754
  >
1737
1755
  <i class="fas fa-times" aria-hidden="true"></i>
1738
1756
  </button>
@@ -1827,7 +1845,7 @@ section: components
1827
1845
  <button
1828
1846
  class="pf-c-app-launcher__toggle"
1829
1847
  type="button"
1830
- id="toolbar-pagination-management-example-masthead-icon-group--app-launcher-button"
1848
+ id="toolbar-pagination-management-example-masthead-application-launcher-button"
1831
1849
  aria-expanded="false"
1832
1850
  aria-label="Application launcher"
1833
1851
  >
@@ -2796,7 +2814,7 @@ section: components
2796
2814
  <button
2797
2815
  class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
2798
2816
  type="button"
2799
- id="pagination-options-menu-bottom-example-toggle"
2817
+ id="toolbar-pagination-management-example-toolbar-pagination-options-menu-toggle"
2800
2818
  aria-haspopup="listbox"
2801
2819
  aria-expanded="false"
2802
2820
  >
@@ -2810,7 +2828,7 @@ section: components
2810
2828
  </button>
2811
2829
  <ul
2812
2830
  class="pf-c-options-menu__menu"
2813
- aria-labelledby="pagination-options-menu-bottom-example-toggle"
2831
+ aria-labelledby="toolbar-pagination-management-example-toolbar-pagination-options-menu-toggle"
2814
2832
  hidden
2815
2833
  >
2816
2834
  <li>
@@ -73,7 +73,7 @@ wrapperTag: div
73
73
  <button
74
74
  class="pf-c-app-launcher__toggle"
75
75
  type="button"
76
- id="wizard-basic-example-masthead-icon-group--app-launcher-button"
76
+ id="wizard-basic-example-masthead-application-launcher-button"
77
77
  aria-expanded="false"
78
78
  aria-label="Application launcher"
79
79
  >
@@ -1235,7 +1235,7 @@ wrapperTag: div
1235
1235
  <button
1236
1236
  class="pf-c-app-launcher__toggle"
1237
1237
  type="button"
1238
- id="wizard-nav-expanded-example-masthead-icon-group--app-launcher-button"
1238
+ id="wizard-nav-expanded-example-masthead-application-launcher-button"
1239
1239
  aria-expanded="false"
1240
1240
  aria-label="Application launcher"
1241
1241
  >
@@ -2397,7 +2397,7 @@ wrapperTag: div
2397
2397
  <button
2398
2398
  class="pf-c-app-launcher__toggle"
2399
2399
  type="button"
2400
- id="wizard-with-drawer-closed-example-masthead-icon-group--app-launcher-button"
2400
+ id="wizard-with-drawer-closed-example-masthead-application-launcher-button"
2401
2401
  aria-expanded="false"
2402
2402
  aria-label="Application launcher"
2403
2403
  >
@@ -3616,7 +3616,7 @@ wrapperTag: div
3616
3616
  <button
3617
3617
  class="pf-c-app-launcher__toggle"
3618
3618
  type="button"
3619
- id="wizard-with-drawer-expanded-example-masthead-icon-group--app-launcher-button"
3619
+ id="wizard-with-drawer-expanded-example-masthead-application-launcher-button"
3620
3620
  aria-expanded="false"
3621
3621
  aria-label="Application launcher"
3622
3622
  >
@@ -4829,7 +4829,7 @@ wrapperTag: div
4829
4829
  <button
4830
4830
  class="pf-c-app-launcher__toggle"
4831
4831
  type="button"
4832
- id="wizard-with-drawer-info-example-masthead-icon-group--app-launcher-button"
4832
+ id="wizard-with-drawer-info-example-masthead-application-launcher-button"
4833
4833
  aria-expanded="false"
4834
4834
  aria-label="Application launcher"
4835
4835
  >
@@ -5915,7 +5915,7 @@ wrapperTag: div
5915
5915
  <button
5916
5916
  class="pf-c-app-launcher__toggle"
5917
5917
  type="button"
5918
- id="wizard-in-page-example-masthead-icon-group--app-launcher-button"
5918
+ id="wizard-in-page-example-masthead-application-launcher-button"
5919
5919
  aria-expanded="false"
5920
5920
  aria-label="Application launcher"
5921
5921
  >
@@ -7021,7 +7021,7 @@ wrapperTag: div
7021
7021
  <button
7022
7022
  class="pf-c-app-launcher__toggle"
7023
7023
  type="button"
7024
- id="in-page-nav-expanded-example-masthead-icon-group--app-launcher-button"
7024
+ id="in-page-nav-expanded-example-masthead-application-launcher-button"
7025
7025
  aria-expanded="false"
7026
7026
  aria-label="Application launcher"
7027
7027
  >
@@ -8130,7 +8130,7 @@ wrapperTag: div
8130
8130
  <button
8131
8131
  class="pf-c-app-launcher__toggle"
8132
8132
  type="button"
8133
- id="wizard-with-drawer-in-page-example-masthead-icon-group--app-launcher-button"
8133
+ id="wizard-with-drawer-in-page-example-masthead-application-launcher-button"
8134
8134
  aria-expanded="false"
8135
8135
  aria-label="Application launcher"
8136
8136
  >
@@ -619,7 +619,7 @@ Ordering - Ordering can be applied to nested <code>.pf-l-flex</code> and <code>.
619
619
 
620
620
  ```
621
621
 
622
- ### Ordering
622
+ ### Ordering example
623
623
 
624
624
  ```html
625
625
  <div class="pf-l-flex">
@@ -183,7 +183,7 @@ cssPrefix: pf-l-grid
183
183
 
184
184
  Ordering - Ordering can be applied to nested <code>.pf-l-grid</code> and <code>.pf-l-grid\_\_item</code>s. Spacing may need to be managed based on how items are ordered. Because order could apply to an innumerable number of elements, order is set inline as `--pf-l-grid--item--Order{-on-[breakpoint]}: {order}`.
185
185
 
186
- ### Ordering
186
+ ### Ordering example
187
187
 
188
188
  ```html
189
189
  <div class="pf-l-grid pf-m-all-4-col pf-m-gutter">
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "4.205.0",
4
+ "version": "4.206.1",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -645,6 +645,13 @@ html {
645
645
  white-space: nowrap;
646
646
  border: 0;
647
647
  }
648
+ .pf-screen-reader.pf-m-full-size {
649
+ width: 100%;
650
+ height: 100%;
651
+ }
652
+ .pf-screen-reader.pf-m-absolute {
653
+ position: absolute;
654
+ }
648
655
 
649
656
  .pf-m-tabular-nums {
650
657
  font-variant-numeric: tabular-nums;
@@ -645,6 +645,13 @@ html {
645
645
  white-space: nowrap;
646
646
  border: 0;
647
647
  }
648
+ .pf-screen-reader.pf-m-full-size {
649
+ width: 100%;
650
+ height: 100%;
651
+ }
652
+ .pf-screen-reader.pf-m-absolute {
653
+ position: absolute;
654
+ }
648
655
 
649
656
  .pf-m-tabular-nums {
650
657
  font-variant-numeric: tabular-nums;
@@ -754,6 +754,13 @@ html {
754
754
  white-space: nowrap;
755
755
  border: 0;
756
756
  }
757
+ .pf-screen-reader.pf-m-full-size {
758
+ width: 100%;
759
+ height: 100%;
760
+ }
761
+ .pf-screen-reader.pf-m-absolute {
762
+ position: absolute;
763
+ }
757
764
 
758
765
  .pf-m-tabular-nums {
759
766
  font-variant-numeric: tabular-nums;
@@ -29892,6 +29899,10 @@ svg.pf-c-spinner.pf-m-xl {
29892
29899
  .pf-c-tabs.pf-m-page-insets {
29893
29900
  --pf-c-tabs--inset: var(--pf-c-tabs--m-page-insets--inset);
29894
29901
  }
29902
+ .pf-c-tabs.pf-m-overflow,
29903
+ .pf-c-tabs.pf-m-overflow .pf-c-tabs__list {
29904
+ overflow: visible;
29905
+ }
29895
29906
 
29896
29907
  .pf-c-tabs__toggle {
29897
29908
  display: var(--pf-c-tabs__toggle--Display);
@@ -31422,20 +31433,14 @@ svg.pf-c-spinner.pf-m-xl {
31422
31433
  .pf-c-tree-view__node .pf-c-tree-view__node-count .pf-c-badge.pf-m-read {
31423
31434
  --pf-c-badge--m-read--BackgroundColor: var(--pf-c-tree-view__node-count--c-badge--m-read--BackgroundColor);
31424
31435
  }
31425
- .pf-c-tree-view__node.pf-m-selectable .pf-c-tree-view__node-toggle {
31426
- --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--Color--base);
31427
- }
31428
- .pf-c-tree-view__node:hover,
31429
- .pf-c-tree-view__node .pf-c-tree-view__node-toggle:hover {
31430
- --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--hover__icon--Color);
31436
+ .pf-c-tree-view__node:not(.pf-m-selectable):hover, .pf-c-tree-view__node.pf-m-selectable .pf-c-tree-view__node-toggle:hover {
31437
+ --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--hover--Color);
31431
31438
  }
31432
- .pf-c-tree-view__node:focus,
31433
- .pf-c-tree-view__node .pf-c-tree-view__node-toggle:focus {
31434
- --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--focus__icon--Color);
31439
+ .pf-c-tree-view__node:not(.pf-m-selectable):focus, .pf-c-tree-view__node.pf-m-selectable .pf-c-tree-view__node-toggle:focus {
31440
+ --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--focus--Color);
31435
31441
  }
31436
- .pf-c-tree-view__node:active,
31437
- .pf-c-tree-view__node .pf-c-tree-view__node-toggle:active {
31438
- --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--active__icon--Color);
31442
+ .pf-c-tree-view__node:not(.pf-m-selectable):active, .pf-c-tree-view__node.pf-m-selectable .pf-c-tree-view__node-toggle:active {
31443
+ --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--active--Color);
31439
31444
  }
31440
31445
 
31441
31446
  .pf-c-tree-view__node-container {