@patternfly/react-core 6.1.0-prerelease.10 → 6.1.0-prerelease.12

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 (119) hide show
  1. package/CHANGELOG.md +10 -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/umd/assets/{output-K5btXEZY.css → output-DWQCA4PN.css} +1622 -1622
  115. package/helpers/package.json +1 -1
  116. package/layouts/package.json +1 -1
  117. package/next/package.json +1 -1
  118. package/package.json +6 -6
  119. package/src/demos/CustomMenus/examples/DrilldownMenuDemo.tsx +1 -1
@@ -4,38 +4,6 @@
4
4
  pointer-events: none;
5
5
  }
6
6
 
7
- .pf-v6-c-action-list {
8
- --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
9
- --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
10
- --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
11
- --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
12
- }
13
-
14
- .pf-v6-c-action-list,
15
- .pf-v6-c-action-list__group {
16
- display: flex;
17
- align-items: start;
18
- }
19
-
20
- .pf-v6-c-action-list {
21
- row-gap: var(--pf-v6-c-action-list--RowGap);
22
- column-gap: var(--pf-v6-c-action-list--ColumnGap);
23
- }
24
-
25
- .pf-v6-c-action-list.pf-m-icons {
26
- --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
27
- column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
28
- }
29
-
30
- .pf-v6-c-action-list__group {
31
- row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
32
- column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
33
- }
34
-
35
- .pf-v6-c-action-list__group.pf-m-icons {
36
- column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
37
- }
38
-
39
7
  .pf-v6-c-accordion {
40
8
  --pf-v6-c-accordion--BackgroundColor: var(--pf-t--global--background--color--primary--default);
41
9
  --pf-v6-c-accordion--RowGap: var(--pf-t--global--spacer--xs);
@@ -198,6 +166,38 @@
198
166
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-v6-c-accordion__expandable-content-body--expandable-content-body--PaddingBlockStart);
199
167
  }
200
168
 
169
+ .pf-v6-c-action-list {
170
+ --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
171
+ --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
172
+ --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
173
+ --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
174
+ }
175
+
176
+ .pf-v6-c-action-list,
177
+ .pf-v6-c-action-list__group {
178
+ display: flex;
179
+ align-items: start;
180
+ }
181
+
182
+ .pf-v6-c-action-list {
183
+ row-gap: var(--pf-v6-c-action-list--RowGap);
184
+ column-gap: var(--pf-v6-c-action-list--ColumnGap);
185
+ }
186
+
187
+ .pf-v6-c-action-list.pf-m-icons {
188
+ --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
189
+ column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
190
+ }
191
+
192
+ .pf-v6-c-action-list__group {
193
+ row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
194
+ column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
195
+ }
196
+
197
+ .pf-v6-c-action-list__group.pf-m-icons {
198
+ column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
199
+ }
200
+
201
201
  .pf-v6-c-alert {
202
202
  --pf-v6-c-alert--BoxShadow: var(--pf-t--global--box-shadow--lg);
203
203
  --pf-v6-c-alert--BackgroundColor: var(--pf-t--global--background--color--floating--default);
@@ -1786,134 +1786,354 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
1786
1786
  align-items: center;
1787
1787
  }
1788
1788
 
1789
- .pf-v6-c-card {
1790
- --pf-v6-c-card--BackgroundColor: var(--pf-t--global--background--color--primary--default);
1791
- --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--default);
1792
- --pf-v6-c-card--BorderStyle: solid;
1793
- --pf-v6-c-card--BorderWidth: var(--pf-t--global--border--width--box--default);
1794
- --pf-v6-c-card--BorderRadius: var(--pf-t--global--border--radius--medium);
1795
- --pf-v6-c-card--first-child--PaddingBlockStart: var(--pf-t--global--spacer--lg);
1796
- --pf-v6-c-card--child--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
1797
- --pf-v6-c-card--child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
1798
- --pf-v6-c-card--child--PaddingInlineStart: var(--pf-t--global--spacer--lg);
1799
- --pf-v6-c-card--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--lg);
1800
- --pf-v6-c-card__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--md);
1801
- --pf-v6-c-card__title-text--Color: var(--pf-t--global--text--color--regular);
1802
- --pf-v6-c-card__title-text--FontFamily: var(--pf-t--global--font--family--heading);
1803
- --pf-v6-c-card__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
1804
- --pf-v6-c-card__title-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
1805
- --pf-v6-c-card__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
1806
- --pf-v6-c-card--c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
1807
- --pf-v6-c-card__body--FontSize: var(--pf-t--global--font--size--body--default);
1808
- --pf-v6-c-card__footer--FontSize: var(--pf-t--global--font--size--body--default);
1809
- --pf-v6-c-card__footer--Color: var(--pf-t--global--text--color--subtle);
1810
- --pf-v6-c-card__actions--PaddingInlineStart: var(--pf-t--global--spacer--md);
1811
- --pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
1812
- --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
1813
- --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
1814
- --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
1815
- --pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
1816
- --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
1817
- --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
1818
- --pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
1819
- --pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
1820
- --pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
1821
- --pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
1822
- --pf-v6-c-card--m-clickable--m-current--BorderColor: var(--pf-t--global--border--color--clicked);
1823
- --pf-v6-c-card--m-clickable--m-current--BorderWidth: var(--pf-t--global--border--width--box--clicked);
1824
- --pf-v6-c-card--m-selectable--m-selected--BorderColor: var(--pf-t--global--border--color--clicked);
1825
- --pf-v6-c-card--m-selectable--m-selected--BorderWidth: var(--pf-t--global--border--width--box--clicked);
1826
- --pf-v6-c-card--m-selectable--hover--BorderColor: var(--pf-t--global--border--color--hover);
1827
- --pf-v6-c-card--m-selectable--focus--BorderColor: var(--pf-t--global--border--color--hover);
1828
- --pf-v6-c-card--m-selectable--focus--BorderWidth: var(--pf-t--global--border--width--box--hover);
1829
- --pf-v6-c-card--m-selectable--m-selected--focus--BorderColor: var(--pf-t--global--border--color--clicked);
1830
- --pf-v6-c-card--m-selectable--m-selected--focus--BorderWidth: var(--pf-t--global--border--width--box--clicked);
1831
- --pf-v6-c-card--m-selectable--m-disabled__title-text--Color: var(--pf-t--global--text--color--on-disabled);
1832
- --pf-v6-c-card--m-selectable--m-disabled__body--Color: var(--pf-t--global--text--color--on-disabled);
1833
- --pf-v6-c-card--m-selectable--m-disabled__footer--Color: var(--pf-t--global--text--color--on-disabled);
1834
- --pf-v6-c-card--m-selectable--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
1835
- --pf-v6-c-card--m-selectable--m-disabled--BorderColor: transparent;
1836
- --pf-v6-c-card--m-selectable--m-clickable--m-current--BorderColor: var(--pf-t--global--border--color--clicked);
1837
- --pf-v6-c-card--m-selectable--m-clickable--m-current--BorderWidth: var(--pf-t--global--border--width--box--clicked);
1838
- --pf-v6-c-card--m-compact__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
1839
- --pf-v6-c-card--m-compact__body--FontSize: var(--pf-t--global--font--size--body--default);
1840
- --pf-v6-c-card--m-compact__footer--FontSize: var(--pf-t--global--font--size--body--sm);
1841
- --pf-v6-c-card--m-compact--first-child--PaddingBlockStart: var(--pf-t--global--spacer--md);
1842
- --pf-v6-c-card--m-compact--child--PaddingInlineEnd: var(--pf-t--global--spacer--md);
1843
- --pf-v6-c-card--m-compact--child--PaddingBlockEnd: var(--pf-t--global--spacer--md);
1844
- --pf-v6-c-card--m-compact--child--PaddingInlineStart: var(--pf-t--global--spacer--md);
1845
- --pf-v6-c-card--m-compact--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--md);
1846
- --pf-v6-c-card--m-compact__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
1847
- --pf-v6-c-card--m-display-lg__title-text--FontSize: var(--pf-t--global--font--size--heading--md);
1848
- --pf-v6-c-card--m-display-lg__body--FontSize: var(--pf-t--global--font--size--body--lg);
1849
- --pf-v6-c-card--m-display-lg__footer--FontSize: var(--pf-t--global--font--size--body--default);
1850
- --pf-v6-c-card--m-display-lg--first-child--PaddingBlockStart: var(--pf-t--global--spacer--xl);
1851
- --pf-v6-c-card--m-display-lg--child--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
1852
- --pf-v6-c-card--m-display-lg--child--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
1853
- --pf-v6-c-card--m-display-lg--child--PaddingInlineStart: var(--pf-t--global--spacer--xl);
1854
- --pf-v6-c-card--m-display-lg--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--xl);
1855
- --pf-v6-c-card--m-display-lg__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
1856
- --pf-v6-c-card--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
1857
- --pf-v6-c-card--m-secondary--BorderColor: transparent;
1858
- --pf-v6-c-card--m-full-height--Height: 100%;
1859
- --pf-v6-c-card--m-plain--BorderColor: transparent;
1860
- --pf-v6-c-card--m-plain--BackgroundColor: transparent;
1861
- --pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
1862
- --pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
1789
+ .pf-v6-c-calendar-month {
1790
+ --pf-v6-c-calendar-month--BackgroundColor: var(--pf-t--global--background--color--primary--default);
1791
+ --pf-v6-c-calendar-month--PaddingBlockStart: var(--pf-t--global--spacer--lg);
1792
+ --pf-v6-c-calendar-month--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
1793
+ --pf-v6-c-calendar-month--PaddingBlockEnd: var(--pf-t--global--spacer--md);
1794
+ --pf-v6-c-calendar-month--PaddingInlineStart: var(--pf-t--global--spacer--lg);
1795
+ --pf-v6-c-calendar-month--FontSize: var(--pf-t--global--font--size--sm);
1796
+ --pf-v6-c-calendar-month__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
1797
+ --pf-v6-c-calendar-month__header--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
1798
+ --pf-v6-c-calendar-month__header-year--Width: 9ch;
1799
+ --pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd: 0;
1800
+ --pf-v6-c-calendar-month__header-nav-control--MarginInlineStart: 0;
1801
+ --pf-v6-c-calendar-month__days--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
1802
+ --pf-v6-c-calendar-month__days--BorderBlockEndColor: var(--pf-t--global--border--color--default);
1803
+ --pf-v6-c-calendar-month__day--PaddingBlockEnd: var(--pf-t--global--spacer--md);
1804
+ --pf-v6-c-calendar-month__day--FontWeight: var(--pf-t--global--font--weight--body--default);
1805
+ --pf-v6-c-calendar-month__day--Color: var(--pf-t--global--text--color--regular);
1806
+ --pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: 0.125rem;
1807
+ --pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd: 0.125rem;
1808
+ --pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd: 0.125rem;
1809
+ --pf-v6-c-calendar-month__dates-cell--PaddingInlineStart: 0.125rem;
1810
+ --pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
1811
+ --pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
1812
+ --pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-t--global--color--brand--default);
1813
+ --pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-t--global--color--brand--default);
1814
+ --pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
1815
+ --pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-t--global--border--color--brand--default);
1816
+ --pf-v6-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-t--global--text--color--on-brand--default);
1817
+ --pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
1818
+ --pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart: 0;
1819
+ --pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: 0;
1820
+ --pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
1821
+ --pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: 0;
1822
+ --pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
1823
+ --pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart: 50%;
1824
+ --pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd: 50%;
1825
+ --pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
1826
+ --pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
1827
+ --pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
1828
+ --pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
1829
+ --pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-t--global--text--color--subtle);
1830
+ --pf-v6-c-calendar-month__date--Width: 4ch;
1831
+ --pf-v6-c-calendar-month__date--Height: 4ch;
1832
+ --pf-v6-c-calendar-month__date--BorderRadius: var(--pf-t--global--border--radius--large);
1833
+ --pf-v6-c-calendar-month__date--Color: var(--pf-t--global--text--color--regular);
1834
+ --pf-v6-c-calendar-month__date--BackgroundColor: transparent;
1835
+ --pf-v6-c-calendar-month__date--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
1836
+ --pf-v6-c-calendar-month__date--disabled--Color: var(--pf-t--global--text--color--on-disabled);
1837
+ --pf-v6-c-calendar-month__date--after--BorderWidth: var(--pf-t--global--border--width--regular);
1838
+ --pf-v6-c-calendar-month__date--after--BorderColor: transparent;
1839
+ --pf-v6-c-calendar-month__date--after--OutlineOffset: 0;
1840
+ --pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
1841
+ --pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
1842
+ --pf-v6-c-calendar-month__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
1843
+ --pf-v6-c-calendar-month__date--focus--Color: var(--pf-t--global--icon--color--on-brand--clicked);
1844
+ --pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
1845
+ --pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-t--global--border--color--hover);
1846
+ --pf-v6-c-calendar-month__date--after--focus--OutlineOffset: -2px;
1863
1847
  }
1864
1848
 
1865
- .pf-v6-c-card {
1866
- position: relative;
1867
- display: flex;
1849
+ .pf-v6-c-calendar-month {
1850
+ display: inline-flex;
1868
1851
  flex-direction: column;
1869
- overflow: auto;
1870
- background-color: var(--pf-v6-c-card--BackgroundColor);
1871
- border: 0;
1872
- border-radius: var(--pf-v6-c-card--BorderRadius);
1852
+ padding-block-start: var(--pf-v6-c-calendar-month--PaddingBlockStart);
1853
+ padding-block-end: var(--pf-v6-c-calendar-month--PaddingBlockEnd);
1854
+ padding-inline-start: var(--pf-v6-c-calendar-month--PaddingInlineStart);
1855
+ padding-inline-end: var(--pf-v6-c-calendar-month--PaddingInlineEnd);
1856
+ font-size: var(--pf-v6-c-calendar-month--FontSize);
1857
+ background-color: var(--pf-v6-c-calendar-month--BackgroundColor);
1873
1858
  }
1874
1859
 
1875
- .pf-v6-c-card::before {
1876
- position: absolute;
1877
- inset: 0;
1878
- pointer-events: none;
1879
- content: "";
1880
- border: var(--pf-v6-c-card--BorderColor) var(--pf-v6-c-card--BorderStyle) var(--pf-v6-c-card--BorderWidth);
1881
- border-radius: inherit;
1860
+ .pf-v6-c-calendar-month__header {
1861
+ display: flex;
1862
+ gap: var(--pf-v6-c-calendar-month__header--Gap);
1863
+ margin-block-end: var(--pf-v6-c-calendar-month__header--MarginBlockEnd);
1882
1864
  }
1883
1865
 
1884
- .pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
1885
- gap: 0;
1866
+ .pf-v6-c-calendar-month__header-nav-control {
1867
+ margin-inline-start: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart);
1868
+ margin-inline-end: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd);
1886
1869
  }
1887
1870
 
1888
- .pf-v6-c-card.pf-m-selectable, .pf-v6-c-card.pf-m-clickable {
1889
- isolation: isolate;
1871
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
1872
+ scale: -1 1;
1890
1873
  }
1891
1874
 
1892
- .pf-v6-c-card.pf-m-selectable::before, .pf-v6-c-card.pf-m-clickable::before {
1893
- border: none;
1875
+ .pf-v6-c-calendar-month__header-month {
1876
+ flex-grow: 1;
1894
1877
  }
1895
1878
 
1896
- .pf-v6-c-card.pf-m-current {
1897
- --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-clickable--m-current--BorderColor);
1898
- --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-clickable--m-current--BorderWidth);
1899
- --pf-v6-c-card--m-selectable--hover--BorderColor: var(--pf-v6-c-card--m-clickable--m-current--BorderColor);
1900
- --pf-v6-c-card--m-selectable--focus--BorderColor: var(--pf-v6-c-card--m-clickable--m-current--BorderColor);
1879
+ .pf-v6-c-calendar-month__header-month > .pf-v6-c-menu-toggle {
1880
+ width: 100%;
1901
1881
  }
1902
1882
 
