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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (138) 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/Content/Content.d.ts +2 -0
  115. package/dist/esm/components/Content/Content.d.ts.map +1 -1
  116. package/dist/esm/components/Content/Content.js +2 -2
  117. package/dist/esm/components/Content/Content.js.map +1 -1
  118. package/dist/esm/components/Slider/Slider.d.ts.map +1 -1
  119. package/dist/esm/components/Slider/Slider.js +1 -1
  120. package/dist/esm/components/Slider/Slider.js.map +1 -1
  121. package/dist/js/components/Content/Content.d.ts +2 -0
  122. package/dist/js/components/Content/Content.d.ts.map +1 -1
  123. package/dist/js/components/Content/Content.js +2 -2
  124. package/dist/js/components/Content/Content.js.map +1 -1
  125. package/dist/js/components/Slider/Slider.d.ts.map +1 -1
  126. package/dist/js/components/Slider/Slider.js +1 -1
  127. package/dist/js/components/Slider/Slider.js.map +1 -1
  128. package/dist/umd/assets/{output-Dl8Gkih9.css → output-DFGG_Rgw.css} +1813 -1813
  129. package/dist/umd/react-core.min.js +1 -1
  130. package/helpers/package.json +1 -1
  131. package/layouts/package.json +1 -1
  132. package/next/package.json +1 -1
  133. package/package.json +2 -2
  134. package/src/components/Content/Content.tsx +4 -0
  135. package/src/components/Content/__tests__/Content.test.tsx +24 -0
  136. package/src/components/Content/examples/Content.md +8 -0
  137. package/src/components/Content/examples/ContentEditorial.tsx +24 -0
  138. package/src/components/Slider/Slider.tsx +6 -1
@@ -167,6 +167,39 @@
167
167
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-v6-c-accordion__expandable-content-body--expandable-content-body--PaddingBlockStart);
168
168
  }
169
169
 
170
+ :root,
171
+ .pf-v6-c-action-list {
172
+ --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
173
+ --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
174
+ --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
175
+ --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
176
+ }
177
+
178
+ .pf-v6-c-action-list,
179
+ .pf-v6-c-action-list__group {
180
+ display: flex;
181
+ align-items: start;
182
+ }
183
+
184
+ .pf-v6-c-action-list {
185
+ row-gap: var(--pf-v6-c-action-list--RowGap);
186
+ column-gap: var(--pf-v6-c-action-list--ColumnGap);
187
+ }
188
+
189
+ .pf-v6-c-action-list.pf-m-icons {
190
+ --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
191
+ column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
192
+ }
193
+
194
+ .pf-v6-c-action-list__group {
195
+ row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
196
+ column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
197
+ }
198
+
199
+ .pf-v6-c-action-list__group.pf-m-icons {
200
+ column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
201
+ }
202
+
170
203
  :root,
171
204
  .pf-v6-c-alert {
172
205
  --pf-v6-c-alert--BoxShadow: var(--pf-t--global--box-shadow--lg);
@@ -381,39 +414,6 @@
381
414
  margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
382
415
  }
383
416
 
384
- :root,
385
- .pf-v6-c-action-list {
386
- --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
387
- --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
388
- --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
389
- --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
390
- }
391
-
392
- .pf-v6-c-action-list,
393
- .pf-v6-c-action-list__group {
394
- display: flex;
395
- align-items: start;
396
- }
397
-
398
- .pf-v6-c-action-list {
399
- row-gap: var(--pf-v6-c-action-list--RowGap);
400
- column-gap: var(--pf-v6-c-action-list--ColumnGap);
401
- }
402
-
403
- .pf-v6-c-action-list.pf-m-icons {
404
- --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
405
- column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
406
- }
407
-
408
- .pf-v6-c-action-list__group {
409
- row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
410
- column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
411
- }
412
-
413
- .pf-v6-c-action-list__group.pf-m-icons {
414
- column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
415
- }
416
-
417
417
  :root,
418
418
  .pf-v6-c-avatar {
419
419
  --pf-v6-c-avatar--BorderColor: transparent;
@@ -665,6 +665,27 @@
665
665
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-2xl, var(--pf-v6-c-avatar--m-xl--Height-on-xl, var(--pf-v6-c-avatar--m-xl--Height-on-lg, var(--pf-v6-c-avatar--m-xl--Height-on-md, var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height))))));
666
666
  }
667
667
  }
668
+ :root,
669
+ .pf-v6-c-backdrop {
670
+ --pf-v6-c-backdrop--Position: fixed;
671
+ --pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
672
+ --pf-v6-c-backdrop--BackgroundColor: var(--pf-t--global--background--color--backdrop--default);
673
+ }
674
+
675
+ .pf-v6-c-backdrop {
676
+ position: var(--pf-v6-c-backdrop--Position);
677
+ inset-block-start: 0;
678
+ inset-inline-start: 0;
679
+ z-index: var(--pf-v6-c-backdrop--ZIndex);
680
+ width: 100%;
681
+ height: 100%;
682
+ background-color: var(--pf-v6-c-backdrop--BackgroundColor);
683
+ }
684
+
685
+ .pf-v6-c-backdrop__open {
686
+ overflow: hidden;
687
+ }
688
+
668
689
  :root,
669
690
  .pf-v6-c-back-to-top {
670
691
  --pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
@@ -733,24 +754,77 @@
733
754
  }
734
755
 
735
756
  :root,
736
- .pf-v6-c-backdrop {
737
- --pf-v6-c-backdrop--Position: fixed;
738
- --pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
739
- --pf-v6-c-backdrop--BackgroundColor: var(--pf-t--global--background--color--backdrop--default);
757
+ .pf-v6-c-badge {
758
+ --pf-v6-c-badge--BorderColor: transparent;
759
+ --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
760
+ --pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
761
+ --pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
762
+ --pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
763
+ --pf-v6-c-badge--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
764
+ --pf-v6-c-badge--PaddingInlineStart: var(--pf-t--global--spacer--sm);
765
+ --pf-v6-c-badge--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
766
+ --pf-v6-c-badge--MinWidth: var(--pf-t--global--spacer--xl);
767
+ --pf-v6-c-badge__toggle-icon--MarginInlineStart: var(--pf-t--global--spacer--xs);
768
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
769
+ --pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
770
+ --pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
771
+ --pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
772
+ --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
773
+ --pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
774
+ --pf-v6-c-badge--m-unread__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
775
+ --pf-v6-c-badge--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
776
+ --pf-v6-c-badge--m-disabled--BorderColor: var(--pf-t--global--border--color--disabled);
777
+ --pf-v6-c-badge--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
740
778
  }
741
779
 
742
- .pf-v6-c-backdrop {
743
- position: var(--pf-v6-c-backdrop--Position);
744
- inset-block-start: 0;
745
- inset-inline-start: 0;
746
- z-index: var(--pf-v6-c-backdrop--ZIndex);
747
- width: 100%;
748
- height: 100%;
749
- background-color: var(--pf-v6-c-backdrop--BackgroundColor);
780
+ .pf-v6-c-badge {
781
+ position: relative;
782
+ display: inline-block;
783
+ min-width: var(--pf-v6-c-badge--MinWidth);
784
+ padding-inline-start: var(--pf-v6-c-badge--PaddingInlineStart);
785
+ padding-inline-end: var(--pf-v6-c-badge--PaddingInlineEnd);
786
+ font-size: var(--pf-v6-c-badge--FontSize);
787
+ font-weight: var(--pf-v6-c-badge--FontWeight);
788
+ color: var(--pf-v6-c-badge--Color);
789
+ text-align: center;
790
+ white-space: nowrap;
791
+ background-color: var(--pf-v6-c-badge--BackgroundColor);
792
+ border-radius: var(--pf-v6-c-badge--BorderRadius);
750
793
  }
751
794
 
752
- .pf-v6-c-backdrop__open {
753
- overflow: hidden;
795
+ .pf-v6-c-badge::after {
796
+ position: absolute;
797
+ inset: 0;
798
+ pointer-events: none;
799
+ content: "";
800
+ border: var(--pf-v6-c-badge--BorderWidth) solid var(--pf-v6-c-badge--BorderColor);
801
+ border-radius: inherit;
802
+ }
803
+
804
+ .pf-v6-c-badge.pf-m-read {
805
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
806
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
807
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
808
+ }
809
+
810
+ .pf-v6-c-badge.pf-m-unread {
811
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-unread--Color);
812
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-unread--BackgroundColor);
813
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-unread__toggle-icon--Color);
814
+ }
815
+
816
+ .pf-v6-c-badge.pf-m-disabled {
817
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-disabled--Color);
818
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-disabled--BackgroundColor);
819
+ }
820
+
821
+ .pf-v6-c-badge.pf-m-disabled::after {
822
+ border-color: var(--pf-v6-c-badge--m-disabled--BorderColor);
823
+ }
824
+
825
+ .pf-v6-c-badge__toggle-icon {
826
+ margin-inline-start: var(--pf-v6-c-badge__toggle-icon--MarginInlineStart);
827
+ color: var(--pf-v6-c-badge__toggle-icon--Color);
754
828
  }
755
829
 
756
830
  :root,
@@ -914,80 +988,6 @@
914
988
  cursor: not-allowed;
915
989
  }
916
990
 
917
- :root,
918
- .pf-v6-c-badge {
919
- --pf-v6-c-badge--BorderColor: transparent;
920
- --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
921
- --pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
922
- --pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
923
- --pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
924
- --pf-v6-c-badge--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
925
- --pf-v6-c-badge--PaddingInlineStart: var(--pf-t--global--spacer--sm);
926
- --pf-v6-c-badge--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
927
- --pf-v6-c-badge--MinWidth: var(--pf-t--global--spacer--xl);
928
- --pf-v6-c-badge__toggle-icon--MarginInlineStart: var(--pf-t--global--spacer--xs);
929
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
930
- --pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
931
- --pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
932
- --pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
933
- --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
934
- --pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
935
- --pf-v6-c-badge--m-unread__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
936
- --pf-v6-c-badge--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
937
- --pf-v6-c-badge--m-disabled--BorderColor: var(--pf-t--global--border--color--disabled);
938
- --pf-v6-c-badge--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
939
- }
940
-
941
- .pf-v6-c-badge {
942
- position: relative;
943
- display: inline-block;
944
- min-width: var(--pf-v6-c-badge--MinWidth);
945
- padding-inline-start: var(--pf-v6-c-badge--PaddingInlineStart);
946
- padding-inline-end: var(--pf-v6-c-badge--PaddingInlineEnd);
947
- font-size: var(--pf-v6-c-badge--FontSize);
948
- font-weight: var(--pf-v6-c-badge--FontWeight);
949
- color: var(--pf-v6-c-badge--Color);
950
- text-align: center;
951
- white-space: nowrap;
952
- background-color: var(--pf-v6-c-badge--BackgroundColor);
953
- border-radius: var(--pf-v6-c-badge--BorderRadius);
954
- }
955
-
956
- .pf-v6-c-badge::after {
957
- position: absolute;
958
- inset: 0;
959
- pointer-events: none;
960
- content: "";
961
- border: var(--pf-v6-c-badge--BorderWidth) solid var(--pf-v6-c-badge--BorderColor);
962
- border-radius: inherit;
963
- }
964
-
965
- .pf-v6-c-badge.pf-m-read {
966
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
967
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
968
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
969
- }
970
-
971
- .pf-v6-c-badge.pf-m-unread {
972
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-unread--Color);
973
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-unread--BackgroundColor);
974
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-unread__toggle-icon--Color);
975
- }
976
-
977
- .pf-v6-c-badge.pf-m-disabled {
978
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-disabled--Color);
979
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-disabled--BackgroundColor);
980
- }
981
-
982
- .pf-v6-c-badge.pf-m-disabled::after {
983
- border-color: var(--pf-v6-c-badge--m-disabled--BorderColor);
984
- }
985
-
986
- .pf-v6-c-badge__toggle-icon {
987
- margin-inline-start: var(--pf-v6-c-badge__toggle-icon--MarginInlineStart);
988
- color: var(--pf-v6-c-badge__toggle-icon--Color);
989
- }
990
-
991
991
  :root,
992
992
  .pf-v6-c-brand {
993
993
  --pf-v6-c-brand--Width: auto;
@@ -2383,20 +2383,103 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2383
2383
  }
2384
2384
 
2385
2385
  :root,
2386
- .pf-v6-c-clipboard-copy {
2387
- --pf-v6-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
2388
- --pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
2389
- --pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart: var(--pf-t--global--spacer--xs);
2390
- --pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
2391
- --pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
2392
- --pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
2393
- --pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
2394
- --pf-v6-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
2395
- --pf-v6-c-clipboard-copy__expandable-content--BorderBlockStartWidth: var(--pf-t--global--border--width--control--default);
2396
- --pf-v6-c-clipboard-copy__expandable-content--BorderInlineEndWidth: var(--pf-t--global--border--width--control--default);
2397
- --pf-v6-c-clipboard-copy__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--control--default);
2398
- --pf-v6-c-clipboard-copy__expandable-content--BorderInlineStartWidth: var(--pf-t--global--border--width--control--default);
2399
- --pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-t--global--border--color--default);
2386
+ .pf-v6-c-check {
2387
+ --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
2388
+ --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
2389
+ --pf-v6-c-check--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
2390
+ --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
2391
+ --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
2392
+ --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
2393
+ --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
2394
+ --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
2395
+ --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
2396
+ --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
2397
+ --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
2398
+ --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
2399
+ --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
2400
+ --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
2401
+ }
2402
+
2403
+ .pf-v6-c-check {
2404
+ display: grid;
2405
+ grid-template-columns: auto 1fr;
2406
+ grid-gap: var(--pf-v6-c-check--GridGap);
2407
+ accent-color: var(--pf-v6-c-check--AccentColor);
2408
+ }
2409
+
2410
+ .pf-v6-c-check.pf-m-standalone {
2411
+ display: inline-grid;
2412
+ grid-template-columns: auto;
2413
+ min-height: var(--pf-v6-c-check--MinHeight);
2414
+ }
2415
+
2416
+ .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
2417
+ align-self: center;
2418
+ transform: none;
2419
+ }
2420
+
2421
+ .pf-v6-c-check__input {
2422
+ align-self: start;
2423
+ font-size: var(--pf-v6-c-check__label--FontSize);
2424
+ line-height: var(--pf-v6-c-check__label--LineHeight);
2425
+ transform: translateY(var(--pf-v6-c-check__input--TranslateY));
2426
+ }
2427
+
2428
+ .pf-v6-c-check__label {
2429
+ font-size: var(--pf-v6-c-check__label--FontSize);
2430
+ font-weight: var(--pf-v6-c-check__label--FontWeight);
2431
+ line-height: var(--pf-v6-c-check__label--LineHeight);
2432
+ color: var(--pf-v6-c-check__label--Color);
2433
+ }
2434
+
2435
+ .pf-v6-c-check__description {
2436
+ grid-column: 2;
2437
+ font-size: var(--pf-v6-c-check__description--FontSize);
2438
+ color: var(--pf-v6-c-check__description--Color);
2439
+ }
2440
+
2441
+ .pf-v6-c-check__body {
2442
+ grid-column: 2;
2443
+ }
2444
+
2445
+ .pf-v6-c-check__label,
2446
+ .pf-v6-c-check__input {
2447
+ justify-self: start;
2448
+ }
2449
+
2450
+ label.pf-v6-c-check, .pf-v6-c-check__label,
2451
+ .pf-v6-c-check__input {
2452
+ cursor: pointer;
2453
+ }
2454
+
2455
+ .pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
2456
+ .pf-v6-c-check__input:disabled,
2457
+ .pf-v6-c-check__input.pf-m-disabled {
2458
+ --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
2459
+ cursor: not-allowed;
2460
+ }
2461
+
2462
+ .pf-v6-c-check__label-required {
2463
+ margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
2464
+ font-size: var(--pf-v6-c-check__label-required--FontSize);
2465
+ color: var(--pf-v6-c-check__label-required--Color);
2466
+ }
2467
+
2468
+ :root,
2469
+ .pf-v6-c-clipboard-copy {
2470
+ --pf-v6-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
2471
+ --pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
2472
+ --pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart: var(--pf-t--global--spacer--xs);
2473
+ --pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
2474
+ --pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
2475
+ --pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
2476
+ --pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
2477
+ --pf-v6-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
2478
+ --pf-v6-c-clipboard-copy__expandable-content--BorderBlockStartWidth: var(--pf-t--global--border--width--control--default);
2479
+ --pf-v6-c-clipboard-copy__expandable-content--BorderInlineEndWidth: var(--pf-t--global--border--width--control--default);
2480
+ --pf-v6-c-clipboard-copy__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--control--default);
2481
+ --pf-v6-c-clipboard-copy__expandable-content--BorderInlineStartWidth: var(--pf-t--global--border--width--control--default);
2482
+ --pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-t--global--border--color--default);
2400
2483
  --pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
2401
2484
  --pf-v6-c-clipboard-copy__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
2402
2485
  --pf-v6-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
@@ -2483,89 +2566,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2483
2566
  --pf-v6-c-button--m-plain--hover__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
2484
2567
  }
2485
2568
 
2486
- :root,
2487
- .pf-v6-c-check {
2488
- --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
2489
- --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
2490
- --pf-v6-c-check--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
2491
- --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
2492
- --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
2493
- --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
2494
- --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
2495
- --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
2496
- --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
2497
- --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
2498
- --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
2499
- --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
2500
- --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
2501
- --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
2502
- }
2503
-
2504
- .pf-v6-c-check {
2505
- display: grid;
2506
- grid-template-columns: auto 1fr;
2507
- grid-gap: var(--pf-v6-c-check--GridGap);
2508
- accent-color: var(--pf-v6-c-check--AccentColor);
2509
- }
2510
-
2511
- .pf-v6-c-check.pf-m-standalone {
2512
- display: inline-grid;
2513
- grid-template-columns: auto;
2514
- min-height: var(--pf-v6-c-check--MinHeight);
2515
- }
2516
-
2517
- .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
2518
- align-self: center;
2519
- transform: none;
2520
- }
2521
-
2522
- .pf-v6-c-check__input {
2523
- align-self: start;
2524
- font-size: var(--pf-v6-c-check__label--FontSize);
2525
- line-height: var(--pf-v6-c-check__label--LineHeight);
2526
- transform: translateY(var(--pf-v6-c-check__input--TranslateY));
2527
- }
2528
-
2529
- .pf-v6-c-check__label {
2530
- font-size: var(--pf-v6-c-check__label--FontSize);
2531
- font-weight: var(--pf-v6-c-check__label--FontWeight);
2532
- line-height: var(--pf-v6-c-check__label--LineHeight);
2533
- color: var(--pf-v6-c-check__label--Color);
2534
- }
2535
-
2536
- .pf-v6-c-check__description {
2537
- grid-column: 2;
2538
- font-size: var(--pf-v6-c-check__description--FontSize);
2539
- color: var(--pf-v6-c-check__description--Color);
2540
- }
2541
-
2542
- .pf-v6-c-check__body {
2543
- grid-column: 2;
2544
- }
2545
-
2546
- .pf-v6-c-check__label,
2547
- .pf-v6-c-check__input {
2548
- justify-self: start;
2549
- }
2550
-
2551
- label.pf-v6-c-check, .pf-v6-c-check__label,
2552
- .pf-v6-c-check__input {
2553
- cursor: pointer;
2554
- }
2555
-
2556
- .pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
2557
- .pf-v6-c-check__input:disabled,
2558
- .pf-v6-c-check__input.pf-m-disabled {
2559
- --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
2560
- cursor: not-allowed;
2561
- }
2562
-
2563
- .pf-v6-c-check__label-required {
2564
- margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
2565
- font-size: var(--pf-v6-c-check__label-required--FontSize);
2566
- color: var(--pf-v6-c-check__label-required--Color);
2567
- }
2568
-
2569
2569
  :root,
2570
2570
  .pf-v6-c-code-block {
2571
2571
  --pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
@@ -3819,374 +3819,57 @@ ul) {
3819
3819
  }
3820
3820
 
3821
3821
  :root,
3822
- .pf-v6-c-divider {
3823
- --pf-v6-c-divider--Display: flex;
3824
- --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
3825
- --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
3826
- --pf-v6-c-divider--before--FlexBasis: 100%;
3827
- }
3828
-
3829
- .pf-v6-c-divider {
3830
- flex-direction: row;
3831
- width: 100%;
3832
- height: var(--pf-v6-c-divider--Size);
3833
- --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
3834
- --pf-v6-hidden-visible--hidden--Display: none;
3835
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
3836
- display: var(--pf-v6-hidden-visible--Display);
3837
- flex-shrink: 0;
3838
- align-items: stretch;
3839
- align-self: stretch;
3840
- justify-content: center;
3841
- border: 0;
3842
- }
3843
-
3844
- .pf-v6-c-divider.pf-m-hidden {
3845
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
3822
+ .pf-v6-c-description-list {
3823
+ --pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
3824
+ --pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
3825
+ --pf-v6-c-description-list--GridTemplateColumns--count: 1;
3826
+ --pf-v6-c-description-list--GridTemplateColumns--width: 1fr;
3827
+ --pf-v6-c-description-list--GridTemplateColumns--min: 0;
3828
+ --pf-v6-c-description-list__group--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
3829
+ --pf-v6-c-description-list__group--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
3830
+ --pf-v6-c-description-list__group--GridTemplateColumns: auto;
3831
+ --pf-v6-c-description-list__group--GridTemplateRows: auto 1fr;
3832
+ --pf-v6-c-description-list__group--GridColumn: auto;
3833
+ --pf-v6-c-description-list--m-compact--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--compact);
3834
+ --pf-v6-c-description-list--m-compact--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--compact);
3835
+ --pf-v6-c-description-list__term--Display: inline;
3836
+ --pf-v6-c-description-list__term--sm--Display: flex;
3837
+ --pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
3838
+ --pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--sm);
3839
+ --pf-v6-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
3840
+ --pf-v6-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
3841
+ --pf-v6-c-description-list__term-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
3842
+ --pf-v6-c-description-list__term-icon--Color: var(--pf-t--global--icon--color--subtle);
3843
+ --pf-v6-c-description-list--m-vertical__group--GridTemplateColumns: repeat(var(--pf-v6-c-description-list--GridTemplateColumns--count));
3844
+ --pf-v6-c-description-list--m-vertical__group--GridTemplateRows: auto 1fr;
3845
+ --pf-v6-c-description-list--m-horizontal__term--width: 12ch;
3846
+ --pf-v6-c-description-list--m-horizontal__description--width: minmax(10ch, auto);
3847
+ --pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns: var(--pf-v6-c-description-list__term--width) var(--pf-v6-c-description-list--m-horizontal__description--width);
3848
+ --pf-v6-c-description-list--m-horizontal__group--GridTemplateRows: auto;
3849
+ --pf-v6-c-description-list--m-1-col--GridTemplateColumns--count: 1;
3850
+ --pf-v6-c-description-list--m-2-col--GridTemplateColumns--count: 2;
3851
+ --pf-v6-c-description-list--m-3-col--GridTemplateColumns--count: 3;
3852
+ --pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min: 15.625rem;
3853
+ --pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min);
3854
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
3855
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
3856
+ --pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset: 0.25rem;
3857
+ --pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
3858
+ --pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
3859
+ --pf-v6-c-description-list--m-display-lg__description--FontSize: var(--pf-t--global--font--size--body--lg);
3860
+ --pf-v6-c-description-list--m-display-2xl__description--FontSize: var(--pf-t--global--font--size--heading--lg);
3861
+ --pf-v6-c-description-list--m-horizontal__term--width-on-sm: inherit;
3862
+ --pf-v6-c-description-list--m-horizontal__term--width-on-md: inherit;
3863
+ --pf-v6-c-description-list--m-horizontal__term--width-on-lg: inherit;
3864
+ --pf-v6-c-description-list--m-horizontal__term--width-on-xl: inherit;
3865
+ --pf-v6-c-description-list--m-horizontal__term--width-on-2xl: inherit;
3866
+ --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
3846
3867
  }
