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

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 (159) hide show
  1. package/CHANGELOG.md +12 -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/dynamic-modules.json +1 -0
  115. package/dist/esm/components/FileUpload/FileUpload.d.ts +2 -1
  116. package/dist/esm/components/FileUpload/FileUpload.d.ts.map +1 -1
  117. package/dist/esm/components/FileUpload/FileUpload.js +2 -1
  118. package/dist/esm/components/FileUpload/FileUpload.js.map +1 -1
  119. package/dist/esm/demos/DashboardWrapper.d.ts.map +1 -1
  120. package/dist/esm/demos/DashboardWrapper.js +10 -2
  121. package/dist/esm/demos/DashboardWrapper.js.map +1 -1
  122. package/dist/js/components/FileUpload/FileUpload.d.ts +2 -1
  123. package/dist/js/components/FileUpload/FileUpload.d.ts.map +1 -1
  124. package/dist/js/components/FileUpload/FileUpload.js +2 -1
  125. package/dist/js/components/FileUpload/FileUpload.js.map +1 -1
  126. package/dist/js/demos/DashboardWrapper.d.ts.map +1 -1
  127. package/dist/js/demos/DashboardWrapper.js +10 -2
  128. package/dist/js/demos/DashboardWrapper.js.map +1 -1
  129. package/dist/umd/assets/{output-DWQCA4PN.css → output-dM13h99q.css} +1569 -1522
  130. package/dist/umd/react-core.min.js +1 -1
  131. package/helpers/package.json +1 -1
  132. package/layouts/package.json +1 -1
  133. package/next/package.json +1 -1
  134. package/package.json +6 -6
  135. package/src/components/FileUpload/FileUpload.tsx +3 -1
  136. package/src/components/FileUpload/examples/FileUpload.md +1 -1
  137. package/src/components/FileUpload/examples/FileUploadTextWithRestrictions.tsx +24 -7
  138. package/src/components/SkipToContent/examples/SkipToContentBasic.tsx +144 -126
  139. package/src/demos/DashboardWrapper.tsx +13 -2
  140. package/src/demos/ExpandableSection/examples/ExpandableTextDemo.tsx +1 -7
  141. package/src/demos/NotificationDrawer/examples/NotificationDrawerBasic.tsx +15 -1
  142. package/src/demos/NotificationDrawer/examples/NotificationDrawerGrouped.tsx +15 -1
  143. package/src/demos/examples/Masthead/MastheadWithHorizontalNav.tsx +14 -1
  144. package/src/demos/examples/Masthead/MastheadWithUtilitiesAndUserDropdownMenu.tsx +14 -1
  145. package/src/demos/examples/Nav/NavDefault.tsx +15 -1
  146. package/src/demos/examples/Nav/NavExpandable.tsx +15 -1
  147. package/src/demos/examples/Nav/NavFlyout.tsx +15 -1
  148. package/src/demos/examples/Nav/NavGrouped.tsx +15 -1
  149. package/src/demos/examples/Nav/NavHorizontal.tsx +15 -1
  150. package/src/demos/examples/Nav/NavHorizontalWithSubnav.tsx +15 -1
  151. package/src/demos/examples/Nav/NavManual.tsx +15 -1
  152. package/src/demos/examples/Nav/NavWithSubnav.tsx +15 -1
  153. package/src/demos/examples/Page/PageContextSelector.tsx +14 -1
  154. package/src/demos/examples/Page/PageStickySectionBreadcrumb.tsx +14 -1
  155. package/src/demos/examples/Page/PageStickySectionGroup.tsx +14 -1
  156. package/src/demos/examples/Page/PageStickySectionGroupAlternate.tsx +14 -1
  157. package/src/demos/examples/Wizard/InPageWithDrawer.tsx +15 -1
  158. package/src/demos/examples/Wizard/InPageWithDrawerInformationalStep.tsx +14 -1
  159. package/src/demos/examples/DashboardWrapper.js +0 -126
@@ -656,6 +656,26 @@
656
656
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-2xl, var(--pf-v6-c-avatar--m-xl--Height-on-xl, var(--pf-v6-c-avatar--m-xl--Height-on-lg, var(--pf-v6-c-avatar--m-xl--Height-on-md, var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height))))));
657
657
  }
658
658
  }
659
+ .pf-v6-c-backdrop {
660
+ --pf-v6-c-backdrop--Position: fixed;
661
+ --pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
662
+ --pf-v6-c-backdrop--BackgroundColor: var(--pf-t--global--background--color--backdrop--default);
663
+ }
664
+
665
+ .pf-v6-c-backdrop {
666
+ position: var(--pf-v6-c-backdrop--Position);
667
+ inset-block-start: 0;
668
+ inset-inline-start: 0;
669
+ z-index: var(--pf-v6-c-backdrop--ZIndex);
670
+ width: 100%;
671
+ height: 100%;
672
+ background-color: var(--pf-v6-c-backdrop--BackgroundColor);
673
+ }
674
+
675
+ .pf-v6-c-backdrop__open {
676
+ overflow: hidden;
677
+ }
678
+
659
679
  .pf-v6-c-back-to-top {
660
680
  --pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
661
681
  --pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-t--global--spacer--lg);
@@ -692,26 +712,6 @@
692
712
  box-shadow: var(--pf-v6-c-back-to-top--c-button--BoxShadow);
693
713
  }
694
714
 
695
- .pf-v6-c-backdrop {
696
- --pf-v6-c-backdrop--Position: fixed;
697
- --pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
698
- --pf-v6-c-backdrop--BackgroundColor: var(--pf-t--global--background--color--backdrop--default);
699
- }
700
-
701
- .pf-v6-c-backdrop {
702
- position: var(--pf-v6-c-backdrop--Position);
703
- inset-block-start: 0;
704
- inset-inline-start: 0;
705
- z-index: var(--pf-v6-c-backdrop--ZIndex);
706
- width: 100%;
707
- height: 100%;
708
- background-color: var(--pf-v6-c-backdrop--BackgroundColor);
709
- }
710
-
711
- .pf-v6-c-backdrop__open {
712
- overflow: hidden;
713
- }
714
-
715
715
  .pf-v6-c-background-image {
716
716
  --pf-v6-c-background-image--BackgroundColor: var(--pf-t--global--background--color--primary--default);
717
717
  --pf-v6-c-background-image--BackgroundImage: none;
@@ -972,73 +972,6 @@
972
972
  cursor: not-allowed;
973
973
  }
974
974
 
975
- .pf-v6-c-brand {
976
- --pf-v6-c-brand--Width: auto;
977
- --pf-v6-c-brand--Height: auto;
978
- }
979
-
980
- .pf-v6-c-brand {
981
- width: var(--pf-v6-c-brand--Width--base);
982
- height: var(--pf-v6-c-brand--Height--base);
983
- --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width);
984
- --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
985
- }
986
-
987
- @media (min-width: 36rem) {
988
- .pf-v6-c-brand {
989
- --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width));
990
- }
991
- }
992
- @media (min-width: 48rem) {
993
- .pf-v6-c-brand {
994
- --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width)));
995
- }
996
- }
997
- @media (min-width: 62rem) {
998
- .pf-v6-c-brand {
999
- --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width))));
1000
- }
1001
- }
1002
- @media (min-width: 75rem) {
1003
- .pf-v6-c-brand {
1004
- --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-xl, var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width)))));
1005
- }
1006
- }
1007
- @media (min-width: 90.625rem) {
1008
- .pf-v6-c-brand {
1009
- --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-2xl, var(--pf-v6-c-brand--Width-on-xl, var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width))))));
1010
- }
1011
- }
1012
- @media (min-width: 36rem) {
1013
- .pf-v6-c-brand {
1014
- --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height));
1015
- }
1016
- }
1017
- @media (min-width: 48rem) {
1018
- .pf-v6-c-brand {
1019
- --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height)));
1020
- }
1021
- }
1022
- @media (min-width: 62rem) {
1023
- .pf-v6-c-brand {
1024
- --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height))));
1025
- }
1026
- }
1027
- @media (min-width: 75rem) {
1028
- .pf-v6-c-brand {
1029
- --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-xl, var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height)))));
1030
- }
1031
- }
1032
- @media (min-width: 90.625rem) {
1033
- .pf-v6-c-brand {
1034
- --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-2xl, var(--pf-v6-c-brand--Height-on-xl, var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height))))));
1035
- }
1036
- }
1037
- .pf-v6-c-brand.pf-m-picture {
1038
- display: inline-flex;
1039
- max-width: 100%;
1040
- }
1041
-
1042
975
  .pf-v6-c-breadcrumb {
1043
976
  --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
1044
977
  --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -1154,6 +1087,73 @@ button.pf-v6-c-breadcrumb__link {
1154
1087
  display: none;
1155
1088
  }
1156
1089
 
1090
+ .pf-v6-c-brand {
1091
+ --pf-v6-c-brand--Width: auto;
1092
+ --pf-v6-c-brand--Height: auto;
1093
+ }
1094
+
1095
+ .pf-v6-c-brand {
1096
+ width: var(--pf-v6-c-brand--Width--base);
1097
+ height: var(--pf-v6-c-brand--Height--base);
1098
+ --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width);
1099
+ --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
1100
+ }
1101
+
1102
+ @media (min-width: 36rem) {
1103
+ .pf-v6-c-brand {
1104
+ --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width));
1105
+ }
1106
+ }
1107
+ @media (min-width: 48rem) {
1108
+ .pf-v6-c-brand {
1109
+ --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width)));
1110
+ }
1111
+ }
1112
+ @media (min-width: 62rem) {
1113
+ .pf-v6-c-brand {
1114
+ --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width))));
1115
+ }
1116
+ }
1117
+ @media (min-width: 75rem) {
1118
+ .pf-v6-c-brand {
1119
+ --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-xl, var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width)))));
1120
+ }
1121
+ }
1122
+ @media (min-width: 90.625rem) {
1123
+ .pf-v6-c-brand {
1124
+ --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-2xl, var(--pf-v6-c-brand--Width-on-xl, var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width))))));
1125
+ }
1126
+ }
1127
+ @media (min-width: 36rem) {
1128
+ .pf-v6-c-brand {
1129
+ --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height));
1130
+ }
1131
+ }
1132
+ @media (min-width: 48rem) {
1133
+ .pf-v6-c-brand {
1134
+ --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height)));
1135
+ }
1136
+ }
1137
+ @media (min-width: 62rem) {
1138
+ .pf-v6-c-brand {
1139
+ --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height))));
1140
+ }
1141
+ }
1142
+ @media (min-width: 75rem) {
1143
+ .pf-v6-c-brand {
1144
+ --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-xl, var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height)))));
1145
+ }
1146
+ }
1147
+ @media (min-width: 90.625rem) {
1148
+ .pf-v6-c-brand {
1149
+ --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-2xl, var(--pf-v6-c-brand--Height-on-xl, var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height))))));
1150
+ }
1151
+ }
1152
+ .pf-v6-c-brand.pf-m-picture {
1153
+ display: inline-flex;
1154
+ max-width: 100%;
1155
+ }
1156
+
1157
1157
  .pf-v6-c-button {
1158
1158
  --pf-v6-c-button--Display: inline-flex;
1159
1159
  --pf-v6-c-button--AlignItems: baseline;
@@ -1235,6 +1235,8 @@ button.pf-v6-c-breadcrumb__link {
1235
1235
  --pf-v6-c-button--m-link--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
1236
1236
  --pf-v6-c-button--m-link--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
1237
1237
  --pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-t--global--text--color--brand--clicked);
1238
+ --pf-v6-c-button--m-link--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
1239
+ --pf-v6-c-button--m-link--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
1238
1240
  --pf-v6-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
1239
1241
  --pf-v6-c-button--m-link--m-danger--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
1240
1242
  --pf-v6-c-button--m-link--m-danger__icon--Color: var(--pf-t--global--text--color--status--danger--default);
@@ -1284,6 +1286,8 @@ button.pf-v6-c-breadcrumb__link {
1284
1286
  --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
1285
1287
  --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: 0;
1286
1288
  --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: 0;
1289
+ --pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart: 0;
1290
+ --pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd: 0;
1287
1291
  --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-t--global--icon--color--subtle);
1288
1292
  --pf-v6-c-button--m-plain--m-no-padding--BackgroundColor: transparent;
1289
1293
  --pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
@@ -1308,9 +1312,13 @@ button.pf-v6-c-breadcrumb__link {
1308
1312
  --pf-v6-c-button--m-control--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
1309
1313
  --pf-v6-c-button--m-control--m-clicked--BorderWidth: var(--pf-t--global--border--width--control--clicked);
1310
1314
  --pf-v6-c-button--m-control--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
1315
+ --pf-v6-c-button--m-control--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
1316
+ --pf-v6-c-button--m-control--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
1311
1317
  --pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--small);
1312
1318
  --pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
1313
1319
  --pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
1320
+ --pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
1321
+ --pf-v6-c-button--m-stateful--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
1314
1322
  --pf-v6-c-button--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
1315
1323
  --pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--default);
1316
1324
  --pf-v6-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
@@ -1505,6 +1513,8 @@ button.pf-v6-c-breadcrumb__link {
1505
1513
  --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-link--m-clicked--Color);
1506
1514
  --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-link--m-clicked--BackgroundColor);
1507
1515
  --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-clicked__icon--Color);
1516
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
1517
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
1508
1518
  }
1509
1519
 
1510
1520
  .pf-v6-c-button.pf-m-link.pf-m-inline {
@@ -1598,12 +1608,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
1598
1608
  --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-control--m-clicked--BorderColor);
1599
1609
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-control--m-clicked--BorderWidth);
1600
1610
  --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-control--m-clicked__icon--Color);
1611
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-control--m-small--PaddingInlineEnd);
1612
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-control--m-small--PaddingInlineStart);
1601
1613
  }
1602
1614
 
1603
1615
  .pf-v6-c-button.pf-m-stateful {
1604
1616
  --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-stateful--BorderRadius);
1605
1617
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--PaddingInlineStart);
1606
1618
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--PaddingInlineEnd);
1619
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd);
1620
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineStart);
1607
1621
  }
1608
1622
 
1609
1623
  .pf-v6-c-button.pf-m-read {
@@ -1665,8 +1679,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
1665
1679
  --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
1666
1680
  --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart);
1667
1681
  --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd);
1668
- --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd);
1669
- --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
1682
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd);
1683
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
1684
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
1685
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
1670
1686
  min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
1671
1687
  }
1672
1688
 
@@ -2006,6 +2022,88 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2006
2022
  pointer-events: none;
2007
2023
  }
2008
2024
 
2025
+ .pf-v6-c-check {
2026
+ --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
2027
+ --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
2028
+ --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
2029
+ --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
2030
+ --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
2031
+ --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
2032
+ --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
2033
+ --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
2034
+ --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
2035
+ --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
2036
+ --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
2037
+ --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
2038
+ --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
2039
+ --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
2040
+ }
2041
+
2042
+ .pf-v6-c-check {
2043
+ display: grid;
2044
+ grid-template-columns: auto 1fr;
2045
+ grid-gap: var(--pf-v6-c-check--GridGap);
2046
+ accent-color: var(--pf-v6-c-check--AccentColor);
2047
+ }
2048
+
2049
+ .pf-v6-c-check.pf-m-standalone {
2050
+ display: inline-grid;
2051
+ grid-template-columns: auto;
2052
+ min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
2053
+ }
2054
+
2055
+ .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
2056
+ align-self: center;
2057
+ transform: none;
2058
+ }
2059
+
2060
+ .pf-v6-c-check__input {
2061
+ align-self: start;
2062
+ font-size: var(--pf-v6-c-check__label--FontSize);
2063
+ line-height: var(--pf-v6-c-check__label--LineHeight);
2064
+ transform: translateY(var(--pf-v6-c-check__input--TranslateY));
2065
+ }
2066
+
2067
+ .pf-v6-c-check__label {
2068
+ font-size: var(--pf-v6-c-check__label--FontSize);
2069
+ font-weight: var(--pf-v6-c-check__label--FontWeight);
2070
+ line-height: var(--pf-v6-c-check__label--LineHeight);
2071
+ color: var(--pf-v6-c-check__label--Color);
2072
+ }
2073
+
2074
+ .pf-v6-c-check__description {
2075
+ grid-column: 2;
2076
+ font-size: var(--pf-v6-c-check__description--FontSize);
2077
+ color: var(--pf-v6-c-check__description--Color);
2078
+ }
2079
+
2080
+ .pf-v6-c-check__body {
2081
+ grid-column: 2;
2082
+ }
2083
+
2084
+ .pf-v6-c-check__label,
2085
+ .pf-v6-c-check__input {
2086
+ justify-self: start;
2087
+ }
2088
+
2089
+ label.pf-v6-c-check, .pf-v6-c-check__label,
2090
+ .pf-v6-c-check__input {
2091
+ cursor: pointer;
2092
+ }
2093
+
2094
+ .pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
2095
+ .pf-v6-c-check__input:disabled,
2096
+ .pf-v6-c-check__input.pf-m-disabled {
2097
+ --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
2098
+ cursor: not-allowed;
2099
+ }
2100
+
2101
+ .pf-v6-c-check__label-required {
2102
+ margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
2103
+ font-size: var(--pf-v6-c-check__label-required--FontSize);
2104
+ color: var(--pf-v6-c-check__label-required--Color);
2105
+ }
2106
+
2009
2107
  .pf-v6-c-card {
2010
2108
  --pf-v6-c-card--BackgroundColor: var(--pf-t--global--background--color--primary--default);
2011
2109
  --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--default);
@@ -2369,88 +2467,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2369
2467
  color: var(--pf-v6-c-card__footer--Color);
2370
2468
  }
2371
2469
 
