@patternfly/react-styles 4.92.3 → 5.0.0-alpha.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 (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
@@ -40,66 +40,51 @@
40
40
  }
41
41
 
42
42
  .pf-c-page__header-tools-item, .pf-c-page__header-tools-group {
43
- --pf-hidden-visible--visible--Visibility: visible;
44
43
  --pf-hidden-visible--hidden--Display: none;
45
- --pf-hidden-visible--hidden--Visibility: hidden;
46
44
  --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
47
- --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
48
45
  display: var(--pf-hidden-visible--Display);
49
- visibility: var(--pf-hidden-visible--Visibility);
50
46
  }
51
47
  .pf-m-hidden.pf-c-page__header-tools-item, .pf-m-hidden.pf-c-page__header-tools-group {
52
48
  --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
53
- --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
54
49
  }
55
50
  @media screen and (min-width: 576px) {
56
51
  .pf-m-hidden-on-sm.pf-c-page__header-tools-item, .pf-m-hidden-on-sm.pf-c-page__header-tools-group {
57
52
  --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
58
- --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
59
53
  }
60
54
  .pf-m-visible-on-sm.pf-c-page__header-tools-item, .pf-m-visible-on-sm.pf-c-page__header-tools-group {
61
55
  --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
62
- --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
63
56
  }
64
57
  }
65
58
  @media screen and (min-width: 768px) {
66
59
  .pf-m-hidden-on-md.pf-c-page__header-tools-item, .pf-m-hidden-on-md.pf-c-page__header-tools-group {
67
60
  --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
68
- --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
69
61
  }
70
62
  .pf-m-visible-on-md.pf-c-page__header-tools-item, .pf-m-visible-on-md.pf-c-page__header-tools-group {
71
63
  --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
72
- --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
73
64
  }
74
65
  }
75
66
  @media screen and (min-width: 992px) {
76
67
  .pf-m-hidden-on-lg.pf-c-page__header-tools-item, .pf-m-hidden-on-lg.pf-c-page__header-tools-group {
77
68
  --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
78
- --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
79
69
  }
80
70
  .pf-m-visible-on-lg.pf-c-page__header-tools-item, .pf-m-visible-on-lg.pf-c-page__header-tools-group {
81
71
  --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
82
- --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
83
72
  }
84
73
  }
85
74
  @media screen and (min-width: 1200px) {
86
75
  .pf-m-hidden-on-xl.pf-c-page__header-tools-item, .pf-m-hidden-on-xl.pf-c-page__header-tools-group {
87
76
  --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
88
- --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
89
77
  }
90
78
  .pf-m-visible-on-xl.pf-c-page__header-tools-item, .pf-m-visible-on-xl.pf-c-page__header-tools-group {
91
79
  --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
92
- --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
93
80
  }
94
81
  }
95
82
  @media screen and (min-width: 1450px) {
96
83
  .pf-m-hidden-on-2xl.pf-c-page__header-tools-item, .pf-m-hidden-on-2xl.pf-c-page__header-tools-group {
97
84
  --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
98
- --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
99
85
  }
100
86
  .pf-m-visible-on-2xl.pf-c-page__header-tools-item, .pf-m-visible-on-2xl.pf-c-page__header-tools-group {
101
87
  --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
102
- --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
103
88
  }
104
89
  }
105
90
 
@@ -18,11 +18,8 @@
18
18
  --pf-c-pagination--m-compact--child--MarginRight: var(--pf-global--spacer--sm);
19
19
  --pf-c-pagination--c-options-menu__toggle--FontSize: var(--pf-global--FontSize--sm);
20
20
  --pf-c-pagination__nav--Display: none;
21
- --pf-c-pagination__nav--Visibility: hidden;
22
21
  --pf-c-pagination--m-display-summary__nav--Display: none;
23
- --pf-c-pagination--m-display-summary__nav--Visibility: hidden;
24
22
  --pf-c-pagination--m-display-full__nav--Display: inline-flex;
25
- --pf-c-pagination--m-display-full__nav--Visibility: visible;
26
23
  --pf-c-pagination__nav-control--c-button--PaddingRight: var(--pf-global--spacer--sm);
27
24
  --pf-c-pagination__nav-control--c-button--PaddingLeft: var(--pf-global--spacer--sm);
28
25
  --pf-c-pagination__nav-control--c-button--FontSize: var(--pf-global--FontSize--md);
@@ -43,11 +40,8 @@
43
40
  --pf-c-pagination__nav-page-select--c-form-control--width-chars: 2;
44
41
  --pf-c-pagination__nav-page-select--c-form-control--Width: calc(var(--pf-c-pagination__nav-page-select--c-form-control--width-base) + (var(--pf-c-pagination__nav-page-select--c-form-control--width-chars) * 1ch));
45
42
  --pf-c-pagination__total-items--Display: block;
46
- --pf-c-pagination__total-items--Visibility: visible;
47
43
  --pf-c-pagination--m-display-summary__total-items--Display: block;
