@patternfly/patternfly 4.222.4 → 5.0.0-alpha.2

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 (172) hide show
  1. package/README.md +3 -3
  2. package/RELEASE-NOTES.md +0 -30
  3. package/base/_fonts.scss +0 -188
  4. package/base/_globals.scss +0 -6
  5. package/base/_icons.scss +28 -0
  6. package/base/_variables.scss +0 -14
  7. package/base/patternfly-fonts.css +0 -120
  8. package/base/patternfly-globals.css +0 -4
  9. package/base/patternfly-icons.scss +0 -28
  10. package/base/patternfly-variables.css +6 -19
  11. package/components/AboutModalBox/about-modal-box.css +1 -28
  12. package/components/AboutModalBox/about-modal-box.scss +1 -27
  13. package/components/Accordion/accordion.css +64 -62
  14. package/components/Accordion/accordion.scss +62 -64
  15. package/components/Alert/alert.css +0 -4
  16. package/components/Alert/alert.scss +0 -7
  17. package/components/Banner/banner.css +1 -1
  18. package/components/Banner/banner.scss +1 -1
  19. package/components/Breadcrumb/breadcrumb.css +0 -6
  20. package/components/Breadcrumb/breadcrumb.scss +0 -9
  21. package/components/Button/button.css +0 -4
  22. package/components/Button/button.scss +0 -7
  23. package/components/Card/card.css +0 -4
  24. package/components/Card/card.scss +0 -7
  25. package/components/Check/check.css +4 -2
  26. package/components/Check/check.scss +2 -2
  27. package/components/Content/content.css +1 -11
  28. package/components/Content/content.scss +1 -15
  29. package/components/DataList/data-list.css +0 -15
  30. package/components/Divider/divider.css +0 -16
  31. package/components/Divider/divider.scss +0 -1
  32. package/components/Drawer/drawer.css +0 -14
  33. package/components/Drawer/drawer.scss +0 -5
  34. package/components/Dropdown/dropdown.css +0 -15
  35. package/components/Dropdown/dropdown.scss +0 -20
  36. package/components/EmptyState/empty-state.css +0 -4
  37. package/components/EmptyState/empty-state.scss +0 -9
  38. package/components/ExpandableSection/expandable-section.css +0 -4
  39. package/components/ExpandableSection/expandable-section.scss +0 -7
  40. package/components/Form/form.css +0 -1
  41. package/components/Form/form.scss +0 -1
  42. package/components/FormControl/form-control.css +1 -1
  43. package/components/FormControl/themes/dark/form-control.scss +1 -1
  44. package/components/InlineEdit/inline-edit.css +1 -12
  45. package/components/InlineEdit/inline-edit.scss +1 -10
  46. package/components/InputGroup/input-group.css +0 -14
  47. package/components/InputGroup/input-group.scss +0 -9
  48. package/components/InputGroup/themes/dark/input-group.scss +0 -8
  49. package/components/JumpLinks/jump-links.css +0 -43
  50. package/components/JumpLinks/jump-links.scss +0 -13
  51. package/components/Label/label.css +0 -3
  52. package/components/Label/label.scss +0 -4
  53. package/components/Menu/menu.css +0 -20
  54. package/components/Menu/menu.scss +0 -6
  55. package/components/NotificationDrawer/notification-drawer.css +1 -0
  56. package/components/NotificationDrawer/notification-drawer.scss +1 -0
  57. package/components/Page/page.css +0 -15
  58. package/components/Pagination/pagination.css +0 -175
  59. package/components/Pagination/pagination.scss +1 -49
  60. package/components/Progress/progress.css +0 -1
  61. package/components/Progress/progress.scss +0 -1
  62. package/components/Radio/radio.css +4 -2
  63. package/components/Radio/radio.scss +2 -2
  64. package/components/SimpleList/simple-list.css +1 -1
  65. package/components/SimpleList/simple-list.scss +1 -1
  66. package/components/SkipToContent/skip-to-content.css +1 -1
  67. package/components/SkipToContent/skip-to-content.scss +1 -1
  68. package/components/Slider/slider.css +7 -0
  69. package/components/Slider/slider.scss +9 -0
  70. package/components/Switch/switch.css +0 -1
  71. package/components/Switch/switch.scss +0 -1
  72. package/components/Table/table-grid.css +0 -10
  73. package/components/Table/table-grid.scss +0 -2
  74. package/components/Table/table-tree-view.css +0 -16
  75. package/components/Table/table-tree-view.scss +0 -4
  76. package/components/Table/table.css +0 -16
  77. package/components/Table/table.scss +0 -1
  78. package/components/Tabs/tabs.css +1 -34
  79. package/components/Tabs/tabs.scss +0 -15
  80. package/components/Title/title.css +0 -5
  81. package/components/Title/title.scss +0 -8
  82. package/components/Toolbar/toolbar.css +0 -31
  83. package/components/Toolbar/toolbar.scss +0 -6
  84. package/components/Wizard/wizard.css +0 -9
  85. package/components/Wizard/wizard.scss +0 -9
  86. package/docs/components/AboutModalBox/examples/AboutModalBox.md +4 -15
  87. package/docs/components/Accordion/examples/Accordion.md +67 -67
  88. package/docs/components/Dropdown/examples/Dropdown.md +0 -216
  89. package/docs/components/InputGroup/examples/InputGroup.md +0 -1
  90. package/docs/components/Pagination/examples/Pagination.md +30 -129
  91. package/docs/components/SkipToContent/examples/SkipToContent.md +3 -5
  92. package/docs/components/Slider/examples/Slider.md +6 -6
  93. package/docs/components/Tabs/examples/Tabs.md +1 -2
  94. package/docs/components/Wizard/examples/Wizard.md +6 -6
  95. package/docs/demos/AboutModal/examples/AboutModal.md +53 -49
  96. package/docs/demos/Alert/examples/Alert.md +18 -12
  97. package/docs/demos/BackToTop/examples/BackToTop.md +6 -4
  98. package/docs/demos/Banner/examples/Banner.md +14 -10
  99. package/docs/demos/Card/examples/Card.md +4 -4
  100. package/docs/demos/CardView/examples/CardView.md +6 -4
  101. package/docs/demos/ContextSelector/examples/ContextSelector.md +24 -16
  102. package/docs/demos/Dashboard/examples/Dashboard.md +7 -4
  103. package/docs/demos/DataList/examples/DataList.md +24 -16
  104. package/docs/demos/DescriptionList/examples/DescriptionList.md +18 -12
  105. package/docs/demos/Drawer/examples/Drawer.md +30 -20
  106. package/docs/demos/JumpLinks/examples/JumpLinks.md +36 -24
  107. package/docs/demos/Masthead/examples/Masthead.md +54 -36
  108. package/docs/demos/Modal/examples/Modal.md +36 -24
  109. package/docs/demos/Nav/examples/Nav.md +784 -721
  110. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +30 -20
  111. package/docs/demos/Page/examples/Page.md +54 -36
  112. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +44 -28
  113. package/docs/demos/Skeleton/examples/Skeleton.md +6 -4
  114. package/docs/demos/Table/examples/Table.md +84 -56
  115. package/docs/demos/Tabs/examples/Tabs.md +579 -70
  116. package/docs/demos/Toolbar/examples/Toolbar.md +6 -4
  117. package/docs/demos/Wizard/examples/Wizard.md +67 -45
  118. package/package.json +7 -6
  119. package/patternfly-base-no-reset.css +30 -139
  120. package/patternfly-base.css +30 -143
  121. package/patternfly-charts.css +1 -1
  122. package/patternfly-no-reset.css +118 -665
  123. package/patternfly.css +118 -669
  124. package/patternfly.min.css +1 -1
  125. package/patternfly.min.css.map +1 -1
  126. package/sass-utilities/mixins.scss +0 -6
  127. package/sass-utilities/placeholders.scss +0 -7
  128. package/sass-utilities/scss-variables.scss +6 -12
  129. package/assets/fonts/overpass-mono-webfont/example.html +0 -15
  130. package/assets/fonts/overpass-mono-webfont/overpass-mono-bold.woff +0 -0
  131. package/assets/fonts/overpass-mono-webfont/overpass-mono-bold.woff2 +0 -0
  132. package/assets/fonts/overpass-mono-webfont/overpass-mono-light.woff +0 -0
  133. package/assets/fonts/overpass-mono-webfont/overpass-mono-light.woff2 +0 -0
  134. package/assets/fonts/overpass-mono-webfont/overpass-mono-regular.woff +0 -0
  135. package/assets/fonts/overpass-mono-webfont/overpass-mono-regular.woff2 +0 -0
  136. package/assets/fonts/overpass-mono-webfont/overpass-mono-semibold.woff +0 -0
  137. package/assets/fonts/overpass-mono-webfont/overpass-mono-semibold.woff2 +0 -0
  138. package/assets/fonts/overpass-mono-webfont/overpass-mono.css +0 -39
  139. package/assets/fonts/overpass-webfont/example.html +0 -18
  140. package/assets/fonts/overpass-webfont/overpass-bold-italic.woff +0 -0
  141. package/assets/fonts/overpass-webfont/overpass-bold-italic.woff2 +0 -0
  142. package/assets/fonts/overpass-webfont/overpass-bold.woff +0 -0
  143. package/assets/fonts/overpass-webfont/overpass-bold.woff2 +0 -0
  144. package/assets/fonts/overpass-webfont/overpass-extrabold-italic.woff +0 -0
  145. package/assets/fonts/overpass-webfont/overpass-extrabold-italic.woff2 +0 -0
  146. package/assets/fonts/overpass-webfont/overpass-extrabold.woff +0 -0
  147. package/assets/fonts/overpass-webfont/overpass-extrabold.woff2 +0 -0
  148. package/assets/fonts/overpass-webfont/overpass-extralight-italic.woff +0 -0
  149. package/assets/fonts/overpass-webfont/overpass-extralight-italic.woff2 +0 -0
  150. package/assets/fonts/overpass-webfont/overpass-extralight.woff +0 -0
  151. package/assets/fonts/overpass-webfont/overpass-extralight.woff2 +0 -0
  152. package/assets/fonts/overpass-webfont/overpass-heavy-italic.woff +0 -0
  153. package/assets/fonts/overpass-webfont/overpass-heavy-italic.woff2 +0 -0
  154. package/assets/fonts/overpass-webfont/overpass-heavy.woff +0 -0
  155. package/assets/fonts/overpass-webfont/overpass-heavy.woff2 +0 -0
  156. package/assets/fonts/overpass-webfont/overpass-italic.woff +0 -0
  157. package/assets/fonts/overpass-webfont/overpass-italic.woff2 +0 -0
  158. package/assets/fonts/overpass-webfont/overpass-light-italic.woff +0 -0
  159. package/assets/fonts/overpass-webfont/overpass-light-italic.woff2 +0 -0
  160. package/assets/fonts/overpass-webfont/overpass-light.woff +0 -0
  161. package/assets/fonts/overpass-webfont/overpass-light.woff2 +0 -0
  162. package/assets/fonts/overpass-webfont/overpass-regular.woff +0 -0
  163. package/assets/fonts/overpass-webfont/overpass-regular.woff2 +0 -0
  164. package/assets/fonts/overpass-webfont/overpass-semibold-italic.woff +0 -0
  165. package/assets/fonts/overpass-webfont/overpass-semibold-italic.woff2 +0 -0
  166. package/assets/fonts/overpass-webfont/overpass-semibold.woff +0 -0
  167. package/assets/fonts/overpass-webfont/overpass-semibold.woff2 +0 -0
  168. package/assets/fonts/overpass-webfont/overpass-thin-italic.woff +0 -0
  169. package/assets/fonts/overpass-webfont/overpass-thin-italic.woff2 +0 -0
  170. package/assets/fonts/overpass-webfont/overpass-thin.woff +0 -0
  171. package/assets/fonts/overpass-webfont/overpass-thin.woff2 +0 -0
  172. package/assets/fonts/overpass-webfont/overpass.css +0 -141
