@patternfly/react-styles 4.92.6 → 5.0.0-alpha.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (73) hide show
  1. package/CHANGELOG.md +1432 -4347
  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 +9 -16
  21. package/css/components/Card/card.d.ts +2 -2
  22. package/css/components/Card/card.js +2 -2
  23. package/css/components/Card/card.mjs +2 -2
  24. package/css/components/Check/check.css +4 -2
  25. package/css/components/ChipGroup/chip-group.css +27 -17
  26. package/css/components/Content/content.css +1 -11
  27. package/css/components/Content/content.d.ts +1 -2
  28. package/css/components/Content/content.js +1 -2
  29. package/css/components/Content/content.mjs +1 -2
  30. package/css/components/DataList/data-list.css +0 -15
  31. package/css/components/Divider/divider.css +0 -16
  32. package/css/components/Drawer/drawer.css +0 -15
  33. package/css/components/EmptyState/empty-state.css +46 -56
  34. package/css/components/EmptyState/empty-state.d.ts +5 -8
  35. package/css/components/EmptyState/empty-state.js +5 -8
  36. package/css/components/EmptyState/empty-state.mjs +5 -8
  37. package/css/components/ExpandableSection/expandable-section.css +0 -4
  38. package/css/components/ExpandableSection/expandable-section.d.ts +1 -2
  39. package/css/components/ExpandableSection/expandable-section.js +1 -2
  40. package/css/components/ExpandableSection/expandable-section.mjs +1 -2
  41. package/css/components/Form/form.css +0 -1
  42. package/css/components/InlineEdit/inline-edit.css +1 -12
  43. package/css/components/JumpLinks/jump-links.css +0 -43
  44. package/css/components/Label/label.css +0 -3
  45. package/css/components/LabelGroup/label-group.css +26 -22
  46. package/css/components/Menu/menu.css +0 -16
  47. package/css/components/NotificationDrawer/notification-drawer.css +1 -0
  48. package/css/components/Page/page.css +0 -15
  49. package/css/components/Pagination/pagination.css +0 -55
  50. package/css/components/Popover/popover.css +2 -7
  51. package/css/components/Progress/progress.css +0 -1
  52. package/css/components/Radio/radio.css +4 -2
  53. package/css/components/SimpleList/simple-list.css +1 -1
  54. package/css/components/SkipToContent/skip-to-content.css +1 -1
  55. package/css/components/Switch/switch.css +0 -1
  56. package/css/components/Table/table-grid.css +0 -10
  57. package/css/components/Table/table-tree-view.css +0 -16
  58. package/css/components/Table/table.css +0 -16
  59. package/css/components/Tabs/tabs.css +1 -34
  60. package/css/components/Tabs/tabs.d.ts +1 -2
  61. package/css/components/Tabs/tabs.js +1 -2
  62. package/css/components/Tabs/tabs.mjs +1 -2
  63. package/css/components/Title/title.css +0 -5
  64. package/css/components/Title/title.d.ts +1 -2
  65. package/css/components/Title/title.js +1 -2
  66. package/css/components/Title/title.mjs +1 -2
  67. package/css/components/Toolbar/toolbar.css +30 -33
  68. package/css/components/Toolbar/toolbar.d.ts +4 -0
  69. package/css/components/Toolbar/toolbar.js +4 -0
  70. package/css/components/Toolbar/toolbar.mjs +4 -0
  71. package/css/components/Tooltip/tooltip.css +7 -12
  72. package/css/components/Wizard/wizard.css +0 -9
  73. package/package.json +4 -4
@@ -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;
@@ -172,14 +172,9 @@
172
172
  }
173
173
 
174
174
  :where(.pf-theme-dark) .pf-c-popover {
175
- --pf-c-popover--BoxShadow: none;
176
- --pf-c-popover__arrow--BoxShadow: none;
177
- --pf-c-popover__arrow--BackgroundColor: var(--pf-c-popover__content--BackgroundColor);
175
+ --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
176
+ --pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--300);
178
177
  --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--200);
179
178
  --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--100);
180
179
  --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--100);
181
- }
182
- :where(.pf-theme-dark) .pf-c-popover,
183
- :where(.pf-theme-dark) .pf-c-popover .pf-c-popover__arrow {
184
- border: 4px solid var(--pf-global--BorderColor--400);
185
180
  }
@@ -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,