3847
3868
 
3848
3869
  @media screen and (min-width: 36rem) {
3849
- .pf-v6-c-divider.pf-m-hidden-on-sm {
3850
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
3851
- }
3852
- .pf-v6-c-divider.pf-m-visible-on-sm {
3853
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
3854
- }
3855
- }
3856
- @media screen and (min-width: 48rem) {
3857
- .pf-v6-c-divider.pf-m-hidden-on-md {
3858
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
3859
- }
3860
- .pf-v6-c-divider.pf-m-visible-on-md {
3861
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
3862
- }
3863
- }
3864
- @media screen and (min-width: 62rem) {
3865
- .pf-v6-c-divider.pf-m-hidden-on-lg {
3866
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
3867
- }
3868
- .pf-v6-c-divider.pf-m-visible-on-lg {
3869
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
3870
- }
3871
- }
3872
- @media screen and (min-width: 75rem) {
3873
- .pf-v6-c-divider.pf-m-hidden-on-xl {
3874
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
3875
- }
3876
- .pf-v6-c-divider.pf-m-visible-on-xl {
3877
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
3878
- }
3879
- }
3880
- @media screen and (min-width: 90.625rem) {
3881
- .pf-v6-c-divider.pf-m-hidden-on-2xl {
3882
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
3883
- }
3884
- .pf-v6-c-divider.pf-m-visible-on-2xl {
3885
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
3886
- }
3887
- }
3888
- .pf-v6-c-divider::before {
3889
- flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
3890
- content: "";
3891
- background-color: var(--pf-v6-c-divider--Color);
3892
- }
3893
-
3894
- .pf-v6-c-divider.pf-m-horizontal {
3895
- flex-direction: row;
3896
- width: 100%;
3897
- height: var(--pf-v6-c-divider--Size);
3898
- }
3899
-
3900
- .pf-v6-c-divider.pf-m-vertical {
3901
- flex-direction: column;
3902
- width: var(--pf-v6-c-divider--Size);
3903
- height: inherit;
3904
- }
3905
-
3906
- .pf-v6-c-divider.pf-m-inset-none {
3907
- --pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
3908
- }
3909
-
3910
- .pf-v6-c-divider.pf-m-inset-xs {
3911
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
3912
- }
3913
-
3914
- .pf-v6-c-divider.pf-m-inset-sm {
3915
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
3916
- }
3917
-
3918
- .pf-v6-c-divider.pf-m-inset-md {
3919
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
3920
- }
3921
-
3922
- .pf-v6-c-divider.pf-m-inset-lg {
3923
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
3924
- }
3925
-
3926
- .pf-v6-c-divider.pf-m-inset-xl {
3927
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
3928
- }
3929
-
3930
- .pf-v6-c-divider.pf-m-inset-2xl {
3931
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
3932
- }
3933
-
3934
- .pf-v6-c-divider.pf-m-inset-3xl {
3935
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
3936
- }
3937
-
3938
- @media (min-width: 36rem) {
3939
- .pf-v6-c-divider.pf-m-horizontal-on-sm {
3940
- flex-direction: row;
3941
- width: 100%;
3942
- height: var(--pf-v6-c-divider--Size);
3943
- }
3944
- }
3945
- @media (min-width: 36rem) {
3946
- .pf-v6-c-divider.pf-m-vertical-on-sm {
3947
- flex-direction: column;
3948
- width: var(--pf-v6-c-divider--Size);
3949
- height: inherit;
3950
- }
3951
- }
3952
- @media (min-width: 36rem) {
3953
- .pf-v6-c-divider.pf-m-inset-none-on-sm {
3954
- --pf-v6-c-divider--before--FlexBasis: 100%;
3955
- }
3956
- .pf-v6-c-divider.pf-m-inset-xs-on-sm {
3957
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
3958
- }
3959
- .pf-v6-c-divider.pf-m-inset-sm-on-sm {
3960
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
3961
- }
3962
- .pf-v6-c-divider.pf-m-inset-md-on-sm {
3963
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
3964
- }
3965
- .pf-v6-c-divider.pf-m-inset-lg-on-sm {
3966
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
3967
- }
3968
- .pf-v6-c-divider.pf-m-inset-xl-on-sm {
3969
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
3970
- }
3971
- .pf-v6-c-divider.pf-m-inset-2xl-on-sm {
3972
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
3973
- }
3974
- .pf-v6-c-divider.pf-m-inset-3xl-on-sm {
3975
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
3976
- }
3977
- }
3978
- @media (min-width: 48rem) {
3979
- .pf-v6-c-divider.pf-m-horizontal-on-md {
3980
- flex-direction: row;
3981
- width: 100%;
3982
- height: var(--pf-v6-c-divider--Size);
3983
- }
3984
- }
3985
- @media (min-width: 48rem) {
3986
- .pf-v6-c-divider.pf-m-vertical-on-md {
3987
- flex-direction: column;
3988
- width: var(--pf-v6-c-divider--Size);
3989
- height: inherit;
3990
- }
3991
- }
3992
- @media (min-width: 48rem) {
3993
- .pf-v6-c-divider.pf-m-inset-none-on-md {
3994
- --pf-v6-c-divider--before--FlexBasis: 100%;
3995
- }
3996
- .pf-v6-c-divider.pf-m-inset-xs-on-md {
3997
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
3998
- }
3999
- .pf-v6-c-divider.pf-m-inset-sm-on-md {
4000
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4001
- }
4002
- .pf-v6-c-divider.pf-m-inset-md-on-md {
4003
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4004
- }
4005
- .pf-v6-c-divider.pf-m-inset-lg-on-md {
4006
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4007
- }
4008
- .pf-v6-c-divider.pf-m-inset-xl-on-md {
4009
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4010
- }
4011
- .pf-v6-c-divider.pf-m-inset-2xl-on-md {
4012
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4013
- }
4014
- .pf-v6-c-divider.pf-m-inset-3xl-on-md {
4015
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4016
- }
4017
- }
4018
- @media (min-width: 62rem) {
4019
- .pf-v6-c-divider.pf-m-horizontal-on-lg {
4020
- flex-direction: row;
4021
- width: 100%;
4022
- height: var(--pf-v6-c-divider--Size);
4023
- }
4024
- }
4025
- @media (min-width: 62rem) {
4026
- .pf-v6-c-divider.pf-m-vertical-on-lg {
4027
- flex-direction: column;
4028
- width: var(--pf-v6-c-divider--Size);
4029
- height: inherit;
4030
- }
4031
- }
4032
- @media (min-width: 62rem) {
4033
- .pf-v6-c-divider.pf-m-inset-none-on-lg {
4034
- --pf-v6-c-divider--before--FlexBasis: 100%;
4035
- }
4036
- .pf-v6-c-divider.pf-m-inset-xs-on-lg {
4037
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4038
- }
4039
- .pf-v6-c-divider.pf-m-inset-sm-on-lg {
4040
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4041
- }
4042
- .pf-v6-c-divider.pf-m-inset-md-on-lg {
4043
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4044
- }
4045
- .pf-v6-c-divider.pf-m-inset-lg-on-lg {
4046
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4047
- }
4048
- .pf-v6-c-divider.pf-m-inset-xl-on-lg {
4049
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4050
- }
4051
- .pf-v6-c-divider.pf-m-inset-2xl-on-lg {
4052
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4053
- }
4054
- .pf-v6-c-divider.pf-m-inset-3xl-on-lg {
4055
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4056
- }
4057
- }
4058
- @media (min-width: 75rem) {
4059
- .pf-v6-c-divider.pf-m-horizontal-on-xl {
4060
- flex-direction: row;
4061
- width: 100%;
4062
- height: var(--pf-v6-c-divider--Size);
4063
- }
4064
- }
4065
- @media (min-width: 75rem) {
4066
- .pf-v6-c-divider.pf-m-vertical-on-xl {
4067
- flex-direction: column;
4068
- width: var(--pf-v6-c-divider--Size);
4069
- height: inherit;
4070
- }
4071
- }
4072
- @media (min-width: 75rem) {
4073
- .pf-v6-c-divider.pf-m-inset-none-on-xl {
4074
- --pf-v6-c-divider--before--FlexBasis: 100%;
4075
- }
4076
- .pf-v6-c-divider.pf-m-inset-xs-on-xl {
4077
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4078
- }
4079
- .pf-v6-c-divider.pf-m-inset-sm-on-xl {
4080
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4081
- }
4082
- .pf-v6-c-divider.pf-m-inset-md-on-xl {
4083
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4084
- }
4085
- .pf-v6-c-divider.pf-m-inset-lg-on-xl {
4086
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4087
- }
4088
- .pf-v6-c-divider.pf-m-inset-xl-on-xl {
4089
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4090
- }
4091
- .pf-v6-c-divider.pf-m-inset-2xl-on-xl {
4092
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4093
- }
4094
- .pf-v6-c-divider.pf-m-inset-3xl-on-xl {
4095
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4096
- }
4097
- }
4098
- @media (min-width: 90.625rem) {
4099
- .pf-v6-c-divider.pf-m-horizontal-on-2xl {
4100
- flex-direction: row;
4101
- width: 100%;
4102
- height: var(--pf-v6-c-divider--Size);
4103
- }
4104
- }
4105
- @media (min-width: 90.625rem) {
4106
- .pf-v6-c-divider.pf-m-vertical-on-2xl {
4107
- flex-direction: column;
4108
- width: var(--pf-v6-c-divider--Size);
4109
- height: inherit;
4110
- }
4111
- }
4112
- @media (min-width: 90.625rem) {
4113
- .pf-v6-c-divider.pf-m-inset-none-on-2xl {
4114
- --pf-v6-c-divider--before--FlexBasis: 100%;
4115
- }
4116
- .pf-v6-c-divider.pf-m-inset-xs-on-2xl {
4117
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4118
- }
4119
- .pf-v6-c-divider.pf-m-inset-sm-on-2xl {
4120
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4121
- }
4122
- .pf-v6-c-divider.pf-m-inset-md-on-2xl {
4123
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4124
- }
4125
- .pf-v6-c-divider.pf-m-inset-lg-on-2xl {
4126
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4127
- }
4128
- .pf-v6-c-divider.pf-m-inset-xl-on-2xl {
4129
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4130
- }
4131
- .pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
4132
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4133
- }
4134
- .pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
4135
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4136
- }
4137
- }
4138
- :root,
4139
- .pf-v6-c-description-list {
4140
- --pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
4141
- --pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
4142
- --pf-v6-c-description-list--GridTemplateColumns--count: 1;
4143
- --pf-v6-c-description-list--GridTemplateColumns--width: 1fr;
4144
- --pf-v6-c-description-list--GridTemplateColumns--min: 0;
4145
- --pf-v6-c-description-list__group--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
4146
- --pf-v6-c-description-list__group--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
4147
- --pf-v6-c-description-list__group--GridTemplateColumns: auto;
4148
- --pf-v6-c-description-list__group--GridTemplateRows: auto 1fr;
4149
- --pf-v6-c-description-list__group--GridColumn: auto;
4150
- --pf-v6-c-description-list--m-compact--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--compact);
4151
- --pf-v6-c-description-list--m-compact--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--compact);
4152
- --pf-v6-c-description-list__term--Display: inline;
4153
- --pf-v6-c-description-list__term--sm--Display: flex;
4154
- --pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
4155
- --pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--sm);
4156
- --pf-v6-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
4157
- --pf-v6-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
4158
- --pf-v6-c-description-list__term-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
4159
- --pf-v6-c-description-list__term-icon--Color: var(--pf-t--global--icon--color--subtle);
4160
- --pf-v6-c-description-list--m-vertical__group--GridTemplateColumns: repeat(var(--pf-v6-c-description-list--GridTemplateColumns--count));
4161
- --pf-v6-c-description-list--m-vertical__group--GridTemplateRows: auto 1fr;
4162
- --pf-v6-c-description-list--m-horizontal__term--width: 12ch;
4163
- --pf-v6-c-description-list--m-horizontal__description--width: minmax(10ch, auto);
4164
- --pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns: var(--pf-v6-c-description-list__term--width) var(--pf-v6-c-description-list--m-horizontal__description--width);
4165
- --pf-v6-c-description-list--m-horizontal__group--GridTemplateRows: auto;
4166
- --pf-v6-c-description-list--m-1-col--GridTemplateColumns--count: 1;
4167
- --pf-v6-c-description-list--m-2-col--GridTemplateColumns--count: 2;
4168
- --pf-v6-c-description-list--m-3-col--GridTemplateColumns--count: 3;
4169
- --pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min: 15.625rem;
4170
- --pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min);
4171
- --pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
4172
- --pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
4173
- --pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset: 0.25rem;
4174
- --pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
4175
- --pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
4176
- --pf-v6-c-description-list--m-display-lg__description--FontSize: var(--pf-t--global--font--size--body--lg);
4177
- --pf-v6-c-description-list--m-display-2xl__description--FontSize: var(--pf-t--global--font--size--heading--lg);
4178
- --pf-v6-c-description-list--m-horizontal__term--width-on-sm: inherit;
4179
- --pf-v6-c-description-list--m-horizontal__term--width-on-md: inherit;
4180
- --pf-v6-c-description-list--m-horizontal__term--width-on-lg: inherit;
4181
- --pf-v6-c-description-list--m-horizontal__term--width-on-xl: inherit;
4182
- --pf-v6-c-description-list--m-horizontal__term--width-on-2xl: inherit;
4183
- --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
4184
- }
4185
-
4186
- @media screen and (min-width: 36rem) {
4187
- :root,
4188
- .pf-v6-c-description-list {
4189
- --pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
3870
+ :root,
3871
+ .pf-v6-c-description-list {
3872
+ --pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
4190
3873
  }
4191
3874
  }
4192
3875
  @media (min-width: 36rem) {
@@ -4351,132 +4034,449 @@ ul) {
4351
4034
  min-width: 0;
4352
4035
  }
4353
4036
 
4354
- .pf-v6-c-description-list__text.pf-m-help-text {
4355
- text-decoration: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine) var(--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle);
4356
- text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset);
4357
- cursor: pointer;
4037
+ .pf-v6-c-description-list__text.pf-m-help-text {
4038
+ text-decoration: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine) var(--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle);
4039
+ text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset);
4040
+ cursor: pointer;
4041
+ }
4042
+
4043
+ .pf-v6-c-description-list__text.pf-m-help-text:is(:hover, :focus) {
4044
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine);
4045
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle);
4046
+ }
4047
+
4048
+ .pf-v6-c-description-list.pf-m-1-col {
4049
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
4050
+ }
4051
+
4052
+ .pf-v6-c-description-list.pf-m-2-col {
4053
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
4054
+ }
4055
+
4056
+ .pf-v6-c-description-list.pf-m-3-col {
4057
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
4058
+ }
4059
+
4060
+ .pf-v6-c-description-list.pf-m-horizontal {
4061
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
4062
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
4063
+ }
4064
+
4065
+ .pf-v6-c-description-list.pf-m-vertical {
4066
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
4067
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
4068
+ }
4069
+
4070
+ @media (min-width: 36rem) {
4071
+ .pf-v6-c-description-list.pf-m-1-col-on-sm {
4072
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
4073
+ }
4074
+ .pf-v6-c-description-list.pf-m-2-col-on-sm {
4075
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
4076
+ }
4077
+ .pf-v6-c-description-list.pf-m-3-col-on-sm {
4078
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
4079
+ }
4080
+ .pf-v6-c-description-list.pf-m-horizontal-on-sm {
4081
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
4082
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
4083
+ }
4084
+ .pf-v6-c-description-list.pf-m-vertical-on-sm {
4085
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
4086
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
4087
+ }
4088
+ }
4089
+ @media (min-width: 48rem) {
4090
+ .pf-v6-c-description-list.pf-m-1-col-on-md {
4091
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
4092
+ }
4093
+ .pf-v6-c-description-list.pf-m-2-col-on-md {
4094
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
4095
+ }
4096
+ .pf-v6-c-description-list.pf-m-3-col-on-md {
4097
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
4098
+ }
4099
+ .pf-v6-c-description-list.pf-m-horizontal-on-md {
4100
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
4101
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
4102
+ }
4103
+ .pf-v6-c-description-list.pf-m-vertical-on-md {
4104
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
4105
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
4106
+ }
4107
+ }
4108
+ @media (min-width: 62rem) {
4109
+ .pf-v6-c-description-list.pf-m-1-col-on-lg {
4110
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
4111
+ }
4112
+ .pf-v6-c-description-list.pf-m-2-col-on-lg {
4113
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
4114
+ }
4115
+ .pf-v6-c-description-list.pf-m-3-col-on-lg {
4116
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
4117
+ }
4118
+ .pf-v6-c-description-list.pf-m-horizontal-on-lg {
4119
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
4120
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
4121
+ }
4122
+ .pf-v6-c-description-list.pf-m-vertical-on-lg {
4123
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
4124
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
4125
+ }
4126
+ }
4127
+ @media (min-width: 75rem) {
4128
+ .pf-v6-c-description-list.pf-m-1-col-on-xl {
4129
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
4130
+ }
4131
+ .pf-v6-c-description-list.pf-m-2-col-on-xl {
4132
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
4133
+ }
4134
+ .pf-v6-c-description-list.pf-m-3-col-on-xl {
4135
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
4136
+ }
4137
+ .pf-v6-c-description-list.pf-m-horizontal-on-xl {
4138
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
4139
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
4140
+ }
4141
+ .pf-v6-c-description-list.pf-m-vertical-on-xl {
4142
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
4143
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
4144
+ }
4145
+ }
4146
+ @media (min-width: 90.625rem) {
4147
+ .pf-v6-c-description-list.pf-m-1-col-on-2xl {
4148
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
4149
+ }
4150
+ .pf-v6-c-description-list.pf-m-2-col-on-2xl {
4151
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
4152
+ }
4153
+ .pf-v6-c-description-list.pf-m-3-col-on-2xl {
4154
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
4155
+ }
4156
+ .pf-v6-c-description-list.pf-m-horizontal-on-2xl {
4157
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
4158
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
4159
+ }
4160
+ .pf-v6-c-description-list.pf-m-vertical-on-2xl {
4161
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
4162
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
4163
+ }
4164
+ }
4165
+ :root,
4166
+ .pf-v6-c-divider {
4167
+ --pf-v6-c-divider--Display: flex;
4168
+ --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
4169
+ --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
4170
+ --pf-v6-c-divider--before--FlexBasis: 100%;
4171
+ }
4172
+
4173
+ .pf-v6-c-divider {
4174
+ flex-direction: row;
4175
+ width: 100%;
4176
+ height: var(--pf-v6-c-divider--Size);
4177
+ --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
4178
+ --pf-v6-hidden-visible--hidden--Display: none;
4179
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4180
+ display: var(--pf-v6-hidden-visible--Display);
4181
+ flex-shrink: 0;
4182
+ align-items: stretch;
4183
+ align-self: stretch;
4184
+ justify-content: center;
4185
+ border: 0;
4186
+ }
4187
+
4188
+ .pf-v6-c-divider.pf-m-hidden {
4189
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4190
+ }
4191
+
4192
+ @media screen and (min-width: 36rem) {
4193
+ .pf-v6-c-divider.pf-m-hidden-on-sm {
4194
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4195
+ }
4196
+ .pf-v6-c-divider.pf-m-visible-on-sm {
4197
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4198
+ }
4199
+ }
4200
+ @media screen and (min-width: 48rem) {
4201
+ .pf-v6-c-divider.pf-m-hidden-on-md {
4202
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4203
+ }
4204
+ .pf-v6-c-divider.pf-m-visible-on-md {
4205
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4206
+ }
4207
+ }
4208
+ @media screen and (min-width: 62rem) {
4209
+ .pf-v6-c-divider.pf-m-hidden-on-lg {
4210
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4211
+ }
4212
+ .pf-v6-c-divider.pf-m-visible-on-lg {
4213
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4214
+ }
4215
+ }
4216
+ @media screen and (min-width: 75rem) {
4217
+ .pf-v6-c-divider.pf-m-hidden-on-xl {
4218
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4219
+ }
4220
+ .pf-v6-c-divider.pf-m-visible-on-xl {
4221
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4222
+ }
4223
+ }
4224
+ @media screen and (min-width: 90.625rem) {
4225
+ .pf-v6-c-divider.pf-m-hidden-on-2xl {
4226
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4227
+ }
4228
+ .pf-v6-c-divider.pf-m-visible-on-2xl {
4229
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4230
+ }
4231
+ }
4232
+ .pf-v6-c-divider::before {
4233
+ flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
4234
+ content: "";
4235
+ background-color: var(--pf-v6-c-divider--Color);
4236
+ }
4237
+
4238
+ .pf-v6-c-divider.pf-m-horizontal {
4239
+ flex-direction: row;
4240
+ width: 100%;
4241
+ height: var(--pf-v6-c-divider--Size);
4242
+ }
4243
+
4244
+ .pf-v6-c-divider.pf-m-vertical {
4245
+ flex-direction: column;
4246
+ width: var(--pf-v6-c-divider--Size);
4247
+ height: inherit;
4248
+ }
4249
+
4250
+ .pf-v6-c-divider.pf-m-inset-none {
4251
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
4252
+ }
4253
+
4254
+ .pf-v6-c-divider.pf-m-inset-xs {
4255
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4358
4256
  }
4359
4257
 
4360
- .pf-v6-c-description-list__text.pf-m-help-text:is(:hover, :focus) {
4361
- --pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine);
4362
- --pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle);
4258
+ .pf-v6-c-divider.pf-m-inset-sm {
4259
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4363
4260
  }
4364
4261
 
