@patternfly/react-core 6.0.0-alpha.83 → 6.0.0-alpha.84

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 (174) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/components/package.json +1 -8
  3. package/deprecated/package.json +1 -8
  4. package/dist/dynamic/components/AboutModal/package.json +1 -8
  5. package/dist/dynamic/components/Accordion/package.json +1 -8
  6. package/dist/dynamic/components/ActionList/package.json +1 -8
  7. package/dist/dynamic/components/Alert/package.json +1 -8
  8. package/dist/dynamic/components/Avatar/package.json +1 -8
  9. package/dist/dynamic/components/BackToTop/package.json +1 -8
  10. package/dist/dynamic/components/Backdrop/package.json +1 -8
  11. package/dist/dynamic/components/BackgroundImage/package.json +1 -8
  12. package/dist/dynamic/components/Badge/package.json +1 -8
  13. package/dist/dynamic/components/Banner/package.json +1 -8
  14. package/dist/dynamic/components/Brand/package.json +1 -8
  15. package/dist/dynamic/components/Breadcrumb/package.json +1 -8
  16. package/dist/dynamic/components/Button/package.json +1 -8
  17. package/dist/dynamic/components/CalendarMonth/package.json +1 -8
  18. package/dist/dynamic/components/Card/package.json +1 -8
  19. package/dist/dynamic/components/Checkbox/package.json +1 -8
  20. package/dist/dynamic/components/ClipboardCopy/package.json +1 -8
  21. package/dist/dynamic/components/CodeBlock/package.json +1 -8
  22. package/dist/dynamic/components/Content/package.json +1 -8
  23. package/dist/dynamic/components/DataList/package.json +1 -8
  24. package/dist/dynamic/components/DatePicker/package.json +1 -8
  25. package/dist/dynamic/components/DescriptionList/package.json +1 -8
  26. package/dist/dynamic/components/Divider/package.json +1 -8
  27. package/dist/dynamic/components/Drawer/package.json +1 -8
  28. package/dist/dynamic/components/Dropdown/package.json +1 -8
  29. package/dist/dynamic/components/DualListSelector/package.json +1 -8
  30. package/dist/dynamic/components/EmptyState/package.json +1 -8
  31. package/dist/dynamic/components/ExpandableSection/package.json +1 -8
  32. package/dist/dynamic/components/FileUpload/package.json +1 -8
  33. package/dist/dynamic/components/Form/package.json +1 -8
  34. package/dist/dynamic/components/FormSelect/package.json +1 -8
  35. package/dist/dynamic/components/HelperText/package.json +1 -8
  36. package/dist/dynamic/components/Hint/package.json +1 -8
  37. package/dist/dynamic/components/Icon/package.json +1 -8
  38. package/dist/dynamic/components/InputGroup/package.json +1 -8
  39. package/dist/dynamic/components/JumpLinks/package.json +1 -8
  40. package/dist/dynamic/components/Label/package.json +1 -8
  41. package/dist/dynamic/components/List/package.json +1 -8
  42. package/dist/dynamic/components/LoginPage/package.json +1 -8
  43. package/dist/dynamic/components/Masthead/package.json +1 -8
  44. package/dist/dynamic/components/Menu/package.json +1 -8
  45. package/dist/dynamic/components/MenuToggle/package.json +1 -8
  46. package/dist/dynamic/components/Modal/package.json +1 -8
  47. package/dist/dynamic/components/MultipleFileUpload/package.json +1 -8
  48. package/dist/dynamic/components/Nav/package.json +1 -8
  49. package/dist/dynamic/components/NotificationBadge/package.json +1 -8
  50. package/dist/dynamic/components/NotificationDrawer/package.json +1 -8
  51. package/dist/dynamic/components/NumberInput/package.json +1 -8
  52. package/dist/dynamic/components/OverflowMenu/package.json +1 -8
  53. package/dist/dynamic/components/Page/package.json +1 -8
  54. package/dist/dynamic/components/Pagination/package.json +1 -8
  55. package/dist/dynamic/components/Panel/package.json +1 -8
  56. package/dist/dynamic/components/Popover/package.json +1 -8
  57. package/dist/dynamic/components/Progress/package.json +1 -8
  58. package/dist/dynamic/components/ProgressStepper/package.json +1 -8
  59. package/dist/dynamic/components/Radio/package.json +1 -8
  60. package/dist/dynamic/components/SearchInput/package.json +1 -8
  61. package/dist/dynamic/components/Select/package.json +1 -8
  62. package/dist/dynamic/components/Sidebar/package.json +1 -8
  63. package/dist/dynamic/components/SimpleList/package.json +1 -8
  64. package/dist/dynamic/components/Skeleton/package.json +1 -8
  65. package/dist/dynamic/components/SkipToContent/package.json +1 -8
  66. package/dist/dynamic/components/Slider/package.json +1 -8
  67. package/dist/dynamic/components/Spinner/package.json +1 -8
  68. package/dist/dynamic/components/Switch/package.json +1 -8
  69. package/dist/dynamic/components/Tabs/package.json +1 -8
  70. package/dist/dynamic/components/TextArea/package.json +1 -8
  71. package/dist/dynamic/components/TextInput/package.json +1 -8
  72. package/dist/dynamic/components/TextInputGroup/package.json +1 -8
  73. package/dist/dynamic/components/Tile/package.json +1 -8
  74. package/dist/dynamic/components/TimePicker/package.json +1 -8
  75. package/dist/dynamic/components/Timestamp/package.json +1 -8
  76. package/dist/dynamic/components/Title/package.json +1 -8
  77. package/dist/dynamic/components/ToggleGroup/package.json +1 -8
  78. package/dist/dynamic/components/Toolbar/package.json +1 -8
  79. package/dist/dynamic/components/Tooltip/package.json +1 -8
  80. package/dist/dynamic/components/TreeView/package.json +1 -8
  81. package/dist/dynamic/components/Truncate/package.json +1 -8
  82. package/dist/dynamic/components/Wizard/hooks/package.json +1 -8
  83. package/dist/dynamic/components/Wizard/package.json +1 -8
  84. package/dist/dynamic/deprecated/components/Chip/package.json +1 -8
  85. package/dist/dynamic/deprecated/components/DragDrop/package.json +1 -8
  86. package/dist/dynamic/deprecated/components/DualListSelector/package.json +1 -8
  87. package/dist/dynamic/deprecated/components/Modal/package.json +1 -8
  88. package/dist/dynamic/deprecated/components/Wizard/package.json +1 -8
  89. package/dist/dynamic/deprecated/components/package.json +1 -8
  90. package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -8
  91. package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -8
  92. package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -8
  93. package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -8
  94. package/dist/dynamic/helpers/Popper/Popper/package.json +1 -8
  95. package/dist/dynamic/helpers/constants/package.json +1 -8
  96. package/dist/dynamic/helpers/datetimeUtils/package.json +1 -8
  97. package/dist/dynamic/helpers/fileUtils/package.json +1 -8
  98. package/dist/dynamic/helpers/htmlConstants/package.json +1 -8
  99. package/dist/dynamic/helpers/package.json +1 -8
  100. package/dist/dynamic/helpers/resizeObserver/package.json +1 -8
  101. package/dist/dynamic/helpers/typeUtils/package.json +1 -8
  102. package/dist/dynamic/helpers/useInterval/package.json +1 -8
  103. package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -8
  104. package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -8
  105. package/dist/dynamic/helpers/util/package.json +1 -8
  106. package/dist/dynamic/layouts/Bullseye/package.json +1 -8
  107. package/dist/dynamic/layouts/Flex/package.json +1 -8
  108. package/dist/dynamic/layouts/Gallery/package.json +1 -8
  109. package/dist/dynamic/layouts/Grid/package.json +1 -8
  110. package/dist/dynamic/layouts/Level/package.json +1 -8
  111. package/dist/dynamic/layouts/Split/package.json +1 -8
  112. package/dist/dynamic/layouts/Stack/package.json +1 -8
  113. package/dist/dynamic/styles/package.json +1 -8
  114. package/dist/esm/components/Pagination/Pagination.d.ts +2 -0
  115. package/dist/esm/components/Pagination/Pagination.d.ts.map +1 -1
  116. package/dist/esm/components/Pagination/Pagination.js +2 -2
  117. package/dist/esm/components/Pagination/Pagination.js.map +1 -1
  118. package/dist/esm/components/Pagination/PaginationOptionsMenu.d.ts +3 -0
  119. package/dist/esm/components/Pagination/PaginationOptionsMenu.d.ts.map +1 -1
  120. package/dist/esm/components/Pagination/PaginationOptionsMenu.js +19 -16
  121. package/dist/esm/components/Pagination/PaginationOptionsMenu.js.map +1 -1
  122. package/dist/esm/components/Wizard/Wizard.d.ts.map +1 -1
  123. package/dist/esm/components/Wizard/Wizard.js +5 -1
  124. package/dist/esm/components/Wizard/Wizard.js.map +1 -1
  125. package/dist/esm/components/Wizard/WizardContext.d.ts.map +1 -1
  126. package/dist/esm/components/Wizard/WizardContext.js +4 -0
  127. package/dist/esm/components/Wizard/WizardContext.js.map +1 -1
  128. package/dist/esm/components/Wizard/WizardStep.d.ts +2 -2
  129. package/dist/esm/components/Wizard/WizardStep.d.ts.map +1 -1
  130. package/dist/esm/components/Wizard/WizardToggle.d.ts.map +1 -1
  131. package/dist/esm/components/Wizard/WizardToggle.js +1 -2
  132. package/dist/esm/components/Wizard/WizardToggle.js.map +1 -1
  133. package/dist/js/components/Pagination/Pagination.d.ts +2 -0
  134. package/dist/js/components/Pagination/Pagination.d.ts.map +1 -1
  135. package/dist/js/components/Pagination/Pagination.js +2 -2
  136. package/dist/js/components/Pagination/Pagination.js.map +1 -1
  137. package/dist/js/components/Pagination/PaginationOptionsMenu.d.ts +3 -0
  138. package/dist/js/components/Pagination/PaginationOptionsMenu.d.ts.map +1 -1
  139. package/dist/js/components/Pagination/PaginationOptionsMenu.js +19 -16
  140. package/dist/js/components/Pagination/PaginationOptionsMenu.js.map +1 -1
  141. package/dist/js/components/Wizard/Wizard.d.ts.map +1 -1
  142. package/dist/js/components/Wizard/Wizard.js +5 -1
  143. package/dist/js/components/Wizard/Wizard.js.map +1 -1
  144. package/dist/js/components/Wizard/WizardContext.d.ts.map +1 -1
  145. package/dist/js/components/Wizard/WizardContext.js +4 -0
  146. package/dist/js/components/Wizard/WizardContext.js.map +1 -1
  147. package/dist/js/components/Wizard/WizardStep.d.ts +2 -2
  148. package/dist/js/components/Wizard/WizardStep.d.ts.map +1 -1
  149. package/dist/js/components/Wizard/WizardToggle.d.ts.map +1 -1
  150. package/dist/js/components/Wizard/WizardToggle.js +1 -2
  151. package/dist/js/components/Wizard/WizardToggle.js.map +1 -1
  152. package/dist/umd/assets/{output-ZK-DtcVp.css → output-WegUSgI7.css} +904 -904
  153. package/dist/umd/react-core.min.js +1 -1
  154. package/helpers/package.json +1 -8
  155. package/layouts/package.json +1 -8
  156. package/next/package.json +1 -8
  157. package/package.json +2 -2
  158. package/src/components/Pagination/Pagination.tsx +4 -0
  159. package/src/components/Pagination/PaginationOptionsMenu.tsx +42 -34
  160. package/src/components/Pagination/__tests__/Generated/__snapshots__/PaginationOptionsMenu.test.tsx.snap +42 -38
  161. package/src/components/Pagination/__tests__/__snapshots__/Pagination.test.tsx.snap +854 -774
  162. package/src/components/Wizard/Wizard.tsx +6 -1
  163. package/src/components/Wizard/WizardContext.tsx +5 -0
  164. package/src/components/Wizard/WizardStep.tsx +2 -2
  165. package/src/components/Wizard/WizardToggle.tsx +1 -2
  166. package/src/components/Wizard/__tests__/WizardStep.test.tsx +0 -5
  167. package/src/components/Wizard/examples/Wizard.md +0 -2
  168. package/src/components/Wizard/examples/WizardStepDrawerContent.tsx +13 -3
  169. package/src/components/Wizard/examples/WizardValidateOnButtonPress.tsx +15 -4
  170. package/src/components/Wizard/examples/WizardWithCustomFooter.tsx +24 -9
  171. package/src/demos/examples/Wizard/InModalWithDrawer.tsx +10 -5
  172. package/src/demos/examples/Wizard/InModalWithDrawerInformationalStep.tsx +10 -5
  173. package/src/demos/examples/Wizard/InPageWithDrawer.tsx +10 -5
  174. package/src/demos/examples/Wizard/InPageWithDrawerInformationalStep.tsx +10 -5
@@ -1788,226 +1788,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
1788
1788
  align-items: center;
1789
1789
  }
1790
1790
 
