@patternfly/react-styles 4.92.3 → 5.0.0-alpha.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (66) hide show
  1. package/CHANGELOG.md +1408 -4348
  2. package/css/components/AboutModalBox/about-modal-box.css +1 -28
  3. package/css/components/Accordion/accordion.css +64 -62
  4. package/css/components/Accordion/accordion.d.ts +2 -2
  5. package/css/components/Accordion/accordion.js +2 -2
  6. package/css/components/Accordion/accordion.mjs +2 -2
  7. package/css/components/Alert/alert.css +0 -4
  8. package/css/components/Alert/alert.d.ts +1 -2
  9. package/css/components/Alert/alert.js +1 -2
  10. package/css/components/Alert/alert.mjs +1 -2
  11. package/css/components/Banner/banner.css +1 -1
  12. package/css/components/Breadcrumb/breadcrumb.css +0 -6
  13. package/css/components/Breadcrumb/breadcrumb.d.ts +1 -2
  14. package/css/components/Breadcrumb/breadcrumb.js +1 -2
  15. package/css/components/Breadcrumb/breadcrumb.mjs +1 -2
  16. package/css/components/Button/button.css +0 -4
  17. package/css/components/Button/button.d.ts +1 -2
  18. package/css/components/Button/button.js +1 -2
  19. package/css/components/Button/button.mjs +1 -2
  20. package/css/components/Card/card.css +0 -4
  21. package/css/components/Card/card.d.ts +1 -2
  22. package/css/components/Card/card.js +1 -2
  23. package/css/components/Card/card.mjs +1 -2
  24. package/css/components/Check/check.css +4 -2
  25. package/css/components/Content/content.css +1 -11
  26. package/css/components/Content/content.d.ts +1 -2
  27. package/css/components/Content/content.js +1 -2
  28. package/css/components/Content/content.mjs +1 -2
  29. package/css/components/DataList/data-list.css +0 -15
  30. package/css/components/Divider/divider.css +0 -16
  31. package/css/components/Drawer/drawer.css +0 -14
  32. package/css/components/EmptyState/empty-state.css +0 -4
  33. package/css/components/EmptyState/empty-state.d.ts +1 -2
  34. package/css/components/EmptyState/empty-state.js +1 -2
  35. package/css/components/EmptyState/empty-state.mjs +1 -2
  36. package/css/components/ExpandableSection/expandable-section.css +0 -4
  37. package/css/components/ExpandableSection/expandable-section.d.ts +1 -2
  38. package/css/components/ExpandableSection/expandable-section.js +1 -2
  39. package/css/components/ExpandableSection/expandable-section.mjs +1 -2
  40. package/css/components/Form/form.css +0 -1
  41. package/css/components/InlineEdit/inline-edit.css +1 -12
  42. package/css/components/JumpLinks/jump-links.css +0 -43
  43. package/css/components/Label/label.css +0 -3
  44. package/css/components/Menu/menu.css +0 -16
  45. package/css/components/NotificationDrawer/notification-drawer.css +1 -0
  46. package/css/components/Page/page.css +0 -15
  47. package/css/components/Pagination/pagination.css +0 -55
  48. package/css/components/Progress/progress.css +0 -1
  49. package/css/components/Radio/radio.css +4 -2
  50. package/css/components/SimpleList/simple-list.css +1 -1
  51. package/css/components/SkipToContent/skip-to-content.css +1 -1
  52. package/css/components/Switch/switch.css +0 -1
  53. package/css/components/Table/table-grid.css +0 -10
  54. package/css/components/Table/table-tree-view.css +0 -16
  55. package/css/components/Table/table.css +0 -16
  56. package/css/components/Tabs/tabs.css +1 -34
  57. package/css/components/Tabs/tabs.d.ts +1 -2
  58. package/css/components/Tabs/tabs.js +1 -2
  59. package/css/components/Tabs/tabs.mjs +1 -2
  60. package/css/components/Title/title.css +0 -5
  61. package/css/components/Title/title.d.ts +1 -2
  62. package/css/components/Title/title.js +1 -2
  63. package/css/components/Title/title.mjs +1 -2
  64. package/css/components/Toolbar/toolbar.css +0 -31
  65. package/css/components/Wizard/wizard.css +0 -9
  66. package/package.json +4 -4
@@ -9,66 +9,51 @@
9
9
  }
10
10
 
