@patternfly/patternfly 5.1.0-prerelease.4 → 6.0.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/CODE_OF_CONDUCT.md +2 -1
  2. package/components/DataList/data-list-grid.css +0 -28
  3. package/components/DataList/data-list.css +0 -28
  4. package/components/FormControl/form-control.css +3 -2
  5. package/components/FormControl/form-control.scss +3 -2
  6. package/components/NumberInput/number-input.css +1 -1
  7. package/components/Pagination/pagination.css +1 -1
  8. package/components/Table/table-grid.css +0 -24
  9. package/docs/components/AppLauncher/deprecated/application-launcher.md +155 -70
  10. package/docs/components/Breadcrumb/examples/Breadcrumb.md +11 -5
  11. package/docs/components/Card/examples/Card.md +152 -64
  12. package/docs/components/ContextSelector/deprecated/context-selector.md +198 -96
  13. package/docs/components/DataList/examples/DataList.md +391 -136
  14. package/docs/components/Dropdown/deprecated/Dropdown.md +881 -367
  15. package/docs/components/DualListSelector/examples/DualListSelector.md +368 -128
  16. package/docs/components/FormControl/examples/FormControl.md +2 -1
  17. package/docs/components/Hint/examples/Hint.md +57 -24
  18. package/docs/components/InlineEdit/examples/InlineEdit.md +46 -16
  19. package/docs/components/LogViewer/examples/LogViewer.md +40 -30
  20. package/docs/components/Menu/examples/Menu.md +41 -20
  21. package/docs/components/MenuToggle/examples/MenuToggle.md +1 -1
  22. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +619 -240
  23. package/docs/components/OptionsMenu/deprecated/options-menu.md +403 -160
  24. package/docs/components/OverflowMenu/examples/overflow-menu.md +45 -34
  25. package/docs/components/Pagination/examples/Pagination.md +195 -65
  26. package/docs/components/ProgressStepper/examples/ProgressStepper.md +50 -0
  27. package/docs/components/Select/deprecated/Select.css +3 -3
  28. package/docs/components/Select/deprecated/Select.md +40 -52
  29. package/docs/components/Table/examples/Table.md +4546 -1668
  30. package/docs/components/Tabs/examples/Tabs.md +1094 -438
  31. package/docs/components/Toolbar/examples/Toolbar.md +142 -68
  32. package/docs/components/TreeView/examples/TreeView.md +23 -8
  33. package/docs/demos/Card/examples/Card.md +46 -21
  34. package/docs/demos/CardView/examples/CardView.md +182 -74
  35. package/docs/demos/ContextSelector/examples/ContextSelector.md +95 -47
  36. package/docs/demos/Dashboard/examples/Dashboard.md +15 -6
  37. package/docs/demos/DataList/examples/DataList.md +163 -70
  38. package/docs/demos/DescriptionList/examples/DescriptionList.md +20 -9
  39. package/docs/demos/Drawer/examples/Drawer.md +20 -9
  40. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +803 -338
  41. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +241 -101
  42. package/docs/demos/Table/examples/Table.md +1422 -607
  43. package/docs/demos/Tabs/examples/Tabs.md +113 -48
  44. package/docs/demos/Toolbar/examples/Toolbar.md +318 -123
  45. package/package.json +39 -38
  46. package/patternfly-no-globals.css +4 -55
  47. package/patternfly-theme-dark-unversioned.css +4 -55
  48. package/patternfly.css +4 -55
  49. package/patternfly.min.css +1 -1
  50. package/patternfly.min.css.map +1 -1
  51. package/sass-utilities/placeholders.scss +1 -1
package/CODE_OF_CONDUCT.md CHANGED
@@ -1,4 +1,5 @@
1
1
  This project is governed by the [Contributor Covenant version 1.4][1]. All contributors and participants agree to abide by its terms. To report violations, send an email to [patternfly@redhat.com][2].
2
2
 
3
3
  [1]: https://www.contributor-covenant.org/version/1/4/code-of-conduct.html