2372
- .pf-v6-c-check {
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
- --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
2375
- --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
2376
- --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
2377
- --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
2378
- --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
2379
- --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
2380
- --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
2381
- --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
2382
- --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
2383
- --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
2384
- --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
2385
- --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
2386
- --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
2387
- }
2388
-
2389
- .pf-v6-c-check {
2390
- display: grid;
2391
- grid-template-columns: auto 1fr;
2392
- grid-gap: var(--pf-v6-c-check--GridGap);
2393
- accent-color: var(--pf-v6-c-check--AccentColor);
2394
- }
2395
-
2396
- .pf-v6-c-check.pf-m-standalone {
2397
- display: inline-grid;
2398
- grid-template-columns: auto;
2399
- min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
2400
- }
2401
-
2402
- .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
2403
- align-self: center;
2404
- transform: none;
2405
- }
2406
-
2407
- .pf-v6-c-check__input {
2408
- align-self: start;
2409
- font-size: var(--pf-v6-c-check__label--FontSize);
2410
- line-height: var(--pf-v6-c-check__label--LineHeight);
2411
- transform: translateY(var(--pf-v6-c-check__input--TranslateY));
2412
- }
2413
-
2414
- .pf-v6-c-check__label {
2415
- font-size: var(--pf-v6-c-check__label--FontSize);
2416
- font-weight: var(--pf-v6-c-check__label--FontWeight);
2417
- line-height: var(--pf-v6-c-check__label--LineHeight);
2418
- color: var(--pf-v6-c-check__label--Color);
2419
- }
2420
-
2421
- .pf-v6-c-check__description {
2422
- grid-column: 2;
2423
- font-size: var(--pf-v6-c-check__description--FontSize);
2424
- color: var(--pf-v6-c-check__description--Color);
2425
- }
2426
-
2427
- .pf-v6-c-check__body {
2428
- grid-column: 2;
2429
- }
2430
-
2431
- .pf-v6-c-check__label,
2432
- .pf-v6-c-check__input {
2433
- justify-self: start;
2434
- }
2435
-
2436
- label.pf-v6-c-check, .pf-v6-c-check__label,
2437
- .pf-v6-c-check__input {
2438
- cursor: pointer;
2439
- }
2440
-
2441
- .pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
2442
- .pf-v6-c-check__input:disabled,
2443
- .pf-v6-c-check__input.pf-m-disabled {
2444
- --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
2445
- cursor: not-allowed;
2446
- }
2447
-
2448
- .pf-v6-c-check__label-required {
2449
- margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
2450
- font-size: var(--pf-v6-c-check__label-required--FontSize);
2451
- color: var(--pf-v6-c-check__label-required--Color);
2452
- }
2453
-
2454
2470
  .pf-v6-c-clipboard-copy {
2455
2471
  --pf-v6-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
2456
2472
  --pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
@@ -3805,320 +3821,341 @@ ul) {
3805
3821
  min-width: min-content;
3806
3822
  }
3807
3823
 
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
- }
3814
-
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;
3828
- }
3829
-
3830
- .pf-v6-c-divider.pf-m-hidden {
3831
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
3824
+ .pf-v6-c-description-list {
3825
+ --pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
3826
+ --pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
3827
+ --pf-v6-c-description-list--GridTemplateColumns--count: 1;
3828
+ --pf-v6-c-description-list--GridTemplateColumns--width: 1fr;
3829
+ --pf-v6-c-description-list--GridTemplateColumns--min: 0;
3830
+ --pf-v6-c-description-list__group--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
3831
+ --pf-v6-c-description-list__group--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
3832
+ --pf-v6-c-description-list__group--GridTemplateColumns: auto;
3833
+ --pf-v6-c-description-list__group--GridTemplateRows: auto 1fr;
3834
+ --pf-v6-c-description-list__group--GridColumn: auto;
3835
+ --pf-v6-c-description-list--m-compact--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--compact);
3836
+ --pf-v6-c-description-list--m-compact--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--compact);
3837
+ --pf-v6-c-description-list__term--Display: inline;
3838
+ --pf-v6-c-description-list__term--sm--Display: flex;
3839
+ --pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
3840
+ --pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--sm);
3841
+ --pf-v6-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
3842
+ --pf-v6-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
3843
+ --pf-v6-c-description-list__term-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
3844
+ --pf-v6-c-description-list__term-icon--Color: var(--pf-t--global--icon--color--subtle);
3845
+ --pf-v6-c-description-list--m-vertical__group--GridTemplateColumns: repeat(var(--pf-v6-c-description-list--GridTemplateColumns--count));
3846
+ --pf-v6-c-description-list--m-vertical__group--GridTemplateRows: auto 1fr;
3847
+ --pf-v6-c-description-list--m-horizontal__term--width: 12ch;
3848
+ --pf-v6-c-description-list--m-horizontal__description--width: minmax(10ch, auto);
3849
+ --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);
3850
+ --pf-v6-c-description-list--m-horizontal__group--GridTemplateRows: auto;
3851
+ --pf-v6-c-description-list--m-1-col--GridTemplateColumns--count: 1;
3852
+ --pf-v6-c-description-list--m-2-col--GridTemplateColumns--count: 2;
3853
+ --pf-v6-c-description-list--m-3-col--GridTemplateColumns--count: 3;
3854
+ --pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min: 15.625rem;
3855
+ --pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min);
3856
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
3857
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
3858
+ --pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset: 0.25rem;
3859
+ --pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
3860
+ --pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
3861
+ --pf-v6-c-description-list--m-display-lg__description--FontSize: var(--pf-t--global--font--size--body--lg);
3862
+ --pf-v6-c-description-list--m-display-2xl__description--FontSize: var(--pf-t--global--font--size--heading--lg);
3863
+ --pf-v6-c-description-list--m-horizontal__term--width-on-sm: inherit;
3864
+ --pf-v6-c-description-list--m-horizontal__term--width-on-md: inherit;
3865
+ --pf-v6-c-description-list--m-horizontal__term--width-on-lg: inherit;
3866
+ --pf-v6-c-description-list--m-horizontal__term--width-on-xl: inherit;
3867
+ --pf-v6-c-description-list--m-horizontal__term--width-on-2xl: inherit;
3868
+ --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
3832
3869
  }
3833
3870
 
3834
3871
  @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);
3837
- }
3838
- .pf-v6-c-divider.pf-m-visible-on-sm {
3839
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
3872
+ .pf-v6-c-description-list {
3873
+ --pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
3840
3874
  }
3841
3875
  }
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);
3845
- }
3846
- .pf-v6-c-divider.pf-m-visible-on-md {
3847
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
3876
+ @media (min-width: 36rem) {
3877
+ .pf-v6-c-description-list {
3878
+ --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));
3848
3879
  }
3849
3880
  }
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);
3853
- }
3854
- .pf-v6-c-divider.pf-m-visible-on-lg {
3855
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
3881
+ @media (min-width: 48rem) {
3882
+ .pf-v6-c-description-list {
3883
+ --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)));
3856
3884
  }
3857
3885
  }
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);
3861
- }
3862
- .pf-v6-c-divider.pf-m-visible-on-xl {
3863
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
3886
+ @media (min-width: 62rem) {
3887
+ .pf-v6-c-description-list {
3888
+ --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))));
3864
3889
  }
3865
3890
  }
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);
3891
+ @media (min-width: 75rem) {
3892
+ .pf-v6-c-description-list {
3893
+ --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)))));
3872
3894
  }
3873
3895
  }
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);
3896
+ @media (min-width: 90.625rem) {
3897
+ .pf-v6-c-description-list {
3898
+ --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))))));
3899
+ }
3878
3900
  }
3879
-
3880
- .pf-v6-c-divider.pf-m-horizontal {
3881
- flex-direction: row;
3882
- width: 100%;
3883
- height: var(--pf-v6-c-divider--Size);
3901
+ .pf-v6-c-description-list {
3902
+ display: grid;
3903
+ grid-template-columns: repeat(var(--pf-v6-c-description-list--GridTemplateColumns--count), var(--pf-v6-c-description-list--GridTemplateColumns--width));
3904
+ row-gap: var(--pf-v6-c-description-list--RowGap);
3905
+ column-gap: var(--pf-v6-c-description-list--ColumnGap);
3906
+ align-items: baseline;
3884
3907
  }
3885
3908
 
3886
- .pf-v6-c-divider.pf-m-vertical {
3887
- flex-direction: column;
3888
- width: var(--pf-v6-c-divider--Size);
3889
- height: inherit;
3909
+ .pf-v6-c-description-list.pf-m-inline-grid {
3910
+ display: inline-grid;
3890
3911
  }
3891
3912
 
3892
- .pf-v6-c-divider.pf-m-inset-none {
3893
- --pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
3913
+ .pf-v6-c-description-list.pf-m-auto-column-widths {
3914
+ --pf-v6-c-description-list--GridTemplateColumns--width: minmax(8ch, max-content);
3894
3915
  }
3895
3916
 
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);
3917
+ .pf-v6-c-description-list.pf-m-auto-fit {
3918
+ grid-template-columns: repeat(auto-fit, minmax(var(--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min), 1fr));
3919
+ --pf-v6-c-description-list--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--GridTemplateColumns--min);
3898
3920
  }
3899
3921
 
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);
3922
+ @media (min-width: 36rem) {
3923
+ .pf-v6-c-description-list.pf-m-auto-fit {
3924
+ --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));
3925
+ }
3902
3926
  }
3903
-
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);
3927
+ @media (min-width: 48rem) {
3928
+ .pf-v6-c-description-list.pf-m-auto-fit {
3929
+ --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)));
3930
+ }
3906
3931
  }
3907
-
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);
3932
+ @media (min-width: 62rem) {
3933
+ .pf-v6-c-description-list.pf-m-auto-fit {
3934
+ --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))));
3935
+ }
3910
3936
  }
3911
-
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);
3937
+ @media (min-width: 75rem) {
3938
+ .pf-v6-c-description-list.pf-m-auto-fit {
3939
+ --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)))));
3940
+ }
3914
3941
  }
3915
-
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);
3942
+ @media (min-width: 90.625rem) {
3943
+ .pf-v6-c-description-list.pf-m-auto-fit {
3944
+ --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))))));
3945
+ }
3946
+ }
3947
+ .pf-v6-c-description-list.pf-m-compact {
3948
+ --pf-v6-c-description-list--RowGap: var(--pf-v6-c-description-list--m-compact--RowGap);
3949
+ --pf-v6-c-description-list--ColumnGap: var(--pf-v6-c-description-list--m-compact--ColumnGap);
3918
3950
  }
3919
3951
 
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);
3952
+ .pf-v6-c-description-list.pf-m-fluid {
3953
+ --pf-v6-c-description-list--m-horizontal__term--width: fit-content(20ch);
3922
3954
  }
3923
3955
 
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
- }
3956
+ .pf-v6-c-description-list.pf-m-fill-columns {
3957
+ display: block;
3958
+ column-count: var(--pf-v6-c-description-list--GridTemplateColumns--count);
3959
+ margin-block-end: calc(var(--pf-v6-c-description-list--RowGap) * -1);
3930
3960
  }
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
- }
3961
+
3962
+ .pf-v6-c-description-list.pf-m-fill-columns .pf-v6-c-description-list__group,
3963
+ .pf-v6-c-description-list.pf-m-fill-columns > .pf-v6-c-card {
3964
+ display: inline-grid;
3965
+ width: 100%;
3966
+ margin-block-end: var(--pf-v6-c-description-list--RowGap);
3967
+ break-inside: avoid;
3968
+ page-break-inside: avoid;
3969
+ -webkit-column-break-inside: avoid;
3970
+ -moz-column-break-inside: avoid;
3971
+ }
3972
+
3973
+ .pf-v6-c-description-list.pf-m-display-lg {
3974
+ --pf-v6-c-description-list__description--FontSize: var(--pf-v6-c-description-list--m-display-lg__description--FontSize);
3975
+ }
3976
+
3977
+ .pf-v6-c-description-list.pf-m-display-2xl {
3978
+ --pf-v6-c-description-list__description--FontSize: var(--pf-v6-c-description-list--m-display-2xl__description--FontSize);
3979
+ }
3980
+
3981
+ .pf-v6-c-description-list > .pf-v6-c-card {
3982
+ align-self: stretch;
3983
+ padding-block-start: var(--pf-v6-c-card--first-child--PaddingBlockStart);
3984
+ padding-block-end: var(--pf-v6-c-card--child--PaddingBlockEnd);
3985
+ padding-inline-start: var(--pf-v6-c-card--child--PaddingInlineStart);
3986
+ padding-inline-end: var(--pf-v6-c-card--child--PaddingInlineEnd);
3987
+ }
3988
+
3989
+ .pf-v6-c-description-list__group,
3990
+ .pf-v6-c-description-list > .pf-v6-c-card {
3991
+ display: grid;
3992
+ grid-template-rows: var(--pf-v6-c-description-list__group--GridTemplateRows);
3993
+ grid-template-columns: var(--pf-v6-c-description-list__group--GridTemplateColumns);
3994
+ grid-column: var(--pf-v6-c-description-list__group--GridColumn);
3995
+ row-gap: var(--pf-v6-c-description-list__group--RowGap);
3996
+ column-gap: var(--pf-v6-c-description-list__group--ColumnGap);
3997
+ align-items: baseline;
3998
+ }
3999
+
4000
+ .pf-v6-c-description-list__term,
4001
+ .pf-v6-c-description-list__description {
4002
+ min-width: 0;
4003
+ text-align: start;
4004
+ overflow-wrap: break-word;
4005
+ }
4006
+
4007
+ .pf-v6-c-description-list__term {
4008
+ display: var(--pf-v6-c-description-list__term--Display);
4009
+ font-size: var(--pf-v6-c-description-list__term--FontSize);
4010
+ font-weight: var(--pf-v6-c-description-list__term--FontWeight);
4011
+ line-height: var(--pf-v6-c-description-list__term--LineHeight);
4012
+ }
4013
+
4014
+ .pf-v6-c-description-list__term .pf-v6-c-description-list__text {
4015
+ display: inline;
4016
+ }
4017
+
4018
+ .pf-v6-c-description-list__term-icon {
4019
+ flex-shrink: 0;
4020
+ min-width: var(--pf-v6-c-description-list__term-icon--MinWidth);
4021
+ margin-inline-end: var(--pf-v6-c-description-list__term-icon--MarginInlineEnd);
4022
+ color: var(--pf-v6-c-description-list__term-icon--Color);
4023
+ }
4024
+
4025
+ .pf-v6-c-description-list__description {
4026
+ font-size: var(--pf-v6-c-description-list__description--FontSize, inherit);
4027
+ }
4028
+
4029
+ .pf-v6-c-description-list__text {
4030
+ min-width: 0;
4031
+ }
4032
+
4033
+ .pf-v6-c-description-list__text.pf-m-help-text {
4034
+ text-decoration: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine) var(--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle);
4035
+ text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset);
4036
+ cursor: pointer;
4037
+ }
4038
+
4039
+ .pf-v6-c-description-list__text.pf-m-help-text:is(:hover, :focus) {
4040
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine);
4041
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle);
4042
+ }
4043
+
4044
+ .pf-v6-c-description-list.pf-m-1-col {
4045
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
4046
+ }
4047
+
4048
+ .pf-v6-c-description-list.pf-m-2-col {
4049
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
4050
+ }
4051
+
4052
+ .pf-v6-c-description-list.pf-m-3-col {
4053
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
4054
+ }
4055
+
4056
+ .pf-v6-c-description-list.pf-m-horizontal {
4057
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
4058
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
3937
4059
  }
4060
+
4061
+ .pf-v6-c-description-list.pf-m-vertical {
4062
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
4063
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
4064
+ }
4065
+
3938
4066
  @media (min-width: 36rem) {
3939
- .pf-v6-c-divider.pf-m-inset-none-on-sm {
3940
- --pf-v6-c-divider--before--FlexBasis: 100%;
4067
+ .pf-v6-c-description-list.pf-m-1-col-on-sm {
4068
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
3941
4069
  }
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);
4070
+ .pf-v6-c-description-list.pf-m-2-col-on-sm {
4071
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
3944
4072
  }
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);
4073
+ .pf-v6-c-description-list.pf-m-3-col-on-sm {
4074
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
3947
4075
  }