4365
- .pf-v6-c-description-list.pf-m-1-col {
4366
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
4262
+ .pf-v6-c-divider.pf-m-inset-md {
4263
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4367
4264
  }
4368
4265
 
4369
- .pf-v6-c-description-list.pf-m-2-col {
4370
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
4266
+ .pf-v6-c-divider.pf-m-inset-lg {
4267
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4371
4268
  }
4372
4269
 
4373
- .pf-v6-c-description-list.pf-m-3-col {
4374
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
4270
+ .pf-v6-c-divider.pf-m-inset-xl {
4271
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4375
4272
  }
4376
4273
 
4377
- .pf-v6-c-description-list.pf-m-horizontal {
4378
- --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
4379
- --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
4274
+ .pf-v6-c-divider.pf-m-inset-2xl {
4275
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4380
4276
  }
4381
4277
 
4382
- .pf-v6-c-description-list.pf-m-vertical {
4383
- --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
4384
- --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
4278
+ .pf-v6-c-divider.pf-m-inset-3xl {
4279
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4385
4280
  }
4386
4281
 
4387
4282
  @media (min-width: 36rem) {
4388
- .pf-v6-c-description-list.pf-m-1-col-on-sm {
4389
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
4283
+ .pf-v6-c-divider.pf-m-horizontal-on-sm {
4284
+ flex-direction: row;
4285
+ width: 100%;
4286
+ height: var(--pf-v6-c-divider--Size);
4390
4287
  }
4391
- .pf-v6-c-description-list.pf-m-2-col-on-sm {
4392
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
4288
+ }
4289
+ @media (min-width: 36rem) {
4290
+ .pf-v6-c-divider.pf-m-vertical-on-sm {
4291
+ flex-direction: column;
4292
+ width: var(--pf-v6-c-divider--Size);
4293
+ height: inherit;
4393
4294
  }
4394
- .pf-v6-c-description-list.pf-m-3-col-on-sm {
4395
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
4295
+ }
4296
+ @media (min-width: 36rem) {
4297
+ .pf-v6-c-divider.pf-m-inset-none-on-sm {
4298
+ --pf-v6-c-divider--before--FlexBasis: 100%;
4396
4299
  }
4397
- .pf-v6-c-description-list.pf-m-horizontal-on-sm {
4398
- --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
4399
- --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
4300
+ .pf-v6-c-divider.pf-m-inset-xs-on-sm {
4301
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4400
4302
  }
4401
- .pf-v6-c-description-list.pf-m-vertical-on-sm {
4402
- --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
4403
- --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
4303
+ .pf-v6-c-divider.pf-m-inset-sm-on-sm {
4304
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4305
+ }
4306
+ .pf-v6-c-divider.pf-m-inset-md-on-sm {
4307
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4308
+ }
4309
+ .pf-v6-c-divider.pf-m-inset-lg-on-sm {
4310
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4311
+ }
4312
+ .pf-v6-c-divider.pf-m-inset-xl-on-sm {
4313
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4314
+ }
4315
+ .pf-v6-c-divider.pf-m-inset-2xl-on-sm {
4316
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4317
+ }
4318
+ .pf-v6-c-divider.pf-m-inset-3xl-on-sm {
4319
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4404
4320
  }
4405
4321
  }
4406
4322
  @media (min-width: 48rem) {
4407
- .pf-v6-c-description-list.pf-m-1-col-on-md {
4408
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
4323
+ .pf-v6-c-divider.pf-m-horizontal-on-md {
4324
+ flex-direction: row;
4325
+ width: 100%;
4326
+ height: var(--pf-v6-c-divider--Size);
4409
4327
  }
4410
- .pf-v6-c-description-list.pf-m-2-col-on-md {
4411
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
4328
+ }
4329
+ @media (min-width: 48rem) {
4330
+ .pf-v6-c-divider.pf-m-vertical-on-md {
4331
+ flex-direction: column;
4332
+ width: var(--pf-v6-c-divider--Size);
4333
+ height: inherit;
4412
4334
  }
4413
- .pf-v6-c-description-list.pf-m-3-col-on-md {
4414
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
4335
+ }
4336
+ @media (min-width: 48rem) {
4337
+ .pf-v6-c-divider.pf-m-inset-none-on-md {
4338
+ --pf-v6-c-divider--before--FlexBasis: 100%;
4415
4339
  }
4416
- .pf-v6-c-description-list.pf-m-horizontal-on-md {
4417
- --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
4418
- --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
4340
+ .pf-v6-c-divider.pf-m-inset-xs-on-md {
4341
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4419
4342
  }
4420
- .pf-v6-c-description-list.pf-m-vertical-on-md {
4421
- --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
4422
- --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
4343
+ .pf-v6-c-divider.pf-m-inset-sm-on-md {
4344
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4345
+ }
4346
+ .pf-v6-c-divider.pf-m-inset-md-on-md {
4347
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4348
+ }
4349
+ .pf-v6-c-divider.pf-m-inset-lg-on-md {
4350
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4351
+ }
4352
+ .pf-v6-c-divider.pf-m-inset-xl-on-md {
4353
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4354
+ }
4355
+ .pf-v6-c-divider.pf-m-inset-2xl-on-md {
4356
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4357
+ }
4358
+ .pf-v6-c-divider.pf-m-inset-3xl-on-md {
4359
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4423
4360
  }
4424
4361
  }
4425
4362
  @media (min-width: 62rem) {
4426
- .pf-v6-c-description-list.pf-m-1-col-on-lg {
4427
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
4363
+ .pf-v6-c-divider.pf-m-horizontal-on-lg {
4364
+ flex-direction: row;
4365
+ width: 100%;
4366
+ height: var(--pf-v6-c-divider--Size);
4428
4367
  }
4429
- .pf-v6-c-description-list.pf-m-2-col-on-lg {
4430
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
4368
+ }
4369
+ @media (min-width: 62rem) {
4370
+ .pf-v6-c-divider.pf-m-vertical-on-lg {
4371
+ flex-direction: column;
4372
+ width: var(--pf-v6-c-divider--Size);
4373
+ height: inherit;
4431
4374
  }
4432
- .pf-v6-c-description-list.pf-m-3-col-on-lg {
4433
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
4375
+ }
4376
+ @media (min-width: 62rem) {
4377
+ .pf-v6-c-divider.pf-m-inset-none-on-lg {
4378
+ --pf-v6-c-divider--before--FlexBasis: 100%;
4434
4379
  }
4435
- .pf-v6-c-description-list.pf-m-horizontal-on-lg {
4436
- --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
4437
- --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
4380
+ .pf-v6-c-divider.pf-m-inset-xs-on-lg {
4381
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4438
4382
  }
4439
- .pf-v6-c-description-list.pf-m-vertical-on-lg {
4440
- --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
4441
- --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
4383
+ .pf-v6-c-divider.pf-m-inset-sm-on-lg {
4384
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4385
+ }
4386
+ .pf-v6-c-divider.pf-m-inset-md-on-lg {
4387
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4388
+ }
4389
+ .pf-v6-c-divider.pf-m-inset-lg-on-lg {
4390
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4391
+ }
4392
+ .pf-v6-c-divider.pf-m-inset-xl-on-lg {
4393
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4394
+ }
4395
+ .pf-v6-c-divider.pf-m-inset-2xl-on-lg {
4396
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4397
+ }
4398
+ .pf-v6-c-divider.pf-m-inset-3xl-on-lg {
4399
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4442
4400
  }
4443
4401
  }
4444
4402
  @media (min-width: 75rem) {
4445
- .pf-v6-c-description-list.pf-m-1-col-on-xl {
4446
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
4403
+ .pf-v6-c-divider.pf-m-horizontal-on-xl {
4404
+ flex-direction: row;
4405
+ width: 100%;
4406
+ height: var(--pf-v6-c-divider--Size);
4447
4407
  }
4448
- .pf-v6-c-description-list.pf-m-2-col-on-xl {
4449
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
4408
+ }
4409
+ @media (min-width: 75rem) {
4410
+ .pf-v6-c-divider.pf-m-vertical-on-xl {
4411
+ flex-direction: column;
4412
+ width: var(--pf-v6-c-divider--Size);
4413
+ height: inherit;
4450
4414
  }
4451
- .pf-v6-c-description-list.pf-m-3-col-on-xl {
4452
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
4415
+ }
4416
+ @media (min-width: 75rem) {
4417
+ .pf-v6-c-divider.pf-m-inset-none-on-xl {
4418
+ --pf-v6-c-divider--before--FlexBasis: 100%;
4453
4419
  }
4454
- .pf-v6-c-description-list.pf-m-horizontal-on-xl {
4455
- --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
4456
- --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
4420
+ .pf-v6-c-divider.pf-m-inset-xs-on-xl {
4421
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4457
4422
  }
4458
- .pf-v6-c-description-list.pf-m-vertical-on-xl {
4459
- --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
4460
- --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
4423
+ .pf-v6-c-divider.pf-m-inset-sm-on-xl {
4424
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4425
+ }
4426
+ .pf-v6-c-divider.pf-m-inset-md-on-xl {
4427
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4428
+ }
4429
+ .pf-v6-c-divider.pf-m-inset-lg-on-xl {
4430
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4431
+ }
4432
+ .pf-v6-c-divider.pf-m-inset-xl-on-xl {
4433
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4434
+ }
4435
+ .pf-v6-c-divider.pf-m-inset-2xl-on-xl {
4436
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4437
+ }
4438
+ .pf-v6-c-divider.pf-m-inset-3xl-on-xl {
4439
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4461
4440
  }
4462
4441
  }
4463
4442
  @media (min-width: 90.625rem) {
4464
- .pf-v6-c-description-list.pf-m-1-col-on-2xl {
4465
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
4443
+ .pf-v6-c-divider.pf-m-horizontal-on-2xl {
4444
+ flex-direction: row;
4445
+ width: 100%;
4446
+ height: var(--pf-v6-c-divider--Size);
4466
4447
  }
4467
- .pf-v6-c-description-list.pf-m-2-col-on-2xl {
4468
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
4448
+ }
4449
+ @media (min-width: 90.625rem) {
4450
+ .pf-v6-c-divider.pf-m-vertical-on-2xl {
4451
+ flex-direction: column;
4452
+ width: var(--pf-v6-c-divider--Size);
4453
+ height: inherit;
4469
4454
  }
4470
- .pf-v6-c-description-list.pf-m-3-col-on-2xl {
4471
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
4455
+ }
4456
+ @media (min-width: 90.625rem) {
4457
+ .pf-v6-c-divider.pf-m-inset-none-on-2xl {
4458
+ --pf-v6-c-divider--before--FlexBasis: 100%;
4472
4459
  }
4473
- .pf-v6-c-description-list.pf-m-horizontal-on-2xl {
4474
- --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
4475
- --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
4460
+ .pf-v6-c-divider.pf-m-inset-xs-on-2xl {
4461
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4476
4462
  }
4477
- .pf-v6-c-description-list.pf-m-vertical-on-2xl {
4478
- --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
4479
- --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
4463
+ .pf-v6-c-divider.pf-m-inset-sm-on-2xl {
4464
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4465
+ }
4466
+ .pf-v6-c-divider.pf-m-inset-md-on-2xl {
4467
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4468
+ }
4469
+ .pf-v6-c-divider.pf-m-inset-lg-on-2xl {
4470
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4471
+ }
4472
+ .pf-v6-c-divider.pf-m-inset-xl-on-2xl {
4473
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4474
+ }
4475
+ .pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
4476
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4477
+ }
4478
+ .pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
4479
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4480
4480
  }
4481
4481
  }
4482
4482
  :root,
@@ -5233,269 +5233,119 @@ ul) {
5233
5233
  transform: translateX(100%);
5234
5234
  }
5235
5235
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5236
- transform: translateX(calc(100% * var(--pf-v6-global--inverse--multiplier)));
5237
- }
5238
- .pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5239
- margin-inline-start: 0;
5240
- transform: translateX(0);
5241
- }
5242
- .pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
5243
- display: unset;
5244
- }
5245
- .pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5246
- margin-inline-start: 0;
5247
- margin-inline-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
5248
- transform: translateX(-100%);
5249
- }
5250
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5251
- transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
5252
- }
5253
- .pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5254
- margin-inline-end: 0;
5255
- transform: translateX(0);
5256
- }
5257
- .pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
5258
- display: unset;
5259
- }
5260
- .pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5261
- margin-block-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
5262
- transform: translateY(100%);
5263
- }
5264
- .pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-bottom.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5265
- margin-block-end: 0;
5266
- transform: translateY(0);
5267
- }
5268
- .pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5269
- transform: translateX(0);
5270
- }
5271
- .pf-v6-c-drawer.pf-m-static-on-xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5272
- margin-inline-end: 0;
5273
- transform: translateX(0);
5274
- }
5275
- .pf-v6-c-drawer.pf-m-static-on-xl.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5276
- transform: translateX(0);
5277
- }
5278
- .pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
5279
- display: none;
5280
- }
5281
- }
5282
- @media (min-width: 90.625rem) {
5283
- .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content,
5284
- .pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
5285
- flex-shrink: 1;
5286
- }
5287
- .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel,
5288
- .pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5289
- --pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
5290
- }
5291
- .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after,
5292
- .pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after {
5293
- background-color: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
5294
- }
5295
- .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
5296
- overflow-x: auto;
5297
- }
5298
- .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5299
- margin-inline-start: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
5300
- transform: translateX(100%);
5301
- }
5302
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5303
- transform: translateX(calc(100% * var(--pf-v6-global--inverse--multiplier)));
5304
- }
5305
- .pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5306
- margin-inline-start: 0;
5307
- transform: translateX(0);
5308
- }
5309
- .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
5310
- display: unset;
5311
- }
5312
- .pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5313
- margin-inline-start: 0;
5314
- margin-inline-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
5315
- transform: translateX(-100%);
5316
- }
5317
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5318
- transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
5319
- }
5320
- .pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5321
- margin-inline-end: 0;
5322
- transform: translateX(0);
5323
- }
5324
- .pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
5325
- display: unset;
5326
- }
5327
- .pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5328
- margin-block-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
5329
- transform: translateY(100%);
5330
- }
5331
- .pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5332
- margin-block-end: 0;
5333
- transform: translateY(0);
5334
- }
5335
- .pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5336
- transform: translateX(0);
5337
- }
5338
- .pf-v6-c-drawer.pf-m-static-on-2xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5339
- margin-inline-end: 0;
5340
- transform: translateX(0);
5341
- }
5342
- .pf-v6-c-drawer.pf-m-static-on-2xl.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5343
- transform: translateX(0);
5344
- }
5345
- .pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
5346
- display: none;
5347
- }
5348
- }
5349
- :root,
5350
- .pf-v6-c-empty-state {
5351
- --pf-v6-c-empty-state--PaddingBlockStart: var(--pf-t--global--spacer--xl);
5352
- --pf-v6-c-empty-state--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
5353
- --pf-v6-c-empty-state--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
5354
- --pf-v6-c-empty-state--PaddingInlineStart: var(--pf-t--global--spacer--xl);
5355
- --pf-v6-c-empty-state--m-xs--PaddingBlockStart: var(--pf-t--global--spacer--md);
5356
- --pf-v6-c-empty-state--m-xs--PaddingInlineEnd: var(--pf-t--global--spacer--md);
5357
- --pf-v6-c-empty-state--m-xs--PaddingBlockEnd: var(--pf-t--global--spacer--md);
5358
- --pf-v6-c-empty-state--m-xs--PaddingInlineStart: var(--pf-t--global--spacer--md);
5359
- --pf-v6-c-empty-state__content--MaxWidth: none;
5360
- --pf-v6-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
5361
- --pf-v6-c-empty-state--m-sm__content--MaxWidth: 25rem;
5362
- --pf-v6-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
5363
- --pf-v6-c-empty-state__icon--MarginBlockEnd: var(--pf-t--global--spacer--lg);
5364
- --pf-v6-c-empty-state__icon--FontSize: var(--pf-t--global--icon--size--2xl);
5365
- --pf-v6-c-empty-state__icon--Color: var(--pf-t--global--icon--color--subtle);
5366
- --pf-v6-c-empty-state--m-xs__icon--MarginBlockEnd: var(--pf-t--global--spacer--lg);
5367
- --pf-v6-c-empty-state--m-xl__icon--MarginBlockEnd: var(--pf-t--global--spacer--xl);
5368
- --pf-v6-c-empty-state--m-xl__icon--FontSize: var(--pf-t--global--icon--size--3xl);
5369
- --pf-v6-c-empty-state--m-danger__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
5370
- --pf-v6-c-empty-state--m-warning__icon--Color: var(--pf-t--global--icon--color--status--warning--default);
5371
- --pf-v6-c-empty-state--m-success__icon--Color: var(--pf-t--global--icon--color--status--success--default);
5372
- --pf-v6-c-empty-state--m-info__icon--Color: var(--pf-t--global--icon--color--status--info--default);
5373
- --pf-v6-c-empty-state--m-custom__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
5374
- --pf-v6-c-empty-state__title-text--FontFamily: var(--pf-t--global--font--family--heading);
5375
- --pf-v6-c-empty-state__title-text--FontSize: var(--pf-t--global--font--size--heading--md);
5376
- --pf-v6-c-empty-state__title-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
5377
- --pf-v6-c-empty-state__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
5378
- --pf-v6-c-empty-state--m-xs__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
5379
- --pf-v6-c-empty-state--m-xl__title-text--FontSize: var(--pf-t--global--font--size--heading--2xl);
5380
- --pf-v6-c-empty-state--m-xl__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
5381
- --pf-v6-c-empty-state__body--MarginBlockStart: var(--pf-t--global--spacer--md);
5382
- --pf-v6-c-empty-state__body--Color: var(--pf-t--global--text--color--subtle);
5383
- --pf-v6-c-empty-state--body--FontSize: var(--pf-t--global--font--size--body--lg);
5384
- --pf-v6-c-empty-state--m-xs__body--FontSize: var(--pf-t--global--font--size--body--lg);
5385
- --pf-v6-c-empty-state--m-xs__body--MarginBlockStart: var(--pf-t--global--spacer--md);
5386
- --pf-v6-c-empty-state--m-xl__body--FontSize: var(--pf-t--global--font--size--body--lg);
5387
- --pf-v6-c-empty-state--m-xl__body--MarginBlockStart: var(--pf-t--global--spacer--xl);
5388
- --pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
5389
- --pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
5390
- --pf-v6-c-empty-state--m-xs__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
5391
- --pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
5392
- --pf-v6-c-empty-state__actions--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
5393
- }
5394
-
5395
- .pf-v6-c-empty-state {
5396
- display: flex;
5397
- align-items: center;
5398
- justify-content: center;
5399
- padding-block-start: var(--pf-v6-c-empty-state--PaddingBlockStart);
5400
- padding-block-end: var(--pf-v6-c-empty-state--PaddingBlockEnd);
5401
- padding-inline-start: var(--pf-v6-c-empty-state--PaddingInlineStart);
5402
- padding-inline-end: var(--pf-v6-c-empty-state--PaddingInlineEnd);
5403
- text-align: center;
5404
- }
5405
-
5406
- .pf-v6-c-empty-state.pf-m-xs {
5407
- --pf-v6-c-empty-state--PaddingBlockStart: var(--pf-v6-c-empty-state--m-xs--PaddingBlockStart);
5408
- --pf-v6-c-empty-state--PaddingInlineEnd: var(--pf-v6-c-empty-state--m-xs--PaddingInlineEnd);
5409
- --pf-v6-c-empty-state--PaddingBlockEnd: var(--pf-v6-c-empty-state--m-xs--PaddingBlockEnd);
5410
- --pf-v6-c-empty-state--PaddingInlineStart: var(--pf-v6-c-empty-state--m-xs--PaddingInlineStart);
5411
- --pf-v6-c-empty-state__title-text--FontSize: var(--pf-v6-c-empty-state--m-xs__title-text--FontSize);
5412
- --pf-v6-c-empty-state__content--MaxWidth: var(--pf-v6-c-empty-state--m-xs__content--MaxWidth);
5413
- --pf-v6-c-empty-state__icon--MarginBlockEnd: var(--pf-v6-c-empty-state--m-xs__icon--MarginBlockEnd);
5414
- --pf-v6-c-empty-state__body--MarginBlockStart: var(--pf-v6-c-empty-state--m-xs__body--MarginBlockStart);
5415
- --pf-v6-c-empty-state--body--FontSize: var(--pf-v6-c-empty-state--m-xs__body--FontSize);
5416
- --pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-v6-c-empty-state--m-xs__footer--MarginBlockStart);
5417
- }
5418
-
5419
- .pf-v6-c-empty-state.pf-m-sm {
5420
- --pf-v6-c-empty-state__content--MaxWidth: var(--pf-v6-c-empty-state--m-sm__content--MaxWidth);
5421
- }
5422
-
5423
- .pf-v6-c-empty-state.pf-m-lg {
5424
- --pf-v6-c-empty-state__content--MaxWidth: var(--pf-v6-c-empty-state--m-lg__content--MaxWidth);
5425
- }
5426
-
5427
- .pf-v6-c-empty-state.pf-m-xl {
5428
- --pf-v6-c-empty-state__body--MarginBlockStart: var(--pf-v6-c-empty-state--m-xl__body--MarginBlockStart);
5429
- --pf-v6-c-empty-state--body--FontSize: var(--pf-v6-c-empty-state--m-xl__body--FontSize);
5430
- --pf-v6-c-empty-state__icon--MarginBlockEnd: var(--pf-v6-c-empty-state--m-xl__icon--MarginBlockEnd);
5431
- --pf-v6-c-empty-state__icon--FontSize: var(--pf-v6-c-empty-state--m-xl__icon--FontSize);
5432
- --pf-v6-c-empty-state__title-text--FontSize: var(--pf-v6-c-empty-state--m-xl__title-text--FontSize);
5433
- --pf-v6-c-empty-state__title-text--LineHeight: var(--pf-v6-c-empty-state--m-xl__title-text--LineHeight);
5434
- }
5435
-
5436
- .pf-v6-c-empty-state.pf-m-full-height {
5437
- height: 100%;
5438
- }
5439
-
5440
- .pf-v6-c-empty-state.pf-m-danger {
5441
- --pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-danger__icon--Color);
5442
- }
5443
-
5444
- .pf-v6-c-empty-state.pf-m-warning {
5445
- --pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-warning__icon--Color);
5446
- }
5447
-
5448
- .pf-v6-c-empty-state.pf-m-success {
5449
- --pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-success__icon--Color);
5450
- }
5451
-
5452
- .pf-v6-c-empty-state.pf-m-info {
5453
- --pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-info__icon--Color);
5454
- }
5455
-
5456
- .pf-v6-c-empty-state.pf-m-custom {
5457
- --pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-custom__icon--Color);
5458
- }
5459
-
5460
- .pf-v6-c-empty-state__content {
5461
- max-width: var(--pf-v6-c-empty-state__content--MaxWidth);
5462
- }
5463
-
5464
- .pf-v6-c-empty-state__icon {
5465
- margin-block-end: var(--pf-v6-c-empty-state__icon--MarginBlockEnd);
5466
- font-size: var(--pf-v6-c-empty-state__icon--FontSize);
5467
- line-height: 1;
5468
- color: var(--pf-v6-c-empty-state__icon--Color);
5469
- }
5470
-
5471
- .pf-v6-c-empty-state__title-text {
5472
- font-family: var(--pf-v6-c-empty-state__title-text--FontFamily);
5473
- font-size: var(--pf-v6-c-empty-state__title-text--FontSize);
5474
- font-weight: var(--pf-v6-c-empty-state__title-text--FontWeight);
5475
- line-height: var(--pf-v6-c-empty-state__title-text--LineHeight);
5476
- }
5477
-
5478
- .pf-v6-c-empty-state__body {
5479
- margin-block-start: var(--pf-v6-c-empty-state__body--MarginBlockStart);
5480
- font-size: var(--pf-v6-c-empty-state--body--FontSize);
5481
- color: var(--pf-v6-c-empty-state__body--Color);
5482
- }
5483
-
5484
- .pf-v6-c-empty-state__footer {
5485
- display: flex;
5486
- flex-direction: column;
5487
- row-gap: var(--pf-v6-c-empty-state__footer--RowGap);
5488
- align-items: center;
5489
- margin-block-start: var(--pf-v6-c-empty-state__footer--MarginBlockStart);
5236
+ transform: translateX(calc(100% * var(--pf-v6-global--inverse--multiplier)));
5237
+ }
5238
+ .pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5239
+ margin-inline-start: 0;
5240
+ transform: translateX(0);
5241
+ }
5242
+ .pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
5243
+ display: unset;
5244
+ }
5245
+ .pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5246
+ margin-inline-start: 0;
5247
+ margin-inline-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
5248
+ transform: translateX(-100%);
5249
+ }
5250
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5251
+ transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
5252
+ }
5253
+ .pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5254
+ margin-inline-end: 0;
5255
+ transform: translateX(0);
5256
+ }
5257
+ .pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
5258
+ display: unset;
5259
+ }
5260
+ .pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5261
+ margin-block-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
5262
+ transform: translateY(100%);
5263
+ }
5264
+ .pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-bottom.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5265
+ margin-block-end: 0;
5266
+ transform: translateY(0);
5267
+ }
5268
+ .pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5269
+ transform: translateX(0);
5270
+ }
5271
+ .pf-v6-c-drawer.pf-m-static-on-xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5272
+ margin-inline-end: 0;
5273
+ transform: translateX(0);
5274
+ }
5275
+ .pf-v6-c-drawer.pf-m-static-on-xl.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5276
+ transform: translateX(0);
5277
+ }
5278
+ .pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
5279
+ display: none;
5280
+ }
5490
5281
  }