1791
- :where(:root, .pf-v6-c-calendar-month) {
1792
- --pf-v6-c-calendar-month--BackgroundColor: var(--pf-t--global--background--color--primary--default);
1793
- --pf-v6-c-calendar-month--PaddingBlockStart: var(--pf-t--global--spacer--lg);
1794
- --pf-v6-c-calendar-month--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
1795
- --pf-v6-c-calendar-month--PaddingBlockEnd: var(--pf-t--global--spacer--md);
1796
- --pf-v6-c-calendar-month--PaddingInlineStart: var(--pf-t--global--spacer--lg);
1797
- --pf-v6-c-calendar-month--FontSize: var(--pf-t--global--font--size--sm);
1798
- --pf-v6-c-calendar-month__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
1799
- --pf-v6-c-calendar-month__header--Gap: var(--pf-t--global--spacer--xs);
1800
- --pf-v6-c-calendar-month__header-year--Width: 9ch;
1801
- --pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd: 0;
1802
- --pf-v6-c-calendar-month__header-nav-control--MarginInlineStart: 0;
1803
- --pf-v6-c-calendar-month__days--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
1804
- --pf-v6-c-calendar-month__days--BorderBlockEndColor: var(--pf-t--global--border--color--default);
1805
- --pf-v6-c-calendar-month__day--PaddingBlockEnd: var(--pf-t--global--spacer--md);
1806
- --pf-v6-c-calendar-month__day--FontWeight: var(--pf-t--global--font--weight--body);
1807
- --pf-v6-c-calendar-month__day--Color: var(--pf-t--global--text--color--regular);
1808
- --pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: 0.125rem;
1809
- --pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd: 0.125rem;
1810
- --pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd: 0.125rem;
1811
- --pf-v6-c-calendar-month__dates-cell--PaddingInlineStart: 0.125rem;
1812
- --pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
1813
- --pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
1814
- --pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-t--global--color--brand--default);
1815
- --pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-t--global--color--brand--default);
1816
- --pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
1817
- --pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-t--global--border--color--brand--default);
1818
- --pf-v6-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-t--global--text--color--on-brand--default);
1819
- --pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
1820
- --pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart: 0;
1821
- --pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: 0;
1822
- --pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
1823
- --pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: 0;
1824
- --pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
1825
- --pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart: 50%;
1826
- --pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd: 50%;
1827
- --pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
1828
- --pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
1829
- --pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
1830
- --pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
1831
- --pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-t--global--text--color--subtle);
1832
- --pf-v6-c-calendar-month__date--Width: 4ch;
1833
- --pf-v6-c-calendar-month__date--Height: 4ch;
1834
- --pf-v6-c-calendar-month__date--BorderRadius: var(--pf-t--global--border--radius--large);
1835
- --pf-v6-c-calendar-month__date--Color: var(--pf-t--global--text--color--regular);
1836
- --pf-v6-c-calendar-month__date--BackgroundColor: transparent;
1837
- --pf-v6-c-calendar-month__date--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
1838
- --pf-v6-c-calendar-month__date--disabled--Color: var(--pf-t--global--text--color--on-disabled);
1839
- --pf-v6-c-calendar-month__date--after--BorderWidth: var(--pf-t--global--border--width--regular);
1840
- --pf-v6-c-calendar-month__date--after--BorderColor: transparent;
1841
- --pf-v6-c-calendar-month__date--after--OutlineOffset: 0;
1842
- --pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
1843
- --pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
1844
- --pf-v6-c-calendar-month__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
1845
- --pf-v6-c-calendar-month__date--focus--Color: var(--pf-t--global--icon--color--on-brand--clicked);
1846
- --pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
1847
- --pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-t--global--border--color--hover);
1848
- --pf-v6-c-calendar-month__date--after--focus--OutlineOffset: -2px;
1849
- }
1850
-
1851
- .pf-v6-c-calendar-month {
1852
- display: inline-flex;
1853
- flex-direction: column;
1854
- padding-block-start: var(--pf-v6-c-calendar-month--PaddingBlockStart);
1855
- padding-block-end: var(--pf-v6-c-calendar-month--PaddingBlockEnd);
1856
- padding-inline-start: var(--pf-v6-c-calendar-month--PaddingInlineStart);
1857
- padding-inline-end: var(--pf-v6-c-calendar-month--PaddingInlineEnd);
1858
- font-size: var(--pf-v6-c-calendar-month--FontSize);
1859
- background-color: var(--pf-v6-c-calendar-month--BackgroundColor);
1860
- }
1861
-
1862
- .pf-v6-c-calendar-month__header {
1863
- display: flex;
1864
- gap: var(--pf-v6-c-calendar-month__header--Gap);
1865
- margin-block-end: var(--pf-v6-c-calendar-month__header--MarginBlockEnd);
1866
- }
1867
-
1868
- .pf-v6-c-calendar-month__header-nav-control {
1869
- margin-inline-start: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart);
1870
- margin-inline-end: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd);
1871
- }
1872
-
1873
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
1874
- scale: -1 1;
1875
- }
1876
-
1877
- .pf-v6-c-calendar-month__header-month {
1878
- flex-grow: 1;
1879
- }
1880
-
1881
- .pf-v6-c-calendar-month__header-month > .pf-v6-c-menu-toggle {
1882
- width: 100%;
1883
- }
1884
-
1885
- .pf-v6-c-calendar-month__header-year {
1886
- width: var(--pf-v6-c-calendar-month__header-year--Width);
1887
- }
1888
-
1889
- .pf-v6-c-calendar-month__calendar {
1890
- table-layout: fixed;
1891
- }
1892
-
1893
- .pf-v6-c-calendar-month__days {
1894
- color: var(--pf-v6-c-calendar-month__day--Color);
1895
- border-block-end: var(--pf-v6-c-calendar-month__days--BorderBlockEndWidth) solid var(--pf-v6-c-calendar-month__days--BorderBlockEndColor);
1896
- }
1897
-
1898
- .pf-v6-c-calendar-month__day {
1899
- padding-block-end: var(--pf-v6-c-calendar-month__day--PaddingBlockEnd);
1900
- font-weight: var(--pf-v6-c-calendar-month__day--FontWeight);
1901
- text-align: center;
1902
- }
1903
-
1904
- .pf-v6-c-calendar-month__dates-row:first-child {
1905
- --pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: var(--pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart);
1906
- }
1907
-
1908
- .pf-v6-c-calendar-month__dates-cell {
1909
- --pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
1910
- position: relative;
1911
- padding-block-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
1912
- padding-block-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
1913
- padding-inline-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineStart);
1914
- padding-inline-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd);
1915
- text-align: center;
1916
- }
1917
-
1918
- .pf-v6-c-calendar-month__dates-cell::before {
1919
- position: absolute;
1920
- inset-block-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart);
1921
- inset-block-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd);
1922
- inset-inline-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart);
1923
- inset-inline-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd);
1924
- content: "";
1925
- background-color: var(--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor);
1926
- }
1927
-
1928
- .pf-v6-c-calendar-month__dates-cell.pf-m-current {
1929
- --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
1930
- }
1931
-
1932
- .pf-v6-c-calendar-month__dates-cell.pf-m-in-range {
1933
- --pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
1934
- --pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
1935
- --pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth);
1936
- --pf-v6-c-calendar-month__date--hover--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor);
1937
- --pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor);
1938
- }
1939
-
1940
- .pf-v6-c-calendar-month__dates-cell.pf-m-start-range {
1941
- --pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart);
1942
- }
1943
-
1944
- .pf-v6-c-calendar-month__dates-cell.pf-m-end-range {
1945
- --pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd);
1946
- }
1947
-
1948
- .pf-v6-c-calendar-month__dates-cell.pf-m-adjacent-month {
1949
- --pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color);
1950
- }
1951
-
1952
- .pf-v6-c-calendar-month__dates-cell.pf-m-selected {
1953
- --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
1954
- --pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color);
1955
- --pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
1956
- --pf-v6-c-calendar-month__date--hover--BorderWidth: 0;
1957
- --pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
1958
- --pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
1959
- --pf-v6-c-calendar-month__date--after--OutlineOffset: var(--pf-v6-c-calendar-month__date--after--focus--OutlineOffset);
1960
- }
1961
-
1962
- .pf-v6-c-calendar-month__dates-cell.pf-m-disabled {
1963
- --pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
1964
- --pf-v6-c-calendar-month__date--BackgroundColor: transparent;
1965
- }
1966
-
1967
- .pf-v6-c-calendar-month__date {
1968
- position: relative;
1969
- display: inline-flex;
1970
- align-items: center;
1971
- justify-content: center;
1972
- width: var(--pf-v6-c-calendar-month__date--Width);
1973
- height: var(--pf-v6-c-calendar-month__date--Height);
1974
- line-height: 1;
1975
- color: var(--pf-v6-c-calendar-month__date--Color);
1976
- background-color: var(--pf-v6-c-calendar-month__date--BackgroundColor);
1977
- border: 0;
1978
- }
1979
-
1980
- .pf-v6-c-calendar-month__date::after {
1981
- position: absolute;
1982
- inset-block-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
1983
- inset-block-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
1984
- inset-inline-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
1985
- inset-inline-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
1986
- content: "";
1987
- border: var(--pf-v6-c-calendar-month__date--after--BorderWidth) solid var(--pf-v6-c-calendar-month__date--after--BorderColor);
1988
- }
1989
-
1990
- .pf-v6-c-calendar-month__date, .pf-v6-c-calendar-month__date::after {
1991
- border-radius: var(--pf-v6-c-calendar-month__date--BorderRadius);
1992
- }
1993
-
1994
- .pf-v6-c-calendar-month__date:hover, .pf-v6-c-calendar-month__date.pf-m-hover {
1995
- --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--hover--BackgroundColor);
1996
- border: var(--pf-v6-c-calendar-month__date--hover--BorderColor) solid var(--pf-v6-c-calendar-month__date--hover--BorderWidth);
1997
- }
1998
-
1999
- .pf-v6-c-calendar-month__date:focus, .pf-v6-c-calendar-month__date.pf-m-focus {
2000
- --pf-v6-c-calendar-month__date--after--BorderColor: var(--pf-v6-c-calendar-month__date--focus--after--BorderColor);
2001
- outline: 0;
2002
- }
2003
-
2004
- .pf-v6-c-calendar-month__date:disabled {
2005
- --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--disabled--BackgroundColor);
2006
- --pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__date--disabled--Color);
2007
- --pf-v6-c-calendar-month__date--hover--focus--BorderColor: transparent;
2008
- pointer-events: none;
2009
- }
2010
-
2011
1791
  :where(:root, .pf-v6-c-card) {
2012
1792
  --pf-v6-c-card--BackgroundColor: var(--pf-t--global--background--color--primary--default);
2013
1793
  --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--default);
@@ -2362,42 +2142,262 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2362
2142
  color: var(--pf-v6-c-card__footer--Color);
2363
2143
  }
2364
2144
 
2365
- :where(:root, .pf-v6-c-check) {
2366
- --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
2367
- --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
2368
- --pf-v6-c-check--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
2369
- --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
2370
- --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
2371
- --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body);
2372
- --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
2373
- --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
2374
- --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
2375
- --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
2376
- --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
2377
- --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
2378
- --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
2379
- --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
2380
- }
2381
-
2382
- .pf-v6-c-check {
2383
- display: grid;
2384
- grid-template-columns: auto 1fr;
2385
- grid-gap: var(--pf-v6-c-check--GridGap);
2386
- accent-color: var(--pf-v6-c-check--AccentColor);
2387
- }
2388
-
2389
- .pf-v6-c-check.pf-m-standalone {
2390
- display: inline-grid;
2391
- grid-template-columns: auto;
2392
- min-height: var(--pf-v6-c-check--MinHeight);
2393
- }
2394
-
2395
- .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
2396
- align-self: center;
2397
- transform: none;
2398
- }
2399
-
2400
- .pf-v6-c-check__input {
2145
+ :where(:root, .pf-v6-c-calendar-month) {
2146
+ --pf-v6-c-calendar-month--BackgroundColor: var(--pf-t--global--background--color--primary--default);
2147
+ --pf-v6-c-calendar-month--PaddingBlockStart: var(--pf-t--global--spacer--lg);
2148
+ --pf-v6-c-calendar-month--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
2149
+ --pf-v6-c-calendar-month--PaddingBlockEnd: var(--pf-t--global--spacer--md);
2150
+ --pf-v6-c-calendar-month--PaddingInlineStart: var(--pf-t--global--spacer--lg);
2151
+ --pf-v6-c-calendar-month--FontSize: var(--pf-t--global--font--size--sm);
2152
+ --pf-v6-c-calendar-month__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
2153
+ --pf-v6-c-calendar-month__header--Gap: var(--pf-t--global--spacer--xs);
2154
+ --pf-v6-c-calendar-month__header-year--Width: 9ch;
2155
+ --pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd: 0;
2156
+ --pf-v6-c-calendar-month__header-nav-control--MarginInlineStart: 0;
2157
+ --pf-v6-c-calendar-month__days--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
2158
+ --pf-v6-c-calendar-month__days--BorderBlockEndColor: var(--pf-t--global--border--color--default);
2159
+ --pf-v6-c-calendar-month__day--PaddingBlockEnd: var(--pf-t--global--spacer--md);
2160
+ --pf-v6-c-calendar-month__day--FontWeight: var(--pf-t--global--font--weight--body);
2161
+ --pf-v6-c-calendar-month__day--Color: var(--pf-t--global--text--color--regular);
2162
+ --pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: 0.125rem;
2163
+ --pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd: 0.125rem;
2164
+ --pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd: 0.125rem;
2165
+ --pf-v6-c-calendar-month__dates-cell--PaddingInlineStart: 0.125rem;
2166
+ --pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
2167
+ --pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2168
+ --pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-t--global--color--brand--default);
2169
+ --pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-t--global--color--brand--default);
2170
+ --pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
2171
+ --pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-t--global--border--color--brand--default);
2172
+ --pf-v6-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-t--global--text--color--on-brand--default);
2173
+ --pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
2174
+ --pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart: 0;
2175
+ --pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: 0;
2176
+ --pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
2177
+ --pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: 0;
2178
+ --pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2179
+ --pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart: 50%;
2180
+ --pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd: 50%;
2181
+ --pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2182
+ --pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
2183
+ --pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
2184
+ --pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2185
+ --pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-t--global--text--color--subtle);
2186
+ --pf-v6-c-calendar-month__date--Width: 4ch;
2187
+ --pf-v6-c-calendar-month__date--Height: 4ch;
2188
+ --pf-v6-c-calendar-month__date--BorderRadius: var(--pf-t--global--border--radius--large);
2189
+ --pf-v6-c-calendar-month__date--Color: var(--pf-t--global--text--color--regular);
2190
+ --pf-v6-c-calendar-month__date--BackgroundColor: transparent;
2191
+ --pf-v6-c-calendar-month__date--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
2192
+ --pf-v6-c-calendar-month__date--disabled--Color: var(--pf-t--global--text--color--on-disabled);
2193
+ --pf-v6-c-calendar-month__date--after--BorderWidth: var(--pf-t--global--border--width--regular);
2194
+ --pf-v6-c-calendar-month__date--after--BorderColor: transparent;
2195
+ --pf-v6-c-calendar-month__date--after--OutlineOffset: 0;
2196
+ --pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2197
+ --pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
2198
+ --pf-v6-c-calendar-month__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
2199
+ --pf-v6-c-calendar-month__date--focus--Color: var(--pf-t--global--icon--color--on-brand--clicked);
2200
+ --pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
2201
+ --pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-t--global--border--color--hover);
2202
+ --pf-v6-c-calendar-month__date--after--focus--OutlineOffset: -2px;
2203
+ }
2204
+
2205
+ .pf-v6-c-calendar-month {
2206
+ display: inline-flex;
2207
+ flex-direction: column;
2208
+ padding-block-start: var(--pf-v6-c-calendar-month--PaddingBlockStart);
2209
+ padding-block-end: var(--pf-v6-c-calendar-month--PaddingBlockEnd);
2210
+ padding-inline-start: var(--pf-v6-c-calendar-month--PaddingInlineStart);
2211
+ padding-inline-end: var(--pf-v6-c-calendar-month--PaddingInlineEnd);
2212
+ font-size: var(--pf-v6-c-calendar-month--FontSize);
2213
+ background-color: var(--pf-v6-c-calendar-month--BackgroundColor);
2214
+ }
2215
+
2216
+ .pf-v6-c-calendar-month__header {
2217
+ display: flex;
2218
+ gap: var(--pf-v6-c-calendar-month__header--Gap);
2219
+ margin-block-end: var(--pf-v6-c-calendar-month__header--MarginBlockEnd);
2220
+ }
2221
+
2222
+ .pf-v6-c-calendar-month__header-nav-control {
2223
+ margin-inline-start: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart);
2224
+ margin-inline-end: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd);
2225
+ }
2226
+
2227
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
2228
+ scale: -1 1;
2229
+ }
2230
+
2231
+ .pf-v6-c-calendar-month__header-month {
2232
+ flex-grow: 1;
2233
+ }
2234
+
2235
+ .pf-v6-c-calendar-month__header-month > .pf-v6-c-menu-toggle {
2236
+ width: 100%;
2237
+ }
2238
+
2239
+ .pf-v6-c-calendar-month__header-year {
2240
+ width: var(--pf-v6-c-calendar-month__header-year--Width);
2241
+ }
2242
+
2243
+ .pf-v6-c-calendar-month__calendar {
2244
+ table-layout: fixed;
2245
+ }
2246
+
2247
+ .pf-v6-c-calendar-month__days {
2248
+ color: var(--pf-v6-c-calendar-month__day--Color);
2249
+ border-block-end: var(--pf-v6-c-calendar-month__days--BorderBlockEndWidth) solid var(--pf-v6-c-calendar-month__days--BorderBlockEndColor);
2250
+ }
2251
+
2252
+ .pf-v6-c-calendar-month__day {
2253
+ padding-block-end: var(--pf-v6-c-calendar-month__day--PaddingBlockEnd);
2254
+ font-weight: var(--pf-v6-c-calendar-month__day--FontWeight);
2255
+ text-align: center;
2256
+ }
2257
+
2258
+ .pf-v6-c-calendar-month__dates-row:first-child {
2259
+ --pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: var(--pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart);
2260
+ }
2261
+
2262
+ .pf-v6-c-calendar-month__dates-cell {
2263
+ --pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
2264
+ position: relative;
2265
+ padding-block-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
2266
+ padding-block-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
2267
+ padding-inline-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineStart);
2268
+ padding-inline-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd);
2269
+ text-align: center;
2270
+ }
2271
+
2272
+ .pf-v6-c-calendar-month__dates-cell::before {
2273
+ position: absolute;
2274
+ inset-block-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart);
2275
+ inset-block-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd);
2276
+ inset-inline-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart);
2277
+ inset-inline-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd);
2278
+ content: "";
2279
+ background-color: var(--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor);
2280
+ }
2281
+
2282
+ .pf-v6-c-calendar-month__dates-cell.pf-m-current {
2283
+ --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
2284
+ }
2285
+
2286
+ .pf-v6-c-calendar-month__dates-cell.pf-m-in-range {
2287
+ --pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
2288
+ --pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
2289
+ --pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth);
2290
+ --pf-v6-c-calendar-month__date--hover--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor);
2291
+ --pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor);
2292
+ }
2293
+
2294
+ .pf-v6-c-calendar-month__dates-cell.pf-m-start-range {
2295
+ --pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart);
2296
+ }
2297
+
2298
+ .pf-v6-c-calendar-month__dates-cell.pf-m-end-range {
2299
+ --pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd);
2300
+ }
2301
+
2302
+ .pf-v6-c-calendar-month__dates-cell.pf-m-adjacent-month {
2303
+ --pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color);
2304
+ }
2305
+
2306
+ .pf-v6-c-calendar-month__dates-cell.pf-m-selected {
2307
+ --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
2308
+ --pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color);
2309
+ --pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
2310
+ --pf-v6-c-calendar-month__date--hover--BorderWidth: 0;
2311
+ --pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
2312
+ --pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
2313
+ --pf-v6-c-calendar-month__date--after--OutlineOffset: var(--pf-v6-c-calendar-month__date--after--focus--OutlineOffset);
2314
+ }
2315
+
2316
+ .pf-v6-c-calendar-month__dates-cell.pf-m-disabled {
2317
+ --pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
2318
+ --pf-v6-c-calendar-month__date--BackgroundColor: transparent;
2319
+ }
2320
+
2321
+ .pf-v6-c-calendar-month__date {
2322
+ position: relative;
2323
+ display: inline-flex;
2324
+ align-items: center;
2325
+ justify-content: center;
2326
+ width: var(--pf-v6-c-calendar-month__date--Width);
2327
+ height: var(--pf-v6-c-calendar-month__date--Height);
2328
+ line-height: 1;
2329
+ color: var(--pf-v6-c-calendar-month__date--Color);
2330
+ background-color: var(--pf-v6-c-calendar-month__date--BackgroundColor);
2331
+ border: 0;
2332
+ }
2333
+
2334
+ .pf-v6-c-calendar-month__date::after {
2335
+ position: absolute;
2336
+ inset-block-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
2337
+ inset-block-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
2338
+ inset-inline-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
2339
+ inset-inline-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
2340
+ content: "";
2341
+ border: var(--pf-v6-c-calendar-month__date--after--BorderWidth) solid var(--pf-v6-c-calendar-month__date--after--BorderColor);
2342
+ }
2343
+
2344
+ .pf-v6-c-calendar-month__date, .pf-v6-c-calendar-month__date::after {
2345
+ border-radius: var(--pf-v6-c-calendar-month__date--BorderRadius);
2346
+ }
2347
+
2348
+ .pf-v6-c-calendar-month__date:hover, .pf-v6-c-calendar-month__date.pf-m-hover {
2349
+ --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--hover--BackgroundColor);
2350
+ border: var(--pf-v6-c-calendar-month__date--hover--BorderColor) solid var(--pf-v6-c-calendar-month__date--hover--BorderWidth);
2351
+ }
2352
+
2353
+ .pf-v6-c-calendar-month__date:focus, .pf-v6-c-calendar-month__date.pf-m-focus {
2354
+ --pf-v6-c-calendar-month__date--after--BorderColor: var(--pf-v6-c-calendar-month__date--focus--after--BorderColor);
2355
+ outline: 0;
2356
+ }
2357
+
2358
+ .pf-v6-c-calendar-month__date:disabled {
2359
+ --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--disabled--BackgroundColor);
2360
+ --pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__date--disabled--Color);
2361
+ --pf-v6-c-calendar-month__date--hover--focus--BorderColor: transparent;
2362
+ pointer-events: none;
2363
+ }
2364
+
2365
+ :where(:root, .pf-v6-c-check) {
2366
+ --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
2367
+ --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
2368
+ --pf-v6-c-check--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
2369
+ --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
2370
+ --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
2371
+ --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body);
2372
+ --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
2373
+ --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
2374
+ --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
2375
+ --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
2376
+ --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
2377
+ --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
2378
+ --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
2379
+ --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
2380
+ }
2381
+
2382
+ .pf-v6-c-check {
2383
+ display: grid;
2384
+ grid-template-columns: auto 1fr;
2385
+ grid-gap: var(--pf-v6-c-check--GridGap);
2386
+ accent-color: var(--pf-v6-c-check--AccentColor);
2387
+ }
2388
+
2389
+ .pf-v6-c-check.pf-m-standalone {
2390
+ display: inline-grid;
2391
+ grid-template-columns: auto;
2392
+ min-height: var(--pf-v6-c-check--MinHeight);
2393
+ }
2394
+
2395
+ .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
2396
+ align-self: center;
2397
+ transform: none;
2398
+ }
2399
+
2400
+ .pf-v6-c-check__input {
2401
2401
  align-self: start;
2402
2402
  font-size: var(--pf-v6-c-check__label--FontSize);
2403
2403
  line-height: var(--pf-v6-c-check__label--LineHeight);
@@ -2590,283 +2590,18 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
2590
2590
  padding-inline-start: var(--pf-v6-c-code-block__content--PaddingInlineStart);
2591
2591
  padding-inline-end: var(--pf-v6-c-code-block__content--PaddingInlineEnd);
2592
2592
  }