3948
- .pf-v6-c-divider.pf-m-inset-md-on-sm {
3949
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4076
+ .pf-v6-c-description-list.pf-m-horizontal-on-sm {
4077
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
4078
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
3950
4079
  }
3951
- .pf-v6-c-divider.pf-m-inset-lg-on-sm {
3952
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4080
+ .pf-v6-c-description-list.pf-m-vertical-on-sm {
4081
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
4082
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
3953
4083
  }
3954
- .pf-v6-c-divider.pf-m-inset-xl-on-sm {
3955
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4084
+ }
4085
+ @media (min-width: 48rem) {
4086
+ .pf-v6-c-description-list.pf-m-1-col-on-md {
4087
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
3956
4088
  }
3957
- .pf-v6-c-divider.pf-m-inset-2xl-on-sm {
3958
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4089
+ .pf-v6-c-description-list.pf-m-2-col-on-md {
4090
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
3959
4091
  }
3960
- .pf-v6-c-divider.pf-m-inset-3xl-on-sm {
3961
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4092
+ .pf-v6-c-description-list.pf-m-3-col-on-md {
4093
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
3962
4094
  }
3963
- }
3964
- @media (min-width: 48rem) {
3965
- .pf-v6-c-divider.pf-m-horizontal-on-md {
3966
- flex-direction: row;
3967
- width: 100%;
3968
- height: var(--pf-v6-c-divider--Size);
4095
+ .pf-v6-c-description-list.pf-m-horizontal-on-md {
4096
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
4097
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
3969
4098
  }
3970
- }
3971
- @media (min-width: 48rem) {
3972
- .pf-v6-c-divider.pf-m-vertical-on-md {
3973
- flex-direction: column;
3974
- width: var(--pf-v6-c-divider--Size);
3975
- height: inherit;
4099
+ .pf-v6-c-description-list.pf-m-vertical-on-md {
4100
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
4101
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
3976
4102
  }
3977
4103
  }
3978
- @media (min-width: 48rem) {
3979
- .pf-v6-c-divider.pf-m-inset-none-on-md {
3980
- --pf-v6-c-divider--before--FlexBasis: 100%;
4104
+ @media (min-width: 62rem) {
4105
+ .pf-v6-c-description-list.pf-m-1-col-on-lg {
4106
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
3981
4107
  }
3982
- .pf-v6-c-divider.pf-m-inset-xs-on-md {
3983
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4108
+ .pf-v6-c-description-list.pf-m-2-col-on-lg {
4109
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
3984
4110
  }
3985
- .pf-v6-c-divider.pf-m-inset-sm-on-md {
3986
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4111
+ .pf-v6-c-description-list.pf-m-3-col-on-lg {
4112
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
3987
4113
  }
3988
- .pf-v6-c-divider.pf-m-inset-md-on-md {
3989
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4114
+ .pf-v6-c-description-list.pf-m-horizontal-on-lg {
4115
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
4116
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
3990
4117
  }
3991
- .pf-v6-c-divider.pf-m-inset-lg-on-md {
3992
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4118
+ .pf-v6-c-description-list.pf-m-vertical-on-lg {
4119
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
4120
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
3993
4121
  }
3994
- .pf-v6-c-divider.pf-m-inset-xl-on-md {
3995
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4122
+ }
4123
+ @media (min-width: 75rem) {
4124
+ .pf-v6-c-description-list.pf-m-1-col-on-xl {
4125
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
3996
4126
  }
3997
- .pf-v6-c-divider.pf-m-inset-2xl-on-md {
3998
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4127
+ .pf-v6-c-description-list.pf-m-2-col-on-xl {
4128
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
3999
4129
  }
4000
- .pf-v6-c-divider.pf-m-inset-3xl-on-md {
4001
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4130
+ .pf-v6-c-description-list.pf-m-3-col-on-xl {
4131
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
4002
4132
  }
4003
- }
4004
- @media (min-width: 62rem) {
4005
- .pf-v6-c-divider.pf-m-horizontal-on-lg {
4006
- flex-direction: row;
4007
- width: 100%;
4008
- height: var(--pf-v6-c-divider--Size);
4133
+ .pf-v6-c-description-list.pf-m-horizontal-on-xl {
4134
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
4135
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
4009
4136
  }
4010
- }
4011
- @media (min-width: 62rem) {
4012
- .pf-v6-c-divider.pf-m-vertical-on-lg {
4013
- flex-direction: column;
4014
- width: var(--pf-v6-c-divider--Size);
4015
- height: inherit;
4137
+ .pf-v6-c-description-list.pf-m-vertical-on-xl {
4138
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
4139
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
4016
4140
  }
4017
4141
  }
4018
- @media (min-width: 62rem) {
4019
- .pf-v6-c-divider.pf-m-inset-none-on-lg {
4020
- --pf-v6-c-divider--before--FlexBasis: 100%;
4142
+ @media (min-width: 90.625rem) {
4143
+ .pf-v6-c-description-list.pf-m-1-col-on-2xl {
4144
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
4021
4145
  }
4022
- .pf-v6-c-divider.pf-m-inset-xs-on-lg {
4023
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4146
+ .pf-v6-c-description-list.pf-m-2-col-on-2xl {
4147
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
4024
4148
  }
4025
- .pf-v6-c-divider.pf-m-inset-sm-on-lg {
4026
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4027
- }
4028
- .pf-v6-c-divider.pf-m-inset-md-on-lg {
4029
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4030
- }
4031
- .pf-v6-c-divider.pf-m-inset-lg-on-lg {
4032
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4033
- }
4034
- .pf-v6-c-divider.pf-m-inset-xl-on-lg {
4035
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4036
- }
4037
- .pf-v6-c-divider.pf-m-inset-2xl-on-lg {
4038
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4039
- }
4040
- .pf-v6-c-divider.pf-m-inset-3xl-on-lg {
4041
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4042
- }
4043
- }
4044
- @media (min-width: 75rem) {
4045
- .pf-v6-c-divider.pf-m-horizontal-on-xl {
4046
- flex-direction: row;
4047
- width: 100%;
4048
- height: var(--pf-v6-c-divider--Size);
4049
- }
4050
- }
4051
- @media (min-width: 75rem) {
4052
- .pf-v6-c-divider.pf-m-vertical-on-xl {
4053
- flex-direction: column;
4054
- width: var(--pf-v6-c-divider--Size);
4055
- height: inherit;
4056
- }
4057
- }
4058
- @media (min-width: 75rem) {
4059
- .pf-v6-c-divider.pf-m-inset-none-on-xl {
4060
- --pf-v6-c-divider--before--FlexBasis: 100%;
4061
- }
4062
- .pf-v6-c-divider.pf-m-inset-xs-on-xl {
4063
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4064
- }
4065
- .pf-v6-c-divider.pf-m-inset-sm-on-xl {
4066
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4067
- }
4068
- .pf-v6-c-divider.pf-m-inset-md-on-xl {
4069
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4070
- }
4071
- .pf-v6-c-divider.pf-m-inset-lg-on-xl {
4072
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4073
- }
4074
- .pf-v6-c-divider.pf-m-inset-xl-on-xl {
4075
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4076
- }
4077
- .pf-v6-c-divider.pf-m-inset-2xl-on-xl {
4078
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4079
- }
4080
- .pf-v6-c-divider.pf-m-inset-3xl-on-xl {
4081
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4082
- }
4083
- }
4084
- @media (min-width: 90.625rem) {
4085
- .pf-v6-c-divider.pf-m-horizontal-on-2xl {
4086
- flex-direction: row;
4087
- width: 100%;
4088
- height: var(--pf-v6-c-divider--Size);
4089
- }
4090
- }
4091
- @media (min-width: 90.625rem) {
4092
- .pf-v6-c-divider.pf-m-vertical-on-2xl {
4093
- flex-direction: column;
4094
- width: var(--pf-v6-c-divider--Size);
4095
- height: inherit;
4096
- }
4097
- }
4098
- @media (min-width: 90.625rem) {
4099
- .pf-v6-c-divider.pf-m-inset-none-on-2xl {
4100
- --pf-v6-c-divider--before--FlexBasis: 100%;
4101
- }
4102
- .pf-v6-c-divider.pf-m-inset-xs-on-2xl {
4103
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4104
- }
4105
- .pf-v6-c-divider.pf-m-inset-sm-on-2xl {
4106
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4107
- }
4108
- .pf-v6-c-divider.pf-m-inset-md-on-2xl {
4109
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4110
- }
4111
- .pf-v6-c-divider.pf-m-inset-lg-on-2xl {
4112
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4113
- }
4114
- .pf-v6-c-divider.pf-m-inset-xl-on-2xl {
4115
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4149
+ .pf-v6-c-description-list.pf-m-3-col-on-2xl {
4150
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
4116
4151
  }
4117
- .pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
4118
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4152
+ .pf-v6-c-description-list.pf-m-horizontal-on-2xl {
4153
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
4154
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
4119
4155
  }
4120
- .pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
4121
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4156
+ .pf-v6-c-description-list.pf-m-vertical-on-2xl {
4157
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
4158
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
4122
4159
  }
4123
4160
  }
4124
4161
  .pf-v6-c-drawer {
@@ -4986,341 +5023,320 @@ ul) {
4986
5023
  display: none;
4987
5024
  }
4988
5025
  }
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);
5026
+ .pf-v6-c-divider {
5027
+ --pf-v6-c-divider--Display: flex;
5028
+ --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
5029
+ --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
5030
+ --pf-v6-c-divider--before--FlexBasis: 100%;
5031
+ }
5032
+
5033
+ .pf-v6-c-divider {
5034
+ flex-direction: row;
5035
+ width: 100%;
5036
+ height: var(--pf-v6-c-divider--Size);
5037
+ --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
5038
+ --pf-v6-hidden-visible--hidden--Display: none;
5039
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5040
+ display: var(--pf-v6-hidden-visible--Display);
5041
+ flex-shrink: 0;
5042
+ align-items: stretch;
5043
+ align-self: stretch;
5044
+ justify-content: center;
5045
+ border: 0;
5046
+ }
5047
+
5048
+ .pf-v6-c-divider.pf-m-hidden {
5049
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5034
5050
  }
5035
5051
 
5036
5052
  @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);
5053
+ .pf-v6-c-divider.pf-m-hidden-on-sm {
5054
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5039
5055
  }
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));
5056
+ .pf-v6-c-divider.pf-m-visible-on-sm {
5057
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5044
5058
  }
5045
5059
  }
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)));
5060
+ @media screen and (min-width: 48rem) {
5061
+ .pf-v6-c-divider.pf-m-hidden-on-md {
5062
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5063
+ }
5064
+ .pf-v6-c-divider.pf-m-visible-on-md {
5065
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5049
5066
  }
5050
5067
  }
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))));
5068
+ @media screen and (min-width: 62rem) {
5069
+ .pf-v6-c-divider.pf-m-hidden-on-lg {
5070
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5071
+ }
5072
+ .pf-v6-c-divider.pf-m-visible-on-lg {
5073
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5054
5074
  }
5055
5075
  }
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)))));
5076
+ @media screen and (min-width: 75rem) {
5077
+ .pf-v6-c-divider.pf-m-hidden-on-xl {
5078
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5079
+ }
5080
+ .pf-v6-c-divider.pf-m-visible-on-xl {
5081
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5059
5082
  }
5060
5083
  }
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))))));
5084
+ @media screen and (min-width: 90.625rem) {
5085
+ .pf-v6-c-divider.pf-m-hidden-on-2xl {
5086
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5087
+ }
5088
+ .pf-v6-c-divider.pf-m-visible-on-2xl {
5089
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5064
5090
  }
5065
5091
  }
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;
5092
+ .pf-v6-c-divider::before {
5093
+ flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
5094
+ content: "";
5095
+ background-color: var(--pf-v6-c-divider--Color);
5072
5096
  }
5073
5097
 
5074
- .pf-v6-c-description-list.pf-m-inline-grid {
5075
- display: inline-grid;
5098
+ .pf-v6-c-divider.pf-m-horizontal {
5099
+ flex-direction: row;
5100
+ width: 100%;
5101
+ height: var(--pf-v6-c-divider--Size);
5076
5102
  }
5077
5103
 
5078
- .pf-v6-c-description-list.pf-m-auto-column-widths {
5079
- --pf-v6-c-description-list--GridTemplateColumns--width: minmax(8ch, max-content);
5104
+ .pf-v6-c-divider.pf-m-vertical {
5105
+ flex-direction: column;
5106
+ width: var(--pf-v6-c-divider--Size);
5107
+ height: inherit;
5080
5108
  }
5081
5109
 
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);
5110
+ .pf-v6-c-divider.pf-m-inset-none {
5111
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
5085
5112
  }
5086
5113
 
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
- }
5114
+ .pf-v6-c-divider.pf-m-inset-xs {
5115
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5091
5116
  }
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);
5117
+
5118
+ .pf-v6-c-divider.pf-m-inset-sm {
5119
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5192
5120
  }
5193
5121
 
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);
5122
+ .pf-v6-c-divider.pf-m-inset-md {
5123
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5207
5124
  }
5208
5125
 
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);
5126
+ .pf-v6-c-divider.pf-m-inset-lg {
5127
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5211
5128
  }
5212
5129
 
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);
5130
+ .pf-v6-c-divider.pf-m-inset-xl {
5131
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5215
5132
  }
5216
5133
 
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);
5134
+ .pf-v6-c-divider.pf-m-inset-2xl {
5135
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5219
5136
  }
5220
5137
 
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);
5138
+ .pf-v6-c-divider.pf-m-inset-3xl {
5139
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5224
5140
  }
5225
5141
 
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);
5142
+ @media (min-width: 36rem) {
5143
+ .pf-v6-c-divider.pf-m-horizontal-on-sm {
5144
+ flex-direction: row;
5145
+ width: 100%;
5146
+ height: var(--pf-v6-c-divider--Size);
5147
+ }
5229
5148
  }
5230
-
5231
5149
  @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);
5150
+ .pf-v6-c-divider.pf-m-vertical-on-sm {
5151
+ flex-direction: column;
5152
+ width: var(--pf-v6-c-divider--Size);
5153
+ height: inherit;
5234
5154
  }
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);
5155
+ }
5156
+ @media (min-width: 36rem) {
5157
+ .pf-v6-c-divider.pf-m-inset-none-on-sm {
5158
+ --pf-v6-c-divider--before--FlexBasis: 100%;
5237
5159
  }
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);
5160
+ .pf-v6-c-divider.pf-m-inset-xs-on-sm {
5161
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5240
5162
  }
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);
5163
+ .pf-v6-c-divider.pf-m-inset-sm-on-sm {
5164
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5244
5165
  }
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);
5166
+ .pf-v6-c-divider.pf-m-inset-md-on-sm {
5167
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5248
5168
  }
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);
5169
+ .pf-v6-c-divider.pf-m-inset-lg-on-sm {
5170
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5253
5171
  }
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);
5172
+ .pf-v6-c-divider.pf-m-inset-xl-on-sm {
5173
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5256
5174
  }
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);
5175
+ .pf-v6-c-divider.pf-m-inset-2xl-on-sm {
5176
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5259
5177
  }
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);
5178
+ .pf-v6-c-divider.pf-m-inset-3xl-on-sm {
5179
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5263
5180
  }
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);
5181
+ }
5182
+ @media (min-width: 48rem) {
5183
+ .pf-v6-c-divider.pf-m-horizontal-on-md {
5184
+ flex-direction: row;
5185
+ width: 100%;
5186
+ height: var(--pf-v6-c-divider--Size);
5267
5187
  }
5268
5188
  }
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);
5189
+ @media (min-width: 48rem) {
5190
+ .pf-v6-c-divider.pf-m-vertical-on-md {
5191
+ flex-direction: column;
5192
+ width: var(--pf-v6-c-divider--Size);
5193
+ height: inherit;
5272
5194
  }
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);
5195
+ }
5196
+ @media (min-width: 48rem) {
5197
+ .pf-v6-c-divider.pf-m-inset-none-on-md {
5198
+ --pf-v6-c-divider--before--FlexBasis: 100%;
5275
5199
  }
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);
5200
+ .pf-v6-c-divider.pf-m-inset-xs-on-md {
5201
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5278
5202
  }
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);
5203
+ .pf-v6-c-divider.pf-m-inset-sm-on-md {
5204
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5282
5205
  }
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);
5206
+ .pf-v6-c-divider.pf-m-inset-md-on-md {
5207
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5286
5208
  }
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);
5209
+ .pf-v6-c-divider.pf-m-inset-lg-on-md {
5210
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5291
5211
  }
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);
5212
+ .pf-v6-c-divider.pf-m-inset-xl-on-md {
5213
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5294
5214
  }
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);
5215
+ .pf-v6-c-divider.pf-m-inset-2xl-on-md {
5216
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5297
5217
  }
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);
5218
+ .pf-v6-c-divider.pf-m-inset-3xl-on-md {
5219
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5301
5220
  }
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);
5221
+ }
5222
+ @media (min-width: 62rem) {
5223
+ .pf-v6-c-divider.pf-m-horizontal-on-lg {
5224
+ flex-direction: row;
5225
+ width: 100%;
5226
+ height: var(--pf-v6-c-divider--Size);
5305
5227
  }
5306
5228
  }
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);
5229
+ @media (min-width: 62rem) {
5230
+ .pf-v6-c-divider.pf-m-vertical-on-lg {
5231
+ flex-direction: column;
5232
+ width: var(--pf-v6-c-divider--Size);
5233
+ height: inherit;
5310
5234
  }
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);
5235
+ }
5236
+ @media (min-width: 62rem) {
5237
+ .pf-v6-c-divider.pf-m-inset-none-on-lg {
5238
+ --pf-v6-c-divider--before--FlexBasis: 100%;
5313
5239
  }
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);
5240
+ .pf-v6-c-divider.pf-m-inset-xs-on-lg {
5241
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5316
5242
  }
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);
5243
+ .pf-v6-c-divider.pf-m-inset-sm-on-lg {
5244
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5320
5245
  }
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);
5246
+ .pf-v6-c-divider.pf-m-inset-md-on-lg {
5247
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5248
+ }
5249
+ .pf-v6-c-divider.pf-m-inset-lg-on-lg {
5250
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5251
+ }
5252
+ .pf-v6-c-divider.pf-m-inset-xl-on-lg {
5253
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5254
+ }
5255
+ .pf-v6-c-divider.pf-m-inset-2xl-on-lg {
5256
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5257
+ }
5258
+ .pf-v6-c-divider.pf-m-inset-3xl-on-lg {
5259
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5260
+ }
5261
+ }
5262
+ @media (min-width: 75rem) {
5263
+ .pf-v6-c-divider.pf-m-horizontal-on-xl {
5264
+ flex-direction: row;
5265
+ width: 100%;
5266
+ height: var(--pf-v6-c-divider--Size);
5267
+ }
5268
+ }
5269
+ @media (min-width: 75rem) {
5270
+ .pf-v6-c-divider.pf-m-vertical-on-xl {
5271
+ flex-direction: column;
5272
+ width: var(--pf-v6-c-divider--Size);
5273
+ height: inherit;
5274
+ }
5275
+ }
5276
+ @media (min-width: 75rem) {
5277
+ .pf-v6-c-divider.pf-m-inset-none-on-xl {
5278
+ --pf-v6-c-divider--before--FlexBasis: 100%;
5279
+ }
5280
+ .pf-v6-c-divider.pf-m-inset-xs-on-xl {
5281
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5282
+ }
5283
+ .pf-v6-c-divider.pf-m-inset-sm-on-xl {
5284
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5285
+ }
5286
+ .pf-v6-c-divider.pf-m-inset-md-on-xl {
5287
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5288
+ }
5289
+ .pf-v6-c-divider.pf-m-inset-lg-on-xl {
5290
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5291
+ }
5292
+ .pf-v6-c-divider.pf-m-inset-xl-on-xl {
5293
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5294
+ }
5295
+ .pf-v6-c-divider.pf-m-inset-2xl-on-xl {
5296
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5297
+ }
5298
+ .pf-v6-c-divider.pf-m-inset-3xl-on-xl {
5299
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5300
+ }
5301
+ }
5302
+ @media (min-width: 90.625rem) {
5303
+ .pf-v6-c-divider.pf-m-horizontal-on-2xl {
5304
+ flex-direction: row;
5305
+ width: 100%;
5306
+ height: var(--pf-v6-c-divider--Size);
5307
+ }
5308
+ }
5309
+ @media (min-width: 90.625rem) {
5310
+ .pf-v6-c-divider.pf-m-vertical-on-2xl {
5311
+ flex-direction: column;
5312
+ width: var(--pf-v6-c-divider--Size);
5313
+ height: inherit;
5314
+ }
5315
+ }
5316
+ @media (min-width: 90.625rem) {
5317
+ .pf-v6-c-divider.pf-m-inset-none-on-2xl {
5318
+ --pf-v6-c-divider--before--FlexBasis: 100%;
5319
+ }
5320
+ .pf-v6-c-divider.pf-m-inset-xs-on-2xl {
5321
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5322
+ }
5323
+ .pf-v6-c-divider.pf-m-inset-sm-on-2xl {
5324
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5325
+ }
5326
+ .pf-v6-c-divider.pf-m-inset-md-on-2xl {
5327
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5328
+ }
5329
+ .pf-v6-c-divider.pf-m-inset-lg-on-2xl {
5330
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5331
+ }
5332
+ .pf-v6-c-divider.pf-m-inset-xl-on-2xl {
5333
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5334
+ }
5335
+ .pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
5336
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5337
+ }
5338
+ .pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
5339
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5324
5340
  }
5325
5341
  }
5326
5342
  .pf-v6-c-dual-list-selector {
@@ -5673,6 +5689,94 @@ ul) {
5673
5689
  --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5674
5690
  }
5675
5691
 