5491
-
5492
- .pf-v6-c-empty-state__actions {
5493
- display: flex;
5494
- flex-wrap: wrap;
5495
- gap: var(--pf-v6-c-empty-state__actions--RowGap) var(--pf-v6-c-empty-state__actions--ColumnGap);
5496
- justify-content: center;
5282
+ @media (min-width: 90.625rem) {
5283
+ .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content,
5284
+ .pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
5285
+ flex-shrink: 1;
5286
+ }
5287
+ .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel,
5288
+ .pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5289
+ --pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
5290
+ }
5291
+ .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after,
5292
+ .pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after {
5293
+ background-color: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
5294
+ }
5295
+ .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
5296
+ overflow-x: auto;
5297
+ }
5298
+ .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5299
+ margin-inline-start: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
5300
+ transform: translateX(100%);
5301
+ }
5302
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5303
+ transform: translateX(calc(100% * var(--pf-v6-global--inverse--multiplier)));
5304
+ }
5305
+ .pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5306
+ margin-inline-start: 0;
5307
+ transform: translateX(0);
5308
+ }
5309
+ .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
5310
+ display: unset;
5311
+ }
5312
+ .pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5313
+ margin-inline-start: 0;
5314
+ margin-inline-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
5315
+ transform: translateX(-100%);
5316
+ }
5317
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5318
+ transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
5319
+ }
5320
+ .pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5321
+ margin-inline-end: 0;
5322
+ transform: translateX(0);
5323
+ }
5324
+ .pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
5325
+ display: unset;
5326
+ }
5327
+ .pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5328
+ margin-block-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
5329
+ transform: translateY(100%);
5330
+ }
5331
+ .pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5332
+ margin-block-end: 0;
5333
+ transform: translateY(0);
5334
+ }
5335
+ .pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5336
+ transform: translateX(0);
5337
+ }
5338
+ .pf-v6-c-drawer.pf-m-static-on-2xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5339
+ margin-inline-end: 0;
5340
+ transform: translateX(0);
5341
+ }
5342
+ .pf-v6-c-drawer.pf-m-static-on-2xl.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5343
+ transform: translateX(0);
5344
+ }
5345
+ .pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
5346
+ display: none;
5347
+ }
5497
5348
  }
5498
-
5499
5349
  :root,
5500
5350
  .pf-v6-c-dual-list-selector {
5501
5351
  --pf-v6-c-dual-list-selector__header--GridArea: pane-header;
@@ -5764,87 +5614,237 @@ ul) {
5764
5614
  margin-block-start: var(--pf-v6-c-dual-list-selector__controls--MarginBlockStart);
5765
5615
  }
5766
5616
 
5767
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) :is(.pf-v6-c-dual-list-selector__controls-item, .pf-v6-c-dual-list-selector__item-toggle-icon) {
5768
- scale: -1 1;
5617
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) :is(.pf-v6-c-dual-list-selector__controls-item, .pf-v6-c-dual-list-selector__item-toggle-icon) {
5618
+ scale: -1 1;
5619
+ }
5620
+
5621
+ .pf-v6-c-dual-list-selector__item-main {
5622
+ display: flex;
5623
+ min-width: 0;
5624
+ }
5625
+
5626
+ .pf-v6-c-dual-list-selector__item-toggle {
5627
+ padding-block-start: var(--pf-v6-c-dual-list-selector__item-toggle--PaddingBlockStart);
5628
+ padding-block-end: var(--pf-v6-c-dual-list-selector__item-toggle--PaddingBlockEnd);
5629
+ padding-inline-start: var(--pf-v6-c-dual-list-selector__item-toggle--PaddingInlineStart);
5630
+ padding-inline-end: var(--pf-v6-c-dual-list-selector__item-toggle--PaddingInlineEnd);
5631
+ margin-block-start: var(--pf-v6-c-dual-list-selector__item-toggle--MarginBlockStart);
5632
+ margin-block-end: var(--pf-v6-c-dual-list-selector__item-toggle--MarginBlockEnd);
5633
+ }
5634
+
5635
+ .pf-v6-c-dual-list-selector__item-check {
5636
+ display: flex;
5637
+ align-items: center;
5638
+ margin-inline-end: var(--pf-v6-c-dual-list-selector__item-check--MarginInlineEnd);
5639
+ }
5640
+
5641
+ .pf-v6-c-dual-list-selector__item-toggle-icon {
5642
+ display: inline-block;
5643
+ min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
5644
+ color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
5645
+ text-align: center;
5646
+ transition: transform var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration) var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
5647
+ transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
5648
+ }
5649
+
5650
+ .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5651
+ --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 1 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5652
+ --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5653
+ }
5654
+
5655
+ .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5656
+ --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 2 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5657
+ --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5658
+ }
5659
+
5660
+ .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5661
+ --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 3 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5662
+ --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5663
+ }
5664
+
5665
+ .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5666
+ --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 4 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5667
+ --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5668
+ }
5669
+
5670
+ .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5671
+ --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 5 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5672
+ --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5673
+ }
5674
+
5675
+ .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5676
+ --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 6 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5677
+ --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5678
+ }
5679
+
5680
+ .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5681
+ --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 7 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5682
+ --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5683
+ }
5684
+
5685
+ .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5686
+ --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 8 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5687
+ --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5688
+ }
5689
+
5690
+ .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5691
+ --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 9 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5692
+ --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5693
+ }
5694
+
5695
+ .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5696
+ --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 10 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5697
+ --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5698
+ }
5699
+
5700
+ :root,
5701
+ .pf-v6-c-empty-state {
5702
+ --pf-v6-c-empty-state--PaddingBlockStart: var(--pf-t--global--spacer--xl);
5703
+ --pf-v6-c-empty-state--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
5704
+ --pf-v6-c-empty-state--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
5705
+ --pf-v6-c-empty-state--PaddingInlineStart: var(--pf-t--global--spacer--xl);
5706
+ --pf-v6-c-empty-state--m-xs--PaddingBlockStart: var(--pf-t--global--spacer--md);
5707
+ --pf-v6-c-empty-state--m-xs--PaddingInlineEnd: var(--pf-t--global--spacer--md);
5708
+ --pf-v6-c-empty-state--m-xs--PaddingBlockEnd: var(--pf-t--global--spacer--md);
5709
+ --pf-v6-c-empty-state--m-xs--PaddingInlineStart: var(--pf-t--global--spacer--md);
5710
+ --pf-v6-c-empty-state__content--MaxWidth: none;
5711
+ --pf-v6-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
5712
+ --pf-v6-c-empty-state--m-sm__content--MaxWidth: 25rem;
5713
+ --pf-v6-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
5714
+ --pf-v6-c-empty-state__icon--MarginBlockEnd: var(--pf-t--global--spacer--lg);
5715
+ --pf-v6-c-empty-state__icon--FontSize: var(--pf-t--global--icon--size--2xl);
5716
+ --pf-v6-c-empty-state__icon--Color: var(--pf-t--global--icon--color--subtle);
5717
+ --pf-v6-c-empty-state--m-xs__icon--MarginBlockEnd: var(--pf-t--global--spacer--lg);
5718
+ --pf-v6-c-empty-state--m-xl__icon--MarginBlockEnd: var(--pf-t--global--spacer--xl);
5719
+ --pf-v6-c-empty-state--m-xl__icon--FontSize: var(--pf-t--global--icon--size--3xl);
5720
+ --pf-v6-c-empty-state--m-danger__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
5721
+ --pf-v6-c-empty-state--m-warning__icon--Color: var(--pf-t--global--icon--color--status--warning--default);
5722
+ --pf-v6-c-empty-state--m-success__icon--Color: var(--pf-t--global--icon--color--status--success--default);
5723
+ --pf-v6-c-empty-state--m-info__icon--Color: var(--pf-t--global--icon--color--status--info--default);
5724
+ --pf-v6-c-empty-state--m-custom__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
5725
+ --pf-v6-c-empty-state__title-text--FontFamily: var(--pf-t--global--font--family--heading);
5726
+ --pf-v6-c-empty-state__title-text--FontSize: var(--pf-t--global--font--size--heading--md);
5727
+ --pf-v6-c-empty-state__title-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
5728
+ --pf-v6-c-empty-state__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
5729
+ --pf-v6-c-empty-state--m-xs__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
5730
+ --pf-v6-c-empty-state--m-xl__title-text--FontSize: var(--pf-t--global--font--size--heading--2xl);
5731
+ --pf-v6-c-empty-state--m-xl__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
5732
+ --pf-v6-c-empty-state__body--MarginBlockStart: var(--pf-t--global--spacer--md);
5733
+ --pf-v6-c-empty-state__body--Color: var(--pf-t--global--text--color--subtle);
5734
+ --pf-v6-c-empty-state--body--FontSize: var(--pf-t--global--font--size--body--lg);
5735
+ --pf-v6-c-empty-state--m-xs__body--FontSize: var(--pf-t--global--font--size--body--lg);
5736
+ --pf-v6-c-empty-state--m-xs__body--MarginBlockStart: var(--pf-t--global--spacer--md);
5737
+ --pf-v6-c-empty-state--m-xl__body--FontSize: var(--pf-t--global--font--size--body--lg);
5738
+ --pf-v6-c-empty-state--m-xl__body--MarginBlockStart: var(--pf-t--global--spacer--xl);
5739
+ --pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
5740
+ --pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
5741
+ --pf-v6-c-empty-state--m-xs__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
5742
+ --pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
5743
+ --pf-v6-c-empty-state__actions--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
5744
+ }
5745
+
5746
+ .pf-v6-c-empty-state {
5747
+ display: flex;
5748
+ align-items: center;
5749
+ justify-content: center;
5750
+ padding-block-start: var(--pf-v6-c-empty-state--PaddingBlockStart);
5751
+ padding-block-end: var(--pf-v6-c-empty-state--PaddingBlockEnd);
5752
+ padding-inline-start: var(--pf-v6-c-empty-state--PaddingInlineStart);
5753
+ padding-inline-end: var(--pf-v6-c-empty-state--PaddingInlineEnd);
5754
+ text-align: center;
5755
+ }
5756
+
5757
+ .pf-v6-c-empty-state.pf-m-xs {
5758
+ --pf-v6-c-empty-state--PaddingBlockStart: var(--pf-v6-c-empty-state--m-xs--PaddingBlockStart);
5759
+ --pf-v6-c-empty-state--PaddingInlineEnd: var(--pf-v6-c-empty-state--m-xs--PaddingInlineEnd);
5760
+ --pf-v6-c-empty-state--PaddingBlockEnd: var(--pf-v6-c-empty-state--m-xs--PaddingBlockEnd);
5761
+ --pf-v6-c-empty-state--PaddingInlineStart: var(--pf-v6-c-empty-state--m-xs--PaddingInlineStart);
5762
+ --pf-v6-c-empty-state__title-text--FontSize: var(--pf-v6-c-empty-state--m-xs__title-text--FontSize);
5763
+ --pf-v6-c-empty-state__content--MaxWidth: var(--pf-v6-c-empty-state--m-xs__content--MaxWidth);
5764
+ --pf-v6-c-empty-state__icon--MarginBlockEnd: var(--pf-v6-c-empty-state--m-xs__icon--MarginBlockEnd);
5765
+ --pf-v6-c-empty-state__body--MarginBlockStart: var(--pf-v6-c-empty-state--m-xs__body--MarginBlockStart);
5766
+ --pf-v6-c-empty-state--body--FontSize: var(--pf-v6-c-empty-state--m-xs__body--FontSize);
5767
+ --pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-v6-c-empty-state--m-xs__footer--MarginBlockStart);
5769
5768
  }
5770
5769
 
5771
- .pf-v6-c-dual-list-selector__item-main {
5772
- display: flex;
5773
- min-width: 0;
5770
+ .pf-v6-c-empty-state.pf-m-sm {
5771
+ --pf-v6-c-empty-state__content--MaxWidth: var(--pf-v6-c-empty-state--m-sm__content--MaxWidth);
5774
5772
  }
5775
5773
 
5776
- .pf-v6-c-dual-list-selector__item-toggle {
5777
- padding-block-start: var(--pf-v6-c-dual-list-selector__item-toggle--PaddingBlockStart);
5778
- padding-block-end: var(--pf-v6-c-dual-list-selector__item-toggle--PaddingBlockEnd);
5779
- padding-inline-start: var(--pf-v6-c-dual-list-selector__item-toggle--PaddingInlineStart);
5780
- padding-inline-end: var(--pf-v6-c-dual-list-selector__item-toggle--PaddingInlineEnd);
5781
- margin-block-start: var(--pf-v6-c-dual-list-selector__item-toggle--MarginBlockStart);
5782
- margin-block-end: var(--pf-v6-c-dual-list-selector__item-toggle--MarginBlockEnd);
5774
+ .pf-v6-c-empty-state.pf-m-lg {
5775
+ --pf-v6-c-empty-state__content--MaxWidth: var(--pf-v6-c-empty-state--m-lg__content--MaxWidth);
5783
5776
  }
5784
5777
 
5785
- .pf-v6-c-dual-list-selector__item-check {
5786
- display: flex;
5787
- align-items: center;
5788
- margin-inline-end: var(--pf-v6-c-dual-list-selector__item-check--MarginInlineEnd);
5778
+ .pf-v6-c-empty-state.pf-m-xl {
5779
+ --pf-v6-c-empty-state__body--MarginBlockStart: var(--pf-v6-c-empty-state--m-xl__body--MarginBlockStart);
5780
+ --pf-v6-c-empty-state--body--FontSize: var(--pf-v6-c-empty-state--m-xl__body--FontSize);
5781
+ --pf-v6-c-empty-state__icon--MarginBlockEnd: var(--pf-v6-c-empty-state--m-xl__icon--MarginBlockEnd);
5782
+ --pf-v6-c-empty-state__icon--FontSize: var(--pf-v6-c-empty-state--m-xl__icon--FontSize);
5783
+ --pf-v6-c-empty-state__title-text--FontSize: var(--pf-v6-c-empty-state--m-xl__title-text--FontSize);
5784
+ --pf-v6-c-empty-state__title-text--LineHeight: var(--pf-v6-c-empty-state--m-xl__title-text--LineHeight);
5789
5785
  }
5790
5786
 
5791
- .pf-v6-c-dual-list-selector__item-toggle-icon {
5792
- display: inline-block;
5793
- min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
5794
- color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
5795
- text-align: center;
5796
- transition: transform var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration) var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
5797
- transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
5787
+ .pf-v6-c-empty-state.pf-m-full-height {
5788
+ height: 100%;
5798
5789
  }
5799
5790
 
5800
- .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5801
- --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 1 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5802
- --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5791
+ .pf-v6-c-empty-state.pf-m-danger {
5792
+ --pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-danger__icon--Color);
5803
5793
  }
5804
5794
 
5805
- .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5806
- --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 2 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5807
- --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5795
+ .pf-v6-c-empty-state.pf-m-warning {
5796
+ --pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-warning__icon--Color);
5808
5797
  }
5809
5798
 
5810
- .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5811
- --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 3 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5812
- --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5799
+ .pf-v6-c-empty-state.pf-m-success {
5800
+ --pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-success__icon--Color);
5813
5801
  }
5814
5802
 
5815
- .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5816
- --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 4 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5817
- --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5803
+ .pf-v6-c-empty-state.pf-m-info {
5804
+ --pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-info__icon--Color);
5818
5805
  }
5819
5806
 
5820
- .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5821
- --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 5 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5822
- --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5807
+ .pf-v6-c-empty-state.pf-m-custom {
5808
+ --pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-custom__icon--Color);
5823
5809
  }
5824
5810
 
5825
- .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5826
- --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 6 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5827
- --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5811
+ .pf-v6-c-empty-state__content {
5812
+ max-width: var(--pf-v6-c-empty-state__content--MaxWidth);
5828
5813
  }
5829
5814
 
5830
- .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5831
- --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 7 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5832
- --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5815
+ .pf-v6-c-empty-state__icon {
5816
+ margin-block-end: var(--pf-v6-c-empty-state__icon--MarginBlockEnd);
5817
+ font-size: var(--pf-v6-c-empty-state__icon--FontSize);
5818
+ line-height: 1;
5819
+ color: var(--pf-v6-c-empty-state__icon--Color);
5833
5820
  }
5834
5821
 
5835
- .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5836
- --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 8 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5837
- --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5822
+ .pf-v6-c-empty-state__title-text {
5823
+ font-family: var(--pf-v6-c-empty-state__title-text--FontFamily);
5824
+ font-size: var(--pf-v6-c-empty-state__title-text--FontSize);
5825
+ font-weight: var(--pf-v6-c-empty-state__title-text--FontWeight);
5826
+ line-height: var(--pf-v6-c-empty-state__title-text--LineHeight);
5838
5827
  }
5839
5828
 
5840
- .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5841
- --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 9 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5842
- --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5829
+ .pf-v6-c-empty-state__body {
5830
+ margin-block-start: var(--pf-v6-c-empty-state__body--MarginBlockStart);
5831
+ font-size: var(--pf-v6-c-empty-state--body--FontSize);
5832
+ color: var(--pf-v6-c-empty-state__body--Color);
5843
5833
  }
5844
5834
 
5845
- .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5846
- --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 10 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5847
- --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5835
+ .pf-v6-c-empty-state__footer {
5836
+ display: flex;
5837
+ flex-direction: column;
5838
+ row-gap: var(--pf-v6-c-empty-state__footer--RowGap);
5839
+ align-items: center;
5840
+ margin-block-start: var(--pf-v6-c-empty-state__footer--MarginBlockStart);
5841
+ }
5842
+
5843
+ .pf-v6-c-empty-state__actions {
5844
+ display: flex;
5845
+ flex-wrap: wrap;
5846
+ gap: var(--pf-v6-c-empty-state__actions--RowGap) var(--pf-v6-c-empty-state__actions--ColumnGap);
5847
+ justify-content: center;
5848
5848
  }
5849
5849
 
5850
5850
  :root,
@@ -7988,6 +7988,151 @@ label.pf-v6-c-input-group__text {
7988
7988
  --pf-v6-c-sidebar__panel--FlexBasis: 100%;
7989
7989
  }
7990
7990
  }
7991
+ :root,
7992
+ .pf-v6-c-label-group {
7993
+ --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
7994
+ --pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
7995
+ --pf-v6-c-label-group--m-vertical--RowGap: var(--pf-t--global--spacer--sm);
7996
+ --pf-v6-c-label-group--m-vertical--ColumnGap: var(--pf-t--global--spacer--sm);
7997
+ --pf-v6-c-label-group__main--RowGap: var(--pf-t--global--spacer--xs);
7998
+ --pf-v6-c-label-group__main--ColumnGap: var(--pf-t--global--spacer--sm);
7999
+ --pf-v6-c-label-group--m-vertical__main--RowGap: var(--pf-t--global--spacer--sm);
8000
+ --pf-v6-c-label-group--m-vertical__main--ColumnGap: var(--pf-t--global--spacer--xs);
8001
+ --pf-v6-c-label-group__list--RowGap: var(--pf-t--global--spacer--xs);
8002
+ --pf-v6-c-label-group__list--ColumnGap: var(--pf-t--global--spacer--xs);
8003
+ --pf-v6-c-label-group--m-vertical__list--RowGap: var(--pf-t--global--spacer--xs);
8004
+ --pf-v6-c-label-group--m-vertical__list--ColumnGap: var(--pf-t--global--spacer--xs);
8005
+ --pf-v6-c-label-group--m-category--PaddingBlockStart: var(--pf-t--global--spacer--xs);
8006
+ --pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
8007
+ --pf-v6-c-label-group--m-category--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
8008
+ --pf-v6-c-label-group--m-category--PaddingInlineStart: var(--pf-t--global--spacer--sm);
8009
+ --pf-v6-c-label-group--m-category--BorderRadius: var(--pf-t--global--border--radius--small);
8010
+ --pf-v6-c-label-group--m-category--BorderWidth: var(--pf-t--global--border--width--regular);
8011
+ --pf-v6-c-label-group--m-category--BorderColor: var(--pf-t--global--border--color--default);
8012
+ --pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
8013
+ --pf-v6-c-label-group__label--MaxWidth: 18ch;
8014
+ --pf-v6-c-label-group__close--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
8015
+ --pf-v6-c-label-group__close--c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
8016
+ --pf-v6-c-label-group__close--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
8017
+ --pf-v6-c-label-group__close--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
8018
+ --pf-v6-c-label-group__close--c-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
8019
+ --pf-v6-c-label-group__textarea--MinWidth: 12.5rem;
8020
+ --pf-v6-c-label-group__textarea--PaddingBlockStart: 0.125rem;
8021
+ --pf-v6-c-label-group__textarea--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
8022
+ --pf-v6-c-label-group__textarea--PaddingBlockEnd: 0;
8023
+ --pf-v6-c-label-group__textarea--PaddingInlineStart: var(--pf-t--global--spacer--xs);
8024
+ }
8025
+
8026
+ .pf-v6-c-label-group {
8027
+ display: inline-flex;
8028
+ row-gap: var(--pf-v6-c-label-group--RowGap);
8029
+ column-gap: var(--pf-v6-c-label-group--ColumnGap);
8030
+ align-items: center;
8031
+ }
8032
+
8033
+ .pf-v6-c-label-group.pf-m-category {
8034
+ padding-block-start: var(--pf-v6-c-label-group--m-category--PaddingBlockStart);
8035
+ padding-block-end: var(--pf-v6-c-label-group--m-category--PaddingBlockEnd);
8036
+ padding-inline-start: var(--pf-v6-c-label-group--m-category--PaddingInlineStart);
8037
+ padding-inline-end: var(--pf-v6-c-label-group--m-category--PaddingInlineEnd);
8038
+ background-color: var(--pf-v6-c-label-group--m-category--BackgroundColor);
8039
+ border: var(--pf-v6-c-label-group--m-category--BorderWidth) solid var(--pf-v6-c-label-group--m-category--BorderColor);
8040
+ border-radius: var(--pf-v6-c-label-group--m-category--BorderRadius);
8041
+ }
8042
+
8043
+ .pf-v6-c-label-group.pf-m-vertical {
8044
+ --pf-v6-c-label-group--RowGap: var(--pf-v6-c-label-group--m-vertical--RowGap);
8045
+ --pf-v6-c-label-group--ColumnGap: var(--pf-v6-c-label-group--m-vertical--ColumnGap);
8046
+ --pf-v6-c-label-group__main--RowGap: var(--pf-v6-c-label-group--m-vertical__main--RowGap);
8047
+ --pf-v6-c-label-group__main--ColumnGap: var(--pf-v6-c-label-group--m-vertical__main--ColumnGap);
8048
+ --pf-v6-c-label-group__list--RowGap: var(--pf-v6-c-label-group--m-vertical__list--RowGap);
8049
+ --pf-v6-c-label-group__list--ColumnGap: var(--pf-v6-c-label-group--m-vertical__list--ColumnGap);
8050
+ --pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd);
8051
+ }
8052
+
8053
+ .pf-v6-c-label-group.pf-m-vertical.pf-v6-c-label-group {
8054
+ align-items: flex-start;
8055
+ }
8056
+
8057
+ .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__list {
8058
+ flex-direction: column;
8059
+ align-items: flex-start;
8060
+ }
8061
+
8062
+ .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__main {
8063
+ flex-direction: column;
8064
+ }
8065
+
8066
+ .pf-v6-c-label-group.pf-m-editable,
8067
+ .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
8068
+ .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list {
8069
+ display: flex;
8070
+ }
8071
+
8072
+ .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
8073
+ .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list,
8074
+ .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list-item.pf-m-textarea,
8075
+ .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__textarea {
8076
+ flex: 1;
8077
+ }
8078
+
8079
+ .pf-v6-c-label-group__main {
8080
+ display: flex;
8081
+ flex: 1;
8082
+ flex-wrap: wrap;
8083
+ row-gap: var(--pf-v6-c-label-group__main--RowGap);
8084
+ column-gap: var(--pf-v6-c-label-group__main--ColumnGap);
8085
+ align-items: baseline;
8086
+ }
8087
+
8088
+ .pf-v6-c-label-group__list {
8089
+ display: inline-flex;
8090
+ flex-wrap: wrap;
8091
+ row-gap: var(--pf-v6-c-label-group__list--RowGap);
8092
+ column-gap: var(--pf-v6-c-label-group__list--ColumnGap);
8093
+ }
8094
+
8095
+ .pf-v6-c-label-group__list-item {
8096
+ display: inline-flex;
8097
+ }
8098
+
8099
+ .pf-v6-c-label-group__label {
8100
+ overflow: hidden;
8101
+ text-overflow: ellipsis;
8102
+ white-space: nowrap;
8103
+ max-width: var(--pf-v6-c-label-group__label--MaxWidth);
8104
+ }
8105
+
8106
+ .pf-v6-c-label-group__close {
8107
+ display: flex;
8108
+ align-self: flex-start;
8109
+ }
8110
+
8111
+ .pf-v6-c-label-group__close .pf-v6-c-button {
8112
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-label-group__close--c-button--FontSize);
8113
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label-group__close--c-button--PaddingBlockStart);
8114
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: var(--pf-v6-c-label-group__close--c-button--PaddingInlineEnd);
8115
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: var(--pf-v6-c-label-group__close--c-button--PaddingBlockEnd);
8116
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: var(--pf-v6-c-label-group__close--c-button--PaddingInlineStart);
8117
+ }
8118
+
8119
+ .pf-v6-c-label-group__textarea {
8120
+ min-width: var(--pf-v6-c-label-group__textarea--MinWidth);
8121
+ padding-block-start: var(--pf-v6-c-label-group__textarea--PaddingBlockStart);
8122
+ padding-block-end: var(--pf-v6-c-label-group__textarea--PaddingBlockEnd);
8123
+ padding-inline-start: var(--pf-v6-c-label-group__textarea--PaddingInlineStart);
8124
+ padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
8125
+ white-space: nowrap;
8126
+ resize: none;
8127
+ border: 0;
8128
+ -ms-overflow-style: none;
8129
+ scrollbar-width: none;
8130
+ }
8131
+
8132
+ .pf-v6-c-label-group__textarea::-webkit-scrollbar {
8133
+ display: none;
8134
+ }
8135
+
7991
8136
  :root,