1903
- .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label) {
1904
- position: unset;
1883
+ .pf-v6-c-calendar-month__header-year {
1884
+ width: var(--pf-v6-c-calendar-month__header-year--Width);
1905
1885
  }
1906
1886
 
1907
- .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label)::before {
1908
- position: absolute;
1909
- inset: 0;
1910
- cursor: pointer;
1887
+ .pf-v6-c-calendar-month__calendar {
1888
+ table-layout: fixed;
1911
1889
  }
1912
1890
 
1913
- .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:focus-visible) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label) {
1914
- --pf-v6-c-card--BackgroundColor: revert;
1915
- --pf-v6-c-card--BorderColor: revert;
1916
- }
1891
+ .pf-v6-c-calendar-month__days {
1892
+ color: var(--pf-v6-c-calendar-month__day--Color);
1893
+ border-block-end: var(--pf-v6-c-calendar-month__days--BorderBlockEndWidth) solid var(--pf-v6-c-calendar-month__days--BorderBlockEndColor);
1894
+ }
1895
+
1896
+ .pf-v6-c-calendar-month__day {
1897
+ padding-block-end: var(--pf-v6-c-calendar-month__day--PaddingBlockEnd);
1898
+ font-weight: var(--pf-v6-c-calendar-month__day--FontWeight);
1899
+ text-align: center;
1900
+ }
1901
+
1902
+ .pf-v6-c-calendar-month__dates-row:first-child {
1903
+ --pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: var(--pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart);
1904
+ }
1905
+
1906
+ .pf-v6-c-calendar-month__dates-cell {
1907
+ --pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
1908
+ position: relative;
1909
+ padding-block-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
1910
+ padding-block-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
1911
+ padding-inline-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineStart);
1912
+ padding-inline-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd);
1913
+ text-align: center;
1914
+ }
1915
+
1916
+ .pf-v6-c-calendar-month__dates-cell::before {
1917
+ position: absolute;
1918
+ inset-block-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart);
1919
+ inset-block-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd);
1920
+ inset-inline-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart);
1921
+ inset-inline-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd);
1922
+ content: "";
1923
+ background-color: var(--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor);
1924
+ }
1925
+
1926
+ .pf-v6-c-calendar-month__dates-cell.pf-m-current {
1927
+ --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
1928
+ }
1929
+
1930
+ .pf-v6-c-calendar-month__dates-cell.pf-m-in-range {
1931
+ --pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
1932
+ --pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
1933
+ --pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth);
1934
+ --pf-v6-c-calendar-month__date--hover--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor);
1935
+ --pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor);
1936
+ }
1937
+
1938
+ .pf-v6-c-calendar-month__dates-cell.pf-m-start-range {
1939
+ --pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart);
1940
+ }
1941
+
1942
+ .pf-v6-c-calendar-month__dates-cell.pf-m-end-range {
1943
+ --pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd);
1944
+ }
1945
+
1946
+ .pf-v6-c-calendar-month__dates-cell.pf-m-adjacent-month {
1947
+ --pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color);
1948
+ }
1949
+
1950
+ .pf-v6-c-calendar-month__dates-cell.pf-m-selected {
1951
+ --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
1952
+ --pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color);
1953
+ --pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
1954
+ --pf-v6-c-calendar-month__date--hover--BorderWidth: 0;
1955
+ --pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
1956
+ --pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
1957
+ --pf-v6-c-calendar-month__date--after--OutlineOffset: var(--pf-v6-c-calendar-month__date--after--focus--OutlineOffset);
1958
+ }
1959
+
1960
+ .pf-v6-c-calendar-month__dates-cell.pf-m-disabled {
1961
+ --pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
1962
+ --pf-v6-c-calendar-month__date--BackgroundColor: transparent;
1963
+ }
1964
+
1965
+ .pf-v6-c-calendar-month__date {
1966
+ position: relative;
1967
+ display: inline-flex;
1968
+ align-items: center;
1969
+ justify-content: center;
1970
+ width: var(--pf-v6-c-calendar-month__date--Width);
1971
+ height: var(--pf-v6-c-calendar-month__date--Height);
1972
+ line-height: 1;
1973
+ color: var(--pf-v6-c-calendar-month__date--Color);
1974
+ background-color: var(--pf-v6-c-calendar-month__date--BackgroundColor);
1975
+ border: 0;
1976
+ }
1977
+
1978
+ .pf-v6-c-calendar-month__date::after {
1979
+ position: absolute;
1980
+ inset-block-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
1981
+ inset-block-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
1982
+ inset-inline-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
1983
+ inset-inline-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
1984
+ content: "";
1985
+ border: var(--pf-v6-c-calendar-month__date--after--BorderWidth) solid var(--pf-v6-c-calendar-month__date--after--BorderColor);
1986
+ }
1987
+
1988
+ .pf-v6-c-calendar-month__date, .pf-v6-c-calendar-month__date::after {
1989
+ border-radius: var(--pf-v6-c-calendar-month__date--BorderRadius);
1990
+ }
1991
+
1992
+ .pf-v6-c-calendar-month__date:hover, .pf-v6-c-calendar-month__date.pf-m-hover {
1993
+ --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--hover--BackgroundColor);
1994
+ border: var(--pf-v6-c-calendar-month__date--hover--BorderColor) solid var(--pf-v6-c-calendar-month__date--hover--BorderWidth);
1995
+ }
1996
+
1997
+ .pf-v6-c-calendar-month__date:focus, .pf-v6-c-calendar-month__date.pf-m-focus {
1998
+ --pf-v6-c-calendar-month__date--after--BorderColor: var(--pf-v6-c-calendar-month__date--focus--after--BorderColor);
1999
+ outline: 0;
2000
+ }
2001
+
2002
+ .pf-v6-c-calendar-month__date:disabled {
2003
+ --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--disabled--BackgroundColor);
2004
+ --pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__date--disabled--Color);
2005
+ --pf-v6-c-calendar-month__date--hover--focus--BorderColor: transparent;
2006
+ pointer-events: none;
2007
+ }
2008
+
2009
+ .pf-v6-c-card {
2010
+ --pf-v6-c-card--BackgroundColor: var(--pf-t--global--background--color--primary--default);
2011
+ --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--default);
2012
+ --pf-v6-c-card--BorderStyle: solid;
2013
+ --pf-v6-c-card--BorderWidth: var(--pf-t--global--border--width--box--default);
2014
+ --pf-v6-c-card--BorderRadius: var(--pf-t--global--border--radius--medium);
2015
+ --pf-v6-c-card--first-child--PaddingBlockStart: var(--pf-t--global--spacer--lg);
2016
+ --pf-v6-c-card--child--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
2017
+ --pf-v6-c-card--child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
2018
+ --pf-v6-c-card--child--PaddingInlineStart: var(--pf-t--global--spacer--lg);
2019
+ --pf-v6-c-card--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--lg);
2020
+ --pf-v6-c-card__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--md);
2021
+ --pf-v6-c-card__title-text--Color: var(--pf-t--global--text--color--regular);
2022
+ --pf-v6-c-card__title-text--FontFamily: var(--pf-t--global--font--family--heading);
2023
+ --pf-v6-c-card__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
2024
+ --pf-v6-c-card__title-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
2025
+ --pf-v6-c-card__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
2026
+ --pf-v6-c-card--c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
2027
+ --pf-v6-c-card__body--FontSize: var(--pf-t--global--font--size--body--default);
2028
+ --pf-v6-c-card__footer--FontSize: var(--pf-t--global--font--size--body--default);
2029
+ --pf-v6-c-card__footer--Color: var(--pf-t--global--text--color--subtle);
2030
+ --pf-v6-c-card__actions--PaddingInlineStart: var(--pf-t--global--spacer--md);
2031
+ --pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
2032
+ --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
2033
+ --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
2034
+ --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
2035
+ --pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
2036
+ --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
2037
+ --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
2038
+ --pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
2039
+ --pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
2040
+ --pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
2041
+ --pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
2042
+ --pf-v6-c-card--m-clickable--m-current--BorderColor: var(--pf-t--global--border--color--clicked);
2043
+ --pf-v6-c-card--m-clickable--m-current--BorderWidth: var(--pf-t--global--border--width--box--clicked);
2044
+ --pf-v6-c-card--m-selectable--m-selected--BorderColor: var(--pf-t--global--border--color--clicked);
2045
+ --pf-v6-c-card--m-selectable--m-selected--BorderWidth: var(--pf-t--global--border--width--box--clicked);
2046
+ --pf-v6-c-card--m-selectable--hover--BorderColor: var(--pf-t--global--border--color--hover);
2047
+ --pf-v6-c-card--m-selectable--focus--BorderColor: var(--pf-t--global--border--color--hover);
2048
+ --pf-v6-c-card--m-selectable--focus--BorderWidth: var(--pf-t--global--border--width--box--hover);
2049
+ --pf-v6-c-card--m-selectable--m-selected--focus--BorderColor: var(--pf-t--global--border--color--clicked);
2050
+ --pf-v6-c-card--m-selectable--m-selected--focus--BorderWidth: var(--pf-t--global--border--width--box--clicked);
2051
+ --pf-v6-c-card--m-selectable--m-disabled__title-text--Color: var(--pf-t--global--text--color--on-disabled);
2052
+ --pf-v6-c-card--m-selectable--m-disabled__body--Color: var(--pf-t--global--text--color--on-disabled);
2053
+ --pf-v6-c-card--m-selectable--m-disabled__footer--Color: var(--pf-t--global--text--color--on-disabled);
2054
+ --pf-v6-c-card--m-selectable--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
2055
+ --pf-v6-c-card--m-selectable--m-disabled--BorderColor: transparent;
2056
+ --pf-v6-c-card--m-selectable--m-clickable--m-current--BorderColor: var(--pf-t--global--border--color--clicked);
2057
+ --pf-v6-c-card--m-selectable--m-clickable--m-current--BorderWidth: var(--pf-t--global--border--width--box--clicked);
2058
+ --pf-v6-c-card--m-compact__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
2059
+ --pf-v6-c-card--m-compact__body--FontSize: var(--pf-t--global--font--size--body--default);
2060
+ --pf-v6-c-card--m-compact__footer--FontSize: var(--pf-t--global--font--size--body--sm);
2061
+ --pf-v6-c-card--m-compact--first-child--PaddingBlockStart: var(--pf-t--global--spacer--md);
2062
+ --pf-v6-c-card--m-compact--child--PaddingInlineEnd: var(--pf-t--global--spacer--md);
2063
+ --pf-v6-c-card--m-compact--child--PaddingBlockEnd: var(--pf-t--global--spacer--md);
2064
+ --pf-v6-c-card--m-compact--child--PaddingInlineStart: var(--pf-t--global--spacer--md);
2065
+ --pf-v6-c-card--m-compact--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--md);
2066
+ --pf-v6-c-card--m-compact__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
2067
+ --pf-v6-c-card--m-display-lg__title-text--FontSize: var(--pf-t--global--font--size--heading--md);
2068
+ --pf-v6-c-card--m-display-lg__body--FontSize: var(--pf-t--global--font--size--body--lg);
2069
+ --pf-v6-c-card--m-display-lg__footer--FontSize: var(--pf-t--global--font--size--body--default);
2070
+ --pf-v6-c-card--m-display-lg--first-child--PaddingBlockStart: var(--pf-t--global--spacer--xl);
2071
+ --pf-v6-c-card--m-display-lg--child--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
2072
+ --pf-v6-c-card--m-display-lg--child--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
2073
+ --pf-v6-c-card--m-display-lg--child--PaddingInlineStart: var(--pf-t--global--spacer--xl);
2074
+ --pf-v6-c-card--m-display-lg--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--xl);
2075
+ --pf-v6-c-card--m-display-lg__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
2076
+ --pf-v6-c-card--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2077
+ --pf-v6-c-card--m-secondary--BorderColor: transparent;
2078
+ --pf-v6-c-card--m-full-height--Height: 100%;
2079
+ --pf-v6-c-card--m-plain--BorderColor: transparent;
2080
+ --pf-v6-c-card--m-plain--BackgroundColor: transparent;
2081
+ --pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
2082
+ --pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
2083
+ }
2084
+
2085
+ .pf-v6-c-card {
2086
+ position: relative;
2087
+ display: flex;
2088
+ flex-direction: column;
2089
+ overflow: auto;
2090
+ background-color: var(--pf-v6-c-card--BackgroundColor);
2091
+ border: 0;
2092
+ border-radius: var(--pf-v6-c-card--BorderRadius);
2093
+ }
2094
+
2095
+ .pf-v6-c-card::before {
2096
+ position: absolute;
2097
+ inset: 0;
2098
+ pointer-events: none;
2099
+ content: "";
2100
+ border: var(--pf-v6-c-card--BorderColor) var(--pf-v6-c-card--BorderStyle) var(--pf-v6-c-card--BorderWidth);
2101
+ border-radius: inherit;
2102
+ }
2103
+
2104
+ .pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
2105
+ gap: 0;
2106
+ }
2107
+
2108
+ .pf-v6-c-card.pf-m-selectable, .pf-v6-c-card.pf-m-clickable {
2109
+ isolation: isolate;
2110
+ }
2111
+
2112
+ .pf-v6-c-card.pf-m-selectable::before, .pf-v6-c-card.pf-m-clickable::before {
2113
+ border: none;
2114
+ }
2115
+
2116
+ .pf-v6-c-card.pf-m-current {
2117
+ --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-clickable--m-current--BorderColor);
2118
+ --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-clickable--m-current--BorderWidth);
2119
+ --pf-v6-c-card--m-selectable--hover--BorderColor: var(--pf-v6-c-card--m-clickable--m-current--BorderColor);
2120
+ --pf-v6-c-card--m-selectable--focus--BorderColor: var(--pf-v6-c-card--m-clickable--m-current--BorderColor);
2121
+ }
2122
+
2123
+ .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label) {
2124
+ position: unset;
2125
+ }
2126
+
2127
+ .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label)::before {
2128
+ position: absolute;
2129
+ inset: 0;
2130
+ cursor: pointer;
2131
+ }
2132
+
2133
+ .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:focus-visible) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label) {
2134
+ --pf-v6-c-card--BackgroundColor: revert;
2135
+ --pf-v6-c-card--BorderColor: revert;
2136
+ }
1917
2137
 
1918
2138
  .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:checked) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label), .pf-v6-c-card.pf-m-selectable.pf-m-clickable.pf-m-selected {
1919
2139
  --pf-v6-c-card--BorderColor: revert;
@@ -2149,226 +2369,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2149
2369
  color: var(--pf-v6-c-card__footer--Color);
2150
2370
  }
2151
2371
 
2152
- .pf-v6-c-calendar-month {
2153
- --pf-v6-c-calendar-month--BackgroundColor: var(--pf-t--global--background--color--primary--default);
2154
- --pf-v6-c-calendar-month--PaddingBlockStart: var(--pf-t--global--spacer--lg);
2155
- --pf-v6-c-calendar-month--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
2156
- --pf-v6-c-calendar-month--PaddingBlockEnd: var(--pf-t--global--spacer--md);
2157
- --pf-v6-c-calendar-month--PaddingInlineStart: var(--pf-t--global--spacer--lg);
2158
- --pf-v6-c-calendar-month--FontSize: var(--pf-t--global--font--size--sm);
2159
- --pf-v6-c-calendar-month__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
2160
- --pf-v6-c-calendar-month__header--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
2161
- --pf-v6-c-calendar-month__header-year--Width: 9ch;
2162
- --pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd: 0;
2163
- --pf-v6-c-calendar-month__header-nav-control--MarginInlineStart: 0;
2164
- --pf-v6-c-calendar-month__days--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
2165
- --pf-v6-c-calendar-month__days--BorderBlockEndColor: var(--pf-t--global--border--color--default);
2166
- --pf-v6-c-calendar-month__day--PaddingBlockEnd: var(--pf-t--global--spacer--md);
2167
- --pf-v6-c-calendar-month__day--FontWeight: var(--pf-t--global--font--weight--body--default);
2168
- --pf-v6-c-calendar-month__day--Color: var(--pf-t--global--text--color--regular);
2169
- --pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: 0.125rem;
2170
- --pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd: 0.125rem;
2171
- --pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd: 0.125rem;
2172
- --pf-v6-c-calendar-month__dates-cell--PaddingInlineStart: 0.125rem;
2173
- --pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
2174
- --pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2175
- --pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-t--global--color--brand--default);
2176
- --pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-t--global--color--brand--default);
2177
- --pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
2178
- --pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-t--global--border--color--brand--default);
2179
- --pf-v6-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-t--global--text--color--on-brand--default);
2180
- --pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
2181
- --pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart: 0;
2182
- --pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: 0;
2183
- --pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
2184
- --pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: 0;
2185
- --pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2186
- --pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart: 50%;
2187
- --pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd: 50%;
2188
- --pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2189
- --pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
2190
- --pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
2191
- --pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2192
- --pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-t--global--text--color--subtle);
2193
- --pf-v6-c-calendar-month__date--Width: 4ch;
2194
- --pf-v6-c-calendar-month__date--Height: 4ch;
2195
- --pf-v6-c-calendar-month__date--BorderRadius: var(--pf-t--global--border--radius--large);
2196
- --pf-v6-c-calendar-month__date--Color: var(--pf-t--global--text--color--regular);
2197
- --pf-v6-c-calendar-month__date--BackgroundColor: transparent;
2198
- --pf-v6-c-calendar-month__date--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
2199
- --pf-v6-c-calendar-month__date--disabled--Color: var(--pf-t--global--text--color--on-disabled);
2200
- --pf-v6-c-calendar-month__date--after--BorderWidth: var(--pf-t--global--border--width--regular);
2201
- --pf-v6-c-calendar-month__date--after--BorderColor: transparent;
2202
- --pf-v6-c-calendar-month__date--after--OutlineOffset: 0;
2203
- --pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2204
- --pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
2205
- --pf-v6-c-calendar-month__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
2206
- --pf-v6-c-calendar-month__date--focus--Color: var(--pf-t--global--icon--color--on-brand--clicked);
2207
- --pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
2208
- --pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-t--global--border--color--hover);
2209
- --pf-v6-c-calendar-month__date--after--focus--OutlineOffset: -2px;
2210
- }
2211
-
2212
- .pf-v6-c-calendar-month {
2213
- display: inline-flex;
2214
- flex-direction: column;
2215
- padding-block-start: var(--pf-v6-c-calendar-month--PaddingBlockStart);
2216
- padding-block-end: var(--pf-v6-c-calendar-month--PaddingBlockEnd);
2217
- padding-inline-start: var(--pf-v6-c-calendar-month--PaddingInlineStart);
2218
- padding-inline-end: var(--pf-v6-c-calendar-month--PaddingInlineEnd);
2219
- font-size: var(--pf-v6-c-calendar-month--FontSize);
2220
- background-color: var(--pf-v6-c-calendar-month--BackgroundColor);
2221
- }
2222
-
2223
- .pf-v6-c-calendar-month__header {
2224
- display: flex;
2225
- gap: var(--pf-v6-c-calendar-month__header--Gap);
2226
- margin-block-end: var(--pf-v6-c-calendar-month__header--MarginBlockEnd);
2227
- }
2228
-
2229
- .pf-v6-c-calendar-month__header-nav-control {
2230
- margin-inline-start: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart);
2231
- margin-inline-end: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd);
2232
- }
2233
-
2234
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
2235
- scale: -1 1;
2236
- }
2237
-
2238
- .pf-v6-c-calendar-month__header-month {
2239
- flex-grow: 1;
2240
- }
2241
-
2242
- .pf-v6-c-calendar-month__header-month > .pf-v6-c-menu-toggle {
2243
- width: 100%;
2244
- }
2245
-
2246
- .pf-v6-c-calendar-month__header-year {
2247
- width: var(--pf-v6-c-calendar-month__header-year--Width);
2248
- }
2249
-
2250
- .pf-v6-c-calendar-month__calendar {
2251
- table-layout: fixed;
2252
- }
2253
-
2254
- .pf-v6-c-calendar-month__days {
2255
- color: var(--pf-v6-c-calendar-month__day--Color);
2256
- border-block-end: var(--pf-v6-c-calendar-month__days--BorderBlockEndWidth) solid var(--pf-v6-c-calendar-month__days--BorderBlockEndColor);
2257
- }
2258
-
2259
- .pf-v6-c-calendar-month__day {
2260
- padding-block-end: var(--pf-v6-c-calendar-month__day--PaddingBlockEnd);
2261
- font-weight: var(--pf-v6-c-calendar-month__day--FontWeight);
2262
- text-align: center;
2263
- }
2264
-
2265
- .pf-v6-c-calendar-month__dates-row:first-child {
2266
- --pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: var(--pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart);
2267
- }
2268
-
2269
- .pf-v6-c-calendar-month__dates-cell {
2270
- --pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
2271
- position: relative;
2272
- padding-block-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
2273
- padding-block-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
2274
- padding-inline-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineStart);
2275
- padding-inline-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd);
2276
- text-align: center;
2277
- }
2278
-
2279
- .pf-v6-c-calendar-month__dates-cell::before {
2280
- position: absolute;
2281
- inset-block-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart);
2282
- inset-block-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd);
2283
- inset-inline-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart);
2284
- inset-inline-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd);
2285
- content: "";
2286
- background-color: var(--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor);
2287
- }
2288
-
2289
- .pf-v6-c-calendar-month__dates-cell.pf-m-current {
2290
- --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
2291
- }
2292
-
2293
- .pf-v6-c-calendar-month__dates-cell.pf-m-in-range {
2294
- --pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
2295
- --pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
2296
- --pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth);
2297
- --pf-v6-c-calendar-month__date--hover--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor);
2298
- --pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor);
2299
- }
2300
-
2301
- .pf-v6-c-calendar-month__dates-cell.pf-m-start-range {
2302
- --pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart);
2303
- }
2304
-
2305
- .pf-v6-c-calendar-month__dates-cell.pf-m-end-range {
2306
- --pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd);
2307
- }
2308
-
2309
- .pf-v6-c-calendar-month__dates-cell.pf-m-adjacent-month {
2310
- --pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color);
2311
- }
2312
-
2313
- .pf-v6-c-calendar-month__dates-cell.pf-m-selected {
2314
- --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
2315
- --pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color);
2316
- --pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
2317
- --pf-v6-c-calendar-month__date--hover--BorderWidth: 0;
2318
- --pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
2319
- --pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
2320
- --pf-v6-c-calendar-month__date--after--OutlineOffset: var(--pf-v6-c-calendar-month__date--after--focus--OutlineOffset);
2321
- }
2322
-
2323
- .pf-v6-c-calendar-month__dates-cell.pf-m-disabled {
2324
- --pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
2325
- --pf-v6-c-calendar-month__date--BackgroundColor: transparent;
2326
- }
2327
-
2328
- .pf-v6-c-calendar-month__date {
2329
- position: relative;
2330
- display: inline-flex;
2331
- align-items: center;
2332
- justify-content: center;
2333
- width: var(--pf-v6-c-calendar-month__date--Width);
2334
- height: var(--pf-v6-c-calendar-month__date--Height);
2335
- line-height: 1;
2336
- color: var(--pf-v6-c-calendar-month__date--Color);
2337
- background-color: var(--pf-v6-c-calendar-month__date--BackgroundColor);
2338
- border: 0;
2339
- }
2340
-
2341
- .pf-v6-c-calendar-month__date::after {
2342
- position: absolute;
2343
- inset-block-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
2344
- inset-block-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
2345
- inset-inline-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
2346
- inset-inline-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
2347
- content: "";
2348
- border: var(--pf-v6-c-calendar-month__date--after--BorderWidth) solid var(--pf-v6-c-calendar-month__date--after--BorderColor);
2349
- }
2350
-
2351
- .pf-v6-c-calendar-month__date, .pf-v6-c-calendar-month__date::after {
2352
- border-radius: var(--pf-v6-c-calendar-month__date--BorderRadius);
2353
- }
2354
-
2355
- .pf-v6-c-calendar-month__date:hover, .pf-v6-c-calendar-month__date.pf-m-hover {
2356
- --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--hover--BackgroundColor);
2357
- border: var(--pf-v6-c-calendar-month__date--hover--BorderColor) solid var(--pf-v6-c-calendar-month__date--hover--BorderWidth);
2358
- }
2359
-
2360
- .pf-v6-c-calendar-month__date:focus, .pf-v6-c-calendar-month__date.pf-m-focus {
2361
- --pf-v6-c-calendar-month__date--after--BorderColor: var(--pf-v6-c-calendar-month__date--focus--after--BorderColor);
2362
- outline: 0;
2363
- }
2364
-
2365
- .pf-v6-c-calendar-month__date:disabled {
2366
- --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--disabled--BackgroundColor);
2367
- --pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__date--disabled--Color);
2368
- --pf-v6-c-calendar-month__date--hover--focus--BorderColor: transparent;
2369
- pointer-events: none;
2370
- }
2371
-
2372
2372
  .pf-v6-c-check {
2373
2373
  --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
2374
2374
  --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
@@ -3805,482 +3805,145 @@ ul) {
3805
3805
  min-width: min-content;
3806
3806
  }
3807
3807
 
3808
- .pf-v6-c-description-list {
3809
- --pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
3810
- --pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
3811
- --pf-v6-c-description-list--GridTemplateColumns--count: 1;
3812
- --pf-v6-c-description-list--GridTemplateColumns--width: 1fr;
3813
- --pf-v6-c-description-list--GridTemplateColumns--min: 0;
3814
- --pf-v6-c-description-list__group--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
3815
- --pf-v6-c-description-list__group--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
3816
- --pf-v6-c-description-list__group--GridTemplateColumns: auto;
3817
- --pf-v6-c-description-list__group--GridTemplateRows: auto 1fr;
3818
- --pf-v6-c-description-list__group--GridColumn: auto;
3819
- --pf-v6-c-description-list--m-compact--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--compact);
3820
- --pf-v6-c-description-list--m-compact--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--compact);
3821
- --pf-v6-c-description-list__term--Display: inline;
3822
- --pf-v6-c-description-list__term--sm--Display: flex;
3823
- --pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
3824
- --pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--sm);
3825
- --pf-v6-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
3826
- --pf-v6-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
3827
- --pf-v6-c-description-list__term-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
3828
- --pf-v6-c-description-list__term-icon--Color: var(--pf-t--global--icon--color--subtle);
3829
- --pf-v6-c-description-list--m-vertical__group--GridTemplateColumns: repeat(var(--pf-v6-c-description-list--GridTemplateColumns--count));
3830
- --pf-v6-c-description-list--m-vertical__group--GridTemplateRows: auto 1fr;
3831
- --pf-v6-c-description-list--m-horizontal__term--width: 12ch;
3832
- --pf-v6-c-description-list--m-horizontal__description--width: minmax(10ch, auto);
3833
- --pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns: var(--pf-v6-c-description-list__term--width) var(--pf-v6-c-description-list--m-horizontal__description--width);
3834
- --pf-v6-c-description-list--m-horizontal__group--GridTemplateRows: auto;
3835
- --pf-v6-c-description-list--m-1-col--GridTemplateColumns--count: 1;
3836
- --pf-v6-c-description-list--m-2-col--GridTemplateColumns--count: 2;
3837
- --pf-v6-c-description-list--m-3-col--GridTemplateColumns--count: 3;
3838
- --pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min: 15.625rem;
3839
- --pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min);
3840
- --pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
3841
- --pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
3842
- --pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset: 0.25rem;
3843
- --pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
3844
- --pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
3845
- --pf-v6-c-description-list--m-display-lg__description--FontSize: var(--pf-t--global--font--size--body--lg);
3846
- --pf-v6-c-description-list--m-display-2xl__description--FontSize: var(--pf-t--global--font--size--heading--lg);
3847
- --pf-v6-c-description-list--m-horizontal__term--width-on-sm: inherit;
3848
- --pf-v6-c-description-list--m-horizontal__term--width-on-md: inherit;
3849
- --pf-v6-c-description-list--m-horizontal__term--width-on-lg: inherit;
3850
- --pf-v6-c-description-list--m-horizontal__term--width-on-xl: inherit;
3851
- --pf-v6-c-description-list--m-horizontal__term--width-on-2xl: inherit;
3852
- --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
3853
- }
3808
+ .pf-v6-c-divider {
3809
+ --pf-v6-c-divider--Display: flex;
3810
+ --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
3811
+ --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
3812
+ --pf-v6-c-divider--before--FlexBasis: 100%;
3813
+ }
3854
3814
 
3855
- @media screen and (min-width: 36rem) {
3856
- .pf-v6-c-description-list {
3857
- --pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
3858
- }
3815
+ .pf-v6-c-divider {
3816
+ flex-direction: row;
3817
+ width: 100%;
3818
+ height: var(--pf-v6-c-divider--Size);
3819
+ --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
3820
+ --pf-v6-hidden-visible--hidden--Display: none;
3821
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
3822
+ display: var(--pf-v6-hidden-visible--Display);
3823
+ flex-shrink: 0;
3824
+ align-items: stretch;
3825
+ align-self: stretch;
3826
+ justify-content: center;
3827
+ border: 0;
3859
3828
  }
3860
- @media (min-width: 36rem) {
3861
- .pf-v6-c-description-list {
3862
- --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width));
3863
- }
3829
+
3830
+ .pf-v6-c-divider.pf-m-hidden {
3831
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
3864
3832
  }
3865
- @media (min-width: 48rem) {
3866
- .pf-v6-c-description-list {
3867
- --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width)));
3833
+
3834
+ @media screen and (min-width: 36rem) {
3835
+ .pf-v6-c-divider.pf-m-hidden-on-sm {
3836
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
3868
3837
  }
3869
- }
3870
- @media (min-width: 62rem) {
3871
- .pf-v6-c-description-list {
3872
- --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width))));
3838
+ .pf-v6-c-divider.pf-m-visible-on-sm {
3839
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
3873
3840
  }
