@patternfly/react-styles 6.0.0-alpha.30 → 6.0.0-alpha.31

Sign up to get free protection for your applications and to get access to all the features.
Files changed (92) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/css/components/AboutModalBox/about-modal-box.css +11 -11
  3. package/css/components/Accordion/accordion.css +2 -0
  4. package/css/components/Avatar/avatar.css +40 -40
  5. package/css/components/BackToTop/back-to-top.css +1 -1
  6. package/css/components/Banner/banner.css +1 -1
  7. package/css/components/Brand/brand.css +10 -10
  8. package/css/components/Breadcrumb/breadcrumb.css +9 -6
  9. package/css/components/Button/button.css +16 -7
  10. package/css/components/Card/card.css +1 -1
  11. package/css/components/Content/content.css +12 -9
  12. package/css/components/DataList/data-list-grid.css +19 -19
  13. package/css/components/DataList/data-list.css +37 -41
  14. package/css/components/DescriptionList/description-list-order.css +5 -5
  15. package/css/components/DescriptionList/description-list.css +26 -31
  16. package/css/components/Divider/divider.css +20 -20
  17. package/css/components/Drawer/drawer.css +12 -12
  18. package/css/components/Form/form.css +6 -6
  19. package/css/components/JumpLinks/jump-links.css +6 -6
  20. package/css/components/Label/label.css +18 -17
  21. package/css/components/Login/login.css +13 -13
  22. package/css/components/Masthead/masthead.css +7 -7
  23. package/css/components/Menu/menu.css +10 -10
  24. package/css/components/MenuToggle/menu-toggle.css +6 -0
  25. package/css/components/MenuToggle/menu-toggle.d.ts +2 -1
  26. package/css/components/MenuToggle/menu-toggle.js +2 -1
  27. package/css/components/MenuToggle/menu-toggle.mjs +2 -1
  28. package/css/components/ModalBox/modal-box.css +2 -2
  29. package/css/components/Page/page.css +16 -149
  30. package/css/components/Page/page.d.ts +0 -2
  31. package/css/components/Page/page.js +0 -2
  32. package/css/components/Page/page.mjs +0 -2
  33. package/css/components/Pagination/pagination.css +8 -8
  34. package/css/components/ProgressStepper/progress-stepper.css +14 -13
  35. package/css/components/Sidebar/sidebar.css +8 -8
  36. package/css/components/SimpleList/simple-list.css +1 -1
  37. package/css/components/TabContent/tab-content.css +1 -1
  38. package/css/components/Table/table-grid.css +14 -20
  39. package/css/components/Table/table-tree-view.css +44 -54
  40. package/css/components/Table/table-tree-view.d.ts +1 -3
  41. package/css/components/Table/table-tree-view.js +1 -3
  42. package/css/components/Table/table-tree-view.mjs +1 -3
  43. package/css/components/Table/table.css +5 -5
  44. package/css/components/Tabs/tabs.css +11 -11
  45. package/css/components/Timestamp/timestamp.css +8 -17
  46. package/css/components/ToggleGroup/toggle-group.css +2 -2
  47. package/css/components/Toolbar/toolbar.css +30 -29
  48. package/css/components/Wizard/wizard.css +6 -6
  49. package/css/components/_index.css +434 -575
  50. package/css/components/_index.d.ts +1 -3
  51. package/css/components/_index.js +1 -3
  52. package/css/components/_index.mjs +1 -3
  53. package/css/layouts/Flex/flex.css +35 -35
  54. package/css/layouts/Gallery/gallery.css +10 -10
  55. package/css/layouts/Grid/grid.css +15 -15
  56. package/css/layouts/_index.css +60 -60
  57. package/css/utilities/Accessibility/accessibility.css +15 -15
  58. package/css/utilities/Alignment/alignment.css +5 -5
  59. package/css/utilities/BackgroundColor/background-color.css +5 -5
  60. package/css/utilities/Display/display.css +5 -5
  61. package/css/utilities/Flex/flex.css +50 -50
  62. package/css/utilities/Float/float.css +5 -5
  63. package/css/utilities/Sizing/sizing.css +30 -30
  64. package/css/utilities/Spacing/spacing.css +700 -700
  65. package/css/utilities/Text/text.css +20 -20
  66. package/css/utilities/_index.css +835 -835
  67. package/package.json +3 -3
  68. package/css/components/Consoles/AccessConsoles.css +0 -14
  69. package/css/components/Consoles/AccessConsoles.d.ts +0 -6
  70. package/css/components/Consoles/AccessConsoles.js +0 -7
  71. package/css/components/Consoles/AccessConsoles.mjs +0 -5
  72. package/css/components/Consoles/DesktopViewer.css +0 -6
  73. package/css/components/Consoles/DesktopViewer.d.ts +0 -5
  74. package/css/components/Consoles/DesktopViewer.js +0 -6
  75. package/css/components/Consoles/DesktopViewer.mjs +0 -4
  76. package/css/components/Consoles/SerialConsole.css +0 -11
  77. package/css/components/Consoles/SerialConsole.d.ts +0 -6
  78. package/css/components/Consoles/SerialConsole.js +0 -7
  79. package/css/components/Consoles/SerialConsole.mjs +0 -5
  80. package/css/components/Consoles/VncConsole.css +0 -10
  81. package/css/components/Consoles/VncConsole.d.ts +0 -6
  82. package/css/components/Consoles/VncConsole.js +0 -7
  83. package/css/components/Consoles/VncConsole.mjs +0 -5
  84. package/css/components/Consoles/xterm.css +0 -171
  85. package/css/components/Consoles/xterm.d.ts +0 -26
  86. package/css/components/Consoles/xterm.js +0 -27
  87. package/css/components/Consoles/xterm.mjs +0 -25
  88. package/src/css/components/Consoles/AccessConsoles.css +0 -14
  89. package/src/css/components/Consoles/DesktopViewer.css +0 -6
  90. package/src/css/components/Consoles/SerialConsole.css +0 -11
  91. package/src/css/components/Consoles/VncConsole.css +0 -10
  92. package/src/css/components/Consoles/xterm.css +0 -171
