@patternfly/react-core 6.1.0-prerelease.5 → 6.1.0-prerelease.7

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 (190) hide show
  1. package/CHANGELOG.md +13 -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/TimePicker/package.json +1 -1
  74. package/dist/dynamic/components/Timestamp/package.json +1 -1
  75. package/dist/dynamic/components/Title/package.json +1 -1
  76. package/dist/dynamic/components/ToggleGroup/package.json +1 -1
  77. package/dist/dynamic/components/Toolbar/package.json +1 -1
  78. package/dist/dynamic/components/Tooltip/package.json +1 -1
  79. package/dist/dynamic/components/TreeView/package.json +1 -1
  80. package/dist/dynamic/components/Truncate/package.json +1 -1
  81. package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
  82. package/dist/dynamic/components/Wizard/package.json +1 -1
  83. package/dist/dynamic/deprecated/components/Chip/package.json +1 -1
  84. package/dist/dynamic/deprecated/components/DragDrop/package.json +1 -1
  85. package/dist/dynamic/deprecated/components/DualListSelector/package.json +1 -1
  86. package/dist/dynamic/deprecated/components/Modal/package.json +1 -1
  87. package/dist/dynamic/deprecated/components/Tile/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/Modal/Modal.d.ts +2 -2
  115. package/dist/esm/components/Modal/Modal.d.ts.map +1 -1
  116. package/dist/esm/components/Modal/Modal.js +13 -20
  117. package/dist/esm/components/Modal/Modal.js.map +1 -1
  118. package/dist/esm/components/Modal/ModalContent.d.ts +2 -0
  119. package/dist/esm/components/Modal/ModalContent.d.ts.map +1 -1
  120. package/dist/esm/components/Modal/ModalContent.js +2 -2
  121. package/dist/esm/components/Modal/ModalContent.js.map +1 -1
  122. package/dist/esm/deprecated/components/Modal/Modal.d.ts +2 -2
  123. package/dist/esm/deprecated/components/Modal/Modal.d.ts.map +1 -1
  124. package/dist/esm/deprecated/components/Modal/Modal.js +13 -20
  125. package/dist/esm/deprecated/components/Modal/Modal.js.map +1 -1
  126. package/dist/esm/deprecated/components/Modal/ModalContent.d.ts +2 -0
  127. package/dist/esm/deprecated/components/Modal/ModalContent.d.ts.map +1 -1
  128. package/dist/esm/deprecated/components/Modal/ModalContent.js +2 -2
  129. package/dist/esm/deprecated/components/Modal/ModalContent.js.map +1 -1
  130. package/dist/esm/layouts/Split/Split.d.ts +4 -4
  131. package/dist/esm/layouts/Split/Split.d.ts.map +1 -1
  132. package/dist/esm/layouts/Split/SplitItem.d.ts +5 -3
  133. package/dist/esm/layouts/Split/SplitItem.d.ts.map +1 -1
  134. package/dist/esm/layouts/Split/SplitItem.js +3 -2
  135. package/dist/esm/layouts/Split/SplitItem.js.map +1 -1
  136. package/dist/esm/layouts/Stack/Stack.d.ts +3 -3
  137. package/dist/esm/layouts/Stack/Stack.d.ts.map +1 -1
  138. package/dist/esm/layouts/Stack/StackItem.d.ts +5 -3
  139. package/dist/esm/layouts/Stack/StackItem.d.ts.map +1 -1
  140. package/dist/esm/layouts/Stack/StackItem.js +3 -2
  141. package/dist/esm/layouts/Stack/StackItem.js.map +1 -1
  142. package/dist/js/components/Modal/Modal.d.ts +2 -2
  143. package/dist/js/components/Modal/Modal.d.ts.map +1 -1
  144. package/dist/js/components/Modal/Modal.js +13 -20
  145. package/dist/js/components/Modal/Modal.js.map +1 -1
  146. package/dist/js/components/Modal/ModalContent.d.ts +2 -0
  147. package/dist/js/components/Modal/ModalContent.d.ts.map +1 -1
  148. package/dist/js/components/Modal/ModalContent.js +2 -2
  149. package/dist/js/components/Modal/ModalContent.js.map +1 -1
  150. package/dist/js/deprecated/components/Modal/Modal.d.ts +2 -2
  151. package/dist/js/deprecated/components/Modal/Modal.d.ts.map +1 -1
  152. package/dist/js/deprecated/components/Modal/Modal.js +13 -20
  153. package/dist/js/deprecated/components/Modal/Modal.js.map +1 -1
  154. package/dist/js/deprecated/components/Modal/ModalContent.d.ts +2 -0
  155. package/dist/js/deprecated/components/Modal/ModalContent.d.ts.map +1 -1
  156. package/dist/js/deprecated/components/Modal/ModalContent.js +2 -2
  157. package/dist/js/deprecated/components/Modal/ModalContent.js.map +1 -1
  158. package/dist/js/layouts/Split/Split.d.ts +4 -4
  159. package/dist/js/layouts/Split/Split.d.ts.map +1 -1
  160. package/dist/js/layouts/Split/SplitItem.d.ts +5 -3
  161. package/dist/js/layouts/Split/SplitItem.d.ts.map +1 -1
  162. package/dist/js/layouts/Split/SplitItem.js +3 -2
  163. package/dist/js/layouts/Split/SplitItem.js.map +1 -1
  164. package/dist/js/layouts/Stack/Stack.d.ts +3 -3
  165. package/dist/js/layouts/Stack/Stack.d.ts.map +1 -1
  166. package/dist/js/layouts/Stack/StackItem.d.ts +5 -3
  167. package/dist/js/layouts/Stack/StackItem.d.ts.map +1 -1
  168. package/dist/js/layouts/Stack/StackItem.js +3 -2
  169. package/dist/js/layouts/Stack/StackItem.js.map +1 -1
  170. package/dist/umd/assets/{output-Cwt4IxA7.css → output-DacqxObv.css} +1293 -1268
  171. package/dist/umd/react-core.min.js +2 -2
  172. package/helpers/package.json +1 -1
  173. package/layouts/package.json +1 -1
  174. package/next/package.json +1 -1
  175. package/package.json +6 -6
  176. package/src/components/Checkbox/examples/CheckboxReversed.tsx +1 -1
  177. package/src/components/Modal/Modal.tsx +13 -18
  178. package/src/components/Modal/ModalContent.tsx +4 -1
  179. package/src/components/Modal/__tests__/Modal.test.tsx +45 -0
  180. package/src/deprecated/components/Modal/Modal.tsx +13 -18
  181. package/src/deprecated/components/Modal/ModalContent.tsx +4 -1
  182. package/src/deprecated/components/Modal/__tests__/Modal.test.tsx +28 -0
  183. package/src/layouts/Split/Split.tsx +4 -4
  184. package/src/layouts/Split/SplitItem.tsx +14 -8
  185. package/src/layouts/Split/__tests__/Split.test.tsx +18 -0
  186. package/src/layouts/Split/__tests__/__snapshots__/Split.test.tsx.snap +28 -0
  187. package/src/layouts/Stack/Stack.tsx +3 -3
  188. package/src/layouts/Stack/StackItem.tsx +14 -8
  189. package/src/layouts/Stack/__tests__/Stack.test.tsx +20 -2
  190. package/src/layouts/Stack/__tests__/__snapshots__/Stack.test.tsx.snap +30 -2
@@ -2451,6 +2451,60 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
2451
2451
  color: var(--pf-v6-c-check__label-required--Color);
2452
2452
  }
2453
2453
 
2454
+ .pf-v6-c-code-block {
2455
+ --pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2456
+ --pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
2457
+ --pf-v6-c-code-block__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
2458
+ --pf-v6-c-code-block__header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
2459
+ --pf-v6-c-code-block__header--PaddingBlockStart: var(--pf-t--global--spacer--xs);
2460
+ --pf-v6-c-code-block__header--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
2461
+ --pf-v6-c-code-block__header--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
2462
+ --pf-v6-c-code-block__header--PaddingInlineStart: var(--pf-t--global--spacer--sm);
2463
+ --pf-v6-c-code-block__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
2464
+ --pf-v6-c-code-block__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
2465
+ --pf-v6-c-code-block__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
2466
+ --pf-v6-c-code-block__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
2467
+ --pf-v6-c-code-block__pre--FontFamily: var(--pf-t--global--font--family--mono);
2468
+ --pf-v6-c-code-block__pre--FontSize: var(--pf-t--global--font--size--xs);
2469
+ }
2470
+
2471
+ .pf-v6-c-code-block {
2472
+ background-color: var(--pf-v6-c-code-block--BackgroundColor);
2473
+ border-radius: var(--pf-v6-c-code-block--BorderRadius);
2474
+ }
2475
+
2476
+ .pf-v6-c-code-block__header {
2477
+ display: flex;
2478
+ padding-block-start: var(--pf-v6-c-code-block__header--PaddingBlockStart);
2479
+ padding-block-end: var(--pf-v6-c-code-block__header--PaddingBlockEnd);
2480
+ padding-inline-start: var(--pf-v6-c-code-block__header--PaddingInlineStart);
2481
+ padding-inline-end: var(--pf-v6-c-code-block__header--PaddingInlineEnd);
2482
+ border-block-end: var(--pf-v6-c-code-block__header--BorderBlockEndWidth) solid var(--pf-v6-c-code-block__header--BorderBlockEndColor);
2483
+ }
2484
+
2485
+ .pf-v6-c-code-block__actions {
2486
+ display: flex;
2487
+ margin-inline-start: auto;
2488
+ }
2489
+
2490
+ .pf-v6-c-code-block__content {
2491
+ padding-block-start: var(--pf-v6-c-code-block__content--PaddingBlockStart);
2492
+ padding-block-end: var(--pf-v6-c-code-block__content--PaddingBlockEnd);
2493
+ padding-inline-start: var(--pf-v6-c-code-block__content--PaddingInlineStart);
2494
+ padding-inline-end: var(--pf-v6-c-code-block__content--PaddingInlineEnd);
2495
+ }
2496
+
2497
+ .pf-v6-c-code-block__pre {
2498
+ font-family: var(--pf-v6-c-code-block__pre--FontFamily);
2499
+ font-size: var(--pf-v6-c-code-block__pre--FontSize);
2500
+ overflow-wrap: break-word;
2501
+ white-space: pre-wrap;
2502
+ }
2503
+
2504
+ .pf-v6-c-code-block__code {
2505
+ font-family: var(--pf-v6-c-code-block__code--FontFamily, inherit);
2506
+ }
2507
+
2454
2508
  .pf-v6-c-clipboard-copy {
2455
2509
  --pf-v6-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
2456
2510
  --pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
@@ -2551,60 +2605,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
2551
2605
  --pf-v6-c-button--m-plain--hover__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
2552
2606
  }
2553
2607
 
2554
- .pf-v6-c-code-block {
2555
- --pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2556
- --pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
2557
- --pf-v6-c-code-block__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
2558
- --pf-v6-c-code-block__header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
2559
- --pf-v6-c-code-block__header--PaddingBlockStart: var(--pf-t--global--spacer--xs);
2560
- --pf-v6-c-code-block__header--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
2561
- --pf-v6-c-code-block__header--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
2562
- --pf-v6-c-code-block__header--PaddingInlineStart: var(--pf-t--global--spacer--sm);
2563
- --pf-v6-c-code-block__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
2564
- --pf-v6-c-code-block__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
2565
- --pf-v6-c-code-block__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
2566
- --pf-v6-c-code-block__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
2567
- --pf-v6-c-code-block__pre--FontFamily: var(--pf-t--global--font--family--mono);
2568
- --pf-v6-c-code-block__pre--FontSize: var(--pf-t--global--font--size--xs);
2569
- }
2570
-
2571
- .pf-v6-c-code-block {
2572
- background-color: var(--pf-v6-c-code-block--BackgroundColor);
2573
- border-radius: var(--pf-v6-c-code-block--BorderRadius);
2574
- }
2575
-
2576
- .pf-v6-c-code-block__header {
2577
- display: flex;
2578
- padding-block-start: var(--pf-v6-c-code-block__header--PaddingBlockStart);
2579
- padding-block-end: var(--pf-v6-c-code-block__header--PaddingBlockEnd);
2580
- padding-inline-start: var(--pf-v6-c-code-block__header--PaddingInlineStart);
2581
- padding-inline-end: var(--pf-v6-c-code-block__header--PaddingInlineEnd);
2582
- border-block-end: var(--pf-v6-c-code-block__header--BorderBlockEndWidth) solid var(--pf-v6-c-code-block__header--BorderBlockEndColor);
2583
- }
2584
-
2585
- .pf-v6-c-code-block__actions {
2586
- display: flex;
2587
- margin-inline-start: auto;
2588
- }
2589
-
2590
- .pf-v6-c-code-block__content {
2591
- padding-block-start: var(--pf-v6-c-code-block__content--PaddingBlockStart);
2592
- padding-block-end: var(--pf-v6-c-code-block__content--PaddingBlockEnd);
2593
- padding-inline-start: var(--pf-v6-c-code-block__content--PaddingInlineStart);
2594
- padding-inline-end: var(--pf-v6-c-code-block__content--PaddingInlineEnd);
2595
- }
2596
-
2597
- .pf-v6-c-code-block__pre {
2598
- font-family: var(--pf-v6-c-code-block__pre--FontFamily);
2599
- font-size: var(--pf-v6-c-code-block__pre--FontSize);
2600
- overflow-wrap: break-word;
2601
- white-space: pre-wrap;
2602
- }
2603
-
2604
- .pf-v6-c-code-block__code {
2605
- font-family: var(--pf-v6-c-code-block__code--FontFamily, inherit);
2606
- }
2607
-
2608
2608
  :root {
2609
2609
  --pf-v6-c-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
2610
2610
  --pf-v6-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -2643,6 +2643,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
2643
2643
  --pf-v6-c-content--h6--LineHeight: var(--pf-t--global--font--line-height--heading);
2644
2644
  --pf-v6-c-content--h6--FontSize: var(--pf-t--global--font--size--heading--h6);
2645
2645
  --pf-v6-c-content--h6--FontWeight: var(--pf-t--global--font--weight--heading--default);
2646
+ --pf-v6-c-content--heading--m-page-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
2646
2647
  --pf-v6-c-content--small--MarginBlockEnd: var(--pf-t--global--spacer--md);
2647
2648
  --pf-v6-c-content--small--LineHeight: var(--pf-t--global--font--line-height--body);
2648
2649
  --pf-v6-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
@@ -2747,6 +2748,15 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
2747
2748
  margin-block-end: 0;
2748
2749
  }
2749
2750
 
2751
+ :is(.pf-v6-c-content--h1,
2752
+ .pf-v6-c-content--h2,
2753
+ .pf-v6-c-content--h3,
2754
+ .pf-v6-c-content--h4,
2755
+ .pf-v6-c-content--h5,
2756
+ .pf-v6-c-content--h6, .pf-v6-c-content h1, .pf-v6-c-content h2, .pf-v6-c-content h3, .pf-v6-c-content h4, .pf-v6-c-content h5, .pf-v6-c-content h6).pf-m-page-title {
2757
+ font-weight: var(--pf-v6-c-content--heading--m-page-title--FontWeight);
2758
+ }
2759
+
2750
2760
  :is(.pf-v6-c-content--h1, .pf-v6-c-content h1) {
2751
2761
  margin-block-start: var(--pf-v6-c-content--h1--MarginBlockStart);
2752
2762
  margin-block-end: var(--pf-v6-c-content--h1--MarginBlockEnd);
@@ -3727,67 +3737,6 @@ ul) {
3727
3737
  padding: 0;
3728
3738
  }
3729
3739
 
3730
- .pf-v6-c-date-picker {
3731
- --pf-v6-c-date-picker--m-top__calendar--InsetBlockStart: 0;
3732
- --pf-v6-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-t--global--spacer--xs));
3733
- --pf-v6-c-date-picker__helper-text--MarginBlockStart: var(--pf-t--global--spacer--sm);
3734
- --pf-v6-c-date-picker__input--c-form-control--Width: calc(var(--pf-v6-c-date-picker__input--c-form-control--width-chars) * 1ch + var(--pf-v6-c-date-picker__input--c-form-control--width-base));
3735
- --pf-v6-c-date-picker__input--c-form-control--width-base: calc(var(--pf-t--global--spacer--xl) + var(--pf-t--global--spacer--sm));
3736
- --pf-v6-c-date-picker__input--c-form-control--width-chars: 11;
3737
- --pf-v6-c-date-picker__calendar--BackgroundColor: var(--pf-t--global--background--color--floating--default);
3738
- --pf-v6-c-date-picker__calendar--BoxShadow: var(--pf-t--global--box-shadow--md);
3739
- --pf-v6-c-date-picker__calendar--ZIndex: var(--pf-t--global--z-index--sm);
3740
- --pf-v6-c-date-picker__calendar--InsetBlockStart: calc(100% + var(--pf-t--global--spacer--xs));
3741
- --pf-v6-c-date-picker__calendar--InsetInlineEnd: auto;
3742
- --pf-v6-c-date-picker__calendar--InsetInlineStart: 0;
3743
- --pf-v6-c-date-picker__calendar--m-align-right--InsetInlineEnd: 0;
3744
- --pf-v6-c-date-picker__calendar--m-align-right--InsetInlineStart: auto;
3745
- }
3746
-
3747
- .pf-v6-c-date-picker {
3748
- position: relative;
3749
- display: inline-block;
3750
- }
3751
-
3752
- .pf-v6-c-date-picker__helper-text {
3753
- margin-block-start: var(--pf-v6-c-date-picker__helper-text--MarginBlockStart);
3754
- }
3755
-
3756
- .pf-v6-c-date-picker__input .pf-v6-c-form-control {
3757
- width: var(--pf-v6-c-date-picker__input--c-form-control--Width);
3758
- }
3759
-
3760
- .pf-v6-c-date-picker__calendar {
3761
- position: absolute;
3762
- inset-block-start: var(--pf-v6-c-date-picker__calendar--InsetBlockStart);
3763
- inset-inline-start: var(--pf-v6-c-date-picker__calendar--InsetInlineStart);
3764
- inset-inline-end: var(--pf-v6-c-date-picker__calendar--InsetInlineEnd);
3765
- z-index: var(--pf-v6-c-date-picker__calendar--ZIndex);
3766
- background-color: var(--pf-v6-c-date-picker__calendar--BackgroundColor);
3767
- box-shadow: var(--pf-v6-c-date-picker__calendar--BoxShadow);
3768
- }
3769
-
3770
- .pf-v6-c-date-picker__calendar.pf-m-align-right {
3771
- --pf-v6-c-date-picker__calendar--InsetInlineEnd: var(--pf-v6-c-date-picker__calendar--m-align-right--InsetInlineEnd);
3772
- --pf-v6-c-date-picker__calendar--InsetInlineStart: var(--pf-v6-c-date-picker__calendar--m-align-right--InsetInlineStart);
3773
- }
3774
-
3775
- .pf-v6-c-date-picker.pf-m-top .pf-v6-c-date-picker__calendar {
3776
- --pf-v6-c-date-picker__calendar--InsetBlockStart: var(--pf-v6-c-date-picker--m-top__calendar--InsetBlockStart);
3777
- transform: translateY(var(--pf-v6-c-date-picker--m-top__calendar--TranslateY));
3778
- }
3779
-
3780
- .pf-v6-c-date-picker__calendar.pf-m-static {
3781
- --pf-v6-c-date-picker--m-top__calendar--TranslateY: 0;
3782
- position: static;
3783
- inset-block-start: auto;
3784
- inset-block-end: auto;
3785
- inset-inline-start: auto;
3786
- inset-inline-end: auto;
3787
- z-index: auto;
3788
- min-width: min-content;
3789
- }
3790
-
3791
3740
  .pf-v6-c-description-list {
3792
3741
  --pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
3793
3742
  --pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
@@ -4125,6 +4074,67 @@ ul) {
4125
4074
  --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
4126
4075
  }