4
- [2]: mailto:patternfly@redhat.com
4
+ [2]: mailto:patternfly@redhat.com
5
+
package/components/DataList/data-list-grid.css CHANGED
@@ -25,8 +25,6 @@
25
25
  flex-wrap: wrap;
26
26
  padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
27
27
  }
28
- }
29
- @media screen and (min-width: 768px) {
30
28
  .pf-v5-c-data-list:not([class*=pf-m-grid]) .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
31
29
  margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
32
30
  }
@@ -52,8 +50,6 @@
52
50
  .pf-v5-c-data-list:not([class*=pf-m-grid]) .pf-v5-c-data-list__cell.pf-m-flex-5 {
53
51
  flex-grow: 5;
54
52
  }
55
- }
56
- @media screen and (min-width: 768px) {
57
53
  .pf-v5-c-data-list:not([class*=pf-m-grid]) .pf-v5-c-data-list__expandable-content {
58
54
  max-height: initial;
59
55
  overflow-y: visible;
@@ -87,8 +83,6 @@
87
83
  flex-wrap: wrap;
88
84
  padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
89
85
  }
90
- }
91
- @media screen and (min-width: 0) {
92
86
  .pf-v5-c-data-list.pf-m-grid-none .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
93
87
  margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
94
88
  }
@@ -114,8 +108,6 @@
114
108
  .pf-v5-c-data-list.pf-m-grid-none .pf-v5-c-data-list__cell.pf-m-flex-5 {
115
109
  flex-grow: 5;
116
110
  }
117
- }
118
- @media screen and (min-width: 0) {
119
111
  .pf-v5-c-data-list.pf-m-grid-none .pf-v5-c-data-list__expandable-content {
120
112
  max-height: initial;
121
113
  overflow-y: visible;
@@ -149,8 +141,6 @@
149
141
  flex-wrap: wrap;
150
142
  padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
151
143
  }
152
- }
153
- @media screen and (min-width: 576px) {
154
144
  .pf-v5-c-data-list.pf-m-grid-sm .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
155
145
  margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
156
146
  }
@@ -176,8 +166,6 @@
176
166
  .pf-v5-c-data-list.pf-m-grid-sm .pf-v5-c-data-list__cell.pf-m-flex-5 {
177
167
  flex-grow: 5;
178
168
  }
179
- }
180
- @media screen and (min-width: 576px) {
181
169
  .pf-v5-c-data-list.pf-m-grid-sm .pf-v5-c-data-list__expandable-content {
182
170
  max-height: initial;
183
171
  overflow-y: visible;
@@ -211,8 +199,6 @@
211
199
  flex-wrap: wrap;
212
200
  padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
213
201
  }
214
- }
215
- @media screen and (min-width: 768px) {
216
202
  .pf-v5-c-data-list.pf-m-grid-md .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
217
203
  margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
218
204
  }
@@ -238,8 +224,6 @@
238
224
  .pf-v5-c-data-list.pf-m-grid-md .pf-v5-c-data-list__cell.pf-m-flex-5 {
239
225
  flex-grow: 5;
240
226
  }
241
- }
242
- @media screen and (min-width: 768px) {
243
227
  .pf-v5-c-data-list.pf-m-grid-md .pf-v5-c-data-list__expandable-content {
244
228
  max-height: initial;
245
229
  overflow-y: visible;
@@ -273,8 +257,6 @@
273
257
  flex-wrap: wrap;
274
258
  padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
275
259
  }
276
- }
277
- @media screen and (min-width: 992px) {
278
260
  .pf-v5-c-data-list.pf-m-grid-lg .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
279
261
  margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
280
262
  }
@@ -300,8 +282,6 @@
300
282
  .pf-v5-c-data-list.pf-m-grid-lg .pf-v5-c-data-list__cell.pf-m-flex-5 {
301
283
  flex-grow: 5;
302
284
  }
