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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (96) hide show
  1. package/CHANGELOG.md +12 -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 +201 -103
  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/Nav/nav.css +5 -4
  30. package/css/components/Nav/nav.d.ts +1 -1
  31. package/css/components/Nav/nav.js +1 -1
  32. package/css/components/Nav/nav.mjs +1 -1
  33. package/css/components/Page/page.css +47 -166
  34. package/css/components/Page/page.d.ts +0 -2
  35. package/css/components/Page/page.js +0 -2
  36. package/css/components/Page/page.mjs +0 -2
  37. package/css/components/Pagination/pagination.css +8 -8
  38. package/css/components/ProgressStepper/progress-stepper.css +14 -13
  39. package/css/components/Sidebar/sidebar.css +8 -8
  40. package/css/components/SimpleList/simple-list.css +1 -1
  41. package/css/components/TabContent/tab-content.css +1 -1
  42. package/css/components/Table/table-grid.css +14 -20
  43. package/css/components/Table/table-tree-view.css +44 -54
  44. package/css/components/Table/table-tree-view.d.ts +1 -3
  45. package/css/components/Table/table-tree-view.js +1 -3
  46. package/css/components/Table/table-tree-view.mjs +1 -3
  47. package/css/components/Table/table.css +5 -5
  48. package/css/components/Tabs/tabs.css +11 -11
  49. package/css/components/Timestamp/timestamp.css +8 -17
  50. package/css/components/ToggleGroup/toggle-group.css +2 -2
  51. package/css/components/Toolbar/toolbar.css +30 -29
  52. package/css/components/Wizard/wizard.css +6 -6
  53. package/css/components/_index.css +664 -692
  54. package/css/components/_index.d.ts +2 -3
  55. package/css/components/_index.js +2 -3
  56. package/css/components/_index.mjs +2 -3
  57. package/css/layouts/Flex/flex.css +35 -35
  58. package/css/layouts/Gallery/gallery.css +10 -10
  59. package/css/layouts/Grid/grid.css +15 -15
  60. package/css/layouts/_index.css +60 -60
  61. package/css/utilities/Accessibility/accessibility.css +15 -15
  62. package/css/utilities/Alignment/alignment.css +5 -5
  63. package/css/utilities/BackgroundColor/background-color.css +5 -5
  64. package/css/utilities/Display/display.css +5 -5
  65. package/css/utilities/Flex/flex.css +50 -50
  66. package/css/utilities/Float/float.css +5 -5
  67. package/css/utilities/Sizing/sizing.css +30 -30
  68. package/css/utilities/Spacing/spacing.css +700 -700
  69. package/css/utilities/Text/text.css +20 -20
  70. package/css/utilities/_index.css +835 -835
  71. package/package.json +3 -3
  72. package/css/components/Consoles/AccessConsoles.css +0 -14
  73. package/css/components/Consoles/AccessConsoles.d.ts +0 -6
  74. package/css/components/Consoles/AccessConsoles.js +0 -7
  75. package/css/components/Consoles/AccessConsoles.mjs +0 -5
  76. package/css/components/Consoles/DesktopViewer.css +0 -6
  77. package/css/components/Consoles/DesktopViewer.d.ts +0 -5
  78. package/css/components/Consoles/DesktopViewer.js +0 -6
  79. package/css/components/Consoles/DesktopViewer.mjs +0 -4
  80. package/css/components/Consoles/SerialConsole.css +0 -11
  81. package/css/components/Consoles/SerialConsole.d.ts +0 -6
  82. package/css/components/Consoles/SerialConsole.js +0 -7
  83. package/css/components/Consoles/SerialConsole.mjs +0 -5
  84. package/css/components/Consoles/VncConsole.css +0 -10
  85. package/css/components/Consoles/VncConsole.d.ts +0 -6
  86. package/css/components/Consoles/VncConsole.js +0 -7
  87. package/css/components/Consoles/VncConsole.mjs +0 -5
  88. package/css/components/Consoles/xterm.css +0 -171
  89. package/css/components/Consoles/xterm.d.ts +0 -26
  90. package/css/components/Consoles/xterm.js +0 -27
  91. package/css/components/Consoles/xterm.mjs +0 -25
  92. package/src/css/components/Consoles/AccessConsoles.css +0 -14
  93. package/src/css/components/Consoles/DesktopViewer.css +0 -6
  94. package/src/css/components/Consoles/SerialConsole.css +0 -11
  95. package/src/css/components/Consoles/VncConsole.css +0 -10
  96. package/src/css/components/Consoles/xterm.css +0 -171
package/css/components/DataList/data-list-grid.css CHANGED
@@ -1,4 +1,4 @@
1
- @media screen and (min-width: 768px) {
1
+ @media screen and (min-width: 48rem) {
2
2
  .pf-v6-c-data-list:not([class*=pf-m-grid]) {
3
3
  --pf-v6-c-data-list__cell--cell--PaddingBlockStart: var(--pf-v6-c-data-list__cell--cell--md--PaddingBlockStart);
4
4
  --pf-v6-c-data-list__cell--PaddingBlockEnd: var(--pf-v6-c-data-list__cell--md--PaddingBlockEnd);
@@ -10,7 +10,7 @@
10
10
  --pf-v6-c-data-list--m-compact__cell-cell--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__cell-cell--md--PaddingBlockStart);
11
11
  }
12
12
  }
