@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/sass-utilities/scss-variables.scss CHANGED
@@ -12,7 +12,7 @@ $pf-v6-global--disable-fontawesome: false !default;
12
12
 
13
13
  // Patternfly uses the default root size of the browser, it assumes a 16px base
14
14
  // since most browser root size is 16. This variables is just to make the
15
- // transformation from px to rem.730033
15
+ // transformation from px to rem.
16
16
  $pf-v6-global--font-size-root: 16 !default; // for fonts
17
17
  $pf-v6-global--space-size-root: 16 !default; // for spaces
18
18
 
@@ -29,11 +29,11 @@ $pf-v6-global--fonticon-path: "./assets/pficon" !default;
29
29
  // Grid breakpoints
30
30
  // Note that these duplicate and should match breakpoint tokens
31
31
  $pf-v6-global--breakpoint--xs: 0 !default;
32
- $pf-v6-global--breakpoint--sm: 576px !default;
33
- $pf-v6-global--breakpoint--md: 768px !default;
34
- $pf-v6-global--breakpoint--lg: 992px !default;
35
- $pf-v6-global--breakpoint--xl: 1200px !default;
36
- $pf-v6-global--breakpoint--2xl: 1450px !default;
32
+ $pf-v6-global--breakpoint--sm: 36rem !default; // 576px
33
+ $pf-v6-global--breakpoint--md: 48rem !default; // 768px
34
+ $pf-v6-global--breakpoint--lg: 62rem !default; // 992px
35
+ $pf-v6-global--breakpoint--xl: 75rem !default; // 1200px
36
+ $pf-v6-global--breakpoint--2xl: 90.625rem !default; // 1450px
37
37
 
38
38
  // Height breakpoints
39
39
  $pf-v6-global--height-breakpoint--sm: 0 !default;
package/utilities/Accessibility/accessibility.css CHANGED
@@ -20,7 +20,7 @@
20
20
  display: none !important;
21
21
  }
22
22
 
