@patternfly/react-core 6.0.0-alpha.100 → 6.0.0-alpha.102

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 (146) 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/Tile/package.json +1 -1
  74. package/dist/dynamic/components/TimePicker/package.json +1 -1
  75. package/dist/dynamic/components/Timestamp/package.json +1 -1
  76. package/dist/dynamic/components/Title/package.json +1 -1
  77. package/dist/dynamic/components/ToggleGroup/package.json +1 -1
  78. package/dist/dynamic/components/Toolbar/package.json +1 -1
  79. package/dist/dynamic/components/Tooltip/package.json +1 -1
  80. package/dist/dynamic/components/TreeView/package.json +1 -1
  81. package/dist/dynamic/components/Truncate/package.json +1 -1
  82. package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
  83. package/dist/dynamic/components/Wizard/package.json +1 -1
  84. package/dist/dynamic/deprecated/components/Chip/package.json +1 -1
  85. package/dist/dynamic/deprecated/components/DragDrop/package.json +1 -1
  86. package/dist/dynamic/deprecated/components/DualListSelector/package.json +1 -1
  87. package/dist/dynamic/deprecated/components/Modal/package.json +1 -1
  88. package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
  89. package/dist/dynamic/deprecated/components/package.json +1 -1
  90. package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
  91. package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
  92. package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
  93. package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
  94. package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
  95. package/dist/dynamic/helpers/constants/package.json +1 -1
  96. package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
  97. package/dist/dynamic/helpers/fileUtils/package.json +1 -1
  98. package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
  99. package/dist/dynamic/helpers/package.json +1 -1
  100. package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
  101. package/dist/dynamic/helpers/typeUtils/package.json +1 -1
  102. package/dist/dynamic/helpers/useInterval/package.json +1 -1
  103. package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
  104. package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
  105. package/dist/dynamic/helpers/util/package.json +1 -1
  106. package/dist/dynamic/layouts/Bullseye/package.json +1 -1
  107. package/dist/dynamic/layouts/Flex/package.json +1 -1
  108. package/dist/dynamic/layouts/Gallery/package.json +1 -1
  109. package/dist/dynamic/layouts/Grid/package.json +1 -1
  110. package/dist/dynamic/layouts/Level/package.json +1 -1
  111. package/dist/dynamic/layouts/Split/package.json +1 -1
  112. package/dist/dynamic/layouts/Stack/package.json +1 -1
  113. package/dist/dynamic/styles/package.json +1 -1
  114. package/dist/esm/components/Card/CardHeader.d.ts +16 -10
  115. package/dist/esm/components/Card/CardHeader.d.ts.map +1 -1
  116. package/dist/esm/components/Card/CardHeader.js +25 -29
  117. package/dist/esm/components/Card/CardHeader.js.map +1 -1
  118. package/dist/esm/components/NotificationDrawer/NotificationDrawerListItemHeader.d.ts +2 -0
  119. package/dist/esm/components/NotificationDrawer/NotificationDrawerListItemHeader.d.ts.map +1 -1
  120. package/dist/esm/components/NotificationDrawer/NotificationDrawerListItemHeader.js +2 -2
  121. package/dist/esm/components/NotificationDrawer/NotificationDrawerListItemHeader.js.map +1 -1
  122. package/dist/js/components/Card/CardHeader.d.ts +16 -10
  123. package/dist/js/components/Card/CardHeader.d.ts.map +1 -1
  124. package/dist/js/components/Card/CardHeader.js +25 -29
  125. package/dist/js/components/Card/CardHeader.js.map +1 -1
  126. package/dist/js/components/NotificationDrawer/NotificationDrawerListItemHeader.d.ts +2 -0
  127. package/dist/js/components/NotificationDrawer/NotificationDrawerListItemHeader.d.ts.map +1 -1
  128. package/dist/js/components/NotificationDrawer/NotificationDrawerListItemHeader.js +2 -2
  129. package/dist/js/components/NotificationDrawer/NotificationDrawerListItemHeader.js.map +1 -1
  130. package/dist/umd/assets/{output-BFvJVM-B.css → output-DDZmdp2b.css} +1405 -1390
  131. package/dist/umd/react-core.min.js +2 -2
  132. package/helpers/package.json +1 -1
  133. package/layouts/package.json +1 -1
  134. package/next/package.json +1 -1
  135. package/package.json +6 -6
  136. package/src/components/Card/CardHeader.tsx +115 -93
  137. package/src/components/Card/__tests__/CardHeader.test.tsx +330 -1
  138. package/src/components/Card/examples/CardClickable.tsx +11 -21
  139. package/src/components/Card/examples/CardClickableSelectable.tsx +6 -3
  140. package/src/components/Card/examples/CardSelectable.tsx +6 -3
  141. package/src/components/Card/examples/CardSingleSelectable.tsx +6 -3
  142. package/src/components/NotificationDrawer/NotificationDrawerListItemHeader.tsx +8 -1
  143. package/src/components/NotificationDrawer/__tests__/NotificationDrawerListItemHeader.test.tsx +24 -0
  144. package/src/components/NotificationDrawer/examples/NotificationDrawerBasic.tsx +14 -21
  145. package/src/components/NotificationDrawer/examples/NotificationDrawerGroups.tsx +18 -27
  146. package/dist/styles/assets/pficon/pf-v5-pficon.woff2 +0 -0
@@ -410,42 +410,6 @@
410
410
  margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
411
411
  }
412
412
 
413
- :where(:root, .pf-v6-c-back-to-top) {
414
- --pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
415
- --pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-t--global--spacer--lg);
416
- --pf-v6-c-back-to-top--md--InsetBlockEnd: var(--pf-t--global--spacer--2xl);
417
- --pf-v6-c-back-to-top--c-button--FontSize: var(--pf-t--global--font--size--body--sm);
418
- --pf-v6-c-back-to-top--c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
419
- --pf-v6-c-back-to-top--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
420
- --pf-v6-c-back-to-top--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
421
- --pf-v6-c-back-to-top--c-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
422
- --pf-v6-c-back-to-top--c-button--BoxShadow: var(--pf-t--global--box-shadow--sm);
423
- }
424
-
425
- @media (min-width: 48rem) {
426
- :where(:root, .pf-v6-c-back-to-top) {
427
- --pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-v6-c-back-to-top--md--InsetBlockEnd);
428
- }
429
- }
430
- .pf-v6-c-back-to-top {
431
- position: absolute;
432
- inset-block-end: var(--pf-v6-c-back-to-top--InsetBlockEnd);
433
- inset-inline-end: var(--pf-v6-c-back-to-top--InsetInlineEnd);
434
- }
435
-
436
- .pf-v6-c-back-to-top.pf-m-hidden {
437
- display: none;
438
- }
439
-
440
- .pf-v6-c-back-to-top .pf-v6-c-button {
441
- --pf-v6-c-button--FontSize: var(--pf-v6-c-back-to-top--c-button--FontSize);
442
- --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-back-to-top--c-button--PaddingBlockStart);
443
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-back-to-top--c-button--PaddingInlineEnd);
444
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-back-to-top--c-button--PaddingBlockEnd);
445
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-back-to-top--c-button--PaddingInlineStart);
446
- box-shadow: var(--pf-v6-c-back-to-top--c-button--BoxShadow);
447
- }
448
-
449
413
  :where(:root, .pf-v6-c-avatar) {
450
414
  --pf-v6-c-avatar--BorderColor: transparent;
451
415
  --pf-v6-c-avatar--BorderWidth: 0;
@@ -696,6 +660,42 @@
696
660
  --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))))));
697
661
  }
698
662
  }
663
+ :where(:root, .pf-v6-c-back-to-top) {
664
+ --pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
665
+ --pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-t--global--spacer--lg);
666
+ --pf-v6-c-back-to-top--md--InsetBlockEnd: var(--pf-t--global--spacer--2xl);
667
+ --pf-v6-c-back-to-top--c-button--FontSize: var(--pf-t--global--font--size--body--sm);
668
+ --pf-v6-c-back-to-top--c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
669
+ --pf-v6-c-back-to-top--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
670
+ --pf-v6-c-back-to-top--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
671
+ --pf-v6-c-back-to-top--c-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
672
+ --pf-v6-c-back-to-top--c-button--BoxShadow: var(--pf-t--global--box-shadow--sm);
673
+ }
674
+
675
+ @media (min-width: 48rem) {
676
+ :where(:root, .pf-v6-c-back-to-top) {
677
+ --pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-v6-c-back-to-top--md--InsetBlockEnd);
678
+ }
679
+ }
680
+ .pf-v6-c-back-to-top {
681
+ position: absolute;
682
+ inset-block-end: var(--pf-v6-c-back-to-top--InsetBlockEnd);
683
+ inset-inline-end: var(--pf-v6-c-back-to-top--InsetInlineEnd);
684
+ }
685
+
686
+ .pf-v6-c-back-to-top.pf-m-hidden {
687
+ display: none;
688
+ }
689
+
690
+ .pf-v6-c-back-to-top .pf-v6-c-button {
691
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-back-to-top--c-button--FontSize);
692
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-back-to-top--c-button--PaddingBlockStart);
693
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-back-to-top--c-button--PaddingInlineEnd);
694
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-back-to-top--c-button--PaddingBlockEnd);
695
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-back-to-top--c-button--PaddingInlineStart);
696
+ box-shadow: var(--pf-v6-c-back-to-top--c-button--BoxShadow);
697
+ }
698
+
699
699
  :where(:root, .pf-v6-c-backdrop) {
700
700
  --pf-v6-c-backdrop--Position: fixed;
701
701
  --pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
@@ -716,6 +716,34 @@
716
716
  overflow: hidden;
717
717
  }
718
718
 
719
+ :where(:root, .pf-v6-c-background-image) {
720
+ --pf-v6-c-background-image--BackgroundColor: var(--pf-t--global--background--color--primary--default);
721
+ --pf-v6-c-background-image--BackgroundImage: none;
722
+ --pf-v6-c-background-image--BackgroundSize--min-width: 200px;
723
+ --pf-v6-c-background-image--BackgroundSize--width: 60%;
724
+ --pf-v6-c-background-image--BackgroundSize--max-width: 600px;
725
+ --pf-v6-c-background-image--BackgroundSize: clamp(var(--pf-v6-c-background-image--BackgroundSize--min-width), var(--pf-v6-c-background-image--BackgroundSize--width), var(--pf-v6-c-background-image--BackgroundSize--max-width));
726
+ }
727
+
728
+ .pf-v6-c-background-image {
729
+ --pf-v6-c-background-image--BackgroundPosition: bottom right;
730
+ position: fixed;
731
+ inset-block-start: 0;
732
+ inset-inline-start: 0;
733
+ z-index: -1;
734
+ width: 100%;
735
+ height: 100%;
736
+ background-color: var(--pf-v6-c-background-image--BackgroundColor);
737
+ background-image: var(--pf-v6-c-background-image--BackgroundImage);
738
+ background-repeat: no-repeat;
739
+ background-position: var(--pf-v6-c-background-image--BackgroundPosition);
740
+ background-size: var(--pf-v6-c-background-image--BackgroundSize);
741
+ }
742
+
743
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
744
+ --pf-v6-c-background-image--BackgroundPosition: bottom left;
745
+ }
746
+
719
747
  :where(:root, .pf-v6-c-badge) {
720
748
  --pf-v6-c-badge--BorderColor: transparent;
721
749
  --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
@@ -789,34 +817,6 @@
789
817
  color: var(--pf-v6-c-badge__toggle-icon--Color);
790
818
  }
791
819
 
792
- :where(:root, .pf-v6-c-background-image) {
793
- --pf-v6-c-background-image--BackgroundColor: var(--pf-t--global--background--color--primary--default);
794
- --pf-v6-c-background-image--BackgroundImage: none;
795
- --pf-v6-c-background-image--BackgroundSize--min-width: 200px;
796
- --pf-v6-c-background-image--BackgroundSize--width: 60%;
797
- --pf-v6-c-background-image--BackgroundSize--max-width: 600px;
798
- --pf-v6-c-background-image--BackgroundSize: clamp(var(--pf-v6-c-background-image--BackgroundSize--min-width), var(--pf-v6-c-background-image--BackgroundSize--width), var(--pf-v6-c-background-image--BackgroundSize--max-width));
799
- }
800
-
801
- .pf-v6-c-background-image {
802
- --pf-v6-c-background-image--BackgroundPosition: bottom right;
803
- position: fixed;
804
- inset-block-start: 0;
805
- inset-inline-start: 0;
806
- z-index: -1;
807
- width: 100%;
808
- height: 100%;
809
- background-color: var(--pf-v6-c-background-image--BackgroundColor);
810
- background-image: var(--pf-v6-c-background-image--BackgroundImage);
811
- background-repeat: no-repeat;
812
- background-position: var(--pf-v6-c-background-image--BackgroundPosition);
813
- background-size: var(--pf-v6-c-background-image--BackgroundSize);
814
- }
815
-
816
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
817
- --pf-v6-c-background-image--BackgroundPosition: bottom left;
818
- }
819
-
820
820
  :where(:root, .pf-v6-c-banner) {
821
821
  --pf-v6-c-banner--PaddingBlockStart: var(--pf-t--global--spacer--xs);
822
822
  --pf-v6-c-banner--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -1053,121 +1053,6 @@
1053
1053
  max-width: 100%;
1054
1054
  }
1055
1055
 
1056
- :where(:root, .pf-v6-c-breadcrumb) {
1057
- --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
1058
- --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
1059
- --pf-v6-c-breadcrumb__item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
1060
- --pf-v6-c-breadcrumb__item-divider--Color: var(--pf-t--global--icon--color--regular);
1061
- --pf-v6-c-breadcrumb__item-divider--MarginInlineEnd: var(--pf-t--global--spacer--sm);
1062
- --pf-v6-c-breadcrumb__item-divider--FontSize: var( --pf-t--global--font--size--body--sm);
1063
- --pf-v6-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
1064
- --pf-v6-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
1065
- --pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
1066
- --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
1067
- --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
1068
- --pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
1069
- --pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
1070
- --pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
1071
- --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
1072
- --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
1073
- --pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
1074
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
1075
- --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
1076
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
1077
- --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
1078
- }
1079
-
1080
- .pf-v6-c-breadcrumb {
1081
- display: inline-flex;
1082
- }
1083
-
1084
- .pf-v6-c-breadcrumb__list {
1085
- display: flex;
1086
- flex-wrap: wrap;
1087
- align-items: center;
1088
- }
1089
-
1090
- .pf-v6-c-breadcrumb__item {
1091
- display: flex;
1092
- align-items: baseline;
1093
- font-size: var(--pf-v6-c-breadcrumb__item--FontSize);
1094
- font-weight: var(--pf-v6-c-breadcrumb__item--FontWeight);
1095
- line-height: var(--pf-v6-c-breadcrumb__item--LineHeight);
1096
- white-space: nowrap;
1097
- list-style: none;
1098
- }
1099
-
1100
- .pf-v6-c-breadcrumb__item:first-child:has(.pf-v6-c-breadcrumb__link) {
1101
- --pf-v6-c-breadcrumb__link--PaddingInlineStart: 0;
1102
- }
1103
-
1104
- .pf-v6-c-breadcrumb__item:not(:last-child) {
1105
- margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
1106
- }
1107
-
1108
- .pf-v6-c-breadcrumb__item-divider {
1109
- margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
1110
- font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
1111
- line-height: 1;
1112
- color: var(--pf-v6-c-breadcrumb__item-divider--Color);
1113
- }
1114
-
1115
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
1116
- scale: -1 1;
1117
- }
1118
-
1119
- .pf-v6-c-breadcrumb__link {
1120
- padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
1121
- padding-inline-end: var(--pf-v6-c-breadcrumb__link--PaddingInlineEnd);
1122
- font-size: inherit;
1123
- font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
1124
- line-height: inherit;
1125
- color: var(--pf-v6-c-breadcrumb__link--Color);
1126
- text-decoration: var(--pf-v6-c-breadcrumb__link--TextDecorationLine) var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
1127
- word-break: break-word;
1128
- background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
1129
- }
1130
-
1131
- .pf-v6-c-breadcrumb__link:is(:hover, :focus) {
1132
- --pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
1133
- --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
1134
- --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
1135
- }
1136
-
1137
- .pf-v6-c-breadcrumb__link.pf-m-current {
1138
- cursor: default;
1139
- }
1140
-
1141
- .pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
1142
- color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
1143
- text-decoration: none;
1144
- }
1145
-
1146
- button.pf-v6-c-breadcrumb__link {
1147
- border: none;
1148
- }
1149
-
1150
- .pf-v6-c-breadcrumb__dropdown {
1151
- margin-block-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart);
1152
- margin-block-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd);
1153
- margin-inline-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart);
1154
- margin-inline-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd);
1155
- }
1156
-
1157
- .pf-v6-c-breadcrumb__heading {
1158
- display: inline;
1159
- font-size: var(--pf-v6-c-breadcrumb__heading--FontSize);
1160
- }
1161
-
1162
- .pf-v6-c-breadcrumb__link,
1163
- .pf-v6-c-breadcrumb__heading {
1164
- white-space: normal;
1165
- }
1166
-
1167
- .pf-v6-c-breadcrumb__list > :first-child .pf-v6-c-breadcrumb__item-divider {
1168
- display: none;
1169
- }
1170
-
1171
1056
  :where(:root, .pf-v6-c-button) {
1172
1057
  --pf-v6-c-button--Display: inline-flex;
1173
1058
  --pf-v6-c-button--AlignItems: baseline;
@@ -2044,6 +1929,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2044
1929
  --pf-v6-c-card__header-toggle-icon--Transition: var(--pf-t--global--transition);
2045
1930
  --pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
2046
1931
  --pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
1932
+ --pf-v6-c-card--m-clickable--m-current--BorderColor: var(--pf-t--global--border--color--clicked);
1933
+ --pf-v6-c-card--m-clickable--m-current--BorderWidth: var(--pf-t--global--border--width--box--clicked);
2047
1934
  --pf-v6-c-card--m-selectable--m-selected--BorderColor: var(--pf-t--global--border--color--clicked);
2048
1935
  --pf-v6-c-card--m-selectable--m-selected--BorderWidth: var(--pf-t--global--border--width--box--clicked);
2049
1936
  --pf-v6-c-card--m-selectable--hover--BorderColor: var(--pf-t--global--border--color--hover);
@@ -2116,26 +2003,29 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2116
2003
  border: none;
2117
2004
  }
2118
2005
 
2119
- .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-check__label,
2120
- .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-radio__label {
2006
+ .pf-v6-c-card.pf-m-current {
2007
+ --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-clickable--m-current--BorderColor);
2008
+ --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-clickable--m-current--BorderWidth);
2009
+ --pf-v6-c-card--m-selectable--hover--BorderColor: var(--pf-v6-c-card--m-clickable--m-current--BorderColor);
2010
+ --pf-v6-c-card--m-selectable--focus--BorderColor: var(--pf-v6-c-card--m-clickable--m-current--BorderColor);
2011
+ }
2012
+
2013
+ .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label) {
2121
2014
  position: unset;
2122
2015
  }
2123
2016
 
2124
- .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-check__label::before,
2125
- .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-radio__label::before {
2017
+ .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label)::before {
2126
2018
  position: absolute;
2127
2019
  inset: 0;
2128
2020
  cursor: pointer;
2129
2021
  }
2130
2022
 
2131
- .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:focus-visible) ~ .pf-v6-c-check__label,
2132
- .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-radio__input:where(:focus-visible) ~ .pf-v6-c-radio__label {
2023
+ .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:focus-visible) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label) {
2133
2024
  --pf-v6-c-card--BackgroundColor: revert;
2134
2025
  --pf-v6-c-card--BorderColor: revert;
2135
2026
  }
2136
2027
 
2137
- .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:checked) ~ .pf-v6-c-check__label,
2138
- .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-radio__input:where(:checked) ~ .pf-v6-c-radio__label, .pf-v6-c-card.pf-m-selectable.pf-m-clickable.pf-m-selected {
2028
+ .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:checked) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label), .pf-v6-c-card.pf-m-selectable.pf-m-clickable.pf-m-selected {
2139
2029
  --pf-v6-c-card--BorderColor: revert;
2140
2030
  --pf-v6-c-card--m-selectable--BorderWidth: revert;
2141
2031
  }
@@ -2145,8 +2035,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2145
2035
  --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderWidth);
2146
2036
  }
2147
2037
 
2148
- .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:disabled) ~ .pf-v6-c-check__label,
2149
- .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-radio__input:where(:disabled) ~ .pf-v6-c-radio__label, .pf-v6-c-card.pf-m-selectable.pf-m-clickable.pf-m-disabled {
2038
+ .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:disabled) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label), .pf-v6-c-card.pf-m-selectable.pf-m-clickable.pf-m-disabled {
2150
2039
  --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-selectable--m-disabled--BackgroundColor);
2151
2040
  }
2152
2041
 
@@ -2269,16 +2158,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2269
2158
  --pf-v6-c-card__actions--MarginBlockEnd: 0;
2270
2159
  }
2271
2160
 
2272
- .pf-v6-c-card__selectable-actions .pf-v6-c-check__label,
2273
- .pf-v6-c-card__selectable-actions .pf-v6-c-radio__label {
2161
+ .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label, .pf-v6-c-card__clickable-action) {
2274
2162
  position: absolute;
2275
2163
  inset: 0;
2276
2164
  justify-self: auto;
2277
2165
  cursor: pointer;
2278
2166
  }
2279
2167
 
2280
- .pf-v6-c-card__selectable-actions .pf-v6-c-check__label::before,
2281
- .pf-v6-c-card__selectable-actions .pf-v6-c-radio__label::before {
2168
+ .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label, .pf-v6-c-card__clickable-action)::before {
2282
2169
  position: absolute;
2283
2170
  inset: 0;
2284
2171
  z-index: -1;
@@ -2288,32 +2175,28 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2288
2175
  border-radius: var(--pf-v6-c-card--BorderRadius);
2289
2176
  }
2290
2177
 