2593
-
2594
- .pf-v6-c-code-block__pre {
2595
- font-family: var(--pf-v6-c-code-block__pre--FontFamily);
2596
- font-size: var(--pf-v6-c-code-block__pre--FontSize);
2597
- overflow-wrap: break-word;
2598
- white-space: pre-wrap;
2599
- }
2600
-
2601
- .pf-v6-c-code-block__code {
2602
- font-family: var(--pf-v6-c-code-block__code--FontFamily, inherit);
2603
- }
2604
-
2605
- :where(:root, .pf-v6-c-content) {
2606
- --pf-v6-c-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
2607
- --pf-v6-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
2608
- --pf-v6-c-content--FontSize: var(--pf-t--global--font--size--body--default);
2609
- --pf-v6-c-content--FontWeight: var(--pf-t--global--font--weight--body);
2610
- --pf-v6-c-content--Color: var(--pf-t--global--text--color--regular);
2611
- --pf-v6-c-content--heading--FontFamily: var(--pf-t--global--font--family--heading);
2612
- --pf-v6-c-content--h1--MarginBlockStart: var(--pf-t--global--spacer--lg);
2613
- --pf-v6-c-content--h1--MarginBlockEnd: var(--pf-t--global--spacer--sm);
2614
- --pf-v6-c-content--h1--LineHeight: var(--pf-t--global--font--line-height--heading);
2615
- --pf-v6-c-content--h1--FontSize: var(--pf-t--global--font--size--heading--h1);
2616
- --pf-v6-c-content--h1--FontWeight: var(--pf-t--global--font--weight--heading);
2617
- --pf-v6-c-content--h2--MarginBlockStart: var(--pf-t--global--spacer--lg);
2618
- --pf-v6-c-content--h2--MarginBlockEnd: var(--pf-t--global--spacer--sm);
2619
- --pf-v6-c-content--h2--LineHeight: var(--pf-t--global--font--line-height--heading);
2620
- --pf-v6-c-content--h2--FontSize: var(--pf-t--global--font--size--heading--h2);
2621
- --pf-v6-c-content--h2--FontWeight: var(--pf-t--global--font--weight--heading);
2622
- --pf-v6-c-content--h3--MarginBlockStart: var(--pf-t--global--spacer--lg);
2623
- --pf-v6-c-content--h3--MarginBlockEnd: var(--pf-t--global--spacer--sm);
2624
- --pf-v6-c-content--h3--LineHeight: var(--pf-t--global--font--line-height--heading);
2625
- --pf-v6-c-content--h3--FontSize: var(--pf-t--global--font--size--heading--h3);
2626
- --pf-v6-c-content--h3--FontWeight: var(--pf-t--global--font--weight--heading);
2627
- --pf-v6-c-content--h4--MarginBlockStart: var(--pf-t--global--spacer--lg);
2628
- --pf-v6-c-content--h4--MarginBlockEnd: var(--pf-t--global--spacer--sm);
2629
- --pf-v6-c-content--h4--LineHeight: var(--pf-t--global--font--line-height--heading);
2630
- --pf-v6-c-content--h4--FontSize: var(--pf-t--global--font--size--heading--h4);
2631
- --pf-v6-c-content--h4--FontWeight: var(--pf-t--global--font--weight--heading);
2632
- --pf-v6-c-content--h5--MarginBlockStart: var(--pf-t--global--spacer--lg);
2633
- --pf-v6-c-content--h5--MarginBlockEnd: var(--pf-t--global--spacer--sm);
2634
- --pf-v6-c-content--h5--LineHeight: var(--pf-t--global--font--line-height--heading);
2635
- --pf-v6-c-content--h5--FontSize: var(--pf-t--global--font--size--heading--h5);
2636
- --pf-v6-c-content--h5--FontWeight: var(--pf-t--global--font--weight--heading);
2637
- --pf-v6-c-content--h6--MarginBlockStart: var(--pf-t--global--spacer--lg);
2638
- --pf-v6-c-content--h6--MarginBlockEnd: var(--pf-t--global--spacer--sm);
2639
- --pf-v6-c-content--h6--LineHeight: var(--pf-t--global--font--line-height--heading);
2640
- --pf-v6-c-content--h6--FontSize: var(--pf-t--global--font--size--heading--h6);
2641
- --pf-v6-c-content--h6--FontWeight: var(--pf-t--global--font--weight--heading);
2642
- --pf-v6-c-content--small--MarginBlockEnd: var(--pf-t--global--spacer--md);
2643
- --pf-v6-c-content--small--LineHeight: var(--pf-t--global--font--line-height--body);
2644
- --pf-v6-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
2645
- --pf-v6-c-content--small--Color: var(--pf-t--global--text--color--subtle);
2646
- --pf-v6-c-content--a--Color: var(--pf-t--global--text--color--link--default);
2647
- --pf-v6-c-content--a--TextDecoration: var(--pf-t--global--link--text-decoration);
2648
- --pf-v6-c-content--a--hover--Color: var(--pf-t--global--text--color--link--hover);
2649
- --pf-v6-c-content--a--hover--TextDecoration: var(--pf-t--global--link--text-decoration);
2650
- --pf-v6-c-content--a--visited--Color: var(--pf-t--global--text--color--link--visited);
2651
- --pf-v6-c-content--blockquote--PaddingBlockStart: var(--pf-t--global--spacer--md);
2652
- --pf-v6-c-content--blockquote--PaddingInlineEnd: var(--pf-t--global--spacer--md);
2653
- --pf-v6-c-content--blockquote--PaddingBlockEnd: var(--pf-t--global--spacer--md);
2654
- --pf-v6-c-content--blockquote--PaddingInlineStart: var(--pf-t--global--spacer--md);
2655
- --pf-v6-c-content--blockquote--Color: var(--pf-t--global--text--color--subtle);
2656
- --pf-v6-c-content--blockquote--BorderInlineStartColor: var(--pf-t--global--border--color--default);
2657
- --pf-v6-c-content--blockquote--BorderInlineStartWidth: var(--pf-t--global--border--width--300);
2658
- --pf-v6-c-content--list--Gap: var(--pf-t--global--spacer--sm);
2659
- --pf-v6-c-content--list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
2660
- --pf-v6-c-content--list--nested--MarginBlockStart: var(--pf-v6-c-content--list--Gap);
2661
- --pf-v6-c-content--ul--ListStyle: var(--pf-t--global--list-style);
2662
- --pf-v6-c-content--dl--ColumnGap: var(--pf-t--global--spacer--2xl);
2663
- --pf-v6-c-content--dl--RowGap: var(--pf-t--global--spacer--md);
2664
- --pf-v6-c-content--dt--FontWeight: var(--pf-t--global--font--weight--body--bold);
2665
- --pf-v6-c-content--dt--MarginBlockStart: var(--pf-t--global--spacer--md);
2666
- --pf-v6-c-content--dt--sm--MarginBlockStart: 0;
2667
- --pf-v6-c-content--hr--Height: var(--pf-t--global--border--width--divider--default);
2668
- --pf-v6-c-content--hr--BackgroundColor: var(--pf-t--global--border--color--default);
2669
- }
2670
-
2671
- .pf-v6-c-content {
2672
- font-size: var(--pf-v6-c-content--FontSize);
2673
- line-height: var(--pf-v6-c-content--LineHeight);
2674
- color: var(--pf-v6-c-content--Color);
2675
- }
2676
-
2677
- :is(.pf-v6-c-content--a, .pf-v6-c-content a) {
2678
- color: var(--pf-v6-c-content--a--Color);
2679
- text-decoration: var(--pf-v6-c-content--a--TextDecoration);
2680
- }
2681
-
2682
- :is(.pf-v6-c-content--a, .pf-v6-c-content a):hover {
2683
- --pf-v6-c-content--a--Color: var(--pf-v6-c-content--a--hover--Color);
2684
- --pf-v6-c-content--a--TextDecoration: var(--pf-v6-c-content--a--hover--TextDecoration);
2685
- }
2686
-
2687
- :is(.pf-v6-c-content--a.pf-m-visited, .pf-v6-c-content.pf-m-visited a, .pf-v6-c-content a.pf-m-visited):visited {
2688
- color: var(--pf-v6-c-content--a--visited--Color);
2689
- }
2690
-
2691
- :is(.pf-v6-c-content--li + .pf-v6-c-content--li, .pf-v6-c-content li + li) {
2692
- margin-block-start: var(--pf-v6-c-content--li--MarginBlockStart);
2693
- }
2694
-
2695
- :is(.pf-v6-c-content--p,
2696
- .pf-v6-c-content--dl,
2697
- .pf-v6-c-content--ol,
2698
- .pf-v6-c-content--ul,
2699
- .pf-v6-c-content--blockquote,
2700
- .pf-v6-c-content--small,
2701
- .pf-v6-c-content--pre,
2702
- .pf-v6-c-content--table,
2703
- .pf-v6-c-content--hr, .pf-v6-c-content p, .pf-v6-c-content dl, .pf-v6-c-content ol, .pf-v6-c-content ul, .pf-v6-c-content blockquote, .pf-v6-c-content small, .pf-v6-c-content pre, .pf-v6-c-content table, .pf-v6-c-content hr):not(:last-child) {
2704
- margin-block-end: var(--pf-v6-c-content--MarginBlockEnd);
2705
- }
2706
-
2707
- :is(.pf-v6-c-content--h1,
2708
- .pf-v6-c-content--h2,
2709
- .pf-v6-c-content--h3,
2710
- .pf-v6-c-content--h4,
2711
- .pf-v6-c-content--h5,
2712
- .pf-v6-c-content--h6, .pf-v6-c-content h1, .pf-v6-c-content h2, .pf-v6-c-content h3, .pf-v6-c-content h4, .pf-v6-c-content h5, .pf-v6-c-content h6) {
2713
- margin: 0;
2714
- font-family: var(--pf-v6-c-content--heading--FontFamily);
2715
- }
2716
-
2717
- :is(.pf-v6-c-content--h1,
2718
- .pf-v6-c-content--h2,
2719
- .pf-v6-c-content--h3,
2720
- .pf-v6-c-content--h4,
2721
- .pf-v6-c-content--h5,
2722
- .pf-v6-c-content--h6, .pf-v6-c-content h1, .pf-v6-c-content h2, .pf-v6-c-content h3, .pf-v6-c-content h4, .pf-v6-c-content h5, .pf-v6-c-content h6):first-child {
2723
- margin-block-start: 0;
2724
- }
2725
-
2726
- :is(.pf-v6-c-content--h1,
2727
- .pf-v6-c-content--h2,
2728
- .pf-v6-c-content--h3,
2729
- .pf-v6-c-content--h4,
2730
- .pf-v6-c-content--h5,
2731
- .pf-v6-c-content--h6, .pf-v6-c-content h1, .pf-v6-c-content h2, .pf-v6-c-content h3, .pf-v6-c-content h4, .pf-v6-c-content h5, .pf-v6-c-content h6):last-child {
2732
- margin-block-end: 0;
2733
- }
2734
-
2735
- :is(.pf-v6-c-content--h1, .pf-v6-c-content h1) {
2736
- margin-block-start: var(--pf-v6-c-content--h1--MarginBlockStart);
2737
- margin-block-end: var(--pf-v6-c-content--h1--MarginBlockEnd);
2738
- font-size: var(--pf-v6-c-content--h1--FontSize);
2739
- font-weight: var(--pf-v6-c-content--h1--FontWeight);
2740
- line-height: var(--pf-v6-c-content--h1--LineHeight);
2741
- }
2742
-
2743
- :is(.pf-v6-c-content--h2, .pf-v6-c-content h2) {
2744
- margin-block-start: var(--pf-v6-c-content--h2--MarginBlockStart);
2745
- margin-block-end: var(--pf-v6-c-content--h2--MarginBlockEnd);
2746
- font-size: var(--pf-v6-c-content--h2--FontSize);
2747
- font-weight: var(--pf-v6-c-content--h2--FontWeight);
2748
- line-height: var(--pf-v6-c-content--h2--LineHeight);
2749
- }
2750
-
2751
- :is(.pf-v6-c-content--h3, .pf-v6-c-content h3) {
2752
- margin-block-start: var(--pf-v6-c-content--h3--MarginBlockStart);
2753
- margin-block-end: var(--pf-v6-c-content--h3--MarginBlockEnd);
2754
- font-size: var(--pf-v6-c-content--h3--FontSize);
2755
- font-weight: var(--pf-v6-c-content--h3--FontWeight);
2756
- line-height: var(--pf-v6-c-content--h3--LineHeight);
2757
- }
2758
-
2759
- :is(.pf-v6-c-content--h4, .pf-v6-c-content h4) {
2760
- margin-block-start: var(--pf-v6-c-content--h4--MarginBlockStart);
2761
- margin-block-end: var(--pf-v6-c-content--h4--MarginBlockEnd);
2762
- font-size: var(--pf-v6-c-content--h4--FontSize);
2763
- font-weight: var(--pf-v6-c-content--h4--FontWeight);
2764
- line-height: var(--pf-v6-c-content--h4--LineHeight);
2765
- }
2766
-
2767
- :is(.pf-v6-c-content--h5, .pf-v6-c-content h5) {
2768
- margin-block-start: var(--pf-v6-c-content--h5--MarginBlockStart);
2769
- margin-block-end: var(--pf-v6-c-content--h5--MarginBlockEnd);
2770
- font-size: var(--pf-v6-c-content--h5--FontSize);
2771
- font-weight: var(--pf-v6-c-content--h5--FontWeight);
2772
- line-height: var(--pf-v6-c-content--h5--LineHeight);
2773
- }
2774
-
2775
- :is(.pf-v6-c-content--h6, .pf-v6-c-content h6) {
2776
- margin-block-start: var(--pf-v6-c-content--h6--MarginBlockStart);
2777
- margin-block-end: var(--pf-v6-c-content--h6--MarginBlockEnd);
2778
- font-size: var(--pf-v6-c-content--h6--FontSize);
2779
- font-weight: var(--pf-v6-c-content--h6--FontWeight);
2780
- line-height: var(--pf-v6-c-content--h6--LineHeight);
2781
- }
2782
-
2783
- :is(.pf-v6-c-content--small, .pf-v6-c-content small) {
2784
- display: block;
2785
- font-size: var(--pf-v6-c-content--small--FontSize);
2786
- line-height: var(--pf-v6-c-content--small--LineHeight);
2787
- color: var(--pf-v6-c-content--small--Color);
2788
- }
2789
-
2790
- :is(.pf-v6-c-content--small, .pf-v6-c-content small):not(:last-child) {
2791
- margin-block-end: var(--pf-v6-c-content--small--MarginBlockEnd);
2792
- }
2793
-
2794
- :is(.pf-v6-c-content--blockquote, .pf-v6-c-content blockquote) {
2795
- padding-block-start: var(--pf-v6-c-content--blockquote--PaddingBlockStart);
2796
- padding-block-end: var(--pf-v6-c-content--blockquote--PaddingBlockEnd);
2797
- padding-inline-start: var(--pf-v6-c-content--blockquote--PaddingInlineStart);
2798
- padding-inline-end: var(--pf-v6-c-content--blockquote--PaddingInlineEnd);
2799
- color: var(--pf-v6-c-content--blockquote--Color);
2800
- border-inline-start: var(--pf-v6-c-content--blockquote--BorderInlineStartWidth) solid var(--pf-v6-c-content--blockquote--BorderInlineStartColor);
2801
- }
2802
-
2803
- :is(.pf-v6-c-content--hr, .pf-v6-c-content hr) {
2804
- height: var(--pf-v6-c-content--hr--Height);
2805
- background-color: var(--pf-v6-c-content--hr--BackgroundColor);
2806
- border: none;
2807
- }
2808
-
2809
- :is(.pf-v6-c-content--ol,
2810
- .pf-v6-c-content--ul, .pf-v6-c-content ol, .pf-v6-c-content ul) {
2811
- display: flex;
2812
- flex-direction: column;
2813
- gap: var(--pf-v6-c-content--list--Gap);
2814
- padding-inline-start: var(--pf-v6-c-content--list--PaddingInlineStart);
2815
- }
2816
-
2817
- :is(.pf-v6-c-content--ol,
2818
- .pf-v6-c-content--ul, .pf-v6-c-content ol, .pf-v6-c-content ul).pf-m-plain {
2819
- padding-inline-start: 0;
2820
- list-style: none;
2821
- }
2822
-
2823
- :is(.pf-v6-c-content--ol,
2824
- .pf-v6-c-content--ul, .pf-v6-c-content ol, .pf-v6-c-content ul) :is(.pf-v6-c-content--ol,
2825
- .pf-v6-c-content--ul,
2826
- ol,
2827
- ul) {
2828
- margin-block-start: var(--pf-v6-c-content--list--nested--MarginBlockStart);
2829
- }
2830
-
2831
- :is(.pf-v6-c-content--ul, .pf-v6-c-content ul) {
2832
- list-style: var(--pf-v6-c-content--ul--ListStyle);
2833
- }
2834
-
2835
- :is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
2836
- display: grid;
2837
- grid-template-columns: 1fr;
2838
- }
2839
-
2840
- @media screen and (min-width: 576px) {
2841
- :is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
2842
- grid-template: auto/auto 1fr;
2843
- grid-row-gap: var(--pf-v6-c-content--dl--RowGap);
2844
- grid-column-gap: var(--pf-v6-c-content--dl--ColumnGap);
2845
- }
2846
- }
2847
- :is(.pf-v6-c-content--dt, .pf-v6-c-content dt) {
2848
- font-weight: var(--pf-v6-c-content--dt--FontWeight);
2849
- }
2850
-
2851
- :is(.pf-v6-c-content--dt, .pf-v6-c-content dt):not(:first-child) {
2852
- margin-block-start: var(--pf-v6-c-content--dt--MarginBlockStart);
2853
- }
2854
-
2855
- @media screen and (min-width: 576px) {
2856
- :is(.pf-v6-c-content--dt, .pf-v6-c-content dt):not(:first-child) {
2857
- --pf-v6-c-content--dt--MarginBlockStart: var(--pf-v6-c-content--dt--sm--MarginBlockStart);
2858
- }
2859
- }
2860
- @media screen and (min-width: 576px) {
2861
- :is(.pf-v6-c-content--dt, .pf-v6-c-content dt) {
2862
- grid-column: 1;
2863
- }
2864
- }
2865
- @media screen and (min-width: 576px) {
2866
- :is(.pf-v6-c-content--dd, .pf-v6-c-content dd) {
2867
- grid-column: 2;
2868
- }
2593
+
2594
+ .pf-v6-c-code-block__pre {
2595
+ font-family: var(--pf-v6-c-code-block__pre--FontFamily);
2596
+ font-size: var(--pf-v6-c-code-block__pre--FontSize);
2597
+ overflow-wrap: break-word;
2598
+ white-space: pre-wrap;
2599
+ }
2600
+
2601
+ .pf-v6-c-code-block__code {
2602
+ font-family: var(--pf-v6-c-code-block__code--FontFamily, inherit);
2869
2603
  }
2604
+
2870
2605
  @media screen and (min-width: 768px) {
2871
2606
  .pf-v6-c-data-list:not([class*=pf-m-grid]) {
2872
2607
  --pf-v6-c-data-list__cell--cell--PaddingBlockStart: var(--pf-v6-c-data-list__cell--cell--md--PaddingBlockStart);
@@ -3711,22 +3446,287 @@ ul) {
3711
3446
  margin-inline-start: var(--pf-v6-c-data-list--MarginInlineStart);
3712
3447
  }
3713
3448
 
3714
- .pf-v6-c-data-list__expandable-content .pf-v6-c-data-list__expandable-content-body .pf-v6-c-data-list__item:last-child {
3715
- border-block-end: 0;
3449
+ .pf-v6-c-data-list__expandable-content .pf-v6-c-data-list__expandable-content-body .pf-v6-c-data-list__item:last-child {
3450
+ border-block-end: 0;
3451
+ }
3452
+
3453
+ .pf-v6-c-data-list__expandable-content .pf-v6-c-data-list__expandable-content-body .pf-v6-c-data-list__item-row {
3454
+ --pf-v6-c-data-list__item-row--PaddingInlineStart: 0;
3455
+ }
3456
+
3457
+ .pf-v6-c-data-list__expandable-content .pf-v6-c-data-list__expandable-content-body .pf-v6-c-data-list__expandable-content-body {
3458
+ --pf-v6-c-data-list__expandable-content-body--PaddingInlineStart: 0;
3459
+ }
3460
+
3461
+ .pf-v6-c-data-list__expandable-content .pf-v6-c-data-list__expandable-content-body.pf-m-no-padding {
3462
+ padding: 0;
3463
+ }
3464
+
3465
+ :where(:root, .pf-v6-c-content) {
3466
+ --pf-v6-c-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
3467
+ --pf-v6-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
3468
+ --pf-v6-c-content--FontSize: var(--pf-t--global--font--size--body--default);
3469
+ --pf-v6-c-content--FontWeight: var(--pf-t--global--font--weight--body);
3470
+ --pf-v6-c-content--Color: var(--pf-t--global--text--color--regular);
3471
+ --pf-v6-c-content--heading--FontFamily: var(--pf-t--global--font--family--heading);
3472
+ --pf-v6-c-content--h1--MarginBlockStart: var(--pf-t--global--spacer--lg);
3473
+ --pf-v6-c-content--h1--MarginBlockEnd: var(--pf-t--global--spacer--sm);
3474
+ --pf-v6-c-content--h1--LineHeight: var(--pf-t--global--font--line-height--heading);
3475
+ --pf-v6-c-content--h1--FontSize: var(--pf-t--global--font--size--heading--h1);
3476
+ --pf-v6-c-content--h1--FontWeight: var(--pf-t--global--font--weight--heading);
3477
+ --pf-v6-c-content--h2--MarginBlockStart: var(--pf-t--global--spacer--lg);
3478
+ --pf-v6-c-content--h2--MarginBlockEnd: var(--pf-t--global--spacer--sm);
3479
+ --pf-v6-c-content--h2--LineHeight: var(--pf-t--global--font--line-height--heading);
3480
+ --pf-v6-c-content--h2--FontSize: var(--pf-t--global--font--size--heading--h2);
3481
+ --pf-v6-c-content--h2--FontWeight: var(--pf-t--global--font--weight--heading);
3482
+ --pf-v6-c-content--h3--MarginBlockStart: var(--pf-t--global--spacer--lg);
3483
+ --pf-v6-c-content--h3--MarginBlockEnd: var(--pf-t--global--spacer--sm);
3484
+ --pf-v6-c-content--h3--LineHeight: var(--pf-t--global--font--line-height--heading);
3485
+ --pf-v6-c-content--h3--FontSize: var(--pf-t--global--font--size--heading--h3);
3486
+ --pf-v6-c-content--h3--FontWeight: var(--pf-t--global--font--weight--heading);
3487
+ --pf-v6-c-content--h4--MarginBlockStart: var(--pf-t--global--spacer--lg);
3488
+ --pf-v6-c-content--h4--MarginBlockEnd: var(--pf-t--global--spacer--sm);
3489
+ --pf-v6-c-content--h4--LineHeight: var(--pf-t--global--font--line-height--heading);
3490
+ --pf-v6-c-content--h4--FontSize: var(--pf-t--global--font--size--heading--h4);
3491
+ --pf-v6-c-content--h4--FontWeight: var(--pf-t--global--font--weight--heading);
3492
+ --pf-v6-c-content--h5--MarginBlockStart: var(--pf-t--global--spacer--lg);
3493
+ --pf-v6-c-content--h5--MarginBlockEnd: var(--pf-t--global--spacer--sm);
3494
+ --pf-v6-c-content--h5--LineHeight: var(--pf-t--global--font--line-height--heading);
3495
+ --pf-v6-c-content--h5--FontSize: var(--pf-t--global--font--size--heading--h5);
3496
+ --pf-v6-c-content--h5--FontWeight: var(--pf-t--global--font--weight--heading);
3497
+ --pf-v6-c-content--h6--MarginBlockStart: var(--pf-t--global--spacer--lg);
3498
+ --pf-v6-c-content--h6--MarginBlockEnd: var(--pf-t--global--spacer--sm);
3499
+ --pf-v6-c-content--h6--LineHeight: var(--pf-t--global--font--line-height--heading);
3500
+ --pf-v6-c-content--h6--FontSize: var(--pf-t--global--font--size--heading--h6);
3501
+ --pf-v6-c-content--h6--FontWeight: var(--pf-t--global--font--weight--heading);
3502
+ --pf-v6-c-content--small--MarginBlockEnd: var(--pf-t--global--spacer--md);
3503
+ --pf-v6-c-content--small--LineHeight: var(--pf-t--global--font--line-height--body);
3504
+ --pf-v6-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
3505
+ --pf-v6-c-content--small--Color: var(--pf-t--global--text--color--subtle);
3506
+ --pf-v6-c-content--a--Color: var(--pf-t--global--text--color--link--default);
3507
+ --pf-v6-c-content--a--TextDecoration: var(--pf-t--global--link--text-decoration);
3508
+ --pf-v6-c-content--a--hover--Color: var(--pf-t--global--text--color--link--hover);
3509
+ --pf-v6-c-content--a--hover--TextDecoration: var(--pf-t--global--link--text-decoration);
3510
+ --pf-v6-c-content--a--visited--Color: var(--pf-t--global--text--color--link--visited);
3511
+ --pf-v6-c-content--blockquote--PaddingBlockStart: var(--pf-t--global--spacer--md);
3512
+ --pf-v6-c-content--blockquote--PaddingInlineEnd: var(--pf-t--global--spacer--md);
3513
+ --pf-v6-c-content--blockquote--PaddingBlockEnd: var(--pf-t--global--spacer--md);
3514
+ --pf-v6-c-content--blockquote--PaddingInlineStart: var(--pf-t--global--spacer--md);
3515
+ --pf-v6-c-content--blockquote--Color: var(--pf-t--global--text--color--subtle);
3516
+ --pf-v6-c-content--blockquote--BorderInlineStartColor: var(--pf-t--global--border--color--default);
3517
+ --pf-v6-c-content--blockquote--BorderInlineStartWidth: var(--pf-t--global--border--width--300);
3518
+ --pf-v6-c-content--list--Gap: var(--pf-t--global--spacer--sm);
3519
+ --pf-v6-c-content--list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
3520
+ --pf-v6-c-content--list--nested--MarginBlockStart: var(--pf-v6-c-content--list--Gap);
3521
+ --pf-v6-c-content--ul--ListStyle: var(--pf-t--global--list-style);
3522
+ --pf-v6-c-content--dl--ColumnGap: var(--pf-t--global--spacer--2xl);
3523
+ --pf-v6-c-content--dl--RowGap: var(--pf-t--global--spacer--md);
3524
+ --pf-v6-c-content--dt--FontWeight: var(--pf-t--global--font--weight--body--bold);
3525
+ --pf-v6-c-content--dt--MarginBlockStart: var(--pf-t--global--spacer--md);
3526
+ --pf-v6-c-content--dt--sm--MarginBlockStart: 0;
3527
+ --pf-v6-c-content--hr--Height: var(--pf-t--global--border--width--divider--default);
3528
+ --pf-v6-c-content--hr--BackgroundColor: var(--pf-t--global--border--color--default);
3529
+ }
3530
+
3531
+ .pf-v6-c-content {
3532
+ font-size: var(--pf-v6-c-content--FontSize);
3533
+ line-height: var(--pf-v6-c-content--LineHeight);
3534
+ color: var(--pf-v6-c-content--Color);
3535
+ }
3536
+
3537
+ :is(.pf-v6-c-content--a, .pf-v6-c-content a) {
3538
+ color: var(--pf-v6-c-content--a--Color);
3539
+ text-decoration: var(--pf-v6-c-content--a--TextDecoration);
3540
+ }
3541
+
3542
+ :is(.pf-v6-c-content--a, .pf-v6-c-content a):hover {
3543
+ --pf-v6-c-content--a--Color: var(--pf-v6-c-content--a--hover--Color);
3544
+ --pf-v6-c-content--a--TextDecoration: var(--pf-v6-c-content--a--hover--TextDecoration);
3545
+ }
3546
+
3547
+ :is(.pf-v6-c-content--a.pf-m-visited, .pf-v6-c-content.pf-m-visited a, .pf-v6-c-content a.pf-m-visited):visited {
3548
+ color: var(--pf-v6-c-content--a--visited--Color);
3549
+ }
3550
+
3551
+ :is(.pf-v6-c-content--li + .pf-v6-c-content--li, .pf-v6-c-content li + li) {
3552
+ margin-block-start: var(--pf-v6-c-content--li--MarginBlockStart);
3553
+ }
3554
+
3555
+ :is(.pf-v6-c-content--p,
3556
+ .pf-v6-c-content--dl,
3557
+ .pf-v6-c-content--ol,
3558
+ .pf-v6-c-content--ul,
3559
+ .pf-v6-c-content--blockquote,
3560
+ .pf-v6-c-content--small,
3561
+ .pf-v6-c-content--pre,
3562
+ .pf-v6-c-content--table,
3563
+ .pf-v6-c-content--hr, .pf-v6-c-content p, .pf-v6-c-content dl, .pf-v6-c-content ol, .pf-v6-c-content ul, .pf-v6-c-content blockquote, .pf-v6-c-content small, .pf-v6-c-content pre, .pf-v6-c-content table, .pf-v6-c-content hr):not(:last-child) {
3564
+ margin-block-end: var(--pf-v6-c-content--MarginBlockEnd);
3565
+ }
3566
+
3567
+ :is(.pf-v6-c-content--h1,
3568
+ .pf-v6-c-content--h2,
3569
+ .pf-v6-c-content--h3,
3570
+ .pf-v6-c-content--h4,
3571
+ .pf-v6-c-content--h5,
3572
+ .pf-v6-c-content--h6, .pf-v6-c-content h1, .pf-v6-c-content h2, .pf-v6-c-content h3, .pf-v6-c-content h4, .pf-v6-c-content h5, .pf-v6-c-content h6) {
3573
+ margin: 0;
3574
+ font-family: var(--pf-v6-c-content--heading--FontFamily);
3575
+ }
3576
+
3577
+ :is(.pf-v6-c-content--h1,
3578
+ .pf-v6-c-content--h2,
3579
+ .pf-v6-c-content--h3,
3580
+ .pf-v6-c-content--h4,
3581
+ .pf-v6-c-content--h5,
3582
+ .pf-v6-c-content--h6, .pf-v6-c-content h1, .pf-v6-c-content h2, .pf-v6-c-content h3, .pf-v6-c-content h4, .pf-v6-c-content h5, .pf-v6-c-content h6):first-child {
3583
+ margin-block-start: 0;
3584
+ }
3585
+
3586
+ :is(.pf-v6-c-content--h1,
3587
+ .pf-v6-c-content--h2,
3588
+ .pf-v6-c-content--h3,
3589
+ .pf-v6-c-content--h4,
3590
+ .pf-v6-c-content--h5,
3591
+ .pf-v6-c-content--h6, .pf-v6-c-content h1, .pf-v6-c-content h2, .pf-v6-c-content h3, .pf-v6-c-content h4, .pf-v6-c-content h5, .pf-v6-c-content h6):last-child {
3592
+ margin-block-end: 0;
3593
+ }
3594
+
3595
+ :is(.pf-v6-c-content--h1, .pf-v6-c-content h1) {
3596
+ margin-block-start: var(--pf-v6-c-content--h1--MarginBlockStart);
3597
+ margin-block-end: var(--pf-v6-c-content--h1--MarginBlockEnd);
3598
+ font-size: var(--pf-v6-c-content--h1--FontSize);
3599
+ font-weight: var(--pf-v6-c-content--h1--FontWeight);
3600
+ line-height: var(--pf-v6-c-content--h1--LineHeight);
3601
+ }
3602
+
3603
+ :is(.pf-v6-c-content--h2, .pf-v6-c-content h2) {
3604
+ margin-block-start: var(--pf-v6-c-content--h2--MarginBlockStart);
3605
+ margin-block-end: var(--pf-v6-c-content--h2--MarginBlockEnd);
3606
+ font-size: var(--pf-v6-c-content--h2--FontSize);
3607
+ font-weight: var(--pf-v6-c-content--h2--FontWeight);
3608
+ line-height: var(--pf-v6-c-content--h2--LineHeight);
3609
+ }
3610
+
3611
+ :is(.pf-v6-c-content--h3, .pf-v6-c-content h3) {
3612
+ margin-block-start: var(--pf-v6-c-content--h3--MarginBlockStart);
3613
+ margin-block-end: var(--pf-v6-c-content--h3--MarginBlockEnd);
3614
+ font-size: var(--pf-v6-c-content--h3--FontSize);
3615
+ font-weight: var(--pf-v6-c-content--h3--FontWeight);
3616
+ line-height: var(--pf-v6-c-content--h3--LineHeight);
3617
+ }
3618
+
3619
+ :is(.pf-v6-c-content--h4, .pf-v6-c-content h4) {
3620
+ margin-block-start: var(--pf-v6-c-content--h4--MarginBlockStart);
3621
+ margin-block-end: var(--pf-v6-c-content--h4--MarginBlockEnd);
3622
+ font-size: var(--pf-v6-c-content--h4--FontSize);
3623
+ font-weight: var(--pf-v6-c-content--h4--FontWeight);
3624
+ line-height: var(--pf-v6-c-content--h4--LineHeight);
3625
+ }
3626
+
3627
+ :is(.pf-v6-c-content--h5, .pf-v6-c-content h5) {
3628
+ margin-block-start: var(--pf-v6-c-content--h5--MarginBlockStart);
3629
+ margin-block-end: var(--pf-v6-c-content--h5--MarginBlockEnd);
3630
+ font-size: var(--pf-v6-c-content--h5--FontSize);
3631
+ font-weight: var(--pf-v6-c-content--h5--FontWeight);
3632
+ line-height: var(--pf-v6-c-content--h5--LineHeight);
3633
+ }
3634
+
3635
+ :is(.pf-v6-c-content--h6, .pf-v6-c-content h6) {
3636
+ margin-block-start: var(--pf-v6-c-content--h6--MarginBlockStart);
3637
+ margin-block-end: var(--pf-v6-c-content--h6--MarginBlockEnd);
3638
+ font-size: var(--pf-v6-c-content--h6--FontSize);
3639
+ font-weight: var(--pf-v6-c-content--h6--FontWeight);
3640
+ line-height: var(--pf-v6-c-content--h6--LineHeight);
3641
+ }
3642
+
3643
+ :is(.pf-v6-c-content--small, .pf-v6-c-content small) {
3644
+ display: block;
3645
+ font-size: var(--pf-v6-c-content--small--FontSize);
3646
+ line-height: var(--pf-v6-c-content--small--LineHeight);
3647
+ color: var(--pf-v6-c-content--small--Color);
3648
+ }
3649
+
3650
+ :is(.pf-v6-c-content--small, .pf-v6-c-content small):not(:last-child) {
3651
+ margin-block-end: var(--pf-v6-c-content--small--MarginBlockEnd);
3652
+ }
3653
+
3654
+ :is(.pf-v6-c-content--blockquote, .pf-v6-c-content blockquote) {
3655
+ padding-block-start: var(--pf-v6-c-content--blockquote--PaddingBlockStart);
3656
+ padding-block-end: var(--pf-v6-c-content--blockquote--PaddingBlockEnd);
3657
+ padding-inline-start: var(--pf-v6-c-content--blockquote--PaddingInlineStart);
3658
+ padding-inline-end: var(--pf-v6-c-content--blockquote--PaddingInlineEnd);
3659
+ color: var(--pf-v6-c-content--blockquote--Color);
3660
+ border-inline-start: var(--pf-v6-c-content--blockquote--BorderInlineStartWidth) solid var(--pf-v6-c-content--blockquote--BorderInlineStartColor);
3661
+ }
3662
+
3663
+ :is(.pf-v6-c-content--hr, .pf-v6-c-content hr) {
3664
+ height: var(--pf-v6-c-content--hr--Height);
3665
+ background-color: var(--pf-v6-c-content--hr--BackgroundColor);
3666
+ border: none;
3667
+ }
3668
+
3669
+ :is(.pf-v6-c-content--ol,
3670
+ .pf-v6-c-content--ul, .pf-v6-c-content ol, .pf-v6-c-content ul) {
3671
+ display: flex;
3672
+ flex-direction: column;
3673
+ gap: var(--pf-v6-c-content--list--Gap);
3674
+ padding-inline-start: var(--pf-v6-c-content--list--PaddingInlineStart);
3675
+ }
3676
+
3677
+ :is(.pf-v6-c-content--ol,
3678
+ .pf-v6-c-content--ul, .pf-v6-c-content ol, .pf-v6-c-content ul).pf-m-plain {
3679
+ padding-inline-start: 0;
3680
+ list-style: none;
3681
+ }
3682
+
3683
+ :is(.pf-v6-c-content--ol,
3684
+ .pf-v6-c-content--ul, .pf-v6-c-content ol, .pf-v6-c-content ul) :is(.pf-v6-c-content--ol,
3685
+ .pf-v6-c-content--ul,
3686
+ ol,
3687
+ ul) {
3688
+ margin-block-start: var(--pf-v6-c-content--list--nested--MarginBlockStart);
3689
+ }
3690
+
3691
+ :is(.pf-v6-c-content--ul, .pf-v6-c-content ul) {
3692
+ list-style: var(--pf-v6-c-content--ul--ListStyle);
3716
3693
  }
3717
3694
 
3718
- .pf-v6-c-data-list__expandable-content .pf-v6-c-data-list__expandable-content-body .pf-v6-c-data-list__item-row {
3719
- --pf-v6-c-data-list__item-row--PaddingInlineStart: 0;
3695
+ :is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
3696
+ display: grid;
3697
+ grid-template-columns: 1fr;
3720
3698
  }
3721
3699
 
3722
- .pf-v6-c-data-list__expandable-content .pf-v6-c-data-list__expandable-content-body .pf-v6-c-data-list__expandable-content-body {
3723
- --pf-v6-c-data-list__expandable-content-body--PaddingInlineStart: 0;
3700
+ @media screen and (min-width: 576px) {
3701
+ :is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
3702
+ grid-template: auto/auto 1fr;
3703
+ grid-row-gap: var(--pf-v6-c-content--dl--RowGap);
3704
+ grid-column-gap: var(--pf-v6-c-content--dl--ColumnGap);
3705
+ }
3706
+ }
3707
+ :is(.pf-v6-c-content--dt, .pf-v6-c-content dt) {
3708
+ font-weight: var(--pf-v6-c-content--dt--FontWeight);
3724
3709
  }
3725
3710
 
3726
- .pf-v6-c-data-list__expandable-content .pf-v6-c-data-list__expandable-content-body.pf-m-no-padding {
3727
- padding: 0;
3711
+ :is(.pf-v6-c-content--dt, .pf-v6-c-content dt):not(:first-child) {
3712
+ margin-block-start: var(--pf-v6-c-content--dt--MarginBlockStart);
3728
3713
  }
3729
3714
 
3715
+ @media screen and (min-width: 576px) {
3716
+ :is(.pf-v6-c-content--dt, .pf-v6-c-content dt):not(:first-child) {
3717
+ --pf-v6-c-content--dt--MarginBlockStart: var(--pf-v6-c-content--dt--sm--MarginBlockStart);
3718
+ }
3719
+ }
3720
+ @media screen and (min-width: 576px) {
3721
+ :is(.pf-v6-c-content--dt, .pf-v6-c-content dt) {
3722
+ grid-column: 1;
3723
+ }
3724
+ }
3725
+ @media screen and (min-width: 576px) {
3726
+ :is(.pf-v6-c-content--dd, .pf-v6-c-content dd) {
3727
+ grid-column: 2;
3728
+ }
3729
+ }
3730
3730
  :where(:root, .pf-v6-c-date-picker) {
3731
3731
  --pf-v6-c-date-picker--m-top__calendar--InsetBlockStart: 0;
3732
3732
  --pf-v6-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-t--global--spacer--xs));
@@ -10768,11 +10768,223 @@ ul.pf-v6-c-list {
10768
10768
  margin-inline-end: var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd);
10769
10769
  }
10770
10770
 
10771
- @media screen and (min-width: 576px) {
10772
- .pf-v6-c-modal-box__footer > .pf-v6-c-button:not(:last-child) {
10773
- --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd);
10774
- }
10775
- }
10771
+ @media screen and (min-width: 576px) {
10772
+ .pf-v6-c-modal-box__footer > .pf-v6-c-button:not(:last-child) {
10773
+ --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd);
10774
+ }
10775
+ }
10776
+ :where(:root, .pf-v6-c-multiple-file-upload) {
10777
+ --pf-v6-c-multiple-file-upload--GridTemplateColumns: 1fr;
10778
+ --pf-v6-c-multiple-file-upload--Gap: var(--pf-t--global--spacer--md);
10779
+ --pf-v6-c-multiple-file-upload__main--TextAlign: center;
10780
+ --pf-v6-c-multiple-file-upload__main--GridTemplateColumns: auto;
10781
+ --pf-v6-c-multiple-file-upload__main--GridTemplateRows: auto;
10782
+ --pf-v6-c-multiple-file-upload__main--GridTemplateAreas:
10783
+ "title"
10784
+ "upload"
10785
+ "info";
10786
+ --pf-v6-c-multiple-file-upload__main--PaddingBlockStart: var(--pf-t--global--spacer--xl);
10787
+ --pf-v6-c-multiple-file-upload__main--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
10788
+ --pf-v6-c-multiple-file-upload__main--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
10789
+ --pf-v6-c-multiple-file-upload__main--PaddingInlineStart: var(--pf-t--global--spacer--xl);
10790
+ --pf-v6-c-multiple-file-upload__main--BorderWidth: var(--pf-t--global--border--width--regular);
10791
+ --pf-v6-c-multiple-file-upload__main--BorderStyle: dashed;
10792
+ --pf-v6-c-multiple-file-upload__main--BorderColor: var(--pf-t--global--border--color--default);
10793
+ --pf-v6-c-multiple-file-upload__main--BorderRadius: var(--pf-t--global--border--radius--medium);
10794
+ --pf-v6-c-multiple-file-upload__title--Display: grid;
10795
+ --pf-v6-c-multiple-file-upload__title--GridTemplateColumns: auto;
10796
+ --pf-v6-c-multiple-file-upload__title--Gap: var(--pf-t--global--spacer--lg);
10797
+ --pf-v6-c-multiple-file-upload__title-text--Color: var(--pf-t--global--text--color--regular);
10798
+ --pf-v6-c-multiple-file-upload__title-text--FontFamily: var(--pf-t--global--font--family--heading);
10799
+ --pf-v6-c-multiple-file-upload__title-text--FontSize: var(--pf-t--global--font--size--heading--sm);
10800
+ --pf-v6-c-multiple-file-upload__title-text--FontWeight: var(--pf-t--global--font--weight--heading);
10801
+ --pf-v6-c-multiple-file-upload__title-icon--Color: var(--pf-t--global--icon--color--regular);
10802
+ --pf-v6-c-multiple-file-upload__title-icon--FontSize: var(--pf-t--global--icon--size--xl);
10803
+ --pf-v6-c-multiple-file-upload__title-text-separator--Display: block;
10804
+ --pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart: var(--pf-t--global--spacer--sm);
10805
+ --pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockEnd: var(--pf-t--global--spacer--sm);
10806
+ --pf-v6-c-multiple-file-upload__title-text-separator--Color: var(--pf-t--global--text--color--regular);
10807
+ --pf-v6-c-multiple-file-upload__title-text-separator--FontFamily: var(--pf-t--global--font--family--body);
10808
+ --pf-v6-c-multiple-file-upload__title-text-separator--FontSize: var(--pf-t--global--font--size--body--lg);
10809
+ --pf-v6-c-multiple-file-upload__title-text-separator--FontWeight: var(--pf-t--global--font--weight--body);
10810
+ --pf-v6-c-multiple-file-upload__info--FontSize: var(--pf-t--global--font--size--body--default);
10811
+ --pf-v6-c-multiple-file-upload__info--Color: var(--pf-t--global--text--color--subtle);
10812
+ --pf-v6-c-multiple-file-upload__info--MarginBlockStart: var(--pf-t--global--spacer--lg);
10813
+ --pf-v6-c-multiple-file-upload--m-drag-over__main--BorderStyle: dashed;
10814
+ --pf-v6-c-multiple-file-upload--m-drag-over__main--BorderColor: var(--pf-t--global--border--color--clicked);
10815
+ --pf-v6-c-multiple-file-upload--m-horizontal--GridTemplateColumns: fit-content(100%);
10816
+ --pf-v6-c-multiple-file-upload--m-horizontal__main--TextAlign: start;
10817
+ --pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns: 1fr auto;
10818
+ --pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas:
10819
+ "title upload"
10820
+ "info upload";
10821
+ --pf-v6-c-multiple-file-upload--m-horizontal__main--Gap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--lg);
10822
+ --pf-v6-c-multiple-file-upload--m-horizontal__main--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
10823
+ --pf-v6-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns: auto 1fr;
10824
+ --pf-v6-c-multiple-file-upload--m-horizontal__title--Gap: var(--pf-t--global--spacer--sm);
10825
+ --pf-v6-c-multiple-file-upload--m-horizontal__title-icon--FontSize: var(--pf-t--global--font--size--heading--xs);
10826
+ --pf-v6-c-multiple-file-upload--m-horizontal__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
10827
+ --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--Display: inline;
10828
+ --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--MarginBlockStart: 0;
10829
+ --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontFamily: var(--pf-t--global--font--family--heading);
10830
+ --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontSize: var(--pf-t--global--font--size--heading--xs);
10831
+ --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontWeight: var(--pf-t--global--font--weight--heading);
10832
+ --pf-v6-c-multiple-file-upload--m-horizontal__info--MarginBlockStart: 0;
10833
+ --pf-v6-c-multiple-file-upload__status--PaddingBlockStart: var(--pf-t--global--spacer--sm);
10834
+ --pf-v6-c-multiple-file-upload__status--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
10835
+ --pf-v6-c-multiple-file-upload__status--PaddingInlineStart: var(--pf-t--global--spacer--md);
10836
+ --pf-v6-c-multiple-file-upload__status--PaddingInlineEnd: var(--pf-t--global--spacer--md);
10837
+ --pf-v6-c-multiple-file-upload__status-progress--GridTemplateColumns: auto 1fr;
10838
+ --pf-v6-c-multiple-file-upload__status-progress--Gap: var(--pf-t--global--spacer--sm);
10839
+ --pf-v6-c-multiple-file-upload__status-progress-icon--Color: var(--pf-t--global--icon--color--brand--default);
10840
+ --pf-v6-c-multiple-file-upload__status-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
10841
+ --pf-v6-c-multiple-file-upload__status-item--PaddingBlockEnd: var(--pf-t--global--spacer--md);
10842
+ --pf-v6-c-multiple-file-upload__status-item--GridTemplateColumns: auto 1fr auto;
10843
+ --pf-v6-c-multiple-file-upload__status-item--Gap: var(--pf-t--global--spacer--sm);
10844
+ --pf-v6-c-multiple-file-upload__status-item--BorderWidth: var(--pf-t--global--border--width--regular);
10845
+ --pf-v6-c-multiple-file-upload__status-item--BorderColor: var(--pf-t--global--border--color--default);
10846
+ --pf-v6-c-multiple-file-upload__status-item-icon--Color: var(--pf-t--global--icon--color--regular);
10847
+ --pf-v6-c-multiple-file-upload__status-item-progress--GridTemplateColumns: fit-content(100%) max-content;
10848
+ --pf-v6-c-multiple-file-upload__status-item-progress--Gap: var(--pf-t--global--spacer--sm);
10849
+ --pf-v6-c-multiple-file-upload__status-item-progress-text--Color: var(--pf-t--global--text--color--regular);
10850
+ --pf-v6-c-multiple-file-upload__status-item-progress-size--Color: var(--pf-t--global--text--color--subtle);
10851
+ }
10852
+
10853
+ .pf-v6-c-multiple-file-upload {
10854
+ display: grid;
10855
+ grid-template-columns: var(--pf-v6-c-multiple-file-upload--GridTemplateColumns);
10856
+ gap: var(--pf-v6-c-multiple-file-upload--Gap);
10857
+ }
10858
+
10859
+ .pf-v6-c-multiple-file-upload.pf-m-horizontal {
10860
+ --pf-v6-c-multiple-file-upload--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal--GridTemplateColumns);
10861
+ --pf-v6-c-multiple-file-upload__main--TextAlign: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--TextAlign);
10862
+ --pf-v6-c-multiple-file-upload__main--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns);
10863
+ --pf-v6-c-multiple-file-upload__main--GridTemplateAreas: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas);
10864
+ --pf-v6-c-multiple-file-upload__main--Gap: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--Gap);
10865
+ --pf-v6-c-multiple-file-upload__main--PaddingBlockEnd: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--PaddingBlockEnd);
10866
+ --pf-v6-c-multiple-file-upload__title--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns);
10867
+ --pf-v6-c-multiple-file-upload__title--Gap: var(--pf-v6-c-multiple-file-upload--m-horizontal__title--Gap);
10868
+ --pf-v6-c-multiple-file-upload__title-icon--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-icon--FontSize);
10869
+ --pf-v6-c-multiple-file-upload__title-text--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text--FontSize);
10870
+ --pf-v6-c-multiple-file-upload__title-text-separator--FontFamily: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontFamily);
10871
+ --pf-v6-c-multiple-file-upload__title-text-separator--Display: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--Display);
10872
+ --pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--MarginBlockStart);
10873
+ --pf-v6-c-multiple-file-upload__title-text-separator--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontSize);
10874
+ --pf-v6-c-multiple-file-upload__title-text-separator--FontWeight: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontWeight);
10875
+ --pf-v6-c-multiple-file-upload__info--MarginBlockStart: var(--pf-v6-c-multiple-file-upload--m-horizontal__info--MarginBlockStart);
10876
+ }
10877
+
10878
+ .pf-v6-c-multiple-file-upload.pf-m-drag-over {
10879
+ --pf-v6-c-multiple-file-upload__main--BorderStyle: var(--pf-v6-c-multiple-file-upload--m-drag-over__main--BorderStyle);
10880
+ --pf-v6-c-multiple-file-upload__main--BorderColor: var(--pf-v6-c-multiple-file-upload--m-drag-over__main--BorderColor);
10881
+ }
10882
+
10883
+ .pf-v6-c-multiple-file-upload__main {
10884
+ display: grid;
10885
+ grid-template-areas: var(--pf-v6-c-multiple-file-upload__main--GridTemplateAreas);
10886
+ grid-template-rows: var(--pf-v6-c-multiple-file-upload__main--GridTemplateRows);
10887
+ grid-template-columns: var(--pf-v6-c-multiple-file-upload__main--GridTemplateColumns);
10888
+ gap: var(--pf-v6-c-multiple-file-upload__main--Gap);
10889
+ align-items: center;
10890
+ padding-block-start: var(--pf-v6-c-multiple-file-upload__main--PaddingBlockStart);
10891
+ padding-block-end: var(--pf-v6-c-multiple-file-upload__main--PaddingBlockEnd);
10892
+ padding-inline-start: var(--pf-v6-c-multiple-file-upload__main--PaddingInlineStart);
10893
+ padding-inline-end: var(--pf-v6-c-multiple-file-upload__main--PaddingInlineEnd);
10894
+ text-align: var(--pf-v6-c-multiple-file-upload__main--TextAlign);
10895
+ 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);
10896
+ border-radius: var(--pf-v6-c-multiple-file-upload__main--BorderRadius);
10897
+ }
10898
+
10899
+ .pf-v6-c-multiple-file-upload__title {
10900
+ display: var(--pf-v6-c-multiple-file-upload__title--Display);
10901
+ grid-area: title;
10902
+ grid-template-columns: var(--pf-v6-c-multiple-file-upload__title--GridTemplateColumns);
10903
+ gap: var(--pf-v6-c-multiple-file-upload__title--Gap);
10904
+ }
10905
+
10906
+ .pf-v6-c-multiple-file-upload__title-icon {
10907
+ font-size: var(--pf-v6-c-multiple-file-upload__title-icon--FontSize);
10908
+ color: var(--pf-v6-c-multiple-file-upload__title-icon--Color);
10909
+ }
10910
+
10911
+ .pf-v6-c-multiple-file-upload__title-text {
10912
+ font-family: var(--pf-v6-c-multiple-file-upload__title-text--FontFamily);
10913
+ font-size: var(--pf-v6-c-multiple-file-upload__title-text--FontSize);
10914
+ font-weight: var(--pf-v6-c-multiple-file-upload__title-text--FontWeight);
10915
+ color: var(--pf-v6-c-multiple-file-upload__title-text--Color, inherit);
10916
+ }
10917
+
10918
+ .pf-v6-c-multiple-file-upload__title-text-separator {
10919
+ display: var(--pf-v6-c-multiple-file-upload__title-text-separator--Display);
10920
+ margin-block-start: var(--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart);
10921
+ margin-block-end: var(--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockEnd);
10922
+ font-family: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontFamily);
10923
+ font-size: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontSize);
10924
+ font-weight: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontWeight);
10925
+ color: var(--pf-v6-c-multiple-file-upload__title-text-separator--Color);
10926
+ }
10927
+
10928
+ .pf-v6-c-multiple-file-upload__upload {
10929
+ grid-area: upload;
10930
+ }
10931
+
10932
+ .pf-v6-c-multiple-file-upload__info {
10933
+ grid-area: info;
10934
+ margin-block-start: var(--pf-v6-c-multiple-file-upload__info--MarginBlockStart);
10935
+ font-size: var(--pf-v6-c-multiple-file-upload__info--FontSize);
10936
+ color: var(--pf-v6-c-multiple-file-upload__info--Color);
10937
+ }
10938
+
10939
+ .pf-v6-c-multiple-file-upload__status {
10940
+ padding-block-start: var(--pf-v6-c-multiple-file-upload__status--PaddingBlockStart);
10941
+ padding-block-end: var(--pf-v6-c-multiple-file-upload__status--PaddingBlockEnd);
10942
+ padding-inline-start: var(--pf-v6-c-multiple-file-upload__status--PaddingInlineStart);
10943
+ padding-inline-end: var(--pf-v6-c-multiple-file-upload__status--PaddingInlineEnd);
10944
+ }
10945
+
10946
+ .pf-v6-c-multiple-file-upload__status,
10947
+ .pf-v6-c-multiple-file-upload__status-item-main {
10948
+ min-width: 0;
10949
+ }
10950
+
10951
+ .pf-v6-c-multiple-file-upload__status-progress {
10952
+ display: grid;
10953
+ grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-progress--GridTemplateColumns);
10954
+ gap: var(--pf-v6-c-multiple-file-upload__status-progress--Gap);
10955
+ }
10956
+
10957
+ .pf-v6-c-multiple-file-upload__status-progress-icon {
10958
+ color: var(--pf-v6-c-multiple-file-upload__status-progress-icon--Color);
10959
+ }
10960
+
10961
+ .pf-v6-c-multiple-file-upload__status-item {
10962
+ display: grid;
10963
+ grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-item--GridTemplateColumns);
10964
+ gap: var(--pf-v6-c-multiple-file-upload__status-item--Gap);
10965
+ padding-block-start: var(--pf-v6-c-multiple-file-upload__status-item--PaddingBlockStart);
10966
+ padding-block-end: var(--pf-v6-c-multiple-file-upload__status-item--PaddingBlockEnd);
10967
+ border-block-end: var(--pf-v6-c-multiple-file-upload__status-item--BorderWidth) solid var(--pf-v6-c-multiple-file-upload__status-item--BorderColor);
10968
+ }
10969
+
10970
+ .pf-v6-c-multiple-file-upload__status-item-icon {
10971
+ color: var(--pf-v6-c-multiple-file-upload__status-item-icon--Color);
10972
+ }
10973
+
10974
+ .pf-v6-c-multiple-file-upload__status-item-progress {
10975
+ display: grid;
10976
+ grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-item-progress--GridTemplateColumns);
10977
+ gap: var(--pf-v6-c-multiple-file-upload__status-item-progress--Gap);
10978
+ }
10979
+
10980
+ .pf-v6-c-multiple-file-upload__status-item-progress-text {
10981
+ color: var(--pf-v6-c-multiple-file-upload__status-item-progress-text--Color);
10982
+ }
10983
+
10984
+ .pf-v6-c-multiple-file-upload__status-item-progress-size {
10985
+ color: var(--pf-v6-c-multiple-file-upload__status-item-progress-size--Color);
10986
+ }
10987
+
10776
10988
  :where(:root, .pf-v6-c-nav) {
10777
10989
  --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
10778
10990
  --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -11092,218 +11304,6 @@ ul.pf-v6-c-list {
11092
11304
  --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd);
11093
11305
  }
