@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
@@ -24,7 +24,6 @@
24
24
  --pf-c-tabs--m-color-scheme--light-300__item--m-current__link--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
25
25
  --pf-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor: var(--pf-global--palette--black-150);
26
26
  --pf-c-tabs__list--Display: flex;
27
- --pf-c-tabs__list--Visibility: visible;
28
27
  --pf-c-tabs__item--m-action--before--ZIndex: var(--pf-global--ZIndex--xs);
29
28
  --pf-c-tabs__link--Color: var(--pf-global--Color--200);
30
29
  --pf-c-tabs__link--FontSize: var(--pf-global--FontSize--md);
@@ -94,7 +93,6 @@
94
93
  --pf-c-tabs__item--ScrollSnapAlign: end;
95
94
  --pf-c-tabs--m-vertical__list--ScrollSnapTypeAxis: y;
96
95
  --pf-c-tabs__toggle--Display: flex;
97
- --pf-c-tabs__toggle--Visibility: hidden;
98
96
  --pf-c-tabs__toggle--MarginBottom: 0;
99
97
  --pf-c-tabs--m-expanded__toggle--MarginBottom: var(--pf-global--spacer--md);
100
98
  --pf-c-tabs__toggle-icon--Color: currentcolor;
@@ -182,14 +180,10 @@
182
180
  margin-left: 0;
183
181
  transform: translateX(0);
184
182
  }
185
- .pf-c-tabs.pf-m-secondary, .pf-c-tabs.pf-m-no-border-bottom {
183
+ .pf-c-tabs.pf-m-no-border-bottom {
186
184
  --pf-c-tabs--before--BorderBottomWidth: 0;
187
185
  --pf-c-tabs__link--disabled--before--BorderBottomWidth: 0;
188
186
  }
189
- .pf-c-tabs.pf-m-border-bottom {
190
- --pf-c-tabs--before--BorderBottomWidth: var(--pf-c-tabs--before--border-width--base);
191
- --pf-c-tabs__link--disabled--before--BorderBottomWidth: var(--pf-c-tabs--before--border-width--base);
192
- }
193
187
  .pf-c-tabs.pf-m-box .pf-c-tabs__link, .pf-c-tabs.pf-m-vertical .pf-c-tabs__link {
194
188
  --pf-c-tabs__link--after--BorderBottomWidth: 0;
195
189
  }
@@ -284,89 +278,64 @@
284
278
  }
285
279
  .pf-c-tabs.pf-m-vertical.pf-m-expandable {
286
280
  --pf-c-tabs__list--Display: none;
287
- --pf-c-tabs__list--Visibility: hidden;
288
281
  --pf-c-tabs__toggle--Display: flex;
289
- --pf-c-tabs__toggle--Visibility: visible;
290
282
  }
291
283
  .pf-c-tabs.pf-m-vertical.pf-m-non-expandable {
292
284
  --pf-c-tabs__list--Display: flex;
293
- --pf-c-tabs__list--Visibility: visible;
294
285
  --pf-c-tabs__toggle--Display: none;
295
- --pf-c-tabs__toggle--Visibility: hidden;
296
286
  }
297
287
  @media (min-width: 576px) {
298
288
  .pf-c-tabs.pf-m-vertical.pf-m-expandable-on-sm {
299
289
  --pf-c-tabs__list--Display: none;
300
- --pf-c-tabs__list--Visibility: hidden;
301
290
  --pf-c-tabs__toggle--Display: flex;
302
- --pf-c-tabs__toggle--Visibility: visible;
303
291
  }
304
292
  .pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-sm {
305
293
  --pf-c-tabs__list--Display: flex;
306
- --pf-c-tabs__list--Visibility: visible;
307
294
  --pf-c-tabs__toggle--Display: none;
308
- --pf-c-tabs__toggle--Visibility: hidden;
309
295
  }
310
296
  }
