@patternfly/patternfly 6.0.0-alpha.190 → 6.0.0-alpha.191

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 (51) hide show
  1. package/components/AboutModalBox/about-modal-box.css +11 -11
  2. package/components/Avatar/avatar.css +40 -40
  3. package/components/BackToTop/back-to-top.css +1 -1
  4. package/components/Banner/banner.css +1 -1
  5. package/components/Brand/brand.css +10 -10
  6. package/components/Content/content.css +4 -4
  7. package/components/DataList/data-list-grid.css +19 -19
  8. package/components/DataList/data-list.css +26 -26
  9. package/components/DescriptionList/description-list-order.css +5 -5
  10. package/components/DescriptionList/description-list.css +16 -16
  11. package/components/Divider/divider.css +20 -20
  12. package/components/Drawer/drawer.css +12 -12
  13. package/components/Form/form.css +6 -6
  14. package/components/JumpLinks/jump-links.css +5 -5
  15. package/components/Login/login.css +13 -13
  16. package/components/Masthead/masthead.css +6 -6
  17. package/components/Menu/menu.css +10 -10
  18. package/components/ModalBox/modal-box.css +2 -2
  19. package/components/Page/page.css +9 -9
  20. package/components/Pagination/pagination.css +8 -8
  21. package/components/ProgressStepper/progress-stepper.css +6 -6
  22. package/components/Sidebar/sidebar.css +8 -8
  23. package/components/TabContent/tab-content.css +1 -1
  24. package/components/Table/table-grid.css +13 -13
  25. package/components/Table/table-tree-view.css +4 -4
  26. package/components/Table/table.css +5 -5
  27. package/components/Tabs/tabs.css +10 -10
  28. package/components/Toolbar/toolbar.css +26 -26
  29. package/components/Wizard/wizard.css +6 -6
  30. package/components/_index.css +279 -279
  31. package/layouts/Flex/flex.css +35 -35
  32. package/layouts/Gallery/gallery.css +10 -10
  33. package/layouts/Grid/grid.css +15 -15
  34. package/layouts/_index.css +60 -60
  35. package/package.json +1 -1
  36. package/patternfly-addons.css +835 -835
  37. package/patternfly-no-globals.css +339 -339
  38. package/patternfly.css +339 -339
  39. package/patternfly.min.css +1 -1
  40. package/patternfly.min.css.map +1 -1
  41. package/sass-utilities/scss-variables.scss +6 -6
  42. package/utilities/Accessibility/accessibility.css +15 -15
  43. package/utilities/Alignment/alignment.css +5 -5
  44. package/utilities/BackgroundColor/background-color.css +5 -5
  45. package/utilities/Display/display.css +5 -5
  46. package/utilities/Flex/flex.css +50 -50
  47. package/utilities/Float/float.css +5 -5
  48. package/utilities/Sizing/sizing.css +30 -30
  49. package/utilities/Spacing/spacing.css +700 -700
  50. package/utilities/Text/text.css +20 -20
  51. package/utilities/_index.css +835 -835
package/components/Table/table-grid.css CHANGED
@@ -325,7 +325,7 @@
325
325
  margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
326
326
  text-align: end;
327
327
  }