3874
3841
  }
3875
- @media (min-width: 75rem) {
3876
- .pf-v6-c-description-list {
3877
- --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width)))));
3842
+ @media screen and (min-width: 48rem) {
3843
+ .pf-v6-c-divider.pf-m-hidden-on-md {
3844
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
3878
3845
  }
3879
- }
3880
- @media (min-width: 90.625rem) {
3881
- .pf-v6-c-description-list {
3882
- --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-2xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width))))));
3846
+ .pf-v6-c-divider.pf-m-visible-on-md {
3847
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
3883
3848
  }
3884
3849
  }
3885
- .pf-v6-c-description-list {
3886
- display: grid;
3887
- grid-template-columns: repeat(var(--pf-v6-c-description-list--GridTemplateColumns--count), var(--pf-v6-c-description-list--GridTemplateColumns--width));
3888
- row-gap: var(--pf-v6-c-description-list--RowGap);
3889
- column-gap: var(--pf-v6-c-description-list--ColumnGap);
3890
- align-items: baseline;
3891
- }
3892
-
3893
- .pf-v6-c-description-list.pf-m-inline-grid {
3894
- display: inline-grid;
3895
- }
3896
-
3897
- .pf-v6-c-description-list.pf-m-auto-column-widths {
3898
- --pf-v6-c-description-list--GridTemplateColumns--width: minmax(8ch, max-content);
3899
- }
3900
-
3901
- .pf-v6-c-description-list.pf-m-auto-fit {
3902
- grid-template-columns: repeat(auto-fit, minmax(var(--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min), 1fr));
3903
- --pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min);
3904
- }
3905
-
3906
- @media (min-width: 36rem) {
3907
- .pf-v6-c-description-list.pf-m-auto-fit {
3908
- --pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-v6-c-description-list--GridTemplateColumns--min));
3850
+ @media screen and (min-width: 62rem) {
3851
+ .pf-v6-c-divider.pf-m-hidden-on-lg {
3852
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
3909
3853
  }
3910
- }
3911
- @media (min-width: 48rem) {
3912
- .pf-v6-c-description-list.pf-m-auto-fit {
3913
- --pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min-on-md, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-v6-c-description-list--GridTemplateColumns--min)));
3854
+ .pf-v6-c-divider.pf-m-visible-on-lg {
3855
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
3914
3856
  }
3915
3857
  }
3916
- @media (min-width: 62rem) {
3917
- .pf-v6-c-description-list.pf-m-auto-fit {
3918
- --pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min-on-lg, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-md, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-v6-c-description-list--GridTemplateColumns--min))));
3858
+ @media screen and (min-width: 75rem) {
3859
+ .pf-v6-c-divider.pf-m-hidden-on-xl {
3860
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
3919
3861
  }
3920
- }
3921
- @media (min-width: 75rem) {
3922
- .pf-v6-c-description-list.pf-m-auto-fit {
3923
- --pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min-on-xl, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-lg, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-md, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-v6-c-description-list--GridTemplateColumns--min)))));
3862
+ .pf-v6-c-divider.pf-m-visible-on-xl {
3863
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
3924
3864
  }
3925
3865
  }
3926
- @media (min-width: 90.625rem) {
3927
- .pf-v6-c-description-list.pf-m-auto-fit {
3928
- --pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min-on-2xl, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-xl, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-lg, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-md, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-v6-c-description-list--GridTemplateColumns--min))))));
3866
+ @media screen and (min-width: 90.625rem) {
3867
+ .pf-v6-c-divider.pf-m-hidden-on-2xl {
3868
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
3869
+ }
3870
+ .pf-v6-c-divider.pf-m-visible-on-2xl {
3871
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
3929
3872
  }
3930
3873
  }
3931
- .pf-v6-c-description-list.pf-m-compact {
3932
- --pf-v6-c-description-list--RowGap: var(--pf-v6-c-description-list--m-compact--RowGap);
3933
- --pf-v6-c-description-list--ColumnGap: var(--pf-v6-c-description-list--m-compact--ColumnGap);
3934
- }
3935
-
3936
- .pf-v6-c-description-list.pf-m-fluid {
3937
- --pf-v6-c-description-list--m-horizontal__term--width: fit-content(20ch);
3938
- }
3939
-
3940
- .pf-v6-c-description-list.pf-m-fill-columns {
3941
- display: block;
3942
- column-count: var(--pf-v6-c-description-list--GridTemplateColumns--count);
3943
- margin-block-end: calc(var(--pf-v6-c-description-list--RowGap) * -1);
3874
+ .pf-v6-c-divider::before {
3875
+ flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
3876
+ content: "";
3877
+ background-color: var(--pf-v6-c-divider--Color);
3944
3878
  }
3945
3879
 
3946
- .pf-v6-c-description-list.pf-m-fill-columns .pf-v6-c-description-list__group,
3947
- .pf-v6-c-description-list.pf-m-fill-columns > .pf-v6-c-card {
3948
- display: inline-grid;
3880
+ .pf-v6-c-divider.pf-m-horizontal {
3881
+ flex-direction: row;
3949
3882
  width: 100%;
3950
- margin-block-end: var(--pf-v6-c-description-list--RowGap);
3951
- break-inside: avoid;
3952
- page-break-inside: avoid;
3953
- -webkit-column-break-inside: avoid;
3954
- -moz-column-break-inside: avoid;
3955
- }
3956
-
3957
- .pf-v6-c-description-list.pf-m-display-lg {
3958
- --pf-v6-c-description-list__description--FontSize: var(--pf-v6-c-description-list--m-display-lg__description--FontSize);
3959
- }
3960
-
3961
- .pf-v6-c-description-list.pf-m-display-2xl {
3962
- --pf-v6-c-description-list__description--FontSize: var(--pf-v6-c-description-list--m-display-2xl__description--FontSize);
3963
- }
3964
-
3965
- .pf-v6-c-description-list > .pf-v6-c-card {
3966
- align-self: stretch;
3967
- padding-block-start: var(--pf-v6-c-card--first-child--PaddingBlockStart);
3968
- padding-block-end: var(--pf-v6-c-card--child--PaddingBlockEnd);
3969
- padding-inline-start: var(--pf-v6-c-card--child--PaddingInlineStart);
3970
- padding-inline-end: var(--pf-v6-c-card--child--PaddingInlineEnd);
3971
- }
3972
-
3973
- .pf-v6-c-description-list__group,
3974
- .pf-v6-c-description-list > .pf-v6-c-card {
3975
- display: grid;
3976
- grid-template-rows: var(--pf-v6-c-description-list__group--GridTemplateRows);
3977
- grid-template-columns: var(--pf-v6-c-description-list__group--GridTemplateColumns);
3978
- grid-column: var(--pf-v6-c-description-list__group--GridColumn);
3979
- row-gap: var(--pf-v6-c-description-list__group--RowGap);
3980
- column-gap: var(--pf-v6-c-description-list__group--ColumnGap);
3981
- align-items: baseline;
3982
- }
3983
-
3984
- .pf-v6-c-description-list__term,
3985
- .pf-v6-c-description-list__description {
3986
- min-width: 0;
3987
- text-align: start;
3988
- overflow-wrap: break-word;
3989
- }
3990
-
3991
- .pf-v6-c-description-list__term {
3992
- display: var(--pf-v6-c-description-list__term--Display);
3993
- font-size: var(--pf-v6-c-description-list__term--FontSize);
3994
- font-weight: var(--pf-v6-c-description-list__term--FontWeight);
3995
- line-height: var(--pf-v6-c-description-list__term--LineHeight);
3883
+ height: var(--pf-v6-c-divider--Size);
3996
3884
  }
3997
3885
 
3998
- .pf-v6-c-description-list__term .pf-v6-c-description-list__text {
3999
- display: inline;
3886
+ .pf-v6-c-divider.pf-m-vertical {
3887
+ flex-direction: column;
3888
+ width: var(--pf-v6-c-divider--Size);
3889
+ height: inherit;
4000
3890
  }
4001
3891
 
4002
- .pf-v6-c-description-list__term-icon {
4003
- flex-shrink: 0;
4004
- min-width: var(--pf-v6-c-description-list__term-icon--MinWidth);
4005
- margin-inline-end: var(--pf-v6-c-description-list__term-icon--MarginInlineEnd);
4006
- color: var(--pf-v6-c-description-list__term-icon--Color);
3892
+ .pf-v6-c-divider.pf-m-inset-none {
3893
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
4007
3894
  }
4008
3895
 
4009
- .pf-v6-c-description-list__description {
4010
- font-size: var(--pf-v6-c-description-list__description--FontSize, inherit);
3896
+ .pf-v6-c-divider.pf-m-inset-xs {
3897
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4011
3898
  }
4012
3899
 
4013
- .pf-v6-c-description-list__text {
4014
- min-width: 0;
3900
+ .pf-v6-c-divider.pf-m-inset-sm {
3901
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4015
3902
  }
4016
3903
 
4017
- .pf-v6-c-description-list__text.pf-m-help-text {
4018
- text-decoration: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine) var(--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle);
4019
- text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset);
4020
- cursor: pointer;
3904
+ .pf-v6-c-divider.pf-m-inset-md {
3905
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4021
3906
  }
4022
3907
 
4023
- .pf-v6-c-description-list__text.pf-m-help-text:is(:hover, :focus) {
4024
- --pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine);
4025
- --pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle);
3908
+ .pf-v6-c-divider.pf-m-inset-lg {
3909
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4026
3910
  }
4027
3911
 
4028
- .pf-v6-c-description-list.pf-m-1-col {
4029
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
3912
+ .pf-v6-c-divider.pf-m-inset-xl {
3913
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4030
3914
  }
4031
3915
 
4032
- .pf-v6-c-description-list.pf-m-2-col {
4033
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
3916
+ .pf-v6-c-divider.pf-m-inset-2xl {
3917
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4034
3918
  }
4035
3919
 
4036
- .pf-v6-c-description-list.pf-m-3-col {
4037
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
3920
+ .pf-v6-c-divider.pf-m-inset-3xl {
3921
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4038
3922
  }
4039
3923
 
4040
- .pf-v6-c-description-list.pf-m-horizontal {
4041
- --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
4042
- --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
3924
+ @media (min-width: 36rem) {
3925
+ .pf-v6-c-divider.pf-m-horizontal-on-sm {
3926
+ flex-direction: row;
3927
+ width: 100%;
3928
+ height: var(--pf-v6-c-divider--Size);
3929
+ }
4043
3930
  }
4044
-
4045
- .pf-v6-c-description-list.pf-m-vertical {
4046
- --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
4047
- --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
3931
+ @media (min-width: 36rem) {
3932
+ .pf-v6-c-divider.pf-m-vertical-on-sm {
3933
+ flex-direction: column;
3934
+ width: var(--pf-v6-c-divider--Size);
3935
+ height: inherit;
3936
+ }
4048
3937
  }
4049
-
4050
3938
  @media (min-width: 36rem) {
4051
- .pf-v6-c-description-list.pf-m-1-col-on-sm {
4052
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
3939
+ .pf-v6-c-divider.pf-m-inset-none-on-sm {
3940
+ --pf-v6-c-divider--before--FlexBasis: 100%;
4053
3941
  }
4054
- .pf-v6-c-description-list.pf-m-2-col-on-sm {
4055
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
3942
+ .pf-v6-c-divider.pf-m-inset-xs-on-sm {
3943
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4056
3944
  }
4057
- .pf-v6-c-description-list.pf-m-3-col-on-sm {
4058
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
4059
- }
4060
- .pf-v6-c-description-list.pf-m-horizontal-on-sm {
4061
- --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
4062
- --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
4063
- }
4064
- .pf-v6-c-description-list.pf-m-vertical-on-sm {
4065
- --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
4066
- --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
4067
- }
4068
- }
4069
- @media (min-width: 48rem) {
4070
- .pf-v6-c-description-list.pf-m-1-col-on-md {
4071
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
4072
- }
4073
- .pf-v6-c-description-list.pf-m-2-col-on-md {
4074
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
4075
- }
4076
- .pf-v6-c-description-list.pf-m-3-col-on-md {
4077
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
4078
- }
4079
- .pf-v6-c-description-list.pf-m-horizontal-on-md {
4080
- --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
4081
- --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
4082
- }
4083
- .pf-v6-c-description-list.pf-m-vertical-on-md {
4084
- --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
4085
- --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
4086
- }
4087
- }
4088
- @media (min-width: 62rem) {
4089
- .pf-v6-c-description-list.pf-m-1-col-on-lg {
4090
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
4091
- }
4092
- .pf-v6-c-description-list.pf-m-2-col-on-lg {
4093
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
4094
- }
4095
- .pf-v6-c-description-list.pf-m-3-col-on-lg {
4096
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
4097
- }
4098
- .pf-v6-c-description-list.pf-m-horizontal-on-lg {
4099
- --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
4100
- --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
4101
- }
4102
- .pf-v6-c-description-list.pf-m-vertical-on-lg {
4103
- --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
4104
- --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
4105
- }
4106
- }
4107
- @media (min-width: 75rem) {
4108
- .pf-v6-c-description-list.pf-m-1-col-on-xl {
4109
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
4110
- }
4111
- .pf-v6-c-description-list.pf-m-2-col-on-xl {
4112
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
4113
- }
4114
- .pf-v6-c-description-list.pf-m-3-col-on-xl {
4115
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
4116
- }
4117
- .pf-v6-c-description-list.pf-m-horizontal-on-xl {
4118
- --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
4119
- --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
4120
- }
4121
- .pf-v6-c-description-list.pf-m-vertical-on-xl {
4122
- --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
4123
- --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
4124
- }
4125
- }
4126
- @media (min-width: 90.625rem) {
4127
- .pf-v6-c-description-list.pf-m-1-col-on-2xl {
4128
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
4129
- }
4130
- .pf-v6-c-description-list.pf-m-2-col-on-2xl {
4131
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
4132
- }
4133
- .pf-v6-c-description-list.pf-m-3-col-on-2xl {
4134
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
4135
- }
4136
- .pf-v6-c-description-list.pf-m-horizontal-on-2xl {
4137
- --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
4138
- --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
4139
- }
4140
- .pf-v6-c-description-list.pf-m-vertical-on-2xl {
4141
- --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
4142
- --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
4143
- }
4144
- }
4145
- .pf-v6-c-divider {
4146
- --pf-v6-c-divider--Display: flex;
4147
- --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
4148
- --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
4149
- --pf-v6-c-divider--before--FlexBasis: 100%;
4150
- }
4151
-
4152
- .pf-v6-c-divider {
4153
- flex-direction: row;
4154
- width: 100%;
4155
- height: var(--pf-v6-c-divider--Size);
4156
- --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
4157
- --pf-v6-hidden-visible--hidden--Display: none;
4158
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4159
- display: var(--pf-v6-hidden-visible--Display);
4160
- flex-shrink: 0;
4161
- align-items: stretch;
4162
- align-self: stretch;
4163
- justify-content: center;
4164
- border: 0;
4165
- }
4166
-
4167
- .pf-v6-c-divider.pf-m-hidden {
4168
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4169
- }
4170
-
4171
- @media screen and (min-width: 36rem) {
4172
- .pf-v6-c-divider.pf-m-hidden-on-sm {
4173
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4174
- }
4175
- .pf-v6-c-divider.pf-m-visible-on-sm {
4176
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4177
- }
4178
- }
4179
- @media screen and (min-width: 48rem) {
4180
- .pf-v6-c-divider.pf-m-hidden-on-md {
4181
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4182
- }
4183
- .pf-v6-c-divider.pf-m-visible-on-md {
4184
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4185
- }
4186
- }
4187
- @media screen and (min-width: 62rem) {
4188
- .pf-v6-c-divider.pf-m-hidden-on-lg {
4189
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4190
- }
4191
- .pf-v6-c-divider.pf-m-visible-on-lg {
4192
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4193
- }
4194
- }
4195
- @media screen and (min-width: 75rem) {
4196
- .pf-v6-c-divider.pf-m-hidden-on-xl {
4197
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4198
- }
4199
- .pf-v6-c-divider.pf-m-visible-on-xl {
4200
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4201
- }
4202
- }
4203
- @media screen and (min-width: 90.625rem) {
4204
- .pf-v6-c-divider.pf-m-hidden-on-2xl {
4205
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4206
- }
4207
- .pf-v6-c-divider.pf-m-visible-on-2xl {
4208
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4209
- }
4210
- }
4211
- .pf-v6-c-divider::before {
4212
- flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
4213
- content: "";
4214
- background-color: var(--pf-v6-c-divider--Color);
4215
- }
4216
-
4217
- .pf-v6-c-divider.pf-m-horizontal {
4218
- flex-direction: row;
4219
- width: 100%;
4220
- height: var(--pf-v6-c-divider--Size);
4221
- }
4222
-
4223
- .pf-v6-c-divider.pf-m-vertical {
4224
- flex-direction: column;
4225
- width: var(--pf-v6-c-divider--Size);
4226
- height: inherit;
4227
- }
4228
-
4229
- .pf-v6-c-divider.pf-m-inset-none {
4230
- --pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
4231
- }
4232
-
4233
- .pf-v6-c-divider.pf-m-inset-xs {
4234
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4235
- }
4236
-
4237
- .pf-v6-c-divider.pf-m-inset-sm {
4238
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4239
- }
4240
-
4241
- .pf-v6-c-divider.pf-m-inset-md {
4242
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4243
- }
4244
-
4245
- .pf-v6-c-divider.pf-m-inset-lg {
4246
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4247
- }
4248
-
4249
- .pf-v6-c-divider.pf-m-inset-xl {
4250
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4251
- }
4252
-
4253
- .pf-v6-c-divider.pf-m-inset-2xl {
4254
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4255
- }
4256
-
4257
- .pf-v6-c-divider.pf-m-inset-3xl {
4258
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4259
- }
4260
-
4261
- @media (min-width: 36rem) {
4262
- .pf-v6-c-divider.pf-m-horizontal-on-sm {
4263
- flex-direction: row;
4264
- width: 100%;
4265
- height: var(--pf-v6-c-divider--Size);
4266
- }
4267
- }
4268
- @media (min-width: 36rem) {
4269
- .pf-v6-c-divider.pf-m-vertical-on-sm {
4270
- flex-direction: column;
4271
- width: var(--pf-v6-c-divider--Size);
4272
- height: inherit;
4273
- }
4274
- }
4275
- @media (min-width: 36rem) {
4276
- .pf-v6-c-divider.pf-m-inset-none-on-sm {
4277
- --pf-v6-c-divider--before--FlexBasis: 100%;
4278
- }
4279
- .pf-v6-c-divider.pf-m-inset-xs-on-sm {
4280
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4281
- }
4282
- .pf-v6-c-divider.pf-m-inset-sm-on-sm {
4283
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
3945
+ .pf-v6-c-divider.pf-m-inset-sm-on-sm {
3946
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4284
3947
  }
4285
3948
  .pf-v6-c-divider.pf-m-inset-md-on-sm {
4286
3949
  --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
@@ -5323,39 +4986,376 @@ ul) {
5323
4986
  display: none;
5324
4987
  }
5325
4988
  }
5326
- .pf-v6-c-dual-list-selector {
5327
- --pf-v6-c-dual-list-selector__header--GridArea: pane-header;
5328
- --pf-v6-c-dual-list-selector__tools--GridArea: pane-tools;
5329
- --pf-v6-c-dual-list-selector__status--GridArea: pane-status;
5330
- --pf-v6-c-dual-list-selector__menu--GridArea: pane-menu;
5331
- --pf-v6-c-dual-list-selector__controls--GridArea: controls;
5332
- --pf-v6-c-dual-list-selector--m-chosen__header--GridArea: pane-header-c;
5333
- --pf-v6-c-dual-list-selector--m-chosen__tools--GridArea: pane-tools-c;
5334
- --pf-v6-c-dual-list-selector--m-chosen__status--GridArea: pane-status-c;
5335
- --pf-v6-c-dual-list-selector--m-chosen__menu--GridArea: pane-menu-c;
5336
- --pf-v6-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min: 12.5rem;
5337
- --pf-v6-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max: 28.125rem;
5338
- --pf-v6-c-dual-list-selector__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
5339
- --pf-v6-c-dual-list-selector__title-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
5340
- --pf-v6-c-dual-list-selector__title-text--FontSize: var(--pf-t--global--font--size--body--lg);
5341
- --pf-v6-c-dual-list-selector__tools--MarginBlockEnd: var(--pf-t--global--spacer--md);
5342
- --pf-v6-c-dual-list-selector__tools-filter--tools-actions--MarginInlineStart: var(--pf-t--global--spacer--sm);
5343
- --pf-v6-c-dual-list-selector__menu--BorderWidth: var(--pf-t--global--border--width--regular);
5344
- --pf-v6-c-dual-list-selector__menu--BorderColor: var(--pf-t--global--border--color--default);
5345
- --pf-v6-c-dual-list-selector__menu--BorderRadius: var(--pf-t--global--border--radius--small);
5346
- --pf-v6-c-dual-list-selector__menu--MinHeight: 12.5rem;
5347
- --pf-v6-c-dual-list-selector__menu--MaxHeight: 20rem;
5348
- --pf-v6-c-dual-list-selector__menu--MarginBlockStart: var(--pf-t--global--spacer--md);
5349
- --pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
5350
- --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
5351
- --pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
5352
- --pf-v6-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
5353
- --pf-v6-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
5354
- --pf-v6-c-dual-list-selector__list-item--m-ghost-row--Opacity: .4;
5355
- --pf-v6-c-dual-list-selector__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
5356
- --pf-v6-c-dual-list-selector__item--PaddingInlineEnd: var(--pf-t--global--spacer--md);
5357
- --pf-v6-c-dual-list-selector__item--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
5358
- --pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-t--global--spacer--md);
4989
+ .pf-v6-c-description-list {
4990
+ --pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
4991
+ --pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
4992
+ --pf-v6-c-description-list--GridTemplateColumns--count: 1;
4993
+ --pf-v6-c-description-list--GridTemplateColumns--width: 1fr;
4994
+ --pf-v6-c-description-list--GridTemplateColumns--min: 0;
4995
+ --pf-v6-c-description-list__group--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
4996
+ --pf-v6-c-description-list__group--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
4997
+ --pf-v6-c-description-list__group--GridTemplateColumns: auto;
4998
+ --pf-v6-c-description-list__group--GridTemplateRows: auto 1fr;
4999
+ --pf-v6-c-description-list__group--GridColumn: auto;
5000
+ --pf-v6-c-description-list--m-compact--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--compact);
5001
+ --pf-v6-c-description-list--m-compact--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--compact);
5002
+ --pf-v6-c-description-list__term--Display: inline;
5003
+ --pf-v6-c-description-list__term--sm--Display: flex;
5004
+ --pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
5005
+ --pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--sm);
5006
+ --pf-v6-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
5007
+ --pf-v6-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
5008
+ --pf-v6-c-description-list__term-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
5009
+ --pf-v6-c-description-list__term-icon--Color: var(--pf-t--global--icon--color--subtle);
5010
+ --pf-v6-c-description-list--m-vertical__group--GridTemplateColumns: repeat(var(--pf-v6-c-description-list--GridTemplateColumns--count));
5011
+ --pf-v6-c-description-list--m-vertical__group--GridTemplateRows: auto 1fr;
5012
+ --pf-v6-c-description-list--m-horizontal__term--width: 12ch;
5013
+ --pf-v6-c-description-list--m-horizontal__description--width: minmax(10ch, auto);
5014
+ --pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns: var(--pf-v6-c-description-list__term--width) var(--pf-v6-c-description-list--m-horizontal__description--width);
5015
+ --pf-v6-c-description-list--m-horizontal__group--GridTemplateRows: auto;
5016
+ --pf-v6-c-description-list--m-1-col--GridTemplateColumns--count: 1;
5017
+ --pf-v6-c-description-list--m-2-col--GridTemplateColumns--count: 2;
5018
+ --pf-v6-c-description-list--m-3-col--GridTemplateColumns--count: 3;
5019
+ --pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min: 15.625rem;
5020
+ --pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min);
5021
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
5022
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
5023
+ --pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset: 0.25rem;
5024
+ --pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
5025
+ --pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
5026
+ --pf-v6-c-description-list--m-display-lg__description--FontSize: var(--pf-t--global--font--size--body--lg);
5027
+ --pf-v6-c-description-list--m-display-2xl__description--FontSize: var(--pf-t--global--font--size--heading--lg);
5028
+ --pf-v6-c-description-list--m-horizontal__term--width-on-sm: inherit;
5029
+ --pf-v6-c-description-list--m-horizontal__term--width-on-md: inherit;
5030
+ --pf-v6-c-description-list--m-horizontal__term--width-on-lg: inherit;
5031
+ --pf-v6-c-description-list--m-horizontal__term--width-on-xl: inherit;
5032
+ --pf-v6-c-description-list--m-horizontal__term--width-on-2xl: inherit;
5033
+ --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
5034
+ }
5035
+
5036
+ @media screen and (min-width: 36rem) {
5037
+ .pf-v6-c-description-list {
5038
+ --pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
5039
+ }
5040
+ }
5041
+ @media (min-width: 36rem) {
5042
+ .pf-v6-c-description-list {
5043
+ --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width));
5044
+ }
5045
+ }
5046
+ @media (min-width: 48rem) {
5047
+ .pf-v6-c-description-list {
5048
+ --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width)));
5049
+ }
5050
+ }
5051
+ @media (min-width: 62rem) {
5052
+ .pf-v6-c-description-list {
5053
+ --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width))));
5054
+ }
5055
+ }
5056
+ @media (min-width: 75rem) {
5057
+ .pf-v6-c-description-list {
5058
+ --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width)))));
5059
+ }
5060
+ }
5061
+ @media (min-width: 90.625rem) {
5062
+ .pf-v6-c-description-list {
5063
+ --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-2xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width))))));
5064
+ }
5065
+ }
5066
+ .pf-v6-c-description-list {
5067
+ display: grid;
5068
+ grid-template-columns: repeat(var(--pf-v6-c-description-list--GridTemplateColumns--count), var(--pf-v6-c-description-list--GridTemplateColumns--width));
5069
+ row-gap: var(--pf-v6-c-description-list--RowGap);
5070
+ column-gap: var(--pf-v6-c-description-list--ColumnGap);
5071
+ align-items: baseline;
5072
+ }
5073
+
5074
+ .pf-v6-c-description-list.pf-m-inline-grid {
5075
+ display: inline-grid;
5076
+ }
5077
+
5078
+ .pf-v6-c-description-list.pf-m-auto-column-widths {
5079
+ --pf-v6-c-description-list--GridTemplateColumns--width: minmax(8ch, max-content);
5080
+ }
5081
+
5082
+ .pf-v6-c-description-list.pf-m-auto-fit {
5083
+ grid-template-columns: repeat(auto-fit, minmax(var(--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min), 1fr));
5084
+ --pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min);
5085
+ }
5086
+
5087
+ @media (min-width: 36rem) {
5088
+ .pf-v6-c-description-list.pf-m-auto-fit {
5089
+ --pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-v6-c-description-list--GridTemplateColumns--min));
5090
+ }
5091
+ }
5092
+ @media (min-width: 48rem) {
5093
+ .pf-v6-c-description-list.pf-m-auto-fit {
5094
+ --pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min-on-md, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-v6-c-description-list--GridTemplateColumns--min)));
5095
+ }
5096
+ }
5097
+ @media (min-width: 62rem) {
5098
+ .pf-v6-c-description-list.pf-m-auto-fit {
5099
+ --pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min-on-lg, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-md, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-v6-c-description-list--GridTemplateColumns--min))));
5100
+ }
5101
+ }
5102
+ @media (min-width: 75rem) {
5103
+ .pf-v6-c-description-list.pf-m-auto-fit {
5104
+ --pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min-on-xl, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-lg, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-md, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-v6-c-description-list--GridTemplateColumns--min)))));
5105
+ }
5106
+ }
5107
+ @media (min-width: 90.625rem) {
5108
+ .pf-v6-c-description-list.pf-m-auto-fit {
5109
+ --pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min-on-2xl, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-xl, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-lg, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-md, var(--pf-v6-c-description-list--GridTemplateColumns--min-on-sm, var(--pf-v6-c-description-list--GridTemplateColumns--min))))));
5110
+ }
5111
+ }
5112
+ .pf-v6-c-description-list.pf-m-compact {
5113
+ --pf-v6-c-description-list--RowGap: var(--pf-v6-c-description-list--m-compact--RowGap);
5114
+ --pf-v6-c-description-list--ColumnGap: var(--pf-v6-c-description-list--m-compact--ColumnGap);
5115
+ }
5116
+
5117
+ .pf-v6-c-description-list.pf-m-fluid {
5118
+ --pf-v6-c-description-list--m-horizontal__term--width: fit-content(20ch);
5119
+ }
5120
+
5121
+ .pf-v6-c-description-list.pf-m-fill-columns {
5122
+ display: block;
5123
+ column-count: var(--pf-v6-c-description-list--GridTemplateColumns--count);
5124
+ margin-block-end: calc(var(--pf-v6-c-description-list--RowGap) * -1);
5125
+ }
5126
+
5127
+ .pf-v6-c-description-list.pf-m-fill-columns .pf-v6-c-description-list__group,
5128
+ .pf-v6-c-description-list.pf-m-fill-columns > .pf-v6-c-card {
5129
+ display: inline-grid;
5130
+ width: 100%;
5131
+ margin-block-end: var(--pf-v6-c-description-list--RowGap);
5132
+ break-inside: avoid;
5133
+ page-break-inside: avoid;
5134
+ -webkit-column-break-inside: avoid;
5135
+ -moz-column-break-inside: avoid;
5136
+ }
5137
+
5138
+ .pf-v6-c-description-list.pf-m-display-lg {
5139
+ --pf-v6-c-description-list__description--FontSize: var(--pf-v6-c-description-list--m-display-lg__description--FontSize);
5140
+ }
5141
+
5142
+ .pf-v6-c-description-list.pf-m-display-2xl {
5143
+ --pf-v6-c-description-list__description--FontSize: var(--pf-v6-c-description-list--m-display-2xl__description--FontSize);
5144
+ }
5145
+
5146
+ .pf-v6-c-description-list > .pf-v6-c-card {
5147
+ align-self: stretch;
5148
+ padding-block-start: var(--pf-v6-c-card--first-child--PaddingBlockStart);
5149
+ padding-block-end: var(--pf-v6-c-card--child--PaddingBlockEnd);
5150
+ padding-inline-start: var(--pf-v6-c-card--child--PaddingInlineStart);
5151
+ padding-inline-end: var(--pf-v6-c-card--child--PaddingInlineEnd);
5152
+ }
5153
+
5154
+ .pf-v6-c-description-list__group,
5155
+ .pf-v6-c-description-list > .pf-v6-c-card {
5156
+ display: grid;
5157
+ grid-template-rows: var(--pf-v6-c-description-list__group--GridTemplateRows);
5158
+ grid-template-columns: var(--pf-v6-c-description-list__group--GridTemplateColumns);
5159
+ grid-column: var(--pf-v6-c-description-list__group--GridColumn);
5160
+ row-gap: var(--pf-v6-c-description-list__group--RowGap);
5161
+ column-gap: var(--pf-v6-c-description-list__group--ColumnGap);
5162
+ align-items: baseline;
5163
+ }
5164
+
5165
+ .pf-v6-c-description-list__term,
5166
+ .pf-v6-c-description-list__description {
5167
+ min-width: 0;
5168
+ text-align: start;
5169
+ overflow-wrap: break-word;
5170
+ }
5171
+
5172
+ .pf-v6-c-description-list__term {
5173
+ display: var(--pf-v6-c-description-list__term--Display);
5174
+ font-size: var(--pf-v6-c-description-list__term--FontSize);
5175
+ font-weight: var(--pf-v6-c-description-list__term--FontWeight);
5176
+ line-height: var(--pf-v6-c-description-list__term--LineHeight);
5177
+ }
5178
+
5179
+ .pf-v6-c-description-list__term .pf-v6-c-description-list__text {
5180
+ display: inline;
5181
+ }
5182
+
5183
+ .pf-v6-c-description-list__term-icon {
5184
+ flex-shrink: 0;
5185
+ min-width: var(--pf-v6-c-description-list__term-icon--MinWidth);
5186
+ margin-inline-end: var(--pf-v6-c-description-list__term-icon--MarginInlineEnd);
5187
+ color: var(--pf-v6-c-description-list__term-icon--Color);
5188
+ }
5189
+
5190
+ .pf-v6-c-description-list__description {
5191
+ font-size: var(--pf-v6-c-description-list__description--FontSize, inherit);
5192
+ }
5193
+
5194
+ .pf-v6-c-description-list__text {
5195
+ min-width: 0;
5196
+ }
5197
+
5198
+ .pf-v6-c-description-list__text.pf-m-help-text {
5199
+ text-decoration: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine) var(--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle);
5200
+ text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset);
5201
+ cursor: pointer;
5202
+ }
5203
+
5204
+ .pf-v6-c-description-list__text.pf-m-help-text:is(:hover, :focus) {
5205
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine);
5206
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle);
5207
+ }
5208
+
5209
+ .pf-v6-c-description-list.pf-m-1-col {
5210
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
5211
+ }
5212
+
5213
+ .pf-v6-c-description-list.pf-m-2-col {
5214
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
5215
+ }
5216
+
5217
+ .pf-v6-c-description-list.pf-m-3-col {
5218
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
5219
+ }
5220
+
5221
+ .pf-v6-c-description-list.pf-m-horizontal {
5222
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
5223
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
5224
+ }
5225
+
5226
+ .pf-v6-c-description-list.pf-m-vertical {
5227
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
5228
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
5229
+ }
5230
+
5231
+ @media (min-width: 36rem) {
5232
+ .pf-v6-c-description-list.pf-m-1-col-on-sm {
5233
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
5234
+ }
5235
+ .pf-v6-c-description-list.pf-m-2-col-on-sm {
5236
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
5237
+ }
5238
+ .pf-v6-c-description-list.pf-m-3-col-on-sm {
5239
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
5240
+ }
5241
+ .pf-v6-c-description-list.pf-m-horizontal-on-sm {
5242
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
5243
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
5244
+ }
5245
+ .pf-v6-c-description-list.pf-m-vertical-on-sm {
5246
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
5247
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
5248
+ }
5249
+ }
5250
+ @media (min-width: 48rem) {
5251
+ .pf-v6-c-description-list.pf-m-1-col-on-md {
5252
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
5253
+ }
5254
+ .pf-v6-c-description-list.pf-m-2-col-on-md {
5255
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
5256
+ }
5257
+ .pf-v6-c-description-list.pf-m-3-col-on-md {
5258
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
5259
+ }
5260
+ .pf-v6-c-description-list.pf-m-horizontal-on-md {
5261
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
5262
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
5263
+ }
5264
+ .pf-v6-c-description-list.pf-m-vertical-on-md {
5265
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
5266
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
5267
+ }
5268
+ }
5269
+ @media (min-width: 62rem) {
5270
+ .pf-v6-c-description-list.pf-m-1-col-on-lg {
5271
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
5272
+ }
5273
+ .pf-v6-c-description-list.pf-m-2-col-on-lg {
5274
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
5275
+ }
5276
+ .pf-v6-c-description-list.pf-m-3-col-on-lg {
5277
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
5278
+ }
5279
+ .pf-v6-c-description-list.pf-m-horizontal-on-lg {
5280
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
5281
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
5282
+ }
5283
+ .pf-v6-c-description-list.pf-m-vertical-on-lg {
5284
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
5285
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
5286
+ }
5287
+ }
5288
+ @media (min-width: 75rem) {
5289
+ .pf-v6-c-description-list.pf-m-1-col-on-xl {
5290
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
5291
+ }
5292
+ .pf-v6-c-description-list.pf-m-2-col-on-xl {
5293
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
5294
+ }
5295
+ .pf-v6-c-description-list.pf-m-3-col-on-xl {
5296
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
5297
+ }
5298
+ .pf-v6-c-description-list.pf-m-horizontal-on-xl {
5299
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
5300
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
5301
+ }
5302
+ .pf-v6-c-description-list.pf-m-vertical-on-xl {
5303
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
5304
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
5305
+ }
5306
+ }
5307
+ @media (min-width: 90.625rem) {
5308
+ .pf-v6-c-description-list.pf-m-1-col-on-2xl {
5309
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
5310
+ }
5311
+ .pf-v6-c-description-list.pf-m-2-col-on-2xl {
5312
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
5313
+ }
5314
+ .pf-v6-c-description-list.pf-m-3-col-on-2xl {
5315
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
5316
+ }
5317
+ .pf-v6-c-description-list.pf-m-horizontal-on-2xl {
5318
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
5319
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
5320
+ }
5321
+ .pf-v6-c-description-list.pf-m-vertical-on-2xl {
5322
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
5323
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
5324
+ }
5325
+ }
5326
+ .pf-v6-c-dual-list-selector {
5327
+ --pf-v6-c-dual-list-selector__header--GridArea: pane-header;
5328
+ --pf-v6-c-dual-list-selector__tools--GridArea: pane-tools;
5329
+ --pf-v6-c-dual-list-selector__status--GridArea: pane-status;
5330
+ --pf-v6-c-dual-list-selector__menu--GridArea: pane-menu;
5331
+ --pf-v6-c-dual-list-selector__controls--GridArea: controls;
5332
+ --pf-v6-c-dual-list-selector--m-chosen__header--GridArea: pane-header-c;
5333
+ --pf-v6-c-dual-list-selector--m-chosen__tools--GridArea: pane-tools-c;
5334
+ --pf-v6-c-dual-list-selector--m-chosen__status--GridArea: pane-status-c;
5335
+ --pf-v6-c-dual-list-selector--m-chosen__menu--GridArea: pane-menu-c;
5336
+ --pf-v6-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min: 12.5rem;
5337
+ --pf-v6-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max: 28.125rem;
5338
+ --pf-v6-c-dual-list-selector__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
5339
+ --pf-v6-c-dual-list-selector__title-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
5340
+ --pf-v6-c-dual-list-selector__title-text--FontSize: var(--pf-t--global--font--size--body--lg);
5341
+ --pf-v6-c-dual-list-selector__tools--MarginBlockEnd: var(--pf-t--global--spacer--md);
5342
+ --pf-v6-c-dual-list-selector__tools-filter--tools-actions--MarginInlineStart: var(--pf-t--global--spacer--sm);
5343
+ --pf-v6-c-dual-list-selector__menu--BorderWidth: var(--pf-t--global--border--width--regular);
5344
+ --pf-v6-c-dual-list-selector__menu--BorderColor: var(--pf-t--global--border--color--default);
5345
+ --pf-v6-c-dual-list-selector__menu--BorderRadius: var(--pf-t--global--border--radius--small);
5346
+ --pf-v6-c-dual-list-selector__menu--MinHeight: 12.5rem;
5347
+ --pf-v6-c-dual-list-selector__menu--MaxHeight: 20rem;
5348
+ --pf-v6-c-dual-list-selector__menu--MarginBlockStart: var(--pf-t--global--spacer--md);
5349
+ --pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
5350
+ --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
5351
+ --pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
5352
+ --pf-v6-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
5353
+ --pf-v6-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
5354
+ --pf-v6-c-dual-list-selector__list-item--m-ghost-row--Opacity: .4;
5355
+ --pf-v6-c-dual-list-selector__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
5356
+ --pf-v6-c-dual-list-selector__item--PaddingInlineEnd: var(--pf-t--global--spacer--md);
5357
+ --pf-v6-c-dual-list-selector__item--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
5358
+ --pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-t--global--spacer--md);
5359
5359
  --pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart: var(--pf-t--global--spacer--md);