5692
+ .pf-v6-c-expandable-section {
5693
+ --pf-v6-c-expandable-section--Gap: var(--pf-t--global--spacer--sm);
5694
+ --pf-v6-c-expandable-section__toggle-icon--MinWidth: 1em;
5695
+ --pf-v6-c-expandable-section__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
5696
+ --pf-v6-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
5697
+ --pf-v6-c-expandable-section__toggle-icon--Rotate: 0;
5698
+ --pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
5699
+ --pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
5700
+ --pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
5701
+ --pf-v6-c-expandable-section__content--MaxWidth: auto;
5702
+ --pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
5703
+ --pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
5704
+ --pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
5705
+ --pf-v6-c-expandable-section--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--md);
5706
+ --pf-v6-c-expandable-section--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--md);
5707
+ --pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--md);
5708
+ --pf-v6-c-expandable-section--m-display-lg--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
5709
+ --pf-v6-c-expandable-section--m-display-lg--BorderWidth: var(--pf-t--global--border--width--box--default);
5710
+ --pf-v6-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
5711
+ --pf-v6-c-expandable-section--m-display-lg--BorderRadius: var(--pf-t--global--border--radius--medium);
5712
+ --pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) + var(--pf-t--global--spacer--gap--text-to-element--default) + var(--pf-v6-c-expandable-section__toggle-icon--MinWidth));
5713
+ --pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
5714
+ --pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
5715
+ }
5716
+
5717
+ .pf-v6-c-expandable-section {
5718
+ display: flex;
5719
+ flex-direction: column;
5720
+ gap: var(--pf-v6-c-expandable-section--Gap);
5721
+ }
5722
+
5723
+ .pf-v6-c-expandable-section.pf-m-expanded {
5724
+ --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate);
5725
+ --pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
5726
+ --pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd);
5727
+ }
5728
+
5729
+ .pf-v6-c-expandable-section.pf-m-limit-width {
5730
+ --pf-v6-c-expandable-section__content--MaxWidth: var(--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth);
5731
+ }
5732
+
5733
+ .pf-v6-c-expandable-section.pf-m-display-lg {
5734
+ padding-block-start: var(--pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart);
5735
+ padding-block-end: var(--pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd);
5736
+ padding-inline-start: var(--pf-v6-c-expandable-section--m-display-lg--PaddingInlineStart);
5737
+ padding-inline-end: var(--pf-v6-c-expandable-section--m-display-lg--PaddingInlineEnd);
5738
+ background-color: var(--pf-v6-c-expandable-section--m-display-lg--BackgroundColor);
5739
+ border: var(--pf-v6-c-expandable-section--m-display-lg--BorderWidth) solid var(--pf-v6-c-expandable-section--m-display-lg--BorderColor);
5740
+ border-radius: var(--pf-v6-c-expandable-section--m-display-lg--BorderRadius);
5741
+ }
5742
+
5743
+ .pf-v6-c-expandable-section.pf-m-indented {
5744
+ --pf-v6-c-expandable-section__content--PaddingInlineStart: var(--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart);
5745
+ }
5746
+
5747
+ .pf-v6-c-expandable-section.pf-m-truncate {
5748
+ --pf-v6-c-expandable-section--Gap: var(--pf-v6-c-expandable-section--m-truncate--Gap);
5749
+ }
5750
+
5751
+ .pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
5752
+ display: -webkit-box;
5753
+ -webkit-box-orient: vertical;
5754
+ -webkit-line-clamp: var(--pf-v6-c-expandable-section--m-truncate__content--LineClamp);
5755
+ overflow: hidden;
5756
+ }
5757
+
5758
+ .pf-v6-c-expandable-section__toggle-icon {
5759
+ display: inline-block;
5760
+ min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
5761
+ color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
5762
+ transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
5763
+ transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
5764
+ }
5765
+
5766
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
5767
+ scale: -1 1;
5768
+ }
5769
+
5770
+ .pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
5771
+ --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
5772
+ }
5773
+
5774
+ .pf-v6-c-expandable-section__content {
5775
+ max-width: var(--pf-v6-c-expandable-section__content--MaxWidth);
5776
+ padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
5777
+ padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
5778
+ }
5779
+
5676
5780
  .pf-v6-c-empty-state {
5677
5781
  --pf-v6-c-empty-state--PaddingBlockStart: var(--pf-t--global--spacer--xl);
5678
5782
  --pf-v6-c-empty-state--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
@@ -5822,92 +5926,64 @@ ul) {
5822
5926
  justify-content: center;
5823
5927
  }
5824
5928
 
5825
- .pf-v6-c-expandable-section {
5826
- --pf-v6-c-expandable-section--Gap: var(--pf-t--global--spacer--sm);
5827
- --pf-v6-c-expandable-section__toggle-icon--MinWidth: 1em;
5828
- --pf-v6-c-expandable-section__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
5829
- --pf-v6-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
5830
- --pf-v6-c-expandable-section__toggle-icon--Rotate: 0;
5831
- --pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
5832
- --pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
5833
- --pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
5834
- --pf-v6-c-expandable-section__content--MaxWidth: auto;
5835
- --pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
5836
- --pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
5837
- --pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
5838
- --pf-v6-c-expandable-section--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--md);
5839
- --pf-v6-c-expandable-section--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--md);
5840
- --pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--md);
5841
- --pf-v6-c-expandable-section--m-display-lg--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
5842
- --pf-v6-c-expandable-section--m-display-lg--BorderWidth: var(--pf-t--global--border--width--box--default);
5843
- --pf-v6-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
5844
- --pf-v6-c-expandable-section--m-display-lg--BorderRadius: var(--pf-t--global--border--radius--medium);
5845
- --pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) + var(--pf-t--global--spacer--gap--text-to-element--default) + var(--pf-v6-c-expandable-section__toggle-icon--MinWidth));
5846
- --pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
5847
- --pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
5929
+ .pf-v6-c-file-upload {
5930
+ --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
5931
+ --pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
5932
+ --pf-v6-c-file-upload--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
5933
+ --pf-v6-c-file-upload--PaddingInlineStart: var(--pf-t--global--spacer--sm);
5934
+ --pf-v6-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
5935
+ --pf-v6-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
5936
+ --pf-v6-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
5937
+ --pf-v6-c-file-upload--BorderColor: transparent;
5938
+ --pf-v6-c-file-upload--BorderStyle: solid;
5939
+ --pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--icon--color--brand--default);
5940
+ --pf-v6-c-file-upload--m-drag-hover--BorderStyle: dashed;
5941
+ --pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
5942
+ --pf-v6-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
5848
5943
  }
5849
5944
 
5850
- .pf-v6-c-expandable-section {
5945
+ .pf-v6-c-file-upload {
5946
+ position: relative;
5851
5947
  display: flex;
5852
5948
  flex-direction: column;
5853
- gap: var(--pf-v6-c-expandable-section--Gap);
5949
+ row-gap: var(--pf-v6-c-file-upload--RowGap);
5950
+ padding-block-start: var(--pf-v6-c-file-upload--PaddingBlockStart);
5951
+ padding-block-end: var(--pf-v6-c-file-upload--PaddingBlockEnd);
5952
+ padding-inline-start: var(--pf-v6-c-file-upload--PaddingInlineStart);
5953
+ padding-inline-end: var(--pf-v6-c-file-upload--PaddingInlineEnd);
5954
+ border: var(--pf-v6-c-file-upload--BorderWidth) var(--pf-v6-c-file-upload--BorderStyle) var(--pf-v6-c-file-upload--BorderColor);
5955
+ border-radius: var(--pf-v6-c-file-upload--BorderRadius);
5854
5956
  }
5855
5957
 
5856
- .pf-v6-c-expandable-section.pf-m-expanded {
5857
- --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate);
5858
- --pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
5859
- --pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd);
5958
+ .pf-v6-c-file-upload.pf-m-drag-hover {
5959
+ --pf-v6-c-file-upload--BorderColor: var(--pf-v6-c-file-upload--m-drag-hover--BorderColor);
5960
+ --pf-v6-c-file-upload--BorderStyle: var(--pf-v6-c-file-upload--m-drag-hover--BorderStyle);
5860
5961
  }
5861
5962
 
5862
- .pf-v6-c-expandable-section.pf-m-limit-width {
5863
- --pf-v6-c-expandable-section__content--MaxWidth: var(--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth);
5864
- }
5865
-
5866
- .pf-v6-c-expandable-section.pf-m-display-lg {
5867
- padding-block-start: var(--pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart);
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;
5963
+ .pf-v6-c-file-upload.pf-m-loading .pf-v6-c-file-upload__file-details {
5964
+ position: relative;
5889
5965
  }
5890
5966
 
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));
5967
+ .pf-v6-c-file-upload__file-select .pf-v6-c-button.pf-m-control {
5968
+ outline-offset: var(--pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset);
5897
5969
  }
5898
5970
 
5899
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
5900
- scale: -1 1;
5971
+ .pf-v6-c-file-upload__file-details {
5972
+ position: relative;
5973
+ display: flex;
5901
5974
  }
5902
5975
 
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);
5976
+ .pf-v6-c-file-upload__file-details .pf-v6-c-form-control {
5977
+ flex: 1 1 auto;
5978
+ min-height: var(--pf-v6-c-file-upload__file-details__c-form-control--MinHeight);
5979
+ border-block-start: 0;
5905
5980
  }
5906
5981
 
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);
5982
+ .pf-v6-c-file-upload__file-details-spinner {
5983
+ position: absolute;
5984
+ inset-block-start: 50%;
5985
+ inset-inline-start: 50%;
5986
+ transform: translate(-50%, -50%);
5911
5987
  }
5912
5988
 
5913
5989
  .pf-v6-c-form {
@@ -7302,629 +7378,629 @@ label.pf-v6-c-input-group__text {
7302
7378
  cursor: pointer;
7303
7379
  }
7304
7380
 
7305
- .pf-v6-c-sidebar {
7306
- --pf-v6-c-sidebar--inset: var(--pf-t--global--spacer--md);
7307
- --pf-v6-c-sidebar--xl--inset: var(--pf-t--global--spacer--lg);
7308
- --pf-v6-c-sidebar--BorderWidth--base: var(--pf-t--global--border--width--regular);
7309
- --pf-v6-c-sidebar--BorderColor--base: var(--pf-t--global--border--color--default);
7310
- --pf-v6-c-sidebar__panel--PaddingBlockStart: 0;
7311
- --pf-v6-c-sidebar__panel--PaddingInlineEnd: 0;
7312
- --pf-v6-c-sidebar__panel--PaddingBlockEnd: 0;
7313
- --pf-v6-c-sidebar__panel--PaddingInlineStart: 0;
7314
- --pf-v6-c-sidebar__panel--Order: -1;
7315
- --pf-v6-c-sidebar__panel--m-padding--PaddingBlockStart: var(--pf-v6-c-sidebar--inset);
7316
- --pf-v6-c-sidebar__panel--m-padding--PaddingInlineEnd: var(--pf-v6-c-sidebar--inset);
7317
- --pf-v6-c-sidebar__panel--m-padding--PaddingBlockEnd: var(--pf-v6-c-sidebar--inset);
7318
- --pf-v6-c-sidebar__panel--m-padding--PaddingInlineStart: var(--pf-v6-c-sidebar--inset);
7319
- --pf-v6-c-sidebar__content--PaddingBlockStart: 0;
7320
- --pf-v6-c-sidebar__content--PaddingInlineEnd: 0;
7321
- --pf-v6-c-sidebar__content--PaddingBlockEnd: 0;
7322
- --pf-v6-c-sidebar__content--PaddingInlineStart: 0;
7323
- --pf-v6-c-sidebar__content--Order: 1;
7324
- --pf-v6-c-sidebar__content--m-padding--PaddingBlockStart: var(--pf-v6-c-sidebar--inset);
7325
- --pf-v6-c-sidebar__content--m-padding--PaddingInlineEnd: var(--pf-v6-c-sidebar--inset);
7326
- --pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd: var(--pf-v6-c-sidebar--inset);
7327
- --pf-v6-c-sidebar__content--m-padding--PaddingInlineStart: var(--pf-v6-c-sidebar--inset);
7328
- --pf-v6-c-sidebar__main--FlexDirection: column;
7329
- --pf-v6-c-sidebar__main--md--FlexDirection: row;
7330
- --pf-v6-c-sidebar__main--AlignItems: stretch;
7331
- --pf-v6-c-sidebar__main--md--AlignItems: flex-start;
7332
- --pf-v6-c-sidebar__main--child--MarginBlockStart: 0;
7333
- --pf-v6-c-sidebar--m-gutter__main--Gap: var(--pf-v6-c-sidebar--inset);
7334
- --pf-v6-c-sidebar__main--m-border--before--Display: none;
7335
- --pf-v6-c-sidebar__main--m-border--before--md--Display: block;
7336
- --pf-v6-c-sidebar__main--m-border--before--BorderWidth: var(--pf-v6-c-sidebar--BorderWidth--base);
7337
- --pf-v6-c-sidebar__main--m-border--before--BorderColor: var(--pf-v6-c-sidebar--BorderColor--base);
7338
- --pf-v6-c-sidebar--m-panel-right__panel--Order: -1;
7339
- --pf-v6-c-sidebar--m-panel-right__panel--md--Order: 1;
7340
- --pf-v6-c-sidebar--m-panel-right__content--md--Order: -1;
7341
- --pf-v6-c-sidebar--m-stack__main--FlexDirection: column;
7342
- --pf-v6-c-sidebar--m-stack__main--AlignItems: stretch;
7343
- --pf-v6-c-sidebar--m-stack__panel--Position: sticky;
7344
- --pf-v6-c-sidebar--m-stack__panel--InsetBlockStart: 0;
7345
- --pf-v6-c-sidebar--m-stack__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
7346
- --pf-v6-c-sidebar--m-stack--m-panel-right__panel--Order: -1;
7347
- --pf-v6-c-sidebar--m-split__main--AlignItems: flex-start;
7348
- --pf-v6-c-sidebar--m-split__main--FlexDirection: row;
7349
- --pf-v6-c-sidebar--m-split__panel--Position: static;
7350
- --pf-v6-c-sidebar--m-split__panel--InsetBlockStart: auto;
7351
- --pf-v6-c-sidebar--m-split--m-panel-right__panel--Order: 1;
7352
- --pf-v6-c-sidebar--m-split__main--m-border--before--Display: block;
7353
- --pf-v6-c-sidebar__panel--FlexBasis--base: auto;
7354
- --pf-v6-c-sidebar__panel--BoxShadow--base: var(--pf-t--global--box-shadow--md--bottom);
7355
- --pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
7356
- --pf-v6-c-sidebar__panel--InsetBlockStart: 0;
7357
- --pf-v6-c-sidebar__panel--md--InsetBlockStart: auto;
7358
- --pf-v6-c-sidebar__panel--Position: sticky;
7359
- --pf-v6-c-sidebar__panel--md--Position: static;
7360
- --pf-v6-c-sidebar__panel--FlexBasis-base: auto;
7361
- --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis-base);
7362
- --pf-v6-c-sidebar__panel--md--FlexBasis: 15.625rem;
7363
- --pf-v6-c-sidebar__panel--m-split--FlexBasis: 15.625rem;
7364
- --pf-v6-c-sidebar__panel--m-stack--FlexBasis: auto;
7365
- --pf-v6-c-sidebar__panel--ZIndex: var(--pf-t--global--z-index--xs);
7366
- --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7367
- --pf-v6-c-sidebar__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
7368
- --pf-v6-c-sidebar__content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7369
- --pf-v6-c-sidebar__content--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
7370
- --pf-v6-c-sidebar__panel--m-sticky--InsetBlockStart: 0;
7371
- --pf-v6-c-sidebar__panel--m-sticky--Position: sticky;
7381
+ .pf-v6-c-jump-links {
7382
+ --pf-v6-c-jump-links__list--Display: flex;
7383
+ --pf-v6-c-jump-links__list--PaddingBlockStart: 0;
7384
+ --pf-v6-c-jump-links__list--PaddingInlineEnd: var(--pf-t--global--spacer--md);
7385
+ --pf-v6-c-jump-links__list--PaddingBlockEnd: 0;
7386
+ --pf-v6-c-jump-links__list--PaddingInlineStart: var(--pf-t--global--spacer--md);
7387
+ --pf-v6-c-jump-links--m-vertical__list--PaddingBlockStart: var(--pf-t--global--spacer--md);
7388
+ --pf-v6-c-jump-links--m-vertical__list--PaddingInlineEnd: 0;
7389
+ --pf-v6-c-jump-links--m-vertical__list--PaddingBlockEnd: var(--pf-t--global--spacer--md);
7390
+ --pf-v6-c-jump-links--m-vertical__list--PaddingInlineStart: 0;
7391
+ --pf-v6-c-jump-links__list--FlexDirection: row;
7392
+ --pf-v6-c-jump-links--m-vertical__list--FlexDirection: column;
7393
+ --pf-v6-c-jump-links__list--before--BorderColor: var(--pf-t--global--border--color--default);
7394
+ --pf-v6-c-jump-links__list--before--BorderBlockStartWidth: var(--pf-t--global--border--width--box--default);
7395
+ --pf-v6-c-jump-links__list--before--BorderInlineEndWidth: 0;
7396
+ --pf-v6-c-jump-links__list--before--BorderBlockEndWidth: 0;
7397
+ --pf-v6-c-jump-links__list--before--BorderInlineStartWidth: 0;
7398
+ --pf-v6-c-jump-links--m-vertical__list--before--BorderInlineStartWidth: var(--pf-t--global--border--width--box--default);
7399
+ --pf-v6-c-jump-links--m-vertical__list--before--BorderBlockStartWidth: 0;
7400
+ --pf-v6-c-jump-links__list__list--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
7401
+ --pf-v6-c-jump-links__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
7402
+ --pf-v6-c-jump-links__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7403
+ --pf-v6-c-jump-links__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
7404
+ --pf-v6-c-jump-links__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7405
+ --pf-v6-c-jump-links__list__list__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
7406
+ --pf-v6-c-jump-links__list__list__link--PaddingInlineStart: var(--pf-t--global--spacer--lg);
7407
+ --pf-v6-c-jump-links__list__list__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
7408
+ --pf-v6-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--sm));
7409
+ --pf-v6-c-jump-links__link--before--BorderBlockStartWidth: 0;
7410
+ --pf-v6-c-jump-links__link--before--BorderInlineEndWidth: 0;
7411
+ --pf-v6-c-jump-links__link--before--BorderBlockEndWidth: 0;
7412
+ --pf-v6-c-jump-links__link--before--BorderInlineStartWidth: 0;
7413
+ --pf-v6-c-jump-links__link--before--BorderColor: transparent;
7414
+ --pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-t--global--border--width--extra-strong);
7415
+ --pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth: 0;
7416
+ --pf-v6-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-t--global--border--color--clicked);
7417
+ --pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth: 0;
7418
+ --pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth: var(--pf-t--global--border--width--extra-strong);
7419
+ --pf-v6-c-jump-links__link-text--Color: var(--pf-t--global--text--color--subtle);
7420
+ --pf-v6-c-jump-links__link--hover__link-text--Color: var(--pf-t--global--text--color--subtle);
7421
+ --pf-v6-c-jump-links__item--m-current__link-text--Color: var(--pf-t--global--text--color--regular);
7422
+ --pf-v6-c-jump-links__label--MarginBlockEnd: var(--pf-t--global--spacer--md);
7423
+ --pf-v6-c-jump-links__label--Display: block;
7424
+ --pf-v6-c-jump-links__toggle--MarginBlockEnd: 0;
7425
+ --pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: var(--pf-t--global--spacer--sm);
7426
+ --pf-v6-c-jump-links__toggle--Display: none;
7427
+ --pf-v6-c-jump-links__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
7428
+ --pf-v6-c-jump-links__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
7429
+ --pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
7430
+ --pf-v6-c-jump-links__toggle-icon--Rotate: 0;
7431
+ --pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
7372
7432
  }