48
- --pf-c-pagination--m-display-summary__total-items--Visibility: visible;
49
44
  --pf-c-pagination--m-display-full__total-items--Display: none;
50
- --pf-c-pagination--m-display-full__total-items--Visibility: hidden;
51
45
  --pf-c-pagination--m-sticky--BackgroundColor: var(--pf-global--BackgroundColor--100);
52
46
  --pf-c-pagination--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
53
47
  --pf-c-pagination--m-sticky--md--PaddingTop: var(--pf-global--spacer--md);
@@ -67,11 +61,8 @@
67
61
  --pf-c-pagination--m-bottom--xl--PaddingLeft: var(--pf-global--spacer--lg);
68
62
  --pf-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-top);
69
63
  --pf-c-pagination--c-options-menu--Display: none;
70
- --pf-c-pagination--c-options-menu--Visibility: hidden;
71
64
  --pf-c-pagination--m-display-summary--c-options-menu--Display: none;
72
- --pf-c-pagination--m-display-summary--c-options-menu--Visibility: hidden;
73
65
  --pf-c-pagination--m-display-full--c-options-menu--Display: inline-flex;
74
- --pf-c-pagination--m-display-full--c-options-menu--Visibility: visible;
75
66
  display: flex;
76
67
  flex-wrap: wrap;
77
68
  align-items: center;
@@ -89,11 +80,8 @@
89
80
  --pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: 0;
90
81
  --pf-c-pagination--m-bottom--BoxShadow: none;
91
82
  --pf-c-pagination--c-options-menu--Display: inline-flex;
92
- --pf-c-pagination--c-options-menu--Visibility: visible;
93
83
  --pf-c-pagination__nav--Display: inline-flex;
94
- --pf-c-pagination__nav--Visibility: visible;
95
84
  --pf-c-pagination__total-items--Display: none;
96
- --pf-c-pagination__total-items--Visibility: hidden;
97
85
  }
98
86
  }
99
87
  @media screen and (min-width: 1200px) {
@@ -109,7 +97,6 @@
109
97
  }
110
98
  .pf-c-pagination .pf-c-options-menu {
111
99
  display: var(--pf-c-pagination--c-options-menu--Display);
112
- visibility: var(--pf-c-pagination--c-options-menu--Visibility);
113
100
  }
114
101
  .pf-c-pagination.pf-m-bottom {
115
102
  --pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-bottom--child--MarginRight);
@@ -138,18 +125,15 @@
138
125
  .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
139
126
  .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
140
127
  display: none;
141
- visibility: hidden;
142
128
  }
143
129
  .pf-c-pagination.pf-m-bottom .pf-c-options-menu {
144
130
  position: absolute;
145
131
  display: block;
146
- visibility: visible;
147
132
  }
148
133
  .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav {
149
134
  display: flex;
150
135
  flex-basis: 100%;
151
136
  justify-content: space-between;
152
- visibility: visible;
153
137
  }