2291
- .pf-v6-c-card__selectable-actions .pf-v6-c-check__label:hover,
2292
- .pf-v6-c-card__selectable-actions .pf-v6-c-radio__label:hover {
2178
+ .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label, .pf-v6-c-card__clickable-action):hover {
2293
2179
  --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--hover--BorderColor);
2294
2180
  }
2295
2181
 
2296
- .pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:checked) ~ .pf-v6-c-check__label,
2297
- .pf-v6-c-card__selectable-actions .pf-v6-c-radio__input:where(:checked) ~ .pf-v6-c-radio__label,
2182
+ .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:checked) ~ :is(.pf-v6-c-radio__label, .pf-v6-c-check__label),
2298
2183
  .pf-v6-c-card.pf-m-selected {
2299
2184
  --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--m-selected--BorderColor);
2300
2185
  --pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--m-selectable--m-selected--BorderWidth);
2301
2186
  }
2302
2187
 
2303
- .pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:focus-visible) ~ .pf-v6-c-check__label,
2304
- .pf-v6-c-card__selectable-actions .pf-v6-c-radio__input:where(:focus-visible) ~ .pf-v6-c-radio__label {
2188
+ .pf-v6-c-card__selectable-actions .pf-v6-c-card__clickable-action:where(:focus-visible),
2189
+ .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input, .pf-v6-c-card__clickable-action):where(:focus-visible) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label) {
2305
2190
  --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--focus--BorderColor);
2306
2191
  --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--focus--BorderWidth);
2307
2192
  }
2308
2193
 
2309
- .pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:focus-visible):where(:checked) ~ .pf-v6-c-check__label,
2310
- .pf-v6-c-card__selectable-actions .pf-v6-c-radio__input:where(:focus-visible):where(:checked) ~ .pf-v6-c-radio__label {
2194
+ .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:focus-visible):where(:checked) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label) {
2311
2195
  --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--m-selected--focus--BorderColor);
2312
2196
  --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--m-selected--focus--BorderWidth);
2313
2197
  }
2314
2198
 
2315
- .pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:disabled) ~ .pf-v6-c-check__label,
2316
- .pf-v6-c-card__selectable-actions .pf-v6-c-radio__input:where(:disabled) ~ .pf-v6-c-radio__label,
2199
+ .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:disabled) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label),
2317
2200
  .pf-v6-c-card.pf-m-disabled {
2318
2201
  --pf-v6-c-card__title-text--Color: var(--pf-v6-c-card--m-selectable--m-disabled__title-text--Color);
2319
2202
  --pf-v6-c-card__body--Color: var(--pf-v6-c-card--m-selectable--m-disabled__body--Color);
@@ -2322,6 +2205,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2322
2205
  --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--m-disabled--BorderColor);
2323
2206
  }
2324
2207
 
2208
+ .pf-v6-c-card__clickable-action {
2209
+ background: none;
2210
+ border: 0;
2211
+ outline: 0;
2212
+ }
2213
+
2214
+ .pf-v6-c-card__clickable-action:disabled, .pf-v6-c-card__clickable-action.pf-m-disabled {
2215
+ pointer-events: none;
2216
+ }
2217
+
2325
2218
  .pf-v6-c-card__header,
2326
2219
  .pf-v6-c-card__title,
2327
2220
  .pf-v6-c-card__body,
@@ -2366,140 +2259,119 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2366
2259
  color: var(--pf-v6-c-card__footer--Color);
2367
2260
  }
2368
2261
 