7373
7433
 
7374
- .pf-v6-c-sidebar {
7375
- height: 100%;
7434
+ .pf-v6-c-jump-links {
7435
+ display: flex;
7376
7436
  }
7377
7437
 
7378
- @media (min-width: 48rem) {
7379
- .pf-v6-c-sidebar {
7380
- --pf-v6-c-sidebar__main--FlexDirection: var(--pf-v6-c-sidebar__main--md--FlexDirection);
7381
- --pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar__main--md--AlignItems);
7382
- --pf-v6-c-sidebar__main--m-border--before--Display: var(--pf-v6-c-sidebar__main--m-border--before--md--Display);
7383
- --pf-v6-c-sidebar__panel--BoxShadow: none;
7384
- --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--md--FlexBasis);
7385
- --pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar__panel--md--InsetBlockStart);
7386
- --pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar__panel--md--Position);
7387
- }
7388
- }
7389
- @media (min-width: 75rem) {
7390
- .pf-v6-c-sidebar {
7391
- --pf-v6-c-sidebar--inset: var(--pf-v6-c-sidebar--xl--inset);
7392
- }
7393
- }
7394
- .pf-v6-c-sidebar.pf-m-gutter > .pf-v6-c-sidebar__main {
7395
- gap: var(--pf-v6-c-sidebar--m-gutter__main--Gap);
7438
+ .pf-v6-c-jump-links.pf-m-center {
7439
+ justify-content: center;
7396
7440
  }
7397
7441
 
7398
- .pf-v6-c-sidebar.pf-m-panel-right {
7399
- --pf-v6-c-sidebar__panel--Order: var(--pf-v6-c-sidebar--m-panel-right__panel--Order);
7400
- --pf-v6-c-sidebar__content--Order: var(--pf-v6-c-sidebar--m-panel-right__content--Order);
7442
+ .pf-v6-c-jump-links.pf-m-center .pf-v6-c-jump-links__main {
7443
+ align-items: center;
7401
7444
  }
7402
7445
 
7403
- @media (min-width: 48rem) {
7404
- .pf-v6-c-sidebar.pf-m-panel-right {
7405
- --pf-v6-c-sidebar--m-panel-right__panel--Order: var(--pf-v6-c-sidebar--m-panel-right__panel--md--Order);
7406
- --pf-v6-c-sidebar--m-panel-right__content--Order: var(--pf-v6-c-sidebar--m-panel-right__content--md--Order);
7407
- }
7408
- }
7409
- .pf-v6-c-sidebar.pf-m-stack {
7410
- --pf-v6-c-sidebar__main--FlexDirection: var(--pf-v6-c-sidebar--m-stack__main--FlexDirection);
7411
- --pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar--m-stack__main--AlignItems);
7412
- --pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar--m-stack__panel--Position);
7413
- --pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar--m-stack__panel--InsetBlockStart);
7414
- --pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar--m-stack__panel--BoxShadow);
7415
- --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--m-stack--FlexBasis);
7416
- --pf-v6-c-sidebar__main--m-border--before--Display: none;
7417
- --pf-v6-c-sidebar--m-panel-right__panel--Order: var(--pf-v6-c-sidebar--m-stack--m-panel-right__panel--Order);
7446
+ .pf-v6-c-jump-links.pf-m-vertical, .pf-v6-c-jump-links.pf-m-expandable {
7447
+ --pf-v6-c-jump-links__list--PaddingBlockStart: var(--pf-v6-c-jump-links--m-vertical__list--PaddingBlockStart);
7448
+ --pf-v6-c-jump-links__list--PaddingInlineEnd: var(--pf-v6-c-jump-links--m-vertical__list--PaddingInlineEnd);
7449
+ --pf-v6-c-jump-links__list--PaddingBlockEnd: var(--pf-v6-c-jump-links--m-vertical__list--PaddingBlockEnd);
7450
+ --pf-v6-c-jump-links__list--PaddingInlineStart: var(--pf-v6-c-jump-links--m-vertical__list--PaddingInlineStart);
7451
+ --pf-v6-c-jump-links__list--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderBlockStartWidth);
7452
+ --pf-v6-c-jump-links__list--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderInlineStartWidth);
7453
+ --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);
7454
+ --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);
7455
+ --pf-v6-c-jump-links__list--FlexDirection: var(--pf-v6-c-jump-links--m-vertical__list--FlexDirection);
7456
+ flex-direction: column;
7418
7457
  }
7419
7458
 
7420
- .pf-v6-c-sidebar.pf-m-split {
7421
- --pf-v6-c-sidebar__main--FlexDirection: var(--pf-v6-c-sidebar--m-split__main--FlexDirection);
7422
- --pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar--m-split__main--AlignItems);
7423
- --pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar--m-split__panel--Position);
7424
- --pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar--m-split__panel--InsetBlockStart);
7425
- --pf-v6-c-sidebar__panel--BoxShadow: none;
7426
- --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--m-split--FlexBasis);
7427
- --pf-v6-c-sidebar__main--m-border--before--Display: var(--pf-v6-c-sidebar--m-split__main--m-border--before--Display);
7428
- --pf-v6-c-sidebar--m-panel-right__panel--Order: var(--pf-v6-c-sidebar--m-split--m-panel-right__panel--Order);
7459
+ .pf-v6-c-jump-links.pf-m-expandable {
7460
+ --pf-v6-c-jump-links__list--Display: none;
7461
+ --pf-v6-c-jump-links__toggle--Display: block;
7462
+ --pf-v6-c-jump-links__label--Display: none;
7429
7463
  }
7430
7464
 