@@ -102,7 +102,6 @@
102
102
  }
103
103
  .pf-m-grid.pf-c-table thead {
104
104
  display: none;
105
- visibility: hidden;
106
105
  }
107
106
  .pf-m-grid.pf-c-table tbody {
108
107
  display: block;
@@ -252,7 +251,6 @@
252
251
  }
253
252
  .pf-m-grid.pf-c-table .pf-c-table__expandable-row:not(.pf-m-expanded) {
254
253
  display: none;
255
- visibility: hidden;
256
254
  }
257
255
  .pf-m-grid.pf-c-table .pf-c-table__expandable-row .pf-c-table__expandable-row-content {
258
256
  padding-right: var(--pf-c-table__expandable-row-content--responsive--PaddingRight);
@@ -406,7 +404,6 @@
406
404
  }
407
405
  .pf-m-grid-md.pf-c-table thead {
408
406
  display: none;
409
- visibility: hidden;
410
407
  }
411
408
  .pf-m-grid-md.pf-c-table tbody {
412
409
  display: block;
@@ -556,7 +553,6 @@
556
553
  }
557
554
  .pf-m-grid-md.pf-c-table .pf-c-table__expandable-row:not(.pf-m-expanded) {
558
555
  display: none;
559
- visibility: hidden;
560
556
  }
