@patternfly/react-core 6.5.0-prerelease.78 → 6.5.0-prerelease.79
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 +6 -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/SSRSafeIds/SSRSafeIds/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/useSSRSafeId/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 +157 -54
- package/dist/styles/base.css +157 -54
- package/dist/umd/assets/{output-DO_ULc5s.css → output-BrHBwMKQ.css} +20579 -20579
- package/helpers/package.json +1 -1
- package/layouts/package.json +1 -1
- package/next/package.json +1 -1
- package/package.json +6 -6
package/dist/styles/base.css
CHANGED
|
@@ -2048,10 +2048,23 @@ button) {
|
|
|
2048
2048
|
--pf-t--global--background--image--default: none;
|
|
2049
2049
|
}
|
|
2050
2050
|
|
|
2051
|
+
:root:where(.pf-v6-theme-felt) {
|
|
2052
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
|
|
2053
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
|
|
2054
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
|
|
2055
|
+
--pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill);
|
|
2056
|
+
--pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill);
|
|
2057
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
|
|
2058
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
|
|
2059
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
|
|
2060
|
+
}
|
|
2061
|
+
|
|
2051
2062
|
:root:where(.pf-v6-theme-high-contrast) {
|
|
2052
|
-
--pf-t--global--background--color--500: rgba(21, 21, 21, 0.
|
|
2063
|
+
--pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000);
|
|
2053
2064
|
--pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
|
|
2065
|
+
--pf-t--global--background--color--700: rgba(199, 199, 199, 0.1000);
|
|
2054
2066
|
--pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
|
|
2067
|
+
--pf-t--global--background--filter--glass--blur--primary: initial;
|
|
2055
2068
|
--pf-t--global--border--radius--0: 0px;
|
|
2056
2069
|
--pf-t--global--border--radius--100: 4px;
|
|
2057
2070
|
--pf-t--global--border--radius--200: 6px;
|
|
@@ -2065,10 +2078,10 @@ button) {
|
|
|
2065
2078
|
--pf-t--global--border--width--action--plain--default: 0px;
|
|
2066
2079
|
--pf-t--global--box-shadow--X--100: -10px;
|
|
2067
2080
|
--pf-t--global--box-shadow--X--200: -4px;
|
|
2068
|
-
--pf-t--global--box-shadow--X--300: -
|
|
2081
|
+
--pf-t--global--box-shadow--X--300: -2px;
|
|
2069
2082
|
--pf-t--global--box-shadow--X--400: 0px;
|
|
2070
2083
|
--pf-t--global--box-shadow--X--50: -20px;
|
|
2071
|
-
--pf-t--global--box-shadow--X--500:
|
|
2084
|
+
--pf-t--global--box-shadow--X--500: 2px;
|
|
2072
2085
|
--pf-t--global--box-shadow--X--600: 4px;
|
|
2073
2086
|
--pf-t--global--box-shadow--X--700: 10px;
|
|
2074
2087
|
--pf-t--global--box-shadow--X--800: 20px;
|
|
@@ -2081,8 +2094,8 @@ button) {
|
|
|
2081
2094
|
--pf-t--global--box-shadow--Y--600: 4px;
|
|
2082
2095
|
--pf-t--global--box-shadow--Y--700: 10px;
|
|
2083
2096
|
--pf-t--global--box-shadow--Y--800: 20px;
|
|
2084
|
-
--pf-t--global--box-shadow--blur--100:
|
|
2085
|
-
--pf-t--global--box-shadow--blur--200:
|
|
2097
|
+
--pf-t--global--box-shadow--blur--100: 6px;
|
|
2098
|
+
--pf-t--global--box-shadow--blur--200: 10px;
|
|
2086
2099
|
--pf-t--global--box-shadow--blur--300: 20px;
|
|
2087
2100
|
--pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
|
|
2088
2101
|
--pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
|
|
@@ -2156,10 +2169,13 @@ button) {
|
|
|
2156
2169
|
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
|
|
2157
2170
|
--pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
|
|
2158
2171
|
--pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
|
|
2172
|
+
--pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--background--color--600);
|
|
2173
|
+
--pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--background--color--700);
|
|
2174
|
+
--pf-t--global--background--color--striped--row--default: var(--pf-t--global--background--color--700);
|
|
2159
2175
|
--pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
|
|
2160
2176
|
--pf-t--global--border--color--100: var(--pf-t--color--gray--30);
|
|
2161
2177
|
--pf-t--global--border--color--200: var(--pf-t--color--gray--40);
|
|
2162
|
-
--pf-t--global--border--color--300: var(--pf-t--color--gray--
|
|
2178
|
+
--pf-t--global--border--color--300: var(--pf-t--color--gray--45);
|
|
2163
2179
|
--pf-t--global--border--color--400: var(--pf-t--color--gray--60);
|
|
2164
2180
|
--pf-t--global--border--color--50: var(--pf-t--color--gray--20);
|
|
2165
2181
|
--pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
|
|
@@ -2251,9 +2267,17 @@ button) {
|
|
|
2251
2267
|
--pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
|
|
2252
2268
|
--pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
|
|
2253
2269
|
--pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
|
|
2270
|
+
--pf-t--global--color--brand--accent--100: var(--pf-t--color--red--50);
|
|
2271
|
+
--pf-t--global--color--brand--accent--200: var(--pf-t--color--red--60);
|
|
2272
|
+
--pf-t--global--color--brand--accent--300: var(--pf-t--color--gray--60);
|
|
2273
|
+
--pf-t--global--color--brand--accent--400: var(--pf-t--color--black);
|
|
2274
|
+
--pf-t--global--color--brand--subtle--100: var(--pf-t--color--blue--10);
|
|
2275
|
+
--pf-t--global--color--brand--subtle--200: var(--pf-t--color--blue--20);
|
|
2276
|
+
--pf-t--global--color--brand--subtle--300: var(--pf-t--color--blue--40);
|
|
2277
|
+
--pf-t--global--color--brand--subtle--400: var(--pf-t--color--blue--50);
|
|
2254
2278
|
--pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
|
|
2255
2279
|
--pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
|
|
2256
|
-
--pf-t--global--color--disabled--300: var(--pf-t--color--gray--
|
|
2280
|
+
--pf-t--global--color--disabled--300: var(--pf-t--color--gray--50);
|
|
2257
2281
|
--pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
|
|
2258
2282
|
--pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
|
|
2259
2283
|
--pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
|
|
@@ -2319,7 +2343,7 @@ button) {
|
|
|
2319
2343
|
--pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
|
|
2320
2344
|
--pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
|
|
2321
2345
|
--pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
|
|
2322
|
-
--pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--
|
|
2346
|
+
--pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--70);
|
|
2323
2347
|
--pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
|
|
2324
2348
|
--pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
|
|
2325
2349
|
--pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
|
|
@@ -2355,10 +2379,6 @@ button) {
|
|
|
2355
2379
|
--pf-t--global--icon--color--150: var(--pf-t--color--gray--60);
|
|
2356
2380
|
--pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
|
|
2357
2381
|
--pf-t--global--icon--color--300: var(--pf-t--color--white);
|
|
2358
|
-
--pf-t--global--icon--color--brand--clicked: var(--pf-t--color--blue--70);
|
|
2359
|
-
--pf-t--global--icon--color--brand--default: var(--pf-t--color--blue--60);
|
|
2360
|
-
--pf-t--global--icon--color--brand--hover: var(--pf-t--color--blue--70);
|
|
2361
|
-
--pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--150);
|
|
2362
2382
|
--pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
|
|
2363
2383
|
--pf-t--global--icon--size--3xl: var(--pf-t--global--icon--size--500);
|
|
2364
2384
|
--pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
|
|
@@ -2379,9 +2399,6 @@ button) {
|
|
|
2379
2399
|
--pf-t--global--text--color--300: var(--pf-t--color--white);
|
|
2380
2400
|
--pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
|
|
2381
2401
|
--pf-t--global--text--color--500: var(--pf-t--color--red-orange--70);
|
|
2382
|
-
--pf-t--global--text--color--brand--clicked: var(--pf-t--color--blue--80);
|
|
2383
|
-
--pf-t--global--text--color--brand--default: var(--pf-t--color--blue--70);
|
|
2384
|
-
--pf-t--global--text--color--brand--hover: var(--pf-t--color--blue--80);
|
|
2385
2402
|
--pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
|
|
2386
2403
|
--pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
|
|
2387
2404
|
--pf-t--global--text--color--link--250: var(--pf-t--color--blue--70);
|
|
@@ -2397,8 +2414,8 @@ button) {
|
|
|
2397
2414
|
--pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
|
|
2398
2415
|
--pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
|
|
2399
2416
|
--pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
|
|
2400
|
-
--pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--
|
|
2401
|
-
--pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--
|
|
2417
|
+
--pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--200);
|
|
2418
|
+
--pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--200);
|
|
2402
2419
|
--pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
|
|
2403
2420
|
--pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
|
|
2404
2421
|
--pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
|
|
@@ -2421,8 +2438,13 @@ button) {
|
|
|
2421
2438
|
--pf-t--global--background--color--secondary--clicked: var(--pf-t--global--background--color--300);
|
|
2422
2439
|
--pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
|
|
2423
2440
|
--pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
|
|
2441
|
+
--pf-t--global--background--color--sticky--default: var(--pf-t--global--background--color--100);
|
|
2442
|
+
--pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--400);
|
|
2443
|
+
--pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--200);
|
|
2444
|
+
--pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--400);
|
|
2424
2445
|
--pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--400);
|
|
2425
|
-
--pf-t--global--border--color--control--
|
|
2446
|
+
--pf-t--global--border--color--control--default: var(--pf-t--global--border--color--400);
|
|
2447
|
+
--pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--100);
|
|
2426
2448
|
--pf-t--global--border--color--default: var(--pf-t--global--border--color--400);
|
|
2427
2449
|
--pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
|
|
2428
2450
|
--pf-t--global--border--color--hover: var(--pf-t--global--color--brand--300);
|
|
@@ -2458,12 +2480,22 @@ button) {
|
|
|
2458
2480
|
--pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
|
|
2459
2481
|
--pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
|
|
2460
2482
|
--pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
2483
|
+
--pf-t--global--border--color--subtle: var(--pf-t--global--border--color--400);
|
|
2484
|
+
--pf-t--global--border--radius--action--default: var(--pf-t--global--border--radius--pill);
|
|
2485
|
+
--pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--small);
|
|
2486
|
+
--pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--small);
|
|
2487
|
+
--pf-t--global--border--radius--control--form-element: var(--pf-t--global--border--radius--small);
|
|
2488
|
+
--pf-t--global--border--radius--glass--default: initial;
|
|
2489
|
+
--pf-t--global--border--width--glass--default: initial;
|
|
2461
2490
|
--pf-t--global--border--width--high-contrast--extra-strong: var(--pf-t--global--border--width--extra-strong);
|
|
2462
2491
|
--pf-t--global--border--width--high-contrast--regular: var(--pf-t--global--border--width--regular);
|
|
2463
2492
|
--pf-t--global--border--width--high-contrast--strong: var(--pf-t--global--border--width--strong);
|
|
2464
2493
|
--pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--400);
|
|
2465
2494
|
--pf-t--global--color--brand--default: var(--pf-t--global--color--brand--300);
|
|
2466
2495
|
--pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--400);
|
|
2496
|
+
--pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--200);
|
|
2497
|
+
--pf-t--global--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--100);
|
|
2498
|
+
--pf-t--global--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--200);
|
|
2467
2499
|
--pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--400);
|
|
2468
2500
|
--pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--300);
|
|
2469
2501
|
--pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--400);
|
|
@@ -2519,6 +2551,9 @@ button) {
|
|
|
2519
2551
|
--pf-t--global--font--size--heading--h4: var(--pf-t--global--font--size--md);
|
|
2520
2552
|
--pf-t--global--font--size--heading--h5: var(--pf-t--global--font--size--md);
|
|
2521
2553
|
--pf-t--global--font--size--heading--h6: var(--pf-t--global--font--size--md);
|
|
2554
|
+
--pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--400);
|
|
2555
|
+
--pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--300);
|
|
2556
|
+
--pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--400);
|
|
2522
2557
|
--pf-t--global--icon--color--disabled: var(--pf-t--global--color--disabled--200);
|
|
2523
2558
|
--pf-t--global--icon--color--inverse: var(--pf-t--global--icon--color--300);
|
|
2524
2559
|
--pf-t--global--icon--color--on-disabled: var(--pf-t--global--color--disabled--300);
|
|
@@ -2532,8 +2567,6 @@ button) {
|
|
|
2532
2567
|
--pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200);
|
|
2533
2568
|
--pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
|
|
2534
2569
|
--pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
|
|
2535
|
-
--pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
|
|
2536
|
-
--pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--200);
|
|
2537
2570
|
--pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
|
|
2538
2571
|
--pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
|
|
2539
2572
|
--pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
@@ -2572,6 +2605,9 @@ button) {
|
|
|
2572
2605
|
--pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
|
|
2573
2606
|
--pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md);
|
|
2574
2607
|
--pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg);
|
|
2608
|
+
--pf-t--global--text--color--brand--clicked: var(--pf-t--global--color--brand--500);
|
|
2609
|
+
--pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--400);
|
|
2610
|
+
--pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--500);
|
|
2575
2611
|
--pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--200);
|
|
2576
2612
|
--pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
|
|
2577
2613
|
--pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--200);
|
|
@@ -2581,22 +2617,27 @@ button) {
|
|
|
2581
2617
|
--pf-t--global--text--color--on-highlight: var(--pf-t--global--text--color--100);
|
|
2582
2618
|
--pf-t--global--text--color--regular: var(--pf-t--global--text--color--100);
|
|
2583
2619
|
--pf-t--global--text--color--required: var(--pf-t--global--text--color--500);
|
|
2584
|
-
--pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--
|
|
2620
|
+
--pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
|
|
2585
2621
|
--pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--200);
|
|
2586
|
-
--pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--
|
|
2622
|
+
--pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--300);
|
|
2587
2623
|
--pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
|
|
2588
2624
|
--pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
|
|
2589
2625
|
--pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
2590
2626
|
--pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250);
|
|
2627
|
+
--pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--400);
|
|
2591
2628
|
--pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
|
|
2592
2629
|
--pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
|
|
2630
|
+
--pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--strong);
|
|
2593
2631
|
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
|
|
2594
2632
|
--pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
|
|
2595
2633
|
--pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
|
|
2634
|
+
--pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--secondary--default);
|
|
2635
|
+
--pf-t--global--background--color--glass--primary--default: initial;
|
|
2596
2636
|
--pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
|
|
2597
2637
|
--pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
|
|
2598
2638
|
--pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
|
|
2599
2639
|
--pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
|
|
2640
|
+
--pf-t--global--border--color--glass--default: initial;
|
|
2600
2641
|
--pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
|
|
2601
2642
|
--pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
|
|
2602
2643
|
--pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
@@ -2608,6 +2649,9 @@ button) {
|
|
|
2608
2649
|
--pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
|
|
2609
2650
|
--pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
|
|
2610
2651
|
--pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
|
|
2652
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked);
|
|
2653
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default);
|
|
2654
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover);
|
|
2611
2655
|
--pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
|
|
2612
2656
|
--pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
|
|
2613
2657
|
--pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
|
|
@@ -2645,9 +2689,15 @@ button) {
|
|
|
2645
2689
|
--pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--regular);
|
|
2646
2690
|
--pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--regular);
|
|
2647
2691
|
--pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--regular);
|
|
2692
|
+
--pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
|
|
2693
|
+
--pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
|
|
2694
|
+
--pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
|
|
2648
2695
|
--pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
|
|
2649
2696
|
--pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
|
|
2650
2697
|
--pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
|
|
2698
|
+
--pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular);
|
|
2699
|
+
--pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular);
|
|
2700
|
+
--pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular);
|
|
2651
2701
|
--pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
2652
2702
|
--pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
2653
2703
|
--pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
@@ -2669,6 +2719,9 @@ button) {
|
|
|
2669
2719
|
--pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
|
|
2670
2720
|
--pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
|
|
2671
2721
|
--pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
|
|
2722
|
+
--pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
|
|
2723
|
+
--pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
|
|
2724
|
+
--pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
|
|
2672
2725
|
--pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
|
|
2673
2726
|
--pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
|
|
2674
2727
|
--pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
|
|
@@ -2711,9 +2764,15 @@ button) {
|
|
|
2711
2764
|
--pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--regular);
|
|
2712
2765
|
--pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--regular);
|
|
2713
2766
|
--pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--regular);
|
|
2767
|
+
--pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
|
|
2768
|
+
--pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
|
|
2769
|
+
--pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
|
|
2714
2770
|
--pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
|
|
2715
2771
|
--pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
|
|
2716
2772
|
--pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
|
|
2773
|
+
--pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular);
|
|
2774
|
+
--pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular);
|
|
2775
|
+
--pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular);
|
|
2717
2776
|
--pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
|
|
2718
2777
|
--pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
2719
2778
|
--pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
@@ -2745,7 +2804,14 @@ button) {
|
|
|
2745
2804
|
--pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
|
|
2746
2805
|
--pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
|
|
2747
2806
|
--pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
|
|
2807
|
+
--pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
|
|
2808
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
|
|
2809
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
|
|
2810
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
|
|
2748
2811
|
--pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
|
|
2812
|
+
--pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
|
|
2813
|
+
--pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
|
|
2814
|
+
--pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
|
|
2749
2815
|
}
|
|
2750
2816
|
|
|
2751
2817
|
:root:where(.pf-v6-theme-glass) {
|
|
@@ -2768,17 +2834,6 @@ button) {
|
|
|
2768
2834
|
--pf-t--global--box-shadow--glass--default: var(--pf-t--global--box-shadow--md);
|
|
2769
2835
|
}
|
|
2770
2836
|
|
|
2771
|
-
:root:where(.pf-v6-theme-felt) {
|
|
2772
|
-
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
|
|
2773
|
-
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
|
|
2774
|
-
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
|
|
2775
|
-
--pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill);
|
|
2776
|
-
--pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill);
|
|
2777
|
-
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
|
|
2778
|
-
--pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
|
|
2779
|
-
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
|
|
2780
|
-
}
|
|
2781
|
-
|
|
2782
2837
|
:root:where(.pf-v6-theme-felt.pf-v6-theme-high-contrast) {
|
|
2783
2838
|
--pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
|
|
2784
2839
|
--pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150);
|
|
@@ -3372,15 +3427,37 @@ button) {
|
|
|
3372
3427
|
--pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
|
|
3373
3428
|
}
|
|
3374
3429
|
|
|
3430
|
+
:root:where(.pf-v6-theme-dark.pf-v6-theme-felt) {
|
|
3431
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
|
|
3432
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
|
|
3433
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
|
|
3434
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200);
|
|
3435
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100);
|
|
3436
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200);
|
|
3437
|
+
--pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--300);
|
|
3438
|
+
--pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--300);
|
|
3439
|
+
--pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--regular);
|
|
3440
|
+
--pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--regular);
|
|
3441
|
+
--pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--regular);
|
|
3442
|
+
--pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--regular);
|
|
3443
|
+
--pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
|
|
3444
|
+
--pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--regular);
|
|
3445
|
+
}
|
|
3446
|
+
|
|
3375
3447
|
:root:where(.pf-v6-theme-dark.pf-v6-theme-high-contrast) {
|
|
3376
3448
|
--pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
|
|
3449
|
+
--pf-t--global--background--color--striped--row--default: rgba(21, 21, 21, 0.3000);
|
|
3450
|
+
--pf-t--global--background--filter--glass--blur--primary: initial;
|
|
3377
3451
|
--pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
|
|
3378
3452
|
--pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
|
|
3453
|
+
--pf-t--global--dark--background--color--700: rgba(199, 199, 199, 0.2500);
|
|
3379
3454
|
--pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
|
|
3380
|
-
--pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.
|
|
3455
|
+
--pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.6000);
|
|
3381
3456
|
--pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
|
|
3382
3457
|
--pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
|
|
3383
3458
|
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
|
|
3459
|
+
--pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--dark--background--color--700);
|
|
3460
|
+
--pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--dark--background--color--600);
|
|
3384
3461
|
--pf-t--global--background--color--primary--default: var(--pf-t--color--black);
|
|
3385
3462
|
--pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
|
|
3386
3463
|
--pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
|
|
@@ -3396,13 +3473,21 @@ button) {
|
|
|
3396
3473
|
--pf-t--global--dark--background--color--450: var(--pf-t--color--gray--20);
|
|
3397
3474
|
--pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20);
|
|
3398
3475
|
--pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
|
|
3399
|
-
--pf-t--global--dark--border--color--100: var(--pf-t--color--gray--
|
|
3476
|
+
--pf-t--global--dark--border--color--100: var(--pf-t--color--gray--60);
|
|
3400
3477
|
--pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
|
|
3401
3478
|
--pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
|
|
3402
|
-
--pf-t--global--dark--border--color--50: var(--pf-t--color--gray--
|
|
3479
|
+
--pf-t--global--dark--border--color--50: var(--pf-t--color--gray--70);
|
|
3403
3480
|
--pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
|
|
3404
3481
|
--pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
|
|
3405
3482
|
--pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
|
|
3483
|
+
--pf-t--global--dark--color--brand--accent--100: var(--pf-t--color--red--50);
|
|
3484
|
+
--pf-t--global--dark--color--brand--accent--200: var(--pf-t--color--red--60);
|
|
3485
|
+
--pf-t--global--dark--color--brand--accent--300: var(--pf-t--color--red--40);
|
|
3486
|
+
--pf-t--global--dark--color--brand--accent--350: var(--pf-t--color--gray--20);
|
|
3487
|
+
--pf-t--global--dark--color--brand--accent--400: var(--pf-t--color--white);
|
|
3488
|
+
--pf-t--global--dark--color--brand--subtle--100: var(--pf-t--color--blue--70);
|
|
3489
|
+
--pf-t--global--dark--color--brand--subtle--200: var(--pf-t--color--blue--60);
|
|
3490
|
+
--pf-t--global--dark--color--brand--subtle--300: var(--pf-t--color--blue--30);
|
|
3406
3491
|
--pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
|
|
3407
3492
|
--pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
|
|
3408
3493
|
--pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
|
|
@@ -3474,11 +3559,12 @@ button) {
|
|
|
3474
3559
|
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
|
|
3475
3560
|
--pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
|
|
3476
3561
|
--pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--100);
|
|
3477
|
-
--pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--
|
|
3562
|
+
--pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--100);
|
|
3478
3563
|
--pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--200);
|
|
3479
3564
|
--pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--300);
|
|
3480
3565
|
--pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--200);
|
|
3481
3566
|
--pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--300);
|
|
3567
|
+
--pf-t--global--background--color--glass--primary--default: initial;
|
|
3482
3568
|
--pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200);
|
|
3483
3569
|
--pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
|
|
3484
3570
|
--pf-t--global--background--color--inverse--clicked: var(--pf-t--global--dark--background--color--450);
|
|
@@ -3489,8 +3575,13 @@ button) {
|
|
|
3489
3575
|
--pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
|
|
3490
3576
|
--pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
|
|
3491
3577
|
--pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
|
|
3578
|
+
--pf-t--global--background--color--sticky--default: var(--pf-t--global--dark--background--color--200);
|
|
3492
3579
|
--pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
|
|
3580
|
+
--pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--300);
|
|
3581
|
+
--pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--200);
|
|
3582
|
+
--pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--300);
|
|
3493
3583
|
--pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
|
|
3584
|
+
--pf-t--global--border--color--control--default: var(--pf-t--global--dark--border--color--300);
|
|
3494
3585
|
--pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
|
|
3495
3586
|
--pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--300);
|
|
3496
3587
|
--pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--100);
|
|
@@ -3523,9 +3614,13 @@ button) {
|
|
|
3523
3614
|
--pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
|
|
3524
3615
|
--pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
|
|
3525
3616
|
--pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--300);
|
|
3617
|
+
--pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--300);
|
|
3526
3618
|
--pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200);
|
|
3527
3619
|
--pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100);
|
|
3528
3620
|
--pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200);
|
|
3621
|
+
--pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--200);
|
|
3622
|
+
--pf-t--global--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--100);
|
|
3623
|
+
--pf-t--global--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--200);
|
|
3529
3624
|
--pf-t--global--color--favorite--clicked: var(--pf-t--global--dark--color--favorite--200);
|
|
3530
3625
|
--pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
|
|
3531
3626
|
--pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
|
|
@@ -3602,9 +3697,12 @@ button) {
|
|
|
3602
3697
|
--pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--300);
|
|
3603
3698
|
--pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
|
|
3604
3699
|
--pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
|
|
3700
|
+
--pf-t--global--text-decoration--color--default: var(--pf-t--global--dark--border--color--300);
|
|
3701
|
+
--pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--secondary--default);
|
|
3605
3702
|
--pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
|
|
3606
3703
|
--pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
|
|
3607
3704
|
--pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
|
|
3705
|
+
--pf-t--global--border--color--glass--default: initial;
|
|
3608
3706
|
--pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
|
|
3609
3707
|
--pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
|
|
3610
3708
|
--pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
@@ -3622,6 +3720,9 @@ button) {
|
|
|
3622
3720
|
--pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
|
|
3623
3721
|
--pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
|
|
3624
3722
|
--pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
|
|
3723
|
+
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked);
|
|
3724
|
+
--pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default);
|
|
3725
|
+
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover);
|
|
3625
3726
|
--pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
|
|
3626
3727
|
--pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
|
|
3627
3728
|
--pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
|
|
@@ -3660,9 +3761,15 @@ button) {
|
|
|
3660
3761
|
--pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--inverse);
|
|
3661
3762
|
--pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--inverse);
|
|
3662
3763
|
--pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--inverse);
|
|
3764
|
+
--pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
|
|
3765
|
+
--pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
|
|
3766
|
+
--pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
|
|
3663
3767
|
--pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
|
|
3664
3768
|
--pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
|
|
3665
3769
|
--pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
|
|
3770
|
+
--pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular);
|
|
3771
|
+
--pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular);
|
|
3772
|
+
--pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular);
|
|
3666
3773
|
--pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
3667
3774
|
--pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
3668
3775
|
--pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
|
|
@@ -3726,9 +3833,15 @@ button) {
|
|
|
3726
3833
|
--pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--inverse);
|
|
3727
3834
|
--pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--inverse);
|
|
3728
3835
|
--pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--inverse);
|
|
3836
|
+
--pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
|
|
3837
|
+
--pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
|
|
3838
|
+
--pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
|
|
3729
3839
|
--pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
|
|
3730
3840
|
--pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
|
|
3731
3841
|
--pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
|
|
3842
|
+
--pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular);
|
|
3843
|
+
--pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular);
|
|
3844
|
+
--pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular);
|
|
3732
3845
|
--pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
|
|
3733
3846
|
--pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
|
|
3734
3847
|
--pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
|
|
@@ -3763,6 +3876,13 @@ button) {
|
|
|
3763
3876
|
--pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
|
|
3764
3877
|
--pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
|
|
3765
3878
|
--pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
|
|
3879
|
+
--pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
|
|
3880
|
+
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
|
|
3881
|
+
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
|
|
3882
|
+
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
|
|
3883
|
+
--pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
|
|
3884
|
+
--pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
|
|
3885
|
+
--pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
|
|
3766
3886
|
}
|
|
3767
3887
|
|
|
3768
3888
|
:root:where(.pf-v6-theme-dark.pf-v6-theme-glass) {
|
|
@@ -3788,23 +3908,6 @@ button) {
|
|
|
3788
3908
|
--pf-t--global--background--image--default: var(--pf-t--global--background--image--glass--dark, url("./assets/images/PF-Bkg-Generic-Dark.svg"));
|
|
3789
3909
|
}
|
|
3790
3910
|
|
|
3791
|
-
:root:where(.pf-v6-theme-dark.pf-v6-theme-felt) {
|
|
3792
|
-
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
|
|
3793
|
-
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
|
|
3794
|
-
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
|
|
3795
|
-
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200);
|
|
3796
|
-
--pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100);
|
|
3797
|
-
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200);
|
|
3798
|
-
--pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--300);
|
|
3799
|
-
--pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--300);
|
|
3800
|
-
--pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--regular);
|
|
3801
|
-
--pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--regular);
|
|
3802
|
-
--pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--regular);
|
|
3803
|
-
--pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--regular);
|
|
3804
|
-
--pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
|
|
3805
|
-
--pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--regular);
|
|
3806
|
-
}
|
|
3807
|
-
|
|
3808
3911
|
:root:where(.pf-v6-theme-dark.pf-v6-theme-felt.pf-v6-theme-high-contrast) {
|
|
3809
3912
|
--pf-t--global--background--color--primary--default: var(--pf-t--color--black);
|
|
3810
3913
|
--pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200);
|