2369
- :where(:root, .pf-v6-c-check) {
2370
- --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
2371
- --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
2372
- --pf-v6-c-check--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
2373
- --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
2374
- --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
2375
- --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
2376
- --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
2377
- --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
2378
- --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
2379
- --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
2380
- --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
2381
- --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
2382
- --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
2383
- --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
2384
- }
2385
-
2386
- .pf-v6-c-check {
2387
- display: grid;
2388
- grid-template-columns: auto 1fr;
2389
- grid-gap: var(--pf-v6-c-check--GridGap);
2390
- accent-color: var(--pf-v6-c-check--AccentColor);
2391
- }
2392
-
2393
- .pf-v6-c-check.pf-m-standalone {
2394
- display: inline-grid;
2395
- grid-template-columns: auto;
2396
- min-height: var(--pf-v6-c-check--MinHeight);
2262
+ :where(:root, .pf-v6-c-breadcrumb) {
2263
+ --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
2264
+ --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
2265
+ --pf-v6-c-breadcrumb__item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
2266
+ --pf-v6-c-breadcrumb__item-divider--Color: var(--pf-t--global--icon--color--regular);
2267
+ --pf-v6-c-breadcrumb__item-divider--MarginInlineEnd: var(--pf-t--global--spacer--sm);
2268
+ --pf-v6-c-breadcrumb__item-divider--FontSize: var( --pf-t--global--font--size--body--sm);
2269
+ --pf-v6-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
2270
+ --pf-v6-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
2271
+ --pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
2272
+ --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
2273
+ --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
2274
+ --pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
2275
+ --pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
2276
+ --pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
2277
+ --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
2278
+ --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
2279
+ --pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
2280
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
2281
+ --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
2282
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
2283
+ --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
2397
2284
  }
2398
2285
 
2399
- .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
2400
- align-self: center;
2401
- transform: none;
2286
+ .pf-v6-c-breadcrumb {
2287
+ display: inline-flex;
2402
2288
  }
2403
2289
 
2404
- .pf-v6-c-check__input {
2405
- align-self: start;
2406
- font-size: var(--pf-v6-c-check__label--FontSize);
2407
- line-height: var(--pf-v6-c-check__label--LineHeight);
2408
- transform: translateY(var(--pf-v6-c-check__input--TranslateY));
2290
+ .pf-v6-c-breadcrumb__list {
2291
+ display: flex;
2292
+ flex-wrap: wrap;
2293
+ align-items: center;
2409
2294
  }
2410
2295
 
2411
- .pf-v6-c-check__label {
2412
- font-size: var(--pf-v6-c-check__label--FontSize);
2413
- font-weight: var(--pf-v6-c-check__label--FontWeight);
2414
- line-height: var(--pf-v6-c-check__label--LineHeight);
2415
- color: var(--pf-v6-c-check__label--Color);
2296
+ .pf-v6-c-breadcrumb__item {
2297
+ display: flex;
2298
+ align-items: baseline;
2299
+ font-size: var(--pf-v6-c-breadcrumb__item--FontSize);
2300
+ font-weight: var(--pf-v6-c-breadcrumb__item--FontWeight);
2301
+ line-height: var(--pf-v6-c-breadcrumb__item--LineHeight);
2302
+ white-space: nowrap;
2303
+ list-style: none;
2416
2304
  }
2417
2305
 
2418
- .pf-v6-c-check__description {
2419
- grid-column: 2;
2420
- font-size: var(--pf-v6-c-check__description--FontSize);
2421
- color: var(--pf-v6-c-check__description--Color);
2306
+ .pf-v6-c-breadcrumb__item:first-child:has(.pf-v6-c-breadcrumb__link) {
2307
+ --pf-v6-c-breadcrumb__link--PaddingInlineStart: 0;
2422
2308
  }
2423
2309
 
2424
- .pf-v6-c-check__body {
2425
- grid-column: 2;
2310
+ .pf-v6-c-breadcrumb__item:not(:last-child) {
2311
+ margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
2426
2312
  }
2427
2313
 
2428
- .pf-v6-c-check__label,
2429
- .pf-v6-c-check__input {
2430
- justify-self: start;
2314
+ .pf-v6-c-breadcrumb__item-divider {
2315
+ margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
2316
+ font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
2317
+ line-height: 1;
2318
+ color: var(--pf-v6-c-breadcrumb__item-divider--Color);
2431
2319
  }
2432
2320
 
2433
- label.pf-v6-c-check, .pf-v6-c-check__label,
2434
- .pf-v6-c-check__input {
2435
- cursor: pointer;
2321
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
2322
+ scale: -1 1;
2436
2323
  }
2437
2324
 
2438
- .pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
2439
- .pf-v6-c-check__input:disabled,
2440
- .pf-v6-c-check__input.pf-m-disabled {
2441
- --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
2442
- cursor: not-allowed;
2325
+ .pf-v6-c-breadcrumb__link {
2326
+ padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
2327
+ padding-inline-end: var(--pf-v6-c-breadcrumb__link--PaddingInlineEnd);
2328
+ font-size: inherit;
2329
+ font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
2330
+ line-height: inherit;
2331
+ color: var(--pf-v6-c-breadcrumb__link--Color);
2332
+ text-decoration: var(--pf-v6-c-breadcrumb__link--TextDecorationLine) var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
2333
+ word-break: break-word;
2334
+ background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
2443
2335
  }
2444
2336
 
2445
- .pf-v6-c-check__label-required {
2446
- margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
2447
- font-size: var(--pf-v6-c-check__label-required--FontSize);
2448
- color: var(--pf-v6-c-check__label-required--Color);
2337
+ .pf-v6-c-breadcrumb__link:is(:hover, :focus) {
2338
+ --pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
2339
+ --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
2340
+ --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
2449
2341
  }
2450
2342
 
2451
- :where(:root, .pf-v6-c-code-block) {
2452
- --pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2453
- --pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
2454
- --pf-v6-c-code-block__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
2455
- --pf-v6-c-code-block__header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
2456
- --pf-v6-c-code-block__header--PaddingBlockStart: var(--pf-t--global--spacer--xs);
2457
- --pf-v6-c-code-block__header--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
2458
- --pf-v6-c-code-block__header--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
2459
- --pf-v6-c-code-block__header--PaddingInlineStart: var(--pf-t--global--spacer--sm);
2460
- --pf-v6-c-code-block__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
2461
- --pf-v6-c-code-block__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
2462
- --pf-v6-c-code-block__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
2463
- --pf-v6-c-code-block__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
2464
- --pf-v6-c-code-block__pre--FontFamily: var(--pf-t--global--font--family--mono);
2465
- --pf-v6-c-code-block__pre--FontSize: var(--pf-t--global--font--size--xs);
2343
+ .pf-v6-c-breadcrumb__link.pf-m-current {
2344
+ cursor: default;
2466
2345
  }
2467
2346
 
2468
- .pf-v6-c-code-block {
2469
- background-color: var(--pf-v6-c-code-block--BackgroundColor);
2470
- border-radius: var(--pf-v6-c-code-block--BorderRadius);
2347
+ .pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
2348
+ color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
2349
+ text-decoration: none;
2471
2350
  }
2472
2351
 
2473
- .pf-v6-c-code-block__header {
2474
- display: flex;
2475
- padding-block-start: var(--pf-v6-c-code-block__header--PaddingBlockStart);
2476
- padding-block-end: var(--pf-v6-c-code-block__header--PaddingBlockEnd);
2477
- padding-inline-start: var(--pf-v6-c-code-block__header--PaddingInlineStart);
2478
- padding-inline-end: var(--pf-v6-c-code-block__header--PaddingInlineEnd);
2479
- border-block-end: var(--pf-v6-c-code-block__header--BorderBlockEndWidth) solid var(--pf-v6-c-code-block__header--BorderBlockEndColor);
2352
+ button.pf-v6-c-breadcrumb__link {
2353
+ border: none;
2480
2354
  }
2481
2355
 
2482
- .pf-v6-c-code-block__actions {
2483
- display: flex;
2484
- margin-inline-start: auto;
2356
+ .pf-v6-c-breadcrumb__dropdown {
2357
+ margin-block-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart);
2358
+ margin-block-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd);
2359
+ margin-inline-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart);
2360
+ margin-inline-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd);
2485
2361
  }
2486
2362
 
2487
- .pf-v6-c-code-block__content {
2488
- padding-block-start: var(--pf-v6-c-code-block__content--PaddingBlockStart);
2489
- padding-block-end: var(--pf-v6-c-code-block__content--PaddingBlockEnd);
2490
- padding-inline-start: var(--pf-v6-c-code-block__content--PaddingInlineStart);
2491
- padding-inline-end: var(--pf-v6-c-code-block__content--PaddingInlineEnd);
2363
+ .pf-v6-c-breadcrumb__heading {
2364
+ display: inline;
2365
+ font-size: var(--pf-v6-c-breadcrumb__heading--FontSize);
2492
2366
  }
2493
2367
 
2494
- .pf-v6-c-code-block__pre {
2495
- font-family: var(--pf-v6-c-code-block__pre--FontFamily);
2496
- font-size: var(--pf-v6-c-code-block__pre--FontSize);
2497
- overflow-wrap: break-word;
2498
- white-space: pre-wrap;
2368
+ .pf-v6-c-breadcrumb__link,
2369
+ .pf-v6-c-breadcrumb__heading {
2370
+ white-space: normal;
2499
2371
  }
2500
2372
 
2501
- .pf-v6-c-code-block__code {
2502
- font-family: var(--pf-v6-c-code-block__code--FontFamily, inherit);
2373
+ .pf-v6-c-breadcrumb__list > :first-child .pf-v6-c-breadcrumb__item-divider {
2374
+ display: none;
2503
2375
  }
2504
2376
 
2505
2377
  :where(:root, .pf-v6-c-clipboard-copy) {
@@ -2606,83 +2478,226 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
2606
2478
  --pf-v6-c-button--m-plain--hover__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
2607
2479
  }
2608
2480
 
2609
- :where(:root, .pf-v6-c-content) {
2610
- --pf-v6-c-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
2611
- --pf-v6-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
2612
- --pf-v6-c-content--FontSize: var(--pf-t--global--font--size--body--default);
2613
- --pf-v6-c-content--FontWeight: var(--pf-t--global--font--weight--body--default);
2614
- --pf-v6-c-content--Color: var(--pf-t--global--text--color--regular);
2615
- --pf-v6-c-content--heading--FontFamily: var(--pf-t--global--font--family--heading);
2616
- --pf-v6-c-content--h1--MarginBlockStart: var(--pf-t--global--spacer--lg);
2617
- --pf-v6-c-content--h1--MarginBlockEnd: var(--pf-t--global--spacer--sm);
2618
- --pf-v6-c-content--h1--LineHeight: var(--pf-t--global--font--line-height--heading);
2619
- --pf-v6-c-content--h1--FontSize: var(--pf-t--global--font--size--heading--h1);
2620
- --pf-v6-c-content--h1--FontWeight: var(--pf-t--global--font--weight--heading--default);
2621
- --pf-v6-c-content--h2--MarginBlockStart: var(--pf-t--global--spacer--lg);
2622
- --pf-v6-c-content--h2--MarginBlockEnd: var(--pf-t--global--spacer--sm);
2623
- --pf-v6-c-content--h2--LineHeight: var(--pf-t--global--font--line-height--heading);
2624
- --pf-v6-c-content--h2--FontSize: var(--pf-t--global--font--size--heading--h2);
2625
- --pf-v6-c-content--h2--FontWeight: var(--pf-t--global--font--weight--heading--default);
2626
- --pf-v6-c-content--h3--MarginBlockStart: var(--pf-t--global--spacer--lg);
2627
- --pf-v6-c-content--h3--MarginBlockEnd: var(--pf-t--global--spacer--sm);
2628
- --pf-v6-c-content--h3--LineHeight: var(--pf-t--global--font--line-height--heading);
2629
- --pf-v6-c-content--h3--FontSize: var(--pf-t--global--font--size--heading--h3);
2630
- --pf-v6-c-content--h3--FontWeight: var(--pf-t--global--font--weight--heading--default);
2631
- --pf-v6-c-content--h4--MarginBlockStart: var(--pf-t--global--spacer--lg);
2632
- --pf-v6-c-content--h4--MarginBlockEnd: var(--pf-t--global--spacer--sm);
2633
- --pf-v6-c-content--h4--LineHeight: var(--pf-t--global--font--line-height--heading);
2634
- --pf-v6-c-content--h4--FontSize: var(--pf-t--global--font--size--heading--h4);
2635
- --pf-v6-c-content--h4--FontWeight: var(--pf-t--global--font--weight--heading--default);
2636
- --pf-v6-c-content--h5--MarginBlockStart: var(--pf-t--global--spacer--lg);
2637
- --pf-v6-c-content--h5--MarginBlockEnd: var(--pf-t--global--spacer--sm);
2638
- --pf-v6-c-content--h5--LineHeight: var(--pf-t--global--font--line-height--heading);
2639
- --pf-v6-c-content--h5--FontSize: var(--pf-t--global--font--size--heading--h5);
2640
- --pf-v6-c-content--h5--FontWeight: var(--pf-t--global--font--weight--heading--default);
2641
- --pf-v6-c-content--h6--MarginBlockStart: var(--pf-t--global--spacer--lg);
2642
- --pf-v6-c-content--h6--MarginBlockEnd: var(--pf-t--global--spacer--sm);
2643
- --pf-v6-c-content--h6--LineHeight: var(--pf-t--global--font--line-height--heading);
2644
- --pf-v6-c-content--h6--FontSize: var(--pf-t--global--font--size--heading--h6);
2645
- --pf-v6-c-content--h6--FontWeight: var(--pf-t--global--font--weight--heading--default);
2646
- --pf-v6-c-content--small--MarginBlockEnd: var(--pf-t--global--spacer--md);
2647
- --pf-v6-c-content--small--LineHeight: var(--pf-t--global--font--line-height--body);
2648
- --pf-v6-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
2649
- --pf-v6-c-content--small--Color: var(--pf-t--global--text--color--subtle);
2650
- --pf-v6-c-content--a--Color: var(--pf-t--global--text--color--link--default);
2651
- --pf-v6-c-content--a--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
2652
- --pf-v6-c-content--a--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
2653
- --pf-v6-c-content--a--hover--Color: var(--pf-t--global--text--color--link--hover);
2654
- --pf-v6-c-content--a--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
2655
- --pf-v6-c-content--a--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
2656
- --pf-v6-c-content--a--visited--Color: var(--pf-t--global--text--color--link--visited);
2657
- --pf-v6-c-content--blockquote--PaddingBlockStart: var(--pf-t--global--spacer--md);
2658
- --pf-v6-c-content--blockquote--PaddingInlineEnd: var(--pf-t--global--spacer--md);
2659
- --pf-v6-c-content--blockquote--PaddingBlockEnd: var(--pf-t--global--spacer--md);
2660
- --pf-v6-c-content--blockquote--PaddingInlineStart: var(--pf-t--global--spacer--md);
2661
- --pf-v6-c-content--blockquote--Color: var(--pf-t--global--text--color--subtle);
2662
- --pf-v6-c-content--blockquote--BorderInlineStartColor: var(--pf-t--global--border--color--default);
2663
- --pf-v6-c-content--blockquote--BorderInlineStartWidth: var(--pf-t--global--border--width--300);
2664
- --pf-v6-c-content--list--Gap: var(--pf-t--global--spacer--sm);
2665
- --pf-v6-c-content--list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
2666
- --pf-v6-c-content--list--nested--MarginBlockStart: var(--pf-v6-c-content--list--Gap);
2667
- --pf-v6-c-content--ul--ListStyle: var(--pf-t--global--list-style);
2668
- --pf-v6-c-content--dl--ColumnGap: var(--pf-t--global--spacer--2xl);
2669
- --pf-v6-c-content--dl--RowGap: var(--pf-t--global--spacer--md);
2670
- --pf-v6-c-content--dt--FontWeight: var(--pf-t--global--font--weight--body--bold);
2671
- --pf-v6-c-content--dt--MarginBlockStart: var(--pf-t--global--spacer--md);
2672
- --pf-v6-c-content--dt--sm--MarginBlockStart: 0;
2673
- --pf-v6-c-content--hr--Height: var(--pf-t--global--border--width--divider--default);
2674
- --pf-v6-c-content--hr--BackgroundColor: var(--pf-t--global--border--color--default);
2675
- }
2676
-
2677
- .pf-v6-c-content {
2678
- font-size: var(--pf-v6-c-content--FontSize);
2679
- line-height: var(--pf-v6-c-content--LineHeight);
2680
- color: var(--pf-v6-c-content--Color);
2681
- }
2682
-
2683
- :is(.pf-v6-c-content--a, .pf-v6-c-content a) {
2684
- color: var(--pf-v6-c-content--a--Color);
2685
- text-decoration: var(--pf-v6-c-content--a--TextDecorationLine) var(--pf-v6-c-content--a--TextDecorationStyle);
2481
+ :where(:root, .pf-v6-c-code-block) {
2482
+ --pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2483
+ --pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
2484
+ --pf-v6-c-code-block__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
2485
+ --pf-v6-c-code-block__header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
2486
+ --pf-v6-c-code-block__header--PaddingBlockStart: var(--pf-t--global--spacer--xs);
2487
+ --pf-v6-c-code-block__header--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
2488
+ --pf-v6-c-code-block__header--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
2489
+ --pf-v6-c-code-block__header--PaddingInlineStart: var(--pf-t--global--spacer--sm);
2490
+ --pf-v6-c-code-block__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
2491
+ --pf-v6-c-code-block__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
2492
+ --pf-v6-c-code-block__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
2493
+ --pf-v6-c-code-block__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
2494
+ --pf-v6-c-code-block__pre--FontFamily: var(--pf-t--global--font--family--mono);
2495
+ --pf-v6-c-code-block__pre--FontSize: var(--pf-t--global--font--size--xs);
2496
+ }
2497
+
2498
+ .pf-v6-c-code-block {
2499
+ background-color: var(--pf-v6-c-code-block--BackgroundColor);
2500
+ border-radius: var(--pf-v6-c-code-block--BorderRadius);
2501
+ }
2502
+
2503
+ .pf-v6-c-code-block__header {
2504
+ display: flex;
2505
+ padding-block-start: var(--pf-v6-c-code-block__header--PaddingBlockStart);
2506
+ padding-block-end: var(--pf-v6-c-code-block__header--PaddingBlockEnd);
2507
+ padding-inline-start: var(--pf-v6-c-code-block__header--PaddingInlineStart);
2508
+ padding-inline-end: var(--pf-v6-c-code-block__header--PaddingInlineEnd);
2509
+ border-block-end: var(--pf-v6-c-code-block__header--BorderBlockEndWidth) solid var(--pf-v6-c-code-block__header--BorderBlockEndColor);
2510
+ }
2511
+
2512
+ .pf-v6-c-code-block__actions {
2513
+ display: flex;
2514
+ margin-inline-start: auto;
2515
+ }
2516
+
2517
+ .pf-v6-c-code-block__content {
2518
+ padding-block-start: var(--pf-v6-c-code-block__content--PaddingBlockStart);
2519
+ padding-block-end: var(--pf-v6-c-code-block__content--PaddingBlockEnd);
2520
+ padding-inline-start: var(--pf-v6-c-code-block__content--PaddingInlineStart);
2521
+ padding-inline-end: var(--pf-v6-c-code-block__content--PaddingInlineEnd);
2522
+ }
2523
+
2524
+ .pf-v6-c-code-block__pre {
2525
+ font-family: var(--pf-v6-c-code-block__pre--FontFamily);
2526
+ font-size: var(--pf-v6-c-code-block__pre--FontSize);
2527
+ overflow-wrap: break-word;
2528
+ white-space: pre-wrap;
2529
+ }
2530
+
2531
+ .pf-v6-c-code-block__code {
2532
+ font-family: var(--pf-v6-c-code-block__code--FontFamily, inherit);
2533
+ }
2534
+
2535
+ :where(:root, .pf-v6-c-check) {
2536
+ --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
2537
+ --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
2538
+ --pf-v6-c-check--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
2539
+ --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
2540
+ --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
2541
+ --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
2542
+ --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
2543
+ --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
2544
+ --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
2545
+ --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
2546
+ --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
2547
+ --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
2548
+ --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
2549
+ --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
2550
+ }
2551
+
2552
+ .pf-v6-c-check {
2553
+ display: grid;
2554
+ grid-template-columns: auto 1fr;
2555
+ grid-gap: var(--pf-v6-c-check--GridGap);
2556
+ accent-color: var(--pf-v6-c-check--AccentColor);
2557
+ }
2558
+
2559
+ .pf-v6-c-check.pf-m-standalone {
2560
+ display: inline-grid;
2561
+ grid-template-columns: auto;
2562
+ min-height: var(--pf-v6-c-check--MinHeight);
2563
+ }
2564
+
2565
+ .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
2566
+ align-self: center;
2567
+ transform: none;
2568
+ }
2569
+
2570
+ .pf-v6-c-check__input {
2571
+ align-self: start;
2572
+ font-size: var(--pf-v6-c-check__label--FontSize);
2573
+ line-height: var(--pf-v6-c-check__label--LineHeight);
2574
+ transform: translateY(var(--pf-v6-c-check__input--TranslateY));
2575
+ }
2576
+
2577
+ .pf-v6-c-check__label {
2578
+ font-size: var(--pf-v6-c-check__label--FontSize);
2579
+ font-weight: var(--pf-v6-c-check__label--FontWeight);
2580
+ line-height: var(--pf-v6-c-check__label--LineHeight);
2581
+ color: var(--pf-v6-c-check__label--Color);
2582
+ }
2583
+
2584
+ .pf-v6-c-check__description {
2585
+ grid-column: 2;
2586
+ font-size: var(--pf-v6-c-check__description--FontSize);
2587
+ color: var(--pf-v6-c-check__description--Color);
2588
+ }
2589
+
2590
+ .pf-v6-c-check__body {
2591
+ grid-column: 2;
2592
+ }
2593
+
2594
+ .pf-v6-c-check__label,
2595
+ .pf-v6-c-check__input {
2596
+ justify-self: start;
2597
+ }
2598
+
2599
+ label.pf-v6-c-check, .pf-v6-c-check__label,
2600
+ .pf-v6-c-check__input {
2601
+ cursor: pointer;
2602
+ }
2603
+
2604
+ .pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
2605
+ .pf-v6-c-check__input:disabled,
2606
+ .pf-v6-c-check__input.pf-m-disabled {
2607
+ --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
2608
+ cursor: not-allowed;
2609
+ }
2610
+
2611
+ .pf-v6-c-check__label-required {
2612
+ margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
2613
+ font-size: var(--pf-v6-c-check__label-required--FontSize);
2614
+ color: var(--pf-v6-c-check__label-required--Color);
2615
+ }
2616
+
2617
+ :where(:root, .pf-v6-c-content) {
2618
+ --pf-v6-c-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
2619
+ --pf-v6-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
2620
+ --pf-v6-c-content--FontSize: var(--pf-t--global--font--size--body--default);
2621
+ --pf-v6-c-content--m-editorial--FontSize: var(--pf-t--global--font--size--body--lg);
2622
+ --pf-v6-c-content--FontWeight: var(--pf-t--global--font--weight--body--default);
2623
+ --pf-v6-c-content--Color: var(--pf-t--global--text--color--regular);
2624
+ --pf-v6-c-content--heading--FontFamily: var(--pf-t--global--font--family--heading);
2625
+ --pf-v6-c-content--h1--MarginBlockStart: var(--pf-t--global--spacer--lg);
2626
+ --pf-v6-c-content--h1--MarginBlockEnd: var(--pf-t--global--spacer--sm);
2627
+ --pf-v6-c-content--h1--LineHeight: var(--pf-t--global--font--line-height--heading);
2628
+ --pf-v6-c-content--h1--FontSize: var(--pf-t--global--font--size--heading--h1);
2629
+ --pf-v6-c-content--h1--FontWeight: var(--pf-t--global--font--weight--heading--default);
2630
+ --pf-v6-c-content--h2--MarginBlockStart: var(--pf-t--global--spacer--lg);
2631
+ --pf-v6-c-content--h2--MarginBlockEnd: var(--pf-t--global--spacer--sm);
2632
+ --pf-v6-c-content--h2--LineHeight: var(--pf-t--global--font--line-height--heading);
2633
+ --pf-v6-c-content--h2--FontSize: var(--pf-t--global--font--size--heading--h2);
2634
+ --pf-v6-c-content--h2--FontWeight: var(--pf-t--global--font--weight--heading--default);
2635
+ --pf-v6-c-content--h3--MarginBlockStart: var(--pf-t--global--spacer--lg);
2636
+ --pf-v6-c-content--h3--MarginBlockEnd: var(--pf-t--global--spacer--sm);
2637
+ --pf-v6-c-content--h3--LineHeight: var(--pf-t--global--font--line-height--heading);
2638
+ --pf-v6-c-content--h3--FontSize: var(--pf-t--global--font--size--heading--h3);
2639
+ --pf-v6-c-content--h3--FontWeight: var(--pf-t--global--font--weight--heading--default);
2640
+ --pf-v6-c-content--h4--MarginBlockStart: var(--pf-t--global--spacer--lg);
2641
+ --pf-v6-c-content--h4--MarginBlockEnd: var(--pf-t--global--spacer--sm);
2642
+ --pf-v6-c-content--h4--LineHeight: var(--pf-t--global--font--line-height--heading);
2643
+ --pf-v6-c-content--h4--FontSize: var(--pf-t--global--font--size--heading--h4);
2644
+ --pf-v6-c-content--h4--FontWeight: var(--pf-t--global--font--weight--heading--default);
2645
+ --pf-v6-c-content--h5--MarginBlockStart: var(--pf-t--global--spacer--lg);
2646
+ --pf-v6-c-content--h5--MarginBlockEnd: var(--pf-t--global--spacer--sm);
2647
+ --pf-v6-c-content--h5--LineHeight: var(--pf-t--global--font--line-height--heading);
2648
+ --pf-v6-c-content--h5--FontSize: var(--pf-t--global--font--size--heading--h5);
2649
+ --pf-v6-c-content--h5--FontWeight: var(--pf-t--global--font--weight--heading--default);
2650
+ --pf-v6-c-content--h6--MarginBlockStart: var(--pf-t--global--spacer--lg);
2651
+ --pf-v6-c-content--h6--MarginBlockEnd: var(--pf-t--global--spacer--sm);
2652
+ --pf-v6-c-content--h6--LineHeight: var(--pf-t--global--font--line-height--heading);
2653
+ --pf-v6-c-content--h6--FontSize: var(--pf-t--global--font--size--heading--h6);
2654
+ --pf-v6-c-content--h6--FontWeight: var(--pf-t--global--font--weight--heading--default);
2655
+ --pf-v6-c-content--small--MarginBlockEnd: var(--pf-t--global--spacer--md);
2656
+ --pf-v6-c-content--small--LineHeight: var(--pf-t--global--font--line-height--body);
2657
+ --pf-v6-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
2658
+ --pf-v6-c-content--m-editorial--small--FontSize: var(--pf-t--global--font--size--body--default);
2659
+ --pf-v6-c-content--small--Color: var(--pf-t--global--text--color--subtle);
2660
+ --pf-v6-c-content--a--Color: var(--pf-t--global--text--color--link--default);
2661
+ --pf-v6-c-content--a--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
2662
+ --pf-v6-c-content--a--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
2663
+ --pf-v6-c-content--a--hover--Color: var(--pf-t--global--text--color--link--hover);
2664
+ --pf-v6-c-content--a--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
2665
+ --pf-v6-c-content--a--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
2666
+ --pf-v6-c-content--a--visited--Color: var(--pf-t--global--text--color--link--visited);
2667
+ --pf-v6-c-content--blockquote--PaddingBlockStart: var(--pf-t--global--spacer--md);
2668
+ --pf-v6-c-content--blockquote--PaddingInlineEnd: var(--pf-t--global--spacer--md);
2669
+ --pf-v6-c-content--blockquote--PaddingBlockEnd: var(--pf-t--global--spacer--md);
2670
+ --pf-v6-c-content--blockquote--PaddingInlineStart: var(--pf-t--global--spacer--md);
2671
+ --pf-v6-c-content--blockquote--Color: var(--pf-t--global--text--color--subtle);
2672
+ --pf-v6-c-content--blockquote--BorderInlineStartColor: var(--pf-t--global--border--color--default);
2673
+ --pf-v6-c-content--blockquote--BorderInlineStartWidth: var(--pf-t--global--border--width--300);
2674
+ --pf-v6-c-content--list--Gap: var(--pf-t--global--spacer--sm);
2675
+ --pf-v6-c-content--list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
2676
+ --pf-v6-c-content--list--nested--MarginBlockStart: var(--pf-v6-c-content--list--Gap);
2677
+ --pf-v6-c-content--ul--ListStyle: var(--pf-t--global--list-style);
2678
+ --pf-v6-c-content--dl--ColumnGap: var(--pf-t--global--spacer--2xl);
2679
+ --pf-v6-c-content--dl--RowGap: var(--pf-t--global--spacer--md);
2680
+ --pf-v6-c-content--dt--FontWeight: var(--pf-t--global--font--weight--body--bold);
2681
+ --pf-v6-c-content--dt--MarginBlockStart: var(--pf-t--global--spacer--md);
2682
+ --pf-v6-c-content--dt--sm--MarginBlockStart: 0;
2683
+ --pf-v6-c-content--hr--Height: var(--pf-t--global--border--width--divider--default);
2684
+ --pf-v6-c-content--hr--BackgroundColor: var(--pf-t--global--border--color--default);
2685
+ }
2686
+
2687
+ [class*=pf-v6-c-content] {
2688
+ font-size: var(--pf-v6-c-content--FontSize);
2689
+ line-height: var(--pf-v6-c-content--LineHeight);
2690
+ color: var(--pf-v6-c-content--Color);
2691
+ }
2692
+
2693
+ [class*=pf-v6-c-content].pf-m-editorial {
2694
+ --pf-v6-c-content--FontSize: var(--pf-v6-c-content--m-editorial--FontSize);
2695
+ --pf-v6-c-content--small--FontSize: var(--pf-v6-c-content--m-editorial--small--FontSize);
2696
+ }
2697
+
2698
+ :is(.pf-v6-c-content--a, .pf-v6-c-content a) {
2699
+ color: var(--pf-v6-c-content--a--Color);
2700
+ text-decoration: var(--pf-v6-c-content--a--TextDecorationLine) var(--pf-v6-c-content--a--TextDecorationStyle);
2686
2701
  }
2687
2702
 
2688
2703
  :is(.pf-v6-c-content--a, .pf-v6-c-content a):is(:hover, :focus) {
@@ -6120,8 +6135,8 @@ ul) {
6120
6135
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
6121
6136
  }
6122
6137
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label.pf-m-info {
6138
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
6123
6139
  flex-direction: column;
6124
- gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
6125
6140
  align-items: flex-start;
6126
6141
  }
6127
6142
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label-main {
@@ -6148,8 +6163,8 @@ ul) {
6148
6163
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
6149
6164
  }
6150
6165
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label.pf-m-info {
6166
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
6151
6167
  flex-direction: column;
6152
- gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
6153
6168
  align-items: flex-start;
6154
6169
  }
6155
6170
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label-main {
@@ -6176,8 +6191,8 @@ ul) {
6176
6191
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
6177
6192
  }
6178
6193
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label.pf-m-info {
6194
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
6179
6195
  flex-direction: column;
6180
- gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
6181
6196
  align-items: flex-start;
6182
6197
  }
6183
6198
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label-main {
@@ -6204,8 +6219,8 @@ ul) {
6204
6219
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
6205
6220
  }
6206
6221
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label.pf-m-info {
6222
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
6207
6223
  flex-direction: column;
6208
- gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
6209
6224
  align-items: flex-start;
6210
6225
  }
6211
6226
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label-main {
@@ -6232,8 +6247,8 @@ ul) {
6232
6247
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
6233
6248
  }
6234
6249
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label.pf-m-info {
6250
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
6235
6251
  flex-direction: column;
6236
- gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
6237
6252
  align-items: flex-start;
6238
6253
  }
6239
6254
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label-main {
@@ -6260,8 +6275,8 @@ ul) {
6260
6275
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
6261
6276
  }
6262
6277
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label.pf-m-info {
6278
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
6263
6279
  flex-direction: column;
6264
- gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
6265
6280
  align-items: flex-start;
6266
6281
  }
6267
6282
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label-main {
@@ -6288,8 +6303,8 @@ ul) {
6288
6303
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
6289
6304
  }
6290
6305
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label.pf-m-info {
6306
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
6291
6307
  flex-direction: column;
6292
- gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
6293
6308
  align-items: flex-start;
6294
6309
  }
6295
6310
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label-main {
@@ -6336,6 +6351,7 @@ ul) {
6336
6351
 
6337
6352
  .pf-v6-c-form__group-label.pf-m-info {
6338
6353
  display: flex;
6354
+ gap: var(--pf-v6-c-form__group-label--m-info--Gap);
6339
6355
  align-items: flex-end;
6340
6356
  }
6341
6357
 
@@ -6344,7 +6360,6 @@ ul) {
6344
6360
  }
6345
6361
 
6346
6362
  .pf-v6-c-form__group-label-info {
6347
- margin-inline-start: var(--pf-v6-c-form__group-label-info--MarginInlineStart);
6348
6363
  font-size: var(--pf-v6-c-form__group-label-info--FontSize);
6349
6364
  }
6350
6365
 
@@ -6558,52 +6573,129 @@ ul) {
6558
6573
  margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
6559
6574
  }
6560
6575
 
6561
- :where(:root, .pf-v6-c-form-control) {
6562
- --pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--sm);
6563
- --pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
6564
- --pf-v6-c-form-control--FontSize: var(--pf-t--global--font--size--body--default);
6565
- --pf-v6-c-form-control--LineHeight: var(--pf-t--global--font--line-height--body);
6566
- --pf-v6-c-form-control--Resize: none;
6567
- --pf-v6-c-form-control--OutlineOffset: -6px;
6568
- --pf-v6-c-form-control--BorderRadius: var(--pf-t--global--border--radius--small);
6569
- --pf-v6-c-form-control--before--BorderWidth: var(--pf-t--global--border--width--control--default);
6570
- --pf-v6-c-form-control--before--BorderColor: var(--pf-t--global--border--color--default);
6571
- --pf-v6-c-form-control--before--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
6572
- --pf-v6-c-form-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
6573
- --pf-v6-c-form-control--after--BorderColor: transparent;
6574
- --pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
6575
- --pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
6576
- --pf-v6-c-form-control--Width: 100%;
6577
- --pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
6578
- --pf-v6-c-form-control--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
6579
- --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
6580
- --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
6581
- --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
6582
- --pf-v6-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
6583
- --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
6584
- --pf-v6-c-form-control--focus--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
6585
- --pf-v6-c-form-control--focus--after--BorderColor: var(--pf-t--global--border--color--clicked);
6586
- --pf-v6-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
6587
- --pf-v6-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--clicked);
6588
- --pf-v6-c-form-control--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
6589
- --pf-v6-c-form-control--m-placeholder--child--Color: var(--pf-t--global--text--color--regular);
6590
- --pf-v6-c-form-control--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
6591
- --pf-v6-c-form-control--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
6592
- --pf-v6-c-form-control--m-disabled--after--BorderColor: transparent;
6593
- --pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
6594
- --pf-v6-c-form-control--m-readonly--BorderColor: transparent;
6595
- --pf-v6-c-form-control--m-readonly--hover--after--BorderColor: revert;
6596
- --pf-v6-c-form-control--m-readonly--focus--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
6597
- --pf-v6-c-form-control--m-readonly--focus--after--BorderColor: var(--pf-t--global--border--color--clicked);
6598
- --pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
6599
- --pf-v6-c-form-control--m-readonly--m-plain--inset--base: 0;
6600
- --pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
6601
- --pf-v6-c-form-control--m-success--after--BorderWidth: var(--pf-t--global--border--width--control--default);
6602
- --pf-v6-c-form-control--m-success--after--BorderColor: var(--pf-t--global--border--color--status--success--default);
6603
- --pf-v6-c-form-control--m-success--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--ColumnGap));
6604
- --pf-v6-c-form-control--m-warning--after--BorderWidth: var(--pf-t--global--border--width--control--default);
6605
- --pf-v6-c-form-control--m-warning--after--BorderColor: var(--pf-t--global--border--color--status--warning--default);
6606
- --pf-v6-c-form-control--m-warning--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--ColumnGap));
6576
+ :where(:root, .pf-v6-c-helper-text) {
6577
+ --pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
6578
+ --pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
6579
+ --pf-v6-c-helper-text__item-icon--Color: var(--pf-t--global--icon--color--regular);
6580
+ --pf-v6-c-helper-text__item-text--Color: var(--pf-t--global--text--color--regular);
6581
+ --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-t--global--font--weight--body--default);
6582
+ --pf-v6-c-helper-text__item-icon--m-indeterminate--Color: var(--pf-t--global--icon--color--subtle);
6583
+ --pf-v6-c-helper-text__item-text--m-indeterminate--Color: var(--pf-t--global--text--color--subtle);
6584
+ --pf-v6-c-helper-text__item-icon--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
6585
+ --pf-v6-c-helper-text__item-text--m-warning--FontWeight: var(--pf-t--global--font--weight--body--bold);
6586
+ --pf-v6-c-helper-text__item-icon--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
6587
+ --pf-v6-c-helper-text__item-text--m-success--FontWeight: var(--pf-t--global--font--weight--body--bold);
6588
+ --pf-v6-c-helper-text__item-icon--m-error--Color: var(--pf-t--global--icon--color--status--danger--default);
6589
+ --pf-v6-c-helper-text__item-text--m-error--FontWeight: var(--pf-t--global--font--weight--body--bold);
6590
+ --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-t--global--icon--color--regular);
6591
+ --pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-t--global--icon--color--subtle);
6592
+ --pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-t--global--text--color--subtle);
6593
+ --pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
6594
+ --pf-v6-c-helper-text--m-dynamic--m-warning__item-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
6595
+ --pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color: var(--pf-t--global--icon--color--status--success--default);
6596
+ --pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
6597
+ --pf-v6-c-helper-text__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--xs);
6598
+ }
6599
+
6600
+ .pf-v6-c-helper-text {
6601
+ display: grid;
6602
+ gap: var(--pf-v6-c-helper-text--Gap);
6603
+ font-size: var(--pf-v6-c-helper-text--FontSize);
6604
+ }
6605
+
6606
+ .pf-v6-c-helper-text.pf-m-hidden {
6607
+ visibility: hidden;
6608
+ opacity: 0;
6609
+ }
6610
+
6611
+ .pf-v6-c-helper-text__item {
6612
+ display: flex;
6613
+ font-weight: var(--pf-v6-c-helper-text__item-text--FontWeight);
6614
+ }
6615
+
6616
+ .pf-v6-c-helper-text__item.pf-m-indeterminate {
6617
+ --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-indeterminate--Color);
6618
+ --pf-v6-c-helper-text__item-text--Color: var(--pf-v6-c-helper-text__item-text--m-indeterminate--Color);
6619
+ --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color);
6620
+ --pf-v6-c-helper-text--m-dynamic__item-text--Color: var(--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color);
6621
+ }
6622
+
6623
+ .pf-v6-c-helper-text__item.pf-m-warning {
6624
+ --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-warning--FontWeight);
6625
+ --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-warning--Color);
6626
+ --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color);
6627
+ }
6628
+
6629
+ .pf-v6-c-helper-text__item.pf-m-success {
6630
+ --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-success--FontWeight);
6631
+ --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-success--Color);
6632
+ --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color);
6633
+ }
6634
+
6635
+ .pf-v6-c-helper-text__item.pf-m-error {
6636
+ --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-error--FontWeight);
6637
+ --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-error--Color);
6638
+ --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color);
6639
+ }
6640
+
6641
+ .pf-v6-c-helper-text__item.pf-m-dynamic {
6642
+ --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic__item-icon--Color);
6643
+ }
6644
+
6645
+ .pf-v6-c-helper-text__item-icon {
6646
+ margin-inline-end: var(--pf-v6-c-helper-text__item-icon--MarginInlineEnd);
6647
+ color: var(--pf-v6-c-helper-text__item-icon--Color);
6648
+ }
6649
+
6650
+ .pf-v6-c-helper-text__item-text {
6651
+ color: var(--pf-v6-c-helper-text__item-text--Color);
6652
+ }
6653
+
6654
+ :where(:root, .pf-v6-c-form-control) {
6655
+ --pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--sm);
6656
+ --pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
6657
+ --pf-v6-c-form-control--FontSize: var(--pf-t--global--font--size--body--default);
6658
+ --pf-v6-c-form-control--LineHeight: var(--pf-t--global--font--line-height--body);
6659
+ --pf-v6-c-form-control--Resize: none;
6660
+ --pf-v6-c-form-control--OutlineOffset: -6px;
6661
+ --pf-v6-c-form-control--BorderRadius: var(--pf-t--global--border--radius--small);
6662
+ --pf-v6-c-form-control--before--BorderWidth: var(--pf-t--global--border--width--control--default);
6663
+ --pf-v6-c-form-control--before--BorderColor: var(--pf-t--global--border--color--default);
6664
+ --pf-v6-c-form-control--before--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
6665
+ --pf-v6-c-form-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
6666
+ --pf-v6-c-form-control--after--BorderColor: transparent;
6667
+ --pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
6668
+ --pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
6669
+ --pf-v6-c-form-control--Width: 100%;
6670
+ --pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
6671
+ --pf-v6-c-form-control--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
6672
+ --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
6673
+ --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
6674
+ --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
6675
+ --pf-v6-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
6676
+ --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
6677
+ --pf-v6-c-form-control--m-success--hover--after--BorderColor: var(--pf-t--global--border--color--status--success--hover);
6678
+ --pf-v6-c-form-control--m-warning--hover--after--BorderColor: var(--pf-t--global--border--color--status--warning--hover);
6679
+ --pf-v6-c-form-control--m-error--hover--after--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
6680
+ --pf-v6-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
6681
+ --pf-v6-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--clicked);
6682
+ --pf-v6-c-form-control--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
6683
+ --pf-v6-c-form-control--m-placeholder--child--Color: var(--pf-t--global--text--color--regular);
6684
+ --pf-v6-c-form-control--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
6685
+ --pf-v6-c-form-control--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
6686
+ --pf-v6-c-form-control--m-disabled--after--BorderColor: transparent;
6687
+ --pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
6688
+ --pf-v6-c-form-control--m-readonly--BorderColor: transparent;
6689
+ --pf-v6-c-form-control--m-readonly--hover--after--BorderColor: revert;
6690
+ --pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
6691
+ --pf-v6-c-form-control--m-readonly--m-plain--inset--base: 0;
6692
+ --pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
6693
+ --pf-v6-c-form-control--m-success--after--BorderWidth: var(--pf-t--global--border--width--control--default);
6694
+ --pf-v6-c-form-control--m-success--after--BorderColor: var(--pf-t--global--border--color--status--success--default);
6695
+ --pf-v6-c-form-control--m-success--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--ColumnGap));
6696
+ --pf-v6-c-form-control--m-warning--after--BorderWidth: var(--pf-t--global--border--width--control--default);
6697
+ --pf-v6-c-form-control--m-warning--after--BorderColor: var(--pf-t--global--border--color--status--warning--default);
6698
+ --pf-v6-c-form-control--m-warning--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--ColumnGap));
6607
6699
  --pf-v6-c-form-control--m-error--after--BorderWidth: var(--pf-t--global--border--width--control--default);