561
557
  .pf-m-grid-md.pf-c-table .pf-c-table__expandable-row .pf-c-table__expandable-row-content {
562
558
  padding-right: var(--pf-c-table__expandable-row-content--responsive--PaddingRight);
@@ -723,7 +719,6 @@
723
719
  }
724
720
  .pf-m-grid-lg.pf-c-table thead {
725
721
  display: none;
726
- visibility: hidden;
727
722
  }
728
723
  .pf-m-grid-lg.pf-c-table tbody {
729
724
  display: block;
@@ -873,7 +868,6 @@
873
868
  }
874
869
  .pf-m-grid-lg.pf-c-table .pf-c-table__expandable-row:not(.pf-m-expanded) {
875
870
  display: none;
876
- visibility: hidden;
877
871
  }
878
872
  .pf-m-grid-lg.pf-c-table .pf-c-table__expandable-row .pf-c-table__expandable-row-content {
879
873
  padding-right: var(--pf-c-table__expandable-row-content--responsive--PaddingRight);
@@ -1040,7 +1034,6 @@
1040
1034
  }
1041
1035
  .pf-m-grid-xl.pf-c-table thead {
1042
1036
  display: none;
1043
- visibility: hidden;
1044
1037
  }
1045
1038
  .pf-m-grid-xl.pf-c-table tbody {
1046
1039
  display: block;
@@ -1190,7 +1183,6 @@
1190
1183
  }