11094
11306
 
11095
- :where(:root, .pf-v6-c-multiple-file-upload) {
11096
- --pf-v6-c-multiple-file-upload--GridTemplateColumns: 1fr;
11097
- --pf-v6-c-multiple-file-upload--Gap: var(--pf-t--global--spacer--md);
11098
- --pf-v6-c-multiple-file-upload__main--TextAlign: center;
11099
- --pf-v6-c-multiple-file-upload__main--GridTemplateColumns: auto;
11100
- --pf-v6-c-multiple-file-upload__main--GridTemplateRows: auto;
11101
- --pf-v6-c-multiple-file-upload__main--GridTemplateAreas:
11102
- "title"
11103
- "upload"
11104
- "info";
11105
- --pf-v6-c-multiple-file-upload__main--PaddingBlockStart: var(--pf-t--global--spacer--xl);
11106
- --pf-v6-c-multiple-file-upload__main--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
11107
- --pf-v6-c-multiple-file-upload__main--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
11108
- --pf-v6-c-multiple-file-upload__main--PaddingInlineStart: var(--pf-t--global--spacer--xl);
11109
- --pf-v6-c-multiple-file-upload__main--BorderWidth: var(--pf-t--global--border--width--regular);
11110
- --pf-v6-c-multiple-file-upload__main--BorderStyle: dashed;
11111
- --pf-v6-c-multiple-file-upload__main--BorderColor: var(--pf-t--global--border--color--default);
11112
- --pf-v6-c-multiple-file-upload__main--BorderRadius: var(--pf-t--global--border--radius--medium);
11113
- --pf-v6-c-multiple-file-upload__title--Display: grid;
11114
- --pf-v6-c-multiple-file-upload__title--GridTemplateColumns: auto;
11115
- --pf-v6-c-multiple-file-upload__title--Gap: var(--pf-t--global--spacer--lg);
11116
- --pf-v6-c-multiple-file-upload__title-text--Color: var(--pf-t--global--text--color--regular);
11117
- --pf-v6-c-multiple-file-upload__title-text--FontFamily: var(--pf-t--global--font--family--heading);
11118
- --pf-v6-c-multiple-file-upload__title-text--FontSize: var(--pf-t--global--font--size--heading--sm);
11119
- --pf-v6-c-multiple-file-upload__title-text--FontWeight: var(--pf-t--global--font--weight--heading);
11120
- --pf-v6-c-multiple-file-upload__title-icon--Color: var(--pf-t--global--icon--color--regular);
11121
- --pf-v6-c-multiple-file-upload__title-icon--FontSize: var(--pf-t--global--icon--size--xl);
11122
- --pf-v6-c-multiple-file-upload__title-text-separator--Display: block;
11123
- --pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart: var(--pf-t--global--spacer--sm);
11124
- --pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockEnd: var(--pf-t--global--spacer--sm);
11125
- --pf-v6-c-multiple-file-upload__title-text-separator--Color: var(--pf-t--global--text--color--regular);
11126
- --pf-v6-c-multiple-file-upload__title-text-separator--FontFamily: var(--pf-t--global--font--family--body);
11127
- --pf-v6-c-multiple-file-upload__title-text-separator--FontSize: var(--pf-t--global--font--size--body--lg);
11128
- --pf-v6-c-multiple-file-upload__title-text-separator--FontWeight: var(--pf-t--global--font--weight--body);
11129
- --pf-v6-c-multiple-file-upload__info--FontSize: var(--pf-t--global--font--size--body--default);
11130
- --pf-v6-c-multiple-file-upload__info--Color: var(--pf-t--global--text--color--subtle);
11131
- --pf-v6-c-multiple-file-upload__info--MarginBlockStart: var(--pf-t--global--spacer--lg);
11132
- --pf-v6-c-multiple-file-upload--m-drag-over__main--BorderStyle: dashed;
11133
- --pf-v6-c-multiple-file-upload--m-drag-over__main--BorderColor: var(--pf-t--global--border--color--clicked);
11134
- --pf-v6-c-multiple-file-upload--m-horizontal--GridTemplateColumns: fit-content(100%);
11135
- --pf-v6-c-multiple-file-upload--m-horizontal__main--TextAlign: start;
11136
- --pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns: 1fr auto;
11137
- --pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas:
11138
- "title upload"
11139
- "info upload";
11140
- --pf-v6-c-multiple-file-upload--m-horizontal__main--Gap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--lg);
11141
- --pf-v6-c-multiple-file-upload--m-horizontal__main--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
11142
- --pf-v6-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns: auto 1fr;
11143
- --pf-v6-c-multiple-file-upload--m-horizontal__title--Gap: var(--pf-t--global--spacer--sm);
11144
- --pf-v6-c-multiple-file-upload--m-horizontal__title-icon--FontSize: var(--pf-t--global--font--size--heading--xs);
11145
- --pf-v6-c-multiple-file-upload--m-horizontal__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
11146
- --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--Display: inline;
11147
- --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--MarginBlockStart: 0;
11148
- --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontFamily: var(--pf-t--global--font--family--heading);
11149
- --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontSize: var(--pf-t--global--font--size--heading--xs);
11150
- --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontWeight: var(--pf-t--global--font--weight--heading);
11151
- --pf-v6-c-multiple-file-upload--m-horizontal__info--MarginBlockStart: 0;
11152
- --pf-v6-c-multiple-file-upload__status--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11153
- --pf-v6-c-multiple-file-upload__status--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11154
- --pf-v6-c-multiple-file-upload__status--PaddingInlineStart: var(--pf-t--global--spacer--md);
11155
- --pf-v6-c-multiple-file-upload__status--PaddingInlineEnd: var(--pf-t--global--spacer--md);
11156
- --pf-v6-c-multiple-file-upload__status-progress--GridTemplateColumns: auto 1fr;
11157
- --pf-v6-c-multiple-file-upload__status-progress--Gap: var(--pf-t--global--spacer--sm);
11158
- --pf-v6-c-multiple-file-upload__status-progress-icon--Color: var(--pf-t--global--icon--color--brand--default);
11159
- --pf-v6-c-multiple-file-upload__status-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
11160
- --pf-v6-c-multiple-file-upload__status-item--PaddingBlockEnd: var(--pf-t--global--spacer--md);
11161
- --pf-v6-c-multiple-file-upload__status-item--GridTemplateColumns: auto 1fr auto;
11162
- --pf-v6-c-multiple-file-upload__status-item--Gap: var(--pf-t--global--spacer--sm);
11163
- --pf-v6-c-multiple-file-upload__status-item--BorderWidth: var(--pf-t--global--border--width--regular);
11164
- --pf-v6-c-multiple-file-upload__status-item--BorderColor: var(--pf-t--global--border--color--default);
11165
- --pf-v6-c-multiple-file-upload__status-item-icon--Color: var(--pf-t--global--icon--color--regular);
11166
- --pf-v6-c-multiple-file-upload__status-item-progress--GridTemplateColumns: fit-content(100%) max-content;
11167
- --pf-v6-c-multiple-file-upload__status-item-progress--Gap: var(--pf-t--global--spacer--sm);
11168
- --pf-v6-c-multiple-file-upload__status-item-progress-text--Color: var(--pf-t--global--text--color--regular);
11169
- --pf-v6-c-multiple-file-upload__status-item-progress-size--Color: var(--pf-t--global--text--color--subtle);
11170
- }
11171
-
11172
- .pf-v6-c-multiple-file-upload {
11173
- display: grid;
11174
- grid-template-columns: var(--pf-v6-c-multiple-file-upload--GridTemplateColumns);
11175
- gap: var(--pf-v6-c-multiple-file-upload--Gap);
11176
- }
11177
-
11178
- .pf-v6-c-multiple-file-upload.pf-m-horizontal {
11179
- --pf-v6-c-multiple-file-upload--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal--GridTemplateColumns);
11180
- --pf-v6-c-multiple-file-upload__main--TextAlign: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--TextAlign);
11181
- --pf-v6-c-multiple-file-upload__main--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns);
11182
- --pf-v6-c-multiple-file-upload__main--GridTemplateAreas: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas);
11183
- --pf-v6-c-multiple-file-upload__main--Gap: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--Gap);
11184
- --pf-v6-c-multiple-file-upload__main--PaddingBlockEnd: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--PaddingBlockEnd);
11185
- --pf-v6-c-multiple-file-upload__title--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns);
11186
- --pf-v6-c-multiple-file-upload__title--Gap: var(--pf-v6-c-multiple-file-upload--m-horizontal__title--Gap);
11187
- --pf-v6-c-multiple-file-upload__title-icon--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-icon--FontSize);
11188
- --pf-v6-c-multiple-file-upload__title-text--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text--FontSize);
11189
- --pf-v6-c-multiple-file-upload__title-text-separator--FontFamily: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontFamily);
11190
- --pf-v6-c-multiple-file-upload__title-text-separator--Display: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--Display);
11191
- --pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--MarginBlockStart);
11192
- --pf-v6-c-multiple-file-upload__title-text-separator--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontSize);
11193
- --pf-v6-c-multiple-file-upload__title-text-separator--FontWeight: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontWeight);
11194
- --pf-v6-c-multiple-file-upload__info--MarginBlockStart: var(--pf-v6-c-multiple-file-upload--m-horizontal__info--MarginBlockStart);
11195
- }
11196
-
11197
- .pf-v6-c-multiple-file-upload.pf-m-drag-over {
11198
- --pf-v6-c-multiple-file-upload__main--BorderStyle: var(--pf-v6-c-multiple-file-upload--m-drag-over__main--BorderStyle);
11199
- --pf-v6-c-multiple-file-upload__main--BorderColor: var(--pf-v6-c-multiple-file-upload--m-drag-over__main--BorderColor);
11200
- }
11201
-
11202
- .pf-v6-c-multiple-file-upload__main {
11203
- display: grid;
11204
- grid-template-areas: var(--pf-v6-c-multiple-file-upload__main--GridTemplateAreas);
11205
- grid-template-rows: var(--pf-v6-c-multiple-file-upload__main--GridTemplateRows);
11206
- grid-template-columns: var(--pf-v6-c-multiple-file-upload__main--GridTemplateColumns);
11207
- gap: var(--pf-v6-c-multiple-file-upload__main--Gap);
11208
- align-items: center;
11209
- padding-block-start: var(--pf-v6-c-multiple-file-upload__main--PaddingBlockStart);
11210
- padding-block-end: var(--pf-v6-c-multiple-file-upload__main--PaddingBlockEnd);
11211
- padding-inline-start: var(--pf-v6-c-multiple-file-upload__main--PaddingInlineStart);
11212
- padding-inline-end: var(--pf-v6-c-multiple-file-upload__main--PaddingInlineEnd);
11213
- text-align: var(--pf-v6-c-multiple-file-upload__main--TextAlign);
11214
- 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);
11215
- border-radius: var(--pf-v6-c-multiple-file-upload__main--BorderRadius);
11216
- }
11217
-
11218
- .pf-v6-c-multiple-file-upload__title {
11219
- display: var(--pf-v6-c-multiple-file-upload__title--Display);
11220
- grid-area: title;
11221
- grid-template-columns: var(--pf-v6-c-multiple-file-upload__title--GridTemplateColumns);
11222
- gap: var(--pf-v6-c-multiple-file-upload__title--Gap);
11223
- }
11224
-
11225
- .pf-v6-c-multiple-file-upload__title-icon {
11226
- font-size: var(--pf-v6-c-multiple-file-upload__title-icon--FontSize);
11227
- color: var(--pf-v6-c-multiple-file-upload__title-icon--Color);
11228
- }
11229
-
11230
- .pf-v6-c-multiple-file-upload__title-text {
11231
- font-family: var(--pf-v6-c-multiple-file-upload__title-text--FontFamily);
11232
- font-size: var(--pf-v6-c-multiple-file-upload__title-text--FontSize);
11233
- font-weight: var(--pf-v6-c-multiple-file-upload__title-text--FontWeight);
11234
- color: var(--pf-v6-c-multiple-file-upload__title-text--Color, inherit);
11235
- }
11236
-
11237
- .pf-v6-c-multiple-file-upload__title-text-separator {
11238
- display: var(--pf-v6-c-multiple-file-upload__title-text-separator--Display);
11239
- margin-block-start: var(--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart);
11240
- margin-block-end: var(--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockEnd);
11241
- font-family: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontFamily);
11242
- font-size: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontSize);
11243
- font-weight: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontWeight);
11244
- color: var(--pf-v6-c-multiple-file-upload__title-text-separator--Color);
11245
- }
11246
-
11247
- .pf-v6-c-multiple-file-upload__upload {
11248
- grid-area: upload;
11249
- }
11250
-
11251
- .pf-v6-c-multiple-file-upload__info {
11252
- grid-area: info;
11253
- margin-block-start: var(--pf-v6-c-multiple-file-upload__info--MarginBlockStart);
11254
- font-size: var(--pf-v6-c-multiple-file-upload__info--FontSize);
11255
- color: var(--pf-v6-c-multiple-file-upload__info--Color);
11256
- }
11257
-
11258
- .pf-v6-c-multiple-file-upload__status {
11259
- padding-block-start: var(--pf-v6-c-multiple-file-upload__status--PaddingBlockStart);
11260
- padding-block-end: var(--pf-v6-c-multiple-file-upload__status--PaddingBlockEnd);
11261
- padding-inline-start: var(--pf-v6-c-multiple-file-upload__status--PaddingInlineStart);
11262
- padding-inline-end: var(--pf-v6-c-multiple-file-upload__status--PaddingInlineEnd);
11263
- }
11264
-
11265
- .pf-v6-c-multiple-file-upload__status,
11266
- .pf-v6-c-multiple-file-upload__status-item-main {
11267
- min-width: 0;
11268
- }
11269
-
11270
- .pf-v6-c-multiple-file-upload__status-progress {
11271
- display: grid;
11272
- grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-progress--GridTemplateColumns);
11273
- gap: var(--pf-v6-c-multiple-file-upload__status-progress--Gap);
11274
- }
11275
-
11276
- .pf-v6-c-multiple-file-upload__status-progress-icon {
11277
- color: var(--pf-v6-c-multiple-file-upload__status-progress-icon--Color);
11278
- }
11279
-
11280
- .pf-v6-c-multiple-file-upload__status-item {
11281
- display: grid;
11282
- grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-item--GridTemplateColumns);
11283
- gap: var(--pf-v6-c-multiple-file-upload__status-item--Gap);
11284
- padding-block-start: var(--pf-v6-c-multiple-file-upload__status-item--PaddingBlockStart);
11285
- padding-block-end: var(--pf-v6-c-multiple-file-upload__status-item--PaddingBlockEnd);
11286
- border-block-end: var(--pf-v6-c-multiple-file-upload__status-item--BorderWidth) solid var(--pf-v6-c-multiple-file-upload__status-item--BorderColor);
11287
- }
11288
-
11289
- .pf-v6-c-multiple-file-upload__status-item-icon {
11290
- color: var(--pf-v6-c-multiple-file-upload__status-item-icon--Color);
11291
- }
11292
-
11293
- .pf-v6-c-multiple-file-upload__status-item-progress {
11294
- display: grid;
11295
- grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-item-progress--GridTemplateColumns);
11296
- gap: var(--pf-v6-c-multiple-file-upload__status-item-progress--Gap);
11297
- }
11298
-
11299
- .pf-v6-c-multiple-file-upload__status-item-progress-text {
11300
- color: var(--pf-v6-c-multiple-file-upload__status-item-progress-text--Color);
11301
- }
11302
-
11303
- .pf-v6-c-multiple-file-upload__status-item-progress-size {
11304
- color: var(--pf-v6-c-multiple-file-upload__status-item-progress-size--Color);
11305
- }
11306
-
11307
11307
  :where(:root, .pf-v6-c-notification-drawer) {
11308
11308
  --pf-v6-c-notification-drawer--BackgroundColor: var(--pf-t--global--background--color--floating--default);
11309
11309
  --pf-v6-c-notification-drawer__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -15878,10 +15878,51 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15878
15878
  color: var(--pf-v6-c-tile__body--Color);
15879
15879
  }
