@patternfly/react-core 6.0.0-prerelease.7 → 6.0.0-prerelease.8

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 (126) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/components/package.json +1 -1
  3. package/deprecated/package.json +1 -1
  4. package/dist/dynamic/components/AboutModal/package.json +1 -1
  5. package/dist/dynamic/components/Accordion/package.json +1 -1
  6. package/dist/dynamic/components/ActionList/package.json +1 -1
  7. package/dist/dynamic/components/Alert/package.json +1 -1
  8. package/dist/dynamic/components/Avatar/package.json +1 -1
  9. package/dist/dynamic/components/BackToTop/package.json +1 -1
  10. package/dist/dynamic/components/Backdrop/package.json +1 -1
  11. package/dist/dynamic/components/BackgroundImage/package.json +1 -1
  12. package/dist/dynamic/components/Badge/package.json +1 -1
  13. package/dist/dynamic/components/Banner/package.json +1 -1
  14. package/dist/dynamic/components/Brand/package.json +1 -1
  15. package/dist/dynamic/components/Breadcrumb/package.json +1 -1
  16. package/dist/dynamic/components/Button/package.json +1 -1
  17. package/dist/dynamic/components/CalendarMonth/package.json +1 -1
  18. package/dist/dynamic/components/Card/package.json +1 -1
  19. package/dist/dynamic/components/Checkbox/package.json +1 -1
  20. package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
  21. package/dist/dynamic/components/CodeBlock/package.json +1 -1
  22. package/dist/dynamic/components/Content/package.json +1 -1
  23. package/dist/dynamic/components/DataList/package.json +1 -1
  24. package/dist/dynamic/components/DatePicker/package.json +1 -1
  25. package/dist/dynamic/components/DescriptionList/package.json +1 -1
  26. package/dist/dynamic/components/Divider/package.json +1 -1
  27. package/dist/dynamic/components/Drawer/package.json +1 -1
  28. package/dist/dynamic/components/Dropdown/package.json +1 -1
  29. package/dist/dynamic/components/DualListSelector/package.json +1 -1
  30. package/dist/dynamic/components/EmptyState/package.json +1 -1
  31. package/dist/dynamic/components/ExpandableSection/package.json +1 -1
  32. package/dist/dynamic/components/FileUpload/package.json +1 -1
  33. package/dist/dynamic/components/Form/package.json +1 -1
  34. package/dist/dynamic/components/FormSelect/package.json +1 -1
  35. package/dist/dynamic/components/HelperText/package.json +1 -1
  36. package/dist/dynamic/components/Hint/package.json +1 -1
  37. package/dist/dynamic/components/Icon/package.json +1 -1
  38. package/dist/dynamic/components/InputGroup/package.json +1 -1
  39. package/dist/dynamic/components/JumpLinks/package.json +1 -1
  40. package/dist/dynamic/components/Label/package.json +1 -1
  41. package/dist/dynamic/components/List/package.json +1 -1
  42. package/dist/dynamic/components/LoginPage/package.json +1 -1
  43. package/dist/dynamic/components/Masthead/package.json +1 -1
  44. package/dist/dynamic/components/Menu/package.json +1 -1
  45. package/dist/dynamic/components/MenuToggle/package.json +1 -1
  46. package/dist/dynamic/components/Modal/package.json +1 -1
  47. package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
  48. package/dist/dynamic/components/Nav/package.json +1 -1
  49. package/dist/dynamic/components/NotificationBadge/package.json +1 -1
  50. package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
  51. package/dist/dynamic/components/NumberInput/package.json +1 -1
  52. package/dist/dynamic/components/OverflowMenu/package.json +1 -1
  53. package/dist/dynamic/components/Page/package.json +1 -1
  54. package/dist/dynamic/components/Pagination/package.json +1 -1
  55. package/dist/dynamic/components/Panel/package.json +1 -1
  56. package/dist/dynamic/components/Popover/package.json +1 -1
  57. package/dist/dynamic/components/Progress/package.json +1 -1
  58. package/dist/dynamic/components/ProgressStepper/package.json +1 -1
  59. package/dist/dynamic/components/Radio/package.json +1 -1
  60. package/dist/dynamic/components/SearchInput/package.json +1 -1
  61. package/dist/dynamic/components/Select/package.json +1 -1
  62. package/dist/dynamic/components/Sidebar/package.json +1 -1
  63. package/dist/dynamic/components/SimpleList/package.json +1 -1
  64. package/dist/dynamic/components/Skeleton/package.json +1 -1
  65. package/dist/dynamic/components/SkipToContent/package.json +1 -1
  66. package/dist/dynamic/components/Slider/package.json +1 -1
  67. package/dist/dynamic/components/Spinner/package.json +1 -1
  68. package/dist/dynamic/components/Switch/package.json +1 -1
  69. package/dist/dynamic/components/Tabs/package.json +1 -1
  70. package/dist/dynamic/components/TextArea/package.json +1 -1
  71. package/dist/dynamic/components/TextInput/package.json +1 -1
  72. package/dist/dynamic/components/TextInputGroup/package.json +1 -1
  73. package/dist/dynamic/components/Tile/package.json +1 -1
  74. package/dist/dynamic/components/TimePicker/package.json +1 -1
  75. package/dist/dynamic/components/Timestamp/package.json +1 -1
  76. package/dist/dynamic/components/Title/package.json +1 -1
  77. package/dist/dynamic/components/ToggleGroup/package.json +1 -1
  78. package/dist/dynamic/components/Toolbar/package.json +1 -1
  79. package/dist/dynamic/components/Tooltip/package.json +1 -1
  80. package/dist/dynamic/components/TreeView/package.json +1 -1
  81. package/dist/dynamic/components/Truncate/package.json +1 -1
  82. package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
  83. package/dist/dynamic/components/Wizard/package.json +1 -1
  84. package/dist/dynamic/deprecated/components/Chip/package.json +1 -1
  85. package/dist/dynamic/deprecated/components/DragDrop/package.json +1 -1
  86. package/dist/dynamic/deprecated/components/DualListSelector/package.json +1 -1
  87. package/dist/dynamic/deprecated/components/Modal/package.json +1 -1
  88. package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
  89. package/dist/dynamic/deprecated/components/package.json +1 -1
  90. package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
  91. package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
  92. package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
  93. package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
  94. package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
  95. package/dist/dynamic/helpers/constants/package.json +1 -1
  96. package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
  97. package/dist/dynamic/helpers/fileUtils/package.json +1 -1
  98. package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
  99. package/dist/dynamic/helpers/package.json +1 -1
  100. package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
  101. package/dist/dynamic/helpers/typeUtils/package.json +1 -1
  102. package/dist/dynamic/helpers/useInterval/package.json +1 -1
  103. package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
  104. package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
  105. package/dist/dynamic/helpers/util/package.json +1 -1
  106. package/dist/dynamic/layouts/Bullseye/package.json +1 -1
  107. package/dist/dynamic/layouts/Flex/package.json +1 -1
  108. package/dist/dynamic/layouts/Gallery/package.json +1 -1
  109. package/dist/dynamic/layouts/Grid/package.json +1 -1
  110. package/dist/dynamic/layouts/Level/package.json +1 -1
  111. package/dist/dynamic/layouts/Split/package.json +1 -1
  112. package/dist/dynamic/layouts/Stack/package.json +1 -1
  113. package/dist/dynamic/styles/package.json +1 -1
  114. package/dist/esm/components/Slider/Slider.d.ts.map +1 -1
  115. package/dist/esm/components/Slider/Slider.js +1 -1
  116. package/dist/esm/components/Slider/Slider.js.map +1 -1
  117. package/dist/js/components/Slider/Slider.d.ts.map +1 -1
  118. package/dist/js/components/Slider/Slider.js +1 -1
  119. package/dist/js/components/Slider/Slider.js.map +1 -1
  120. package/dist/umd/assets/{output-CSuSPDOa.css → output-DFGG_Rgw.css} +1817 -1817
  121. package/dist/umd/react-core.min.js +1 -1
  122. package/helpers/package.json +1 -1
  123. package/layouts/package.json +1 -1
  124. package/next/package.json +1 -1
  125. package/package.json +2 -2
  126. package/src/components/Slider/Slider.tsx +6 -1
@@ -200,6 +200,220 @@
200
200
  column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
201
201
  }
202
202
 
203
+ :root,
204
+ .pf-v6-c-alert {
205
+ --pf-v6-c-alert--BoxShadow: var(--pf-t--global--box-shadow--lg);
206
+ --pf-v6-c-alert--BackgroundColor: var(--pf-t--global--background--color--floating--default);
207
+ --pf-v6-c-alert--GridTemplateColumns: max-content 1fr max-content;
208
+ --pf-v6-c-alert--GridTemplateAreas:
209
+ "icon title action"
210
+ ". description description"
211
+ ". actiongroup actiongroup";
212
+ --pf-v6-c-alert--BorderWidth: var(--pf-t--global--border--width--box--status--default);
213
+ --pf-v6-c-alert--BorderColor: transparent;
214
+ --pf-v6-c-alert--BorderRadius: var(--pf-t--global--border--radius--medium);
215
+ --pf-v6-c-alert--PaddingBlockStart: var(--pf-t--global--spacer--md);
216
+ --pf-v6-c-alert--PaddingInlineEnd: var(--pf-t--global--spacer--md);
217
+ --pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
218
+ --pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
219
+ --pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
220
+ --pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
221
+ --pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
222
+ --pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
223
+ --pf-v6-c-alert__toggle-icon--Rotate: 0;
224
+ --pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
225
+ --pf-v6-c-alert__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
226
+ --pf-v6-c-alert__icon--Color: var(--pf-t--global--icon--color--regular);
227
+ --pf-v6-c-alert__icon--MarginBlockStart: 0.25rem;
228
+ --pf-v6-c-alert__icon--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
229
+ --pf-v6-c-alert__icon--FontSize: var(--pf-t--global--icon--size--md);
230
+ --pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
231
+ --pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
232
+ --pf-v6-c-alert__title--max-lines: 1;
233
+ --pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
234
+ --pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
235
+ --pf-v6-c-alert__action--TranslateY: 0.125rem;
236
+ --pf-v6-c-alert__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
237
+ --pf-v6-c-alert__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
238
+ --pf-v6-c-alert__action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
239
+ --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
240
+ --pf-v6-c-alert__description--action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
241
+ --pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
242
+ --pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
243
+ --pf-v6-c-alert--m-custom--BorderColor: var(--pf-t--global--border--color--status--custom--default);
244
+ --pf-v6-c-alert--m-custom__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
245
+ --pf-v6-c-alert--m-custom__title--Color: var(--pf-t--global--text--color--regular);
246
+ --pf-v6-c-alert--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
247
+ --pf-v6-c-alert--m-success__icon--Color: var(--pf-t--global--icon--color--status--success--default);
248
+ --pf-v6-c-alert--m-success__title--Color: var(--pf-t--global--text--color--regular);
249
+ --pf-v6-c-alert--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
250
+ --pf-v6-c-alert--m-danger__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
251
+ --pf-v6-c-alert--m-danger__title--Color: var(--pf-t--global--text--color--regular);
252
+ --pf-v6-c-alert--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
253
+ --pf-v6-c-alert--m-warning__icon--Color: var(--pf-t--global--icon--color--status--warning--default);
254
+ --pf-v6-c-alert--m-warning__title--Color: var(--pf-t--global--text--color--regular);
255
+ --pf-v6-c-alert--m-info--BorderColor: var(--pf-t--global--border--color--status--info--default);
256
+ --pf-v6-c-alert--m-info__icon--Color: var(--pf-t--global--icon--color--status--info--default);
257
+ --pf-v6-c-alert--m-info__title--Color: var(--pf-t--global--text--color--regular);
258
+ --pf-v6-c-alert--m-inline--BackgroundColor: var(--pf-t--global--background--color--primary--default);
259
+ --pf-v6-c-alert--m-inline--BoxShadow: none;
260
+ --pf-v6-c-alert--m-inline--m-plain--BorderWidth: 0;
261
+ --pf-v6-c-alert--m-inline--m-plain--BackgroundColor: transparent;
262
+ --pf-v6-c-alert--m-inline--m-plain--PaddingBlockStart: 0;
263
+ --pf-v6-c-alert--m-inline--m-plain--PaddingInlineEnd: 0;
264
+ --pf-v6-c-alert--m-inline--m-plain--PaddingBlockEnd: 0;
265
+ --pf-v6-c-alert--m-inline--m-plain--PaddingInlineStart: 0;
266
+ --pf-v6-c-alert--m-expandable--GridTemplateColumns: auto max-content 1fr max-content;
267
+ --pf-v6-c-alert--m-expandable--GridTemplateAreas:
268
+ "toggle icon title action"
269
+ ". . description description"
270
+ ". . actiongroup actiongroup";
271
+ --pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
272
+ --pf-v6-c-alert--m-expanded__toggle-icon--Rotate: 90deg;
273
+ --pf-v6-c-alert--m-expanded__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
274
+ }
275
+
276
+ .pf-v6-c-alert {
277
+ position: relative;
278
+ display: grid;
279
+ grid-template-areas: var(--pf-v6-c-alert--GridTemplateAreas);
280
+ grid-template-columns: var(--pf-v6-c-alert--GridTemplateColumns);
281
+ padding-block-start: var(--pf-v6-c-alert--PaddingBlockStart);
282
+ padding-block-end: var(--pf-v6-c-alert--PaddingBlockEnd);
283
+ padding-inline-start: var(--pf-v6-c-alert--PaddingInlineStart);
284
+ padding-inline-end: var(--pf-v6-c-alert--PaddingInlineEnd);
285
+ font-size: var(--pf-v6-c-alert--FontSize);
286
+ background-color: var(--pf-v6-c-alert--BackgroundColor);
287
+ border: var(--pf-v6-c-alert--BorderWidth) solid var(--pf-v6-c-alert--BorderColor);
288
+ border-radius: var(--pf-v6-c-alert--BorderRadius);
289
+ box-shadow: var(--pf-v6-c-alert--BoxShadow);
290
+ }
291
+
292
+ .pf-v6-c-alert.pf-m-custom {
293
+ --pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-custom--BorderColor);
294
+ --pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-custom__icon--Color);
295
+ --pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-custom__title--Color);
296
+ }
297
+
298
+ .pf-v6-c-alert.pf-m-success {
299
+ --pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-success--BorderColor);
300
+ --pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-success__icon--Color);
301
+ --pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-success__title--Color);
302
+ }
303
+
304
+ .pf-v6-c-alert.pf-m-danger {
305
+ --pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-danger--BorderColor);
306
+ --pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-danger__icon--Color);
307
+ --pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-danger__title--Color);
308
+ }
309
+
310
+ .pf-v6-c-alert.pf-m-warning {
311
+ --pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-warning--BorderColor);
312
+ --pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-warning__icon--Color);
313
+ --pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-warning__title--Color);
314
+ }
315
+
316
+ .pf-v6-c-alert.pf-m-info {
317
+ --pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-info--BorderColor);
318
+ --pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-info__icon--Color);
319
+ --pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-info__title--Color);
320
+ }
321
+
322
+ .pf-v6-c-alert.pf-m-inline {
323
+ --pf-v6-c-alert--BoxShadow: var(--pf-v6-c-alert--m-inline--BoxShadow);
324
+ --pf-v6-c-alert--BackgroundColor: var(--pf-v6-c-alert--m-inline--BackgroundColor);
325
+ }
326
+
327
+ .pf-v6-c-alert.pf-m-plain {
328
+ --pf-v6-c-alert--BorderWidth: var(--pf-v6-c-alert--m-inline--m-plain--BorderWidth);
329
+ --pf-v6-c-alert--BackgroundColor: var(--pf-v6-c-alert--m-inline--m-plain--BackgroundColor);
330
+ --pf-v6-c-alert--PaddingBlockStart: var(--pf-v6-c-alert--m-inline--m-plain--PaddingBlockStart);
331
+ --pf-v6-c-alert--PaddingInlineEnd: var(--pf-v6-c-alert--m-inline--m-plain--PaddingInlineEnd);
332
+ --pf-v6-c-alert--PaddingBlockEnd: var(--pf-v6-c-alert--m-inline--m-plain--PaddingBlockEnd);
333
+ --pf-v6-c-alert--PaddingInlineStart: var(--pf-v6-c-alert--m-inline--m-plain--PaddingInlineStart);
334
+ }
335
+
336
+ .pf-v6-c-alert.pf-m-expandable {
337
+ --pf-v6-c-alert--GridTemplateColumns: var(--pf-v6-c-alert--m-expandable--GridTemplateColumns);
338
+ --pf-v6-c-alert--GridTemplateAreas: var(--pf-v6-c-alert--m-expandable--GridTemplateAreas);
339
+ --pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart);
340
+ }
341
+
342
+ .pf-v6-c-alert.pf-m-expanded {
343
+ --pf-v6-c-alert__toggle-icon--Rotate: var(--pf-v6-c-alert--m-expanded__toggle-icon--Rotate);
344
+ --pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert--m-expanded__description--action-group--PaddingBlockStart);
345
+ }
346
+
347
+ .pf-v6-c-alert__toggle {
348
+ margin-block-start: var(--pf-v6-c-alert__toggle--MarginBlockStart);
349
+ margin-block-end: var(--pf-v6-c-alert__toggle--MarginBlockEnd);
350
+ margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
351
+ }
352
+
353
+ .pf-v6-c-alert__toggle-icon {
354
+ display: inline-block;
355
+ transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
356
+ transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
357
+ }
358
+
359
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
360
+ scale: -1 1;
361
+ }
362
+
363
+ .pf-v6-c-alert__icon {
364
+ display: flex;
365
+ grid-area: icon;
366
+ margin-block-start: var(--pf-v6-c-alert__icon--MarginBlockStart);
367
+ margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
368
+ font-size: var(--pf-v6-c-alert__icon--FontSize);
369
+ color: var(--pf-v6-c-alert__icon--Color);
370
+ }
371
+
372
+ .pf-v6-c-alert__title {
373
+ grid-area: title;
374
+ font-weight: var(--pf-v6-c-alert__title--FontWeight);
375
+ color: var(--pf-v6-c-alert__title--Color);
376
+ word-break: break-word;
377
+ }
378
+
379
+ .pf-v6-c-alert__title.pf-m-truncate {
380
+ display: -webkit-box;
381
+ -webkit-box-orient: vertical;
382
+ -webkit-line-clamp: var(--pf-v6-c-alert__title--max-lines);
383
+ overflow: hidden;
384
+ }
385
+
386
+ .pf-v6-c-alert__description {
387
+ grid-area: description;
388
+ padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
389
+ word-break: break-word;
390
+ }
391
+
392
+ .pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
393
+ --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
394
+ }
395
+
396
+ .pf-v6-c-alert__action {
397
+ grid-area: action;
398
+ margin-block-start: var(--pf-v6-c-alert__action--MarginBlockStart);
399
+ margin-block-end: var(--pf-v6-c-alert__action--MarginBlockEnd);
400
+ margin-inline-end: var(--pf-v6-c-alert__action--MarginInlineEnd);
401
+ transform: translateY(var(--pf-v6-c-alert__action--TranslateY));
402
+ }
403
+
404
+ .pf-v6-c-alert__action > .pf-v6-c-button {
405
+ --pf-v6-c-button--LineHeight: 1;
406
+ }
407
+
408
+ .pf-v6-c-alert__action-group {
409
+ grid-area: actiongroup;
410
+ padding-block-start: var(--pf-v6-c-alert__action-group--PaddingBlockStart);
411
+ }
412
+
413
+ .pf-v6-c-alert__action-group > .pf-v6-c-button:not(:last-child) {
414
+ margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
415
+ }
416
+
203
417
  :root,
204
418
  .pf-v6-c-avatar {
205
419
  --pf-v6-c-avatar--BorderColor: transparent;
@@ -451,6 +665,27 @@
451
665
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-2xl, var(--pf-v6-c-avatar--m-xl--Height-on-xl, var(--pf-v6-c-avatar--m-xl--Height-on-lg, var(--pf-v6-c-avatar--m-xl--Height-on-md, var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height))))));
452
666
  }
453
667
  }
668
+ :root,
669
+ .pf-v6-c-backdrop {
670
+ --pf-v6-c-backdrop--Position: fixed;
671
+ --pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
672
+ --pf-v6-c-backdrop--BackgroundColor: var(--pf-t--global--background--color--backdrop--default);
673
+ }
674
+
675
+ .pf-v6-c-backdrop {
676
+ position: var(--pf-v6-c-backdrop--Position);
677
+ inset-block-start: 0;
678
+ inset-inline-start: 0;
679
+ z-index: var(--pf-v6-c-backdrop--ZIndex);
680
+ width: 100%;
681
+ height: 100%;
682
+ background-color: var(--pf-v6-c-backdrop--BackgroundColor);
683
+ }
684
+
685
+ .pf-v6-c-backdrop__open {
686
+ overflow: hidden;
687
+ }
688
+
454
689
  :root,
455
690
  .pf-v6-c-back-to-top {
456
691
  --pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
@@ -489,27 +724,6 @@
489
724
  box-shadow: var(--pf-v6-c-back-to-top--c-button--BoxShadow);
490
725
  }
491
726
 
492
- :root,
493
- .pf-v6-c-backdrop {
494
- --pf-v6-c-backdrop--Position: fixed;
495
- --pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
496
- --pf-v6-c-backdrop--BackgroundColor: var(--pf-t--global--background--color--backdrop--default);
497
- }
498
-
499
- .pf-v6-c-backdrop {
500
- position: var(--pf-v6-c-backdrop--Position);
501
- inset-block-start: 0;
502
- inset-inline-start: 0;
503
- z-index: var(--pf-v6-c-backdrop--ZIndex);
504
- width: 100%;
505
- height: 100%;
506
- background-color: var(--pf-v6-c-backdrop--BackgroundColor);
507
- }
508
-
509
- .pf-v6-c-backdrop__open {
510
- overflow: hidden;
511
- }
512
-
513
727
  :root,
514
728
  .pf-v6-c-background-image {
515
729
  --pf-v6-c-background-image--BackgroundColor: var(--pf-t--global--background--color--primary--default);
@@ -3542,220 +3756,6 @@ ul) {
3542
3756
  padding: 0;
3543
3757
  }
3544
3758
 