328
- @media screen and (max-width: 576px) {
328
+ @media screen and (max-width: 36rem) {
329
329
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
330
330
  grid-row-start: 1;
331
331
  grid-column-start: 2;
@@ -356,7 +356,7 @@
356
356
  --pf-v6-c-table--cell--Width: auto;
357
357
  }
358
358
 
359
- @media screen and (max-width: 768px) {
359
+ @media screen and (max-width: 48rem) {
360
360
  .pf-m-grid-md.pf-v6-c-table {
361
361
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
362
362
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -626,14 +626,14 @@
626
626
  text-align: end;
627
627
  }
628
628
  }
629
- @media screen and (max-width: 768px) and (max-width: 576px) {
629
+ @media screen and (max-width: 48rem) and (max-width: 36rem) {
630
630
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
631
631
  grid-row-start: 1;
632
632
  grid-column-start: 2;
633
633
  margin-inline-start: 0;
634
634
  }
635
635
  }
636
- @media screen and (max-width: 768px) {
636
+ @media screen and (max-width: 48rem) {
637
637
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
638
638
  grid-column: 2;
639
639
  grid-row: 2;
@@ -659,7 +659,7 @@
659
659
  }
660
660
  }
661
661
 
662
- @media screen and (max-width: 992px) {
662
+ @media screen and (max-width: 62rem) {
663
663
  .pf-m-grid-lg.pf-v6-c-table {
664
664
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
665
665
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -929,14 +929,14 @@
929
929
  text-align: end;
930
930
  }
931
931
  }
932
- @media screen and (max-width: 992px) and (max-width: 576px) {
932
+ @media screen and (max-width: 62rem) and (max-width: 36rem) {
933
933
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
934
934
  grid-row-start: 1;
935
935
  grid-column-start: 2;
936
936
  margin-inline-start: 0;
937
937
  }
938
938
  }
939
- @media screen and (max-width: 992px) {
939
+ @media screen and (max-width: 62rem) {
940
940
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
941
941
  grid-column: 2;
942
942
  grid-row: 2;
@@ -962,7 +962,7 @@
962
962
  }
963
963
  }
964
964
 
965
- @media screen and (max-width: 1200px) {
965
+ @media screen and (max-width: 75rem) {
966
966
  .pf-m-grid-xl.pf-v6-c-table {
967
967
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
968
968
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -1232,14 +1232,14 @@
1232
1232
  text-align: end;
1233
1233
  }
1234
1234
  }
1235
- @media screen and (max-width: 1200px) and (max-width: 576px) {
1235
+ @media screen and (max-width: 75rem) and (max-width: 36rem) {
1236
1236
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
1237
1237
  grid-row-start: 1;
1238
1238
  grid-column-start: 2;
1239
1239
  margin-inline-start: 0;
1240
1240
  }
1241
1241
  }
1242
- @media screen and (max-width: 1200px) {
1242
+ @media screen and (max-width: 75rem) {
1243
1243
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
1244
1244
  grid-column: 2;
1245
1245
  grid-row: 2;
@@ -1265,7 +1265,7 @@
1265
1265
  }
1266
1266
  }
1267
1267
 
1268
- @media screen and (max-width: 1450px) {
1268
+ @media screen and (max-width: 90.625rem) {
1269
1269
  .pf-m-grid-2xl.pf-v6-c-table {
1270
1270
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
1271
1271
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -1535,14 +1535,14 @@
1535
1535
  text-align: end;
1536
1536
  }
1537
1537
  }
1538
- @media screen and (max-width: 1450px) and (max-width: 576px) {
1538
+ @media screen and (max-width: 90.625rem) and (max-width: 36rem) {
1539
1539
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
1540
1540
  grid-row-start: 1;
1541
1541
  grid-column-start: 2;
1542
1542
  margin-inline-start: 0;
1543
1543
  }
1544
1544
  }
1545
- @media screen and (max-width: 1450px) {
1545
+ @media screen and (max-width: 90.625rem) {
1546
1546
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
1547
1547
  grid-column: 2;
1548
1548
  grid-row: 2;
package/components/Table/table-tree-view.css CHANGED
@@ -248,7 +248,7 @@
248
248
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
249
249
  }
250
250
 
251
- @media screen and (max-width: 768px) {
251
+ @media screen and (max-width: 48rem) {
252
252
  .pf-m-tree-view-grid-md.pf-v6-c-table {
253
253
  --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
254
254
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -393,7 +393,7 @@
393
393
  }
394
394
  }
395
395
 
396
- @media screen and (max-width: 992px) {
396
+ @media screen and (max-width: 62rem) {
397
397
  .pf-m-tree-view-grid-lg.pf-v6-c-table {
398
398
  --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
399
399
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -538,7 +538,7 @@
538
538
  }
539
539
  }
540
540
 
541
- @media screen and (max-width: 1200px) {
541
+ @media screen and (max-width: 75rem) {
542
542
  .pf-m-tree-view-grid-xl.pf-v6-c-table {
543
543
  --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
544
544
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -683,7 +683,7 @@
683
683
  }
684
684
  }
685
685
 
686
- @media screen and (max-width: 1450px) {
686
+ @media screen and (max-width: 90.625rem) {
687
687
  .pf-m-tree-view-grid-2xl.pf-v6-c-table {
688
688
  --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
689
689
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
package/components/Table/table.css CHANGED
@@ -213,7 +213,7 @@
213
213
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden {
214
214
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
215
215
  }
216
- @media screen and (min-width: 576px) {
216
+ @media screen and (min-width: 36rem) {
217
217
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden-on-sm {
218
218
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
219
219
  }
@@ -221,7 +221,7 @@
221
221
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
222
222
  }
223
223
  }
224
- @media screen and (min-width: 768px) {
224
+ @media screen and (min-width: 48rem) {
225
225
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden-on-md {
226
226
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
227
227
  }
@@ -229,7 +229,7 @@
229
229
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
230
230
  }
231
231
  }
232
- @media screen and (min-width: 992px) {
232
+ @media screen and (min-width: 62rem) {
233
233
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden-on-lg {
234
234
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
235
235
  }
@@ -237,7 +237,7 @@
237
237
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
238
238
  }
239
239
  }
240
- @media screen and (min-width: 1200px) {
240
+ @media screen and (min-width: 75rem) {
241
241
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden-on-xl {
242
242
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
243
243
  }
@@ -245,7 +245,7 @@
245
245
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
246
246
  }
247
247
  }
248
- @media screen and (min-width: 1450px) {
248
+ @media screen and (min-width: 90.625rem) {
249
249
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden-on-2xl {
250
250
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
251
251
  }
package/components/Tabs/tabs.css CHANGED
@@ -281,7 +281,7 @@
281
281
  --pf-v6-c-tabs__list--Display: flex;
282
282
  --pf-v6-c-tabs__toggle--Display: none;
283
283
  }
284
- @media (min-width: 576px) {
284
+ @media (min-width: 36rem) {
285
285
  .pf-v6-c-tabs.pf-m-vertical.pf-m-expandable-on-sm {
286
286
  --pf-v6-c-tabs__list--Display: none;
287
287
  --pf-v6-c-tabs__toggle--Display: flex;
@@ -291,7 +291,7 @@
291
291
  --pf-v6-c-tabs__toggle--Display: none;
292
292
  }
293
293
  }
294
- @media (min-width: 768px) {
294
+ @media (min-width: 48rem) {
295
295
  .pf-v6-c-tabs.pf-m-vertical.pf-m-expandable-on-md {
296
296
  --pf-v6-c-tabs__list--Display: none;
297
297
  --pf-v6-c-tabs__toggle--Display: flex;
@@ -301,7 +301,7 @@
301
301
  --pf-v6-c-tabs__toggle--Display: none;
302
302
  }
303
303
  }
304
- @media (min-width: 992px) {
304
+ @media (min-width: 62rem) {
305
305
  .pf-v6-c-tabs.pf-m-vertical.pf-m-expandable-on-lg {
306
306
  --pf-v6-c-tabs__list--Display: none;
307
307
  --pf-v6-c-tabs__toggle--Display: flex;
@@ -311,7 +311,7 @@
311
311
  --pf-v6-c-tabs__toggle--Display: none;
312
312
  }
313
313
  }
314
- @media (min-width: 1200px) {
314
+ @media (min-width: 75rem) {
315
315
  .pf-v6-c-tabs.pf-m-vertical.pf-m-expandable-on-xl {
316
316
  --pf-v6-c-tabs__list--Display: none;
317
317
  --pf-v6-c-tabs__toggle--Display: flex;
@@ -321,7 +321,7 @@
321
321
  --pf-v6-c-tabs__toggle--Display: none;
322
322
  }
323
323
  }
324
- @media (min-width: 1450px) {
324
+ @media (min-width: 90.625rem) {
325
325
  .pf-v6-c-tabs.pf-m-vertical.pf-m-expandable-on-2xl {
326
326
  --pf-v6-c-tabs__list--Display: none;
327
327
  --pf-v6-c-tabs__toggle--Display: flex;
@@ -649,7 +649,7 @@
649
649
  --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--2xl);
650
650
  --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--2xl);
651
651
  }
652
- @media (min-width: 576px) {
652
+ @media (min-width: 36rem) {
653
653
  .pf-v6-c-tabs.pf-m-inset-none-on-sm {
654
654
  --pf-v6-c-tabs--inset: 0;
655
655
  --pf-v6-c-tabs--m-vertical--inset: 0;
@@ -681,7 +681,7 @@
681
681
  --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--2xl);
682
682
  }
683
683
  }
684
- @media (min-width: 768px) {
684
+ @media (min-width: 48rem) {
685
685
  .pf-v6-c-tabs.pf-m-inset-none-on-md {
686
686
  --pf-v6-c-tabs--inset: 0;
687
687
  --pf-v6-c-tabs--m-vertical--inset: 0;
@@ -713,7 +713,7 @@
713
713
  --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--2xl);
714
714
  }
715
715
  }
716
- @media (min-width: 992px) {
716
+ @media (min-width: 62rem) {
717
717
  .pf-v6-c-tabs.pf-m-inset-none-on-lg {
718
718
  --pf-v6-c-tabs--inset: 0;
719
719
  --pf-v6-c-tabs--m-vertical--inset: 0;
@@ -745,7 +745,7 @@
745
745
  --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--2xl);
746
746
  }
747
747
  }
748
- @media (min-width: 1200px) {
748
+ @media (min-width: 75rem) {
749
749
  .pf-v6-c-tabs.pf-m-inset-none-on-xl {
750
750
  --pf-v6-c-tabs--inset: 0;
751
751
  --pf-v6-c-tabs--m-vertical--inset: 0;
@@ -777,7 +777,7 @@
777
777
  --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--2xl);
778
778
  }
779
779
  }
780
- @media (min-width: 1450px) {
780
+ @media (min-width: 90.625rem) {
781
781
  .pf-v6-c-tabs.pf-m-inset-none-on-2xl {
782
782
  --pf-v6-c-tabs--inset: 0;
783
783
  --pf-v6-c-tabs--m-vertical--inset: 0;
package/components/Toolbar/toolbar.css CHANGED
@@ -60,7 +60,7 @@
60
60
  .pf-v6-c-toolbar__item.pf-m-hidden {
61
61
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
62
62
  }
63
- @media screen and (min-width: 576px) {
63
+ @media screen and (min-width: 36rem) {
64
64
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-sm,
65
65
  .pf-v6-c-toolbar__group.pf-m-hidden-on-sm,
66
66
  .pf-v6-c-toolbar__item.pf-m-hidden-on-sm {
@@ -72,7 +72,7 @@
72
72
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
73
73
  }
74
74
  }
75
- @media screen and (min-width: 768px) {
75
+ @media screen and (min-width: 48rem) {
76
76
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-md,
77
77
  .pf-v6-c-toolbar__group.pf-m-hidden-on-md,
78
78
  .pf-v6-c-toolbar__item.pf-m-hidden-on-md {
@@ -84,7 +84,7 @@
84
84
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
85
85
  }
86
86
  }
87
- @media screen and (min-width: 992px) {
87
+ @media screen and (min-width: 62rem) {
88
88
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-lg,
89
89
  .pf-v6-c-toolbar__group.pf-m-hidden-on-lg,
90
90
  .pf-v6-c-toolbar__item.pf-m-hidden-on-lg {
@@ -96,7 +96,7 @@
96
96
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
97
97
  }
98
98
  }
99
- @media screen and (min-width: 1200px) {
99
+ @media screen and (min-width: 75rem) {
100
100
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-xl,
101
101
  .pf-v6-c-toolbar__group.pf-m-hidden-on-xl,
102
102
  .pf-v6-c-toolbar__item.pf-m-hidden-on-xl {
@@ -108,7 +108,7 @@
108
108
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
109
109
  }
110
110
  }
111
- @media screen and (min-width: 1450px) {
111
+ @media screen and (min-width: 90.625rem) {
112
112
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-2xl,
113
113
  .pf-v6-c-toolbar__group.pf-m-hidden-on-2xl,
114
114
  .pf-v6-c-toolbar__item.pf-m-hidden-on-2xl {
@@ -138,7 +138,7 @@
138
138
  .pf-v6-c-toolbar__content.pf-m-hidden {
139
139
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
140
140
  }
141
- @media screen and (min-width: 576px) {
141
+ @media screen and (min-width: 36rem) {
142
142
  .pf-v6-c-toolbar__content.pf-m-hidden-on-sm {
143
143
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
144
144
  }
@@ -146,7 +146,7 @@
146
146
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
147
147
  }
148
148
  }
149
- @media screen and (min-width: 768px) {
149
+ @media screen and (min-width: 48rem) {
150
150
  .pf-v6-c-toolbar__content.pf-m-hidden-on-md {
151
151
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
152
152
  }
@@ -154,7 +154,7 @@
154
154
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
155
155
  }
156
156
  }
157
- @media screen and (min-width: 992px) {
157
+ @media screen and (min-width: 62rem) {
158
158
  .pf-v6-c-toolbar__content.pf-m-hidden-on-lg {
159
159
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
160
160
  }
@@ -162,7 +162,7 @@
162
162
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
163
163
  }
164
164
  }
165
- @media screen and (min-width: 1200px) {
165
+ @media screen and (min-width: 75rem) {
166
166
  .pf-v6-c-toolbar__content.pf-m-hidden-on-xl {
167
167
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
168
168
  }
@@ -170,7 +170,7 @@
170
170
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
171
171
  }
172
172
  }
173
- @media screen and (min-width: 1450px) {
173
+ @media screen and (min-width: 90.625rem) {
174
174
  .pf-v6-c-toolbar__content.pf-m-hidden-on-2xl {
175
175
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
176
176
  }
@@ -240,52 +240,52 @@
240
240
  width: var(--pf-v6-c-toolbar__item--Width--base);
241
241
  min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
242
242
  }
243
- @media (min-width: 576px) {
243
+ @media (min-width: 36rem) {
244
244
  .pf-v6-c-toolbar__item {
245
245
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width));
246
246
  }
247
247
  }
248
- @media (min-width: 768px) {
248
+ @media (min-width: 48rem) {
249
249
  .pf-v6-c-toolbar__item {
250
250
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width)));
251
251
  }
252
252
  }
253
- @media (min-width: 992px) {
253
+ @media (min-width: 62rem) {
254
254
  .pf-v6-c-toolbar__item {
255
255
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width))));
256
256
  }
257
257
  }
258
- @media (min-width: 1200px) {
258
+ @media (min-width: 75rem) {
259
259
  .pf-v6-c-toolbar__item {
260
260
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-xl, var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width)))));
261
261
  }
262
262
  }
263
- @media (min-width: 1450px) {
263
+ @media (min-width: 90.625rem) {
264
264
  .pf-v6-c-toolbar__item {
265
265
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-2xl, var(--pf-v6-c-toolbar__item--Width-on-xl, var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width))))));
266
266
  }
267
267
  }
268
- @media (min-width: 576px) {
268
+ @media (min-width: 36rem) {
269
269
  .pf-v6-c-toolbar__item {
270
270
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth));
271
271
  }
272
272
  }
273
- @media (min-width: 768px) {
273
+ @media (min-width: 48rem) {
274
274
  .pf-v6-c-toolbar__item {
275
275
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth)));
276
276
  }
277
277
  }
278
- @media (min-width: 992px) {
278
+ @media (min-width: 62rem) {
279
279
  .pf-v6-c-toolbar__item {
280
280
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth))));
281
281
  }
282
282
  }
283
- @media (min-width: 1200px) {
283
+ @media (min-width: 75rem) {
284
284
  .pf-v6-c-toolbar__item {
285
285
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-xl, var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth)))));
286
286
  }
287
287
  }
288
- @media (min-width: 1450px) {
288
+ @media (min-width: 90.625rem) {
289
289
  .pf-v6-c-toolbar__item {
290
290
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-2xl, var(--pf-v6-c-toolbar__item--MinWidth-on-xl, var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth))))));
291
291
  }
@@ -344,7 +344,7 @@
344
344
  background-color: var(--pf-v6-c-toolbar__expandable-content--BackgroundColor);
345
345
  box-shadow: var(--pf-v6-c-toolbar__expandable-content--BoxShadow);
346
346
  }