7431
- .pf-v6-c-sidebar__main {
7432
- display: flex;
7433
- flex-direction: var(--pf-v6-c-sidebar__main--FlexDirection);
7434
- align-items: var(--pf-v6-c-sidebar__main--AlignItems);
7465
+ .pf-v6-c-jump-links.pf-m-non-expandable {
7466
+ --pf-v6-c-jump-links__list--Display: flex;
7467
+ --pf-v6-c-jump-links__toggle--Display: none;
7468
+ --pf-v6-c-jump-links__label--Display: block;
7435
7469
  }
7436
7470
 
7437
- .pf-v6-c-sidebar__main.pf-m-border::before {
7438
- display: var(--pf-v6-c-sidebar__main--m-border--before--Display);
7439
- flex: 0 0 var(--pf-v6-c-sidebar__main--m-border--before--BorderWidth);
7440
- align-self: stretch;
7441
- content: "";
7442
- background-color: var(--pf-v6-c-sidebar__main--m-border--before--BorderColor);
7471
+ @media (min-width: 36rem) {
7472
+ .pf-v6-c-jump-links.pf-m-expandable-on-sm {
7473
+ --pf-v6-c-jump-links__list--Display: none;
7474
+ --pf-v6-c-jump-links__toggle--Display: block;
7475
+ --pf-v6-c-jump-links__label--Display: none;
7476
+ }
7477
+ .pf-v6-c-jump-links.pf-m-non-expandable-on-sm {
7478
+ --pf-v6-c-jump-links__list--Display: flex;
7479
+ --pf-v6-c-jump-links__toggle--Display: none;
7480
+ --pf-v6-c-jump-links__label--Display: block;
7481
+ }
7443
7482
  }
7444
-
7445
- .pf-v6-c-sidebar__panel {
7446
- position: var(--pf-v6-c-sidebar__panel--Position);
7447
- inset-block-start: var(--pf-v6-c-sidebar__panel--InsetBlockStart);
7448
- z-index: var(--pf-v6-c-sidebar__panel--ZIndex);
7449
- flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
7450
- flex-shrink: 0;
7451
- order: var(--pf-v6-c-sidebar__panel--Order);
7452
- padding-block-start: var(--pf-v6-c-sidebar__panel--PaddingBlockStart);
7453
- padding-block-end: var(--pf-v6-c-sidebar__panel--PaddingBlockEnd);
7454
- padding-inline-start: var(--pf-v6-c-sidebar__panel--PaddingInlineStart);
7455
- padding-inline-end: var(--pf-v6-c-sidebar__panel--PaddingInlineEnd);
7456
- background-color: var(--pf-v6-c-sidebar__panel--BackgroundColor);
7457
- box-shadow: var(--pf-v6-c-sidebar__panel--BoxShadow);
7483
+ @media (min-width: 48rem) {
7484
+ .pf-v6-c-jump-links.pf-m-expandable-on-md {
7485
+ --pf-v6-c-jump-links__list--Display: none;
7486
+ --pf-v6-c-jump-links__toggle--Display: block;
7487
+ --pf-v6-c-jump-links__label--Display: none;
7488
+ }
7489
+ .pf-v6-c-jump-links.pf-m-non-expandable-on-md {
7490
+ --pf-v6-c-jump-links__list--Display: flex;
7491
+ --pf-v6-c-jump-links__toggle--Display: none;
7492
+ --pf-v6-c-jump-links__label--Display: block;
7493
+ }
7458
7494
  }
7459
-
7460
- .pf-v6-c-sidebar__panel.pf-m-padding {
7461
- --pf-v6-c-sidebar__panel--PaddingBlockStart: var(--pf-v6-c-sidebar__panel--m-padding--PaddingBlockStart);
7462
- --pf-v6-c-sidebar__panel--PaddingInlineEnd: var(--pf-v6-c-sidebar__panel--m-padding--PaddingInlineEnd);
7463
- --pf-v6-c-sidebar__panel--PaddingBlockEnd: var(--pf-v6-c-sidebar__panel--m-padding--PaddingBlockEnd);
7464
- --pf-v6-c-sidebar__panel--PaddingInlineStart: var(--pf-v6-c-sidebar__panel--m-padding--PaddingInlineStart);
7495
+ @media (min-width: 62rem) {
7496
+ .pf-v6-c-jump-links.pf-m-expandable-on-lg {
7497
+ --pf-v6-c-jump-links__list--Display: none;
7498
+ --pf-v6-c-jump-links__toggle--Display: block;
7499
+ --pf-v6-c-jump-links__label--Display: none;
7500
+ }
7501
+ .pf-v6-c-jump-links.pf-m-non-expandable-on-lg {
7502
+ --pf-v6-c-jump-links__list--Display: flex;
7503
+ --pf-v6-c-jump-links__toggle--Display: none;
7504
+ --pf-v6-c-jump-links__label--Display: block;
7505
+ }
7465
7506
  }
7466
-
7467
- .pf-v6-c-sidebar__panel.pf-m-sticky {
7468
- --pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar__panel--m-sticky--Position);
7469
- --pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar__panel--m-sticky--InsetBlockStart);
7507
+ @media (min-width: 75rem) {
7508
+ .pf-v6-c-jump-links.pf-m-expandable-on-xl {
7509
+ --pf-v6-c-jump-links__list--Display: none;
7510
+ --pf-v6-c-jump-links__toggle--Display: block;
7511
+ --pf-v6-c-jump-links__label--Display: none;
7512
+ }
7513
+ .pf-v6-c-jump-links.pf-m-non-expandable-on-xl {
7514
+ --pf-v6-c-jump-links__list--Display: flex;
7515
+ --pf-v6-c-jump-links__toggle--Display: none;
7516
+ --pf-v6-c-jump-links__label--Display: block;
7517
+ }
7470
7518
  }
7471
-
7472
- .pf-v6-c-sidebar__panel.pf-m-static {
7473
- --pf-v6-c-sidebar__panel--Position: static;
7474
- --pf-v6-c-sidebar__panel--InsetBlockStart: auto;
7519
+ @media (min-width: 90.625rem) {
7520
+ .pf-v6-c-jump-links.pf-m-expandable-on-2xl {
7521
+ --pf-v6-c-jump-links__list--Display: none;
7522
+ --pf-v6-c-jump-links__toggle--Display: block;
7523
+ --pf-v6-c-jump-links__label--Display: none;
7524
+ }
7525
+ .pf-v6-c-jump-links.pf-m-non-expandable-on-2xl {
7526
+ --pf-v6-c-jump-links__list--Display: flex;
7527
+ --pf-v6-c-jump-links__toggle--Display: none;
7528
+ --pf-v6-c-jump-links__label--Display: block;
7529
+ }
7530
+ }
7531
+ .pf-v6-c-jump-links.pf-m-expanded {
7532
+ --pf-v6-c-jump-links__list--Display: flex;
7533
+ --pf-v6-c-jump-links__toggle--MarginBlockEnd: var(--pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd);
7534
+ --pf-v6-c-jump-links__toggle-icon--Rotate: var(--pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate);
7535
+ --pf-v6-c-jump-links__toggle-icon--Color: var(--pf-v6-c-jump-links--m-expanded__toggle-icon--Color);
7475
7536
  }
7476
7537
 
7477
- .pf-v6-c-sidebar__panel.pf-m-secondary {
7478
- --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
7538
+ .pf-v6-c-jump-links__list {
7539
+ position: relative;
7540
+ display: var(--pf-v6-c-jump-links__list--Display);
7541
+ flex-direction: var(--pf-v6-c-jump-links__list--FlexDirection);
7542
+ padding-block-start: var(--pf-v6-c-jump-links__list--PaddingBlockStart);
7543
+ padding-block-end: var(--pf-v6-c-jump-links__list--PaddingBlockEnd);
7544
+ padding-inline-start: var(--pf-v6-c-jump-links__list--PaddingInlineStart);
7545
+ padding-inline-end: var(--pf-v6-c-jump-links__list--PaddingInlineEnd);
7479
7546
  }
7480
7547
 
7481
- .pf-v6-c-sidebar__content {
7482
- flex-grow: 1;
7483
- order: var(--pf-v6-c-sidebar__content--Order);
7484
- padding-block-start: var(--pf-v6-c-sidebar__content--PaddingBlockStart);
7485
- padding-block-end: var(--pf-v6-c-sidebar__content--PaddingBlockEnd);
7486
- padding-inline-start: var(--pf-v6-c-sidebar__content--PaddingInlineStart);
7487
- padding-inline-end: var(--pf-v6-c-sidebar__content--PaddingInlineEnd);
7488
- background-color: var(--pf-v6-c-sidebar__content--BackgroundColor);
7548
+ .pf-v6-c-jump-links__list::before {
7549
+ position: absolute;
7550
+ inset: 0;
7551
+ pointer-events: none;
7552
+ content: "";
7553
+ border: solid var(--pf-v6-c-jump-links__list--before--BorderColor);
7554
+ border-block-start-width: var(--pf-v6-c-jump-links__list--before--BorderBlockStartWidth);
7555
+ border-block-end-width: var(--pf-v6-c-jump-links__list--before--BorderBlockEndWidth);
7556
+ border-inline-start-width: var(--pf-v6-c-jump-links__list--before--BorderInlineStartWidth);
7557
+ border-inline-end-width: var(--pf-v6-c-jump-links__list--before--BorderInlineEndWidth);
7489
7558
  }
7490
7559
 
7491
- .pf-v6-c-sidebar__content.pf-m-padding {
7492
- --pf-v6-c-sidebar__content--PaddingBlockStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
7493
- --pf-v6-c-sidebar__content--PaddingInlineEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingInlineEnd);
7494
- --pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
7495
- --pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
7560
+ .pf-v6-c-jump-links__list .pf-v6-c-jump-links__list {
7561
+ --pf-v6-c-jump-links__list--PaddingBlockStart: 0;
7562
+ --pf-v6-c-jump-links__list--PaddingBlockEnd: 0;
7563
+ --pf-v6-c-jump-links__link--PaddingBlockStart: var(--pf-v6-c-jump-links__list__list__link--PaddingBlockStart);
7564
+ --pf-v6-c-jump-links__link--PaddingBlockEnd: var(--pf-v6-c-jump-links__list__list__link--PaddingBlockEnd);
7565
+ --pf-v6-c-jump-links__link--PaddingInlineStart: var(--pf-v6-c-jump-links__list__list__link--PaddingInlineStart);
7566
+ margin-block-start: var(--pf-v6-c-jump-links__list__list--MarginBlockStart);
7496
7567
  }
7497
7568
 
7498
- .pf-v6-c-sidebar__content.pf-m-no-background {
7499
- --pf-v6-c-sidebar__content--BackgroundColor: transparent;
7569
+ .pf-v6-c-jump-links__link {
7570
+ position: relative;
7571
+ display: flex;
7572
+ flex: 1;
7573
+ padding-block-start: var(--pf-v6-c-jump-links__link--PaddingBlockStart);
7574
+ padding-block-end: var(--pf-v6-c-jump-links__link--PaddingBlockEnd);
7575
+ padding-inline-start: var(--pf-v6-c-jump-links__link--PaddingInlineStart);
7576
+ padding-inline-end: var(--pf-v6-c-jump-links__link--PaddingInlineEnd);
7577
+ text-decoration: none;
7578
+ outline-offset: var(--pf-v6-c-jump-links__link--OutlineOffset);
7500
7579
  }
7501
7580
 
7502
- .pf-v6-c-sidebar__content.pf-m-secondary {
7503
- --pf-v6-c-sidebar__content--BackgroundColor: var(--pf-v6-c-sidebar__content--m-secondary--BackgroundColor);
7581
+ .pf-v6-c-jump-links__link:is(:hover, :focus) {
7582
+ --pf-v6-c-jump-links__link-text--Color: var(--pf-v6-c-jump-links__link--hover__link-text--Color);
7504
7583
  }
7505
7584
 
7506
- .pf-v6-c-sidebar__content + .pf-v6-c-sidebar__panel {
7507
- --pf-v6-c-sidebar__panel--Order: 1;
7585
+ .pf-v6-c-jump-links__link::before {
7586
+ position: absolute;
7587
+ inset: 0;
7588
+ pointer-events: none;
7589
+ content: "";
7590
+ border-color: var(--pf-v6-c-jump-links__link--before--BorderColor);
7591
+ border-style: solid;
7592
+ border-block-start-width: var(--pf-v6-c-jump-links__link--before--BorderBlockStartWidth);
7593
+ border-block-end-width: var(--pf-v6-c-jump-links__link--before--BorderBlockEndWidth);
7594
+ border-inline-start-width: var(--pf-v6-c-jump-links__link--before--BorderInlineStartWidth);
7595
+ border-inline-end-width: var(--pf-v6-c-jump-links__link--before--BorderInlineEndWidth);
7508
7596
  }
7509
7597
 
7510
- :where(.pf-v6-c-sidebar__content:first-child) {
7511
- --pf-v6-c-sidebar__content--Order: -1;
7598
+ .pf-v6-c-jump-links__item {
7599
+ --pf-v6-c-jump-links__list--before--BorderColor: transparent;
7512
7600
  }
7513
7601
 
7514
- .pf-v6-c-sidebar.pf-m-no-background,
7515
- .pf-v6-c-sidebar__panel.pf-m-no-background,
7516
- .pf-v6-c-sidebar__content.pf-m-no-background {
7517
- background-color: transparent;
7602
+ .pf-v6-c-jump-links__item.pf-m-current > .pf-v6-c-jump-links__link {
7603
+ --pf-v6-c-jump-links__link--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth);
7604
+ --pf-v6-c-jump-links__link--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth);
7605
+ --pf-v6-c-jump-links__link--before--BorderColor: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderColor);
7606
+ --pf-v6-c-jump-links__link-text--Color: var(--pf-v6-c-jump-links__item--m-current__link-text--Color);
7518
7607
  }
7519
7608
 
7520
- .pf-v6-c-sidebar__panel.pf-m-width-default {
7521
- --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
7609
+ .pf-v6-c-jump-links__link-text {
7610
+ color: var(--pf-v6-c-jump-links__link-text--Color);
7522
7611
  }
7523
7612
 
7524
- .pf-v6-c-sidebar__panel.pf-m-width-25 {
7525
- --pf-v6-c-sidebar__panel--FlexBasis: 25%;
7613
+ .pf-v6-c-jump-links__label {
7614
+ display: var(--pf-v6-c-jump-links__label--Display);
7615
+ margin-block-end: var(--pf-v6-c-jump-links__label--MarginBlockEnd);
7526
7616
  }
7527
7617
 
7528
- .pf-v6-c-sidebar__panel.pf-m-width-33 {
7529
- --pf-v6-c-sidebar__panel--FlexBasis: 33%;
7618
+ .pf-v6-c-jump-links__main {
7619
+ display: flex;
7620
+ flex-direction: column;
7530
7621
  }
7531
7622
 
7532
- .pf-v6-c-sidebar__panel.pf-m-width-50 {
7533
- --pf-v6-c-sidebar__panel--FlexBasis: 50%;
7623
+ .pf-v6-c-jump-links__toggle {
7624
+ display: var(--pf-v6-c-jump-links__toggle--Display);
7625
+ margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
7534
7626
  }
7535
7627
 
7536
- .pf-v6-c-sidebar__panel.pf-m-width-66 {
7537
- --pf-v6-c-sidebar__panel--FlexBasis: 66%;
7628
+ .pf-v6-c-jump-links__toggle-icon {
7629
+ display: inline-block;
7630
+ color: var(--pf-v6-c-jump-links__toggle-icon--Color);
7631
+ transition: transform var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration) var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
7632
+ transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
7538
7633
  }
7539
7634
 
7540
- .pf-v6-c-sidebar__panel.pf-m-width-75 {
7541
- --pf-v6-c-sidebar__panel--FlexBasis: 75%;
7635
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
7636
+ scale: -1 1;
7542
7637
  }
7543
7638
 
7544
- .pf-v6-c-sidebar__panel.pf-m-width-100 {
7545
- --pf-v6-c-sidebar__panel--FlexBasis: 100%;
7639
+ .pf-v6-c-sidebar {
7640
+ --pf-v6-c-sidebar--inset: var(--pf-t--global--spacer--md);
7641
+ --pf-v6-c-sidebar--xl--inset: var(--pf-t--global--spacer--lg);
7642
+ --pf-v6-c-sidebar--BorderWidth--base: var(--pf-t--global--border--width--regular);
7643
+ --pf-v6-c-sidebar--BorderColor--base: var(--pf-t--global--border--color--default);
7644
+ --pf-v6-c-sidebar__panel--PaddingBlockStart: 0;
7645
+ --pf-v6-c-sidebar__panel--PaddingInlineEnd: 0;
7646
+ --pf-v6-c-sidebar__panel--PaddingBlockEnd: 0;
7647
+ --pf-v6-c-sidebar__panel--PaddingInlineStart: 0;
7648
+ --pf-v6-c-sidebar__panel--Order: -1;
7649
+ --pf-v6-c-sidebar__panel--m-padding--PaddingBlockStart: var(--pf-v6-c-sidebar--inset);
7650
+ --pf-v6-c-sidebar__panel--m-padding--PaddingInlineEnd: var(--pf-v6-c-sidebar--inset);
7651
+ --pf-v6-c-sidebar__panel--m-padding--PaddingBlockEnd: var(--pf-v6-c-sidebar--inset);
7652
+ --pf-v6-c-sidebar__panel--m-padding--PaddingInlineStart: var(--pf-v6-c-sidebar--inset);
7653
+ --pf-v6-c-sidebar__content--PaddingBlockStart: 0;
7654
+ --pf-v6-c-sidebar__content--PaddingInlineEnd: 0;
7655
+ --pf-v6-c-sidebar__content--PaddingBlockEnd: 0;
7656
+ --pf-v6-c-sidebar__content--PaddingInlineStart: 0;
7657
+ --pf-v6-c-sidebar__content--Order: 1;
7658
+ --pf-v6-c-sidebar__content--m-padding--PaddingBlockStart: var(--pf-v6-c-sidebar--inset);
7659
+ --pf-v6-c-sidebar__content--m-padding--PaddingInlineEnd: var(--pf-v6-c-sidebar--inset);
7660
+ --pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd: var(--pf-v6-c-sidebar--inset);
7661
+ --pf-v6-c-sidebar__content--m-padding--PaddingInlineStart: var(--pf-v6-c-sidebar--inset);
7662
+ --pf-v6-c-sidebar__main--FlexDirection: column;
7663
+ --pf-v6-c-sidebar__main--md--FlexDirection: row;
7664
+ --pf-v6-c-sidebar__main--AlignItems: stretch;
7665
+ --pf-v6-c-sidebar__main--md--AlignItems: flex-start;
7666
+ --pf-v6-c-sidebar__main--child--MarginBlockStart: 0;
7667
+ --pf-v6-c-sidebar--m-gutter__main--Gap: var(--pf-v6-c-sidebar--inset);
7668
+ --pf-v6-c-sidebar__main--m-border--before--Display: none;
7669
+ --pf-v6-c-sidebar__main--m-border--before--md--Display: block;
7670
+ --pf-v6-c-sidebar__main--m-border--before--BorderWidth: var(--pf-v6-c-sidebar--BorderWidth--base);
7671
+ --pf-v6-c-sidebar__main--m-border--before--BorderColor: var(--pf-v6-c-sidebar--BorderColor--base);
7672
+ --pf-v6-c-sidebar--m-panel-right__panel--Order: -1;
7673
+ --pf-v6-c-sidebar--m-panel-right__panel--md--Order: 1;
7674
+ --pf-v6-c-sidebar--m-panel-right__content--md--Order: -1;
7675
+ --pf-v6-c-sidebar--m-stack__main--FlexDirection: column;
7676
+ --pf-v6-c-sidebar--m-stack__main--AlignItems: stretch;
7677
+ --pf-v6-c-sidebar--m-stack__panel--Position: sticky;
7678
+ --pf-v6-c-sidebar--m-stack__panel--InsetBlockStart: 0;
7679
+ --pf-v6-c-sidebar--m-stack__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
7680
+ --pf-v6-c-sidebar--m-stack--m-panel-right__panel--Order: -1;
7681
+ --pf-v6-c-sidebar--m-split__main--AlignItems: flex-start;
7682
+ --pf-v6-c-sidebar--m-split__main--FlexDirection: row;
7683
+ --pf-v6-c-sidebar--m-split__panel--Position: static;
7684
+ --pf-v6-c-sidebar--m-split__panel--InsetBlockStart: auto;
7685
+ --pf-v6-c-sidebar--m-split--m-panel-right__panel--Order: 1;
7686
+ --pf-v6-c-sidebar--m-split__main--m-border--before--Display: block;
7687
+ --pf-v6-c-sidebar__panel--FlexBasis--base: auto;
7688
+ --pf-v6-c-sidebar__panel--BoxShadow--base: var(--pf-t--global--box-shadow--md--bottom);
7689
+ --pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
7690
+ --pf-v6-c-sidebar__panel--InsetBlockStart: 0;
7691
+ --pf-v6-c-sidebar__panel--md--InsetBlockStart: auto;
7692
+ --pf-v6-c-sidebar__panel--Position: sticky;
7693
+ --pf-v6-c-sidebar__panel--md--Position: static;
7694
+ --pf-v6-c-sidebar__panel--FlexBasis-base: auto;
7695
+ --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis-base);
7696
+ --pf-v6-c-sidebar__panel--md--FlexBasis: 15.625rem;
7697
+ --pf-v6-c-sidebar__panel--m-split--FlexBasis: 15.625rem;
7698
+ --pf-v6-c-sidebar__panel--m-stack--FlexBasis: auto;
7699
+ --pf-v6-c-sidebar__panel--ZIndex: var(--pf-t--global--z-index--xs);
7700
+ --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7701
+ --pf-v6-c-sidebar__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
7702
+ --pf-v6-c-sidebar__content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7703
+ --pf-v6-c-sidebar__content--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
7704
+ --pf-v6-c-sidebar__panel--m-sticky--InsetBlockStart: 0;
7705
+ --pf-v6-c-sidebar__panel--m-sticky--Position: sticky;
7546
7706
  }
7547
7707
 
7548
- @media (min-width: 36rem) {
7549
- .pf-v6-c-sidebar__panel.pf-m-width-default-on-sm {
7550
- --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
7551
- }
7552
- .pf-v6-c-sidebar__panel.pf-m-width-25-on-sm {
7553
- --pf-v6-c-sidebar__panel--FlexBasis: 25%;
7554
- }
7555
- .pf-v6-c-sidebar__panel.pf-m-width-33-on-sm {
7556
- --pf-v6-c-sidebar__panel--FlexBasis: 33%;
7557
- }
7558
- .pf-v6-c-sidebar__panel.pf-m-width-50-on-sm {
7559
- --pf-v6-c-sidebar__panel--FlexBasis: 50%;
7560
- }
7561
- .pf-v6-c-sidebar__panel.pf-m-width-66-on-sm {
7562
- --pf-v6-c-sidebar__panel--FlexBasis: 66%;
7563
- }
7564
- .pf-v6-c-sidebar__panel.pf-m-width-75-on-sm {
7565
- --pf-v6-c-sidebar__panel--FlexBasis: 75%;
7566
- }
7567
- .pf-v6-c-sidebar__panel.pf-m-width-100-on-sm {
7568
- --pf-v6-c-sidebar__panel--FlexBasis: 100%;
7569
- }
7708
+ .pf-v6-c-sidebar {
7709
+ height: 100%;
7570
7710
  }
7711
+
7571
7712
  @media (min-width: 48rem) {
7572
- .pf-v6-c-sidebar__panel.pf-m-width-default-on-md {
7573
- --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
7574
- }
7575
- .pf-v6-c-sidebar__panel.pf-m-width-25-on-md {
7576
- --pf-v6-c-sidebar__panel--FlexBasis: 25%;
7577
- }
7578
- .pf-v6-c-sidebar__panel.pf-m-width-33-on-md {
7579
- --pf-v6-c-sidebar__panel--FlexBasis: 33%;
7580
- }
7581
- .pf-v6-c-sidebar__panel.pf-m-width-50-on-md {
7582
- --pf-v6-c-sidebar__panel--FlexBasis: 50%;
7583
- }
7584
- .pf-v6-c-sidebar__panel.pf-m-width-66-on-md {
7585
- --pf-v6-c-sidebar__panel--FlexBasis: 66%;
7586
- }
7587
- .pf-v6-c-sidebar__panel.pf-m-width-75-on-md {
7588
- --pf-v6-c-sidebar__panel--FlexBasis: 75%;
7589
- }
7590
- .pf-v6-c-sidebar__panel.pf-m-width-100-on-md {
7591
- --pf-v6-c-sidebar__panel--FlexBasis: 100%;
7592
- }
7593
- }
7594
- @media (min-width: 62rem) {
7595
- .pf-v6-c-sidebar__panel.pf-m-width-default-on-lg {
7596
- --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
7597
- }
7598
- .pf-v6-c-sidebar__panel.pf-m-width-25-on-lg {
7599
- --pf-v6-c-sidebar__panel--FlexBasis: 25%;
7600
- }
7601
- .pf-v6-c-sidebar__panel.pf-m-width-33-on-lg {
7602
- --pf-v6-c-sidebar__panel--FlexBasis: 33%;
7603
- }
7604
- .pf-v6-c-sidebar__panel.pf-m-width-50-on-lg {
7605
- --pf-v6-c-sidebar__panel--FlexBasis: 50%;
7606
- }
7607
- .pf-v6-c-sidebar__panel.pf-m-width-66-on-lg {
7608
- --pf-v6-c-sidebar__panel--FlexBasis: 66%;
7609
- }
7610
- .pf-v6-c-sidebar__panel.pf-m-width-75-on-lg {
7611
- --pf-v6-c-sidebar__panel--FlexBasis: 75%;
7612
- }
7613
- .pf-v6-c-sidebar__panel.pf-m-width-100-on-lg {
7614
- --pf-v6-c-sidebar__panel--FlexBasis: 100%;
7713
+ .pf-v6-c-sidebar {
7714
+ --pf-v6-c-sidebar__main--FlexDirection: var(--pf-v6-c-sidebar__main--md--FlexDirection);
7715
+ --pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar__main--md--AlignItems);
7716
+ --pf-v6-c-sidebar__main--m-border--before--Display: var(--pf-v6-c-sidebar__main--m-border--before--md--Display);
7717
+ --pf-v6-c-sidebar__panel--BoxShadow: none;
7718
+ --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--md--FlexBasis);
7719
+ --pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar__panel--md--InsetBlockStart);
7720
+ --pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar__panel--md--Position);
7615
7721
  }
7616
7722
  }
7617
7723
  @media (min-width: 75rem) {
7618
- .pf-v6-c-sidebar__panel.pf-m-width-default-on-xl {
7619
- --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
7620
- }
7621
- .pf-v6-c-sidebar__panel.pf-m-width-25-on-xl {
7622
- --pf-v6-c-sidebar__panel--FlexBasis: 25%;
7623
- }
7624
- .pf-v6-c-sidebar__panel.pf-m-width-33-on-xl {
7625
- --pf-v6-c-sidebar__panel--FlexBasis: 33%;
7626
- }
7627
- .pf-v6-c-sidebar__panel.pf-m-width-50-on-xl {
7628
- --pf-v6-c-sidebar__panel--FlexBasis: 50%;
7629
- }
7630
- .pf-v6-c-sidebar__panel.pf-m-width-66-on-xl {
7631
- --pf-v6-c-sidebar__panel--FlexBasis: 66%;
7632
- }
7633
- .pf-v6-c-sidebar__panel.pf-m-width-75-on-xl {
7634
- --pf-v6-c-sidebar__panel--FlexBasis: 75%;
7635
- }
7636
- .pf-v6-c-sidebar__panel.pf-m-width-100-on-xl {
7637
- --pf-v6-c-sidebar__panel--FlexBasis: 100%;
7724
+ .pf-v6-c-sidebar {
7725
+ --pf-v6-c-sidebar--inset: var(--pf-v6-c-sidebar--xl--inset);
7638
7726
  }
7639
7727
  }
7640
- @media (min-width: 90.625rem) {
7641
- .pf-v6-c-sidebar__panel.pf-m-width-default-on-2xl {
7642
- --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
7643
- }
7644
- .pf-v6-c-sidebar__panel.pf-m-width-25-on-2xl {
7645
- --pf-v6-c-sidebar__panel--FlexBasis: 25%;
7646
- }
7647
- .pf-v6-c-sidebar__panel.pf-m-width-33-on-2xl {
7648
- --pf-v6-c-sidebar__panel--FlexBasis: 33%;
7649
- }
7650
- .pf-v6-c-sidebar__panel.pf-m-width-50-on-2xl {
7651
- --pf-v6-c-sidebar__panel--FlexBasis: 50%;
7652
- }
7653
- .pf-v6-c-sidebar__panel.pf-m-width-66-on-2xl {
7654
- --pf-v6-c-sidebar__panel--FlexBasis: 66%;
7655
- }
7656
- .pf-v6-c-sidebar__panel.pf-m-width-75-on-2xl {
7657
- --pf-v6-c-sidebar__panel--FlexBasis: 75%;
7658
- }
7659
- .pf-v6-c-sidebar__panel.pf-m-width-100-on-2xl {
7660
- --pf-v6-c-sidebar__panel--FlexBasis: 100%;
7728
+ .pf-v6-c-sidebar.pf-m-gutter > .pf-v6-c-sidebar__main {
7729
+ gap: var(--pf-v6-c-sidebar--m-gutter__main--Gap);
7730
+ }
7731
+
7732
+ .pf-v6-c-sidebar.pf-m-panel-right {
7733
+ --pf-v6-c-sidebar__panel--Order: var(--pf-v6-c-sidebar--m-panel-right__panel--Order);
7734
+ --pf-v6-c-sidebar__content--Order: var(--pf-v6-c-sidebar--m-panel-right__content--Order);
7735
+ }
7736
+
7737
+ @media (min-width: 48rem) {
7738
+ .pf-v6-c-sidebar.pf-m-panel-right {
7739
+ --pf-v6-c-sidebar--m-panel-right__panel--Order: var(--pf-v6-c-sidebar--m-panel-right__panel--md--Order);
7740
+ --pf-v6-c-sidebar--m-panel-right__content--Order: var(--pf-v6-c-sidebar--m-panel-right__content--md--Order);
7661
7741
  }
7662
7742
  }
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;
7743
+ .pf-v6-c-sidebar.pf-m-stack {
7744
+ --pf-v6-c-sidebar__main--FlexDirection: var(--pf-v6-c-sidebar--m-stack__main--FlexDirection);
7745
+ --pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar--m-stack__main--AlignItems);
7746
+ --pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar--m-stack__panel--Position);
7747
+ --pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar--m-stack__panel--InsetBlockStart);
7748
+ --pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar--m-stack__panel--BoxShadow);
7749
+ --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--m-stack--FlexBasis);
7750
+ --pf-v6-c-sidebar__main--m-border--before--Display: none;
7751
+ --pf-v6-c-sidebar--m-panel-right__panel--Order: var(--pf-v6-c-sidebar--m-stack--m-panel-right__panel--Order);
7752
+ }
7753
+
7754
+ .pf-v6-c-sidebar.pf-m-split {
7755
+ --pf-v6-c-sidebar__main--FlexDirection: var(--pf-v6-c-sidebar--m-split__main--FlexDirection);
7756
+ --pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar--m-split__main--AlignItems);
7757
+ --pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar--m-split__panel--Position);
7758
+ --pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar--m-split__panel--InsetBlockStart);
7759
+ --pf-v6-c-sidebar__panel--BoxShadow: none;
7760
+ --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--m-split--FlexBasis);
7761
+ --pf-v6-c-sidebar__main--m-border--before--Display: var(--pf-v6-c-sidebar--m-split__main--m-border--before--Display);
7762
+ --pf-v6-c-sidebar--m-panel-right__panel--Order: var(--pf-v6-c-sidebar--m-split--m-panel-right__panel--Order);
7714
7763
  }
7715
7764
 
7716
- .pf-v6-c-jump-links {
7765
+ .pf-v6-c-sidebar__main {
7717
7766
  display: flex;
7767
+ flex-direction: var(--pf-v6-c-sidebar__main--FlexDirection);
7768
+ align-items: var(--pf-v6-c-sidebar__main--AlignItems);
7718
7769
  }
7719
7770
 
7720
- .pf-v6-c-jump-links.pf-m-center {
7721
- justify-content: center;
7771
+ .pf-v6-c-sidebar__main.pf-m-border::before {
7772
+ display: var(--pf-v6-c-sidebar__main--m-border--before--Display);
7773
+ flex: 0 0 var(--pf-v6-c-sidebar__main--m-border--before--BorderWidth);
7774
+ align-self: stretch;
7775
+ content: "";
7776
+ background-color: var(--pf-v6-c-sidebar__main--m-border--before--BorderColor);
7722
7777
  }
7723
7778
 
7724
- .pf-v6-c-jump-links.pf-m-center .pf-v6-c-jump-links__main {
7725
- align-items: center;
7779
+ .pf-v6-c-sidebar__panel {
7780
+ position: var(--pf-v6-c-sidebar__panel--Position);
7781
+ inset-block-start: var(--pf-v6-c-sidebar__panel--InsetBlockStart);
7782
+ z-index: var(--pf-v6-c-sidebar__panel--ZIndex);
7783
+ flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
7784
+ flex-shrink: 0;
7785
+ order: var(--pf-v6-c-sidebar__panel--Order);
7786
+ padding-block-start: var(--pf-v6-c-sidebar__panel--PaddingBlockStart);
7787
+ padding-block-end: var(--pf-v6-c-sidebar__panel--PaddingBlockEnd);
7788
+ padding-inline-start: var(--pf-v6-c-sidebar__panel--PaddingInlineStart);
7789
+ padding-inline-end: var(--pf-v6-c-sidebar__panel--PaddingInlineEnd);
7790
+ background-color: var(--pf-v6-c-sidebar__panel--BackgroundColor);
7791
+ box-shadow: var(--pf-v6-c-sidebar__panel--BoxShadow);
7726
7792
  }
7727
7793
 
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);
7738
- flex-direction: column;
7794
+ .pf-v6-c-sidebar__panel.pf-m-padding {
7795
+ --pf-v6-c-sidebar__panel--PaddingBlockStart: var(--pf-v6-c-sidebar__panel--m-padding--PaddingBlockStart);
7796
+ --pf-v6-c-sidebar__panel--PaddingInlineEnd: var(--pf-v6-c-sidebar__panel--m-padding--PaddingInlineEnd);
7797
+ --pf-v6-c-sidebar__panel--PaddingBlockEnd: var(--pf-v6-c-sidebar__panel--m-padding--PaddingBlockEnd);
7798
+ --pf-v6-c-sidebar__panel--PaddingInlineStart: var(--pf-v6-c-sidebar__panel--m-padding--PaddingInlineStart);
7739
7799
  }
7740
7800
 
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;
7801
+ .pf-v6-c-sidebar__panel.pf-m-sticky {
7802
+ --pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar__panel--m-sticky--Position);
7803
+ --pf-v6-c-sidebar__panel--InsetBlockStart: var(--pf-v6-c-sidebar__panel--m-sticky--InsetBlockStart);
7745
7804
  }
7746
7805
 
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;
7806
+ .pf-v6-c-sidebar__panel.pf-m-static {
7807
+ --pf-v6-c-sidebar__panel--Position: static;
7808
+ --pf-v6-c-sidebar__panel--InsetBlockStart: auto;
7751
7809
  }
7752
7810
 
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
- }
7811
+ .pf-v6-c-sidebar__panel.pf-m-secondary {
7812
+ --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
7776
7813
  }
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
- }
7814
+
7815
+ .pf-v6-c-sidebar__content {
7816
+ flex-grow: 1;
7817
+ order: var(--pf-v6-c-sidebar__content--Order);
7818
+ padding-block-start: var(--pf-v6-c-sidebar__content--PaddingBlockStart);
7819
+ padding-block-end: var(--pf-v6-c-sidebar__content--PaddingBlockEnd);
7820
+ padding-inline-start: var(--pf-v6-c-sidebar__content--PaddingInlineStart);
7821
+ padding-inline-end: var(--pf-v6-c-sidebar__content--PaddingInlineEnd);
7822
+ background-color: var(--pf-v6-c-sidebar__content--BackgroundColor);
7788
7823
  }
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
- }
7824
+
7825
+ .pf-v6-c-sidebar__content.pf-m-padding {
7826
+ --pf-v6-c-sidebar__content--PaddingBlockStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
7827
+ --pf-v6-c-sidebar__content--PaddingInlineEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingInlineEnd);
7828
+ --pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
7829
+ --pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
7800
7830
  }
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
- }
7831
+
7832
+ .pf-v6-c-sidebar__content.pf-m-no-background {
7833
+ --pf-v6-c-sidebar__content--BackgroundColor: transparent;
7812
7834
  }
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);
7835
+
7836
+ .pf-v6-c-sidebar__content.pf-m-secondary {
7837
+ --pf-v6-c-sidebar__content--BackgroundColor: var(--pf-v6-c-sidebar__content--m-secondary--BackgroundColor);
7818
7838
  }