311
297
  @media (min-width: 768px) {
312
298
  .pf-c-tabs.pf-m-vertical.pf-m-expandable-on-md {
313
299
  --pf-c-tabs__list--Display: none;
314
- --pf-c-tabs__list--Visibility: hidden;
315
300
  --pf-c-tabs__toggle--Display: flex;
316
- --pf-c-tabs__toggle--Visibility: visible;
317
301
  }
318
302
  .pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-md {
319
303
  --pf-c-tabs__list--Display: flex;
320
- --pf-c-tabs__list--Visibility: visible;
321
304
  --pf-c-tabs__toggle--Display: none;
322
- --pf-c-tabs__toggle--Visibility: hidden;
323
305
  }
324
306
  }
325
307
  @media (min-width: 992px) {
326
308
  .pf-c-tabs.pf-m-vertical.pf-m-expandable-on-lg {
327
309
  --pf-c-tabs__list--Display: none;
328
- --pf-c-tabs__list--Visibility: hidden;
329
310
  --pf-c-tabs__toggle--Display: flex;
330
- --pf-c-tabs__toggle--Visibility: visible;
331
311
  }
332
312
  .pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-lg {
333
313
  --pf-c-tabs__list--Display: flex;
334
- --pf-c-tabs__list--Visibility: visible;
335
314
  --pf-c-tabs__toggle--Display: none;
336
- --pf-c-tabs__toggle--Visibility: hidden;
337
315
  }
338
316
  }
339
317
  @media (min-width: 1200px) {
340
318
  .pf-c-tabs.pf-m-vertical.pf-m-expandable-on-xl {
341
319
  --pf-c-tabs__list--Display: none;
342
- --pf-c-tabs__list--Visibility: hidden;
343
320
  --pf-c-tabs__toggle--Display: flex;
344
- --pf-c-tabs__toggle--Visibility: visible;
345
321
  }
346
322
  .pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-xl {
347
323
  --pf-c-tabs__list--Display: flex;
348
- --pf-c-tabs__list--Visibility: visible;
349
324
  --pf-c-tabs__toggle--Display: none;
350
- --pf-c-tabs__toggle--Visibility: hidden;
351
325
  }
352
326
  }
353
327
  @media (min-width: 1450px) {
354
328
  .pf-c-tabs.pf-m-vertical.pf-m-expandable-on-2xl {
355
329
  --pf-c-tabs__list--Display: none;
356
- --pf-c-tabs__list--Visibility: hidden;
357
330
  --pf-c-tabs__toggle--Display: flex;
358
- --pf-c-tabs__toggle--Visibility: visible;
359
331
  }
360
332
  .pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-2xl {
361
333
  --pf-c-tabs__list--Display: flex;
362
- --pf-c-tabs__list--Visibility: visible;
363
334
  --pf-c-tabs__toggle--Display: none;
364
- --pf-c-tabs__toggle--Visibility: hidden;
365
335
  }
366
336
  }
367
337
  .pf-c-tabs.pf-m-vertical.pf-m-expanded {
368
338
  --pf-c-tabs__list--Display: flex;
369
- --pf-c-tabs__list--Visibility: visible;
370
339
  --pf-c-tabs__toggle--MarginBottom: var(--pf-c-tabs--m-expanded__toggle--MarginBottom);
371
340
  --pf-c-tabs__toggle-icon--Color: var(--pf-c-tabs--m-expanded__toggle-icon--Color);
372
341
  --pf-c-tabs__toggle-icon--Rotate: var(--pf-c-tabs--m-expanded__toggle-icon--Rotate);
@@ -422,7 +391,6 @@
422
391
  display: var(--pf-c-tabs__toggle--Display);
423
392
  align-items: center;
424
393
  margin-bottom: var(--pf-c-tabs__toggle--MarginBottom);
425
- visibility: var(--pf-c-tabs__toggle--Visibility);
426
394
  }
427
395
 