3545
- :root,
3546
- .pf-v6-c-alert {
3547
- --pf-v6-c-alert--BoxShadow: var(--pf-t--global--box-shadow--lg);
3548
- --pf-v6-c-alert--BackgroundColor: var(--pf-t--global--background--color--floating--default);
3549
- --pf-v6-c-alert--GridTemplateColumns: max-content 1fr max-content;
3550
- --pf-v6-c-alert--GridTemplateAreas:
3551
- "icon title action"
3552
- ". description description"
3553
- ". actiongroup actiongroup";
3554
- --pf-v6-c-alert--BorderWidth: var(--pf-t--global--border--width--box--status--default);
3555
- --pf-v6-c-alert--BorderColor: transparent;
3556
- --pf-v6-c-alert--BorderRadius: var(--pf-t--global--border--radius--medium);
3557
- --pf-v6-c-alert--PaddingBlockStart: var(--pf-t--global--spacer--md);
3558
- --pf-v6-c-alert--PaddingInlineEnd: var(--pf-t--global--spacer--md);
3559
- --pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
3560
- --pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
3561
- --pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
3562
- --pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
3563
- --pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
3564
- --pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
3565
- --pf-v6-c-alert__toggle-icon--Rotate: 0;
3566
- --pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
3567
- --pf-v6-c-alert__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
3568
- --pf-v6-c-alert__icon--Color: var(--pf-t--global--icon--color--regular);
3569
- --pf-v6-c-alert__icon--MarginBlockStart: 0.25rem;
3570
- --pf-v6-c-alert__icon--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
3571
- --pf-v6-c-alert__icon--FontSize: var(--pf-t--global--icon--size--md);
3572
- --pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
3573
- --pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
3574
- --pf-v6-c-alert__title--max-lines: 1;
3575
- --pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
3576
- --pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
3577
- --pf-v6-c-alert__action--TranslateY: 0.125rem;
3578
- --pf-v6-c-alert__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
3579
- --pf-v6-c-alert__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
3580
- --pf-v6-c-alert__action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
3581
- --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
3582
- --pf-v6-c-alert__description--action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
3583
- --pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
3584
- --pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
3585
- --pf-v6-c-alert--m-custom--BorderColor: var(--pf-t--global--border--color--status--custom--default);
3586
- --pf-v6-c-alert--m-custom__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
3587
- --pf-v6-c-alert--m-custom__title--Color: var(--pf-t--global--text--color--regular);
3588
- --pf-v6-c-alert--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
3589
- --pf-v6-c-alert--m-success__icon--Color: var(--pf-t--global--icon--color--status--success--default);
3590
- --pf-v6-c-alert--m-success__title--Color: var(--pf-t--global--text--color--regular);
3591
- --pf-v6-c-alert--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
3592
- --pf-v6-c-alert--m-danger__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
3593
- --pf-v6-c-alert--m-danger__title--Color: var(--pf-t--global--text--color--regular);
3594
- --pf-v6-c-alert--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
3595
- --pf-v6-c-alert--m-warning__icon--Color: var(--pf-t--global--icon--color--status--warning--default);
3596
- --pf-v6-c-alert--m-warning__title--Color: var(--pf-t--global--text--color--regular);
3597
- --pf-v6-c-alert--m-info--BorderColor: var(--pf-t--global--border--color--status--info--default);
3598
- --pf-v6-c-alert--m-info__icon--Color: var(--pf-t--global--icon--color--status--info--default);
3599
- --pf-v6-c-alert--m-info__title--Color: var(--pf-t--global--text--color--regular);
3600
- --pf-v6-c-alert--m-inline--BackgroundColor: var(--pf-t--global--background--color--primary--default);
3601
- --pf-v6-c-alert--m-inline--BoxShadow: none;
3602
- --pf-v6-c-alert--m-inline--m-plain--BorderWidth: 0;
3603
- --pf-v6-c-alert--m-inline--m-plain--BackgroundColor: transparent;
3604
- --pf-v6-c-alert--m-inline--m-plain--PaddingBlockStart: 0;
3605
- --pf-v6-c-alert--m-inline--m-plain--PaddingInlineEnd: 0;
3606
- --pf-v6-c-alert--m-inline--m-plain--PaddingBlockEnd: 0;
3607
- --pf-v6-c-alert--m-inline--m-plain--PaddingInlineStart: 0;
3608
- --pf-v6-c-alert--m-expandable--GridTemplateColumns: auto max-content 1fr max-content;
3609
- --pf-v6-c-alert--m-expandable--GridTemplateAreas:
3610
- "toggle icon title action"
3611
- ". . description description"
3612
- ". . actiongroup actiongroup";
3613
- --pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
3614
- --pf-v6-c-alert--m-expanded__toggle-icon--Rotate: 90deg;
3615
- --pf-v6-c-alert--m-expanded__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
3616
- }
3617
-
3618
- .pf-v6-c-alert {
3619
- position: relative;
3620
- display: grid;
3621
- grid-template-areas: var(--pf-v6-c-alert--GridTemplateAreas);
3622
- grid-template-columns: var(--pf-v6-c-alert--GridTemplateColumns);
3623
- padding-block-start: var(--pf-v6-c-alert--PaddingBlockStart);
3624
- padding-block-end: var(--pf-v6-c-alert--PaddingBlockEnd);
3625
- padding-inline-start: var(--pf-v6-c-alert--PaddingInlineStart);
3626
- padding-inline-end: var(--pf-v6-c-alert--PaddingInlineEnd);
3627
- font-size: var(--pf-v6-c-alert--FontSize);
3628
- background-color: var(--pf-v6-c-alert--BackgroundColor);
3629
- border: var(--pf-v6-c-alert--BorderWidth) solid var(--pf-v6-c-alert--BorderColor);
3630
- border-radius: var(--pf-v6-c-alert--BorderRadius);
3631
- box-shadow: var(--pf-v6-c-alert--BoxShadow);
3632
- }
3633
-
3634
- .pf-v6-c-alert.pf-m-custom {
3635
- --pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-custom--BorderColor);
3636
- --pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-custom__icon--Color);
3637
- --pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-custom__title--Color);
3638
- }
3639
-
3640
- .pf-v6-c-alert.pf-m-success {
3641
- --pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-success--BorderColor);
3642
- --pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-success__icon--Color);
3643
- --pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-success__title--Color);
3644
- }
3645
-
3646
- .pf-v6-c-alert.pf-m-danger {
3647
- --pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-danger--BorderColor);
3648
- --pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-danger__icon--Color);
3649
- --pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-danger__title--Color);
3650
- }
3651
-
3652
- .pf-v6-c-alert.pf-m-warning {
3653
- --pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-warning--BorderColor);
3654
- --pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-warning__icon--Color);
3655
- --pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-warning__title--Color);
3656
- }
3657
-
3658
- .pf-v6-c-alert.pf-m-info {
3659
- --pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-info--BorderColor);
3660
- --pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-info__icon--Color);
3661
- --pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-info__title--Color);
3662
- }
3663
-
3664
- .pf-v6-c-alert.pf-m-inline {
3665
- --pf-v6-c-alert--BoxShadow: var(--pf-v6-c-alert--m-inline--BoxShadow);
3666
- --pf-v6-c-alert--BackgroundColor: var(--pf-v6-c-alert--m-inline--BackgroundColor);
3667
- }
3668
-
3669
- .pf-v6-c-alert.pf-m-plain {
3670
- --pf-v6-c-alert--BorderWidth: var(--pf-v6-c-alert--m-inline--m-plain--BorderWidth);
3671
- --pf-v6-c-alert--BackgroundColor: var(--pf-v6-c-alert--m-inline--m-plain--BackgroundColor);
3672
- --pf-v6-c-alert--PaddingBlockStart: var(--pf-v6-c-alert--m-inline--m-plain--PaddingBlockStart);
3673
- --pf-v6-c-alert--PaddingInlineEnd: var(--pf-v6-c-alert--m-inline--m-plain--PaddingInlineEnd);
3674
- --pf-v6-c-alert--PaddingBlockEnd: var(--pf-v6-c-alert--m-inline--m-plain--PaddingBlockEnd);
3675
- --pf-v6-c-alert--PaddingInlineStart: var(--pf-v6-c-alert--m-inline--m-plain--PaddingInlineStart);
3676
- }
3677
-
3678
- .pf-v6-c-alert.pf-m-expandable {
3679
- --pf-v6-c-alert--GridTemplateColumns: var(--pf-v6-c-alert--m-expandable--GridTemplateColumns);
3680
- --pf-v6-c-alert--GridTemplateAreas: var(--pf-v6-c-alert--m-expandable--GridTemplateAreas);
3681
- --pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart);
3682
- }
3683
-
3684
- .pf-v6-c-alert.pf-m-expanded {
3685
- --pf-v6-c-alert__toggle-icon--Rotate: var(--pf-v6-c-alert--m-expanded__toggle-icon--Rotate);
3686
- --pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert--m-expanded__description--action-group--PaddingBlockStart);
3687
- }
3688
-
3689
- .pf-v6-c-alert__toggle {
3690
- margin-block-start: var(--pf-v6-c-alert__toggle--MarginBlockStart);
3691
- margin-block-end: var(--pf-v6-c-alert__toggle--MarginBlockEnd);
3692
- margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
3693
- }
3694
-
3695
- .pf-v6-c-alert__toggle-icon {
3696
- display: inline-block;
3697
- transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
3698
- transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
3699
- }
3700
-
3701
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
3702
- scale: -1 1;
3703
- }
3704
-
3705
- .pf-v6-c-alert__icon {
3706
- display: flex;
3707
- grid-area: icon;
3708
- margin-block-start: var(--pf-v6-c-alert__icon--MarginBlockStart);
3709
- margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
3710
- font-size: var(--pf-v6-c-alert__icon--FontSize);
3711
- color: var(--pf-v6-c-alert__icon--Color);
3712
- }
3713
-
3714
- .pf-v6-c-alert__title {
3715
- grid-area: title;
3716
- font-weight: var(--pf-v6-c-alert__title--FontWeight);
3717
- color: var(--pf-v6-c-alert__title--Color);
3718
- word-break: break-word;
3719
- }
3720
-
3721
- .pf-v6-c-alert__title.pf-m-truncate {
3722
- display: -webkit-box;
3723
- -webkit-box-orient: vertical;
3724
- -webkit-line-clamp: var(--pf-v6-c-alert__title--max-lines);
3725
- overflow: hidden;
3726
- }
3727
-
3728
- .pf-v6-c-alert__description {
3729
- grid-area: description;
3730
- padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
3731
- word-break: break-word;
3732
- }
3733
-
3734
- .pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
3735
- --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
3736
- }
3737
-
3738
- .pf-v6-c-alert__action {
3739
- grid-area: action;
3740
- margin-block-start: var(--pf-v6-c-alert__action--MarginBlockStart);
3741
- margin-block-end: var(--pf-v6-c-alert__action--MarginBlockEnd);
3742
- margin-inline-end: var(--pf-v6-c-alert__action--MarginInlineEnd);
3743
- transform: translateY(var(--pf-v6-c-alert__action--TranslateY));
3744
- }
3745
-
3746
- .pf-v6-c-alert__action > .pf-v6-c-button {
3747
- --pf-v6-c-button--LineHeight: 1;
3748
- }
3749
-
3750
- .pf-v6-c-alert__action-group {
3751
- grid-area: actiongroup;
3752
- padding-block-start: var(--pf-v6-c-alert__action-group--PaddingBlockStart);
3753
- }
3754
-
3755
- .pf-v6-c-alert__action-group > .pf-v6-c-button:not(:last-child) {
3756
- margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
3757
- }
3758
-
3759
3759
  :root,
3760
3760
  .pf-v6-c-date-picker {
3761
3761
  --pf-v6-c-date-picker--m-top__calendar--InsetBlockStart: 0;
@@ -5848,28 +5848,117 @@ ul) {
5848
5848
  }
5849
5849
 
5850
5850
  :root,
5851
- .pf-v6-c-file-upload {
5852
- --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
5853
- --pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
5854
- --pf-v6-c-file-upload--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
5855
- --pf-v6-c-file-upload--PaddingInlineStart: var(--pf-t--global--spacer--sm);
5856
- --pf-v6-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
5857
- --pf-v6-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
5858
- --pf-v6-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
5859
- --pf-v6-c-file-upload--BorderColor: transparent;
5860
- --pf-v6-c-file-upload--BorderStyle: solid;
5861
- --pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--icon--color--brand--default);
5862
- --pf-v6-c-file-upload--m-drag-hover--BorderStyle: dashed;
5863
- --pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
5864
- --pf-v6-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
5851
+ .pf-v6-c-expandable-section {
5852
+ --pf-v6-c-expandable-section--Gap: var(--pf-t--global--spacer--sm);
5853
+ --pf-v6-c-expandable-section__toggle-icon--MinWidth: 1em;
5854
+ --pf-v6-c-expandable-section__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
5855
+ --pf-v6-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
5856
+ --pf-v6-c-expandable-section__toggle-icon--Rotate: 0;
5857
+ --pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
5858
+ --pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
5859
+ --pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
5860
+ --pf-v6-c-expandable-section__content--MaxWidth: auto;
5861
+ --pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
5862
+ --pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
5863
+ --pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
5864
+ --pf-v6-c-expandable-section--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--md);
5865
+ --pf-v6-c-expandable-section--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--md);
5866
+ --pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--md);
5867
+ --pf-v6-c-expandable-section--m-display-lg--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
5868
+ --pf-v6-c-expandable-section--m-display-lg--BorderWidth: var(--pf-t--global--border--width--box--default);
5869
+ --pf-v6-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
5870
+ --pf-v6-c-expandable-section--m-display-lg--BorderRadius: var(--pf-t--global--border--radius--medium);
5871
+ --pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) + var(--pf-t--global--spacer--gap--text-to-element--default) + var(--pf-v6-c-expandable-section__toggle-icon--MinWidth));
5872
+ --pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
5873
+ --pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
5865
5874
  }
5866
5875
 
5867
- .pf-v6-c-file-upload {
5868
- position: relative;
5876
+ .pf-v6-c-expandable-section {
5869
5877
  display: flex;
5870
5878
  flex-direction: column;
5871
- row-gap: var(--pf-v6-c-file-upload--RowGap);
5872
- padding-block-start: var(--pf-v6-c-file-upload--PaddingBlockStart);
5879
+ gap: var(--pf-v6-c-expandable-section--Gap);
5880
+ }
5881
+
5882
+ .pf-v6-c-expandable-section.pf-m-expanded {
5883
+ --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate);
5884
+ --pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
5885
+ --pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd);
5886
+ }
5887
+
5888
+ .pf-v6-c-expandable-section.pf-m-limit-width {
5889
+ --pf-v6-c-expandable-section__content--MaxWidth: var(--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth);
5890
+ }
5891
+
5892
+ .pf-v6-c-expandable-section.pf-m-display-lg {
5893
+ padding-block-start: var(--pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart);
5894
+ padding-block-end: var(--pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd);
5895
+ padding-inline-start: var(--pf-v6-c-expandable-section--m-display-lg--PaddingInlineStart);
5896
+ padding-inline-end: var(--pf-v6-c-expandable-section--m-display-lg--PaddingInlineEnd);
5897
+ background-color: var(--pf-v6-c-expandable-section--m-display-lg--BackgroundColor);
5898
+ border: var(--pf-v6-c-expandable-section--m-display-lg--BorderWidth) solid var(--pf-v6-c-expandable-section--m-display-lg--BorderColor);
5899
+ border-radius: var(--pf-v6-c-expandable-section--m-display-lg--BorderRadius);
5900
+ }
5901
+
5902
+ .pf-v6-c-expandable-section.pf-m-indented {
5903
+ --pf-v6-c-expandable-section__content--PaddingInlineStart: var(--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart);
5904
+ }
5905
+
5906
+ .pf-v6-c-expandable-section.pf-m-truncate {
5907
+ --pf-v6-c-expandable-section--Gap: var(--pf-v6-c-expandable-section--m-truncate--Gap);
5908
+ }
5909
+
5910
+ .pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
5911
+ display: -webkit-box;
5912
+ -webkit-box-orient: vertical;
5913
+ -webkit-line-clamp: var(--pf-v6-c-expandable-section--m-truncate__content--LineClamp);
5914
+ overflow: hidden;
5915
+ }
5916
+
5917
+ .pf-v6-c-expandable-section__toggle-icon {
5918
+ display: inline-block;
5919
+ min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
5920
+ color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
5921
+ transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
5922
+ transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
5923
+ }
5924
+
5925
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
5926
+ scale: -1 1;
5927
+ }
5928
+
5929
+ .pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
5930
+ --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
5931
+ }
5932
+
5933
+ .pf-v6-c-expandable-section__content {
5934
+ max-width: var(--pf-v6-c-expandable-section__content--MaxWidth);
5935
+ padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
5936
+ padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
5937
+ }
5938
+
5939
+ :root,
5940
+ .pf-v6-c-file-upload {
5941
+ --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
5942
+ --pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
5943
+ --pf-v6-c-file-upload--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
5944
+ --pf-v6-c-file-upload--PaddingInlineStart: var(--pf-t--global--spacer--sm);
5945
+ --pf-v6-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
5946
+ --pf-v6-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
5947
+ --pf-v6-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
5948
+ --pf-v6-c-file-upload--BorderColor: transparent;
5949
+ --pf-v6-c-file-upload--BorderStyle: solid;
5950
+ --pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--icon--color--brand--default);
5951
+ --pf-v6-c-file-upload--m-drag-hover--BorderStyle: dashed;
5952
+ --pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
5953
+ --pf-v6-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
5954
+ }
5955
+
5956
+ .pf-v6-c-file-upload {
5957
+ position: relative;
5958
+ display: flex;
5959
+ flex-direction: column;
5960
+ row-gap: var(--pf-v6-c-file-upload--RowGap);
5961
+ padding-block-start: var(--pf-v6-c-file-upload--PaddingBlockStart);
5873
5962
  padding-block-end: var(--pf-v6-c-file-upload--PaddingBlockEnd);
5874
5963
  padding-inline-start: var(--pf-v6-c-file-upload--PaddingInlineStart);
5875
5964
  padding-inline-end: var(--pf-v6-c-file-upload--PaddingInlineEnd);
@@ -6448,95 +6537,6 @@ ul) {
6448
6537
  margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
6449
6538
  }
6450
6539
 
6451
- :root,
6452
- .pf-v6-c-expandable-section {
6453
- --pf-v6-c-expandable-section--Gap: var(--pf-t--global--spacer--sm);
6454
- --pf-v6-c-expandable-section__toggle-icon--MinWidth: 1em;
6455
- --pf-v6-c-expandable-section__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
6456
- --pf-v6-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
6457
- --pf-v6-c-expandable-section__toggle-icon--Rotate: 0;
6458
- --pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
6459
- --pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
6460
- --pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
6461
- --pf-v6-c-expandable-section__content--MaxWidth: auto;
6462
- --pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
6463
- --pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
6464
- --pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
6465
- --pf-v6-c-expandable-section--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--md);
6466
- --pf-v6-c-expandable-section--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--md);
6467
- --pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--md);
6468
- --pf-v6-c-expandable-section--m-display-lg--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
6469
- --pf-v6-c-expandable-section--m-display-lg--BorderWidth: var(--pf-t--global--border--width--box--default);
6470
- --pf-v6-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
6471
- --pf-v6-c-expandable-section--m-display-lg--BorderRadius: var(--pf-t--global--border--radius--medium);
6472
- --pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) + var(--pf-t--global--spacer--gap--text-to-element--default) + var(--pf-v6-c-expandable-section__toggle-icon--MinWidth));
6473
- --pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
6474
- --pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
6475
- }
6476
-
6477
- .pf-v6-c-expandable-section {
6478
- display: flex;
6479
- flex-direction: column;
6480
- gap: var(--pf-v6-c-expandable-section--Gap);
6481
- }
6482
-
6483
- .pf-v6-c-expandable-section.pf-m-expanded {
6484
- --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate);
6485
- --pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
6486
- --pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd);
6487
- }
6488
-
6489
- .pf-v6-c-expandable-section.pf-m-limit-width {
6490
- --pf-v6-c-expandable-section__content--MaxWidth: var(--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth);
6491
- }
6492
-
6493
- .pf-v6-c-expandable-section.pf-m-display-lg {
6494
- padding-block-start: var(--pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart);
6495
- padding-block-end: var(--pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd);
6496
- padding-inline-start: var(--pf-v6-c-expandable-section--m-display-lg--PaddingInlineStart);
6497
- padding-inline-end: var(--pf-v6-c-expandable-section--m-display-lg--PaddingInlineEnd);
6498
- background-color: var(--pf-v6-c-expandable-section--m-display-lg--BackgroundColor);
6499
- border: var(--pf-v6-c-expandable-section--m-display-lg--BorderWidth) solid var(--pf-v6-c-expandable-section--m-display-lg--BorderColor);
6500
- border-radius: var(--pf-v6-c-expandable-section--m-display-lg--BorderRadius);
6501
- }
6502
-
6503
- .pf-v6-c-expandable-section.pf-m-indented {
6504
- --pf-v6-c-expandable-section__content--PaddingInlineStart: var(--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart);
6505
- }
6506
-
6507
- .pf-v6-c-expandable-section.pf-m-truncate {
6508
- --pf-v6-c-expandable-section--Gap: var(--pf-v6-c-expandable-section--m-truncate--Gap);
6509
- }
6510
-
6511
- .pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
6512
- display: -webkit-box;
6513
- -webkit-box-orient: vertical;
6514
- -webkit-line-clamp: var(--pf-v6-c-expandable-section--m-truncate__content--LineClamp);
6515
- overflow: hidden;
6516
- }
6517
-
6518
- .pf-v6-c-expandable-section__toggle-icon {
6519
- display: inline-block;
6520
- min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
6521
- color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
6522
- transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
6523
- transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
6524
- }
6525
-
6526
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
6527
- scale: -1 1;
6528
- }
6529
-
6530
- .pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
6531
- --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
6532
- }
6533
-
6534
- .pf-v6-c-expandable-section__content {
6535
- max-width: var(--pf-v6-c-expandable-section__content--MaxWidth);
6536
- padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
6537
- padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
6538
- }
6539
-
6540
6540
  :root,