5360
5360
  --pf-v6-c-dual-list-selector__item--indent--base: calc(var(--pf-t--global--spacer--md) + var(--pf-t--global--spacer--sm) + var(--pf-v6-c-dual-list-selector__list-item-row--FontSize));
5361
5361
  --pf-v6-c-dual-list-selector__item--nested-indent--base: calc(var(--pf-v6-c-dual-list-selector__item--indent--base) - var(--pf-t--global--spacer--md));
@@ -5866,108 +5866,48 @@ ul) {
5866
5866
  .pf-v6-c-expandable-section.pf-m-display-lg {
5867
5867
  padding-block-start: var(--pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart);
5868
5868
  padding-block-end: var(--pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd);
5869
- padding-inline-start: var(--pf-v6-c-expandable-section--m-display-lg--PaddingInlineStart);
5870
- padding-inline-end: var(--pf-v6-c-expandable-section--m-display-lg--PaddingInlineEnd);
5871
- background-color: var(--pf-v6-c-expandable-section--m-display-lg--BackgroundColor);
5872
- border: var(--pf-v6-c-expandable-section--m-display-lg--BorderWidth) solid var(--pf-v6-c-expandable-section--m-display-lg--BorderColor);
5873
- border-radius: var(--pf-v6-c-expandable-section--m-display-lg--BorderRadius);
5874
- }
5875
-
5876
- .pf-v6-c-expandable-section.pf-m-indented {
5877
- --pf-v6-c-expandable-section__content--PaddingInlineStart: var(--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart);
5878
- }
5879
-
5880
- .pf-v6-c-expandable-section.pf-m-truncate {
5881
- --pf-v6-c-expandable-section--Gap: var(--pf-v6-c-expandable-section--m-truncate--Gap);
5882
- }
5883
-
5884
- .pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
5885
- display: -webkit-box;
5886
- -webkit-box-orient: vertical;
5887
- -webkit-line-clamp: var(--pf-v6-c-expandable-section--m-truncate__content--LineClamp);
5888
- overflow: hidden;
5889
- }
5890
-
5891
- .pf-v6-c-expandable-section__toggle-icon {
5892
- display: inline-block;
5893
- min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
5894
- color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
5895
- transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
5896
- transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
5897
- }
5898
-
5899
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
5900
- scale: -1 1;
5901
- }
5902
-
5903
- .pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
5904
- --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
5905
- }
5906
-
5907
- .pf-v6-c-expandable-section__content {
5908
- max-width: var(--pf-v6-c-expandable-section__content--MaxWidth);
5909
- padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
5910
- padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
5911
- }
5912
-
5913
- .pf-v6-c-file-upload {
5914
- --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
5915
- --pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
5916
- --pf-v6-c-file-upload--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
5917
- --pf-v6-c-file-upload--PaddingInlineStart: var(--pf-t--global--spacer--sm);
5918
- --pf-v6-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
5919
- --pf-v6-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
5920
- --pf-v6-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
5921
- --pf-v6-c-file-upload--BorderColor: transparent;
5922
- --pf-v6-c-file-upload--BorderStyle: solid;
5923
- --pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--icon--color--brand--default);
5924
- --pf-v6-c-file-upload--m-drag-hover--BorderStyle: dashed;
5925
- --pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
5926
- --pf-v6-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
5869
+ padding-inline-start: var(--pf-v6-c-expandable-section--m-display-lg--PaddingInlineStart);
5870
+ padding-inline-end: var(--pf-v6-c-expandable-section--m-display-lg--PaddingInlineEnd);
5871
+ background-color: var(--pf-v6-c-expandable-section--m-display-lg--BackgroundColor);
5872
+ border: var(--pf-v6-c-expandable-section--m-display-lg--BorderWidth) solid var(--pf-v6-c-expandable-section--m-display-lg--BorderColor);
5873
+ border-radius: var(--pf-v6-c-expandable-section--m-display-lg--BorderRadius);
5927
5874
  }
5928
5875
 