303
- }
304
- @media screen and (min-width: 992px) {
305
285
  .pf-v5-c-data-list.pf-m-grid-lg .pf-v5-c-data-list__expandable-content {
306
286
  max-height: initial;
307
287
  overflow-y: visible;
@@ -335,8 +315,6 @@
335
315
  flex-wrap: wrap;
336
316
  padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
337
317
  }
338
- }
339
- @media screen and (min-width: 1200px) {
340
318
  .pf-v5-c-data-list.pf-m-grid-xl .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
341
319
  margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
342
320
  }
@@ -362,8 +340,6 @@
362
340
  .pf-v5-c-data-list.pf-m-grid-xl .pf-v5-c-data-list__cell.pf-m-flex-5 {
363
341
  flex-grow: 5;
364
342
  }
365
- }
366
- @media screen and (min-width: 1200px) {
367
343
  .pf-v5-c-data-list.pf-m-grid-xl .pf-v5-c-data-list__expandable-content {
368
344
  max-height: initial;
369
345
  overflow-y: visible;
@@ -397,8 +373,6 @@
397
373
  flex-wrap: wrap;
398
374
  padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
399
375
  }
400
- }
401
- @media screen and (min-width: 1450px) {
402
376
  .pf-v5-c-data-list.pf-m-grid-2xl .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
403
377
  margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
404
378
  }
@@ -424,8 +398,6 @@
424
398
  .pf-v5-c-data-list.pf-m-grid-2xl .pf-v5-c-data-list__cell.pf-m-flex-5 {
425
399
  flex-grow: 5;
426
400
  }
427
- }
428
- @media screen and (min-width: 1450px) {
429
401
  .pf-v5-c-data-list.pf-m-grid-2xl .pf-v5-c-data-list__expandable-content {
430
402
  max-height: initial;
431
403
  overflow-y: visible;
package/components/DataList/data-list.css CHANGED
@@ -86,8 +86,6 @@
86
86
  flex-wrap: wrap;
87
87
  padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
88
88
  }
89
- }
90
- @media screen and (min-width: 768px) {
91
89
  .pf-v5-c-data-list:not([class*=pf-m-grid]) .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
92
90
  margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
93
91
  }
@@ -113,8 +111,6 @@
113
111
  .pf-v5-c-data-list:not([class*=pf-m-grid]) .pf-v5-c-data-list__cell.pf-m-flex-5 {
114
112
  flex-grow: 5;
115
113
  }
116
- }
117
- @media screen and (min-width: 768px) {
118
114
  .pf-v5-c-data-list:not([class*=pf-m-grid]) .pf-v5-c-data-list__expandable-content {
119
115
  max-height: initial;
120
116
  overflow-y: visible;
@@ -148,8 +144,6 @@
148
144
  flex-wrap: wrap;
149
145
  padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
150
146
  }
151
- }
152
- @media screen and (min-width: 0) {
153
147
  .pf-v5-c-data-list.pf-m-grid-none .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
154
148
  margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
155
149
  }
@@ -175,8 +169,6 @@
175
169
  .pf-v5-c-data-list.pf-m-grid-none .pf-v5-c-data-list__cell.pf-m-flex-5 {
176
170
  flex-grow: 5;
177
171
  }
178
- }
179
- @media screen and (min-width: 0) {
180
172
  .pf-v5-c-data-list.pf-m-grid-none .pf-v5-c-data-list__expandable-content {
181
173
  max-height: initial;
182
174
  overflow-y: visible;
@@ -210,8 +202,6 @@
210
202
  flex-wrap: wrap;
211
203
  padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
212
204
  }
213
- }
214
- @media screen and (min-width: 576px) {
215
205
  .pf-v5-c-data-list.pf-m-grid-sm .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
216
206
  margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
217
207
  }
@@ -237,8 +227,6 @@
237
227
  .pf-v5-c-data-list.pf-m-grid-sm .pf-v5-c-data-list__cell.pf-m-flex-5 {
238
228
  flex-grow: 5;
239
229
  }