13
- @media screen and (min-width: 768px) and (min-width: 1200px) {
13
+ @media screen and (min-width: 48rem) and (min-width: 75rem) {
14
14
  .pf-v6-c-data-list:not([class*=pf-m-grid]) {
15
15
  --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineEnd);
16
16
  --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineStart);
@@ -18,7 +18,7 @@
18
18
  --pf-v6-c-data-list__expandable-content-body--PaddingInlineStart: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingInlineStart);
19
19
  }
20
20
  }
21
- @media screen and (min-width: 768px) {
21
+ @media screen and (min-width: 48rem) {
22
22
  .pf-v6-c-data-list:not([class*=pf-m-grid]) .pf-v6-c-data-list__item-content {
23
23
  display: flex;
24
24
  flex-grow: 1;
@@ -68,7 +68,7 @@
68
68
  --pf-v6-c-data-list--m-compact__cell-cell--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__cell-cell--md--PaddingBlockStart);
69
69
  }
70
70
  }
71
- @media screen and (min-width: 0) and (min-width: 1200px) {
71
+ @media screen and (min-width: 0) and (min-width: 75rem) {
72
72
  .pf-v6-c-data-list.pf-m-grid-none {
73
73
  --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineEnd);
74
74
  --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineStart);
@@ -114,7 +114,7 @@
114
114
  }
115
115
  }
116
116
 
117
- @media screen and (min-width: 576px) {
117
+ @media screen and (min-width: 36rem) {
118
118
  .pf-v6-c-data-list.pf-m-grid-sm {
119
119
  --pf-v6-c-data-list__cell--cell--PaddingBlockStart: var(--pf-v6-c-data-list__cell--cell--md--PaddingBlockStart);
120
120
  --pf-v6-c-data-list__cell--PaddingBlockEnd: var(--pf-v6-c-data-list__cell--md--PaddingBlockEnd);
@@ -126,7 +126,7 @@
126
126
  --pf-v6-c-data-list--m-compact__cell-cell--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__cell-cell--md--PaddingBlockStart);
127
127
  }
128
128
  }
129
- @media screen and (min-width: 576px) and (min-width: 1200px) {
129
+ @media screen and (min-width: 36rem) and (min-width: 75rem) {
130
130
  .pf-v6-c-data-list.pf-m-grid-sm {
131
131
  --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineEnd);
132
132
  --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineStart);
@@ -134,7 +134,7 @@
134
134
  --pf-v6-c-data-list__expandable-content-body--PaddingInlineStart: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingInlineStart);
135
135
  }
136
136
  }
137
- @media screen and (min-width: 576px) {
137
+ @media screen and (min-width: 36rem) {
138
138
  .pf-v6-c-data-list.pf-m-grid-sm .pf-v6-c-data-list__item-content {
139
139
  display: flex;
140
140
  flex-grow: 1;
@@ -172,7 +172,7 @@
172
172
  }
173
173
  }
174
174
 
175
- @media screen and (min-width: 768px) {
175
+ @media screen and (min-width: 48rem) {
176
176
  .pf-v6-c-data-list.pf-m-grid-md {
177
177
  --pf-v6-c-data-list__cell--cell--PaddingBlockStart: var(--pf-v6-c-data-list__cell--cell--md--PaddingBlockStart);
178
178
  --pf-v6-c-data-list__cell--PaddingBlockEnd: var(--pf-v6-c-data-list__cell--md--PaddingBlockEnd);
@@ -184,7 +184,7 @@
184
184
  --pf-v6-c-data-list--m-compact__cell-cell--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__cell-cell--md--PaddingBlockStart);
185
185
  }
186
186
  }
187
- @media screen and (min-width: 768px) and (min-width: 1200px) {
187
+ @media screen and (min-width: 48rem) and (min-width: 75rem) {
188
188
  .pf-v6-c-data-list.pf-m-grid-md {
189
189
  --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineEnd);
190
190
  --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineStart);
@@ -192,7 +192,7 @@
192
192
  --pf-v6-c-data-list__expandable-content-body--PaddingInlineStart: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingInlineStart);
193
193
  }
194
194
  }