6541
6541
  .pf-v6-c-form-control {
6542
6542
  --pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
@@ -7371,90 +7371,349 @@ label.pf-v6-c-input-group__text {
7371
7371
  }
7372
7372
 
7373
7373
  :root,
7374
- .pf-v6-c-sidebar {
7375
- --pf-v6-c-sidebar--inset: var(--pf-t--global--spacer--md);
7376
- --pf-v6-c-sidebar--xl--inset: var(--pf-t--global--spacer--lg);
7377
- --pf-v6-c-sidebar--BorderWidth--base: var(--pf-t--global--border--width--regular);
7378
- --pf-v6-c-sidebar--BorderColor--base: var(--pf-t--global--border--color--default);
7379
- --pf-v6-c-sidebar__panel--PaddingBlockStart: 0;
7380
- --pf-v6-c-sidebar__panel--PaddingInlineEnd: 0;
7381
- --pf-v6-c-sidebar__panel--PaddingBlockEnd: 0;
7382
- --pf-v6-c-sidebar__panel--PaddingInlineStart: 0;
7383
- --pf-v6-c-sidebar__panel--Order: -1;
7384
- --pf-v6-c-sidebar__panel--m-padding--PaddingBlockStart: var(--pf-v6-c-sidebar--inset);
7385
- --pf-v6-c-sidebar__panel--m-padding--PaddingInlineEnd: var(--pf-v6-c-sidebar--inset);
7386
- --pf-v6-c-sidebar__panel--m-padding--PaddingBlockEnd: var(--pf-v6-c-sidebar--inset);
7387
- --pf-v6-c-sidebar__panel--m-padding--PaddingInlineStart: var(--pf-v6-c-sidebar--inset);
7388
- --pf-v6-c-sidebar__content--PaddingBlockStart: 0;
7389
- --pf-v6-c-sidebar__content--PaddingInlineEnd: 0;
7390
- --pf-v6-c-sidebar__content--PaddingBlockEnd: 0;
7391
- --pf-v6-c-sidebar__content--PaddingInlineStart: 0;
7392
- --pf-v6-c-sidebar__content--Order: 1;
7393
- --pf-v6-c-sidebar__content--m-padding--PaddingBlockStart: var(--pf-v6-c-sidebar--inset);
7394
- --pf-v6-c-sidebar__content--m-padding--PaddingInlineEnd: var(--pf-v6-c-sidebar--inset);
7395
- --pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd: var(--pf-v6-c-sidebar--inset);
7396
- --pf-v6-c-sidebar__content--m-padding--PaddingInlineStart: var(--pf-v6-c-sidebar--inset);
7397
- --pf-v6-c-sidebar__main--FlexDirection: column;
7398
- --pf-v6-c-sidebar__main--md--FlexDirection: row;
7399
- --pf-v6-c-sidebar__main--AlignItems: stretch;
7400
- --pf-v6-c-sidebar__main--md--AlignItems: flex-start;
7401
- --pf-v6-c-sidebar__main--child--MarginBlockStart: 0;
7402
- --pf-v6-c-sidebar--m-gutter__main--Gap: var(--pf-v6-c-sidebar--inset);
7403
- --pf-v6-c-sidebar__main--m-border--before--Display: none;
7404
- --pf-v6-c-sidebar__main--m-border--before--md--Display: block;
7405
- --pf-v6-c-sidebar__main--m-border--before--BorderWidth: var(--pf-v6-c-sidebar--BorderWidth--base);
7406
- --pf-v6-c-sidebar__main--m-border--before--BorderColor: var(--pf-v6-c-sidebar--BorderColor--base);
7407
- --pf-v6-c-sidebar--m-panel-right__panel--Order: -1;
7408
- --pf-v6-c-sidebar--m-panel-right__panel--md--Order: 1;
7409
- --pf-v6-c-sidebar--m-panel-right__content--md--Order: -1;
7410
- --pf-v6-c-sidebar--m-stack__main--FlexDirection: column;
7411
- --pf-v6-c-sidebar--m-stack__main--AlignItems: stretch;
7412
- --pf-v6-c-sidebar--m-stack__panel--Position: sticky;
7413
- --pf-v6-c-sidebar--m-stack__panel--InsetBlockStart: 0;
7414
- --pf-v6-c-sidebar--m-stack__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
7415
- --pf-v6-c-sidebar--m-stack--m-panel-right__panel--Order: -1;
7416
- --pf-v6-c-sidebar--m-split__main--AlignItems: flex-start;
7417
- --pf-v6-c-sidebar--m-split__main--FlexDirection: row;
7418
- --pf-v6-c-sidebar--m-split__panel--Position: static;
7419
- --pf-v6-c-sidebar--m-split__panel--InsetBlockStart: auto;
7420
- --pf-v6-c-sidebar--m-split--m-panel-right__panel--Order: 1;
7421
- --pf-v6-c-sidebar--m-split__main--m-border--before--Display: block;
7422
- --pf-v6-c-sidebar__panel--FlexBasis--base: auto;
7423
- --pf-v6-c-sidebar__panel--BoxShadow--base: var(--pf-t--global--box-shadow--md--bottom);
7424
- --pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
7425
- --pf-v6-c-sidebar__panel--InsetBlockStart: 0;
7426
- --pf-v6-c-sidebar__panel--md--InsetBlockStart: auto;
7427
- --pf-v6-c-sidebar__panel--Position: sticky;
7428
- --pf-v6-c-sidebar__panel--md--Position: static;
7429
- --pf-v6-c-sidebar__panel--FlexBasis-base: auto;
7430
- --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis-base);
7431
- --pf-v6-c-sidebar__panel--md--FlexBasis: 15.625rem;
7432
- --pf-v6-c-sidebar__panel--m-split--FlexBasis: 15.625rem;
7433
- --pf-v6-c-sidebar__panel--m-stack--FlexBasis: auto;
7434
- --pf-v6-c-sidebar__panel--ZIndex: var(--pf-t--global--z-index--xs);
7435
- --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7436
- --pf-v6-c-sidebar__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
7437
- --pf-v6-c-sidebar__content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7438
- --pf-v6-c-sidebar__content--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
7439
- --pf-v6-c-sidebar__panel--m-sticky--InsetBlockStart: 0;
7440
- --pf-v6-c-sidebar__panel--m-sticky--Position: sticky;
7441
- }
7442
-
7443
- .pf-v6-c-sidebar {
7444
- height: 100%;
7445
- }
7446
-
7447
- @media (min-width: 48rem) {
7448
- .pf-v6-c-sidebar {
7449
- --pf-v6-c-sidebar__main--FlexDirection: var(--pf-v6-c-sidebar__main--md--FlexDirection);
7450
- --pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar__main--md--AlignItems);
7451
- --pf-v6-c-sidebar__main--m-border--before--Display: var(--pf-v6-c-sidebar__main--m-border--before--md--Display);
7452
- --pf-v6-c-sidebar__panel--BoxShadow: none;
7453
- --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--md--FlexBasis);
7454
- --pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar__panel--md--InsetBlockStart);
7455
- --pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar__panel--md--Position);
7456
- }
7457
- }
7374
+ .pf-v6-c-jump-links {
7375
+ --pf-v6-c-jump-links__list--Display: flex;
7376
+ --pf-v6-c-jump-links__list--PaddingBlockStart: 0;
7377
+ --pf-v6-c-jump-links__list--PaddingInlineEnd: var(--pf-t--global--spacer--md);
7378
+ --pf-v6-c-jump-links__list--PaddingBlockEnd: 0;
7379
+ --pf-v6-c-jump-links__list--PaddingInlineStart: var(--pf-t--global--spacer--md);
7380
+ --pf-v6-c-jump-links--m-vertical__list--PaddingBlockStart: var(--pf-t--global--spacer--md);
7381
+ --pf-v6-c-jump-links--m-vertical__list--PaddingInlineEnd: 0;
7382
+ --pf-v6-c-jump-links--m-vertical__list--PaddingBlockEnd: var(--pf-t--global--spacer--md);
7383
+ --pf-v6-c-jump-links--m-vertical__list--PaddingInlineStart: 0;
7384
+ --pf-v6-c-jump-links__list--FlexDirection: row;
7385
+ --pf-v6-c-jump-links--m-vertical__list--FlexDirection: column;
7386
+ --pf-v6-c-jump-links__list--before--BorderColor: var(--pf-t--global--border--color--default);
7387
+ --pf-v6-c-jump-links__list--before--BorderBlockStartWidth: var(--pf-t--global--border--width--box--default);
7388
+ --pf-v6-c-jump-links__list--before--BorderInlineEndWidth: 0;
7389
+ --pf-v6-c-jump-links__list--before--BorderBlockEndWidth: 0;
7390
+ --pf-v6-c-jump-links__list--before--BorderInlineStartWidth: 0;
7391
+ --pf-v6-c-jump-links--m-vertical__list--before--BorderInlineStartWidth: var(--pf-t--global--border--width--box--default);
7392
+ --pf-v6-c-jump-links--m-vertical__list--before--BorderBlockStartWidth: 0;
7393
+ --pf-v6-c-jump-links__list__list--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
7394
+ --pf-v6-c-jump-links__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
7395
+ --pf-v6-c-jump-links__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7396
+ --pf-v6-c-jump-links__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
7397
+ --pf-v6-c-jump-links__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7398
+ --pf-v6-c-jump-links__list__list__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
7399
+ --pf-v6-c-jump-links__list__list__link--PaddingInlineStart: var(--pf-t--global--spacer--lg);
7400
+ --pf-v6-c-jump-links__list__list__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
7401
+ --pf-v6-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--sm));
7402
+ --pf-v6-c-jump-links__link--before--BorderBlockStartWidth: 0;
7403
+ --pf-v6-c-jump-links__link--before--BorderInlineEndWidth: 0;
7404
+ --pf-v6-c-jump-links__link--before--BorderBlockEndWidth: 0;
7405
+ --pf-v6-c-jump-links__link--before--BorderInlineStartWidth: 0;
7406
+ --pf-v6-c-jump-links__link--before--BorderColor: transparent;
7407
+ --pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-t--global--border--width--extra-strong);
7408
+ --pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth: 0;
7409
+ --pf-v6-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-t--global--border--color--clicked);
7410
+ --pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth: 0;
7411
+ --pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth: var(--pf-t--global--border--width--extra-strong);
7412
+ --pf-v6-c-jump-links__link-text--Color: var(--pf-t--global--text--color--subtle);
7413
+ --pf-v6-c-jump-links__link--hover__link-text--Color: var(--pf-t--global--text--color--subtle);
7414
+ --pf-v6-c-jump-links__item--m-current__link-text--Color: var(--pf-t--global--text--color--regular);
7415
+ --pf-v6-c-jump-links__label--MarginBlockEnd: var(--pf-t--global--spacer--md);
7416
+ --pf-v6-c-jump-links__label--Display: block;
7417
+ --pf-v6-c-jump-links__toggle--MarginBlockEnd: 0;
7418
+ --pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: var(--pf-t--global--spacer--sm);
7419
+ --pf-v6-c-jump-links__toggle--Display: none;
7420
+ --pf-v6-c-jump-links__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
7421
+ --pf-v6-c-jump-links__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
7422
+ --pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
7423
+ --pf-v6-c-jump-links__toggle-icon--Rotate: 0;
7424
+ --pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
7425
+ }
7426
+
7427
+ .pf-v6-c-jump-links {
7428
+ display: flex;
7429
+ }
7430
+
7431
+ .pf-v6-c-jump-links.pf-m-center {
7432
+ justify-content: center;
7433
+ }
7434
+
7435
+ .pf-v6-c-jump-links.pf-m-center .pf-v6-c-jump-links__main {
7436
+ align-items: center;
7437
+ }
7438
+
7439
+ .pf-v6-c-jump-links.pf-m-vertical, .pf-v6-c-jump-links.pf-m-expandable {
7440
+ --pf-v6-c-jump-links__list--PaddingBlockStart: var(--pf-v6-c-jump-links--m-vertical__list--PaddingBlockStart);
7441
+ --pf-v6-c-jump-links__list--PaddingInlineEnd: var(--pf-v6-c-jump-links--m-vertical__list--PaddingInlineEnd);
7442
+ --pf-v6-c-jump-links__list--PaddingBlockEnd: var(--pf-v6-c-jump-links--m-vertical__list--PaddingBlockEnd);
7443
+ --pf-v6-c-jump-links__list--PaddingInlineStart: var(--pf-v6-c-jump-links--m-vertical__list--PaddingInlineStart);
7444
+ --pf-v6-c-jump-links__list--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderBlockStartWidth);
7445
+ --pf-v6-c-jump-links__list--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderInlineStartWidth);
7446
+ --pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth);
7447
+ --pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth);
7448
+ --pf-v6-c-jump-links__list--FlexDirection: var(--pf-v6-c-jump-links--m-vertical__list--FlexDirection);
7449
+ flex-direction: column;
7450
+ }
7451
+
7452
+ .pf-v6-c-jump-links.pf-m-expandable {
7453
+ --pf-v6-c-jump-links__list--Display: none;
7454
+ --pf-v6-c-jump-links__toggle--Display: block;
7455
+ --pf-v6-c-jump-links__label--Display: none;
7456
+ }
7457
+
7458
+ .pf-v6-c-jump-links.pf-m-non-expandable {
7459
+ --pf-v6-c-jump-links__list--Display: flex;
7460
+ --pf-v6-c-jump-links__toggle--Display: none;
7461
+ --pf-v6-c-jump-links__label--Display: block;
7462
+ }
7463
+
7464
+ @media (min-width: 36rem) {
7465
+ .pf-v6-c-jump-links.pf-m-expandable-on-sm {
7466
+ --pf-v6-c-jump-links__list--Display: none;
7467
+ --pf-v6-c-jump-links__toggle--Display: block;
7468
+ --pf-v6-c-jump-links__label--Display: none;
7469
+ }
7470
+ .pf-v6-c-jump-links.pf-m-non-expandable-on-sm {
7471
+ --pf-v6-c-jump-links__list--Display: flex;
7472
+ --pf-v6-c-jump-links__toggle--Display: none;
7473
+ --pf-v6-c-jump-links__label--Display: block;
7474
+ }
7475
+ }
7476
+ @media (min-width: 48rem) {
7477
+ .pf-v6-c-jump-links.pf-m-expandable-on-md {
7478
+ --pf-v6-c-jump-links__list--Display: none;
7479
+ --pf-v6-c-jump-links__toggle--Display: block;
7480
+ --pf-v6-c-jump-links__label--Display: none;
7481
+ }
7482
+ .pf-v6-c-jump-links.pf-m-non-expandable-on-md {
7483
+ --pf-v6-c-jump-links__list--Display: flex;
7484
+ --pf-v6-c-jump-links__toggle--Display: none;
7485
+ --pf-v6-c-jump-links__label--Display: block;
7486
+ }
7487
+ }
7488
+ @media (min-width: 62rem) {
7489
+ .pf-v6-c-jump-links.pf-m-expandable-on-lg {
7490
+ --pf-v6-c-jump-links__list--Display: none;
7491
+ --pf-v6-c-jump-links__toggle--Display: block;
7492
+ --pf-v6-c-jump-links__label--Display: none;
7493
+ }
7494
+ .pf-v6-c-jump-links.pf-m-non-expandable-on-lg {
7495
+ --pf-v6-c-jump-links__list--Display: flex;
7496
+ --pf-v6-c-jump-links__toggle--Display: none;
7497
+ --pf-v6-c-jump-links__label--Display: block;
7498
+ }
7499
+ }
7500
+ @media (min-width: 75rem) {
7501
+ .pf-v6-c-jump-links.pf-m-expandable-on-xl {
7502
+ --pf-v6-c-jump-links__list--Display: none;
7503
+ --pf-v6-c-jump-links__toggle--Display: block;
7504
+ --pf-v6-c-jump-links__label--Display: none;
7505
+ }
7506
+ .pf-v6-c-jump-links.pf-m-non-expandable-on-xl {
7507
+ --pf-v6-c-jump-links__list--Display: flex;
7508
+ --pf-v6-c-jump-links__toggle--Display: none;
7509
+ --pf-v6-c-jump-links__label--Display: block;
7510
+ }
7511
+ }
7512
+ @media (min-width: 90.625rem) {
7513
+ .pf-v6-c-jump-links.pf-m-expandable-on-2xl {
7514
+ --pf-v6-c-jump-links__list--Display: none;
7515
+ --pf-v6-c-jump-links__toggle--Display: block;
7516
+ --pf-v6-c-jump-links__label--Display: none;
7517
+ }
7518
+ .pf-v6-c-jump-links.pf-m-non-expandable-on-2xl {
7519
+ --pf-v6-c-jump-links__list--Display: flex;
7520
+ --pf-v6-c-jump-links__toggle--Display: none;
7521
+ --pf-v6-c-jump-links__label--Display: block;
7522
+ }
7523
+ }
7524
+ .pf-v6-c-jump-links.pf-m-expanded {
7525
+ --pf-v6-c-jump-links__list--Display: flex;
7526
+ --pf-v6-c-jump-links__toggle--MarginBlockEnd: var(--pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd);
7527
+ --pf-v6-c-jump-links__toggle-icon--Rotate: var(--pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate);
7528
+ --pf-v6-c-jump-links__toggle-icon--Color: var(--pf-v6-c-jump-links--m-expanded__toggle-icon--Color);
7529
+ }
7530
+
7531
+ .pf-v6-c-jump-links__list {
7532
+ position: relative;
7533
+ display: var(--pf-v6-c-jump-links__list--Display);
7534
+ flex-direction: var(--pf-v6-c-jump-links__list--FlexDirection);
7535
+ padding-block-start: var(--pf-v6-c-jump-links__list--PaddingBlockStart);
7536
+ padding-block-end: var(--pf-v6-c-jump-links__list--PaddingBlockEnd);
7537
+ padding-inline-start: var(--pf-v6-c-jump-links__list--PaddingInlineStart);
7538
+ padding-inline-end: var(--pf-v6-c-jump-links__list--PaddingInlineEnd);
7539
+ }
7540
+
7541
+ .pf-v6-c-jump-links__list::before {
7542
+ position: absolute;
7543
+ inset: 0;
7544
+ pointer-events: none;
7545
+ content: "";
7546
+ border: solid var(--pf-v6-c-jump-links__list--before--BorderColor);
7547
+ border-block-start-width: var(--pf-v6-c-jump-links__list--before--BorderBlockStartWidth);
7548
+ border-block-end-width: var(--pf-v6-c-jump-links__list--before--BorderBlockEndWidth);
7549
+ border-inline-start-width: var(--pf-v6-c-jump-links__list--before--BorderInlineStartWidth);
7550
+ border-inline-end-width: var(--pf-v6-c-jump-links__list--before--BorderInlineEndWidth);
7551
+ }
7552
+
7553
+ .pf-v6-c-jump-links__list .pf-v6-c-jump-links__list {
7554
+ --pf-v6-c-jump-links__list--PaddingBlockStart: 0;
7555
+ --pf-v6-c-jump-links__list--PaddingBlockEnd: 0;
7556
+ --pf-v6-c-jump-links__link--PaddingBlockStart: var(--pf-v6-c-jump-links__list__list__link--PaddingBlockStart);
7557
+ --pf-v6-c-jump-links__link--PaddingBlockEnd: var(--pf-v6-c-jump-links__list__list__link--PaddingBlockEnd);
7558
+ --pf-v6-c-jump-links__link--PaddingInlineStart: var(--pf-v6-c-jump-links__list__list__link--PaddingInlineStart);
7559
+ margin-block-start: var(--pf-v6-c-jump-links__list__list--MarginBlockStart);
7560
+ }
7561
+
7562
+ .pf-v6-c-jump-links__link {
7563
+ position: relative;
7564
+ display: flex;
7565
+ flex: 1;
7566
+ padding-block-start: var(--pf-v6-c-jump-links__link--PaddingBlockStart);
7567
+ padding-block-end: var(--pf-v6-c-jump-links__link--PaddingBlockEnd);
7568
+ padding-inline-start: var(--pf-v6-c-jump-links__link--PaddingInlineStart);
7569
+ padding-inline-end: var(--pf-v6-c-jump-links__link--PaddingInlineEnd);
7570
+ text-decoration: none;
7571
+ outline-offset: var(--pf-v6-c-jump-links__link--OutlineOffset);
7572
+ }
7573
+
7574
+ .pf-v6-c-jump-links__link:is(:hover, :focus) {
7575
+ --pf-v6-c-jump-links__link-text--Color: var(--pf-v6-c-jump-links__link--hover__link-text--Color);
7576
+ }
7577
+
7578
+ .pf-v6-c-jump-links__link::before {
7579
+ position: absolute;
7580
+ inset: 0;
7581
+ pointer-events: none;
7582
+ content: "";
7583
+ border-color: var(--pf-v6-c-jump-links__link--before--BorderColor);
7584
+ border-style: solid;
7585
+ border-block-start-width: var(--pf-v6-c-jump-links__link--before--BorderBlockStartWidth);
7586
+ border-block-end-width: var(--pf-v6-c-jump-links__link--before--BorderBlockEndWidth);
7587
+ border-inline-start-width: var(--pf-v6-c-jump-links__link--before--BorderInlineStartWidth);
7588
+ border-inline-end-width: var(--pf-v6-c-jump-links__link--before--BorderInlineEndWidth);
7589
+ }
7590
+
7591
+ .pf-v6-c-jump-links__item {
7592
+ --pf-v6-c-jump-links__list--before--BorderColor: transparent;
7593
+ }
7594
+
7595
+ .pf-v6-c-jump-links__item.pf-m-current > .pf-v6-c-jump-links__link {
7596
+ --pf-v6-c-jump-links__link--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth);
7597
+ --pf-v6-c-jump-links__link--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth);
7598
+ --pf-v6-c-jump-links__link--before--BorderColor: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderColor);
7599
+ --pf-v6-c-jump-links__link-text--Color: var(--pf-v6-c-jump-links__item--m-current__link-text--Color);
7600
+ }
7601
+
7602
+ .pf-v6-c-jump-links__link-text {
7603
+ color: var(--pf-v6-c-jump-links__link-text--Color);
7604
+ }
7605
+
7606
+ .pf-v6-c-jump-links__label {
7607
+ display: var(--pf-v6-c-jump-links__label--Display);
7608
+ margin-block-end: var(--pf-v6-c-jump-links__label--MarginBlockEnd);
7609
+ }
7610
+
7611
+ .pf-v6-c-jump-links__main {
7612
+ display: flex;
7613
+ flex-direction: column;
7614
+ }
7615
+
7616
+ .pf-v6-c-jump-links__toggle {
7617
+ display: var(--pf-v6-c-jump-links__toggle--Display);
7618
+ margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
7619
+ }
7620
+
7621
+ .pf-v6-c-jump-links__toggle-icon {
7622
+ display: inline-block;
7623
+ color: var(--pf-v6-c-jump-links__toggle-icon--Color);
7624
+ transition: transform var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration) var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
7625
+ transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
7626
+ }
7627
+
7628
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
7629
+ scale: -1 1;
7630
+ }
7631
+
7632
+ :root,
7633
+ .pf-v6-c-sidebar {
7634
+ --pf-v6-c-sidebar--inset: var(--pf-t--global--spacer--md);
7635
+ --pf-v6-c-sidebar--xl--inset: var(--pf-t--global--spacer--lg);
7636
+ --pf-v6-c-sidebar--BorderWidth--base: var(--pf-t--global--border--width--regular);
7637
+ --pf-v6-c-sidebar--BorderColor--base: var(--pf-t--global--border--color--default);
7638
+ --pf-v6-c-sidebar__panel--PaddingBlockStart: 0;
7639
+ --pf-v6-c-sidebar__panel--PaddingInlineEnd: 0;
7640
+ --pf-v6-c-sidebar__panel--PaddingBlockEnd: 0;
7641
+ --pf-v6-c-sidebar__panel--PaddingInlineStart: 0;
7642
+ --pf-v6-c-sidebar__panel--Order: -1;
7643
+ --pf-v6-c-sidebar__panel--m-padding--PaddingBlockStart: var(--pf-v6-c-sidebar--inset);
7644
+ --pf-v6-c-sidebar__panel--m-padding--PaddingInlineEnd: var(--pf-v6-c-sidebar--inset);
7645
+ --pf-v6-c-sidebar__panel--m-padding--PaddingBlockEnd: var(--pf-v6-c-sidebar--inset);
7646
+ --pf-v6-c-sidebar__panel--m-padding--PaddingInlineStart: var(--pf-v6-c-sidebar--inset);
7647
+ --pf-v6-c-sidebar__content--PaddingBlockStart: 0;
7648
+ --pf-v6-c-sidebar__content--PaddingInlineEnd: 0;
7649
+ --pf-v6-c-sidebar__content--PaddingBlockEnd: 0;
7650
+ --pf-v6-c-sidebar__content--PaddingInlineStart: 0;
7651
+ --pf-v6-c-sidebar__content--Order: 1;
7652
+ --pf-v6-c-sidebar__content--m-padding--PaddingBlockStart: var(--pf-v6-c-sidebar--inset);
7653
+ --pf-v6-c-sidebar__content--m-padding--PaddingInlineEnd: var(--pf-v6-c-sidebar--inset);
7654
+ --pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd: var(--pf-v6-c-sidebar--inset);
7655
+ --pf-v6-c-sidebar__content--m-padding--PaddingInlineStart: var(--pf-v6-c-sidebar--inset);
7656
+ --pf-v6-c-sidebar__main--FlexDirection: column;
7657
+ --pf-v6-c-sidebar__main--md--FlexDirection: row;
7658
+ --pf-v6-c-sidebar__main--AlignItems: stretch;
7659
+ --pf-v6-c-sidebar__main--md--AlignItems: flex-start;
7660
+ --pf-v6-c-sidebar__main--child--MarginBlockStart: 0;
7661
+ --pf-v6-c-sidebar--m-gutter__main--Gap: var(--pf-v6-c-sidebar--inset);
7662
+ --pf-v6-c-sidebar__main--m-border--before--Display: none;
7663
+ --pf-v6-c-sidebar__main--m-border--before--md--Display: block;
7664
+ --pf-v6-c-sidebar__main--m-border--before--BorderWidth: var(--pf-v6-c-sidebar--BorderWidth--base);
7665
+ --pf-v6-c-sidebar__main--m-border--before--BorderColor: var(--pf-v6-c-sidebar--BorderColor--base);
7666
+ --pf-v6-c-sidebar--m-panel-right__panel--Order: -1;
7667
+ --pf-v6-c-sidebar--m-panel-right__panel--md--Order: 1;
7668
+ --pf-v6-c-sidebar--m-panel-right__content--md--Order: -1;
7669
+ --pf-v6-c-sidebar--m-stack__main--FlexDirection: column;
7670
+ --pf-v6-c-sidebar--m-stack__main--AlignItems: stretch;
7671
+ --pf-v6-c-sidebar--m-stack__panel--Position: sticky;
7672
+ --pf-v6-c-sidebar--m-stack__panel--InsetBlockStart: 0;
7673
+ --pf-v6-c-sidebar--m-stack__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
7674
+ --pf-v6-c-sidebar--m-stack--m-panel-right__panel--Order: -1;
7675
+ --pf-v6-c-sidebar--m-split__main--AlignItems: flex-start;
7676
+ --pf-v6-c-sidebar--m-split__main--FlexDirection: row;
7677
+ --pf-v6-c-sidebar--m-split__panel--Position: static;
7678
+ --pf-v6-c-sidebar--m-split__panel--InsetBlockStart: auto;
7679
+ --pf-v6-c-sidebar--m-split--m-panel-right__panel--Order: 1;
7680
+ --pf-v6-c-sidebar--m-split__main--m-border--before--Display: block;
7681
+ --pf-v6-c-sidebar__panel--FlexBasis--base: auto;
7682
+ --pf-v6-c-sidebar__panel--BoxShadow--base: var(--pf-t--global--box-shadow--md--bottom);
7683
+ --pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
7684
+ --pf-v6-c-sidebar__panel--InsetBlockStart: 0;
7685
+ --pf-v6-c-sidebar__panel--md--InsetBlockStart: auto;
7686
+ --pf-v6-c-sidebar__panel--Position: sticky;
7687
+ --pf-v6-c-sidebar__panel--md--Position: static;
7688
+ --pf-v6-c-sidebar__panel--FlexBasis-base: auto;
7689
+ --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis-base);
7690
+ --pf-v6-c-sidebar__panel--md--FlexBasis: 15.625rem;
7691
+ --pf-v6-c-sidebar__panel--m-split--FlexBasis: 15.625rem;
7692
+ --pf-v6-c-sidebar__panel--m-stack--FlexBasis: auto;
7693
+ --pf-v6-c-sidebar__panel--ZIndex: var(--pf-t--global--z-index--xs);
7694
+ --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7695
+ --pf-v6-c-sidebar__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
7696
+ --pf-v6-c-sidebar__content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7697
+ --pf-v6-c-sidebar__content--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
7698
+ --pf-v6-c-sidebar__panel--m-sticky--InsetBlockStart: 0;
7699
+ --pf-v6-c-sidebar__panel--m-sticky--Position: sticky;
7700
+ }
7701
+
7702
+ .pf-v6-c-sidebar {
7703
+ height: 100%;
7704
+ }
7705
+
7706
+ @media (min-width: 48rem) {
7707
+ .pf-v6-c-sidebar {
7708
+ --pf-v6-c-sidebar__main--FlexDirection: var(--pf-v6-c-sidebar__main--md--FlexDirection);
7709
+ --pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar__main--md--AlignItems);
7710
+ --pf-v6-c-sidebar__main--m-border--before--Display: var(--pf-v6-c-sidebar__main--m-border--before--md--Display);
7711
+ --pf-v6-c-sidebar__panel--BoxShadow: none;
7712
+ --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--md--FlexBasis);
7713
+ --pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar__panel--md--InsetBlockStart);
7714
+ --pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar__panel--md--Position);
7715
+ }
7716
+ }
7458
7717
  @media (min-width: 75rem) {
7459
7718
  .pf-v6-c-sidebar {
7460
7719
  --pf-v6-c-sidebar--inset: var(--pf-v6-c-sidebar--xl--inset);
@@ -7730,262 +7989,148 @@ label.pf-v6-c-input-group__text {
7730
7989
  }
7731
7990
  }
7732
7991
  :root,
7733
- .pf-v6-c-jump-links {
7734
- --pf-v6-c-jump-links__list--Display: flex;
7735
- --pf-v6-c-jump-links__list--PaddingBlockStart: 0;
7736
- --pf-v6-c-jump-links__list--PaddingInlineEnd: var(--pf-t--global--spacer--md);
7737
- --pf-v6-c-jump-links__list--PaddingBlockEnd: 0;
7738
- --pf-v6-c-jump-links__list--PaddingInlineStart: var(--pf-t--global--spacer--md);
7739
- --pf-v6-c-jump-links--m-vertical__list--PaddingBlockStart: var(--pf-t--global--spacer--md);
7740
- --pf-v6-c-jump-links--m-vertical__list--PaddingInlineEnd: 0;
7741
- --pf-v6-c-jump-links--m-vertical__list--PaddingBlockEnd: var(--pf-t--global--spacer--md);
7742
- --pf-v6-c-jump-links--m-vertical__list--PaddingInlineStart: 0;
7743
- --pf-v6-c-jump-links__list--FlexDirection: row;
7744
- --pf-v6-c-jump-links--m-vertical__list--FlexDirection: column;
7745
- --pf-v6-c-jump-links__list--before--BorderColor: var(--pf-t--global--border--color--default);
7746
- --pf-v6-c-jump-links__list--before--BorderBlockStartWidth: var(--pf-t--global--border--width--box--default);
7747
- --pf-v6-c-jump-links__list--before--BorderInlineEndWidth: 0;
7748
- --pf-v6-c-jump-links__list--before--BorderBlockEndWidth: 0;
7749
- --pf-v6-c-jump-links__list--before--BorderInlineStartWidth: 0;
7750
- --pf-v6-c-jump-links--m-vertical__list--before--BorderInlineStartWidth: var(--pf-t--global--border--width--box--default);
7751
- --pf-v6-c-jump-links--m-vertical__list--before--BorderBlockStartWidth: 0;
7752
- --pf-v6-c-jump-links__list__list--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
7753
- --pf-v6-c-jump-links__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
7754
- --pf-v6-c-jump-links__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7755
- --pf-v6-c-jump-links__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
7756
- --pf-v6-c-jump-links__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7757
- --pf-v6-c-jump-links__list__list__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
7758
- --pf-v6-c-jump-links__list__list__link--PaddingInlineStart: var(--pf-t--global--spacer--lg);
7759
- --pf-v6-c-jump-links__list__list__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
7760
- --pf-v6-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--sm));
7761
- --pf-v6-c-jump-links__link--before--BorderBlockStartWidth: 0;
7762
- --pf-v6-c-jump-links__link--before--BorderInlineEndWidth: 0;
7763
- --pf-v6-c-jump-links__link--before--BorderBlockEndWidth: 0;
7764
- --pf-v6-c-jump-links__link--before--BorderInlineStartWidth: 0;
7765
- --pf-v6-c-jump-links__link--before--BorderColor: transparent;
7766
- --pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-t--global--border--width--extra-strong);
7767
- --pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth: 0;
7768
- --pf-v6-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-t--global--border--color--clicked);
7769
- --pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth: 0;
7770
- --pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth: var(--pf-t--global--border--width--extra-strong);
7771
- --pf-v6-c-jump-links__link-text--Color: var(--pf-t--global--text--color--subtle);
7772
- --pf-v6-c-jump-links__link--hover__link-text--Color: var(--pf-t--global--text--color--subtle);
7773
- --pf-v6-c-jump-links__item--m-current__link-text--Color: var(--pf-t--global--text--color--regular);
7774
- --pf-v6-c-jump-links__label--MarginBlockEnd: var(--pf-t--global--spacer--md);
7775
- --pf-v6-c-jump-links__label--Display: block;
7776
- --pf-v6-c-jump-links__toggle--MarginBlockEnd: 0;
7777
- --pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: var(--pf-t--global--spacer--sm);
7778
- --pf-v6-c-jump-links__toggle--Display: none;
7779
- --pf-v6-c-jump-links__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
7780
- --pf-v6-c-jump-links__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
7781
- --pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
7782
- --pf-v6-c-jump-links__toggle-icon--Rotate: 0;
7783
- --pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
7784
- }
7785
-
7786
- .pf-v6-c-jump-links {
7787
- display: flex;
7788
- }
7789
-
7790
- .pf-v6-c-jump-links.pf-m-center {
7791
- justify-content: center;
7992
+ .pf-v6-c-label-group {
7993
+ --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
7994
+ --pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
7995
+ --pf-v6-c-label-group--m-vertical--RowGap: var(--pf-t--global--spacer--sm);
7996
+ --pf-v6-c-label-group--m-vertical--ColumnGap: var(--pf-t--global--spacer--sm);
7997
+ --pf-v6-c-label-group__main--RowGap: var(--pf-t--global--spacer--xs);
7998
+ --pf-v6-c-label-group__main--ColumnGap: var(--pf-t--global--spacer--sm);
7999
+ --pf-v6-c-label-group--m-vertical__main--RowGap: var(--pf-t--global--spacer--sm);
8000
+ --pf-v6-c-label-group--m-vertical__main--ColumnGap: var(--pf-t--global--spacer--xs);
8001
+ --pf-v6-c-label-group__list--RowGap: var(--pf-t--global--spacer--xs);
8002
+ --pf-v6-c-label-group__list--ColumnGap: var(--pf-t--global--spacer--xs);
8003
+ --pf-v6-c-label-group--m-vertical__list--RowGap: var(--pf-t--global--spacer--xs);
8004
+ --pf-v6-c-label-group--m-vertical__list--ColumnGap: var(--pf-t--global--spacer--xs);
8005
+ --pf-v6-c-label-group--m-category--PaddingBlockStart: var(--pf-t--global--spacer--xs);
8006
+ --pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
8007
+ --pf-v6-c-label-group--m-category--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
8008
+ --pf-v6-c-label-group--m-category--PaddingInlineStart: var(--pf-t--global--spacer--sm);
8009
+ --pf-v6-c-label-group--m-category--BorderRadius: var(--pf-t--global--border--radius--small);
8010
+ --pf-v6-c-label-group--m-category--BorderWidth: var(--pf-t--global--border--width--regular);
8011
+ --pf-v6-c-label-group--m-category--BorderColor: var(--pf-t--global--border--color--default);
8012
+ --pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
8013
+ --pf-v6-c-label-group__label--MaxWidth: 18ch;
8014
+ --pf-v6-c-label-group__close--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
8015
+ --pf-v6-c-label-group__close--c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
8016
+ --pf-v6-c-label-group__close--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
8017
+ --pf-v6-c-label-group__close--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
8018
+ --pf-v6-c-label-group__close--c-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
8019
+ --pf-v6-c-label-group__textarea--MinWidth: 12.5rem;
8020
+ --pf-v6-c-label-group__textarea--PaddingBlockStart: 0.125rem;
8021
+ --pf-v6-c-label-group__textarea--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
8022
+ --pf-v6-c-label-group__textarea--PaddingBlockEnd: 0;
8023
+ --pf-v6-c-label-group__textarea--PaddingInlineStart: var(--pf-t--global--spacer--xs);
7792
8024
  }
7793
8025
 
7794
- .pf-v6-c-jump-links.pf-m-center .pf-v6-c-jump-links__main {
8026
+ .pf-v6-c-label-group {
8027
+ display: inline-flex;
8028
+ row-gap: var(--pf-v6-c-label-group--RowGap);
8029
+ column-gap: var(--pf-v6-c-label-group--ColumnGap);
7795
8030
  align-items: center;
7796
8031
  }
7797
8032
 
7798
- .pf-v6-c-jump-links.pf-m-vertical, .pf-v6-c-jump-links.pf-m-expandable {
7799
- --pf-v6-c-jump-links__list--PaddingBlockStart: var(--pf-v6-c-jump-links--m-vertical__list--PaddingBlockStart);
7800
- --pf-v6-c-jump-links__list--PaddingInlineEnd: var(--pf-v6-c-jump-links--m-vertical__list--PaddingInlineEnd);
7801
- --pf-v6-c-jump-links__list--PaddingBlockEnd: var(--pf-v6-c-jump-links--m-vertical__list--PaddingBlockEnd);
7802
- --pf-v6-c-jump-links__list--PaddingInlineStart: var(--pf-v6-c-jump-links--m-vertical__list--PaddingInlineStart);
7803
- --pf-v6-c-jump-links__list--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderBlockStartWidth);
7804
- --pf-v6-c-jump-links__list--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderInlineStartWidth);
7805
- --pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth);
7806
- --pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth);
7807
- --pf-v6-c-jump-links__list--FlexDirection: var(--pf-v6-c-jump-links--m-vertical__list--FlexDirection);
7808
- flex-direction: column;
7809
- }
7810
-
7811
- .pf-v6-c-jump-links.pf-m-expandable {
7812
- --pf-v6-c-jump-links__list--Display: none;
7813
- --pf-v6-c-jump-links__toggle--Display: block;
7814
- --pf-v6-c-jump-links__label--Display: none;
7815
- }
7816
-
7817
- .pf-v6-c-jump-links.pf-m-non-expandable {
7818
- --pf-v6-c-jump-links__list--Display: flex;
7819
- --pf-v6-c-jump-links__toggle--Display: none;
7820
- --pf-v6-c-jump-links__label--Display: block;
7821
- }
7822
-
7823
- @media (min-width: 36rem) {
7824
- .pf-v6-c-jump-links.pf-m-expandable-on-sm {
7825
- --pf-v6-c-jump-links__list--Display: none;
7826
- --pf-v6-c-jump-links__toggle--Display: block;
7827
- --pf-v6-c-jump-links__label--Display: none;
7828
- }
7829
- .pf-v6-c-jump-links.pf-m-non-expandable-on-sm {
7830
- --pf-v6-c-jump-links__list--Display: flex;
7831
- --pf-v6-c-jump-links__toggle--Display: none;
7832
- --pf-v6-c-jump-links__label--Display: block;
7833
- }
7834
- }
7835
- @media (min-width: 48rem) {
7836
- .pf-v6-c-jump-links.pf-m-expandable-on-md {
7837
- --pf-v6-c-jump-links__list--Display: none;
7838
- --pf-v6-c-jump-links__toggle--Display: block;
7839
- --pf-v6-c-jump-links__label--Display: none;
7840
- }
7841
- .pf-v6-c-jump-links.pf-m-non-expandable-on-md {
7842
- --pf-v6-c-jump-links__list--Display: flex;
7843
- --pf-v6-c-jump-links__toggle--Display: none;
7844
- --pf-v6-c-jump-links__label--Display: block;
7845
- }
7846
- }
7847
- @media (min-width: 62rem) {
7848
- .pf-v6-c-jump-links.pf-m-expandable-on-lg {
7849
- --pf-v6-c-jump-links__list--Display: none;
7850
- --pf-v6-c-jump-links__toggle--Display: block;
7851
- --pf-v6-c-jump-links__label--Display: none;
7852
- }
7853
- .pf-v6-c-jump-links.pf-m-non-expandable-on-lg {
7854
- --pf-v6-c-jump-links__list--Display: flex;
7855
- --pf-v6-c-jump-links__toggle--Display: none;
7856
- --pf-v6-c-jump-links__label--Display: block;
7857
- }
7858
- }
7859
- @media (min-width: 75rem) {
7860
- .pf-v6-c-jump-links.pf-m-expandable-on-xl {
7861
- --pf-v6-c-jump-links__list--Display: none;
7862
- --pf-v6-c-jump-links__toggle--Display: block;
7863
- --pf-v6-c-jump-links__label--Display: none;
7864
- }
7865
- .pf-v6-c-jump-links.pf-m-non-expandable-on-xl {
7866
- --pf-v6-c-jump-links__list--Display: flex;
7867
- --pf-v6-c-jump-links__toggle--Display: none;
7868
- --pf-v6-c-jump-links__label--Display: block;
7869
- }
7870
- }
7871
- @media (min-width: 90.625rem) {
7872
- .pf-v6-c-jump-links.pf-m-expandable-on-2xl {
7873
- --pf-v6-c-jump-links__list--Display: none;
7874
- --pf-v6-c-jump-links__toggle--Display: block;
7875
- --pf-v6-c-jump-links__label--Display: none;
7876
- }
7877
- .pf-v6-c-jump-links.pf-m-non-expandable-on-2xl {
7878
- --pf-v6-c-jump-links__list--Display: flex;
7879
- --pf-v6-c-jump-links__toggle--Display: none;
7880
- --pf-v6-c-jump-links__label--Display: block;
7881
- }
7882
- }
7883
- .pf-v6-c-jump-links.pf-m-expanded {
7884
- --pf-v6-c-jump-links__list--Display: flex;
7885
- --pf-v6-c-jump-links__toggle--MarginBlockEnd: var(--pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd);
7886
- --pf-v6-c-jump-links__toggle-icon--Rotate: var(--pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate);
7887
- --pf-v6-c-jump-links__toggle-icon--Color: var(--pf-v6-c-jump-links--m-expanded__toggle-icon--Color);
7888
- }
7889
-
7890
- .pf-v6-c-jump-links__list {
7891
- position: relative;
7892
- display: var(--pf-v6-c-jump-links__list--Display);
7893
- flex-direction: var(--pf-v6-c-jump-links__list--FlexDirection);
7894
- padding-block-start: var(--pf-v6-c-jump-links__list--PaddingBlockStart);
7895
- padding-block-end: var(--pf-v6-c-jump-links__list--PaddingBlockEnd);
7896
- padding-inline-start: var(--pf-v6-c-jump-links__list--PaddingInlineStart);
7897
- padding-inline-end: var(--pf-v6-c-jump-links__list--PaddingInlineEnd);
8033
+ .pf-v6-c-label-group.pf-m-category {
8034
+ padding-block-start: var(--pf-v6-c-label-group--m-category--PaddingBlockStart);
8035
+ padding-block-end: var(--pf-v6-c-label-group--m-category--PaddingBlockEnd);
8036
+ padding-inline-start: var(--pf-v6-c-label-group--m-category--PaddingInlineStart);
8037
+ padding-inline-end: var(--pf-v6-c-label-group--m-category--PaddingInlineEnd);
8038
+ background-color: var(--pf-v6-c-label-group--m-category--BackgroundColor);
8039
+ border: var(--pf-v6-c-label-group--m-category--BorderWidth) solid var(--pf-v6-c-label-group--m-category--BorderColor);
8040
+ border-radius: var(--pf-v6-c-label-group--m-category--BorderRadius);
7898
8041
  }
7899
8042
 
7900
- .pf-v6-c-jump-links__list::before {
7901
- position: absolute;
7902
- inset: 0;
7903
- pointer-events: none;
7904
- content: "";
7905
- border: solid var(--pf-v6-c-jump-links__list--before--BorderColor);
7906
- border-block-start-width: var(--pf-v6-c-jump-links__list--before--BorderBlockStartWidth);
7907
- border-block-end-width: var(--pf-v6-c-jump-links__list--before--BorderBlockEndWidth);
7908
- border-inline-start-width: var(--pf-v6-c-jump-links__list--before--BorderInlineStartWidth);
7909
- border-inline-end-width: var(--pf-v6-c-jump-links__list--before--BorderInlineEndWidth);
8043
+ .pf-v6-c-label-group.pf-m-vertical {
8044
+ --pf-v6-c-label-group--RowGap: var(--pf-v6-c-label-group--m-vertical--RowGap);
8045
+ --pf-v6-c-label-group--ColumnGap: var(--pf-v6-c-label-group--m-vertical--ColumnGap);
8046
+ --pf-v6-c-label-group__main--RowGap: var(--pf-v6-c-label-group--m-vertical__main--RowGap);
8047
+ --pf-v6-c-label-group__main--ColumnGap: var(--pf-v6-c-label-group--m-vertical__main--ColumnGap);
8048
+ --pf-v6-c-label-group__list--RowGap: var(--pf-v6-c-label-group--m-vertical__list--RowGap);
8049
+ --pf-v6-c-label-group__list--ColumnGap: var(--pf-v6-c-label-group--m-vertical__list--ColumnGap);
8050
+ --pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd);
7910
8051
  }
7911
8052
 
7912
- .pf-v6-c-jump-links__list .pf-v6-c-jump-links__list {
7913
- --pf-v6-c-jump-links__list--PaddingBlockStart: 0;
7914
- --pf-v6-c-jump-links__list--PaddingBlockEnd: 0;
7915
- --pf-v6-c-jump-links__link--PaddingBlockStart: var(--pf-v6-c-jump-links__list__list__link--PaddingBlockStart);
7916
- --pf-v6-c-jump-links__link--PaddingBlockEnd: var(--pf-v6-c-jump-links__list__list__link--PaddingBlockEnd);
7917
- --pf-v6-c-jump-links__link--PaddingInlineStart: var(--pf-v6-c-jump-links__list__list__link--PaddingInlineStart);
7918
- margin-block-start: var(--pf-v6-c-jump-links__list__list--MarginBlockStart);
8053
+ .pf-v6-c-label-group.pf-m-vertical.pf-v6-c-label-group {
8054
+ align-items: flex-start;
7919
8055
  }
7920
8056
 
7921
- .pf-v6-c-jump-links__link {
7922
- position: relative;
7923
- display: flex;
7924
- flex: 1;
7925
- padding-block-start: var(--pf-v6-c-jump-links__link--PaddingBlockStart);
7926
- padding-block-end: var(--pf-v6-c-jump-links__link--PaddingBlockEnd);
7927
- padding-inline-start: var(--pf-v6-c-jump-links__link--PaddingInlineStart);
7928
- padding-inline-end: var(--pf-v6-c-jump-links__link--PaddingInlineEnd);
7929
- text-decoration: none;
7930
- outline-offset: var(--pf-v6-c-jump-links__link--OutlineOffset);
8057
+ .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__list {
8058
+ flex-direction: column;
8059
+ align-items: flex-start;
7931
8060
  }
7932
8061
 
7933
- .pf-v6-c-jump-links__link:is(:hover, :focus) {
7934
- --pf-v6-c-jump-links__link-text--Color: var(--pf-v6-c-jump-links__link--hover__link-text--Color);
8062
+ .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__main {
8063
+ flex-direction: column;
7935
8064
  }
7936
8065
 
7937
- .pf-v6-c-jump-links__link::before {
7938
- position: absolute;
7939
- inset: 0;
7940
- pointer-events: none;
7941
- content: "";
7942
- border-color: var(--pf-v6-c-jump-links__link--before--BorderColor);
7943
- border-style: solid;
7944
- border-block-start-width: var(--pf-v6-c-jump-links__link--before--BorderBlockStartWidth);
7945
- border-block-end-width: var(--pf-v6-c-jump-links__link--before--BorderBlockEndWidth);
7946
- border-inline-start-width: var(--pf-v6-c-jump-links__link--before--BorderInlineStartWidth);
7947
- border-inline-end-width: var(--pf-v6-c-jump-links__link--before--BorderInlineEndWidth);
8066
+ .pf-v6-c-label-group.pf-m-editable,
8067
+ .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
8068
+ .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list {
8069
+ display: flex;
7948
8070
  }
7949
8071
 
7950
- .pf-v6-c-jump-links__item {
7951
- --pf-v6-c-jump-links__list--before--BorderColor: transparent;
8072
+ .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
8073
+ .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list,
8074
+ .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list-item.pf-m-textarea,
8075
+ .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__textarea {
8076
+ flex: 1;
7952
8077
  }
7953
8078
 
7954
- .pf-v6-c-jump-links__item.pf-m-current > .pf-v6-c-jump-links__link {
7955
- --pf-v6-c-jump-links__link--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth);
7956
- --pf-v6-c-jump-links__link--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth);
7957
- --pf-v6-c-jump-links__link--before--BorderColor: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderColor);
7958
- --pf-v6-c-jump-links__link-text--Color: var(--pf-v6-c-jump-links__item--m-current__link-text--Color);
8079
+ .pf-v6-c-label-group__main {
8080
+ display: flex;
8081
+ flex: 1;
8082
+ flex-wrap: wrap;
8083
+ row-gap: var(--pf-v6-c-label-group__main--RowGap);
8084
+ column-gap: var(--pf-v6-c-label-group__main--ColumnGap);
8085
+ align-items: baseline;
7959
8086
  }
7960
8087
 
7961
- .pf-v6-c-jump-links__link-text {
7962
- color: var(--pf-v6-c-jump-links__link-text--Color);
8088
+ .pf-v6-c-label-group__list {
8089
+ display: inline-flex;
8090
+ flex-wrap: wrap;
8091
+ row-gap: var(--pf-v6-c-label-group__list--RowGap);
8092
+ column-gap: var(--pf-v6-c-label-group__list--ColumnGap);
7963
8093
  }
7964
8094
 
7965
- .pf-v6-c-jump-links__label {
7966
- display: var(--pf-v6-c-jump-links__label--Display);
7967
- margin-block-end: var(--pf-v6-c-jump-links__label--MarginBlockEnd);
8095
+ .pf-v6-c-label-group__list-item {
8096
+ display: inline-flex;
7968
8097
  }
7969
8098
 
7970
- .pf-v6-c-jump-links__main {
8099
+ .pf-v6-c-label-group__label {
8100
+ overflow: hidden;
8101
+ text-overflow: ellipsis;
8102
+ white-space: nowrap;
8103
+ max-width: var(--pf-v6-c-label-group__label--MaxWidth);
8104
+ }
8105
+
8106
+ .pf-v6-c-label-group__close {
7971
8107
  display: flex;
7972
- flex-direction: column;
8108
+ align-self: flex-start;
7973
8109
  }
7974
8110
 
7975
- .pf-v6-c-jump-links__toggle {
7976
- display: var(--pf-v6-c-jump-links__toggle--Display);
7977
- margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
8111
+ .pf-v6-c-label-group__close .pf-v6-c-button {
8112
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-label-group__close--c-button--FontSize);
8113
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label-group__close--c-button--PaddingBlockStart);
8114
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: var(--pf-v6-c-label-group__close--c-button--PaddingInlineEnd);
8115
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: var(--pf-v6-c-label-group__close--c-button--PaddingBlockEnd);
8116
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: var(--pf-v6-c-label-group__close--c-button--PaddingInlineStart);
7978
8117
  }
7979
8118
 
7980
- .pf-v6-c-jump-links__toggle-icon {
7981
- display: inline-block;
7982
- color: var(--pf-v6-c-jump-links__toggle-icon--Color);
7983
- transition: transform var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration) var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
7984
- transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
8119
+ .pf-v6-c-label-group__textarea {
8120
+ min-width: var(--pf-v6-c-label-group__textarea--MinWidth);
8121
+ padding-block-start: var(--pf-v6-c-label-group__textarea--PaddingBlockStart);
8122
+ padding-block-end: var(--pf-v6-c-label-group__textarea--PaddingBlockEnd);
8123
+ padding-inline-start: var(--pf-v6-c-label-group__textarea--PaddingInlineStart);
8124
+ padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
8125
+ white-space: nowrap;
8126
+ resize: none;
8127
+ border: 0;
8128
+ -ms-overflow-style: none;
8129
+ scrollbar-width: none;
7985
8130
  }
7986
8131
 
7987
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
7988
- scale: -1 1;
8132
+ .pf-v6-c-label-group__textarea::-webkit-scrollbar {
8133
+ display: none;
7989
8134
  }
7990
8135
 
7991
8136
  :root,
@@ -8477,188 +8622,43 @@ label.pf-v6-c-input-group__text {
8477
8622
  color: var(--pf-v6-c-label--Color);
8478
8623
  cursor: var(--pf-v6-c-label__content--Cursor, revert);
8479
8624
  background: transparent;
8480
- border-width: 0;
8481
- }
8482
-
8483
- .pf-v6-c-label__content::before {
8484
- position: absolute;
8485
- inset: 0;
8486
- z-index: -1;
8487
- pointer-events: none;
8488
- content: "";
8489
- background-color: var(--pf-v6-c-label--BackgroundColor);
8490
- border: var(--pf-v6-c-label--BorderWidth) solid var(--pf-v6-c-label--BorderColor);
8491
- border-radius: var(--pf-v6-c-label--BorderRadius);
8492
- }
8493
-
8494
- input.pf-v6-c-label__content {
8495
- overflow: hidden;
8496
- text-overflow: ellipsis;
8497
- white-space: nowrap;
8498
- }
8499
-
8500
- .pf-v6-c-label__icon {
8501
- color: var(--pf-v6-c-label__icon--Color);
8502
- }
8503
-
8504
- .pf-v6-c-label__actions {
8505
- margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
8506
- }
8507
-
8508
- .pf-v6-c-label__actions .pf-v6-c-button {
8509
- --pf-v6-c-button--FontSize: var(--pf-v6-c-label__actions--c-button--FontSize);
8510
- --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label__actions--c-button--PaddingBlockStart);
8511
- --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: var(--pf-v6-c-label__actions--c-button--PaddingInlineEnd);
8512
- --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: var(--pf-v6-c-label__actions--c-button--PaddingBlockEnd);
8513
- --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: var(--pf-v6-c-label__actions--c-button--PaddingInlineStart);
8514
- margin-block-start: var(--pf-v6-c-label__actions--c-button--MarginBlockStart);
8515
- margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
8516
- outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
8517
- }
8518
-
8519
- :root,
8520
- .pf-v6-c-label-group {
8521
- --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
8522
- --pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
8523
- --pf-v6-c-label-group--m-vertical--RowGap: var(--pf-t--global--spacer--sm);
8524
- --pf-v6-c-label-group--m-vertical--ColumnGap: var(--pf-t--global--spacer--sm);
8525
- --pf-v6-c-label-group__main--RowGap: var(--pf-t--global--spacer--xs);
8526
- --pf-v6-c-label-group__main--ColumnGap: var(--pf-t--global--spacer--sm);
8527
- --pf-v6-c-label-group--m-vertical__main--RowGap: var(--pf-t--global--spacer--sm);
8528
- --pf-v6-c-label-group--m-vertical__main--ColumnGap: var(--pf-t--global--spacer--xs);
8529
- --pf-v6-c-label-group__list--RowGap: var(--pf-t--global--spacer--xs);
8530
- --pf-v6-c-label-group__list--ColumnGap: var(--pf-t--global--spacer--xs);
8531
- --pf-v6-c-label-group--m-vertical__list--RowGap: var(--pf-t--global--spacer--xs);
8532
- --pf-v6-c-label-group--m-vertical__list--ColumnGap: var(--pf-t--global--spacer--xs);
8533
- --pf-v6-c-label-group--m-category--PaddingBlockStart: var(--pf-t--global--spacer--xs);
8534
- --pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
8535
- --pf-v6-c-label-group--m-category--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
8536
- --pf-v6-c-label-group--m-category--PaddingInlineStart: var(--pf-t--global--spacer--sm);
8537
- --pf-v6-c-label-group--m-category--BorderRadius: var(--pf-t--global--border--radius--small);
8538
- --pf-v6-c-label-group--m-category--BorderWidth: var(--pf-t--global--border--width--regular);
8539
- --pf-v6-c-label-group--m-category--BorderColor: var(--pf-t--global--border--color--default);
8540
- --pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
8541
- --pf-v6-c-label-group__label--MaxWidth: 18ch;
8542
- --pf-v6-c-label-group__close--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
8543
- --pf-v6-c-label-group__close--c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
8544
- --pf-v6-c-label-group__close--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
8545
- --pf-v6-c-label-group__close--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
8546
- --pf-v6-c-label-group__close--c-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
8547
- --pf-v6-c-label-group__textarea--MinWidth: 12.5rem;
8548
- --pf-v6-c-label-group__textarea--PaddingBlockStart: 0.125rem;
8549
- --pf-v6-c-label-group__textarea--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
8550
- --pf-v6-c-label-group__textarea--PaddingBlockEnd: 0;
8551
- --pf-v6-c-label-group__textarea--PaddingInlineStart: var(--pf-t--global--spacer--xs);
8552
- }
8553
-
8554
- .pf-v6-c-label-group {
8555
- display: inline-flex;
8556
- row-gap: var(--pf-v6-c-label-group--RowGap);
8557
- column-gap: var(--pf-v6-c-label-group--ColumnGap);
8558
- align-items: center;
8559
- }
8560
-
8561
- .pf-v6-c-label-group.pf-m-category {
8562
- padding-block-start: var(--pf-v6-c-label-group--m-category--PaddingBlockStart);
8563
- padding-block-end: var(--pf-v6-c-label-group--m-category--PaddingBlockEnd);
8564
- padding-inline-start: var(--pf-v6-c-label-group--m-category--PaddingInlineStart);
8565
- padding-inline-end: var(--pf-v6-c-label-group--m-category--PaddingInlineEnd);
8566
- background-color: var(--pf-v6-c-label-group--m-category--BackgroundColor);
8567
- border: var(--pf-v6-c-label-group--m-category--BorderWidth) solid var(--pf-v6-c-label-group--m-category--BorderColor);
8568
- border-radius: var(--pf-v6-c-label-group--m-category--BorderRadius);
8569
- }
8570
-
8571
- .pf-v6-c-label-group.pf-m-vertical {
8572
- --pf-v6-c-label-group--RowGap: var(--pf-v6-c-label-group--m-vertical--RowGap);
8573
- --pf-v6-c-label-group--ColumnGap: var(--pf-v6-c-label-group--m-vertical--ColumnGap);
8574
- --pf-v6-c-label-group__main--RowGap: var(--pf-v6-c-label-group--m-vertical__main--RowGap);
8575
- --pf-v6-c-label-group__main--ColumnGap: var(--pf-v6-c-label-group--m-vertical__main--ColumnGap);
8576
- --pf-v6-c-label-group__list--RowGap: var(--pf-v6-c-label-group--m-vertical__list--RowGap);
8577
- --pf-v6-c-label-group__list--ColumnGap: var(--pf-v6-c-label-group--m-vertical__list--ColumnGap);
8578
- --pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd);
8579
- }
8580
-
8581
- .pf-v6-c-label-group.pf-m-vertical.pf-v6-c-label-group {
8582
- align-items: flex-start;
8583
- }
8584
-
8585
- .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__list {
8586
- flex-direction: column;
8587
- align-items: flex-start;
8588
- }
8589
-
8590
- .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__main {
8591
- flex-direction: column;
8592
- }
8593
-
8594
- .pf-v6-c-label-group.pf-m-editable,
8595
- .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
8596
- .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list {
8597
- display: flex;
8598
- }
8599
-
8600
- .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
8601
- .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list,
8602
- .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list-item.pf-m-textarea,
8603
- .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__textarea {
8604
- flex: 1;
8605
- }
8606
-
8607
- .pf-v6-c-label-group__main {
8608
- display: flex;
8609
- flex: 1;
8610
- flex-wrap: wrap;
8611
- row-gap: var(--pf-v6-c-label-group__main--RowGap);
8612
- column-gap: var(--pf-v6-c-label-group__main--ColumnGap);
8613
- align-items: baseline;
8614
- }
8615
-
8616
- .pf-v6-c-label-group__list {
8617
- display: inline-flex;
8618
- flex-wrap: wrap;
8619
- row-gap: var(--pf-v6-c-label-group__list--RowGap);
8620
- column-gap: var(--pf-v6-c-label-group__list--ColumnGap);
8625
+ border-width: 0;
8621
8626
  }
8622
8627
 
8623
- .pf-v6-c-label-group__list-item {
8624
- display: inline-flex;
8628
+ .pf-v6-c-label__content::before {
8629
+ position: absolute;
8630
+ inset: 0;
8631
+ z-index: -1;
8632
+ pointer-events: none;
8633
+ content: "";
8634
+ background-color: var(--pf-v6-c-label--BackgroundColor);
8635
+ border: var(--pf-v6-c-label--BorderWidth) solid var(--pf-v6-c-label--BorderColor);
8636
+ border-radius: var(--pf-v6-c-label--BorderRadius);
8625
8637
  }
8626
8638
 
8627
- .pf-v6-c-label-group__label {
8639
+ input.pf-v6-c-label__content {
8628
8640
  overflow: hidden;
8629
8641
  text-overflow: ellipsis;
8630
8642
  white-space: nowrap;
8631
- max-width: var(--pf-v6-c-label-group__label--MaxWidth);
8632
- }
8633
-
8634
- .pf-v6-c-label-group__close {
8635
- display: flex;
8636
- align-self: flex-start;
8637
8643
  }
8638
8644
 
8639
- .pf-v6-c-label-group__close .pf-v6-c-button {
8640
- --pf-v6-c-button--FontSize: var(--pf-v6-c-label-group__close--c-button--FontSize);
8641
- --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label-group__close--c-button--PaddingBlockStart);
8642
- --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: var(--pf-v6-c-label-group__close--c-button--PaddingInlineEnd);
8643
- --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: var(--pf-v6-c-label-group__close--c-button--PaddingBlockEnd);
8644
- --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: var(--pf-v6-c-label-group__close--c-button--PaddingInlineStart);
8645
+ .pf-v6-c-label__icon {
8646
+ color: var(--pf-v6-c-label__icon--Color);
8645
8647
  }
8646
8648
 
8647
- .pf-v6-c-label-group__textarea {
8648
- min-width: var(--pf-v6-c-label-group__textarea--MinWidth);
8649
- padding-block-start: var(--pf-v6-c-label-group__textarea--PaddingBlockStart);
8650
- padding-block-end: var(--pf-v6-c-label-group__textarea--PaddingBlockEnd);
8651
- padding-inline-start: var(--pf-v6-c-label-group__textarea--PaddingInlineStart);
8652
- padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
8653
- white-space: nowrap;
8654
- resize: none;
8655
- border: 0;
8656
- -ms-overflow-style: none;
8657
- scrollbar-width: none;
8649
+ .pf-v6-c-label__actions {
8650
+ margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
8658
8651
  }
8659
8652
 
8660
- .pf-v6-c-label-group__textarea::-webkit-scrollbar {
8661
- display: none;
8653
+ .pf-v6-c-label__actions .pf-v6-c-button {
8654
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-label__actions--c-button--FontSize);
8655
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label__actions--c-button--PaddingBlockStart);
8656
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: var(--pf-v6-c-label__actions--c-button--PaddingInlineEnd);
8657
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: var(--pf-v6-c-label__actions--c-button--PaddingBlockEnd);
8658
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: var(--pf-v6-c-label__actions--c-button--PaddingInlineStart);
8659
+ margin-block-start: var(--pf-v6-c-label__actions--c-button--MarginBlockStart);
8660
+ margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
8661
+ outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
8662
8662
  }
8663
8663
 
8664
8664
  :root,
@@ -10643,252 +10643,34 @@ ul.pf-v6-c-list {
10643
10643
  flex-wrap: nowrap;
10644
10644
  }
10645
10645
 
10646
- .pf-v6-c-menu-toggle__icon,
10647
- .pf-v6-c-menu-toggle__controls,
10648
- .pf-v6-c-menu-toggle__toggle-icon {
10649
- display: flex;
10650
- align-items: center;
10651
- justify-content: center;
10652
- }
10653
-
10654
- .pf-v6-c-menu-toggle__icon {
10655
- flex-shrink: 0;
10656
- min-height: var(--pf-v6-c-menu-toggle__icon--MinHeight);
10657
- }
10658
-
10659
- .pf-v6-c-menu-toggle__controls {
10660
- min-width: var(--pf-v6-c-menu-toggle__controls--MinWidth);
10661
- margin-inline-start: auto;
10662
- }
10663
-
10664
- .pf-v6-c-menu-toggle__toggle-icon {
10665
- min-height: var(--pf-v6-c-menu-toggle__toggle-icon--MinHeight);
10666
- color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
10667
- }
10668
-
10669
- .pf-v6-c-menu-toggle__status-icon {
10670
- margin-inline-end: var(--pf-v6-c-menu-toggle__status-icon--MarginInlineEnd);
10671
- color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
10672
- }
10673
-
10674
- :root,
10675
- .pf-v6-c-modal-box {
10676
- --pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
10677
- --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
10678
- --pf-v6-c-modal-box--BoxShadow: var(--pf-t--global--box-shadow--lg);
10679
- --pf-v6-c-modal-box--ZIndex: var(--pf-t--global--z-index--xl);
10680
- --pf-v6-c-modal-box--Width: 100%;
10681
- --pf-v6-c-modal-box--MaxWidth: calc(100% - var(--pf-t--global--spacer--xl));
10682
- --pf-v6-c-modal-box--m-sm--sm--MaxWidth: 35rem;
10683
- --pf-v6-c-modal-box--m-md--Width: 52.5rem;
10684
- --pf-v6-c-modal-box--m-lg--lg--MaxWidth: 70rem;
10685
- --pf-v6-c-modal-box--MaxHeight: calc(100% - var(--pf-t--global--spacer--2xl));
10686
- --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-t--global--spacer--sm);
10687
- --pf-v6-c-modal-box--m-align-top--xl--spacer: var(--pf-t--global--spacer--xl);
10688
- --pf-v6-c-modal-box--m-align-top--InsetBlockStart: var(--pf-v6-c-modal-box--m-align-top--spacer);
10689
- --pf-v6-c-modal-box--m-align-top--MaxHeight: calc(100% - min(var(--pf-v6-c-modal-box--m-align-top--spacer), var(--pf-t--global--spacer--2xl)) - var(--pf-v6-c-modal-box--m-align-top--spacer));
10690
- --pf-v6-c-modal-box--m-align-top--MaxWidth: calc(100% - min(var(--pf-v6-c-modal-box--m-align-top--spacer) * 2, var(--pf-t--global--spacer--xl)));
10691
- --pf-v6-c-modal-box--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
10692
- --pf-v6-c-modal-box--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
10693
- --pf-v6-c-modal-box--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
10694
- --pf-v6-c-modal-box--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
10695
- --pf-v6-c-modal-box--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
10696
- --pf-v6-c-modal-box__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
10697
- --pf-v6-c-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
10698
- --pf-v6-c-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
10699
- --pf-v6-c-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
10700
- --pf-v6-c-modal-box__header--Gap: var(--pf-t--global--spacer--md);
10701
- --pf-v6-c-modal-box__header-main--Gap: var(--pf-t--global--spacer--md);
10702
- --pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
10703
- --pf-v6-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
10704
- --pf-v6-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
10705
- --pf-v6-c-modal-box__title--FontWeight: var(--pf-t--global--font--weight--heading--default);
10706
- --pf-v6-c-modal-box__title--FontSize: var(--pf-t--global--font--size--heading--md);
10707
- --pf-v6-c-modal-box__title-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
10708
- --pf-v6-c-modal-box__title-icon--Color: var(--pf-t--global--icon--color--regular);
10709
- --pf-v6-c-modal-box__description--FontSize: var(--pf-t--global--font--size--body--sm);
10710
- --pf-v6-c-modal-box__description--Color: var(--pf-t--global--text--color--subtle);
10711
- --pf-v6-c-modal-box__body--MinHeight: calc(var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body));
10712
- --pf-v6-c-modal-box__body--PaddingBlockStart: var(--pf-t--global--spacer--lg);
10713
- --pf-v6-c-modal-box__body--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
10714
- --pf-v6-c-modal-box__body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
10715
- --pf-v6-c-modal-box__body--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
10716
- --pf-v6-c-modal-box__header--body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
10717
- --pf-v6-c-modal-box__close--InsetBlockStart: var(--pf-v6-c-modal-box__header--PaddingBlockStart);
10718
- --pf-v6-c-modal-box__close--InsetInlineEnd: var(--pf-v6-c-modal-box__header--PaddingInlineEnd);
10719
- --pf-v6-c-modal-box__close--sibling--MarginInlineEnd: calc(var(--pf-t--global--spacer--xl) + var(--pf-t--global--spacer--sm));
10720
- --pf-v6-c-modal-box__footer--PaddingBlockStart: var(--pf-t--global--spacer--lg);
10721
- --pf-v6-c-modal-box__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
10722
- --pf-v6-c-modal-box__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
10723
- --pf-v6-c-modal-box__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
10724
- --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
10725
- --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
10726
- }
10727
-
10728
- @media (min-width: 75rem) {
10729
- :root,
10730
- .pf-v6-c-modal-box {
10731
- --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
10732
- }
10733
- }
10734
- .pf-v6-c-modal-box {
10735
- position: relative;
10736
- z-index: var(--pf-v6-c-modal-box--ZIndex);
10737
- display: flex;
10738
- flex-direction: column;
10739
- width: var(--pf-v6-c-modal-box--Width);
10740
- max-width: var(--pf-v6-c-modal-box--MaxWidth);
10741
- max-height: var(--pf-v6-c-modal-box--MaxHeight);
10742
- overflow: auto;
10743
- background-color: var(--pf-v6-c-modal-box--BackgroundColor);
10744
- border-radius: var(--pf-v6-c-modal-box--BorderRadius);
10745
- box-shadow: var(--pf-v6-c-modal-box--BoxShadow);
10746
- }
10747
-
10748
- .pf-v6-c-modal-box.pf-m-sm {
10749
- --pf-v6-c-modal-box--Width: var(--pf-v6-c-modal-box--m-sm--sm--MaxWidth);
10750
- }
10751
-
10752
- .pf-v6-c-modal-box.pf-m-md {
10753
- --pf-v6-c-modal-box--Width: var(--pf-v6-c-modal-box--m-md--Width);
10754
- }
10755
-
10756
- .pf-v6-c-modal-box.pf-m-lg {
10757
- --pf-v6-c-modal-box--Width: var(--pf-v6-c-modal-box--m-lg--lg--MaxWidth);
10758
- }
10759
-
10760
- .pf-v6-c-modal-box.pf-m-align-top {
10761
- inset-block-start: var(--pf-v6-c-modal-box--m-align-top--InsetBlockStart);
10762
- align-self: flex-start;
10763
- max-width: var(--pf-v6-c-modal-box--m-align-top--MaxWidth);
10764
- max-height: var(--pf-v6-c-modal-box--m-align-top--MaxHeight);
10765
- }
10766
-
10767
- .pf-v6-c-modal-box__title.pf-m-danger, .pf-v6-c-modal-box.pf-m-danger {
10768
- --pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-danger__title-icon--Color);
10769
- }
10770
-
10771
- .pf-v6-c-modal-box__title.pf-m-warning, .pf-v6-c-modal-box.pf-m-warning {
10772
- --pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-warning__title-icon--Color);
10773
- }
10774
-
10775
- .pf-v6-c-modal-box__title.pf-m-success, .pf-v6-c-modal-box.pf-m-success {
10776
- --pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-success__title-icon--Color);
10777
- }
10778
-
10779
- .pf-v6-c-modal-box__title.pf-m-custom, .pf-v6-c-modal-box.pf-m-custom {
10780
- --pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-custom__title-icon--Color);
10781
- }
10782
-
10783
- .pf-v6-c-modal-box__title.pf-m-info, .pf-v6-c-modal-box.pf-m-info {
10784
- --pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-info__title-icon--Color);
10785
- }
10786
-
10787
- .pf-v6-c-modal-box__close {
10788
- position: absolute;
10789
- inset-block-start: var(--pf-v6-c-modal-box__close--InsetBlockStart);
10790
- inset-inline-end: var(--pf-v6-c-modal-box__close--InsetInlineEnd);
10791
- }
10792
-
10793
- .pf-v6-c-modal-box__close + * {
10794
- margin-inline-end: var(--pf-v6-c-modal-box__close--sibling--MarginInlineEnd);
10795
- }
10796
-
10797
- .pf-v6-c-modal-box__header {
10798
- display: flex;
10799
- flex-direction: column;
10800
- flex-shrink: 0;
10801
- gap: var(--pf-v6-c-modal-box__header--Gap);
10802
- padding-block-start: var(--pf-v6-c-modal-box__header--PaddingBlockStart);
10803
- padding-block-end: var(--pf-v6-c-modal-box__header--PaddingBlockEnd);
10804
- padding-inline-start: var(--pf-v6-c-modal-box__header--PaddingInlineStart);
10805
- padding-inline-end: var(--pf-v6-c-modal-box__header--PaddingInlineEnd);
10806
- }
10807
-
10808
- .pf-v6-c-modal-box__header.pf-m-help {
10809
- display: flex;
10810
- flex-direction: row;
10811
- }
10812
-
10813
- .pf-v6-c-modal-box__header + .pf-v6-c-modal-box__body {
10814
- --pf-v6-c-modal-box__body--PaddingBlockStart: var(--pf-v6-c-modal-box__header--body--PaddingBlockStart);
10815
- }
10816
-
10817
- .pf-v6-c-modal-box__header-main {
10818
- display: flex;
10819
- flex-direction: column;
10820
- flex-grow: 1;
10821
- gap: var(--pf-v6-c-modal-box__header-main--Gap);
10822
- min-width: 0;
10823
- padding-block-start: var(--pf-v6-c-modal-box__header-main--PaddingBlockStart);
10824
- }
10825
-
10826
- .pf-v6-c-modal-box__title,
10827
- .pf-v6-c-modal-box__title-text {
10828
- overflow: hidden;
10829
- text-overflow: ellipsis;
10830
- white-space: nowrap;
10831
- }
10832
-
10833
- .pf-v6-c-modal-box__title {
10834
- flex: 0 0 auto;
10835
- font-family: var(--pf-v6-c-modal-box__title--FontFamily);
10836
- font-size: var(--pf-v6-c-modal-box__title--FontSize);
10837
- font-weight: var(--pf-v6-c-modal-box__title--FontWeight);
10838
- line-height: var(--pf-v6-c-modal-box__title--LineHeight);
10839
- }
10840
-
10841
- .pf-v6-c-modal-box__title.pf-m-icon {
10842
- display: flex;
10843
- }
10844
-
10845
- .pf-v6-c-modal-box__title-icon {
10846
- margin-inline-end: var(--pf-v6-c-modal-box__title-icon--MarginInlineEnd);
10847
- color: var(--pf-v6-c-modal-box__title-icon--Color);
10848
- }
10849
-
10850
- .pf-v6-c-modal-box__description {
10851
- padding-block-start: var(--pf-v6-c-modal-box__description--PaddingBlockStart);
10852
- font-size: var(--pf-v6-c-modal-box__description--FontSize);
10853
- color: var(--pf-v6-c-modal-box__description--Color);
10646
+ .pf-v6-c-menu-toggle__icon,
10647
+ .pf-v6-c-menu-toggle__controls,
10648
+ .pf-v6-c-menu-toggle__toggle-icon {
10649
+ display: flex;
10650
+ align-items: center;
10651
+ justify-content: center;
10854
10652
  }
10855
10653
 
10856
- .pf-v6-c-modal-box__body {
10857
- flex: 1 1 auto;
10858
- min-height: var(--pf-v6-c-modal-box__body--MinHeight);
10859
- padding-block-start: var(--pf-v6-c-modal-box__body--PaddingBlockStart);
10860
- padding-inline-start: var(--pf-v6-c-modal-box__body--PaddingInlineStart);
10861
- padding-inline-end: var(--pf-v6-c-modal-box__body--PaddingInlineEnd);
10862
- overflow-x: hidden;
10863
- overflow-y: auto;
10864
- overscroll-behavior: contain;
10865
- word-break: break-word;
10866
- -webkit-overflow-scrolling: touch;
10654
+ .pf-v6-c-menu-toggle__icon {
10655
+ flex-shrink: 0;
10656
+ min-height: var(--pf-v6-c-menu-toggle__icon--MinHeight);
10867
10657
  }
10868
10658
 
10869
- .pf-v6-c-modal-box__body:last-child {
10870
- padding-block-end: var(--pf-v6-c-modal-box__body--last-child--PaddingBlockEnd);
10659
+ .pf-v6-c-menu-toggle__controls {
10660
+ min-width: var(--pf-v6-c-menu-toggle__controls--MinWidth);
10661
+ margin-inline-start: auto;
10871
10662
  }
10872
10663
 
10873
- .pf-v6-c-modal-box__footer {
10874
- display: flex;
10875
- flex: 0 0 auto;
10876
- align-items: center;
10877
- padding-block-start: var(--pf-v6-c-modal-box__footer--PaddingBlockStart);
10878
- padding-block-end: var(--pf-v6-c-modal-box__footer--PaddingBlockEnd);
10879
- padding-inline-start: var(--pf-v6-c-modal-box__footer--PaddingInlineStart);
10880
- padding-inline-end: var(--pf-v6-c-modal-box__footer--PaddingInlineEnd);
10664
+ .pf-v6-c-menu-toggle__toggle-icon {
10665
+ min-height: var(--pf-v6-c-menu-toggle__toggle-icon--MinHeight);
10666
+ color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
10881
10667
  }
10882
10668
 
10883
- .pf-v6-c-modal-box__footer > .pf-v6-c-button:not(:last-child) {
10884
- margin-inline-end: var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd);
10669
+ .pf-v6-c-menu-toggle__status-icon {
10670
+ margin-inline-end: var(--pf-v6-c-menu-toggle__status-icon--MarginInlineEnd);
10671
+ color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
10885
10672
  }
10886
10673
 
10887
- @media screen and (min-width: 36rem) {
10888
- .pf-v6-c-modal-box__footer > .pf-v6-c-button:not(:last-child) {
10889
- --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd);
10890
- }
10891
- }
10892
10674
  :root,
10893
10675
  .pf-v6-c-multiple-file-upload {
10894
10676
  --pf-v6-c-multiple-file-upload--GridTemplateColumns: 1fr;
@@ -11053,55 +10835,273 @@ ul.pf-v6-c-list {
11053
10835
  color: var(--pf-v6-c-multiple-file-upload__info--Color);
11054
10836
  }
11055
10837
 
11056
- .pf-v6-c-multiple-file-upload__status {
11057
- padding-block-start: var(--pf-v6-c-multiple-file-upload__status--PaddingBlockStart);
11058
- padding-block-end: var(--pf-v6-c-multiple-file-upload__status--PaddingBlockEnd);
11059
- padding-inline-start: var(--pf-v6-c-multiple-file-upload__status--PaddingInlineStart);
11060
- padding-inline-end: var(--pf-v6-c-multiple-file-upload__status--PaddingInlineEnd);
10838
+ .pf-v6-c-multiple-file-upload__status {
10839
+ padding-block-start: var(--pf-v6-c-multiple-file-upload__status--PaddingBlockStart);
10840
+ padding-block-end: var(--pf-v6-c-multiple-file-upload__status--PaddingBlockEnd);
10841
+ padding-inline-start: var(--pf-v6-c-multiple-file-upload__status--PaddingInlineStart);
10842
+ padding-inline-end: var(--pf-v6-c-multiple-file-upload__status--PaddingInlineEnd);
10843
+ }
10844
+
10845
+ .pf-v6-c-multiple-file-upload__status,
10846
+ .pf-v6-c-multiple-file-upload__status-item-main {
10847
+ min-width: 0;
10848
+ }
10849
+
10850
+ .pf-v6-c-multiple-file-upload__status-progress {
10851
+ display: grid;
10852
+ grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-progress--GridTemplateColumns);
10853
+ gap: var(--pf-v6-c-multiple-file-upload__status-progress--Gap);
10854
+ }
10855
+
10856
+ .pf-v6-c-multiple-file-upload__status-progress-icon {
10857
+ color: var(--pf-v6-c-multiple-file-upload__status-progress-icon--Color);
10858
+ }
10859
+
10860
+ .pf-v6-c-multiple-file-upload__status-item {
10861
+ display: grid;
10862
+ grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-item--GridTemplateColumns);
10863
+ gap: var(--pf-v6-c-multiple-file-upload__status-item--Gap);
10864
+ padding-block-start: var(--pf-v6-c-multiple-file-upload__status-item--PaddingBlockStart);
10865
+ padding-block-end: var(--pf-v6-c-multiple-file-upload__status-item--PaddingBlockEnd);
10866
+ border-block-end: var(--pf-v6-c-multiple-file-upload__status-item--BorderWidth) solid var(--pf-v6-c-multiple-file-upload__status-item--BorderColor);
10867
+ }
10868
+
10869
+ .pf-v6-c-multiple-file-upload__status-item-icon {
10870
+ color: var(--pf-v6-c-multiple-file-upload__status-item-icon--Color);
10871
+ }
10872
+
10873
+ .pf-v6-c-multiple-file-upload__status-item-progress {
10874
+ display: grid;
10875
+ grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-item-progress--GridTemplateColumns);
10876
+ gap: var(--pf-v6-c-multiple-file-upload__status-item-progress--Gap);
10877
+ }
10878
+
10879
+ .pf-v6-c-multiple-file-upload__status-item-progress-text {
10880
+ color: var(--pf-v6-c-multiple-file-upload__status-item-progress-text--Color);
10881
+ }
10882
+
10883
+ .pf-v6-c-multiple-file-upload__status-item-progress-size {
10884
+ color: var(--pf-v6-c-multiple-file-upload__status-item-progress-size--Color);
10885
+ }
10886
+
10887
+ :root,
10888
+ .pf-v6-c-modal-box {
10889
+ --pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
10890
+ --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
10891
+ --pf-v6-c-modal-box--BoxShadow: var(--pf-t--global--box-shadow--lg);
10892
+ --pf-v6-c-modal-box--ZIndex: var(--pf-t--global--z-index--xl);
10893
+ --pf-v6-c-modal-box--Width: 100%;
10894
+ --pf-v6-c-modal-box--MaxWidth: calc(100% - var(--pf-t--global--spacer--xl));
10895
+ --pf-v6-c-modal-box--m-sm--sm--MaxWidth: 35rem;
10896
+ --pf-v6-c-modal-box--m-md--Width: 52.5rem;
10897
+ --pf-v6-c-modal-box--m-lg--lg--MaxWidth: 70rem;
10898
+ --pf-v6-c-modal-box--MaxHeight: calc(100% - var(--pf-t--global--spacer--2xl));
10899
+ --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-t--global--spacer--sm);
10900
+ --pf-v6-c-modal-box--m-align-top--xl--spacer: var(--pf-t--global--spacer--xl);
10901
+ --pf-v6-c-modal-box--m-align-top--InsetBlockStart: var(--pf-v6-c-modal-box--m-align-top--spacer);
10902
+ --pf-v6-c-modal-box--m-align-top--MaxHeight: calc(100% - min(var(--pf-v6-c-modal-box--m-align-top--spacer), var(--pf-t--global--spacer--2xl)) - var(--pf-v6-c-modal-box--m-align-top--spacer));
10903
+ --pf-v6-c-modal-box--m-align-top--MaxWidth: calc(100% - min(var(--pf-v6-c-modal-box--m-align-top--spacer) * 2, var(--pf-t--global--spacer--xl)));
10904
+ --pf-v6-c-modal-box--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
10905
+ --pf-v6-c-modal-box--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
10906
+ --pf-v6-c-modal-box--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
10907
+ --pf-v6-c-modal-box--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
10908
+ --pf-v6-c-modal-box--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
10909
+ --pf-v6-c-modal-box__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
10910
+ --pf-v6-c-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
10911
+ --pf-v6-c-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
10912
+ --pf-v6-c-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
10913
+ --pf-v6-c-modal-box__header--Gap: var(--pf-t--global--spacer--md);
10914
+ --pf-v6-c-modal-box__header-main--Gap: var(--pf-t--global--spacer--md);
10915
+ --pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
10916
+ --pf-v6-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
10917
+ --pf-v6-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
10918
+ --pf-v6-c-modal-box__title--FontWeight: var(--pf-t--global--font--weight--heading--default);
10919
+ --pf-v6-c-modal-box__title--FontSize: var(--pf-t--global--font--size--heading--md);
10920
+ --pf-v6-c-modal-box__title-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
10921
+ --pf-v6-c-modal-box__title-icon--Color: var(--pf-t--global--icon--color--regular);
10922
+ --pf-v6-c-modal-box__description--FontSize: var(--pf-t--global--font--size--body--sm);
10923
+ --pf-v6-c-modal-box__description--Color: var(--pf-t--global--text--color--subtle);
10924
+ --pf-v6-c-modal-box__body--MinHeight: calc(var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body));
10925
+ --pf-v6-c-modal-box__body--PaddingBlockStart: var(--pf-t--global--spacer--lg);
10926
+ --pf-v6-c-modal-box__body--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
10927
+ --pf-v6-c-modal-box__body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
10928
+ --pf-v6-c-modal-box__body--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
10929
+ --pf-v6-c-modal-box__header--body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
10930
+ --pf-v6-c-modal-box__close--InsetBlockStart: var(--pf-v6-c-modal-box__header--PaddingBlockStart);
10931
+ --pf-v6-c-modal-box__close--InsetInlineEnd: var(--pf-v6-c-modal-box__header--PaddingInlineEnd);
10932
+ --pf-v6-c-modal-box__close--sibling--MarginInlineEnd: calc(var(--pf-t--global--spacer--xl) + var(--pf-t--global--spacer--sm));
10933
+ --pf-v6-c-modal-box__footer--PaddingBlockStart: var(--pf-t--global--spacer--lg);
10934
+ --pf-v6-c-modal-box__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
10935
+ --pf-v6-c-modal-box__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
10936
+ --pf-v6-c-modal-box__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
10937
+ --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
10938
+ --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
10939
+ }
10940
+
10941
+ @media (min-width: 75rem) {
10942
+ :root,
10943
+ .pf-v6-c-modal-box {
10944
+ --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
10945
+ }
10946
+ }
10947
+ .pf-v6-c-modal-box {
10948
+ position: relative;
10949
+ z-index: var(--pf-v6-c-modal-box--ZIndex);
10950
+ display: flex;
10951
+ flex-direction: column;
10952
+ width: var(--pf-v6-c-modal-box--Width);
10953
+ max-width: var(--pf-v6-c-modal-box--MaxWidth);
10954
+ max-height: var(--pf-v6-c-modal-box--MaxHeight);
10955
+ overflow: auto;
10956
+ background-color: var(--pf-v6-c-modal-box--BackgroundColor);
10957
+ border-radius: var(--pf-v6-c-modal-box--BorderRadius);
10958
+ box-shadow: var(--pf-v6-c-modal-box--BoxShadow);
10959
+ }
10960
+
10961
+ .pf-v6-c-modal-box.pf-m-sm {
10962
+ --pf-v6-c-modal-box--Width: var(--pf-v6-c-modal-box--m-sm--sm--MaxWidth);
10963
+ }
10964
+
10965
+ .pf-v6-c-modal-box.pf-m-md {
10966
+ --pf-v6-c-modal-box--Width: var(--pf-v6-c-modal-box--m-md--Width);
10967
+ }
10968
+
10969
+ .pf-v6-c-modal-box.pf-m-lg {
10970
+ --pf-v6-c-modal-box--Width: var(--pf-v6-c-modal-box--m-lg--lg--MaxWidth);
10971
+ }
10972
+
10973
+ .pf-v6-c-modal-box.pf-m-align-top {
10974
+ inset-block-start: var(--pf-v6-c-modal-box--m-align-top--InsetBlockStart);
10975
+ align-self: flex-start;
10976
+ max-width: var(--pf-v6-c-modal-box--m-align-top--MaxWidth);
10977
+ max-height: var(--pf-v6-c-modal-box--m-align-top--MaxHeight);
10978
+ }
10979
+
10980
+ .pf-v6-c-modal-box__title.pf-m-danger, .pf-v6-c-modal-box.pf-m-danger {
10981
+ --pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-danger__title-icon--Color);
10982
+ }
10983
+
10984
+ .pf-v6-c-modal-box__title.pf-m-warning, .pf-v6-c-modal-box.pf-m-warning {
10985
+ --pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-warning__title-icon--Color);
10986
+ }
10987
+
10988
+ .pf-v6-c-modal-box__title.pf-m-success, .pf-v6-c-modal-box.pf-m-success {
10989
+ --pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-success__title-icon--Color);
10990
+ }
10991
+
10992
+ .pf-v6-c-modal-box__title.pf-m-custom, .pf-v6-c-modal-box.pf-m-custom {
10993
+ --pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-custom__title-icon--Color);
10994
+ }
10995
+
10996
+ .pf-v6-c-modal-box__title.pf-m-info, .pf-v6-c-modal-box.pf-m-info {
10997
+ --pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-info__title-icon--Color);
10998
+ }
10999
+
11000
+ .pf-v6-c-modal-box__close {
11001
+ position: absolute;
11002
+ inset-block-start: var(--pf-v6-c-modal-box__close--InsetBlockStart);
11003
+ inset-inline-end: var(--pf-v6-c-modal-box__close--InsetInlineEnd);
11004
+ }
11005
+
11006
+ .pf-v6-c-modal-box__close + * {
11007
+ margin-inline-end: var(--pf-v6-c-modal-box__close--sibling--MarginInlineEnd);
11008
+ }
11009
+
11010
+ .pf-v6-c-modal-box__header {
11011
+ display: flex;
11012
+ flex-direction: column;
11013
+ flex-shrink: 0;
11014
+ gap: var(--pf-v6-c-modal-box__header--Gap);
11015
+ padding-block-start: var(--pf-v6-c-modal-box__header--PaddingBlockStart);
11016
+ padding-block-end: var(--pf-v6-c-modal-box__header--PaddingBlockEnd);
11017
+ padding-inline-start: var(--pf-v6-c-modal-box__header--PaddingInlineStart);
11018
+ padding-inline-end: var(--pf-v6-c-modal-box__header--PaddingInlineEnd);
11019
+ }
11020
+
11021
+ .pf-v6-c-modal-box__header.pf-m-help {
11022
+ display: flex;
11023
+ flex-direction: row;
11024
+ }
11025
+
11026
+ .pf-v6-c-modal-box__header + .pf-v6-c-modal-box__body {
11027
+ --pf-v6-c-modal-box__body--PaddingBlockStart: var(--pf-v6-c-modal-box__header--body--PaddingBlockStart);
11028
+ }
11029
+
11030
+ .pf-v6-c-modal-box__header-main {
11031
+ display: flex;
11032
+ flex-direction: column;
11033
+ flex-grow: 1;
11034
+ gap: var(--pf-v6-c-modal-box__header-main--Gap);
11035
+ min-width: 0;
11036
+ padding-block-start: var(--pf-v6-c-modal-box__header-main--PaddingBlockStart);
11037
+ }
11038
+
11039
+ .pf-v6-c-modal-box__title,
11040
+ .pf-v6-c-modal-box__title-text {
11041
+ overflow: hidden;
11042
+ text-overflow: ellipsis;
11043
+ white-space: nowrap;
11044
+ }
11045
+
11046
+ .pf-v6-c-modal-box__title {
11047
+ flex: 0 0 auto;
11048
+ font-family: var(--pf-v6-c-modal-box__title--FontFamily);
11049
+ font-size: var(--pf-v6-c-modal-box__title--FontSize);
11050
+ font-weight: var(--pf-v6-c-modal-box__title--FontWeight);
11051
+ line-height: var(--pf-v6-c-modal-box__title--LineHeight);
11061
11052
  }