240
- }
241
- @media screen and (min-width: 576px) {
242
230
  .pf-v5-c-data-list.pf-m-grid-sm .pf-v5-c-data-list__expandable-content {
243
231
  max-height: initial;
244
232
  overflow-y: visible;
@@ -272,8 +260,6 @@
272
260
  flex-wrap: wrap;
273
261
  padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
274
262
  }
275
- }
276
- @media screen and (min-width: 768px) {
277
263
  .pf-v5-c-data-list.pf-m-grid-md .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
278
264
  margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
279
265
  }
@@ -299,8 +285,6 @@
299
285
  .pf-v5-c-data-list.pf-m-grid-md .pf-v5-c-data-list__cell.pf-m-flex-5 {
300
286
  flex-grow: 5;
301
287
  }
302
- }
303
- @media screen and (min-width: 768px) {
304
288
  .pf-v5-c-data-list.pf-m-grid-md .pf-v5-c-data-list__expandable-content {
305
289
  max-height: initial;
306
290
  overflow-y: visible;
@@ -334,8 +318,6 @@
334
318
  flex-wrap: wrap;
335
319
  padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
336
320
  }
337
- }
338
- @media screen and (min-width: 992px) {
339
321
  .pf-v5-c-data-list.pf-m-grid-lg .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
340
322
  margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
341
323
  }
@@ -361,8 +343,6 @@
361
343
  .pf-v5-c-data-list.pf-m-grid-lg .pf-v5-c-data-list__cell.pf-m-flex-5 {
362
344
  flex-grow: 5;
363
345
  }
364
- }
365
- @media screen and (min-width: 992px) {
366
346
  .pf-v5-c-data-list.pf-m-grid-lg .pf-v5-c-data-list__expandable-content {
367
347
  max-height: initial;
368
348
  overflow-y: visible;
@@ -396,8 +376,6 @@
396
376
  flex-wrap: wrap;
397
377
  padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
398
378
  }
399
- }
400
- @media screen and (min-width: 1200px) {
401
379
  .pf-v5-c-data-list.pf-m-grid-xl .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
402
380
  margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
403
381
  }
@@ -423,8 +401,6 @@
423
401
  .pf-v5-c-data-list.pf-m-grid-xl .pf-v5-c-data-list__cell.pf-m-flex-5 {
424
402
  flex-grow: 5;
425
403
  }
426
- }
427
- @media screen and (min-width: 1200px) {
428
404
  .pf-v5-c-data-list.pf-m-grid-xl .pf-v5-c-data-list__expandable-content {
429
405
  max-height: initial;
430
406
  overflow-y: visible;
@@ -458,8 +434,6 @@
458
434
  flex-wrap: wrap;
459
435
  padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
460
436
  }
461
- }
462
- @media screen and (min-width: 1450px) {
463
437
  .pf-v5-c-data-list.pf-m-grid-2xl .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
464
438
  margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
465
439
  }
@@ -485,8 +459,6 @@
485
459
  .pf-v5-c-data-list.pf-m-grid-2xl .pf-v5-c-data-list__cell.pf-m-flex-5 {
486
460
  flex-grow: 5;
487
461
  }
