@patternfly/react-core 6.0.0-prerelease.2 → 6.0.0-prerelease.21
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 +113 -0
- package/components/package.json +1 -1
- package/deprecated/package.json +1 -1
- package/dist/dynamic/components/AboutModal/package.json +1 -1
- package/dist/dynamic/components/Accordion/package.json +1 -1
- package/dist/dynamic/components/ActionList/package.json +1 -1
- package/dist/dynamic/components/Alert/package.json +1 -1
- package/dist/dynamic/components/Avatar/package.json +1 -1
- package/dist/dynamic/components/BackToTop/package.json +1 -1
- package/dist/dynamic/components/Backdrop/package.json +1 -1
- package/dist/dynamic/components/BackgroundImage/package.json +1 -1
- package/dist/dynamic/components/Badge/package.json +1 -1
- package/dist/dynamic/components/Banner/package.json +1 -1
- package/dist/dynamic/components/Brand/package.json +1 -1
- package/dist/dynamic/components/Breadcrumb/package.json +1 -1
- package/dist/dynamic/components/Button/package.json +1 -1
- package/dist/dynamic/components/CalendarMonth/package.json +1 -1
- package/dist/dynamic/components/Card/package.json +1 -1
- package/dist/dynamic/components/Checkbox/package.json +1 -1
- package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
- package/dist/dynamic/components/CodeBlock/package.json +1 -1
- package/dist/dynamic/components/Content/package.json +1 -1
- package/dist/dynamic/components/DataList/package.json +1 -1
- package/dist/dynamic/components/DatePicker/package.json +1 -1
- package/dist/dynamic/components/DescriptionList/package.json +1 -1
- package/dist/dynamic/components/Divider/package.json +1 -1
- package/dist/dynamic/components/Drawer/package.json +1 -1
- package/dist/dynamic/components/Dropdown/package.json +1 -1
- package/dist/dynamic/components/DualListSelector/package.json +1 -1
- package/dist/dynamic/components/EmptyState/package.json +1 -1
- package/dist/dynamic/components/ExpandableSection/package.json +1 -1
- package/dist/dynamic/components/FileUpload/package.json +1 -1
- package/dist/dynamic/components/Form/package.json +1 -1
- package/dist/dynamic/components/FormSelect/package.json +1 -1
- package/dist/dynamic/components/HelperText/package.json +1 -1
- package/dist/dynamic/components/Hint/package.json +1 -1
- package/dist/dynamic/components/Icon/package.json +1 -1
- package/dist/dynamic/components/InputGroup/package.json +1 -1
- package/dist/dynamic/components/JumpLinks/package.json +1 -1
- package/dist/dynamic/components/Label/package.json +1 -1
- package/dist/dynamic/components/List/package.json +1 -1
- package/dist/dynamic/components/LoginPage/package.json +1 -1
- package/dist/dynamic/components/Masthead/package.json +1 -1
- package/dist/dynamic/components/Menu/package.json +1 -1
- package/dist/dynamic/components/MenuToggle/package.json +1 -1
- package/dist/dynamic/components/Modal/package.json +1 -1
- package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
- package/dist/dynamic/components/Nav/package.json +1 -1
- package/dist/dynamic/components/NotificationBadge/package.json +1 -1
- package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
- package/dist/dynamic/components/NumberInput/package.json +1 -1
- package/dist/dynamic/components/OverflowMenu/package.json +1 -1
- package/dist/dynamic/components/Page/package.json +1 -1
- package/dist/dynamic/components/Pagination/package.json +1 -1
- package/dist/dynamic/components/Panel/package.json +1 -1
- package/dist/dynamic/components/Popover/package.json +1 -1
- package/dist/dynamic/components/Progress/package.json +1 -1
- package/dist/dynamic/components/ProgressStepper/package.json +1 -1
- package/dist/dynamic/components/Radio/package.json +1 -1
- package/dist/dynamic/components/SearchInput/package.json +1 -1
- package/dist/dynamic/components/Select/package.json +1 -1
- package/dist/dynamic/components/Sidebar/package.json +1 -1
- package/dist/dynamic/components/SimpleList/package.json +1 -1
- package/dist/dynamic/components/Skeleton/package.json +1 -1
- package/dist/dynamic/components/SkipToContent/package.json +1 -1
- package/dist/dynamic/components/Slider/package.json +1 -1
- package/dist/dynamic/components/Spinner/package.json +1 -1
- package/dist/dynamic/components/Switch/package.json +1 -1
- package/dist/dynamic/components/Tabs/package.json +1 -1
- package/dist/dynamic/components/TextArea/package.json +1 -1
- package/dist/dynamic/components/TextInput/package.json +1 -1
- package/dist/dynamic/components/TextInputGroup/package.json +1 -1
- package/dist/dynamic/components/TimePicker/package.json +1 -1
- package/dist/dynamic/components/Timestamp/package.json +1 -1
- package/dist/dynamic/components/Title/package.json +1 -1
- package/dist/dynamic/components/ToggleGroup/package.json +1 -1
- package/dist/dynamic/components/Toolbar/package.json +1 -1
- package/dist/dynamic/components/Tooltip/package.json +1 -1
- package/dist/dynamic/components/TreeView/package.json +1 -1
- package/dist/dynamic/components/Truncate/package.json +1 -1
- package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
- package/dist/dynamic/components/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/Chip/package.json +1 -1
- package/dist/dynamic/deprecated/components/DragDrop/package.json +1 -1
- package/dist/dynamic/deprecated/components/DualListSelector/package.json +1 -1
- package/dist/dynamic/deprecated/components/Modal/package.json +1 -1
- package/dist/dynamic/deprecated/components/Tile/package.json +1 -0
- package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/package.json +1 -1
- package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
- package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
- package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
- package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
- package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
- package/dist/dynamic/helpers/constants/package.json +1 -1
- package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
- package/dist/dynamic/helpers/fileUtils/package.json +1 -1
- package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
- package/dist/dynamic/helpers/package.json +1 -1
- package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
- package/dist/dynamic/helpers/typeUtils/package.json +1 -1
- package/dist/dynamic/helpers/useInterval/package.json +1 -1
- package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
- package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
- package/dist/dynamic/helpers/util/package.json +1 -1
- package/dist/dynamic/layouts/Bullseye/package.json +1 -1
- package/dist/dynamic/layouts/Flex/package.json +1 -1
- package/dist/dynamic/layouts/Gallery/package.json +1 -1
- package/dist/dynamic/layouts/Grid/package.json +1 -1
- package/dist/dynamic/layouts/Level/package.json +1 -1
- package/dist/dynamic/layouts/Split/package.json +1 -1
- package/dist/dynamic/layouts/Stack/package.json +1 -1
- package/dist/dynamic/styles/package.json +1 -1
- package/dist/dynamic-modules.json +0 -3
- package/dist/esm/components/Card/CardHeader.d.ts +2 -0
- package/dist/esm/components/Card/CardHeader.d.ts.map +1 -1
- package/dist/esm/components/Card/CardHeader.js +2 -2
- package/dist/esm/components/Card/CardHeader.js.map +1 -1
- package/dist/esm/components/Content/Content.d.ts +2 -0
- package/dist/esm/components/Content/Content.d.ts.map +1 -1
- package/dist/esm/components/Content/Content.js +2 -2
- package/dist/esm/components/Content/Content.js.map +1 -1
- package/dist/esm/components/DataList/DataListAction.d.ts +0 -2
- package/dist/esm/components/DataList/DataListAction.d.ts.map +1 -1
- package/dist/esm/components/DataList/DataListAction.js +2 -2
- package/dist/esm/components/DataList/DataListAction.js.map +1 -1
- package/dist/esm/components/DataList/DataListCheck.d.ts +4 -1
- package/dist/esm/components/DataList/DataListCheck.d.ts.map +1 -1
- package/dist/esm/components/DataList/DataListCheck.js +4 -4
- package/dist/esm/components/DataList/DataListCheck.js.map +1 -1
- package/dist/esm/components/DescriptionList/DescriptionList.js +1 -1
- package/dist/esm/components/DescriptionList/DescriptionList.js.map +1 -1
- package/dist/esm/components/Dropdown/Dropdown.js +1 -1
- package/dist/esm/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/esm/components/EmptyState/EmptyState.d.ts +1 -1
- package/dist/esm/components/EmptyState/EmptyState.d.ts.map +1 -1
- package/dist/esm/components/EmptyState/EmptyStateHeader.d.ts +1 -1
- package/dist/esm/components/EmptyState/EmptyStateHeader.d.ts.map +1 -1
- package/dist/esm/components/EmptyState/EmptyStateHeader.js +2 -2
- package/dist/esm/components/EmptyState/EmptyStateHeader.js.map +1 -1
- package/dist/esm/components/Menu/MenuContainer.js +1 -1
- package/dist/esm/components/Menu/MenuContainer.js.map +1 -1
- package/dist/esm/components/MenuToggle/MenuToggle.d.ts +2 -8
- package/dist/esm/components/MenuToggle/MenuToggle.d.ts.map +1 -1
- package/dist/esm/components/MenuToggle/MenuToggle.js +4 -4
- package/dist/esm/components/MenuToggle/MenuToggle.js.map +1 -1
- package/dist/esm/components/Modal/Modal.d.ts +2 -0
- package/dist/esm/components/Modal/Modal.d.ts.map +1 -1
- package/dist/esm/components/Modal/Modal.js +2 -6
- package/dist/esm/components/Modal/Modal.js.map +1 -1
- package/dist/esm/components/Modal/ModalContent.d.ts +2 -0
- package/dist/esm/components/Modal/ModalContent.d.ts.map +1 -1
- package/dist/esm/components/Modal/ModalContent.js +7 -13
- package/dist/esm/components/Modal/ModalContent.js.map +1 -1
- package/dist/esm/components/Page/Page.d.ts.map +1 -1
- package/dist/esm/components/Page/Page.js +3 -4
- package/dist/esm/components/Page/Page.js.map +1 -1
- package/dist/esm/components/Select/Select.js +1 -1
- package/dist/esm/components/Select/Select.js.map +1 -1
- package/dist/esm/components/Slider/Slider.d.ts.map +1 -1
- package/dist/esm/components/Slider/Slider.js +1 -1
- package/dist/esm/components/Slider/Slider.js.map +1 -1
- package/dist/esm/components/TextInputGroup/TextInputGroup.d.ts +2 -0
- package/dist/esm/components/TextInputGroup/TextInputGroup.d.ts.map +1 -1
- package/dist/esm/components/TextInputGroup/TextInputGroup.js +3 -3
- package/dist/esm/components/TextInputGroup/TextInputGroup.js.map +1 -1
- package/dist/esm/components/TextInputGroup/TextInputGroupIcon.d.ts +11 -0
- package/dist/esm/components/TextInputGroup/TextInputGroupIcon.d.ts.map +1 -0
- package/dist/esm/components/TextInputGroup/TextInputGroupIcon.js +10 -0
- package/dist/esm/components/TextInputGroup/TextInputGroupIcon.js.map +1 -0
- package/dist/esm/components/TextInputGroup/TextInputGroupMain.d.ts.map +1 -1
- package/dist/esm/components/TextInputGroup/TextInputGroupMain.js +7 -3
- package/dist/esm/components/TextInputGroup/TextInputGroupMain.js.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarToggleGroup.js +1 -1
- package/dist/esm/components/Toolbar/ToolbarToggleGroup.js.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarUtils.js +4 -4
- package/dist/esm/components/Toolbar/ToolbarUtils.js.map +1 -1
- package/dist/esm/components/index.d.ts +0 -1
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/index.js +0 -1
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/deprecated/components/DragDrop/Draggable.js +1 -1
- package/dist/esm/deprecated/components/DragDrop/Draggable.js.map +1 -1
- package/dist/esm/deprecated/components/Tile/Tile.d.ts.map +1 -0
- package/dist/esm/deprecated/components/Tile/Tile.js.map +1 -0
- package/dist/esm/deprecated/components/Tile/index.d.ts.map +1 -0
- package/dist/esm/deprecated/components/Tile/index.js.map +1 -0
- package/dist/esm/deprecated/components/index.d.ts +1 -0
- package/dist/esm/deprecated/components/index.d.ts.map +1 -1
- package/dist/esm/deprecated/components/index.js +1 -0
- package/dist/esm/deprecated/components/index.js.map +1 -1
- package/dist/esm/helpers/constants.js +10 -10
- package/dist/esm/helpers/constants.js.map +1 -1
- package/dist/js/components/Card/CardHeader.d.ts +2 -0
- package/dist/js/components/Card/CardHeader.d.ts.map +1 -1
- package/dist/js/components/Card/CardHeader.js +2 -2
- package/dist/js/components/Card/CardHeader.js.map +1 -1
- package/dist/js/components/Content/Content.d.ts +2 -0
- package/dist/js/components/Content/Content.d.ts.map +1 -1
- package/dist/js/components/Content/Content.js +2 -2
- package/dist/js/components/Content/Content.js.map +1 -1
- package/dist/js/components/DataList/DataListAction.d.ts +0 -2
- package/dist/js/components/DataList/DataListAction.d.ts.map +1 -1
- package/dist/js/components/DataList/DataListAction.js +2 -2
- package/dist/js/components/DataList/DataListAction.js.map +1 -1
- package/dist/js/components/DataList/DataListCheck.d.ts +4 -1
- package/dist/js/components/DataList/DataListCheck.d.ts.map +1 -1
- package/dist/js/components/DataList/DataListCheck.js +4 -4
- package/dist/js/components/DataList/DataListCheck.js.map +1 -1
- package/dist/js/components/DescriptionList/DescriptionList.js +1 -1
- package/dist/js/components/DescriptionList/DescriptionList.js.map +1 -1
- package/dist/js/components/Dropdown/Dropdown.js +1 -1
- package/dist/js/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/js/components/EmptyState/EmptyState.d.ts +1 -1
- package/dist/js/components/EmptyState/EmptyState.d.ts.map +1 -1
- package/dist/js/components/EmptyState/EmptyStateHeader.d.ts +1 -1
- package/dist/js/components/EmptyState/EmptyStateHeader.d.ts.map +1 -1
- package/dist/js/components/EmptyState/EmptyStateHeader.js +2 -2
- package/dist/js/components/EmptyState/EmptyStateHeader.js.map +1 -1
- package/dist/js/components/Menu/MenuContainer.js +1 -1
- package/dist/js/components/Menu/MenuContainer.js.map +1 -1
- package/dist/js/components/MenuToggle/MenuToggle.d.ts +2 -8
- package/dist/js/components/MenuToggle/MenuToggle.d.ts.map +1 -1
- package/dist/js/components/MenuToggle/MenuToggle.js +4 -4
- package/dist/js/components/MenuToggle/MenuToggle.js.map +1 -1
- package/dist/js/components/Modal/Modal.d.ts +2 -0
- package/dist/js/components/Modal/Modal.d.ts.map +1 -1
- package/dist/js/components/Modal/Modal.js +2 -6
- package/dist/js/components/Modal/Modal.js.map +1 -1
- package/dist/js/components/Modal/ModalContent.d.ts +2 -0
- package/dist/js/components/Modal/ModalContent.d.ts.map +1 -1
- package/dist/js/components/Modal/ModalContent.js +7 -13
- package/dist/js/components/Modal/ModalContent.js.map +1 -1
- package/dist/js/components/Page/Page.d.ts.map +1 -1
- package/dist/js/components/Page/Page.js +3 -4
- package/dist/js/components/Page/Page.js.map +1 -1
- package/dist/js/components/Select/Select.js +1 -1
- package/dist/js/components/Select/Select.js.map +1 -1
- package/dist/js/components/Slider/Slider.d.ts.map +1 -1
- package/dist/js/components/Slider/Slider.js +1 -1
- package/dist/js/components/Slider/Slider.js.map +1 -1
- package/dist/js/components/TextInputGroup/TextInputGroup.d.ts +2 -0
- package/dist/js/components/TextInputGroup/TextInputGroup.d.ts.map +1 -1
- package/dist/js/components/TextInputGroup/TextInputGroup.js +3 -3
- package/dist/js/components/TextInputGroup/TextInputGroup.js.map +1 -1
- package/dist/js/components/TextInputGroup/TextInputGroupIcon.d.ts +11 -0
- package/dist/js/components/TextInputGroup/TextInputGroupIcon.d.ts.map +1 -0
- package/dist/js/components/TextInputGroup/TextInputGroupIcon.js +14 -0
- package/dist/js/components/TextInputGroup/TextInputGroupIcon.js.map +1 -0
- package/dist/js/components/TextInputGroup/TextInputGroupMain.d.ts.map +1 -1
- package/dist/js/components/TextInputGroup/TextInputGroupMain.js +7 -3
- package/dist/js/components/TextInputGroup/TextInputGroupMain.js.map +1 -1
- package/dist/js/components/Toolbar/ToolbarToggleGroup.js +2 -2
- package/dist/js/components/Toolbar/ToolbarToggleGroup.js.map +1 -1
- package/dist/js/components/Toolbar/ToolbarUtils.js +8 -8
- package/dist/js/components/Toolbar/ToolbarUtils.js.map +1 -1
- package/dist/js/components/index.d.ts +0 -1
- package/dist/js/components/index.d.ts.map +1 -1
- package/dist/js/components/index.js +0 -1
- package/dist/js/components/index.js.map +1 -1
- package/dist/js/deprecated/components/DragDrop/Draggable.js +1 -1
- package/dist/js/deprecated/components/DragDrop/Draggable.js.map +1 -1
- package/dist/js/deprecated/components/Tile/Tile.d.ts.map +1 -0
- package/dist/js/deprecated/components/Tile/Tile.js.map +1 -0
- package/dist/js/deprecated/components/Tile/index.d.ts.map +1 -0
- package/dist/js/deprecated/components/Tile/index.js.map +1 -0
- package/dist/js/deprecated/components/index.d.ts +1 -0
- package/dist/js/deprecated/components/index.d.ts.map +1 -1
- package/dist/js/deprecated/components/index.js +1 -0
- package/dist/js/deprecated/components/index.js.map +1 -1
- package/dist/js/helpers/constants.js +20 -20
- package/dist/js/helpers/constants.js.map +1 -1
- package/dist/styles/base-no-reset.css +100 -69
- package/dist/styles/base.css +115 -69
- package/dist/umd/assets/{output-DqwzX1i3.css → output-CWhO_0Db.css} +19278 -19343
- package/dist/umd/react-core.min.js +4 -4
- package/helpers/package.json +1 -1
- package/layouts/package.json +1 -1
- package/next/package.json +1 -1
- package/package.json +8 -8
- package/src/components/AboutModal/examples/AboutModal.md +1 -1
- package/src/components/Accordion/examples/Accordion.md +2 -2
- package/src/components/ActionList/examples/ActionList.md +1 -1
- package/src/components/Alert/examples/Alert.md +1 -1
- package/src/components/Avatar/examples/Avatar.md +1 -1
- package/src/components/BackToTop/examples/BackToTop.md +1 -1
- package/src/components/Backdrop/examples/Backdrop.md +1 -1
- package/src/components/BackgroundImage/examples/BackgroundImage.md +1 -1
- package/src/components/Badge/examples/Badge.md +1 -1
- package/src/components/Banner/examples/Banner.md +1 -1
- package/src/components/Breadcrumb/examples/Breadcrumb.md +1 -1
- package/src/components/Button/examples/Button.md +1 -1
- package/src/components/CalendarMonth/examples/CalendarMonth.md +1 -1
- package/src/components/Card/CardHeader.tsx +9 -2
- package/src/components/Card/examples/Card.md +24 -1
- package/src/components/Card/examples/CardTile.tsx +73 -0
- package/src/components/Card/examples/CardTileMulti.tsx +84 -0
- package/src/components/Checkbox/examples/Checkbox.md +1 -1
- package/src/components/ClipboardCopy/examples/ClipboardCopy.md +1 -1
- package/src/components/CodeBlock/examples/CodeBlock.md +1 -1
- package/src/components/Content/Content.tsx +4 -0
- package/src/components/Content/__tests__/Content.test.tsx +24 -0
- package/src/components/Content/examples/Content.md +8 -0
- package/src/components/Content/examples/ContentEditorial.tsx +24 -0
- package/src/components/DataList/DataListAction.tsx +1 -5
- package/src/components/DataList/DataListCheck.tsx +20 -13
- package/src/components/DataList/__tests__/DataListAction.test.tsx +21 -21
- package/src/components/DataList/__tests__/DataListCheck.test.tsx +3 -1
- package/src/components/DataList/__tests__/Generated/DataListCheck.test.tsx +3 -2
- package/src/components/DataList/__tests__/Generated/__snapshots__/DataListCheck.test.tsx.snap +15 -5
- package/src/components/DataList/examples/DataList.md +1 -1
- package/src/components/DataList/examples/DataListActions.tsx +0 -1
- package/src/components/DataList/examples/DataListCheckboxes.tsx +3 -6
- package/src/components/DataList/examples/DataListClickableRows.tsx +0 -2
- package/src/components/DataList/examples/DataListDraggable.tsx +6 -1
- package/src/components/DataList/examples/DataListExpandable.tsx +3 -18
- package/src/components/DataList/examples/DataListMixedExpandable.tsx +3 -18
- package/src/components/DataList/examples/DataListWidthModifiers.tsx +3 -5
- package/src/components/DatePicker/examples/DatePicker.md +1 -1
- package/src/components/DescriptionList/DescriptionList.tsx +1 -1
- package/src/components/DescriptionList/__tests__/DescriptionList.test.tsx +14 -12
- package/src/components/DescriptionList/examples/DescriptionList.md +1 -1
- package/src/components/Divider/examples/Divider.md +1 -1
- package/src/components/Drawer/examples/Drawer.md +1 -1
- package/src/components/Dropdown/Dropdown.tsx +1 -1
- package/src/components/Dropdown/examples/Dropdown.md +1 -1
- package/src/components/DualListSelector/examples/DualListSelector.md +1 -1
- package/src/components/EmptyState/EmptyState.tsx +1 -1
- package/src/components/EmptyState/EmptyStateHeader.tsx +6 -4
- package/src/components/EmptyState/__tests__/EmptyState.test.tsx +5 -0
- package/src/components/EmptyState/examples/EmptyState.md +1 -1
- package/src/components/ExpandableSection/examples/ExpandableSection.md +1 -1
- package/src/components/FileUpload/examples/FileUpload.md +1 -1
- package/src/components/Form/examples/Form.md +1 -1
- package/src/components/FormSelect/examples/FormSelect.md +1 -1
- package/src/components/HelperText/examples/HelperText.md +1 -1
- package/src/components/Hint/examples/Hint.md +1 -1
- package/src/components/Icon/examples/Icon.md +1 -1
- package/src/components/InputGroup/examples/InputGroup.md +1 -1
- package/src/components/JumpLinks/examples/JumpLinks.md +1 -0
- package/src/components/Label/examples/Label.md +1 -1
- package/src/components/List/examples/List.md +1 -1
- package/src/components/LoginPage/examples/LoginPage.md +1 -1
- package/src/components/Masthead/examples/Masthead.md +1 -1
- package/src/components/Menu/MenuContainer.tsx +1 -1
- package/src/components/Menu/examples/Menu.md +1 -1
- package/src/components/MenuToggle/MenuToggle.tsx +6 -20
- package/src/components/MenuToggle/__tests__/MenuToggle.test.tsx +10 -11
- package/src/components/MenuToggle/examples/MenuToggle.md +11 -11
- package/src/components/MenuToggle/examples/MenuToggleSplitButtonAction.tsx +23 -32
- package/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckbox.tsx +9 -9
- package/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckboxWithText.tsx +27 -33
- package/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckboxWithToggleText.tsx +21 -27
- package/src/components/Modal/Modal.tsx +4 -11
- package/src/components/Modal/ModalContent.tsx +9 -11
- package/src/components/Modal/__tests__/Modal.test.tsx +0 -14
- package/src/components/Modal/__tests__/__snapshots__/ModalContent.test.tsx.snap +4 -0
- package/src/components/Modal/examples/Modal.md +1 -1
- package/src/components/MultipleFileUpload/examples/MultipleFileUpload.md +1 -1
- package/src/components/Nav/examples/Nav.md +1 -1
- package/src/components/NotificationBadge/examples/NotificationBadge.md +1 -1
- package/src/components/NotificationDrawer/examples/NotificationDrawer.md +1 -1
- package/src/components/NumberInput/examples/NumberInput.md +1 -1
- package/src/components/OverflowMenu/examples/OverflowMenu.md +1 -1
- package/src/components/Page/Page.tsx +3 -5
- package/src/components/Page/examples/Page.md +2 -2
- package/src/components/Pagination/examples/Pagination.md +1 -1
- package/src/components/Panel/examples/Panel.md +1 -1
- package/src/components/Popover/examples/Popover.md +1 -1
- package/src/components/Progress/examples/Progress.md +1 -1
- package/src/components/ProgressStepper/examples/ProgressStepper.md +1 -1
- package/src/components/Radio/examples/Radio.md +1 -1
- package/src/components/SearchInput/examples/SearchInput.md +1 -1
- package/src/components/Select/Select.tsx +1 -1
- package/src/components/Select/examples/Select.md +1 -1
- package/src/components/Sidebar/examples/Sidebar.md +2 -2
- package/src/components/SimpleList/examples/SimpleList.md +1 -1
- package/src/components/Skeleton/examples/Skeleton.md +8 -8
- package/src/components/Skeleton/examples/SkeletonText.tsx +14 -14
- package/src/components/SkipToContent/examples/SkipToContent.md +1 -1
- package/src/components/Slider/Slider.tsx +6 -1
- package/src/components/Slider/examples/Slider.md +1 -1
- package/src/components/Spinner/examples/Spinner.md +1 -1
- package/src/components/Switch/examples/Switch.md +1 -1
- package/src/components/Tabs/examples/Tabs.md +1 -1
- package/src/components/TextArea/examples/TextArea.md +1 -1
- package/src/components/TextInput/examples/TextInput.md +1 -1
- package/src/components/TextInputGroup/TextInputGroup.tsx +5 -1
- package/src/components/TextInputGroup/TextInputGroupIcon.tsx +25 -0
- package/src/components/TextInputGroup/TextInputGroupMain.tsx +6 -2
- package/src/components/TextInputGroup/__tests__/TextInputGroup.test.tsx +26 -4
- package/src/components/TextInputGroup/__tests__/TextInputGroupMain.test.tsx +10 -0
- package/src/components/TextInputGroup/examples/TextInputGroup.md +27 -5
- package/src/components/TextInputGroup/examples/TextInputGroupWithStatus.tsx +66 -0
- package/src/components/TimePicker/examples/TimePicker.md +1 -1
- package/src/components/Timestamp/__tests__/__snapshots__/Timestamp.test.tsx.snap +2 -2
- package/src/components/Timestamp/examples/Timestamp.md +1 -1
- package/src/components/Title/examples/Title.md +1 -1
- package/src/components/ToggleGroup/examples/ToggleGroup.md +2 -2
- package/src/components/Toolbar/ToolbarToggleGroup.tsx +1 -1
- package/src/components/Toolbar/ToolbarUtils.tsx +4 -4
- package/src/components/Toolbar/examples/Toolbar.md +1 -1
- package/src/components/Toolbar/examples/ToolbarStacked.tsx +7 -9
- package/src/components/Tooltip/examples/Tooltip.md +1 -1
- package/src/components/TreeView/examples/TreeView.md +1 -1
- package/src/components/TreeView/examples/TreeViewWithActionItems.tsx +1 -1
- package/src/components/Truncate/examples/Truncate.md +1 -0
- package/src/components/Wizard/examples/Wizard.md +1 -1
- package/src/components/index.ts +0 -1
- package/src/demos/CardDemos.md +2 -2
- package/src/demos/CardView/examples/CardView.tsx +11 -13
- package/src/demos/DataList/examples/DataListBasic.tsx +7 -9
- package/src/demos/DataList/examples/DataListExpandableControlInToolbar.tsx +3 -18
- package/src/demos/Filters/examples/FilterAttributeSearch.tsx +9 -11
- package/src/demos/Filters/examples/FilterCheckboxSelect.tsx +9 -11
- package/src/demos/Filters/examples/FilterFaceted.tsx +9 -11
- package/src/demos/Filters/examples/FilterMixedSelectGroup.tsx +9 -11
- package/src/demos/Filters/examples/FilterSameSelectGroup.tsx +9 -11
- package/src/demos/Filters/examples/FilterSearchInput.tsx +9 -11
- package/src/demos/Filters/examples/FilterSingleSelect.tsx +9 -11
- package/src/demos/JumpLinks.md +1 -0
- package/src/demos/ProgressDemo.md +5 -2
- package/src/demos/ProgressStepperDemo.md +4 -1
- package/src/demos/examples/Card/CardNested.tsx +1 -1
- package/src/demos/examples/Card/CardStatus.tsx +3 -3
- package/src/demos/examples/Card/CardTrendDemo1.tsx +1 -1
- package/src/demos/examples/Card/CardTrendDemo2.tsx +1 -1
- package/src/demos/examples/Card/CardUtilizationDemo1.tsx +1 -1
- package/src/demos/examples/Card/CardUtilizationDemo2.tsx +1 -1
- package/src/demos/examples/Card/CardUtilizationDemo3.tsx +1 -1
- package/src/demos/examples/Card/CardUtilizationDemo4.tsx +1 -1
- package/src/demos/examples/Card/CardWithAccordion.tsx +1 -1
- package/src/demos/examples/JumpLinks/JumpLinksWithDrawer.js +3 -20
- package/src/demos/examples/PrimaryDetail/PrimaryDetailCardView.tsx +11 -13
- package/src/deprecated/components/Chip/examples/Chip.md +1 -1
- package/src/deprecated/components/DragDrop/Draggable.tsx +1 -1
- package/src/deprecated/components/Modal/examples/Modal.md +1 -1
- package/src/{demos/TileDemo.md → deprecated/components/Tile/examples/Tile.md} +67 -2
- package/src/{components → deprecated/components}/Tile/examples/TileBasic.tsx +1 -1
- package/src/{components → deprecated/components}/Tile/examples/TileStacked.tsx +1 -1
- package/src/{components → deprecated/components}/Tile/examples/TileStackedWithLargeIcons.tsx +1 -1
- package/src/{components → deprecated/components}/Tile/examples/TileWithExtraContent.tsx +2 -1
- package/src/{components → deprecated/components}/Tile/examples/TileWithIcon.tsx +1 -1
- package/src/{components → deprecated/components}/Tile/examples/TileWithSubtext.tsx +1 -1
- package/src/deprecated/components/Wizard/examples/Wizard.md +1 -1
- package/src/deprecated/components/index.ts +1 -0
- package/src/helpers/constants.ts +11 -11
- package/dist/dynamic/components/Tile/package.json +0 -1
- package/dist/esm/components/Tile/Tile.d.ts.map +0 -1
- package/dist/esm/components/Tile/Tile.js.map +0 -1
- package/dist/esm/components/Tile/index.d.ts.map +0 -1
- package/dist/esm/components/Tile/index.js.map +0 -1
- package/dist/js/components/Tile/Tile.d.ts.map +0 -1
- package/dist/js/components/Tile/Tile.js.map +0 -1
- package/dist/js/components/Tile/index.d.ts.map +0 -1
- package/dist/js/components/Tile/index.js.map +0 -1
- package/dist/styles/assets/images/PF-Masthead-Logo.svg +0 -1
- package/dist/styles/assets/images/background-filter.svg +0 -17
- package/dist/styles/assets/images/g_sizing.png +0 -0
- package/dist/styles/assets/images/img_avatar-dark.svg +0 -22
- package/dist/styles/assets/images/img_avatar.svg +0 -21
- package/dist/styles/assets/images/l_pf-reverse-164x11.png +0 -0
- package/dist/styles/assets/images/l_pf-reverse.svg +0 -1
- package/dist/styles/assets/images/logo-dropbox-old.svg +0 -1
- package/dist/styles/assets/images/logo-dropbox.svg +0 -6
- package/dist/styles/assets/images/logo-facebook.svg +0 -4
- package/dist/styles/assets/images/logo-github.svg +0 -4
- package/dist/styles/assets/images/logo-gitlab.svg +0 -4
- package/dist/styles/assets/images/logo-google.svg +0 -4
- package/dist/styles/assets/images/logo-google2.svg +0 -10
- package/dist/styles/assets/images/logo__pf--reverse--base.png +0 -0
- package/dist/styles/assets/images/logo__pf--reverse--base.svg +0 -40
- package/dist/styles/assets/images/logo__pf--reverse-on-md.svg +0 -40
- package/dist/styles/assets/images/pf-c-brand__logo-base.jpg +0 -0
- package/dist/styles/assets/images/pf-c-brand__logo-on-lg-white.svg +0 -32
- package/dist/styles/assets/images/pf-c-brand__logo-on-lg.svg +0 -32
- package/dist/styles/assets/images/pf-c-brand__logo-on-md-white.svg +0 -42
- package/dist/styles/assets/images/pf-c-brand__logo-on-md.svg +0 -42
- package/dist/styles/assets/images/pf-c-brand__logo-on-sm-white.svg +0 -17
- package/dist/styles/assets/images/pf-c-brand__logo-on-sm.svg +0 -17
- package/dist/styles/assets/images/pf-c-brand__logo-on-xl-white.svg +0 -39
- package/dist/styles/assets/images/pf-c-brand__logo-on-xl.svg +0 -39
- package/dist/styles/assets/images/pf-c-brand__logo.svg +0 -10
- package/dist/styles/assets/images/pf-logo.svg +0 -28
- package/dist/styles/assets/images/pf_logo.svg +0 -37
- package/dist/styles/assets/images/pf_logo_color.svg +0 -22
- package/dist/styles/assets/images/pf_logo_white.svg +0 -37
- package/dist/styles/assets/images/pf_mini_logo_white.svg +0 -1
- package/dist/styles/assets/images/pfbg_1200.jpg +0 -0
- package/dist/styles/assets/images/pfbg_2000.jpg +0 -0
- package/dist/styles/assets/images/pfbg_576.jpg +0 -0
- package/dist/styles/assets/images/pfbg_576@2x.jpg +0 -0
- package/dist/styles/assets/images/pfbg_768.jpg +0 -0
- package/dist/styles/assets/images/pfbg_768@2x.jpg +0 -0
- package/dist/styles/assets/images/pfbg_992.jpg +0 -0
- package/dist/styles/assets/images/pfbg_992@2x.jpg +0 -0
- package/dist/styles/assets/images/status-icon-sprite.svg +0 -38
- package/src/components/Tile/examples/Tile.md +0 -48
- /package/dist/esm/{components → deprecated/components}/Tile/Tile.d.ts +0 -0
- /package/dist/esm/{components → deprecated/components}/Tile/Tile.js +0 -0
- /package/dist/esm/{components → deprecated/components}/Tile/index.d.ts +0 -0
- /package/dist/esm/{components → deprecated/components}/Tile/index.js +0 -0
- /package/dist/js/{components → deprecated/components}/Tile/Tile.d.ts +0 -0
- /package/dist/js/{components → deprecated/components}/Tile/Tile.js +0 -0
- /package/dist/js/{components → deprecated/components}/Tile/index.d.ts +0 -0
- /package/dist/js/{components → deprecated/components}/Tile/index.js +0 -0
- /package/src/{components → deprecated/components}/Tile/Tile.tsx +0 -0
- /package/src/{components → deprecated/components}/Tile/__tests__/Tile.test.tsx +0 -0
- /package/src/{components → deprecated/components}/Tile/__tests__/__snapshots__/Tile.test.tsx.snap +0 -0
- /package/src/{components → deprecated/components}/Tile/examples/Tile.css +0 -0
- /package/src/{components → deprecated/components}/Tile/index.ts +0 -0
|
@@ -808,7 +808,7 @@
|
|
|
808
808
|
vertical-align: -0.125em;
|
|
809
809
|
}
|
|
810
810
|
|
|
811
|
-
:
|
|
811
|
+
:root {
|
|
812
812
|
--pf-v6-global--inverse--multiplier: 1;
|
|
813
813
|
--pf-t--color--black: #000000;
|
|
814
814
|
--pf-t--color--blue--10: #e0f0ff;
|
|
@@ -890,26 +890,33 @@
|
|
|
890
890
|
--pf-t--global--border--width--100: 1px;
|
|
891
891
|
--pf-t--global--border--width--200: 2px;
|
|
892
892
|
--pf-t--global--border--width--300: 3px;
|
|
893
|
-
--pf-t--global--box-shadow--X--100: -
|
|
893
|
+
--pf-t--global--box-shadow--X--100: -10px;
|
|
894
894
|
--pf-t--global--box-shadow--X--200: -4px;
|
|
895
895
|
--pf-t--global--box-shadow--X--300: -1px;
|
|
896
896
|
--pf-t--global--box-shadow--X--400: 0px;
|
|
897
|
+
--pf-t--global--box-shadow--X--50: -20px;
|
|
897
898
|
--pf-t--global--box-shadow--X--500: 1px;
|
|
898
899
|
--pf-t--global--box-shadow--X--600: 4px;
|
|
899
|
-
--pf-t--global--box-shadow--X--700:
|
|
900
|
-
--pf-t--global--box-shadow--
|
|
900
|
+
--pf-t--global--box-shadow--X--700: 10px;
|
|
901
|
+
--pf-t--global--box-shadow--X--800: 20px;
|
|
902
|
+
--pf-t--global--box-shadow--Y--100: -10px;
|
|
901
903
|
--pf-t--global--box-shadow--Y--200: -4px;
|
|
902
904
|
--pf-t--global--box-shadow--Y--300: -1px;
|
|
903
905
|
--pf-t--global--box-shadow--Y--400: 0px;
|
|
906
|
+
--pf-t--global--box-shadow--Y--50: -20px;
|
|
904
907
|
--pf-t--global--box-shadow--Y--500: 1px;
|
|
905
908
|
--pf-t--global--box-shadow--Y--600: 4px;
|
|
906
|
-
--pf-t--global--box-shadow--Y--700:
|
|
909
|
+
--pf-t--global--box-shadow--Y--700: 10px;
|
|
910
|
+
--pf-t--global--box-shadow--Y--800: 20px;
|
|
907
911
|
--pf-t--global--box-shadow--blur--100: 4px;
|
|
908
|
-
--pf-t--global--box-shadow--blur--200:
|
|
909
|
-
--pf-t--global--box-shadow--blur--300:
|
|
910
|
-
--pf-t--global--box-shadow--color--100: rgba(
|
|
911
|
-
--pf-t--global--box-shadow--color--200: rgba(
|
|
912
|
+
--pf-t--global--box-shadow--blur--200: 9px;
|
|
913
|
+
--pf-t--global--box-shadow--blur--300: 20px;
|
|
914
|
+
--pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
|
|
915
|
+
--pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
|
|
912
916
|
--pf-t--global--box-shadow--spread--100: 0px;
|
|
917
|
+
--pf-t--global--box-shadow--spread--200: -4px;
|
|
918
|
+
--pf-t--global--box-shadow--spread--300: -8px;
|
|
919
|
+
--pf-t--global--box-shadow--spread--400: -20px;
|
|
913
920
|
--pf-t--global--breakpoint--100: 0rem;
|
|
914
921
|
--pf-t--global--breakpoint--200: 36rem;
|
|
915
922
|
--pf-t--global--breakpoint--250: 40rem;
|
|
@@ -940,17 +947,17 @@
|
|
|
940
947
|
--pf-t--global--font--size--300: 1rem;
|
|
941
948
|
--pf-t--global--font--size--400: 1.125rem;
|
|
942
949
|
--pf-t--global--font--size--500: 1.25rem;
|
|
943
|
-
--pf-t--global--font--size--600: 1.
|
|
950
|
+
--pf-t--global--font--size--600: 1.5rem;
|
|
944
951
|
--pf-t--global--font--size--700: 1.75rem;
|
|
945
952
|
--pf-t--global--font--size--800: 2.25rem;
|
|
946
953
|
--pf-t--global--font--weight--100: 400;
|
|
947
954
|
--pf-t--global--font--weight--200: 500;
|
|
948
|
-
--pf-t--global--font--weight--300:
|
|
955
|
+
--pf-t--global--font--weight--300: 500;
|
|
949
956
|
--pf-t--global--font--weight--400: 700;
|
|
950
957
|
--pf-t--global--icon--size--100: 0.75rem;
|
|
951
958
|
--pf-t--global--icon--size--200: 0.875rem;
|
|
952
959
|
--pf-t--global--icon--size--250: 1rem;
|
|
953
|
-
--pf-t--global--icon--size--300: 1.
|
|
960
|
+
--pf-t--global--icon--size--300: 1.5rem;
|
|
954
961
|
--pf-t--global--icon--size--400: 3.5rem;
|
|
955
962
|
--pf-t--global--icon--size--500: 6rem;
|
|
956
963
|
--pf-t--global--spacer--100: 0.25rem;
|
|
@@ -978,14 +985,17 @@
|
|
|
978
985
|
--pf-t--global--background--color--200: var(--pf-t--color--gray--10);
|
|
979
986
|
--pf-t--global--background--color--300: var(--pf-t--color--gray--20);
|
|
980
987
|
--pf-t--global--background--color--400: var(--pf-t--color--gray--80);
|
|
988
|
+
--pf-t--global--background--color--450: var(--pf-t--color--gray--70);
|
|
981
989
|
--pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--600);
|
|
982
990
|
--pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--600);
|
|
983
991
|
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
|
|
984
992
|
--pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
|
|
985
993
|
--pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
|
|
994
|
+
--pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
|
|
986
995
|
--pf-t--global--border--color--100: var(--pf-t--color--gray--30);
|
|
987
996
|
--pf-t--global--border--color--200: var(--pf-t--color--gray--40);
|
|
988
997
|
--pf-t--global--border--color--300: var(--pf-t--color--gray--50);
|
|
998
|
+
--pf-t--global--border--color--50: var(--pf-t--color--gray--20);
|
|
989
999
|
--pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
|
|
990
1000
|
--pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
|
|
991
1001
|
--pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
|
|
@@ -1011,43 +1021,49 @@
|
|
|
1011
1021
|
--pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
|
|
1012
1022
|
--pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
|
|
1013
1023
|
--pf-t--global--box-shadow--X--lg--default: var(--pf-t--global--box-shadow--X--400);
|
|
1014
|
-
--pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--
|
|
1015
|
-
--pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--
|
|
1024
|
+
--pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--50);
|
|
1025
|
+
--pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--800);
|
|
1016
1026
|
--pf-t--global--box-shadow--X--lg--top: var(--pf-t--global--box-shadow--X--400);
|
|
1017
1027
|
--pf-t--global--box-shadow--X--md--bottom: var(--pf-t--global--box-shadow--X--400);
|
|
1018
1028
|
--pf-t--global--box-shadow--X--md--default: var(--pf-t--global--box-shadow--X--400);
|
|
1019
|
-
--pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--
|
|
1020
|
-
--pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--
|
|
1029
|
+
--pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--100);
|
|
1030
|
+
--pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--700);
|
|
1021
1031
|
--pf-t--global--box-shadow--X--md--top: var(--pf-t--global--box-shadow--X--400);
|
|
1022
1032
|
--pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
|
|
1023
1033
|
--pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
|
|
1024
|
-
--pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--
|
|
1025
|
-
--pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--
|
|
1034
|
+
--pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--200);
|
|
1035
|
+
--pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--600);
|
|
1026
1036
|
--pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
|
|
1027
|
-
--pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--
|
|
1037
|
+
--pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--800);
|
|
1028
1038
|
--pf-t--global--box-shadow--Y--lg--default: var(--pf-t--global--box-shadow--Y--700);
|
|
1029
1039
|
--pf-t--global--box-shadow--Y--lg--left: var(--pf-t--global--box-shadow--Y--400);
|
|
1030
1040
|
--pf-t--global--box-shadow--Y--lg--right: var(--pf-t--global--box-shadow--Y--400);
|
|
1031
|
-
--pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--
|
|
1032
|
-
--pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--
|
|
1041
|
+
--pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--50);
|
|
1042
|
+
--pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--700);
|
|
1033
1043
|
--pf-t--global--box-shadow--Y--md--default: var(--pf-t--global--box-shadow--Y--600);
|
|
1034
1044
|
--pf-t--global--box-shadow--Y--md--left: var(--pf-t--global--box-shadow--Y--400);
|
|
1035
1045
|
--pf-t--global--box-shadow--Y--md--right: var(--pf-t--global--box-shadow--Y--400);
|
|
1036
|
-
--pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--
|
|
1037
|
-
--pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--
|
|
1046
|
+
--pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--100);
|
|
1047
|
+
--pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--600);
|
|
1038
1048
|
--pf-t--global--box-shadow--Y--sm--default: var(--pf-t--global--box-shadow--Y--500);
|
|
1039
1049
|
--pf-t--global--box-shadow--Y--sm--left: var(--pf-t--global--box-shadow--Y--400);
|
|
1040
1050
|
--pf-t--global--box-shadow--Y--sm--right: var(--pf-t--global--box-shadow--Y--400);
|
|
1041
|
-
--pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--
|
|
1051
|
+
--pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--200);
|
|
1042
1052
|
--pf-t--global--box-shadow--blur--lg: var(--pf-t--global--box-shadow--blur--300);
|
|
1043
1053
|
--pf-t--global--box-shadow--blur--md: var(--pf-t--global--box-shadow--blur--200);
|
|
1044
1054
|
--pf-t--global--box-shadow--blur--sm: var(--pf-t--global--box-shadow--blur--100);
|
|
1045
|
-
--pf-t--global--box-shadow--color--lg: var(--pf-t--global--box-shadow--color--
|
|
1046
|
-
--pf-t--global--box-shadow--color--
|
|
1047
|
-
--pf-t--global--box-shadow--color--
|
|
1048
|
-
--pf-t--global--box-shadow--
|
|
1049
|
-
--pf-t--global--box-shadow--
|
|
1050
|
-
--pf-t--global--box-shadow--
|
|
1055
|
+
--pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--box-shadow--color--100);
|
|
1056
|
+
--pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--box-shadow--color--200);
|
|
1057
|
+
--pf-t--global--box-shadow--color--md--default: var(--pf-t--global--box-shadow--color--100);
|
|
1058
|
+
--pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--box-shadow--color--100);
|
|
1059
|
+
--pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--box-shadow--color--100);
|
|
1060
|
+
--pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--box-shadow--color--200);
|
|
1061
|
+
--pf-t--global--box-shadow--spread--lg--default: var(--pf-t--global--box-shadow--spread--100);
|
|
1062
|
+
--pf-t--global--box-shadow--spread--lg--directional: var(--pf-t--global--box-shadow--spread--400);
|
|
1063
|
+
--pf-t--global--box-shadow--spread--md--default: var(--pf-t--global--box-shadow--spread--100);
|
|
1064
|
+
--pf-t--global--box-shadow--spread--md--directional: var(--pf-t--global--box-shadow--spread--300);
|
|
1065
|
+
--pf-t--global--box-shadow--spread--sm--default: var(--pf-t--global--box-shadow--spread--100);
|
|
1066
|
+
--pf-t--global--box-shadow--spread--sm--directional: var(--pf-t--global--box-shadow--spread--200);
|
|
1051
1067
|
--pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
|
|
1052
1068
|
--pf-t--global--breakpoint--height--2xl: var(--pf-t--global--breakpoint--550);
|
|
1053
1069
|
--pf-t--global--breakpoint--height--lg: var(--pf-t--global--breakpoint--300);
|
|
@@ -1187,13 +1203,16 @@
|
|
|
1187
1203
|
--pf-t--global--z-index--xs: var(--pf-t--global--z-index--100);
|
|
1188
1204
|
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--100);
|
|
1189
1205
|
--pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--100);
|
|
1206
|
+
--pf-t--global--background--color--control--read-only: var(--pf-t--global--background--color--200);
|
|
1190
1207
|
--pf-t--global--background--color--disabled--default: var(--pf-t--global--color--disabled--100);
|
|
1191
1208
|
--pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--200);
|
|
1192
1209
|
--pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100);
|
|
1193
1210
|
--pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
|
|
1194
1211
|
--pf-t--global--background--color--highlight--clicked: var(--pf-t--global--background--color--highlight--200);
|
|
1195
1212
|
--pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
|
|
1213
|
+
--pf-t--global--background--color--inverse--clicked: var(--pf-t--global--background--color--450);
|
|
1196
1214
|
--pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
|
|
1215
|
+
--pf-t--global--background--color--inverse--hover: var(--pf-t--global--background--color--450);
|
|
1197
1216
|
--pf-t--global--background--color--primary--clicked: var(--pf-t--global--background--color--200);
|
|
1198
1217
|
--pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
|
|
1199
1218
|
--pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
|
|
@@ -1201,6 +1220,7 @@
|
|
|
1201
1220
|
--pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
|
|
1202
1221
|
--pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
|
|
1203
1222
|
--pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
|
|
1223
|
+
--pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--50);
|
|
1204
1224
|
--pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
|
|
1205
1225
|
--pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
|
|
1206
1226
|
--pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
|
|
@@ -1344,8 +1364,11 @@
|
|
|
1344
1364
|
--pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
|
|
1345
1365
|
--pf-t--global--spacer--gap--group--horizontal: var(--pf-t--global--spacer--md);
|
|
1346
1366
|
--pf-t--global--spacer--gap--group--vertical: var(--pf-t--global--spacer--sm);
|
|
1347
|
-
--pf-t--global--spacer--gap--group-to-group--horizontal: var(--pf-t--global--spacer--
|
|
1348
|
-
--pf-t--global--spacer--gap--group-to-group--
|
|
1367
|
+
--pf-t--global--spacer--gap--group-to-group--horizontal--compact: var(--pf-t--global--spacer--sm);
|
|
1368
|
+
--pf-t--global--spacer--gap--group-to-group--horizontal--default: var(--pf-t--global--spacer--2xl);
|
|
1369
|
+
--pf-t--global--spacer--gap--group-to-group--vertical--compact: var(--pf-t--global--spacer--md);
|
|
1370
|
+
--pf-t--global--spacer--gap--group-to-group--vertical--default: var(--pf-t--global--spacer--lg);
|
|
1371
|
+
--pf-t--global--spacer--gap--text-to-element--compact: var(--pf-t--global--spacer--xs);
|
|
1349
1372
|
--pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
|
|
1350
1373
|
--pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md);
|
|
1351
1374
|
--pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg);
|
|
@@ -1550,104 +1573,108 @@
|
|
|
1550
1573
|
--pf-t--global--box-shadow--sm: var(--pf-t--global--box-shadow--X--sm--default)
|
|
1551
1574
|
var(--pf-t--global--box-shadow--Y--sm--default)
|
|
1552
1575
|
var(--pf-t--global--box-shadow--blur--sm)
|
|
1553
|
-
var(--pf-t--global--box-shadow--spread--sm)
|
|
1554
|
-
var(--pf-t--global--box-shadow--color--sm);
|
|
1576
|
+
var(--pf-t--global--box-shadow--spread--sm--default)
|
|
1577
|
+
var(--pf-t--global--box-shadow--color--sm--default);
|
|
1555
1578
|
--pf-t--global--box-shadow--sm--top: var(--pf-t--global--box-shadow--X--sm--top)
|
|
1556
1579
|
var(--pf-t--global--box-shadow--Y--sm--top)
|
|
1557
1580
|
var(--pf-t--global--box-shadow--blur--sm)
|
|
1558
|
-
var(--pf-t--global--box-shadow--spread--sm)
|
|
1559
|
-
var(--pf-t--global--box-shadow--color--sm);
|
|
1581
|
+
var(--pf-t--global--box-shadow--spread--sm--directional)
|
|
1582
|
+
var(--pf-t--global--box-shadow--color--sm--directional);
|
|
1560
1583
|
--pf-t--global--box-shadow--sm--bottom: var(--pf-t--global--box-shadow--X--sm--bottom)
|
|
1561
1584
|
var(--pf-t--global--box-shadow--Y--sm--bottom)
|
|
1562
1585
|
var(--pf-t--global--box-shadow--blur--sm)
|
|
1563
|
-
var(--pf-t--global--box-shadow--spread--sm)
|
|
1564
|
-
var(--pf-t--global--box-shadow--color--sm);
|
|
1586
|
+
var(--pf-t--global--box-shadow--spread--sm--directional)
|
|
1587
|
+
var(--pf-t--global--box-shadow--color--sm--directional);
|
|
1565
1588
|
--pf-t--global--box-shadow--sm--left: var(--pf-t--global--box-shadow--X--sm--left)
|
|
1566
1589
|
var(--pf-t--global--box-shadow--Y--sm--left)
|
|
1567
1590
|
var(--pf-t--global--box-shadow--blur--sm)
|
|
1568
|
-
var(--pf-t--global--box-shadow--spread--sm)
|
|
1569
|
-
var(--pf-t--global--box-shadow--color--sm);
|
|
1591
|
+
var(--pf-t--global--box-shadow--spread--sm--directional)
|
|
1592
|
+
var(--pf-t--global--box-shadow--color--sm--directional);
|
|
1570
1593
|
--pf-t--global--box-shadow--sm--right: var(--pf-t--global--box-shadow--X--sm--right)
|
|
1571
1594
|
var(--pf-t--global--box-shadow--Y--sm--right)
|
|
1572
1595
|
var(--pf-t--global--box-shadow--blur--sm)
|
|
1573
|
-
var(--pf-t--global--box-shadow--spread--sm)
|
|
1574
|
-
var(--pf-t--global--box-shadow--color--sm);
|
|
1596
|
+
var(--pf-t--global--box-shadow--spread--sm--directional)
|
|
1597
|
+
var(--pf-t--global--box-shadow--color--sm--directional);
|
|
1575
1598
|
--pf-t--global--box-shadow--md: var(--pf-t--global--box-shadow--X--md--default)
|
|
1576
1599
|
var(--pf-t--global--box-shadow--Y--md--default)
|
|
1577
1600
|
var(--pf-t--global--box-shadow--blur--md)
|
|
1578
|
-
var(--pf-t--global--box-shadow--spread--md)
|
|
1579
|
-
var(--pf-t--global--box-shadow--color--md);
|
|
1601
|
+
var(--pf-t--global--box-shadow--spread--md--default)
|
|
1602
|
+
var(--pf-t--global--box-shadow--color--md--default);
|
|
1580
1603
|
--pf-t--global--box-shadow--md--top: var(--pf-t--global--box-shadow--X--md--top)
|
|
1581
1604
|
var(--pf-t--global--box-shadow--Y--md--top)
|
|
1582
1605
|
var(--pf-t--global--box-shadow--blur--md)
|
|
1583
|
-
var(--pf-t--global--box-shadow--spread--md)
|
|
1584
|
-
var(--pf-t--global--box-shadow--color--md);
|
|
1606
|
+
var(--pf-t--global--box-shadow--spread--md--directional)
|
|
1607
|
+
var(--pf-t--global--box-shadow--color--md--directional);
|
|
1585
1608
|
--pf-t--global--box-shadow--md--bottom: var(--pf-t--global--box-shadow--X--md--bottom)
|
|
1586
1609
|
var(--pf-t--global--box-shadow--Y--md--bottom)
|
|
1587
1610
|
var(--pf-t--global--box-shadow--blur--md)
|
|
1588
|
-
var(--pf-t--global--box-shadow--spread--md)
|
|
1589
|
-
var(--pf-t--global--box-shadow--color--md);
|
|
1611
|
+
var(--pf-t--global--box-shadow--spread--md--directional)
|
|
1612
|
+
var(--pf-t--global--box-shadow--color--md--directional);
|
|
1590
1613
|
--pf-t--global--box-shadow--md--left: var(--pf-t--global--box-shadow--X--md--left)
|
|
1591
1614
|
var(--pf-t--global--box-shadow--Y--md--left)
|
|
1592
1615
|
var(--pf-t--global--box-shadow--blur--md)
|
|
1593
|
-
var(--pf-t--global--box-shadow--spread--md)
|
|
1594
|
-
var(--pf-t--global--box-shadow--color--md);
|
|
1616
|
+
var(--pf-t--global--box-shadow--spread--md--directional)
|
|
1617
|
+
var(--pf-t--global--box-shadow--color--md--directional);
|
|
1595
1618
|
--pf-t--global--box-shadow--md--right: var(--pf-t--global--box-shadow--X--md--right)
|
|
1596
1619
|
var(--pf-t--global--box-shadow--Y--md--right)
|
|
1597
1620
|
var(--pf-t--global--box-shadow--blur--md)
|
|
1598
|
-
var(--pf-t--global--box-shadow--spread--md)
|
|
1599
|
-
var(--pf-t--global--box-shadow--color--md);
|
|
1621
|
+
var(--pf-t--global--box-shadow--spread--md--directional)
|
|
1622
|
+
var(--pf-t--global--box-shadow--color--md--directional);
|
|
1600
1623
|
--pf-t--global--box-shadow--lg: var(--pf-t--global--box-shadow--X--lg--default)
|
|
1601
1624
|
var(--pf-t--global--box-shadow--Y--lg--default)
|
|
1602
1625
|
var(--pf-t--global--box-shadow--blur--lg)
|
|
1603
|
-
var(--pf-t--global--box-shadow--spread--lg)
|
|
1604
|
-
var(--pf-t--global--box-shadow--color--lg);
|
|
1626
|
+
var(--pf-t--global--box-shadow--spread--lg--default)
|
|
1627
|
+
var(--pf-t--global--box-shadow--color--lg--default);
|
|
1605
1628
|
--pf-t--global--box-shadow--lg--top: var(--pf-t--global--box-shadow--X--lg--top)
|
|
1606
1629
|
var(--pf-t--global--box-shadow--Y--lg--top)
|
|
1607
1630
|
var(--pf-t--global--box-shadow--blur--lg)
|
|
1608
|
-
var(--pf-t--global--box-shadow--spread--lg)
|
|
1609
|
-
var(--pf-t--global--box-shadow--color--lg);
|
|
1631
|
+
var(--pf-t--global--box-shadow--spread--lg--directional)
|
|
1632
|
+
var(--pf-t--global--box-shadow--color--lg--directional);
|
|
1610
1633
|
--pf-t--global--box-shadow--lg--bottom: var(--pf-t--global--box-shadow--X--lg--bottom)
|
|
1611
1634
|
var(--pf-t--global--box-shadow--Y--lg--bottom)
|
|
1612
1635
|
var(--pf-t--global--box-shadow--blur--lg)
|
|
1613
|
-
var(--pf-t--global--box-shadow--spread--lg)
|
|
1614
|
-
var(--pf-t--global--box-shadow--color--lg);
|
|
1636
|
+
var(--pf-t--global--box-shadow--spread--lg--directional)
|
|
1637
|
+
var(--pf-t--global--box-shadow--color--lg--directional);
|
|
1615
1638
|
--pf-t--global--box-shadow--lg--left: var(--pf-t--global--box-shadow--X--lg--left)
|
|
1616
1639
|
var(--pf-t--global--box-shadow--Y--lg--left)
|
|
1617
1640
|
var(--pf-t--global--box-shadow--blur--lg)
|
|
1618
|
-
var(--pf-t--global--box-shadow--spread--lg)
|
|
1619
|
-
var(--pf-t--global--box-shadow--color--lg);
|
|
1641
|
+
var(--pf-t--global--box-shadow--spread--lg--directional)
|
|
1642
|
+
var(--pf-t--global--box-shadow--color--lg--directional);
|
|
1620
1643
|
--pf-t--global--box-shadow--lg--right: var(--pf-t--global--box-shadow--X--lg--right)
|
|
1621
1644
|
var(--pf-t--global--box-shadow--Y--lg--right)
|
|
1622
1645
|
var(--pf-t--global--box-shadow--blur--lg)
|
|
1623
|
-
var(--pf-t--global--box-shadow--spread--lg)
|
|
1624
|
-
var(--pf-t--global--box-shadow--color--lg);
|
|
1625
|
-
--pf-t--global--transition: all 250ms cubic-bezier(.42, 0, .58, 1);
|
|
1626
|
-
--pf-t--global--transition--timing-function: cubic-bezier(.645, .045, .355, 1);
|
|
1627
|
-
--pf-t--global--transition--duration: 250ms;
|
|
1646
|
+
var(--pf-t--global--box-shadow--spread--lg--directional)
|
|
1647
|
+
var(--pf-t--global--box-shadow--color--lg--directional);
|
|
1628
1648
|
--pf-t--global--list-style: disc outside;
|
|
1629
1649
|
--pf-t--temp--dev--tbd: #BC11E0;
|
|
1630
1650
|
}
|
|
1631
1651
|
|
|
1632
|
-
:where(.pf-v6-theme-dark) {
|
|
1652
|
+
:root:where(.pf-v6-theme-dark) {
|
|
1633
1653
|
--pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
|
|
1634
1654
|
--pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
|
|
1635
1655
|
--pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
|
|
1636
1656
|
--pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
|
|
1657
|
+
--pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
|
|
1637
1658
|
--pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
|
|
1638
1659
|
--pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
|
|
1639
1660
|
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
|
|
1640
|
-
--pf-t--global--
|
|
1641
|
-
--pf-t--global--box-shadow--color--
|
|
1642
|
-
--pf-t--global--box-shadow--color--
|
|
1661
|
+
--pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
|
|
1662
|
+
--pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
|
|
1663
|
+
--pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
|
|
1664
|
+
--pf-t--global--box-shadow--color--md--default: var(--pf-t--global--dark--box-shadow--color--100);
|
|
1665
|
+
--pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200);
|
|
1666
|
+
--pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--dark--box-shadow--color--100);
|
|
1667
|
+
--pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--dark--box-shadow--color--200);
|
|
1643
1668
|
--pf-t--global--dark--background--color--100: var(--pf-t--color--gray--95);
|
|
1644
1669
|
--pf-t--global--dark--background--color--200: var(--pf-t--color--gray--80);
|
|
1645
1670
|
--pf-t--global--dark--background--color--300: var(--pf-t--color--gray--70);
|
|
1646
1671
|
--pf-t--global--dark--background--color--400: var(--pf-t--color--gray--10);
|
|
1672
|
+
--pf-t--global--dark--background--color--450: var(--pf-t--color--gray--20);
|
|
1647
1673
|
--pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20);
|
|
1648
1674
|
--pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
|
|
1649
1675
|
--pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
|
|
1650
1676
|
--pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
|
|
1677
|
+
--pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
|
|
1651
1678
|
--pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
|
|
1652
1679
|
--pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
|
|
1653
1680
|
--pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
|
|
@@ -1714,13 +1741,16 @@
|
|
|
1714
1741
|
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--dark--background--color--200);
|
|
1715
1742
|
--pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--dark--background--color--200);
|
|
1716
1743
|
--pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--300);
|
|
1744
|
+
--pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--300);
|
|
1717
1745
|
--pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--100);
|
|
1718
1746
|
--pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--200);
|
|
1719
1747
|
--pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--300);
|
|
1720
1748
|
--pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--200);
|
|
1721
1749
|
--pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200);
|
|
1722
1750
|
--pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
|
|
1751
|
+
--pf-t--global--background--color--inverse--clicked: var(--pf-t--global--dark--background--color--450);
|
|
1723
1752
|
--pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
|
|
1753
|
+
--pf-t--global--background--color--inverse--hover: var(--pf-t--global--dark--background--color--450);
|
|
1724
1754
|
--pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--300);
|
|
1725
1755
|
--pf-t--global--background--color--primary--default: var(--pf-t--global--dark--background--color--200);
|
|
1726
1756
|
--pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--300);
|
|
@@ -1728,6 +1758,7 @@
|
|
|
1728
1758
|
--pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
|
|
1729
1759
|
--pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
|
|
1730
1760
|
--pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
|
|
1761
|
+
--pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
|
|
1731
1762
|
--pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--200);
|
|
1732
1763
|
--pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--200);
|
|
1733
1764
|
--pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
|