4127
4076
  }
4077
+ .pf-v6-c-date-picker {
4078
+ --pf-v6-c-date-picker--m-top__calendar--InsetBlockStart: 0;
4079
+ --pf-v6-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-t--global--spacer--xs));
4080
+ --pf-v6-c-date-picker__helper-text--MarginBlockStart: var(--pf-t--global--spacer--sm);
4081
+ --pf-v6-c-date-picker__input--c-form-control--Width: calc(var(--pf-v6-c-date-picker__input--c-form-control--width-chars) * 1ch + var(--pf-v6-c-date-picker__input--c-form-control--width-base));
4082
+ --pf-v6-c-date-picker__input--c-form-control--width-base: calc(var(--pf-t--global--spacer--xl) + var(--pf-t--global--spacer--sm));
4083
+ --pf-v6-c-date-picker__input--c-form-control--width-chars: 11;
4084
+ --pf-v6-c-date-picker__calendar--BackgroundColor: var(--pf-t--global--background--color--floating--default);
4085
+ --pf-v6-c-date-picker__calendar--BoxShadow: var(--pf-t--global--box-shadow--md);
4086
+ --pf-v6-c-date-picker__calendar--ZIndex: var(--pf-t--global--z-index--sm);
4087
+ --pf-v6-c-date-picker__calendar--InsetBlockStart: calc(100% + var(--pf-t--global--spacer--xs));
4088
+ --pf-v6-c-date-picker__calendar--InsetInlineEnd: auto;
4089
+ --pf-v6-c-date-picker__calendar--InsetInlineStart: 0;
4090
+ --pf-v6-c-date-picker__calendar--m-align-right--InsetInlineEnd: 0;
4091
+ --pf-v6-c-date-picker__calendar--m-align-right--InsetInlineStart: auto;
4092
+ }
4093
+
4094
+ .pf-v6-c-date-picker {
4095
+ position: relative;
4096
+ display: inline-block;
4097
+ }
4098
+
4099
+ .pf-v6-c-date-picker__helper-text {
4100
+ margin-block-start: var(--pf-v6-c-date-picker__helper-text--MarginBlockStart);
4101
+ }
4102
+
4103
+ .pf-v6-c-date-picker__input .pf-v6-c-form-control {
4104
+ width: var(--pf-v6-c-date-picker__input--c-form-control--Width);
4105
+ }
4106
+
4107
+ .pf-v6-c-date-picker__calendar {
4108
+ position: absolute;
4109
+ inset-block-start: var(--pf-v6-c-date-picker__calendar--InsetBlockStart);
4110
+ inset-inline-start: var(--pf-v6-c-date-picker__calendar--InsetInlineStart);
4111
+ inset-inline-end: var(--pf-v6-c-date-picker__calendar--InsetInlineEnd);
4112
+ z-index: var(--pf-v6-c-date-picker__calendar--ZIndex);
4113
+ background-color: var(--pf-v6-c-date-picker__calendar--BackgroundColor);
4114
+ box-shadow: var(--pf-v6-c-date-picker__calendar--BoxShadow);
4115
+ }
4116
+
4117
+ .pf-v6-c-date-picker__calendar.pf-m-align-right {
4118
+ --pf-v6-c-date-picker__calendar--InsetInlineEnd: var(--pf-v6-c-date-picker__calendar--m-align-right--InsetInlineEnd);
4119
+ --pf-v6-c-date-picker__calendar--InsetInlineStart: var(--pf-v6-c-date-picker__calendar--m-align-right--InsetInlineStart);
4120
+ }
4121
+
4122
+ .pf-v6-c-date-picker.pf-m-top .pf-v6-c-date-picker__calendar {
4123
+ --pf-v6-c-date-picker__calendar--InsetBlockStart: var(--pf-v6-c-date-picker--m-top__calendar--InsetBlockStart);
4124
+ transform: translateY(var(--pf-v6-c-date-picker--m-top__calendar--TranslateY));
4125
+ }
4126
+
4127
+ .pf-v6-c-date-picker__calendar.pf-m-static {
4128
+ --pf-v6-c-date-picker--m-top__calendar--TranslateY: 0;
4129
+ position: static;
4130
+ inset-block-start: auto;
4131
+ inset-block-end: auto;
4132
+ inset-inline-start: auto;
4133
+ inset-inline-end: auto;
4134
+ z-index: auto;
4135
+ min-width: min-content;
4136
+ }
4137
+
4128
4138
  .pf-v6-c-divider {
4129
4139
  --pf-v6-c-divider--Display: flex;
4130
4140
  --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
@@ -6492,25 +6502,103 @@ ul) {
6492
6502
  margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
6493
6503
  }
6494
6504
 
6495
- .pf-v6-c-form-control {
6496
- --pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
6497
- --pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
6498
- --pf-v6-c-form-control--FontSize: var(--pf-t--global--font--size--body--default);
6499
- --pf-v6-c-form-control--LineHeight: var(--pf-t--global--font--line-height--body);
6500
- --pf-v6-c-form-control--Resize: none;
6501
- --pf-v6-c-form-control--OutlineOffset: -6px;
6502
- --pf-v6-c-form-control--BorderRadius: var(--pf-t--global--border--radius--small);
6503
- --pf-v6-c-form-control--before--BorderWidth: var(--pf-t--global--border--width--control--default);
6504
- --pf-v6-c-form-control--before--BorderStyle: solid;
6505
- --pf-v6-c-form-control--before--BorderColor: var(--pf-t--global--border--color--default);
6506
- --pf-v6-c-form-control--before--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
6507
- --pf-v6-c-form-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
6508
- --pf-v6-c-form-control--after--BorderStyle: solid;
6509
- --pf-v6-c-form-control--after--BorderColor: transparent;
6510
- --pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
6511
- --pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
6512
- --pf-v6-c-form-control--Width: 100%;
6513
- --pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
6505
+ .pf-v6-c-helper-text {
6506
+ --pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
6507
+ --pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
6508
+ --pf-v6-c-helper-text__item-icon--Color: var(--pf-t--global--icon--color--regular);
6509
+ --pf-v6-c-helper-text__item-text--Color: var(--pf-t--global--text--color--regular);
6510
+ --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-t--global--font--weight--body--default);
6511
+ --pf-v6-c-helper-text__item-icon--m-indeterminate--Color: var(--pf-t--global--icon--color--subtle);
6512
+ --pf-v6-c-helper-text__item-text--m-indeterminate--Color: var(--pf-t--global--text--color--subtle);
6513
+ --pf-v6-c-helper-text__item-icon--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
6514
+ --pf-v6-c-helper-text__item-text--m-warning--FontWeight: var(--pf-t--global--font--weight--body--bold);
6515
+ --pf-v6-c-helper-text__item-icon--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
6516
+ --pf-v6-c-helper-text__item-text--m-success--FontWeight: var(--pf-t--global--font--weight--body--bold);
6517
+ --pf-v6-c-helper-text__item-icon--m-error--Color: var(--pf-t--global--icon--color--status--danger--default);
6518
+ --pf-v6-c-helper-text__item-text--m-error--FontWeight: var(--pf-t--global--font--weight--body--bold);
6519
+ --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-t--global--icon--color--regular);
6520
+ --pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-t--global--icon--color--subtle);
6521
+ --pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-t--global--text--color--subtle);
6522
+ --pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
6523
+ --pf-v6-c-helper-text--m-dynamic--m-warning__item-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
6524
+ --pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color: var(--pf-t--global--icon--color--status--success--default);
6525
+ --pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
6526
+ --pf-v6-c-helper-text__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--xs);
6527
+ }
6528
+
6529
+ .pf-v6-c-helper-text {
6530
+ display: grid;
6531
+ gap: var(--pf-v6-c-helper-text--Gap);
6532
+ font-size: var(--pf-v6-c-helper-text--FontSize);
6533
+ }
6534
+
6535
+ .pf-v6-c-helper-text.pf-m-hidden {
6536
+ visibility: hidden;
6537
+ opacity: 0;
6538
+ }
6539
+
6540
+ .pf-v6-c-helper-text__item {
6541
+ display: flex;
6542
+ font-weight: var(--pf-v6-c-helper-text__item-text--FontWeight);
6543
+ }
6544
+
6545
+ .pf-v6-c-helper-text__item.pf-m-indeterminate {
6546
+ --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-indeterminate--Color);
6547
+ --pf-v6-c-helper-text__item-text--Color: var(--pf-v6-c-helper-text__item-text--m-indeterminate--Color);
6548
+ --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color);
6549
+ --pf-v6-c-helper-text--m-dynamic__item-text--Color: var(--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color);
6550
+ }
6551
+
6552
+ .pf-v6-c-helper-text__item.pf-m-warning {
6553
+ --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-warning--FontWeight);
6554
+ --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-warning--Color);
6555
+ --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color);
6556
+ }
6557
+
6558
+ .pf-v6-c-helper-text__item.pf-m-success {
6559
+ --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-success--FontWeight);
6560
+ --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-success--Color);
6561
+ --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color);
6562
+ }
6563
+
6564
+ .pf-v6-c-helper-text__item.pf-m-error {
6565
+ --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-error--FontWeight);
6566
+ --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-error--Color);
6567
+ --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color);
6568
+ }
6569
+
6570
+ .pf-v6-c-helper-text__item.pf-m-dynamic {
6571
+ --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic__item-icon--Color);
6572
+ }
6573
+
6574
+ .pf-v6-c-helper-text__item-icon {
6575
+ margin-inline-end: var(--pf-v6-c-helper-text__item-icon--MarginInlineEnd);
6576
+ color: var(--pf-v6-c-helper-text__item-icon--Color);
6577
+ }
6578
+
6579
+ .pf-v6-c-helper-text__item-text {
6580
+ color: var(--pf-v6-c-helper-text__item-text--Color);
6581
+ }
6582
+
6583
+ .pf-v6-c-form-control {
6584
+ --pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
6585
+ --pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
6586
+ --pf-v6-c-form-control--FontSize: var(--pf-t--global--font--size--body--default);
6587
+ --pf-v6-c-form-control--LineHeight: var(--pf-t--global--font--line-height--body);
6588
+ --pf-v6-c-form-control--Resize: none;
6589
+ --pf-v6-c-form-control--OutlineOffset: -6px;
6590
+ --pf-v6-c-form-control--BorderRadius: var(--pf-t--global--border--radius--small);
6591
+ --pf-v6-c-form-control--before--BorderWidth: var(--pf-t--global--border--width--control--default);
6592
+ --pf-v6-c-form-control--before--BorderStyle: solid;
6593
+ --pf-v6-c-form-control--before--BorderColor: var(--pf-t--global--border--color--default);
6594
+ --pf-v6-c-form-control--before--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
6595
+ --pf-v6-c-form-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
6596
+ --pf-v6-c-form-control--after--BorderStyle: solid;
6597
+ --pf-v6-c-form-control--after--BorderColor: transparent;
6598
+ --pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
6599
+ --pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
6600
+ --pf-v6-c-form-control--Width: 100%;
6601
+ --pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
6514
6602
  --pf-v6-c-form-control--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
6515
6603
  --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
6516
6604
  --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
@@ -6815,84 +6903,6 @@ select ~ .pf-v6-c-form-control__utilities {
6815
6903
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
6816
6904
  }
6817
6905
 
6818
- .pf-v6-c-helper-text {
6819
- --pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
6820
- --pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
6821
- --pf-v6-c-helper-text__item-icon--Color: var(--pf-t--global--icon--color--regular);
6822
- --pf-v6-c-helper-text__item-text--Color: var(--pf-t--global--text--color--regular);
6823
- --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-t--global--font--weight--body--default);
6824
- --pf-v6-c-helper-text__item-icon--m-indeterminate--Color: var(--pf-t--global--icon--color--subtle);
6825
- --pf-v6-c-helper-text__item-text--m-indeterminate--Color: var(--pf-t--global--text--color--subtle);
6826
- --pf-v6-c-helper-text__item-icon--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
6827
- --pf-v6-c-helper-text__item-text--m-warning--FontWeight: var(--pf-t--global--font--weight--body--bold);
6828
- --pf-v6-c-helper-text__item-icon--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
6829
- --pf-v6-c-helper-text__item-text--m-success--FontWeight: var(--pf-t--global--font--weight--body--bold);
6830
- --pf-v6-c-helper-text__item-icon--m-error--Color: var(--pf-t--global--icon--color--status--danger--default);
6831
- --pf-v6-c-helper-text__item-text--m-error--FontWeight: var(--pf-t--global--font--weight--body--bold);
6832
- --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-t--global--icon--color--regular);
6833
- --pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-t--global--icon--color--subtle);
6834
- --pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-t--global--text--color--subtle);
6835
- --pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
6836
- --pf-v6-c-helper-text--m-dynamic--m-warning__item-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
6837
- --pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color: var(--pf-t--global--icon--color--status--success--default);
6838
- --pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
6839
- --pf-v6-c-helper-text__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--xs);
6840
- }
6841
-
6842
- .pf-v6-c-helper-text {
6843
- display: grid;
6844
- gap: var(--pf-v6-c-helper-text--Gap);
6845
- font-size: var(--pf-v6-c-helper-text--FontSize);
6846
- }
6847
-
6848
- .pf-v6-c-helper-text.pf-m-hidden {
6849
- visibility: hidden;
6850
- opacity: 0;
6851
- }
6852
-
6853
- .pf-v6-c-helper-text__item {
6854
- display: flex;
6855
- font-weight: var(--pf-v6-c-helper-text__item-text--FontWeight);
6856
- }
6857
-
6858
- .pf-v6-c-helper-text__item.pf-m-indeterminate {
6859
- --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-indeterminate--Color);
6860
- --pf-v6-c-helper-text__item-text--Color: var(--pf-v6-c-helper-text__item-text--m-indeterminate--Color);
6861
- --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color);
6862
- --pf-v6-c-helper-text--m-dynamic__item-text--Color: var(--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color);
6863
- }
6864
-
6865
- .pf-v6-c-helper-text__item.pf-m-warning {
6866
- --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-warning--FontWeight);
6867
- --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-warning--Color);
6868
- --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color);
6869
- }
6870
-
6871
- .pf-v6-c-helper-text__item.pf-m-success {
6872
- --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-success--FontWeight);
6873
- --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-success--Color);
6874
- --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color);
6875
- }
6876
-
6877
- .pf-v6-c-helper-text__item.pf-m-error {
6878
- --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-error--FontWeight);
6879
- --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-error--Color);
6880
- --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color);
6881
- }
6882
-
6883
- .pf-v6-c-helper-text__item.pf-m-dynamic {
6884
- --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic__item-icon--Color);
6885
- }
6886
-
6887
- .pf-v6-c-helper-text__item-icon {
6888
- margin-inline-end: var(--pf-v6-c-helper-text__item-icon--MarginInlineEnd);
6889
- color: var(--pf-v6-c-helper-text__item-icon--Color);
6890
- }
6891
-
6892
- .pf-v6-c-helper-text__item-text {
6893
- color: var(--pf-v6-c-helper-text__item-text--Color);
6894
- }
6895
-
6896
6906
  .pf-v6-c-hint {
6897
6907
  --pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
6898
6908
  --pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
@@ -6972,84 +6982,6 @@ select ~ .pf-v6-c-form-control__utilities {
6972
6982
  margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
6973
6983
  }
6974
6984
 
6975
- .pf-v6-c-input-group {
6976
- --pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
6977
- --pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
6978
- --pf-v6-c-input-group__item--BorderWidth--base: var(--pf-t--global--border--width--control--default);
6979
- --pf-v6-c-input-group__item--BorderColor--base: var(--pf-t--global--border--color--default);
6980
- --pf-v6-c-input-group__item--BackgroundColor: transparent;
6981
- --pf-v6-c-input-group__item--AlignItems: start;
6982
- --pf-v6-c-input-group__item--m-box--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
6983
- --pf-v6-c-input-group__item--m-box--PaddingInlineStart: var(--pf-t--global--spacer--sm);
6984
- --pf-v6-c-input-group__item--m-box--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
6985
- --pf-v6-c-input-group__item--m-box--BorderWidth: var(--pf-v6-c-input-group__item--BorderWidth--base);
6986
- --pf-v6-c-input-group__item--m-box--BorderRadius: var(--pf-t--global--border--radius--small);
6987
- --pf-v6-c-input-group__item--m-box--BorderBlockStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
6988
- --pf-v6-c-input-group__item--m-box--BorderInlineEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
6989
- --pf-v6-c-input-group__item--m-box--BorderBlockEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
6990
- --pf-v6-c-input-group__item--m-box--BorderInlineStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
6991
- --pf-v6-c-input-group__item--m-plain--BackgroundColor: transparent;
6992
- --pf-v6-c-input-group__text--FontSize: var(--pf-t--global--font--size--body--default);
6993
- --pf-v6-c-input-group__text--Color: var(--pf-t--global--text--color--regular);
6994
- --pf-v6-c-input-group__item--m-disabled__text--Color: var(--pf-t--global--text--color--on-disabled);
6995
- --pf-v6-c-input-group__item--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
6996
- }
6997
-
6998
- .pf-v6-c-input-group {
6999
- display: flex;
7000
- gap: var(--pf-v6-c-input-group--Gap);
7001
- width: 100%;
7002
- }
7003
-
7004
- .pf-v6-c-input-group__item {
7005
- position: relative;
7006
- display: flex;
7007
- align-items: var(--pf-v6-c-input-group__item--AlignItems);
7008
- min-width: var(--pf-v6-c-input-group__item--MinWidth, revert);
7009
- max-width: var(--pf-v6-c-input-group__item--MaxWidth, revert);
7010
- background-color: var(--pf-v6-c-input-group__item--BackgroundColor);
7011
- border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
7012
- border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
7013
- border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
7014
- border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
7015
- }
7016
-
7017
- .pf-v6-c-input-group__item.pf-m-box {
7018
- --pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-box--BackgroundColor);
7019
- padding-inline-start: var(--pf-v6-c-input-group__item--m-box--PaddingInlineStart);
7020
- padding-inline-end: var(--pf-v6-c-input-group__item--m-box--PaddingInlineEnd);
7021
- border: var(--pf-v6-c-input-group__item--m-box--BorderWidth) solid;
7022
- border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
7023
- border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
7024
- border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
7025
- border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
7026
- border-radius: var(--pf-v6-c-input-group__item--m-box--BorderRadius);
7027
- }
7028
-
7029
- .pf-v6-c-input-group__item.pf-m-plain {
7030
- --pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-plain--BackgroundColor);
7031
- border: none;
7032
- }
7033
-
7034
- .pf-v6-c-input-group__item.pf-m-disabled {
7035
- --pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-disabled--BackgroundColor);
7036
- --pf-v6-c-input-group__text--Color: var(--pf-v6-c-input-group__item--m-disabled__text--Color);
7037
- }
7038
-
7039
- .pf-v6-c-input-group__item.pf-m-fill {
7040
- flex-grow: 1;
7041
- }
7042
-
7043
- .pf-v6-c-input-group__text {
7044
- align-self: center;
7045
- font-size: var(--pf-v6-c-input-group__text--FontSize);
7046
- color: var(--pf-v6-c-input-group__text--Color);
7047
- }
7048
-
7049
- label.pf-v6-c-input-group__text {
7050
- cursor: pointer;
7051
- }
7052
-
7053
6985
  .pf-v6-c-icon {
7054
6986
  --pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
7055
6987
  --pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
@@ -7345,9 +7277,87 @@ label.pf-v6-c-input-group__text {
7345
7277
  transform: translateY(calc(-50% - 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign)));
7346
7278
  }