1191
1184
  .pf-m-grid-xl.pf-c-table .pf-c-table__expandable-row:not(.pf-m-expanded) {
1192
1185
  display: none;
1193
- visibility: hidden;
1194
1186
  }
1195
1187
  .pf-m-grid-xl.pf-c-table .pf-c-table__expandable-row .pf-c-table__expandable-row-content {
1196
1188
  padding-right: var(--pf-c-table__expandable-row-content--responsive--PaddingRight);
@@ -1357,7 +1349,6 @@
1357
1349
  }
1358
1350
  .pf-m-grid-2xl.pf-c-table thead {
1359
1351
  display: none;
1360
- visibility: hidden;
1361
1352
  }
1362
1353
  .pf-m-grid-2xl.pf-c-table tbody {
1363
1354
  display: block;
@@ -1507,7 +1498,6 @@
1507
1498
  }
1508
1499
  .pf-m-grid-2xl.pf-c-table .pf-c-table__expandable-row:not(.pf-m-expanded) {
1509
1500
  display: none;
1510
- visibility: hidden;
1511
1501
  }
1512
1502
  .pf-m-grid-2xl.pf-c-table .pf-c-table__expandable-row .pf-c-table__expandable-row-content {
1513
1503
  padding-right: var(--pf-c-table__expandable-row-content--responsive--PaddingRight);
@@ -174,7 +174,6 @@
174
174
  // Thead
175
175
  thead {
176
176
  display: none;
177
- visibility: hidden;
178
177
  }
179
178
 
180
179
  // Tbody
@@ -394,7 +393,6 @@
394
393
 
395
394
  &:not(.pf-m-expanded) {
396
395
  display: none;
397
- visibility: hidden;
398
396
  }
399
397
 
400
398
  .pf-c-table__expandable-row-content {
@@ -82,7 +82,6 @@
82
82
 
83
83
  .pf-c-table__tree-view-details-toggle {
84
84
  display: none;
85
- visibility: hidden;
86
85
  }
87
86
 
88
87
  .pf-m-tree-view-grid.pf-c-table {
@@ -144,7 +143,6 @@
144
143
  }
145
144
  .pf-m-tree-view-grid.pf-c-table thead th {
146
145
  display: none;
147
- visibility: none;
148
146
  }
149
147
  .pf-m-tree-view-grid.pf-c-table td {
150
148
  display: none;
@@ -171,12 +169,10 @@
171
169
  }
172
170
  .pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-title-header-cell {
173
171
  display: block;
174
- visibility: visible;
175
172
  }
176
173
  .pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-details-toggle,
177
174
  .pf-m-tree-view-grid.pf-c-table .pf-c-table__action {
178
175
  display: inline-block;
179
- visibility: visible;
180
176
  }
181
177
  .pf-m-tree-view-grid.pf-c-table .pf-c-table__action {
182
178
  --pf-c-table--cell--Width: auto;
@@ -287,7 +283,6 @@
287
283
  }
288
284
  .pf-m-tree-view-grid-md.pf-c-table thead th {
289
285
  display: none;
290
- visibility: none;
291
286
  }
292
287
  .pf-m-tree-view-grid-md.pf-c-table td {
293
288
  display: none;
@@ -314,12 +309,10 @@
314
309
  }
315
310
  .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-title-header-cell {
316
311
  display: block;
317
- visibility: visible;
318
312
  }
319
313
  .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-details-toggle,
320
314
  .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
321
315
  display: inline-block;
322
- visibility: visible;
323
316
  }
324
317
  .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
325
318
  --pf-c-table--cell--Width: auto;
@@ -431,7 +424,6 @@
431
424
  }
432
425
  .pf-m-tree-view-grid-lg.pf-c-table thead th {
433
426
  display: none;
434
- visibility: none;
435
427
  }
436
428
  .pf-m-tree-view-grid-lg.pf-c-table td {
437
429
  display: none;
@@ -458,12 +450,10 @@
458
450
  }