15880
15880
 
15881
- .pf-v6-c-tile__icon {
15882
- margin-inline-end: var(--pf-v6-c-tile__icon--MarginInlineEnd);
15883
- font-size: var(--pf-v6-c-tile__icon--FontSize);
15884
- color: var(--pf-v6-c-tile__icon--Color);
15881
+ .pf-v6-c-tile__icon {
15882
+ margin-inline-end: var(--pf-v6-c-tile__icon--MarginInlineEnd);
15883
+ font-size: var(--pf-v6-c-tile__icon--FontSize);
15884
+ color: var(--pf-v6-c-tile__icon--Color);
15885
+ }
15886
+
15887
+ :where(:root, .pf-v6-c-timestamp) {
15888
+ --pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
15889
+ --pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--subtle);
15890
+ --pf-v6-c-timestamp--OutlineOffset: 0.1875rem;
15891
+ --pf-v6-c-timestamp--m-help-text--TextDecorationLine: underline;
15892
+ --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: dashed;
15893
+ --pf-v6-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--regular);
15894
+ --pf-v6-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
15895
+ --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-t--global--border--color--default);
15896
+ --pf-v6-c-timestamp--m-help-text--hover--Color: var(--pf-t--global--text--color--regular);
15897
+ --pf-v6-c-timestamp--m-help-text--focus--Color: var(--pf-t--global--text--color--regular);
15898
+ --pf-v6-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-t--global--text--color--regular);
15899
+ --pf-v6-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-t--global--text--color--regular);
15900
+ }
15901
+
15902
+ .pf-v6-c-timestamp {
15903
+ display: inline-block;
15904
+ font-size: var(--pf-v6-c-timestamp--FontSize);
15905
+ color: var(--pf-v6-c-timestamp--Color);
15906
+ outline-offset: var(--pf-v6-c-timestamp--OutlineOffset);
15907
+ }
15908
+
15909
+ .pf-v6-c-timestamp.pf-m-help-text {
15910
+ text-decoration-line: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine);
15911
+ text-decoration-thickness: var(--pf-v6-c-timestamp--m-help-text--TextDecorationThickness);
15912
+ text-decoration-style: var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
15913
+ text-decoration-color: var(--pf-v6-c-timestamp--m-help-text--TextDecorationColor);
15914
+ text-underline-offset: var(--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset);
15915
+ cursor: pointer;
15916
+ }
15917
+
15918
+ .pf-v6-c-timestamp.pf-m-help-text:hover {
15919
+ --pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--hover--Color);
15920
+ --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationColor);
15921
+ }
15922
+
15923
+ .pf-v6-c-timestamp.pf-m-help-text:focus {
15924
+ --pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--focus--Color);
15925
+ --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v6-c-timestamp--m-help-text--focus--TextDecorationColor);
15885
15926
  }