7347
7279
 
7348
- .pf-v6-c-jump-links {
7349
- --pf-v6-c-jump-links__list--Display: flex;
7350
- --pf-v6-c-jump-links__list--PaddingBlockStart: 0;
7280
+ .pf-v6-c-input-group {
7281
+ --pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
7282
+ --pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
7283
+ --pf-v6-c-input-group__item--BorderWidth--base: var(--pf-t--global--border--width--control--default);
7284
+ --pf-v6-c-input-group__item--BorderColor--base: var(--pf-t--global--border--color--default);
7285
+ --pf-v6-c-input-group__item--BackgroundColor: transparent;
7286
+ --pf-v6-c-input-group__item--AlignItems: start;
7287
+ --pf-v6-c-input-group__item--m-box--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7288
+ --pf-v6-c-input-group__item--m-box--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7289
+ --pf-v6-c-input-group__item--m-box--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
7290
+ --pf-v6-c-input-group__item--m-box--BorderWidth: var(--pf-v6-c-input-group__item--BorderWidth--base);
7291
+ --pf-v6-c-input-group__item--m-box--BorderRadius: var(--pf-t--global--border--radius--small);
7292
+ --pf-v6-c-input-group__item--m-box--BorderBlockStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
7293
+ --pf-v6-c-input-group__item--m-box--BorderInlineEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
7294
+ --pf-v6-c-input-group__item--m-box--BorderBlockEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
7295
+ --pf-v6-c-input-group__item--m-box--BorderInlineStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
7296
+ --pf-v6-c-input-group__item--m-plain--BackgroundColor: transparent;
7297
+ --pf-v6-c-input-group__text--FontSize: var(--pf-t--global--font--size--body--default);
7298
+ --pf-v6-c-input-group__text--Color: var(--pf-t--global--text--color--regular);
7299
+ --pf-v6-c-input-group__item--m-disabled__text--Color: var(--pf-t--global--text--color--on-disabled);
7300
+ --pf-v6-c-input-group__item--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7301
+ }
7302
+
7303
+ .pf-v6-c-input-group {
7304
+ display: flex;
7305
+ gap: var(--pf-v6-c-input-group--Gap);
7306
+ width: 100%;
7307
+ }
7308
+
7309
+ .pf-v6-c-input-group__item {
7310
+ position: relative;
7311
+ display: flex;
7312
+ align-items: var(--pf-v6-c-input-group__item--AlignItems);
7313
+ min-width: var(--pf-v6-c-input-group__item--MinWidth, revert);
7314
+ max-width: var(--pf-v6-c-input-group__item--MaxWidth, revert);
7315
+ background-color: var(--pf-v6-c-input-group__item--BackgroundColor);
7316
+ border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
7317
+ border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
7318
+ border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
7319
+ border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
7320
+ }
7321
+
7322
+ .pf-v6-c-input-group__item.pf-m-box {
7323
+ --pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-box--BackgroundColor);
7324
+ padding-inline-start: var(--pf-v6-c-input-group__item--m-box--PaddingInlineStart);
7325
+ padding-inline-end: var(--pf-v6-c-input-group__item--m-box--PaddingInlineEnd);
7326
+ border: var(--pf-v6-c-input-group__item--m-box--BorderWidth) solid;
7327
+ border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
7328
+ border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
7329
+ border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
7330
+ border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
7331
+ border-radius: var(--pf-v6-c-input-group__item--m-box--BorderRadius);
7332
+ }
7333
+
7334
+ .pf-v6-c-input-group__item.pf-m-plain {
7335
+ --pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-plain--BackgroundColor);
7336
+ border: none;
7337
+ }
7338
+
7339
+ .pf-v6-c-input-group__item.pf-m-disabled {
7340
+ --pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-disabled--BackgroundColor);
7341
+ --pf-v6-c-input-group__text--Color: var(--pf-v6-c-input-group__item--m-disabled__text--Color);
7342
+ }
7343
+
7344
+ .pf-v6-c-input-group__item.pf-m-fill {
7345
+ flex-grow: 1;
7346
+ }
7347
+
7348
+ .pf-v6-c-input-group__text {
7349
+ align-self: center;
7350
+ font-size: var(--pf-v6-c-input-group__text--FontSize);
7351
+ color: var(--pf-v6-c-input-group__text--Color);
7352
+ }
7353
+
7354
+ label.pf-v6-c-input-group__text {
7355
+ cursor: pointer;
7356
+ }
7357
+
7358
+ .pf-v6-c-jump-links {
7359
+ --pf-v6-c-jump-links__list--Display: flex;
7360
+ --pf-v6-c-jump-links__list--PaddingBlockStart: 0;
7351
7361
  --pf-v6-c-jump-links__list--PaddingInlineEnd: var(--pf-t--global--spacer--md);
7352
7362
  --pf-v6-c-jump-links__list--PaddingBlockEnd: 0;
7353
7363
  --pf-v6-c-jump-links__list--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -7967,6 +7977,7 @@ label.pf-v6-c-input-group__text {
7967
7977
  --pf-v6-c-label--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
7968
7978
  --pf-v6-c-label--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7969
7979
  --pf-v6-c-label--MaxWidth: 100%;
7980
+ --pf-v6-c-label--MinWidth: 3em;
7970
7981
  --pf-v6-c-label--BorderWidth: 0;
7971
7982
  --pf-v6-c-label--BorderColor: transparent;
7972
7983
  --pf-v6-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
@@ -8156,6 +8167,7 @@ label.pf-v6-c-input-group__text {
8156
8167
 
8157
8168
  .pf-v6-c-label {
8158
8169
  position: relative;
8170
+ min-width: var(--pf-v6-c-label--MinWidth);
8159
8171
  max-width: var(--pf-v6-c-label--MaxWidth);
8160
8172
  padding-block-start: var(--pf-v6-c-label--PaddingBlockStart);
8161
8173
  padding-block-end: var(--pf-v6-c-label--PaddingBlockEnd);
@@ -8491,16 +8503,22 @@ input.pf-v6-c-label__content {
8491
8503
  .pf-v6-c-label-group {
8492
8504
  --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
8493
8505
  --pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
8506
+ --pf-v6-c-label-group--MaxWidth: 100%;
8494
8507
  --pf-v6-c-label-group--m-vertical--RowGap: var(--pf-t--global--spacer--sm);
8495
8508
  --pf-v6-c-label-group--m-vertical--ColumnGap: var(--pf-t--global--spacer--sm);
8496
8509
  --pf-v6-c-label-group__main--RowGap: var(--pf-t--global--spacer--xs);
8497
8510
  --pf-v6-c-label-group__main--ColumnGap: var(--pf-t--global--spacer--sm);
8511
+ --pf-v6-c-label-group__main--MaxWidth: 100%;
8512
+ --pf-v6-c-label-group__main--MinWidth: 0;
8498
8513
  --pf-v6-c-label-group--m-vertical__main--RowGap: var(--pf-t--global--spacer--sm);
8499
8514
  --pf-v6-c-label-group--m-vertical__main--ColumnGap: var(--pf-t--global--spacer--xs);
8500
8515
  --pf-v6-c-label-group__list--RowGap: var(--pf-t--global--spacer--xs);
8501
8516
  --pf-v6-c-label-group__list--ColumnGap: var(--pf-t--global--spacer--xs);
8517
+ --pf-v6-c-label-group__list--MaxWidth: 100%;
8518
+ --pf-v6-c-label-group__list--MinWidth: 0;
8502
8519
  --pf-v6-c-label-group--m-vertical__list--RowGap: var(--pf-t--global--spacer--xs);
8503
8520
  --pf-v6-c-label-group--m-vertical__list--ColumnGap: var(--pf-t--global--spacer--xs);
8521
+ --pf-v6-c-label-group__list-item--MaxWidth: 100%;
8504
8522
  --pf-v6-c-label-group--m-category--PaddingBlockStart: var(--pf-t--global--spacer--xs);
8505
8523
  --pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
8506
8524
  --pf-v6-c-label-group--m-category--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
@@ -8527,6 +8545,7 @@ input.pf-v6-c-label__content {
8527
8545
  row-gap: var(--pf-v6-c-label-group--RowGap);
8528
8546
  column-gap: var(--pf-v6-c-label-group--ColumnGap);
8529
8547
  align-items: center;
8548
+ max-width: var(--pf-v6-c-label-group--MaxWidth);
8530
8549
  }
8531
8550
 
8532
8551
  .pf-v6-c-label-group.pf-m-category {
@@ -8556,10 +8575,12 @@ input.pf-v6-c-label__content {
8556
8575
  .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__list {
8557
8576
  flex-direction: column;
8558
8577
  align-items: flex-start;
8578
+ max-width: var(--pf-v6-c-label-group__list--MaxWidth);
8559
8579
  }
8560
8580
 
8561
8581
  .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__main {
8562
8582
  flex-direction: column;
8583
+ min-width: var(--pf-v6-c-label-group__main--MinWidth);
8563
8584
  }
8564
8585
 
8565
8586
  .pf-v6-c-label-group.pf-m-editable,
@@ -8582,6 +8603,7 @@ input.pf-v6-c-label__content {
8582
8603
  row-gap: var(--pf-v6-c-label-group__main--RowGap);
8583
8604
  column-gap: var(--pf-v6-c-label-group__main--ColumnGap);
8584
8605
  align-items: baseline;
8606
+ min-width: var(--pf-v6-c-label-group__main--MinWidth);
8585
8607
  }
8586
8608
 
8587
8609
  .pf-v6-c-label-group__list {
@@ -8589,10 +8611,12 @@ input.pf-v6-c-label__content {
8589
8611
  flex-wrap: wrap;
8590
8612
  row-gap: var(--pf-v6-c-label-group__list--RowGap);
8591
8613
  column-gap: var(--pf-v6-c-label-group__list--ColumnGap);
8614
+ min-width: var(--pf-v6-c-label-group__list--MinWidth);
8592
8615
  }
8593
8616
 
8594
8617
  .pf-v6-c-label-group__list-item {
8595
8618
  display: inline-flex;
8619
+ max-width: var(--pf-v6-c-label-group__list-item--MaxWidth);
8596
8620
  }
8597
8621
 
8598
8622
  .pf-v6-c-label-group__label {
@@ -8632,82 +8656,6 @@ input.pf-v6-c-label__content {
8632
8656
  display: none;
8633
8657
  }
8634
8658
 
8635
- .pf-v6-c-list {
8636
- --pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
8637
- --pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
8638
- --pf-v6-c-list--Gap: var(--pf-t--global--spacer--sm);
8639
- --pf-v6-c-list--nested--PaddingBlockStart: var(--pf-v6-c-list--Gap);
8640
- --pf-v6-c-list--m-plain--PaddingInlineStart: 0;
8641
- --pf-v6-c-list--m-inline--PaddingInlineStart: 0;
8642
- --pf-v6-c-list--m-inline--ColumnGap: var(--pf-t--global--spacer--lg);
8643
- --pf-v6-c-list--m-inline--RowGap: var(--pf-t--global--spacer--xs);
8644
- --pf-v6-c-list--m-bordered--li--PaddingBlockStart: var(--pf-v6-c-list--Gap);
8645
- --pf-v6-c-list--m-bordered--li--BorderBlockStartColor: var(--pf-t--global--border--color--default);
8646
- --pf-v6-c-list--m-bordered--li--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
8647
- --pf-v6-c-list__item-icon--MinWidth: var(--pf-t--global--icon--size--sm);
8648
- --pf-v6-c-list__item-icon--MarginBlockStart: var(--pf-t--global--spacer--xs);
8649
- --pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
8650
- --pf-v6-c-list__item-icon--Color: var(--pf-t--global--icon--color--regular);
8651
- --pf-v6-c-list__item-icon--FontSize: var(--pf-t--global--icon--size--sm);
8652
- --pf-v6-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-t--global--icon--size--lg);
8653
- --pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
8654
- --pf-v6-c-list--m-icon-lg__item-icon--FontSize: var(--pf-t--global--icon--size--lg);
8655
- }
8656
-
8657
- .pf-v6-c-list {
8658
- display: flex;
8659
- flex-direction: column;
8660
- gap: var(--pf-v6-c-list--Gap);
8661
- padding-inline-start: var(--pf-v6-c-list--PaddingInlineStart);
8662
- }
8663
-
8664
- .pf-v6-c-list .pf-v6-c-list {
8665
- padding-block-start: var(--pf-v6-c-list--nested--PaddingBlockStart);
8666
- }
8667
-
8668
- ul.pf-v6-c-list {
8669
- list-style: var(--pf-v6-c-list--ul--ListStyle);
8670
- }
8671
-
8672
- .pf-v6-c-list.pf-m-icon-lg {
8673
- --pf-v6-c-list__item-icon--MinWidth: var(--pf-v6-c-list--m-icon-lg__item-icon--MinWidth);
8674
- --pf-v6-c-list__item-icon--MarginBlockStart: 0;
8675
- --pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd);
8676
- --pf-v6-c-list__item-icon--FontSize: var(--pf-v6-c-list--m-icon-lg__item-icon--FontSize);
8677
- }
8678
-
8679
- .pf-v6-c-list.pf-m-plain {
8680
- --pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-plain--PaddingInlineStart);
8681
- list-style: none;
8682
- }
8683
-
8684
- .pf-v6-c-list.pf-m-inline {
8685
- --pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-inline--PaddingInlineStart);
8686
- --pf-v6-c-list--Gap: var(--pf-v6-c-list--m-inline--RowGap) var(--pf-v6-c-list--m-inline--ColumnGap);
8687
- flex-direction: row;
8688
- flex-wrap: wrap;
8689
- list-style: none;
8690
- }
8691
-
8692
- .pf-v6-c-list.pf-m-bordered > * + * {
8693
- padding-block-start: var(--pf-v6-c-list--m-bordered--li--PaddingBlockStart);
8694
- border-block-start: var(--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth) solid var(--pf-v6-c-list--m-bordered--li--BorderBlockStartColor);
8695
- }
8696
-
8697
- .pf-v6-c-list__item {
8698
- display: flex;
8699
- }
8700
-
8701
- .pf-v6-c-list__item-icon {
8702
- flex-shrink: 0;
8703
- min-width: var(--pf-v6-c-list__item-icon--MinWidth);
8704
- margin-block-start: var(--pf-v6-c-list__item-icon--MarginBlockStart);
8705
- margin-inline-end: var(--pf-v6-c-list__item-icon--MarginInlineEnd);
8706
- font-size: var(--pf-v6-c-list__item-icon--FontSize);
8707
- line-height: 1;
8708
- color: var(--pf-v6-c-list__item-icon--Color);
8709
- }
8710
-
8711
8659
  .pf-v6-c-login {
8712
8660
  --pf-v6-c-login--PaddingBlockStart: var(--pf-t--global--spacer--lg);
8713
8661
  --pf-v6-c-login--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
@@ -8968,6 +8916,82 @@ ul.pf-v6-c-list {
8968
8916
  padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingBlockStart);
8969
8917
  }
8970
8918
 
8919
+ .pf-v6-c-list {
8920
+ --pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
8921
+ --pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
8922
+ --pf-v6-c-list--Gap: var(--pf-t--global--spacer--sm);
8923
+ --pf-v6-c-list--nested--PaddingBlockStart: var(--pf-v6-c-list--Gap);
8924
+ --pf-v6-c-list--m-plain--PaddingInlineStart: 0;
8925
+ --pf-v6-c-list--m-inline--PaddingInlineStart: 0;
8926
+ --pf-v6-c-list--m-inline--ColumnGap: var(--pf-t--global--spacer--lg);
8927
+ --pf-v6-c-list--m-inline--RowGap: var(--pf-t--global--spacer--xs);
8928
+ --pf-v6-c-list--m-bordered--li--PaddingBlockStart: var(--pf-v6-c-list--Gap);
8929
+ --pf-v6-c-list--m-bordered--li--BorderBlockStartColor: var(--pf-t--global--border--color--default);
8930
+ --pf-v6-c-list--m-bordered--li--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
8931
+ --pf-v6-c-list__item-icon--MinWidth: var(--pf-t--global--icon--size--sm);
8932
+ --pf-v6-c-list__item-icon--MarginBlockStart: var(--pf-t--global--spacer--xs);
8933
+ --pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
8934
+ --pf-v6-c-list__item-icon--Color: var(--pf-t--global--icon--color--regular);
8935
+ --pf-v6-c-list__item-icon--FontSize: var(--pf-t--global--icon--size--sm);
8936
+ --pf-v6-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-t--global--icon--size--lg);
8937
+ --pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
8938
+ --pf-v6-c-list--m-icon-lg__item-icon--FontSize: var(--pf-t--global--icon--size--lg);
8939
+ }
8940
+
8941
+ .pf-v6-c-list {
8942
+ display: flex;
8943
+ flex-direction: column;
8944
+ gap: var(--pf-v6-c-list--Gap);
8945
+ padding-inline-start: var(--pf-v6-c-list--PaddingInlineStart);
8946
+ }
8947
+
8948
+ .pf-v6-c-list .pf-v6-c-list {
8949
+ padding-block-start: var(--pf-v6-c-list--nested--PaddingBlockStart);
8950
+ }
8951
+
8952
+ ul.pf-v6-c-list {
8953
+ list-style: var(--pf-v6-c-list--ul--ListStyle);
8954
+ }
8955
+
8956
+ .pf-v6-c-list.pf-m-icon-lg {
8957
+ --pf-v6-c-list__item-icon--MinWidth: var(--pf-v6-c-list--m-icon-lg__item-icon--MinWidth);
8958
+ --pf-v6-c-list__item-icon--MarginBlockStart: 0;
8959
+ --pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd);
8960
+ --pf-v6-c-list__item-icon--FontSize: var(--pf-v6-c-list--m-icon-lg__item-icon--FontSize);
8961
+ }
8962
+
8963
+ .pf-v6-c-list.pf-m-plain {
8964
+ --pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-plain--PaddingInlineStart);
8965
+ list-style: none;
8966
+ }
8967
+
8968
+ .pf-v6-c-list.pf-m-inline {
8969
+ --pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-inline--PaddingInlineStart);
8970
+ --pf-v6-c-list--Gap: var(--pf-v6-c-list--m-inline--RowGap) var(--pf-v6-c-list--m-inline--ColumnGap);
8971
+ flex-direction: row;
8972
+ flex-wrap: wrap;
8973
+ list-style: none;
8974
+ }
8975
+
8976
+ .pf-v6-c-list.pf-m-bordered > * + * {
8977
+ padding-block-start: var(--pf-v6-c-list--m-bordered--li--PaddingBlockStart);
8978
+ border-block-start: var(--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth) solid var(--pf-v6-c-list--m-bordered--li--BorderBlockStartColor);
8979
+ }
8980
+
8981
+ .pf-v6-c-list__item {
8982
+ display: flex;
8983
+ }
8984
+
8985
+ .pf-v6-c-list__item-icon {
8986
+ flex-shrink: 0;
8987
+ min-width: var(--pf-v6-c-list__item-icon--MinWidth);
8988
+ margin-block-start: var(--pf-v6-c-list__item-icon--MarginBlockStart);
8989
+ margin-inline-end: var(--pf-v6-c-list__item-icon--MarginInlineEnd);
8990
+ font-size: var(--pf-v6-c-list__item-icon--FontSize);
8991
+ line-height: 1;
8992
+ color: var(--pf-v6-c-list__item-icon--Color);
8993
+ }
8994
+
8971
8995
  .pf-v6-c-masthead {
8972
8996
  --pf-v6-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
8973
8997
  --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
@@ -10608,13 +10632,6 @@ ul.pf-v6-c-list {
10608
10632
  flex-wrap: nowrap;
10609
10633
  }
10610
10634
 
10611
- .pf-v6-c-menu-toggle__controls,
10612
- .pf-v6-c-menu-toggle__toggle-icon {
10613
- display: flex;
10614
- align-items: center;
10615
- justify-content: center;
10616
- }
10617
-
10618
10635
  .pf-v6-c-menu-toggle__icon {
10619
10636
  flex-shrink: 0;
10620
10637
  }
@@ -10627,7 +10644,10 @@ ul.pf-v6-c-list {
10627
10644
  }
10628
10645
 
10629
10646
  .pf-v6-c-menu-toggle__controls {
10647
+ display: flex;
10630
10648
  gap: var(--pf-v6-c-menu-toggle__controls--Gap);
10649
+ align-items: center;
10650
+ justify-content: center;
10631
10651
  margin-inline-start: auto;
10632
10652
  }
10633
10653
 
@@ -11691,45 +11711,6 @@ ul.pf-v6-c-list {
11691
11711
  transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
11692
11712
  }
11693
11713
 
11694
- .pf-v6-c-overflow-menu {
11695
- --pf-v6-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
11696
- --pf-v6-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
11697
- --pf-v6-c-overflow-menu__group--m-button-group--ColumnGap: var(--pf-t--global--spacer--sm);
11698
- --pf-v6-c-overflow-menu__group--m-icon-button-group--ColumnGap: var(--pf-t--global--spacer--xs);
11699
- }
11700
-
11701
- .pf-v6-c-overflow-menu {
11702
- display: inline-flex;
11703
- column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
11704
- }
11705
-
11706
- .pf-v6-c-overflow-menu__content,
11707
- .pf-v6-c-overflow-menu__group {
11708
- display: flex;
11709
- align-items: start;
11710
- }
11711
-
11712
- .pf-v6-c-overflow-menu__group {
11713
- column-gap: var(--pf-v6-c-overflow-menu__group--ColumnGap);
11714
- }
11715
-
11716
- .pf-v6-c-overflow-menu__group.pf-m-button-group {
11717
- column-gap: var(--pf-v6-c-overflow-menu__group--m-button-group--ColumnGap);
11718
- }
11719
-
11720
- .pf-v6-c-overflow-menu__group.pf-m-icon-button-group {
11721
- column-gap: var(--pf-v6-c-overflow-menu__group--m-icon-button-group--ColumnGap);
11722
- }
11723
-
11724
- .pf-v6-c-overflow-menu__item {
11725
- column-gap: var(--pf-v6-c-overflow-menu__item--ColumnGap, var(--pf-v6-c-overflow-menu--ColumnGap));
11726
- }
11727
-
11728
- .pf-v6-c-overflow-menu__content,
11729
- .pf-v6-c-overflow-menu__control {
11730
- column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
11731
- }
11732
-
11733
11714
  .pf-v6-c-page {
11734
11715
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11735
11716
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
@@ -12976,189 +12957,6 @@ ul.pf-v6-c-list {
12976
12957
  margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
12977
12958
  }
12978
12959
 
12979
- .pf-v6-c-progress {
12980
- --pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
12981
- --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
12982
- --pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
12983
- --pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
12984
- --pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
12985
- --pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
12986
- --pf-v6-c-progress__indicator--Height: var(--pf-v6-c-progress__bar--Height);
12987
- --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
12988
- --pf-v6-c-progress__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
12989
- --pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
12990
- --pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
12991
- --pf-v6-c-progress--m-danger__indicator--BackgroundColor: var(--pf-t--global--color--status--danger--default);
12992
- --pf-v6-c-progress--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
12993
- --pf-v6-c-progress--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
12994
- --pf-v6-c-progress--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
12995
- --pf-v6-c-progress--m-inside__indicator--MinWidth: var(--pf-t--global--spacer--xl);
12996
- --pf-v6-c-progress--m-inside__measure--Color: var(--pf-t--global--text--color--on-brand--default);
12997
- --pf-v6-c-progress--m-success--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-success--default);
12998
- --pf-v6-c-progress--m-warning--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-warning--default);
12999
- --pf-v6-c-progress--m-danger--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-danger--default);
13000
- --pf-v6-c-progress--m-inside__measure--FontSize: var(--pf-t--global--font--size--sm);
13001
- --pf-v6-c-progress--m-outside__measure--FontSize: var(--pf-t--global--font--size--sm);
13002
- --pf-v6-c-progress--m-sm__bar--Height: var(--pf-t--global--spacer--sm);
13003
- --pf-v6-c-progress--m-sm__measure--FontSize: var(--pf-t--global--font--size--body--sm);
13004
- --pf-v6-c-progress--m-lg__bar--Height: var(--pf-t--global--spacer--lg);
13005
- }
13006
-
13007
- .pf-v6-c-progress {
13008
- display: grid;
13009
- grid-template-rows: 1fr auto;
13010
- grid-template-columns: auto auto;
13011
- grid-gap: var(--pf-v6-c-progress--GridGap);
13012
- align-items: end;
13013
- }
13014
-
13015
- .pf-v6-c-progress.pf-m-sm {
13016
- --pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-sm__bar--Height);
13017
- }
13018
-
13019
- .pf-v6-c-progress.pf-m-sm .pf-v6-c-progress__measure {
13020
- font-size: var(--pf-v6-c-progress--m-sm__measure--FontSize);
13021
- }
13022
-
13023
- .pf-v6-c-progress.pf-m-lg {
13024
- --pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-lg__bar--Height);
13025
- }
13026
-
13027
- .pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__indicator {
13028
- display: flex;
13029
- align-items: center;
13030
- justify-content: center;
13031
- min-width: var(--pf-v6-c-progress--m-inside__indicator--MinWidth);
13032
- }
13033
-
13034
- .pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__measure {
13035
- font-size: var(--pf-v6-c-progress--m-inside__measure--FontSize);
13036
- color: var(--pf-v6-c-progress--m-inside__measure--Color);
13037
- text-align: center;
13038
- }
13039
-
13040
- .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__description {
13041
- grid-column: 1/3;
13042
- }
13043
-
13044
- .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__status {
13045
- grid-row: 2/3;
13046
- grid-column: 2/3;
13047
- align-self: center;
13048
- }
13049
-
13050
- .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure {
13051
- display: inline-block;
13052
- font-size: var(--pf-v6-c-progress--m-outside__measure--FontSize);
13053
- }
13054
-
13055
- .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure.pf-m-static-width {
13056
- min-width: var(--pf-v6-c-progress__measure--m-static-width--MinWidth);
13057
- text-align: start;
13058
- }
13059
-
13060
- .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__bar,
13061
- .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__indicator {
13062
- grid-column: 1/2;
13063
- }
13064
-
13065
- .pf-v6-c-progress.pf-m-singleline {
13066
- grid-template-rows: 1fr;
13067
- }
13068
-
13069
- .pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__description {
13070
- display: none;
13071
- }
13072
-
13073
- .pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__bar {
13074
- grid-row: 1/2;
13075
- grid-column: 1/2;
13076
- }
13077
-
13078
- .pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__status {
13079
- grid-row: 1/2;
13080
- grid-column: 2/3;
13081
- }
13082
-
13083
- .pf-v6-c-progress.pf-m-outside, .pf-v6-c-progress.pf-m-singleline {
13084
- grid-template-columns: 1fr fit-content(50%);
13085
- }
13086
-
13087
- .pf-v6-c-progress.pf-m-success {
13088
- --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-success__indicator--BackgroundColor);
13089
- --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-success__status-icon--Color);
13090
- --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-success--m-inside__measure--Color);
13091
- }
13092
-
13093
- .pf-v6-c-progress.pf-m-warning {
13094
- --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-warning__indicator--BackgroundColor);
13095
- --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-warning__status-icon--Color);
13096
- --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-warning--m-inside__measure--Color);
13097
- }
13098
-
13099
- .pf-v6-c-progress.pf-m-danger {
13100
- --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-danger__indicator--BackgroundColor);
13101
- --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
13102
- --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
13103
- }
13104
-
13105
- .pf-v6-c-progress__description {
13106
- grid-column: 1/2;
13107
- word-break: break-word;
13108
- }
13109
-
13110
- .pf-v6-c-progress__description.pf-m-truncate {
13111
- overflow: hidden;
13112
- text-overflow: ellipsis;
13113
- white-space: nowrap;
13114
- }
13115
-
13116
- .pf-v6-c-progress__status {
13117
- display: flex;
13118
- grid-row: 1/2;
13119
- grid-column: 2/3;
13120
- gap: var(--pf-v6-c-progress__status--Gap);
13121
- align-items: flex-start;
13122
- justify-content: flex-end;
13123
- text-align: end;
13124
- word-break: break-word;
13125
- }
13126
-
13127
- .pf-v6-c-progress__status-icon {
13128
- color: var(--pf-v6-c-progress__status-icon--Color);
13129
- }
13130
-
13131
- .pf-v6-c-progress__bar::before,
13132
- .pf-v6-c-progress__indicator {
13133
- inset-block-start: 0;
13134
- inset-inline-start: 0;
13135
- }
13136
-
13137
- .pf-v6-c-progress__bar {
13138
- position: relative;
13139
- grid-row: 2/3;
13140
- grid-column: 1/3;
13141
- align-self: center;
13142
- height: var(--pf-v6-c-progress__bar--Height);
13143
- background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
13144
- }
13145
-
13146
- .pf-v6-c-progress__indicator {
13147
- position: absolute;
13148
- height: var(--pf-v6-c-progress__indicator--Height);
13149
- background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
13150
- }
13151
-
13152
- .pf-v6-c-progress__helper-text {
13153
- grid-row: 3/4;
13154
- grid-column: 1/3;
13155
- margin-block-start: var(--pf-v6-c-progress__helper-text--MarginBlockStart);
13156
- }
13157
-
13158
- .pf-v6-c-progress__measure {
13159
- font-variant-numeric: tabular-nums;
13160
- }
13161
-
13162
12960
  .pf-v6-c-progress-stepper {
13163
12961
  --pf-v6-c-progress-stepper--m-vertical--GridAutoFlow: row;
13164
12962
  --pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
@@ -13795,30 +13593,213 @@ ul.pf-v6-c-list {
13795
13593
  --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
13796
13594
  }
13797
13595
  }