6608
6700
  --pf-v6-c-form-control--m-error--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
6609
6701
  --pf-v6-c-form-control--m-error--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--ColumnGap));
@@ -6705,8 +6797,6 @@ ul) {
6705
6797
 
6706
6798
  .pf-v6-c-form-control.pf-m-readonly:not(.pf-m-success, .pf-m-warning, .pf-m-error) {
6707
6799
  --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--hover--after--BorderColor);
6708
- --pf-v6-c-form-control--focus--after--BorderWidth: var(--pf-v6-c-form-control--m-readonly--focus--after--BorderWidth);
6709
- --pf-v6-c-form-control--focus--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--focus--after--BorderColor);
6710
6800
  }
6711
6801
 
6712
6802
  .pf-v6-c-form-control.pf-m-readonly.pf-m-plain {
@@ -6717,11 +6807,6 @@ ul) {
6717
6807
  --pf-v6-c-form-control--OutlineOffset: var(--pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset);
6718
6808
  }
6719
6809
 
6720
- .pf-v6-c-form-control:hover {
6721
- --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--hover--after--BorderColor);
6722
- --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--hover--after--BorderWidth);
6723
- }
6724
-
6725
6810
  .pf-v6-c-form-control.pf-m-expanded {
6726
6811
  --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-expanded--after--BorderColor);
6727
6812
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-expanded--after--BorderWidth);
@@ -6740,6 +6825,7 @@ ul) {
6740
6825
  .pf-v6-c-form-control.pf-m-error {
6741
6826
  --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd);
6742
6827
  --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-error--after--BorderColor);
6828
+ --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-error--hover--after--BorderColor);
6743
6829
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
6744
6830
  --pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd);
6745
6831
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
@@ -6752,6 +6838,7 @@ ul) {
6752
6838
  .pf-v6-c-form-control.pf-m-success {
6753
6839
  --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd);
6754
6840
  --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-success--after--BorderColor);
6841
+ --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-success--hover--after--BorderColor);
6755
6842
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-success__icon--m-status--Color);
6756
6843
  --pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd);
6757
6844
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-success--after--BorderWidth);
@@ -6764,6 +6851,7 @@ ul) {
6764
6851
  .pf-v6-c-form-control.pf-m-warning {
6765
6852
  --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd);
6766
6853
  --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-warning--after--BorderColor);
6854
+ --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-warning--hover--after--BorderColor);
6767
6855
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-warning__icon--m-status--Color);
6768
6856
  --pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd);
6769
6857
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-warning--after--BorderWidth);
@@ -6773,6 +6861,11 @@ ul) {
6773
6861
  --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
6774
6862
  }
6775
6863
 
6864
+ .pf-v6-c-form-control:hover {
6865
+ --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--hover--after--BorderColor);
6866
+ --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--hover--after--BorderWidth);
6867
+ }
6868
+
6776
6869
  .pf-v6-c-form-control.pf-m-icon {
6777
6870
  --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--PaddingInlineEnd);
6778
6871
  }
@@ -6856,84 +6949,6 @@ select ~ .pf-v6-c-form-control__utilities {
6856
6949
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
6857
6950
  }
6858
6951
 
6859
- :where(:root, .pf-v6-c-helper-text) {
6860
- --pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
6861
- --pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
6862
- --pf-v6-c-helper-text__item-icon--Color: var(--pf-t--global--icon--color--regular);
6863
- --pf-v6-c-helper-text__item-text--Color: var(--pf-t--global--text--color--regular);
6864
- --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-t--global--font--weight--body--default);
6865
- --pf-v6-c-helper-text__item-icon--m-indeterminate--Color: var(--pf-t--global--icon--color--subtle);
6866
- --pf-v6-c-helper-text__item-text--m-indeterminate--Color: var(--pf-t--global--text--color--subtle);
6867
- --pf-v6-c-helper-text__item-icon--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
6868
- --pf-v6-c-helper-text__item-text--m-warning--FontWeight: var(--pf-t--global--font--weight--body--bold);
6869
- --pf-v6-c-helper-text__item-icon--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
6870
- --pf-v6-c-helper-text__item-text--m-success--FontWeight: var(--pf-t--global--font--weight--body--bold);
6871
- --pf-v6-c-helper-text__item-icon--m-error--Color: var(--pf-t--global--icon--color--status--danger--default);
6872
- --pf-v6-c-helper-text__item-text--m-error--FontWeight: var(--pf-t--global--font--weight--body--bold);
6873
- --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-t--global--icon--color--regular);
6874
- --pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-t--global--icon--color--subtle);
6875
- --pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-t--global--text--color--subtle);
6876
- --pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
6877
- --pf-v6-c-helper-text--m-dynamic--m-warning__item-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
6878
- --pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color: var(--pf-t--global--icon--color--status--success--default);
6879
- --pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
6880
- --pf-v6-c-helper-text__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--xs);
6881
- }
6882
-
6883
- .pf-v6-c-helper-text {
6884
- display: grid;
6885
- gap: var(--pf-v6-c-helper-text--Gap);
6886
- font-size: var(--pf-v6-c-helper-text--FontSize);
6887
- }
6888
-
6889
- .pf-v6-c-helper-text.pf-m-hidden {
6890
- visibility: hidden;
6891
- opacity: 0;
6892
- }
6893
-
6894
- .pf-v6-c-helper-text__item {
6895
- display: flex;
6896
- font-weight: var(--pf-v6-c-helper-text__item-text--FontWeight);
6897
- }
6898
-
6899
- .pf-v6-c-helper-text__item.pf-m-indeterminate {
6900
- --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-indeterminate--Color);
6901
- --pf-v6-c-helper-text__item-text--Color: var(--pf-v6-c-helper-text__item-text--m-indeterminate--Color);
6902
- --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color);
6903
- --pf-v6-c-helper-text--m-dynamic__item-text--Color: var(--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color);
6904
- }
6905
-
6906
- .pf-v6-c-helper-text__item.pf-m-warning {
6907
- --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-warning--FontWeight);
6908
- --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-warning--Color);
6909
- --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color);
6910
- }
6911
-
6912
- .pf-v6-c-helper-text__item.pf-m-success {
6913
- --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-success--FontWeight);
6914
- --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-success--Color);
6915
- --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color);
6916
- }
6917
-
6918
- .pf-v6-c-helper-text__item.pf-m-error {
6919
- --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-error--FontWeight);
6920
- --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-error--Color);
6921
- --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color);
6922
- }
6923
-
6924
- .pf-v6-c-helper-text__item.pf-m-dynamic {
6925
- --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic__item-icon--Color);
6926
- }
6927
-
6928
- .pf-v6-c-helper-text__item-icon {
6929
- margin-inline-end: var(--pf-v6-c-helper-text__item-icon--MarginInlineEnd);
6930
- color: var(--pf-v6-c-helper-text__item-icon--Color);
6931
- }
6932
-
6933
- .pf-v6-c-helper-text__item-text {
6934
- color: var(--pf-v6-c-helper-text__item-text--Color);
6935
- }
6936
-
6937
6952
  :where(:root, .pf-v6-c-hint) {
6938
6953
  --pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
6939
6954
  --pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
@@ -7013,84 +7028,6 @@ select ~ .pf-v6-c-form-control__utilities {
7013
7028
  margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
7014
7029
  }
7015
7030
 
7016
- :where(:root, .pf-v6-c-input-group) {
7017
- --pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--xs);
7018
- --pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
7019
- --pf-v6-c-input-group__item--BorderWidth--base: var(--pf-t--global--border--width--control--default);
7020
- --pf-v6-c-input-group__item--BorderColor--base: var(--pf-t--global--border--color--default);
7021
- --pf-v6-c-input-group__item--BackgroundColor: transparent;
7022
- --pf-v6-c-input-group__item--AlignItems: start;
7023
- --pf-v6-c-input-group__item--m-box--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7024
- --pf-v6-c-input-group__item--m-box--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7025
- --pf-v6-c-input-group__item--m-box--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
7026
- --pf-v6-c-input-group__item--m-box--BorderWidth: var(--pf-v6-c-input-group__item--BorderWidth--base);
7027
- --pf-v6-c-input-group__item--m-box--BorderRadius: var(--pf-t--global--border--radius--small);
7028
- --pf-v6-c-input-group__item--m-box--BorderBlockStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
7029
- --pf-v6-c-input-group__item--m-box--BorderInlineEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
7030
- --pf-v6-c-input-group__item--m-box--BorderBlockEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
7031
- --pf-v6-c-input-group__item--m-box--BorderInlineStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
7032
- --pf-v6-c-input-group__item--m-plain--BackgroundColor: transparent;
7033
- --pf-v6-c-input-group__text--FontSize: var(--pf-t--global--font--size--body--default);
7034
- --pf-v6-c-input-group__text--Color: var(--pf-t--global--text--color--regular);
7035
- --pf-v6-c-input-group__item--m-disabled__text--Color: var(--pf-t--global--text--color--on-disabled);
7036
- --pf-v6-c-input-group__item--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7037
- }
7038
-
7039
- .pf-v6-c-input-group {
7040
- display: flex;
7041
- gap: var(--pf-v6-c-input-group--Gap);
7042
- width: 100%;
7043
- }
7044
-
7045
- .pf-v6-c-input-group__item {
7046
- position: relative;
7047
- display: flex;
7048
- align-items: var(--pf-v6-c-input-group__item--AlignItems);
7049
- min-width: var(--pf-v6-c-input-group__item--MinWidth, revert);
7050
- max-width: var(--pf-v6-c-input-group__item--MaxWidth, revert);
7051
- background-color: var(--pf-v6-c-input-group__item--BackgroundColor);
7052
- border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
7053
- border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
7054
- border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
7055
- border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
7056
- }
7057
-
7058
- .pf-v6-c-input-group__item.pf-m-box {
7059
- --pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-box--BackgroundColor);
7060
- padding-inline-start: var(--pf-v6-c-input-group__item--m-box--PaddingInlineStart);
7061
- padding-inline-end: var(--pf-v6-c-input-group__item--m-box--PaddingInlineEnd);
7062
- border: var(--pf-v6-c-input-group__item--m-box--BorderWidth) solid;
7063
- border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
7064
- border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
7065
- border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
7066
- border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
7067
- border-radius: var(--pf-v6-c-input-group__item--m-box--BorderRadius);
7068
- }
7069
-
7070
- .pf-v6-c-input-group__item.pf-m-plain {
7071
- --pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-plain--BackgroundColor);
7072
- border: none;
7073
- }
7074
-
7075
- .pf-v6-c-input-group__item.pf-m-disabled {
7076
- --pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-disabled--BackgroundColor);
7077
- --pf-v6-c-input-group__text--Color: var(--pf-v6-c-input-group__item--m-disabled__text--Color);
7078
- }
7079
-
7080
- .pf-v6-c-input-group__item.pf-m-fill {
7081
- flex-grow: 1;
7082
- }
7083
-
7084
- .pf-v6-c-input-group__text {
7085
- align-self: center;
7086
- font-size: var(--pf-v6-c-input-group__text--FontSize);
7087
- color: var(--pf-v6-c-input-group__text--Color);
7088
- }
7089
-
7090
- label.pf-v6-c-input-group__text {
7091
- cursor: pointer;
7092
- }
7093
-
7094
7031
  :where(:root, .pf-v6-c-icon) {
7095
7032
  --pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
7096
7033
  --pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
@@ -7386,6 +7323,84 @@ label.pf-v6-c-input-group__text {
7386
7323
  transform: translateY(calc(-50% - 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign)));
7387
7324
  }
7388
7325
 