195
- @media screen and (min-width: 768px) {
195
+ @media screen and (min-width: 48rem) {
196
196
  .pf-v6-c-data-list.pf-m-grid-md .pf-v6-c-data-list__item-content {
197
197
  display: flex;
198
198
  flex-grow: 1;
@@ -230,7 +230,7 @@
230
230
  }
231
231
  }
232
232
 
233
- @media screen and (min-width: 992px) {
233
+ @media screen and (min-width: 62rem) {
234
234
  .pf-v6-c-data-list.pf-m-grid-lg {
235
235
  --pf-v6-c-data-list__cell--cell--PaddingBlockStart: var(--pf-v6-c-data-list__cell--cell--md--PaddingBlockStart);
236
236
  --pf-v6-c-data-list__cell--PaddingBlockEnd: var(--pf-v6-c-data-list__cell--md--PaddingBlockEnd);
@@ -242,7 +242,7 @@
242
242
  --pf-v6-c-data-list--m-compact__cell-cell--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__cell-cell--md--PaddingBlockStart);
243
243
  }
244
244
  }
245
- @media screen and (min-width: 992px) and (min-width: 1200px) {
245
+ @media screen and (min-width: 62rem) and (min-width: 75rem) {
246
246
  .pf-v6-c-data-list.pf-m-grid-lg {
247
247
  --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineEnd);
248
248
  --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineStart);
@@ -250,7 +250,7 @@
250
250
  --pf-v6-c-data-list__expandable-content-body--PaddingInlineStart: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingInlineStart);
251
251
  }
252
252
  }
253
- @media screen and (min-width: 992px) {
253
+ @media screen and (min-width: 62rem) {
254
254
  .pf-v6-c-data-list.pf-m-grid-lg .pf-v6-c-data-list__item-content {
255
255
  display: flex;
256
256
  flex-grow: 1;
@@ -288,7 +288,7 @@
288
288
  }
289
289
  }
290
290
 
291
- @media screen and (min-width: 1200px) {
291
+ @media screen and (min-width: 75rem) {
292
292
  .pf-v6-c-data-list.pf-m-grid-xl {
293
293
  --pf-v6-c-data-list__cell--cell--PaddingBlockStart: var(--pf-v6-c-data-list__cell--cell--md--PaddingBlockStart);
294
294
  --pf-v6-c-data-list__cell--PaddingBlockEnd: var(--pf-v6-c-data-list__cell--md--PaddingBlockEnd);
@@ -300,7 +300,7 @@
300
300
  --pf-v6-c-data-list--m-compact__cell-cell--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__cell-cell--md--PaddingBlockStart);
301
301
  }
302
302
  }
303
- @media screen and (min-width: 1200px) and (min-width: 1200px) {
303
+ @media screen and (min-width: 75rem) and (min-width: 75rem) {
304
304
  .pf-v6-c-data-list.pf-m-grid-xl {
305
305
  --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineEnd);
306
306
  --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineStart);
@@ -308,7 +308,7 @@
308
308
  --pf-v6-c-data-list__expandable-content-body--PaddingInlineStart: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingInlineStart);
309
309
  }
310
310
  }
311
- @media screen and (min-width: 1200px) {
311
+ @media screen and (min-width: 75rem) {
312
312
  .pf-v6-c-data-list.pf-m-grid-xl .pf-v6-c-data-list__item-content {
313
313
  display: flex;
314
314
  flex-grow: 1;
@@ -346,7 +346,7 @@
346
346
  }
347
347
  }
348
348
 
349
- @media screen and (min-width: 1450px) {
349
+ @media screen and (min-width: 90.625rem) {
350
350
  .pf-v6-c-data-list.pf-m-grid-2xl {
351
351
  --pf-v6-c-data-list__cell--cell--PaddingBlockStart: var(--pf-v6-c-data-list__cell--cell--md--PaddingBlockStart);
352
352
  --pf-v6-c-data-list__cell--PaddingBlockEnd: var(--pf-v6-c-data-list__cell--md--PaddingBlockEnd);
@@ -358,7 +358,7 @@
358
358
  --pf-v6-c-data-list--m-compact__cell-cell--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__cell-cell--md--PaddingBlockStart);
359
359
  }
360
360
  }
361
- @media screen and (min-width: 1450px) and (min-width: 1200px) {
361
+ @media screen and (min-width: 90.625rem) and (min-width: 75rem) {
362
362
  .pf-v6-c-data-list.pf-m-grid-2xl {
363
363
  --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineEnd);
364
364
  --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineStart);
@@ -366,7 +366,7 @@
366
366
  --pf-v6-c-data-list__expandable-content-body--PaddingInlineStart: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingInlineStart);
367
367
  }
368
368
  }