11
11
  .pf-c-data-list__item-action {
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-m-hidden.pf-c-data-list__item-action {
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-m-hidden-on-sm.pf-c-data-list__item-action {
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-m-visible-on-sm.pf-c-data-list__item-action {
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-m-hidden-on-md.pf-c-data-list__item-action {
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-m-visible-on-md.pf-c-data-list__item-action {
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-m-hidden-on-lg.pf-c-data-list__item-action {
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-m-visible-on-lg.pf-c-data-list__item-action {
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-m-hidden-on-xl.pf-c-data-list__item-action {
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-m-visible-on-xl.pf-c-data-list__item-action {
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-m-hidden-on-2xl.pf-c-data-list__item-action {
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-m-visible-on-2xl.pf-c-data-list__item-action {
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
 
@@ -1,64 +1,49 @@
1
1
  .pf-c-divider {
2
- --pf-hidden-visible--visible--Visibility: visible;
3
2
  --pf-hidden-visible--hidden--Display: none;
4
- --pf-hidden-visible--hidden--Visibility: hidden;
5
3
  --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
6
- --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
7
4
  display: var(--pf-hidden-visible--Display);
8
- visibility: var(--pf-hidden-visible--Visibility);
9
5
  }
10
6
  .pf-m-hidden.pf-c-divider {
11
7
  --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
12
- --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
13
8
  }
14
9
  @media screen and (min-width: 576px) {
15
10
  .pf-m-hidden-on-sm.pf-c-divider {
16
11
  --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
17
- --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
18
12
  }
19
13
  .pf-m-visible-on-sm.pf-c-divider {
20
14
  --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
21
- --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
22
15
  }
23
16
  }
24
17
  @media screen and (min-width: 768px) {
25
18
  .pf-m-hidden-on-md.pf-c-divider {
26
19
  --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
27
- --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
28
20
  }
29
21
  .pf-m-visible-on-md.pf-c-divider {
30
22
  --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
31
- --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
32
23
  }
33
24
  }
34
25
  @media screen and (min-width: 992px) {
35
26
  .pf-m-hidden-on-lg.pf-c-divider {
36
27
  --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
37
- --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
38
28
  }
39
29
  .pf-m-visible-on-lg.pf-c-divider {
40
30
  --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
41
- --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
42
31
  }
43
32
  }
44
33
  @media screen and (min-width: 1200px) {
45
34
  .pf-m-hidden-on-xl.pf-c-divider {
46
35
  --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
47
- --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
48
36
  }
49
37
  .pf-m-visible-on-xl.pf-c-divider {
50
38
  --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
51
- --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
52
39
  }
53
40
  }
54
41
  @media screen and (min-width: 1450px) {
55
42
  .pf-m-hidden-on-2xl.pf-c-divider {
56
43
  --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
57
- --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
58
44
  }
59
45
  .pf-m-visible-on-2xl.pf-c-divider {
60
46
  --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
61
- --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
62
47
  }
63
48
  }
64
49
 
@@ -86,7 +71,6 @@
86
71
  --pf-c-divider--after--Height: var(--pf-c-divider--m-horizontal--after--Height);
87
72
  width: 100%;
88
73
  height: auto;
89
- display: var(--pf-c-divider--Display);
90
74
  flex-direction: var(--pf-c-divider--FlexDirection);
91
75
  align-items: center;
92
76
  align-self: stretch;
@@ -312,7 +312,6 @@
312
312
  width: var(--pf-c-drawer__splitter--Width);
313
313
  height: var(--pf-c-drawer__splitter--Height);
314
314
  cursor: var(--pf-c-drawer__splitter--Cursor);
315
- visibility: hidden;
316
315
  background-color: var(--pf-c-drawer__splitter--BackgroundColor);
317
316
  }
318
317
  .pf-c-drawer__splitter.pf-m-vertical {
@@ -449,7 +448,6 @@
449
448
  }
450
449
  .pf-c-drawer__splitter {
451
450
  display: block;
452
- visibility: visible;
453
451
  }
454
452
  }
455
453
  @media (min-width: 768px) {
@@ -558,7 +556,6 @@
558
556
  }
559
557
  .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
560
558
  display: unset;
561
- visibility: visible;
562
559
  }
563
560
  .pf-c-drawer.pf-m-inline.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel {
564
561
  margin-right: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
@@ -571,7 +568,6 @@
571
568
  }
572
569
  .pf-c-drawer.pf-m-inline.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
573
570
  display: unset;
574
- visibility: visible;
575
571
  }
576
572
  .pf-c-drawer.pf-m-inline.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel {
577
573
  margin-bottom: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
@@ -593,7 +589,6 @@
593
589
  }
594
590
  .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
595
591
  display: none;
596
- visibility: hidden;
597
592
  }
598
593
  }
599
594
  @media (min-width: 992px) {
@@ -622,7 +617,6 @@
622
617
  }
623
618
  .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
624
619
  display: unset;
625
- visibility: visible;
626
620
  }
627
621
  .pf-c-drawer.pf-m-inline-on-lg.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel {
628
622
  margin-right: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
@@ -635,7 +629,6 @@
635
629
  }
636
630
  .pf-c-drawer.pf-m-inline-on-lg.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
637
631
  display: unset;
638
- visibility: visible;
639
632
  }
640
633
  .pf-c-drawer.pf-m-inline-on-lg.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel {
641
634
  margin-bottom: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
@@ -657,7 +650,6 @@
657
650
  }
658
651
  .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
659
652
  display: none;
660
- visibility: hidden;
661
653
  }
662
654
  }
663
655
  @media (min-width: 1200px) {
@@ -686,7 +678,6 @@
686
678
  }
687
679
  .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
688
680
  display: unset;
689
- visibility: visible;
690
681
  }
691
682
  .pf-c-drawer.pf-m-inline-on-xl.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel {
692
683
  margin-right: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
@@ -699,7 +690,6 @@
699
690
  }
700
691
  .pf-c-drawer.pf-m-inline-on-xl.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
701
692
  display: unset;
702
- visibility: visible;
703
693
  }