7326
+ :where(:root, .pf-v6-c-input-group) {
7327
+ --pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--xs);
7328
+ --pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
7329
+ --pf-v6-c-input-group__item--BorderWidth--base: var(--pf-t--global--border--width--control--default);
7330
+ --pf-v6-c-input-group__item--BorderColor--base: var(--pf-t--global--border--color--default);
7331
+ --pf-v6-c-input-group__item--BackgroundColor: transparent;
7332
+ --pf-v6-c-input-group__item--AlignItems: start;
7333
+ --pf-v6-c-input-group__item--m-box--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7334
+ --pf-v6-c-input-group__item--m-box--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7335
+ --pf-v6-c-input-group__item--m-box--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
7336
+ --pf-v6-c-input-group__item--m-box--BorderWidth: var(--pf-v6-c-input-group__item--BorderWidth--base);
7337
+ --pf-v6-c-input-group__item--m-box--BorderRadius: var(--pf-t--global--border--radius--small);
7338
+ --pf-v6-c-input-group__item--m-box--BorderBlockStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
7339
+ --pf-v6-c-input-group__item--m-box--BorderInlineEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
7340
+ --pf-v6-c-input-group__item--m-box--BorderBlockEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
7341
+ --pf-v6-c-input-group__item--m-box--BorderInlineStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
7342
+ --pf-v6-c-input-group__item--m-plain--BackgroundColor: transparent;
7343
+ --pf-v6-c-input-group__text--FontSize: var(--pf-t--global--font--size--body--default);
7344
+ --pf-v6-c-input-group__text--Color: var(--pf-t--global--text--color--regular);
7345
+ --pf-v6-c-input-group__item--m-disabled__text--Color: var(--pf-t--global--text--color--on-disabled);
7346
+ --pf-v6-c-input-group__item--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7347
+ }
7348
+
7349
+ .pf-v6-c-input-group {
7350
+ display: flex;
7351
+ gap: var(--pf-v6-c-input-group--Gap);
7352
+ width: 100%;
7353
+ }
7354
+
7355
+ .pf-v6-c-input-group__item {
7356
+ position: relative;
7357
+ display: flex;
7358
+ align-items: var(--pf-v6-c-input-group__item--AlignItems);
7359
+ min-width: var(--pf-v6-c-input-group__item--MinWidth, revert);
7360
+ max-width: var(--pf-v6-c-input-group__item--MaxWidth, revert);
7361
+ background-color: var(--pf-v6-c-input-group__item--BackgroundColor);
7362
+ border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
7363
+ border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
7364
+ border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
7365
+ border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
7366
+ }
7367
+
7368
+ .pf-v6-c-input-group__item.pf-m-box {
7369
+ --pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-box--BackgroundColor);
7370
+ padding-inline-start: var(--pf-v6-c-input-group__item--m-box--PaddingInlineStart);
7371
+ padding-inline-end: var(--pf-v6-c-input-group__item--m-box--PaddingInlineEnd);
7372
+ border: var(--pf-v6-c-input-group__item--m-box--BorderWidth) solid;
7373
+ border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
7374
+ border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
7375
+ border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
7376
+ border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
7377
+ border-radius: var(--pf-v6-c-input-group__item--m-box--BorderRadius);
7378
+ }
7379
+
7380
+ .pf-v6-c-input-group__item.pf-m-plain {
7381
+ --pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-plain--BackgroundColor);
7382
+ border: none;
7383
+ }
7384
+
7385
+ .pf-v6-c-input-group__item.pf-m-disabled {
7386
+ --pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-disabled--BackgroundColor);
7387
+ --pf-v6-c-input-group__text--Color: var(--pf-v6-c-input-group__item--m-disabled__text--Color);
7388
+ }
7389
+
7390
+ .pf-v6-c-input-group__item.pf-m-fill {
7391
+ flex-grow: 1;
7392
+ }
7393
+
7394
+ .pf-v6-c-input-group__text {
7395
+ align-self: center;
7396
+ font-size: var(--pf-v6-c-input-group__text--FontSize);
7397
+ color: var(--pf-v6-c-input-group__text--Color);
7398
+ }
7399
+
7400
+ label.pf-v6-c-input-group__text {
7401
+ cursor: pointer;
7402
+ }
7403
+
7389
7404
  :where(:root, .pf-v6-c-jump-links) {
7390
7405
  --pf-v6-c-jump-links__list--Display: flex;
7391
7406
  --pf-v6-c-jump-links__list--PaddingBlockStart: 0;
@@ -8581,431 +8596,171 @@ input.pf-v6-c-label__content {
8581
8596
 
8582
8597
  .pf-v6-c-label-group.pf-m-vertical {
8583
8598
  --pf-v6-c-label-group--RowGap: var(--pf-v6-c-label-group--m-vertical--RowGap);
8584
- --pf-v6-c-label-group--ColumnGap: var(--pf-v6-c-label-group--m-vertical--ColumnGap);
8585
- --pf-v6-c-label-group__main--RowGap: var(--pf-v6-c-label-group--m-vertical__main--RowGap);
8586
- --pf-v6-c-label-group__main--ColumnGap: var(--pf-v6-c-label-group--m-vertical__main--ColumnGap);
8587
- --pf-v6-c-label-group__list--RowGap: var(--pf-v6-c-label-group--m-vertical__list--RowGap);
8588
- --pf-v6-c-label-group__list--ColumnGap: var(--pf-v6-c-label-group--m-vertical__list--ColumnGap);
8589
- --pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd);
8590
- }
8591
-
8592
- .pf-v6-c-label-group.pf-m-vertical.pf-v6-c-label-group {
8593
- align-items: flex-start;
8594
- }
8595
-
8596
- .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__list {
8597
- flex-direction: column;
8598
- align-items: flex-start;
8599
- }
8600
-
8601
- .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__main {
8602
- flex-direction: column;
8603
- }
8604
-
8605
- .pf-v6-c-label-group.pf-m-editable,
8606
- .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
8607
- .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list {
8608
- display: flex;
8609
- }
8610
-
8611
- .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
8612
- .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list,
8613
- .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list-item.pf-m-textarea,
8614
- .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__textarea {
8615
- flex: 1;
8616
- }
8617
-
8618
- .pf-v6-c-label-group__main {
8619
- display: flex;
8620
- flex: 1;
8621
- flex-wrap: wrap;
8622
- row-gap: var(--pf-v6-c-label-group__main--RowGap);
8623
- column-gap: var(--pf-v6-c-label-group__main--ColumnGap);
8624
- align-items: baseline;
8625
- }
8626
-
8627
- .pf-v6-c-label-group__list {
8628
- display: inline-flex;
8629
- flex-wrap: wrap;
8630
- row-gap: var(--pf-v6-c-label-group__list--RowGap);
8631
- column-gap: var(--pf-v6-c-label-group__list--ColumnGap);
8632
- }
8633
-
8634
- .pf-v6-c-label-group__list-item {
8635
- display: inline-flex;
8636
- }
8637
-
8638
- .pf-v6-c-label-group__label {
8639
- overflow: hidden;
8640
- text-overflow: ellipsis;
8641
- white-space: nowrap;
8642
- max-width: var(--pf-v6-c-label-group__label--MaxWidth);
8643
- }
8644
-
8645
- .pf-v6-c-label-group__close {
8646
- display: flex;
8647
- align-self: flex-start;
8648
- }
8649
-
8650
- .pf-v6-c-label-group__close .pf-v6-c-button {
8651
- --pf-v6-c-button--FontSize: var(--pf-v6-c-label-group__close--c-button--FontSize);
8652
- --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label-group__close--c-button--PaddingBlockStart);
8653
- --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: var(--pf-v6-c-label-group__close--c-button--PaddingInlineEnd);
8654
- --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: var(--pf-v6-c-label-group__close--c-button--PaddingBlockEnd);
8655
- --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: var(--pf-v6-c-label-group__close--c-button--PaddingInlineStart);
8656
- }
8657
-
8658
- .pf-v6-c-label-group__textarea {
8659
- min-width: var(--pf-v6-c-label-group__textarea--MinWidth);
8660
- padding-block-start: var(--pf-v6-c-label-group__textarea--PaddingBlockStart);
8661
- padding-block-end: var(--pf-v6-c-label-group__textarea--PaddingBlockEnd);
8662
- padding-inline-start: var(--pf-v6-c-label-group__textarea--PaddingInlineStart);
8663
- padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
8664
- white-space: nowrap;
8665
- resize: none;
8666
- border: 0;
8667
- -ms-overflow-style: none;
8668
- scrollbar-width: none;
8669
- }
8670
-
8671
- .pf-v6-c-label-group__textarea::-webkit-scrollbar {
8672
- display: none;
8673
- }
8674
-
8675
- :where(:root, .pf-v6-c-list) {
8676
- --pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
8677
- --pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
8678
- --pf-v6-c-list--Gap: var(--pf-t--global--spacer--sm);
8679
- --pf-v6-c-list--nested--PaddingBlockStart: var(--pf-v6-c-list--Gap);
8680
- --pf-v6-c-list--m-plain--PaddingInlineStart: 0;
8681
- --pf-v6-c-list--m-inline--PaddingInlineStart: 0;
8682
- --pf-v6-c-list--m-inline--ColumnGap: var(--pf-t--global--spacer--lg);
8683
- --pf-v6-c-list--m-inline--RowGap: var(--pf-t--global--spacer--xs);
8684
- --pf-v6-c-list--m-bordered--li--PaddingBlockStart: var(--pf-v6-c-list--Gap);
8685
- --pf-v6-c-list--m-bordered--li--BorderBlockStartColor: var(--pf-t--global--border--color--default);
8686
- --pf-v6-c-list--m-bordered--li--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
8687
- --pf-v6-c-list__item-icon--MinWidth: var(--pf-t--global--icon--size--sm);
8688
- --pf-v6-c-list__item-icon--MarginBlockStart: var(--pf-t--global--spacer--xs);
8689
- --pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
8690
- --pf-v6-c-list__item-icon--Color: var(--pf-t--global--icon--color--regular);
8691
- --pf-v6-c-list__item-icon--FontSize: var(--pf-t--global--icon--size--sm);
8692
- --pf-v6-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-t--global--icon--size--lg);
8693
- --pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
8694
- --pf-v6-c-list--m-icon-lg__item-icon--FontSize: var(--pf-t--global--icon--size--lg);
8695
- }
8696
-
8697
- .pf-v6-c-list {
8698
- display: flex;
8699
- flex-direction: column;
8700
- gap: var(--pf-v6-c-list--Gap);
8701
- padding-inline-start: var(--pf-v6-c-list--PaddingInlineStart);
8702
- }
8703
-
8704
- .pf-v6-c-list .pf-v6-c-list {
8705
- padding-block-start: var(--pf-v6-c-list--nested--PaddingBlockStart);
8706
- }
8707
-
8708
- ul.pf-v6-c-list {
8709
- list-style: var(--pf-v6-c-list--ul--ListStyle);
8710
- }
8711
-
8712
- .pf-v6-c-list.pf-m-icon-lg {
8713
- --pf-v6-c-list__item-icon--MinWidth: var(--pf-v6-c-list--m-icon-lg__item-icon--MinWidth);
8714
- --pf-v6-c-list__item-icon--MarginBlockStart: 0;
8715
- --pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd);
8716
- --pf-v6-c-list__item-icon--FontSize: var(--pf-v6-c-list--m-icon-lg__item-icon--FontSize);
8717
- }
8718
-
8719
- .pf-v6-c-list.pf-m-plain {
8720
- --pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-plain--PaddingInlineStart);
8721
- list-style: none;
8722
- }
8723
-
8724
- .pf-v6-c-list.pf-m-inline {
8725
- --pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-inline--PaddingInlineStart);
8726
- --pf-v6-c-list--Gap: var(--pf-v6-c-list--m-inline--RowGap) var(--pf-v6-c-list--m-inline--ColumnGap);
8727
- flex-direction: row;
8728
- flex-wrap: wrap;
8729
- list-style: none;
8730
- }
8731
-
8732
- .pf-v6-c-list.pf-m-bordered > * + * {
8733
- padding-block-start: var(--pf-v6-c-list--m-bordered--li--PaddingBlockStart);
8734
- border-block-start: var(--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth) solid var(--pf-v6-c-list--m-bordered--li--BorderBlockStartColor);
8735
- }
8736
-
8737
- .pf-v6-c-list__item {
8738
- display: flex;
8739
- }
8740
-
8741
- .pf-v6-c-list__item-icon {
8742
- flex-shrink: 0;
8743
- min-width: var(--pf-v6-c-list__item-icon--MinWidth);
8744
- margin-block-start: var(--pf-v6-c-list__item-icon--MarginBlockStart);
8745
- margin-inline-end: var(--pf-v6-c-list__item-icon--MarginInlineEnd);
8746
- font-size: var(--pf-v6-c-list__item-icon--FontSize);
8747
- line-height: 1;
8748
- color: var(--pf-v6-c-list__item-icon--Color);
8749
- }
8750
-
8751
- :where(:root, .pf-v6-c-login) {
8752
- --pf-v6-c-login--PaddingBlockStart: var(--pf-t--global--spacer--lg);
8753
- --pf-v6-c-login--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
8754
- --pf-v6-c-login__container--xl--GridColumnGap: var(--pf-t--global--spacer--3xl);
8755
- --pf-v6-c-login__container--MaxWidth: 31.25rem;
8756
- --pf-v6-c-login__container--xl--MaxWidth: none;
8757
- --pf-v6-c-login__container--PaddingInlineStart: 6.125rem;
8758
- --pf-v6-c-login__container--PaddingInlineEnd: 6.125rem;
8759
- --pf-v6-c-login__container--xl--GridTemplateColumns: 34rem minmax(auto, 34rem);
8760
- --pf-v6-c-login__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
8761
- --pf-v6-c-login__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
8762
- --pf-v6-c-login__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
8763
- --pf-v6-c-login__header--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
8764
- --pf-v6-c-login__header--xl--MarginBlockStart: var(--pf-t--global--spacer--3xl);
8765
- --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-t--global--spacer--lg);
8766
- --pf-v6-c-login__header--c-brand--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
8767
- --pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
8768
- --pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
8769
- --pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
8770
- --pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
8771
- --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
8772
- --pf-v6-c-login__main-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
8773
- --pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
8774
- --pf-v6-c-login__main-header--md--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
8775
- --pf-v6-c-login__main-header--md--PaddingInlineStart: var(--pf-t--global--spacer--2xl);
8776
- --pf-v6-c-login__main-header--ColumnGap: var(--pf-t--global--spacer--md);
8777
- --pf-v6-c-login__main-header--RowGap: var(--pf-t--global--spacer--md);
8778
- --pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-t--global--spacer--sm);
8779
- --pf-v6-c-login__main-header-desc--md--MarginBlockEnd: 0;
8780
- --pf-v6-c-login__main-header-desc--FontSize: var(--pf-t--global--font--size--body--default);
8781
- --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
8782
- --pf-v6-c-login__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
8783
- --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-t--global--spacer--xl);
8784
- --pf-v6-c-login__main-body--md--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
8785
- --pf-v6-c-login__main-body--md--PaddingInlineStart: var(--pf-t--global--spacer--2xl);
8786
- --pf-v6-c-login__main-footer--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
8787
- --pf-v6-c-login__main-footer--c-title--MarginBlockEnd: var(--pf-t--global--spacer--md);
8788
- --pf-v6-c-login__main-footer-links--PaddingBlockStart: var(--pf-t--global--spacer--sm);
8789
- --pf-v6-c-login__main-footer-links--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
8790
- --pf-v6-c-login__main-footer-links--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
8791
- --pf-v6-c-login__main-footer-links--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
8792
- --pf-v6-c-login__main-footer-links--Gap: var(--pf-t--global--spacer--md);
8793
- --pf-v6-c-login__main-footer-links-item--c-button--FontSize: var(--pf-t--global--icon--size--xl);
8794
- --pf-v6-c-login__main-footer-band--PaddingBlockStart: var(--pf-t--global--spacer--lg);
8795
- --pf-v6-c-login__main-footer-band--PaddingInlineEnd: var(--pf-t--global--spacer--md);
8796
- --pf-v6-c-login__main-footer-band--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
8797
- --pf-v6-c-login__main-footer-band--PaddingInlineStart: var(--pf-t--global--spacer--md);
8798
- --pf-v6-c-login__main-footer-band--BorderBlockStartColor: var(--pf-t--global--border--color--default);
8799
- --pf-v6-c-login__main-footer-band--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
8800
- --pf-v6-c-login__main-footer-band-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
8801
- --pf-v6-c-login__footer--PaddingInlineStart: var(--pf-t--global--spacer--md);
8802
- --pf-v6-c-login__footer--PaddingInlineEnd: var(--pf-t--global--spacer--md);
8803
- --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
8804
- --pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
8805
- }
8806
-
8807
- @media (min-width: 75rem) {
8808
- :where(:root, .pf-v6-c-login) {
8809
- --pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
8810
- }
8811
- }
8812
- @media (min-width: 36rem) {
8813
- :where(:root, .pf-v6-c-login) {
8814
- --pf-v6-c-login__header--PaddingInlineEnd: 0;
8815
- --pf-v6-c-login__header--PaddingInlineStart: 0;
8816
- }
8817
- }
8818
- @media (min-width: 75rem) {
8819
- :where(:root, .pf-v6-c-login) {
8820
- --pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
8821
- --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
8822
- }
8823
- }
8824
- @media (min-width: 75rem) {
8825
- :where(:root, .pf-v6-c-login) {
8826
- --pf-v6-c-login__main--MarginBlockEnd: 0;
8827
- }
8828
- }
8829
- @media (min-width: 48rem) {
8830
- :where(:root, .pf-v6-c-login) {
8831
- --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
8832
- --pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
8833
- --pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
8834
- }
8835
- }
8836
- @media (min-width: 48rem) {
8837
- :where(:root, .pf-v6-c-login) {
8838
- --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
8839
- --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
8840
- }
8841
- }
8842
- @media (min-width: 36rem) {
8843
- :where(:root, .pf-v6-c-login) {
8844
- --pf-v6-c-login__footer--PaddingInlineEnd: 0;
8845
- --pf-v6-c-login__footer--PaddingInlineStart: 0;
8846
- }
8847
- }
8848
- @media (min-width: 75rem) {
8849
- :where(:root, .pf-v6-c-login) {
8850
- --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
8851
- }
8852
- }
8853
- .pf-v6-c-login {
8854
- display: flex;
8855
- justify-content: center;
8856
- min-height: 100vh;
8857
- padding-block-start: var(--pf-v6-c-login--PaddingBlockStart);
8858
- padding-block-end: var(--pf-v6-c-login--PaddingBlockEnd);
8859
- }
8860
-
8861
- @media (min-width: 36rem) {
8862
- .pf-v6-c-login {
8863
- align-items: center;
8864
- }
8865
- }
8866
- .pf-v6-c-login__container {
8867
- width: 100%;
8868
- max-width: var(--pf-v6-c-login__container--MaxWidth);
8869
- }
8870
-
8871
- @media (min-width: 75rem) {
8872
- .pf-v6-c-login__container {
8873
- display: grid;
8874
- grid-template-areas: "main header" "main footer" "main .";
8875
- grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
8876
- grid-column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
8877
- justify-content: center;
8878
- padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
8879
- padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
8880
- }
8881
- }
8882
- .pf-v6-c-login__header {
8883
- grid-area: header;
8884
- padding-inline-start: var(--pf-v6-c-login__header--PaddingInlineStart);
8885
- padding-inline-end: var(--pf-v6-c-login__header--PaddingInlineEnd);
8599
+ --pf-v6-c-label-group--ColumnGap: var(--pf-v6-c-label-group--m-vertical--ColumnGap);
8600
+ --pf-v6-c-label-group__main--RowGap: var(--pf-v6-c-label-group--m-vertical__main--RowGap);
8601
+ --pf-v6-c-label-group__main--ColumnGap: var(--pf-v6-c-label-group--m-vertical__main--ColumnGap);
8602
+ --pf-v6-c-label-group__list--RowGap: var(--pf-v6-c-label-group--m-vertical__list--RowGap);
8603
+ --pf-v6-c-label-group__list--ColumnGap: var(--pf-v6-c-label-group--m-vertical__list--ColumnGap);
8604
+ --pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd);
8886
8605
  }
8887
8606
 
