@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.
- package/CHANGELOG.md +11 -0
- package/components/package.json +1 -8
- package/deprecated/package.json +1 -8
- package/dist/dynamic/components/AboutModal/package.json +1 -8
- package/dist/dynamic/components/Accordion/package.json +1 -8
- package/dist/dynamic/components/ActionList/package.json +1 -8
- package/dist/dynamic/components/Alert/package.json +1 -8
- package/dist/dynamic/components/Avatar/package.json +1 -8
- package/dist/dynamic/components/BackToTop/package.json +1 -8
- package/dist/dynamic/components/Backdrop/package.json +1 -8
- package/dist/dynamic/components/BackgroundImage/package.json +1 -8
- package/dist/dynamic/components/Badge/package.json +1 -8
- package/dist/dynamic/components/Banner/package.json +1 -8
- package/dist/dynamic/components/Brand/package.json +1 -8
- package/dist/dynamic/components/Breadcrumb/package.json +1 -8
- package/dist/dynamic/components/Button/package.json +1 -8
- package/dist/dynamic/components/CalendarMonth/package.json +1 -8
- package/dist/dynamic/components/Card/package.json +1 -8
- package/dist/dynamic/components/Checkbox/package.json +1 -8
- package/dist/dynamic/components/ClipboardCopy/package.json +1 -8
- package/dist/dynamic/components/CodeBlock/package.json +1 -8
- package/dist/dynamic/components/Content/package.json +1 -8
- package/dist/dynamic/components/DataList/package.json +1 -8
- package/dist/dynamic/components/DatePicker/package.json +1 -8
- package/dist/dynamic/components/DescriptionList/package.json +1 -8
- package/dist/dynamic/components/Divider/package.json +1 -8
- package/dist/dynamic/components/Drawer/package.json +1 -8
- package/dist/dynamic/components/Dropdown/package.json +1 -8
- package/dist/dynamic/components/DualListSelector/package.json +1 -8
- package/dist/dynamic/components/EmptyState/package.json +1 -8
- package/dist/dynamic/components/ExpandableSection/package.json +1 -8
- package/dist/dynamic/components/FileUpload/package.json +1 -8
- package/dist/dynamic/components/Form/package.json +1 -8
- package/dist/dynamic/components/FormSelect/package.json +1 -8
- package/dist/dynamic/components/HelperText/package.json +1 -8
- package/dist/dynamic/components/Hint/package.json +1 -8
- package/dist/dynamic/components/Icon/package.json +1 -8
- package/dist/dynamic/components/InputGroup/package.json +1 -8
- package/dist/dynamic/components/JumpLinks/package.json +1 -8
- package/dist/dynamic/components/Label/package.json +1 -8
- package/dist/dynamic/components/List/package.json +1 -8
- package/dist/dynamic/components/LoginPage/package.json +1 -8
- package/dist/dynamic/components/Masthead/package.json +1 -8
- package/dist/dynamic/components/Menu/package.json +1 -8
- package/dist/dynamic/components/MenuToggle/package.json +1 -8
- package/dist/dynamic/components/Modal/package.json +1 -8
- package/dist/dynamic/components/MultipleFileUpload/package.json +1 -8
- package/dist/dynamic/components/Nav/package.json +1 -8
- package/dist/dynamic/components/NotificationBadge/package.json +1 -8
- package/dist/dynamic/components/NotificationDrawer/package.json +1 -8
- package/dist/dynamic/components/NumberInput/package.json +1 -8
- package/dist/dynamic/components/OverflowMenu/package.json +1 -8
- package/dist/dynamic/components/Page/package.json +1 -8
- package/dist/dynamic/components/Pagination/package.json +1 -8
- package/dist/dynamic/components/Panel/package.json +1 -8
- package/dist/dynamic/components/Popover/package.json +1 -8
- package/dist/dynamic/components/Progress/package.json +1 -8
- package/dist/dynamic/components/ProgressStepper/package.json +1 -8
- package/dist/dynamic/components/Radio/package.json +1 -8
- package/dist/dynamic/components/SearchInput/package.json +1 -8
- package/dist/dynamic/components/Select/package.json +1 -8
- package/dist/dynamic/components/Sidebar/package.json +1 -8
- package/dist/dynamic/components/SimpleList/package.json +1 -8
- package/dist/dynamic/components/Skeleton/package.json +1 -8
- package/dist/dynamic/components/SkipToContent/package.json +1 -8
- package/dist/dynamic/components/Slider/package.json +1 -8
- package/dist/dynamic/components/Spinner/package.json +1 -8
- package/dist/dynamic/components/Switch/package.json +1 -8
- package/dist/dynamic/components/Tabs/package.json +1 -8
- package/dist/dynamic/components/TextArea/package.json +1 -8
- package/dist/dynamic/components/TextInput/package.json +1 -8
- package/dist/dynamic/components/TextInputGroup/package.json +1 -8
- package/dist/dynamic/components/Tile/package.json +1 -8
- package/dist/dynamic/components/TimePicker/package.json +1 -8
- package/dist/dynamic/components/Timestamp/package.json +1 -8
- package/dist/dynamic/components/Title/package.json +1 -8
- package/dist/dynamic/components/ToggleGroup/package.json +1 -8
- package/dist/dynamic/components/Toolbar/package.json +1 -8
- package/dist/dynamic/components/Tooltip/package.json +1 -8
- package/dist/dynamic/components/TreeView/package.json +1 -8
- package/dist/dynamic/components/Truncate/package.json +1 -8
- package/dist/dynamic/components/Wizard/hooks/package.json +1 -8
- package/dist/dynamic/components/Wizard/package.json +1 -8
- package/dist/dynamic/deprecated/components/Chip/package.json +1 -8
- package/dist/dynamic/deprecated/components/DragDrop/package.json +1 -8
- package/dist/dynamic/deprecated/components/DualListSelector/package.json +1 -8
- package/dist/dynamic/deprecated/components/Modal/package.json +1 -8
- package/dist/dynamic/deprecated/components/Wizard/package.json +1 -8
- package/dist/dynamic/deprecated/components/package.json +1 -8
- package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -8
- package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -8
- package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -8
- package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -8
- package/dist/dynamic/helpers/Popper/Popper/package.json +1 -8
- package/dist/dynamic/helpers/constants/package.json +1 -8
- package/dist/dynamic/helpers/datetimeUtils/package.json +1 -8
- package/dist/dynamic/helpers/fileUtils/package.json +1 -8
- package/dist/dynamic/helpers/htmlConstants/package.json +1 -8
- package/dist/dynamic/helpers/package.json +1 -8
- package/dist/dynamic/helpers/resizeObserver/package.json +1 -8
- package/dist/dynamic/helpers/typeUtils/package.json +1 -8
- package/dist/dynamic/helpers/useInterval/package.json +1 -8
- package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -8
- package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -8
- package/dist/dynamic/helpers/util/package.json +1 -8
- package/dist/dynamic/layouts/Bullseye/package.json +1 -8
- package/dist/dynamic/layouts/Flex/package.json +1 -8
- package/dist/dynamic/layouts/Gallery/package.json +1 -8
- package/dist/dynamic/layouts/Grid/package.json +1 -8
- package/dist/dynamic/layouts/Level/package.json +1 -8
- package/dist/dynamic/layouts/Split/package.json +1 -8
- package/dist/dynamic/layouts/Stack/package.json +1 -8
- package/dist/dynamic/styles/package.json +1 -8
- package/dist/esm/components/Pagination/Pagination.d.ts +2 -0
- package/dist/esm/components/Pagination/Pagination.d.ts.map +1 -1
- package/dist/esm/components/Pagination/Pagination.js +2 -2
- package/dist/esm/components/Pagination/Pagination.js.map +1 -1
- package/dist/esm/components/Pagination/PaginationOptionsMenu.d.ts +3 -0
- package/dist/esm/components/Pagination/PaginationOptionsMenu.d.ts.map +1 -1
- package/dist/esm/components/Pagination/PaginationOptionsMenu.js +19 -16
- package/dist/esm/components/Pagination/PaginationOptionsMenu.js.map +1 -1
- package/dist/esm/components/Wizard/Wizard.d.ts.map +1 -1
- package/dist/esm/components/Wizard/Wizard.js +5 -1
- package/dist/esm/components/Wizard/Wizard.js.map +1 -1
- package/dist/esm/components/Wizard/WizardContext.d.ts.map +1 -1
- package/dist/esm/components/Wizard/WizardContext.js +4 -0
- package/dist/esm/components/Wizard/WizardContext.js.map +1 -1
- package/dist/esm/components/Wizard/WizardStep.d.ts +2 -2
- package/dist/esm/components/Wizard/WizardStep.d.ts.map +1 -1
- package/dist/esm/components/Wizard/WizardToggle.d.ts.map +1 -1
- package/dist/esm/components/Wizard/WizardToggle.js +1 -2
- package/dist/esm/components/Wizard/WizardToggle.js.map +1 -1
- package/dist/js/components/Pagination/Pagination.d.ts +2 -0
- package/dist/js/components/Pagination/Pagination.d.ts.map +1 -1
- package/dist/js/components/Pagination/Pagination.js +2 -2
- package/dist/js/components/Pagination/Pagination.js.map +1 -1
- package/dist/js/components/Pagination/PaginationOptionsMenu.d.ts +3 -0
- package/dist/js/components/Pagination/PaginationOptionsMenu.d.ts.map +1 -1
- package/dist/js/components/Pagination/PaginationOptionsMenu.js +19 -16
- package/dist/js/components/Pagination/PaginationOptionsMenu.js.map +1 -1
- package/dist/js/components/Wizard/Wizard.d.ts.map +1 -1
- package/dist/js/components/Wizard/Wizard.js +5 -1
- package/dist/js/components/Wizard/Wizard.js.map +1 -1
- package/dist/js/components/Wizard/WizardContext.d.ts.map +1 -1
- package/dist/js/components/Wizard/WizardContext.js +4 -0
- package/dist/js/components/Wizard/WizardContext.js.map +1 -1
- package/dist/js/components/Wizard/WizardStep.d.ts +2 -2
- package/dist/js/components/Wizard/WizardStep.d.ts.map +1 -1
- package/dist/js/components/Wizard/WizardToggle.d.ts.map +1 -1
- package/dist/js/components/Wizard/WizardToggle.js +1 -2
- package/dist/js/components/Wizard/WizardToggle.js.map +1 -1
- package/dist/umd/assets/{output-ZK-DtcVp.css → output-WegUSgI7.css} +904 -904
- package/dist/umd/react-core.min.js +1 -1
- package/helpers/package.json +1 -8
- package/layouts/package.json +1 -8
- package/next/package.json +1 -8
- package/package.json +2 -2
- package/src/components/Pagination/Pagination.tsx +4 -0
- package/src/components/Pagination/PaginationOptionsMenu.tsx +42 -34
- package/src/components/Pagination/__tests__/Generated/__snapshots__/PaginationOptionsMenu.test.tsx.snap +42 -38
- package/src/components/Pagination/__tests__/__snapshots__/Pagination.test.tsx.snap +854 -774
- package/src/components/Wizard/Wizard.tsx +6 -1
- package/src/components/Wizard/WizardContext.tsx +5 -0
- package/src/components/Wizard/WizardStep.tsx +2 -2
- package/src/components/Wizard/WizardToggle.tsx +1 -2
- package/src/components/Wizard/__tests__/WizardStep.test.tsx +0 -5
- package/src/components/Wizard/examples/Wizard.md +0 -2
- package/src/components/Wizard/examples/WizardStepDrawerContent.tsx +13 -3
- package/src/components/Wizard/examples/WizardValidateOnButtonPress.tsx +15 -4
- package/src/components/Wizard/examples/WizardWithCustomFooter.tsx +24 -9
- package/src/demos/examples/Wizard/InModalWithDrawer.tsx +10 -5
- package/src/demos/examples/Wizard/InModalWithDrawerInformationalStep.tsx +10 -5
- package/src/demos/examples/Wizard/InPageWithDrawer.tsx +10 -5
- 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-
|
|
2366
|
-
--pf-v6-c-
|
|
2367
|
-
--pf-v6-c-
|
|
2368
|
-
--pf-v6-c-
|
|
2369
|
-
--pf-v6-c-
|
|
2370
|
-
--pf-v6-c-
|
|
2371
|
-
--pf-v6-c-
|
|
2372
|
-
--pf-v6-c-
|
|
2373
|
-
--pf-v6-c-
|
|
2374
|
-
--pf-v6-c-
|
|
2375
|
-
--pf-v6-c-
|
|
2376
|
-
--pf-v6-c-
|
|
2377
|
-
--pf-v6-c-
|
|
2378
|
-
--pf-v6-c-
|
|
2379
|
-
--pf-v6-c-
|
|
2380
|
-
|
|
2381
|
-
|
|
2382
|
-
|
|
2383
|
-
|
|
2384
|
-
|
|
2385
|
-
|
|
2386
|
-
|
|
2387
|
-
|
|
2388
|
-
|
|
2389
|
-
|
|
2390
|
-
|
|
2391
|
-
|
|
2392
|
-
|
|
2393
|
-
|
|
2394
|
-
|
|
2395
|
-
|
|
2396
|
-
|
|
2397
|
-
|
|
2398
|
-
|
|
2399
|
-
|
|
2400
|
-
|
|
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-
|
|
3719
|
-
|
|
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
|
-
|
|
3723
|
-
|
|
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-
|
|
3727
|
-
|
|
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;
|