13798
- .pf-v6-c-radio {
13799
- --pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
13800
- --pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
13801
- --pf-v6-c-radio--m-standalone--MinHeight: calc(var(--pf-v6-c-radio__label--FontSize) * var(--pf-v6-c-radio__label--LineHeight));
13802
- --pf-v6-c-radio__label--disabled--Color: var(--pf-t--global--text--color--disabled);
13803
- --pf-v6-c-radio__label--Color: var(--pf-t--global--text--color--regular);
13804
- --pf-v6-c-radio__label--FontWeight: var(--pf-t--global--font--weight--body--default);
13805
- --pf-v6-c-radio__label--FontSize: var(--pf-t--global--font--size--body--default);
13806
- --pf-v6-c-radio__label--LineHeight: var(--pf-t--global--font--line-height--body);
13807
- --pf-v6-c-radio__description--FontSize: var(--pf-t--global--font--size--body--sm);
13808
- --pf-v6-c-radio__description--Color: var(--pf-t--global--text--color--subtle);
13809
- --pf-v6-c-radio__input--first-child--MarginInlineStart: 0.0625rem;
13810
- --pf-v6-c-radio__input--last-child--MarginInlineEnd: 0.0625rem;
13811
- --pf-v6-c-radio__body--MarginBlockStart: var(--pf-t--global--spacer--sm);
13812
- --pf-v6-c-radio__input--TranslateY: calc((var(--pf-v6-c-radio__label--LineHeight) * var(--pf-v6-c-radio__label--FontSize) / 2 ) - 50%);
13596
+ .pf-v6-c-progress {
13597
+ --pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
13598
+ --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
13599
+ --pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
13600
+ --pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
13601
+ --pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
13602
+ --pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
13603
+ --pf-v6-c-progress__indicator--Height: var(--pf-v6-c-progress__bar--Height);
13604
+ --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
13605
+ --pf-v6-c-progress__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
13606
+ --pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
13607
+ --pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
13608
+ --pf-v6-c-progress--m-danger__indicator--BackgroundColor: var(--pf-t--global--color--status--danger--default);
13609
+ --pf-v6-c-progress--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
13610
+ --pf-v6-c-progress--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
13611
+ --pf-v6-c-progress--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
13612
+ --pf-v6-c-progress--m-inside__indicator--MinWidth: var(--pf-t--global--spacer--xl);
13613
+ --pf-v6-c-progress--m-inside__measure--Color: var(--pf-t--global--text--color--on-brand--default);
13614
+ --pf-v6-c-progress--m-success--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-success--default);
13615
+ --pf-v6-c-progress--m-warning--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-warning--default);
13616
+ --pf-v6-c-progress--m-danger--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-danger--default);
13617
+ --pf-v6-c-progress--m-inside__measure--FontSize: var(--pf-t--global--font--size--sm);
13618
+ --pf-v6-c-progress--m-outside__measure--FontSize: var(--pf-t--global--font--size--sm);
13619
+ --pf-v6-c-progress--m-sm__bar--Height: var(--pf-t--global--spacer--sm);
13620
+ --pf-v6-c-progress--m-sm__measure--FontSize: var(--pf-t--global--font--size--body--sm);
13621
+ --pf-v6-c-progress--m-lg__bar--Height: var(--pf-t--global--spacer--lg);
13813
13622
  }
13814
13623
 
13815
- .pf-v6-c-radio {
13624
+ .pf-v6-c-progress {
13816
13625
  display: grid;
13817
- grid-template-columns: auto 1fr;
13818
- grid-gap: var(--pf-v6-c-radio--GridGap);
13819
- align-items: baseline;
13820
- accent-color: var(--pf-v6-c-radio--AccentColor);
13821
- }
13626
+ grid-template-rows: 1fr auto;
13627
+ grid-template-columns: auto auto;
13628
+ grid-gap: var(--pf-v6-c-progress--GridGap);
13629
+ align-items: end;
13630
+ }
13631
+
13632
+ .pf-v6-c-progress.pf-m-sm {
13633
+ --pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-sm__bar--Height);
13634
+ }
13635
+
13636
+ .pf-v6-c-progress.pf-m-sm .pf-v6-c-progress__measure {
13637
+ font-size: var(--pf-v6-c-progress--m-sm__measure--FontSize);
13638
+ }
13639
+
13640
+ .pf-v6-c-progress.pf-m-lg {
13641
+ --pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-lg__bar--Height);
13642
+ }
13643
+
13644
+ .pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__indicator {
13645
+ display: flex;
13646
+ align-items: center;
13647
+ justify-content: center;
13648
+ min-width: var(--pf-v6-c-progress--m-inside__indicator--MinWidth);
13649
+ }
13650
+
13651
+ .pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__measure {
13652
+ font-size: var(--pf-v6-c-progress--m-inside__measure--FontSize);
13653
+ color: var(--pf-v6-c-progress--m-inside__measure--Color);
13654
+ text-align: center;
13655
+ }
13656
+
13657
+ .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__description {
13658
+ grid-column: 1/3;
13659
+ }
13660
+
13661
+ .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__status {
13662
+ grid-row: 2/3;
13663
+ grid-column: 2/3;
13664
+ align-self: center;
13665
+ }
13666
+
13667
+ .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure {
13668
+ display: inline-block;
13669
+ font-size: var(--pf-v6-c-progress--m-outside__measure--FontSize);
13670
+ }
13671
+
13672
+ .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure.pf-m-static-width {
13673
+ min-width: var(--pf-v6-c-progress__measure--m-static-width--MinWidth);
13674
+ text-align: start;
13675
+ }
13676
+
13677
+ .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__bar,
13678
+ .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__indicator {
13679
+ grid-column: 1/2;
13680
+ }
13681
+
13682
+ .pf-v6-c-progress.pf-m-singleline {
13683
+ grid-template-rows: 1fr;
13684
+ }
13685
+
13686
+ .pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__description {
13687
+ display: none;
13688
+ }
13689
+
13690
+ .pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__bar {
13691
+ grid-row: 1/2;
13692
+ grid-column: 1/2;
13693
+ }
13694
+
13695
+ .pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__status {
13696
+ grid-row: 1/2;
13697
+ grid-column: 2/3;
13698
+ }
13699
+
13700
+ .pf-v6-c-progress.pf-m-outside, .pf-v6-c-progress.pf-m-singleline {
13701
+ grid-template-columns: 1fr fit-content(50%);
13702
+ }
13703
+
13704
+ .pf-v6-c-progress.pf-m-success {
13705
+ --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-success__indicator--BackgroundColor);
13706
+ --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-success__status-icon--Color);
13707
+ --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-success--m-inside__measure--Color);
13708
+ }
13709
+
13710
+ .pf-v6-c-progress.pf-m-warning {
13711
+ --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-warning__indicator--BackgroundColor);
13712
+ --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-warning__status-icon--Color);
13713
+ --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-warning--m-inside__measure--Color);
13714
+ }
13715
+
13716
+ .pf-v6-c-progress.pf-m-danger {
13717
+ --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-danger__indicator--BackgroundColor);
13718
+ --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
13719
+ --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
13720
+ }
13721
+
13722
+ .pf-v6-c-progress__description {
13723
+ grid-column: 1/2;
13724
+ word-break: break-word;
13725
+ }
13726
+
13727
+ .pf-v6-c-progress__description.pf-m-truncate {
13728
+ overflow: hidden;
13729
+ text-overflow: ellipsis;
13730
+ white-space: nowrap;
13731
+ }
13732
+
13733
+ .pf-v6-c-progress__status {
13734
+ display: flex;
13735
+ grid-row: 1/2;
13736
+ grid-column: 2/3;
13737
+ gap: var(--pf-v6-c-progress__status--Gap);
13738
+ align-items: flex-start;
13739
+ justify-content: flex-end;
13740
+ text-align: end;
13741
+ word-break: break-word;
13742
+ }
13743
+
13744
+ .pf-v6-c-progress__status-icon {
13745
+ color: var(--pf-v6-c-progress__status-icon--Color);
13746
+ }
13747
+
13748
+ .pf-v6-c-progress__bar::before,
13749
+ .pf-v6-c-progress__indicator {
13750
+ inset-block-start: 0;
13751
+ inset-inline-start: 0;
13752
+ }
13753
+
13754
+ .pf-v6-c-progress__bar {
13755
+ position: relative;
13756
+ grid-row: 2/3;
13757
+ grid-column: 1/3;
13758
+ align-self: center;
13759
+ height: var(--pf-v6-c-progress__bar--Height);
13760
+ background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
13761
+ }
13762
+
13763
+ .pf-v6-c-progress__indicator {
13764
+ position: absolute;
13765
+ height: var(--pf-v6-c-progress__indicator--Height);
13766
+ background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
13767
+ }
13768
+
13769
+ .pf-v6-c-progress__helper-text {
13770
+ grid-row: 3/4;
13771
+ grid-column: 1/3;
13772
+ margin-block-start: var(--pf-v6-c-progress__helper-text--MarginBlockStart);
13773
+ }
13774
+
13775
+ .pf-v6-c-progress__measure {
13776
+ font-variant-numeric: tabular-nums;
13777
+ }
13778
+
13779
+ .pf-v6-c-radio {
13780
+ --pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
13781
+ --pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
13782
+ --pf-v6-c-radio--m-standalone--MinHeight: calc(var(--pf-v6-c-radio__label--FontSize) * var(--pf-v6-c-radio__label--LineHeight));
13783
+ --pf-v6-c-radio__label--disabled--Color: var(--pf-t--global--text--color--disabled);
13784
+ --pf-v6-c-radio__label--Color: var(--pf-t--global--text--color--regular);
13785
+ --pf-v6-c-radio__label--FontWeight: var(--pf-t--global--font--weight--body--default);
13786
+ --pf-v6-c-radio__label--FontSize: var(--pf-t--global--font--size--body--default);
13787
+ --pf-v6-c-radio__label--LineHeight: var(--pf-t--global--font--line-height--body);
13788
+ --pf-v6-c-radio__description--FontSize: var(--pf-t--global--font--size--body--sm);
13789
+ --pf-v6-c-radio__description--Color: var(--pf-t--global--text--color--subtle);
13790
+ --pf-v6-c-radio__input--first-child--MarginInlineStart: 0.0625rem;
13791
+ --pf-v6-c-radio__input--last-child--MarginInlineEnd: 0.0625rem;
13792
+ --pf-v6-c-radio__body--MarginBlockStart: var(--pf-t--global--spacer--sm);
13793
+ --pf-v6-c-radio__input--TranslateY: calc((var(--pf-v6-c-radio__label--LineHeight) * var(--pf-v6-c-radio__label--FontSize) / 2 ) - 50%);
13794
+ }
13795
+
13796
+ .pf-v6-c-radio {
13797
+ display: grid;
13798
+ grid-template-columns: auto 1fr;
13799
+ grid-gap: var(--pf-v6-c-radio--GridGap);
13800
+ align-items: baseline;
13801
+ accent-color: var(--pf-v6-c-radio--AccentColor);
13802
+ }
13822
13803
 