459
451
  .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-title-header-cell {
460
452
  display: block;
461
- visibility: visible;
462
453
  }
463
454
  .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-details-toggle,
464
455
  .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
465
456
  display: inline-block;
466
- visibility: visible;
467
457
  }
468
458
  .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
469
459
  --pf-c-table--cell--Width: auto;
@@ -575,7 +565,6 @@
575
565
  }
576
566
  .pf-m-tree-view-grid-xl.pf-c-table thead th {
577
567
  display: none;
578
- visibility: none;
579
568
  }
580
569
  .pf-m-tree-view-grid-xl.pf-c-table td {
581
570
  display: none;
@@ -602,12 +591,10 @@
602
591
  }
603
592
  .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-title-header-cell {
604
593
  display: block;
605
- visibility: visible;
606
594
  }
607
595
  .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-details-toggle,
608
596
  .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
609
597
  display: inline-block;
610
- visibility: visible;
611
598
  }
612
599
  .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
613
600
  --pf-c-table--cell--Width: auto;
@@ -719,7 +706,6 @@
719
706
  }
720
707
  .pf-m-tree-view-grid-2xl.pf-c-table thead th {
721
708
  display: none;
722
- visibility: none;
723
709
  }
724
710
  .pf-m-tree-view-grid-2xl.pf-c-table td {
725
711
  display: none;
@@ -746,12 +732,10 @@
746
732
  }
747
733
  .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-title-header-cell {
748
734
  display: block;
749
- visibility: visible;
750
735
  }
751
736
  .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-details-toggle,
752
737
  .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
753
738
  display: inline-block;
754
- visibility: visible;
755
739
  }
756
740
  .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
757
741
  --pf-c-table--cell--Width: auto;
@@ -82,7 +82,6 @@ $pf-c-tree-view--MaxDepth: 10;
82
82
 
83
83
  .pf-c-table__tree-view-details-toggle {
84
84
  display: none;
85
- visibility: hidden;
86
85
  }
87
86
 
88
87
  // stylelint-disable
@@ -204,7 +203,6 @@ $pf-c-tree-view--MaxDepth: 10;
204
203
 
205
204
  thead th {
206
205
  display: none;
207
- visibility: none;
208
206
  }
209
207
 
210
208
  td {
@@ -242,13 +240,11 @@ $pf-c-tree-view--MaxDepth: 10;
242
240
 
243
241
  .pf-c-table__tree-view-title-header-cell {
244
242
  display: block;
245
- visibility: visible;
246
243
  }
247
244
 
248
245
  .pf-c-table__tree-view-details-toggle,
249
246
  .pf-c-table__action {
250
247
  display: inline-block;
251
- visibility: visible;
252
248
  }
253
249
 
254
250
  .pf-c-table__action {
@@ -9,66 +9,51 @@
9
9
  }
10
10
 
11
11
  .pf-c-table tr > * {
12
- --pf-hidden-visible--visible--Visibility: visible;
13
12
  --pf-hidden-visible--hidden--Display: none;
14
- --pf-hidden-visible--hidden--Visibility: hidden;
15
13
  --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
16
- --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
17
14
  display: var(--pf-hidden-visible--Display);
18
- visibility: var(--pf-hidden-visible--Visibility);
19
15
  }
20
16
  .pf-c-table tr > .pf-m-hidden {
21
17
  --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
22
- --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
23
18
  }
24
19
  @media screen and (min-width: 576px) {
25
20
  .pf-c-table tr > .pf-m-hidden-on-sm {
26
21
  --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
27
- --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
28
22
  }
29
23
  .pf-c-table tr > .pf-m-visible-on-sm {
30
24
  --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
31
- --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
32
25
  }
33
26
  }
34
27
  @media screen and (min-width: 768px) {
35
28
  .pf-c-table tr > .pf-m-hidden-on-md {
36
29
  --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
37
- --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
38
30
  }
39
31
  .pf-c-table tr > .pf-m-visible-on-md {
40
32
  --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
41
- --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
42
33
  }
43
34
  }
44
35
  @media screen and (min-width: 992px) {
45
36
  .pf-c-table tr > .pf-m-hidden-on-lg {
46
37
  --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
47
- --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
48
38
  }
49
39
  .pf-c-table tr > .pf-m-visible-on-lg {
50
40
  --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
51
- --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
52
41
  }
53
42
  }
54
43
  @media screen and (min-width: 1200px) {
55
44
  .pf-c-table tr > .pf-m-hidden-on-xl {
56
45
  --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
57
- --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
58
46
  }
59
47
  .pf-c-table tr > .pf-m-visible-on-xl {
60
48
  --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
61
- --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
62
49
  }
63
50
  }
64
51
  @media screen and (min-width: 1450px) {
65
52
  .pf-c-table tr > .pf-m-hidden-on-2xl {
66
53
  --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
67
- --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
68
54
  }
69
55
  .pf-c-table tr > .pf-m-visible-on-2xl {
70
56
  --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
71
- --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
72
57
  }
73
58
  }
74
59
 
@@ -946,7 +931,6 @@
946
931
  }