7819
7839
 
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);
7840
+ .pf-v6-c-sidebar__content + .pf-v6-c-sidebar__panel {
7841
+ --pf-v6-c-sidebar__panel--Order: 1;
7828
7842
  }
7829
7843
 
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);
7844
+ :where(.pf-v6-c-sidebar__content:first-child) {
7845
+ --pf-v6-c-sidebar__content--Order: -1;
7840
7846
  }
7841
7847
 
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);
7848
+ .pf-v6-c-sidebar.pf-m-no-background,
7849
+ .pf-v6-c-sidebar__panel.pf-m-no-background,
7850
+ .pf-v6-c-sidebar__content.pf-m-no-background {
7851
+ background-color: transparent;
7849
7852
  }
7850
7853
 
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);
7854
+ .pf-v6-c-sidebar__panel.pf-m-width-default {
7855
+ --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
7861
7856
  }
7862
7857
 
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);
7858
+ .pf-v6-c-sidebar__panel.pf-m-width-25 {
7859
+ --pf-v6-c-sidebar__panel--FlexBasis: 25%;
7865
7860
  }
7866
7861
 
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);
7862
+ .pf-v6-c-sidebar__panel.pf-m-width-33 {
7863
+ --pf-v6-c-sidebar__panel--FlexBasis: 33%;
7878
7864
  }
7879
7865
 
7880
- .pf-v6-c-jump-links__item {
7881
- --pf-v6-c-jump-links__list--before--BorderColor: transparent;
7866
+ .pf-v6-c-sidebar__panel.pf-m-width-50 {
7867
+ --pf-v6-c-sidebar__panel--FlexBasis: 50%;
7882
7868
  }
7883
7869
 
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);
7870
+ .pf-v6-c-sidebar__panel.pf-m-width-66 {
7871
+ --pf-v6-c-sidebar__panel--FlexBasis: 66%;
7889
7872
  }
7890
7873
 
7891
- .pf-v6-c-jump-links__link-text {
7892
- color: var(--pf-v6-c-jump-links__link-text--Color);
7874
+ .pf-v6-c-sidebar__panel.pf-m-width-75 {
7875
+ --pf-v6-c-sidebar__panel--FlexBasis: 75%;
7893
7876
  }
7894
7877
 
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);
7878
+ .pf-v6-c-sidebar__panel.pf-m-width-100 {
7879
+ --pf-v6-c-sidebar__panel--FlexBasis: 100%;
7898
7880
  }
7899
7881
 
7900
- .pf-v6-c-jump-links__main {
7901
- display: flex;
7902
- flex-direction: column;
7882
+ @media (min-width: 36rem) {
7883
+ .pf-v6-c-sidebar__panel.pf-m-width-default-on-sm {
7884
+ --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
7885
+ }
7886
+ .pf-v6-c-sidebar__panel.pf-m-width-25-on-sm {
7887
+ --pf-v6-c-sidebar__panel--FlexBasis: 25%;
7888
+ }
7889
+ .pf-v6-c-sidebar__panel.pf-m-width-33-on-sm {
7890
+ --pf-v6-c-sidebar__panel--FlexBasis: 33%;
7891
+ }
7892
+ .pf-v6-c-sidebar__panel.pf-m-width-50-on-sm {
7893
+ --pf-v6-c-sidebar__panel--FlexBasis: 50%;
7894
+ }
7895
+ .pf-v6-c-sidebar__panel.pf-m-width-66-on-sm {
7896
+ --pf-v6-c-sidebar__panel--FlexBasis: 66%;
7897
+ }
7898
+ .pf-v6-c-sidebar__panel.pf-m-width-75-on-sm {
7899
+ --pf-v6-c-sidebar__panel--FlexBasis: 75%;
7900
+ }
7901
+ .pf-v6-c-sidebar__panel.pf-m-width-100-on-sm {
7902
+ --pf-v6-c-sidebar__panel--FlexBasis: 100%;
7903
+ }
7903
7904
  }
7904
-
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);
7905
+ @media (min-width: 48rem) {
7906
+ .pf-v6-c-sidebar__panel.pf-m-width-default-on-md {
7907
+ --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
7908
+ }
7909
+ .pf-v6-c-sidebar__panel.pf-m-width-25-on-md {
7910
+ --pf-v6-c-sidebar__panel--FlexBasis: 25%;
7911
+ }
7912
+ .pf-v6-c-sidebar__panel.pf-m-width-33-on-md {
7913
+ --pf-v6-c-sidebar__panel--FlexBasis: 33%;
7914
+ }
7915
+ .pf-v6-c-sidebar__panel.pf-m-width-50-on-md {
7916
+ --pf-v6-c-sidebar__panel--FlexBasis: 50%;
7917
+ }
7918
+ .pf-v6-c-sidebar__panel.pf-m-width-66-on-md {
7919
+ --pf-v6-c-sidebar__panel--FlexBasis: 66%;
7920
+ }
7921
+ .pf-v6-c-sidebar__panel.pf-m-width-75-on-md {
7922
+ --pf-v6-c-sidebar__panel--FlexBasis: 75%;
7923
+ }
7924
+ .pf-v6-c-sidebar__panel.pf-m-width-100-on-md {
7925
+ --pf-v6-c-sidebar__panel--FlexBasis: 100%;
7926
+ }
7908
7927
  }
7909
-
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));
7928
+ @media (min-width: 62rem) {
7929
+ .pf-v6-c-sidebar__panel.pf-m-width-default-on-lg {
7930
+ --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
7931
+ }
7932
+ .pf-v6-c-sidebar__panel.pf-m-width-25-on-lg {
7933
+ --pf-v6-c-sidebar__panel--FlexBasis: 25%;
7934
+ }
7935
+ .pf-v6-c-sidebar__panel.pf-m-width-33-on-lg {
7936
+ --pf-v6-c-sidebar__panel--FlexBasis: 33%;
7937
+ }
7938
+ .pf-v6-c-sidebar__panel.pf-m-width-50-on-lg {
7939
+ --pf-v6-c-sidebar__panel--FlexBasis: 50%;
7940
+ }
7941
+ .pf-v6-c-sidebar__panel.pf-m-width-66-on-lg {
7942
+ --pf-v6-c-sidebar__panel--FlexBasis: 66%;
7943
+ }
7944
+ .pf-v6-c-sidebar__panel.pf-m-width-75-on-lg {
7945
+ --pf-v6-c-sidebar__panel--FlexBasis: 75%;
7946
+ }
7947
+ .pf-v6-c-sidebar__panel.pf-m-width-100-on-lg {
7948
+ --pf-v6-c-sidebar__panel--FlexBasis: 100%;
7949
+ }
7915
7950
  }
7916
-
7917
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
7918
- scale: -1 1;
7951
+ @media (min-width: 75rem) {
7952
+ .pf-v6-c-sidebar__panel.pf-m-width-default-on-xl {
7953
+ --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
7954
+ }
7955
+ .pf-v6-c-sidebar__panel.pf-m-width-25-on-xl {
7956
+ --pf-v6-c-sidebar__panel--FlexBasis: 25%;
7957
+ }
7958
+ .pf-v6-c-sidebar__panel.pf-m-width-33-on-xl {
7959
+ --pf-v6-c-sidebar__panel--FlexBasis: 33%;
7960
+ }
7961
+ .pf-v6-c-sidebar__panel.pf-m-width-50-on-xl {
7962
+ --pf-v6-c-sidebar__panel--FlexBasis: 50%;
7963
+ }
7964
+ .pf-v6-c-sidebar__panel.pf-m-width-66-on-xl {
7965
+ --pf-v6-c-sidebar__panel--FlexBasis: 66%;
7966
+ }
7967
+ .pf-v6-c-sidebar__panel.pf-m-width-75-on-xl {
7968
+ --pf-v6-c-sidebar__panel--FlexBasis: 75%;
7969
+ }
7970
+ .pf-v6-c-sidebar__panel.pf-m-width-100-on-xl {
7971
+ --pf-v6-c-sidebar__panel--FlexBasis: 100%;
7972
+ }
7973
+ }
7974
+ @media (min-width: 90.625rem) {
7975
+ .pf-v6-c-sidebar__panel.pf-m-width-default-on-2xl {
7976
+ --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
7977
+ }
7978
+ .pf-v6-c-sidebar__panel.pf-m-width-25-on-2xl {
7979
+ --pf-v6-c-sidebar__panel--FlexBasis: 25%;
7980
+ }
7981
+ .pf-v6-c-sidebar__panel.pf-m-width-33-on-2xl {
7982
+ --pf-v6-c-sidebar__panel--FlexBasis: 33%;
7983
+ }
7984
+ .pf-v6-c-sidebar__panel.pf-m-width-50-on-2xl {
7985
+ --pf-v6-c-sidebar__panel--FlexBasis: 50%;
7986
+ }
7987
+ .pf-v6-c-sidebar__panel.pf-m-width-66-on-2xl {
7988
+ --pf-v6-c-sidebar__panel--FlexBasis: 66%;
7989
+ }
7990
+ .pf-v6-c-sidebar__panel.pf-m-width-75-on-2xl {
7991
+ --pf-v6-c-sidebar__panel--FlexBasis: 75%;
7992
+ }
7993
+ .pf-v6-c-sidebar__panel.pf-m-width-100-on-2xl {
7994
+ --pf-v6-c-sidebar__panel--FlexBasis: 100%;
7995
+ }
7919
7996
  }
7920
-
7921
7997
  .pf-v6-c-label {
7922
7998
  --pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
7923
7999
  --pf-v6-c-label--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7924
8000
  --pf-v6-c-label--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
7925
8001
  --pf-v6-c-label--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7926
8002
  --pf-v6-c-label--MaxWidth: 100%;
7927
- --pf-v6-c-label--MinWidth: 3em;
8003
+ --pf-v6-c-label--MinWidth: calc((var(--pf-v6-c-label--FontSize) * var(--pf-t--global--font--line-height--body) + var(--pf-v6-c-label--PaddingBlockStart) + var(--pf-v6-c-label--PaddingBlockEnd)));
7928
8004
  --pf-v6-c-label--BorderWidth: 0;
7929
8005
  --pf-v6-c-label--BorderColor: transparent;
7930
8006
  --pf-v6-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
@@ -8081,6 +8157,7 @@ label.pf-v6-c-input-group__text {
8081
8157
  --pf-v6-c-label--m-compact--PaddingInlineStart: var(--pf-t--global--spacer--sm);
8082
8158
  --pf-v6-c-label--m-compact--FontSize: var(--pf-t--global--font--size--body--sm);
8083
8159
  --pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset: 0.0625rem;
8160
+ --pf-v6-c-label--m-compact--MinWidth: calc((var(--pf-v6-c-label--m-compact--FontSize) * var(--pf-t--global--font--line-height--body)) + (var(--pf-v6-c-label--m-compact--PaddingBlockStart) + var(--pf-v6-c-label--m-compact--PaddingBlockEnd)));
8084
8161
  --pf-v6-c-label__content--MaxWidth: 100%;
8085
8162
  --pf-v6-c-label__content--Gap: var(--pf-t--global--spacer--gap--text-to-element--compact);
8086
8163
  --pf-v6-c-label__content--Cursor: initial;
@@ -8287,6 +8364,7 @@ label.pf-v6-c-input-group__text {
8287
8364
  --pf-v6-c-label--PaddingBlockEnd: var(--pf-v6-c-label--m-compact--PaddingBlockEnd);
8288
8365
  --pf-v6-c-label--PaddingInlineStart: var(--pf-v6-c-label--m-compact--PaddingInlineStart);
8289
8366
  --pf-v6-c-label--FontSize: var(--pf-v6-c-label--m-compact--FontSize);
8367
+ --pf-v6-c-label--MinWidth: var(--pf-v6-c-label--m-compact--MinWidth);
8290
8368
  --pf-v6-c-label--m-editable--TextUnderlineOffset: var(--pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset);
8291
8369
  }
8292
8370
 
@@ -8391,6 +8469,7 @@ label.pf-v6-c-input-group__text {
8391
8469
  .pf-v6-c-label__content {
8392
8470
  display: inline-flex;
8393
8471
  align-items: center;
8472
+ justify-content: center;
8394
8473
  }
8395
8474
 
8396
8475
  .pf-v6-c-label__text {
@@ -8603,6 +8682,82 @@ input.pf-v6-c-label__content {
8603
8682
  display: none;
8604
8683
  }
8605
8684
 
8685
+ .pf-v6-c-list {
8686
+ --pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
8687
+ --pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
8688
+ --pf-v6-c-list--Gap: var(--pf-t--global--spacer--sm);
8689
+ --pf-v6-c-list--nested--PaddingBlockStart: var(--pf-v6-c-list--Gap);
8690
+ --pf-v6-c-list--m-plain--PaddingInlineStart: 0;
8691
+ --pf-v6-c-list--m-inline--PaddingInlineStart: 0;
8692
+ --pf-v6-c-list--m-inline--ColumnGap: var(--pf-t--global--spacer--lg);
8693
+ --pf-v6-c-list--m-inline--RowGap: var(--pf-t--global--spacer--xs);
8694
+ --pf-v6-c-list--m-bordered--li--PaddingBlockStart: var(--pf-v6-c-list--Gap);
8695
+ --pf-v6-c-list--m-bordered--li--BorderBlockStartColor: var(--pf-t--global--border--color--default);
8696
+ --pf-v6-c-list--m-bordered--li--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
8697
+ --pf-v6-c-list__item-icon--MinWidth: var(--pf-t--global--icon--size--sm);
8698
+ --pf-v6-c-list__item-icon--MarginBlockStart: var(--pf-t--global--spacer--xs);
8699
+ --pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
8700
+ --pf-v6-c-list__item-icon--Color: var(--pf-t--global--icon--color--regular);
8701
+ --pf-v6-c-list__item-icon--FontSize: var(--pf-t--global--icon--size--sm);
8702
+ --pf-v6-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-t--global--icon--size--lg);
8703
+ --pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
8704
+ --pf-v6-c-list--m-icon-lg__item-icon--FontSize: var(--pf-t--global--icon--size--lg);
8705
+ }
8706
+
8707
+ .pf-v6-c-list {
8708
+ display: flex;
8709
+ flex-direction: column;
8710
+ gap: var(--pf-v6-c-list--Gap);
8711
+ padding-inline-start: var(--pf-v6-c-list--PaddingInlineStart);
8712
+ }
8713
+
8714
+ .pf-v6-c-list .pf-v6-c-list {
8715
+ padding-block-start: var(--pf-v6-c-list--nested--PaddingBlockStart);
8716
+ }
8717
+
8718
+ ul.pf-v6-c-list {
8719
+ list-style: var(--pf-v6-c-list--ul--ListStyle);
8720
+ }
8721
+
8722
+ .pf-v6-c-list.pf-m-icon-lg {
8723
+ --pf-v6-c-list__item-icon--MinWidth: var(--pf-v6-c-list--m-icon-lg__item-icon--MinWidth);
8724
+ --pf-v6-c-list__item-icon--MarginBlockStart: 0;
8725
+ --pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd);
8726
+ --pf-v6-c-list__item-icon--FontSize: var(--pf-v6-c-list--m-icon-lg__item-icon--FontSize);
8727
+ }
8728
+
8729
+ .pf-v6-c-list.pf-m-plain {
8730
+ --pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-plain--PaddingInlineStart);
8731
+ list-style: none;
8732
+ }
8733
+
8734
+ .pf-v6-c-list.pf-m-inline {
8735
+ --pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-inline--PaddingInlineStart);
8736
+ --pf-v6-c-list--Gap: var(--pf-v6-c-list--m-inline--RowGap) var(--pf-v6-c-list--m-inline--ColumnGap);
8737
+ flex-direction: row;
8738
+ flex-wrap: wrap;
8739
+ list-style: none;
8740
+ }
8741
+
8742
+ .pf-v6-c-list.pf-m-bordered > * + * {
8743
+ padding-block-start: var(--pf-v6-c-list--m-bordered--li--PaddingBlockStart);
8744
+ border-block-start: var(--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth) solid var(--pf-v6-c-list--m-bordered--li--BorderBlockStartColor);
8745
+ }
8746
+
8747
+ .pf-v6-c-list__item {
8748
+ display: flex;
8749
+ }
8750
+
8751
+ .pf-v6-c-list__item-icon {
8752
+ flex-shrink: 0;
8753
+ min-width: var(--pf-v6-c-list__item-icon--MinWidth);
8754
+ margin-block-start: var(--pf-v6-c-list__item-icon--MarginBlockStart);
8755
+ margin-inline-end: var(--pf-v6-c-list__item-icon--MarginInlineEnd);
8756
+ font-size: var(--pf-v6-c-list__item-icon--FontSize);
8757
+ line-height: 1;
8758
+ color: var(--pf-v6-c-list__item-icon--Color);
8759
+ }
8760
+
8606
8761
  .pf-v6-c-login {
8607
8762
  --pf-v6-c-login--PaddingBlockStart: var(--pf-t--global--spacer--lg);
8608
8763
  --pf-v6-c-login--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
@@ -8849,94 +9004,18 @@ input.pf-v6-c-label__content {
8849
9004
  padding-block-start: var(--pf-v6-c-login__main-footer-band-item--PaddingBlockStart);
8850
9005
  }
8851
9006
 
8852
- .pf-v6-c-login__footer {
8853
- grid-area: footer;
8854
- padding-inline-start: var(--pf-v6-c-login__footer--PaddingInlineStart);
8855
- padding-inline-end: var(--pf-v6-c-login__footer--PaddingInlineEnd);
8856
- }
8857
-
8858
- .pf-v6-c-login__footer .pf-v6-c-list a {
8859
- color: unset;
8860
- }
8861
-
8862
- .pf-v6-c-login__footer .pf-v6-c-list:not(:only-child) {
8863
- padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingBlockStart);
8864
- }
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;
9007
+ .pf-v6-c-login__footer {
9008
+ grid-area: footer;
9009
+ padding-inline-start: var(--pf-v6-c-login__footer--PaddingInlineStart);
9010
+ padding-inline-end: var(--pf-v6-c-login__footer--PaddingInlineEnd);
8930
9011
  }