704
694
  .pf-c-drawer.pf-m-inline-on-xl.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel {
705
695
  margin-bottom: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
@@ -721,7 +711,6 @@
721
711
  }
722
712
  .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
723
713
  display: none;
724
- visibility: hidden;
725
714
  }
726
715
  }
727
716
  @media (min-width: 1450px) {
@@ -750,7 +739,6 @@
750
739
  }
751
740
  .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
752
741
  display: unset;
753
- visibility: visible;
754
742
  }
755
743
  .pf-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel {
756
744
  margin-right: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
@@ -763,7 +751,6 @@
763
751
  }
764
752
  .pf-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
765
753
  display: unset;
766
- visibility: visible;
767
754
  }
768
755
  .pf-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel {
769
756
  margin-bottom: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
@@ -785,7 +772,6 @@
785
772
  }
786
773
  .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
787
774
  display: none;
788
- visibility: hidden;
789
775
  }
790
776
  }
791
777
  :where(.pf-theme-dark) .pf-c-drawer {
@@ -115,8 +115,4 @@
115
115
  margin-right: var(--pf-c-empty-state__secondary--child--MarginRight);
116
116
  margin-bottom: var(--pf-c-empty-state__secondary--child--MarginBottom);
117
117
  margin-left: var(--pf-c-empty-state__secondary--child--MarginLeft);
118
- }
119
-
120
- .pf-m-overpass-font .pf-c-empty-state .pf-c-empty-state__content > .pf-c-title.pf-m-lg {
121
- font-size: var(--pf-global--FontSize--lg);
122
118
  }
@@ -13,8 +13,7 @@ declare const _default: {
13
13
  "lg": "pf-m-lg",
14
14
  "xl": "pf-m-xl",
15
15
  "fullHeight": "pf-m-full-height",
16
- "primary": "pf-m-primary",
17
- "overpassFont": "pf-m-overpass-font"
16
+ "primary": "pf-m-primary"
18
17
  },
19
18
  "title": "pf-c-title"
20
19
  };
@@ -15,8 +15,7 @@ exports.default = {
15
15
  "lg": "pf-m-lg",
16
16
  "xl": "pf-m-xl",
17
17
  "fullHeight": "pf-m-full-height",
18
- "primary": "pf-m-primary",
19
- "overpassFont": "pf-m-overpass-font"
18
+ "primary": "pf-m-primary"
20
19
  },
21
20
  "title": "pf-c-title"
22
21
  };
@@ -13,8 +13,7 @@ export default {
13
13
  "lg": "pf-m-lg",
14
14
  "xl": "pf-m-xl",
15
15
  "fullHeight": "pf-m-full-height",
16
- "primary": "pf-m-primary",
17
- "overpassFont": "pf-m-overpass-font"
16
+ "primary": "pf-m-primary"
18
17
  },