369
- @media screen and (min-width: 1450px) {
369
+ @media screen and (min-width: 90.625rem) {
370
370
  .pf-v6-c-data-list.pf-m-grid-2xl .pf-v6-c-data-list__item-content {
371
371
  display: flex;
372
372
  flex-grow: 1;
package/css/components/DataList/data-list.css CHANGED
@@ -1,4 +1,4 @@
1
- @media screen and (min-width: 768px) {
1
+ @media screen and (min-width: 48rem) {
2
2
  .pf-v6-c-data-list:not([class*=pf-m-grid]) {
3
3
  --pf-v6-c-data-list__cell--cell--PaddingBlockStart: var(--pf-v6-c-data-list__cell--cell--md--PaddingBlockStart);
4
4
  --pf-v6-c-data-list__cell--PaddingBlockEnd: var(--pf-v6-c-data-list__cell--md--PaddingBlockEnd);
@@ -10,7 +10,7 @@
10
10
  --pf-v6-c-data-list--m-compact__cell-cell--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__cell-cell--md--PaddingBlockStart);
11
11
  }
12
12
  }
13
- @media screen and (min-width: 768px) and (min-width: 1200px) {
13
+ @media screen and (min-width: 48rem) and (min-width: 75rem) {
14
14
  .pf-v6-c-data-list:not([class*=pf-m-grid]) {
15
15
  --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineEnd);
16
16
  --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineStart);
@@ -18,7 +18,7 @@
18
18
  --pf-v6-c-data-list__expandable-content-body--PaddingInlineStart: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingInlineStart);
19
19
  }
20
20
  }
21
- @media screen and (min-width: 768px) {
21
+ @media screen and (min-width: 48rem) {
22
22
  .pf-v6-c-data-list:not([class*=pf-m-grid]) .pf-v6-c-data-list__item-content {
23
23
  display: flex;
24
24
  flex-grow: 1;
@@ -68,7 +68,7 @@
68
68
  --pf-v6-c-data-list--m-compact__cell-cell--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__cell-cell--md--PaddingBlockStart);
69
69
  }
70
70
  }
71
- @media screen and (min-width: 0) and (min-width: 1200px) {
71
+ @media screen and (min-width: 0) and (min-width: 75rem) {
72
72
  .pf-v6-c-data-list.pf-m-grid-none {
73
73
  --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineEnd);
74
74
  --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineStart);
@@ -114,7 +114,7 @@
114
114
  }
115
115
  }
116
116
 
117
- @media screen and (min-width: 576px) {
117
+ @media screen and (min-width: 36rem) {
118
118
  .pf-v6-c-data-list.pf-m-grid-sm {
119
119
  --pf-v6-c-data-list__cell--cell--PaddingBlockStart: var(--pf-v6-c-data-list__cell--cell--md--PaddingBlockStart);
120
120
  --pf-v6-c-data-list__cell--PaddingBlockEnd: var(--pf-v6-c-data-list__cell--md--PaddingBlockEnd);
@@ -126,7 +126,7 @@
126
126
  --pf-v6-c-data-list--m-compact__cell-cell--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__cell-cell--md--PaddingBlockStart);
127
127
  }
128
128
  }
129
- @media screen and (min-width: 576px) and (min-width: 1200px) {
129
+ @media screen and (min-width: 36rem) and (min-width: 75rem) {
130
130
  .pf-v6-c-data-list.pf-m-grid-sm {
131
131
  --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineEnd);
132
132
  --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineStart);
@@ -134,7 +134,7 @@
134
134
  --pf-v6-c-data-list__expandable-content-body--PaddingInlineStart: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingInlineStart);
135
135
  }
136
136
  }
137
- @media screen and (min-width: 576px) {
137
+ @media screen and (min-width: 36rem) {
138
138
  .pf-v6-c-data-list.pf-m-grid-sm .pf-v6-c-data-list__item-content {
139
139
  display: flex;
140
140
  flex-grow: 1;
@@ -172,7 +172,7 @@
172
172
  }
173
173
  }
174
174
 
175
- @media screen and (min-width: 768px) {
175
+ @media screen and (min-width: 48rem) {
176
176
  .pf-v6-c-data-list.pf-m-grid-md {
177
177
  --pf-v6-c-data-list__cell--cell--PaddingBlockStart: var(--pf-v6-c-data-list__cell--cell--md--PaddingBlockStart);
178
178
  --pf-v6-c-data-list__cell--PaddingBlockEnd: var(--pf-v6-c-data-list__cell--md--PaddingBlockEnd);
@@ -184,7 +184,7 @@
184
184
  --pf-v6-c-data-list--m-compact__cell-cell--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__cell-cell--md--PaddingBlockStart);
185
185
  }
186
186
  }
187
- @media screen and (min-width: 768px) and (min-width: 1200px) {
187
+ @media screen and (min-width: 48rem) and (min-width: 75rem) {
188
188
  .pf-v6-c-data-list.pf-m-grid-md {
189
189
  --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineEnd);
190
190
  --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineStart);
@@ -192,7 +192,7 @@
192
192
  --pf-v6-c-data-list__expandable-content-body--PaddingInlineStart: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingInlineStart);
193
193
  }
194
194
  }