488
- }
489
- @media screen and (min-width: 1450px) {
490
462
  .pf-v5-c-data-list.pf-m-grid-2xl .pf-v5-c-data-list__expandable-content {
491
463
  max-height: initial;
492
464
  overflow-y: visible;
package/components/FormControl/form-control.css CHANGED
@@ -160,6 +160,7 @@
160
160
  .pf-v5-c-form-control.pf-m-disabled {
161
161
  --pf-v5-c-form-control--BackgroundColor: var(--pf-v5-c-form-control--m-disabled--BackgroundColor);
162
162
  --pf-v5-c-form-control--Color: var(--pf-v5-c-form-control--m-disabled--Color);
163
+ --pf-v5-c-form-control--m-placeholder--Color: var(--pf-v5-c-form-control--m-disabled--Color);
163
164
  --pf-v5-c-form-control__toggle-icon--Color: var(--pf-v5-c-form-control--m-disabled__toggle-icon--Color);
164
165
  --pf-v5-c-form-control--before--BorderStyle: none;
165
166
  --pf-v5-c-form-control--after--BorderStyle: none;
@@ -211,10 +212,10 @@
211
212
  .pf-v5-c-form-control.pf-m-placeholder > select {
212
213
  --pf-v5-c-form-control--Color: var(--pf-v5-c-form-control--m-placeholder--Color);
213
214
  }
214
- .pf-v5-c-form-control.pf-m-placeholder > select > * {
215
+ .pf-v5-c-form-control.pf-m-placeholder > select * {
215
216
  --pf-v5-c-form-control--Color: var(--pf-v5-c-form-control--m-placeholder--child--Color);
216
217
  }
217
- .pf-v5-c-form-control.pf-m-placeholder > select > *:disabled {
218
+ .pf-v5-c-form-control.pf-m-placeholder > select *:disabled {
218
219
  color: revert;
219
220
  }
220
221
  .pf-v5-c-form-control > textarea {
package/components/FormControl/form-control.scss CHANGED
@@ -206,6 +206,7 @@
206
206
  &.pf-m-disabled {
207
207
  --#{$form-control}--BackgroundColor: var(--#{$form-control}--m-disabled--BackgroundColor);
208
208
  --#{$form-control}--Color: var(--#{$form-control}--m-disabled--Color);
209
+ --#{$form-control}--m-placeholder--Color: var(--#{$form-control}--m-disabled--Color);
209
210
  --#{$form-control}__toggle-icon--Color: var(--#{$form-control}--m-disabled__toggle-icon--Color);
210
211
  --#{$form-control}--before--BorderStyle: none;
211
212
  --#{$form-control}--after--BorderStyle: none;
@@ -268,7 +269,7 @@
268
269
  &.pf-m-placeholder > select {
269
270
  --#{$form-control}--Color: var(--#{$form-control}--m-placeholder--Color);
270
271
 
271
- > * {
272
+ * {
272
273
  --#{$form-control}--Color: var(--#{$form-control}--m-placeholder--child--Color);
273
274
 
274
275
  // stylelint-disable max-nesting-depth
@@ -278,7 +279,7 @@
278
279
  // stylelint-enable
279
280
  }
280
281
  }
281
-
282
+
282
283
  > textarea {
283
284
  width: 100%;
284
285
  height: 100%;
package/components/NumberInput/number-input.css CHANGED
@@ -2,8 +2,8 @@
2
2
  appearance: textfield;
3
3
  }
4
4
  .pf-v5-c-number-input .pf-v5-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v5-c-number-input .pf-v5-c-form-control > :is(input)::-webkit-outer-spin-button {
5
- appearance: none;
6
5
  margin: 0;
6
+ appearance: none;
7
7
  }
8
8
 
9
9
  .pf-v5-c-number-input {
package/components/Pagination/pagination.css CHANGED
@@ -2,8 +2,8 @@
2
2
  appearance: textfield;
3
3
  }
4
4
  .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control > :is(input)::-webkit-outer-spin-button {
5
- appearance: none;
6
5
  margin: 0;
6
+ appearance: none;
7
7
  }
8
8
 
9
9
  .pf-v5-c-pagination {
package/components/Table/table-grid.css CHANGED
@@ -658,16 +658,12 @@
658
658
  grid-column: 2;
659
659
  grid-row: 2;
660
660
  }
661
- }
662
- @media screen and (max-width: 768px) {
663
661
  .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__toggle-icon {
664
662
  transition: var(--pf-v5-c-table__toggle__icon--Transition);
665
663
  }
666
664
  .pf-v5-c-button.pf-m-expanded > .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__toggle-icon {
667
665
  transform: rotate(var(--pf-v5-c-table__toggle--m-expanded__icon--Rotate));
668
666
  }
669
- }
670
- @media screen and (max-width: 768px) {
671
667
  .pf-m-grid-md.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-nowrap {
672
668
  --pf-v5-c-table--cell--Overflow: auto;
673
669
  }
@@ -678,8 +674,6 @@
678
674
  .pf-m-grid-md.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-truncate {
679
675
  --pf-v5-c-table--cell--MaxWidth: 100%;
680
676
  }
681
- }
682
- @media screen and (max-width: 768px) {
683
677
  .pf-m-grid-md.pf-v5-c-table [class*=pf-m-width] {
684
678
  --pf-v5-c-table--cell--Width: auto;
685
679
  }
@@ -970,16 +964,12 @@
970
964
  grid-column: 2;
971
965
  grid-row: 2;
972
966
  }
973
- }
974
- @media screen and (max-width: 992px) {
975
967
  .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__toggle-icon {
976
968
  transition: var(--pf-v5-c-table__toggle__icon--Transition);
977
969
  }
978
970
  .pf-v5-c-button.pf-m-expanded > .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__toggle-icon {
979
971
  transform: rotate(var(--pf-v5-c-table__toggle--m-expanded__icon--Rotate));
980
972
  }
981
- }
982
- @media screen and (max-width: 992px) {
983
973
  .pf-m-grid-lg.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-nowrap {
984
974
  --pf-v5-c-table--cell--Overflow: auto;
985
975
  }
@@ -990,8 +980,6 @@
990
980
  .pf-m-grid-lg.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-truncate {
991
981
  --pf-v5-c-table--cell--MaxWidth: 100%;
992
982
  }
993
- }
994
- @media screen and (max-width: 992px) {
995
983
  .pf-m-grid-lg.pf-v5-c-table [class*=pf-m-width] {
996
984
  --pf-v5-c-table--cell--Width: auto;
997
985
  }
@@ -1282,16 +1270,12 @@
1282
1270
  grid-column: 2;
1283
1271
  grid-row: 2;
1284
1272
  }
1285
- }
1286
- @media screen and (max-width: 1200px) {
1287
1273
  .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__toggle-icon {
1288
1274
  transition: var(--pf-v5-c-table__toggle__icon--Transition);
1289
1275
  }
1290
1276
  .pf-v5-c-button.pf-m-expanded > .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__toggle-icon {
1291
1277
  transform: rotate(var(--pf-v5-c-table__toggle--m-expanded__icon--Rotate));
1292
1278
  }
1293
- }
1294
- @media screen and (max-width: 1200px) {
1295
1279
  .pf-m-grid-xl.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-nowrap {
1296
1280
  --pf-v5-c-table--cell--Overflow: auto;
1297
1281
  }
@@ -1302,8 +1286,6 @@
1302
1286
  .pf-m-grid-xl.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-truncate {
1303
1287
  --pf-v5-c-table--cell--MaxWidth: 100%;
1304
1288
  }
1305
- }
1306
- @media screen and (max-width: 1200px) {
1307
1289
  .pf-m-grid-xl.pf-v5-c-table [class*=pf-m-width] {
1308
1290
  --pf-v5-c-table--cell--Width: auto;
1309
1291
  }
@@ -1594,16 +1576,12 @@
1594
1576
  grid-column: 2;
1595
1577
  grid-row: 2;
1596
1578
  }
1597
- }
1598
- @media screen and (max-width: 1450px) {
1599
1579
  .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__toggle-icon {
1600
1580
  transition: var(--pf-v5-c-table__toggle__icon--Transition);
1601
1581
  }
1602
1582
  .pf-v5-c-button.pf-m-expanded > .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__toggle-icon {
1603
1583
  transform: rotate(var(--pf-v5-c-table__toggle--m-expanded__icon--Rotate));
1604
1584
  }
1605
- }
1606
- @media screen and (max-width: 1450px) {
1607
1585
  .pf-m-grid-2xl.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-nowrap {
1608
1586
  --pf-v5-c-table--cell--Overflow: auto;
1609
1587
  }
@@ -1614,8 +1592,6 @@
1614
1592
  .pf-m-grid-2xl.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-truncate {
1615
1593
  --pf-v5-c-table--cell--MaxWidth: 100%;
1616
1594
  }
1617
- }
1618
- @media screen and (max-width: 1450px) {
1619
1595
  .pf-m-grid-2xl.pf-v5-c-table [class*=pf-m-width] {
1620
1596
  --pf-v5-c-table--cell--Width: auto;
1621
1597
  }