8888
- @media (min-width: 75rem) {
8889
- .pf-v6-c-login__header {
8890
- margin-block-start: var(--pf-v6-c-login__header--xl--MarginBlockStart);
8891
- }
8607
+ .pf-v6-c-label-group.pf-m-vertical.pf-v6-c-label-group {
8608
+ align-items: flex-start;
8892
8609
  }
8893
- .pf-v6-c-login__header .pf-v6-c-brand {
8894
- margin-block-end: var(--pf-v6-c-login__header--c-brand--MarginBlockEnd);
8610
+
8611
+ .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__list {
8612
+ flex-direction: column;
8613
+ align-items: flex-start;
8895
8614
  }
8896
8615
 
8897
- .pf-v6-c-login__main {
8898
- grid-area: main;
8899
- align-self: start;
8900
- margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
8901
- background-color: var(--pf-v6-c-login__main--BackgroundColor);
8902
- border-radius: var(--pf-v6-c-login__main--BorderRadius);
8616
+ .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__main {
8617
+ flex-direction: column;
8903
8618
  }
8904
8619
 
8905
- .pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
8906
- padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
8620
+ .pf-v6-c-label-group.pf-m-editable,
8621
+ .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
8622
+ .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list {
8623
+ display: flex;
8907
8624
  }
8908
8625
 
8909
- .pf-v6-c-login__main > :last-child:not(.pf-v6-c-login__main-footer) {
8910
- padding-block-end: var(--pf-v6-c-login__main-footer--PaddingBlockEnd);
8626
+ .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
8627
+ .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list,
8628
+ .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list-item.pf-m-textarea,
8629
+ .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__textarea {
8630
+ flex: 1;
8911
8631
  }
8912
8632
 
8913
- .pf-v6-c-login__main-header {
8914
- display: grid;
8915
- grid-template-columns: 100%;
8916
- row-gap: var(--pf-v6-c-login__main-header--RowGap);
8917
- column-gap: var(--pf-v6-c-login__main-header--ColumnGap);
8918
- align-items: center;
8919
- padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
8920
- padding-block-end: var(--pf-v6-c-login__main-header--PaddingBlockEnd);
8921
- padding-inline-start: var(--pf-v6-c-login__main-header--PaddingInlineStart);
8922
- padding-inline-end: var(--pf-v6-c-login__main-header--PaddingInlineEnd);
8633
+ .pf-v6-c-label-group__main {
8634
+ display: flex;
8635
+ flex: 1;
8636
+ flex-wrap: wrap;
8637
+ row-gap: var(--pf-v6-c-label-group__main--RowGap);
8638
+ column-gap: var(--pf-v6-c-label-group__main--ColumnGap);
8639
+ align-items: baseline;
8923
8640
  }
8924
8641
 
8925
- @media (min-width: 48rem) {
8926
- .pf-v6-c-login__main-header {
8927
- grid-template-columns: 1fr auto;
8928
- }
8642
+ .pf-v6-c-label-group__list {
8643
+ display: inline-flex;
8644
+ flex-wrap: wrap;
8645
+ row-gap: var(--pf-v6-c-label-group__list--RowGap);
8646
+ column-gap: var(--pf-v6-c-label-group__list--ColumnGap);
8929
8647
  }
8930
- .pf-v6-c-login__main-header-utilities,
8931
- .pf-v6-c-login__main-header .pf-v6-c-menu-toggle {
8932
- grid-row: auto;
8933
- grid-column: auto;
8648
+
8649
+ .pf-v6-c-label-group__list-item {
8650
+ display: inline-flex;
8934
8651
  }
8935
8652
 
8936
- @media (min-width: 48rem) {
8937
- .pf-v6-c-login__main-header-utilities,
8938
- .pf-v6-c-login__main-header .pf-v6-c-menu-toggle {
8939
- grid-row: 1;
8940
- grid-column: 2/3;
8941
- }
8653
+ .pf-v6-c-label-group__label {
8654
+ overflow: hidden;
8655
+ text-overflow: ellipsis;
8656
+ white-space: nowrap;
8657
+ max-width: var(--pf-v6-c-label-group__label--MaxWidth);
8942
8658
  }
8943
- .pf-v6-c-login__main-header-desc {
8944
- grid-column: 1/-1;
8945
- margin-block-end: var(--pf-v6-c-login__main-header-desc--MarginBlockEnd);
8946
- font-size: var(--pf-v6-c-login__main-header-desc--FontSize);
8659
+
8660
+ .pf-v6-c-label-group__close {
8661
+ display: flex;
8662
+ align-self: flex-start;
8947
8663
  }
8948
8664
 
8949
- .pf-v6-c-login__main-body {
8950
- padding-block-end: var(--pf-v6-c-login__main-body--PaddingBlockEnd);
8951
- padding-inline-start: var(--pf-v6-c-login__main-body--PaddingInlineStart);
8952
- padding-inline-end: var(--pf-v6-c-login__main-body--PaddingInlineEnd);
8665
+ .pf-v6-c-label-group__close .pf-v6-c-button {
8666
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-label-group__close--c-button--FontSize);
8667
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label-group__close--c-button--PaddingBlockStart);
8668
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: var(--pf-v6-c-label-group__close--c-button--PaddingInlineEnd);
8669
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: var(--pf-v6-c-label-group__close--c-button--PaddingBlockEnd);
8670
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: var(--pf-v6-c-label-group__close--c-button--PaddingInlineStart);
8953
8671
  }
8954
8672
 
8955
- .pf-v6-c-login__main-footer {
8956
- display: flex;
8957
- flex-wrap: wrap;
8673
+ .pf-v6-c-label-group__textarea {
8674
+ min-width: var(--pf-v6-c-label-group__textarea--MinWidth);
8675
+ padding-block-start: var(--pf-v6-c-label-group__textarea--PaddingBlockStart);
8676
+ padding-block-end: var(--pf-v6-c-label-group__textarea--PaddingBlockEnd);
8677
+ padding-inline-start: var(--pf-v6-c-label-group__textarea--PaddingInlineStart);
8678
+ padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
8679
+ white-space: nowrap;
8680
+ resize: none;
8681
+ border: 0;
8682
+ -ms-overflow-style: none;
8683
+ scrollbar-width: none;
8958
8684
  }
8959
8685
 
8960
- .pf-v6-c-login__main-footer .pf-v6-c-title {
8961
- margin-block-end: var(--pf-v6-c-login__main-footer--c-title--MarginBlockEnd);
8962
- text-align: center;
8686
+ .pf-v6-c-label-group__textarea::-webkit-scrollbar {
8687
+ display: none;
8963
8688
  }
8964
8689
 
8965
- .pf-v6-c-login__main-footer > * {
8966
- flex-basis: 100%;
8690
+ :where(:root, .pf-v6-c-list) {
8691
+ --pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
8692
+ --pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
8693
+ --pf-v6-c-list--Gap: var(--pf-t--global--spacer--sm);
8694
+ --pf-v6-c-list--nested--PaddingBlockStart: var(--pf-v6-c-list--Gap);
8695
+ --pf-v6-c-list--m-plain--PaddingInlineStart: 0;
8696
+ --pf-v6-c-list--m-inline--PaddingInlineStart: 0;
8697
+ --pf-v6-c-list--m-inline--ColumnGap: var(--pf-t--global--spacer--lg);
8698
+ --pf-v6-c-list--m-inline--RowGap: var(--pf-t--global--spacer--xs);
8699
+ --pf-v6-c-list--m-bordered--li--PaddingBlockStart: var(--pf-v6-c-list--Gap);
8700
+ --pf-v6-c-list--m-bordered--li--BorderBlockStartColor: var(--pf-t--global--border--color--default);
8701
+ --pf-v6-c-list--m-bordered--li--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
8702
+ --pf-v6-c-list__item-icon--MinWidth: var(--pf-t--global--icon--size--sm);
8703
+ --pf-v6-c-list__item-icon--MarginBlockStart: var(--pf-t--global--spacer--xs);
8704
+ --pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
8705
+ --pf-v6-c-list__item-icon--Color: var(--pf-t--global--icon--color--regular);
8706
+ --pf-v6-c-list__item-icon--FontSize: var(--pf-t--global--icon--size--sm);
8707
+ --pf-v6-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-t--global--icon--size--lg);
8708
+ --pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
8709
+ --pf-v6-c-list--m-icon-lg__item-icon--FontSize: var(--pf-t--global--icon--size--lg);
8967
8710
  }
8968
8711
 
8969
- .pf-v6-c-login__main-footer-links {
8712
+ .pf-v6-c-list {
8970
8713
  display: flex;
8971
- flex-wrap: wrap;
8972
- gap: var(--pf-v6-c-login__main-footer-links--Gap);
8973
- justify-content: center;
8974
- padding-block-start: var(--pf-v6-c-login__main-footer-links--PaddingBlockStart);
8975
- padding-block-end: var(--pf-v6-c-login__main-footer-links--PaddingBlockEnd);
8976
- padding-inline-start: var(--pf-v6-c-login__main-footer-links--PaddingInlineStart);
8977
- padding-inline-end: var(--pf-v6-c-login__main-footer-links--PaddingInlineEnd);
8714
+ flex-direction: column;
8715
+ gap: var(--pf-v6-c-list--Gap);
8716
+ padding-inline-start: var(--pf-v6-c-list--PaddingInlineStart);
8978
8717
  }
8979
8718
 
8980
- .pf-v6-c-login__main-footer-links-item .pf-v6-c-button {
8981
- --pf-v6-c-button--FontSize: var(--pf-v6-c-login__main-footer-links-item--c-button--FontSize);
8719
+ .pf-v6-c-list .pf-v6-c-list {
8720
+ padding-block-start: var(--pf-v6-c-list--nested--PaddingBlockStart);
8982
8721
  }
8983
8722
 
8984
- .pf-v6-c-login__main-footer-band {
8985
- padding-block-start: var(--pf-v6-c-login__main-footer-band--PaddingBlockStart);
8986
- padding-block-end: var(--pf-v6-c-login__main-footer-band--PaddingBlockEnd);
8987
- padding-inline-start: var(--pf-v6-c-login__main-footer-band--PaddingInlineStart);
8988
- padding-inline-end: var(--pf-v6-c-login__main-footer-band--PaddingInlineEnd);
8989
- text-align: center;
8990
- border-block-start: var(--pf-v6-c-login__main-footer-band--BorderBlockStartWidth) solid var(--pf-v6-c-login__main-footer-band--BorderBlockStartColor);
8723
+ ul.pf-v6-c-list {
8724
+ list-style: var(--pf-v6-c-list--ul--ListStyle);
8991
8725
  }
8992
8726
 
8993
- .pf-v6-c-login__main-footer-band > * + * {
8994
- padding-block-start: var(--pf-v6-c-login__main-footer-band-item--PaddingBlockStart);
8727
+ .pf-v6-c-list.pf-m-icon-lg {
8728
+ --pf-v6-c-list__item-icon--MinWidth: var(--pf-v6-c-list--m-icon-lg__item-icon--MinWidth);
8729
+ --pf-v6-c-list__item-icon--MarginBlockStart: 0;
8730
+ --pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd);
8731
+ --pf-v6-c-list__item-icon--FontSize: var(--pf-v6-c-list--m-icon-lg__item-icon--FontSize);
8995
8732
  }
8996
8733
 
8997
- .pf-v6-c-login__footer {
8998
- grid-area: footer;
8999
- padding-inline-start: var(--pf-v6-c-login__footer--PaddingInlineStart);
9000
- padding-inline-end: var(--pf-v6-c-login__footer--PaddingInlineEnd);
8734
+ .pf-v6-c-list.pf-m-plain {
8735
+ --pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-plain--PaddingInlineStart);
8736
+ list-style: none;
9001
8737
  }
9002
8738
 
9003
- .pf-v6-c-login__footer .pf-v6-c-list a {
9004
- color: unset;
8739
+ .pf-v6-c-list.pf-m-inline {
8740
+ --pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-inline--PaddingInlineStart);
8741
+ --pf-v6-c-list--Gap: var(--pf-v6-c-list--m-inline--RowGap) var(--pf-v6-c-list--m-inline--ColumnGap);
8742
+ flex-direction: row;
8743
+ flex-wrap: wrap;
8744
+ list-style: none;
9005
8745
  }
9006
8746
 
9007
- .pf-v6-c-login__footer .pf-v6-c-list:not(:only-child) {
9008
- padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingBlockStart);
8747
+ .pf-v6-c-list.pf-m-bordered > * + * {
8748
+ padding-block-start: var(--pf-v6-c-list--m-bordered--li--PaddingBlockStart);
8749
+ border-block-start: var(--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth) solid var(--pf-v6-c-list--m-bordered--li--BorderBlockStartColor);
8750
+ }
8751
+
8752
+ .pf-v6-c-list__item {
8753
+ display: flex;
8754
+ }
8755
+
8756
+ .pf-v6-c-list__item-icon {
8757
+ flex-shrink: 0;
8758
+ min-width: var(--pf-v6-c-list__item-icon--MinWidth);
8759
+ margin-block-start: var(--pf-v6-c-list__item-icon--MarginBlockStart);
8760
+ margin-inline-end: var(--pf-v6-c-list__item-icon--MarginInlineEnd);
8761
+ font-size: var(--pf-v6-c-list__item-icon--FontSize);
8762
+ line-height: 1;
8763
+ color: var(--pf-v6-c-list__item-icon--Color);
9009
8764
  }
9010
8765
 
9011
8766
  :where(:root, .pf-v6-c-masthead) {
@@ -9262,7 +9017,67 @@ ul.pf-v6-c-list {
9262
9017
  --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
9263
9018
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
9264
9019
  }
9265
-
9020
+
9021
+ .pf-v6-c-masthead.pf-m-inset-none {
9022
+ padding-inline-start: 0;
9023
+ padding-inline-end: 0;
9024
+ }
9025
+
9026
+ .pf-v6-c-masthead.pf-m-inset-sm {
9027
+ padding-inline-start: var(--pf-t--global--spacer--sm);
9028
+ padding-inline-end: var(--pf-t--global--spacer--sm);
9029
+ }
9030
+
9031
+ .pf-v6-c-masthead.pf-m-inset-md {
9032
+ padding-inline-start: var(--pf-t--global--spacer--md);
9033
+ padding-inline-end: var(--pf-t--global--spacer--md);
9034
+ }
9035
+
9036
+ .pf-v6-c-masthead.pf-m-inset-lg {
9037
+ padding-inline-start: var(--pf-t--global--spacer--lg);
9038
+ padding-inline-end: var(--pf-t--global--spacer--lg);
9039
+ }
9040
+
9041
+ .pf-v6-c-masthead.pf-m-inset-xl {
9042
+ padding-inline-start: var(--pf-t--global--spacer--xl);
9043
+ padding-inline-end: var(--pf-t--global--spacer--xl);
9044
+ }
9045
+
9046
+ .pf-v6-c-masthead.pf-m-inset-2xl {
9047
+ padding-inline-start: var(--pf-t--global--spacer--2xl);
9048
+ padding-inline-end: var(--pf-t--global--spacer--2xl);
9049
+ }
9050
+
9051
+ @media (min-width: 36rem) {
9052
+ .pf-v6-c-masthead.pf-m-display-stack-on-sm {
9053
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
9054
+ --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
9055
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
9056
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
9057
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
9058
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
9059
+ --pf-v6-c-masthead__main--GridColumn: unset;
9060
+ --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
9061
+ --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
9062
+ --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
9063
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
9064
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
9065
+ }
9066
+ .pf-v6-c-masthead.pf-m-display-inline-on-sm {
9067
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
9068
+ --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
9069
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
9070
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
9071
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
9072
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
9073
+ --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
9074
+ --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
9075
+ --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
9076
+ --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
9077
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
9078
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
9079
+ }
9080
+ }
9266
9081
  .pf-v6-c-masthead.pf-m-inset-none {
9267
9082
  padding-inline-start: 0;
9268
9083
  padding-inline-end: 0;
@@ -9293,8 +9108,8 @@ ul.pf-v6-c-list {
9293
9108
  padding-inline-end: var(--pf-t--global--spacer--2xl);
9294
9109
  }
9295
9110
 
9296
- @media (min-width: 36rem) {
9297
- .pf-v6-c-masthead.pf-m-display-stack-on-sm {
9111
+ @media (min-width: 48rem) {
9112
+ .pf-v6-c-masthead.pf-m-display-stack-on-md {
9298
9113
  --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
9299
9114
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
9300
9115
  --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
@@ -9308,7 +9123,7 @@ ul.pf-v6-c-list {
9308
9123
  --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
9309
9124
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
9310
9125
  }
9311
- .pf-v6-c-masthead.pf-m-display-inline-on-sm {
9126
+ .pf-v6-c-masthead.pf-m-display-inline-on-md {
9312
9127
  --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
9313
9128
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
9314
9129
  --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
@@ -9353,8 +9168,8 @@ ul.pf-v6-c-list {
9353
9168
  padding-inline-end: var(--pf-t--global--spacer--2xl);
9354
9169
  }
9355
9170
 
9356
- @media (min-width: 48rem) {
9357
- .pf-v6-c-masthead.pf-m-display-stack-on-md {
9171
+ @media (min-width: 62rem) {
9172
+ .pf-v6-c-masthead.pf-m-display-stack-on-lg {
9358
9173
  --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
9359
9174
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
9360
9175
  --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
@@ -9368,7 +9183,7 @@ ul.pf-v6-c-list {
9368
9183
  --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
9369
9184
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
9370
9185
  }
9371
- .pf-v6-c-masthead.pf-m-display-inline-on-md {
9186
+ .pf-v6-c-masthead.pf-m-display-inline-on-lg {
9372
9187
  --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
9373
9188
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
9374
9189
  --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
@@ -9413,8 +9228,8 @@ ul.pf-v6-c-list {
9413
9228
  padding-inline-end: var(--pf-t--global--spacer--2xl);
9414
9229
  }
9415
9230
 
9416
- @media (min-width: 62rem) {
9417
- .pf-v6-c-masthead.pf-m-display-stack-on-lg {
9231
+ @media (min-width: 75rem) {
9232
+ .pf-v6-c-masthead.pf-m-display-stack-on-xl {
9418
9233
  --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
9419
9234
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
9420
9235
  --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
@@ -9428,7 +9243,7 @@ ul.pf-v6-c-list {
9428
9243
  --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
9429
9244
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
9430
9245
  }
9431
- .pf-v6-c-masthead.pf-m-display-inline-on-lg {
9246
+ .pf-v6-c-masthead.pf-m-display-inline-on-xl {
9432
9247
  --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
9433
9248
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
9434
9249
  --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
@@ -9473,8 +9288,8 @@ ul.pf-v6-c-list {
9473
9288
  padding-inline-end: var(--pf-t--global--spacer--2xl);
9474
9289
  }
9475
9290
 
9476
- @media (min-width: 75rem) {
9477
- .pf-v6-c-masthead.pf-m-display-stack-on-xl {
9291
+ @media (min-width: 90.625rem) {
9292
+ .pf-v6-c-masthead.pf-m-display-stack-on-2xl {
9478
9293
  --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
9479
9294
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
9480
9295
  --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
@@ -9488,7 +9303,7 @@ ul.pf-v6-c-list {
9488
9303
  --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
9489
9304
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
9490
9305
  }
9491
- .pf-v6-c-masthead.pf-m-display-inline-on-xl {
9306
+ .pf-v6-c-masthead.pf-m-display-inline-on-2xl {
9492
9307
  --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
9493
9308
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
9494
9309
  --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
@@ -9513,84 +9328,284 @@ ul.pf-v6-c-list {
9513
9328
  padding-inline-end: var(--pf-t--global--spacer--sm);
9514
9329
  }
9515
9330
 
9516
- .pf-v6-c-masthead.pf-m-inset-md {
9517
- padding-inline-start: var(--pf-t--global--spacer--md);
9518
- padding-inline-end: var(--pf-t--global--spacer--md);
9331
+ .pf-v6-c-masthead.pf-m-inset-md {
9332
+ padding-inline-start: var(--pf-t--global--spacer--md);
9333
+ padding-inline-end: var(--pf-t--global--spacer--md);
9334
+ }
9335
+
9336
+ .pf-v6-c-masthead.pf-m-inset-lg {
9337
+ padding-inline-start: var(--pf-t--global--spacer--lg);
9338
+ padding-inline-end: var(--pf-t--global--spacer--lg);
9339
+ }
9340
+
9341
+ .pf-v6-c-masthead.pf-m-inset-xl {
9342
+ padding-inline-start: var(--pf-t--global--spacer--xl);
9343
+ padding-inline-end: var(--pf-t--global--spacer--xl);
9344
+ }
9345
+
9346
+ .pf-v6-c-masthead.pf-m-inset-2xl {
9347
+ padding-inline-start: var(--pf-t--global--spacer--2xl);
9348
+ padding-inline-end: var(--pf-t--global--spacer--2xl);
9349
+ }
9350
+
9351
+ :where(:root, .pf-v6-c-login) {
9352
+ --pf-v6-c-login--PaddingBlockStart: var(--pf-t--global--spacer--lg);
9353
+ --pf-v6-c-login--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
9354
+ --pf-v6-c-login__container--xl--GridColumnGap: var(--pf-t--global--spacer--3xl);
9355
+ --pf-v6-c-login__container--MaxWidth: 31.25rem;
9356
+ --pf-v6-c-login__container--xl--MaxWidth: none;
9357
+ --pf-v6-c-login__container--PaddingInlineStart: 6.125rem;
9358
+ --pf-v6-c-login__container--PaddingInlineEnd: 6.125rem;
9359
+ --pf-v6-c-login__container--xl--GridTemplateColumns: 34rem minmax(auto, 34rem);
9360
+ --pf-v6-c-login__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
9361
+ --pf-v6-c-login__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
9362
+ --pf-v6-c-login__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
9363
+ --pf-v6-c-login__header--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
9364
+ --pf-v6-c-login__header--xl--MarginBlockStart: var(--pf-t--global--spacer--3xl);
9365
+ --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-t--global--spacer--lg);
9366
+ --pf-v6-c-login__header--c-brand--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
9367
+ --pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
9368
+ --pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
9369
+ --pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
9370
+ --pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
9371
+ --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
9372
+ --pf-v6-c-login__main-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
9373
+ --pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
9374
+ --pf-v6-c-login__main-header--md--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
9375
+ --pf-v6-c-login__main-header--md--PaddingInlineStart: var(--pf-t--global--spacer--2xl);
9376
+ --pf-v6-c-login__main-header--ColumnGap: var(--pf-t--global--spacer--md);
9377
+ --pf-v6-c-login__main-header--RowGap: var(--pf-t--global--spacer--md);
9378
+ --pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-t--global--spacer--sm);
9379
+ --pf-v6-c-login__main-header-desc--md--MarginBlockEnd: 0;
9380
+ --pf-v6-c-login__main-header-desc--FontSize: var(--pf-t--global--font--size--body--default);
9381
+ --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
9382
+ --pf-v6-c-login__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
9383
+ --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-t--global--spacer--xl);
9384
+ --pf-v6-c-login__main-body--md--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
9385
+ --pf-v6-c-login__main-body--md--PaddingInlineStart: var(--pf-t--global--spacer--2xl);
9386
+ --pf-v6-c-login__main-footer--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
9387
+ --pf-v6-c-login__main-footer--c-title--MarginBlockEnd: var(--pf-t--global--spacer--md);
9388
+ --pf-v6-c-login__main-footer-links--PaddingBlockStart: var(--pf-t--global--spacer--sm);
9389
+ --pf-v6-c-login__main-footer-links--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
9390
+ --pf-v6-c-login__main-footer-links--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
9391
+ --pf-v6-c-login__main-footer-links--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
9392
+ --pf-v6-c-login__main-footer-links--Gap: var(--pf-t--global--spacer--md);
9393
+ --pf-v6-c-login__main-footer-links-item--c-button--FontSize: var(--pf-t--global--icon--size--xl);
9394
+ --pf-v6-c-login__main-footer-band--PaddingBlockStart: var(--pf-t--global--spacer--lg);
9395
+ --pf-v6-c-login__main-footer-band--PaddingInlineEnd: var(--pf-t--global--spacer--md);
9396
+ --pf-v6-c-login__main-footer-band--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
9397
+ --pf-v6-c-login__main-footer-band--PaddingInlineStart: var(--pf-t--global--spacer--md);
9398
+ --pf-v6-c-login__main-footer-band--BorderBlockStartColor: var(--pf-t--global--border--color--default);
9399
+ --pf-v6-c-login__main-footer-band--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
9400
+ --pf-v6-c-login__main-footer-band-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
9401
+ --pf-v6-c-login__footer--PaddingInlineStart: var(--pf-t--global--spacer--md);
9402
+ --pf-v6-c-login__footer--PaddingInlineEnd: var(--pf-t--global--spacer--md);
9403
+ --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
9404
+ --pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
9405
+ }
9406
+
9407
+ @media (min-width: 75rem) {
9408
+ :where(:root, .pf-v6-c-login) {
9409
+ --pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
9410
+ }
9411
+ }
9412
+ @media (min-width: 36rem) {
9413
+ :where(:root, .pf-v6-c-login) {
9414
+ --pf-v6-c-login__header--PaddingInlineEnd: 0;
9415
+ --pf-v6-c-login__header--PaddingInlineStart: 0;
9416
+ }
9417
+ }
9418
+ @media (min-width: 75rem) {
9419
+ :where(:root, .pf-v6-c-login) {
9420
+ --pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
9421
+ --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
9422
+ }
9423
+ }
9424
+ @media (min-width: 75rem) {
9425
+ :where(:root, .pf-v6-c-login) {
9426
+ --pf-v6-c-login__main--MarginBlockEnd: 0;
9427
+ }
9428
+ }
9429
+ @media (min-width: 48rem) {
9430
+ :where(:root, .pf-v6-c-login) {
9431
+ --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
9432
+ --pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
9433
+ --pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
9434
+ }
9435
+ }
9436
+ @media (min-width: 48rem) {
9437
+ :where(:root, .pf-v6-c-login) {
9438
+ --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
9439
+ --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
9440
+ }
9441
+ }
9442
+ @media (min-width: 36rem) {
9443
+ :where(:root, .pf-v6-c-login) {
9444
+ --pf-v6-c-login__footer--PaddingInlineEnd: 0;
9445
+ --pf-v6-c-login__footer--PaddingInlineStart: 0;
9446
+ }
9447
+ }
9448
+ @media (min-width: 75rem) {
9449
+ :where(:root, .pf-v6-c-login) {
9450
+ --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
9451
+ }
9452
+ }
9453
+ .pf-v6-c-login {
9454
+ display: flex;
9455
+ justify-content: center;
9456
+ min-height: 100vh;
9457
+ padding-block-start: var(--pf-v6-c-login--PaddingBlockStart);
9458
+ padding-block-end: var(--pf-v6-c-login--PaddingBlockEnd);
9459
+ }
9460
+
9461
+ @media (min-width: 36rem) {
9462
+ .pf-v6-c-login {
9463
+ align-items: center;
9464
+ }
9465
+ }
9466
+ .pf-v6-c-login__container {
9467
+ width: 100%;
9468
+ max-width: var(--pf-v6-c-login__container--MaxWidth);
9469
+ }
9470
+
9471
+ @media (min-width: 75rem) {
9472
+ .pf-v6-c-login__container {
9473
+ display: grid;
9474
+ grid-template-areas: "main header" "main footer" "main .";
9475
+ grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
9476
+ grid-column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
9477
+ justify-content: center;
9478
+ padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
9479
+ padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
9480
+ }
9481
+ }
9482
+ .pf-v6-c-login__header {
9483
+ grid-area: header;
9484
+ padding-inline-start: var(--pf-v6-c-login__header--PaddingInlineStart);
9485
+ padding-inline-end: var(--pf-v6-c-login__header--PaddingInlineEnd);
9486
+ }
9487
+
9488
+ @media (min-width: 75rem) {
9489
+ .pf-v6-c-login__header {
9490
+ margin-block-start: var(--pf-v6-c-login__header--xl--MarginBlockStart);
9491
+ }
9492
+ }
9493
+ .pf-v6-c-login__header .pf-v6-c-brand {
9494
+ margin-block-end: var(--pf-v6-c-login__header--c-brand--MarginBlockEnd);
9495
+ }
9496
+
9497
+ .pf-v6-c-login__main {
9498
+ grid-area: main;
9499
+ align-self: start;
9500
+ margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
9501
+ background-color: var(--pf-v6-c-login__main--BackgroundColor);
9502
+ border-radius: var(--pf-v6-c-login__main--BorderRadius);
9503
+ }
9504
+
9505
+ .pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
9506
+ padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
9507
+ }
9508
+
9509
+ .pf-v6-c-login__main > :last-child:not(.pf-v6-c-login__main-footer) {
9510
+ padding-block-end: var(--pf-v6-c-login__main-footer--PaddingBlockEnd);
9511
+ }
9512
+
9513
+ .pf-v6-c-login__main-header {
9514
+ display: grid;
9515
+ grid-template-columns: 100%;
9516
+ row-gap: var(--pf-v6-c-login__main-header--RowGap);
9517
+ column-gap: var(--pf-v6-c-login__main-header--ColumnGap);
9518
+ align-items: center;
9519
+ padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
9520
+ padding-block-end: var(--pf-v6-c-login__main-header--PaddingBlockEnd);
9521
+ padding-inline-start: var(--pf-v6-c-login__main-header--PaddingInlineStart);
9522
+ padding-inline-end: var(--pf-v6-c-login__main-header--PaddingInlineEnd);
9523
+ }
9524
+
9525
+ @media (min-width: 48rem) {
9526
+ .pf-v6-c-login__main-header {
9527
+ grid-template-columns: 1fr auto;
9528
+ }
9529
+ }
9530
+ .pf-v6-c-login__main-header-utilities,
9531
+ .pf-v6-c-login__main-header .pf-v6-c-menu-toggle {
9532
+ grid-row: auto;
9533
+ grid-column: auto;
9534
+ }
9535
+
9536
+ @media (min-width: 48rem) {
9537
+ .pf-v6-c-login__main-header-utilities,
9538
+ .pf-v6-c-login__main-header .pf-v6-c-menu-toggle {
9539
+ grid-row: 1;
9540
+ grid-column: 2/3;
9541
+ }
9542
+ }
9543
+ .pf-v6-c-login__main-header-desc {
9544
+ grid-column: 1/-1;
9545
+ margin-block-end: var(--pf-v6-c-login__main-header-desc--MarginBlockEnd);
9546
+ font-size: var(--pf-v6-c-login__main-header-desc--FontSize);
9547
+ }
9548
+
9549
+ .pf-v6-c-login__main-body {
9550
+ padding-block-end: var(--pf-v6-c-login__main-body--PaddingBlockEnd);
9551
+ padding-inline-start: var(--pf-v6-c-login__main-body--PaddingInlineStart);
9552
+ padding-inline-end: var(--pf-v6-c-login__main-body--PaddingInlineEnd);
9519
9553
  }
9520
9554
 
9521
- .pf-v6-c-masthead.pf-m-inset-lg {
9522
- padding-inline-start: var(--pf-t--global--spacer--lg);
9523
- padding-inline-end: var(--pf-t--global--spacer--lg);
9555
+ .pf-v6-c-login__main-footer {
9556
+ display: flex;
9557
+ flex-wrap: wrap;
9524
9558
  }
9525
9559
 
9526
- .pf-v6-c-masthead.pf-m-inset-xl {
9527
- padding-inline-start: var(--pf-t--global--spacer--xl);
9528
- padding-inline-end: var(--pf-t--global--spacer--xl);
9560
+ .pf-v6-c-login__main-footer .pf-v6-c-title {
9561
+ margin-block-end: var(--pf-v6-c-login__main-footer--c-title--MarginBlockEnd);
9562
+ text-align: center;
9529
9563
  }
9530
9564
 
9531
- .pf-v6-c-masthead.pf-m-inset-2xl {
9532
- padding-inline-start: var(--pf-t--global--spacer--2xl);
9533
- padding-inline-end: var(--pf-t--global--spacer--2xl);
9565
+ .pf-v6-c-login__main-footer > * {
9566
+ flex-basis: 100%;
9534
9567
  }
9535
9568
 
9536
- @media (min-width: 90.625rem) {
9537
- .pf-v6-c-masthead.pf-m-display-stack-on-2xl {
9538
- --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
9539
- --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
9540
- --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
9541
- --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
9542
- --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
9543
- --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
9544
- --pf-v6-c-masthead__main--GridColumn: unset;
9545
- --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
9546
- --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
9547
- --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
9548
- --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
9549
- --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
9550
- }
9551
- .pf-v6-c-masthead.pf-m-display-inline-on-2xl {
9552
- --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
9553
- --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
9554
- --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
9555
- --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
9556
- --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
9557
- --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
9558
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
9559
- --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
9560
- --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
9561
- --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
9562
- --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
9563
- --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
9564
- }
9569
+ .pf-v6-c-login__main-footer-links {
9570
+ display: flex;
9571
+ flex-wrap: wrap;
9572
+ gap: var(--pf-v6-c-login__main-footer-links--Gap);
9573
+ justify-content: center;
9574
+ padding-block-start: var(--pf-v6-c-login__main-footer-links--PaddingBlockStart);
9575
+ padding-block-end: var(--pf-v6-c-login__main-footer-links--PaddingBlockEnd);
9576
+ padding-inline-start: var(--pf-v6-c-login__main-footer-links--PaddingInlineStart);
9577
+ padding-inline-end: var(--pf-v6-c-login__main-footer-links--PaddingInlineEnd);
9565
9578
  }
9566
- .pf-v6-c-masthead.pf-m-inset-none {
9567
- padding-inline-start: 0;
9568
- padding-inline-end: 0;
9579
+
9580
+ .pf-v6-c-login__main-footer-links-item .pf-v6-c-button {
9581
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-login__main-footer-links-item--c-button--FontSize);
9569
9582
  }
9570
9583
 
9571
- .pf-v6-c-masthead.pf-m-inset-sm {
9572
- padding-inline-start: var(--pf-t--global--spacer--sm);
9573
- padding-inline-end: var(--pf-t--global--spacer--sm);
9584
+ .pf-v6-c-login__main-footer-band {
9585
+ padding-block-start: var(--pf-v6-c-login__main-footer-band--PaddingBlockStart);
9586
+ padding-block-end: var(--pf-v6-c-login__main-footer-band--PaddingBlockEnd);
9587
+ padding-inline-start: var(--pf-v6-c-login__main-footer-band--PaddingInlineStart);
9588
+ padding-inline-end: var(--pf-v6-c-login__main-footer-band--PaddingInlineEnd);
9589
+ text-align: center;
9590
+ border-block-start: var(--pf-v6-c-login__main-footer-band--BorderBlockStartWidth) solid var(--pf-v6-c-login__main-footer-band--BorderBlockStartColor);
9574
9591
  }
9575
9592
 
9576
- .pf-v6-c-masthead.pf-m-inset-md {
9577
- padding-inline-start: var(--pf-t--global--spacer--md);
9578
- padding-inline-end: var(--pf-t--global--spacer--md);
9593
+ .pf-v6-c-login__main-footer-band > * + * {
9594
+ padding-block-start: var(--pf-v6-c-login__main-footer-band-item--PaddingBlockStart);
9579
9595
  }
9580
9596
 
9581
- .pf-v6-c-masthead.pf-m-inset-lg {
9582
- padding-inline-start: var(--pf-t--global--spacer--lg);
9583
- padding-inline-end: var(--pf-t--global--spacer--lg);
9597
+ .pf-v6-c-login__footer {
9598
+ grid-area: footer;
9599
+ padding-inline-start: var(--pf-v6-c-login__footer--PaddingInlineStart);
9600
+ padding-inline-end: var(--pf-v6-c-login__footer--PaddingInlineEnd);
9584
9601
  }
9585
9602
 
9586
- .pf-v6-c-masthead.pf-m-inset-xl {
9587
- padding-inline-start: var(--pf-t--global--spacer--xl);
9588
- padding-inline-end: var(--pf-t--global--spacer--xl);
9603
+ .pf-v6-c-login__footer .pf-v6-c-list a {
9604
+ color: unset;
9589
9605
  }
9590
9606
 
9591
- .pf-v6-c-masthead.pf-m-inset-2xl {
9592
- padding-inline-start: var(--pf-t--global--spacer--2xl);
9593
- padding-inline-end: var(--pf-t--global--spacer--2xl);
9607
+ .pf-v6-c-login__footer .pf-v6-c-list:not(:only-child) {
9608
+ padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingBlockStart);
9594
9609
  }
9595
9610
 
9596
9611
  :where(:root, .pf-v6-c-menu) {
@@ -16001,136 +16016,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16001
16016
  line-height: var(--pf-v6-c-title--m-h6--LineHeight);
16002
16017
  }
16003
16018
 
16004
- :where(:root, .pf-v6-c-toggle-group) {
16005
- --pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
16006
- --pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
16007
- --pf-v6-c-toggle-group__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
16008
- --pf-v6-c-toggle-group__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
16009
- --pf-v6-c-toggle-group__button--FontSize: var(--pf-t--global--font--size--body--default);
16010
- --pf-v6-c-toggle-group__button--LineHeight: var(--pf-t--global--font--line-height--body);
16011
- --pf-v6-c-toggle-group__button--Color: var(--pf-t--global--text--color--regular);
16012
- --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
16013
- --pf-v6-c-toggle-group__button--ZIndex: auto;
16014
- --pf-v6-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
16015
- --pf-v6-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--z-index--xs);
16016
- --pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--default);
16017
- --pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
16018
- --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
16019
- --pf-v6-c-toggle-group__item--item--MarginInlineStart: calc(-1 * var(--pf-t--global--border--width--control--default));
16020
- --pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius: var(--pf-t--global--border--radius--tiny);
16021
- --pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius: var(--pf-t--global--border--radius--tiny);
16022
- --pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius: var(--pf-t--global--border--radius--tiny);
16023
- --pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius: var(--pf-t--global--border--radius--tiny);
16024
- --pf-v6-c-toggle-group__icon--text--MarginInlineStart: var(--pf-t--global--spacer--sm);
16025
- --pf-v6-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-t--global--color--brand--default);
16026
- --pf-v6-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--default);
16027
- --pf-v6-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
16028
- --pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
16029
- --pf-v6-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--z-index--xs);
16030
- --pf-v6-c-toggle-group__button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
16031
- --pf-v6-c-toggle-group__button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
16032
- --pf-v6-c-toggle-group__button--disabled--before--BorderColor: var(--pf-t--global--border--color--disabled);
16033
- --pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
16034
- --pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--z-index--xs);
16035
- --pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart: 0;
16036
- --pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
16037
- --pf-v6-c-toggle-group--m-compact__button--PaddingBlockEnd: 0;
16038
- --pf-v6-c-toggle-group--m-compact__button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
16039
- --pf-v6-c-toggle-group--m-compact__button--FontSize: var(--pf-t--global--font--size--body--default);
16040
- }
16041
-
16042
- .pf-v6-c-toggle-group {
16043
- display: flex;
16044
- }
16045
-
16046
- .pf-v6-c-toggle-group.pf-m-compact {
16047
- --pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart);
16048
- --pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd);
16049
- --pf-v6-c-toggle-group__button--PaddingBlockEnd: var(--pf-v6-c-toggle-group--m-compact__button--PaddingBlockEnd);
16050
- --pf-v6-c-toggle-group__button--PaddingInlineStart: var(--pf-v6-c-toggle-group--m-compact__button--PaddingInlineStart);
16051
- --pf-v6-c-toggle-group__button--FontSize: var(--pf-v6-c-toggle-group--m-compact__button--FontSize);
16052
- }
16053
-
16054
- .pf-v6-c-toggle-group__item + .pf-v6-c-toggle-group__item {
16055
- margin-inline-start: var(--pf-v6-c-toggle-group__item--item--MarginInlineStart);
16056
- }
16057
-
16058
- .pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button, .pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button::before {
16059
- border-start-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius);
16060
- border-end-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius);
16061
- }
16062
-
16063
- .pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button, .pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button::before {
16064
- border-start-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius);
16065
- border-end-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius);
16066
- }
16067
-
16068
- .pf-v6-c-toggle-group__button {
16069
- position: relative;
16070
- z-index: var(--pf-v6-c-toggle-group__button--ZIndex);
16071
- display: inline-flex;
16072
- padding-block-start: var(--pf-v6-c-toggle-group__button--PaddingBlockStart);
16073
- padding-block-end: var(--pf-v6-c-toggle-group__button--PaddingBlockEnd);
16074
- padding-inline-start: var(--pf-v6-c-toggle-group__button--PaddingInlineStart);
16075
- padding-inline-end: var(--pf-v6-c-toggle-group__button--PaddingInlineEnd);
16076
- font-size: var(--pf-v6-c-toggle-group__button--FontSize);
16077
- line-height: var(--pf-v6-c-toggle-group__button--LineHeight);
16078
- color: var(--pf-v6-c-toggle-group__button--Color);
16079
- background-color: var(--pf-v6-c-toggle-group__button--BackgroundColor);
16080
- border: 0;
16081
- }
16082
-
16083
- .pf-v6-c-toggle-group__button::before {
16084
- position: absolute;
16085
- inset-block-start: 0;
16086
- inset-block-end: 0;
16087
- inset-inline-start: 0;
16088
- inset-inline-end: 0;
16089
- pointer-events: none;
16090
- content: "";
16091
- border-style: solid;
16092
- border-width: var(--pf-v6-c-toggle-group__button--before--BorderWidth);
16093
- border-block-start-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
16094
- border-block-end-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
16095
- border-inline-start-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
16096
- border-inline-end-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
16097
- }
16098
-
16099
- .pf-v6-c-toggle-group__button:is(:hover, :focus) {
16100
- --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
16101
- --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
16102
- --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
16103
- text-decoration: none;
16104
- }
16105
-
16106
- .pf-v6-c-toggle-group__button.pf-m-selected {
16107
- --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--m-selected--BackgroundColor);
16108
- --pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--m-selected--Color, inherit);
16109
- --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--m-selected--ZIndex);
16110
- --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderColor);
16111
- }
16112
-
16113
- .pf-v6-c-toggle-group__button:is(:disabled, .pf-m-disabled) {
16114
- --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--disabled--BackgroundColor);
16115
- --pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--disabled--Color);
16116
- --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--disabled--ZIndex);
16117
- --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--disabled--before--BorderColor);
16118
- pointer-events: none;
16119
- }
16120
-
16121
- .pf-v6-c-toggle-group__item:has(.pf-m-selected) + .pf-v6-c-toggle-group__item:has(.pf-m-selected) {
16122
- --pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor);
16123
- }
16124
-
16125
- .pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) + .pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) {
16126
- --pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor);
16127
- }
16128
-
16129
- .pf-v6-c-toggle-group__icon + .pf-v6-c-toggle-group__text,
16130
- .pf-v6-c-toggle-group__text + .pf-v6-c-toggle-group__icon {
16131
- margin-inline-start: var(--pf-v6-c-toggle-group__icon--text--MarginInlineStart);
16132
- }
16133
-
16134
16019
  :where(:root, .pf-v6-c-toolbar) {
16135
16020
  --pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--md);
16136
16021
  --pf-v6-c-toolbar--PaddingBlockStart: 0;
@@ -18108,6 +17993,178 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18108
17993
  display: inline-flex;
18109
17994
  }
18110
17995
  }
17996
+ :where(:root, .pf-v6-c-toggle-group) {
17997
+ --pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
17998
+ --pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
17999
+ --pf-v6-c-toggle-group__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
18000
+ --pf-v6-c-toggle-group__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
18001
+ --pf-v6-c-toggle-group__button--FontSize: var(--pf-t--global--font--size--body--default);
18002
+ --pf-v6-c-toggle-group__button--LineHeight: var(--pf-t--global--font--line-height--body);
18003
+ --pf-v6-c-toggle-group__button--Color: var(--pf-t--global--text--color--regular);
18004
+ --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
18005
+ --pf-v6-c-toggle-group__button--ZIndex: auto;
18006
+ --pf-v6-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
18007
+ --pf-v6-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--z-index--xs);
18008
+ --pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--default);
18009
+ --pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
18010
+ --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
18011
+ --pf-v6-c-toggle-group__item--item--MarginInlineStart: calc(-1 * var(--pf-t--global--border--width--control--default));
18012
+ --pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius: var(--pf-t--global--border--radius--tiny);
18013
+ --pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius: var(--pf-t--global--border--radius--tiny);
18014
+ --pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius: var(--pf-t--global--border--radius--tiny);
18015
+ --pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius: var(--pf-t--global--border--radius--tiny);
18016
+ --pf-v6-c-toggle-group__icon--text--MarginInlineStart: var(--pf-t--global--spacer--sm);
18017
+ --pf-v6-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-t--global--color--brand--default);
18018
+ --pf-v6-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--default);
18019
+ --pf-v6-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
18020
+ --pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
18021
+ --pf-v6-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--z-index--xs);
18022
+ --pf-v6-c-toggle-group__button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
18023
+ --pf-v6-c-toggle-group__button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
18024
+ --pf-v6-c-toggle-group__button--disabled--before--BorderColor: var(--pf-t--global--border--color--disabled);
18025
+ --pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
18026
+ --pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--z-index--xs);
18027
+ --pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart: 0;
18028
+ --pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
18029
+ --pf-v6-c-toggle-group--m-compact__button--PaddingBlockEnd: 0;
18030
+ --pf-v6-c-toggle-group--m-compact__button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
18031
+ --pf-v6-c-toggle-group--m-compact__button--FontSize: var(--pf-t--global--font--size--body--default);
18032
+ }
18033
+
18034
+ .pf-v6-c-toggle-group {
18035
+ display: flex;
18036
+ }
18037
+
18038
+ .pf-v6-c-toggle-group.pf-m-compact {
18039
+ --pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart);
18040
+ --pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd);
18041
+ --pf-v6-c-toggle-group__button--PaddingBlockEnd: var(--pf-v6-c-toggle-group--m-compact__button--PaddingBlockEnd);
18042
+ --pf-v6-c-toggle-group__button--PaddingInlineStart: var(--pf-v6-c-toggle-group--m-compact__button--PaddingInlineStart);
18043
+ --pf-v6-c-toggle-group__button--FontSize: var(--pf-v6-c-toggle-group--m-compact__button--FontSize);
18044
+ }
18045
+
18046
+ .pf-v6-c-toggle-group__item + .pf-v6-c-toggle-group__item {
18047
+ margin-inline-start: var(--pf-v6-c-toggle-group__item--item--MarginInlineStart);
18048
+ }
18049
+
18050
+ .pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button, .pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button::before {
18051
+ border-start-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius);
18052
+ border-end-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius);
18053
+ }
18054
+
18055
+ .pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button, .pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button::before {
18056
+ border-start-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius);
18057
+ border-end-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius);
18058
+ }
18059
+
18060
+ .pf-v6-c-toggle-group__button {
18061
+ position: relative;
18062
+ z-index: var(--pf-v6-c-toggle-group__button--ZIndex);
18063
+ display: inline-flex;
18064
+ padding-block-start: var(--pf-v6-c-toggle-group__button--PaddingBlockStart);
18065
+ padding-block-end: var(--pf-v6-c-toggle-group__button--PaddingBlockEnd);
18066
+ padding-inline-start: var(--pf-v6-c-toggle-group__button--PaddingInlineStart);
18067
+ padding-inline-end: var(--pf-v6-c-toggle-group__button--PaddingInlineEnd);
18068
+ font-size: var(--pf-v6-c-toggle-group__button--FontSize);
18069
+ line-height: var(--pf-v6-c-toggle-group__button--LineHeight);
18070
+ color: var(--pf-v6-c-toggle-group__button--Color);
18071
+ background-color: var(--pf-v6-c-toggle-group__button--BackgroundColor);
18072
+ border: 0;
18073
+ }
18074
+
18075
+ .pf-v6-c-toggle-group__button::before {
18076
+ position: absolute;
18077
+ inset-block-start: 0;
18078
+ inset-block-end: 0;
18079
+ inset-inline-start: 0;
18080
+ inset-inline-end: 0;
18081
+ pointer-events: none;
18082
+ content: "";
18083
+ border-style: solid;
18084
+ border-width: var(--pf-v6-c-toggle-group__button--before--BorderWidth);
18085
+ border-block-start-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
18086
+ border-block-end-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
18087
+ border-inline-start-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
18088
+ border-inline-end-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
18089
+ }
18090
+
18091
+ .pf-v6-c-toggle-group__button:is(:hover, :focus) {
18092
+ --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
18093
+ --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
18094
+ --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
18095
+ text-decoration: none;
18096
+ }
18097
+
18098
+ .pf-v6-c-toggle-group__button.pf-m-selected {
18099
+ --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--m-selected--BackgroundColor);
18100
+ --pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--m-selected--Color, inherit);
18101
+ --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--m-selected--ZIndex);
18102
+ --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderColor);
18103
+ }
18104
+
18105
+ .pf-v6-c-toggle-group__button:is(:disabled, .pf-m-disabled) {
18106
+ --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--disabled--BackgroundColor);
18107
+ --pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--disabled--Color);
18108
+ --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--disabled--ZIndex);
18109
+ --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--disabled--before--BorderColor);
18110
+ pointer-events: none;
18111
+ }
18112
+
18113
+ .pf-v6-c-toggle-group__item:has(.pf-m-selected) + .pf-v6-c-toggle-group__item:has(.pf-m-selected) {
18114
+ --pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor);
18115
+ }
18116
+
18117
+ .pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) + .pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) {
18118
+ --pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor);
18119
+ }
18120
+
18121
+ .pf-v6-c-toggle-group__icon + .pf-v6-c-toggle-group__text,
18122
+ .pf-v6-c-toggle-group__text + .pf-v6-c-toggle-group__icon {
18123
+ margin-inline-start: var(--pf-v6-c-toggle-group__icon--text--MarginInlineStart);
18124
+ }
18125
+
18126
+ :where(:root, .pf-v6-c-number-input) {
18127
+ --pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
18128
+ --pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
18129
+ --pf-v6-c-number-input--c-form-control--width-base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-t--global--border--width--box--default) * 2);
18130
+ --pf-v6-c-number-input--c-form-control--width-icon: var(--pf-t--global--spacer--xl);
18131
+ --pf-v6-c-number-input--c-form-control--width-chars: 4;
18132
+ --pf-v6-c-number-input--c-form-control--Width:
18133
+ calc(
18134
+ calc(
18135
+ var(--pf-v6-c-number-input--c-form-control--width-base) + var(--pf-v6-c-number-input--c-form-control--width-chars) * 1ch
18136
+ ) + var(--pf-v6-c-number-input--c-form-control--width-icon)
18137
+ );
18138
+ }
18139
+
18140
+ .pf-v6-c-number-input {
18141
+ display: inline-flex;
18142
+ align-items: center;
18143
+ }
18144
+
18145
+ .pf-v6-c-number-input .pf-v6-c-form-control {
18146
+ width: var(--pf-v6-c-number-input--c-form-control--Width);
18147
+ }
18148
+
18149
+ .pf-v6-c-number-input .pf-v6-c-form-control > :is(input) {
18150
+ text-align: end;
18151
+ appearance: textfield;
18152
+ }
18153
+
18154
+ .pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-outer-spin-button {
18155
+ margin: 0;
18156
+ appearance: none;
18157
+ }
18158
+
18159
+ .pf-v6-c-input-group + .pf-v6-c-number-input__unit,
18160
+ .pf-v6-c-number-input__unit + .pf-v6-c-input-group {
18161
+ margin-inline-start: var(--pf-v6-c-number-input__unit--c-input-group--MarginInlineStart);
18162
+ }
18163
+
18164
+ .pf-v6-c-number-input__icon {
18165
+ font-size: var(--pf-v6-c-number-input__icon--FontSize);
18166
+ }
18167
+
18111
18168
  :where(:root, .pf-v6-c-tooltip) {
18112
18169
  --pf-v6-c-tooltip--MaxWidth: 18.75rem;
18113
18170
  --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
@@ -18239,48 +18296,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18239
18296
  transform: translateX(var(--pf-v6-c-tooltip__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-tooltip__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-tooltip__arrow--Rotate, 0));
18240
18297
  }