7992
8137
  .pf-v6-c-label {
7993
8138
  --pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -8517,148 +8662,80 @@ input.pf-v6-c-label__content {
8517
8662
  }
8518
8663
 
8519
8664
  :root,
8520
- .pf-v6-c-label-group {
8521
- --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
8522
- --pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
8523
- --pf-v6-c-label-group--m-vertical--RowGap: var(--pf-t--global--spacer--sm);
8524
- --pf-v6-c-label-group--m-vertical--ColumnGap: var(--pf-t--global--spacer--sm);
8525
- --pf-v6-c-label-group__main--RowGap: var(--pf-t--global--spacer--xs);
8526
- --pf-v6-c-label-group__main--ColumnGap: var(--pf-t--global--spacer--sm);
8527
- --pf-v6-c-label-group--m-vertical__main--RowGap: var(--pf-t--global--spacer--sm);
8528
- --pf-v6-c-label-group--m-vertical__main--ColumnGap: var(--pf-t--global--spacer--xs);
8529
- --pf-v6-c-label-group__list--RowGap: var(--pf-t--global--spacer--xs);
8530
- --pf-v6-c-label-group__list--ColumnGap: var(--pf-t--global--spacer--xs);
8531
- --pf-v6-c-label-group--m-vertical__list--RowGap: var(--pf-t--global--spacer--xs);
8532
- --pf-v6-c-label-group--m-vertical__list--ColumnGap: var(--pf-t--global--spacer--xs);
8533
- --pf-v6-c-label-group--m-category--PaddingBlockStart: var(--pf-t--global--spacer--xs);
8534
- --pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
8535
- --pf-v6-c-label-group--m-category--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
8536
- --pf-v6-c-label-group--m-category--PaddingInlineStart: var(--pf-t--global--spacer--sm);
8537
- --pf-v6-c-label-group--m-category--BorderRadius: var(--pf-t--global--border--radius--small);
8538
- --pf-v6-c-label-group--m-category--BorderWidth: var(--pf-t--global--border--width--regular);
8539
- --pf-v6-c-label-group--m-category--BorderColor: var(--pf-t--global--border--color--default);
8540
- --pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
8541
- --pf-v6-c-label-group__label--MaxWidth: 18ch;
8542
- --pf-v6-c-label-group__close--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
8543
- --pf-v6-c-label-group__close--c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
8544
- --pf-v6-c-label-group__close--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
8545
- --pf-v6-c-label-group__close--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
8546
- --pf-v6-c-label-group__close--c-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
8547
- --pf-v6-c-label-group__textarea--MinWidth: 12.5rem;
8548
- --pf-v6-c-label-group__textarea--PaddingBlockStart: 0.125rem;
8549
- --pf-v6-c-label-group__textarea--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
8550
- --pf-v6-c-label-group__textarea--PaddingBlockEnd: 0;
8551
- --pf-v6-c-label-group__textarea--PaddingInlineStart: var(--pf-t--global--spacer--xs);
8552
- }
8553
-
8554
- .pf-v6-c-label-group {
8555
- display: inline-flex;
8556
- row-gap: var(--pf-v6-c-label-group--RowGap);
8557
- column-gap: var(--pf-v6-c-label-group--ColumnGap);
8558
- align-items: center;
8559
- }
8560
-
8561
- .pf-v6-c-label-group.pf-m-category {
8562
- padding-block-start: var(--pf-v6-c-label-group--m-category--PaddingBlockStart);
8563
- padding-block-end: var(--pf-v6-c-label-group--m-category--PaddingBlockEnd);
8564
- padding-inline-start: var(--pf-v6-c-label-group--m-category--PaddingInlineStart);
8565
- padding-inline-end: var(--pf-v6-c-label-group--m-category--PaddingInlineEnd);
8566
- background-color: var(--pf-v6-c-label-group--m-category--BackgroundColor);
8567
- border: var(--pf-v6-c-label-group--m-category--BorderWidth) solid var(--pf-v6-c-label-group--m-category--BorderColor);
8568
- border-radius: var(--pf-v6-c-label-group--m-category--BorderRadius);
8569
- }
8570
-
8571
- .pf-v6-c-label-group.pf-m-vertical {
8572
- --pf-v6-c-label-group--RowGap: var(--pf-v6-c-label-group--m-vertical--RowGap);
8573
- --pf-v6-c-label-group--ColumnGap: var(--pf-v6-c-label-group--m-vertical--ColumnGap);
8574
- --pf-v6-c-label-group__main--RowGap: var(--pf-v6-c-label-group--m-vertical__main--RowGap);
8575
- --pf-v6-c-label-group__main--ColumnGap: var(--pf-v6-c-label-group--m-vertical__main--ColumnGap);
8576
- --pf-v6-c-label-group__list--RowGap: var(--pf-v6-c-label-group--m-vertical__list--RowGap);
8577
- --pf-v6-c-label-group__list--ColumnGap: var(--pf-v6-c-label-group--m-vertical__list--ColumnGap);
8578
- --pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd);
8579
- }
8580
-
8581
- .pf-v6-c-label-group.pf-m-vertical.pf-v6-c-label-group {
8582
- align-items: flex-start;
8665
+ .pf-v6-c-list {
8666
+ --pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
8667
+ --pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
8668
+ --pf-v6-c-list--Gap: var(--pf-t--global--spacer--sm);
8669
+ --pf-v6-c-list--nested--PaddingBlockStart: var(--pf-v6-c-list--Gap);
8670
+ --pf-v6-c-list--m-plain--PaddingInlineStart: 0;
8671
+ --pf-v6-c-list--m-inline--PaddingInlineStart: 0;
8672
+ --pf-v6-c-list--m-inline--ColumnGap: var(--pf-t--global--spacer--lg);
8673
+ --pf-v6-c-list--m-inline--RowGap: var(--pf-t--global--spacer--xs);
8674
+ --pf-v6-c-list--m-bordered--li--PaddingBlockStart: var(--pf-v6-c-list--Gap);
8675
+ --pf-v6-c-list--m-bordered--li--BorderBlockStartColor: var(--pf-t--global--border--color--default);
8676
+ --pf-v6-c-list--m-bordered--li--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
8677
+ --pf-v6-c-list__item-icon--MinWidth: var(--pf-t--global--icon--size--sm);
8678
+ --pf-v6-c-list__item-icon--MarginBlockStart: var(--pf-t--global--spacer--xs);
8679
+ --pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
8680
+ --pf-v6-c-list__item-icon--Color: var(--pf-t--global--icon--color--regular);
8681
+ --pf-v6-c-list__item-icon--FontSize: var(--pf-t--global--icon--size--sm);
8682
+ --pf-v6-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-t--global--icon--size--lg);
8683
+ --pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
8684
+ --pf-v6-c-list--m-icon-lg__item-icon--FontSize: var(--pf-t--global--icon--size--lg);
8583
8685
  }
8584
8686
 