@@ -116,7 +116,7 @@
116
116
  .pf-v6-c-menu__group.pf-m-hidden {
117
117
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
118
118
  }
119
- @media screen and (min-width: 576px) {
119
+ @media screen and (min-width: 36rem) {
120
120
  .pf-v6-c-menu__list.pf-m-hidden-on-sm,
121
121
  .pf-v6-c-menu__group.pf-m-hidden-on-sm {
122
122
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -126,7 +126,7 @@
126
126
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
127
127
  }
128
128
  }
129
- @media screen and (min-width: 768px) {
129
+ @media screen and (min-width: 48rem) {
130
130
  .pf-v6-c-menu__list.pf-m-hidden-on-md,
131
131
  .pf-v6-c-menu__group.pf-m-hidden-on-md {
132
132
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -136,7 +136,7 @@
136
136
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
137
137
  }
138
138
  }
139
- @media screen and (min-width: 992px) {
139
+ @media screen and (min-width: 62rem) {
140
140
  .pf-v6-c-menu__list.pf-m-hidden-on-lg,
141
141
  .pf-v6-c-menu__group.pf-m-hidden-on-lg {
142
142
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -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: 1200px) {
149
+ @media screen and (min-width: 75rem) {
150
150
  .pf-v6-c-menu__list.pf-m-hidden-on-xl,
151
151
  .pf-v6-c-menu__group.pf-m-hidden-on-xl {
152
152
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -156,7 +156,7 @@
156
156
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
157
157
  }
158
158
  }
159
- @media screen and (min-width: 1450px) {
159
+ @media screen and (min-width: 90.625rem) {
160
160
  .pf-v6-c-menu__list.pf-m-hidden-on-2xl,
161
161
  .pf-v6-c-menu__group.pf-m-hidden-on-2xl {
162
162
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -442,7 +442,7 @@
442
442
  .pf-v6-c-menu__item.pf-m-hidden {
443
443
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
444
444
  }
445
- @media screen and (min-width: 576px) {
445
+ @media screen and (min-width: 36rem) {
446
446
  .pf-v6-c-menu__item.pf-m-hidden-on-sm {
447
447
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
448
448
  }
@@ -450,7 +450,7 @@
450
450
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
451
451
  }
452
452
  }
453
- @media screen and (min-width: 768px) {
453
+ @media screen and (min-width: 48rem) {
454
454
  .pf-v6-c-menu__item.pf-m-hidden-on-md {
455
455
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
456
456
  }
@@ -458,7 +458,7 @@
458
458
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
459
459
  }
460
460
  }
461
- @media screen and (min-width: 992px) {
461
+ @media screen and (min-width: 62rem) {
462
462
  .pf-v6-c-menu__item.pf-m-hidden-on-lg {
463
463
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
464
464
  }
@@ -466,7 +466,7 @@
466
466
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
467
467
  }
468
468
  }
469
- @media screen and (min-width: 1200px) {
469
+ @media screen and (min-width: 75rem) {
470
470
  .pf-v6-c-menu__item.pf-m-hidden-on-xl {
471
471
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
472
472
  }
@@ -474,7 +474,7 @@
474
474
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
475
475
  }
476
476
  }
477
- @media screen and (min-width: 1450px) {
477
+ @media screen and (min-width: 90.625rem) {
478
478
  .pf-v6-c-menu__item.pf-m-hidden-on-2xl {
479
479
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
480
480
  }
@@ -87,6 +87,7 @@
87
87
  --pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
88
88
  --pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
89
89
  --pf-v6-c-menu-toggle__button--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight) + var(--pf-v6-c-menu-toggle--PaddingBlockStart) + var(--pf-v6-c-menu-toggle--PaddingBlockEnd));
90
+ --pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
90
91
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
91
92
  --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
92
93
  --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
@@ -350,6 +351,11 @@
350
351
  .pf-v6-c-menu-toggle__button:has(.pf-v6-c-menu-toggle__controls) {
351
352
  padding-inline-start: 0;
352
353
  }
354
+ .pf-v6-c-menu-toggle__button.pf-m-text {
355
+ display: inline-flex;
356
+ align-items: baseline;
357
+ padding-inline-start: var(--pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart);
358
+ }
353
359
 
354
360
  .pf-v6-c-menu-toggle__text {
355
361
  overflow: hidden;
@@ -25,7 +25,8 @@ declare const _default: {
25
25
  "danger": "pf-m-danger",
26
26
  "splitButton": "pf-m-split-button",
27
27
  "action": "pf-m-action",
28
- "typeahead": "pf-m-typeahead"
28
+ "typeahead": "pf-m-typeahead",
29
+ "text": "pf-m-text"
29
30
  },
30
31
  "textInputGroup": "pf-v6-c-text-input-group"
31
32
  };
@@ -27,7 +27,8 @@ exports.default = {
27
27
  "danger": "pf-m-danger",
28
28
  "splitButton": "pf-m-split-button",
29
29
  "action": "pf-m-action",
30
- "typeahead": "pf-m-typeahead"
30
+ "typeahead": "pf-m-typeahead",
31
+ "text": "pf-m-text"
31
32
  },
32
33
  "textInputGroup": "pf-v6-c-text-input-group"
33
34
  };
@@ -25,7 +25,8 @@ export default {
25
25
  "danger": "pf-m-danger",
26
26
  "splitButton": "pf-m-split-button",
27
27
  "action": "pf-m-action",
28
- "typeahead": "pf-m-typeahead"
28
+ "typeahead": "pf-m-typeahead",
29
+ "text": "pf-m-text"
29
30
  },
30
31
  "textInputGroup": "pf-v6-c-text-input-group"
31
32
  };
@@ -49,7 +49,7 @@
49
49
  --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
50
50
  --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
51
51
  }
52
- @media (min-width: 1200px) {
52
+ @media (min-width: 75rem) {
53
53
  :where(:root, .pf-v6-c-modal-box) {
54
54
  --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
55
55
  }
@@ -195,7 +195,7 @@
195
195
  .pf-v6-c-modal-box__footer > .pf-v6-c-button:not(:last-child) {
196
196
  margin-inline-end: var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd);
197
197
  }
198
- @media screen and (min-width: 576px) {
198
+ @media screen and (min-width: 36rem) {
199
199
  .pf-v6-c-modal-box__footer > .pf-v6-c-button:not(:last-child) {
200
200
  --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd);
201
201
  }
@@ -47,7 +47,6 @@
47
47
  --pf-v6-c-page__main-section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
48
48
  --pf-v6-c-page__main-section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
49
49
  --pf-v6-c-page__main-breadcrumb--page__main-tabs--PaddingBlockStart: var(--pf-t--global--spacer--md);
50
- --pf-v6-c-page__main-nav--page__main-tabs--PaddingBlockStart: var(--pf-t--global--spacer--md);
51
50
  --pf-v6-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-v6-c-page__sidebar--Width));
52
51
  --pf-v6-c-page--section--m-sticky-top--ZIndex: var(--pf-t--global--z-index--md);
53
52
  --pf-v6-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
@@ -57,13 +56,6 @@
57
56
  --pf-v6-c-page--section--m-shadow-bottom--ZIndex: var(--pf-t--global--z-index--xs);
58
57
  --pf-v6-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
59
58
  --pf-v6-c-page--section--m-shadow-top--ZIndex: var(--pf-t--global--z-index--xs);
60
- --pf-v6-c-page__main-nav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
61
- --pf-v6-c-page__main-nav--PaddingBlockStart: var(--pf-t--global--spacer--md);
62
- --pf-v6-c-page__main-nav--PaddingInlineEnd: 0;
63
- --pf-v6-c-page__main-nav--PaddingInlineStart: 0;
64
- --pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
65
- --pf-v6-c-page__main-nav--xl--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
66
- --pf-v6-c-page__main-nav--xl--PaddingInlineStart: var(--pf-t--global--spacer--sm);
67
59
  --pf-v6-c-page__main-subnav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
68
60
  --pf-v6-c-page__main-subnav--PaddingBlockStart: var(--pf-t--global--spacer--md);
69
61
  --pf-v6-c-page__main-subnav--PaddingBlockEnd: 0;
@@ -83,12 +75,12 @@
83
75
  --pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
84
76
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
85
77
  }
86
- @media (min-width: 1200px) {
78
+ @media (min-width: 75rem) {
87
79
  :where(:root, .pf-v6-c-page) {
88
80
  --pf-v6-c-page--inset: var(--pf-v6-c-page--xl--inset);
89
81
  }
90
82
  }
91
- @media screen and (min-width: 1200px) {
83
+ @media screen and (min-width: 75rem) {
92
84
  :where(:root, .pf-v6-c-page) {
93
85
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
94
86
  }
@@ -104,7 +96,7 @@
104
96
  max-height: 100%;
105
97
  background-color: var(--pf-v6-c-page--BackgroundColor);
106
98
  }
107
- @media (min-width: 1200px) {
99
+ @media (min-width: 75rem) {
108
100
  .pf-v6-c-page {
109
101
  grid-template-areas: "header header" "sidebar main";
110
102
  grid-template-columns: max-content 1fr;
@@ -143,7 +135,7 @@
143
135
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--m-expanded--TranslateX);
144
136
  box-shadow: var(--pf-v6-c-page__sidebar--BoxShadow);
145
137
  }
146
- @media screen and (min-width: 1200px) {
138
+ @media screen and (min-width: 75rem) {
147
139
  .pf-v6-c-page__sidebar.pf-m-expanded {
148
140
  --pf-v6-c-page__sidebar--BoxShadow: none;
149
141
  }
@@ -193,21 +185,18 @@
193
185
  flex-grow: 0;
194
186
  }
195
187
 
196
- .pf-v6-c-page__main-nav.pf-m-limit-width > .pf-v6-c-page__main-body,
197
188
  .pf-v6-c-page__main-breadcrumb.pf-m-limit-width > .pf-v6-c-page__main-body,
198
189
  .pf-v6-c-page__main-tabs.pf-m-limit-width > .pf-v6-c-page__main-body,
199
190
  .pf-v6-c-page__main-section.pf-m-limit-width > .pf-v6-c-page__main-body,
200
191
  .pf-v6-c-page__main-wizard.pf-m-limit-width > .pf-v6-c-page__main-body {
201
192
  max-width: var(--pf-v6-c-page--section--m-limit-width--MaxWidth);
202
193
  }
203
- .pf-v6-c-page__main-nav.pf-m-limit-width.pf-m-align-center,
204
194
  .pf-v6-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center,
205
195
  .pf-v6-c-page__main-tabs.pf-m-limit-width.pf-m-align-center,
206
196
  .pf-v6-c-page__main-section.pf-m-limit-width.pf-m-align-center,
207
197
  .pf-v6-c-page__main-wizard.pf-m-limit-width.pf-m-align-center {
208
198
  align-items: center;
209
199
  }
210
- .pf-v6-c-page__main-nav.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
211
200
  .pf-v6-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
212
201
  .pf-v6-c-page__main-tabs.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
213
202
  .pf-v6-c-page__main-section.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
@@ -215,7 +204,6 @@
215
204
  width: 100%;
216
205
  }
217
206
 
218
- .pf-v6-c-page__main-nav,
219
207
  .pf-v6-c-page__main-breadcrumb,
220
208
  .pf-v6-c-page__main-tabs,
221
209
  .pf-v6-c-page__main-section,
@@ -226,7 +214,6 @@
226
214
  flex-direction: column;
227
215
  flex-shrink: 0;
228
216
  }
229
- .pf-v6-c-page__main-nav.pf-m-overflow-scroll,
230
217
  .pf-v6-c-page__main-breadcrumb.pf-m-overflow-scroll,
231
218
  .pf-v6-c-page__main-tabs.pf-m-overflow-scroll,
232
219
  .pf-v6-c-page__main-section.pf-m-overflow-scroll,
@@ -237,7 +224,6 @@
237
224
  flex-shrink: 1;
238
225
  overflow: auto;
239
226
  }
240
- .pf-v6-c-page__main-nav.pf-m-shadow-bottom,
241
227
  .pf-v6-c-page__main-breadcrumb.pf-m-shadow-bottom,
242
228
  .pf-v6-c-page__main-tabs.pf-m-shadow-bottom,
243
229
  .pf-v6-c-page__main-section.pf-m-shadow-bottom,
@@ -247,7 +233,6 @@
247
233
  z-index: var(--pf-v6-c-page--section--m-shadow-bottom--ZIndex);
248
234
  box-shadow: var(--pf-v6-c-page--section--m-shadow-bottom--BoxShadow);
249
235
  }
250
- .pf-v6-c-page__main-nav.pf-m-shadow-top,
251
236
  .pf-v6-c-page__main-breadcrumb.pf-m-shadow-top,
252
237
  .pf-v6-c-page__main-tabs.pf-m-shadow-top,
253
238
  .pf-v6-c-page__main-section.pf-m-shadow-top,
@@ -257,7 +242,6 @@
257
242
  z-index: var(--pf-v6-c-page--section--m-shadow-top--ZIndex);
258
243
  box-shadow: var(--pf-v6-c-page--section--m-shadow-top--BoxShadow);
259
244
  }
260
- .pf-v6-c-page__main-nav.pf-m-sticky-top,
261
245
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top,
262
246
  .pf-v6-c-page__main-tabs.pf-m-sticky-top,
263
247
  .pf-v6-c-page__main-section.pf-m-sticky-top,
@@ -269,7 +253,6 @@
269
253
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
270
254
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
271
255
  }
272
- .pf-v6-c-page__main-nav.pf-m-sticky-bottom,
273
256
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom,
274
257
  .pf-v6-c-page__main-tabs.pf-m-sticky-bottom,
275
258
  .pf-v6-c-page__main-section.pf-m-sticky-bottom,
@@ -282,7 +265,6 @@
282
265
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
283
266
  }
284
267
  @media (min-height: 0) {
285
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-sm-height,
286
268
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
287
269
  .pf-v6-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
288
270
  .pf-v6-c-page__main-section.pf-m-sticky-top-on-sm-height,
@@ -294,7 +276,6 @@
294
276
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
295
277
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
296
278
  }
297
- .pf-v6-c-page__main-nav.pf-m-sticky-bottom-on-sm-height,
298
279
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
299
280
  .pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
300
281
  .pf-v6-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
@@ -308,7 +289,6 @@
308
289
  }