18241
18298
 
18242
- :where(:root, .pf-v6-c-number-input) {
18243
- --pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
18244
- --pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
18245
- --pf-v6-c-number-input--c-form-control--width-base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-t--global--border--width--box--default) * 2);
18246
- --pf-v6-c-number-input--c-form-control--width-icon: var(--pf-t--global--spacer--xl);
18247
- --pf-v6-c-number-input--c-form-control--width-chars: 4;
18248
- --pf-v6-c-number-input--c-form-control--Width:
18249
- calc(
18250
- calc(
18251
- var(--pf-v6-c-number-input--c-form-control--width-base) + var(--pf-v6-c-number-input--c-form-control--width-chars) * 1ch
18252
- ) + var(--pf-v6-c-number-input--c-form-control--width-icon)
18253
- );
18254
- }
18255
-
18256
- .pf-v6-c-number-input {
18257
- display: inline-flex;
18258
- align-items: center;
18259
- }
18260
-
18261
- .pf-v6-c-number-input .pf-v6-c-form-control {
18262
- width: var(--pf-v6-c-number-input--c-form-control--Width);
18263
- }
18264
-
18265
- .pf-v6-c-number-input .pf-v6-c-form-control > :is(input) {
18266
- text-align: end;
18267
- appearance: textfield;
18268
- }
18269
-
18270
- .pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-outer-spin-button {
18271
- margin: 0;
18272
- appearance: none;
18273
- }
18274
-
18275
- .pf-v6-c-input-group + .pf-v6-c-number-input__unit,
18276
- .pf-v6-c-number-input__unit + .pf-v6-c-input-group {
18277
- margin-inline-start: var(--pf-v6-c-number-input__unit--c-input-group--MarginInlineStart);
18278
- }
18279
-
18280
- .pf-v6-c-number-input__icon {
18281
- font-size: var(--pf-v6-c-number-input__icon--FontSize);
18282
- }
18283
-
18284
18299
  :where(:root, .pf-v6-c-tree-view) {
18285
18300
  --pf-v6-c-tree-view__node--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth));