947
932
  .pf-c-table__expandable-row:not(.pf-m-expanded) {
948
933
  display: none;
949
- visibility: hidden;
950
934
  }
951
935
 
952
936
  .pf-c-table__compound-expansion-toggle.pf-m-expanded:first-child,
@@ -1229,7 +1229,6 @@
1229
1229
 
1230
1230
  &:not(.pf-m-expanded) {
1231
1231
  display: none;
1232
- visibility: hidden;
1233
1232
  }
1234
1233
  }
1235
1234
 
@@ -24,7 +24,6 @@
24
24
  --pf-c-tabs--m-color-scheme--light-300__item--m-current__link--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
25
25
  --pf-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor: var(--pf-global--palette--black-150);
26
26
  --pf-c-tabs__list--Display: flex;
27
- --pf-c-tabs__list--Visibility: visible;
28
27
  --pf-c-tabs__item--m-action--before--ZIndex: var(--pf-global--ZIndex--xs);
29
28
  --pf-c-tabs__link--Color: var(--pf-global--Color--200);
30
29
  --pf-c-tabs__link--FontSize: var(--pf-global--FontSize--md);
@@ -94,7 +93,6 @@
94
93
  --pf-c-tabs__item--ScrollSnapAlign: end;
95
94
  --pf-c-tabs--m-vertical__list--ScrollSnapTypeAxis: y;
96
95
  --pf-c-tabs__toggle--Display: flex;
97
- --pf-c-tabs__toggle--Visibility: hidden;
98
96
  --pf-c-tabs__toggle--MarginBottom: 0;
99
97
  --pf-c-tabs--m-expanded__toggle--MarginBottom: var(--pf-global--spacer--md);
100
98
  --pf-c-tabs__toggle-icon--Color: currentcolor;
@@ -182,14 +180,10 @@
182
180
  margin-left: 0;
183
181
  transform: translateX(0);
184
182
  }
185
- .pf-c-tabs.pf-m-secondary, .pf-c-tabs.pf-m-no-border-bottom {
183
+ .pf-c-tabs.pf-m-no-border-bottom {
186
184
  --pf-c-tabs--before--BorderBottomWidth: 0;
187
185
  --pf-c-tabs__link--disabled--before--BorderBottomWidth: 0;
188
186
  }
189
- .pf-c-tabs.pf-m-border-bottom {
190
- --pf-c-tabs--before--BorderBottomWidth: var(--pf-c-tabs--before--border-width--base);
191
- --pf-c-tabs__link--disabled--before--BorderBottomWidth: var(--pf-c-tabs--before--border-width--base);
192
- }
193
187
  .pf-c-tabs.pf-m-box .pf-c-tabs__link, .pf-c-tabs.pf-m-vertical .pf-c-tabs__link {
194
188
  --pf-c-tabs__link--after--BorderBottomWidth: 0;
195
189
  }
@@ -284,89 +278,64 @@
284
278
  }
285
279
  .pf-c-tabs.pf-m-vertical.pf-m-expandable {
286
280
  --pf-c-tabs__list--Display: none;
287
- --pf-c-tabs__list--Visibility: hidden;
288
281
  --pf-c-tabs__toggle--Display: flex;
289
- --pf-c-tabs__toggle--Visibility: visible;
290
282
  }
291
283
  .pf-c-tabs.pf-m-vertical.pf-m-non-expandable {
292
284
  --pf-c-tabs__list--Display: flex;
293
- --pf-c-tabs__list--Visibility: visible;
294
285
  --pf-c-tabs__toggle--Display: none;
295
- --pf-c-tabs__toggle--Visibility: hidden;
296
286
  }
297
287
  @media (min-width: 576px) {
298
288
  .pf-c-tabs.pf-m-vertical.pf-m-expandable-on-sm {
299
289
  --pf-c-tabs__list--Display: none;
300
- --pf-c-tabs__list--Visibility: hidden;
301
290
  --pf-c-tabs__toggle--Display: flex;
302
- --pf-c-tabs__toggle--Visibility: visible;
303
291
  }
304
292
  .pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-sm {
305
293
  --pf-c-tabs__list--Display: flex;
306
- --pf-c-tabs__list--Visibility: visible;
307
294
  --pf-c-tabs__toggle--Display: none;
308
- --pf-c-tabs__toggle--Visibility: hidden;
309
295
  }
310
296
  }