11062
11053
 
11063
- .pf-v6-c-multiple-file-upload__status,
11064
- .pf-v6-c-multiple-file-upload__status-item-main {
11065
- min-width: 0;
11054
+ .pf-v6-c-modal-box__title.pf-m-icon {
11055
+ display: flex;
11066
11056
  }
11067
11057
 
11068
- .pf-v6-c-multiple-file-upload__status-progress {
11069
- display: grid;
11070
- grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-progress--GridTemplateColumns);
11071
- gap: var(--pf-v6-c-multiple-file-upload__status-progress--Gap);
11058
+ .pf-v6-c-modal-box__title-icon {
11059
+ margin-inline-end: var(--pf-v6-c-modal-box__title-icon--MarginInlineEnd);
11060
+ color: var(--pf-v6-c-modal-box__title-icon--Color);
11072
11061
  }
11073
11062
 
11074
- .pf-v6-c-multiple-file-upload__status-progress-icon {
11075
- color: var(--pf-v6-c-multiple-file-upload__status-progress-icon--Color);
11063
+ .pf-v6-c-modal-box__description {
11064
+ padding-block-start: var(--pf-v6-c-modal-box__description--PaddingBlockStart);
11065
+ font-size: var(--pf-v6-c-modal-box__description--FontSize);
11066
+ color: var(--pf-v6-c-modal-box__description--Color);
11076
11067
  }
11077
11068
 
11078
- .pf-v6-c-multiple-file-upload__status-item {
11079
- display: grid;
11080
- grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-item--GridTemplateColumns);
11081
- gap: var(--pf-v6-c-multiple-file-upload__status-item--Gap);
11082
- padding-block-start: var(--pf-v6-c-multiple-file-upload__status-item--PaddingBlockStart);
11083
- padding-block-end: var(--pf-v6-c-multiple-file-upload__status-item--PaddingBlockEnd);
11084
- border-block-end: var(--pf-v6-c-multiple-file-upload__status-item--BorderWidth) solid var(--pf-v6-c-multiple-file-upload__status-item--BorderColor);
11069
+ .pf-v6-c-modal-box__body {
11070
+ flex: 1 1 auto;
11071
+ min-height: var(--pf-v6-c-modal-box__body--MinHeight);
11072
+ padding-block-start: var(--pf-v6-c-modal-box__body--PaddingBlockStart);
11073
+ padding-inline-start: var(--pf-v6-c-modal-box__body--PaddingInlineStart);
11074
+ padding-inline-end: var(--pf-v6-c-modal-box__body--PaddingInlineEnd);
11075
+ overflow-x: hidden;
11076
+ overflow-y: auto;
11077
+ overscroll-behavior: contain;
11078
+ word-break: break-word;
11079
+ -webkit-overflow-scrolling: touch;
11085
11080
  }
11086
11081
 
11087
- .pf-v6-c-multiple-file-upload__status-item-icon {
11088
- color: var(--pf-v6-c-multiple-file-upload__status-item-icon--Color);
11082
+ .pf-v6-c-modal-box__body:last-child {
11083
+ padding-block-end: var(--pf-v6-c-modal-box__body--last-child--PaddingBlockEnd);
11089
11084
  }
11090
11085
 
11091
- .pf-v6-c-multiple-file-upload__status-item-progress {
11092
- display: grid;
11093
- grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-item-progress--GridTemplateColumns);
11094
- gap: var(--pf-v6-c-multiple-file-upload__status-item-progress--Gap);
11086
+ .pf-v6-c-modal-box__footer {
11087
+ display: flex;
11088
+ flex: 0 0 auto;
11089
+ align-items: center;
11090
+ padding-block-start: var(--pf-v6-c-modal-box__footer--PaddingBlockStart);
11091
+ padding-block-end: var(--pf-v6-c-modal-box__footer--PaddingBlockEnd);
11092
+ padding-inline-start: var(--pf-v6-c-modal-box__footer--PaddingInlineStart);
11093
+ padding-inline-end: var(--pf-v6-c-modal-box__footer--PaddingInlineEnd);
11095
11094
  }
11096
11095
 
11097
- .pf-v6-c-multiple-file-upload__status-item-progress-text {
11098
- color: var(--pf-v6-c-multiple-file-upload__status-item-progress-text--Color);
11096
+ .pf-v6-c-modal-box__footer > .pf-v6-c-button:not(:last-child) {
11097
+ margin-inline-end: var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd);
11099
11098
  }
11100
11099
 
11101
- .pf-v6-c-multiple-file-upload__status-item-progress-size {
11102
- color: var(--pf-v6-c-multiple-file-upload__status-item-progress-size--Color);
11100
+ @media screen and (min-width: 36rem) {
11101
+ .pf-v6-c-modal-box__footer > .pf-v6-c-button:not(:last-child) {
11102
+ --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd);
11103
+ }
11103
11104
  }
11104
-
11105
11105
  :root,
11106
11106
  .pf-v6-c-nav {
11107
11107
  --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -12356,53 +12356,237 @@ ul.pf-v6-c-list {
12356
12356
  padding: 0;
12357
12357
  }
12358
12358
  }
12359
- @media (min-width: 75rem) {
12360
- .pf-v6-c-page__main-section.pf-m-padding-on-xl {
12361
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12362
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12363
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12364
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12365
- }
12366
- .pf-v6-c-page__main-section.pf-m-no-padding-on-xl {
12367
- padding: 0;
12368
- }
12359
+ @media (min-width: 75rem) {
12360
+ .pf-v6-c-page__main-section.pf-m-padding-on-xl {
12361
+ padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12362
+ padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12363
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12364
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12365
+ }
12366
+ .pf-v6-c-page__main-section.pf-m-no-padding-on-xl {
12367
+ padding: 0;
12368
+ }
12369
+ }
12370
+ @media (min-width: 90.625rem) {
12371
+ .pf-v6-c-page__main-section.pf-m-padding-on-2xl {
12372
+ padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12373
+ padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12374
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12375
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12376
+ }
12377
+ .pf-v6-c-page__main-section.pf-m-no-padding-on-2xl {
12378
+ padding: 0;
12379
+ }
12380
+ }
12381
+ .pf-v6-c-page__main-wizard {
12382
+ flex: 1 1;
12383
+ min-height: 0;
12384
+ background-color: var(--pf-v6-c-page__main-wizard--BackgroundColor);
12385
+ border-block-start: var(--pf-v6-c-page__main-wizard--BorderBlockStartWidth) solid var(--pf-v6-c-page__main-wizard--BorderBlockStartColor);
12386
+ }
12387
+
12388
+ .pf-v6-c-page__main-wizard:first-child {
12389
+ --pf-v6-c-page__main-wizard--BorderBlockStartWidth: 0;
12390
+ }
12391
+
12392
+ .pf-v6-c-page__main-wizard .pf-v6-c-page__main-body {
12393
+ min-height: 0;
12394
+ }
12395
+
12396
+ .pf-v6-c-page__main-group {
12397
+ flex-shrink: 0;
12398
+ }
12399
+
12400
+ .pf-v6-c-page__drawer {
12401
+ grid-area: main;
12402
+ }
12403
+
12404
+ .pf-v6-c-page__drawer > .pf-v6-c-drawer {
12405
+ flex: 1 0 auto;
12406
+ }
12407
+
12408
+ :root,
12409
+ .pf-v6-c-progress {
12410
+ --pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
12411
+ --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
12412
+ --pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
12413
+ --pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
12414
+ --pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
12415
+ --pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
12416
+ --pf-v6-c-progress__indicator--Height: var(--pf-v6-c-progress__bar--Height);
12417
+ --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
12418
+ --pf-v6-c-progress__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
12419
+ --pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
12420
+ --pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
12421
+ --pf-v6-c-progress--m-danger__indicator--BackgroundColor: var(--pf-t--global--color--status--danger--default);
12422
+ --pf-v6-c-progress--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
12423
+ --pf-v6-c-progress--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
12424
+ --pf-v6-c-progress--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
12425
+ --pf-v6-c-progress--m-inside__indicator--MinWidth: var(--pf-t--global--spacer--xl);
12426
+ --pf-v6-c-progress--m-inside__measure--Color: var(--pf-t--global--text--color--on-brand--default);
12427
+ --pf-v6-c-progress--m-success--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-success--default);
12428
+ --pf-v6-c-progress--m-warning--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-warning--default);
12429
+ --pf-v6-c-progress--m-danger--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-danger--default);
12430
+ --pf-v6-c-progress--m-inside__measure--FontSize: var(--pf-t--global--font--size--sm);
12431
+ --pf-v6-c-progress--m-outside__measure--FontSize: var(--pf-t--global--font--size--sm);
12432
+ --pf-v6-c-progress--m-sm__bar--Height: var(--pf-t--global--spacer--sm);
12433
+ --pf-v6-c-progress--m-sm__measure--FontSize: var(--pf-t--global--font--size--body--sm);
12434
+ --pf-v6-c-progress--m-lg__bar--Height: var(--pf-t--global--spacer--lg);
12435
+ }
12436
+
12437
+ .pf-v6-c-progress {
12438
+ display: grid;
12439
+ grid-template-rows: 1fr auto;
12440
+ grid-template-columns: auto auto;
12441
+ grid-gap: var(--pf-v6-c-progress--GridGap);
12442
+ align-items: end;
12443
+ }
12444
+
12445
+ .pf-v6-c-progress.pf-m-sm {
12446
+ --pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-sm__bar--Height);
12447
+ }
12448
+
12449
+ .pf-v6-c-progress.pf-m-sm .pf-v6-c-progress__measure {
12450
+ font-size: var(--pf-v6-c-progress--m-sm__measure--FontSize);
12451
+ }
12452
+
12453
+ .pf-v6-c-progress.pf-m-lg {
12454
+ --pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-lg__bar--Height);
12455
+ }
12456
+
12457
+ .pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__indicator {
12458
+ display: flex;
12459
+ align-items: center;
12460
+ justify-content: center;
12461
+ min-width: var(--pf-v6-c-progress--m-inside__indicator--MinWidth);
12462
+ }
12463
+
12464
+ .pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__measure {
12465
+ font-size: var(--pf-v6-c-progress--m-inside__measure--FontSize);
12466
+ color: var(--pf-v6-c-progress--m-inside__measure--Color);
12467
+ text-align: center;
12468
+ }
12469
+
12470
+ .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__description {
12471
+ grid-column: 1/3;
12472
+ }
12473
+
12474
+ .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__status {
12475
+ grid-row: 2/3;
12476
+ grid-column: 2/3;
12477
+ align-self: center;
12478
+ }
12479
+
12480
+ .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure {
12481
+ display: inline-block;
12482
+ font-size: var(--pf-v6-c-progress--m-outside__measure--FontSize);
12483
+ }
12484
+
12485
+ .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure.pf-m-static-width {
12486
+ min-width: var(--pf-v6-c-progress__measure--m-static-width--MinWidth);
12487
+ text-align: start;
12488
+ }
12489
+
12490
+ .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__bar,
12491
+ .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__indicator {
12492
+ grid-column: 1/2;
12493
+ }
12494
+
12495
+ .pf-v6-c-progress.pf-m-singleline {
12496
+ grid-template-rows: 1fr;
12497
+ }
12498
+
12499
+ .pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__description {
12500
+ display: none;
12501
+ }
12502
+
12503
+ .pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__bar {
12504
+ grid-row: 1/2;
12505
+ grid-column: 1/2;
12506
+ }
12507
+
12508
+ .pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__status {
12509
+ grid-row: 1/2;
12510
+ grid-column: 2/3;
12511
+ }
12512
+
12513
+ .pf-v6-c-progress.pf-m-outside, .pf-v6-c-progress.pf-m-singleline {
12514
+ grid-template-columns: 1fr fit-content(50%);
12515
+ }
12516
+
12517
+ .pf-v6-c-progress.pf-m-success {
12518
+ --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-success__indicator--BackgroundColor);
12519
+ --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-success__status-icon--Color);
12520
+ --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-success--m-inside__measure--Color);
12521
+ }
12522
+
12523
+ .pf-v6-c-progress.pf-m-warning {
12524
+ --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-warning__indicator--BackgroundColor);
12525
+ --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-warning__status-icon--Color);
12526
+ --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-warning--m-inside__measure--Color);
12527
+ }
12528
+
12529
+ .pf-v6-c-progress.pf-m-danger {
12530
+ --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-danger__indicator--BackgroundColor);
12531
+ --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
12532
+ --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
12533
+ }
12534
+
12535
+ .pf-v6-c-progress__description {
12536
+ grid-column: 1/2;
12537
+ word-break: break-word;
12538
+ }
12539
+
12540
+ .pf-v6-c-progress__description.pf-m-truncate {
12541
+ overflow: hidden;
12542
+ text-overflow: ellipsis;
12543
+ white-space: nowrap;
12369
12544
  }