195
- @media screen and (min-width: 768px) {
195
+ @media screen and (min-width: 48rem) {
196
196
  .pf-v6-c-data-list.pf-m-grid-md .pf-v6-c-data-list__item-content {
197
197
  display: flex;
198
198
  flex-grow: 1;
@@ -230,7 +230,7 @@
230
230
  }
231
231
  }
232
232
 
233
- @media screen and (min-width: 992px) {
233
+ @media screen and (min-width: 62rem) {
234
234
  .pf-v6-c-data-list.pf-m-grid-lg {
235
235
  --pf-v6-c-data-list__cell--cell--PaddingBlockStart: var(--pf-v6-c-data-list__cell--cell--md--PaddingBlockStart);
236
236
  --pf-v6-c-data-list__cell--PaddingBlockEnd: var(--pf-v6-c-data-list__cell--md--PaddingBlockEnd);
@@ -242,7 +242,7 @@
242
242
  --pf-v6-c-data-list--m-compact__cell-cell--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__cell-cell--md--PaddingBlockStart);
243
243
  }
244
244
  }
245
- @media screen and (min-width: 992px) and (min-width: 1200px) {
245
+ @media screen and (min-width: 62rem) and (min-width: 75rem) {
246
246
  .pf-v6-c-data-list.pf-m-grid-lg {
247
247
  --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineEnd);
248
248
  --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineStart);
@@ -250,7 +250,7 @@
250
250
  --pf-v6-c-data-list__expandable-content-body--PaddingInlineStart: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingInlineStart);
251
251
  }
252
252
  }
253
- @media screen and (min-width: 992px) {
253
+ @media screen and (min-width: 62rem) {
254
254
  .pf-v6-c-data-list.pf-m-grid-lg .pf-v6-c-data-list__item-content {
255
255
  display: flex;
256
256
  flex-grow: 1;
@@ -288,7 +288,7 @@
288
288
  }
289
289
  }
290
290
 
291
- @media screen and (min-width: 1200px) {
291
+ @media screen and (min-width: 75rem) {
292
292
  .pf-v6-c-data-list.pf-m-grid-xl {
293
293
  --pf-v6-c-data-list__cell--cell--PaddingBlockStart: var(--pf-v6-c-data-list__cell--cell--md--PaddingBlockStart);
294
294
  --pf-v6-c-data-list__cell--PaddingBlockEnd: var(--pf-v6-c-data-list__cell--md--PaddingBlockEnd);
@@ -300,7 +300,7 @@
300
300
  --pf-v6-c-data-list--m-compact__cell-cell--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__cell-cell--md--PaddingBlockStart);
301
301
  }
302
302
  }
303
- @media screen and (min-width: 1200px) and (min-width: 1200px) {
303
+ @media screen and (min-width: 75rem) and (min-width: 75rem) {
304
304
  .pf-v6-c-data-list.pf-m-grid-xl {
305
305
  --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineEnd);
306
306
  --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineStart);
@@ -308,7 +308,7 @@
308
308
  --pf-v6-c-data-list__expandable-content-body--PaddingInlineStart: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingInlineStart);
309
309
  }
310
310
  }
311
- @media screen and (min-width: 1200px) {
311
+ @media screen and (min-width: 75rem) {
312
312
  .pf-v6-c-data-list.pf-m-grid-xl .pf-v6-c-data-list__item-content {
313
313
  display: flex;
314
314
  flex-grow: 1;
@@ -346,7 +346,7 @@
346
346
  }
347
347
  }
348
348
 
349
- @media screen and (min-width: 1450px) {
349
+ @media screen and (min-width: 90.625rem) {
350
350
  .pf-v6-c-data-list.pf-m-grid-2xl {
351
351
  --pf-v6-c-data-list__cell--cell--PaddingBlockStart: var(--pf-v6-c-data-list__cell--cell--md--PaddingBlockStart);
352
352
  --pf-v6-c-data-list__cell--PaddingBlockEnd: var(--pf-v6-c-data-list__cell--md--PaddingBlockEnd);
@@ -358,7 +358,7 @@
358
358
  --pf-v6-c-data-list--m-compact__cell-cell--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__cell-cell--md--PaddingBlockStart);
359
359
  }
360
360
  }
361
- @media screen and (min-width: 1450px) and (min-width: 1200px) {
361
+ @media screen and (min-width: 90.625rem) and (min-width: 75rem) {
362
362
  .pf-v6-c-data-list.pf-m-grid-2xl {
363
363
  --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineEnd);
364
364
  --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-v6-c-data-list__item-row--xl--PaddingInlineStart);
@@ -366,7 +366,7 @@
366
366
  --pf-v6-c-data-list__expandable-content-body--PaddingInlineStart: var(--pf-v6-c-data-list__expandable-content-body--xl--PaddingInlineStart);
367
367
  }
368
368
  }