13823
13804
  .pf-v6-c-radio.pf-m-standalone {
13824
13805
  display: inline-grid;
@@ -14620,143 +14601,62 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14620
14601
  margin-inline-start: var(--pf-v6-c-slider__main--actions--MarginInlineStart);
14621
14602
  }
14622
14603
 
14623
- .pf-v6-c-spinner {
14624
- --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
14625
- --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
14626
- --pf-v6-c-spinner--Height: var(--pf-v6-c-spinner--diameter);
14627
- --pf-v6-c-spinner--Color: var(--pf-t--global--icon--color--brand--default);
14628
- --pf-v6-c-spinner--AnimationDuration: 1.4s;
14629
- --pf-v6-c-spinner--AnimationTimingFunction: linear;
14630
- --pf-v6-c-spinner--StrokeWidth: 10;
14631
- --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
14632
- --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
14633
- --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
14634
- --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
14635
- --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
14636
- --pf-v6-c-spinner--m-xl--diameter: var(--pf-t--global--icon--size--2xl);
14637
- --pf-v6-c-spinner--m-inline--diameter: 1em;
14638
- }
14639
-
14640
- .pf-v6-c-spinner {
14641
- width: var(--pf-v6-c-spinner--Width);
14642
- height: var(--pf-v6-c-spinner--Height);
14643
- overflow: hidden;
14644
- animation: pf-v6-c-spinner-animation-rotate calc(var(--pf-v6-c-spinner--AnimationDuration) * 2) var(--pf-v6-c-spinner--AnimationTimingFunction) infinite;
14604
+ .pf-v6-c-switch {
14605
+ --pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
14606
+ --pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
14607
+ --pf-v6-c-switch__toggle-icon--FontSize: calc(var(--pf-v6-c-switch--FontSize) * .625);
14608
+ --pf-v6-c-switch__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
14609
+ --pf-v6-c-switch__toggle-icon--InsetInlineStart: calc(var(--pf-v6-c-switch--FontSize) * .4);
14610
+ --pf-v6-c-switch__toggle-icon--Offset: 0.125rem;
14611
+ --pf-v6-c-switch__input--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
14612
+ --pf-v6-c-switch--LineHeight: var(--pf-t--global--font--line-height--body);
14613
+ --pf-v6-c-switch--Height: auto;
14614
+ --pf-v6-c-switch__input--checked__toggle--BackgroundColor: var(--pf-t--global--color--brand--default);
14615
+ --pf-v6-c-switch__input--checked__toggle--before--TranslateX: calc(100% + var(--pf-v6-c-switch__toggle-icon--Offset));
14616
+ --pf-v6-c-switch__input--checked__toggle--BorderWidth: 0;
14617
+ --pf-v6-c-switch__input--checked__label--Color: var(--pf-t--global--text--color--regular);
14618
+ --pf-v6-c-switch__input--not-checked__label--Color: var(--pf-t--global--text--color--subtle);
14619
+ --pf-v6-c-switch__input--disabled__label--Color: var(--pf-t--global--text--color--disabled);
14620
+ --pf-v6-c-switch__input--disabled__toggle--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
14621
+ --pf-v6-c-switch__input--checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--inverse);
14622
+ --pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--subtle);
14623
+ --pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--on-disabled);
14624
+ --pf-v6-c-switch__input--focus__toggle--OutlineWidth: var(--pf-t--global--border--width--strong);
14625
+ --pf-v6-c-switch__input--focus__toggle--OutlineOffset: var(--pf-t--global--spacer--xs);
14626
+ --pf-v6-c-switch__input--focus__toggle--OutlineColor: var(--pf-t--global--color--brand--default);
14627
+ --pf-v6-c-switch__toggle--Height: calc(var(--pf-v6-c-switch--FontSize) * var(--pf-v6-c-switch--LineHeight));
14628
+ --pf-v6-c-switch__toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
14629
+ --pf-v6-c-switch__toggle--BorderColor: var(--pf-t--global--border--color--default);
14630
+ --pf-v6-c-switch__toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
14631
+ --pf-v6-c-switch__toggle--BorderRadius: var(--pf-t--global--border--radius--pill);
14632
+ --pf-v6-c-switch__toggle--before--Width: calc(var(--pf-v6-c-switch--FontSize) - var(--pf-v6-c-switch__toggle-icon--Offset));
14633
+ --pf-v6-c-switch__toggle--before--Height: var(--pf-v6-c-switch__toggle--before--Width);
14634
+ --pf-v6-c-switch__toggle--before--InsetInlineStart: calc((var(--pf-v6-c-switch__toggle--Height) - var(--pf-v6-c-switch__toggle--before--Height)) / 2);
14635
+ --pf-v6-c-switch__toggle--before--BorderRadius: var(--pf-t--global--border--radius--large);
14636
+ --pf-v6-c-switch__toggle--before--Transition: transform .25s ease 0s;
14637
+ --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));
14645
14638
  }
14646
14639
 
14647
- .pf-v6-c-spinner.pf-m-inline {
14648
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
14640
+ .pf-v6-c-switch {
14641
+ position: relative;
14642
+ display: inline-grid;
14643
+ grid-template-columns: auto;
14644
+ grid-auto-columns: 1fr;
14645
+ column-gap: var(--pf-v6-c-switch--ColumnGap);
14646
+ height: var(--pf-v6-c-switch--Height);
14647
+ font-size: var(--pf-v6-c-switch--FontSize);
14648
+ line-height: var(--pf-v6-c-switch--LineHeight);
14649
+ vertical-align: middle;
14650
+ cursor: pointer;
14649
14651
  }
14650
14652
 
14651
- .pf-v6-c-spinner.pf-m-sm {
14652
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
14653
+ .pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__label,
14654
+ .pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__toggle {
14655
+ grid-row: 1;
14653
14656
  }
14654
14657
 
14655
- .pf-v6-c-spinner.pf-m-md {
14656
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-md--diameter);
14657
- }
14658
-
14659
- .pf-v6-c-spinner.pf-m-lg {
14660
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
14661
- }
14662
-
14663
- .pf-v6-c-spinner.pf-m-xl {
14664
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xl--diameter);
14665
- }
14666
-
14667
- .pf-v6-c-spinner__path {
14668
- width: 100%;
14669
- height: 100%;
14670
- stroke: var(--pf-v6-c-spinner--Color);
14671
- stroke-dasharray: 283;
14672
- stroke-dashoffset: 280;
14673
- stroke-linecap: round;
14674
- stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
14675
- transform-origin: 50% 50%;
14676
- animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
14677
- }
14678
-
14679
- @keyframes pf-v6-c-spinner-animation-rotate {
14680
- 0% {
14681
- transform: rotate(0deg);
14682
- }
14683
- 100% {
14684
- transform: rotate(360deg);
14685
- }
14686
- }
14687
- @keyframes pf-v6-c-spinner-animation-dash {
14688
- 0% {
14689
- stroke-dashoffset: 280;
14690
- transform: rotate(0);
14691
- }
14692
- 15% {
14693
- stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
14694
- }
14695
- 40% {
14696
- stroke-dasharray: 220;
14697
- stroke-dashoffset: 150;
14698
- }
14699
- 100% {
14700
- stroke-dashoffset: 280;
14701
- transform: rotate(720deg);
14702
- }
14703
- }
14704
- .pf-v6-c-switch {
14705
- --pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
14706
- --pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
14707
- --pf-v6-c-switch__toggle-icon--FontSize: calc(var(--pf-v6-c-switch--FontSize) * .625);
14708
- --pf-v6-c-switch__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
14709
- --pf-v6-c-switch__toggle-icon--InsetInlineStart: calc(var(--pf-v6-c-switch--FontSize) * .4);
14710
- --pf-v6-c-switch__toggle-icon--Offset: 0.125rem;
14711
- --pf-v6-c-switch__input--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
14712
- --pf-v6-c-switch--LineHeight: var(--pf-t--global--font--line-height--body);
14713
- --pf-v6-c-switch--Height: auto;
14714
- --pf-v6-c-switch__input--checked__toggle--BackgroundColor: var(--pf-t--global--color--brand--default);
14715
- --pf-v6-c-switch__input--checked__toggle--before--TranslateX: calc(100% + var(--pf-v6-c-switch__toggle-icon--Offset));
14716
- --pf-v6-c-switch__input--checked__toggle--BorderWidth: 0;
14717
- --pf-v6-c-switch__input--checked__label--Color: var(--pf-t--global--text--color--regular);
14718
- --pf-v6-c-switch__input--not-checked__label--Color: var(--pf-t--global--text--color--subtle);
14719
- --pf-v6-c-switch__input--disabled__label--Color: var(--pf-t--global--text--color--disabled);
14720
- --pf-v6-c-switch__input--disabled__toggle--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
14721
- --pf-v6-c-switch__input--checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--inverse);
14722
- --pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--subtle);
14723
- --pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--on-disabled);
14724
- --pf-v6-c-switch__input--focus__toggle--OutlineWidth: var(--pf-t--global--border--width--strong);
14725
- --pf-v6-c-switch__input--focus__toggle--OutlineOffset: var(--pf-t--global--spacer--xs);
14726
- --pf-v6-c-switch__input--focus__toggle--OutlineColor: var(--pf-t--global--color--brand--default);
14727
- --pf-v6-c-switch__toggle--Height: calc(var(--pf-v6-c-switch--FontSize) * var(--pf-v6-c-switch--LineHeight));
14728
- --pf-v6-c-switch__toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
14729
- --pf-v6-c-switch__toggle--BorderColor: var(--pf-t--global--border--color--default);
14730
- --pf-v6-c-switch__toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
14731
- --pf-v6-c-switch__toggle--BorderRadius: var(--pf-t--global--border--radius--pill);
14732
- --pf-v6-c-switch__toggle--before--Width: calc(var(--pf-v6-c-switch--FontSize) - var(--pf-v6-c-switch__toggle-icon--Offset));
14733
- --pf-v6-c-switch__toggle--before--Height: var(--pf-v6-c-switch__toggle--before--Width);
14734
- --pf-v6-c-switch__toggle--before--InsetInlineStart: calc((var(--pf-v6-c-switch__toggle--Height) - var(--pf-v6-c-switch__toggle--before--Height)) / 2);
14735
- --pf-v6-c-switch__toggle--before--BorderRadius: var(--pf-t--global--border--radius--large);
14736
- --pf-v6-c-switch__toggle--before--Transition: transform .25s ease 0s;
14737
- --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));
14738
- }
14739
-
14740
- .pf-v6-c-switch {
14741
- position: relative;
14742
- display: inline-grid;
14743
- grid-template-columns: auto;
14744
- grid-auto-columns: 1fr;
14745
- column-gap: var(--pf-v6-c-switch--ColumnGap);
14746
- height: var(--pf-v6-c-switch--Height);
14747
- font-size: var(--pf-v6-c-switch--FontSize);
14748
- line-height: var(--pf-v6-c-switch--LineHeight);
14749
- vertical-align: middle;
14750
- cursor: pointer;
14751
- }
14752
-
14753
- .pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__label,
14754
- .pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__toggle {
14755
- grid-row: 1;
14756
- }
14757
-
14758
- .pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__label {
14759
- grid-column: 1;
14658
+ .pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__label {
14659
+ grid-column: 1;
14760
14660
  }
14761
14661
 
14762
14662
  .pf-v6-c-switch__input {
@@ -14863,6 +14763,87 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14863
14763
  vertical-align: top;
14864
14764
  }
14865
14765
 
14766
+ .pf-v6-c-spinner {
14767
+ --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
14768
+ --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
14769
+ --pf-v6-c-spinner--Height: var(--pf-v6-c-spinner--diameter);
14770
+ --pf-v6-c-spinner--Color: var(--pf-t--global--icon--color--brand--default);
14771
+ --pf-v6-c-spinner--AnimationDuration: 1.4s;
14772
+ --pf-v6-c-spinner--AnimationTimingFunction: linear;
14773
+ --pf-v6-c-spinner--StrokeWidth: 10;
14774
+ --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
14775
+ --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
14776
+ --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
14777
+ --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
14778
+ --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
14779
+ --pf-v6-c-spinner--m-xl--diameter: var(--pf-t--global--icon--size--2xl);
14780
+ --pf-v6-c-spinner--m-inline--diameter: 1em;
14781
+ }
14782
+
14783
+ .pf-v6-c-spinner {
14784
+ width: var(--pf-v6-c-spinner--Width);
14785
+ height: var(--pf-v6-c-spinner--Height);
14786
+ overflow: hidden;
14787
+ animation: pf-v6-c-spinner-animation-rotate calc(var(--pf-v6-c-spinner--AnimationDuration) * 2) var(--pf-v6-c-spinner--AnimationTimingFunction) infinite;
14788
+ }
14789
+
14790
+ .pf-v6-c-spinner.pf-m-inline {
14791
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
14792
+ }
14793
+
14794
+ .pf-v6-c-spinner.pf-m-sm {
14795
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
14796
+ }
14797
+
14798
+ .pf-v6-c-spinner.pf-m-md {
14799
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-md--diameter);
14800
+ }
14801
+
14802
+ .pf-v6-c-spinner.pf-m-lg {
14803
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
14804
+ }
14805
+
14806
+ .pf-v6-c-spinner.pf-m-xl {
14807
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xl--diameter);
14808
+ }
14809
+
14810
+ .pf-v6-c-spinner__path {
14811
+ width: 100%;
14812
+ height: 100%;
14813
+ stroke: var(--pf-v6-c-spinner--Color);
14814
+ stroke-dasharray: 283;
14815
+ stroke-dashoffset: 280;
14816
+ stroke-linecap: round;
14817
+ stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
14818
+ transform-origin: 50% 50%;
14819
+ animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
14820
+ }
14821
+
14822
+ @keyframes pf-v6-c-spinner-animation-rotate {
14823
+ 0% {
14824
+ transform: rotate(0deg);
14825
+ }
14826
+ 100% {
14827
+ transform: rotate(360deg);
14828
+ }
14829
+ }
14830
+ @keyframes pf-v6-c-spinner-animation-dash {
14831
+ 0% {
14832
+ stroke-dashoffset: 280;
14833
+ transform: rotate(0);
14834
+ }
14835
+ 15% {
14836
+ stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
14837
+ }
14838
+ 40% {
14839
+ stroke-dasharray: 220;
14840
+ stroke-dashoffset: 150;
14841
+ }
14842
+ 100% {
14843
+ stroke-dashoffset: 280;
14844
+ transform: rotate(720deg);
14845
+ }
14846
+ }
14866
14847
  .pf-v6-c-tabs {
14867
14848
  --pf-v6-c-tabs--inset: 0;
14868
14849
  --pf-v6-c-tabs--Width: auto;
@@ -15819,123 +15800,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15819
15800
  --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
15820
15801
  }
15821
15802
 
