@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
@@ -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
  }