369
- @media screen and (min-width: 1450px) {
369
+ @media screen and (min-width: 90.625rem) {
370
370
  .pf-v6-c-data-list.pf-m-grid-2xl .pf-v6-c-data-list__item-content {
371
371
  display: flex;
372
372
  flex-grow: 1;
@@ -472,10 +472,9 @@
472
472
  --pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
473
473
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
474
474
  --pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
475
- --pf-v6-c-data-list__item-action--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--md);
476
- --pf-v6-c-data-list__item-action__action--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
477
- --pf-v6-c-data-list__action--MarginBlockStart: var(--pf-v6-c-data-list__item-action__action--MarginBlockStart);
478
- --pf-v6-c-data-list__item-action__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
475
+ --pf-v6-c-data-list__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
476
+ --pf-v6-c-data-list__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
477
+ --pf-v6-c-data-list__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
479
478
  --pf-v6-c-data-list__expandable-content--BackgroundColor: var( --pf-t--global--background--color--primary--default);
480
479
  --pf-v6-c-data-list__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
481
480
  --pf-v6-c-data-list__expandable-content--MarginInlineStart: var(--pf-t--global--spacer--md);
@@ -505,9 +504,8 @@
505
504
  --pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
506
505
  --pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
507
506
  --pf-v6-c-data-list--m-compact__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
508
- --pf-v6-c-data-list--m-compact__item-action__action--MarginBlockStart: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart) * -1);
509
- --pf-v6-c-data-list--m-compact__item-action__action--MarginBlockEnd: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd) * -1);
510
- --pf-v6-c-data-list--m-compact__action--MarginBlockStart: var(--pf-v6-c-data-list--m-compact__item-action__action--MarginBlockStart);
507
+ --pf-v6-c-data-list--m-compact__action--MarginBlockStart: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart) * -1);
508
+ --pf-v6-c-data-list--m-compact__action--MarginBlockEnd: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd) * -1);
511
509
  --pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
512
510
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
513
511
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
@@ -515,13 +513,13 @@
515
513
  --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
516
514
  --pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
517
515
  }
518
- @media screen and (min-width: 576px) {
516
+ @media screen and (min-width: 36rem) {
519
517
  :where(:root, .pf-v6-c-data-list) {
520
518
  --pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
521
519
  --pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
522
520
  }
523
521
  }
524
- @media screen and (min-width: 576px) {
522
+ @media screen and (min-width: 36rem) {
525
523
  :where(:root, .pf-v6-c-data-list) {
526
524
  --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
527
525
  --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
@@ -536,13 +534,12 @@
536
534
  }
537
535
  .pf-v6-c-data-list.pf-m-compact {
538
536
  --pf-v6-c-data-list__check--FontSize: var(--pf-v6-c-data-list--m-compact__check--FontSize);
539
- --pf-v6-c-data-list__action--MarginBlockStart: var(--pf-v6-c-data-list--m-compact__action--MarginBlockStart);
540
537
  --pf-v6-c-data-list--FontSize: var(--pf-v6-c-data-list--m-compact--FontSize);
541
538
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-v6-c-data-list--m-compact__item-action--MarginInlineStart);
542
539
  --pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart);
543
540
  --pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd);
544
- --pf-v6-c-data-list__item-action__action--MarginBlockStart: var(--pf-v6-c-data-list--m-compact__item-action__action--MarginBlockStart);
545
- --pf-v6-c-data-list__item-action__action--MarginBlockEnd: var(--pf-v6-c-data-list--m-compact__item-action__action--MarginBlockEnd);
541
+ --pf-v6-c-data-list__action--MarginBlockStart: var(--pf-v6-c-data-list--m-compact__action--MarginBlockStart);
542
+ --pf-v6-c-data-list__action--MarginBlockEnd: var(--pf-v6-c-data-list--m-compact__action--MarginBlockEnd);
546
543
  --pf-v6-c-data-list__item-control--MarginInlineEnd: var(--pf-v6-c-data-list--m-compact__item-control--MarginInlineEnd);
547
544
  --pf-v6-c-data-list__item-control--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__item-control--PaddingBlockStart);
548
545
  --pf-v6-c-data-list__item-control--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__item-control--PaddingBlockEnd);
@@ -685,6 +682,7 @@
685
682
  --pf-v6-hidden-visible--hidden--Display: none;
686
683
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
687
684
  display: var(--pf-v6-hidden-visible--Display);
685
+ gap: var(--pf-v6-c-data-list__item-action--Gap);
688
686
  align-content: flex-start;
689
687
  align-items: flex-start;
690
688
  padding-block-start: var(--pf-v6-c-data-list__item-action--PaddingBlockStart);
@@ -694,7 +692,7 @@
694
692
  .pf-v6-c-data-list__item-action.pf-m-hidden {
695
693
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
696
694
  }
697
- @media screen and (min-width: 576px) {
695
+ @media screen and (min-width: 36rem) {
698
696
  .pf-v6-c-data-list__item-action.pf-m-hidden-on-sm {
699
697
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
700
698
  }
@@ -702,7 +700,7 @@
702
700
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
703
701
  }
704
702
  }
705
- @media screen and (min-width: 768px) {
703
+ @media screen and (min-width: 48rem) {
706
704
  .pf-v6-c-data-list__item-action.pf-m-hidden-on-md {
707
705
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
708
706
  }
@@ -710,7 +708,7 @@
710
708
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
711
709
  }
712
710
  }
713
- @media screen and (min-width: 992px) {
711
+ @media screen and (min-width: 62rem) {
714
712
  .pf-v6-c-data-list__item-action.pf-m-hidden-on-lg {
715
713
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
716
714
  }
@@ -718,7 +716,7 @@
718
716
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
719
717
  }
720
718
  }