15822
- .pf-v6-c-title {
15823
- --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
15824
- --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
15825
- --pf-v6-c-title--m-4xl--FontSize: var(--pf-t--global--font--size--heading--2xl);
15826
- --pf-v6-c-title--m-4xl--FontWeight: var(--pf-t--global--font--weight--heading--default);
15827
- --pf-v6-c-title--m-3xl--LineHeight: var(--pf-t--global--font--line-height--heading);
15828
- --pf-v6-c-title--m-3xl--FontSize: var(--pf-t--global--font--size--heading--xl);
15829
- --pf-v6-c-title--m-3xl--FontWeight: var(--pf-t--global--font--weight--heading--default);
15830
- --pf-v6-c-title--m-2xl--LineHeight: var(--pf-t--global--font--line-height--heading);
15831
- --pf-v6-c-title--m-2xl--FontSize: var(--pf-t--global--font--size--heading--lg);
15832
- --pf-v6-c-title--m-2xl--FontWeight: var(--pf-t--global--font--weight--heading--default);
15833
- --pf-v6-c-title--m-xl--LineHeight: var(--pf-t--global--font--line-height--heading);
15834
- --pf-v6-c-title--m-xl--FontSize: var(--pf-t--global--font--size--heading--md);
15835
- --pf-v6-c-title--m-xl--FontWeight: var(--pf-t--global--font--weight--heading--default);
15836
- --pf-v6-c-title--m-lg--LineHeight: var(--pf-t--global--font--line-height--heading);
15837
- --pf-v6-c-title--m-lg--FontSize: var(--pf-t--global--font--size--heading--sm);
15838
- --pf-v6-c-title--m-lg--FontWeight: var(--pf-t--global--font--weight--heading--default);
15839
- --pf-v6-c-title--m-md--LineHeight: var(--pf-t--global--font--line-height--heading);
15840
- --pf-v6-c-title--m-md--FontSize: var(--pf-t--global--font--size--heading--xs);
15841
- --pf-v6-c-title--m-md--FontWeight: var(--pf-t--global--font--weight--heading--default);
15842
- --pf-v6-c-title--m-h1--LineHeight: var(--pf-t--global--font--line-height--heading);
15843
- --pf-v6-c-title--m-h1--FontSize: var(--pf-t--global--font--size--heading--h1);
15844
- --pf-v6-c-title--m-h1--FontWeight: var(--pf-t--global--font--weight--heading--default);
15845
- --pf-v6-c-title--m-h2--LineHeight: var(--pf-t--global--font--line-height--heading);
15846
- --pf-v6-c-title--m-h2--FontSize: var(--pf-t--global--font--size--heading--h2);
15847
- --pf-v6-c-title--m-h2--FontWeight: var(--pf-t--global--font--weight--heading--default);
15848
- --pf-v6-c-title--m-h3--LineHeight: var(--pf-t--global--font--line-height--heading);
15849
- --pf-v6-c-title--m-h3--FontSize: var(--pf-t--global--font--size--heading--h3);
15850
- --pf-v6-c-title--m-h3--FontWeight: var(--pf-t--global--font--weight--heading--default);
15851
- --pf-v6-c-title--m-h4--LineHeight: var(--pf-t--global--font--line-height--heading);
15852
- --pf-v6-c-title--m-h4--FontSize: var(--pf-t--global--font--size--heading--h4);
15853
- --pf-v6-c-title--m-h4--FontWeight: var(--pf-t--global--font--weight--heading--default);
15854
- --pf-v6-c-title--m-h5--LineHeight: var(--pf-t--global--font--line-height--heading);
15855
- --pf-v6-c-title--m-h5--FontSize: var(--pf-t--global--font--size--heading--h5);
15856
- --pf-v6-c-title--m-h5--FontWeight: var(--pf-t--global--font--weight--heading--default);
15857
- --pf-v6-c-title--m-h6--LineHeight: var(--pf-t--global--font--line-height--heading);
15858
- --pf-v6-c-title--m-h6--FontSize: var(--pf-t--global--font--size--heading--h6);
15859
- --pf-v6-c-title--m-h6--FontWeight: var(--pf-t--global--font--weight--heading--default);
15860
- }
15861
-
15862
- .pf-v6-c-title {
15863
- font-family: var(--pf-v6-c-title--FontFamily);
15864
- word-break: break-word;
15865
- }
15866
-
15867
- .pf-v6-c-title.pf-m-4xl {
15868
- font-size: var(--pf-v6-c-title--m-4xl--FontSize);
15869
- font-weight: var(--pf-v6-c-title--m-4xl--FontWeight);
15870
- line-height: var(--pf-v6-c-title--m-4xl--LineHeight);
15871
- }
15872
-
15873
- .pf-v6-c-title.pf-m-3xl {
15874
- font-size: var(--pf-v6-c-title--m-3xl--FontSize);
15875
- font-weight: var(--pf-v6-c-title--m-3xl--FontWeight);
15876
- line-height: var(--pf-v6-c-title--m-3xl--LineHeight);
15877
- }
15878
-
15879
- .pf-v6-c-title.pf-m-2xl {
15880
- font-size: var(--pf-v6-c-title--m-2xl--FontSize);
15881
- font-weight: var(--pf-v6-c-title--m-2xl--FontWeight);
15882
- line-height: var(--pf-v6-c-title--m-2xl--LineHeight);
15883
- }
15884
-
15885
- .pf-v6-c-title.pf-m-xl {
15886
- font-size: var(--pf-v6-c-title--m-xl--FontSize);
15887
- font-weight: var(--pf-v6-c-title--m-xl--FontWeight);
15888
- line-height: var(--pf-v6-c-title--m-xl--LineHeight);
15889
- }
15890
-
15891
- .pf-v6-c-title.pf-m-lg {
15892
- font-size: var(--pf-v6-c-title--m-lg--FontSize);
15893
- font-weight: var(--pf-v6-c-title--m-lg--FontWeight);
15894
- line-height: var(--pf-v6-c-title--m-lg--LineHeight);
15895
- }
15896
-
15897
- .pf-v6-c-title.pf-m-md {
15898
- font-size: var(--pf-v6-c-title--m-md--FontSize);
15899
- font-weight: var(--pf-v6-c-title--m-md--FontWeight);
15900
- line-height: var(--pf-v6-c-title--m-md--LineHeight);
15901
- }
15902
-
15903
- .pf-v6-c-title.pf-m-h1 {
15904
- font-size: var(--pf-v6-c-title--m-h1--FontSize);
15905
- font-weight: var(--pf-v6-c-title--m-h1--FontWeight);
15906
- line-height: var(--pf-v6-c-title--m-h1--LineHeight);
15907
- }
15908
-
15909
- .pf-v6-c-title.pf-m-h2 {
15910
- font-size: var(--pf-v6-c-title--m-h2--FontSize);
15911
- font-weight: var(--pf-v6-c-title--m-h2--FontWeight);
15912
- line-height: var(--pf-v6-c-title--m-h2--LineHeight);
15913
- }
15914
-
15915
- .pf-v6-c-title.pf-m-h3 {
15916
- font-size: var(--pf-v6-c-title--m-h3--FontSize);
15917
- font-weight: var(--pf-v6-c-title--m-h3--FontWeight);
15918
- line-height: var(--pf-v6-c-title--m-h3--LineHeight);
15919
- }
15920
-
15921
- .pf-v6-c-title.pf-m-h4 {
15922
- font-size: var(--pf-v6-c-title--m-h4--FontSize);
15923
- font-weight: var(--pf-v6-c-title--m-h4--FontWeight);
15924
- line-height: var(--pf-v6-c-title--m-h4--LineHeight);
15925
- }
15926
-
15927
- .pf-v6-c-title.pf-m-h5 {
15928
- font-size: var(--pf-v6-c-title--m-h5--FontSize);
15929
- font-weight: var(--pf-v6-c-title--m-h5--FontWeight);
15930
- line-height: var(--pf-v6-c-title--m-h5--LineHeight);
15931
- }
15932
-
15933
- .pf-v6-c-title.pf-m-h6 {
15934
- font-size: var(--pf-v6-c-title--m-h6--FontSize);
15935
- font-weight: var(--pf-v6-c-title--m-h6--FontWeight);
15936
- line-height: var(--pf-v6-c-title--m-h6--LineHeight);
15937
- }
15938
-
15939
15803
  .pf-v6-c-toggle-group {
15940
15804
  --pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
15941
15805
  --pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -16066,6 +15930,128 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16066
15930
  margin-inline-start: var(--pf-v6-c-toggle-group__icon--text--MarginInlineStart);
16067
15931
  }
16068
15932
 
15933
+ .pf-v6-c-title {
15934
+ --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
15935
+ --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
15936
+ --pf-v6-c-title--m-4xl--FontSize: var(--pf-t--global--font--size--heading--2xl);
15937
+ --pf-v6-c-title--m-4xl--FontWeight: var(--pf-t--global--font--weight--heading--default);
15938
+ --pf-v6-c-title--m-3xl--LineHeight: var(--pf-t--global--font--line-height--heading);
15939
+ --pf-v6-c-title--m-3xl--FontSize: var(--pf-t--global--font--size--heading--xl);
15940
+ --pf-v6-c-title--m-3xl--FontWeight: var(--pf-t--global--font--weight--heading--default);
15941
+ --pf-v6-c-title--m-2xl--LineHeight: var(--pf-t--global--font--line-height--heading);
15942
+ --pf-v6-c-title--m-2xl--FontSize: var(--pf-t--global--font--size--heading--lg);
15943
+ --pf-v6-c-title--m-2xl--FontWeight: var(--pf-t--global--font--weight--heading--default);
15944
+ --pf-v6-c-title--m-xl--LineHeight: var(--pf-t--global--font--line-height--heading);
15945
+ --pf-v6-c-title--m-xl--FontSize: var(--pf-t--global--font--size--heading--md);
15946
+ --pf-v6-c-title--m-xl--FontWeight: var(--pf-t--global--font--weight--heading--default);
15947
+ --pf-v6-c-title--m-lg--LineHeight: var(--pf-t--global--font--line-height--heading);
15948
+ --pf-v6-c-title--m-lg--FontSize: var(--pf-t--global--font--size--heading--sm);
15949
+ --pf-v6-c-title--m-lg--FontWeight: var(--pf-t--global--font--weight--heading--default);
15950
+ --pf-v6-c-title--m-md--LineHeight: var(--pf-t--global--font--line-height--heading);
15951
+ --pf-v6-c-title--m-md--FontSize: var(--pf-t--global--font--size--heading--xs);
15952
+ --pf-v6-c-title--m-md--FontWeight: var(--pf-t--global--font--weight--heading--default);
15953
+ --pf-v6-c-title--m-h1--LineHeight: var(--pf-t--global--font--line-height--heading);
15954
+ --pf-v6-c-title--m-h1--FontSize: var(--pf-t--global--font--size--heading--h1);
15955
+ --pf-v6-c-title--m-h1--FontWeight: var(--pf-t--global--font--weight--heading--default);
15956
+ --pf-v6-c-title--m-h2--LineHeight: var(--pf-t--global--font--line-height--heading);
15957
+ --pf-v6-c-title--m-h2--FontSize: var(--pf-t--global--font--size--heading--h2);
15958
+ --pf-v6-c-title--m-h2--FontWeight: var(--pf-t--global--font--weight--heading--default);
15959
+ --pf-v6-c-title--m-h3--LineHeight: var(--pf-t--global--font--line-height--heading);
15960
+ --pf-v6-c-title--m-h3--FontSize: var(--pf-t--global--font--size--heading--h3);
15961
+ --pf-v6-c-title--m-h3--FontWeight: var(--pf-t--global--font--weight--heading--default);
15962
+ --pf-v6-c-title--m-h4--LineHeight: var(--pf-t--global--font--line-height--heading);
15963
+ --pf-v6-c-title--m-h4--FontSize: var(--pf-t--global--font--size--heading--h4);
15964
+ --pf-v6-c-title--m-h4--FontWeight: var(--pf-t--global--font--weight--heading--default);
15965
+ --pf-v6-c-title--m-h5--LineHeight: var(--pf-t--global--font--line-height--heading);
15966
+ --pf-v6-c-title--m-h5--FontSize: var(--pf-t--global--font--size--heading--h5);
15967
+ --pf-v6-c-title--m-h5--FontWeight: var(--pf-t--global--font--weight--heading--default);
15968
+ --pf-v6-c-title--m-h6--LineHeight: var(--pf-t--global--font--line-height--heading);
15969
+ --pf-v6-c-title--m-h6--FontSize: var(--pf-t--global--font--size--heading--h6);
15970
+ --pf-v6-c-title--m-h6--FontWeight: var(--pf-t--global--font--weight--heading--default);
15971
+ --pf-v6-c-title--m-page-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
15972
+ }
15973
+
15974
+ .pf-v6-c-title {
15975
+ font-family: var(--pf-v6-c-title--FontFamily);
15976
+ word-break: break-word;
15977
+ }
15978
+
15979
+ .pf-v6-c-title.pf-m-4xl {
15980
+ font-size: var(--pf-v6-c-title--m-4xl--FontSize);
15981
+ font-weight: var(--pf-v6-c-title--m-4xl--FontWeight);
15982
+ line-height: var(--pf-v6-c-title--m-4xl--LineHeight);
15983
+ }
15984
+
15985
+ .pf-v6-c-title.pf-m-3xl {
15986
+ font-size: var(--pf-v6-c-title--m-3xl--FontSize);
15987
+ font-weight: var(--pf-v6-c-title--m-3xl--FontWeight);
15988
+ line-height: var(--pf-v6-c-title--m-3xl--LineHeight);
15989
+ }
15990
+
15991
+ .pf-v6-c-title.pf-m-2xl {
15992
+ font-size: var(--pf-v6-c-title--m-2xl--FontSize);
15993
+ font-weight: var(--pf-v6-c-title--m-2xl--FontWeight);
15994
+ line-height: var(--pf-v6-c-title--m-2xl--LineHeight);
15995
+ }
15996
+
15997
+ .pf-v6-c-title.pf-m-xl {
15998
+ font-size: var(--pf-v6-c-title--m-xl--FontSize);
15999
+ font-weight: var(--pf-v6-c-title--m-xl--FontWeight);
16000
+ line-height: var(--pf-v6-c-title--m-xl--LineHeight);
16001
+ }
16002
+
16003
+ .pf-v6-c-title.pf-m-lg {
16004
+ font-size: var(--pf-v6-c-title--m-lg--FontSize);
16005
+ font-weight: var(--pf-v6-c-title--m-lg--FontWeight);
16006
+ line-height: var(--pf-v6-c-title--m-lg--LineHeight);
16007
+ }
16008
+
16009
+ .pf-v6-c-title.pf-m-md {
16010
+ font-size: var(--pf-v6-c-title--m-md--FontSize);
16011
+ font-weight: var(--pf-v6-c-title--m-md--FontWeight);
16012
+ line-height: var(--pf-v6-c-title--m-md--LineHeight);
16013
+ }
16014
+
16015
+ .pf-v6-c-title.pf-m-h1 {
16016
+ font-size: var(--pf-v6-c-title--m-h1--FontSize);
16017
+ font-weight: var(--pf-v6-c-title--m-h1--FontWeight);
16018
+ line-height: var(--pf-v6-c-title--m-h1--LineHeight);
16019
+ }
16020
+
16021
+ .pf-v6-c-title.pf-m-h2 {
16022
+ font-size: var(--pf-v6-c-title--m-h2--FontSize);
16023
+ font-weight: var(--pf-v6-c-title--m-h2--FontWeight);
16024
+ line-height: var(--pf-v6-c-title--m-h2--LineHeight);
16025
+ }
16026
+
16027
+ .pf-v6-c-title.pf-m-h3 {
16028
+ font-size: var(--pf-v6-c-title--m-h3--FontSize);
16029
+ font-weight: var(--pf-v6-c-title--m-h3--FontWeight);
16030
+ line-height: var(--pf-v6-c-title--m-h3--LineHeight);
16031
+ }
16032
+
16033
+ .pf-v6-c-title.pf-m-h4 {
16034
+ font-size: var(--pf-v6-c-title--m-h4--FontSize);
16035
+ font-weight: var(--pf-v6-c-title--m-h4--FontWeight);
16036
+ line-height: var(--pf-v6-c-title--m-h4--LineHeight);
16037
+ }
16038
+
16039
+ .pf-v6-c-title.pf-m-h5 {
16040
+ font-size: var(--pf-v6-c-title--m-h5--FontSize);
16041
+ font-weight: var(--pf-v6-c-title--m-h5--FontWeight);
16042
+ line-height: var(--pf-v6-c-title--m-h5--LineHeight);
16043
+ }
16044
+
16045
+ .pf-v6-c-title.pf-m-h6 {
16046
+ font-size: var(--pf-v6-c-title--m-h6--FontSize);
16047
+ font-weight: var(--pf-v6-c-title--m-h6--FontWeight);
16048
+ line-height: var(--pf-v6-c-title--m-h6--LineHeight);
16049
+ }
16050
+
16051
+ .pf-v6-c-title.pf-m-page-title {
16052
+ font-weight: var(--pf-v6-c-title--m-page-title--FontWeight);
16053
+ }
16054
+
16069
16055
  .pf-v6-c-toolbar {
16070
16056
  --pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--md);
16071
16057
  --pf-v6-c-toolbar--PaddingBlockStart: 0;
@@ -18178,48 +18164,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18178
18164
  transform: translateX(var(--pf-v6-c-tooltip__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-tooltip__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-tooltip__arrow--Rotate, 0));
18179
18165
  }
18180
18166
 
18181
- .pf-v6-c-number-input {
18182
- --pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
18183
- --pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
18184
- --pf-v6-c-number-input--c-form-control--width-base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-t--global--border--width--box--default) * 2);
18185
- --pf-v6-c-number-input--c-form-control--width-icon: var(--pf-t--global--spacer--xl);
18186
- --pf-v6-c-number-input--c-form-control--width-chars: 4;
18187
- --pf-v6-c-number-input--c-form-control--Width:
18188
- calc(
18189
- calc(
18190
- var(--pf-v6-c-number-input--c-form-control--width-base) + var(--pf-v6-c-number-input--c-form-control--width-chars) * 1ch
18191
- ) + var(--pf-v6-c-number-input--c-form-control--width-icon)
18192
- );
18193
- }
18194
-
18195
- .pf-v6-c-number-input {
18196
- display: inline-flex;
18197
- align-items: center;
18198
- }
18199
-
18200
- .pf-v6-c-number-input .pf-v6-c-form-control {
18201
- width: var(--pf-v6-c-number-input--c-form-control--Width);
18202
- }
18203
-
18204
- .pf-v6-c-number-input .pf-v6-c-form-control > :is(input) {
18205
- text-align: end;
18206
- appearance: textfield;
18207
- }
18208
-
18209
- .pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-outer-spin-button {
18210
- margin: 0;
18211
- appearance: none;
18212
- }
18213
-
18214
- .pf-v6-c-input-group + .pf-v6-c-number-input__unit,
18215
- .pf-v6-c-number-input__unit + .pf-v6-c-input-group {
18216
- margin-inline-start: var(--pf-v6-c-number-input__unit--c-input-group--MarginInlineStart);
18217
- }
18218
-
18219
- .pf-v6-c-number-input__icon {
18220
- font-size: var(--pf-v6-c-number-input__icon--FontSize);
18221
- }
18222
-
18223
18167
  .pf-v6-c-tree-view {
18224
18168
  --pf-v6-c-tree-view__node--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth));
18225
18169
  --pf-v6-c-tree-view__node--nested-indent--base: calc(var(--pf-v6-c-tree-view__node--indent--base) - var(--pf-t--global--spacer--md));
@@ -18713,108 +18657,6 @@ label.pf-v6-c-tree-view__node-text {
18713
18657
  --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset));
18714
18658
  }
18715
18659
 