309
290
  }
310
291
  @media (min-height: 40rem) {
311
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-md-height,
312
292
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
313
293
  .pf-v6-c-page__main-tabs.pf-m-sticky-top-on-md-height,
314
294
  .pf-v6-c-page__main-section.pf-m-sticky-top-on-md-height,
@@ -320,7 +300,6 @@
320
300
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
321
301
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
322
302
  }
323
- .pf-v6-c-page__main-nav.pf-m-sticky-bottom-on-md-height,
324
303
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
325
304
  .pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
326
305
  .pf-v6-c-page__main-section.pf-m-sticky-bottom-on-md-height,
@@ -334,7 +313,6 @@
334
313
  }
335
314
  }
336
315
  @media (min-height: 48rem) {
337
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-lg-height,
338
316
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
339
317
  .pf-v6-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
340
318
  .pf-v6-c-page__main-section.pf-m-sticky-top-on-lg-height,
@@ -346,7 +324,6 @@
346
324
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
347
325
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
348
326
  }
349
- .pf-v6-c-page__main-nav.pf-m-sticky-bottom-on-lg-height,
350
327
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
351
328
  .pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
352
329
  .pf-v6-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
@@ -360,7 +337,6 @@
360
337
  }
361
338
  }
362
339
  @media (min-height: 60rem) {
363
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-xl-height,
364
340
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
365
341
  .pf-v6-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
366
342
  .pf-v6-c-page__main-section.pf-m-sticky-top-on-xl-height,
@@ -372,7 +348,6 @@
372
348
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
373
349
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
374
350
  }