5929
- .pf-v6-c-file-upload {
5930
- position: relative;
5931
- display: flex;
5932
- flex-direction: column;
5933
- row-gap: var(--pf-v6-c-file-upload--RowGap);
5934
- padding-block-start: var(--pf-v6-c-file-upload--PaddingBlockStart);
5935
- padding-block-end: var(--pf-v6-c-file-upload--PaddingBlockEnd);
5936
- padding-inline-start: var(--pf-v6-c-file-upload--PaddingInlineStart);
5937
- padding-inline-end: var(--pf-v6-c-file-upload--PaddingInlineEnd);
5938
- border: var(--pf-v6-c-file-upload--BorderWidth) var(--pf-v6-c-file-upload--BorderStyle) var(--pf-v6-c-file-upload--BorderColor);
5939
- border-radius: var(--pf-v6-c-file-upload--BorderRadius);
5876
+ .pf-v6-c-expandable-section.pf-m-indented {
5877
+ --pf-v6-c-expandable-section__content--PaddingInlineStart: var(--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart);
5940
5878
  }
5941
5879
 
5942
- .pf-v6-c-file-upload.pf-m-drag-hover {
5943
- --pf-v6-c-file-upload--BorderColor: var(--pf-v6-c-file-upload--m-drag-hover--BorderColor);
5944
- --pf-v6-c-file-upload--BorderStyle: var(--pf-v6-c-file-upload--m-drag-hover--BorderStyle);
5880
+ .pf-v6-c-expandable-section.pf-m-truncate {
5881
+ --pf-v6-c-expandable-section--Gap: var(--pf-v6-c-expandable-section--m-truncate--Gap);
5945
5882
  }
5946
5883
 
5947
- .pf-v6-c-file-upload.pf-m-loading .pf-v6-c-file-upload__file-details {
5948
- position: relative;
5884
+ .pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
5885
+ display: -webkit-box;
5886
+ -webkit-box-orient: vertical;
5887
+ -webkit-line-clamp: var(--pf-v6-c-expandable-section--m-truncate__content--LineClamp);
5888
+ overflow: hidden;
5949
5889
  }
5950
5890
 
5951
- .pf-v6-c-file-upload__file-select .pf-v6-c-button.pf-m-control {
5952
- outline-offset: var(--pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset);
5891
+ .pf-v6-c-expandable-section__toggle-icon {
5892
+ display: inline-block;
5893
+ min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
5894
+ color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
5895
+ transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
5896
+ transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
5953
5897
  }
5954
5898
 
5955
- .pf-v6-c-file-upload__file-details {
5956
- position: relative;
5957
- display: flex;
5899
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
5900
+ scale: -1 1;
5958
5901
  }
5959
5902
 
5960
- .pf-v6-c-file-upload__file-details .pf-v6-c-form-control {
5961
- flex: 1 1 auto;
5962
- min-height: var(--pf-v6-c-file-upload__file-details__c-form-control--MinHeight);
5963
- border-block-start: 0;
5903
+ .pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
5904
+ --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
5964
5905
  }
5965
5906
 
5966
- .pf-v6-c-file-upload__file-details-spinner {
5967
- position: absolute;
5968
- inset-block-start: 50%;
5969
- inset-inline-start: 50%;
5970
- transform: translate(-50%, -50%);
5907
+ .pf-v6-c-expandable-section__content {
5908
+ max-width: var(--pf-v6-c-expandable-section__content--MaxWidth);
5909
+ padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
5910
+ padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
5971
5911
  }
5972
5912
 
5973
5913
  .pf-v6-c-form {
@@ -7217,407 +7157,149 @@ select ~ .pf-v6-c-form-control__utilities {
7217
7157
  --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-md__content--FontSize);
7218
7158
  }
7219
7159
 
7220
- .pf-v6-c-icon__content.pf-m-body-lg,
7221
- .pf-v6-c-icon__progress.pf-m-body-lg {
7222
- --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-lg__content--FontSize);
7223
- }
7224
-
7225
- .pf-v6-c-icon__content.pf-m-heading-sm,
7226
- .pf-v6-c-icon__progress.pf-m-heading-sm {
7227
- --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-sm__content--FontSize);
7228
- }
7229
-
7230
- .pf-v6-c-icon__content.pf-m-heading-md,
7231
- .pf-v6-c-icon__progress.pf-m-heading-md {
7232
- --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-md__content--FontSize);
7233
- }
7234
-
7235
- .pf-v6-c-icon__content.pf-m-heading-lg,
7236
- .pf-v6-c-icon__progress.pf-m-heading-lg {
7237
- --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-lg__content--FontSize);
7238
- }
7239
-
7240
- .pf-v6-c-icon__content.pf-m-heading-xl,
7241
- .pf-v6-c-icon__progress.pf-m-heading-xl {
7242
- --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-xl__content--FontSize);
7243
- }
7244
-
7245
- .pf-v6-c-icon__content.pf-m-heading-2xl,
7246
- .pf-v6-c-icon__progress.pf-m-heading-2xl {
7247
- --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-2xl__content--FontSize);
7248
- }
7249
-
7250
- .pf-v6-c-icon__content.pf-m-heading-3xl,
7251
- .pf-v6-c-icon__progress.pf-m-heading-3xl {
7252
- --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-3xl__content--FontSize);
7253
- }
7254
-
7255
- .pf-v6-c-icon__content {
7256
- color: var(--pf-v6-c-icon__content--Color, inherit);
7257
- opacity: var(--pf-v6-c-icon__content--Opacity, 1);
7258
- }
7259
-
7260
- .pf-v6-c-icon__content.pf-m-danger {
7261
- --pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-danger--Color);
7262
- }
7263
-
7264
- .pf-v6-c-icon__content.pf-m-warning {
7265
- --pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-warning--Color);
7266
- }
7267
-
7268
- .pf-v6-c-icon__content.pf-m-success {
7269
- --pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-success--Color);
7270
- }
7271
-
7272
- .pf-v6-c-icon__content.pf-m-info {
7273
- --pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-info--Color);
7274
- }
7275
-
7276
- .pf-v6-c-icon__content.pf-m-custom {
7277
- --pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-custom--Color);
7278
- }
7279
-
7280
- .pf-v6-c-icon__progress {
7281
- position: absolute;
7282
- inset-block-start: calc(50% + 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign));
7283
- opacity: var(--pf-v6-c-icon__progress--Opacity, 0);
7284
- transform: translateY(calc(-50% - 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign)));
7285
- }
7286
-
7287
- .pf-v6-c-input-group {
7288
- --pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
7289
- --pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
7290
- --pf-v6-c-input-group__item--BorderWidth--base: var(--pf-t--global--border--width--control--default);
7291
- --pf-v6-c-input-group__item--BorderColor--base: var(--pf-t--global--border--color--default);
7292
- --pf-v6-c-input-group__item--BackgroundColor: transparent;
7293
- --pf-v6-c-input-group__item--AlignItems: start;
7294
- --pf-v6-c-input-group__item--m-box--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7295
- --pf-v6-c-input-group__item--m-box--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7296
- --pf-v6-c-input-group__item--m-box--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
7297
- --pf-v6-c-input-group__item--m-box--BorderWidth: var(--pf-v6-c-input-group__item--BorderWidth--base);
7298
- --pf-v6-c-input-group__item--m-box--BorderRadius: var(--pf-t--global--border--radius--small);
7299
- --pf-v6-c-input-group__item--m-box--BorderBlockStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
7300
- --pf-v6-c-input-group__item--m-box--BorderInlineEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
7301
- --pf-v6-c-input-group__item--m-box--BorderBlockEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
7302
- --pf-v6-c-input-group__item--m-box--BorderInlineStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
7303
- --pf-v6-c-input-group__item--m-plain--BackgroundColor: transparent;
7304
- --pf-v6-c-input-group__text--FontSize: var(--pf-t--global--font--size--body--default);
7305
- --pf-v6-c-input-group__text--Color: var(--pf-t--global--text--color--regular);
7306
- --pf-v6-c-input-group__item--m-disabled__text--Color: var(--pf-t--global--text--color--on-disabled);
7307
- --pf-v6-c-input-group__item--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7308
- }
7309
-
7310
- .pf-v6-c-input-group {
7311
- display: flex;
7312
- gap: var(--pf-v6-c-input-group--Gap);
7313
- width: 100%;
7314
- }
7315
-
7316
- .pf-v6-c-input-group__item {
7317
- position: relative;
7318
- display: flex;
7319
- align-items: var(--pf-v6-c-input-group__item--AlignItems);
7320
- min-width: var(--pf-v6-c-input-group__item--MinWidth, revert);
7321
- max-width: var(--pf-v6-c-input-group__item--MaxWidth, revert);
7322
- background-color: var(--pf-v6-c-input-group__item--BackgroundColor);
7323
- border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
7324
- border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
7325
- border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
7326
- border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
7327
- }
7328
-
7329
- .pf-v6-c-input-group__item.pf-m-box {
7330
- --pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-box--BackgroundColor);
7331
- padding-inline-start: var(--pf-v6-c-input-group__item--m-box--PaddingInlineStart);
7332
- padding-inline-end: var(--pf-v6-c-input-group__item--m-box--PaddingInlineEnd);
7333
- border: var(--pf-v6-c-input-group__item--m-box--BorderWidth) solid;
7334
- border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
7335
- border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
7336
- border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
7337
- border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
7338
- border-radius: var(--pf-v6-c-input-group__item--m-box--BorderRadius);
7339
- }
7340
-
7341
- .pf-v6-c-input-group__item.pf-m-plain {
7342
- --pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-plain--BackgroundColor);
7343
- border: none;
7344
- }
7345
-
7346
- .pf-v6-c-input-group__item.pf-m-disabled {
7347
- --pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-disabled--BackgroundColor);
7348
- --pf-v6-c-input-group__text--Color: var(--pf-v6-c-input-group__item--m-disabled__text--Color);
7349
- }
7350
-
7351
- .pf-v6-c-input-group__item.pf-m-fill {
7352
- flex-grow: 1;
7353
- }
7354
-
7355
- .pf-v6-c-input-group__text {
7356
- align-self: center;
7357
- font-size: var(--pf-v6-c-input-group__text--FontSize);
7358
- color: var(--pf-v6-c-input-group__text--Color);
7359
- }
7360
-
7361
- label.pf-v6-c-input-group__text {
7362
- cursor: pointer;
7363
- }
7364
-
7365
- .pf-v6-c-jump-links {
7366
- --pf-v6-c-jump-links__list--Display: flex;
7367
- --pf-v6-c-jump-links__list--PaddingBlockStart: 0;
7368
- --pf-v6-c-jump-links__list--PaddingInlineEnd: var(--pf-t--global--spacer--md);
7369
- --pf-v6-c-jump-links__list--PaddingBlockEnd: 0;
7370
- --pf-v6-c-jump-links__list--PaddingInlineStart: var(--pf-t--global--spacer--md);
7371
- --pf-v6-c-jump-links--m-vertical__list--PaddingBlockStart: var(--pf-t--global--spacer--md);
7372
- --pf-v6-c-jump-links--m-vertical__list--PaddingInlineEnd: 0;
7373
- --pf-v6-c-jump-links--m-vertical__list--PaddingBlockEnd: var(--pf-t--global--spacer--md);
7374
- --pf-v6-c-jump-links--m-vertical__list--PaddingInlineStart: 0;
7375
- --pf-v6-c-jump-links__list--FlexDirection: row;
7376
- --pf-v6-c-jump-links--m-vertical__list--FlexDirection: column;
7377
- --pf-v6-c-jump-links__list--before--BorderColor: var(--pf-t--global--border--color--default);
7378
- --pf-v6-c-jump-links__list--before--BorderBlockStartWidth: var(--pf-t--global--border--width--box--default);
7379
- --pf-v6-c-jump-links__list--before--BorderInlineEndWidth: 0;
7380
- --pf-v6-c-jump-links__list--before--BorderBlockEndWidth: 0;
7381
- --pf-v6-c-jump-links__list--before--BorderInlineStartWidth: 0;
7382
- --pf-v6-c-jump-links--m-vertical__list--before--BorderInlineStartWidth: var(--pf-t--global--border--width--box--default);
7383
- --pf-v6-c-jump-links--m-vertical__list--before--BorderBlockStartWidth: 0;
7384
- --pf-v6-c-jump-links__list__list--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
7385
- --pf-v6-c-jump-links__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
7386
- --pf-v6-c-jump-links__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7387
- --pf-v6-c-jump-links__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
7388
- --pf-v6-c-jump-links__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7389
- --pf-v6-c-jump-links__list__list__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
7390
- --pf-v6-c-jump-links__list__list__link--PaddingInlineStart: var(--pf-t--global--spacer--lg);
7391
- --pf-v6-c-jump-links__list__list__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
7392
- --pf-v6-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--sm));
7393
- --pf-v6-c-jump-links__link--before--BorderBlockStartWidth: 0;
7394
- --pf-v6-c-jump-links__link--before--BorderInlineEndWidth: 0;
7395
- --pf-v6-c-jump-links__link--before--BorderBlockEndWidth: 0;
7396
- --pf-v6-c-jump-links__link--before--BorderInlineStartWidth: 0;
7397
- --pf-v6-c-jump-links__link--before--BorderColor: transparent;
7398
- --pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-t--global--border--width--extra-strong);
7399
- --pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth: 0;
7400
- --pf-v6-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-t--global--border--color--clicked);
7401
- --pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth: 0;
7402
- --pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth: var(--pf-t--global--border--width--extra-strong);
7403
- --pf-v6-c-jump-links__link-text--Color: var(--pf-t--global--text--color--subtle);
7404
- --pf-v6-c-jump-links__link--hover__link-text--Color: var(--pf-t--global--text--color--subtle);
7405
- --pf-v6-c-jump-links__item--m-current__link-text--Color: var(--pf-t--global--text--color--regular);
7406
- --pf-v6-c-jump-links__label--MarginBlockEnd: var(--pf-t--global--spacer--md);
7407
- --pf-v6-c-jump-links__label--Display: block;
7408
- --pf-v6-c-jump-links__toggle--MarginBlockEnd: 0;
7409
- --pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: var(--pf-t--global--spacer--sm);
7410
- --pf-v6-c-jump-links__toggle--Display: none;
7411
- --pf-v6-c-jump-links__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
7412
- --pf-v6-c-jump-links__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
7413
- --pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
7414
- --pf-v6-c-jump-links__toggle-icon--Rotate: 0;
7415
- --pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
7416
- }
7417
-
7418
- .pf-v6-c-jump-links {
7419
- display: flex;
7160
+ .pf-v6-c-icon__content.pf-m-body-lg,
7161
+ .pf-v6-c-icon__progress.pf-m-body-lg {
7162
+ --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-lg__content--FontSize);
7420
7163
  }
7421
7164
 
7422
- .pf-v6-c-jump-links.pf-m-center {
7423
- justify-content: center;
7165
+ .pf-v6-c-icon__content.pf-m-heading-sm,
7166
+ .pf-v6-c-icon__progress.pf-m-heading-sm {
7167
+ --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-sm__content--FontSize);
7424
7168
  }
7425
7169
 
7426
- .pf-v6-c-jump-links.pf-m-center .pf-v6-c-jump-links__main {
7427
- align-items: center;
7170
+ .pf-v6-c-icon__content.pf-m-heading-md,
7171
+ .pf-v6-c-icon__progress.pf-m-heading-md {
7172
+ --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-md__content--FontSize);
7428
7173
  }
7429
7174
 
7430
- .pf-v6-c-jump-links.pf-m-vertical, .pf-v6-c-jump-links.pf-m-expandable {
7431
- --pf-v6-c-jump-links__list--PaddingBlockStart: var(--pf-v6-c-jump-links--m-vertical__list--PaddingBlockStart);
7432
- --pf-v6-c-jump-links__list--PaddingInlineEnd: var(--pf-v6-c-jump-links--m-vertical__list--PaddingInlineEnd);
7433
- --pf-v6-c-jump-links__list--PaddingBlockEnd: var(--pf-v6-c-jump-links--m-vertical__list--PaddingBlockEnd);
7434
- --pf-v6-c-jump-links__list--PaddingInlineStart: var(--pf-v6-c-jump-links--m-vertical__list--PaddingInlineStart);
7435
- --pf-v6-c-jump-links__list--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderBlockStartWidth);
7436
- --pf-v6-c-jump-links__list--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderInlineStartWidth);
7437
- --pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth);
7438
- --pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth);
7439
- --pf-v6-c-jump-links__list--FlexDirection: var(--pf-v6-c-jump-links--m-vertical__list--FlexDirection);
7440
- flex-direction: column;
7175
+ .pf-v6-c-icon__content.pf-m-heading-lg,
7176
+ .pf-v6-c-icon__progress.pf-m-heading-lg {
7177
+ --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-lg__content--FontSize);
7441
7178
  }
7442
7179
 
7443
- .pf-v6-c-jump-links.pf-m-expandable {
7444
- --pf-v6-c-jump-links__list--Display: none;
7445
- --pf-v6-c-jump-links__toggle--Display: block;
7446
- --pf-v6-c-jump-links__label--Display: none;
7180
+ .pf-v6-c-icon__content.pf-m-heading-xl,
7181
+ .pf-v6-c-icon__progress.pf-m-heading-xl {
7182
+ --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-xl__content--FontSize);
7447
7183
  }
7448
7184
 
7449
- .pf-v6-c-jump-links.pf-m-non-expandable {
7450
- --pf-v6-c-jump-links__list--Display: flex;
7451
- --pf-v6-c-jump-links__toggle--Display: none;
7452
- --pf-v6-c-jump-links__label--Display: block;
7185
+ .pf-v6-c-icon__content.pf-m-heading-2xl,
7186
+ .pf-v6-c-icon__progress.pf-m-heading-2xl {
7187
+ --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-2xl__content--FontSize);
7453
7188
  }
7454
7189
 
7455
- @media (min-width: 36rem) {
7456
- .pf-v6-c-jump-links.pf-m-expandable-on-sm {
7457
- --pf-v6-c-jump-links__list--Display: none;
7458
- --pf-v6-c-jump-links__toggle--Display: block;
7459
- --pf-v6-c-jump-links__label--Display: none;
7460
- }
7461
- .pf-v6-c-jump-links.pf-m-non-expandable-on-sm {
7462
- --pf-v6-c-jump-links__list--Display: flex;
7463
- --pf-v6-c-jump-links__toggle--Display: none;
7464
- --pf-v6-c-jump-links__label--Display: block;
7465
- }
7466
- }
7467
- @media (min-width: 48rem) {
7468
- .pf-v6-c-jump-links.pf-m-expandable-on-md {
7469
- --pf-v6-c-jump-links__list--Display: none;
7470
- --pf-v6-c-jump-links__toggle--Display: block;
7471
- --pf-v6-c-jump-links__label--Display: none;
7472
- }
7473
- .pf-v6-c-jump-links.pf-m-non-expandable-on-md {
7474
- --pf-v6-c-jump-links__list--Display: flex;
7475
- --pf-v6-c-jump-links__toggle--Display: none;
7476
- --pf-v6-c-jump-links__label--Display: block;
7477
- }
7478
- }
7479
- @media (min-width: 62rem) {
7480
- .pf-v6-c-jump-links.pf-m-expandable-on-lg {
7481
- --pf-v6-c-jump-links__list--Display: none;
7482
- --pf-v6-c-jump-links__toggle--Display: block;
7483
- --pf-v6-c-jump-links__label--Display: none;
7484
- }
7485
- .pf-v6-c-jump-links.pf-m-non-expandable-on-lg {
7486
- --pf-v6-c-jump-links__list--Display: flex;
7487
- --pf-v6-c-jump-links__toggle--Display: none;
7488
- --pf-v6-c-jump-links__label--Display: block;
7489
- }
7490
- }
7491
- @media (min-width: 75rem) {
7492
- .pf-v6-c-jump-links.pf-m-expandable-on-xl {
7493
- --pf-v6-c-jump-links__list--Display: none;
7494
- --pf-v6-c-jump-links__toggle--Display: block;
7495
- --pf-v6-c-jump-links__label--Display: none;
7496
- }
7497
- .pf-v6-c-jump-links.pf-m-non-expandable-on-xl {
7498
- --pf-v6-c-jump-links__list--Display: flex;
7499
- --pf-v6-c-jump-links__toggle--Display: none;
7500
- --pf-v6-c-jump-links__label--Display: block;
7501
- }
7502
- }
7503
- @media (min-width: 90.625rem) {
7504
- .pf-v6-c-jump-links.pf-m-expandable-on-2xl {
7505
- --pf-v6-c-jump-links__list--Display: none;
7506
- --pf-v6-c-jump-links__toggle--Display: block;
7507
- --pf-v6-c-jump-links__label--Display: none;
7508
- }
7509
- .pf-v6-c-jump-links.pf-m-non-expandable-on-2xl {
7510
- --pf-v6-c-jump-links__list--Display: flex;
7511
- --pf-v6-c-jump-links__toggle--Display: none;
7512
- --pf-v6-c-jump-links__label--Display: block;
7513
- }
7190
+ .pf-v6-c-icon__content.pf-m-heading-3xl,
7191
+ .pf-v6-c-icon__progress.pf-m-heading-3xl {
7192
+ --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-3xl__content--FontSize);
7514
7193
  }
7515
- .pf-v6-c-jump-links.pf-m-expanded {
7516
- --pf-v6-c-jump-links__list--Display: flex;
7517
- --pf-v6-c-jump-links__toggle--MarginBlockEnd: var(--pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd);
7518
- --pf-v6-c-jump-links__toggle-icon--Rotate: var(--pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate);
7519
- --pf-v6-c-jump-links__toggle-icon--Color: var(--pf-v6-c-jump-links--m-expanded__toggle-icon--Color);
7194
+
7195
+ .pf-v6-c-icon__content {
7196
+ color: var(--pf-v6-c-icon__content--Color, inherit);
7197
+ opacity: var(--pf-v6-c-icon__content--Opacity, 1);
7520
7198
  }
7521
7199
 
7522
- .pf-v6-c-jump-links__list {
7523
- position: relative;
7524
- display: var(--pf-v6-c-jump-links__list--Display);
7525
- flex-direction: var(--pf-v6-c-jump-links__list--FlexDirection);
7526
- padding-block-start: var(--pf-v6-c-jump-links__list--PaddingBlockStart);
7527
- padding-block-end: var(--pf-v6-c-jump-links__list--PaddingBlockEnd);
7528
- padding-inline-start: var(--pf-v6-c-jump-links__list--PaddingInlineStart);
7529
- padding-inline-end: var(--pf-v6-c-jump-links__list--PaddingInlineEnd);
7200
+ .pf-v6-c-icon__content.pf-m-danger {
7201
+ --pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-danger--Color);
7530
7202
  }
7531
7203
 
7532
- .pf-v6-c-jump-links__list::before {
7533
- position: absolute;
7534
- inset: 0;
7535
- pointer-events: none;
7536
- content: "";
7537
- border: solid var(--pf-v6-c-jump-links__list--before--BorderColor);
7538
- border-block-start-width: var(--pf-v6-c-jump-links__list--before--BorderBlockStartWidth);
7539
- border-block-end-width: var(--pf-v6-c-jump-links__list--before--BorderBlockEndWidth);
7540
- border-inline-start-width: var(--pf-v6-c-jump-links__list--before--BorderInlineStartWidth);
7541
- border-inline-end-width: var(--pf-v6-c-jump-links__list--before--BorderInlineEndWidth);
7204
+ .pf-v6-c-icon__content.pf-m-warning {
7205
+ --pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-warning--Color);
7542
7206
  }
7543
7207
 
7544
- .pf-v6-c-jump-links__list .pf-v6-c-jump-links__list {
7545
- --pf-v6-c-jump-links__list--PaddingBlockStart: 0;
7546
- --pf-v6-c-jump-links__list--PaddingBlockEnd: 0;
7547
- --pf-v6-c-jump-links__link--PaddingBlockStart: var(--pf-v6-c-jump-links__list__list__link--PaddingBlockStart);
7548
- --pf-v6-c-jump-links__link--PaddingBlockEnd: var(--pf-v6-c-jump-links__list__list__link--PaddingBlockEnd);
7549
- --pf-v6-c-jump-links__link--PaddingInlineStart: var(--pf-v6-c-jump-links__list__list__link--PaddingInlineStart);
7550
- margin-block-start: var(--pf-v6-c-jump-links__list__list--MarginBlockStart);
7208
+ .pf-v6-c-icon__content.pf-m-success {
7209
+ --pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-success--Color);
7551
7210
  }
7552
7211
 
7553
- .pf-v6-c-jump-links__link {
7554
- position: relative;
7555
- display: flex;
7556
- flex: 1;
7557
- padding-block-start: var(--pf-v6-c-jump-links__link--PaddingBlockStart);
7558
- padding-block-end: var(--pf-v6-c-jump-links__link--PaddingBlockEnd);
7559
- padding-inline-start: var(--pf-v6-c-jump-links__link--PaddingInlineStart);
7560
- padding-inline-end: var(--pf-v6-c-jump-links__link--PaddingInlineEnd);
7561
- text-decoration: none;
7562
- outline-offset: var(--pf-v6-c-jump-links__link--OutlineOffset);
7212
+ .pf-v6-c-icon__content.pf-m-info {
7213
+ --pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-info--Color);
7563
7214
  }
7564
7215
 
7565
- .pf-v6-c-jump-links__link:is(:hover, :focus) {
7566
- --pf-v6-c-jump-links__link-text--Color: var(--pf-v6-c-jump-links__link--hover__link-text--Color);
7216
+ .pf-v6-c-icon__content.pf-m-custom {
7217
+ --pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-custom--Color);
7567
7218
  }
7568
7219
 
7569
- .pf-v6-c-jump-links__link::before {
7220
+ .pf-v6-c-icon__progress {
7570
7221
  position: absolute;
7571
- inset: 0;
7572
- pointer-events: none;
7573
- content: "";
7574
- border-color: var(--pf-v6-c-jump-links__link--before--BorderColor);
7575
- border-style: solid;
7576
- border-block-start-width: var(--pf-v6-c-jump-links__link--before--BorderBlockStartWidth);
7577
- border-block-end-width: var(--pf-v6-c-jump-links__link--before--BorderBlockEndWidth);
7578
- border-inline-start-width: var(--pf-v6-c-jump-links__link--before--BorderInlineStartWidth);
7579
- border-inline-end-width: var(--pf-v6-c-jump-links__link--before--BorderInlineEndWidth);
7222
+ inset-block-start: calc(50% + 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign));
7223
+ opacity: var(--pf-v6-c-icon__progress--Opacity, 0);
7224
+ transform: translateY(calc(-50% - 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign)));
7580
7225
  }