23
- @media screen and (min-width: 576px) {
23
+ @media screen and (min-width: 36rem) {
24
24
  .pf-v6-u-screen-reader-on-sm {
25
25
  position: fixed;
26
26
  inset-block-start: 0;
@@ -32,7 +32,7 @@
32
32
  }
33
33
  }
34
34
 
35
- @media screen and (min-width: 576px) {
35
+ @media screen and (min-width: 36rem) {
36
36
  .pf-v6-u-visible-on-sm {
37
37
  position: static;
38
38
  overflow: visible;
@@ -42,13 +42,13 @@
42
42
  }
43
43
  }
44
44
 
45
- @media screen and (min-width: 576px) {
45
+ @media screen and (min-width: 36rem) {
46
46
  .pf-v6-u-hidden-on-sm {
47
47
  display: none !important;
48
48
  }
49
49
  }
50
50
 
51
- @media screen and (min-width: 768px) {
51
+ @media screen and (min-width: 48rem) {
52
52
  .pf-v6-u-screen-reader-on-md {
53
53
  position: fixed;
54
54
  inset-block-start: 0;
@@ -60,7 +60,7 @@
60
60
  }
61
61
  }
62
62
 
63
- @media screen and (min-width: 768px) {
63
+ @media screen and (min-width: 48rem) {
64
64
  .pf-v6-u-visible-on-md {
65
65
  position: static;
66
66
  overflow: visible;
@@ -70,13 +70,13 @@
70
70
  }
71
71
  }
72
72
 
73
- @media screen and (min-width: 768px) {
73
+ @media screen and (min-width: 48rem) {
74
74
  .pf-v6-u-hidden-on-md {
75
75
  display: none !important;
76
76
  }
77
77
  }
78
78
 
79
- @media screen and (min-width: 992px) {
79
+ @media screen and (min-width: 62rem) {
80
80
  .pf-v6-u-screen-reader-on-lg {
81
81
  position: fixed;
82
82
  inset-block-start: 0;
@@ -88,7 +88,7 @@
88
88
  }
89
89
  }
90
90
 
91
- @media screen and (min-width: 992px) {
91
+ @media screen and (min-width: 62rem) {
92
92
  .pf-v6-u-visible-on-lg {
93
93
  position: static;
94
94
  overflow: visible;
@@ -98,13 +98,13 @@
98
98
  }
99
99
  }
100
100
 
101
- @media screen and (min-width: 992px) {
101
+ @media screen and (min-width: 62rem) {
102
102
  .pf-v6-u-hidden-on-lg {
103
103
  display: none !important;
104
104
  }
105
105
  }
106
106
 
107
- @media screen and (min-width: 1200px) {
107
+ @media screen and (min-width: 75rem) {
108
108
  .pf-v6-u-screen-reader-on-xl {
109
109
  position: fixed;
110
110
  inset-block-start: 0;
@@ -116,7 +116,7 @@
116
116
  }
117
117
  }
118
118
 
119
- @media screen and (min-width: 1200px) {
119
+ @media screen and (min-width: 75rem) {
120
120
  .pf-v6-u-visible-on-xl {
121
121
  position: static;
122
122
  overflow: visible;
@@ -126,13 +126,13 @@
126
126
  }
127
127
  }
128
128
 
129
- @media screen and (min-width: 1200px) {
129
+ @media screen and (min-width: 75rem) {
130
130
  .pf-v6-u-hidden-on-xl {
131
131
  display: none !important;
132
132
  }
133
133
  }
134
134
 
135
- @media screen and (min-width: 1450px) {
135
+ @media screen and (min-width: 90.625rem) {
136
136
  .pf-v6-u-screen-reader-on-2xl {
137
137
  position: fixed;
138
138
  inset-block-start: 0;
@@ -144,7 +144,7 @@
144
144
  }
145
145
  }
146
146
 
147
- @media screen and (min-width: 1450px) {
147
+ @media screen and (min-width: 90.625rem) {
148
148
  .pf-v6-u-visible-on-2xl {
149
149
  position: static;
150
150
  overflow: visible;
@@ -154,7 +154,7 @@
154
154
  }
155
155
  }
156
156
 
157
- @media screen and (min-width: 1450px) {
157
+ @media screen and (min-width: 90.625rem) {
158
158
  .pf-v6-u-hidden-on-2xl {
159
159
  display: none !important;
160
160
  }
package/utilities/Alignment/alignment.css CHANGED
@@ -14,7 +14,7 @@
14
14
  text-align: justify !important;
15
15
  }
16
16
 
17
- @media screen and (min-width: 576px) {
17
+ @media screen and (min-width: 36rem) {
18
18
  .pf-v6-u-text-align-start-on-sm {
19
19
  text-align: start !important;
20
20
  }
@@ -28,7 +28,7 @@
28
28
  text-align: justify !important;
29
29
  }
30
30
  }
31
- @media screen and (min-width: 768px) {
31
+ @media screen and (min-width: 48rem) {
32
32
  .pf-v6-u-text-align-start-on-md {
33
33
  text-align: start !important;
34
34
  }
@@ -42,7 +42,7 @@
42
42
  text-align: justify !important;
43
43
  }
44
44
  }
45
- @media screen and (min-width: 992px) {
45
+ @media screen and (min-width: 62rem) {
46
46
  .pf-v6-u-text-align-start-on-lg {
47
47
  text-align: start !important;
48
48
  }
@@ -56,7 +56,7 @@
56
56
  text-align: justify !important;
57
57
  }
58
58
  }
59
- @media screen and (min-width: 1200px) {
59
+ @media screen and (min-width: 75rem) {
60
60
  .pf-v6-u-text-align-start-on-xl {
61
61
  text-align: start !important;
62
62
  }
@@ -70,7 +70,7 @@
70
70
  text-align: justify !important;
71
71
  }
72
72
  }
73
- @media screen and (min-width: 1450px) {
73
+ @media screen and (min-width: 90.625rem) {
74
74
  .pf-v6-u-text-align-start-on-2xl {
75
75
  text-align: start !important;
76
76
  }
package/utilities/BackgroundColor/background-color.css CHANGED
@@ -10,7 +10,7 @@
10
10
  background-color: var(--pf-t--global--background--color--highlight--default) !important;
11
11
  }
12
12
 
13
- @media screen and (min-width: 576px) {
13
+ @media screen and (min-width: 36rem) {
14
14
  .pf-v6-u-background-color-disabled-on-sm {
15
15
  background-color: var(--pf-t--global--background--color--disabled--default) !important;
16
16
  }
@@ -21,7 +21,7 @@
21
21
  background-color: var(--pf-t--global--background--color--highlight--default) !important;
22
22
  }
23
23
  }
24
- @media screen and (min-width: 768px) {
24
+ @media screen and (min-width: 48rem) {
25
25
  .pf-v6-u-background-color-disabled-on-md {
26
26
  background-color: var(--pf-t--global--background--color--disabled--default) !important;
27
27
  }
@@ -32,7 +32,7 @@
32
32
  background-color: var(--pf-t--global--background--color--highlight--default) !important;
33
33
  }
34
34
  }
35
- @media screen and (min-width: 992px) {
35
+ @media screen and (min-width: 62rem) {
36
36
  .pf-v6-u-background-color-disabled-on-lg {
37
37
  background-color: var(--pf-t--global--background--color--disabled--default) !important;
38
38
  }
@@ -43,7 +43,7 @@
43
43
  background-color: var(--pf-t--global--background--color--highlight--default) !important;
44
44
  }
45
45
  }
46
- @media screen and (min-width: 1200px) {
46
+ @media screen and (min-width: 75rem) {
47
47
  .pf-v6-u-background-color-disabled-on-xl {
48
48
  background-color: var(--pf-t--global--background--color--disabled--default) !important;
49
49
  }
@@ -54,7 +54,7 @@
54
54
  background-color: var(--pf-t--global--background--color--highlight--default) !important;
55
55
  }
56
56
  }
57
- @media screen and (min-width: 1450px) {
57
+ @media screen and (min-width: 90.625rem) {
58
58
  .pf-v6-u-background-color-disabled-on-2xl {
59
59
  background-color: var(--pf-t--global--background--color--disabled--default) !important;
60
60
  }
package/utilities/Display/display.css CHANGED
@@ -42,7 +42,7 @@
42
42
  display: inline-grid !important;
43
43
  }
44
44
 
45
- @media screen and (min-width: 576px) {
45
+ @media screen and (min-width: 36rem) {
46
46
  .pf-v6-u-display-none-on-sm {
47
47
  display: none !important;
48
48
  }
@@ -77,7 +77,7 @@
77
77
  display: inline-grid !important;
78
78
  }
79
79
  }
80
- @media screen and (min-width: 768px) {
80
+ @media screen and (min-width: 48rem) {
81
81
  .pf-v6-u-display-none-on-md {
82
82
  display: none !important;
83
83
  }
@@ -112,7 +112,7 @@
112
112
  display: inline-grid !important;
113
113
  }
114
114
  }
115
- @media screen and (min-width: 992px) {
115
+ @media screen and (min-width: 62rem) {
116
116
  .pf-v6-u-display-none-on-lg {
117
117
  display: none !important;
118
118
  }
@@ -147,7 +147,7 @@
147
147
  display: inline-grid !important;
148
148
  }
149
149
  }
150
- @media screen and (min-width: 1200px) {
150
+ @media screen and (min-width: 75rem) {
151
151
  .pf-v6-u-display-none-on-xl {
152
152
  display: none !important;
153
153
  }
@@ -182,7 +182,7 @@
182
182
  display: inline-grid !important;
183
183
  }
184
184
  }
185
- @media screen and (min-width: 1450px) {
185
+ @media screen and (min-width: 90.625rem) {
186
186
  .pf-v6-u-display-none-on-2xl {
187
187
  display: none !important;
188
188
  }
package/utilities/Flex/flex.css CHANGED
@@ -14,7 +14,7 @@
14
14
  flex-direction: row-reverse !important;
15
15
  }
16
16
 
17
- @media screen and (min-width: 576px) {
17
+ @media screen and (min-width: 36rem) {
18
18
  .pf-v6-u-flex-direction-column-on-sm {
19
19
  flex-direction: column !important;
20
20
  }
@@ -28,7 +28,7 @@
28
28
  flex-direction: row-reverse !important;
29
29
  }
30
30
  }
31
- @media screen and (min-width: 768px) {
31
+ @media screen and (min-width: 48rem) {
32
32
  .pf-v6-u-flex-direction-column-on-md {
33
33
  flex-direction: column !important;
34
34
  }
@@ -42,7 +42,7 @@
42
42
  flex-direction: row-reverse !important;
43
43
  }
44
44
  }
45
- @media screen and (min-width: 992px) {
45
+ @media screen and (min-width: 62rem) {
46
46
  .pf-v6-u-flex-direction-column-on-lg {
47
47
  flex-direction: column !important;
48
48
  }
@@ -56,7 +56,7 @@
56
56
  flex-direction: row-reverse !important;
57
57
  }
58
58
  }
59
- @media screen and (min-width: 1200px) {
59
+ @media screen and (min-width: 75rem) {
60
60
  .pf-v6-u-flex-direction-column-on-xl {
61
61
  flex-direction: column !important;
62
62
  }
@@ -70,7 +70,7 @@
70
70
  flex-direction: row-reverse !important;
71
71
  }
72
72
  }
73
- @media screen and (min-width: 1450px) {
73
+ @media screen and (min-width: 90.625rem) {
74
74
  .pf-v6-u-flex-direction-column-on-2xl {
75
75
  flex-direction: column !important;
76
76
  }
@@ -96,7 +96,7 @@
96
96
  flex-wrap: wrap-reverse !important;
97
97
  }
98
98
 
99
- @media screen and (min-width: 576px) {
99
+ @media screen and (min-width: 36rem) {
100
100
  .pf-v6-u-flex-wrap-on-sm {
101
101
  flex-wrap: wrap !important;
102
102
  }
@@ -107,7 +107,7 @@
107
107
  flex-wrap: wrap-reverse !important;
108
108
  }
109
109
  }
110
- @media screen and (min-width: 768px) {
110
+ @media screen and (min-width: 48rem) {
111
111
  .pf-v6-u-flex-wrap-on-md {
112
112
  flex-wrap: wrap !important;
113
113
  }
@@ -118,7 +118,7 @@
118
118
  flex-wrap: wrap-reverse !important;
119
119
  }
120
120
  }
121
- @media screen and (min-width: 992px) {
121
+ @media screen and (min-width: 62rem) {
122
122
  .pf-v6-u-flex-wrap-on-lg {
123
123
  flex-wrap: wrap !important;
124
124
  }
@@ -129,7 +129,7 @@
129
129
  flex-wrap: wrap-reverse !important;
130
130
  }
131
131
  }
132
- @media screen and (min-width: 1200px) {
132
+ @media screen and (min-width: 75rem) {
133
133
  .pf-v6-u-flex-wrap-on-xl {
134
134
  flex-wrap: wrap !important;
135
135
  }
@@ -140,7 +140,7 @@
140
140
  flex-wrap: wrap-reverse !important;
141
141
  }
142
142
  }
143
- @media screen and (min-width: 1450px) {
143
+ @media screen and (min-width: 90.625rem) {
144
144
  .pf-v6-u-flex-wrap-on-2xl {
145
145
  flex-wrap: wrap !important;
146
146
  }
@@ -171,7 +171,7 @@
171
171
  align-items: stretch !important;
172
172
  }
173
173
 
174
- @media screen and (min-width: 576px) {
174
+ @media screen and (min-width: 36rem) {
175
175
  .pf-v6-u-align-items-flex-start-on-sm {
176
176
  align-items: flex-start !important;
177
177
  }
@@ -188,7 +188,7 @@
188
188
  align-items: stretch !important;
189
189
  }
190
190
  }
191
- @media screen and (min-width: 768px) {
191
+ @media screen and (min-width: 48rem) {
192
192
  .pf-v6-u-align-items-flex-start-on-md {
193
193
  align-items: flex-start !important;
194
194
  }
@@ -205,7 +205,7 @@
205
205
  align-items: stretch !important;
206
206
  }
207
207
  }
208
- @media screen and (min-width: 992px) {
208
+ @media screen and (min-width: 62rem) {
209
209
  .pf-v6-u-align-items-flex-start-on-lg {
210
210
  align-items: flex-start !important;
211
211
  }
@@ -222,7 +222,7 @@
222
222
  align-items: stretch !important;
223
223
  }
224
224
  }
225
- @media screen and (min-width: 1200px) {
225
+ @media screen and (min-width: 75rem) {
226
226
  .pf-v6-u-align-items-flex-start-on-xl {
227
227
  align-items: flex-start !important;
228
228
  }
@@ -239,7 +239,7 @@
239
239
  align-items: stretch !important;
240
240
  }
241
241
  }
242
- @media screen and (min-width: 1450px) {
242
+ @media screen and (min-width: 90.625rem) {
243
243
  .pf-v6-u-align-items-flex-start-on-2xl {
244
244
  align-items: flex-start !important;
245
245
  }
@@ -276,7 +276,7 @@
276
276
  align-self: stretch !important;
277
277
  }
278
278
 
279
- @media screen and (min-width: 576px) {
279
+ @media screen and (min-width: 36rem) {
280
280
  .pf-v6-u-align-self-flex-start-on-sm {
281
281
  align-self: flex-start !important;
282
282
  }
@@ -293,7 +293,7 @@
293
293
  align-self: stretch !important;
294
294
  }
295
295
  }
296
- @media screen and (min-width: 768px) {
296
+ @media screen and (min-width: 48rem) {
297
297
  .pf-v6-u-align-self-flex-start-on-md {
298
298
  align-self: flex-start !important;
299
299
  }
@@ -310,7 +310,7 @@
310
310
  align-self: stretch !important;
311
311
  }
312
312
  }
313
- @media screen and (min-width: 992px) {
313
+ @media screen and (min-width: 62rem) {
314
314
  .pf-v6-u-align-self-flex-start-on-lg {
315
315
  align-self: flex-start !important;
316
316
  }
@@ -327,7 +327,7 @@
327
327
  align-self: stretch !important;
328
328
  }
329
329
  }
330
- @media screen and (min-width: 1200px) {
330
+ @media screen and (min-width: 75rem) {
331
331
  .pf-v6-u-align-self-flex-start-on-xl {
332
332
  align-self: flex-start !important;
333
333
  }
@@ -344,7 +344,7 @@
344
344
  align-self: stretch !important;
345
345
  }
346
346
  }
347
- @media screen and (min-width: 1450px) {
347
+ @media screen and (min-width: 90.625rem) {
348
348
  .pf-v6-u-align-self-flex-start-on-2xl {
349
349
  align-self: flex-start !important;
350
350
  }
@@ -385,7 +385,7 @@
385
385
  align-content: stretch !important;
386
386
  }
387
387
 
388
- @media screen and (min-width: 576px) {
388
+ @media screen and (min-width: 36rem) {
389
389
  .pf-v6-u-align-content-flex-start-on-sm {
390
390
  align-content: flex-start !important;
391
391
  }
@@ -405,7 +405,7 @@
405
405
  align-content: stretch !important;
406
406
  }
407
407
  }
408
- @media screen and (min-width: 768px) {
408
+ @media screen and (min-width: 48rem) {
409
409
  .pf-v6-u-align-content-flex-start-on-md {
410
410
  align-content: flex-start !important;
411
411
  }
@@ -425,7 +425,7 @@
425
425
  align-content: stretch !important;
426
426
  }
427
427
  }
428
- @media screen and (min-width: 992px) {
428
+ @media screen and (min-width: 62rem) {
429
429
  .pf-v6-u-align-content-flex-start-on-lg {
430
430
  align-content: flex-start !important;
431
431
  }
@@ -445,7 +445,7 @@
445
445
  align-content: stretch !important;
446
446
  }
447
447
  }
448
- @media screen and (min-width: 1200px) {
448
+ @media screen and (min-width: 75rem) {
449
449
  .pf-v6-u-align-content-flex-start-on-xl {
450
450
  align-content: flex-start !important;
451
451
  }
@@ -465,7 +465,7 @@
465
465
  align-content: stretch !important;
466
466
  }
467
467
  }
468
- @media screen and (min-width: 1450px) {
468
+ @media screen and (min-width: 90.625rem) {
469
469
  .pf-v6-u-align-content-flex-start-on-2xl {
470
470
  align-content: flex-start !important;
471
471
  }
@@ -509,7 +509,7 @@
509
509
  justify-content: stretch !important;
510
510
  }
511
511
 
512
- @media screen and (min-width: 576px) {
512
+ @media screen and (min-width: 36rem) {
513
513
  .pf-v6-u-justify-content-flex-start-on-sm {
514
514
  justify-content: flex-start !important;
515
515
  }
@@ -529,7 +529,7 @@
529
529
  justify-content: stretch !important;
530
530
  }
531
531
  }
532
- @media screen and (min-width: 768px) {
532
+ @media screen and (min-width: 48rem) {
533
533
  .pf-v6-u-justify-content-flex-start-on-md {
534
534
  justify-content: flex-start !important;
535
535
  }
@@ -549,7 +549,7 @@
549
549
  justify-content: stretch !important;
550
550
  }
551
551
  }
552
- @media screen and (min-width: 992px) {
552
+ @media screen and (min-width: 62rem) {
553
553
  .pf-v6-u-justify-content-flex-start-on-lg {
554
554
  justify-content: flex-start !important;
555
555
  }
@@ -569,7 +569,7 @@
569
569
  justify-content: stretch !important;
570
570
  }
571
571
  }
572
- @media screen and (min-width: 1200px) {
572
+ @media screen and (min-width: 75rem) {
573
573
  .pf-v6-u-justify-content-flex-start-on-xl {
574
574
  justify-content: flex-start !important;
575
575
  }
@@ -589,7 +589,7 @@
589
589
  justify-content: stretch !important;
590
590
  }
591
591
  }
592
- @media screen and (min-width: 1450px) {
592
+ @media screen and (min-width: 90.625rem) {
593
593
  .pf-v6-u-justify-content-flex-start-on-2xl {
594
594
  justify-content: flex-start !important;
595
595
  }
@@ -625,7 +625,7 @@
625
625
  flex-grow: 0 !important;
626
626
  }
627
627
 
628
- @media screen and (min-width: 576px) {
628
+ @media screen and (min-width: 36rem) {
629
629
  .pf-v6-u-flex-shrink-1-on-sm {
630
630
  flex-shrink: 1 !important;
631
631
  }
@@ -639,7 +639,7 @@
639
639
  flex-grow: 0 !important;
640
640
  }
641
641
  }
642
- @media screen and (min-width: 768px) {
642
+ @media screen and (min-width: 48rem) {
643
643
  .pf-v6-u-flex-shrink-1-on-md {
644
644
  flex-shrink: 1 !important;
645
645
  }
@@ -653,7 +653,7 @@
653
653
  flex-grow: 0 !important;
654
654
  }
655
655
  }
656
- @media screen and (min-width: 992px) {
656
+ @media screen and (min-width: 62rem) {
657
657
  .pf-v6-u-flex-shrink-1-on-lg {
658
658
  flex-shrink: 1 !important;
659
659
  }
@@ -667,7 +667,7 @@
667
667
  flex-grow: 0 !important;
668
668
  }
669
669
  }
670
- @media screen and (min-width: 1200px) {
670
+ @media screen and (min-width: 75rem) {
671
671
  .pf-v6-u-flex-shrink-1-on-xl {
672
672
  flex-shrink: 1 !important;
673
673
  }
@@ -681,7 +681,7 @@
681
681
  flex-grow: 0 !important;
682
682
  }
683
683
  }
684
- @media screen and (min-width: 1450px) {
684
+ @media screen and (min-width: 90.625rem) {
685
685
  .pf-v6-u-flex-shrink-1-on-2xl {
686
686
  flex-shrink: 1 !important;
687
687
  }
@@ -703,7 +703,7 @@
703
703
  flex-basis: auto !important;
704
704
  }
705
705
 
706
- @media screen and (min-width: 576px) {
706
+ @media screen and (min-width: 36rem) {
707
707
  .pf-v6-u-flex-basis-0-on-sm {
708
708
  flex-basis: 0 !important;
709
709
  }
@@ -711,7 +711,7 @@
711
711
  flex-basis: auto !important;
712
712
  }
713
713
  }
714
- @media screen and (min-width: 768px) {
714
+ @media screen and (min-width: 48rem) {
715
715
  .pf-v6-u-flex-basis-0-on-md {
716
716
  flex-basis: 0 !important;
717
717
  }
@@ -719,7 +719,7 @@
719
719
  flex-basis: auto !important;
720
720
  }
721
721
  }
722
- @media screen and (min-width: 992px) {
722
+ @media screen and (min-width: 62rem) {
723
723
  .pf-v6-u-flex-basis-0-on-lg {
724
724
  flex-basis: 0 !important;
725
725
  }
@@ -727,7 +727,7 @@
727
727
  flex-basis: auto !important;
728
728
  }
729
729
  }
730
- @media screen and (min-width: 1200px) {
730
+ @media screen and (min-width: 75rem) {
731
731
  .pf-v6-u-flex-basis-0-on-xl {
732
732
  flex-basis: 0 !important;
733
733
  }
@@ -735,7 +735,7 @@
735
735
  flex-basis: auto !important;
736
736
  }
737
737
  }
738
- @media screen and (min-width: 1450px) {
738
+ @media screen and (min-width: 90.625rem) {
739
739
  .pf-v6-u-flex-basis-0-on-2xl {
740
740
  flex-basis: 0 !important;
741
741
  }
@@ -751,7 +751,7 @@
751
751
  flex: 1 !important;
752
752
  }
753
753
 
754
- @media screen and (min-width: 576px) {
754
+ @media screen and (min-width: 36rem) {
755
755
  .pf-v6-u-flex-none-on-sm {
756
756
  flex: none !important;
757
757
  }
@@ -759,7 +759,7 @@
759
759
  flex: 1 !important;
760
760
  }
761
761
  }
762
- @media screen and (min-width: 768px) {
762
+ @media screen and (min-width: 48rem) {
763
763
  .pf-v6-u-flex-none-on-md {
764
764
  flex: none !important;
765
765
  }
@@ -767,7 +767,7 @@
767
767
  flex: 1 !important;
768
768
  }
769
769
  }
770
- @media screen and (min-width: 992px) {
770
+ @media screen and (min-width: 62rem) {
771
771
  .pf-v6-u-flex-none-on-lg {
772
772
  flex: none !important;
773
773
  }
@@ -775,7 +775,7 @@
775
775
  flex: 1 !important;
776
776
  }
777
777
  }
778
- @media screen and (min-width: 1200px) {
778
+ @media screen and (min-width: 75rem) {
779
779
  .pf-v6-u-flex-none-on-xl {
780
780
  flex: none !important;
781
781
  }
@@ -783,7 +783,7 @@
783
783
  flex: 1 !important;
784
784
  }
785
785
  }
786
- @media screen and (min-width: 1450px) {
786
+ @media screen and (min-width: 90.625rem) {
787
787
  .pf-v6-u-flex-none-on-2xl {
788
788
  flex: none !important;
789
789
  }
@@ -795,31 +795,31 @@
795
795
  flex: 1 1 auto !important;
796
796
  }
797
797
 
798
- @media screen and (min-width: 576px) {
798
+ @media screen and (min-width: 36rem) {
799
799
  .pf-v6-u-flex-fill-on-sm {
800
800
  flex: 1 1 auto !important;
801
801
  }
802
802
  }
803
803
 
804
- @media screen and (min-width: 768px) {
804
+ @media screen and (min-width: 48rem) {
805
805
  .pf-v6-u-flex-fill-on-md {
806
806
  flex: 1 1 auto !important;
807
807
  }
808
808
  }
809
809
 
810
- @media screen and (min-width: 992px) {
810
+ @media screen and (min-width: 62rem) {
811
811
  .pf-v6-u-flex-fill-on-lg {
812
812
  flex: 1 1 auto !important;
813
813
  }
814
814
  }
815
815
 
816
- @media screen and (min-width: 1200px) {
816
+ @media screen and (min-width: 75rem) {
817
817
  .pf-v6-u-flex-fill-on-xl {
818
818
  flex: 1 1 auto !important;
819
819
  }
820
820
  }
821
821
 
822
- @media screen and (min-width: 1450px) {
822
+ @media screen and (min-width: 90.625rem) {
823
823
  .pf-v6-u-flex-fill-on-2xl {
824
824
  flex: 1 1 auto !important;
825
825
  }