375
- .pf-v6-c-page__main-nav.pf-m-sticky-bottom-on-xl-height,
376
351
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
377
352
  .pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
378
353
  .pf-v6-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
@@ -386,7 +361,6 @@
386
361
  }
387
362
  }
388
363
  @media (min-height: 80rem) {
389
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-2xl-height,
390
364
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
391
365
  .pf-v6-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
392
366
  .pf-v6-c-page__main-section.pf-m-sticky-top-on-2xl-height,
@@ -398,7 +372,6 @@
398
372
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
399
373
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
400
374
  }
401
- .pf-v6-c-page__main-nav.pf-m-sticky-bottom-on-2xl-height,
402
375
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
403
376
  .pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
404
377
  .pf-v6-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
@@ -444,48 +417,12 @@
444
417
 
445
418
  .pf-v6-c-page__main,
446
419
  .pf-v6-c-page__main-drawer,
447
- .pf-v6-c-page__main-group,
448
- .pf-v6-c-page__main-list {
420
+ .pf-v6-c-page__main-group {
449
421
  display: flex;
450
422
  flex-direction: column;
451
423
  flex-grow: 1;
452
424
  }
453
425
 
454
- .pf-v6-c-page__main-nav {
455
- padding-block-start: var(--pf-v6-c-page__main-nav--PaddingBlockStart);
456
- padding-inline-start: var(--pf-v6-c-page__main-nav--PaddingInlineStart);
457
- padding-inline-end: var(--pf-v6-c-page__main-nav--PaddingInlineEnd);
458
- background-color: var(--pf-v6-c-page__main-nav--BackgroundColor);
459
- }
460
- .pf-v6-c-page__main-nav.pf-m-sticky-top, .pf-v6-c-page__main-group.pf-m-sticky-top .pf-v6-c-page__main-nav:last-child {
461
- padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
462
- }
463
- @media (min-height: 0) {
464
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-sm-height, .pf-v6-c-page__main-group.pf-m-sticky-top-on-sm-height .pf-v6-c-page__main-nav:last-child {
465
- padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
466
- }
467
- }
468
- @media (min-height: 40rem) {
469
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-md-height, .pf-v6-c-page__main-group.pf-m-sticky-top-on-md-height .pf-v6-c-page__main-nav:last-child {
470
- padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
471
- }
472
- }
473
- @media (min-height: 48rem) {
474
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-lg-height, .pf-v6-c-page__main-group.pf-m-sticky-top-on-lg-height .pf-v6-c-page__main-nav:last-child {
475
- padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
476
- }
477
- }
478
- @media (min-height: 60rem) {
479
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-xl-height, .pf-v6-c-page__main-group.pf-m-sticky-top-on-xl-height .pf-v6-c-page__main-nav:last-child {
480
- padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
481
- }
482
- }
483
- @media (min-height: 80rem) {
484
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-2xl-height, .pf-v6-c-page__main-group.pf-m-sticky-top-on-2xl-height .pf-v6-c-page__main-nav:last-child {
485
- padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
486
- }
487
- }
488
-
489
426
  .pf-v6-c-page__main-subnav {
490
427
  padding-block-start: var(--pf-v6-c-page__main-subnav--PaddingBlockStart);
491
428
  padding-block-end: var(--pf-v6-c-page__main-subnav--PaddingBlockEnd);
@@ -540,9 +477,6 @@
540
477
  padding-inline-end: var(--pf-v6-c-page__main-tabs--PaddingInlineEnd);
541
478
  background-color: var(--pf-v6-c-page__main-tabs--BackgroundColor);
542
479
  }
543
- .pf-v6-c-page__main-nav + .pf-v6-c-page__main-tabs {
544
- --pf-v6-c-page__main-tabs--PaddingBlockStart: var(--pf-v6-c-page__main-nav--page__main-tabs--PaddingBlockStart);
545
- }
546
480
  .pf-v6-c-page__main-breadcrumb + .pf-v6-c-page__main-tabs {
547
481
  --pf-v6-c-page__main-tabs--PaddingBlockStart: var(--pf-v6-c-page__main-breadcrumb--page__main-tabs--PaddingBlockStart);
548
482
  }
@@ -575,115 +509,61 @@
575
509
  padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
576
510
  padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
577
511
  }