428
396
  .pf-c-tabs__toggle-button {
@@ -459,7 +427,6 @@
459
427
  overflow-x: auto;
460
428
  scroll-behavior: smooth;
461
429
  scroll-snap-type: var(--pf-c-tabs__list--ScrollSnapType);
462
- visibility: var(--pf-c-tabs__list--Visibility);
463
430
  -webkit-overflow-scrolling: touch;
464
431
  }
465
432
  .pf-c-tabs__list::-webkit-scrollbar {
@@ -4,9 +4,7 @@ declare const _default: {
4
4
  "modifiers": {
5
5
  "fill": "pf-m-fill",
6
6
  "scrollable": "pf-m-scrollable",
7
- "secondary": "pf-m-secondary",
8
7
  "noBorderBottom": "pf-m-no-border-bottom",
9
- "borderBottom": "pf-m-border-bottom",
10
8
  "box": "pf-m-box",
11
9
  "vertical": "pf-m-vertical",
12
10
  "current": "pf-m-current",
@@ -24,6 +22,7 @@ declare const _default: {
24
22
  "expandableOn_2xl": "pf-m-expandable-on-2xl",
25
23
  "nonExpandableOn_2xl": "pf-m-non-expandable-on-2xl",
26
24
  "expanded": "pf-m-expanded",
25
+ "secondary": "pf-m-secondary",
27
26
  "pageInsets": "pf-m-page-insets",
28
27
  "overflow": "pf-m-overflow",
29
28
  "action": "pf-m-action",
@@ -6,9 +6,7 @@ exports.default = {
6
6
  "modifiers": {
7
7
  "fill": "pf-m-fill",
8
8
  "scrollable": "pf-m-scrollable",
9
- "secondary": "pf-m-secondary",
10
9
  "noBorderBottom": "pf-m-no-border-bottom",
11
- "borderBottom": "pf-m-border-bottom",
12
10
  "box": "pf-m-box",
13
11
  "vertical": "pf-m-vertical",
14
12
  "current": "pf-m-current",
@@ -26,6 +24,7 @@ exports.default = {
26
24
  "expandableOn_2xl": "pf-m-expandable-on-2xl",
27
25
  "nonExpandableOn_2xl": "pf-m-non-expandable-on-2xl",
28
26
  "expanded": "pf-m-expanded",
27
+ "secondary": "pf-m-secondary",
29
28
  "pageInsets": "pf-m-page-insets",
30
29
  "overflow": "pf-m-overflow",
31
30
  "action": "pf-m-action",
@@ -4,9 +4,7 @@ export default {
4
4
  "modifiers": {
5
5
  "fill": "pf-m-fill",
6
6
  "scrollable": "pf-m-scrollable",
7
- "secondary": "pf-m-secondary",
8
7
  "noBorderBottom": "pf-m-no-border-bottom",
9
- "borderBottom": "pf-m-border-bottom",
10
8
  "box": "pf-m-box",
11
9
  "vertical": "pf-m-vertical",
12
10
  "current": "pf-m-current",
@@ -24,6 +22,7 @@ export default {
24
22
  "expandableOn_2xl": "pf-m-expandable-on-2xl",
25
23
  "nonExpandableOn_2xl": "pf-m-non-expandable-on-2xl",
26
24
  "expanded": "pf-m-expanded",
25
+ "secondary": "pf-m-secondary",
27
26
  "pageInsets": "pf-m-page-insets",
28
27
  "overflow": "pf-m-overflow",
29
28
  "action": "pf-m-action",
@@ -50,9 +50,4 @@
50
50
  font-size: var(--pf-c-title--m-md--FontSize);
51
51
  font-weight: var(--pf-c-title--m-md--FontWeight);
52
52
  line-height: var(--pf-c-title--m-md--LineHeight);
53
- }
54
-
55
- .pf-m-overpass-font .pf-c-title {
56
- --pf-c-title--m-md--FontWeight: var(--pf-global--FontWeight--semi-bold);
57
- --pf-c-title--m-lg--FontWeight: var(--pf-global--FontWeight--semi-bold);
58
53
  }
@@ -6,8 +6,7 @@ declare const _default: {
6
6
  "2xl": "pf-m-2xl",
7
7
  "xl": "pf-m-xl",
8
8
  "lg": "pf-m-lg",
9
- "md": "pf-m-md",
10
- "overpassFont": "pf-m-overpass-font"
9
+ "md": "pf-m-md"
11
10
  },
12
11
  "title": "pf-c-title"
13
12
  };
@@ -8,8 +8,7 @@ exports.default = {
8
8
  "2xl": "pf-m-2xl",
9
9
  "xl": "pf-m-xl",
10
10
  "lg": "pf-m-lg",
11
- "md": "pf-m-md",
12
- "overpassFont": "pf-m-overpass-font"
11
+ "md": "pf-m-md"
13
12
  },
14
13
  "title": "pf-c-title"
15
14
  };
@@ -6,8 +6,7 @@ export default {
6
6
  "2xl": "pf-m-2xl",
7
7
  "xl": "pf-m-xl",
8
8
  "lg": "pf-m-lg",
9
- "md": "pf-m-md",
10
- "overpassFont": "pf-m-overpass-font"
9
+ "md": "pf-m-md"
11
10
  },
12
11
  "title": "pf-c-title"
13
12
  };
@@ -1,64 +1,49 @@
1
1
  .pf-c-toolbar__content-section, .pf-c-toolbar__content, .pf-c-toolbar__item, .pf-c-toolbar__group {
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-toolbar__content-section, .pf-m-hidden.pf-c-toolbar__content, .pf-m-hidden.pf-c-toolbar__item, .pf-m-hidden.pf-c-toolbar__group {
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-toolbar__content-section, .pf-m-hidden-on-sm.pf-c-toolbar__content, .pf-m-hidden-on-sm.pf-c-toolbar__item, .pf-m-hidden-on-sm.pf-c-toolbar__group {
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-toolbar__content-section, .pf-m-visible-on-sm.pf-c-toolbar__content, .pf-m-visible-on-sm.pf-c-toolbar__item, .pf-m-visible-on-sm.pf-c-toolbar__group {
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-toolbar__content-section, .pf-m-hidden-on-md.pf-c-toolbar__content, .pf-m-hidden-on-md.pf-c-toolbar__item, .pf-m-hidden-on-md.pf-c-toolbar__group {
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-toolbar__content-section, .pf-m-visible-on-md.pf-c-toolbar__content, .pf-m-visible-on-md.pf-c-toolbar__item, .pf-m-visible-on-md.pf-c-toolbar__group {
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-toolbar__content-section, .pf-m-hidden-on-lg.pf-c-toolbar__content, .pf-m-hidden-on-lg.pf-c-toolbar__item, .pf-m-hidden-on-lg.pf-c-toolbar__group {
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-toolbar__content-section, .pf-m-visible-on-lg.pf-c-toolbar__content, .pf-m-visible-on-lg.pf-c-toolbar__item, .pf-m-visible-on-lg.pf-c-toolbar__group {
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-toolbar__content-section, .pf-m-hidden-on-xl.pf-c-toolbar__content, .pf-m-hidden-on-xl.pf-c-toolbar__item, .pf-m-hidden-on-xl.pf-c-toolbar__group {
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-toolbar__content-section, .pf-m-visible-on-xl.pf-c-toolbar__content, .pf-m-visible-on-xl.pf-c-toolbar__item, .pf-m-visible-on-xl.pf-c-toolbar__group {
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-toolbar__content-section, .pf-m-hidden-on-2xl.pf-c-toolbar__content, .pf-m-hidden-on-2xl.pf-c-toolbar__item, .pf-m-hidden-on-2xl.pf-c-toolbar__group {
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-toolbar__content-section, .pf-m-visible-on-2xl.pf-c-toolbar__content, .pf-m-visible-on-2xl.pf-c-toolbar__item, .pf-m-visible-on-2xl.pf-c-toolbar__group {
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
 
@@ -227,11 +212,9 @@
227
212
  .pf-c-toolbar__group.pf-m-toggle-group .pf-c-toolbar__group,
228
213
  .pf-c-toolbar__group.pf-m-toggle-group .pf-c-toolbar__item {
229
214
  display: none;
230
- visibility: hidden;
231
215
  }
232
216
  .pf-c-toolbar__group.pf-m-toggle-group .pf-c-toolbar__toggle {
233
217
  display: inline-block;
234
- visibility: visible;
235
218
  }
236
219
  .pf-c-toolbar__group:last-child {
237
220
  --pf-c-toolbar--spacer: 0;
@@ -364,7 +347,6 @@
364
347
  display: none;
365
348
  width: 100%;
366
349
  padding: var(--pf-c-toolbar__expandable-content--PaddingTop) var(--pf-c-toolbar__expandable-content--PaddingRight) var(--pf-c-toolbar__expandable-content--PaddingBottom) var(--pf-c-toolbar__expandable-content--PaddingLeft);
367
- visibility: hidden;
368
350
  background-color: var(--pf-c-toolbar__expandable-content--BackgroundColor);
369
351
  box-shadow: var(--pf-c-toolbar__expandable-content--BoxShadow);
370
352
  }
@@ -377,7 +359,6 @@
377
359
  .pf-c-toolbar__expandable-content.pf-m-expanded {
378
360
  display: grid;
379
361
  grid-row-gap: var(--pf-c-toolbar__expandable-content--m-expanded--GridRowGap);
380
- visibility: visible;
381
362
  }
382
363
  .pf-c-toolbar__expandable-content .pf-c-toolbar__group,
383
364
  .pf-c-toolbar__expandable-content .pf-c-toolbar__item {
@@ -438,11 +419,9 @@
438
419
  .pf-m-toggle-group.pf-m-show .pf-c-toolbar__item {
439
420
  display: flex;
440
421
  flex: 0 1 auto;
441
- visibility: visible;
442
422
  }
443
423
  .pf-m-toggle-group.pf-m-show .pf-c-toolbar__toggle {
444
424
  display: none;
445
- visibility: hidden;
446
425
  }
447
426
 
448
427
  @media (min-width: 576px) {
@@ -453,11 +432,9 @@
453
432
  .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__item {
454
433
  display: flex;
455
434
  flex: 0 1 auto;
456
- visibility: visible;
457
435
  }
458
436
  .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__toggle {
459
437
  display: none;
460
- visibility: hidden;
461
438
  }
462
439
  }
463
440
  @media (min-width: 768px) {
@@ -468,11 +445,9 @@
468
445
  .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__item {
469
446
  display: flex;
470
447
  flex: 0 1 auto;
471
- visibility: visible;
472
448
  }
473
449
  .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__toggle {
474
450
  display: none;
475
- visibility: hidden;
476
451
  }
477
452
  }
478
453
  @media (min-width: 992px) {
@@ -483,11 +458,9 @@
483
458
  .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__item {
484
459
  display: flex;
485
460
  flex: 0 1 auto;
486
- visibility: visible;
487
461
  }
488
462
  .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__toggle {
489
463
  display: none;
490
- visibility: hidden;
491
464
  }
492
465
  }
493
466
  @media (min-width: 1200px) {
@@ -498,11 +471,9 @@
498
471
  .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__item {
499
472
  display: flex;
500
473
  flex: 0 1 auto;
501
- visibility: visible;
502
474
  }
503
475
  .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__toggle {
504
476
  display: none;
505
- visibility: hidden;
506
477
  }
507
478
  }
508
479
  @media (min-width: 1450px) {
@@ -513,11 +484,9 @@
513
484
  .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__item {
514
485
  display: flex;
515
486
  flex: 0 1 auto;
516
- visibility: visible;
517
487
  }
518
488
  .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__toggle {
519
489
  display: none;
520
- visibility: hidden;
521
490
  }
522
491
  }
523
492
  .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right,
@@ -216,7 +216,6 @@
216
216
  .pf-c-wizard.pf-m-finished .pf-c-wizard__footer,
217
217
  .pf-c-wizard.pf-m-finished .pf-c-wizard__toggle {
218
218
  display: none;
219
- visibility: hidden;
220
219
  }
221
220
 
222
221
  .pf-c-wizard__header {
@@ -242,12 +241,10 @@
242
241
  display: none;
243
242
  padding-top: var(--pf-c-wizard__description--PaddingTop);
244
243
  color: var(--pf-c-wizard__description--Color);
245
- visibility: hidden;
246
244
  }
247
245
  @media screen and (min-width: 992px) {
248
246
  .pf-c-wizard__description {
249
247
  display: block;
250
- visibility: visible;
251
248
  }
252
249
  }
253
250
 
@@ -265,7 +262,6 @@
265
262
  @media screen and (min-width: 992px) {
266
263
  .pf-c-wizard__toggle {
267
264
  display: none;
268
- visibility: hidden;
269
265
  }
270
266
  }
271
267
  .pf-c-wizard__toggle.pf-m-expanded {
@@ -345,19 +341,16 @@
345
341
  max-height: 100%;
346
342
  overflow-y: auto;
347
343
  -webkit-overflow-scrolling: touch;
348
- visibility: hidden;
349
344
  background-color: var(--pf-c-wizard__nav--BackgroundColor);
350
345
  box-shadow: var(--pf-c-wizard__nav--BoxShadow);
351
346
  }
352
347
  .pf-c-wizard__nav.pf-m-expanded {
353
348
  display: block;
354
- visibility: visible;
355
349
  }
356
350
  @media screen and (min-width: 992px) {
357
351
  .pf-c-wizard__nav {
358
352
  display: block;
359
353
  height: 100%;
360
- visibility: visible;
361
354
  border-right: var(--pf-c-wizard__nav--lg--BorderRightWidth) solid var(--pf-c-wizard__nav--lg--BorderRightColor);
362
355
  }
363
356
  }
@@ -390,11 +383,9 @@
390
383
  }
391
384
  .pf-c-wizard__nav-item.pf-m-expandable > .pf-c-wizard__nav-list {
392
385
  display: none;
393
- visibility: hidden;
394
386
  }
395
387
  .pf-c-wizard__nav-item.pf-m-expanded > .pf-c-wizard__nav-list {
396
388
  display: block;
397
- visibility: visible;
398
389
  }
399
390
  .pf-c-wizard__nav-item.pf-m-expanded > .pf-c-wizard__nav-link {
400
391
  --pf-c-wizard__nav-link-toggle-icon--Rotate: var(--pf-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "4.92.3",
3
+ "version": "5.0.0-alpha.1",
4
4
  "main": "dist/js/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/esm/index.d.ts",
@@ -12,14 +12,14 @@
12
12
  "author": "Red Hat",
13
13
  "publishConfig": {
14
14
  "access": "public",
15
- "tag": "prerelease"
15
+ "tag": "alpha"
16
16
  },
17
17
  "scripts": {
18
18
  "generate": "rimraf css && node scripts/writeClassMaps.js && node scripts/copyStyles.js",
19
19
  "clean": "rimraf dist css"
20
20
  },
21
21
  "devDependencies": {
22
- "@patternfly/patternfly": "4.222.4",
22
+ "@patternfly/patternfly": "5.0.0-alpha.3",
23
23
  "camel-case": "^3.0.0",
24
24
  "css": "^2.2.3",
25
25
  "fs-extra": "^6.0.1",
@@ -29,5 +29,5 @@
29
29
  "typescript": "^4.7.4"
30
30
  },
31
31
  "license": "MIT",
32
- "gitHead": "67e1ec39d3b8a95bd7e2092bb1c1b788a66ffe5f"
32
+ "gitHead": "5204f0b671c8030ea8b9c1b80f653a4a2985d883"
33
33
  }