311
297
  @media (min-width: 768px) {
312
298
  .pf-c-tabs.pf-m-vertical.pf-m-expandable-on-md {
313
299
  --pf-c-tabs__list--Display: none;
314
- --pf-c-tabs__list--Visibility: hidden;
315
300
  --pf-c-tabs__toggle--Display: flex;
316
- --pf-c-tabs__toggle--Visibility: visible;
317
301
  }
318
302
  .pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-md {
319
303
  --pf-c-tabs__list--Display: flex;
320
- --pf-c-tabs__list--Visibility: visible;
321
304
  --pf-c-tabs__toggle--Display: none;
322
- --pf-c-tabs__toggle--Visibility: hidden;
323
305
  }
324
306
  }
325
307
  @media (min-width: 992px) {
326
308
  .pf-c-tabs.pf-m-vertical.pf-m-expandable-on-lg {
327
309
  --pf-c-tabs__list--Display: none;
328
- --pf-c-tabs__list--Visibility: hidden;
329
310
  --pf-c-tabs__toggle--Display: flex;
330
- --pf-c-tabs__toggle--Visibility: visible;
331
311
  }
332
312
  .pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-lg {
333
313
  --pf-c-tabs__list--Display: flex;
334
- --pf-c-tabs__list--Visibility: visible;
335
314
  --pf-c-tabs__toggle--Display: none;
336
- --pf-c-tabs__toggle--Visibility: hidden;
337
315
  }
338
316
  }
339
317
  @media (min-width: 1200px) {
340
318
  .pf-c-tabs.pf-m-vertical.pf-m-expandable-on-xl {
341
319
  --pf-c-tabs__list--Display: none;
342
- --pf-c-tabs__list--Visibility: hidden;
343
320
  --pf-c-tabs__toggle--Display: flex;
344
- --pf-c-tabs__toggle--Visibility: visible;
345
321
  }
346
322
  .pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-xl {
347
323
  --pf-c-tabs__list--Display: flex;
348
- --pf-c-tabs__list--Visibility: visible;
349
324
  --pf-c-tabs__toggle--Display: none;
350
- --pf-c-tabs__toggle--Visibility: hidden;
351
325
  }
352
326
  }
353
327
  @media (min-width: 1450px) {
354
328
  .pf-c-tabs.pf-m-vertical.pf-m-expandable-on-2xl {
355
329
  --pf-c-tabs__list--Display: none;
356
- --pf-c-tabs__list--Visibility: hidden;
357
330
  --pf-c-tabs__toggle--Display: flex;
358
- --pf-c-tabs__toggle--Visibility: visible;
359
331
  }
360
332
  .pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-2xl {
361
333
  --pf-c-tabs__list--Display: flex;
362
- --pf-c-tabs__list--Visibility: visible;
363
334
  --pf-c-tabs__toggle--Display: none;
364
- --pf-c-tabs__toggle--Visibility: hidden;
365
335
  }
366
336
  }
367
337
  .pf-c-tabs.pf-m-vertical.pf-m-expanded {
368
338
  --pf-c-tabs__list--Display: flex;
369
- --pf-c-tabs__list--Visibility: visible;
370
339
  --pf-c-tabs__toggle--MarginBottom: var(--pf-c-tabs--m-expanded__toggle--MarginBottom);
371
340
  --pf-c-tabs__toggle-icon--Color: var(--pf-c-tabs--m-expanded__toggle-icon--Color);
372
341
  --pf-c-tabs__toggle-icon--Rotate: var(--pf-c-tabs--m-expanded__toggle-icon--Rotate);
@@ -422,7 +391,6 @@
422
391
  display: var(--pf-c-tabs__toggle--Display);
423
392
  align-items: center;
424
393
  margin-bottom: var(--pf-c-tabs__toggle--MarginBottom);
425
- visibility: var(--pf-c-tabs__toggle--Visibility);
426
394
  }
427
395
 
428
396
  .pf-c-tabs__toggle-button {
@@ -459,7 +427,6 @@
459
427
  overflow-x: auto;
460
428
  scroll-behavior: smooth;
461
429
  scroll-snap-type: var(--pf-c-tabs__list--ScrollSnapType);
462
- visibility: var(--pf-c-tabs__list--Visibility);
463
430
  -webkit-overflow-scrolling: touch;
464
431
  }