7581
7226
 
7582
- .pf-v6-c-jump-links__item {
7583
- --pf-v6-c-jump-links__list--before--BorderColor: transparent;
7227
+ .pf-v6-c-input-group {
7228
+ --pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
7229
+ --pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
7230
+ --pf-v6-c-input-group__item--BorderWidth--base: var(--pf-t--global--border--width--control--default);
7231
+ --pf-v6-c-input-group__item--BorderColor--base: var(--pf-t--global--border--color--default);
7232
+ --pf-v6-c-input-group__item--BackgroundColor: transparent;
7233
+ --pf-v6-c-input-group__item--AlignItems: start;
7234
+ --pf-v6-c-input-group__item--m-box--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7235
+ --pf-v6-c-input-group__item--m-box--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7236
+ --pf-v6-c-input-group__item--m-box--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
7237
+ --pf-v6-c-input-group__item--m-box--BorderWidth: var(--pf-v6-c-input-group__item--BorderWidth--base);
7238
+ --pf-v6-c-input-group__item--m-box--BorderRadius: var(--pf-t--global--border--radius--small);
7239
+ --pf-v6-c-input-group__item--m-box--BorderBlockStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
7240
+ --pf-v6-c-input-group__item--m-box--BorderInlineEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
7241
+ --pf-v6-c-input-group__item--m-box--BorderBlockEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
7242
+ --pf-v6-c-input-group__item--m-box--BorderInlineStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
7243
+ --pf-v6-c-input-group__item--m-plain--BackgroundColor: transparent;
7244
+ --pf-v6-c-input-group__text--FontSize: var(--pf-t--global--font--size--body--default);
7245
+ --pf-v6-c-input-group__text--Color: var(--pf-t--global--text--color--regular);
7246
+ --pf-v6-c-input-group__item--m-disabled__text--Color: var(--pf-t--global--text--color--on-disabled);
7247
+ --pf-v6-c-input-group__item--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7584
7248
  }
7585
7249
 
7586
- .pf-v6-c-jump-links__item.pf-m-current > .pf-v6-c-jump-links__link {
7587
- --pf-v6-c-jump-links__link--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth);
7588
- --pf-v6-c-jump-links__link--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth);
7589
- --pf-v6-c-jump-links__link--before--BorderColor: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderColor);
7590
- --pf-v6-c-jump-links__link-text--Color: var(--pf-v6-c-jump-links__item--m-current__link-text--Color);
7250
+ .pf-v6-c-input-group {
7251
+ display: flex;
7252
+ gap: var(--pf-v6-c-input-group--Gap);
7253
+ width: 100%;
7591
7254
  }
7592
7255
 
7593
- .pf-v6-c-jump-links__link-text {
7594
- color: var(--pf-v6-c-jump-links__link-text--Color);
7256
+ .pf-v6-c-input-group__item {
7257
+ position: relative;
7258
+ display: flex;
7259
+ align-items: var(--pf-v6-c-input-group__item--AlignItems);
7260
+ min-width: var(--pf-v6-c-input-group__item--MinWidth, revert);
7261
+ max-width: var(--pf-v6-c-input-group__item--MaxWidth, revert);
7262
+ background-color: var(--pf-v6-c-input-group__item--BackgroundColor);
7263
+ border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
7264
+ border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
7265
+ border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
7266
+ border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
7595
7267
  }
7596
7268
 
7597
- .pf-v6-c-jump-links__label {
7598
- display: var(--pf-v6-c-jump-links__label--Display);
7599
- margin-block-end: var(--pf-v6-c-jump-links__label--MarginBlockEnd);
7269
+ .pf-v6-c-input-group__item.pf-m-box {
7270
+ --pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-box--BackgroundColor);
7271
+ padding-inline-start: var(--pf-v6-c-input-group__item--m-box--PaddingInlineStart);
7272
+ padding-inline-end: var(--pf-v6-c-input-group__item--m-box--PaddingInlineEnd);
7273
+ border: var(--pf-v6-c-input-group__item--m-box--BorderWidth) solid;
7274
+ border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
7275
+ border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
7276
+ border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
7277
+ border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
7278
+ border-radius: var(--pf-v6-c-input-group__item--m-box--BorderRadius);
7600
7279
  }
7601
7280
 
7602
- .pf-v6-c-jump-links__main {
7603
- display: flex;
7604
- flex-direction: column;
7281
+ .pf-v6-c-input-group__item.pf-m-plain {
7282
+ --pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-plain--BackgroundColor);
7283
+ border: none;
7605
7284
  }
7606
7285
 
7607
- .pf-v6-c-jump-links__toggle {
7608
- display: var(--pf-v6-c-jump-links__toggle--Display);
7609
- margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
7286
+ .pf-v6-c-input-group__item.pf-m-disabled {
7287
+ --pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-disabled--BackgroundColor);
7288
+ --pf-v6-c-input-group__text--Color: var(--pf-v6-c-input-group__item--m-disabled__text--Color);
7610
7289
  }
7611
7290
 
7612
- .pf-v6-c-jump-links__toggle-icon {
7613
- display: inline-block;
7614
- color: var(--pf-v6-c-jump-links__toggle-icon--Color);
7615
- transition: transform var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration) var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
7616
- transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
7291
+ .pf-v6-c-input-group__item.pf-m-fill {
7292
+ flex-grow: 1;
7293
+ }
7294
+
7295
+ .pf-v6-c-input-group__text {
7296
+ align-self: center;
7297
+ font-size: var(--pf-v6-c-input-group__text--FontSize);
7298
+ color: var(--pf-v6-c-input-group__text--Color);
7617
7299
  }
7618
7300
 
7619
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
7620
- scale: -1 1;
7301
+ label.pf-v6-c-input-group__text {
7302
+ cursor: pointer;
7621
7303
  }
7622
7304
 
7623
7305
  .pf-v6-c-sidebar {
@@ -7978,80 +7660,262 @@ label.pf-v6-c-input-group__text {
7978
7660
  --pf-v6-c-sidebar__panel--FlexBasis: 100%;
7979
7661
  }
7980
7662
  }
7981
- .pf-v6-c-list {
7982
- --pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
7983
- --pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
7984
- --pf-v6-c-list--Gap: var(--pf-t--global--spacer--sm);
7985
- --pf-v6-c-list--nested--PaddingBlockStart: var(--pf-v6-c-list--Gap);
7986
- --pf-v6-c-list--m-plain--PaddingInlineStart: 0;
7987
- --pf-v6-c-list--m-inline--PaddingInlineStart: 0;
7988
- --pf-v6-c-list--m-inline--ColumnGap: var(--pf-t--global--spacer--lg);
7989
- --pf-v6-c-list--m-inline--RowGap: var(--pf-t--global--spacer--xs);
7990
- --pf-v6-c-list--m-bordered--li--PaddingBlockStart: var(--pf-v6-c-list--Gap);
7991
- --pf-v6-c-list--m-bordered--li--BorderBlockStartColor: var(--pf-t--global--border--color--default);
7992
- --pf-v6-c-list--m-bordered--li--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
7993
- --pf-v6-c-list__item-icon--MinWidth: var(--pf-t--global--icon--size--sm);
7994
- --pf-v6-c-list__item-icon--MarginBlockStart: var(--pf-t--global--spacer--xs);
7995
- --pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
7996
- --pf-v6-c-list__item-icon--Color: var(--pf-t--global--icon--color--regular);
7997
- --pf-v6-c-list__item-icon--FontSize: var(--pf-t--global--icon--size--sm);
7998
- --pf-v6-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-t--global--icon--size--lg);
7999
- --pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
8000
- --pf-v6-c-list--m-icon-lg__item-icon--FontSize: var(--pf-t--global--icon--size--lg);
7663
+ .pf-v6-c-jump-links {
7664
+ --pf-v6-c-jump-links__list--Display: flex;
7665
+ --pf-v6-c-jump-links__list--PaddingBlockStart: 0;
7666
+ --pf-v6-c-jump-links__list--PaddingInlineEnd: var(--pf-t--global--spacer--md);
7667
+ --pf-v6-c-jump-links__list--PaddingBlockEnd: 0;
7668
+ --pf-v6-c-jump-links__list--PaddingInlineStart: var(--pf-t--global--spacer--md);
7669
+ --pf-v6-c-jump-links--m-vertical__list--PaddingBlockStart: var(--pf-t--global--spacer--md);
7670
+ --pf-v6-c-jump-links--m-vertical__list--PaddingInlineEnd: 0;
7671
+ --pf-v6-c-jump-links--m-vertical__list--PaddingBlockEnd: var(--pf-t--global--spacer--md);
7672
+ --pf-v6-c-jump-links--m-vertical__list--PaddingInlineStart: 0;
7673
+ --pf-v6-c-jump-links__list--FlexDirection: row;
7674
+ --pf-v6-c-jump-links--m-vertical__list--FlexDirection: column;
7675
+ --pf-v6-c-jump-links__list--before--BorderColor: var(--pf-t--global--border--color--default);
7676
+ --pf-v6-c-jump-links__list--before--BorderBlockStartWidth: var(--pf-t--global--border--width--box--default);
7677
+ --pf-v6-c-jump-links__list--before--BorderInlineEndWidth: 0;
7678
+ --pf-v6-c-jump-links__list--before--BorderBlockEndWidth: 0;
7679
+ --pf-v6-c-jump-links__list--before--BorderInlineStartWidth: 0;
7680
+ --pf-v6-c-jump-links--m-vertical__list--before--BorderInlineStartWidth: var(--pf-t--global--border--width--box--default);
7681
+ --pf-v6-c-jump-links--m-vertical__list--before--BorderBlockStartWidth: 0;
7682
+ --pf-v6-c-jump-links__list__list--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
7683
+ --pf-v6-c-jump-links__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
7684
+ --pf-v6-c-jump-links__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7685
+ --pf-v6-c-jump-links__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
7686
+ --pf-v6-c-jump-links__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7687
+ --pf-v6-c-jump-links__list__list__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
7688
+ --pf-v6-c-jump-links__list__list__link--PaddingInlineStart: var(--pf-t--global--spacer--lg);
7689
+ --pf-v6-c-jump-links__list__list__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
7690
+ --pf-v6-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--sm));
7691
+ --pf-v6-c-jump-links__link--before--BorderBlockStartWidth: 0;
7692
+ --pf-v6-c-jump-links__link--before--BorderInlineEndWidth: 0;
7693
+ --pf-v6-c-jump-links__link--before--BorderBlockEndWidth: 0;
7694
+ --pf-v6-c-jump-links__link--before--BorderInlineStartWidth: 0;
7695
+ --pf-v6-c-jump-links__link--before--BorderColor: transparent;
7696
+ --pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-t--global--border--width--extra-strong);
7697
+ --pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth: 0;
7698
+ --pf-v6-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-t--global--border--color--clicked);
7699
+ --pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth: 0;
7700
+ --pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth: var(--pf-t--global--border--width--extra-strong);
7701
+ --pf-v6-c-jump-links__link-text--Color: var(--pf-t--global--text--color--subtle);
7702
+ --pf-v6-c-jump-links__link--hover__link-text--Color: var(--pf-t--global--text--color--subtle);
7703
+ --pf-v6-c-jump-links__item--m-current__link-text--Color: var(--pf-t--global--text--color--regular);
7704
+ --pf-v6-c-jump-links__label--MarginBlockEnd: var(--pf-t--global--spacer--md);
7705
+ --pf-v6-c-jump-links__label--Display: block;
7706
+ --pf-v6-c-jump-links__toggle--MarginBlockEnd: 0;
7707
+ --pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: var(--pf-t--global--spacer--sm);
7708
+ --pf-v6-c-jump-links__toggle--Display: none;
7709
+ --pf-v6-c-jump-links__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
7710
+ --pf-v6-c-jump-links__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
7711
+ --pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
7712
+ --pf-v6-c-jump-links__toggle-icon--Rotate: 0;
7713
+ --pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
8001
7714
  }
8002
7715
 
8003
- .pf-v6-c-list {
7716
+ .pf-v6-c-jump-links {
8004
7717
  display: flex;
7718
+ }
7719
+
7720
+ .pf-v6-c-jump-links.pf-m-center {
7721
+ justify-content: center;
7722
+ }
7723
+
7724
+ .pf-v6-c-jump-links.pf-m-center .pf-v6-c-jump-links__main {
7725
+ align-items: center;
7726
+ }
7727
+
7728
+ .pf-v6-c-jump-links.pf-m-vertical, .pf-v6-c-jump-links.pf-m-expandable {
7729
+ --pf-v6-c-jump-links__list--PaddingBlockStart: var(--pf-v6-c-jump-links--m-vertical__list--PaddingBlockStart);
7730
+ --pf-v6-c-jump-links__list--PaddingInlineEnd: var(--pf-v6-c-jump-links--m-vertical__list--PaddingInlineEnd);
7731
+ --pf-v6-c-jump-links__list--PaddingBlockEnd: var(--pf-v6-c-jump-links--m-vertical__list--PaddingBlockEnd);
7732
+ --pf-v6-c-jump-links__list--PaddingInlineStart: var(--pf-v6-c-jump-links--m-vertical__list--PaddingInlineStart);
7733
+ --pf-v6-c-jump-links__list--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderBlockStartWidth);
7734
+ --pf-v6-c-jump-links__list--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderInlineStartWidth);
7735
+ --pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth);
7736
+ --pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth);
7737
+ --pf-v6-c-jump-links__list--FlexDirection: var(--pf-v6-c-jump-links--m-vertical__list--FlexDirection);
8005
7738
  flex-direction: column;
8006
- gap: var(--pf-v6-c-list--Gap);
8007
- padding-inline-start: var(--pf-v6-c-list--PaddingInlineStart);
8008
7739
  }
8009
7740
 
8010
- .pf-v6-c-list .pf-v6-c-list {
8011
- padding-block-start: var(--pf-v6-c-list--nested--PaddingBlockStart);
7741
+ .pf-v6-c-jump-links.pf-m-expandable {
7742
+ --pf-v6-c-jump-links__list--Display: none;
7743
+ --pf-v6-c-jump-links__toggle--Display: block;
7744
+ --pf-v6-c-jump-links__label--Display: none;
8012
7745
  }
8013
7746
 
8014
- ul.pf-v6-c-list {
8015
- list-style: var(--pf-v6-c-list--ul--ListStyle);
7747
+ .pf-v6-c-jump-links.pf-m-non-expandable {
7748
+ --pf-v6-c-jump-links__list--Display: flex;
7749
+ --pf-v6-c-jump-links__toggle--Display: none;
7750
+ --pf-v6-c-jump-links__label--Display: block;
8016
7751
  }
8017
7752
 
8018
- .pf-v6-c-list.pf-m-icon-lg {
8019
- --pf-v6-c-list__item-icon--MinWidth: var(--pf-v6-c-list--m-icon-lg__item-icon--MinWidth);
8020
- --pf-v6-c-list__item-icon--MarginBlockStart: 0;
8021
- --pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd);
8022
- --pf-v6-c-list__item-icon--FontSize: var(--pf-v6-c-list--m-icon-lg__item-icon--FontSize);
7753
+ @media (min-width: 36rem) {
7754
+ .pf-v6-c-jump-links.pf-m-expandable-on-sm {
7755
+ --pf-v6-c-jump-links__list--Display: none;
7756
+ --pf-v6-c-jump-links__toggle--Display: block;
7757
+ --pf-v6-c-jump-links__label--Display: none;
7758
+ }
7759
+ .pf-v6-c-jump-links.pf-m-non-expandable-on-sm {
7760
+ --pf-v6-c-jump-links__list--Display: flex;
7761
+ --pf-v6-c-jump-links__toggle--Display: none;
7762
+ --pf-v6-c-jump-links__label--Display: block;
7763
+ }
7764
+ }
7765
+ @media (min-width: 48rem) {
7766
+ .pf-v6-c-jump-links.pf-m-expandable-on-md {
7767
+ --pf-v6-c-jump-links__list--Display: none;
7768
+ --pf-v6-c-jump-links__toggle--Display: block;
7769
+ --pf-v6-c-jump-links__label--Display: none;
7770
+ }
7771
+ .pf-v6-c-jump-links.pf-m-non-expandable-on-md {
7772
+ --pf-v6-c-jump-links__list--Display: flex;
7773
+ --pf-v6-c-jump-links__toggle--Display: none;
7774
+ --pf-v6-c-jump-links__label--Display: block;
7775
+ }
7776
+ }
7777
+ @media (min-width: 62rem) {
7778
+ .pf-v6-c-jump-links.pf-m-expandable-on-lg {
7779
+ --pf-v6-c-jump-links__list--Display: none;
7780
+ --pf-v6-c-jump-links__toggle--Display: block;
7781
+ --pf-v6-c-jump-links__label--Display: none;
7782
+ }
7783
+ .pf-v6-c-jump-links.pf-m-non-expandable-on-lg {
7784
+ --pf-v6-c-jump-links__list--Display: flex;
7785
+ --pf-v6-c-jump-links__toggle--Display: none;
7786
+ --pf-v6-c-jump-links__label--Display: block;
7787
+ }
7788
+ }
7789
+ @media (min-width: 75rem) {
7790
+ .pf-v6-c-jump-links.pf-m-expandable-on-xl {
7791
+ --pf-v6-c-jump-links__list--Display: none;
7792
+ --pf-v6-c-jump-links__toggle--Display: block;
7793
+ --pf-v6-c-jump-links__label--Display: none;
7794
+ }
7795
+ .pf-v6-c-jump-links.pf-m-non-expandable-on-xl {
7796
+ --pf-v6-c-jump-links__list--Display: flex;
7797
+ --pf-v6-c-jump-links__toggle--Display: none;
7798
+ --pf-v6-c-jump-links__label--Display: block;
7799
+ }
7800
+ }
7801
+ @media (min-width: 90.625rem) {
7802
+ .pf-v6-c-jump-links.pf-m-expandable-on-2xl {
7803
+ --pf-v6-c-jump-links__list--Display: none;
7804
+ --pf-v6-c-jump-links__toggle--Display: block;
7805
+ --pf-v6-c-jump-links__label--Display: none;
7806
+ }
7807
+ .pf-v6-c-jump-links.pf-m-non-expandable-on-2xl {
7808
+ --pf-v6-c-jump-links__list--Display: flex;
7809
+ --pf-v6-c-jump-links__toggle--Display: none;
7810
+ --pf-v6-c-jump-links__label--Display: block;
7811
+ }
7812
+ }
7813
+ .pf-v6-c-jump-links.pf-m-expanded {
7814
+ --pf-v6-c-jump-links__list--Display: flex;
7815
+ --pf-v6-c-jump-links__toggle--MarginBlockEnd: var(--pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd);
7816
+ --pf-v6-c-jump-links__toggle-icon--Rotate: var(--pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate);
7817
+ --pf-v6-c-jump-links__toggle-icon--Color: var(--pf-v6-c-jump-links--m-expanded__toggle-icon--Color);
7818
+ }
7819
+
7820
+ .pf-v6-c-jump-links__list {
7821
+ position: relative;
7822
+ display: var(--pf-v6-c-jump-links__list--Display);
7823
+ flex-direction: var(--pf-v6-c-jump-links__list--FlexDirection);
7824
+ padding-block-start: var(--pf-v6-c-jump-links__list--PaddingBlockStart);
7825
+ padding-block-end: var(--pf-v6-c-jump-links__list--PaddingBlockEnd);
7826
+ padding-inline-start: var(--pf-v6-c-jump-links__list--PaddingInlineStart);
7827
+ padding-inline-end: var(--pf-v6-c-jump-links__list--PaddingInlineEnd);
7828
+ }
7829
+
7830
+ .pf-v6-c-jump-links__list::before {
7831
+ position: absolute;
7832
+ inset: 0;
7833
+ pointer-events: none;
7834
+ content: "";
7835
+ border: solid var(--pf-v6-c-jump-links__list--before--BorderColor);
7836
+ border-block-start-width: var(--pf-v6-c-jump-links__list--before--BorderBlockStartWidth);
7837
+ border-block-end-width: var(--pf-v6-c-jump-links__list--before--BorderBlockEndWidth);
7838
+ border-inline-start-width: var(--pf-v6-c-jump-links__list--before--BorderInlineStartWidth);
7839
+ border-inline-end-width: var(--pf-v6-c-jump-links__list--before--BorderInlineEndWidth);
7840
+ }
7841
+
7842
+ .pf-v6-c-jump-links__list .pf-v6-c-jump-links__list {
7843
+ --pf-v6-c-jump-links__list--PaddingBlockStart: 0;
7844
+ --pf-v6-c-jump-links__list--PaddingBlockEnd: 0;
7845
+ --pf-v6-c-jump-links__link--PaddingBlockStart: var(--pf-v6-c-jump-links__list__list__link--PaddingBlockStart);
7846
+ --pf-v6-c-jump-links__link--PaddingBlockEnd: var(--pf-v6-c-jump-links__list__list__link--PaddingBlockEnd);
7847
+ --pf-v6-c-jump-links__link--PaddingInlineStart: var(--pf-v6-c-jump-links__list__list__link--PaddingInlineStart);
7848
+ margin-block-start: var(--pf-v6-c-jump-links__list__list--MarginBlockStart);
7849
+ }
7850
+
7851
+ .pf-v6-c-jump-links__link {
7852
+ position: relative;
7853
+ display: flex;
7854
+ flex: 1;
7855
+ padding-block-start: var(--pf-v6-c-jump-links__link--PaddingBlockStart);
7856
+ padding-block-end: var(--pf-v6-c-jump-links__link--PaddingBlockEnd);
7857
+ padding-inline-start: var(--pf-v6-c-jump-links__link--PaddingInlineStart);
7858
+ padding-inline-end: var(--pf-v6-c-jump-links__link--PaddingInlineEnd);
7859
+ text-decoration: none;
7860
+ outline-offset: var(--pf-v6-c-jump-links__link--OutlineOffset);
7861
+ }
7862
+
7863
+ .pf-v6-c-jump-links__link:is(:hover, :focus) {
7864
+ --pf-v6-c-jump-links__link-text--Color: var(--pf-v6-c-jump-links__link--hover__link-text--Color);
7865
+ }
7866
+
7867
+ .pf-v6-c-jump-links__link::before {
7868
+ position: absolute;
7869
+ inset: 0;
7870
+ pointer-events: none;
7871
+ content: "";
7872
+ border-color: var(--pf-v6-c-jump-links__link--before--BorderColor);
7873
+ border-style: solid;
7874
+ border-block-start-width: var(--pf-v6-c-jump-links__link--before--BorderBlockStartWidth);
7875
+ border-block-end-width: var(--pf-v6-c-jump-links__link--before--BorderBlockEndWidth);
7876
+ border-inline-start-width: var(--pf-v6-c-jump-links__link--before--BorderInlineStartWidth);
7877
+ border-inline-end-width: var(--pf-v6-c-jump-links__link--before--BorderInlineEndWidth);
7878
+ }
7879
+
7880
+ .pf-v6-c-jump-links__item {
7881
+ --pf-v6-c-jump-links__list--before--BorderColor: transparent;
7882
+ }
7883
+
7884
+ .pf-v6-c-jump-links__item.pf-m-current > .pf-v6-c-jump-links__link {
7885
+ --pf-v6-c-jump-links__link--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth);
7886
+ --pf-v6-c-jump-links__link--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth);
7887
+ --pf-v6-c-jump-links__link--before--BorderColor: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderColor);
7888
+ --pf-v6-c-jump-links__link-text--Color: var(--pf-v6-c-jump-links__item--m-current__link-text--Color);
7889
+ }
7890
+
7891
+ .pf-v6-c-jump-links__link-text {
7892
+ color: var(--pf-v6-c-jump-links__link-text--Color);
8023
7893
  }