18716
- .pf-v6-c-panel {
18717
- --pf-v6-c-panel--Width: auto;
18718
- --pf-v6-c-panel--MinWidth: auto;
18719
- --pf-v6-c-panel--MaxWidth: none;
18720
- --pf-v6-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
18721
- --pf-v6-c-panel--BoxShadow: none;
18722
- --pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--small);
18723
- --pf-v6-c-panel--before--BorderWidth: 0;
18724
- --pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--default);
18725
- --pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
18726
- --pf-v6-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--box--default);
18727
- --pf-v6-c-panel--m-raised--BoxShadow: var(--pf-t--global--box-shadow--md);
18728
- --pf-v6-c-panel--m-raised--BackgroundColor: var(--pf-t--global--background--color--floating--default);
18729
- --pf-v6-c-panel__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
18730
- --pf-v6-c-panel__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
18731
- --pf-v6-c-panel__header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
18732
- --pf-v6-c-panel__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
18733
- --pf-v6-c-panel__main--MaxHeight: none;
18734
- --pf-v6-c-panel__main--Overflow: visible;
18735
- --pf-v6-c-panel__main-body--PaddingBlockStart: var(--pf-t--global--spacer--md);
18736
- --pf-v6-c-panel__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
18737
- --pf-v6-c-panel__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--md);
18738
- --pf-v6-c-panel__main-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
18739
- --pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-t--global--spacer--sm);
18740
- --pf-v6-c-panel__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
18741
- --pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
18742
- --pf-v6-c-panel__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
18743
- --pf-v6-c-panel__footer--BoxShadow: none;
18744
- --pf-v6-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
18745
- --pf-v6-c-panel--m-scrollable__main--Overflow: auto;
18746
- --pf-v6-c-panel--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
18747
- --pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart: var(--pf-t--global--spacer--md);
18748
- --pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
18749
- }
18750
-
18751
- .pf-v6-c-panel {
18752
- position: relative;
18753
- width: var(--pf-v6-c-panel--Width);
18754
- min-width: var(--pf-v6-c-panel--MinWidth);
18755
- max-width: var(--pf-v6-c-panel--MaxWidth);
18756
- background-color: var(--pf-v6-c-panel--BackgroundColor);
18757
- border-radius: var(--pf-v6-c-panel--BorderRadius);
18758
- box-shadow: var(--pf-v6-c-panel--BoxShadow);
18759
- }
18760
-
18761
- .pf-v6-c-panel::before {
18762
- position: absolute;
18763
- inset: 0;
18764
- pointer-events: none;
18765
- content: "";
18766
- border: var(--pf-v6-c-panel--before--BorderWidth) solid var(--pf-v6-c-panel--before--BorderColor);
18767
- border-radius: var(--pf-v6-c-panel--BorderRadius);
18768
- }
18769
-
18770
- .pf-v6-c-panel.pf-m-bordered {
18771
- --pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-bordered--before--BorderWidth);
18772
- }
18773
-
18774
- .pf-v6-c-panel.pf-m-secondary {
18775
- --pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-secondary--BackgroundColor);
18776
- }
18777
-
18778
- .pf-v6-c-panel.pf-m-raised {
18779
- --pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-raised--BackgroundColor);
18780
- --pf-v6-c-panel--BoxShadow: var(--pf-v6-c-panel--m-raised--BoxShadow);
18781
- }
18782
-
18783
- .pf-v6-c-panel.pf-m-scrollable {
18784
- --pf-v6-c-panel__main--MaxHeight: var(--pf-v6-c-panel--m-scrollable__main--MaxHeight);
18785
- --pf-v6-c-panel__main--Overflow: var(--pf-v6-c-panel--m-scrollable__main--Overflow);
18786
- --pf-v6-c-panel__footer--BoxShadow: var(--pf-v6-c-panel--m-scrollable__footer--BoxShadow);
18787
- --pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart);
18788
- --pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd);
18789
- }
18790
-
18791
- .pf-v6-c-panel__header {
18792
- padding-block-start: var(--pf-v6-c-panel__header--PaddingBlockStart);
18793
- padding-block-end: var(--pf-v6-c-panel__header--PaddingBlockEnd);
18794
- padding-inline-start: var(--pf-v6-c-panel__header--PaddingInlineStart);
18795
- padding-inline-end: var(--pf-v6-c-panel__header--PaddingInlineEnd);
18796
- }
18797
-
18798
- .pf-v6-c-panel__main {
18799
- max-height: var(--pf-v6-c-panel__main--MaxHeight);
18800
- overflow: var(--pf-v6-c-panel__main--Overflow);
18801
- }
18802
-
18803
- .pf-v6-c-panel__main-body {
18804
- padding-block-start: var(--pf-v6-c-panel__main-body--PaddingBlockStart);
18805
- padding-block-end: var(--pf-v6-c-panel__main-body--PaddingBlockEnd);
18806
- padding-inline-start: var(--pf-v6-c-panel__main-body--PaddingInlineStart);
18807
- padding-inline-end: var(--pf-v6-c-panel__main-body--PaddingInlineEnd);
18808
- }
18809
-
18810
- .pf-v6-c-panel__footer {
18811
- padding-block-start: var(--pf-v6-c-panel__footer--PaddingBlockStart);
18812
- padding-block-end: var(--pf-v6-c-panel__footer--PaddingBlockEnd);
18813
- padding-inline-start: var(--pf-v6-c-panel__footer--PaddingInlineStart);
18814
- padding-inline-end: var(--pf-v6-c-panel__footer--PaddingInlineEnd);
18815
- box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
18816
- }
18817
-
18818
18660
  .pf-v6-c-wizard {
18819
18661
  --pf-v6-c-wizard--Height: initial;
18820
18662
  --pf-v6-c-wizard--Height--base: 100%;
@@ -18899,7 +18741,7 @@ label.pf-v6-c-tree-view__node-text {
18899
18741
  --pf-v6-c-wizard__toggle-separator--Color: var(--pf-t--global--border--color--default);
18900
18742
  --pf-v6-c-wizard__toggle-icon--LineHeight: var(--pf-t--global--font--line-height--body);
18901
18743
  --pf-v6-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
18902
- --pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--xs);
18744
+ --pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--sm);
18903
18745
  --pf-v6-c-wizard__nav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
18904
18746
  --pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
18905
18747
  --pf-v6-c-wizard__nav--Width: 100%;
@@ -19333,6 +19175,198 @@ label.pf-v6-c-tree-view__node-text {
19333
19175
  border-block-start: var(--pf-v6-c-wizard__footer--BorderBlockStartWidth) solid var(--pf-v6-c-wizard__footer--BorderBlockStartColor);
19334
19176
  }
19335
19177
 
19178
+ .pf-v6-c-number-input {
19179
+ --pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
19180
+ --pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
19181
+ --pf-v6-c-number-input--c-form-control--width-base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-t--global--border--width--box--default) * 2);
19182
+ --pf-v6-c-number-input--c-form-control--width-icon: var(--pf-t--global--spacer--xl);
19183
+ --pf-v6-c-number-input--c-form-control--width-chars: 4;
19184
+ --pf-v6-c-number-input--c-form-control--Width:
19185
+ calc(
19186
+ calc(
19187
+ var(--pf-v6-c-number-input--c-form-control--width-base) + var(--pf-v6-c-number-input--c-form-control--width-chars) * 1ch
19188
+ ) + var(--pf-v6-c-number-input--c-form-control--width-icon)
19189
+ );
19190
+ }
19191
+
19192
+ .pf-v6-c-number-input {
19193
+ display: inline-flex;
19194
+ align-items: center;
19195
+ }
19196
+
19197
+ .pf-v6-c-number-input .pf-v6-c-form-control {
19198
+ width: var(--pf-v6-c-number-input--c-form-control--Width);
19199
+ }
19200
+
19201
+ .pf-v6-c-number-input .pf-v6-c-form-control > :is(input) {
19202
+ text-align: end;
19203
+ appearance: textfield;
19204
+ }
19205
+
19206
+ .pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-outer-spin-button {
19207
+ margin: 0;
19208
+ appearance: none;
19209
+ }
19210
+
19211
+ .pf-v6-c-input-group + .pf-v6-c-number-input__unit,
19212
+ .pf-v6-c-number-input__unit + .pf-v6-c-input-group {
19213
+ margin-inline-start: var(--pf-v6-c-number-input__unit--c-input-group--MarginInlineStart);
19214
+ }
19215
+
19216
+ .pf-v6-c-number-input__icon {
19217
+ font-size: var(--pf-v6-c-number-input__icon--FontSize);
19218
+ }
19219
+
19220
+ .pf-v6-c-panel {
19221
+ --pf-v6-c-panel--Width: auto;
19222
+ --pf-v6-c-panel--MinWidth: auto;
19223
+ --pf-v6-c-panel--MaxWidth: none;
19224
+ --pf-v6-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19225
+ --pf-v6-c-panel--BoxShadow: none;
19226
+ --pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--small);
19227
+ --pf-v6-c-panel--before--BorderWidth: 0;
19228
+ --pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--default);
19229
+ --pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
19230
+ --pf-v6-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--box--default);
19231
+ --pf-v6-c-panel--m-raised--BoxShadow: var(--pf-t--global--box-shadow--md);
19232
+ --pf-v6-c-panel--m-raised--BackgroundColor: var(--pf-t--global--background--color--floating--default);
19233
+ --pf-v6-c-panel__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
19234
+ --pf-v6-c-panel__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19235
+ --pf-v6-c-panel__header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
19236
+ --pf-v6-c-panel__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19237
+ --pf-v6-c-panel__main--MaxHeight: none;
19238
+ --pf-v6-c-panel__main--Overflow: visible;
19239
+ --pf-v6-c-panel__main-body--PaddingBlockStart: var(--pf-t--global--spacer--md);
19240
+ --pf-v6-c-panel__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19241
+ --pf-v6-c-panel__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--md);
19242
+ --pf-v6-c-panel__main-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19243
+ --pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-t--global--spacer--sm);
19244
+ --pf-v6-c-panel__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19245
+ --pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
19246
+ --pf-v6-c-panel__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19247
+ --pf-v6-c-panel__footer--BoxShadow: none;
19248
+ --pf-v6-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
19249
+ --pf-v6-c-panel--m-scrollable__main--Overflow: auto;
19250
+ --pf-v6-c-panel--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
19251
+ --pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart: var(--pf-t--global--spacer--md);
19252
+ --pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
19253
+ }
19254
+
19255
+ .pf-v6-c-panel {
19256
+ position: relative;
19257
+ width: var(--pf-v6-c-panel--Width);
19258
+ min-width: var(--pf-v6-c-panel--MinWidth);
19259
+ max-width: var(--pf-v6-c-panel--MaxWidth);
19260
+ background-color: var(--pf-v6-c-panel--BackgroundColor);
19261
+ border-radius: var(--pf-v6-c-panel--BorderRadius);
19262
+ box-shadow: var(--pf-v6-c-panel--BoxShadow);
19263
+ }
19264
+
19265
+ .pf-v6-c-panel::before {
19266
+ position: absolute;
19267
+ inset: 0;
19268
+ pointer-events: none;
19269
+ content: "";
19270
+ border: var(--pf-v6-c-panel--before--BorderWidth) solid var(--pf-v6-c-panel--before--BorderColor);
19271
+ border-radius: var(--pf-v6-c-panel--BorderRadius);
19272
+ }
19273
+
19274
+ .pf-v6-c-panel.pf-m-bordered {
19275
+ --pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-bordered--before--BorderWidth);
19276
+ }
19277
+
19278
+ .pf-v6-c-panel.pf-m-secondary {
19279
+ --pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-secondary--BackgroundColor);
19280
+ }
19281
+
19282
+ .pf-v6-c-panel.pf-m-raised {
19283
+ --pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-raised--BackgroundColor);
19284
+ --pf-v6-c-panel--BoxShadow: var(--pf-v6-c-panel--m-raised--BoxShadow);
19285
+ }
19286
+
19287
+ .pf-v6-c-panel.pf-m-scrollable {
19288
+ --pf-v6-c-panel__main--MaxHeight: var(--pf-v6-c-panel--m-scrollable__main--MaxHeight);
19289
+ --pf-v6-c-panel__main--Overflow: var(--pf-v6-c-panel--m-scrollable__main--Overflow);
19290
+ --pf-v6-c-panel__footer--BoxShadow: var(--pf-v6-c-panel--m-scrollable__footer--BoxShadow);
19291
+ --pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart);
19292
+ --pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd);
19293
+ }
19294
+
19295
+ .pf-v6-c-panel__header {
19296
+ padding-block-start: var(--pf-v6-c-panel__header--PaddingBlockStart);
19297
+ padding-block-end: var(--pf-v6-c-panel__header--PaddingBlockEnd);
19298
+ padding-inline-start: var(--pf-v6-c-panel__header--PaddingInlineStart);
19299
+ padding-inline-end: var(--pf-v6-c-panel__header--PaddingInlineEnd);
19300
+ }
19301
+
19302
+ .pf-v6-c-panel__main {
19303
+ max-height: var(--pf-v6-c-panel__main--MaxHeight);
19304
+ overflow: var(--pf-v6-c-panel__main--Overflow);
19305
+ }
19306
+
19307
+ .pf-v6-c-panel__main-body {
19308
+ padding-block-start: var(--pf-v6-c-panel__main-body--PaddingBlockStart);
19309
+ padding-block-end: var(--pf-v6-c-panel__main-body--PaddingBlockEnd);
19310
+ padding-inline-start: var(--pf-v6-c-panel__main-body--PaddingInlineStart);
19311
+ padding-inline-end: var(--pf-v6-c-panel__main-body--PaddingInlineEnd);
19312
+ }
19313
+
19314
+ .pf-v6-c-panel__footer {
19315
+ padding-block-start: var(--pf-v6-c-panel__footer--PaddingBlockStart);
19316
+ padding-block-end: var(--pf-v6-c-panel__footer--PaddingBlockEnd);
19317
+ padding-inline-start: var(--pf-v6-c-panel__footer--PaddingInlineStart);
19318
+ padding-inline-end: var(--pf-v6-c-panel__footer--PaddingInlineEnd);
19319
+ box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
19320
+ }
19321
+
19322
+ .pf-v6-c-truncate {
19323
+ --pf-v6-c-truncate--MinWidth: 6ch;
19324
+ --pf-v6-c-truncate__start--MinWidth: 6ch;
19325
+ }
19326
+
19327
+ .pf-v6-c-truncate {
19328
+ display: inline-grid;
19329
+ grid-auto-flow: column;
19330
+ align-items: baseline;
19331
+ min-width: var(--pf-v6-c-truncate--MinWidth);
19332
+ }
19333
+
19334
+ .pf-v6-c-truncate__start,
19335
+ .pf-v6-c-truncate__end {
19336
+ overflow: hidden;
19337
+ text-overflow: ellipsis;
19338
+ white-space: pre;
19339
+ }
19340
+
19341
+ .pf-v6-c-truncate__start {
19342
+ min-width: var(--pf-v6-c-truncate__start--MinWidth);
19343
+ }
19344
+
19345
+ .pf-v6-c-truncate__end {
19346
+ direction: rtl;
19347
+ }
19348
+
19349
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__end {
19350
+ direction: ltr;
19351
+ }
19352
+
19353
+ .pf-v6-c-truncate__start + .pf-v6-c-truncate__end {
19354
+ overflow: visible;
19355
+ direction: ltr;
19356
+ }
19357
+
19358
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__start + .pf-v6-c-truncate__end {
19359
+ direction: rtl;
19360
+ }
19361
+
19362
+ @supports (-webkit-hyphens: none) {
19363
+ .pf-v6-c-truncate__end {
19364
+ direction: ltr;
19365
+ }
19366
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__end {
19367
+ direction: rtl;
19368
+ }
19369
+ }
19336
19370
  .pf-v6-c-alert-group {
19337
19371
  --pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
19338
19372
  --pf-v6-c-alert-group--m-toast--InsetBlockStart: var(--pf-t--global--spacer--2xl);
@@ -19455,54 +19489,6 @@ label.pf-v6-c-tree-view__node-text {
19455
19489
  --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
19456
19490
  }
19457
19491
 
19458
- .pf-v6-c-truncate {
19459
- --pf-v6-c-truncate--MinWidth: 6ch;
19460
- --pf-v6-c-truncate__start--MinWidth: 6ch;
19461
- }
19462
-
19463
- .pf-v6-c-truncate {
19464
- display: inline-grid;
19465
- grid-auto-flow: column;
19466
- align-items: baseline;
19467
- min-width: var(--pf-v6-c-truncate--MinWidth);
19468
- }
19469
-
19470
- .pf-v6-c-truncate__start,
19471
- .pf-v6-c-truncate__end {
19472
- overflow: hidden;
19473
- text-overflow: ellipsis;
19474
- white-space: pre;
19475
- }
19476
-
19477
- .pf-v6-c-truncate__start {
19478
- min-width: var(--pf-v6-c-truncate__start--MinWidth);
19479
- }
19480
-
19481
- .pf-v6-c-truncate__end {
19482
- direction: rtl;
19483
- }
19484
-
19485
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__end {
19486
- direction: ltr;
19487
- }
19488
-
19489
- .pf-v6-c-truncate__start + .pf-v6-c-truncate__end {
19490
- overflow: visible;
19491
- direction: ltr;
19492
- }
19493
-
19494
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__start + .pf-v6-c-truncate__end {
19495
- direction: rtl;
19496
- }
19497
-
19498
- @supports (-webkit-hyphens: none) {
19499
- .pf-v6-c-truncate__end {
19500
- direction: ltr;
19501
- }
19502
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__end {
19503
- direction: rtl;
19504
- }
19505
- }
19506
19492
  .pf-v6-l-bullseye {
19507
19493
  --pf-v6-l-bullseye--Padding: 0;
19508
19494
  }
@@ -22081,203 +22067,9 @@ label.pf-v6-c-tree-view__node-text {
22081
22067
  }
22082
22068
  @media (min-width: 90.625rem) {
22083
22069
  .pf-v6-l-gallery {
22084
- --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))))));
22085
- }
22086
- }
22087
- .pf-v6-c-about-modal-box {
22088
- --pf-v6-c-about-modal-box--BackgroundImage: none;
22089
- --pf-v6-c-about-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
22090
- --pf-v6-c-about-modal-box--BackgroundSize--min-width: 200px;
22091
- --pf-v6-c-about-modal-box--BackgroundSize--width: 60%;
22092
- --pf-v6-c-about-modal-box--BackgroundSize--max-width: 600px;
22093
- --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));
22094
- --pf-v6-c-about-modal-box--Height: 100%;
22095
- --pf-v6-c-about-modal-box--lg--Height: 47.625rem;
22096
- --pf-v6-c-about-modal-box--Width: 100%;
22097
- --pf-v6-c-about-modal-box--sm--GridTemplateColumns: 5fr 1fr;
22098
- --pf-v6-c-about-modal-box--lg--GridTemplateColumns: 1fr .6fr;
22099
- --pf-v6-c-about-modal-box__brand--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
22100
- --pf-v6-c-about-modal-box__brand--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
22101
- --pf-v6-c-about-modal-box__brand--PaddingInlineStart: var(--pf-t--global--spacer--xl);
22102
- --pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
22103
- --pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
22104
- --pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
22105
- --pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
22106
- --pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
22107
- --pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
22108
- --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
22109
- --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
22110
- --pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
22111
- --pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
22112
- --pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
22113
- --pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
22114
- --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
22115
- --pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
22116
- --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
22117
- --pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
22118
- --pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
22119
- --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
22120
- --pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
22121
- --pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
22122
- --pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
22123
- --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
22124
- --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
22125
- --pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
22126
- --pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
22127
- --pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
22128
- --pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
22129
- --pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
22130
- --pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
22131
- }
22132
-
22133
- @media screen and (min-width: 36rem) {
22134
- .pf-v6-c-about-modal-box {
22135
- --pf-v6-c-about-modal-box__brand--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd);
22136
- --pf-v6-c-about-modal-box__brand--PaddingInlineStart: var(--pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart);
22137
- --pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd);
22138
- }
22139
- }
22140
- @media only screen and (min-width: 36rem) {
22141
- .pf-v6-c-about-modal-box {
22142
- --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd);
22143
- }
22144
- }
22145
- @media only screen and (min-width: 62rem) {
22146
- .pf-v6-c-about-modal-box {
22147
- --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd);
22148
- }
22149
- }
22150
- @media only screen and (min-width: 36rem) {
22151
- .pf-v6-c-about-modal-box {
22152
- --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd);
22153
- --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart);
22154
- }
22155
- }
22156
- @media only screen and (min-width: 36rem) {
22157
- .pf-v6-c-about-modal-box {
22158
- --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart);
22159
- }
22160
- }
22161
- @media only screen and (min-width: 36rem) {
22162
- .pf-v6-c-about-modal-box {
22163
- --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockStart);
22164
- --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-v6-c-about-modal-box__content--sm--MarginInlineEnd);
22165
- --pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockEnd);
22166
- --pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-v6-c-about-modal-box__content--sm--MarginInlineStart);
22167
- }
22168
- }
22169
- .pf-v6-c-about-modal-box {
22170
- position: relative;
22171
- display: grid;
22172
- grid-template-areas: "brand close" "header header" "content content";
22173
- grid-template-rows: max-content max-content auto;
22174
- width: var(--pf-v6-c-about-modal-box--Width);
22175
- height: var(--pf-v6-c-about-modal-box--Height);
22176
- overflow-x: hidden;
22177
- overflow-y: auto;
22178
- background-color: var(--pf-v6-c-about-modal-box--BackgroundColor);
22179
- background-image: var(--pf-v6-c-about-modal-box--BackgroundImage);
22180
- background-repeat: no-repeat;
22181
- background-position: var(--pf-v6-c-about-modal-box--BackgroundPosition);
22182
- background-size: var(--pf-v6-c-about-modal-box--BackgroundSize);
22183
- --pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
22184
- }
22185
-
22186
- @media only screen and (min-width: 36rem) {
22187
- .pf-v6-c-about-modal-box {
22188
- grid-template-areas: "brand close" "header close" "content close";
22189
- grid-template-columns: var(--pf-v6-c-about-modal-box--sm--GridTemplateColumns);
22190
- }
22191
- }
22192
- @media only screen and (min-width: 62rem) {
22193
- .pf-v6-c-about-modal-box {
22194
- --pf-v6-c-about-modal-box--Height: var(--pf-v6-c-about-modal-box--lg--Height);
22195
- --pf-v6-c-about-modal-box--Width: var(--pf-v6-c-about-modal-box--lg--Width);
22196
- grid-template-rows: max-content max-content auto;
22197
- grid-template-columns: var(--pf-v6-c-about-modal-box--lg--GridTemplateColumns);
22198
- }
22199
- }
22200
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-about-modal-box {
22201
- --pf-v6-c-about-modal-box--BackgroundPosition: bottom left;
22202
- }
22203
-
22204
- .pf-v6-c-about-modal-box__brand {
22205
- display: flex;
22206
- grid-area: brand;
22207
- padding-block-start: var(--pf-v6-c-about-modal-box__brand--PaddingBlockStart);
22208
- padding-block-end: var(--pf-v6-c-about-modal-box__brand--PaddingBlockEnd);
22209
- padding-inline-start: var(--pf-v6-c-about-modal-box__brand--PaddingInlineStart);
22210
- padding-inline-end: var(--pf-v6-c-about-modal-box__brand--PaddingInlineEnd);
22211
- }
22212
-
22213
- .pf-v6-c-about-modal-box__brand-image {
22214
- height: var(--pf-v6-c-about-modal-box__brand-image--Height);
22215
- }
22216
-
22217
- .pf-v6-c-about-modal-box__header {
22218
- display: flex;
22219
- flex-direction: column;
22220
- grid-area: header;
22221
- padding-block-end: var(--pf-v6-c-about-modal-box__header--PaddingBlockEnd);
22222
- padding-inline-start: var(--pf-v6-c-about-modal-box__header--PaddingInlineStart);
22223
- padding-inline-end: var(--pf-v6-c-about-modal-box__header--PaddingInlineEnd);
22224
- }
22225
-
22226
- .pf-v6-c-about-modal-box__strapline {
22227
- padding-block-start: var(--pf-v6-c-about-modal-box__strapline--PaddingBlockStart);
22228
- margin-block-start: auto;
22229
- font-size: var(--pf-v6-c-about-modal-box__strapline--FontSize);
22230
- color: var(--pf-v6-c-about-modal-box__strapline--Color);
22231
- }
22232
-
22233
- .pf-v6-c-about-modal-box__content {
22234
- display: flex;
22235
- flex-direction: column;
22236
- grid-area: content;
22237
- margin-block-start: var(--pf-v6-c-about-modal-box__content--MarginBlockStart);
22238
- margin-block-end: var(--pf-v6-c-about-modal-box__content--MarginBlockEnd);
22239
- margin-inline-start: var(--pf-v6-c-about-modal-box__content--MarginInlineStart);
22240
- margin-inline-end: var(--pf-v6-c-about-modal-box__content--MarginInlineEnd);
22241
- overflow-x: hidden;
22242
- overflow-y: auto;
22243
- overscroll-behavior: contain;
22244
- word-break: break-word;
22245
- -webkit-overflow-scrolling: touch;
22246
- }
22247
-
22248
- @media screen and (min-width: 36rem) {
22249
- .pf-v6-c-about-modal-box__content {
22250
- overflow: visible;
22251
- overscroll-behavior: auto;
22252
- }
22253
- }
22254
- .pf-v6-c-about-modal-box__close {
22255
- position: sticky;
22256
- inset-block-start: 0;
22257
- display: flex;
22258
- grid-area: close;
22259
- align-items: flex-start;
22260
- justify-content: flex-end;
22261
- padding-block-start: var(--pf-v6-c-about-modal-box__close--PaddingBlockStart);
22262
- padding-block-end: var(--pf-v6-c-about-modal-box__close--PaddingBlockEnd);
22263
- padding-inline-end: var(--pf-v6-c-about-modal-box__close--PaddingInlineEnd);
22264
- }
22265
-
22266
- @media only screen and (min-width: 36rem) {
22267
- .pf-v6-c-about-modal-box__close {
22268
- grid-area: 1/2;
22269
- justify-content: center;
22270
- }
22271
- }
22272
- @media only screen and (min-width: 62rem) {
22273
- .pf-v6-c-about-modal-box__close {
22274
- justify-content: flex-end;
22275
- }
22276
- }
22277
- .pf-v6-c-about-modal-box__close .pf-v6-c-button.pf-m-plain {
22278
- font-size: var(--pf-v6-c-about-modal-box__close--c-button--FontSize);
22070
+ --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))))));
22071
+ }
22279
22072
  }