465
432
  .pf-c-tabs__list::-webkit-scrollbar {
@@ -37,7 +37,6 @@ $pf-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl");
37
37
 
38
38
  // List
39
39
  --pf-c-tabs__list--Display: flex;
40
- --pf-c-tabs__list--Visibility: visible;
41
40
 
42
41
  // Item
43
42
  --pf-c-tabs__item--m-action--before--ZIndex: var(--pf-global--ZIndex--xs);
@@ -123,7 +122,6 @@ $pf-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl");
123
122
 
124
123
  // Expandable
125
124
  --pf-c-tabs__toggle--Display: flex;
126
- --pf-c-tabs__toggle--Visibility: hidden;
127
125
  --pf-c-tabs__toggle--MarginBottom: 0;
128
126
  --pf-c-tabs--m-expanded__toggle--MarginBottom: var(--pf-global--spacer--md);
129
127
  --pf-c-tabs__toggle-icon--Color: currentcolor;
@@ -235,17 +233,11 @@ $pf-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl");
235
233
  }
236
234
  }
237
235
 
238
- &.pf-m-secondary,
239
236
  &.pf-m-no-border-bottom {
240
237
  --pf-c-tabs--before--BorderBottomWidth: 0;
241
238
  --pf-c-tabs__link--disabled--before--BorderBottomWidth: 0;
242
239
  }
243
240
 
244
- &.pf-m-border-bottom {
245
- --pf-c-tabs--before--BorderBottomWidth: var(--pf-c-tabs--before--border-width--base);
246
- --pf-c-tabs__link--disabled--before--BorderBottomWidth: var(--pf-c-tabs--before--border-width--base);
247
- }
248
-
249
241
  // Remove bottom border for variants
250
242
  &.pf-m-box,
251
243
  &.pf-m-vertical {
@@ -384,16 +376,12 @@ $pf-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl");
384
376
  // stylelint-disable max-nesting-depth
385
377
  &.pf-m-expandable#{$breakpoint-name} {
386
378
  --pf-c-tabs__list--Display: none;
387
- --pf-c-tabs__list--Visibility: hidden;
388
379
  --pf-c-tabs__toggle--Display: flex;
389
- --pf-c-tabs__toggle--Visibility: visible;
390
380
  }
391
381
 
392
382
  &.pf-m-non-expandable#{$breakpoint-name} {
393
383
  --pf-c-tabs__list--Display: flex;
394
- --pf-c-tabs__list--Visibility: visible;
395
384
  --pf-c-tabs__toggle--Display: none;
396
- --pf-c-tabs__toggle--Visibility: hidden;
397
385
  }
398
386
  // stylelint-enable
399
387
  }
@@ -401,7 +389,6 @@ $pf-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl");
401
389
 
402
390
  &.pf-m-expanded {
403
391
  --pf-c-tabs__list--Display: flex;
404
- --pf-c-tabs__list--Visibility: visible;
405
392
  --pf-c-tabs__toggle--MarginBottom: var(--pf-c-tabs--m-expanded__toggle--MarginBottom);
406
393
  --pf-c-tabs__toggle-icon--Color: var(--pf-c-tabs--m-expanded__toggle-icon--Color);
407
394
  --pf-c-tabs__toggle-icon--Rotate: var(--pf-c-tabs--m-expanded__toggle-icon--Rotate);
@@ -481,7 +468,6 @@ $pf-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl");
481
468
  display: var(--pf-c-tabs__toggle--Display);
482
469
  align-items: center;
483
470
  margin-bottom: var(--pf-c-tabs__toggle--MarginBottom);
484
- visibility: var(--pf-c-tabs__toggle--Visibility);
485
471
  }
486
472
 
487
473
  .pf-c-tabs__toggle-button {
@@ -522,7 +508,6 @@ $pf-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl");
522
508
  overflow-x: auto;
523
509
  scroll-behavior: smooth;
524
510
  scroll-snap-type: var(--pf-c-tabs__list--ScrollSnapType);
525
- visibility: var(--pf-c-tabs__list--Visibility);
526
511
  -webkit-overflow-scrolling: touch;
527
512
  }
528
513
 
@@ -50,9 +50,4 @@
50
50
  font-size: var(--pf-c-title--m-md--FontSize);
51
51
  font-weight: var(--pf-c-title--m-md--FontWeight);
52
52
  line-height: var(--pf-c-title--m-md--LineHeight);
53
- }
54
-
55
- .pf-m-overpass-font .pf-c-title {
56
- --pf-c-title--m-md--FontWeight: var(--pf-global--FontWeight--semi-bold);
57
- --pf-c-title--m-lg--FontWeight: var(--pf-global--FontWeight--semi-bold);
58
53
  }
@@ -70,11 +70,3 @@
70
70
  line-height: var(--pf-c-title--m-md--LineHeight);
71
71
  }
72
72
  }
73
-
74
- // RedHat Font overrides
75
- @include pf-m-overpass-font {
76
- .pf-c-title {
77
- --pf-c-title--m-md--FontWeight: var(--pf-global--FontWeight--semi-bold);
78
- --pf-c-title--m-lg--FontWeight: var(--pf-global--FontWeight--semi-bold);
79
- }
80
- }