15886
15927
 
15887
15928
  :where(:root, .pf-v6-c-title) {
@@ -16001,47 +16042,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16001
16042
  line-height: var(--pf-v6-c-title--m-h6--LineHeight);
16002
16043
  }
16003
16044
 
16004
- :where(:root, .pf-v6-c-timestamp) {
16005
- --pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
16006
- --pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--subtle);
16007
- --pf-v6-c-timestamp--OutlineOffset: 0.1875rem;
16008
- --pf-v6-c-timestamp--m-help-text--TextDecorationLine: underline;
16009
- --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: dashed;
16010
- --pf-v6-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--regular);
16011
- --pf-v6-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
16012
- --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-t--global--border--color--default);
16013
- --pf-v6-c-timestamp--m-help-text--hover--Color: var(--pf-t--global--text--color--regular);
16014
- --pf-v6-c-timestamp--m-help-text--focus--Color: var(--pf-t--global--text--color--regular);
16015
- --pf-v6-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-t--global--text--color--regular);
16016
- --pf-v6-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-t--global--text--color--regular);
16017
- }
16018
-
16019
- .pf-v6-c-timestamp {
16020
- display: inline-block;
16021
- font-size: var(--pf-v6-c-timestamp--FontSize);
16022
- color: var(--pf-v6-c-timestamp--Color);
16023
- outline-offset: var(--pf-v6-c-timestamp--OutlineOffset);
16024
- }
16025
-
16026
- .pf-v6-c-timestamp.pf-m-help-text {
16027
- text-decoration-line: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine);
16028
- text-decoration-thickness: var(--pf-v6-c-timestamp--m-help-text--TextDecorationThickness);
16029
- text-decoration-style: var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
16030
- text-decoration-color: var(--pf-v6-c-timestamp--m-help-text--TextDecorationColor);
16031
- text-underline-offset: var(--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset);
16032
- cursor: pointer;
16033
- }
16034
-
16035
- .pf-v6-c-timestamp.pf-m-help-text:hover {
16036
- --pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--hover--Color);
16037
- --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationColor);
16038
- }
16039
-
16040
- .pf-v6-c-timestamp.pf-m-help-text:focus {
16041
- --pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--focus--Color);
16042
- --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v6-c-timestamp--m-help-text--focus--TextDecorationColor);
16043
- }
16044
-
16045
16045
  :where(:root, .pf-v6-c-toggle-group) {
16046
16046
  --pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
16047
16047
  --pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -19331,108 +19331,6 @@ label.pf-v6-c-tree-view__node-text {
19331
19331
  border-block-start: var(--pf-v6-c-wizard__footer--BorderBlockStartWidth) solid var(--pf-v6-c-wizard__footer--BorderBlockStartColor);
19332
19332
  }
19333
19333
 
19334
- :where(:root, .pf-v6-c-panel) {
19335
- --pf-v6-c-panel--Width: auto;
19336
- --pf-v6-c-panel--MinWidth: auto;
19337
- --pf-v6-c-panel--MaxWidth: none;
19338
- --pf-v6-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19339
- --pf-v6-c-panel--BoxShadow: none;
19340
- --pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--small);
19341
- --pf-v6-c-panel--before--BorderWidth: 0;
19342
- --pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--default);
19343
- --pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
19344
- --pf-v6-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--box--default);
19345
- --pf-v6-c-panel--m-raised--BoxShadow: var(--pf-t--global--box-shadow--md);
19346
- --pf-v6-c-panel--m-raised--BackgroundColor: var(--pf-t--global--background--color--floating--default);
19347
- --pf-v6-c-panel__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
19348
- --pf-v6-c-panel__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19349
- --pf-v6-c-panel__header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
19350
- --pf-v6-c-panel__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19351
- --pf-v6-c-panel__main--MaxHeight: none;
19352
- --pf-v6-c-panel__main--Overflow: visible;
19353
- --pf-v6-c-panel__main-body--PaddingBlockStart: var(--pf-t--global--spacer--md);
19354
- --pf-v6-c-panel__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19355
- --pf-v6-c-panel__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--md);
19356
- --pf-v6-c-panel__main-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19357
- --pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-t--global--spacer--sm);
19358
- --pf-v6-c-panel__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19359
- --pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
19360
- --pf-v6-c-panel__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19361
- --pf-v6-c-panel__footer--BoxShadow: none;
19362
- --pf-v6-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
19363
- --pf-v6-c-panel--m-scrollable__main--Overflow: auto;
19364
- --pf-v6-c-panel--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
19365
- --pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart: var(--pf-t--global--spacer--md);
19366
- --pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
19367
- }
19368
-
19369
- .pf-v6-c-panel {
19370
- position: relative;
19371
- width: var(--pf-v6-c-panel--Width);
19372
- min-width: var(--pf-v6-c-panel--MinWidth);
19373
- max-width: var(--pf-v6-c-panel--MaxWidth);
19374
- background-color: var(--pf-v6-c-panel--BackgroundColor);
19375
- border-radius: var(--pf-v6-c-panel--BorderRadius);
19376
- box-shadow: var(--pf-v6-c-panel--BoxShadow);
19377
- }
19378
-
19379
- .pf-v6-c-panel::before {
19380
- position: absolute;
19381
- inset: 0;
19382
- pointer-events: none;
19383
- content: "";
19384
- border: var(--pf-v6-c-panel--before--BorderWidth) solid var(--pf-v6-c-panel--before--BorderColor);
19385
- border-radius: var(--pf-v6-c-panel--BorderRadius);
19386
- }
19387
-
19388
- .pf-v6-c-panel.pf-m-bordered {
19389
- --pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-bordered--before--BorderWidth);
19390
- }
19391
-
19392
- .pf-v6-c-panel.pf-m-secondary {
19393
- --pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-secondary--BackgroundColor);
19394
- }
19395
-
19396
- .pf-v6-c-panel.pf-m-raised {
19397
- --pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-raised--BackgroundColor);
19398
- --pf-v6-c-panel--BoxShadow: var(--pf-v6-c-panel--m-raised--BoxShadow);
19399
- }
19400
-
19401
- .pf-v6-c-panel.pf-m-scrollable {
19402
- --pf-v6-c-panel__main--MaxHeight: var(--pf-v6-c-panel--m-scrollable__main--MaxHeight);
19403
- --pf-v6-c-panel__main--Overflow: var(--pf-v6-c-panel--m-scrollable__main--Overflow);
19404
- --pf-v6-c-panel__footer--BoxShadow: var(--pf-v6-c-panel--m-scrollable__footer--BoxShadow);
19405
- --pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart);
19406
- --pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd);
19407
- }
19408
-
19409
- .pf-v6-c-panel__header {
19410
- padding-block-start: var(--pf-v6-c-panel__header--PaddingBlockStart);
19411
- padding-block-end: var(--pf-v6-c-panel__header--PaddingBlockEnd);
19412
- padding-inline-start: var(--pf-v6-c-panel__header--PaddingInlineStart);
19413
- padding-inline-end: var(--pf-v6-c-panel__header--PaddingInlineEnd);
19414
- }
19415
-
19416
- .pf-v6-c-panel__main {
19417
- max-height: var(--pf-v6-c-panel__main--MaxHeight);
19418
- overflow: var(--pf-v6-c-panel__main--Overflow);
19419
- }
19420
-
19421
- .pf-v6-c-panel__main-body {
19422
- padding-block-start: var(--pf-v6-c-panel__main-body--PaddingBlockStart);
19423
- padding-block-end: var(--pf-v6-c-panel__main-body--PaddingBlockEnd);
19424
- padding-inline-start: var(--pf-v6-c-panel__main-body--PaddingInlineStart);
19425
- padding-inline-end: var(--pf-v6-c-panel__main-body--PaddingInlineEnd);
19426
- }
19427
-
19428
- .pf-v6-c-panel__footer {
19429
- padding-block-start: var(--pf-v6-c-panel__footer--PaddingBlockStart);
19430
- padding-block-end: var(--pf-v6-c-panel__footer--PaddingBlockEnd);
19431
- padding-inline-start: var(--pf-v6-c-panel__footer--PaddingInlineStart);
19432
- padding-inline-end: var(--pf-v6-c-panel__footer--PaddingInlineEnd);
19433
- box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
19434
- }
19435
-
19436
19334
  :where(:root, .pf-v6-c-alert-group) {
19437
19335
  --pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
19438
19336
  --pf-v6-c-alert-group--m-toast--InsetBlockStart: var(--pf-t--global--spacer--2xl);
@@ -19555,6 +19453,108 @@ label.pf-v6-c-tree-view__node-text {
19555
19453
  --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
19556
19454
  }
19557
19455
 
19456
+ :where(:root, .pf-v6-c-panel) {
19457
+ --pf-v6-c-panel--Width: auto;
19458
+ --pf-v6-c-panel--MinWidth: auto;
19459
+ --pf-v6-c-panel--MaxWidth: none;
19460
+ --pf-v6-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19461
+ --pf-v6-c-panel--BoxShadow: none;
19462
+ --pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--small);
19463
+ --pf-v6-c-panel--before--BorderWidth: 0;
19464
+ --pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--default);
19465
+ --pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
19466
+ --pf-v6-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--box--default);
19467
+ --pf-v6-c-panel--m-raised--BoxShadow: var(--pf-t--global--box-shadow--md);
19468
+ --pf-v6-c-panel--m-raised--BackgroundColor: var(--pf-t--global--background--color--floating--default);
19469
+ --pf-v6-c-panel__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
19470
+ --pf-v6-c-panel__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19471
+ --pf-v6-c-panel__header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
19472
+ --pf-v6-c-panel__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19473
+ --pf-v6-c-panel__main--MaxHeight: none;
19474
+ --pf-v6-c-panel__main--Overflow: visible;
19475
+ --pf-v6-c-panel__main-body--PaddingBlockStart: var(--pf-t--global--spacer--md);
19476
+ --pf-v6-c-panel__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19477
+ --pf-v6-c-panel__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--md);
19478
+ --pf-v6-c-panel__main-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19479
+ --pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-t--global--spacer--sm);
19480
+ --pf-v6-c-panel__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19481
+ --pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
19482
+ --pf-v6-c-panel__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19483
+ --pf-v6-c-panel__footer--BoxShadow: none;
19484
+ --pf-v6-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
19485
+ --pf-v6-c-panel--m-scrollable__main--Overflow: auto;
19486
+ --pf-v6-c-panel--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
19487
+ --pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart: var(--pf-t--global--spacer--md);
19488
+ --pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
19489
+ }
19490
+
19491
+ .pf-v6-c-panel {
19492
+ position: relative;
19493
+ width: var(--pf-v6-c-panel--Width);
19494
+ min-width: var(--pf-v6-c-panel--MinWidth);
19495
+ max-width: var(--pf-v6-c-panel--MaxWidth);
19496
+ background-color: var(--pf-v6-c-panel--BackgroundColor);
19497
+ border-radius: var(--pf-v6-c-panel--BorderRadius);
19498
+ box-shadow: var(--pf-v6-c-panel--BoxShadow);
19499
+ }
19500
+
19501
+ .pf-v6-c-panel::before {
19502
+ position: absolute;
19503
+ inset: 0;
19504
+ pointer-events: none;
19505
+ content: "";
19506
+ border: var(--pf-v6-c-panel--before--BorderWidth) solid var(--pf-v6-c-panel--before--BorderColor);
19507
+ border-radius: var(--pf-v6-c-panel--BorderRadius);
19508
+ }
19509
+
19510
+ .pf-v6-c-panel.pf-m-bordered {
19511
+ --pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-bordered--before--BorderWidth);
19512
+ }
19513
+
19514
+ .pf-v6-c-panel.pf-m-secondary {
19515
+ --pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-secondary--BackgroundColor);
19516
+ }
19517
+
19518
+ .pf-v6-c-panel.pf-m-raised {
19519
+ --pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-raised--BackgroundColor);
19520
+ --pf-v6-c-panel--BoxShadow: var(--pf-v6-c-panel--m-raised--BoxShadow);
19521
+ }
19522
+
19523
+ .pf-v6-c-panel.pf-m-scrollable {
19524
+ --pf-v6-c-panel__main--MaxHeight: var(--pf-v6-c-panel--m-scrollable__main--MaxHeight);
19525
+ --pf-v6-c-panel__main--Overflow: var(--pf-v6-c-panel--m-scrollable__main--Overflow);
19526
+ --pf-v6-c-panel__footer--BoxShadow: var(--pf-v6-c-panel--m-scrollable__footer--BoxShadow);
19527
+ --pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart);
19528
+ --pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd);
19529
+ }
19530
+
19531
+ .pf-v6-c-panel__header {
19532
+ padding-block-start: var(--pf-v6-c-panel__header--PaddingBlockStart);
19533
+ padding-block-end: var(--pf-v6-c-panel__header--PaddingBlockEnd);
19534
+ padding-inline-start: var(--pf-v6-c-panel__header--PaddingInlineStart);
19535
+ padding-inline-end: var(--pf-v6-c-panel__header--PaddingInlineEnd);
19536
+ }
19537
+
19538
+ .pf-v6-c-panel__main {
19539
+ max-height: var(--pf-v6-c-panel__main--MaxHeight);
19540
+ overflow: var(--pf-v6-c-panel__main--Overflow);
19541
+ }
19542
+
19543
+ .pf-v6-c-panel__main-body {
19544
+ padding-block-start: var(--pf-v6-c-panel__main-body--PaddingBlockStart);
19545
+ padding-block-end: var(--pf-v6-c-panel__main-body--PaddingBlockEnd);
19546
+ padding-inline-start: var(--pf-v6-c-panel__main-body--PaddingInlineStart);
19547
+ padding-inline-end: var(--pf-v6-c-panel__main-body--PaddingInlineEnd);
19548
+ }
19549
+
19550
+ .pf-v6-c-panel__footer {
19551
+ padding-block-start: var(--pf-v6-c-panel__footer--PaddingBlockStart);
19552
+ padding-block-end: var(--pf-v6-c-panel__footer--PaddingBlockEnd);
19553
+ padding-inline-start: var(--pf-v6-c-panel__footer--PaddingInlineStart);
19554
+ padding-inline-end: var(--pf-v6-c-panel__footer--PaddingInlineEnd);
19555
+ box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
19556
+ }
19557
+
19558
19558
  :where(:root, .pf-v6-c-truncate) {
19559
19559
  --pf-v6-c-truncate--MinWidth: 6ch;
19560
19560
  --pf-v6-c-truncate__start--MinWidth: 6ch;