721
- @media screen and (min-width: 1200px) {
719
+ @media screen and (min-width: 75rem) {
722
720
  .pf-v6-c-data-list__item-action.pf-m-hidden-on-xl {
723
721
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
724
722
  }
@@ -726,7 +724,7 @@
726
724
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
727
725
  }
728
726
  }
729
- @media screen and (min-width: 1450px) {
727
+ @media screen and (min-width: 90.625rem) {
730
728
  .pf-v6-c-data-list__item-action.pf-m-hidden-on-2xl {
731
729
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
732
730
  }
@@ -734,12 +732,10 @@
734
732
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
735
733
  }
736
734
  }
737
- .pf-v6-c-data-list__item-action > *:not(:last-child) {
738
- margin-inline-end: var(--pf-v6-c-data-list__item-action--not-last-child--MarginInlineEnd);
739
- }
740
- .pf-v6-c-data-list__item-action .pf-v6-c-data-list__action {
735
+
736
+ .pf-v6-c-data-list__action {
741
737
  margin-block-start: var(--pf-v6-c-data-list__action--MarginBlockStart);
742
- margin-block-end: var(--pf-v6-c-data-list__item-action__action--MarginBlockEnd);
738
+ margin-block-end: var(--pf-v6-c-data-list__action--MarginBlockEnd);
743
739
  }
744
740
 
745
741
  .pf-v6-c-data-list__toggle {
package/css/components/DescriptionList/description-list-order.css CHANGED
@@ -43,7 +43,7 @@
43
43
  .pf-v6-c-description-list__group .pf-m-order-last {
44
44
  order: 13;
45
45
  }
46
- @media (min-width: 576px) {
46
+ @media (min-width: 36rem) {
47
47
  .pf-v6-c-description-list__group .pf-m-order-0-on-sm {
48
48
  order: 0;
49
49
  }
@@ -90,7 +90,7 @@
90
90
  order: 13;
91
91
  }
92
92
  }
93
- @media (min-width: 768px) {
93
+ @media (min-width: 48rem) {
94
94
  .pf-v6-c-description-list__group .pf-m-order-0-on-md {
95
95
  order: 0;
96
96
  }
@@ -137,7 +137,7 @@
137
137
  order: 13;
138
138
  }
139
139
  }
140
- @media (min-width: 992px) {
140
+ @media (min-width: 62rem) {
141
141
  .pf-v6-c-description-list__group .pf-m-order-0-on-lg {
142
142
  order: 0;
143
143
  }
@@ -184,7 +184,7 @@
184
184
  order: 13;
185
185
  }
186
186
  }
187
- @media (min-width: 1200px) {
187
+ @media (min-width: 75rem) {
188
188
  .pf-v6-c-description-list__group .pf-m-order-0-on-xl {
189
189
  order: 0;
190
190
  }
@@ -231,7 +231,7 @@
231
231
  order: 13;
232
232
  }
233
233
  }
234
- @media (min-width: 1450px) {
234
+ @media (min-width: 90.625rem) {
235
235
  .pf-v6-c-description-list__group .pf-m-order-0-on-2xl {
236
236
  order: 0;
237
237
  }
package/css/components/DescriptionList/description-list.css CHANGED
@@ -30,11 +30,11 @@
30
30
  --pf-v6-c-description-list--m-3-col--GridTemplateColumns--count: 3;
31
31
  --pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min: 15.625rem;
32
32
  --pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min);
33
- --pf-v6-c-description-list__text--m-help-text--TextDecorationColor: currentcolor;
34
- --pf-v6-c-description-list__text--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--regular);
35
- --pf-v6-c-description-list__text--m-help-text--TextDecorationOffset: 0.25rem;
36
- --pf-v6-c-description-list__text--m-help-text--hover--TextDecorationColor: var(--pf-t--global--border--color--hover);
37
- --pf-v6-c-description-list__text--m-help-text--focus--TextDecorationColor: var(--pf-t--global--border--color--hover);
33
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
34
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
35
+ --pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset: 0.25rem;
36
+ --pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
37
+ --pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
38
38
  --pf-v6-c-description-list--m-display-lg__description--FontSize: var(--pf-t--global--font--size--body--lg);
39
39
  --pf-v6-c-description-list--m-display-2xl__description--FontSize: var(--pf-t--global--font--size--heading--lg);
40
40
  --pf-v6-c-description-list--m-horizontal__term--width-on-sm: inherit;
@@ -44,32 +44,32 @@
44
44
  --pf-v6-c-description-list--m-horizontal__term--width-on-2xl: inherit;
45
45
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
46
46
  }
47
- @media screen and (min-width: 576px) {
47
+ @media screen and (min-width: 36rem) {
48
48
  :where(:root, .pf-v6-c-description-list) {
49
49
  --pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
50
50
  }
51
51
  }
52
- @media (min-width: 576px) {
52
+ @media (min-width: 36rem) {
53
53
  :where(:root, .pf-v6-c-description-list) {
54
54
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width));
55
55
  }
56
56
  }
57
- @media (min-width: 768px) {
57
+ @media (min-width: 48rem) {
58
58
  :where(:root, .pf-v6-c-description-list) {
59
59
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width)));
60
60
  }
