@patternfly/patternfly 4.205.1 → 4.206.0

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 (49) hide show
  1. package/base/_common.scss +9 -0
  2. package/base/patternfly-common.css +7 -0
  3. package/docs/components/AppLauncher/examples/application-launcher.md +69 -22
  4. package/docs/components/DataList/examples/DataList.md +30 -30
  5. package/docs/components/DatePicker/examples/DatePicker.md +4 -4
  6. package/docs/components/LabelGroup/examples/LabelGroup.md +19 -19
  7. package/docs/components/LogViewer/examples/LogViewer.md +46 -37
  8. package/docs/components/Masthead/examples/masthead.md +1 -1
  9. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +54 -27
  10. package/docs/components/Nav/examples/Navigation.md +12 -6
  11. package/docs/components/Pagination/examples/Pagination.md +47 -14
  12. package/docs/components/Popover/examples/Popover.md +36 -24
  13. package/docs/components/SearchInput/examples/SearchInput.md +12 -12
  14. package/docs/components/Select/examples/Select.md +8 -8
  15. package/docs/components/Table/examples/Table.md +1 -1
  16. package/docs/components/Tabs/examples/Tabs.md +64 -70
  17. package/docs/components/TextInputGroup/examples/TextInputGroup.md +60 -60
  18. package/docs/components/Tile/examples/Tile.md +0 -2
  19. package/docs/demos/AboutModal/examples/AboutModal.md +1 -1
  20. package/docs/demos/Alert/examples/Alert.md +3 -3
  21. package/docs/demos/BackToTop/examples/BackToTop.md +1 -1
  22. package/docs/demos/Banner/examples/Banner.md +2 -2
  23. package/docs/demos/CardView/examples/CardView.md +1 -1
  24. package/docs/demos/ContextSelector/examples/ContextSelector.md +3 -3
  25. package/docs/demos/Dashboard/examples/Dashboard.md +1 -1
  26. package/docs/demos/DataList/examples/DataList.md +4 -4
  27. package/docs/demos/DescriptionList/examples/DescriptionList.md +3 -3
  28. package/docs/demos/Drawer/examples/Drawer.md +5 -5
  29. package/docs/demos/JumpLinks/examples/JumpLinks.md +6 -6
  30. package/docs/demos/Masthead/examples/Masthead.md +2 -2
  31. package/docs/demos/Modal/examples/Modal.md +6 -6
  32. package/docs/demos/Nav/examples/Nav.md +8 -8
  33. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +5 -5
  34. package/docs/demos/Page/examples/Page.md +8 -8
  35. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +7 -7
  36. package/docs/demos/Skeleton/examples/Skeleton.md +1 -1
  37. package/docs/demos/Table/examples/Table.md +14 -14
  38. package/docs/demos/Tabs/examples/Tabs.md +8 -8
  39. package/docs/demos/Toolbar/examples/Toolbar.md +55 -37
  40. package/docs/demos/Wizard/examples/Wizard.md +8 -8
  41. package/docs/layouts/Flex/examples/Flex.md +1 -1
  42. package/docs/layouts/Grid/examples/Grid.md +1 -1
  43. package/package.json +1 -1
  44. package/patternfly-base-no-reset.css +7 -0
  45. package/patternfly-base.css +7 -0
  46. package/patternfly-no-reset.css +7 -0
  47. package/patternfly.css +7 -0
  48. package/patternfly.min.css +1 -1
  49. package/patternfly.min.css.map +1 -1
@@ -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.1",
4
+ "version": "4.206.0",
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;
package/patternfly.css CHANGED
@@ -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;