19
18
  "title": "pf-c-title"
20
19
  };
@@ -126,8 +126,4 @@
126
126
  padding-bottom: var(--pf-c-expandable-section__content--PaddingBottom);
127
127
  padding-left: var(--pf-c-expandable-section__content--PaddingLeft);
128
128
  margin-top: var(--pf-c-expandable-section__content--MarginTop);
129
- }
130
-
131
- .pf-m-overpass-font .pf-c-expandable-section__toggle {
132
- font-weight: var(--pf-global--FontWeight--semi-bold);
133
129
  }
@@ -13,8 +13,7 @@ declare const _default: {
13
13
  "displayLg": "pf-m-display-lg",
14
14
  "indented": "pf-m-indented",
15
15
  "active": "pf-m-active",
16
- "expandTop": "pf-m-expand-top",
17
- "overpassFont": "pf-m-overpass-font"
16
+ "expandTop": "pf-m-expand-top"
18
17
  }
19
18
  };
20
19
  export default _default;
@@ -15,7 +15,6 @@ exports.default = {
15
15
  "displayLg": "pf-m-display-lg",
16
16
  "indented": "pf-m-indented",
17
17
  "active": "pf-m-active",
18
- "expandTop": "pf-m-expand-top",
19
- "overpassFont": "pf-m-overpass-font"
18
+ "expandTop": "pf-m-expand-top"
20
19
  }
21
20
  };
@@ -13,7 +13,6 @@ export default {
13
13
  "displayLg": "pf-m-display-lg",
14
14
  "indented": "pf-m-indented",
15
15
  "active": "pf-m-active",
16
- "expandTop": "pf-m-expand-top",
17
- "overpassFont": "pf-m-overpass-font"
16
+ "expandTop": "pf-m-expand-top"
18
17
  }
19
18
  };
@@ -369,7 +369,6 @@
369
369
  }
370
370
  .pf-c-form__helper-text.pf-m-inactive {
371
371
  display: none;
372
- visibility: hidden;
373
372
  }
374
373
  .pf-c-form__helper-text.pf-m-hidden {
375
374
  visibility: hidden;
@@ -4,7 +4,7 @@
4
4
  --pf-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-global--link--Color--hover);
5
5
  --pf-c-inline-edit__action--m-icon-group--item--MarginRight: 0;
6
6
  --pf-c-inline-edit__group--m-footer--MarginTop: var(--pf-global--spacer--xl);
7
- --pf-c-inline-edit__label--m-bold--FontWeight: var(--pf-global--FontWeight--semi-bold);
7
+ --pf-c-inline-edit__label--m-bold--FontWeight: var(--pf-global--FontWeight--bold);
8
8
  }
9
9
 