22280
-
22281
22073
  .pf-v6-l-grid {
22282
22074
  --pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
22283
22075
  --pf-v6-l-grid__item--GridColumnStart: auto;
@@ -23265,6 +23057,28 @@ label.pf-v6-c-tree-view__node-text {
23265
23057
  grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
23266
23058
  }
23267
23059
 
23060
+ .pf-v6-l-split {
23061
+ --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
23062
+ }
23063
+
23064
+ .pf-v6-l-split {
23065
+ display: flex;
23066
+ padding: 0;
23067
+ margin: 0;
23068
+ }
23069
+
23070
+ .pf-v6-l-split.pf-m-wrap {
23071
+ flex-wrap: wrap;
23072
+ }
23073
+
23074
+ .pf-v6-l-split__item.pf-m-fill, .pf-v6-l-split > .pf-m-fill {
23075
+ flex-grow: 1;
23076
+ }
23077
+
23078
+ .pf-v6-l-split.pf-m-gutter {
23079
+ gap: var(--pf-v6-l-stack--m-gutter--Gap);
23080
+ }
23081
+
23268
23082
  .pf-v6-l-level {
23269
23083
  --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
23270
23084
  }
@@ -23280,26 +23094,198 @@ label.pf-v6-c-tree-view__node-text {
23280
23094
  gap: var(--pf-v6-l-level--m-gutter--Gap);
23281
23095
  }
23282
23096
 
23283
- .pf-v6-l-split {
23284
- --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
23097
+ .pf-v6-c-about-modal-box {
23098
+ --pf-v6-c-about-modal-box--BackgroundImage: none;
23099
+ --pf-v6-c-about-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
23100
+ --pf-v6-c-about-modal-box--BackgroundSize--min-width: 200px;
23101
+ --pf-v6-c-about-modal-box--BackgroundSize--width: 60%;
23102
+ --pf-v6-c-about-modal-box--BackgroundSize--max-width: 600px;
23103
+ --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));
23104
+ --pf-v6-c-about-modal-box--Height: 100%;
23105
+ --pf-v6-c-about-modal-box--lg--Height: 47.625rem;
23106
+ --pf-v6-c-about-modal-box--Width: 100%;
23107
+ --pf-v6-c-about-modal-box--sm--GridTemplateColumns: 5fr 1fr;
23108
+ --pf-v6-c-about-modal-box--lg--GridTemplateColumns: 1fr .6fr;
23109
+ --pf-v6-c-about-modal-box__brand--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
23110
+ --pf-v6-c-about-modal-box__brand--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
23111
+ --pf-v6-c-about-modal-box__brand--PaddingInlineStart: var(--pf-t--global--spacer--xl);
23112
+ --pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
23113
+ --pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
23114
+ --pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
23115
+ --pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
23116
+ --pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
23117
+ --pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
23118
+ --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
23119
+ --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
23120
+ --pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
23121
+ --pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
23122
+ --pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
23123
+ --pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
23124
+ --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
23125
+ --pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
23126
+ --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
23127
+ --pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
23128
+ --pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
23129
+ --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
23130
+ --pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
23131
+ --pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
23132
+ --pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
23133
+ --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
23134
+ --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
23135
+ --pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
23136
+ --pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
23137
+ --pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
23138
+ --pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
23139
+ --pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
23140
+ --pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
23285
23141
  }
23286
23142
 
23287
- .pf-v6-l-split {
23143
+ @media screen and (min-width: 36rem) {
23144
+ .pf-v6-c-about-modal-box {
23145
+ --pf-v6-c-about-modal-box__brand--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd);
23146
+ --pf-v6-c-about-modal-box__brand--PaddingInlineStart: var(--pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart);
23147
+ --pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd);
23148
+ }
23149
+ }
23150
+ @media only screen and (min-width: 36rem) {
23151
+ .pf-v6-c-about-modal-box {
23152
+ --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd);
23153
+ }
23154
+ }
23155
+ @media only screen and (min-width: 62rem) {
23156
+ .pf-v6-c-about-modal-box {
23157
+ --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd);
23158
+ }
23159
+ }
23160
+ @media only screen and (min-width: 36rem) {
23161
+ .pf-v6-c-about-modal-box {
23162
+ --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd);
23163
+ --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart);
23164
+ }
23165
+ }
23166
+ @media only screen and (min-width: 36rem) {
23167
+ .pf-v6-c-about-modal-box {
23168
+ --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart);
23169
+ }
23170
+ }
23171
+ @media only screen and (min-width: 36rem) {
23172
+ .pf-v6-c-about-modal-box {
23173
+ --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockStart);
23174
+ --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-v6-c-about-modal-box__content--sm--MarginInlineEnd);
23175
+ --pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockEnd);
23176
+ --pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-v6-c-about-modal-box__content--sm--MarginInlineStart);
23177
+ }
23178
+ }
23179
+ .pf-v6-c-about-modal-box {
23180
+ position: relative;
23181
+ display: grid;
23182
+ grid-template-areas: "brand close" "header header" "content content";
23183
+ grid-template-rows: max-content max-content auto;
23184
+ width: var(--pf-v6-c-about-modal-box--Width);
23185
+ height: var(--pf-v6-c-about-modal-box--Height);
23186
+ overflow-x: hidden;
23187
+ overflow-y: auto;
23188
+ background-color: var(--pf-v6-c-about-modal-box--BackgroundColor);
23189
+ background-image: var(--pf-v6-c-about-modal-box--BackgroundImage);
23190
+ background-repeat: no-repeat;
23191
+ background-position: var(--pf-v6-c-about-modal-box--BackgroundPosition);
23192
+ background-size: var(--pf-v6-c-about-modal-box--BackgroundSize);
23193
+ --pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
23194
+ }
23195
+
23196
+ @media only screen and (min-width: 36rem) {
23197
+ .pf-v6-c-about-modal-box {
23198
+ grid-template-areas: "brand close" "header close" "content close";
23199
+ grid-template-columns: var(--pf-v6-c-about-modal-box--sm--GridTemplateColumns);
23200
+ }
23201
+ }
23202
+ @media only screen and (min-width: 62rem) {
23203
+ .pf-v6-c-about-modal-box {
23204
+ --pf-v6-c-about-modal-box--Height: var(--pf-v6-c-about-modal-box--lg--Height);
23205
+ --pf-v6-c-about-modal-box--Width: var(--pf-v6-c-about-modal-box--lg--Width);
23206
+ grid-template-rows: max-content max-content auto;
23207
+ grid-template-columns: var(--pf-v6-c-about-modal-box--lg--GridTemplateColumns);
23208
+ }
23209
+ }
23210
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-about-modal-box {
23211
+ --pf-v6-c-about-modal-box--BackgroundPosition: bottom left;
23212
+ }
23213
+
23214
+ .pf-v6-c-about-modal-box__brand {
23288
23215
  display: flex;
23289
- padding: 0;
23290
- margin: 0;
23216
+ grid-area: brand;
23217
+ padding-block-start: var(--pf-v6-c-about-modal-box__brand--PaddingBlockStart);
23218
+ padding-block-end: var(--pf-v6-c-about-modal-box__brand--PaddingBlockEnd);
23219
+ padding-inline-start: var(--pf-v6-c-about-modal-box__brand--PaddingInlineStart);
23220
+ padding-inline-end: var(--pf-v6-c-about-modal-box__brand--PaddingInlineEnd);
23291
23221
  }
23292
23222
 
23293
- .pf-v6-l-split.pf-m-wrap {
23294
- flex-wrap: wrap;
23223
+ .pf-v6-c-about-modal-box__brand-image {
23224
+ height: var(--pf-v6-c-about-modal-box__brand-image--Height);
23295
23225
  }
23296
23226
 
23297
- .pf-v6-l-split__item.pf-m-fill {
23298
- flex-grow: 1;
23227
+ .pf-v6-c-about-modal-box__header {
23228
+ display: flex;
23229
+ flex-direction: column;
23230
+ grid-area: header;
23231
+ padding-block-end: var(--pf-v6-c-about-modal-box__header--PaddingBlockEnd);
23232
+ padding-inline-start: var(--pf-v6-c-about-modal-box__header--PaddingInlineStart);
23233
+ padding-inline-end: var(--pf-v6-c-about-modal-box__header--PaddingInlineEnd);
23299
23234
  }
23300
23235
 
23301
- .pf-v6-l-split.pf-m-gutter {
23302
- gap: var(--pf-v6-l-stack--m-gutter--Gap);
23236
+ .pf-v6-c-about-modal-box__strapline {
23237
+ padding-block-start: var(--pf-v6-c-about-modal-box__strapline--PaddingBlockStart);
23238
+ margin-block-start: auto;
23239
+ font-size: var(--pf-v6-c-about-modal-box__strapline--FontSize);
23240
+ color: var(--pf-v6-c-about-modal-box__strapline--Color);
23241
+ }
23242
+
23243
+ .pf-v6-c-about-modal-box__content {
23244
+ display: flex;
23245
+ flex-direction: column;
23246
+ grid-area: content;
23247
+ margin-block-start: var(--pf-v6-c-about-modal-box__content--MarginBlockStart);
23248
+ margin-block-end: var(--pf-v6-c-about-modal-box__content--MarginBlockEnd);
23249
+ margin-inline-start: var(--pf-v6-c-about-modal-box__content--MarginInlineStart);
23250
+ margin-inline-end: var(--pf-v6-c-about-modal-box__content--MarginInlineEnd);
23251
+ overflow-x: hidden;
23252
+ overflow-y: auto;
23253
+ overscroll-behavior: contain;
23254
+ word-break: break-word;
23255
+ -webkit-overflow-scrolling: touch;
23256
+ }
23257
+
23258
+ @media screen and (min-width: 36rem) {
23259
+ .pf-v6-c-about-modal-box__content {
23260
+ overflow: visible;
23261
+ overscroll-behavior: auto;
23262
+ }
23263
+ }
23264
+ .pf-v6-c-about-modal-box__close {
23265
+ position: sticky;
23266
+ inset-block-start: 0;
23267
+ display: flex;
23268
+ grid-area: close;
23269
+ align-items: flex-start;
23270
+ justify-content: flex-end;
23271
+ padding-block-start: var(--pf-v6-c-about-modal-box__close--PaddingBlockStart);
23272
+ padding-block-end: var(--pf-v6-c-about-modal-box__close--PaddingBlockEnd);
23273
+ padding-inline-end: var(--pf-v6-c-about-modal-box__close--PaddingInlineEnd);
23274
+ }
23275
+
23276
+ @media only screen and (min-width: 36rem) {
23277
+ .pf-v6-c-about-modal-box__close {
23278
+ grid-area: 1/2;
23279
+ justify-content: center;
23280
+ }
23281
+ }
23282
+ @media only screen and (min-width: 62rem) {
23283
+ .pf-v6-c-about-modal-box__close {
23284
+ justify-content: flex-end;
23285
+ }
23286
+ }
23287
+ .pf-v6-c-about-modal-box__close .pf-v6-c-button.pf-m-plain {
23288
+ font-size: var(--pf-v6-c-about-modal-box__close--c-button--FontSize);
23303
23289
  }
23304
23290
 
23305
23291
  .pf-v6-l-stack {
@@ -23312,10 +23298,49 @@ label.pf-v6-c-tree-view__node-text {
23312
23298
  height: 100%;
23313
23299
  }
23314
23300
 
23315
- .pf-v6-l-stack__item.pf-m-fill {
23301
+ .pf-v6-l-stack__item.pf-m-fill, .pf-v6-l-stack > .pf-m-fill {
23316
23302
  flex-grow: 1;
23317
23303
  }
23318
23304
 
23319
23305
  .pf-v6-l-stack.pf-m-gutter {
23320
23306
  gap: var(--pf-v6-l-stack--m-gutter--Gap);
23307
+ }
23308
+
23309
+ .pf-v6-c-overflow-menu {
23310
+ --pf-v6-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
23311
+ --pf-v6-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
23312
+ --pf-v6-c-overflow-menu__group--m-button-group--ColumnGap: var(--pf-t--global--spacer--sm);
23313
+ --pf-v6-c-overflow-menu__group--m-icon-button-group--ColumnGap: var(--pf-t--global--spacer--xs);
23314
+ }
23315
+
23316
+ .pf-v6-c-overflow-menu {
23317
+ display: inline-flex;
23318
+ column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
23319
+ }
23320
+
23321
+ .pf-v6-c-overflow-menu__content,
23322
+ .pf-v6-c-overflow-menu__group {
23323
+ display: flex;
23324
+ align-items: start;
23325
+ }
23326
+
23327
+ .pf-v6-c-overflow-menu__group {
23328
+ column-gap: var(--pf-v6-c-overflow-menu__group--ColumnGap);
23329
+ }
23330
+
23331
+ .pf-v6-c-overflow-menu__group.pf-m-button-group {
23332
+ column-gap: var(--pf-v6-c-overflow-menu__group--m-button-group--ColumnGap);
23333
+ }
23334
+
23335
+ .pf-v6-c-overflow-menu__group.pf-m-icon-button-group {
23336
+ column-gap: var(--pf-v6-c-overflow-menu__group--m-icon-button-group--ColumnGap);
23337
+ }
23338
+
23339
+ .pf-v6-c-overflow-menu__item {
23340
+ column-gap: var(--pf-v6-c-overflow-menu__item--ColumnGap, var(--pf-v6-c-overflow-menu--ColumnGap));
23341
+ }
23342
+
23343
+ .pf-v6-c-overflow-menu__content,
23344
+ .pf-v6-c-overflow-menu__control {
23345
+ column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
23321
23346
  }