12370
- @media (min-width: 90.625rem) {
12371
- .pf-v6-c-page__main-section.pf-m-padding-on-2xl {
12372
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12373
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12374
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12375
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12376
- }
12377
- .pf-v6-c-page__main-section.pf-m-no-padding-on-2xl {
12378
- padding: 0;
12379
- }
12545
+
12546
+ .pf-v6-c-progress__status {
12547
+ display: flex;
12548
+ grid-row: 1/2;
12549
+ grid-column: 2/3;
12550
+ gap: var(--pf-v6-c-progress__status--Gap);
12551
+ align-items: flex-start;
12552
+ justify-content: flex-end;
12553
+ text-align: end;
12554
+ word-break: break-word;
12380
12555
  }
12381
- .pf-v6-c-page__main-wizard {
12382
- flex: 1 1;
12383
- min-height: 0;
12384
- background-color: var(--pf-v6-c-page__main-wizard--BackgroundColor);
12385
- border-block-start: var(--pf-v6-c-page__main-wizard--BorderBlockStartWidth) solid var(--pf-v6-c-page__main-wizard--BorderBlockStartColor);
12556
+
12557
+ .pf-v6-c-progress__status-icon {
12558
+ color: var(--pf-v6-c-progress__status-icon--Color);
12386
12559
  }
12387
12560
 
12388
- .pf-v6-c-page__main-wizard:first-child {
12389
- --pf-v6-c-page__main-wizard--BorderBlockStartWidth: 0;
12561
+ .pf-v6-c-progress__bar::before,
12562
+ .pf-v6-c-progress__indicator {
12563
+ inset-block-start: 0;
12564
+ inset-inline-start: 0;
12390
12565
  }
12391
12566
 
12392
- .pf-v6-c-page__main-wizard .pf-v6-c-page__main-body {
12393
- min-height: 0;
12567
+ .pf-v6-c-progress__bar {
12568
+ position: relative;
12569
+ grid-row: 2/3;
12570
+ grid-column: 1/3;
12571
+ align-self: center;
12572
+ height: var(--pf-v6-c-progress__bar--Height);
12573
+ background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
12394
12574
  }
12395
12575
 
12396
- .pf-v6-c-page__main-group {
12397
- flex-shrink: 0;
12576
+ .pf-v6-c-progress__indicator {
12577
+ position: absolute;
12578
+ height: var(--pf-v6-c-progress__indicator--Height);
12579
+ background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
12398
12580
  }
12399
12581
 
12400
- .pf-v6-c-page__drawer {
12401
- grid-area: main;
12582
+ .pf-v6-c-progress__helper-text {
12583
+ grid-row: 3/4;
12584
+ grid-column: 1/3;
12585
+ margin-block-start: var(--pf-v6-c-progress__helper-text--MarginBlockStart);
12402
12586
  }
12403
12587
 
12404
- .pf-v6-c-page__drawer > .pf-v6-c-drawer {
12405
- flex: 1 0 auto;
12588
+ .pf-v6-c-progress__measure {
12589
+ font-variant-numeric: tabular-nums;
12406
12590
  }
12407
12591
 
12408
12592
  :root,
@@ -12926,255 +13110,71 @@ ul.pf-v6-c-list {
12926
13110
  --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-custom__title-icon--Color);
12927
13111
  }
12928
13112
 
12929
- .pf-v6-c-popover.pf-m-info {
12930
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-info__title-icon--Color);
12931
- }
12932
-
12933
- .pf-v6-c-popover__content {
12934
- position: relative;
12935
- padding-block-start: var(--pf-v6-c-popover__content--PaddingBlockStart);
12936
- padding-block-end: var(--pf-v6-c-popover__content--PaddingBlockEnd);
12937
- padding-inline-start: var(--pf-v6-c-popover__content--PaddingInlineStart);
12938
- padding-inline-end: var(--pf-v6-c-popover__content--PaddingInlineEnd);
12939
- background-color: var(--pf-v6-c-popover__content--BackgroundColor);
12940
- border-radius: var(--pf-v6-c-popover__content--BorderRadius);
12941
- }
12942
-
12943
- .pf-v6-c-popover__close {
12944
- position: absolute;
12945
- inset-block-start: var(--pf-v6-c-popover__close--InsetBlockStart);
12946
- inset-inline-end: var(--pf-v6-c-popover__close--InsetInlineEnd);
12947
- }
12948
-
12949
- .pf-v6-c-popover__close + * {
12950
- padding-inline-end: var(--pf-v6-c-popover__close--sibling--PaddingInlineEnd);
12951
- }
12952
-
12953
- .pf-v6-c-popover__arrow {
12954
- position: absolute;
12955
- top: var(--pf-v6-c-popover__arrow--InsetBlockStart, auto);
12956
- right: var(--pf-v6-c-popover__arrow--InsetInlineEnd, auto);
12957
- bottom: var(--pf-v6-c-popover__arrow--InsetBlockEnd, auto);
12958
- left: var(--pf-v6-c-popover__arrow--InsetInlineStart, auto);
12959
- width: var(--pf-v6-c-popover__arrow--Width);
12960
- height: var(--pf-v6-c-popover__arrow--Height);
12961
- pointer-events: none;
12962
- background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
12963
- box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
12964
- transform: translateX(var(--pf-v6-c-popover__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-popover__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-popover__arrow--Rotate, 0));
12965
- }
12966
-
12967
- .pf-v6-c-popover__header {
12968
- margin-block-end: var(--pf-v6-c-popover__header--MarginBlockEnd);
12969
- }
12970
-
12971
- .pf-v6-c-popover__title {
12972
- display: flex;
12973
- flex: 0 0 auto;
12974
- }
12975
-
12976
- .pf-v6-c-popover__title-icon {
12977
- margin-inline-end: var(--pf-v6-c-popover__title-icon--MarginInlineEnd);
12978
- font-size: var(--pf-v6-c-popover__title-icon--FontSize);
12979
- color: var(--pf-v6-c-popover__title-icon--Color);
12980
- }
12981
-
12982
- .pf-v6-c-popover__title-text {
12983
- font-size: var(--pf-v6-c-popover__title-text--FontSize);
12984
- font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
12985
- color: var(--pf-v6-c-popover__title-text--Color);
12986
- }
12987
-
12988
- .pf-v6-c-popover__body {
12989
- word-wrap: break-word;
12990
- }
12991
-
12992
- .pf-v6-c-popover__footer {
12993
- margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
12994
- }
12995
-
12996
- :root,
12997
- .pf-v6-c-progress {
12998
- --pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
12999
- --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
13000
- --pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
13001
- --pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
13002
- --pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
13003
- --pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
13004
- --pf-v6-c-progress__indicator--Height: var(--pf-v6-c-progress__bar--Height);
13005
- --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
13006
- --pf-v6-c-progress__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
13007
- --pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
13008
- --pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
13009
- --pf-v6-c-progress--m-danger__indicator--BackgroundColor: var(--pf-t--global--color--status--danger--default);
13010
- --pf-v6-c-progress--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
13011
- --pf-v6-c-progress--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
13012
- --pf-v6-c-progress--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
13013
- --pf-v6-c-progress--m-inside__indicator--MinWidth: var(--pf-t--global--spacer--xl);
13014
- --pf-v6-c-progress--m-inside__measure--Color: var(--pf-t--global--text--color--on-brand--default);
13015
- --pf-v6-c-progress--m-success--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-success--default);
13016
- --pf-v6-c-progress--m-warning--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-warning--default);
13017
- --pf-v6-c-progress--m-danger--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-danger--default);
13018
- --pf-v6-c-progress--m-inside__measure--FontSize: var(--pf-t--global--font--size--sm);
13019
- --pf-v6-c-progress--m-outside__measure--FontSize: var(--pf-t--global--font--size--sm);
13020
- --pf-v6-c-progress--m-sm__bar--Height: var(--pf-t--global--spacer--sm);
13021
- --pf-v6-c-progress--m-sm__measure--FontSize: var(--pf-t--global--font--size--body--sm);
13022
- --pf-v6-c-progress--m-lg__bar--Height: var(--pf-t--global--spacer--lg);
13023
- }
13024
-
13025
- .pf-v6-c-progress {
13026
- display: grid;
13027
- grid-template-rows: 1fr auto;
13028
- grid-template-columns: auto auto;
13029
- grid-gap: var(--pf-v6-c-progress--GridGap);
13030
- align-items: end;
13031
- }
13032
-
13033
- .pf-v6-c-progress.pf-m-sm {
13034
- --pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-sm__bar--Height);
13035
- }
13036
-
13037
- .pf-v6-c-progress.pf-m-sm .pf-v6-c-progress__measure {
13038
- font-size: var(--pf-v6-c-progress--m-sm__measure--FontSize);
13039
- }
13040
-
13041
- .pf-v6-c-progress.pf-m-lg {
13042
- --pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-lg__bar--Height);
13043
- }
13044
-
13045
- .pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__indicator {
13046
- display: flex;
13047
- align-items: center;
13048
- justify-content: center;
13049
- min-width: var(--pf-v6-c-progress--m-inside__indicator--MinWidth);
13050
- }
13051
-
13052
- .pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__measure {
13053
- font-size: var(--pf-v6-c-progress--m-inside__measure--FontSize);
13054
- color: var(--pf-v6-c-progress--m-inside__measure--Color);
13055
- text-align: center;
13056
- }
13057
-
13058
- .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__description {
13059
- grid-column: 1/3;
13060
- }
13061
-
13062
- .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__status {
13063
- grid-row: 2/3;
13064
- grid-column: 2/3;
13065
- align-self: center;
13066
- }
13067
-
13068
- .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure {
13069
- display: inline-block;
13070
- font-size: var(--pf-v6-c-progress--m-outside__measure--FontSize);
13071
- }
13072
-
13073
- .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure.pf-m-static-width {
13074
- min-width: var(--pf-v6-c-progress__measure--m-static-width--MinWidth);
13075
- text-align: start;
13076
- }
13077
-
13078
- .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__bar,
13079
- .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__indicator {
13080
- grid-column: 1/2;
13081
- }
13082
-
13083
- .pf-v6-c-progress.pf-m-singleline {
13084
- grid-template-rows: 1fr;
13085
- }
13086
-
13087
- .pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__description {
13088
- display: none;
13089
- }
13090
-
13091
- .pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__bar {
13092
- grid-row: 1/2;
13093
- grid-column: 1/2;
13094
- }
13095
-
13096
- .pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__status {
13097
- grid-row: 1/2;
13098
- grid-column: 2/3;
13099
- }
13100
-
13101
- .pf-v6-c-progress.pf-m-outside, .pf-v6-c-progress.pf-m-singleline {
13102
- grid-template-columns: 1fr fit-content(50%);
13103
- }
13104
-
13105
- .pf-v6-c-progress.pf-m-success {
13106
- --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-success__indicator--BackgroundColor);
13107
- --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-success__status-icon--Color);
13108
- --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-success--m-inside__measure--Color);
13109
- }
13110
-
13111
- .pf-v6-c-progress.pf-m-warning {
13112
- --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-warning__indicator--BackgroundColor);
13113
- --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-warning__status-icon--Color);
13114
- --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-warning--m-inside__measure--Color);
13113
+ .pf-v6-c-popover.pf-m-info {
13114
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-info__title-icon--Color);
13115
13115
  }