8585
- .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__list {
8687
+ .pf-v6-c-list {
8688
+ display: flex;
8586
8689
  flex-direction: column;
8587
- align-items: flex-start;
8690
+ gap: var(--pf-v6-c-list--Gap);
8691
+ padding-inline-start: var(--pf-v6-c-list--PaddingInlineStart);
8588
8692
  }
8589
8693
 
8590
- .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__main {
8591
- flex-direction: column;
8694
+ .pf-v6-c-list .pf-v6-c-list {
8695
+ padding-block-start: var(--pf-v6-c-list--nested--PaddingBlockStart);
8592
8696
  }
8593
8697
 
8594
- .pf-v6-c-label-group.pf-m-editable,
8595
- .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
8596
- .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list {
8597
- display: flex;
8698
+ ul.pf-v6-c-list {
8699
+ list-style: var(--pf-v6-c-list--ul--ListStyle);
8598
8700
  }
8599
8701
 
8600
- .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
8601
- .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list,
8602
- .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list-item.pf-m-textarea,
8603
- .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__textarea {
8604
- flex: 1;
8702
+ .pf-v6-c-list.pf-m-icon-lg {
8703
+ --pf-v6-c-list__item-icon--MinWidth: var(--pf-v6-c-list--m-icon-lg__item-icon--MinWidth);
8704
+ --pf-v6-c-list__item-icon--MarginBlockStart: 0;
8705
+ --pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd);
8706
+ --pf-v6-c-list__item-icon--FontSize: var(--pf-v6-c-list--m-icon-lg__item-icon--FontSize);
8605
8707
  }
8606
8708
 
8607
- .pf-v6-c-label-group__main {
8608
- display: flex;
8609
- flex: 1;
8610
- flex-wrap: wrap;
8611
- row-gap: var(--pf-v6-c-label-group__main--RowGap);
8612
- column-gap: var(--pf-v6-c-label-group__main--ColumnGap);
8613
- align-items: baseline;
8709
+ .pf-v6-c-list.pf-m-plain {
8710
+ --pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-plain--PaddingInlineStart);
8711
+ list-style: none;
8614
8712
  }
8615
8713
 
8616
- .pf-v6-c-label-group__list {
8617
- display: inline-flex;
8714
+ .pf-v6-c-list.pf-m-inline {
8715
+ --pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-inline--PaddingInlineStart);
8716
+ --pf-v6-c-list--Gap: var(--pf-v6-c-list--m-inline--RowGap) var(--pf-v6-c-list--m-inline--ColumnGap);
8717
+ flex-direction: row;
8618
8718
  flex-wrap: wrap;
8619
- row-gap: var(--pf-v6-c-label-group__list--RowGap);
8620
- column-gap: var(--pf-v6-c-label-group__list--ColumnGap);
8621
- }
8622
-
8623
- .pf-v6-c-label-group__list-item {
8624
- display: inline-flex;
8719
+ list-style: none;
8625
8720
  }
8626
8721
 
8627
- .pf-v6-c-label-group__label {
8628
- overflow: hidden;
8629
- text-overflow: ellipsis;
8630
- white-space: nowrap;
8631
- max-width: var(--pf-v6-c-label-group__label--MaxWidth);
8722
+ .pf-v6-c-list.pf-m-bordered > * + * {
8723
+ padding-block-start: var(--pf-v6-c-list--m-bordered--li--PaddingBlockStart);
8724
+ border-block-start: var(--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth) solid var(--pf-v6-c-list--m-bordered--li--BorderBlockStartColor);
8632
8725
  }
8633
8726
 
8634
- .pf-v6-c-label-group__close {
8727
+ .pf-v6-c-list__item {
8635
8728
  display: flex;
8636
- align-self: flex-start;
8637
- }
8638
-
8639
- .pf-v6-c-label-group__close .pf-v6-c-button {
8640
- --pf-v6-c-button--FontSize: var(--pf-v6-c-label-group__close--c-button--FontSize);
8641
- --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label-group__close--c-button--PaddingBlockStart);
8642
- --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: var(--pf-v6-c-label-group__close--c-button--PaddingInlineEnd);
8643
- --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: var(--pf-v6-c-label-group__close--c-button--PaddingBlockEnd);
8644
- --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: var(--pf-v6-c-label-group__close--c-button--PaddingInlineStart);
8645
- }
8646
-
8647
- .pf-v6-c-label-group__textarea {
8648
- min-width: var(--pf-v6-c-label-group__textarea--MinWidth);
8649
- padding-block-start: var(--pf-v6-c-label-group__textarea--PaddingBlockStart);
8650
- padding-block-end: var(--pf-v6-c-label-group__textarea--PaddingBlockEnd);
8651
- padding-inline-start: var(--pf-v6-c-label-group__textarea--PaddingInlineStart);
8652
- padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
8653
- white-space: nowrap;
8654
- resize: none;
8655
- border: 0;
8656
- -ms-overflow-style: none;
8657
- scrollbar-width: none;
8658
8729
  }
8659
8730
 
8660
- .pf-v6-c-label-group__textarea::-webkit-scrollbar {
8661
- display: none;
8731
+ .pf-v6-c-list__item-icon {
8732
+ flex-shrink: 0;
8733
+ min-width: var(--pf-v6-c-list__item-icon--MinWidth);
8734
+ margin-block-start: var(--pf-v6-c-list__item-icon--MarginBlockStart);
8735
+ margin-inline-end: var(--pf-v6-c-list__item-icon--MarginInlineEnd);
8736
+ font-size: var(--pf-v6-c-list__item-icon--FontSize);
8737
+ line-height: 1;
8738
+ color: var(--pf-v6-c-list__item-icon--Color);
8662
8739
  }
8663
8740
 
8664
8741
  :root,
@@ -8898,113 +8975,36 @@ input.pf-v6-c-label__content {
8898
8975
  padding-inline-start: var(--pf-v6-c-login__main-footer-links--PaddingInlineStart);
8899
8976
  padding-inline-end: var(--pf-v6-c-login__main-footer-links--PaddingInlineEnd);
8900
8977
  }
8901
-
8902
- .pf-v6-c-login__main-footer-links-item .pf-v6-c-button {
8903
- --pf-v6-c-button--FontSize: var(--pf-v6-c-login__main-footer-links-item--c-button--FontSize);
8904
- }
8905
-
8906
- .pf-v6-c-login__main-footer-band {
8907
- padding-block-start: var(--pf-v6-c-login__main-footer-band--PaddingBlockStart);
8908
- padding-block-end: var(--pf-v6-c-login__main-footer-band--PaddingBlockEnd);
8909
- padding-inline-start: var(--pf-v6-c-login__main-footer-band--PaddingInlineStart);
8910
- padding-inline-end: var(--pf-v6-c-login__main-footer-band--PaddingInlineEnd);
8911
- text-align: center;
8912
- border-block-start: var(--pf-v6-c-login__main-footer-band--BorderBlockStartWidth) solid var(--pf-v6-c-login__main-footer-band--BorderBlockStartColor);
8913
- }
8914
-
8915
- .pf-v6-c-login__main-footer-band > * + * {
8916
- padding-block-start: var(--pf-v6-c-login__main-footer-band-item--PaddingBlockStart);
8917
- }
8918
-
8919
- .pf-v6-c-login__footer {
8920
- grid-area: footer;
8921
- padding-inline-start: var(--pf-v6-c-login__footer--PaddingInlineStart);
8922
- padding-inline-end: var(--pf-v6-c-login__footer--PaddingInlineEnd);
8923
- }
8924
-
8925
- .pf-v6-c-login__footer .pf-v6-c-list a {
8926
- color: unset;
8927
- }
8928
-
8929
- .pf-v6-c-login__footer .pf-v6-c-list:not(:only-child) {
8930
- padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingBlockStart);
8931
- }
8932
-
8933
- :root,
8934
- .pf-v6-c-list {
8935
- --pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
8936
- --pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
8937
- --pf-v6-c-list--Gap: var(--pf-t--global--spacer--sm);
8938
- --pf-v6-c-list--nested--PaddingBlockStart: var(--pf-v6-c-list--Gap);
8939
- --pf-v6-c-list--m-plain--PaddingInlineStart: 0;
8940
- --pf-v6-c-list--m-inline--PaddingInlineStart: 0;
8941
- --pf-v6-c-list--m-inline--ColumnGap: var(--pf-t--global--spacer--lg);
8942
- --pf-v6-c-list--m-inline--RowGap: var(--pf-t--global--spacer--xs);
8943
- --pf-v6-c-list--m-bordered--li--PaddingBlockStart: var(--pf-v6-c-list--Gap);
8944
- --pf-v6-c-list--m-bordered--li--BorderBlockStartColor: var(--pf-t--global--border--color--default);
8945
- --pf-v6-c-list--m-bordered--li--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
8946
- --pf-v6-c-list__item-icon--MinWidth: var(--pf-t--global--icon--size--sm);
8947
- --pf-v6-c-list__item-icon--MarginBlockStart: var(--pf-t--global--spacer--xs);
8948
- --pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
8949
- --pf-v6-c-list__item-icon--Color: var(--pf-t--global--icon--color--regular);
8950
- --pf-v6-c-list__item-icon--FontSize: var(--pf-t--global--icon--size--sm);
8951
- --pf-v6-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-t--global--icon--size--lg);
8952
- --pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
8953
- --pf-v6-c-list--m-icon-lg__item-icon--FontSize: var(--pf-t--global--icon--size--lg);
8954
- }
8955
-
8956
- .pf-v6-c-list {
8957
- display: flex;
8958
- flex-direction: column;
8959
- gap: var(--pf-v6-c-list--Gap);
8960
- padding-inline-start: var(--pf-v6-c-list--PaddingInlineStart);
8961
- }
8962
-
8963
- .pf-v6-c-list .pf-v6-c-list {
8964
- padding-block-start: var(--pf-v6-c-list--nested--PaddingBlockStart);
8965
- }
8966
-
8967
- ul.pf-v6-c-list {
8968
- list-style: var(--pf-v6-c-list--ul--ListStyle);
8969
- }
8970
-
8971
- .pf-v6-c-list.pf-m-icon-lg {
8972
- --pf-v6-c-list__item-icon--MinWidth: var(--pf-v6-c-list--m-icon-lg__item-icon--MinWidth);
8973
- --pf-v6-c-list__item-icon--MarginBlockStart: 0;
8974
- --pf-v6-c-list__item-icon--MarginInlineEnd: var(--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd);
8975
- --pf-v6-c-list__item-icon--FontSize: var(--pf-v6-c-list--m-icon-lg__item-icon--FontSize);
8978
+
8979
+ .pf-v6-c-login__main-footer-links-item .pf-v6-c-button {
8980
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-login__main-footer-links-item--c-button--FontSize);
8976
8981
  }
8977
8982
 
8978
- .pf-v6-c-list.pf-m-plain {
8979
- --pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-plain--PaddingInlineStart);
8980
- list-style: none;
8983
+ .pf-v6-c-login__main-footer-band {
8984
+ padding-block-start: var(--pf-v6-c-login__main-footer-band--PaddingBlockStart);
8985
+ padding-block-end: var(--pf-v6-c-login__main-footer-band--PaddingBlockEnd);
8986
+ padding-inline-start: var(--pf-v6-c-login__main-footer-band--PaddingInlineStart);
8987
+ padding-inline-end: var(--pf-v6-c-login__main-footer-band--PaddingInlineEnd);
8988
+ text-align: center;
8989
+ border-block-start: var(--pf-v6-c-login__main-footer-band--BorderBlockStartWidth) solid var(--pf-v6-c-login__main-footer-band--BorderBlockStartColor);
8981
8990
  }
8982
8991
 
8983
- .pf-v6-c-list.pf-m-inline {
8984
- --pf-v6-c-list--PaddingInlineStart: var(--pf-v6-c-list--m-inline--PaddingInlineStart);
8985
- --pf-v6-c-list--Gap: var(--pf-v6-c-list--m-inline--RowGap) var(--pf-v6-c-list--m-inline--ColumnGap);
8986
- flex-direction: row;
8987
- flex-wrap: wrap;
8988
- list-style: none;
8992
+ .pf-v6-c-login__main-footer-band > * + * {
8993
+ padding-block-start: var(--pf-v6-c-login__main-footer-band-item--PaddingBlockStart);
8989
8994
  }
8990
8995
 
8991
- .pf-v6-c-list.pf-m-bordered > * + * {
8992
- padding-block-start: var(--pf-v6-c-list--m-bordered--li--PaddingBlockStart);
8993
- border-block-start: var(--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth) solid var(--pf-v6-c-list--m-bordered--li--BorderBlockStartColor);
8996
+ .pf-v6-c-login__footer {
8997
+ grid-area: footer;
8998
+ padding-inline-start: var(--pf-v6-c-login__footer--PaddingInlineStart);
8999
+ padding-inline-end: var(--pf-v6-c-login__footer--PaddingInlineEnd);
8994
9000
  }
8995
9001
 
8996
- .pf-v6-c-list__item {
8997
- display: flex;
9002
+ .pf-v6-c-login__footer .pf-v6-c-list a {
9003
+ color: unset;
8998
9004
  }
8999
9005
 
9000
- .pf-v6-c-list__item-icon {
9001
- flex-shrink: 0;
9002
- min-width: var(--pf-v6-c-list__item-icon--MinWidth);
9003
- margin-block-start: var(--pf-v6-c-list__item-icon--MarginBlockStart);
9004
- margin-inline-end: var(--pf-v6-c-list__item-icon--MarginInlineEnd);
9005
- font-size: var(--pf-v6-c-list__item-icon--FontSize);
9006
- line-height: 1;
9007
- color: var(--pf-v6-c-list__item-icon--Color);
9006
+ .pf-v6-c-login__footer .pf-v6-c-list:not(:only-child) {
9007
+ padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingBlockStart);
9008
9008
  }
9009
9009
 
9010
9010
  :root,
@@ -10651,24 +10651,237 @@ ul.pf-v6-c-list {
10651
10651
  justify-content: center;
10652
10652
  }
10653
10653
 
10654
- .pf-v6-c-menu-toggle__icon {
10655
- flex-shrink: 0;
10656
- min-height: var(--pf-v6-c-menu-toggle__icon--MinHeight);
10654
+ .pf-v6-c-menu-toggle__icon {
10655
+ flex-shrink: 0;
10656
+ min-height: var(--pf-v6-c-menu-toggle__icon--MinHeight);
10657
+ }
10658
+
10659
+ .pf-v6-c-menu-toggle__controls {
10660
+ min-width: var(--pf-v6-c-menu-toggle__controls--MinWidth);
10661
+ margin-inline-start: auto;
10662
+ }
10663
+
10664
+ .pf-v6-c-menu-toggle__toggle-icon {
10665
+ min-height: var(--pf-v6-c-menu-toggle__toggle-icon--MinHeight);
10666
+ color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
10667
+ }
10668
+
10669
+ .pf-v6-c-menu-toggle__status-icon {
10670
+ margin-inline-end: var(--pf-v6-c-menu-toggle__status-icon--MarginInlineEnd);
10671
+ color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
10672
+ }
10673
+
10674
+ :root,
10675
+ .pf-v6-c-multiple-file-upload {
10676
+ --pf-v6-c-multiple-file-upload--GridTemplateColumns: 1fr;
10677
+ --pf-v6-c-multiple-file-upload--Gap: var(--pf-t--global--spacer--md);
10678
+ --pf-v6-c-multiple-file-upload__main--TextAlign: center;
10679
+ --pf-v6-c-multiple-file-upload__main--GridTemplateColumns: auto;
10680
+ --pf-v6-c-multiple-file-upload__main--GridTemplateRows: auto;
10681
+ --pf-v6-c-multiple-file-upload__main--GridTemplateAreas:
10682
+ "title"
10683
+ "upload"
10684
+ "info";
10685
+ --pf-v6-c-multiple-file-upload__main--PaddingBlockStart: var(--pf-t--global--spacer--xl);
10686
+ --pf-v6-c-multiple-file-upload__main--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
10687
+ --pf-v6-c-multiple-file-upload__main--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
10688
+ --pf-v6-c-multiple-file-upload__main--PaddingInlineStart: var(--pf-t--global--spacer--xl);
10689
+ --pf-v6-c-multiple-file-upload__main--BorderWidth: var(--pf-t--global--border--width--regular);
10690
+ --pf-v6-c-multiple-file-upload__main--BorderStyle: dashed;
10691
+ --pf-v6-c-multiple-file-upload__main--BorderColor: var(--pf-t--global--border--color--default);
10692
+ --pf-v6-c-multiple-file-upload__main--BorderRadius: var(--pf-t--global--border--radius--medium);
10693
+ --pf-v6-c-multiple-file-upload__title--Display: grid;
10694
+ --pf-v6-c-multiple-file-upload__title--GridTemplateColumns: auto;
10695
+ --pf-v6-c-multiple-file-upload__title--Gap: var(--pf-t--global--spacer--lg);
10696
+ --pf-v6-c-multiple-file-upload__title-text--Color: var(--pf-t--global--text--color--regular);
10697
+ --pf-v6-c-multiple-file-upload__title-text--FontFamily: var(--pf-t--global--font--family--heading);
10698
+ --pf-v6-c-multiple-file-upload__title-text--FontSize: var(--pf-t--global--font--size--heading--sm);
10699
+ --pf-v6-c-multiple-file-upload__title-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
10700
+ --pf-v6-c-multiple-file-upload__title-icon--Color: var(--pf-t--global--icon--color--regular);
10701
+ --pf-v6-c-multiple-file-upload__title-icon--FontSize: var(--pf-t--global--icon--size--xl);
10702
+ --pf-v6-c-multiple-file-upload__title-text-separator--Display: block;
10703
+ --pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart: var(--pf-t--global--spacer--sm);
10704
+ --pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockEnd: var(--pf-t--global--spacer--sm);
10705
+ --pf-v6-c-multiple-file-upload__title-text-separator--Color: var(--pf-t--global--text--color--regular);
10706
+ --pf-v6-c-multiple-file-upload__title-text-separator--FontFamily: var(--pf-t--global--font--family--body);
10707
+ --pf-v6-c-multiple-file-upload__title-text-separator--FontSize: var(--pf-t--global--font--size--body--lg);
10708
+ --pf-v6-c-multiple-file-upload__title-text-separator--FontWeight: var(--pf-t--global--font--weight--body--default);
10709
+ --pf-v6-c-multiple-file-upload__info--FontSize: var(--pf-t--global--font--size--body--default);
10710
+ --pf-v6-c-multiple-file-upload__info--Color: var(--pf-t--global--text--color--subtle);
10711
+ --pf-v6-c-multiple-file-upload__info--MarginBlockStart: var(--pf-t--global--spacer--lg);
10712
+ --pf-v6-c-multiple-file-upload--m-drag-over__main--BorderStyle: dashed;
10713
+ --pf-v6-c-multiple-file-upload--m-drag-over__main--BorderColor: var(--pf-t--global--border--color--clicked);
10714
+ --pf-v6-c-multiple-file-upload--m-horizontal--GridTemplateColumns: fit-content(100%);
10715
+ --pf-v6-c-multiple-file-upload--m-horizontal__main--TextAlign: start;
10716
+ --pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns: 1fr auto;
10717
+ --pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas:
10718
+ "title upload"
10719
+ "info upload";
10720
+ --pf-v6-c-multiple-file-upload--m-horizontal__main--Gap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--lg);
10721
+ --pf-v6-c-multiple-file-upload--m-horizontal__main--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
10722
+ --pf-v6-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns: auto 1fr;
10723
+ --pf-v6-c-multiple-file-upload--m-horizontal__title--Gap: var(--pf-t--global--spacer--sm);
10724
+ --pf-v6-c-multiple-file-upload--m-horizontal__title-icon--FontSize: var(--pf-t--global--font--size--heading--xs);
10725
+ --pf-v6-c-multiple-file-upload--m-horizontal__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
10726
+ --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--Display: inline;
10727
+ --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--MarginBlockStart: 0;
10728
+ --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontFamily: var(--pf-t--global--font--family--heading);
10729
+ --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontSize: var(--pf-t--global--font--size--heading--xs);
10730
+ --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontWeight: var(--pf-t--global--font--weight--heading--default);
10731
+ --pf-v6-c-multiple-file-upload--m-horizontal__info--MarginBlockStart: 0;
10732
+ --pf-v6-c-multiple-file-upload__status--PaddingBlockStart: var(--pf-t--global--spacer--sm);
10733
+ --pf-v6-c-multiple-file-upload__status--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
10734
+ --pf-v6-c-multiple-file-upload__status--PaddingInlineStart: var(--pf-t--global--spacer--md);
10735
+ --pf-v6-c-multiple-file-upload__status--PaddingInlineEnd: var(--pf-t--global--spacer--md);
10736
+ --pf-v6-c-multiple-file-upload__status-progress--GridTemplateColumns: auto 1fr;
10737
+ --pf-v6-c-multiple-file-upload__status-progress--Gap: var(--pf-t--global--spacer--sm);
10738
+ --pf-v6-c-multiple-file-upload__status-progress-icon--Color: var(--pf-t--global--icon--color--brand--default);
10739
+ --pf-v6-c-multiple-file-upload__status-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
10740
+ --pf-v6-c-multiple-file-upload__status-item--PaddingBlockEnd: var(--pf-t--global--spacer--md);
10741
+ --pf-v6-c-multiple-file-upload__status-item--GridTemplateColumns: auto 1fr auto;
10742
+ --pf-v6-c-multiple-file-upload__status-item--Gap: var(--pf-t--global--spacer--sm);
10743
+ --pf-v6-c-multiple-file-upload__status-item--BorderWidth: var(--pf-t--global--border--width--regular);
10744
+ --pf-v6-c-multiple-file-upload__status-item--BorderColor: var(--pf-t--global--border--color--default);
10745
+ --pf-v6-c-multiple-file-upload__status-item-icon--Color: var(--pf-t--global--icon--color--regular);
10746
+ --pf-v6-c-multiple-file-upload__status-item-progress--GridTemplateColumns: fit-content(100%) max-content;
10747
+ --pf-v6-c-multiple-file-upload__status-item-progress--Gap: var(--pf-t--global--spacer--sm);
10748
+ --pf-v6-c-multiple-file-upload__status-item-progress-text--Color: var(--pf-t--global--text--color--regular);
10749
+ --pf-v6-c-multiple-file-upload__status-item-progress-size--Color: var(--pf-t--global--text--color--subtle);
10750
+ }
10751
+
10752
+ .pf-v6-c-multiple-file-upload {
10753
+ display: grid;
10754
+ grid-template-columns: var(--pf-v6-c-multiple-file-upload--GridTemplateColumns);
10755
+ gap: var(--pf-v6-c-multiple-file-upload--Gap);
10756
+ }
10757
+
10758
+ .pf-v6-c-multiple-file-upload.pf-m-horizontal {
10759
+ --pf-v6-c-multiple-file-upload--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal--GridTemplateColumns);
10760
+ --pf-v6-c-multiple-file-upload__main--TextAlign: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--TextAlign);
10761
+ --pf-v6-c-multiple-file-upload__main--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns);
10762
+ --pf-v6-c-multiple-file-upload__main--GridTemplateAreas: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas);
10763
+ --pf-v6-c-multiple-file-upload__main--Gap: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--Gap);
10764
+ --pf-v6-c-multiple-file-upload__main--PaddingBlockEnd: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--PaddingBlockEnd);
10765
+ --pf-v6-c-multiple-file-upload__title--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns);
10766
+ --pf-v6-c-multiple-file-upload__title--Gap: var(--pf-v6-c-multiple-file-upload--m-horizontal__title--Gap);
10767
+ --pf-v6-c-multiple-file-upload__title-icon--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-icon--FontSize);
10768
+ --pf-v6-c-multiple-file-upload__title-text--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text--FontSize);
10769
+ --pf-v6-c-multiple-file-upload__title-text-separator--FontFamily: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontFamily);
10770
+ --pf-v6-c-multiple-file-upload__title-text-separator--Display: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--Display);
10771
+ --pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--MarginBlockStart);
10772
+ --pf-v6-c-multiple-file-upload__title-text-separator--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontSize);
10773
+ --pf-v6-c-multiple-file-upload__title-text-separator--FontWeight: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontWeight);
10774
+ --pf-v6-c-multiple-file-upload__info--MarginBlockStart: var(--pf-v6-c-multiple-file-upload--m-horizontal__info--MarginBlockStart);
10775
+ }
10776
+
10777
+ .pf-v6-c-multiple-file-upload.pf-m-drag-over {
10778
+ --pf-v6-c-multiple-file-upload__main--BorderStyle: var(--pf-v6-c-multiple-file-upload--m-drag-over__main--BorderStyle);
10779
+ --pf-v6-c-multiple-file-upload__main--BorderColor: var(--pf-v6-c-multiple-file-upload--m-drag-over__main--BorderColor);
10780
+ }
10781
+
10782
+ .pf-v6-c-multiple-file-upload__main {
10783
+ display: grid;
10784
+ grid-template-areas: var(--pf-v6-c-multiple-file-upload__main--GridTemplateAreas);
10785
+ grid-template-rows: var(--pf-v6-c-multiple-file-upload__main--GridTemplateRows);
10786
+ grid-template-columns: var(--pf-v6-c-multiple-file-upload__main--GridTemplateColumns);
10787
+ gap: var(--pf-v6-c-multiple-file-upload__main--Gap);
10788
+ align-items: center;
10789
+ padding-block-start: var(--pf-v6-c-multiple-file-upload__main--PaddingBlockStart);
10790
+ padding-block-end: var(--pf-v6-c-multiple-file-upload__main--PaddingBlockEnd);
10791
+ padding-inline-start: var(--pf-v6-c-multiple-file-upload__main--PaddingInlineStart);
10792
+ padding-inline-end: var(--pf-v6-c-multiple-file-upload__main--PaddingInlineEnd);
10793
+ text-align: var(--pf-v6-c-multiple-file-upload__main--TextAlign);
10794
+ border: var(--pf-v6-c-multiple-file-upload__main--BorderWidth) var(--pf-v6-c-multiple-file-upload__main--BorderStyle) var(--pf-v6-c-multiple-file-upload__main--BorderColor);
10795
+ border-radius: var(--pf-v6-c-multiple-file-upload__main--BorderRadius);
10796
+ }
10797
+
10798
+ .pf-v6-c-multiple-file-upload__title {
10799
+ display: var(--pf-v6-c-multiple-file-upload__title--Display);
10800
+ grid-area: title;
10801
+ grid-template-columns: var(--pf-v6-c-multiple-file-upload__title--GridTemplateColumns);
10802
+ gap: var(--pf-v6-c-multiple-file-upload__title--Gap);
10803
+ }
10804
+
10805
+ .pf-v6-c-multiple-file-upload__title-icon {
10806
+ font-size: var(--pf-v6-c-multiple-file-upload__title-icon--FontSize);
10807
+ color: var(--pf-v6-c-multiple-file-upload__title-icon--Color);
10808
+ }
10809
+
10810
+ .pf-v6-c-multiple-file-upload__title-text {
10811
+ font-family: var(--pf-v6-c-multiple-file-upload__title-text--FontFamily);
10812
+ font-size: var(--pf-v6-c-multiple-file-upload__title-text--FontSize);
10813
+ font-weight: var(--pf-v6-c-multiple-file-upload__title-text--FontWeight);
10814
+ color: var(--pf-v6-c-multiple-file-upload__title-text--Color, inherit);
10815
+ }
10816
+
10817
+ .pf-v6-c-multiple-file-upload__title-text-separator {
10818
+ display: var(--pf-v6-c-multiple-file-upload__title-text-separator--Display);
10819
+ margin-block-start: var(--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart);
10820
+ margin-block-end: var(--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockEnd);
10821
+ font-family: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontFamily);
10822
+ font-size: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontSize);
10823
+ font-weight: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontWeight);
10824
+ color: var(--pf-v6-c-multiple-file-upload__title-text-separator--Color);
10825
+ }
10826
+
10827
+ .pf-v6-c-multiple-file-upload__upload {
10828
+ grid-area: upload;
10829
+ }
10830
+
10831
+ .pf-v6-c-multiple-file-upload__info {
10832
+ grid-area: info;
10833
+ margin-block-start: var(--pf-v6-c-multiple-file-upload__info--MarginBlockStart);
10834
+ font-size: var(--pf-v6-c-multiple-file-upload__info--FontSize);
10835
+ color: var(--pf-v6-c-multiple-file-upload__info--Color);
10836
+ }
10837
+
10838
+ .pf-v6-c-multiple-file-upload__status {
10839
+ padding-block-start: var(--pf-v6-c-multiple-file-upload__status--PaddingBlockStart);
10840
+ padding-block-end: var(--pf-v6-c-multiple-file-upload__status--PaddingBlockEnd);
10841
+ padding-inline-start: var(--pf-v6-c-multiple-file-upload__status--PaddingInlineStart);
10842
+ padding-inline-end: var(--pf-v6-c-multiple-file-upload__status--PaddingInlineEnd);
10843
+ }
10844
+
10845
+ .pf-v6-c-multiple-file-upload__status,
10846
+ .pf-v6-c-multiple-file-upload__status-item-main {
10847
+ min-width: 0;
10848
+ }
10849
+
10850
+ .pf-v6-c-multiple-file-upload__status-progress {
10851
+ display: grid;
10852
+ grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-progress--GridTemplateColumns);
10853
+ gap: var(--pf-v6-c-multiple-file-upload__status-progress--Gap);
10854
+ }
10855
+
10856
+ .pf-v6-c-multiple-file-upload__status-progress-icon {
10857
+ color: var(--pf-v6-c-multiple-file-upload__status-progress-icon--Color);
10858
+ }
10859
+
10860
+ .pf-v6-c-multiple-file-upload__status-item {
10861
+ display: grid;
10862
+ grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-item--GridTemplateColumns);
10863
+ gap: var(--pf-v6-c-multiple-file-upload__status-item--Gap);
10864
+ padding-block-start: var(--pf-v6-c-multiple-file-upload__status-item--PaddingBlockStart);
10865
+ padding-block-end: var(--pf-v6-c-multiple-file-upload__status-item--PaddingBlockEnd);
10866
+ border-block-end: var(--pf-v6-c-multiple-file-upload__status-item--BorderWidth) solid var(--pf-v6-c-multiple-file-upload__status-item--BorderColor);
10867
+ }
10868
+
10869
+ .pf-v6-c-multiple-file-upload__status-item-icon {
10870
+ color: var(--pf-v6-c-multiple-file-upload__status-item-icon--Color);
10657
10871
  }
10658
10872
 
10659
- .pf-v6-c-menu-toggle__controls {
10660
- min-width: var(--pf-v6-c-menu-toggle__controls--MinWidth);
10661
- margin-inline-start: auto;
10873
+ .pf-v6-c-multiple-file-upload__status-item-progress {
10874
+ display: grid;
10875
+ grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-item-progress--GridTemplateColumns);
10876
+ gap: var(--pf-v6-c-multiple-file-upload__status-item-progress--Gap);
10662
10877
  }
10663
10878
 