8931
9012
 
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);
9013
+ .pf-v6-c-login__footer .pf-v6-c-list a {
9014
+ color: unset;
9015
+ }
9016
+
9017
+ .pf-v6-c-login__footer .pf-v6-c-list:not(:only-child) {
9018
+ padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingBlockStart);
8940
9019
  }
8941
9020
 
8942
9021
  .pf-v6-c-masthead {
@@ -9594,7 +9673,6 @@ ul.pf-v6-c-list {
9594
9673
  --pf-v6-c-menu__item-description--Color: var(--pf-t--global--text--color--subtle);
9595
9674
  --pf-v6-c-menu__item-action--FontSize: var(--pf-t--global--font--size--body--default);
9596
9675
  --pf-v6-c-menu__item-action--icon--size: var(--pf-v6-c-menu__item-action--FontSize, var(--pf-t--global--icon--size--md));
9597
- --pf-v6-c-menu__item-action--Color: var(--pf-t--global--icon--color--subtle);
9598
9676
  --pf-v6-c-menu__item-action--m-favorited--Color: var(--pf-t--global--icon--color--favorite--clicked);
9599
9677
  --pf-v6-c-menu__item-action--button--MinWidth: calc(var(--pf-v6-c-menu__item-action--icon--size) + var(--pf-t--global--spacer--sm) * 2);
9600
9678
  --pf-v6-c-menu__item-select-icon--Color: var(--pf-t--global--icon--color--subtle);
@@ -10127,8 +10205,14 @@ ul.pf-v6-c-list {
10127
10205
  .pf-v6-c-menu__item-action.pf-m-favorited,
10128
10206
  .pf-v6-c-menu__item-action.pf-m-favorited:hover,
10129
10207
  .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button {
10130
- --pf-v6-c-button--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
10131
- --pf-v6-c-menu__item-action--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
10208
+ --pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
10209
+ }
10210
+
10211
+ .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:hover:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited .pf-v6-c-button:is(:hover, :focus),
10212
+ .pf-v6-c-menu__item-action.pf-m-favorited:is(:hover, :focus),
10213
+ .pf-v6-c-menu__item-action.pf-m-favorited:hover:is(:hover, :focus),
10214
+ .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:is(:hover, :focus) {
10215
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
10132
10216
  }
10133
10217
 
10134
10218
  .pf-v6-c-menu__breadcrumb {
@@ -10207,6 +10291,8 @@ ul.pf-v6-c-list {
10207
10291
  --pf-v6-c-menu-toggle--m-primary__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
10208
10292
  --pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--hover);
10209
10293
  --pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
10294
+ --pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
10295
+ --pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
10210
10296
  --pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
10211
10297
  --pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
10212
10298
  --pf-v6-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
@@ -10221,6 +10307,8 @@ ul.pf-v6-c-list {
10221
10307
  --pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
10222
10308
  --pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--hover);
10223
10309
  --pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
10310
+ --pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
10311
+ --pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
10224
10312
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
10225
10313
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
10226
10314
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
@@ -10231,6 +10319,8 @@ ul.pf-v6-c-list {
10231
10319
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
10232
10320
  --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--default);
10233
10321
  --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--default);
10322
+ --pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--compact);
10323
+ --pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--compact);
10234
10324
  --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
10235
10325
  --pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
10236
10326
  --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
@@ -10245,6 +10335,8 @@ ul.pf-v6-c-list {
10245
10335
  --pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
10246
10336
  --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
10247
10337
  --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
10338
+ --pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
10339
+ --pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
10248
10340
  --pf-v6-c-menu-toggle--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
10249
10341
  --pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
10250
10342
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
@@ -10256,6 +10348,8 @@ ul.pf-v6-c-list {
10256
10348
  --pf-v6-c-menu-toggle--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
10257
10349
  --pf-v6-c-menu-toggle--m-plain--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
10258
10350
  --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
10351
+ --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
10352
+ --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
10259
10353
  --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
10260
10354
  --pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
10261
10355
  --pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
@@ -10328,6 +10422,8 @@ ul.pf-v6-c-list {
10328
10422
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color);
10329
10423
  --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color);
10330
10424
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary__toggle-icon--Color);
10425
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart);
10426
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd);
10331
10427
  }
10332
10428
 
10333
10429
  .pf-v6-c-menu-toggle.pf-m-secondary {
@@ -10344,6 +10440,8 @@ ul.pf-v6-c-list {
10344
10440
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
10345
10441
  --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color);
10346
10442
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color);
10443
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart);
10444
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd);
10347
10445
  }
10348
10446
 
10349
10447
  .pf-v6-c-menu-toggle.pf-m-full-height {
@@ -10371,6 +10469,8 @@ ul.pf-v6-c-list {
10371
10469
  --pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
10372
10470
  --pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
10373
10471
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
10472
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart);
10473
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
10374
10474
  }
10375
10475
 
10376
10476
  .pf-v6-c-menu-toggle.pf-m-plain::before {
@@ -10402,6 +10502,10 @@ ul.pf-v6-c-list {
10402
10502
  --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd);
10403
10503
  --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
10404
10504
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
10505
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart);
10506
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd);
10507
+ --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineStart--offset);
10508
+ --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset);
10405
10509
  }
10406
10510
 
10407
10511
  .pf-v6-c-menu-toggle.pf-m-success {
@@ -10498,14 +10602,14 @@ ul.pf-v6-c-list {
10498
10602
  --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor);
10499
10603
  }
10500
10604
 
10501
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__toggle-icon:only-child)):first-child,
10502
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):first-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__toggle-icon:only-child)):first-child,
10605
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):first-child,
10606
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):first-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):first-child,
10503
10607
  .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):first-child {
10504
10608
  padding-inline-end: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset);
10505
10609
  }
10506
10610
 
10507
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__toggle-icon:only-child)):last-child,
10508
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):last-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__toggle-icon:only-child)):last-child,
10611
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):last-child,
10612
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):last-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):last-child,
10509
10613
  .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):last-child {
10510
10614
  padding-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset);
10511
10615
  }
@@ -11658,66 +11762,6 @@ ul.pf-v6-c-list {
11658
11762
  transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
11659
11763
  }
11660
11764
 
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
11765
  .pf-v6-c-overflow-menu {
11722
11766
  --pf-v6-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
11723
11767
  --pf-v6-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
@@ -11763,7 +11807,7 @@ ul.pf-v6-c-list {
11763
11807
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
11764
11808
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
11765
11809
  --pf-v6-c-page__sidebar--Width: 18.125rem;
11766
- --pf-v6-c-page__sidebar--xl--Width: auto;
11810
+ --pf-v6-c-page__sidebar--xl--Width: 18.125rem;
11767
11811
  --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11768
11812
  --pf-v6-c-page__sidebar--BoxShadow: none;
11769
11813
  --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
@@ -11960,6 +12004,7 @@ ul.pf-v6-c-list {
11960
12004
  flex-grow: 0;
11961
12005
  }
11962
12006
 
12007
+ .pf-v6-c-page__main-subnav.pf-m-limit-width > .pf-v6-c-page__main-body,
11963
12008
  .pf-v6-c-page__main-breadcrumb.pf-m-limit-width > .pf-v6-c-page__main-body,
11964
12009
  .pf-v6-c-page__main-tabs.pf-m-limit-width > .pf-v6-c-page__main-body,
11965
12010
  .pf-v6-c-page__main-section.pf-m-limit-width > .pf-v6-c-page__main-body,
@@ -11967,6 +12012,7 @@ ul.pf-v6-c-list {
11967
12012
  max-width: var(--pf-v6-c-page--section--m-limit-width--MaxWidth);
11968
12013
  }
11969
12014
 
12015
+ .pf-v6-c-page__main-subnav.pf-m-limit-width.pf-m-align-center,
11970
12016
  .pf-v6-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center,
11971
12017
  .pf-v6-c-page__main-tabs.pf-m-limit-width.pf-m-align-center,
11972
12018
  .pf-v6-c-page__main-section.pf-m-limit-width.pf-m-align-center,
@@ -11974,6 +12020,7 @@ ul.pf-v6-c-list {
11974
12020
  align-items: center;
11975
12021
  }
11976
12022
 
12023
+ .pf-v6-c-page__main-subnav.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
11977
12024
  .pf-v6-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
11978
12025
  .pf-v6-c-page__main-tabs.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
11979
12026
  .pf-v6-c-page__main-section.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
@@ -19548,6 +19595,78 @@ label.pf-v6-c-tree-view__node-text {
19548
19595
  margin: 0;
19549
19596
  }
19550
19597
 
19598
+ .pf-v6-l-gallery {
19599
+ --pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
19600
+ --pf-v6-l-gallery--GridTemplateColumns--min: 250px;
19601
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
19602
+ --pf-v6-l-gallery--GridTemplateColumns--max: 1fr;
19603
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
19604
+ --pf-v6-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-v6-l-gallery--GridTemplateColumns--minmax--min), var(--pf-v6-l-gallery--GridTemplateColumns--minmax--max)));
19605
+ --pf-v6-l-gallery--GridTemplateRows: auto;
19606
+ }
19607
+
19608
+ .pf-v6-l-gallery {
19609
+ display: grid;
19610
+ grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
19611
+ grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
19612
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
19613
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
19614
+ }
19615
+
19616
+ .pf-v6-l-gallery.pf-m-gutter {
19617
+ grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
19618
+ }
19619
+
19620
+ @media (min-width: 36rem) {
19621
+ .pf-v6-l-gallery {
19622
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
19623
+ }
19624
+ }
19625
+ @media (min-width: 48rem) {
19626
+ .pf-v6-l-gallery {
19627
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min)));
19628
+ }
19629
+ }
19630
+ @media (min-width: 62rem) {
19631
+ .pf-v6-l-gallery {
19632
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))));
19633
+ }
19634
+ }
19635
+ @media (min-width: 75rem) {
19636
+ .pf-v6-l-gallery {
19637
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min)))));
19638
+ }
19639
+ }
19640
+ @media (min-width: 90.625rem) {
19641
+ .pf-v6-l-gallery {
19642
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))))));
19643
+ }
19644
+ }
19645
+ @media (min-width: 36rem) {
19646
+ .pf-v6-l-gallery {
19647
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));
19648
+ }
19649
+ }
19650
+ @media (min-width: 48rem) {
19651
+ .pf-v6-l-gallery {
19652
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)));
19653
+ }
19654
+ }
19655
+ @media (min-width: 62rem) {
19656
+ .pf-v6-l-gallery {
19657
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))));
19658
+ }
19659
+ }
19660
+ @media (min-width: 75rem) {
19661
+ .pf-v6-l-gallery {
19662
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)))));
19663
+ }
19664
+ }
19665
+ @media (min-width: 90.625rem) {
19666
+ .pf-v6-l-gallery {
19667
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))))));
19668
+ }
19669
+ }
19551
19670
  .pf-v6-l-flex {
19552
19671
  --pf-v6-l-flex--Display: flex;
19553
19672
  --pf-v6-l-flex--FlexWrap: wrap;
@@ -22044,78 +22163,6 @@ label.pf-v6-c-tree-view__node-text {
22044
22163
  --pf-v6-l-flex--spacer--column: 0;
22045
22164
  }
22046
22165
  }
22047
- .pf-v6-l-gallery {
22048
- --pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
22049
- --pf-v6-l-gallery--GridTemplateColumns--min: 250px;
22050
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
22051
- --pf-v6-l-gallery--GridTemplateColumns--max: 1fr;
22052
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
22053
- --pf-v6-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-v6-l-gallery--GridTemplateColumns--minmax--min), var(--pf-v6-l-gallery--GridTemplateColumns--minmax--max)));
22054
- --pf-v6-l-gallery--GridTemplateRows: auto;
22055
- }
22056
-
22057
- .pf-v6-l-gallery {
22058
- display: grid;
22059
- grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
22060
- grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
22061
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
22062
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
22063
- }
22064
-
22065
- .pf-v6-l-gallery.pf-m-gutter {
22066
- grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
22067
- }
22068
-
22069
- @media (min-width: 36rem) {
22070
- .pf-v6-l-gallery {
22071
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
22072
- }
22073
- }
22074
- @media (min-width: 48rem) {
22075
- .pf-v6-l-gallery {
22076
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min)));
22077
- }
22078
- }
22079
- @media (min-width: 62rem) {
22080
- .pf-v6-l-gallery {
22081
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))));
22082
- }
22083
- }
22084
- @media (min-width: 75rem) {
22085
- .pf-v6-l-gallery {
22086
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min)))));
22087
- }
22088
- }
22089
- @media (min-width: 90.625rem) {
22090
- .pf-v6-l-gallery {
22091
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))))));
22092
- }
22093
- }
22094
- @media (min-width: 36rem) {
22095
- .pf-v6-l-gallery {
22096
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));
22097
- }
22098
- }
22099
- @media (min-width: 48rem) {
22100
- .pf-v6-l-gallery {
22101
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)));
22102
- }
22103
- }
22104
- @media (min-width: 62rem) {
22105
- .pf-v6-l-gallery {
22106
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))));
22107
- }
22108
- }
22109
- @media (min-width: 75rem) {
22110
- .pf-v6-l-gallery {
22111
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)))));
22112
- }
22113
- }
22114
- @media (min-width: 90.625rem) {
22115
- .pf-v6-l-gallery {
22116
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))))));
22117
- }
22118
- }
22119
22166
  .pf-v6-c-about-modal-box {
22120
22167
  --pf-v6-c-about-modal-box--BackgroundImage: none;
22121
22168
  --pf-v6-c-about-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
@@ -22310,21 +22357,6 @@ label.pf-v6-c-tree-view__node-text {
22310
22357
  font-size: var(--pf-v6-c-about-modal-box__close--c-button--FontSize);
22311
22358
  }
22312
22359
 
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
-
22328
22360
  .pf-v6-l-grid {
22329
22361
  --pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
22330
22362
  --pf-v6-l-grid__item--GridColumnStart: auto;
@@ -23312,6 +23344,21 @@ label.pf-v6-c-tree-view__node-text {
23312
23344
  grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
23313
23345
  }
23314
23346
 
23347
+ .pf-v6-l-level {
23348
+ --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
23349
+ }
23350
+
23351
+ .pf-v6-l-level {
23352
+ display: flex;
23353
+ flex-wrap: wrap;
23354
+ align-items: center;
23355
+ justify-content: space-between;
23356
+ }
23357
+
23358
+ .pf-v6-l-level.pf-m-gutter {
23359
+ gap: var(--pf-v6-l-level--m-gutter--Gap);
23360
+ }
23361
+
23315
23362
  .pf-v6-l-split {
23316
23363
  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
23317
23364
  }