8024
7894
 
8025
- .pf-v6-c-list.pf-m-plain {
8026
- --pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-plain--PaddingInlineStart);
8027
- list-style: none;
7895
+ .pf-v6-c-jump-links__label {
7896
+ display: var(--pf-v6-c-jump-links__label--Display);
7897
+ margin-block-end: var(--pf-v6-c-jump-links__label--MarginBlockEnd);
8028
7898
  }
8029
7899
 
8030
- .pf-v6-c-list.pf-m-inline {
8031
- --pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-inline--PaddingInlineStart);
8032
- --pf-v6-c-list--Gap: var(--pf-v6-c-list--m-inline--RowGap) var(--pf-v6-c-list--m-inline--ColumnGap);
8033
- flex-direction: row;
8034
- flex-wrap: wrap;
8035
- list-style: none;
7900
+ .pf-v6-c-jump-links__main {
7901
+ display: flex;
7902
+ flex-direction: column;
8036
7903
  }
8037
7904
 
8038
- .pf-v6-c-list.pf-m-bordered > * + * {
8039
- padding-block-start: var(--pf-v6-c-list--m-bordered--li--PaddingBlockStart);
8040
- border-block-start: var(--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth) solid var(--pf-v6-c-list--m-bordered--li--BorderBlockStartColor);
7905
+ .pf-v6-c-jump-links__toggle {
7906
+ display: var(--pf-v6-c-jump-links__toggle--Display);
7907
+ margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
8041
7908
  }
8042
7909
 
8043
- .pf-v6-c-list__item {
8044
- display: flex;
7910
+ .pf-v6-c-jump-links__toggle-icon {
7911
+ display: inline-block;
7912
+ color: var(--pf-v6-c-jump-links__toggle-icon--Color);
7913
+ transition: transform var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration) var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
7914
+ transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
8045
7915
  }
8046
7916
 
8047
- .pf-v6-c-list__item-icon {
8048
- flex-shrink: 0;
8049
- min-width: var(--pf-v6-c-list__item-icon--MinWidth);
8050
- margin-block-start: var(--pf-v6-c-list__item-icon--MarginBlockStart);
8051
- margin-inline-end: var(--pf-v6-c-list__item-icon--MarginInlineEnd);
8052
- font-size: var(--pf-v6-c-list__item-icon--FontSize);
8053
- line-height: 1;
8054
- color: var(--pf-v6-c-list__item-icon--Color);
7917
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
7918
+ scale: -1 1;
8055
7919
  }
8056
7920
 
8057
7921
  .pf-v6-c-label {
@@ -8999,6 +8863,82 @@ input.pf-v6-c-label__content {
8999
8863
  padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingBlockStart);
9000
8864
  }
9001
8865
 
8866
+ .pf-v6-c-list {
8867
+ --pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
8868
+ --pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
8869
+ --pf-v6-c-list--Gap: var(--pf-t--global--spacer--sm);
8870
+ --pf-v6-c-list--nested--PaddingBlockStart: var(--pf-v6-c-list--Gap);
8871
+ --pf-v6-c-list--m-plain--PaddingInlineStart: 0;
8872
+ --pf-v6-c-list--m-inline--PaddingInlineStart: 0;
8873
+ --pf-v6-c-list--m-inline--ColumnGap: var(--pf-t--global--spacer--lg);
8874
+ --pf-v6-c-list--m-inline--RowGap: var(--pf-t--global--spacer--xs);
8875
+ --pf-v6-c-list--m-bordered--li--PaddingBlockStart: var(--pf-v6-c-list--Gap);
8876
+ --pf-v6-c-list--m-bordered--li--BorderBlockStartColor: var(--pf-t--global--border--color--default);
8877
+ --pf-v6-c-list--m-bordered--li--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
8878
+ --pf-v6-c-list__item-icon--MinWidth: var(--pf-t--global--icon--size--sm);
8879
+ --pf-v6-c-list__item-icon--MarginBlockStart: var(--pf-t--global--spacer--xs);
8880
+ --pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
8881
+ --pf-v6-c-list__item-icon--Color: var(--pf-t--global--icon--color--regular);
8882
+ --pf-v6-c-list__item-icon--FontSize: var(--pf-t--global--icon--size--sm);
8883
+ --pf-v6-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-t--global--icon--size--lg);
8884
+ --pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
8885
+ --pf-v6-c-list--m-icon-lg__item-icon--FontSize: var(--pf-t--global--icon--size--lg);
8886
+ }
8887
+
8888
+ .pf-v6-c-list {
8889
+ display: flex;
8890
+ flex-direction: column;
8891
+ gap: var(--pf-v6-c-list--Gap);
8892
+ padding-inline-start: var(--pf-v6-c-list--PaddingInlineStart);
8893
+ }
8894
+
8895
+ .pf-v6-c-list .pf-v6-c-list {
8896
+ padding-block-start: var(--pf-v6-c-list--nested--PaddingBlockStart);
8897
+ }
8898
+
8899
+ ul.pf-v6-c-list {
8900
+ list-style: var(--pf-v6-c-list--ul--ListStyle);
8901
+ }
8902
+
8903
+ .pf-v6-c-list.pf-m-icon-lg {
8904
+ --pf-v6-c-list__item-icon--MinWidth: var(--pf-v6-c-list--m-icon-lg__item-icon--MinWidth);
8905
+ --pf-v6-c-list__item-icon--MarginBlockStart: 0;
8906
+ --pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd);
8907
+ --pf-v6-c-list__item-icon--FontSize: var(--pf-v6-c-list--m-icon-lg__item-icon--FontSize);
8908
+ }
8909
+
8910
+ .pf-v6-c-list.pf-m-plain {
8911
+ --pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-plain--PaddingInlineStart);
8912
+ list-style: none;
8913
+ }
8914
+
8915
+ .pf-v6-c-list.pf-m-inline {
8916
+ --pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-inline--PaddingInlineStart);
8917
+ --pf-v6-c-list--Gap: var(--pf-v6-c-list--m-inline--RowGap) var(--pf-v6-c-list--m-inline--ColumnGap);
8918
+ flex-direction: row;
8919
+ flex-wrap: wrap;
8920
+ list-style: none;
8921
+ }
8922
+
8923
+ .pf-v6-c-list.pf-m-bordered > * + * {
8924
+ padding-block-start: var(--pf-v6-c-list--m-bordered--li--PaddingBlockStart);
8925
+ border-block-start: var(--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth) solid var(--pf-v6-c-list--m-bordered--li--BorderBlockStartColor);
8926
+ }
8927
+
8928
+ .pf-v6-c-list__item {
8929
+ display: flex;
8930
+ }
8931
+
8932
+ .pf-v6-c-list__item-icon {
8933
+ flex-shrink: 0;
8934
+ min-width: var(--pf-v6-c-list__item-icon--MinWidth);
8935
+ margin-block-start: var(--pf-v6-c-list__item-icon--MarginBlockStart);
8936
+ margin-inline-end: var(--pf-v6-c-list__item-icon--MarginInlineEnd);
8937
+ font-size: var(--pf-v6-c-list__item-icon--FontSize);
8938
+ line-height: 1;
8939
+ color: var(--pf-v6-c-list__item-icon--Color);
8940
+ }
8941
+
9002
8942
  .pf-v6-c-masthead {
9003
8943
  --pf-v6-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
9004
8944
  --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
@@ -11718,6 +11658,66 @@ input.pf-v6-c-label__content {
11718
11658
  transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
11719
11659
  }
11720
11660
 
11661
+ .pf-v6-c-file-upload {
11662
+ --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
11663
+ --pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11664
+ --pf-v6-c-file-upload--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11665
+ --pf-v6-c-file-upload--PaddingInlineStart: var(--pf-t--global--spacer--sm);
11666
+ --pf-v6-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
11667
+ --pf-v6-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
11668
+ --pf-v6-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
11669
+ --pf-v6-c-file-upload--BorderColor: transparent;
11670
+ --pf-v6-c-file-upload--BorderStyle: solid;
11671
+ --pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--icon--color--brand--default);
11672
+ --pf-v6-c-file-upload--m-drag-hover--BorderStyle: dashed;
11673
+ --pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
11674
+ --pf-v6-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
11675
+ }
11676
+
11677
+ .pf-v6-c-file-upload {
11678
+ position: relative;
11679
+ display: flex;
11680
+ flex-direction: column;
11681
+ row-gap: var(--pf-v6-c-file-upload--RowGap);
11682
+ padding-block-start: var(--pf-v6-c-file-upload--PaddingBlockStart);
11683
+ padding-block-end: var(--pf-v6-c-file-upload--PaddingBlockEnd);
11684
+ padding-inline-start: var(--pf-v6-c-file-upload--PaddingInlineStart);
11685
+ padding-inline-end: var(--pf-v6-c-file-upload--PaddingInlineEnd);
11686
+ border: var(--pf-v6-c-file-upload--BorderWidth) var(--pf-v6-c-file-upload--BorderStyle) var(--pf-v6-c-file-upload--BorderColor);
11687
+ border-radius: var(--pf-v6-c-file-upload--BorderRadius);
11688
+ }
11689
+
11690
+ .pf-v6-c-file-upload.pf-m-drag-hover {
11691
+ --pf-v6-c-file-upload--BorderColor: var(--pf-v6-c-file-upload--m-drag-hover--BorderColor);
11692
+ --pf-v6-c-file-upload--BorderStyle: var(--pf-v6-c-file-upload--m-drag-hover--BorderStyle);
11693
+ }
11694
+
11695
+ .pf-v6-c-file-upload.pf-m-loading .pf-v6-c-file-upload__file-details {
11696
+ position: relative;
11697
+ }
11698
+
11699
+ .pf-v6-c-file-upload__file-select .pf-v6-c-button.pf-m-control {
11700
+ outline-offset: var(--pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset);
11701
+ }
11702
+
11703
+ .pf-v6-c-file-upload__file-details {
11704
+ position: relative;
11705
+ display: flex;
11706
+ }
11707
+
11708
+ .pf-v6-c-file-upload__file-details .pf-v6-c-form-control {
11709
+ flex: 1 1 auto;
11710
+ min-height: var(--pf-v6-c-file-upload__file-details__c-form-control--MinHeight);
11711
+ border-block-start: 0;
11712
+ }
11713
+
11714
+ .pf-v6-c-file-upload__file-details-spinner {
11715
+ position: absolute;
11716
+ inset-block-start: 50%;
11717
+ inset-inline-start: 50%;
11718
+ transform: translate(-50%, -50%);
11719
+ }
11720
+
11721
11721
  .pf-v6-c-overflow-menu {
11722
11722
  --pf-v6-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
11723
11723
  --pf-v6-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
@@ -14181,123 +14181,25 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14181
14181
  text-decoration: none;
14182
14182
  }
14183
14183
 
14184
- .pf-v6-c-simple-list__item-link.pf-m-current {
14185
- --pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--m-current--BackgroundColor);
14186
- --pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--m-current--Color);
14187
- }
14188
-
14189
- .pf-v6-c-simple-list__title {
14190
- padding-block-start: var(--pf-v6-c-simple-list__title--PaddingBlockStart);
14191
- padding-block-end: var(--pf-v6-c-simple-list__title--PaddingBlockEnd);
14192
- padding-inline-start: var(--pf-v6-c-simple-list__title--PaddingInlineStart);
14193
- padding-inline-end: var(--pf-v6-c-simple-list__title--PaddingInlineEnd);
14194
- font-size: var(--pf-v6-c-simple-list__title--FontSize);
14195
- font-weight: var(--pf-v6-c-simple-list__title--FontWeight);
14196
- color: var(--pf-v6-c-simple-list__title--Color);
14197
- }
14198
-
14199
- .pf-v6-c-simple-list__section + .pf-v6-c-simple-list__section {
14200
- margin-block-start: var(--pf-v6-c-simple-list__section--section--MarginBlockStart);
14201
- }
14202
-
14203
- .pf-v6-c-skip-to-content {
14204
- --pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
14205
- --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
14206
- --pf-v6-c-skip-to-content--focus--InsetInlineStart: var(--pf-t--global--spacer--md);
14207
- }
14208
-
14209
- .pf-v6-c-skip-to-content {
14210
- position: absolute;
14211
- inset-block-start: var(--pf-v6-c-skip-to-content--InsetBlockStart);
14212
- inset-inline-start: -300%;
14213
- z-index: var(--pf-v6-c-skip-to-content--ZIndex);
14214
- }
14215
-
14216
- .pf-v6-c-skip-to-content:focus-within {
14217
- inset-inline-start: var(--pf-v6-c-skip-to-content--focus--InsetInlineStart);
14218
- }
14219
-
14220
- .pf-v6-c-spinner {
14221
- --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
14222
- --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
14223
- --pf-v6-c-spinner--Height: var(--pf-v6-c-spinner--diameter);
14224
- --pf-v6-c-spinner--Color: var(--pf-t--global--icon--color--brand--default);
14225
- --pf-v6-c-spinner--AnimationDuration: 1.4s;
14226
- --pf-v6-c-spinner--AnimationTimingFunction: linear;
14227
- --pf-v6-c-spinner--StrokeWidth: 10;
14228
- --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
14229
- --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
14230
- --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
14231
- --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
14232
- --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
14233
- --pf-v6-c-spinner--m-xl--diameter: var(--pf-t--global--icon--size--2xl);
14234
- --pf-v6-c-spinner--m-inline--diameter: 1em;
14235
- }
14236
-
14237
- .pf-v6-c-spinner {
14238
- width: var(--pf-v6-c-spinner--Width);
14239
- height: var(--pf-v6-c-spinner--Height);
14240
- overflow: hidden;
14241
- animation: pf-v6-c-spinner-animation-rotate calc(var(--pf-v6-c-spinner--AnimationDuration) * 2) var(--pf-v6-c-spinner--AnimationTimingFunction) infinite;
14242
- }
14243
-
14244
- .pf-v6-c-spinner.pf-m-inline {
14245
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
14246
- }
14247
-
14248
- .pf-v6-c-spinner.pf-m-sm {
14249
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
14250
- }
14251
-
14252
- .pf-v6-c-spinner.pf-m-md {
14253
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-md--diameter);
14254
- }
14255
-
14256
- .pf-v6-c-spinner.pf-m-lg {
14257
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
14258
- }
14259
-
14260
- .pf-v6-c-spinner.pf-m-xl {
14261
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xl--diameter);
14262
- }
14263
-
14264
- .pf-v6-c-spinner__path {
14265
- width: 100%;
14266
- height: 100%;
14267
- stroke: var(--pf-v6-c-spinner--Color);
14268
- stroke-dasharray: 283;
14269
- stroke-dashoffset: 280;
14270
- stroke-linecap: round;
14271
- stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
14272
- transform-origin: 50% 50%;
14273
- animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
14184
+ .pf-v6-c-simple-list__item-link.pf-m-current {
14185
+ --pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--m-current--BackgroundColor);
14186
+ --pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--m-current--Color);
14274
14187
  }
14275
14188
 
14276
- @keyframes pf-v6-c-spinner-animation-rotate {
14277
- 0% {
14278
- transform: rotate(0deg);
14279
- }
14280
- 100% {
14281
- transform: rotate(360deg);
14282
- }
14189
+ .pf-v6-c-simple-list__title {
14190
+ padding-block-start: var(--pf-v6-c-simple-list__title--PaddingBlockStart);
14191
+ padding-block-end: var(--pf-v6-c-simple-list__title--PaddingBlockEnd);
14192
+ padding-inline-start: var(--pf-v6-c-simple-list__title--PaddingInlineStart);
14193
+ padding-inline-end: var(--pf-v6-c-simple-list__title--PaddingInlineEnd);
14194
+ font-size: var(--pf-v6-c-simple-list__title--FontSize);
14195
+ font-weight: var(--pf-v6-c-simple-list__title--FontWeight);
14196
+ color: var(--pf-v6-c-simple-list__title--Color);
14283
14197
  }
14284
- @keyframes pf-v6-c-spinner-animation-dash {
14285
- 0% {
14286
- stroke-dashoffset: 280;
14287
- transform: rotate(0);
14288
- }
14289
- 15% {
14290
- stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
14291
- }
14292
- 40% {
14293
- stroke-dasharray: 220;
14294
- stroke-dashoffset: 150;
14295
- }
14296
- 100% {
14297
- stroke-dashoffset: 280;
14298
- transform: rotate(720deg);
14299
- }
14198
+
14199
+ .pf-v6-c-simple-list__section + .pf-v6-c-simple-list__section {
14200
+ margin-block-start: var(--pf-v6-c-simple-list__section--section--MarginBlockStart);
14300
14201
  }
14202
+
14301
14203
  .pf-v6-c-skeleton {
14302
14204
  --pf-v6-c-skeleton--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
14303
14205
  --pf-v6-c-skeleton--Width: auto;
@@ -14491,6 +14393,23 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14491
14393
  transform: translateX(100%);
14492
14394
  }
14493
14395
  }
14396
+ .pf-v6-c-skip-to-content {
14397
+ --pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
14398
+ --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
14399
+ --pf-v6-c-skip-to-content--focus--InsetInlineStart: var(--pf-t--global--spacer--md);
14400
+ }
14401
+
14402
+ .pf-v6-c-skip-to-content {
14403
+ position: absolute;
14404
+ inset-block-start: var(--pf-v6-c-skip-to-content--InsetBlockStart);
14405
+ inset-inline-start: -300%;
14406
+ z-index: var(--pf-v6-c-skip-to-content--ZIndex);
14407
+ }
14408
+
14409
+ .pf-v6-c-skip-to-content:focus-within {
14410
+ inset-inline-start: var(--pf-v6-c-skip-to-content--focus--InsetInlineStart);
14411
+ }
14412
+
14494
14413
  .pf-v6-c-slider {
14495
14414
  --pf-v6-c-slider--value: 0;
14496
14415
  --pf-v6-c-slider__step--InsetInlineStart: 0;
@@ -14728,6 +14647,87 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14728
14647
  margin-inline-start: var(--pf-v6-c-slider__main--actions--MarginInlineStart);
14729
14648
  }
14730
14649
 
14650
+ .pf-v6-c-spinner {
14651
+ --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
14652
+ --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
14653
+ --pf-v6-c-spinner--Height: var(--pf-v6-c-spinner--diameter);
14654
+ --pf-v6-c-spinner--Color: var(--pf-t--global--icon--color--brand--default);
14655
+ --pf-v6-c-spinner--AnimationDuration: 1.4s;
14656
+ --pf-v6-c-spinner--AnimationTimingFunction: linear;
14657
+ --pf-v6-c-spinner--StrokeWidth: 10;
14658
+ --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
14659
+ --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
14660
+ --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
14661
+ --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
14662
+ --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
14663
+ --pf-v6-c-spinner--m-xl--diameter: var(--pf-t--global--icon--size--2xl);
14664
+ --pf-v6-c-spinner--m-inline--diameter: 1em;
14665
+ }
14666
+
14667
+ .pf-v6-c-spinner {
14668
+ width: var(--pf-v6-c-spinner--Width);
14669
+ height: var(--pf-v6-c-spinner--Height);
14670
+ overflow: hidden;
14671
+ animation: pf-v6-c-spinner-animation-rotate calc(var(--pf-v6-c-spinner--AnimationDuration) * 2) var(--pf-v6-c-spinner--AnimationTimingFunction) infinite;
14672
+ }
14673
+
14674
+ .pf-v6-c-spinner.pf-m-inline {
14675
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
14676
+ }
14677
+
14678
+ .pf-v6-c-spinner.pf-m-sm {
14679
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
14680
+ }
14681
+
14682
+ .pf-v6-c-spinner.pf-m-md {
14683
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-md--diameter);
14684
+ }
14685
+
14686
+ .pf-v6-c-spinner.pf-m-lg {
14687
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
14688
+ }
14689
+
14690
+ .pf-v6-c-spinner.pf-m-xl {
14691
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xl--diameter);
14692
+ }
14693
+
14694
+ .pf-v6-c-spinner__path {
14695
+ width: 100%;
14696
+ height: 100%;
14697
+ stroke: var(--pf-v6-c-spinner--Color);
14698
+ stroke-dasharray: 283;
14699
+ stroke-dashoffset: 280;
14700
+ stroke-linecap: round;
14701
+ stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
14702
+ transform-origin: 50% 50%;
14703
+ animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
14704
+ }
14705
+
14706
+ @keyframes pf-v6-c-spinner-animation-rotate {
14707
+ 0% {
14708
+ transform: rotate(0deg);
14709
+ }
14710
+ 100% {
14711
+ transform: rotate(360deg);
14712
+ }
14713
+ }
14714
+ @keyframes pf-v6-c-spinner-animation-dash {
14715
+ 0% {
14716
+ stroke-dashoffset: 280;
14717
+ transform: rotate(0);
14718
+ }
14719
+ 15% {
14720
+ stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
14721
+ }
14722
+ 40% {
14723
+ stroke-dasharray: 220;
14724
+ stroke-dashoffset: 150;
14725
+ }
14726
+ 100% {
14727
+ stroke-dashoffset: 280;
14728
+ transform: rotate(720deg);
14729
+ }
14730
+ }
14731
14731
  .pf-v6-c-switch {
14732
14732
  --pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
14733
14733
  --pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
@@ -15910,62 +15910,192 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15910
15910
  line-height: var(--pf-v6-c-title--m-2xl--LineHeight);
15911
15911
  }