13116
13116
 
13117
- .pf-v6-c-progress.pf-m-danger {
13118
- --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-danger__indicator--BackgroundColor);
13119
- --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
13120
- --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
13117
+ .pf-v6-c-popover__content {
13118
+ position: relative;
13119
+ padding-block-start: var(--pf-v6-c-popover__content--PaddingBlockStart);
13120
+ padding-block-end: var(--pf-v6-c-popover__content--PaddingBlockEnd);
13121
+ padding-inline-start: var(--pf-v6-c-popover__content--PaddingInlineStart);
13122
+ padding-inline-end: var(--pf-v6-c-popover__content--PaddingInlineEnd);
13123
+ background-color: var(--pf-v6-c-popover__content--BackgroundColor);
13124
+ border-radius: var(--pf-v6-c-popover__content--BorderRadius);
13121
13125
  }
13122
13126
 
13123
- .pf-v6-c-progress__description {
13124
- grid-column: 1/2;
13125
- word-break: break-word;
13127
+ .pf-v6-c-popover__close {
13128
+ position: absolute;
13129
+ inset-block-start: var(--pf-v6-c-popover__close--InsetBlockStart);
13130
+ inset-inline-end: var(--pf-v6-c-popover__close--InsetInlineEnd);
13126
13131
  }
13127
13132
 
13128
- .pf-v6-c-progress__description.pf-m-truncate {
13129
- overflow: hidden;
13130
- text-overflow: ellipsis;
13131
- white-space: nowrap;
13133
+ .pf-v6-c-popover__close + * {
13134
+ padding-inline-end: var(--pf-v6-c-popover__close--sibling--PaddingInlineEnd);
13132
13135
  }
13133
13136
 
13134
- .pf-v6-c-progress__status {
13135
- display: flex;
13136
- grid-row: 1/2;
13137
- grid-column: 2/3;
13138
- gap: var(--pf-v6-c-progress__status--Gap);
13139
- align-items: flex-start;
13140
- justify-content: flex-end;
13141
- text-align: end;
13142
- word-break: break-word;
13137
+ .pf-v6-c-popover__arrow {
13138
+ position: absolute;
13139
+ top: var(--pf-v6-c-popover__arrow--InsetBlockStart, auto);
13140
+ right: var(--pf-v6-c-popover__arrow--InsetInlineEnd, auto);
13141
+ bottom: var(--pf-v6-c-popover__arrow--InsetBlockEnd, auto);
13142
+ left: var(--pf-v6-c-popover__arrow--InsetInlineStart, auto);
13143
+ width: var(--pf-v6-c-popover__arrow--Width);
13144
+ height: var(--pf-v6-c-popover__arrow--Height);
13145
+ pointer-events: none;
13146
+ background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
13147
+ box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
13148
+ transform: translateX(var(--pf-v6-c-popover__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-popover__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-popover__arrow--Rotate, 0));
13143
13149
  }
13144
13150
 
13145
- .pf-v6-c-progress__status-icon {
13146
- color: var(--pf-v6-c-progress__status-icon--Color);
13151
+ .pf-v6-c-popover__header {
13152
+ margin-block-end: var(--pf-v6-c-popover__header--MarginBlockEnd);
13147
13153
  }
13148
13154
 
13149
- .pf-v6-c-progress__bar::before,
13150
- .pf-v6-c-progress__indicator {
13151
- inset-block-start: 0;
13152
- inset-inline-start: 0;
13155
+ .pf-v6-c-popover__title {
13156
+ display: flex;
13157
+ flex: 0 0 auto;
13153
13158
  }
13154
13159
 
13155
- .pf-v6-c-progress__bar {
13156
- position: relative;
13157
- grid-row: 2/3;
13158
- grid-column: 1/3;
13159
- align-self: center;
13160
- height: var(--pf-v6-c-progress__bar--Height);
13161
- background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
13160
+ .pf-v6-c-popover__title-icon {
13161
+ margin-inline-end: var(--pf-v6-c-popover__title-icon--MarginInlineEnd);
13162
+ font-size: var(--pf-v6-c-popover__title-icon--FontSize);
13163
+ color: var(--pf-v6-c-popover__title-icon--Color);
13162
13164
  }
13163
13165
 
13164
- .pf-v6-c-progress__indicator {
13165
- position: absolute;
13166
- height: var(--pf-v6-c-progress__indicator--Height);
13167
- background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
13166
+ .pf-v6-c-popover__title-text {
13167
+ font-size: var(--pf-v6-c-popover__title-text--FontSize);
13168
+ font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
13169
+ color: var(--pf-v6-c-popover__title-text--Color);
13168
13170
  }
13169
13171
 
13170
- .pf-v6-c-progress__helper-text {
13171
- grid-row: 3/4;
13172
- grid-column: 1/3;
13173
- margin-block-start: var(--pf-v6-c-progress__helper-text--MarginBlockStart);
13172
+ .pf-v6-c-popover__body {
13173
+ word-wrap: break-word;
13174
13174
  }
13175
13175
 
13176
- .pf-v6-c-progress__measure {
13177
- font-variant-numeric: tabular-nums;
13176
+ .pf-v6-c-popover__footer {
13177
+ margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
13178
13178
  }
13179
13179
 
13180
13180
  :root,
@@ -14664,70 +14664,233 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14664
14664
  --pf-v6-c-spinner--m-inline--diameter: 1em;
14665
14665
  }
14666
14666
 
14667
- .pf-v6-c-spinner {
14668
- width: var(--pf-v6-c-spinner--Width);
14669
- height: var(--pf-v6-c-spinner--Height);
14670
- overflow: hidden;
14671
- animation: pf-v6-c-spinner-animation-rotate calc(var(--pf-v6-c-spinner--AnimationDuration) * 2) var(--pf-v6-c-spinner--AnimationTimingFunction) infinite;
14667
+ .pf-v6-c-spinner {
14668
+ width: var(--pf-v6-c-spinner--Width);
14669
+ height: var(--pf-v6-c-spinner--Height);
14670
+ overflow: hidden;
14671
+ animation: pf-v6-c-spinner-animation-rotate calc(var(--pf-v6-c-spinner--AnimationDuration) * 2) var(--pf-v6-c-spinner--AnimationTimingFunction) infinite;
14672
+ }
14673
+
14674
+ .pf-v6-c-spinner.pf-m-inline {
14675
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
14676
+ }
14677
+
14678
+ .pf-v6-c-spinner.pf-m-sm {
14679
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
14680
+ }
14681
+
14682
+ .pf-v6-c-spinner.pf-m-md {
14683
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-md--diameter);
14684
+ }
14685
+
14686
+ .pf-v6-c-spinner.pf-m-lg {
14687
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
14688
+ }
14689
+
14690
+ .pf-v6-c-spinner.pf-m-xl {
14691
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xl--diameter);
14692
+ }
14693
+
14694
+ .pf-v6-c-spinner__path {
14695
+ width: 100%;
14696
+ height: 100%;
14697
+ stroke: var(--pf-v6-c-spinner--Color);
14698
+ stroke-dasharray: 283;
14699
+ stroke-dashoffset: 280;
14700
+ stroke-linecap: round;
14701
+ stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
14702
+ transform-origin: 50% 50%;
14703
+ animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
14704
+ }
14705
+
14706
+ @keyframes pf-v6-c-spinner-animation-rotate {
14707
+ 0% {
14708
+ transform: rotate(0deg);
14709
+ }
14710
+ 100% {
14711
+ transform: rotate(360deg);
14712
+ }
14713
+ }
14714
+ @keyframes pf-v6-c-spinner-animation-dash {
14715
+ 0% {
14716
+ stroke-dashoffset: 280;
14717
+ transform: rotate(0);
14718
+ }
14719
+ 15% {
14720
+ stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
14721
+ }
14722
+ 40% {
14723
+ stroke-dasharray: 220;
14724
+ stroke-dashoffset: 150;
14725
+ }
14726
+ 100% {
14727
+ stroke-dashoffset: 280;
14728
+ transform: rotate(720deg);
14729
+ }
14730
+ }
14731
+ :root,
14732
+ .pf-v6-c-switch {
14733
+ --pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
14734
+ --pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
14735
+ --pf-v6-c-switch__toggle-icon--FontSize: calc(var(--pf-v6-c-switch--FontSize) * .625);
14736
+ --pf-v6-c-switch__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
14737
+ --pf-v6-c-switch__toggle-icon--InsetInlineStart: calc(var(--pf-v6-c-switch--FontSize) * .4);
14738
+ --pf-v6-c-switch__toggle-icon--Offset: 0.125rem;
14739
+ --pf-v6-c-switch__input--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
14740
+ --pf-v6-c-switch--LineHeight: var(--pf-t--global--font--line-height--body);
14741
+ --pf-v6-c-switch--Height: auto;
14742
+ --pf-v6-c-switch__input--checked__toggle--BackgroundColor: var(--pf-t--global--color--brand--default);
14743
+ --pf-v6-c-switch__input--checked__toggle--before--TranslateX: calc(100% + var(--pf-v6-c-switch__toggle-icon--Offset));
14744
+ --pf-v6-c-switch__input--checked__toggle--BorderWidth: 0;
14745
+ --pf-v6-c-switch__input--checked__label--Color: var(--pf-t--global--text--color--regular);
14746
+ --pf-v6-c-switch__input--not-checked__label--Color: var(--pf-t--global--text--color--subtle);
14747
+ --pf-v6-c-switch__input--disabled__label--Color: var(--pf-t--global--text--color--disabled);
14748
+ --pf-v6-c-switch__input--disabled__toggle--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
14749
+ --pf-v6-c-switch__input--checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--inverse);
14750
+ --pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--subtle);
14751
+ --pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--on-disabled);
14752
+ --pf-v6-c-switch__input--focus__toggle--OutlineWidth: var(--pf-t--global--border--width--strong);
14753
+ --pf-v6-c-switch__input--focus__toggle--OutlineOffset: var(--pf-t--global--spacer--xs);
14754
+ --pf-v6-c-switch__input--focus__toggle--OutlineColor: var(--pf-t--global--color--brand--default);
14755
+ --pf-v6-c-switch__toggle--Height: calc(var(--pf-v6-c-switch--FontSize) * var(--pf-v6-c-switch--LineHeight));
14756
+ --pf-v6-c-switch__toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
14757
+ --pf-v6-c-switch__toggle--BorderColor: var(--pf-t--global--border--color--default);
14758
+ --pf-v6-c-switch__toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
14759
+ --pf-v6-c-switch__toggle--BorderRadius: var(--pf-t--global--border--radius--pill);
14760
+ --pf-v6-c-switch__toggle--before--Width: calc(var(--pf-v6-c-switch--FontSize) - var(--pf-v6-c-switch__toggle-icon--Offset));
14761
+ --pf-v6-c-switch__toggle--before--Height: var(--pf-v6-c-switch__toggle--before--Width);
14762
+ --pf-v6-c-switch__toggle--before--InsetInlineStart: calc((var(--pf-v6-c-switch__toggle--Height) - var(--pf-v6-c-switch__toggle--before--Height)) / 2);
14763
+ --pf-v6-c-switch__toggle--before--BorderRadius: var(--pf-t--global--border--radius--large);
14764
+ --pf-v6-c-switch__toggle--before--Transition: transform .25s ease 0s;
14765
+ --pf-v6-c-switch__toggle--Width: calc(var(--pf-v6-c-switch__toggle--Height) + var(--pf-v6-c-switch__toggle-icon--Offset) + var(--pf-v6-c-switch__toggle--before--Width));
14766
+ }
14767
+
14768
+ .pf-v6-c-switch {
14769
+ position: relative;
14770
+ display: inline-grid;
14771
+ grid-template-columns: auto;
14772
+ grid-auto-columns: 1fr;
14773
+ column-gap: var(--pf-v6-c-switch--ColumnGap);
14774
+ height: var(--pf-v6-c-switch--Height);
14775
+ font-size: var(--pf-v6-c-switch--FontSize);
14776
+ line-height: var(--pf-v6-c-switch--LineHeight);
14777
+ vertical-align: middle;
14778
+ cursor: pointer;
14779
+ }
14780
+
14781
+ .pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__label,
14782
+ .pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__toggle {
14783
+ grid-row: 1;
14784
+ }
14785
+
14786
+ .pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__label {
14787
+ grid-column: 1;
14788
+ }
14789
+
14790
+ .pf-v6-c-switch__input {
14791
+ position: absolute;
14792
+ cursor: pointer;
14793
+ opacity: 0;
14794
+ }
14795
+
14796
+ .pf-v6-c-switch__input:focus-visible ~ .pf-v6-c-switch__toggle {
14797
+ outline: var(--pf-v6-c-switch__input--focus__toggle--OutlineWidth) solid var(--pf-v6-c-switch__input--focus__toggle--OutlineColor);
14798
+ outline-offset: var(--pf-v6-c-switch__input--focus__toggle--OutlineOffset);
14799
+ }
14800
+
14801
+ .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__label {
14802
+ color: var(--pf-v6-c-switch__input--checked__label--Color);
14803
+ }
14804
+
14805
+ .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle {
14806
+ --pf-v6-c-switch__toggle--BorderWidth: var(--pf-v6-c-switch__input--checked__toggle--BorderWidth);
14807
+ background-color: var(--pf-v6-c-switch__input--checked__toggle--BackgroundColor);
14808
+ }
14809
+
14810
+ .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
14811
+ transform: translate(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX), -50%);
14812
+ background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
14813
+ }
14814
+
14815
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
14816
+ transform: translate(calc(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), -50%);
14817
+ }
14818
+
14819
+ .pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__label {
14820
+ color: var(--pf-v6-c-switch__input--not-checked__label--Color);
14821
+ }
14822
+
14823
+ .pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__toggle .pf-v6-c-switch__toggle-icon {
14824
+ display: none;
14825
+ }
14826
+
14827
+ .pf-v6-c-switch__input:disabled {
14828
+ cursor: not-allowed;
14829
+ }
14830
+
14831
+ .pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__label {
14832
+ color: var(--pf-v6-c-switch__input--disabled__label--Color);
14833
+ cursor: not-allowed;
14672
14834
  }
14673
14835
 
14674
- .pf-v6-c-spinner.pf-m-inline {
14675
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
14836
+ .pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__toggle {
14837
+ --pf-v6-c-switch__toggle-icon--Color: var(--pf-v6-c-switch__input--disabled__toggle-icon--Color);
14838
+ cursor: not-allowed;
14839
+ background-color: var(--pf-v6-c-switch__input--disabled__toggle--BackgroundColor);
14676
14840
  }
14677
14841
 
14678
- .pf-v6-c-spinner.pf-m-sm {
14679
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
14842
+ .pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__toggle::before {
14843
+ background-color: var(--pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor);
14680
14844
  }
14681
14845
 
14682
- .pf-v6-c-spinner.pf-m-md {
14683
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-md--diameter);
14846
+ .pf-v6-c-switch__toggle {
14847
+ position: relative;
14848
+ display: inline-block;
14849
+ width: var(--pf-v6-c-switch__toggle--Width);
14850
+ height: var(--pf-v6-c-switch__toggle--Height);
14851
+ background-color: var(--pf-v6-c-switch__toggle--BackgroundColor);
14852
+ border-radius: var(--pf-v6-c-switch__toggle--BorderRadius);
14684
14853
  }
14685
14854
 
14686
- .pf-v6-c-spinner.pf-m-lg {
14687
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
14855
+ .pf-v6-c-switch__toggle::before {
14856
+ position: absolute;
14857
+ inset-block-start: 50%;
14858
+ inset-inline-start: var(--pf-v6-c-switch__toggle--before--InsetInlineStart);
14859
+ display: block;
14860
+ width: var(--pf-v6-c-switch__toggle--before--Width);
14861
+ height: var(--pf-v6-c-switch__toggle--before--Height);
14862
+ content: "";
14863
+ background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
14864
+ border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
14865
+ transition: var(--pf-v6-c-switch__toggle--before--Transition);
14866
+ transform: translateY(-50%);
14688
14867
  }
14689
14868
 
14690
- .pf-v6-c-spinner.pf-m-xl {
14691
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xl--diameter);
14869
+ .pf-v6-c-switch__toggle::after {
14870
+ position: absolute;
14871
+ inset: 0;
14872
+ content: "";
14873
+ border: var(--pf-v6-c-switch__toggle--BorderWidth) solid var(--pf-v6-c-switch__toggle--BorderColor);
14874
+ border-radius: var(--pf-v6-c-switch__toggle--BorderRadius);
14692
14875
  }
14693
14876
 
14694
- .pf-v6-c-spinner__path {
14695
- width: 100%;
14696
- height: 100%;
14697
- stroke: var(--pf-v6-c-spinner--Color);
14698
- stroke-dasharray: 283;
14699
- stroke-dashoffset: 280;
14700
- stroke-linecap: round;
14701
- stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
14702
- transform-origin: 50% 50%;
14703
- animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
14877
+ .pf-v6-c-switch__toggle-icon {
14878
+ position: absolute;
14879
+ inset-block-start: 0;
14880
+ inset-block-end: 0;
14881
+ inset-inline-start: var(--pf-v6-c-switch__toggle-icon--InsetInlineStart);
14882
+ display: flex;
14883
+ align-items: center;
14884
+ font-size: var(--pf-v6-c-switch__toggle-icon--FontSize);
14885
+ color: var(--pf-v6-c-switch__toggle-icon--Color);
14704
14886
  }
14705
14887
 
14706
- @keyframes pf-v6-c-spinner-animation-rotate {
14707
- 0% {
14708
- transform: rotate(0deg);
14709
- }
14710
- 100% {
14711
- transform: rotate(360deg);
14712
- }
14713
- }
14714
- @keyframes pf-v6-c-spinner-animation-dash {
14715
- 0% {
14716
- stroke-dashoffset: 280;
14717
- transform: rotate(0);
14718
- }
14719
- 15% {
14720
- stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
14721
- }
14722
- 40% {
14723
- stroke-dasharray: 220;
14724
- stroke-dashoffset: 150;
14725
- }
14726
- 100% {
14727
- stroke-dashoffset: 280;
14728
- transform: rotate(720deg);
14729
- }
14888
+ .pf-v6-c-switch__label {
14889
+ display: inline-block;
14890
+ grid-column: 2;
14891
+ vertical-align: top;
14730
14892
  }
14893
+
14731
14894
  :root,
14732
14895
  .pf-v6-c-tabs {
14733
14896
  --pf-v6-c-tabs--inset: 0;
@@ -15616,204 +15779,41 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15616
15779
  --pf-v6-c-tab-content__body--m-padding--PaddingInlineEnd: var(--pf-t--global--spacer--md);
15617
15780
  --pf-v6-c-tab-content__body--m-padding--PaddingBlockEnd: var(--pf-t--global--spacer--md);
15618
15781
  --pf-v6-c-tab-content__body--m-padding--PaddingInlineStart: var(--pf-t--global--spacer--md);
15619
- --pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockStart: var(--pf-t--global--spacer--lg);
15620
- --pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
15621
- --pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
15622
- --pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineStart: var(--pf-t--global--spacer--lg);
15623
- --pf-v6-c-tab-content--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
15624
- }
15625
-
15626
- .pf-v6-c-tab-content {
15627
- background-color: var(--pf-v6-c-tab-content--BackgroundColor);
15628
- }
15629
-
15630
- @media screen and (min-width: 75rem) {
15631
- .pf-v6-c-tab-content {
15632
- --pf-v6-c-tab-content__body--m-padding--PaddingBlockStart: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockStart);
15633
- --pf-v6-c-tab-content__body--m-padding--PaddingInlineEnd: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineEnd);
15634
- --pf-v6-c-tab-content__body--m-padding--PaddingBlockEnd: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockEnd);
15635
- --pf-v6-c-tab-content__body--m-padding--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineStart);
15636
- }
15637
- }
15638
- .pf-v6-c-tab-content.pf-m-secondary {
15639
- --pf-v6-c-tab-content--BackgroundColor: var(--pf-v6-c-tab-content--m-secondary--BackgroundColor);
15640
- }
15641
-
15642
- .pf-v6-c-tab-content__body {
15643
- padding-block-start: var(--pf-v6-c-tab-content__body--PaddingBlockStart);
15644
- padding-block-end: var(--pf-v6-c-tab-content__body--PaddingBlockEnd);
15645
- padding-inline-start: var(--pf-v6-c-tab-content__body--PaddingInlineStart);
15646
- padding-inline-end: var(--pf-v6-c-tab-content__body--PaddingInlineEnd);
15647
- }
15648
-
15649
- .pf-v6-c-tab-content__body.pf-m-padding {
15650
- --pf-v6-c-tab-content__body--PaddingBlockStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingBlockStart);
15651
- --pf-v6-c-tab-content__body--PaddingInlineEnd: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineEnd);
15652
- --pf-v6-c-tab-content__body--PaddingBlockEnd: var(--pf-v6-c-tab-content__body--m-padding--PaddingBlockEnd);
15653
- --pf-v6-c-tab-content__body--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart);
15654
- }
15655
-
15656
- :root,
15657
- .pf-v6-c-switch {
15658
- --pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
15659
- --pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
15660
- --pf-v6-c-switch__toggle-icon--FontSize: calc(var(--pf-v6-c-switch--FontSize) * .625);
15661
- --pf-v6-c-switch__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
15662
- --pf-v6-c-switch__toggle-icon--InsetInlineStart: calc(var(--pf-v6-c-switch--FontSize) * .4);
15663
- --pf-v6-c-switch__toggle-icon--Offset: 0.125rem;
15664
- --pf-v6-c-switch__input--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
15665
- --pf-v6-c-switch--LineHeight: var(--pf-t--global--font--line-height--body);
15666
- --pf-v6-c-switch--Height: auto;
15667
- --pf-v6-c-switch__input--checked__toggle--BackgroundColor: var(--pf-t--global--color--brand--default);
15668
- --pf-v6-c-switch__input--checked__toggle--before--TranslateX: calc(100% + var(--pf-v6-c-switch__toggle-icon--Offset));
15669
- --pf-v6-c-switch__input--checked__toggle--BorderWidth: 0;
15670
- --pf-v6-c-switch__input--checked__label--Color: var(--pf-t--global--text--color--regular);
15671
- --pf-v6-c-switch__input--not-checked__label--Color: var(--pf-t--global--text--color--subtle);
15672
- --pf-v6-c-switch__input--disabled__label--Color: var(--pf-t--global--text--color--disabled);
15673
- --pf-v6-c-switch__input--disabled__toggle--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
15674
- --pf-v6-c-switch__input--checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--inverse);
15675
- --pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--subtle);
15676
- --pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--on-disabled);
15677
- --pf-v6-c-switch__input--focus__toggle--OutlineWidth: var(--pf-t--global--border--width--strong);
15678
- --pf-v6-c-switch__input--focus__toggle--OutlineOffset: var(--pf-t--global--spacer--xs);
15679
- --pf-v6-c-switch__input--focus__toggle--OutlineColor: var(--pf-t--global--color--brand--default);
15680
- --pf-v6-c-switch__toggle--Height: calc(var(--pf-v6-c-switch--FontSize) * var(--pf-v6-c-switch--LineHeight));
15681
- --pf-v6-c-switch__toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
15682
- --pf-v6-c-switch__toggle--BorderColor: var(--pf-t--global--border--color--default);
15683
- --pf-v6-c-switch__toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
15684
- --pf-v6-c-switch__toggle--BorderRadius: var(--pf-t--global--border--radius--pill);
15685
- --pf-v6-c-switch__toggle--before--Width: calc(var(--pf-v6-c-switch--FontSize) - var(--pf-v6-c-switch__toggle-icon--Offset));
15686
- --pf-v6-c-switch__toggle--before--Height: var(--pf-v6-c-switch__toggle--before--Width);
15687
- --pf-v6-c-switch__toggle--before--InsetInlineStart: calc((var(--pf-v6-c-switch__toggle--Height) - var(--pf-v6-c-switch__toggle--before--Height)) / 2);
15688
- --pf-v6-c-switch__toggle--before--BorderRadius: var(--pf-t--global--border--radius--large);
15689
- --pf-v6-c-switch__toggle--before--Transition: transform .25s ease 0s;
15690
- --pf-v6-c-switch__toggle--Width: calc(var(--pf-v6-c-switch__toggle--Height) + var(--pf-v6-c-switch__toggle-icon--Offset) + var(--pf-v6-c-switch__toggle--before--Width));
15691
- }
15692
-
15693
- .pf-v6-c-switch {
15694
- position: relative;
15695
- display: inline-grid;
15696
- grid-template-columns: auto;
15697
- grid-auto-columns: 1fr;
15698
- column-gap: var(--pf-v6-c-switch--ColumnGap);
15699
- height: var(--pf-v6-c-switch--Height);
15700
- font-size: var(--pf-v6-c-switch--FontSize);
15701
- line-height: var(--pf-v6-c-switch--LineHeight);
15702
- vertical-align: middle;
15703
- cursor: pointer;
15704
- }
15705
-
15706
- .pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__label,
15707
- .pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__toggle {
15708
- grid-row: 1;
15709
- }
15710
-
15711
- .pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__label {
15712
- grid-column: 1;
15713
- }
15714
-
15715
- .pf-v6-c-switch__input {
15716
- position: absolute;
15717
- cursor: pointer;
15718
- opacity: 0;
15719
- }
15720
-
15721
- .pf-v6-c-switch__input:focus-visible ~ .pf-v6-c-switch__toggle {
15722
- outline: var(--pf-v6-c-switch__input--focus__toggle--OutlineWidth) solid var(--pf-v6-c-switch__input--focus__toggle--OutlineColor);
15723
- outline-offset: var(--pf-v6-c-switch__input--focus__toggle--OutlineOffset);
15724
- }
15725
-
15726
- .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__label {
15727
- color: var(--pf-v6-c-switch__input--checked__label--Color);
15728
- }
15729
-
15730
- .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle {
15731
- --pf-v6-c-switch__toggle--BorderWidth: var(--pf-v6-c-switch__input--checked__toggle--BorderWidth);
15732
- background-color: var(--pf-v6-c-switch__input--checked__toggle--BackgroundColor);
15733
- }
15734
-
15735
- .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
15736
- transform: translate(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX), -50%);
15737
- background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
15738
- }
15739
-
15740
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
15741
- transform: translate(calc(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), -50%);
15742
- }
15743
-
15744
- .pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__label {
15745
- color: var(--pf-v6-c-switch__input--not-checked__label--Color);
15746
- }
15747
-
15748
- .pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__toggle .pf-v6-c-switch__toggle-icon {
15749
- display: none;
15750
- }
15751
-
15752
- .pf-v6-c-switch__input:disabled {
15753
- cursor: not-allowed;
15754
- }
15755
-
15756
- .pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__label {
15757
- color: var(--pf-v6-c-switch__input--disabled__label--Color);
15758
- cursor: not-allowed;
15759
- }
15760
-
15761
- .pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__toggle {
15762
- --pf-v6-c-switch__toggle-icon--Color: var(--pf-v6-c-switch__input--disabled__toggle-icon--Color);
15763
- cursor: not-allowed;
15764
- background-color: var(--pf-v6-c-switch__input--disabled__toggle--BackgroundColor);
15765
- }
15766
-
15767
- .pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__toggle::before {
15768
- background-color: var(--pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor);
15769
- }
15770
-
15771
- .pf-v6-c-switch__toggle {
15772
- position: relative;
15773
- display: inline-block;
15774
- width: var(--pf-v6-c-switch__toggle--Width);
15775
- height: var(--pf-v6-c-switch__toggle--Height);
15776
- background-color: var(--pf-v6-c-switch__toggle--BackgroundColor);
15777
- border-radius: var(--pf-v6-c-switch__toggle--BorderRadius);
15782
+ --pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockStart: var(--pf-t--global--spacer--lg);
15783
+ --pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
15784
+ --pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
15785
+ --pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineStart: var(--pf-t--global--spacer--lg);
15786
+ --pf-v6-c-tab-content--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
15778
15787
  }