578
- .pf-v6-c-page__main-section.pf-m-padding.pf-m-limit-width {
512
+ .pf-v6-c-page__main-section.pf-m-no-padding {
579
513
  padding: 0;
580
514
  }
581
- .pf-v6-c-page__main-section.pf-m-padding.pf-m-limit-width .pf-v6-c-page__main-body {
582
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
583
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
584
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
585
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
586
- }
587
- .pf-v6-c-page__main-section.pf-m-no-padding, .pf-v6-c-page__main-section.pf-m-no-padding.pf-m-limit-width .pf-v6-c-page__main-body {
588
- padding: 0;
589
- }
590
- @media (min-width: 576px) {
515
+ @media (min-width: 36rem) {
591
516
  .pf-v6-c-page__main-section.pf-m-padding-on-sm {
592
517
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
593
518
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
594
519
  padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
595
520
  padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
596
521
  }
597
- .pf-v6-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width {
598
- padding: 0;
599
- }
600
- .pf-v6-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width .pf-v6-c-page__main-body {
601
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
602
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
603
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
604
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
605
- }
606
- .pf-v6-c-page__main-section.pf-m-no-padding-on-sm, .pf-v6-c-page__main-section.pf-m-no-padding-on-sm.pf-m-limit-width .pf-v6-c-page__main-body {
522
+ .pf-v6-c-page__main-section.pf-m-no-padding-on-sm {
607
523
  padding: 0;
608
524
  }
609
525
  }
610
- @media (min-width: 768px) {
526
+ @media (min-width: 48rem) {
611
527
  .pf-v6-c-page__main-section.pf-m-padding-on-md {
612
528
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
613
529
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
614
530
  padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
615
531
  padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
616
532
  }
617
- .pf-v6-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width {
618
- padding: 0;
619
- }
620
- .pf-v6-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width .pf-v6-c-page__main-body {
621
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
622
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
623
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
624
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
625
- }
626
- .pf-v6-c-page__main-section.pf-m-no-padding-on-md, .pf-v6-c-page__main-section.pf-m-no-padding-on-md.pf-m-limit-width .pf-v6-c-page__main-body {
533
+ .pf-v6-c-page__main-section.pf-m-no-padding-on-md {
627
534
  padding: 0;
628
535
  }
629
536
  }
630
- @media (min-width: 992px) {
537
+ @media (min-width: 62rem) {
631
538
  .pf-v6-c-page__main-section.pf-m-padding-on-lg {
632
539
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
633
540
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
634
541
  padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
635
542
  padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
636
543
  }
637
- .pf-v6-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width {
638
- padding: 0;
639
- }
640
- .pf-v6-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width .pf-v6-c-page__main-body {
641
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
642
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
643
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
644
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
645
- }
646
- .pf-v6-c-page__main-section.pf-m-no-padding-on-lg, .pf-v6-c-page__main-section.pf-m-no-padding-on-lg.pf-m-limit-width .pf-v6-c-page__main-body {
544
+ .pf-v6-c-page__main-section.pf-m-no-padding-on-lg {
647
545
  padding: 0;
648
546
  }
649
547
  }
650
- @media (min-width: 1200px) {
548
+ @media (min-width: 75rem) {
651
549
  .pf-v6-c-page__main-section.pf-m-padding-on-xl {
652
550
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
653
551
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
654
552
  padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
655
553
  padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
656
554
  }
657
- .pf-v6-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width {
658
- padding: 0;
659
- }
660
- .pf-v6-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width .pf-v6-c-page__main-body {
661
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
662
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
663
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
664
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
665
- }
666
- .pf-v6-c-page__main-section.pf-m-no-padding-on-xl, .pf-v6-c-page__main-section.pf-m-no-padding-on-xl.pf-m-limit-width .pf-v6-c-page__main-body {
555
+ .pf-v6-c-page__main-section.pf-m-no-padding-on-xl {
667
556
  padding: 0;
668
557
  }
669
558
  }
670
- @media (min-width: 1450px) {
559
+ @media (min-width: 90.625rem) {
671
560
  .pf-v6-c-page__main-section.pf-m-padding-on-2xl {
672
561
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
673
562
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
674
563
  padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
675
564
  padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
676
565
  }
677
- .pf-v6-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width {
678
- padding: 0;
679
- }
680
- .pf-v6-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width .pf-v6-c-page__main-body {
681
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
682
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
683
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
684
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
685
- }
686
- .pf-v6-c-page__main-section.pf-m-no-padding-on-2xl, .pf-v6-c-page__main-section.pf-m-no-padding-on-2xl.pf-m-limit-width .pf-v6-c-page__main-body {
566
+ .pf-v6-c-page__main-section.pf-m-no-padding-on-2xl {
687
567
  padding: 0;
688
568
  }
689
569
  }
@@ -706,19 +586,6 @@
706
586
  flex-shrink: 0;
707
587
  }
708
588
 
709
- .pf-v6-c-page__main-nav .pf-v6-c-page__main-body {
710
- padding-inline-start: var(--pf-v6-c-page__main-nav--PaddingInlineStart);
711
- padding-inline-end: var(--pf-v6-c-page__main-nav--PaddingInlineEnd);
712
- }
713
- .pf-v6-c-page__main-breadcrumb .pf-v6-c-page__main-body {
714
- padding-inline-start: 0;
715
- padding-inline-end: 0;
716
- }
717
- .pf-v6-c-page__main-tabs .pf-v6-c-page__main-body {
718
- padding-inline-start: var(--pf-v6-c-page__main-tabs--PaddingInlineStart);
719
- padding-inline-end: var(--pf-v6-c-page__main-tabs--PaddingInlineEnd);
720
- }
721
-
722
589
  .pf-v6-c-page__drawer {
723
590
  grid-area: main;
724
591
  }
@@ -50,8 +50,6 @@ declare const _default: {
50
50
  "pageMainContainer": "pf-v6-c-page__main-container",
51
51
  "pageMainDrawer": "pf-v6-c-page__main-drawer",
52
52
  "pageMainGroup": "pf-v6-c-page__main-group",
53
- "pageMainList": "pf-v6-c-page__main-list",
54
- "pageMainNav": "pf-v6-c-page__main-nav",
55
53
  "pageMainSection": "pf-v6-c-page__main-section",
56
54
  "pageMainSubnav": "pf-v6-c-page__main-subnav",
57
55
  "pageMainTabs": "pf-v6-c-page__main-tabs",
@@ -52,8 +52,6 @@ exports.default = {
52
52
  "pageMainContainer": "pf-v6-c-page__main-container",
53
53
  "pageMainDrawer": "pf-v6-c-page__main-drawer",
54
54
  "pageMainGroup": "pf-v6-c-page__main-group",
55
- "pageMainList": "pf-v6-c-page__main-list",
56
- "pageMainNav": "pf-v6-c-page__main-nav",
57
55
  "pageMainSection": "pf-v6-c-page__main-section",
58
56
  "pageMainSubnav": "pf-v6-c-page__main-subnav",
59
57
  "pageMainTabs": "pf-v6-c-page__main-tabs",
@@ -50,8 +50,6 @@ export default {
50
50
  "pageMainContainer": "pf-v6-c-page__main-container",
51
51
  "pageMainDrawer": "pf-v6-c-page__main-drawer",
52
52
  "pageMainGroup": "pf-v6-c-page__main-group",
53
- "pageMainList": "pf-v6-c-page__main-list",
54
- "pageMainNav": "pf-v6-c-page__main-nav",
55
53
  "pageMainSection": "pf-v6-c-page__main-section",
56
54
  "pageMainSubnav": "pf-v6-c-page__main-subnav",
57
55
  "pageMainTabs": "pf-v6-c-page__main-tabs",
@@ -35,7 +35,7 @@
35
35
  --pf-v6-c-pagination--m-bottom__page-menu--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
36
36
  --pf-v6-c-pagination__page-menu--md--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
37
37
  }
38
- @media screen and (min-width: 768px) {
38
+ @media screen and (min-width: 48rem) {
39
39
  :where(:root, .pf-v6-c-pagination) {
40
40
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
41
41
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
@@ -43,7 +43,7 @@
43
43
  --pf-v6-c-pagination__total-items--Display: none;
44
44
  }
45
45
  }
46
- @media screen and (min-width: 1200px) {
46
+ @media screen and (min-width: 75rem) {
47
47
  :where(:root, .pf-v6-c-pagination) {
48
48
  --pf-v6-c-pagination__scroll-button--Width: var(--pf-v6-c-pagination__scroll-button--xl--Width);
49
49
  }
@@ -92,7 +92,7 @@
92
92
  flex-basis: 100%;
93
93
  justify-content: space-between;
94
94
  }
95
- @media screen and (min-width: 768px) {
95
+ @media screen and (min-width: 48rem) {
96
96
  .pf-v6-c-pagination.pf-m-bottom {
97
97
  --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
98
98
  --pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
@@ -194,7 +194,7 @@
194
194
  .pf-v6-c-pagination.pf-m-inset-2xl {
195
195
  --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
196
196
  }
197
- @media (min-width: 576px) {
197
+ @media (min-width: 36rem) {
198
198
  .pf-v6-c-pagination.pf-m-display-summary-on-sm {
199
199
  --pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-summary__nav--Display);
200
200
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-summary__page-menu--Display);
@@ -224,7 +224,7 @@
224
224
  --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
225
225
  }
226
226
  }
227
- @media (min-width: 768px) {
227
+ @media (min-width: 48rem) {
228
228
  .pf-v6-c-pagination.pf-m-display-summary-on-md {
229
229
  --pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-summary__nav--Display);
230
230
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-summary__page-menu--Display);
@@ -254,7 +254,7 @@
254
254
  --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
255
255
  }
256
256
  }
257
- @media (min-width: 992px) {
257
+ @media (min-width: 62rem) {
258
258
  .pf-v6-c-pagination.pf-m-display-summary-on-lg {
259
259
  --pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-summary__nav--Display);
260
260
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-summary__page-menu--Display);
@@ -284,7 +284,7 @@
284
284
  --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
285
285
  }
286
286
  }
287
- @media (min-width: 1200px) {
287
+ @media (min-width: 75rem) {
288
288
  .pf-v6-c-pagination.pf-m-display-summary-on-xl {
289
289
  --pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-summary__nav--Display);
290
290
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-summary__page-menu--Display);
@@ -314,7 +314,7 @@
314
314
  --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
315
315
  }
316
316
  }
317
- @media (min-width: 1450px) {
317
+ @media (min-width: 90.625rem) {
318
318
  .pf-v6-c-pagination.pf-m-display-summary-on-2xl {
319
319
  --pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-summary__nav--Display);
320
320
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-summary__page-menu--Display);