61
61
  }
62
- @media (min-width: 992px) {
62
+ @media (min-width: 62rem) {
63
63
  :where(:root, .pf-v6-c-description-list) {
64
64
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width))));
65
65
  }
66
66
  }
67
- @media (min-width: 1200px) {
67
+ @media (min-width: 75rem) {
68
68
  :where(:root, .pf-v6-c-description-list) {
69
69
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width)))));
70
70
  }
71
71
  }
72
- @media (min-width: 1450px) {
72
+ @media (min-width: 90.625rem) {
73
73
  :where(:root, .pf-v6-c-description-list) {
74
74
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-2xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width))))));
75
75
  }
@@ -92,27 +92,27 @@
92
92
  grid-template-columns: repeat(auto-fit, minmax(var(--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min), 1fr));
93
93
  --pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min);
94
94
  }
95
- @media (min-width: 576px) {
95
+ @media (min-width: 36rem) {
96
96
  .pf-v6-c-description-list.pf-m-auto-fit {
97
97
  --pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-v6-c-description-list--GridTemplateColumns--min));
98
98
  }
99
99
  }
100
- @media (min-width: 768px) {
100
+ @media (min-width: 48rem) {
101
101
  .pf-v6-c-description-list.pf-m-auto-fit {
102
102
  --pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min-on-md, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-v6-c-description-list--GridTemplateColumns--min)));
103
103
  }
104
104
  }
105
- @media (min-width: 992px) {
105
+ @media (min-width: 62rem) {
106
106
  .pf-v6-c-description-list.pf-m-auto-fit {
107
107
  --pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min-on-lg, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-md, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-v6-c-description-list--GridTemplateColumns--min))));
108
108
  }
109
109
  }
110
- @media (min-width: 1200px) {
110
+ @media (min-width: 75rem) {
111
111
  .pf-v6-c-description-list.pf-m-auto-fit {
112
112
  --pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min-on-xl, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-lg, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-md, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-v6-c-description-list--GridTemplateColumns--min)))));
113
113
  }
114
114
  }
115
- @media (min-width: 1450px) {
115
+ @media (min-width: 90.625rem) {
116
116
  .pf-v6-c-description-list.pf-m-auto-fit {
117
117
  --pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min-on-2xl, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-xl, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-lg, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-md, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-v6-c-description-list--GridTemplateColumns--min))))));
118
118
  }
@@ -196,18 +196,13 @@
196
196
  min-width: 0;
197
197
  }
198
198
  .pf-v6-c-description-list__text.pf-m-help-text {
199
- text-decoration: underline;
200
- text-decoration-thickness: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationThickness);
201
- text-decoration-style: dashed;
202
- text-decoration-color: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationColor);
203
- text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationOffset);
199
+ text-decoration: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine) var(--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle);
200
+ text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset);
204
201
  cursor: pointer;
205
202
  }
206
- .pf-v6-c-description-list__text.pf-m-help-text:hover {
207
- --pf-v6-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationColor);
208
- }
209
- .pf-v6-c-description-list__text.pf-m-help-text:focus {
210
- --pf-v6-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-v6-c-description-list__text--m-help-text--focus--TextDecorationColor);
203
+ .pf-v6-c-description-list__text.pf-m-help-text:is(:hover, :focus) {
204
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine);
205
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle);
211
206
  }
212
207
 
213
208
  .pf-v6-c-description-list.pf-m-1-col {
@@ -227,7 +222,7 @@
227
222
  --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
228
223
  --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
229
224
  }
230
- @media (min-width: 576px) {
225
+ @media (min-width: 36rem) {
231
226
  .pf-v6-c-description-list.pf-m-1-col-on-sm {
232
227
  --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
233
228
  }
@@ -246,7 +241,7 @@
246
241
  --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
247
242
  }
248
243
  }
249
- @media (min-width: 768px) {
244
+ @media (min-width: 48rem) {
250
245
  .pf-v6-c-description-list.pf-m-1-col-on-md {
251
246
  --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
252
247
  }
@@ -265,7 +260,7 @@
265
260
  --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
266
261
  }
267
262
  }
268
- @media (min-width: 992px) {
263
+ @media (min-width: 62rem) {
269
264
  .pf-v6-c-description-list.pf-m-1-col-on-lg {
270
265
  --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
271
266
  }
@@ -284,7 +279,7 @@
284
279
  --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
285
280
  }
286
281
  }
287
- @media (min-width: 1200px) {
282
+ @media (min-width: 75rem) {
288
283
  .pf-v6-c-description-list.pf-m-1-col-on-xl {
289
284
  --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
290
285
  }
@@ -303,7 +298,7 @@
303
298
  --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
304
299
  }
305
300
  }
306
- @media (min-width: 1450px) {
301
+ @media (min-width: 90.625rem) {
307
302
  .pf-v6-c-description-list.pf-m-1-col-on-2xl {
308
303
  --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
309
304
  }