18286
18301
  --pf-v6-c-tree-view__node--nested-indent--base: calc(var(--pf-v6-c-tree-view__node--indent--base) - var(--pf-t--global--spacer--md));
@@ -19256,143 +19271,89 @@ label.pf-v6-c-tree-view__node-text {
19256
19271
  }
19257
19272
 
19258
19273
  .pf-v6-c-wizard__main {
19259
- z-index: var(--pf-v6-c-wizard__main--ZIndex);
19260
- display: flex;
19261
- flex-direction: column;
19262
- flex-grow: 1;
19263
- overflow-x: hidden;
19264
- overflow-y: auto;
19265
- word-break: break-word;
19266
- }
19267
-
19268
- .pf-v6-c-wizard__main-body {
19269
- padding-block-start: var(--pf-v6-c-wizard__main-body--PaddingBlockStart);
19270
- padding-block-end: var(--pf-v6-c-wizard__main-body--PaddingBlockEnd);
19271
- padding-inline-start: var(--pf-v6-c-wizard__main-body--PaddingInlineStart);
19272
- padding-inline-end: var(--pf-v6-c-wizard__main-body--PaddingInlineEnd);
19273
- }
19274
-
19275
- .pf-v6-c-wizard__main-body.pf-m-no-padding {
19276
- padding: 0;
19277
- }
19278
-
19279
- .pf-v6-c-wizard__main-body:last-child {
19280
- flex-grow: 1;
19281
- }
19282
-
19283
- .pf-v6-c-wizard__footer {
19284
- position: relative;
19285
- z-index: var(--pf-v6-c-wizard__footer--ZIndex);
19286
- padding-block-start: var(--pf-v6-c-wizard__footer--PaddingBlockStart);
19287
- padding-block-end: var(--pf-v6-c-wizard__footer--PaddingBlockEnd);
19288
- padding-inline-start: var(--pf-v6-c-wizard__footer--PaddingInlineStart);
19289
- padding-inline-end: var(--pf-v6-c-wizard__footer--PaddingInlineEnd);
19290
- background-color: var(--pf-v6-c-wizard__footer--BackgroundColor);
19291
- border-block-start: var(--pf-v6-c-wizard__footer--BorderBlockStartWidth) solid var(--pf-v6-c-wizard__footer--BorderBlockStartColor);
19292
- }
19293
-
19294
- :where(:root, .pf-v6-c-panel) {
19295
- --pf-v6-c-panel--Width: auto;
19296
- --pf-v6-c-panel--MinWidth: auto;
19297
- --pf-v6-c-panel--MaxWidth: none;
19298
- --pf-v6-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19299
- --pf-v6-c-panel--BoxShadow: none;
19300
- --pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--small);
19301
- --pf-v6-c-panel--before--BorderWidth: 0;
19302
- --pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--default);
19303
- --pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
19304
- --pf-v6-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--box--default);
19305
- --pf-v6-c-panel--m-raised--BoxShadow: var(--pf-t--global--box-shadow--md);
19306
- --pf-v6-c-panel--m-raised--BackgroundColor: var(--pf-t--global--background--color--floating--default);
19307
- --pf-v6-c-panel__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
19308
- --pf-v6-c-panel__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19309
- --pf-v6-c-panel__header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
19310
- --pf-v6-c-panel__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19311
- --pf-v6-c-panel__main--MaxHeight: none;
19312
- --pf-v6-c-panel__main--Overflow: visible;
19313
- --pf-v6-c-panel__main-body--PaddingBlockStart: var(--pf-t--global--spacer--md);
19314
- --pf-v6-c-panel__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19315
- --pf-v6-c-panel__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--md);
19316
- --pf-v6-c-panel__main-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19317
- --pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-t--global--spacer--sm);
19318
- --pf-v6-c-panel__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19319
- --pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
19320
- --pf-v6-c-panel__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19321
- --pf-v6-c-panel__footer--BoxShadow: none;
19322
- --pf-v6-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
19323
- --pf-v6-c-panel--m-scrollable__main--Overflow: auto;
19324
- --pf-v6-c-panel--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
19325
- --pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart: var(--pf-t--global--spacer--md);
19326
- --pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
19274
+ z-index: var(--pf-v6-c-wizard__main--ZIndex);
19275
+ display: flex;
19276
+ flex-direction: column;
19277
+ flex-grow: 1;
19278
+ overflow-x: hidden;
19279
+ overflow-y: auto;
19280
+ word-break: break-word;
19327
19281
  }
19328
19282
 
19329
- .pf-v6-c-panel {
19330
- position: relative;
19331
- width: var(--pf-v6-c-panel--Width);
19332
- min-width: var(--pf-v6-c-panel--MinWidth);
19333
- max-width: var(--pf-v6-c-panel--MaxWidth);
19334
- background-color: var(--pf-v6-c-panel--BackgroundColor);
19335
- border-radius: var(--pf-v6-c-panel--BorderRadius);
19336
- box-shadow: var(--pf-v6-c-panel--BoxShadow);
19283
+ .pf-v6-c-wizard__main-body {
19284
+ padding-block-start: var(--pf-v6-c-wizard__main-body--PaddingBlockStart);
19285
+ padding-block-end: var(--pf-v6-c-wizard__main-body--PaddingBlockEnd);
19286
+ padding-inline-start: var(--pf-v6-c-wizard__main-body--PaddingInlineStart);
19287
+ padding-inline-end: var(--pf-v6-c-wizard__main-body--PaddingInlineEnd);
19337
19288
  }
19338
19289
 
19339
- .pf-v6-c-panel::before {
19340
- position: absolute;
19341
- inset: 0;
19342
- pointer-events: none;
19343
- content: "";
19344
- border: var(--pf-v6-c-panel--before--BorderWidth) solid var(--pf-v6-c-panel--before--BorderColor);
19345
- border-radius: var(--pf-v6-c-panel--BorderRadius);
19290
+ .pf-v6-c-wizard__main-body.pf-m-no-padding {
19291
+ padding: 0;
19346
19292
  }
19347
19293
 
19348
- .pf-v6-c-panel.pf-m-bordered {
19349
- --pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-bordered--before--BorderWidth);
19294
+ .pf-v6-c-wizard__main-body:last-child {
19295
+ flex-grow: 1;
19350
19296
  }
19351
19297
 
19352
- .pf-v6-c-panel.pf-m-secondary {
19353
- --pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-secondary--BackgroundColor);
19298
+ .pf-v6-c-wizard__footer {
19299
+ position: relative;
19300
+ z-index: var(--pf-v6-c-wizard__footer--ZIndex);
19301
+ padding-block-start: var(--pf-v6-c-wizard__footer--PaddingBlockStart);
19302
+ padding-block-end: var(--pf-v6-c-wizard__footer--PaddingBlockEnd);
19303
+ padding-inline-start: var(--pf-v6-c-wizard__footer--PaddingInlineStart);
19304
+ padding-inline-end: var(--pf-v6-c-wizard__footer--PaddingInlineEnd);
19305
+ background-color: var(--pf-v6-c-wizard__footer--BackgroundColor);
19306
+ border-block-start: var(--pf-v6-c-wizard__footer--BorderBlockStartWidth) solid var(--pf-v6-c-wizard__footer--BorderBlockStartColor);
19354
19307
  }
19355
19308
 
19356
- .pf-v6-c-panel.pf-m-raised {
19357
- --pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-raised--BackgroundColor);
19358
- --pf-v6-c-panel--BoxShadow: var(--pf-v6-c-panel--m-raised--BoxShadow);
19309
+ :where(:root, .pf-v6-c-truncate) {
19310
+ --pf-v6-c-truncate--MinWidth: 6ch;
19311
+ --pf-v6-c-truncate__start--MinWidth: 6ch;
19359
19312
  }
19360
19313
 
19361
- .pf-v6-c-panel.pf-m-scrollable {
19362
- --pf-v6-c-panel__main--MaxHeight: var(--pf-v6-c-panel--m-scrollable__main--MaxHeight);
19363
- --pf-v6-c-panel__main--Overflow: var(--pf-v6-c-panel--m-scrollable__main--Overflow);
19364
- --pf-v6-c-panel__footer--BoxShadow: var(--pf-v6-c-panel--m-scrollable__footer--BoxShadow);
19365
- --pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart);
19366
- --pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd);
19314
+ .pf-v6-c-truncate {
19315
+ display: inline-grid;
19316
+ grid-auto-flow: column;
19317
+ align-items: baseline;
19318
+ min-width: var(--pf-v6-c-truncate--MinWidth);
19367
19319
  }
19368
19320
 
19369
- .pf-v6-c-panel__header {
19370
- padding-block-start: var(--pf-v6-c-panel__header--PaddingBlockStart);
19371
- padding-block-end: var(--pf-v6-c-panel__header--PaddingBlockEnd);
19372
- padding-inline-start: var(--pf-v6-c-panel__header--PaddingInlineStart);
19373
- padding-inline-end: var(--pf-v6-c-panel__header--PaddingInlineEnd);
19321
+ .pf-v6-c-truncate__start,
19322
+ .pf-v6-c-truncate__end {
19323
+ overflow: hidden;
19324
+ text-overflow: ellipsis;
19325
+ white-space: pre;
19374
19326
  }
19375
19327
 
19376
- .pf-v6-c-panel__main {
19377
- max-height: var(--pf-v6-c-panel__main--MaxHeight);
19378
- overflow: var(--pf-v6-c-panel__main--Overflow);
19328
+ .pf-v6-c-truncate__start {
19329
+ min-width: var(--pf-v6-c-truncate__start--MinWidth);
19379
19330
  }
19380
19331
 
19381
- .pf-v6-c-panel__main-body {
19382
- padding-block-start: var(--pf-v6-c-panel__main-body--PaddingBlockStart);
19383
- padding-block-end: var(--pf-v6-c-panel__main-body--PaddingBlockEnd);
19384
- padding-inline-start: var(--pf-v6-c-panel__main-body--PaddingInlineStart);
19385
- padding-inline-end: var(--pf-v6-c-panel__main-body--PaddingInlineEnd);
19332
+ .pf-v6-c-truncate__end {
19333
+ direction: rtl;
19386
19334
  }
19387
19335
 
19388
- .pf-v6-c-panel__footer {
19389
- padding-block-start: var(--pf-v6-c-panel__footer--PaddingBlockStart);
19390
- padding-block-end: var(--pf-v6-c-panel__footer--PaddingBlockEnd);
19391
- padding-inline-start: var(--pf-v6-c-panel__footer--PaddingInlineStart);
19392
- padding-inline-end: var(--pf-v6-c-panel__footer--PaddingInlineEnd);
19393
- box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
19336
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__end {
19337
+ direction: ltr;
19338
+ }
19339
+
19340
+ .pf-v6-c-truncate__start + .pf-v6-c-truncate__end {
19341
+ overflow: visible;
19342
+ direction: ltr;
19394
19343
  }
19395
19344
 
19345
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__start + .pf-v6-c-truncate__end {
19346
+ direction: rtl;
19347
+ }
19348
+
19349
+ @supports (-webkit-hyphens: none) {
19350
+ .pf-v6-c-truncate__end {
19351
+ direction: ltr;
19352
+ }
19353
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__end {
19354
+ direction: rtl;
19355
+ }
19356
+ }
19396
19357
  :where(:root, .pf-v6-c-alert-group) {
19397
19358
  --pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
19398
19359
  --pf-v6-c-alert-group--m-toast--InsetBlockStart: var(--pf-t--global--spacer--2xl);
@@ -19515,54 +19476,108 @@ label.pf-v6-c-tree-view__node-text {
19515
19476
  --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
19516
19477
  }
19517
19478
 
19518
- :where(:root, .pf-v6-c-truncate) {
19519
- --pf-v6-c-truncate--MinWidth: 6ch;
19520
- --pf-v6-c-truncate__start--MinWidth: 6ch;
19479
+ :where(:root, .pf-v6-c-panel) {
19480
+ --pf-v6-c-panel--Width: auto;
19481
+ --pf-v6-c-panel--MinWidth: auto;
19482
+ --pf-v6-c-panel--MaxWidth: none;
19483
+ --pf-v6-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19484
+ --pf-v6-c-panel--BoxShadow: none;
19485
+ --pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--small);
19486
+ --pf-v6-c-panel--before--BorderWidth: 0;
19487
+ --pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--default);
19488
+ --pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
19489
+ --pf-v6-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--box--default);
19490
+ --pf-v6-c-panel--m-raised--BoxShadow: var(--pf-t--global--box-shadow--md);
19491
+ --pf-v6-c-panel--m-raised--BackgroundColor: var(--pf-t--global--background--color--floating--default);
19492
+ --pf-v6-c-panel__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
19493
+ --pf-v6-c-panel__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19494
+ --pf-v6-c-panel__header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
19495
+ --pf-v6-c-panel__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19496
+ --pf-v6-c-panel__main--MaxHeight: none;
19497
+ --pf-v6-c-panel__main--Overflow: visible;
19498
+ --pf-v6-c-panel__main-body--PaddingBlockStart: var(--pf-t--global--spacer--md);
19499
+ --pf-v6-c-panel__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19500
+ --pf-v6-c-panel__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--md);
19501
+ --pf-v6-c-panel__main-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19502
+ --pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-t--global--spacer--sm);
19503
+ --pf-v6-c-panel__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19504
+ --pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
19505
+ --pf-v6-c-panel__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19506
+ --pf-v6-c-panel__footer--BoxShadow: none;
19507
+ --pf-v6-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
19508
+ --pf-v6-c-panel--m-scrollable__main--Overflow: auto;
19509
+ --pf-v6-c-panel--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
19510
+ --pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart: var(--pf-t--global--spacer--md);
19511
+ --pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
19521
19512
  }
19522
19513
 
19523
- .pf-v6-c-truncate {
19524
- display: inline-grid;
19525
- grid-auto-flow: column;
19526
- align-items: baseline;
19527
- min-width: var(--pf-v6-c-truncate--MinWidth);
19514
+ .pf-v6-c-panel {
19515
+ position: relative;
19516
+ width: var(--pf-v6-c-panel--Width);
19517
+ min-width: var(--pf-v6-c-panel--MinWidth);
19518
+ max-width: var(--pf-v6-c-panel--MaxWidth);
19519
+ background-color: var(--pf-v6-c-panel--BackgroundColor);
19520
+ border-radius: var(--pf-v6-c-panel--BorderRadius);
19521
+ box-shadow: var(--pf-v6-c-panel--BoxShadow);
19528
19522
  }
19529
19523
 
19530
- .pf-v6-c-truncate__start,
19531
- .pf-v6-c-truncate__end {
19532
- overflow: hidden;
19533
- text-overflow: ellipsis;
19534
- white-space: pre;
19524
+ .pf-v6-c-panel::before {
19525
+ position: absolute;
19526
+ inset: 0;
19527
+ pointer-events: none;
19528
+ content: "";
19529
+ border: var(--pf-v6-c-panel--before--BorderWidth) solid var(--pf-v6-c-panel--before--BorderColor);
19530
+ border-radius: var(--pf-v6-c-panel--BorderRadius);
19535
19531
  }
19536
19532
 
19537
- .pf-v6-c-truncate__start {
19538
- min-width: var(--pf-v6-c-truncate__start--MinWidth);
19533
+ .pf-v6-c-panel.pf-m-bordered {
19534
+ --pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-bordered--before--BorderWidth);
19539
19535
  }
19540
19536
 
19541
- .pf-v6-c-truncate__end {
19542
- direction: rtl;
19537
+ .pf-v6-c-panel.pf-m-secondary {
19538
+ --pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-secondary--BackgroundColor);
19543
19539
  }
19544
19540
 
19545
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__end {
19546
- direction: ltr;
19541
+ .pf-v6-c-panel.pf-m-raised {
19542
+ --pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-raised--BackgroundColor);
19543
+ --pf-v6-c-panel--BoxShadow: var(--pf-v6-c-panel--m-raised--BoxShadow);
19547
19544
  }
19548
19545
 
19549
- .pf-v6-c-truncate__start + .pf-v6-c-truncate__end {
19550
- overflow: visible;
19551
- direction: ltr;
19546
+ .pf-v6-c-panel.pf-m-scrollable {
19547
+ --pf-v6-c-panel__main--MaxHeight: var(--pf-v6-c-panel--m-scrollable__main--MaxHeight);
19548
+ --pf-v6-c-panel__main--Overflow: var(--pf-v6-c-panel--m-scrollable__main--Overflow);
19549
+ --pf-v6-c-panel__footer--BoxShadow: var(--pf-v6-c-panel--m-scrollable__footer--BoxShadow);
19550
+ --pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart);
19551
+ --pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd);
19552
19552
  }
19553
19553
 
19554
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__start + .pf-v6-c-truncate__end {
19555
- direction: rtl;
19554
+ .pf-v6-c-panel__header {
19555
+ padding-block-start: var(--pf-v6-c-panel__header--PaddingBlockStart);
19556
+ padding-block-end: var(--pf-v6-c-panel__header--PaddingBlockEnd);
19557
+ padding-inline-start: var(--pf-v6-c-panel__header--PaddingInlineStart);
19558
+ padding-inline-end: var(--pf-v6-c-panel__header--PaddingInlineEnd);
19556
19559
  }
19557
19560
 
19558
- @supports (-webkit-hyphens: none) {
19559
- .pf-v6-c-truncate__end {
19560
- direction: ltr;
19561
- }
19562
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__end {
19563
- direction: rtl;
19564
- }
19561
+ .pf-v6-c-panel__main {
19562
+ max-height: var(--pf-v6-c-panel__main--MaxHeight);
19563
+ overflow: var(--pf-v6-c-panel__main--Overflow);
19565
19564
  }
19565
+
19566
+ .pf-v6-c-panel__main-body {
19567
+ padding-block-start: var(--pf-v6-c-panel__main-body--PaddingBlockStart);
19568
+ padding-block-end: var(--pf-v6-c-panel__main-body--PaddingBlockEnd);
19569
+ padding-inline-start: var(--pf-v6-c-panel__main-body--PaddingInlineStart);
19570
+ padding-inline-end: var(--pf-v6-c-panel__main-body--PaddingInlineEnd);
19571
+ }
19572
+
19573
+ .pf-v6-c-panel__footer {
19574
+ padding-block-start: var(--pf-v6-c-panel__footer--PaddingBlockStart);
19575
+ padding-block-end: var(--pf-v6-c-panel__footer--PaddingBlockEnd);
19576
+ padding-inline-start: var(--pf-v6-c-panel__footer--PaddingInlineStart);
19577
+ padding-inline-end: var(--pf-v6-c-panel__footer--PaddingInlineEnd);
19578
+ box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
19579
+ }
19580
+
19566
19581
  :where(:root, .pf-v6-l-bullseye) {
19567
19582
  --pf-v6-l-bullseye--Padding: 0;
19568
19583
  }
@@ -23341,42 +23356,42 @@ label.pf-v6-c-tree-view__node-text {
23341
23356
  grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
23342
23357
  }
23343
23358
 
23344
- :where(:root, .pf-v6-l-split) {
23359
+ :where(:root, .pf-v6-l-stack) {
23345
23360
  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
23346
23361
  }
23347
23362
 
23348
- .pf-v6-l-split {
23363
+ .pf-v6-l-stack {
23349
23364
  display: flex;
23350
- padding: 0;
23351
- margin: 0;
23352
- }
23353
-
23354
- .pf-v6-l-split.pf-m-wrap {
23355
- flex-wrap: wrap;
23365
+ flex-direction: column;
23366
+ height: 100%;
23356
23367
  }
23357
23368
 
23358
- .pf-v6-l-split__item.pf-m-fill {
23369
+ .pf-v6-l-stack__item.pf-m-fill {
23359
23370
  flex-grow: 1;
23360
23371
  }
23361
23372
 
23362
- .pf-v6-l-split.pf-m-gutter {
23373
+ .pf-v6-l-stack.pf-m-gutter {
23363
23374
  gap: var(--pf-v6-l-stack--m-gutter--Gap);
23364
23375
  }
23365
23376
 
23366
- :where(:root, .pf-v6-l-stack) {
23377
+ :where(:root, .pf-v6-l-split) {
23367
23378
  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
23368
23379
  }
23369
23380
 
23370
- .pf-v6-l-stack {
23381
+ .pf-v6-l-split {
23371
23382
  display: flex;
23372
- flex-direction: column;
23373
- height: 100%;
23383
+ padding: 0;
23384
+ margin: 0;
23374
23385
  }
23375
23386
 
23376
- .pf-v6-l-stack__item.pf-m-fill {
23387
+ .pf-v6-l-split.pf-m-wrap {
23388
+ flex-wrap: wrap;
23389
+ }
23390
+
23391
+ .pf-v6-l-split__item.pf-m-fill {
23377
23392
  flex-grow: 1;
23378
23393
  }
23379
23394
 
23380
- .pf-v6-l-stack.pf-m-gutter {
23395
+ .pf-v6-l-split.pf-m-gutter {
23381
23396
  gap: var(--pf-v6-l-stack--m-gutter--Gap);
23382
23397
  }