154
138
  @media screen and (min-width: 768px) {
155
139
  .pf-c-pagination.pf-m-bottom {
@@ -164,7 +148,6 @@
164
148
  .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
165
149
  .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
166
150
  display: block;
167
- visibility: visible;
168
151
  }
169
152
  .pf-c-pagination.pf-m-bottom .pf-c-options-menu {
170
153
  position: relative;
@@ -204,7 +187,6 @@
204
187
  .pf-c-pagination__nav {
205
188
  display: var(--pf-c-pagination__nav--Display);
206
189
  justify-content: flex-end;
207
- visibility: var(--pf-c-pagination__nav--Visibility);
208
190
  }
209
191
 
210
192
  .pf-c-pagination__nav-control .pf-c-button {
@@ -235,24 +217,17 @@
235
217
 
236
218
  .pf-c-pagination__total-items {
237
219
  display: var(--pf-c-pagination__total-items--Display);
238
- visibility: var(--pf-c-pagination__total-items--Visibility);
239
220
  }
240
221
 
241
222
  .pf-c-pagination.pf-m-display-summary {
242
223
  --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
243
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
244
224
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
245
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
246
225
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
247
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
248
226
  }
249
227
  .pf-c-pagination.pf-m-display-full {
250
228
  --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
251
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
252
229
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
253
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
254
230
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
255
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
256
231
  }
257
232
  .pf-c-pagination.pf-m-inset-none {
258
233
  --pf-c-pagination--inset: 0;
@@ -275,19 +250,13 @@
275
250
  @media (min-width: 576px) {
276
251
  .pf-c-pagination.pf-m-display-summary-on-sm {
277
252
  --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
278
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
279
253
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
280
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
281
254
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
282
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
283
255
  }
284
256
  .pf-c-pagination.pf-m-display-full-on-sm {
285
257
  --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
286
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
287
258
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
288
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
289
259
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
290
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
291
260
  }
292
261
  .pf-c-pagination.pf-m-inset-none-on-sm {
293
262
  --pf-c-pagination--inset: 0;
@@ -311,19 +280,13 @@
311
280
  @media (min-width: 768px) {
312
281
  .pf-c-pagination.pf-m-display-summary-on-md {
313
282
  --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
314
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
315
283
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
316
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
317
284
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
318
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
319
285
  }
320
286
  .pf-c-pagination.pf-m-display-full-on-md {
321
287
  --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
322
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
323
288
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
324
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
325
289
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
326
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
327
290
  }
328
291
  .pf-c-pagination.pf-m-inset-none-on-md {
329
292
  --pf-c-pagination--inset: 0;
@@ -347,19 +310,13 @@
347
310
  @media (min-width: 992px) {
348
311
  .pf-c-pagination.pf-m-display-summary-on-lg {
349
312
  --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
350
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
351
313
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
352
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
353
314
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
354
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
355
315
  }
356
316
  .pf-c-pagination.pf-m-display-full-on-lg {
357
317
  --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
358
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
359
318
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
360
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
361
319
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
362
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
363
320
  }
364
321
  .pf-c-pagination.pf-m-inset-none-on-lg {
365
322
  --pf-c-pagination--inset: 0;
@@ -383,19 +340,13 @@
383
340
  @media (min-width: 1200px) {
384
341
  .pf-c-pagination.pf-m-display-summary-on-xl {
385
342
  --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
386
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
387
343
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
388
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
389
344
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
390
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
391
345
  }
392
346
  .pf-c-pagination.pf-m-display-full-on-xl {
393
347
  --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
394
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
395
348
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
396
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
397
349
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
398
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
399
350
  }
400
351
  .pf-c-pagination.pf-m-inset-none-on-xl {
401
352
  --pf-c-pagination--inset: 0;
@@ -419,19 +370,13 @@
419
370
  @media (min-width: 1450px) {
420
371
  .pf-c-pagination.pf-m-display-summary-on-2xl {
421
372
  --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
422
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
423
373
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
424
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
425
374
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
426
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
427
375
  }
428
376
  .pf-c-pagination.pf-m-display-full-on-2xl {
429
377
  --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
430
- --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
431
378
  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
432
- --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
433
379
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
434
- --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
435
380
  }
436
381
  .pf-c-pagination.pf-m-inset-none-on-2xl {
437
382
  --pf-c-pagination--inset: 0;
@@ -80,7 +80,6 @@
80
80
  }
81
81
  .pf-c-progress.pf-m-singleline .pf-c-progress__description {
82
82
  display: none;
83
- visibility: hidden;
84
83
  }
85
84
  .pf-c-progress.pf-m-singleline .pf-c-progress__bar {
86
85
  grid-row: 1/2;
@@ -15,8 +15,6 @@
15
15
  display: grid;
16
16
  grid-template-columns: auto 1fr;
17
17
  grid-gap: var(--pf-c-radio--GridGap);
18
- align-items: start;
19
- justify-items: start;
20
18
  }
21
19
  .pf-c-radio.pf-m-standalone {
22
20
  --pf-c-radio--GridGap: 0;
@@ -55,6 +53,10 @@
55
53
  margin-top: var(--pf-c-radio__body--MarginTop);
56
54
  }
57
55
 
56
+ .pf-c-radio__label,
57
+ .pf-c-radio__input {
58
+ justify-self: start;
59
+ }
58
60
  label.pf-c-radio, .pf-c-radio__label,
59
61
  .pf-c-radio__input {
60
62
  cursor: pointer;
@@ -24,7 +24,7 @@
24
24
  --pf-c-simple-list__title--PaddingLeft: var(--pf-global--spacer--md);
25
25
  --pf-c-simple-list__title--FontSize: var(--pf-global--FontSize--sm);
26
26
  --pf-c-simple-list__title--Color: var(--pf-global--Color--dark-200);
27
- --pf-c-simple-list__title--FontWeight: var(--pf-global--FontWeight--semi-bold);
27
+ --pf-c-simple-list__title--FontWeight: var(--pf-global--FontWeight--bold);
28
28
  --pf-c-simple-list__section--section--MarginTop: var(--pf-global--spacer--sm);
29
29
  }
30
30
 
@@ -7,6 +7,6 @@
7
7
  left: -300%;
8
8
  z-index: var(--pf-c-skip-to-content--ZIndex);
9
9
  }
10
- .pf-c-skip-to-content:focus {
10
+ .pf-c-skip-to-content:focus-within {
11
11
  left: var(--pf-c-skip-to-content--focus--Left);
12
12
  }
@@ -76,7 +76,6 @@
76
76
  }
77
77
  .pf-c-switch__input:not(:checked) ~ .pf-c-switch__toggle .pf-c-switch__toggle-icon {
78
78
  display: none;
79
- visibility: hidden;
80
79
  }
81
80
  .pf-c-switch__input:not(:checked) ~ .pf-m-on {
82
81
  display: none;
@@ -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);
@@ -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;
@@ -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,