@patternfly/react-core 6.5.0-prerelease.31 → 6.5.0-prerelease.33
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 +12 -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/Compass/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/Hero/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 -1
- package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/package.json +1 -1
- package/dist/dynamic/helpers/AnimationsProvider/AnimationsProvider/package.json +1 -1
- package/dist/dynamic/helpers/AnimationsProvider/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/styles/base-no-reset.css +357 -55
- package/dist/styles/base.css +357 -55
- package/dist/umd/assets/{output-D7aVMH-H.css → output-BAxRJ0zl.css} +16852 -16850
- package/dist/umd/react-core.min.js +3 -3
- package/helpers/package.json +1 -1
- package/layouts/package.json +1 -1
- package/next/package.json +1 -1
- package/package.json +6 -6
- package/src/components/AboutModal/__tests__/__snapshots__/AboutModalBoxCloseButton.test.tsx.snap +48 -12
- package/src/components/Alert/__tests__/Generated/__snapshots__/AlertActionCloseButton.test.tsx.snap +16 -4
- package/src/components/Alert/__tests__/Generated/__snapshots__/AlertIcon.test.tsx.snap +16 -4
- package/src/components/Alert/__tests__/__snapshots__/AlertActionCloseButton.test.tsx.snap +16 -4
- package/src/components/Alert/examples/AlertAsyncLiveRegion.tsx +1 -7
- package/src/components/BackToTop/__tests__/__snapshots__/BackToTop.test.tsx.snap +16 -4
- package/src/components/Breadcrumb/__tests__/__snapshots__/Breadcrumb.test.tsx.snap +16 -4
- package/src/components/Card/__tests__/__snapshots__/CardHeader.test.tsx.snap +16 -4
- package/src/components/ClipboardCopy/__tests__/__snapshots__/ClipboardCopyButton.test.tsx.snap +16 -4
- package/src/components/ClipboardCopy/__tests__/__snapshots__/ClipboardCopyToggle.test.tsx.snap +16 -4
- package/src/components/DataList/__tests__/Generated/__snapshots__/DataListToggle.test.tsx.snap +16 -4
- package/src/components/DataList/__tests__/__snapshots__/DataListToggle.test.tsx.snap +16 -4
- package/src/components/DatePicker/__tests__/__snapshots__/DatePicker.test.tsx.snap +80 -20
- package/src/components/Drawer/__tests__/__snapshots__/Drawer.test.tsx.snap +96 -24
- package/src/components/DualListSelector/__tests__/__snapshots__/DualListSelector.test.tsx.snap +16 -4
- package/src/components/EmptyState/__tests__/Generated/__snapshots__/EmptyStateIcon.test.tsx.snap +16 -4
- package/src/components/ExpandableSection/__tests__/__snapshots__/ExpandableSection.test.tsx.snap +80 -20
- package/src/components/Form/__tests__/__snapshots__/FormFieldGroup.test.tsx.snap +16 -4
- package/src/components/FormSelect/__tests__/__snapshots__/FormSelect.test.tsx.snap +192 -48
- package/src/components/Icon/__tests__/__snapshots__/Icon.test.tsx.snap +48 -12
- package/src/components/JumpLinks/__tests__/__snapshots__/JumpLinks.test.tsx.snap +16 -4
- package/src/components/Label/__tests__/__snapshots__/Label.test.tsx.snap +48 -12
- package/src/components/Label/__tests__/__snapshots__/LabelGroup.test.tsx.snap +16 -4
- package/src/components/LoginPage/__tests__/__snapshots__/LoginForm.test.tsx.snap +16 -4
- package/src/components/MenuToggle/__tests__/__snapshots__/MenuToggle.test.tsx.snap +160 -40
- package/src/components/Modal/__tests__/__snapshots__/ModalBoxTitle.test.tsx.snap +80 -20
- package/src/components/Modal/__tests__/__snapshots__/ModalContent.test.tsx.snap +16 -4
- package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadStatus.test.tsx.snap +80 -20
- package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadStatusItem.test.tsx.snap +224 -56
- package/src/components/Nav/__tests__/Generated/__snapshots__/NavExpandable.test.tsx.snap +16 -4
- package/src/components/Nav/__tests__/__snapshots__/Nav.test.tsx.snap +64 -16
- package/src/components/NotificationBadge/__tests__/__snapshots__/NotificationBadge.test.tsx.snap +48 -12
- package/src/components/NotificationDrawer/__tests__/__snapshots__/NotificationDrawerGroup.test.tsx.snap +64 -16
- package/src/components/NotificationDrawer/__tests__/__snapshots__/NotificationDrawerListItemHeader.test.tsx.snap +80 -20
- package/src/components/NumberInput/__tests__/__snapshots__/NumberInput.test.tsx.snap +464 -116
- package/src/components/Page/__tests__/__snapshots__/Page.test.tsx.snap +432 -108
- package/src/components/Pagination/__tests__/Generated/__snapshots__/PaginationNavigation.test.tsx.snap +64 -16
- package/src/components/Pagination/__tests__/Generated/__snapshots__/PaginationOptionsMenu.test.tsx.snap +16 -4
- package/src/components/Pagination/__tests__/__snapshots__/Pagination.test.tsx.snap +1664 -416
- package/src/components/Popover/__tests__/Generated/__snapshots__/PopoverCloseButton.test.tsx.snap +16 -4
- package/src/components/Progress/__tests__/Generated/__snapshots__/ProgressContainer.test.tsx.snap +16 -4
- package/src/components/Progress/__tests__/__snapshots__/Progress.test.tsx.snap +48 -12
- package/src/components/SearchInput/__tests__/__snapshots__/SearchInput.test.tsx.snap +352 -88
- package/src/components/Switch/__tests__/__snapshots__/Switch.test.tsx.snap +64 -16
- package/src/components/Tabs/__tests__/__snapshots__/OverflowTab.test.tsx.snap +32 -8
- package/src/components/Tabs/__tests__/__snapshots__/Tabs.test.tsx.snap +16 -4
- package/src/components/TextInput/__tests__/__snapshots__/TextInput.test.tsx.snap +32 -8
- package/src/components/ToggleGroup/examples/ToggleGroupDefaultSingle.tsx +2 -1
- package/src/components/Toolbar/__tests__/__snapshots__/Toolbar.test.tsx.snap +48 -12
- package/src/components/TreeView/__tests__/__snapshots__/TreeViewListItem.test.tsx.snap +16 -4
- package/src/components/TreeView/__tests__/__snapshots__/TreeViewSearch.test.tsx.snap +16 -4
- package/src/deprecated/components/Chip/__tests__/__snapshots__/Chip.test.tsx.snap +16 -4
- package/src/deprecated/components/DualListSelector/__tests__/__snapshots__/DualListSelector.test.tsx.snap +432 -108
- package/src/deprecated/components/Modal/__tests__/__snapshots__/ModalBoxTitle.test.tsx.snap +80 -20
- package/src/deprecated/components/Modal/__tests__/__snapshots__/ModalContent.test.tsx.snap +128 -32
- package/src/deprecated/components/Tile/__tests__/__snapshots__/Tile.test.tsx.snap +48 -12
- package/src/deprecated/components/Wizard/__tests__/Generated/__snapshots__/WizardToggle.test.tsx.snap +16 -4
- package/src/deprecated/components/Wizard/__tests__/__snapshots__/Wizard.test.tsx.snap +96 -24
|
@@ -115,6 +115,11 @@
|
|
|
115
115
|
}
|
|
116
116
|
}
|
|
117
117
|
|
|
118
|
+
:root {
|
|
119
|
+
container-type: inline-size;
|
|
120
|
+
container-name: pf-v6-contain-viewport pf-v6-contain-table;
|
|
121
|
+
}
|
|
122
|
+
|
|
118
123
|
@property --pf-v6-global--danger-jiggle--TranslateX {
|
|
119
124
|
syntax: "<length>";
|
|
120
125
|
inherits: false;
|
|
@@ -900,6 +905,18 @@
|
|
|
900
905
|
vertical-align: -0.125em;
|
|
901
906
|
}
|
|
902
907
|
|
|
908
|
+
.pf-v6-svg .pf-v6-icon-rh-ui {
|
|
909
|
+
display: none;
|
|
910
|
+
}
|
|
911
|
+
|
|
912
|
+
.pf-v6-icon-set-rh-ui .pf-v6-svg .pf-v6-icon-default {
|
|
913
|
+
display: none;
|
|
914
|
+
}
|
|
915
|
+
|
|
916
|
+
.pf-v6-icon-set-rh-ui .pf-v6-svg .pf-v6-icon-rh-ui {
|
|
917
|
+
display: revert;
|
|
918
|
+
}
|
|
919
|
+
|
|
903
920
|
:root {
|
|
904
921
|
--pf-v6-global--inverse--multiplier: 1;
|
|
905
922
|
--pf-t--color--black: #000000;
|
|
@@ -915,6 +932,7 @@
|
|
|
915
932
|
--pf-t--color--gray--20: #e0e0e0;
|
|
916
933
|
--pf-t--color--gray--30: #c7c7c7;
|
|
917
934
|
--pf-t--color--gray--40: #a3a3a3;
|
|
935
|
+
--pf-t--color--gray--45: #8c8c8c;
|
|
918
936
|
--pf-t--color--gray--50: #707070;
|
|
919
937
|
--pf-t--color--gray--60: #4d4d4d;
|
|
920
938
|
--pf-t--color--gray--70: #383838;
|
|
@@ -945,6 +963,7 @@
|
|
|
945
963
|
--pf-t--color--purple--60: #3d2785;
|
|
946
964
|
--pf-t--color--purple--70: #21134d;
|
|
947
965
|
--pf-t--color--purple--80: #1b0d33;
|
|
966
|
+
--pf-t--color--red--05: #fef0f0;
|
|
948
967
|
--pf-t--color--red--10: #fce3e3;
|
|
949
968
|
--pf-t--color--red--20: #fbc5c5;
|
|
950
969
|
--pf-t--color--red--30: #f9a8a8;
|
|
@@ -978,9 +997,14 @@
|
|
|
978
997
|
--pf-t--color--yellow--60: #96640f;
|
|
979
998
|
--pf-t--color--yellow--70: #73480b;
|
|
980
999
|
--pf-t--color--yellow--80: #54330b;
|
|
981
|
-
--pf-t--global--background--color--500: rgba(21, 21, 21, 0.
|
|
1000
|
+
--pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000);
|
|
982
1001
|
--pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
|
|
1002
|
+
--pf-t--global--background--color--700: rgba(199, 199, 199, 0.1000);
|
|
983
1003
|
--pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
|
|
1004
|
+
--pf-t--global--background--filter--glass--blur--floating: blur(0px);
|
|
1005
|
+
--pf-t--global--background--filter--glass--blur--primary: blur(0px);
|
|
1006
|
+
--pf-t--global--background--opacity--glass--floating: 100%;
|
|
1007
|
+
--pf-t--global--background--opacity--glass--primary: 100%;
|
|
984
1008
|
--pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
|
|
985
1009
|
--pf-t--global--border--radius--0: 0px;
|
|
986
1010
|
--pf-t--global--border--radius--100: 4px;
|
|
@@ -1008,12 +1032,12 @@
|
|
|
1008
1032
|
--pf-t--global--box-shadow--X--700: 10px;
|
|
1009
1033
|
--pf-t--global--box-shadow--X--800: 20px;
|
|
1010
1034
|
--pf-t--global--box-shadow--Y--100: -10px;
|
|
1011
|
-
--pf-t--global--box-shadow--Y--200: -
|
|
1035
|
+
--pf-t--global--box-shadow--Y--200: -2px;
|
|
1012
1036
|
--pf-t--global--box-shadow--Y--300: -1px;
|
|
1013
1037
|
--pf-t--global--box-shadow--Y--400: 0px;
|
|
1014
1038
|
--pf-t--global--box-shadow--Y--50: -20px;
|
|
1015
1039
|
--pf-t--global--box-shadow--Y--500: 1px;
|
|
1016
|
-
--pf-t--global--box-shadow--Y--600:
|
|
1040
|
+
--pf-t--global--box-shadow--Y--600: 2px;
|
|
1017
1041
|
--pf-t--global--box-shadow--Y--700: 10px;
|
|
1018
1042
|
--pf-t--global--box-shadow--Y--800: 20px;
|
|
1019
1043
|
--pf-t--global--box-shadow--blur--100: 4px;
|
|
@@ -1084,6 +1108,7 @@
|
|
|
1084
1108
|
--pf-t--global--spacer--800: 5rem;
|
|
1085
1109
|
--pf-t--global--text-decoration--line--100: none;
|
|
1086
1110
|
--pf-t--global--text-decoration--line--200: underline;
|
|
1111
|
+
--pf-t--global--text-decoration--offset--hover: 5;
|
|
1087
1112
|
--pf-t--global--text-decoration--style--100: solid;
|
|
1088
1113
|
--pf-t--global--text-decoration--style--200: dashed;
|
|
1089
1114
|
--pf-t--global--timing-function--100: cubic-bezier(.4, 0, .7, .2);
|
|
@@ -1105,12 +1130,14 @@
|
|
|
1105
1130
|
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
|
|
1106
1131
|
--pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
|
|
1107
1132
|
--pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
|
|
1133
|
+
--pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--background--color--600);
|
|
1134
|
+
--pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--background--color--700);
|
|
1108
1135
|
--pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
|
|
1109
1136
|
--pf-t--global--border--color--100: var(--pf-t--color--gray--30);
|
|
1110
1137
|
--pf-t--global--border--color--200: var(--pf-t--color--gray--40);
|
|
1111
|
-
--pf-t--global--border--color--300: var(--pf-t--color--gray--
|
|
1138
|
+
--pf-t--global--border--color--300: var(--pf-t--color--gray--45);
|
|
1112
1139
|
--pf-t--global--border--color--400: var(--pf-t--color--gray--60);
|
|
1113
|
-
--pf-t--global--border--color--50: var(--pf-t--color--gray--
|
|
1140
|
+
--pf-t--global--border--color--50: var(--pf-t--color--gray--10);
|
|
1114
1141
|
--pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
|
|
1115
1142
|
--pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
|
|
1116
1143
|
--pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
|
|
@@ -1120,9 +1147,9 @@
|
|
|
1120
1147
|
--pf-t--global--border--width--action--clicked: var(--pf-t--global--border--width--200);
|
|
1121
1148
|
--pf-t--global--border--width--action--default: var(--pf-t--global--border--width--100);
|
|
1122
1149
|
--pf-t--global--border--width--action--hover: var(--pf-t--global--border--width--200);
|
|
1123
|
-
--pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--
|
|
1150
|
+
--pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--300);
|
|
1124
1151
|
--pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
|
|
1125
|
-
--pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--
|
|
1152
|
+
--pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--200);
|
|
1126
1153
|
--pf-t--global--border--width--box--status--default: var(--pf-t--global--border--width--200);
|
|
1127
1154
|
--pf-t--global--border--width--box--status--read: var(--pf-t--global--border--width--100);
|
|
1128
1155
|
--pf-t--global--border--width--control--clicked: var(--pf-t--global--border--width--200);
|
|
@@ -1196,9 +1223,17 @@
|
|
|
1196
1223
|
--pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
|
|
1197
1224
|
--pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
|
|
1198
1225
|
--pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
|
|
1226
|
+
--pf-t--global--color--brand--accent--100: var(--pf-t--color--red--50);
|
|
1227
|
+
--pf-t--global--color--brand--accent--200: var(--pf-t--color--red--60);
|
|
1228
|
+
--pf-t--global--color--brand--accent--300: var(--pf-t--color--red--70);
|
|
1229
|
+
--pf-t--global--color--brand--accent--400: var(--pf-t--color--black);
|
|
1230
|
+
--pf-t--global--color--brand--subtle--100: var(--pf-t--color--blue--10);
|
|
1231
|
+
--pf-t--global--color--brand--subtle--200: var(--pf-t--color--blue--20);
|
|
1232
|
+
--pf-t--global--color--brand--subtle--300: var(--pf-t--color--blue--40);
|
|
1233
|
+
--pf-t--global--color--brand--subtle--400: var(--pf-t--color--blue--50);
|
|
1199
1234
|
--pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
|
|
1200
1235
|
--pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
|
|
1201
|
-
--pf-t--global--color--disabled--300: var(--pf-t--color--gray--
|
|
1236
|
+
--pf-t--global--color--disabled--300: var(--pf-t--color--gray--50);
|
|
1202
1237
|
--pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
|
|
1203
1238
|
--pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
|
|
1204
1239
|
--pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
|
|
@@ -1264,7 +1299,7 @@
|
|
|
1264
1299
|
--pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
|
|
1265
1300
|
--pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
|
|
1266
1301
|
--pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
|
|
1267
|
-
--pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--
|
|
1302
|
+
--pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--70);
|
|
1268
1303
|
--pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
|
|
1269
1304
|
--pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
|
|
1270
1305
|
--pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
|
|
@@ -1349,8 +1384,8 @@
|
|
|
1349
1384
|
--pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
|
|
1350
1385
|
--pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
|
|
1351
1386
|
--pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
|
|
1352
|
-
--pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--
|
|
1353
|
-
--pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--
|
|
1387
|
+
--pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--200);
|
|
1388
|
+
--pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--200);
|
|
1354
1389
|
--pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
|
|
1355
1390
|
--pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
|
|
1356
1391
|
--pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
|
|
@@ -1375,8 +1410,12 @@
|
|
|
1375
1410
|
--pf-t--global--background--color--secondary--clicked: var(--pf-t--global--background--color--300);
|
|
1376
1411
|
--pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
|
|
1377
1412
|
--pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
|
|
1413
|
+
--pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--300);
|
|
1414
|
+
--pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--200);
|
|
1415
|
+
--pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--300);
|
|
1378
1416
|
--pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
|
|
1379
|
-
--pf-t--global--border--color--control--
|
|
1417
|
+
--pf-t--global--border--color--control--default: var(--pf-t--global--border--color--300);
|
|
1418
|
+
--pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--100);
|
|
1380
1419
|
--pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
|
|
1381
1420
|
--pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
|
|
1382
1421
|
--pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
|
|
@@ -1411,9 +1450,17 @@
|
|
|
1411
1450
|
--pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
|
|
1412
1451
|
--pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
|
|
1413
1452
|
--pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
|
|
1453
|
+
--pf-t--global--border--color--subtle: var(--pf-t--global--border--color--50);
|
|
1454
|
+
--pf-t--global--border--radius--action--default: var(--pf-t--global--border--radius--pill);
|
|
1455
|
+
--pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--small);
|
|
1456
|
+
--pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--small);
|
|
1457
|
+
--pf-t--global--border--radius--control--form-element: var(--pf-t--global--border--radius--small);
|
|
1414
1458
|
--pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--300);
|
|
1415
1459
|
--pf-t--global--color--brand--default: var(--pf-t--global--color--brand--200);
|
|
1416
1460
|
--pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--300);
|
|
1461
|
+
--pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--200);
|
|
1462
|
+
--pf-t--global--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--100);
|
|
1463
|
+
--pf-t--global--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--200);
|
|
1417
1464
|
--pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--200);
|
|
1418
1465
|
--pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--100);
|
|
1419
1466
|
--pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--200);
|
|
@@ -1544,7 +1591,10 @@
|
|
|
1544
1591
|
--pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
|
|
1545
1592
|
--pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
|
|
1546
1593
|
--pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
|
|
1594
|
+
--pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--strong);
|
|
1547
1595
|
--pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
|
|
1596
|
+
--pf-t--global--background--color--glass--floating: var(--pf-t--global--background--color--floating--default);
|
|
1597
|
+
--pf-t--global--background--color--glass--primary: var(--pf-t--global--background--color--primary--default);
|
|
1548
1598
|
--pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
|
|
1549
1599
|
--pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
|
|
1550
1600
|
--pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
|
|
@@ -1562,6 +1612,9 @@
|
|
|
1562
1612
|
--pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
|
|
1563
1613
|
--pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
|
|
1564
1614
|
--pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
|
|
1615
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked);
|
|
1616
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default);
|
|
1617
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover);
|
|
1565
1618
|
--pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
|
|
1566
1619
|
--pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
|
|
1567
1620
|
--pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
|
|
@@ -1602,9 +1655,15 @@
|
|
|
1602
1655
|
--pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--regular);
|
|
1603
1656
|
--pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--regular);
|
|
1604
1657
|
--pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--regular);
|
|
1658
|
+
--pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
|
|
1659
|
+
--pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
|
|
1660
|
+
--pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
|
|
1605
1661
|
--pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
|
|
1606
1662
|
--pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
|
|
1607
1663
|
--pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
|
|
1664
|
+
--pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular);
|
|
1665
|
+
--pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular);
|
|
1666
|
+
--pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular);
|
|
1608
1667
|
--pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
1609
1668
|
--pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
1610
1669
|
--pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
@@ -1677,9 +1736,15 @@
|
|
|
1677
1736
|
--pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--regular);
|
|
1678
1737
|
--pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--regular);
|
|
1679
1738
|
--pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--regular);
|
|
1739
|
+
--pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
|
|
1740
|
+
--pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
|
|
1741
|
+
--pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
|
|
1680
1742
|
--pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
|
|
1681
1743
|
--pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
|
|
1682
1744
|
--pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
|
|
1745
|
+
--pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular);
|
|
1746
|
+
--pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular);
|
|
1747
|
+
--pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular);
|
|
1683
1748
|
--pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
|
|
1684
1749
|
--pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
1685
1750
|
--pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
@@ -1714,7 +1779,15 @@
|
|
|
1714
1779
|
--pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
|
|
1715
1780
|
--pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
|
|
1716
1781
|
--pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
|
|
1782
|
+
--pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
|
|
1783
|
+
--pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
|
|
1784
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
|
|
1785
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
|
|
1786
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
|
|
1717
1787
|
--pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
|
|
1788
|
+
--pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
|
|
1789
|
+
--pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
|
|
1790
|
+
--pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
|
|
1718
1791
|
--pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
|
|
1719
1792
|
--pf-t--global--text-decoration--color--hover: currentcolor;
|
|
1720
1793
|
--pf-t--global--text-decoration--offset--hover: calc(var(--pf-t--global--spacer--xs) + 1px);
|
|
@@ -1810,59 +1883,27 @@
|
|
|
1810
1883
|
var(--pf-t--global--box-shadow--color--lg--directional);
|
|
1811
1884
|
--pf-t--global--list-style: disc outside;
|
|
1812
1885
|
--pf-t--temp--dev--tbd: #BC11E0;
|
|
1813
|
-
--pf-t--global--background--color--glass--
|
|
1814
|
-
--pf-t--global--background--color--glass--
|
|
1815
|
-
--pf-t--global--background--color--glass--default--base: var(--pf-t--global--background--color--primary--default);
|
|
1816
|
-
--pf-t--global--background--color--glass--filter: var(--pf-t--global--background--color--glass--filter--base);
|
|
1817
|
-
--pf-t--global--background--color--glass--opacity: var(--pf-t--global--background--color--glass--opacity--base);
|
|
1818
|
-
--pf-t--global--background--color--glass--default: var(--pf-t--global--background--color--glass--default--base);
|
|
1819
|
-
--pf-t--global--dark--background--color--glass--filter: var(--pf-t--global--background--color--glass--filter--base);
|
|
1820
|
-
--pf-t--global--dark--background--color--glass--opacity: var(--pf-t--global--background--color--glass--opacity--base);
|
|
1821
|
-
--pf-t--global--dark--background--color--glass--default: var(--pf-t--global--background--color--glass--default--base);
|
|
1822
|
-
--pf-t--global--light--glass--background--color--glass--color: #ffffff;
|
|
1823
|
-
--pf-t--global--light--glass--background--color--glass--filter: blur(12.5px);
|
|
1824
|
-
--pf-t--global--light--glass--background--color--glass--opacity: 85%;
|
|
1825
|
-
--pf-t--global--light--glass--background--color--glass--default: color-mix(in srgb, var(--pf-t--global--light--glass--background--color--glass--color) var(--pf-t--global--light--glass--background--color--glass--opacity), transparent );
|
|
1826
|
-
--pf-t--global--dark--glass--background--color--glass--color: #1d1d1d;
|
|
1827
|
-
--pf-t--global--dark--glass--background--color--glass--filter: blur(12.5px);
|
|
1828
|
-
--pf-t--global--dark--glass--background--color--glass--opacity: 85%;
|
|
1829
|
-
--pf-t--global--dark--glass--background--color--glass--default: color-mix(in srgb, var(--pf-t--global--dark--glass--background--color--glass--color) var(--pf-t--global--dark--glass--background--color--glass--opacity), transparent );
|
|
1830
|
-
}
|
|
1831
|
-
|
|
1832
|
-
:root:where(.pf-v6-theme-dark) {
|
|
1833
|
-
--pf-t--global--background--color--glass--filter: var(--pf-t--global--dark--background--color--glass--filter);
|
|
1834
|
-
--pf-t--global--background--color--glass--opacity: var(--pf-t--global--dark--background--color--glass--opacity);
|
|
1835
|
-
--pf-t--global--background--color--glass--default: var(--pf-t--global--dark--background--color--glass--default);
|
|
1836
|
-
}
|
|
1837
|
-
|
|
1838
|
-
:root:where(.pf-v6-theme-glass) {
|
|
1839
|
-
--pf-t--global--background--color--glass--filter: var(--pf-t--global--light--glass--background--color--glass--filter);
|
|
1840
|
-
--pf-t--global--background--color--glass--opacity: var(--pf-t--global--light--glass--background--color--glass--opacity);
|
|
1841
|
-
--pf-t--global--background--color--glass--default: var(--pf-t--global--light--glass--background--color--glass--default);
|
|
1842
|
-
}
|
|
1843
|
-
|
|
1844
|
-
:root:where(.pf-v6-theme-glass.pf-v6-theme-dark) {
|
|
1845
|
-
--pf-t--global--background--color--glass--filter: var(--pf-t--global--dark--glass--background--color--glass--filter);
|
|
1846
|
-
--pf-t--global--background--color--glass--opacity: var(--pf-t--global--dark--glass--background--color--glass--opacity);
|
|
1847
|
-
--pf-t--global--background--color--glass--default: var(--pf-t--global--dark--glass--background--color--glass--default);
|
|
1848
|
-
}
|
|
1849
|
-
|
|
1850
|
-
:root:where(.pf-v6-theme-high-contrast) {
|
|
1851
|
-
--pf-t--global--background--color--glass--filter: var(--pf-t--global--background--color--glass--filter--base);
|
|
1852
|
-
--pf-t--global--background--color--glass--opacity: var(--pf-t--global--background--color--glass--opacity--base);
|
|
1853
|
-
--pf-t--global--background--color--glass--default: var(--pf-t--global--background--color--glass--default--base);
|
|
1886
|
+
--pf-t--global--background--color--glass--primary--default: color-mix(in srgb, var(--pf-t--global--background--color--glass--primary) var(--pf-t--global--background--opacity--glass--primary), transparent );
|
|
1887
|
+
--pf-t--global--background--color--glass--floating--default: color-mix(in srgb, var(--pf-t--global--background--color--glass--floating) var(--pf-t--global--background--opacity--glass--floating), transparent );
|
|
1854
1888
|
}
|
|
1855
1889
|
|
|
1856
1890
|
:root:where(.pf-v6-theme-dark) {
|
|
1857
1891
|
--pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
|
|
1892
|
+
--pf-t--global--background--filter--glass--blur--floating: blur(0px);
|
|
1893
|
+
--pf-t--global--background--filter--glass--blur--primary: blur(0px);
|
|
1894
|
+
--pf-t--global--background--opacity--glass--floating: 100%;
|
|
1895
|
+
--pf-t--global--background--opacity--glass--primary: 100%;
|
|
1858
1896
|
--pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
|
|
1859
1897
|
--pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
|
|
1860
1898
|
--pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
|
|
1899
|
+
--pf-t--global--dark--background--color--700: rgba(199, 199, 199, 0.2500);
|
|
1861
1900
|
--pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
|
|
1862
1901
|
--pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
|
|
1863
1902
|
--pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
|
|
1864
1903
|
--pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
|
|
1865
1904
|
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
|
|
1905
|
+
--pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--dark--background--color--700);
|
|
1906
|
+
--pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--dark--background--color--600);
|
|
1866
1907
|
--pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
|
|
1867
1908
|
--pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
|
|
1868
1909
|
--pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
|
|
@@ -1880,10 +1921,18 @@
|
|
|
1880
1921
|
--pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
|
|
1881
1922
|
--pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
|
|
1882
1923
|
--pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
|
|
1883
|
-
--pf-t--global--dark--border--color--50: var(--pf-t--color--gray--
|
|
1924
|
+
--pf-t--global--dark--border--color--50: var(--pf-t--color--gray--70);
|
|
1884
1925
|
--pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
|
|
1885
1926
|
--pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
|
|
1886
1927
|
--pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
|
|
1928
|
+
--pf-t--global--dark--color--brand--accent--100: var(--pf-t--color--red--50);
|
|
1929
|
+
--pf-t--global--dark--color--brand--accent--200: var(--pf-t--color--red--40);
|
|
1930
|
+
--pf-t--global--dark--color--brand--accent--300: var(--pf-t--color--red--30);
|
|
1931
|
+
--pf-t--global--dark--color--brand--accent--350: var(--pf-t--color--red--20);
|
|
1932
|
+
--pf-t--global--dark--color--brand--accent--400: var(--pf-t--color--white);
|
|
1933
|
+
--pf-t--global--dark--color--brand--subtle--100: var(--pf-t--color--blue--70);
|
|
1934
|
+
--pf-t--global--dark--color--brand--subtle--200: var(--pf-t--color--blue--60);
|
|
1935
|
+
--pf-t--global--dark--color--brand--subtle--300: var(--pf-t--color--blue--30);
|
|
1887
1936
|
--pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
|
|
1888
1937
|
--pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
|
|
1889
1938
|
--pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
|
|
@@ -1971,9 +2020,13 @@
|
|
|
1971
2020
|
--pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
|
|
1972
2021
|
--pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
|
|
1973
2022
|
--pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
|
|
2023
|
+
--pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--300);
|
|
2024
|
+
--pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--200);
|
|
2025
|
+
--pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--300);
|
|
1974
2026
|
--pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
|
|
2027
|
+
--pf-t--global--border--color--control--default: var(--pf-t--global--dark--border--color--200);
|
|
1975
2028
|
--pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
|
|
1976
|
-
--pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--
|
|
2029
|
+
--pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--100);
|
|
1977
2030
|
--pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--200);
|
|
1978
2031
|
--pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
|
|
1979
2032
|
--pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
|
|
@@ -2004,9 +2057,13 @@
|
|
|
2004
2057
|
--pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
|
|
2005
2058
|
--pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
|
|
2006
2059
|
--pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--200);
|
|
2060
|
+
--pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--50);
|
|
2007
2061
|
--pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200);
|
|
2008
2062
|
--pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100);
|
|
2009
2063
|
--pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200);
|
|
2064
|
+
--pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--200);
|
|
2065
|
+
--pf-t--global--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--100);
|
|
2066
|
+
--pf-t--global--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--200);
|
|
2010
2067
|
--pf-t--global--color--favorite--clicked: var(--pf-t--global--dark--color--favorite--200);
|
|
2011
2068
|
--pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
|
|
2012
2069
|
--pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
|
|
@@ -2083,6 +2140,8 @@
|
|
|
2083
2140
|
--pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--250);
|
|
2084
2141
|
--pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
|
|
2085
2142
|
--pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
|
|
2143
|
+
--pf-t--global--background--color--glass--floating: var(--pf-t--global--background--color--floating--default);
|
|
2144
|
+
--pf-t--global--background--color--glass--primary: var(--pf-t--global--background--color--primary--default);
|
|
2086
2145
|
--pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
|
|
2087
2146
|
--pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
|
|
2088
2147
|
--pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
|
|
@@ -2103,6 +2162,9 @@
|
|
|
2103
2162
|
--pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
|
|
2104
2163
|
--pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
|
|
2105
2164
|
--pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
|
|
2165
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked);
|
|
2166
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default);
|
|
2167
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover);
|
|
2106
2168
|
--pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
|
|
2107
2169
|
--pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
|
|
2108
2170
|
--pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
|
|
@@ -2141,9 +2203,15 @@
|
|
|
2141
2203
|
--pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--inverse);
|
|
2142
2204
|
--pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--inverse);
|
|
2143
2205
|
--pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--inverse);
|
|
2206
|
+
--pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
|
|
2207
|
+
--pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--regular);
|
|
2208
|
+
--pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
|
|
2144
2209
|
--pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
|
|
2145
2210
|
--pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
|
|
2146
2211
|
--pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
|
|
2212
|
+
--pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular);
|
|
2213
|
+
--pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular);
|
|
2214
|
+
--pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular);
|
|
2147
2215
|
--pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
2148
2216
|
--pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
2149
2217
|
--pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
@@ -2207,9 +2275,15 @@
|
|
|
2207
2275
|
--pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--inverse);
|
|
2208
2276
|
--pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--inverse);
|
|
2209
2277
|
--pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--inverse);
|
|
2278
|
+
--pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
|
|
2279
|
+
--pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
|
|
2280
|
+
--pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
|
|
2210
2281
|
--pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
|
|
2211
2282
|
--pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
|
|
2212
2283
|
--pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
|
|
2284
|
+
--pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular);
|
|
2285
|
+
--pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular);
|
|
2286
|
+
--pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular);
|
|
2213
2287
|
--pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
|
|
2214
2288
|
--pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
2215
2289
|
--pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
@@ -2244,6 +2318,14 @@
|
|
|
2244
2318
|
--pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
|
|
2245
2319
|
--pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
|
|
2246
2320
|
--pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
|
|
2321
|
+
--pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
|
|
2322
|
+
--pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
|
|
2323
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
|
|
2324
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
|
|
2325
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
|
|
2326
|
+
--pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
|
|
2327
|
+
--pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
|
|
2328
|
+
--pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
|
|
2247
2329
|
}
|
|
2248
2330
|
|
|
2249
2331
|
:root:where(.pf-v6-theme-high-contrast) {
|
|
@@ -3339,6 +3421,226 @@
|
|
|
3339
3421
|
--pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
|
|
3340
3422
|
}
|
|
3341
3423
|
|
|
3424
|
+
:root:where(.pf-v6-theme-glass) {
|
|
3425
|
+
--pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
|
|
3426
|
+
--pf-t--global--background--opacity--glass--primary: 80%;
|
|
3427
|
+
}
|
|
3428
|
+
|
|
3429
|
+
:root:where(.pf-v6-theme-glass.pf-v6-theme-dark) {
|
|
3430
|
+
--pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
|
|
3431
|
+
--pf-t--global--background--opacity--glass--primary: 80%;
|
|
3432
|
+
}
|
|
3433
|
+
|
|
3434
|
+
:root:where(.pf-v6-theme-redhat) {
|
|
3435
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
|
|
3436
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
|
|
3437
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
|
|
3438
|
+
--pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill);
|
|
3439
|
+
--pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill);
|
|
3440
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
|
|
3441
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
|
|
3442
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
|
|
3443
|
+
}
|
|
3444
|
+
|
|
3445
|
+
:root:where(.pf-v6-theme-redhat.pf-v6-theme-dark) {
|
|
3446
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
|
|
3447
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
|
|
3448
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
|
|
3449
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200);
|
|
3450
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100);
|
|
3451
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200);
|
|
3452
|
+
--pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
|
|
3453
|
+
}
|
|
3454
|
+
|
|
3455
|
+
:root:where(.pf-v6-theme-redhat.pf-v6-theme-high-contrast) {
|
|
3456
|
+
--pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
|
|
3457
|
+
--pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150);
|
|
3458
|
+
--pf-t--global--border--width--action--plain--clicked: var(--pf-t--global--border--width--200);
|
|
3459
|
+
--pf-t--global--border--width--action--plain--hover: var(--pf-t--global--border--width--100);
|
|
3460
|
+
--pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--200);
|
|
3461
|
+
--pf-t--global--border--width--main--default: var(--pf-t--global--border--width--200);
|
|
3462
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
|
|
3463
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
|
|
3464
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
|
|
3465
|
+
--pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--400);
|
|
3466
|
+
--pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--400);
|
|
3467
|
+
--pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--400);
|
|
3468
|
+
--pf-t--global--border--color--control--default: var(--pf-t--global--border--color--400);
|
|
3469
|
+
--pf-t--global--border--color--default: var(--pf-t--global--border--color--400);
|
|
3470
|
+
--pf-t--global--border--color--hover: var(--pf-t--global--color--brand--300);
|
|
3471
|
+
--pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--500);
|
|
3472
|
+
--pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--400);
|
|
3473
|
+
--pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--500);
|
|
3474
|
+
--pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--500);
|
|
3475
|
+
--pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--400);
|
|
3476
|
+
--pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--500);
|
|
3477
|
+
--pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--500);
|
|
3478
|
+
--pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--500);
|
|
3479
|
+
--pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--500);
|
|
3480
|
+
--pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--400);
|
|
3481
|
+
--pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--500);
|
|
3482
|
+
--pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--500);
|
|
3483
|
+
--pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--400);
|
|
3484
|
+
--pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--500);
|
|
3485
|
+
--pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--500);
|
|
3486
|
+
--pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--400);
|
|
3487
|
+
--pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--500);
|
|
3488
|
+
--pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--500);
|
|
3489
|
+
--pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--400);
|
|
3490
|
+
--pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--500);
|
|
3491
|
+
--pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--500);
|
|
3492
|
+
--pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--400);
|
|
3493
|
+
--pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--500);
|
|
3494
|
+
--pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--500);
|
|
3495
|
+
--pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--400);
|
|
3496
|
+
--pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--500);
|
|
3497
|
+
--pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--400);
|
|
3498
|
+
--pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
|
|
3499
|
+
--pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--200);
|
|
3500
|
+
--pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
|
|
3501
|
+
--pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
|
|
3502
|
+
--pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
3503
|
+
--pf-t--global--border--color--subtle: var(--pf-t--global--border--color--400);
|
|
3504
|
+
--pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill);
|
|
3505
|
+
--pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill);
|
|
3506
|
+
--pf-t--global--border--width--high-contrast--extra-strong: var(--pf-t--global--border--width--extra-strong);
|
|
3507
|
+
--pf-t--global--border--width--high-contrast--regular: var(--pf-t--global--border--width--regular);
|
|
3508
|
+
--pf-t--global--border--width--high-contrast--strong: var(--pf-t--global--border--width--strong);
|
|
3509
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--300);
|
|
3510
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--200);
|
|
3511
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--300);
|
|
3512
|
+
--pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--400);
|
|
3513
|
+
--pf-t--global--color--brand--default: var(--pf-t--global--color--brand--300);
|
|
3514
|
+
--pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--400);
|
|
3515
|
+
--pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--400);
|
|
3516
|
+
--pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--300);
|
|
3517
|
+
--pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--400);
|
|
3518
|
+
--pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--100);
|
|
3519
|
+
--pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--50);
|
|
3520
|
+
--pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--100);
|
|
3521
|
+
--pf-t--global--color--status--custom--clicked: var(--pf-t--global--color--status--custom--300);
|
|
3522
|
+
--pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--200);
|
|
3523
|
+
--pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--300);
|
|
3524
|
+
--pf-t--global--color--status--danger--clicked: var(--pf-t--global--color--status--danger--300);
|
|
3525
|
+
--pf-t--global--color--status--danger--default: var(--pf-t--global--color--status--danger--200);
|
|
3526
|
+
--pf-t--global--color--status--danger--hover: var(--pf-t--global--color--status--danger--300);
|
|
3527
|
+
--pf-t--global--color--status--info--clicked: var(--pf-t--global--color--status--info--300);
|
|
3528
|
+
--pf-t--global--color--status--info--default: var(--pf-t--global--color--status--info--200);
|
|
3529
|
+
--pf-t--global--color--status--info--hover: var(--pf-t--global--color--status--info--300);
|
|
3530
|
+
--pf-t--global--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
|
|
3531
|
+
--pf-t--global--color--status--success--default: var(--pf-t--global--color--status--success--200);
|
|
3532
|
+
--pf-t--global--color--status--success--hover: var(--pf-t--global--color--status--success--300);
|
|
3533
|
+
--pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
|
|
3534
|
+
--pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
|
|
3535
|
+
--pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
3536
|
+
--pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--200);
|
|
3537
|
+
--pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--400);
|
|
3538
|
+
--pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--300);
|
|
3539
|
+
--pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--400);
|
|
3540
|
+
--pf-t--global--icon--color--severity--important--default: var(--pf-t--global--color--severity--important--200);
|
|
3541
|
+
--pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--color--severity--minor--200);
|
|
3542
|
+
--pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--color--severity--moderate--200);
|
|
3543
|
+
--pf-t--global--icon--color--severity--none--default: var(--pf-t--global--color--severity--none--200);
|
|
3544
|
+
--pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--color--severity--undefined--200);
|
|
3545
|
+
--pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200);
|
|
3546
|
+
--pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
|
|
3547
|
+
--pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
|
|
3548
|
+
--pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
|
|
3549
|
+
--pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
|
|
3550
|
+
--pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
3551
|
+
--pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--150);
|
|
3552
|
+
--pf-t--global--text--color--brand--clicked: var(--pf-t--global--color--brand--500);
|
|
3553
|
+
--pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--400);
|
|
3554
|
+
--pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--500);
|
|
3555
|
+
--pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--200);
|
|
3556
|
+
--pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--250);
|
|
3557
|
+
--pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--350);
|
|
3558
|
+
--pf-t--global--text--color--required: var(--pf-t--global--text--color--500);
|
|
3559
|
+
--pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
|
|
3560
|
+
--pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--200);
|
|
3561
|
+
--pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--300);
|
|
3562
|
+
--pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
|
|
3563
|
+
--pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
|
|
3564
|
+
--pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
3565
|
+
--pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250);
|
|
3566
|
+
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
|
|
3567
|
+
--pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
|
|
3568
|
+
--pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
|
|
3569
|
+
--pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
|
|
3570
|
+
--pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
|
|
3571
|
+
--pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
|
|
3572
|
+
--pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
|
|
3573
|
+
--pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
|
|
3574
|
+
--pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
|
|
3575
|
+
--pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
|
|
3576
|
+
}
|
|
3577
|
+
|
|
3578
|
+
:root:where(.pf-v6-theme-redhat.pf-v6-theme-high-contrast.pf-v6-theme-dark) {
|
|
3579
|
+
--pf-t--global--background--color--primary--default: var(--pf-t--color--black);
|
|
3580
|
+
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
|
|
3581
|
+
--pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
|
|
3582
|
+
--pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--100);
|
|
3583
|
+
--pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--200);
|
|
3584
|
+
--pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--300);
|
|
3585
|
+
--pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--200);
|
|
3586
|
+
--pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--300);
|
|
3587
|
+
--pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--200);
|
|
3588
|
+
--pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--200);
|
|
3589
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
|
|
3590
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
|
|
3591
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
|
|
3592
|
+
--pf-t--global--border--color--control--default: var(--pf-t--global--dark--border--color--300);
|
|
3593
|
+
--pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--300);
|
|
3594
|
+
--pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--100);
|
|
3595
|
+
--pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--300);
|
|
3596
|
+
--pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--300);
|
|
3597
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--350);
|
|
3598
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--300);
|
|
3599
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--350);
|
|
3600
|
+
--pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--100);
|
|
3601
|
+
--pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--50);
|
|
3602
|
+
--pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--100);
|
|
3603
|
+
--pf-t--global--color--status--custom--clicked: var(--pf-t--global--dark--color--status--custom--300);
|
|
3604
|
+
--pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--200);
|
|
3605
|
+
--pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--300);
|
|
3606
|
+
--pf-t--global--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--250);
|
|
3607
|
+
--pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--200);
|
|
3608
|
+
--pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--250);
|
|
3609
|
+
--pf-t--global--color--status--success--clicked: var(--pf-t--global--dark--color--status--success--300);
|
|
3610
|
+
--pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--200);
|
|
3611
|
+
--pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--300);
|
|
3612
|
+
--pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--dark--color--severity--critical--200);
|
|
3613
|
+
--pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--400);
|
|
3614
|
+
--pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--400);
|
|
3615
|
+
--pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--300);
|
|
3616
|
+
--pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
|
|
3617
|
+
--pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
|
|
3618
|
+
--pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
|
|
3619
|
+
}
|
|
3620
|
+
|
|
3621
|
+
:root:where(.pf-v6-theme-redhat.pf-v6-theme-glass) {
|
|
3622
|
+
--pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
|
|
3623
|
+
--pf-t--global--background--opacity--glass--primary: 80%;
|
|
3624
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
|
|
3625
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
|
|
3626
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
|
|
3627
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
|
|
3628
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
|
|
3629
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
|
|
3630
|
+
}
|
|
3631
|
+
|
|
3632
|
+
:root:where(.pf-v6-theme-redhat.pf-v6-theme-glass.pf-v6-theme-dark) {
|
|
3633
|
+
--pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
|
|
3634
|
+
--pf-t--global--background--opacity--glass--primary: 80%;
|
|
3635
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
|
|
3636
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
|
|
3637
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
|
|
3638
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200);
|
|
3639
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100);
|
|
3640
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200);
|
|
3641
|
+
--pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
|
|
3642
|
+
}
|
|
3643
|
+
|
|
3342
3644
|
:is(.pf-v6-m-dir-rtl, [dir=rtl]) {
|
|
3343
3645
|
--pf-v6-global--inverse--multiplier: -1;
|
|
3344
3646
|
}
|