10664
- .pf-v6-c-menu-toggle__toggle-icon {
10665
- min-height: var(--pf-v6-c-menu-toggle__toggle-icon--MinHeight);
10666
- color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
10879
+ .pf-v6-c-multiple-file-upload__status-item-progress-text {
10880
+ color: var(--pf-v6-c-multiple-file-upload__status-item-progress-text--Color);
10667
10881
  }
10668
10882
 
10669
- .pf-v6-c-menu-toggle__status-icon {
10670
- margin-inline-end: var(--pf-v6-c-menu-toggle__status-icon--MarginInlineEnd);
10671
- color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
10883
+ .pf-v6-c-multiple-file-upload__status-item-progress-size {
10884
+ color: var(--pf-v6-c-multiple-file-upload__status-item-progress-size--Color);
10672
10885
  }
10673
10886
 
10674
10887
  :root,
@@ -11162,281 +11375,68 @@ ul.pf-v6-c-list {
11162
11375
  }
11163
11376
 
11164
11377
  .pf-v6-c-nav__scroll-button:last-of-type::before {
11165
- border-inline-start: var(--pf-v6-c-nav__scroll-button--BorderWidth) solid var(--pf-v6-c-nav__scroll-button--BorderColor);
11166
- }
11167
-
11168
- .pf-v6-c-nav__scroll-button .pf-v6-c-button {
11169
- outline-offset: var(--pf-v6-c-nav--OutlineOffset);
11170
- }
11171
-
11172
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__scroll-button .pf-v6-c-button > * {
11173
- scale: -1 1;
11174
- }
11175
-
11176
- .pf-v6-c-nav:where(.pf-m-horizontal) {
11177
- padding: 0;
11178
- overflow: hidden;
11179
- }
11180
-
11181
- .pf-v6-c-nav:where(.pf-m-horizontal),
11182
- .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__section,
11183
- .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__subnav,
11184
- .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list,
11185
- .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__item {
11186
- display: flex;
11187
- }
11188
-
11189
- .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list {
11190
- padding-block-start: var(--pf-v6-c-nav--m-horizontal__list--PaddingBlockStart);
11191
- padding-block-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd);
11192
- padding-inline-start: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineStart);
11193
- padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
11194
- overflow-x: auto;
11195
- white-space: nowrap;
11196
- scroll-snap-type: var(--pf-v6-c-nav__list--ScrollSnapType);
11197
- scroll-padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
11198
- -webkit-overflow-scrolling: touch;
11199
- scrollbar-width: none;
11200
- -ms-overflow-style: -ms-autohiding-scrollbar;
11201
- }
11202
-
11203
- .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list::-webkit-scrollbar {
11204
- display: none;
11205
- }
11206
-
11207
- .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link {
11208
- outline-offset: var(--pf-v6-c-nav--OutlineOffset);
11209
- }
11210
-
11211
- .pf-v6-c-nav:where(.pf-m-horizontal).pf-m-subnav {
11212
- --pf-v6-c-nav--BackgroundColor: var(--pf-v6-c-nav--m-horizontal--m-subnav--BackgroundColor);
11213
- --pf-v6-c-nav--m-horizontal__list--PaddingBlockStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockStart);
11214
- --pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockEnd);
11215
- --pf-v6-c-nav--m-horizontal__list--PaddingInlineStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineStart);
11216
- --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineEnd);
11217
- --pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineStart: var(--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineStart);
11218
- --pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineEnd);
11219
- --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockStart);
11220
- --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockEnd);
11221
- border-radius: var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius);
11222
- }
11223
-
11224
- .pf-v6-c-nav:where(.pf-m-horizontal).pf-m-scrollable {
11225
- --pf-v6-c-nav--m-horizontal__list--PaddingInlineStart: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineStart);
11226
- --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd);
11227
- }
11228
-
11229
- :root,
11230
- .pf-v6-c-multiple-file-upload {
11231
- --pf-v6-c-multiple-file-upload--GridTemplateColumns: 1fr;
11232
- --pf-v6-c-multiple-file-upload--Gap: var(--pf-t--global--spacer--md);
11233
- --pf-v6-c-multiple-file-upload__main--TextAlign: center;
11234
- --pf-v6-c-multiple-file-upload__main--GridTemplateColumns: auto;
11235
- --pf-v6-c-multiple-file-upload__main--GridTemplateRows: auto;
11236
- --pf-v6-c-multiple-file-upload__main--GridTemplateAreas:
11237
- "title"
11238
- "upload"
11239
- "info";
11240
- --pf-v6-c-multiple-file-upload__main--PaddingBlockStart: var(--pf-t--global--spacer--xl);
11241
- --pf-v6-c-multiple-file-upload__main--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
11242
- --pf-v6-c-multiple-file-upload__main--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
11243
- --pf-v6-c-multiple-file-upload__main--PaddingInlineStart: var(--pf-t--global--spacer--xl);
11244
- --pf-v6-c-multiple-file-upload__main--BorderWidth: var(--pf-t--global--border--width--regular);
11245
- --pf-v6-c-multiple-file-upload__main--BorderStyle: dashed;
11246
- --pf-v6-c-multiple-file-upload__main--BorderColor: var(--pf-t--global--border--color--default);
11247
- --pf-v6-c-multiple-file-upload__main--BorderRadius: var(--pf-t--global--border--radius--medium);
11248
- --pf-v6-c-multiple-file-upload__title--Display: grid;
11249
- --pf-v6-c-multiple-file-upload__title--GridTemplateColumns: auto;
11250
- --pf-v6-c-multiple-file-upload__title--Gap: var(--pf-t--global--spacer--lg);
11251
- --pf-v6-c-multiple-file-upload__title-text--Color: var(--pf-t--global--text--color--regular);
11252
- --pf-v6-c-multiple-file-upload__title-text--FontFamily: var(--pf-t--global--font--family--heading);
11253
- --pf-v6-c-multiple-file-upload__title-text--FontSize: var(--pf-t--global--font--size--heading--sm);
11254
- --pf-v6-c-multiple-file-upload__title-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
11255
- --pf-v6-c-multiple-file-upload__title-icon--Color: var(--pf-t--global--icon--color--regular);
11256
- --pf-v6-c-multiple-file-upload__title-icon--FontSize: var(--pf-t--global--icon--size--xl);
11257
- --pf-v6-c-multiple-file-upload__title-text-separator--Display: block;
11258
- --pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart: var(--pf-t--global--spacer--sm);
11259
- --pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockEnd: var(--pf-t--global--spacer--sm);
11260
- --pf-v6-c-multiple-file-upload__title-text-separator--Color: var(--pf-t--global--text--color--regular);
11261
- --pf-v6-c-multiple-file-upload__title-text-separator--FontFamily: var(--pf-t--global--font--family--body);
11262
- --pf-v6-c-multiple-file-upload__title-text-separator--FontSize: var(--pf-t--global--font--size--body--lg);
11263
- --pf-v6-c-multiple-file-upload__title-text-separator--FontWeight: var(--pf-t--global--font--weight--body--default);
11264
- --pf-v6-c-multiple-file-upload__info--FontSize: var(--pf-t--global--font--size--body--default);
11265
- --pf-v6-c-multiple-file-upload__info--Color: var(--pf-t--global--text--color--subtle);
11266
- --pf-v6-c-multiple-file-upload__info--MarginBlockStart: var(--pf-t--global--spacer--lg);
11267
- --pf-v6-c-multiple-file-upload--m-drag-over__main--BorderStyle: dashed;
11268
- --pf-v6-c-multiple-file-upload--m-drag-over__main--BorderColor: var(--pf-t--global--border--color--clicked);
11269
- --pf-v6-c-multiple-file-upload--m-horizontal--GridTemplateColumns: fit-content(100%);
11270
- --pf-v6-c-multiple-file-upload--m-horizontal__main--TextAlign: start;
11271
- --pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns: 1fr auto;
11272
- --pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas:
11273
- "title upload"
11274
- "info upload";
11275
- --pf-v6-c-multiple-file-upload--m-horizontal__main--Gap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--lg);
11276
- --pf-v6-c-multiple-file-upload--m-horizontal__main--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
11277
- --pf-v6-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns: auto 1fr;
11278
- --pf-v6-c-multiple-file-upload--m-horizontal__title--Gap: var(--pf-t--global--spacer--sm);
11279
- --pf-v6-c-multiple-file-upload--m-horizontal__title-icon--FontSize: var(--pf-t--global--font--size--heading--xs);
11280
- --pf-v6-c-multiple-file-upload--m-horizontal__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
11281
- --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--Display: inline;
11282
- --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--MarginBlockStart: 0;
11283
- --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontFamily: var(--pf-t--global--font--family--heading);
11284
- --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontSize: var(--pf-t--global--font--size--heading--xs);
11285
- --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontWeight: var(--pf-t--global--font--weight--heading--default);
11286
- --pf-v6-c-multiple-file-upload--m-horizontal__info--MarginBlockStart: 0;
11287
- --pf-v6-c-multiple-file-upload__status--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11288
- --pf-v6-c-multiple-file-upload__status--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11289
- --pf-v6-c-multiple-file-upload__status--PaddingInlineStart: var(--pf-t--global--spacer--md);
11290
- --pf-v6-c-multiple-file-upload__status--PaddingInlineEnd: var(--pf-t--global--spacer--md);
11291
- --pf-v6-c-multiple-file-upload__status-progress--GridTemplateColumns: auto 1fr;
11292
- --pf-v6-c-multiple-file-upload__status-progress--Gap: var(--pf-t--global--spacer--sm);
11293
- --pf-v6-c-multiple-file-upload__status-progress-icon--Color: var(--pf-t--global--icon--color--brand--default);
11294
- --pf-v6-c-multiple-file-upload__status-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
11295
- --pf-v6-c-multiple-file-upload__status-item--PaddingBlockEnd: var(--pf-t--global--spacer--md);
11296
- --pf-v6-c-multiple-file-upload__status-item--GridTemplateColumns: auto 1fr auto;
11297
- --pf-v6-c-multiple-file-upload__status-item--Gap: var(--pf-t--global--spacer--sm);
11298
- --pf-v6-c-multiple-file-upload__status-item--BorderWidth: var(--pf-t--global--border--width--regular);
11299
- --pf-v6-c-multiple-file-upload__status-item--BorderColor: var(--pf-t--global--border--color--default);
11300
- --pf-v6-c-multiple-file-upload__status-item-icon--Color: var(--pf-t--global--icon--color--regular);
11301
- --pf-v6-c-multiple-file-upload__status-item-progress--GridTemplateColumns: fit-content(100%) max-content;
11302
- --pf-v6-c-multiple-file-upload__status-item-progress--Gap: var(--pf-t--global--spacer--sm);
11303
- --pf-v6-c-multiple-file-upload__status-item-progress-text--Color: var(--pf-t--global--text--color--regular);
11304
- --pf-v6-c-multiple-file-upload__status-item-progress-size--Color: var(--pf-t--global--text--color--subtle);
11305
- }
11306
-
11307
- .pf-v6-c-multiple-file-upload {
11308
- display: grid;
11309
- grid-template-columns: var(--pf-v6-c-multiple-file-upload--GridTemplateColumns);
11310
- gap: var(--pf-v6-c-multiple-file-upload--Gap);
11311
- }
11312
-
11313
- .pf-v6-c-multiple-file-upload.pf-m-horizontal {
11314
- --pf-v6-c-multiple-file-upload--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal--GridTemplateColumns);
11315
- --pf-v6-c-multiple-file-upload__main--TextAlign: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--TextAlign);
11316
- --pf-v6-c-multiple-file-upload__main--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns);
11317
- --pf-v6-c-multiple-file-upload__main--GridTemplateAreas: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas);
11318
- --pf-v6-c-multiple-file-upload__main--Gap: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--Gap);
11319
- --pf-v6-c-multiple-file-upload__main--PaddingBlockEnd: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--PaddingBlockEnd);
11320
- --pf-v6-c-multiple-file-upload__title--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns);
11321
- --pf-v6-c-multiple-file-upload__title--Gap: var(--pf-v6-c-multiple-file-upload--m-horizontal__title--Gap);
11322
- --pf-v6-c-multiple-file-upload__title-icon--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-icon--FontSize);
11323
- --pf-v6-c-multiple-file-upload__title-text--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text--FontSize);
11324
- --pf-v6-c-multiple-file-upload__title-text-separator--FontFamily: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontFamily);
11325
- --pf-v6-c-multiple-file-upload__title-text-separator--Display: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--Display);
11326
- --pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--MarginBlockStart);
11327
- --pf-v6-c-multiple-file-upload__title-text-separator--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontSize);
11328
- --pf-v6-c-multiple-file-upload__title-text-separator--FontWeight: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontWeight);
11329
- --pf-v6-c-multiple-file-upload__info--MarginBlockStart: var(--pf-v6-c-multiple-file-upload--m-horizontal__info--MarginBlockStart);
11330
- }
11331
-
11332
- .pf-v6-c-multiple-file-upload.pf-m-drag-over {
11333
- --pf-v6-c-multiple-file-upload__main--BorderStyle: var(--pf-v6-c-multiple-file-upload--m-drag-over__main--BorderStyle);
11334
- --pf-v6-c-multiple-file-upload__main--BorderColor: var(--pf-v6-c-multiple-file-upload--m-drag-over__main--BorderColor);
11335
- }
11336
-
11337
- .pf-v6-c-multiple-file-upload__main {
11338
- display: grid;
11339
- grid-template-areas: var(--pf-v6-c-multiple-file-upload__main--GridTemplateAreas);
11340
- grid-template-rows: var(--pf-v6-c-multiple-file-upload__main--GridTemplateRows);
11341
- grid-template-columns: var(--pf-v6-c-multiple-file-upload__main--GridTemplateColumns);
11342
- gap: var(--pf-v6-c-multiple-file-upload__main--Gap);
11343
- align-items: center;
11344
- padding-block-start: var(--pf-v6-c-multiple-file-upload__main--PaddingBlockStart);
11345
- padding-block-end: var(--pf-v6-c-multiple-file-upload__main--PaddingBlockEnd);
11346
- padding-inline-start: var(--pf-v6-c-multiple-file-upload__main--PaddingInlineStart);
11347
- padding-inline-end: var(--pf-v6-c-multiple-file-upload__main--PaddingInlineEnd);
11348
- text-align: var(--pf-v6-c-multiple-file-upload__main--TextAlign);
11349
- border: var(--pf-v6-c-multiple-file-upload__main--BorderWidth) var(--pf-v6-c-multiple-file-upload__main--BorderStyle) var(--pf-v6-c-multiple-file-upload__main--BorderColor);
11350
- border-radius: var(--pf-v6-c-multiple-file-upload__main--BorderRadius);
11351
- }
11352
-
11353
- .pf-v6-c-multiple-file-upload__title {
11354
- display: var(--pf-v6-c-multiple-file-upload__title--Display);
11355
- grid-area: title;
11356
- grid-template-columns: var(--pf-v6-c-multiple-file-upload__title--GridTemplateColumns);
11357
- gap: var(--pf-v6-c-multiple-file-upload__title--Gap);
11358
- }
11359
-
11360
- .pf-v6-c-multiple-file-upload__title-icon {
11361
- font-size: var(--pf-v6-c-multiple-file-upload__title-icon--FontSize);
11362
- color: var(--pf-v6-c-multiple-file-upload__title-icon--Color);
11363
- }
11364
-
11365
- .pf-v6-c-multiple-file-upload__title-text {
11366
- font-family: var(--pf-v6-c-multiple-file-upload__title-text--FontFamily);
11367
- font-size: var(--pf-v6-c-multiple-file-upload__title-text--FontSize);
11368
- font-weight: var(--pf-v6-c-multiple-file-upload__title-text--FontWeight);
11369
- color: var(--pf-v6-c-multiple-file-upload__title-text--Color, inherit);
11370
- }
11371
-
11372
- .pf-v6-c-multiple-file-upload__title-text-separator {
11373
- display: var(--pf-v6-c-multiple-file-upload__title-text-separator--Display);
11374
- margin-block-start: var(--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart);
11375
- margin-block-end: var(--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockEnd);
11376
- font-family: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontFamily);
11377
- font-size: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontSize);
11378
- font-weight: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontWeight);
11379
- color: var(--pf-v6-c-multiple-file-upload__title-text-separator--Color);
11380
- }
11381
-
11382
- .pf-v6-c-multiple-file-upload__upload {
11383
- grid-area: upload;
11384
- }
11385
-
11386
- .pf-v6-c-multiple-file-upload__info {
11387
- grid-area: info;
11388
- margin-block-start: var(--pf-v6-c-multiple-file-upload__info--MarginBlockStart);
11389
- font-size: var(--pf-v6-c-multiple-file-upload__info--FontSize);
11390
- color: var(--pf-v6-c-multiple-file-upload__info--Color);
11391
- }
11392
-
11393
- .pf-v6-c-multiple-file-upload__status {
11394
- padding-block-start: var(--pf-v6-c-multiple-file-upload__status--PaddingBlockStart);
11395
- padding-block-end: var(--pf-v6-c-multiple-file-upload__status--PaddingBlockEnd);
11396
- padding-inline-start: var(--pf-v6-c-multiple-file-upload__status--PaddingInlineStart);
11397
- padding-inline-end: var(--pf-v6-c-multiple-file-upload__status--PaddingInlineEnd);
11378
+ border-inline-start: var(--pf-v6-c-nav__scroll-button--BorderWidth) solid var(--pf-v6-c-nav__scroll-button--BorderColor);
11398
11379
  }
11399
11380
 
11400
- .pf-v6-c-multiple-file-upload__status,
11401
- .pf-v6-c-multiple-file-upload__status-item-main {
11402
- min-width: 0;
11381
+ .pf-v6-c-nav__scroll-button .pf-v6-c-button {
11382
+ outline-offset: var(--pf-v6-c-nav--OutlineOffset);
11403
11383
  }
11404
11384
 
11405
- .pf-v6-c-multiple-file-upload__status-progress {
11406
- display: grid;
11407
- grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-progress--GridTemplateColumns);
11408
- gap: var(--pf-v6-c-multiple-file-upload__status-progress--Gap);
11385
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__scroll-button .pf-v6-c-button > * {
11386
+ scale: -1 1;
11409
11387
  }
11410
11388
 
11411
- .pf-v6-c-multiple-file-upload__status-progress-icon {
11412
- color: var(--pf-v6-c-multiple-file-upload__status-progress-icon--Color);
11389
+ .pf-v6-c-nav:where(.pf-m-horizontal) {
11390
+ padding: 0;
11391
+ overflow: hidden;
11413
11392
  }
11414
11393
 
11415
- .pf-v6-c-multiple-file-upload__status-item {
11416
- display: grid;
11417
- grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-item--GridTemplateColumns);
11418
- gap: var(--pf-v6-c-multiple-file-upload__status-item--Gap);
11419
- padding-block-start: var(--pf-v6-c-multiple-file-upload__status-item--PaddingBlockStart);
11420
- padding-block-end: var(--pf-v6-c-multiple-file-upload__status-item--PaddingBlockEnd);
11421
- border-block-end: var(--pf-v6-c-multiple-file-upload__status-item--BorderWidth) solid var(--pf-v6-c-multiple-file-upload__status-item--BorderColor);
11394
+ .pf-v6-c-nav:where(.pf-m-horizontal),
11395
+ .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__section,
11396
+ .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__subnav,
11397
+ .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list,
11398
+ .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__item {
11399
+ display: flex;
11422
11400
  }
11423
11401
 
11424
- .pf-v6-c-multiple-file-upload__status-item-icon {
11425
- color: var(--pf-v6-c-multiple-file-upload__status-item-icon--Color);
11402
+ .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list {
11403
+ padding-block-start: var(--pf-v6-c-nav--m-horizontal__list--PaddingBlockStart);
11404
+ padding-block-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd);
11405
+ padding-inline-start: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineStart);
11406
+ padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
11407
+ overflow-x: auto;
11408
+ white-space: nowrap;
11409
+ scroll-snap-type: var(--pf-v6-c-nav__list--ScrollSnapType);
11410
+ scroll-padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
11411
+ -webkit-overflow-scrolling: touch;
11412
+ scrollbar-width: none;
11413
+ -ms-overflow-style: -ms-autohiding-scrollbar;
11426
11414
  }
11427
11415
 
11428
- .pf-v6-c-multiple-file-upload__status-item-progress {
11429
- display: grid;
11430
- grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-item-progress--GridTemplateColumns);
11431
- gap: var(--pf-v6-c-multiple-file-upload__status-item-progress--Gap);
11416
+ .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list::-webkit-scrollbar {
11417
+ display: none;
11432
11418
  }
11433
11419
 
11434
- .pf-v6-c-multiple-file-upload__status-item-progress-text {
11435
- color: var(--pf-v6-c-multiple-file-upload__status-item-progress-text--Color);
11420
+ .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link {
11421
+ outline-offset: var(--pf-v6-c-nav--OutlineOffset);
11436
11422
  }
11437
11423
 
11438
- .pf-v6-c-multiple-file-upload__status-item-progress-size {
11439
- color: var(--pf-v6-c-multiple-file-upload__status-item-progress-size--Color);
11424
+ .pf-v6-c-nav:where(.pf-m-horizontal).pf-m-subnav {
11425
+ --pf-v6-c-nav--BackgroundColor: var(--pf-v6-c-nav--m-horizontal--m-subnav--BackgroundColor);
11426
+ --pf-v6-c-nav--m-horizontal__list--PaddingBlockStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockStart);
11427
+ --pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockEnd);
11428
+ --pf-v6-c-nav--m-horizontal__list--PaddingInlineStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineStart);
11429
+ --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineEnd);
11430
+ --pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineStart: var(--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineStart);
11431
+ --pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineEnd);
11432
+ --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockStart);
11433
+ --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockEnd);
11434
+ border-radius: var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius);
11435
+ }
11436
+
11437
+ .pf-v6-c-nav:where(.pf-m-horizontal).pf-m-scrollable {
11438
+ --pf-v6-c-nav--m-horizontal__list--PaddingInlineStart: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineStart);
11439
+ --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd);
11440
11440
  }
11441
11441
 
11442
11442
  :root,
@@ -12345,64 +12345,248 @@ ul.pf-v6-c-list {
12345
12345
  padding: 0;
12346
12346
  }
12347
12347
  }
12348
- @media (min-width: 62rem) {
12349
- .pf-v6-c-page__main-section.pf-m-padding-on-lg {
12350
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12351
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12352
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12353
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12354
- }
12355
- .pf-v6-c-page__main-section.pf-m-no-padding-on-lg {
12356
- padding: 0;
12357
- }
12348
+ @media (min-width: 62rem) {
12349
+ .pf-v6-c-page__main-section.pf-m-padding-on-lg {
12350
+ padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12351
+ padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12352
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12353
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12354
+ }
12355
+ .pf-v6-c-page__main-section.pf-m-no-padding-on-lg {
12356
+ padding: 0;
12357
+ }
12358
+ }
12359
+ @media (min-width: 75rem) {
12360
+ .pf-v6-c-page__main-section.pf-m-padding-on-xl {
12361
+ padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12362
+ padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12363
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12364
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12365
+ }
12366
+ .pf-v6-c-page__main-section.pf-m-no-padding-on-xl {
12367
+ padding: 0;
12368
+ }
12369
+ }
12370
+ @media (min-width: 90.625rem) {
12371
+ .pf-v6-c-page__main-section.pf-m-padding-on-2xl {
12372
+ padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12373
+ padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12374
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12375
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12376
+ }
12377
+ .pf-v6-c-page__main-section.pf-m-no-padding-on-2xl {
12378
+ padding: 0;
12379
+ }
12380
+ }
12381
+ .pf-v6-c-page__main-wizard {
12382
+ flex: 1 1;
12383
+ min-height: 0;
12384
+ background-color: var(--pf-v6-c-page__main-wizard--BackgroundColor);
12385
+ border-block-start: var(--pf-v6-c-page__main-wizard--BorderBlockStartWidth) solid var(--pf-v6-c-page__main-wizard--BorderBlockStartColor);
12386
+ }
12387
+
12388
+ .pf-v6-c-page__main-wizard:first-child {
12389
+ --pf-v6-c-page__main-wizard--BorderBlockStartWidth: 0;
12390
+ }
12391
+
12392
+ .pf-v6-c-page__main-wizard .pf-v6-c-page__main-body {
12393
+ min-height: 0;
12394
+ }
12395
+
12396
+ .pf-v6-c-page__main-group {
12397
+ flex-shrink: 0;
12398
+ }
12399
+
12400
+ .pf-v6-c-page__drawer {
12401
+ grid-area: main;
12402
+ }
12403
+
12404
+ .pf-v6-c-page__drawer > .pf-v6-c-drawer {
12405
+ flex: 1 0 auto;
12406
+ }
12407
+
12408
+ :root,
12409
+ .pf-v6-c-progress {
12410
+ --pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
12411
+ --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
12412
+ --pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
12413
+ --pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
12414
+ --pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
12415
+ --pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
12416
+ --pf-v6-c-progress__indicator--Height: var(--pf-v6-c-progress__bar--Height);
12417
+ --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
12418
+ --pf-v6-c-progress__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
12419
+ --pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
12420
+ --pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
12421
+ --pf-v6-c-progress--m-danger__indicator--BackgroundColor: var(--pf-t--global--color--status--danger--default);
12422
+ --pf-v6-c-progress--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
12423
+ --pf-v6-c-progress--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
12424
+ --pf-v6-c-progress--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
12425
+ --pf-v6-c-progress--m-inside__indicator--MinWidth: var(--pf-t--global--spacer--xl);
12426
+ --pf-v6-c-progress--m-inside__measure--Color: var(--pf-t--global--text--color--on-brand--default);
12427
+ --pf-v6-c-progress--m-success--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-success--default);
12428
+ --pf-v6-c-progress--m-warning--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-warning--default);
12429
+ --pf-v6-c-progress--m-danger--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-danger--default);
12430
+ --pf-v6-c-progress--m-inside__measure--FontSize: var(--pf-t--global--font--size--sm);
12431
+ --pf-v6-c-progress--m-outside__measure--FontSize: var(--pf-t--global--font--size--sm);
12432
+ --pf-v6-c-progress--m-sm__bar--Height: var(--pf-t--global--spacer--sm);
12433
+ --pf-v6-c-progress--m-sm__measure--FontSize: var(--pf-t--global--font--size--body--sm);
12434
+ --pf-v6-c-progress--m-lg__bar--Height: var(--pf-t--global--spacer--lg);
12435
+ }
12436
+
12437
+ .pf-v6-c-progress {
12438
+ display: grid;
12439
+ grid-template-rows: 1fr auto;
12440
+ grid-template-columns: auto auto;
12441
+ grid-gap: var(--pf-v6-c-progress--GridGap);
12442
+ align-items: end;
12443
+ }
12444
+
12445
+ .pf-v6-c-progress.pf-m-sm {
12446
+ --pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-sm__bar--Height);
12447
+ }
12448
+
12449
+ .pf-v6-c-progress.pf-m-sm .pf-v6-c-progress__measure {
12450
+ font-size: var(--pf-v6-c-progress--m-sm__measure--FontSize);
12451
+ }
12452
+
12453
+ .pf-v6-c-progress.pf-m-lg {
12454
+ --pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-lg__bar--Height);
12455
+ }
12456
+
12457
+ .pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__indicator {
12458
+ display: flex;
12459
+ align-items: center;
12460
+ justify-content: center;
12461
+ min-width: var(--pf-v6-c-progress--m-inside__indicator--MinWidth);
12462
+ }
12463
+
12464
+ .pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__measure {
12465
+ font-size: var(--pf-v6-c-progress--m-inside__measure--FontSize);
12466
+ color: var(--pf-v6-c-progress--m-inside__measure--Color);
12467
+ text-align: center;
12468
+ }
12469
+
12470
+ .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__description {
12471
+ grid-column: 1/3;
12472
+ }
12473
+
12474
+ .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__status {
12475
+ grid-row: 2/3;
12476
+ grid-column: 2/3;
12477
+ align-self: center;
12478
+ }
12479
+
12480
+ .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure {
12481
+ display: inline-block;
12482
+ font-size: var(--pf-v6-c-progress--m-outside__measure--FontSize);
12483
+ }
12484
+
12485
+ .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure.pf-m-static-width {
12486
+ min-width: var(--pf-v6-c-progress__measure--m-static-width--MinWidth);
12487
+ text-align: start;
12488
+ }
12489
+
12490
+ .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__bar,
12491
+ .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__indicator {
12492
+ grid-column: 1/2;
12493
+ }
12494
+
12495
+ .pf-v6-c-progress.pf-m-singleline {
12496
+ grid-template-rows: 1fr;
12497
+ }
12498
+
12499
+ .pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__description {
12500
+ display: none;
12501
+ }
12502
+
12503
+ .pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__bar {
12504
+ grid-row: 1/2;
12505
+ grid-column: 1/2;
12506
+ }
12507
+
12508
+ .pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__status {
12509
+ grid-row: 1/2;
12510
+ grid-column: 2/3;
12511
+ }
12512
+
12513
+ .pf-v6-c-progress.pf-m-outside, .pf-v6-c-progress.pf-m-singleline {
12514
+ grid-template-columns: 1fr fit-content(50%);
12515
+ }
12516
+
12517
+ .pf-v6-c-progress.pf-m-success {
12518
+ --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-success__indicator--BackgroundColor);
12519
+ --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-success__status-icon--Color);
12520
+ --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-success--m-inside__measure--Color);
12521
+ }
12522
+
12523
+ .pf-v6-c-progress.pf-m-warning {
12524
+ --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-warning__indicator--BackgroundColor);
12525
+ --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-warning__status-icon--Color);
12526
+ --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-warning--m-inside__measure--Color);
12527
+ }
12528
+
12529
+ .pf-v6-c-progress.pf-m-danger {
12530
+ --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-danger__indicator--BackgroundColor);
12531
+ --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
12532
+ --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
12533
+ }
12534
+
12535
+ .pf-v6-c-progress__description {
12536
+ grid-column: 1/2;
12537
+ word-break: break-word;
12358
12538
  }