10
10
  .pf-c-inline-edit__group {
@@ -43,22 +43,12 @@
43
43
  .pf-c-inline-edit__action,
44
44
  .pf-c-inline-edit__group.pf-m-action-group {
45
45
  display: none;
46
- visibility: hidden;
47
46
  }
48
47
 
49
48
  .pf-c-inline-edit__action.pf-m-enable-editable {
50
49
  display: inline-block;
51
- visibility: visible;
52
50
  }
53
51
 
54
- .pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__input,
55
- .pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__action,
56
- .pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__group.pf-m-action-group,
57
- .pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__input,
58
- .pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__action,
59
- .pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__group.pf-m-action-group {
60
- visibility: visible;
61
- }
62
52
  .pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__input,
63
53
  .pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__input {
64
54
  display: block;
@@ -76,7 +66,6 @@
76
66
  .pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__value,
77
67
  .pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__action.pf-m-enable-editable {
78
68
  display: none;
79
- visibility: hidden;
80
69
  }
81
70
 
82
71
  .pf-c-inline-edit__label + .pf-c-inline-edit__action.pf-m-enable > .pf-c-button {
@@ -1,6 +1,5 @@
1
1
  .pf-c-jump-links {
2
2
  --pf-c-jump-links__list--Display: flex;
3
- --pf-c-jump-links__list--Visibility: visible;
4
3
  --pf-c-jump-links__list--PaddingTop: 0;
5
4
  --pf-c-jump-links__list--PaddingRight: var(--pf-global--spacer--md);
6
5
  --pf-c-jump-links__list--PaddingBottom: 0;
@@ -43,14 +42,12 @@
43
42
  --pf-c-jump-links__item--m-current__link-text--Color: var(--pf-global--Color--100);
44
43
  --pf-c-jump-links__label--MarginBottom: var(--pf-global--spacer--md);
45
44
  --pf-c-jump-links__label--Display: block;
46
- --pf-c-jump-links__label--Visibility: visible;
47
45
  --pf-c-jump-links__toggle--MarginTop: calc(-1 * var(--pf-global--spacer--form-element));
48
46
  --pf-c-jump-links__toggle--MarginBottom--base: calc(-1 * var(--pf-global--spacer--form-element));
49
47
  --pf-c-jump-links__toggle--MarginBottom: var(--pf-c-jump-links__toggle--MarginBottom--base);
50
48
  --pf-c-jump-links--m-expanded__toggle--MarginBottom: calc(var(--pf-c-jump-links__toggle--MarginBottom--base) + var(--pf-global--spacer--md));
51
49
  --pf-c-jump-links__toggle--MarginLeft: calc(-1 * var(--pf-global--spacer--md));
52
50
  --pf-c-jump-links__toggle--Display: none;
53
- --pf-c-jump-links__toggle--Visibility: hidden;
54
51
  --pf-c-jump-links__toggle-icon--Color: currentcolor;
55
52
  --pf-c-jump-links__toggle-icon--Transition: var(--pf-global--Transition);
56
53
  --pf-c-jump-links__toggle-icon--Rotate: 0;
@@ -80,113 +77,76 @@
80
77
  }
81
78
  .pf-c-jump-links.pf-m-expandable {
82
79
  --pf-c-jump-links__list--Display: none;
83
- --pf-c-jump-links__list--Visibility: hidden;
84
80
  --pf-c-jump-links__toggle--Display: block;
85
- --pf-c-jump-links__toggle--Visibility: visible;
86
81
  --pf-c-jump-links__label--Display: none;
87
- --pf-c-jump-links__label--Visibility: hidden;
88
82
  }
89
83
  .pf-c-jump-links.pf-m-non-expandable {
90
84
  --pf-c-jump-links__list--Display: flex;
91
- --pf-c-jump-links__list--Visibility: visible;
92
85
  --pf-c-jump-links__toggle--Display: none;
93
- --pf-c-jump-links__toggle--Visibility: hidden;
94
86
  --pf-c-jump-links__label--Display: block;
95
- --pf-c-jump-links__label--Visibility: visible;
96
87
  }
97
88
  @media (min-width: 576px) {
98
89
  .pf-c-jump-links.pf-m-expandable-on-sm {
99
90
  --pf-c-jump-links__list--Display: none;
100
- --pf-c-jump-links__list--Visibility: hidden;
101
91
  --pf-c-jump-links__toggle--Display: block;
102
- --pf-c-jump-links__toggle--Visibility: visible;
103
92
  --pf-c-jump-links__label--Display: none;
104
- --pf-c-jump-links__label--Visibility: hidden;
105
93
  }
106
94
  .pf-c-jump-links.pf-m-non-expandable-on-sm {
107
95
  --pf-c-jump-links__list--Display: flex;
108
- --pf-c-jump-links__list--Visibility: visible;
109
96
  --pf-c-jump-links__toggle--Display: none;
110
- --pf-c-jump-links__toggle--Visibility: hidden;
111
97
  --pf-c-jump-links__label--Display: block;
112
- --pf-c-jump-links__label--Visibility: visible;
113
98
  }
114
99
  }
115
100
  @media (min-width: 768px) {
116
101
  .pf-c-jump-links.pf-m-expandable-on-md {
117
102
  --pf-c-jump-links__list--Display: none;
118
- --pf-c-jump-links__list--Visibility: hidden;
119
103
  --pf-c-jump-links__toggle--Display: block;
120
- --pf-c-jump-links__toggle--Visibility: visible;
121
104
  --pf-c-jump-links__label--Display: none;
122
- --pf-c-jump-links__label--Visibility: hidden;
123
105
  }
124
106
  .pf-c-jump-links.pf-m-non-expandable-on-md {
125
107
  --pf-c-jump-links__list--Display: flex;
126
- --pf-c-jump-links__list--Visibility: visible;
127
108
  --pf-c-jump-links__toggle--Display: none;
128
- --pf-c-jump-links__toggle--Visibility: hidden;
129
109
  --pf-c-jump-links__label--Display: block;
130
- --pf-c-jump-links__label--Visibility: visible;
131
110
  }
132
111
  }
133
112
  @media (min-width: 992px) {
134
113
  .pf-c-jump-links.pf-m-expandable-on-lg {
135
114
  --pf-c-jump-links__list--Display: none;
136
- --pf-c-jump-links__list--Visibility: hidden;
137
115
  --pf-c-jump-links__toggle--Display: block;
138
- --pf-c-jump-links__toggle--Visibility: visible;
139
116
  --pf-c-jump-links__label--Display: none;
140
- --pf-c-jump-links__label--Visibility: hidden;
141
117
  }
142
118
  .pf-c-jump-links.pf-m-non-expandable-on-lg {
143
119
  --pf-c-jump-links__list--Display: flex;
144
- --pf-c-jump-links__list--Visibility: visible;
145
120
  --pf-c-jump-links__toggle--Display: none;
146
- --pf-c-jump-links__toggle--Visibility: hidden;
147
121
  --pf-c-jump-links__label--Display: block;
148
- --pf-c-jump-links__label--Visibility: visible;
149
122
  }
150
123
  }
151
124
  @media (min-width: 1200px) {
152
125
  .pf-c-jump-links.pf-m-expandable-on-xl {
153
126
  --pf-c-jump-links__list--Display: none;
154
- --pf-c-jump-links__list--Visibility: hidden;
155
127
  --pf-c-jump-links__toggle--Display: block;
156
- --pf-c-jump-links__toggle--Visibility: visible;
157
128
  --pf-c-jump-links__label--Display: none;
158
- --pf-c-jump-links__label--Visibility: hidden;
159
129
  }
160
130
  .pf-c-jump-links.pf-m-non-expandable-on-xl {
161
131
  --pf-c-jump-links__list--Display: flex;
162
- --pf-c-jump-links__list--Visibility: visible;
163
132
  --pf-c-jump-links__toggle--Display: none;
164
- --pf-c-jump-links__toggle--Visibility: hidden;
165
133
  --pf-c-jump-links__label--Display: block;
166
- --pf-c-jump-links__label--Visibility: visible;
167
134
  }
168
135
  }
169
136
  @media (min-width: 1450px) {
170
137
  .pf-c-jump-links.pf-m-expandable-on-2xl {
171
138
  --pf-c-jump-links__list--Display: none;
172
- --pf-c-jump-links__list--Visibility: hidden;
173
139
  --pf-c-jump-links__toggle--Display: block;
174
- --pf-c-jump-links__toggle--Visibility: visible;
175
140
  --pf-c-jump-links__label--Display: none;
176
- --pf-c-jump-links__label--Visibility: hidden;
177
141
  }
178
142
  .pf-c-jump-links.pf-m-non-expandable-on-2xl {
179
143
  --pf-c-jump-links__list--Display: flex;
180
- --pf-c-jump-links__list--Visibility: visible;
181
144
  --pf-c-jump-links__toggle--Display: none;
182
- --pf-c-jump-links__toggle--Visibility: hidden;
183
145
  --pf-c-jump-links__label--Display: block;
184
- --pf-c-jump-links__label--Visibility: visible;
185
146
  }
186
147
  }
187
148
  .pf-c-jump-links.pf-m-expanded {
188
149
  --pf-c-jump-links__list--Display: flex;
189
- --pf-c-jump-links__list--Visibility: visible;
190
150
  --pf-c-jump-links__toggle--MarginBottom: var(--pf-c-jump-links--m-expanded__toggle--MarginBottom);
191
151
  --pf-c-jump-links__toggle-icon--Rotate: var(--pf-c-jump-links--m-expanded__toggle-icon--Rotate);
192
152
  --pf-c-jump-links__toggle-icon--Color: var(--pf-c-jump-links--m-expanded__toggle-icon--Color);
@@ -200,7 +160,6 @@
200
160
  padding-right: var(--pf-c-jump-links__list--PaddingRight);
201
161
  padding-bottom: var(--pf-c-jump-links__list--PaddingBottom);
202
162
  padding-left: var(--pf-c-jump-links__list--PaddingLeft);
203
- visibility: var(--pf-c-jump-links__list--Visibility);
204
163
  }
205
164
  .pf-c-jump-links__list::before {
206
165
  position: absolute;
@@ -269,7 +228,6 @@
269
228
  .pf-c-jump-links__label {
270
229
  display: var(--pf-c-jump-links__label--Display);
271
230
  margin-bottom: var(--pf-c-jump-links__label--MarginBottom);
272
- visibility: var(--pf-c-jump-links__label--Visibility);
273
231
  }
274
232
 
275
233
  .pf-c-jump-links__main {
@@ -282,7 +240,6 @@
282
240
  margin-top: var(--pf-c-jump-links__toggle--MarginTop);
283
241
  margin-bottom: var(--pf-c-jump-links__toggle--MarginBottom);
284
242
  margin-left: var(--pf-c-jump-links__toggle--MarginLeft);
285
- visibility: var(--pf-c-jump-links__toggle--Visibility);
286
243
  }
287
244
  .pf-c-jump-links__toggle .pf-c-button {
288
245
  display: flex;
@@ -311,9 +311,6 @@
311
311
  --pf-c-label--m-editable--TextDecoration: var(--pf-c-label--m-editable--m-editable-active--TextDecoration);
312
312
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-editable--m-editable-active--BackgroundColor);
313
313
  }
314
- .pf-c-label.pf-m-editable-active .pf-c-button {
315
- visibility: hidden;
316
- }
317
314
  .pf-c-label .pf-c-button {
318
315
  --pf-c-button--FontSize: var(--pf-c-label__c-button--FontSize);
319
316
  --pf-c-button--PaddingTop: var(--pf-c-label__c-button--PaddingTop);
@@ -9,66 +9,51 @@
9
9
  }
10
10
 
11
11
  .pf-c-menu__group, .pf-c-menu__list-item, .pf-c-menu__list {
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-m-hidden.pf-c-menu__group, .pf-m-hidden.pf-c-menu__list-item, .pf-m-hidden.pf-c-menu__list {
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-m-hidden-on-sm.pf-c-menu__group, .pf-m-hidden-on-sm.pf-c-menu__list-item, .pf-m-hidden-on-sm.pf-c-menu__list {
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-m-visible-on-sm.pf-c-menu__group, .pf-m-visible-on-sm.pf-c-menu__list-item, .pf-m-visible-on-sm.pf-c-menu__list {
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-m-hidden-on-md.pf-c-menu__group, .pf-m-hidden-on-md.pf-c-menu__list-item, .pf-m-hidden-on-md.pf-c-menu__list {
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-m-visible-on-md.pf-c-menu__group, .pf-m-visible-on-md.pf-c-menu__list-item, .pf-m-visible-on-md.pf-c-menu__list {
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-m-hidden-on-lg.pf-c-menu__group, .pf-m-hidden-on-lg.pf-c-menu__list-item, .pf-m-hidden-on-lg.pf-c-menu__list {
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-m-visible-on-lg.pf-c-menu__group, .pf-m-visible-on-lg.pf-c-menu__list-item, .pf-m-visible-on-lg.pf-c-menu__list {
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-m-hidden-on-xl.pf-c-menu__group, .pf-m-hidden-on-xl.pf-c-menu__list-item, .pf-m-hidden-on-xl.pf-c-menu__list {
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-m-visible-on-xl.pf-c-menu__group, .pf-m-visible-on-xl.pf-c-menu__list-item, .pf-m-visible-on-xl.pf-c-menu__list {
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-m-hidden-on-2xl.pf-c-menu__group, .pf-m-hidden-on-2xl.pf-c-menu__list-item, .pf-m-hidden-on-2xl.pf-c-menu__list {
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-m-visible-on-2xl.pf-c-menu__group, .pf-m-visible-on-2xl.pf-c-menu__list-item, .pf-m-visible-on-2xl.pf-c-menu__list {
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
 
@@ -305,7 +290,6 @@
305
290
  }
306
291
  .pf-c-menu.pf-m-drilldown .pf-c-menu__list-item:not(.pf-m-current-path) .pf-c-menu {
307
292
  display: none;
308
- visibility: hidden;
309
293
  }
310
294
  .pf-c-menu.pf-m-drilldown .pf-c-menu__item {
311
295
  outline-offset: var(--pf-c-menu__item--OutlineOffset);
@@ -100,6 +100,7 @@
100
100
  }
101
101
 
102
102
  .pf-c-notification-drawer__body {
103
+ flex: 1;
103
104
  overflow-y: auto;
104
105
  box-shadow: var(--pf-c-notification-drawer__body--ZIndex);
105
106
  }