347
- @media screen and (min-width: 992px) {
347
+ @media screen and (min-width: 62rem) {
348
348
  .pf-v6-c-toolbar__expandable-content {
349
349
  position: static;
350
350
  padding: 0;
@@ -636,7 +636,7 @@
636
636
  display: inline-flex;
637
637
  }
638
638
 
639
- @media (min-width: 576px) {
639
+ @media (min-width: 36rem) {
640
640
  .pf-v6-c-toolbar__group.pf-m-align-start-on-sm,
641
641
  .pf-v6-c-toolbar__item.pf-m-align-start-on-sm {
642
642
  margin-inline-start: 0;
@@ -888,7 +888,7 @@
888
888
  display: inline-flex;
889
889
  }
890
890
  }
891
- @media (min-width: 768px) {
891
+ @media (min-width: 48rem) {
892
892
  .pf-v6-c-toolbar__group.pf-m-align-start-on-md,
893
893
  .pf-v6-c-toolbar__item.pf-m-align-start-on-md {
894
894
  margin-inline-start: 0;
@@ -1140,7 +1140,7 @@
1140
1140
  display: inline-flex;
1141
1141
  }
1142
1142
  }
1143
- @media (min-width: 992px) {
1143
+ @media (min-width: 62rem) {
1144
1144
  .pf-v6-c-toolbar__group.pf-m-align-start-on-lg,
1145
1145
  .pf-v6-c-toolbar__item.pf-m-align-start-on-lg {
1146
1146
  margin-inline-start: 0;
@@ -1392,7 +1392,7 @@
1392
1392
  display: inline-flex;
1393
1393
  }
1394
1394
  }
1395
- @media (min-width: 1200px) {
1395
+ @media (min-width: 75rem) {
1396
1396
  .pf-v6-c-toolbar__group.pf-m-align-start-on-xl,
1397
1397
  .pf-v6-c-toolbar__item.pf-m-align-start-on-xl {
1398
1398
  margin-inline-start: 0;
@@ -1644,7 +1644,7 @@
1644
1644
  display: inline-flex;
1645
1645
  }
1646
1646
  }
1647
- @media (min-width: 1450px) {
1647
+ @media (min-width: 90.625rem) {
1648
1648
  .pf-v6-c-toolbar__group.pf-m-align-start-on-2xl,
1649
1649
  .pf-v6-c-toolbar__item.pf-m-align-start-on-2xl {
1650
1650
  margin-inline-start: 0;
package/components/Wizard/wizard.css CHANGED
@@ -112,7 +112,7 @@
112
112
  --pf-v6-c-wizard__footer--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
113
113
  --pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
114
114
  }
115
- @media screen and (min-width: 992px) {
115
+ @media screen and (min-width: 62rem) {
116
116
  :where(:root, .pf-v6-c-wizard) {
117
117
  --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
118
118
  --pf-v6-c-wizard__nav--BoxShadow: none;
@@ -178,7 +178,7 @@
178
178
  padding-block-start: var(--pf-v6-c-wizard__description--PaddingBlockStart);
179
179
  color: var(--pf-v6-c-wizard__description--Color);
180
180
  }
181
- @media screen and (min-width: 992px) {
181
+ @media screen and (min-width: 62rem) {
182
182
  .pf-v6-c-wizard__description {
183
183
  display: block;
184
184
  }
@@ -200,7 +200,7 @@
200
200
  border-inline-start: 0;
201
201
  border-inline-end: 0;
202
202
  }
203
- @media screen and (min-width: 992px) {
203
+ @media screen and (min-width: 62rem) {
204
204
  .pf-v6-c-wizard__toggle {
205
205
  display: none;
206
206
  }
@@ -269,7 +269,7 @@
269
269
  min-height: var(--pf-v6-c-wizard__outer-wrap--MinHeight);
270
270
  background-color: var(--pf-v6-c-wizard__outer-wrap--BackgroundColor);
271
271
  }
272
- @media screen and (min-width: 992px) {
272
+ @media screen and (min-width: 62rem) {
273
273
  .pf-v6-c-wizard__outer-wrap {
274
274
  padding-inline-start: var(--pf-v6-c-wizard__outer-wrap--lg--PaddingInlineStart);
275
275
  }
@@ -282,7 +282,7 @@
282
282
  flex-grow: 1;
283
283
  min-height: 0;
284
284
  }
285
- @media screen and (min-width: 992px) {
285
+ @media screen and (min-width: 62rem) {
286
286
  .pf-v6-c-wizard__inner-wrap {
287
287
  position: static;
288
288
  }
@@ -304,7 +304,7 @@
304
304
  .pf-v6-c-wizard__nav.pf-m-expanded {
305
305
  display: block;
306
306
  }
307
- @media screen and (min-width: 992px) {
307
+ @media screen and (min-width: 62rem) {
308
308
  .pf-v6-c-wizard__nav {
309
309
  display: block;
310
310
  height: 100%;