12359
- @media (min-width: 75rem) {
12360
- .pf-v6-c-page__main-section.pf-m-padding-on-xl {
12361
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12362
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12363
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12364
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12365
- }
12366
- .pf-v6-c-page__main-section.pf-m-no-padding-on-xl {
12367
- padding: 0;
12368
- }
12539
+
12540
+ .pf-v6-c-progress__description.pf-m-truncate {
12541
+ overflow: hidden;
12542
+ text-overflow: ellipsis;
12543
+ white-space: nowrap;
12369
12544
  }
12370
- @media (min-width: 90.625rem) {
12371
- .pf-v6-c-page__main-section.pf-m-padding-on-2xl {
12372
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12373
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12374
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12375
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12376
- }
12377
- .pf-v6-c-page__main-section.pf-m-no-padding-on-2xl {
12378
- padding: 0;
12379
- }
12545
+
12546
+ .pf-v6-c-progress__status {
12547
+ display: flex;
12548
+ grid-row: 1/2;
12549
+ grid-column: 2/3;
12550
+ gap: var(--pf-v6-c-progress__status--Gap);
12551
+ align-items: flex-start;
12552
+ justify-content: flex-end;
12553
+ text-align: end;
12554
+ word-break: break-word;
12380
12555
  }
12381
- .pf-v6-c-page__main-wizard {
12382
- flex: 1 1;
12383
- min-height: 0;
12384
- background-color: var(--pf-v6-c-page__main-wizard--BackgroundColor);
12385
- border-block-start: var(--pf-v6-c-page__main-wizard--BorderBlockStartWidth) solid var(--pf-v6-c-page__main-wizard--BorderBlockStartColor);
12556
+
12557
+ .pf-v6-c-progress__status-icon {
12558
+ color: var(--pf-v6-c-progress__status-icon--Color);
12386
12559
  }
12387
12560
 
12388
- .pf-v6-c-page__main-wizard:first-child {
12389
- --pf-v6-c-page__main-wizard--BorderBlockStartWidth: 0;
12561
+ .pf-v6-c-progress__bar::before,
12562
+ .pf-v6-c-progress__indicator {
12563
+ inset-block-start: 0;
12564
+ inset-inline-start: 0;
12390
12565
  }
12391
12566
 
12392
- .pf-v6-c-page__main-wizard .pf-v6-c-page__main-body {
12393
- min-height: 0;
12567
+ .pf-v6-c-progress__bar {
12568
+ position: relative;
12569
+ grid-row: 2/3;
12570
+ grid-column: 1/3;
12571
+ align-self: center;
12572
+ height: var(--pf-v6-c-progress__bar--Height);
12573
+ background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
12394
12574
  }
12395
12575
 
12396
- .pf-v6-c-page__main-group {
12397
- flex-shrink: 0;
12576
+ .pf-v6-c-progress__indicator {
12577
+ position: absolute;
12578
+ height: var(--pf-v6-c-progress__indicator--Height);
12579
+ background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
12398
12580
  }
12399
12581
 
12400
- .pf-v6-c-page__drawer {
12401
- grid-area: main;
12582
+ .pf-v6-c-progress__helper-text {
12583
+ grid-row: 3/4;
12584
+ grid-column: 1/3;
12585
+ margin-block-start: var(--pf-v6-c-progress__helper-text--MarginBlockStart);
12402
12586
  }
12403
12587
 
12404
- .pf-v6-c-page__drawer > .pf-v6-c-drawer {
12405
- flex: 1 0 auto;
12588
+ .pf-v6-c-progress__measure {
12589
+ font-variant-numeric: tabular-nums;
12406
12590
  }
12407
12591
 
12408
12592
  :root,
@@ -12957,224 +13141,40 @@ ul.pf-v6-c-list {
12957
13141
  bottom: var(--pf-v6-c-popover__arrow--InsetBlockEnd, auto);
12958
13142
  left: var(--pf-v6-c-popover__arrow--InsetInlineStart, auto);
12959
13143
  width: var(--pf-v6-c-popover__arrow--Width);
12960
- height: var(--pf-v6-c-popover__arrow--Height);
12961
- pointer-events: none;
12962
- background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
12963
- box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
12964
- transform: translateX(var(--pf-v6-c-popover__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-popover__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-popover__arrow--Rotate, 0));
12965
- }
12966
-
12967
- .pf-v6-c-popover__header {
12968
- margin-block-end: var(--pf-v6-c-popover__header--MarginBlockEnd);
12969
- }
12970
-
12971
- .pf-v6-c-popover__title {
12972
- display: flex;
12973
- flex: 0 0 auto;
12974
- }
12975
-
12976
- .pf-v6-c-popover__title-icon {
12977
- margin-inline-end: var(--pf-v6-c-popover__title-icon--MarginInlineEnd);
12978
- font-size: var(--pf-v6-c-popover__title-icon--FontSize);
12979
- color: var(--pf-v6-c-popover__title-icon--Color);
12980
- }
12981
-
12982
- .pf-v6-c-popover__title-text {
12983
- font-size: var(--pf-v6-c-popover__title-text--FontSize);
12984
- font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
12985
- color: var(--pf-v6-c-popover__title-text--Color);
12986
- }
12987
-
12988
- .pf-v6-c-popover__body {
12989
- word-wrap: break-word;
12990
- }
12991
-
12992
- .pf-v6-c-popover__footer {
12993
- margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
12994
- }
12995
-
12996
- :root,
12997
- .pf-v6-c-progress {
12998
- --pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
12999
- --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
13000
- --pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
13001
- --pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
13002
- --pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
13003
- --pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
13004
- --pf-v6-c-progress__indicator--Height: var(--pf-v6-c-progress__bar--Height);
13005
- --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
13006
- --pf-v6-c-progress__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
13007
- --pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
13008
- --pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
13009
- --pf-v6-c-progress--m-danger__indicator--BackgroundColor: var(--pf-t--global--color--status--danger--default);
13010
- --pf-v6-c-progress--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
13011
- --pf-v6-c-progress--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
13012
- --pf-v6-c-progress--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
13013
- --pf-v6-c-progress--m-inside__indicator--MinWidth: var(--pf-t--global--spacer--xl);
13014
- --pf-v6-c-progress--m-inside__measure--Color: var(--pf-t--global--text--color--on-brand--default);
13015
- --pf-v6-c-progress--m-success--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-success--default);
13016
- --pf-v6-c-progress--m-warning--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-warning--default);
13017
- --pf-v6-c-progress--m-danger--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-danger--default);
13018
- --pf-v6-c-progress--m-inside__measure--FontSize: var(--pf-t--global--font--size--sm);
13019
- --pf-v6-c-progress--m-outside__measure--FontSize: var(--pf-t--global--font--size--sm);
13020
- --pf-v6-c-progress--m-sm__bar--Height: var(--pf-t--global--spacer--sm);
13021
- --pf-v6-c-progress--m-sm__measure--FontSize: var(--pf-t--global--font--size--body--sm);
13022
- --pf-v6-c-progress--m-lg__bar--Height: var(--pf-t--global--spacer--lg);
13023
- }
13024
-
13025
- .pf-v6-c-progress {
13026
- display: grid;
13027
- grid-template-rows: 1fr auto;
13028
- grid-template-columns: auto auto;
13029
- grid-gap: var(--pf-v6-c-progress--GridGap);
13030
- align-items: end;
13031
- }
13032
-
13033
- .pf-v6-c-progress.pf-m-sm {
13034
- --pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-sm__bar--Height);
13035
- }
13036
-
13037
- .pf-v6-c-progress.pf-m-sm .pf-v6-c-progress__measure {
13038
- font-size: var(--pf-v6-c-progress--m-sm__measure--FontSize);
13039
- }
13040
-
13041
- .pf-v6-c-progress.pf-m-lg {
13042
- --pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-lg__bar--Height);
13043
- }
13044
-
13045
- .pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__indicator {
13046
- display: flex;
13047
- align-items: center;
13048
- justify-content: center;
13049
- min-width: var(--pf-v6-c-progress--m-inside__indicator--MinWidth);
13050
- }
13051
-
13052
- .pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__measure {
13053
- font-size: var(--pf-v6-c-progress--m-inside__measure--FontSize);
13054
- color: var(--pf-v6-c-progress--m-inside__measure--Color);
13055
- text-align: center;
13056
- }
13057
-
13058
- .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__description {
13059
- grid-column: 1/3;
13060
- }
13061
-
13062
- .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__status {
13063
- grid-row: 2/3;
13064
- grid-column: 2/3;
13065
- align-self: center;
13066
- }
13067
-
13068
- .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure {
13069
- display: inline-block;
13070
- font-size: var(--pf-v6-c-progress--m-outside__measure--FontSize);
13071
- }
13072
-
13073
- .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure.pf-m-static-width {
13074
- min-width: var(--pf-v6-c-progress__measure--m-static-width--MinWidth);
13075
- text-align: start;
13076
- }
13077
-
13078
- .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__bar,
13079
- .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__indicator {
13080
- grid-column: 1/2;
13081
- }
13082
-
13083
- .pf-v6-c-progress.pf-m-singleline {
13084
- grid-template-rows: 1fr;
13085
- }
13086
-
13087
- .pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__description {
13088
- display: none;
13089
- }
13090
-
13091
- .pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__bar {
13092
- grid-row: 1/2;
13093
- grid-column: 1/2;
13094
- }
13095
-
13096
- .pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__status {
13097
- grid-row: 1/2;
13098
- grid-column: 2/3;
13099
- }
13100
-
13101
- .pf-v6-c-progress.pf-m-outside, .pf-v6-c-progress.pf-m-singleline {
13102
- grid-template-columns: 1fr fit-content(50%);
13103
- }
13104
-
13105
- .pf-v6-c-progress.pf-m-success {
13106
- --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-success__indicator--BackgroundColor);
13107
- --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-success__status-icon--Color);
13108
- --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-success--m-inside__measure--Color);
13109
- }
13110
-
13111
- .pf-v6-c-progress.pf-m-warning {
13112
- --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-warning__indicator--BackgroundColor);
13113
- --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-warning__status-icon--Color);
13114
- --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-warning--m-inside__measure--Color);
13115
- }
13116
-
13117
- .pf-v6-c-progress.pf-m-danger {
13118
- --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-danger__indicator--BackgroundColor);
13119
- --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
13120
- --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
13121
- }
13122
-
13123
- .pf-v6-c-progress__description {
13124
- grid-column: 1/2;
13125
- word-break: break-word;
13144
+ height: var(--pf-v6-c-popover__arrow--Height);
13145
+ pointer-events: none;
13146
+ background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
13147
+ box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
13148
+ transform: translateX(var(--pf-v6-c-popover__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-popover__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-popover__arrow--Rotate, 0));
13126
13149
  }
13127
13150
 
13128
- .pf-v6-c-progress__description.pf-m-truncate {
13129
- overflow: hidden;
13130
- text-overflow: ellipsis;
13131
- white-space: nowrap;
13151
+ .pf-v6-c-popover__header {
13152
+ margin-block-end: var(--pf-v6-c-popover__header--MarginBlockEnd);
13132
13153
  }
13133
13154
 
13134
- .pf-v6-c-progress__status {
13155
+ .pf-v6-c-popover__title {
13135
13156
  display: flex;
13136
- grid-row: 1/2;
13137
- grid-column: 2/3;
13138
- gap: var(--pf-v6-c-progress__status--Gap);
13139
- align-items: flex-start;
13140
- justify-content: flex-end;
13141
- text-align: end;
13142
- word-break: break-word;
13143
- }
13144
-
13145
- .pf-v6-c-progress__status-icon {
13146
- color: var(--pf-v6-c-progress__status-icon--Color);
13147
- }
13148
-
13149
- .pf-v6-c-progress__bar::before,
13150
- .pf-v6-c-progress__indicator {
13151
- inset-block-start: 0;
13152
- inset-inline-start: 0;
13157
+ flex: 0 0 auto;
13153
13158
  }
13154
13159
 
13155
- .pf-v6-c-progress__bar {
13156
- position: relative;
13157
- grid-row: 2/3;
13158
- grid-column: 1/3;
13159
- align-self: center;
13160
- height: var(--pf-v6-c-progress__bar--Height);
13161
- background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
13160
+ .pf-v6-c-popover__title-icon {
13161
+ margin-inline-end: var(--pf-v6-c-popover__title-icon--MarginInlineEnd);
13162
+ font-size: var(--pf-v6-c-popover__title-icon--FontSize);
13163
+ color: var(--pf-v6-c-popover__title-icon--Color);
13162
13164
  }
13163
13165
 
13164
- .pf-v6-c-progress__indicator {
13165
- position: absolute;
13166
- height: var(--pf-v6-c-progress__indicator--Height);
13167
- background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
13166
+ .pf-v6-c-popover__title-text {
13167
+ font-size: var(--pf-v6-c-popover__title-text--FontSize);
13168
+ font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
13169
+ color: var(--pf-v6-c-popover__title-text--Color);
13168
13170
  }
13169
13171
 
13170
- .pf-v6-c-progress__helper-text {
13171
- grid-row: 3/4;
13172
- grid-column: 1/3;
13173
- margin-block-start: var(--pf-v6-c-progress__helper-text--MarginBlockStart);
13172
+ .pf-v6-c-popover__body {
13173
+ word-wrap: break-word;
13174
13174
  }
13175
13175
 
13176
- .pf-v6-c-progress__measure {
13177
- font-variant-numeric: tabular-nums;
13176
+ .pf-v6-c-popover__footer {
13177
+ margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
13178
13178
  }
13179
13179
 
13180
13180
  :root,
@@ -19657,6 +19657,20 @@ label.pf-v6-c-tree-view__node-text {
19657
19657
  direction: rtl;
19658
19658
  }
19659
19659
  }
19660
+ :root,
19661
+ .pf-v6-l-bullseye {
19662
+ --pf-v6-l-bullseye--Padding: 0;
19663
+ }
19664
+
19665
+ .pf-v6-l-bullseye {
19666
+ display: flex;
19667
+ align-items: center;
19668
+ justify-content: center;
19669
+ height: 100%;
19670
+ padding: var(--pf-v6-l-bullseye--Padding);
19671
+ margin: 0;
19672
+ }
19673
+
19660
19674
  :root,
19661
19675
  .pf-v6-l-flex {
19662
19676
  --pf-v6-l-flex--Display: flex;
@@ -22155,19 +22169,78 @@ label.pf-v6-c-tree-view__node-text {
22155
22169
  }
22156
22170
  }
22157
22171
  :root,
22158
- .pf-v6-l-bullseye {
22159
- --pf-v6-l-bullseye--Padding: 0;
22172
+ .pf-v6-l-gallery {
22173
+ --pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
22174
+ --pf-v6-l-gallery--GridTemplateColumns--min: 250px;
22175
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
22176
+ --pf-v6-l-gallery--GridTemplateColumns--max: 1fr;
22177
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
22178
+ --pf-v6-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-v6-l-gallery--GridTemplateColumns--minmax--min), var(--pf-v6-l-gallery--GridTemplateColumns--minmax--max)));
22179
+ --pf-v6-l-gallery--GridTemplateRows: auto;
22160
22180
  }
22161
22181
 
22162
- .pf-v6-l-bullseye {
22163
- display: flex;
22164
- align-items: center;
22165
- justify-content: center;
22166
- height: 100%;
22167
- padding: var(--pf-v6-l-bullseye--Padding);
22168
- margin: 0;
22182
+ .pf-v6-l-gallery {
22183
+ display: grid;
22184
+ grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
22185
+ grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
22186
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
22187
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
22188
+ }
22189
+
22190
+ .pf-v6-l-gallery.pf-m-gutter {
22191
+ grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
22169
22192
  }
22170
22193
 
22194
+ @media (min-width: 36rem) {
22195
+ .pf-v6-l-gallery {
22196
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
22197
+ }
22198
+ }
22199
+ @media (min-width: 48rem) {
22200
+ .pf-v6-l-gallery {
22201
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min)));
22202
+ }
22203
+ }
22204
+ @media (min-width: 62rem) {
22205
+ .pf-v6-l-gallery {
22206
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))));
22207
+ }
22208
+ }
22209
+ @media (min-width: 75rem) {
22210
+ .pf-v6-l-gallery {
22211
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min)))));
22212
+ }
22213
+ }
22214
+ @media (min-width: 90.625rem) {
22215
+ .pf-v6-l-gallery {
22216
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))))));
22217
+ }
22218
+ }
22219
+ @media (min-width: 36rem) {
22220
+ .pf-v6-l-gallery {
22221
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));
22222
+ }
22223
+ }
22224
+ @media (min-width: 48rem) {
22225
+ .pf-v6-l-gallery {
22226
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)));
22227
+ }
22228
+ }
22229
+ @media (min-width: 62rem) {
22230
+ .pf-v6-l-gallery {
22231
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))));
22232
+ }
22233
+ }
22234
+ @media (min-width: 75rem) {
22235
+ .pf-v6-l-gallery {
22236
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)))));
22237
+ }
22238
+ }
22239
+ @media (min-width: 90.625rem) {
22240
+ .pf-v6-l-gallery {
22241
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))))));
22242
+ }
22243
+ }
22171
22244
  :root,
22172
22245
  .pf-v6-c-about-modal-box {
22173
22246
  --pf-v6-c-about-modal-box--BackgroundImage: none;
@@ -22369,79 +22442,6 @@ label.pf-v6-c-tree-view__node-text {
22369
22442
  font-size: var(--pf-v6-c-about-modal-box__close--c-button--FontSize);
22370
22443
  }
22371
22444
 
22372
- :root,
22373
- .pf-v6-l-gallery {
22374
- --pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
22375
- --pf-v6-l-gallery--GridTemplateColumns--min: 250px;
22376
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
22377
- --pf-v6-l-gallery--GridTemplateColumns--max: 1fr;
22378
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
22379
- --pf-v6-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-v6-l-gallery--GridTemplateColumns--minmax--min), var(--pf-v6-l-gallery--GridTemplateColumns--minmax--max)));
22380
- --pf-v6-l-gallery--GridTemplateRows: auto;
22381
- }
22382
-
22383
- .pf-v6-l-gallery {
22384
- display: grid;
22385
- grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
22386
- grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
22387
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
22388
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
22389
- }
22390
-
22391
- .pf-v6-l-gallery.pf-m-gutter {
22392
- grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
22393
- }
22394
-
22395
- @media (min-width: 36rem) {
22396
- .pf-v6-l-gallery {
22397
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
22398
- }
22399
- }
22400
- @media (min-width: 48rem) {
22401
- .pf-v6-l-gallery {
22402
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min)));
22403
- }
22404
- }
22405
- @media (min-width: 62rem) {
22406
- .pf-v6-l-gallery {
22407
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))));
22408
- }
22409
- }
22410
- @media (min-width: 75rem) {
22411
- .pf-v6-l-gallery {
22412
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min)))));
22413
- }
22414
- }
22415
- @media (min-width: 90.625rem) {
22416
- .pf-v6-l-gallery {
22417
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))))));
22418
- }
22419
- }
22420
- @media (min-width: 36rem) {
22421
- .pf-v6-l-gallery {
22422
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));
22423
- }
22424
- }
22425
- @media (min-width: 48rem) {
22426
- .pf-v6-l-gallery {
22427
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)));
22428
- }
22429
- }
22430
- @media (min-width: 62rem) {
22431
- .pf-v6-l-gallery {
22432
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))));
22433
- }
22434
- }
22435
- @media (min-width: 75rem) {
22436
- .pf-v6-l-gallery {
22437
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)))));
22438
- }
22439
- }
22440
- @media (min-width: 90.625rem) {
22441
- .pf-v6-l-gallery {
22442
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))))));
22443
- }
22444
- }
22445
22445
  :root,
22446
22446
  .pf-v6-l-grid {
22447
22447
  --pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
@@ -23430,22 +23430,6 @@ label.pf-v6-c-tree-view__node-text {
23430
23430
  grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
23431
23431
  }
23432
23432
 
23433
- :root,
23434
- .pf-v6-l-level {
23435
- --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
23436
- }
23437
-
23438
- .pf-v6-l-level {
23439
- display: flex;
23440
- flex-wrap: wrap;
23441
- align-items: center;
23442
- justify-content: space-between;
23443
- }
23444
-
23445
- .pf-v6-l-level.pf-m-gutter {
23446
- gap: var(--pf-v6-l-level--m-gutter--Gap);
23447
- }
23448
-
23449
23433
  :root,
23450
23434
  .pf-v6-l-split {
23451
23435
  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
@@ -23469,6 +23453,22 @@ label.pf-v6-c-tree-view__node-text {
23469
23453
  gap: var(--pf-v6-l-stack--m-gutter--Gap);
23470
23454
  }
23471
23455
 
23456
+ :root,
23457
+ .pf-v6-l-level {
23458
+ --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
23459
+ }
23460
+
23461
+ .pf-v6-l-level {
23462
+ display: flex;
23463
+ flex-wrap: wrap;
23464
+ align-items: center;
23465
+ justify-content: space-between;
23466
+ }
23467
+
23468
+ .pf-v6-l-level.pf-m-gutter {
23469
+ gap: var(--pf-v6-l-level--m-gutter--Gap);
23470
+ }
23471
+
23472
23472
  :root,
23473
23473
  .pf-v6-l-stack {
23474
23474
  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);