15779
15788
 
15780
- .pf-v6-c-switch__toggle::before {
15781
- position: absolute;
15782
- inset-block-start: 50%;
15783
- inset-inline-start: var(--pf-v6-c-switch__toggle--before--InsetInlineStart);
15784
- display: block;
15785
- width: var(--pf-v6-c-switch__toggle--before--Width);
15786
- height: var(--pf-v6-c-switch__toggle--before--Height);
15787
- content: "";
15788
- background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
15789
- border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
15790
- transition: var(--pf-v6-c-switch__toggle--before--Transition);
15791
- transform: translateY(-50%);
15789
+ .pf-v6-c-tab-content {
15790
+ background-color: var(--pf-v6-c-tab-content--BackgroundColor);
15792
15791
  }
15793
15792
 
15794
- .pf-v6-c-switch__toggle::after {
15795
- position: absolute;
15796
- inset: 0;
15797
- content: "";
15798
- border: var(--pf-v6-c-switch__toggle--BorderWidth) solid var(--pf-v6-c-switch__toggle--BorderColor);
15799
- border-radius: var(--pf-v6-c-switch__toggle--BorderRadius);
15793
+ @media screen and (min-width: 75rem) {
15794
+ .pf-v6-c-tab-content {
15795
+ --pf-v6-c-tab-content__body--m-padding--PaddingBlockStart: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockStart);
15796
+ --pf-v6-c-tab-content__body--m-padding--PaddingInlineEnd: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineEnd);
15797
+ --pf-v6-c-tab-content__body--m-padding--PaddingBlockEnd: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockEnd);
15798
+ --pf-v6-c-tab-content__body--m-padding--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineStart);
15799
+ }
15800
+ }
15801
+ .pf-v6-c-tab-content.pf-m-secondary {
15802
+ --pf-v6-c-tab-content--BackgroundColor: var(--pf-v6-c-tab-content--m-secondary--BackgroundColor);
15800
15803
  }