15912
15912
 
15913
- .pf-v6-c-title.pf-m-xl {
15914
- font-size: var(--pf-v6-c-title--m-xl--FontSize);
15915
- font-weight: var(--pf-v6-c-title--m-xl--FontWeight);
15916
- line-height: var(--pf-v6-c-title--m-xl--LineHeight);
15913
+ .pf-v6-c-title.pf-m-xl {
15914
+ font-size: var(--pf-v6-c-title--m-xl--FontSize);
15915
+ font-weight: var(--pf-v6-c-title--m-xl--FontWeight);
15916
+ line-height: var(--pf-v6-c-title--m-xl--LineHeight);
15917
+ }
15918
+
15919
+ .pf-v6-c-title.pf-m-lg {
15920
+ font-size: var(--pf-v6-c-title--m-lg--FontSize);
15921
+ font-weight: var(--pf-v6-c-title--m-lg--FontWeight);
15922
+ line-height: var(--pf-v6-c-title--m-lg--LineHeight);
15923
+ }
15924
+
15925
+ .pf-v6-c-title.pf-m-md {
15926
+ font-size: var(--pf-v6-c-title--m-md--FontSize);
15927
+ font-weight: var(--pf-v6-c-title--m-md--FontWeight);
15928
+ line-height: var(--pf-v6-c-title--m-md--LineHeight);
15929
+ }
15930
+
15931
+ .pf-v6-c-title.pf-m-h1 {
15932
+ font-size: var(--pf-v6-c-title--m-h1--FontSize);
15933
+ font-weight: var(--pf-v6-c-title--m-h1--FontWeight);
15934
+ line-height: var(--pf-v6-c-title--m-h1--LineHeight);
15935
+ }
15936
+
15937
+ .pf-v6-c-title.pf-m-h2 {
15938
+ font-size: var(--pf-v6-c-title--m-h2--FontSize);
15939
+ font-weight: var(--pf-v6-c-title--m-h2--FontWeight);
15940
+ line-height: var(--pf-v6-c-title--m-h2--LineHeight);
15941
+ }
15942
+
15943
+ .pf-v6-c-title.pf-m-h3 {
15944
+ font-size: var(--pf-v6-c-title--m-h3--FontSize);
15945
+ font-weight: var(--pf-v6-c-title--m-h3--FontWeight);
15946
+ line-height: var(--pf-v6-c-title--m-h3--LineHeight);
15947
+ }
15948
+
15949
+ .pf-v6-c-title.pf-m-h4 {
15950
+ font-size: var(--pf-v6-c-title--m-h4--FontSize);
15951
+ font-weight: var(--pf-v6-c-title--m-h4--FontWeight);
15952
+ line-height: var(--pf-v6-c-title--m-h4--LineHeight);
15953
+ }
15954
+
15955
+ .pf-v6-c-title.pf-m-h5 {
15956
+ font-size: var(--pf-v6-c-title--m-h5--FontSize);
15957
+ font-weight: var(--pf-v6-c-title--m-h5--FontWeight);
15958
+ line-height: var(--pf-v6-c-title--m-h5--LineHeight);
15959
+ }
15960
+
15961
+ .pf-v6-c-title.pf-m-h6 {
15962
+ font-size: var(--pf-v6-c-title--m-h6--FontSize);
15963
+ font-weight: var(--pf-v6-c-title--m-h6--FontWeight);
15964
+ line-height: var(--pf-v6-c-title--m-h6--LineHeight);
15965
+ }
15966
+
15967
+ .pf-v6-c-title.pf-m-page-title {
15968
+ font-weight: var(--pf-v6-c-title--m-page-title--FontWeight);
15969
+ }
15970
+
15971
+ .pf-v6-c-toggle-group {
15972
+ --pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
15973
+ --pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
15974
+ --pf-v6-c-toggle-group__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
15975
+ --pf-v6-c-toggle-group__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
15976
+ --pf-v6-c-toggle-group__button--FontSize: var(--pf-t--global--font--size--body--default);
15977
+ --pf-v6-c-toggle-group__button--LineHeight: var(--pf-t--global--font--line-height--body);
15978
+ --pf-v6-c-toggle-group__button--Color: var(--pf-t--global--text--color--regular);
15979
+ --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
15980
+ --pf-v6-c-toggle-group__button--ZIndex: auto;
15981
+ --pf-v6-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
15982
+ --pf-v6-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--z-index--xs);
15983
+ --pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--default);
15984
+ --pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
15985
+ --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
15986
+ --pf-v6-c-toggle-group__item--item--MarginInlineStart: calc(-1 * var(--pf-t--global--border--width--control--default));
15987
+ --pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius: var(--pf-t--global--border--radius--tiny);
15988
+ --pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius: var(--pf-t--global--border--radius--tiny);
15989
+ --pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius: var(--pf-t--global--border--radius--tiny);
15990
+ --pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius: var(--pf-t--global--border--radius--tiny);
15991
+ --pf-v6-c-toggle-group__icon--text--MarginInlineStart: var(--pf-t--global--spacer--sm);
15992
+ --pf-v6-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-t--global--color--brand--default);
15993
+ --pf-v6-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--default);
15994
+ --pf-v6-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
15995
+ --pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
15996
+ --pf-v6-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--z-index--xs);
15997
+ --pf-v6-c-toggle-group__button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
15998
+ --pf-v6-c-toggle-group__button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
15999
+ --pf-v6-c-toggle-group__button--disabled--before--BorderColor: var(--pf-t--global--border--color--disabled);
16000
+ --pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
16001
+ --pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--z-index--xs);
16002
+ --pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart: 0;
16003
+ --pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
16004
+ --pf-v6-c-toggle-group--m-compact__button--PaddingBlockEnd: 0;
16005
+ --pf-v6-c-toggle-group--m-compact__button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
16006
+ --pf-v6-c-toggle-group--m-compact__button--FontSize: var(--pf-t--global--font--size--body--default);
16007
+ }
16008
+
16009
+ .pf-v6-c-toggle-group {
16010
+ display: flex;
16011
+ }
16012
+
16013
+ .pf-v6-c-toggle-group.pf-m-compact {
16014
+ --pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart);
16015
+ --pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd);
16016
+ --pf-v6-c-toggle-group__button--PaddingBlockEnd: var(--pf-v6-c-toggle-group--m-compact__button--PaddingBlockEnd);
16017
+ --pf-v6-c-toggle-group__button--PaddingInlineStart: var(--pf-v6-c-toggle-group--m-compact__button--PaddingInlineStart);
16018
+ --pf-v6-c-toggle-group__button--FontSize: var(--pf-v6-c-toggle-group--m-compact__button--FontSize);
16019
+ }
16020
+
16021
+ .pf-v6-c-toggle-group__item + .pf-v6-c-toggle-group__item {
16022
+ margin-inline-start: var(--pf-v6-c-toggle-group__item--item--MarginInlineStart);
16023
+ }
16024
+
16025
+ .pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button, .pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button::before {
16026
+ border-start-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius);
16027
+ border-end-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius);
15917
16028
  }
15918
16029
 
15919
- .pf-v6-c-title.pf-m-lg {
15920
- font-size: var(--pf-v6-c-title--m-lg--FontSize);
15921
- font-weight: var(--pf-v6-c-title--m-lg--FontWeight);
15922
- line-height: var(--pf-v6-c-title--m-lg--LineHeight);
16030
+ .pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button, .pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button::before {
16031
+ border-start-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius);
16032
+ border-end-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius);
15923
16033
  }
15924
16034
 
15925
- .pf-v6-c-title.pf-m-md {
15926
- font-size: var(--pf-v6-c-title--m-md--FontSize);
15927
- font-weight: var(--pf-v6-c-title--m-md--FontWeight);
15928
- line-height: var(--pf-v6-c-title--m-md--LineHeight);
16035
+ .pf-v6-c-toggle-group__button {
16036
+ position: relative;
16037
+ z-index: var(--pf-v6-c-toggle-group__button--ZIndex);
16038
+ display: inline-flex;
16039
+ padding-block-start: var(--pf-v6-c-toggle-group__button--PaddingBlockStart);
16040
+ padding-block-end: var(--pf-v6-c-toggle-group__button--PaddingBlockEnd);
16041
+ padding-inline-start: var(--pf-v6-c-toggle-group__button--PaddingInlineStart);
16042
+ padding-inline-end: var(--pf-v6-c-toggle-group__button--PaddingInlineEnd);
16043
+ font-size: var(--pf-v6-c-toggle-group__button--FontSize);
16044
+ line-height: var(--pf-v6-c-toggle-group__button--LineHeight);
16045
+ color: var(--pf-v6-c-toggle-group__button--Color);
16046
+ background-color: var(--pf-v6-c-toggle-group__button--BackgroundColor);
16047
+ border: 0;
15929
16048
  }
15930
16049
 
15931
- .pf-v6-c-title.pf-m-h1 {
15932
- font-size: var(--pf-v6-c-title--m-h1--FontSize);
15933
- font-weight: var(--pf-v6-c-title--m-h1--FontWeight);
15934
- line-height: var(--pf-v6-c-title--m-h1--LineHeight);
16050
+ .pf-v6-c-toggle-group__button::before {
16051
+ position: absolute;
16052
+ inset-block-start: 0;
16053
+ inset-block-end: 0;
16054
+ inset-inline-start: 0;
16055
+ inset-inline-end: 0;
16056
+ pointer-events: none;
16057
+ content: "";
16058
+ border-style: solid;
16059
+ border-width: var(--pf-v6-c-toggle-group__button--before--BorderWidth);
16060
+ border-block-start-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
16061
+ border-block-end-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
16062
+ border-inline-start-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
16063
+ border-inline-end-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
15935
16064
  }
15936
16065
 
15937
- .pf-v6-c-title.pf-m-h2 {
15938
- font-size: var(--pf-v6-c-title--m-h2--FontSize);
15939
- font-weight: var(--pf-v6-c-title--m-h2--FontWeight);
15940
- line-height: var(--pf-v6-c-title--m-h2--LineHeight);
16066
+ .pf-v6-c-toggle-group__button:is(:hover, :focus) {
16067
+ --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
16068
+ --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
16069
+ --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
16070
+ text-decoration: none;
15941
16071
  }
15942
16072
 
15943
- .pf-v6-c-title.pf-m-h3 {
15944
- font-size: var(--pf-v6-c-title--m-h3--FontSize);
15945
- font-weight: var(--pf-v6-c-title--m-h3--FontWeight);
15946
- line-height: var(--pf-v6-c-title--m-h3--LineHeight);
16073
+ .pf-v6-c-toggle-group__button.pf-m-selected {
16074
+ --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--m-selected--BackgroundColor);
16075
+ --pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--m-selected--Color, inherit);
16076
+ --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--m-selected--ZIndex);
16077
+ --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderColor);
15947
16078
  }
15948
16079
 
15949
- .pf-v6-c-title.pf-m-h4 {
15950
- font-size: var(--pf-v6-c-title--m-h4--FontSize);
15951
- font-weight: var(--pf-v6-c-title--m-h4--FontWeight);
15952
- line-height: var(--pf-v6-c-title--m-h4--LineHeight);
16080
+ .pf-v6-c-toggle-group__button:is(:disabled, .pf-m-disabled) {
16081
+ --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--disabled--BackgroundColor);
16082
+ --pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--disabled--Color);
16083
+ --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--disabled--ZIndex);
16084
+ --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--disabled--before--BorderColor);
16085
+ pointer-events: none;
15953
16086
  }
15954
16087
 
15955
- .pf-v6-c-title.pf-m-h5 {
15956
- font-size: var(--pf-v6-c-title--m-h5--FontSize);
15957
- font-weight: var(--pf-v6-c-title--m-h5--FontWeight);
15958
- line-height: var(--pf-v6-c-title--m-h5--LineHeight);
16088
+ .pf-v6-c-toggle-group__item:has(.pf-m-selected) + .pf-v6-c-toggle-group__item:has(.pf-m-selected) {
16089
+ --pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor);
15959
16090
  }
15960
16091
 
15961
- .pf-v6-c-title.pf-m-h6 {
15962
- font-size: var(--pf-v6-c-title--m-h6--FontSize);
15963
- font-weight: var(--pf-v6-c-title--m-h6--FontWeight);
15964
- line-height: var(--pf-v6-c-title--m-h6--LineHeight);
16092
+ .pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) + .pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) {
16093
+ --pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor);
15965
16094
  }
15966
16095
 
15967
- .pf-v6-c-title.pf-m-page-title {
15968
- font-weight: var(--pf-v6-c-title--m-page-title--FontWeight);
16096
+ .pf-v6-c-toggle-group__icon + .pf-v6-c-toggle-group__text,
16097
+ .pf-v6-c-toggle-group__text + .pf-v6-c-toggle-group__icon {
16098
+ margin-inline-start: var(--pf-v6-c-toggle-group__icon--text--MarginInlineStart);
15969
16099
  }
15970
16100
 
15971
16101
  .pf-v6-c-toolbar {
@@ -17949,136 +18079,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17949
18079
  display: inline-flex;
17950
18080
  }
17951
18081
  }
17952
- .pf-v6-c-toggle-group {
17953
- --pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
17954
- --pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
17955
- --pf-v6-c-toggle-group__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
17956
- --pf-v6-c-toggle-group__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
17957
- --pf-v6-c-toggle-group__button--FontSize: var(--pf-t--global--font--size--body--default);
17958
- --pf-v6-c-toggle-group__button--LineHeight: var(--pf-t--global--font--line-height--body);
17959
- --pf-v6-c-toggle-group__button--Color: var(--pf-t--global--text--color--regular);
17960
- --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
17961
- --pf-v6-c-toggle-group__button--ZIndex: auto;
17962
- --pf-v6-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
17963
- --pf-v6-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--z-index--xs);
17964
- --pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--default);
17965
- --pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
17966
- --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
17967
- --pf-v6-c-toggle-group__item--item--MarginInlineStart: calc(-1 * var(--pf-t--global--border--width--control--default));
17968
- --pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius: var(--pf-t--global--border--radius--tiny);
17969
- --pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius: var(--pf-t--global--border--radius--tiny);
17970
- --pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius: var(--pf-t--global--border--radius--tiny);
17971
- --pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius: var(--pf-t--global--border--radius--tiny);
17972
- --pf-v6-c-toggle-group__icon--text--MarginInlineStart: var(--pf-t--global--spacer--sm);
17973
- --pf-v6-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-t--global--color--brand--default);
17974
- --pf-v6-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--default);
17975
- --pf-v6-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
17976
- --pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
17977
- --pf-v6-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--z-index--xs);
17978
- --pf-v6-c-toggle-group__button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
17979
- --pf-v6-c-toggle-group__button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
17980
- --pf-v6-c-toggle-group__button--disabled--before--BorderColor: var(--pf-t--global--border--color--disabled);
17981
- --pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
17982
- --pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--z-index--xs);
17983
- --pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart: 0;
17984
- --pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
17985
- --pf-v6-c-toggle-group--m-compact__button--PaddingBlockEnd: 0;
17986
- --pf-v6-c-toggle-group--m-compact__button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
17987
- --pf-v6-c-toggle-group--m-compact__button--FontSize: var(--pf-t--global--font--size--body--default);
17988
- }
17989
-
17990
- .pf-v6-c-toggle-group {
17991
- display: flex;
17992
- }
17993
-
17994
- .pf-v6-c-toggle-group.pf-m-compact {
17995
- --pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart);
17996
- --pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd);
17997
- --pf-v6-c-toggle-group__button--PaddingBlockEnd: var(--pf-v6-c-toggle-group--m-compact__button--PaddingBlockEnd);
17998
- --pf-v6-c-toggle-group__button--PaddingInlineStart: var(--pf-v6-c-toggle-group--m-compact__button--PaddingInlineStart);
17999
- --pf-v6-c-toggle-group__button--FontSize: var(--pf-v6-c-toggle-group--m-compact__button--FontSize);
18000
- }
18001
-
18002
- .pf-v6-c-toggle-group__item + .pf-v6-c-toggle-group__item {
18003
- margin-inline-start: var(--pf-v6-c-toggle-group__item--item--MarginInlineStart);
18004
- }
18005
-
18006
- .pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button, .pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button::before {
18007
- border-start-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius);
18008
- border-end-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius);
18009
- }
18010
-
18011
- .pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button, .pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button::before {
18012
- border-start-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius);
18013
- border-end-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius);
18014
- }
18015
-
18016
- .pf-v6-c-toggle-group__button {
18017
- position: relative;
18018
- z-index: var(--pf-v6-c-toggle-group__button--ZIndex);
18019
- display: inline-flex;
18020
- padding-block-start: var(--pf-v6-c-toggle-group__button--PaddingBlockStart);
18021
- padding-block-end: var(--pf-v6-c-toggle-group__button--PaddingBlockEnd);
18022
- padding-inline-start: var(--pf-v6-c-toggle-group__button--PaddingInlineStart);
18023
- padding-inline-end: var(--pf-v6-c-toggle-group__button--PaddingInlineEnd);
18024
- font-size: var(--pf-v6-c-toggle-group__button--FontSize);
18025
- line-height: var(--pf-v6-c-toggle-group__button--LineHeight);
18026
- color: var(--pf-v6-c-toggle-group__button--Color);
18027
- background-color: var(--pf-v6-c-toggle-group__button--BackgroundColor);
18028
- border: 0;
18029
- }
18030
-
18031
- .pf-v6-c-toggle-group__button::before {
18032
- position: absolute;
18033
- inset-block-start: 0;
18034
- inset-block-end: 0;
18035
- inset-inline-start: 0;
18036
- inset-inline-end: 0;
18037
- pointer-events: none;
18038
- content: "";
18039
- border-style: solid;
18040
- border-width: var(--pf-v6-c-toggle-group__button--before--BorderWidth);
18041
- border-block-start-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
18042
- border-block-end-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
18043
- border-inline-start-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
18044
- border-inline-end-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
18045
- }
18046
-
18047
- .pf-v6-c-toggle-group__button:is(:hover, :focus) {
18048
- --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
18049
- --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
18050
- --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
18051
- text-decoration: none;
18052
- }
18053
-
18054
- .pf-v6-c-toggle-group__button.pf-m-selected {
18055
- --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--m-selected--BackgroundColor);
18056
- --pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--m-selected--Color, inherit);
18057
- --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--m-selected--ZIndex);
18058
- --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderColor);
18059
- }
18060
-
18061
- .pf-v6-c-toggle-group__button:is(:disabled, .pf-m-disabled) {
18062
- --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--disabled--BackgroundColor);
18063
- --pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--disabled--Color);
18064
- --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--disabled--ZIndex);
18065
- --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--disabled--before--BorderColor);
18066
- pointer-events: none;
18067
- }
18068
-
18069
- .pf-v6-c-toggle-group__item:has(.pf-m-selected) + .pf-v6-c-toggle-group__item:has(.pf-m-selected) {
18070
- --pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor);
18071
- }
18072
-
18073
- .pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) + .pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) {
18074
- --pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor);
18075
- }
18076
-
18077
- .pf-v6-c-toggle-group__icon + .pf-v6-c-toggle-group__text,
18078
- .pf-v6-c-toggle-group__text + .pf-v6-c-toggle-group__icon {
18079
- margin-inline-start: var(--pf-v6-c-toggle-group__icon--text--MarginInlineStart);
18080
- }
18081
-
18082
18082
  .pf-v6-c-tooltip {
18083
18083
  --pf-v6-c-tooltip--MaxWidth: 18.75rem;
18084
18084
  --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
@@ -22310,6 +22310,21 @@ label.pf-v6-c-tree-view__node-text {
22310
22310
  font-size: var(--pf-v6-c-about-modal-box__close--c-button--FontSize);
22311
22311
  }
22312
22312
 
22313
+ .pf-v6-l-level {
22314
+ --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
22315
+ }
22316
+
22317
+ .pf-v6-l-level {
22318
+ display: flex;
22319
+ flex-wrap: wrap;
22320
+ align-items: center;
22321
+ justify-content: space-between;
22322
+ }
22323
+
22324
+ .pf-v6-l-level.pf-m-gutter {
22325
+ gap: var(--pf-v6-l-level--m-gutter--Gap);
22326
+ }
22327
+
22313
22328
  .pf-v6-l-grid {
22314
22329
  --pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
22315
22330
  --pf-v6-l-grid__item--GridColumnStart: auto;
@@ -23297,21 +23312,6 @@ label.pf-v6-c-tree-view__node-text {
23297
23312
  grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
23298
23313
  }
23299
23314
 
23300
- .pf-v6-l-level {
23301
- --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
23302
- }
23303
-
23304
- .pf-v6-l-level {
23305
- display: flex;
23306
- flex-wrap: wrap;
23307
- align-items: center;
23308
- justify-content: space-between;
23309
- }
23310
-
23311
- .pf-v6-l-level.pf-m-gutter {
23312
- gap: var(--pf-v6-l-level--m-gutter--Gap);
23313
- }
23314
-
23315
23315
  .pf-v6-l-split {
23316
23316
  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
23317
23317
  }