15801
15804
 
15802
- .pf-v6-c-switch__toggle-icon {
15803
- position: absolute;
15804
- inset-block-start: 0;
15805
- inset-block-end: 0;
15806
- inset-inline-start: var(--pf-v6-c-switch__toggle-icon--InsetInlineStart);
15807
- display: flex;
15808
- align-items: center;
15809
- font-size: var(--pf-v6-c-switch__toggle-icon--FontSize);
15810
- color: var(--pf-v6-c-switch__toggle-icon--Color);
15805
+ .pf-v6-c-tab-content__body {
15806
+ padding-block-start: var(--pf-v6-c-tab-content__body--PaddingBlockStart);
15807
+ padding-block-end: var(--pf-v6-c-tab-content__body--PaddingBlockEnd);
15808
+ padding-inline-start: var(--pf-v6-c-tab-content__body--PaddingInlineStart);
15809
+ padding-inline-end: var(--pf-v6-c-tab-content__body--PaddingInlineEnd);
15811
15810
  }
15812
15811
 
15813
- .pf-v6-c-switch__label {
15814
- display: inline-block;
15815
- grid-column: 2;
15816
- vertical-align: top;
15812
+ .pf-v6-c-tab-content__body.pf-m-padding {
15813
+ --pf-v6-c-tab-content__body--PaddingBlockStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingBlockStart);
15814
+ --pf-v6-c-tab-content__body--PaddingInlineEnd: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineEnd);
15815
+ --pf-v6-c-tab-content__body--PaddingBlockEnd: var(--pf-v6-c-tab-content__body--m-padding--PaddingBlockEnd);
15816
+ --pf-v6-c-tab-content__body--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart);
15817
15817
  }
15818
15818
 
15819
15819
  :root,
@@ -22226,21 +22226,222 @@ label.pf-v6-c-tree-view__node-text {
22226
22226
  --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)));
22227
22227
  }
22228
22228
  }
22229
- @media (min-width: 62rem) {
22230
- .pf-v6-l-gallery {
22231
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))));
22229
+ @media (min-width: 62rem) {
22230
+ .pf-v6-l-gallery {
22231
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))));
22232
+ }
22233
+ }
22234
+ @media (min-width: 75rem) {
22235
+ .pf-v6-l-gallery {
22236
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)))));
22237
+ }
22238
+ }
22239
+ @media (min-width: 90.625rem) {
22240
+ .pf-v6-l-gallery {
22241
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))))));
22242
+ }
22243
+ }
22244
+ :root,
22245
+ .pf-v6-c-about-modal-box {
22246
+ --pf-v6-c-about-modal-box--BackgroundImage: none;
22247
+ --pf-v6-c-about-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
22248
+ --pf-v6-c-about-modal-box--BackgroundSize--min-width: 200px;
22249
+ --pf-v6-c-about-modal-box--BackgroundSize--width: 60%;
22250
+ --pf-v6-c-about-modal-box--BackgroundSize--max-width: 600px;
22251
+ --pf-v6-c-about-modal-box--BackgroundSize: clamp(var(--pf-v6-c-about-modal-box--BackgroundSize--min-width), var(--pf-v6-c-about-modal-box--BackgroundSize--width), var(--pf-v6-c-about-modal-box--BackgroundSize--max-width));
22252
+ --pf-v6-c-about-modal-box--Height: 100%;
22253
+ --pf-v6-c-about-modal-box--lg--Height: 47.625rem;
22254
+ --pf-v6-c-about-modal-box--Width: 100%;
22255
+ --pf-v6-c-about-modal-box--sm--GridTemplateColumns: 5fr 1fr;
22256
+ --pf-v6-c-about-modal-box--lg--GridTemplateColumns: 1fr .6fr;
22257
+ --pf-v6-c-about-modal-box__brand--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
22258
+ --pf-v6-c-about-modal-box__brand--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
22259
+ --pf-v6-c-about-modal-box__brand--PaddingInlineStart: var(--pf-t--global--spacer--xl);
22260
+ --pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
22261
+ --pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
22262
+ --pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
22263
+ --pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
22264
+ --pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
22265
+ --pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
22266
+ --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
22267
+ --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
22268
+ --pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
22269
+ --pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
22270
+ --pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
22271
+ --pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
22272
+ --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
22273
+ --pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
22274
+ --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
22275
+ --pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
22276
+ --pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
22277
+ --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
22278
+ --pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
22279
+ --pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
22280
+ --pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
22281
+ --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
22282
+ --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
22283
+ --pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
22284
+ --pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
22285
+ --pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
22286
+ --pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
22287
+ --pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
22288
+ --pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
22289
+ }
22290
+
22291
+ @media screen and (min-width: 36rem) {
22292
+ :root,
22293
+ .pf-v6-c-about-modal-box {
22294
+ --pf-v6-c-about-modal-box__brand--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd);
22295
+ --pf-v6-c-about-modal-box__brand--PaddingInlineStart: var(--pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart);
22296
+ --pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd);
22297
+ }
22298
+ }
22299
+ @media only screen and (min-width: 36rem) {
22300
+ :root,
22301
+ .pf-v6-c-about-modal-box {
22302
+ --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd);
22303
+ }
22304
+ }
22305
+ @media only screen and (min-width: 62rem) {
22306
+ :root,
22307
+ .pf-v6-c-about-modal-box {
22308
+ --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd);
22309
+ }
22310
+ }
22311
+ @media only screen and (min-width: 36rem) {
22312
+ :root,
22313
+ .pf-v6-c-about-modal-box {
22314
+ --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd);
22315
+ --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart);
22316
+ }
22317
+ }
22318
+ @media only screen and (min-width: 36rem) {
22319
+ :root,
22320
+ .pf-v6-c-about-modal-box {
22321
+ --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart);
22322
+ }
22323
+ }
22324
+ @media only screen and (min-width: 36rem) {
22325
+ :root,
22326
+ .pf-v6-c-about-modal-box {
22327
+ --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockStart);
22328
+ --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-v6-c-about-modal-box__content--sm--MarginInlineEnd);
22329
+ --pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockEnd);
22330
+ --pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-v6-c-about-modal-box__content--sm--MarginInlineStart);
22331
+ }
22332
+ }
22333
+ .pf-v6-c-about-modal-box {
22334
+ position: relative;
22335
+ display: grid;
22336
+ grid-template-areas: "brand close" "header header" "content content";
22337
+ grid-template-rows: max-content max-content auto;
22338
+ width: var(--pf-v6-c-about-modal-box--Width);
22339
+ height: var(--pf-v6-c-about-modal-box--Height);
22340
+ overflow-x: hidden;
22341
+ overflow-y: auto;
22342
+ background-color: var(--pf-v6-c-about-modal-box--BackgroundColor);
22343
+ background-image: var(--pf-v6-c-about-modal-box--BackgroundImage);
22344
+ background-repeat: no-repeat;
22345
+ background-position: var(--pf-v6-c-about-modal-box--BackgroundPosition);
22346
+ background-size: var(--pf-v6-c-about-modal-box--BackgroundSize);
22347
+ --pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
22348
+ }
22349
+
22350
+ @media only screen and (min-width: 36rem) {
22351
+ .pf-v6-c-about-modal-box {
22352
+ grid-template-areas: "brand close" "header close" "content close";
22353
+ grid-template-columns: var(--pf-v6-c-about-modal-box--sm--GridTemplateColumns);
22354
+ }
22355
+ }
22356
+ @media only screen and (min-width: 62rem) {
22357
+ .pf-v6-c-about-modal-box {
22358
+ --pf-v6-c-about-modal-box--Height: var(--pf-v6-c-about-modal-box--lg--Height);
22359
+ --pf-v6-c-about-modal-box--Width: var(--pf-v6-c-about-modal-box--lg--Width);
22360
+ grid-template-rows: max-content max-content auto;
22361
+ grid-template-columns: var(--pf-v6-c-about-modal-box--lg--GridTemplateColumns);
22362
+ }
22363
+ }
22364
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-about-modal-box {
22365
+ --pf-v6-c-about-modal-box--BackgroundPosition: bottom left;
22366
+ }
22367
+
22368
+ .pf-v6-c-about-modal-box__brand {
22369
+ display: flex;
22370
+ grid-area: brand;
22371
+ padding-block-start: var(--pf-v6-c-about-modal-box__brand--PaddingBlockStart);
22372
+ padding-block-end: var(--pf-v6-c-about-modal-box__brand--PaddingBlockEnd);
22373
+ padding-inline-start: var(--pf-v6-c-about-modal-box__brand--PaddingInlineStart);
22374
+ padding-inline-end: var(--pf-v6-c-about-modal-box__brand--PaddingInlineEnd);
22375
+ }
22376
+
22377
+ .pf-v6-c-about-modal-box__brand-image {
22378
+ height: var(--pf-v6-c-about-modal-box__brand-image--Height);
22379
+ }
22380
+
22381
+ .pf-v6-c-about-modal-box__header {
22382
+ display: flex;
22383
+ flex-direction: column;
22384
+ grid-area: header;
22385
+ padding-block-end: var(--pf-v6-c-about-modal-box__header--PaddingBlockEnd);
22386
+ padding-inline-start: var(--pf-v6-c-about-modal-box__header--PaddingInlineStart);
22387
+ padding-inline-end: var(--pf-v6-c-about-modal-box__header--PaddingInlineEnd);
22388
+ }
22389
+
22390
+ .pf-v6-c-about-modal-box__strapline {
22391
+ padding-block-start: var(--pf-v6-c-about-modal-box__strapline--PaddingBlockStart);
22392
+ margin-block-start: auto;
22393
+ font-size: var(--pf-v6-c-about-modal-box__strapline--FontSize);
22394
+ color: var(--pf-v6-c-about-modal-box__strapline--Color);
22395
+ }
22396
+
22397
+ .pf-v6-c-about-modal-box__content {
22398
+ display: flex;
22399
+ flex-direction: column;
22400
+ grid-area: content;
22401
+ margin-block-start: var(--pf-v6-c-about-modal-box__content--MarginBlockStart);
22402
+ margin-block-end: var(--pf-v6-c-about-modal-box__content--MarginBlockEnd);
22403
+ margin-inline-start: var(--pf-v6-c-about-modal-box__content--MarginInlineStart);
22404
+ margin-inline-end: var(--pf-v6-c-about-modal-box__content--MarginInlineEnd);
22405
+ overflow-x: hidden;
22406
+ overflow-y: auto;
22407
+ overscroll-behavior: contain;
22408
+ word-break: break-word;
22409
+ -webkit-overflow-scrolling: touch;
22410
+ }
22411
+
22412
+ @media screen and (min-width: 36rem) {
22413
+ .pf-v6-c-about-modal-box__content {
22414
+ overflow: visible;
22415
+ overscroll-behavior: auto;
22416
+ }
22417
+ }
22418
+ .pf-v6-c-about-modal-box__close {
22419
+ position: sticky;
22420
+ inset-block-start: 0;
22421
+ display: flex;
22422
+ grid-area: close;
22423
+ align-items: flex-start;
22424
+ justify-content: flex-end;
22425
+ padding-block-start: var(--pf-v6-c-about-modal-box__close--PaddingBlockStart);
22426
+ padding-block-end: var(--pf-v6-c-about-modal-box__close--PaddingBlockEnd);
22427
+ padding-inline-end: var(--pf-v6-c-about-modal-box__close--PaddingInlineEnd);
22428
+ }
22429
+
22430
+ @media only screen and (min-width: 36rem) {
22431
+ .pf-v6-c-about-modal-box__close {
22432
+ grid-area: 1/2;
22433
+ justify-content: center;
22232
22434
  }
22233
22435
  }
22234
- @media (min-width: 75rem) {
22235
- .pf-v6-l-gallery {
22236
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)))));
22436
+ @media only screen and (min-width: 62rem) {
22437
+ .pf-v6-c-about-modal-box__close {
22438
+ justify-content: flex-end;
22237
22439
  }
22238
22440
  }
22239
- @media (min-width: 90.625rem) {
22240
- .pf-v6-l-gallery {
22241
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))))));
22242
- }
22441
+ .pf-v6-c-about-modal-box__close .pf-v6-c-button.pf-m-plain {
22442
+ font-size: var(--pf-v6-c-about-modal-box__close--c-button--FontSize);
22243
22443
  }
22444
+
22244
22445
  :root,
22245
22446
  .pf-v6-l-grid {
22246
22447
  --pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
@@ -23229,223 +23430,6 @@ label.pf-v6-c-tree-view__node-text {
23229
23430
  grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
23230
23431
  }
23231
23432
 
23232
- :root,
23233
- .pf-v6-l-level {
23234
- --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
23235
- }
23236
-
23237
- .pf-v6-l-level {
23238
- display: flex;
23239
- flex-wrap: wrap;
23240
- align-items: center;
23241
- justify-content: space-between;
23242
- }
23243
-
23244
- .pf-v6-l-level.pf-m-gutter {
23245
- gap: var(--pf-v6-l-level--m-gutter--Gap);
23246
- }
23247
-
23248
- :root,
23249
- .pf-v6-c-about-modal-box {
23250
- --pf-v6-c-about-modal-box--BackgroundImage: none;
23251
- --pf-v6-c-about-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
23252
- --pf-v6-c-about-modal-box--BackgroundSize--min-width: 200px;
23253
- --pf-v6-c-about-modal-box--BackgroundSize--width: 60%;
23254
- --pf-v6-c-about-modal-box--BackgroundSize--max-width: 600px;
23255
- --pf-v6-c-about-modal-box--BackgroundSize: clamp(var(--pf-v6-c-about-modal-box--BackgroundSize--min-width), var(--pf-v6-c-about-modal-box--BackgroundSize--width), var(--pf-v6-c-about-modal-box--BackgroundSize--max-width));
23256
- --pf-v6-c-about-modal-box--Height: 100%;
23257
- --pf-v6-c-about-modal-box--lg--Height: 47.625rem;
23258
- --pf-v6-c-about-modal-box--Width: 100%;
23259
- --pf-v6-c-about-modal-box--sm--GridTemplateColumns: 5fr 1fr;
23260
- --pf-v6-c-about-modal-box--lg--GridTemplateColumns: 1fr .6fr;
23261
- --pf-v6-c-about-modal-box__brand--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
23262
- --pf-v6-c-about-modal-box__brand--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
23263
- --pf-v6-c-about-modal-box__brand--PaddingInlineStart: var(--pf-t--global--spacer--xl);
23264
- --pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
23265
- --pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
23266
- --pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
23267
- --pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
23268
- --pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
23269
- --pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
23270
- --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
23271
- --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
23272
- --pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
23273
- --pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
23274
- --pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
23275
- --pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
23276
- --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
23277
- --pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
23278
- --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
23279
- --pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
23280
- --pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
23281
- --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
23282
- --pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
23283
- --pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
23284
- --pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
23285
- --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
23286
- --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
23287
- --pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
23288
- --pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
23289
- --pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
23290
- --pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
23291
- --pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
23292
- --pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
23293
- }
23294
-
23295
- @media screen and (min-width: 36rem) {
23296
- :root,
23297
- .pf-v6-c-about-modal-box {
23298
- --pf-v6-c-about-modal-box__brand--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd);
23299
- --pf-v6-c-about-modal-box__brand--PaddingInlineStart: var(--pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart);
23300
- --pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd);
23301
- }
23302
- }
23303
- @media only screen and (min-width: 36rem) {
23304
- :root,
23305
- .pf-v6-c-about-modal-box {
23306
- --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd);
23307
- }
23308
- }
23309
- @media only screen and (min-width: 62rem) {
23310
- :root,
23311
- .pf-v6-c-about-modal-box {
23312
- --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd);
23313
- }
23314
- }
23315
- @media only screen and (min-width: 36rem) {
23316
- :root,
23317
- .pf-v6-c-about-modal-box {
23318
- --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd);
23319
- --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart);
23320
- }
23321
- }
23322
- @media only screen and (min-width: 36rem) {
23323
- :root,
23324
- .pf-v6-c-about-modal-box {
23325
- --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart);
23326
- }
23327
- }
23328
- @media only screen and (min-width: 36rem) {
23329
- :root,
23330
- .pf-v6-c-about-modal-box {
23331
- --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockStart);
23332
- --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-v6-c-about-modal-box__content--sm--MarginInlineEnd);
23333
- --pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockEnd);
23334
- --pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-v6-c-about-modal-box__content--sm--MarginInlineStart);
23335
- }
23336
- }
23337
- .pf-v6-c-about-modal-box {
23338
- position: relative;
23339
- display: grid;
23340
- grid-template-areas: "brand close" "header header" "content content";
23341
- grid-template-rows: max-content max-content auto;
23342
- width: var(--pf-v6-c-about-modal-box--Width);
23343
- height: var(--pf-v6-c-about-modal-box--Height);
23344
- overflow-x: hidden;
23345
- overflow-y: auto;
23346
- background-color: var(--pf-v6-c-about-modal-box--BackgroundColor);
23347
- background-image: var(--pf-v6-c-about-modal-box--BackgroundImage);
23348
- background-repeat: no-repeat;
23349
- background-position: var(--pf-v6-c-about-modal-box--BackgroundPosition);
23350
- background-size: var(--pf-v6-c-about-modal-box--BackgroundSize);
23351
- --pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
23352
- }
23353
-
23354
- @media only screen and (min-width: 36rem) {
23355
- .pf-v6-c-about-modal-box {
23356
- grid-template-areas: "brand close" "header close" "content close";
23357
- grid-template-columns: var(--pf-v6-c-about-modal-box--sm--GridTemplateColumns);
23358
- }
23359
- }
23360
- @media only screen and (min-width: 62rem) {
23361
- .pf-v6-c-about-modal-box {
23362
- --pf-v6-c-about-modal-box--Height: var(--pf-v6-c-about-modal-box--lg--Height);
23363
- --pf-v6-c-about-modal-box--Width: var(--pf-v6-c-about-modal-box--lg--Width);
23364
- grid-template-rows: max-content max-content auto;
23365
- grid-template-columns: var(--pf-v6-c-about-modal-box--lg--GridTemplateColumns);
23366
- }
23367
- }
23368
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-about-modal-box {
23369
- --pf-v6-c-about-modal-box--BackgroundPosition: bottom left;
23370
- }
23371
-
23372
- .pf-v6-c-about-modal-box__brand {
23373
- display: flex;
23374
- grid-area: brand;
23375
- padding-block-start: var(--pf-v6-c-about-modal-box__brand--PaddingBlockStart);
23376
- padding-block-end: var(--pf-v6-c-about-modal-box__brand--PaddingBlockEnd);
23377
- padding-inline-start: var(--pf-v6-c-about-modal-box__brand--PaddingInlineStart);
23378
- padding-inline-end: var(--pf-v6-c-about-modal-box__brand--PaddingInlineEnd);
23379
- }
23380
-
23381
- .pf-v6-c-about-modal-box__brand-image {
23382
- height: var(--pf-v6-c-about-modal-box__brand-image--Height);
23383
- }
23384
-
23385
- .pf-v6-c-about-modal-box__header {
23386
- display: flex;
23387
- flex-direction: column;
23388
- grid-area: header;
23389
- padding-block-end: var(--pf-v6-c-about-modal-box__header--PaddingBlockEnd);
23390
- padding-inline-start: var(--pf-v6-c-about-modal-box__header--PaddingInlineStart);
23391
- padding-inline-end: var(--pf-v6-c-about-modal-box__header--PaddingInlineEnd);
23392
- }
23393
-
23394
- .pf-v6-c-about-modal-box__strapline {
23395
- padding-block-start: var(--pf-v6-c-about-modal-box__strapline--PaddingBlockStart);
23396
- margin-block-start: auto;
23397
- font-size: var(--pf-v6-c-about-modal-box__strapline--FontSize);
23398
- color: var(--pf-v6-c-about-modal-box__strapline--Color);
23399
- }
23400
-
23401
- .pf-v6-c-about-modal-box__content {
23402
- display: flex;
23403
- flex-direction: column;
23404
- grid-area: content;
23405
- margin-block-start: var(--pf-v6-c-about-modal-box__content--MarginBlockStart);
23406
- margin-block-end: var(--pf-v6-c-about-modal-box__content--MarginBlockEnd);
23407
- margin-inline-start: var(--pf-v6-c-about-modal-box__content--MarginInlineStart);
23408
- margin-inline-end: var(--pf-v6-c-about-modal-box__content--MarginInlineEnd);
23409
- overflow-x: hidden;
23410
- overflow-y: auto;
23411
- overscroll-behavior: contain;
23412
- word-break: break-word;
23413
- -webkit-overflow-scrolling: touch;
23414
- }
23415
-
23416
- @media screen and (min-width: 36rem) {
23417
- .pf-v6-c-about-modal-box__content {
23418
- overflow: visible;
23419
- overscroll-behavior: auto;
23420
- }
23421
- }
23422
- .pf-v6-c-about-modal-box__close {
23423
- position: sticky;
23424
- inset-block-start: 0;
23425
- display: flex;
23426
- grid-area: close;
23427
- align-items: flex-start;
23428
- justify-content: flex-end;
23429
- padding-block-start: var(--pf-v6-c-about-modal-box__close--PaddingBlockStart);
23430
- padding-block-end: var(--pf-v6-c-about-modal-box__close--PaddingBlockEnd);
23431
- padding-inline-end: var(--pf-v6-c-about-modal-box__close--PaddingInlineEnd);
23432
- }
23433
-
23434
- @media only screen and (min-width: 36rem) {
23435
- .pf-v6-c-about-modal-box__close {
23436
- grid-area: 1/2;
23437
- justify-content: center;
23438
- }
23439
- }
23440
- @media only screen and (min-width: 62rem) {
23441
- .pf-v6-c-about-modal-box__close {
23442
- justify-content: flex-end;
23443
- }
23444
- }
23445
- .pf-v6-c-about-modal-box__close .pf-v6-c-button.pf-m-plain {
23446
- font-size: var(--pf-v6-c-about-modal-box__close--c-button--FontSize);
23447
- }
23448
-
23449
23433
  :root,
23450
23434
  .pf-v6-l-split {
23451
23435
  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
@@ -23469,6 +23453,22 @@ label.pf-v6-c-tree-view__node-text {
23469
23453
  gap: var(--pf-v6-l-stack--m-gutter--Gap);
23470
23454
  }
23471
23455
 
23456
+ :root,
23457
+ .pf-v6-l-level {
23458
+ --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
23459
+ }
23460
+
23461
+ .pf-v6-l-level {
23462
+ display: flex;
23463
+ flex-wrap: wrap;
23464
+ align-items: center;
23465
+ justify-content: space-between;
23466
+ }
23467
+
23468
+ .pf-v6-l-level.pf-m-gutter {
23469
+ gap: var(--pf-v6-l-level--m-gutter--Gap);
23470
+ }
23471
+
23472
23472
  :root,
23473
23473
  .pf-v6-l-stack {
23474
23474
  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);