@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.
Files changed (183) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/components/package.json +1 -1
  3. package/deprecated/package.json +1 -1
  4. package/dist/dynamic/components/AboutModal/package.json +1 -1
  5. package/dist/dynamic/components/Accordion/package.json +1 -1
  6. package/dist/dynamic/components/ActionList/package.json +1 -1
  7. package/dist/dynamic/components/Alert/package.json +1 -1
  8. package/dist/dynamic/components/Avatar/package.json +1 -1
  9. package/dist/dynamic/components/BackToTop/package.json +1 -1
  10. package/dist/dynamic/components/Backdrop/package.json +1 -1
  11. package/dist/dynamic/components/BackgroundImage/package.json +1 -1
  12. package/dist/dynamic/components/Badge/package.json +1 -1
  13. package/dist/dynamic/components/Banner/package.json +1 -1
  14. package/dist/dynamic/components/Brand/package.json +1 -1
  15. package/dist/dynamic/components/Breadcrumb/package.json +1 -1
  16. package/dist/dynamic/components/Button/package.json +1 -1
  17. package/dist/dynamic/components/CalendarMonth/package.json +1 -1
  18. package/dist/dynamic/components/Card/package.json +1 -1
  19. package/dist/dynamic/components/Checkbox/package.json +1 -1
  20. package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
  21. package/dist/dynamic/components/CodeBlock/package.json +1 -1
  22. package/dist/dynamic/components/Compass/package.json +1 -1
  23. package/dist/dynamic/components/Content/package.json +1 -1
  24. package/dist/dynamic/components/DataList/package.json +1 -1
  25. package/dist/dynamic/components/DatePicker/package.json +1 -1
  26. package/dist/dynamic/components/DescriptionList/package.json +1 -1
  27. package/dist/dynamic/components/Divider/package.json +1 -1
  28. package/dist/dynamic/components/Drawer/package.json +1 -1
  29. package/dist/dynamic/components/Dropdown/package.json +1 -1
  30. package/dist/dynamic/components/DualListSelector/package.json +1 -1
  31. package/dist/dynamic/components/EmptyState/package.json +1 -1
  32. package/dist/dynamic/components/ExpandableSection/package.json +1 -1
  33. package/dist/dynamic/components/FileUpload/package.json +1 -1
  34. package/dist/dynamic/components/Form/package.json +1 -1
  35. package/dist/dynamic/components/FormSelect/package.json +1 -1
  36. package/dist/dynamic/components/HelperText/package.json +1 -1
  37. package/dist/dynamic/components/Hero/package.json +1 -1
  38. package/dist/dynamic/components/Hint/package.json +1 -1
  39. package/dist/dynamic/components/Icon/package.json +1 -1
  40. package/dist/dynamic/components/InputGroup/package.json +1 -1
  41. package/dist/dynamic/components/JumpLinks/package.json +1 -1
  42. package/dist/dynamic/components/Label/package.json +1 -1
  43. package/dist/dynamic/components/List/package.json +1 -1
  44. package/dist/dynamic/components/LoginPage/package.json +1 -1
  45. package/dist/dynamic/components/Masthead/package.json +1 -1
  46. package/dist/dynamic/components/Menu/package.json +1 -1
  47. package/dist/dynamic/components/MenuToggle/package.json +1 -1
  48. package/dist/dynamic/components/Modal/package.json +1 -1
  49. package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
  50. package/dist/dynamic/components/Nav/package.json +1 -1
  51. package/dist/dynamic/components/NotificationBadge/package.json +1 -1
  52. package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
  53. package/dist/dynamic/components/NumberInput/package.json +1 -1
  54. package/dist/dynamic/components/OverflowMenu/package.json +1 -1
  55. package/dist/dynamic/components/Page/package.json +1 -1
  56. package/dist/dynamic/components/Pagination/package.json +1 -1
  57. package/dist/dynamic/components/Panel/package.json +1 -1
  58. package/dist/dynamic/components/Popover/package.json +1 -1
  59. package/dist/dynamic/components/Progress/package.json +1 -1
  60. package/dist/dynamic/components/ProgressStepper/package.json +1 -1
  61. package/dist/dynamic/components/Radio/package.json +1 -1
  62. package/dist/dynamic/components/SearchInput/package.json +1 -1
  63. package/dist/dynamic/components/Select/package.json +1 -1
  64. package/dist/dynamic/components/Sidebar/package.json +1 -1
  65. package/dist/dynamic/components/SimpleList/package.json +1 -1
  66. package/dist/dynamic/components/Skeleton/package.json +1 -1
  67. package/dist/dynamic/components/SkipToContent/package.json +1 -1
  68. package/dist/dynamic/components/Slider/package.json +1 -1
  69. package/dist/dynamic/components/Spinner/package.json +1 -1
  70. package/dist/dynamic/components/Switch/package.json +1 -1
  71. package/dist/dynamic/components/Tabs/package.json +1 -1
  72. package/dist/dynamic/components/TextArea/package.json +1 -1
  73. package/dist/dynamic/components/TextInput/package.json +1 -1
  74. package/dist/dynamic/components/TextInputGroup/package.json +1 -1
  75. package/dist/dynamic/components/TimePicker/package.json +1 -1
  76. package/dist/dynamic/components/Timestamp/package.json +1 -1
  77. package/dist/dynamic/components/Title/package.json +1 -1
  78. package/dist/dynamic/components/ToggleGroup/package.json +1 -1
  79. package/dist/dynamic/components/Toolbar/package.json +1 -1
  80. package/dist/dynamic/components/Tooltip/package.json +1 -1
  81. package/dist/dynamic/components/TreeView/package.json +1 -1
  82. package/dist/dynamic/components/Truncate/package.json +1 -1
  83. package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
  84. package/dist/dynamic/components/Wizard/package.json +1 -1
  85. package/dist/dynamic/deprecated/components/Chip/package.json +1 -1
  86. package/dist/dynamic/deprecated/components/DragDrop/package.json +1 -1
  87. package/dist/dynamic/deprecated/components/DualListSelector/package.json +1 -1
  88. package/dist/dynamic/deprecated/components/Modal/package.json +1 -1
  89. package/dist/dynamic/deprecated/components/Tile/package.json +1 -1
  90. package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
  91. package/dist/dynamic/deprecated/components/package.json +1 -1
  92. package/dist/dynamic/helpers/AnimationsProvider/AnimationsProvider/package.json +1 -1
  93. package/dist/dynamic/helpers/AnimationsProvider/package.json +1 -1
  94. package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
  95. package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
  96. package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
  97. package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
  98. package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
  99. package/dist/dynamic/helpers/constants/package.json +1 -1
  100. package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
  101. package/dist/dynamic/helpers/fileUtils/package.json +1 -1
  102. package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
  103. package/dist/dynamic/helpers/package.json +1 -1
  104. package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
  105. package/dist/dynamic/helpers/typeUtils/package.json +1 -1
  106. package/dist/dynamic/helpers/useInterval/package.json +1 -1
  107. package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
  108. package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
  109. package/dist/dynamic/helpers/util/package.json +1 -1
  110. package/dist/dynamic/layouts/Bullseye/package.json +1 -1
  111. package/dist/dynamic/layouts/Flex/package.json +1 -1
  112. package/dist/dynamic/layouts/Gallery/package.json +1 -1
  113. package/dist/dynamic/layouts/Grid/package.json +1 -1
  114. package/dist/dynamic/layouts/Level/package.json +1 -1
  115. package/dist/dynamic/layouts/Split/package.json +1 -1
  116. package/dist/dynamic/layouts/Stack/package.json +1 -1
  117. package/dist/dynamic/styles/package.json +1 -1
  118. package/dist/styles/base-no-reset.css +357 -55
  119. package/dist/styles/base.css +357 -55
  120. package/dist/umd/assets/{output-D7aVMH-H.css → output-BAxRJ0zl.css} +16852 -16850
  121. package/dist/umd/react-core.min.js +3 -3
  122. package/helpers/package.json +1 -1
  123. package/layouts/package.json +1 -1
  124. package/next/package.json +1 -1
  125. package/package.json +6 -6
  126. package/src/components/AboutModal/__tests__/__snapshots__/AboutModalBoxCloseButton.test.tsx.snap +48 -12
  127. package/src/components/Alert/__tests__/Generated/__snapshots__/AlertActionCloseButton.test.tsx.snap +16 -4
  128. package/src/components/Alert/__tests__/Generated/__snapshots__/AlertIcon.test.tsx.snap +16 -4
  129. package/src/components/Alert/__tests__/__snapshots__/AlertActionCloseButton.test.tsx.snap +16 -4
  130. package/src/components/Alert/examples/AlertAsyncLiveRegion.tsx +1 -7
  131. package/src/components/BackToTop/__tests__/__snapshots__/BackToTop.test.tsx.snap +16 -4
  132. package/src/components/Breadcrumb/__tests__/__snapshots__/Breadcrumb.test.tsx.snap +16 -4
  133. package/src/components/Card/__tests__/__snapshots__/CardHeader.test.tsx.snap +16 -4
  134. package/src/components/ClipboardCopy/__tests__/__snapshots__/ClipboardCopyButton.test.tsx.snap +16 -4
  135. package/src/components/ClipboardCopy/__tests__/__snapshots__/ClipboardCopyToggle.test.tsx.snap +16 -4
  136. package/src/components/DataList/__tests__/Generated/__snapshots__/DataListToggle.test.tsx.snap +16 -4
  137. package/src/components/DataList/__tests__/__snapshots__/DataListToggle.test.tsx.snap +16 -4
  138. package/src/components/DatePicker/__tests__/__snapshots__/DatePicker.test.tsx.snap +80 -20
  139. package/src/components/Drawer/__tests__/__snapshots__/Drawer.test.tsx.snap +96 -24
  140. package/src/components/DualListSelector/__tests__/__snapshots__/DualListSelector.test.tsx.snap +16 -4
  141. package/src/components/EmptyState/__tests__/Generated/__snapshots__/EmptyStateIcon.test.tsx.snap +16 -4
  142. package/src/components/ExpandableSection/__tests__/__snapshots__/ExpandableSection.test.tsx.snap +80 -20
  143. package/src/components/Form/__tests__/__snapshots__/FormFieldGroup.test.tsx.snap +16 -4
  144. package/src/components/FormSelect/__tests__/__snapshots__/FormSelect.test.tsx.snap +192 -48
  145. package/src/components/Icon/__tests__/__snapshots__/Icon.test.tsx.snap +48 -12
  146. package/src/components/JumpLinks/__tests__/__snapshots__/JumpLinks.test.tsx.snap +16 -4
  147. package/src/components/Label/__tests__/__snapshots__/Label.test.tsx.snap +48 -12
  148. package/src/components/Label/__tests__/__snapshots__/LabelGroup.test.tsx.snap +16 -4
  149. package/src/components/LoginPage/__tests__/__snapshots__/LoginForm.test.tsx.snap +16 -4
  150. package/src/components/MenuToggle/__tests__/__snapshots__/MenuToggle.test.tsx.snap +160 -40
  151. package/src/components/Modal/__tests__/__snapshots__/ModalBoxTitle.test.tsx.snap +80 -20
  152. package/src/components/Modal/__tests__/__snapshots__/ModalContent.test.tsx.snap +16 -4
  153. package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadStatus.test.tsx.snap +80 -20
  154. package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadStatusItem.test.tsx.snap +224 -56
  155. package/src/components/Nav/__tests__/Generated/__snapshots__/NavExpandable.test.tsx.snap +16 -4
  156. package/src/components/Nav/__tests__/__snapshots__/Nav.test.tsx.snap +64 -16
  157. package/src/components/NotificationBadge/__tests__/__snapshots__/NotificationBadge.test.tsx.snap +48 -12
  158. package/src/components/NotificationDrawer/__tests__/__snapshots__/NotificationDrawerGroup.test.tsx.snap +64 -16
  159. package/src/components/NotificationDrawer/__tests__/__snapshots__/NotificationDrawerListItemHeader.test.tsx.snap +80 -20
  160. package/src/components/NumberInput/__tests__/__snapshots__/NumberInput.test.tsx.snap +464 -116
  161. package/src/components/Page/__tests__/__snapshots__/Page.test.tsx.snap +432 -108
  162. package/src/components/Pagination/__tests__/Generated/__snapshots__/PaginationNavigation.test.tsx.snap +64 -16
  163. package/src/components/Pagination/__tests__/Generated/__snapshots__/PaginationOptionsMenu.test.tsx.snap +16 -4
  164. package/src/components/Pagination/__tests__/__snapshots__/Pagination.test.tsx.snap +1664 -416
  165. package/src/components/Popover/__tests__/Generated/__snapshots__/PopoverCloseButton.test.tsx.snap +16 -4
  166. package/src/components/Progress/__tests__/Generated/__snapshots__/ProgressContainer.test.tsx.snap +16 -4
  167. package/src/components/Progress/__tests__/__snapshots__/Progress.test.tsx.snap +48 -12
  168. package/src/components/SearchInput/__tests__/__snapshots__/SearchInput.test.tsx.snap +352 -88
  169. package/src/components/Switch/__tests__/__snapshots__/Switch.test.tsx.snap +64 -16
  170. package/src/components/Tabs/__tests__/__snapshots__/OverflowTab.test.tsx.snap +32 -8
  171. package/src/components/Tabs/__tests__/__snapshots__/Tabs.test.tsx.snap +16 -4
  172. package/src/components/TextInput/__tests__/__snapshots__/TextInput.test.tsx.snap +32 -8
  173. package/src/components/ToggleGroup/examples/ToggleGroupDefaultSingle.tsx +2 -1
  174. package/src/components/Toolbar/__tests__/__snapshots__/Toolbar.test.tsx.snap +48 -12
  175. package/src/components/TreeView/__tests__/__snapshots__/TreeViewListItem.test.tsx.snap +16 -4
  176. package/src/components/TreeView/__tests__/__snapshots__/TreeViewSearch.test.tsx.snap +16 -4
  177. package/src/deprecated/components/Chip/__tests__/__snapshots__/Chip.test.tsx.snap +16 -4
  178. package/src/deprecated/components/DualListSelector/__tests__/__snapshots__/DualListSelector.test.tsx.snap +432 -108
  179. package/src/deprecated/components/Modal/__tests__/__snapshots__/ModalBoxTitle.test.tsx.snap +80 -20
  180. package/src/deprecated/components/Modal/__tests__/__snapshots__/ModalContent.test.tsx.snap +128 -32
  181. package/src/deprecated/components/Tile/__tests__/__snapshots__/Tile.test.tsx.snap +48 -12
  182. package/src/deprecated/components/Wizard/__tests__/Generated/__snapshots__/WizardToggle.test.tsx.snap +16 -4
  183. package/src/deprecated/components/Wizard/__tests__/__snapshots__/Wizard.test.tsx.snap +96 -24
package/dist/styles/base.css CHANGED
@@ -262,6 +262,11 @@ button) {
262
262
  }
263
263
  }
264
264
 
265
+ :root {
266
+ container-type: inline-size;
267
+ container-name: pf-v6-contain-viewport pf-v6-contain-table;
268
+ }
269
+
265
270
  @property --pf-v6-global--danger-jiggle--TranslateX {
266
271
  syntax: "<length>";
267
272
  inherits: false;
@@ -1047,6 +1052,18 @@ button) {
1047
1052
  vertical-align: -0.125em;
1048
1053
  }
1049
1054
 
1055
+ .pf-v6-svg .pf-v6-icon-rh-ui {
1056
+ display: none;
1057
+ }
1058
+
1059
+ .pf-v6-icon-set-rh-ui .pf-v6-svg .pf-v6-icon-default {
1060
+ display: none;
1061
+ }
1062
+
1063
+ .pf-v6-icon-set-rh-ui .pf-v6-svg .pf-v6-icon-rh-ui {
1064
+ display: revert;
1065
+ }
1066
+
1050
1067
  :root {
1051
1068
  --pf-v6-global--inverse--multiplier: 1;
1052
1069
  --pf-t--color--black: #000000;
@@ -1062,6 +1079,7 @@ button) {
1062
1079
  --pf-t--color--gray--20: #e0e0e0;
1063
1080
  --pf-t--color--gray--30: #c7c7c7;
1064
1081
  --pf-t--color--gray--40: #a3a3a3;
1082
+ --pf-t--color--gray--45: #8c8c8c;
1065
1083
  --pf-t--color--gray--50: #707070;
1066
1084
  --pf-t--color--gray--60: #4d4d4d;
1067
1085
  --pf-t--color--gray--70: #383838;
@@ -1092,6 +1110,7 @@ button) {
1092
1110
  --pf-t--color--purple--60: #3d2785;
1093
1111
  --pf-t--color--purple--70: #21134d;
1094
1112
  --pf-t--color--purple--80: #1b0d33;
1113
+ --pf-t--color--red--05: #fef0f0;
1095
1114
  --pf-t--color--red--10: #fce3e3;
1096
1115
  --pf-t--color--red--20: #fbc5c5;
1097
1116
  --pf-t--color--red--30: #f9a8a8;
@@ -1125,9 +1144,14 @@ button) {
1125
1144
  --pf-t--color--yellow--60: #96640f;
1126
1145
  --pf-t--color--yellow--70: #73480b;
1127
1146
  --pf-t--color--yellow--80: #54330b;
1128
- --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
1147
+ --pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000);
1129
1148
  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
1149
+ --pf-t--global--background--color--700: rgba(199, 199, 199, 0.1000);
1130
1150
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
1151
+ --pf-t--global--background--filter--glass--blur--floating: blur(0px);
1152
+ --pf-t--global--background--filter--glass--blur--primary: blur(0px);
1153
+ --pf-t--global--background--opacity--glass--floating: 100%;
1154
+ --pf-t--global--background--opacity--glass--primary: 100%;
1131
1155
  --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
1132
1156
  --pf-t--global--border--radius--0: 0px;
1133
1157
  --pf-t--global--border--radius--100: 4px;
@@ -1155,12 +1179,12 @@ button) {
1155
1179
  --pf-t--global--box-shadow--X--700: 10px;
1156
1180
  --pf-t--global--box-shadow--X--800: 20px;
1157
1181
  --pf-t--global--box-shadow--Y--100: -10px;
1158
- --pf-t--global--box-shadow--Y--200: -4px;
1182
+ --pf-t--global--box-shadow--Y--200: -2px;
1159
1183
  --pf-t--global--box-shadow--Y--300: -1px;
1160
1184
  --pf-t--global--box-shadow--Y--400: 0px;
1161
1185
  --pf-t--global--box-shadow--Y--50: -20px;
1162
1186
  --pf-t--global--box-shadow--Y--500: 1px;
1163
- --pf-t--global--box-shadow--Y--600: 4px;
1187
+ --pf-t--global--box-shadow--Y--600: 2px;
1164
1188
  --pf-t--global--box-shadow--Y--700: 10px;
1165
1189
  --pf-t--global--box-shadow--Y--800: 20px;
1166
1190
  --pf-t--global--box-shadow--blur--100: 4px;
@@ -1231,6 +1255,7 @@ button) {
1231
1255
  --pf-t--global--spacer--800: 5rem;
1232
1256
  --pf-t--global--text-decoration--line--100: none;
1233
1257
  --pf-t--global--text-decoration--line--200: underline;
1258
+ --pf-t--global--text-decoration--offset--hover: 5;
1234
1259
  --pf-t--global--text-decoration--style--100: solid;
1235
1260
  --pf-t--global--text-decoration--style--200: dashed;
1236
1261
  --pf-t--global--timing-function--100: cubic-bezier(.4, 0, .7, .2);
@@ -1252,12 +1277,14 @@ button) {
1252
1277
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
1253
1278
  --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
1254
1279
  --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
1280
+ --pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--background--color--600);
1281
+ --pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--background--color--700);
1255
1282
  --pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
1256
1283
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
1257
1284
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
1258
- --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
1285
+ --pf-t--global--border--color--300: var(--pf-t--color--gray--45);
1259
1286
  --pf-t--global--border--color--400: var(--pf-t--color--gray--60);
1260
- --pf-t--global--border--color--50: var(--pf-t--color--gray--20);
1287
+ --pf-t--global--border--color--50: var(--pf-t--color--gray--10);
1261
1288
  --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
1262
1289
  --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
1263
1290
  --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
@@ -1267,9 +1294,9 @@ button) {
1267
1294
  --pf-t--global--border--width--action--clicked: var(--pf-t--global--border--width--200);
1268
1295
  --pf-t--global--border--width--action--default: var(--pf-t--global--border--width--100);
1269
1296
  --pf-t--global--border--width--action--hover: var(--pf-t--global--border--width--200);
1270
- --pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--200);
1297
+ --pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--300);
1271
1298
  --pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
1272
- --pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--100);
1299
+ --pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--200);
1273
1300
  --pf-t--global--border--width--box--status--default: var(--pf-t--global--border--width--200);
1274
1301
  --pf-t--global--border--width--box--status--read: var(--pf-t--global--border--width--100);
1275
1302
  --pf-t--global--border--width--control--clicked: var(--pf-t--global--border--width--200);
@@ -1343,9 +1370,17 @@ button) {
1343
1370
  --pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
1344
1371
  --pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
1345
1372
  --pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
1373
+ --pf-t--global--color--brand--accent--100: var(--pf-t--color--red--50);
1374
+ --pf-t--global--color--brand--accent--200: var(--pf-t--color--red--60);
1375
+ --pf-t--global--color--brand--accent--300: var(--pf-t--color--red--70);
1376
+ --pf-t--global--color--brand--accent--400: var(--pf-t--color--black);
1377
+ --pf-t--global--color--brand--subtle--100: var(--pf-t--color--blue--10);
1378
+ --pf-t--global--color--brand--subtle--200: var(--pf-t--color--blue--20);
1379
+ --pf-t--global--color--brand--subtle--300: var(--pf-t--color--blue--40);
1380
+ --pf-t--global--color--brand--subtle--400: var(--pf-t--color--blue--50);
1346
1381
  --pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
1347
1382
  --pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
1348
- --pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
1383
+ --pf-t--global--color--disabled--300: var(--pf-t--color--gray--50);
1349
1384
  --pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
1350
1385
  --pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
1351
1386
  --pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
@@ -1411,7 +1446,7 @@ button) {
1411
1446
  --pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
1412
1447
  --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
1413
1448
  --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
1414
- --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--80);
1449
+ --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--70);
1415
1450
  --pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
1416
1451
  --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
1417
1452
  --pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
@@ -1496,8 +1531,8 @@ button) {
1496
1531
  --pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
1497
1532
  --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
1498
1533
  --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
1499
- --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
1500
- --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
1534
+ --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--200);
1535
+ --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--200);
1501
1536
  --pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
1502
1537
  --pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
1503
1538
  --pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
@@ -1522,8 +1557,12 @@ button) {
1522
1557
  --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--background--color--300);
1523
1558
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
1524
1559
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
1560
+ --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--300);
1561
+ --pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--200);
1562
+ --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--300);
1525
1563
  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
1526
- --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--50);
1564
+ --pf-t--global--border--color--control--default: var(--pf-t--global--border--color--300);
1565
+ --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--100);
1527
1566
  --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
1528
1567
  --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
1529
1568
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
@@ -1558,9 +1597,17 @@ button) {
1558
1597
  --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
1559
1598
  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
1560
1599
  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
1600
+ --pf-t--global--border--color--subtle: var(--pf-t--global--border--color--50);
1601
+ --pf-t--global--border--radius--action--default: var(--pf-t--global--border--radius--pill);
1602
+ --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--small);
1603
+ --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--small);
1604
+ --pf-t--global--border--radius--control--form-element: var(--pf-t--global--border--radius--small);
1561
1605
  --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--300);
1562
1606
  --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--200);
1563
1607
  --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--300);
1608
+ --pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--200);
1609
+ --pf-t--global--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--100);
1610
+ --pf-t--global--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--200);
1564
1611
  --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--200);
1565
1612
  --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--100);
1566
1613
  --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--200);
@@ -1691,7 +1738,10 @@ button) {
1691
1738
  --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
1692
1739
  --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
1693
1740
  --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
1741
+ --pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--strong);
1694
1742
  --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
1743
+ --pf-t--global--background--color--glass--floating: var(--pf-t--global--background--color--floating--default);
1744
+ --pf-t--global--background--color--glass--primary: var(--pf-t--global--background--color--primary--default);
1695
1745
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
1696
1746
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
1697
1747
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
@@ -1709,6 +1759,9 @@ button) {
1709
1759
  --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
1710
1760
  --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
1711
1761
  --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
1762
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked);
1763
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default);
1764
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover);
1712
1765
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
1713
1766
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
1714
1767
  --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
@@ -1749,9 +1802,15 @@ button) {
1749
1802
  --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--regular);
1750
1803
  --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--regular);
1751
1804
  --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--regular);
1805
+ --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
1806
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
1807
+ --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
1752
1808
  --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
1753
1809
  --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
1754
1810
  --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
1811
+ --pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular);
1812
+ --pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular);
1813
+ --pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular);
1755
1814
  --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
1756
1815
  --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
1757
1816
  --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
@@ -1824,9 +1883,15 @@ button) {
1824
1883
  --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--regular);
1825
1884
  --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--regular);
1826
1885
  --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--regular);
1886
+ --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
1887
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
1888
+ --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
1827
1889
  --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
1828
1890
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
1829
1891
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
1892
+ --pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular);
1893
+ --pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular);
1894
+ --pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular);
1830
1895
  --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
1831
1896
  --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
1832
1897
  --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -1861,7 +1926,15 @@ button) {
1861
1926
  --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
1862
1927
  --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
1863
1928
  --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
1929
+ --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
1930
+ --pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
1931
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
1932
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
1933
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
1864
1934
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
1935
+ --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
1936
+ --pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
1937
+ --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
1865
1938
  --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
1866
1939
  --pf-t--global--text-decoration--color--hover: currentcolor;
1867
1940
  --pf-t--global--text-decoration--offset--hover: calc(var(--pf-t--global--spacer--xs) + 1px);
@@ -1957,59 +2030,27 @@ button) {
1957
2030
  var(--pf-t--global--box-shadow--color--lg--directional);
1958
2031
  --pf-t--global--list-style: disc outside;
1959
2032
  --pf-t--temp--dev--tbd: #BC11E0;
1960
- --pf-t--global--background--color--glass--filter--base: none;
1961
- --pf-t--global--background--color--glass--opacity--base: 1;
1962
- --pf-t--global--background--color--glass--default--base: var(--pf-t--global--background--color--primary--default);
1963
- --pf-t--global--background--color--glass--filter: var(--pf-t--global--background--color--glass--filter--base);
1964
- --pf-t--global--background--color--glass--opacity: var(--pf-t--global--background--color--glass--opacity--base);
1965
- --pf-t--global--background--color--glass--default: var(--pf-t--global--background--color--glass--default--base);
1966
- --pf-t--global--dark--background--color--glass--filter: var(--pf-t--global--background--color--glass--filter--base);
1967
- --pf-t--global--dark--background--color--glass--opacity: var(--pf-t--global--background--color--glass--opacity--base);
1968
- --pf-t--global--dark--background--color--glass--default: var(--pf-t--global--background--color--glass--default--base);
1969
- --pf-t--global--light--glass--background--color--glass--color: #ffffff;
1970
- --pf-t--global--light--glass--background--color--glass--filter: blur(12.5px);
1971
- --pf-t--global--light--glass--background--color--glass--opacity: 85%;
1972
- --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 );
1973
- --pf-t--global--dark--glass--background--color--glass--color: #1d1d1d;
1974
- --pf-t--global--dark--glass--background--color--glass--filter: blur(12.5px);
1975
- --pf-t--global--dark--glass--background--color--glass--opacity: 85%;
1976
- --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 );
1977
- }
1978
-
1979
- :root:where(.pf-v6-theme-dark) {
1980
- --pf-t--global--background--color--glass--filter: var(--pf-t--global--dark--background--color--glass--filter);
1981
- --pf-t--global--background--color--glass--opacity: var(--pf-t--global--dark--background--color--glass--opacity);
1982
- --pf-t--global--background--color--glass--default: var(--pf-t--global--dark--background--color--glass--default);
1983
- }
1984
-
1985
- :root:where(.pf-v6-theme-glass) {
1986
- --pf-t--global--background--color--glass--filter: var(--pf-t--global--light--glass--background--color--glass--filter);
1987
- --pf-t--global--background--color--glass--opacity: var(--pf-t--global--light--glass--background--color--glass--opacity);
1988
- --pf-t--global--background--color--glass--default: var(--pf-t--global--light--glass--background--color--glass--default);
1989
- }
1990
-
1991
- :root:where(.pf-v6-theme-glass.pf-v6-theme-dark) {
1992
- --pf-t--global--background--color--glass--filter: var(--pf-t--global--dark--glass--background--color--glass--filter);
1993
- --pf-t--global--background--color--glass--opacity: var(--pf-t--global--dark--glass--background--color--glass--opacity);
1994
- --pf-t--global--background--color--glass--default: var(--pf-t--global--dark--glass--background--color--glass--default);
1995
- }
1996
-
1997
- :root:where(.pf-v6-theme-high-contrast) {
1998
- --pf-t--global--background--color--glass--filter: var(--pf-t--global--background--color--glass--filter--base);
1999
- --pf-t--global--background--color--glass--opacity: var(--pf-t--global--background--color--glass--opacity--base);
2000
- --pf-t--global--background--color--glass--default: var(--pf-t--global--background--color--glass--default--base);
2033
+ --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 );
2034
+ --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 );
2001
2035
  }
2002
2036
 
2003
2037
  :root:where(.pf-v6-theme-dark) {
2004
2038
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
2039
+ --pf-t--global--background--filter--glass--blur--floating: blur(0px);
2040
+ --pf-t--global--background--filter--glass--blur--primary: blur(0px);
2041
+ --pf-t--global--background--opacity--glass--floating: 100%;
2042
+ --pf-t--global--background--opacity--glass--primary: 100%;
2005
2043
  --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
2006
2044
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
2007
2045
  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
2046
+ --pf-t--global--dark--background--color--700: rgba(199, 199, 199, 0.2500);
2008
2047
  --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
2009
2048
  --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
2010
2049
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
2011
2050
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
2012
2051
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
2052
+ --pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--dark--background--color--700);
2053
+ --pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--dark--background--color--600);
2013
2054
  --pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
2014
2055
  --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
2015
2056
  --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
@@ -2027,10 +2068,18 @@ button) {
2027
2068
  --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
2028
2069
  --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
2029
2070
  --pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
2030
- --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
2071
+ --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--70);
2031
2072
  --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
2032
2073
  --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
2033
2074
  --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
2075
+ --pf-t--global--dark--color--brand--accent--100: var(--pf-t--color--red--50);
2076
+ --pf-t--global--dark--color--brand--accent--200: var(--pf-t--color--red--40);
2077
+ --pf-t--global--dark--color--brand--accent--300: var(--pf-t--color--red--30);
2078
+ --pf-t--global--dark--color--brand--accent--350: var(--pf-t--color--red--20);
2079
+ --pf-t--global--dark--color--brand--accent--400: var(--pf-t--color--white);
2080
+ --pf-t--global--dark--color--brand--subtle--100: var(--pf-t--color--blue--70);
2081
+ --pf-t--global--dark--color--brand--subtle--200: var(--pf-t--color--blue--60);
2082
+ --pf-t--global--dark--color--brand--subtle--300: var(--pf-t--color--blue--30);
2034
2083
  --pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
2035
2084
  --pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
2036
2085
  --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
@@ -2118,9 +2167,13 @@ button) {
2118
2167
  --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
2119
2168
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
2120
2169
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
2170
+ --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--300);
2171
+ --pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--200);
2172
+ --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--300);
2121
2173
  --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
2174
+ --pf-t--global--border--color--control--default: var(--pf-t--global--dark--border--color--200);
2122
2175
  --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
2123
- --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--200);
2176
+ --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--100);
2124
2177
  --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--200);
2125
2178
  --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
2126
2179
  --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
@@ -2151,9 +2204,13 @@ button) {
2151
2204
  --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
2152
2205
  --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
2153
2206
  --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--200);
2207
+ --pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--50);
2154
2208
  --pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200);
2155
2209
  --pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100);
2156
2210
  --pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200);
2211
+ --pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--200);
2212
+ --pf-t--global--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--100);
2213
+ --pf-t--global--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--200);
2157
2214
  --pf-t--global--color--favorite--clicked: var(--pf-t--global--dark--color--favorite--200);
2158
2215
  --pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
2159
2216
  --pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
@@ -2230,6 +2287,8 @@ button) {
2230
2287
  --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--250);
2231
2288
  --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
2232
2289
  --pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
2290
+ --pf-t--global--background--color--glass--floating: var(--pf-t--global--background--color--floating--default);
2291
+ --pf-t--global--background--color--glass--primary: var(--pf-t--global--background--color--primary--default);
2233
2292
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
2234
2293
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
2235
2294
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
@@ -2250,6 +2309,9 @@ button) {
2250
2309
  --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
2251
2310
  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
2252
2311
  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
2312
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked);
2313
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default);
2314
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover);
2253
2315
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
2254
2316
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
2255
2317
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
@@ -2288,9 +2350,15 @@ button) {
2288
2350
  --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--inverse);
2289
2351
  --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--inverse);
2290
2352
  --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--inverse);
2353
+ --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
2354
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--regular);
2355
+ --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
2291
2356
  --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
2292
2357
  --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
2293
2358
  --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
2359
+ --pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular);
2360
+ --pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular);
2361
+ --pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular);
2294
2362
  --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
2295
2363
  --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
2296
2364
  --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
@@ -2354,9 +2422,15 @@ button) {
2354
2422
  --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--inverse);
2355
2423
  --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--inverse);
2356
2424
  --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--inverse);
2425
+ --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
2426
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
2427
+ --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
2357
2428
  --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
2358
2429
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
2359
2430
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
2431
+ --pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular);
2432
+ --pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular);
2433
+ --pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular);
2360
2434
  --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
2361
2435
  --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
2362
2436
  --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -2391,6 +2465,14 @@ button) {
2391
2465
  --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
2392
2466
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
2393
2467
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
2468
+ --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
2469
+ --pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
2470
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
2471
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
2472
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
2473
+ --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
2474
+ --pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
2475
+ --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
2394
2476
  }
2395
2477
 
2396
2478
  :root:where(.pf-v6-theme-high-contrast) {
@@ -3486,6 +3568,226 @@ button) {
3486
3568
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
3487
3569
  }
3488
3570
 
3571
+ :root:where(.pf-v6-theme-glass) {
3572
+ --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
3573
+ --pf-t--global--background--opacity--glass--primary: 80%;
3574
+ }
3575
+
3576
+ :root:where(.pf-v6-theme-glass.pf-v6-theme-dark) {
3577
+ --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
3578
+ --pf-t--global--background--opacity--glass--primary: 80%;
3579
+ }
3580
+
3581
+ :root:where(.pf-v6-theme-redhat) {
3582
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
3583
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
3584
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
3585
+ --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill);
3586
+ --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill);
3587
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
3588
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
3589
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
3590
+ }
3591
+
3592
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-dark) {
3593
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
3594
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
3595
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
3596
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200);
3597
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100);
3598
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200);
3599
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
3600
+ }
3601
+
3602
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-high-contrast) {
3603
+ --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
3604
+ --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150);
3605
+ --pf-t--global--border--width--action--plain--clicked: var(--pf-t--global--border--width--200);
3606
+ --pf-t--global--border--width--action--plain--hover: var(--pf-t--global--border--width--100);
3607
+ --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--200);
3608
+ --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--200);
3609
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
3610
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
3611
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
3612
+ --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--400);
3613
+ --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--400);
3614
+ --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--400);
3615
+ --pf-t--global--border--color--control--default: var(--pf-t--global--border--color--400);
3616
+ --pf-t--global--border--color--default: var(--pf-t--global--border--color--400);
3617
+ --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--300);
3618
+ --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--500);
3619
+ --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--400);
3620
+ --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--500);
3621
+ --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--500);
3622
+ --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--400);
3623
+ --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--500);
3624
+ --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--500);
3625
+ --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--500);
3626
+ --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--500);
3627
+ --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--400);
3628
+ --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--500);
3629
+ --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--500);
3630
+ --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--400);
3631
+ --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--500);
3632
+ --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--500);
3633
+ --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--400);
3634
+ --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--500);
3635
+ --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--500);
3636
+ --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--400);
3637
+ --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--500);
3638
+ --pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--500);
3639
+ --pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--400);
3640
+ --pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--500);
3641
+ --pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--500);
3642
+ --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--400);
3643
+ --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--500);
3644
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--400);
3645
+ --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
3646
+ --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--200);
3647
+ --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
3648
+ --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
3649
+ --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
3650
+ --pf-t--global--border--color--subtle: var(--pf-t--global--border--color--400);
3651
+ --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill);
3652
+ --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill);
3653
+ --pf-t--global--border--width--high-contrast--extra-strong: var(--pf-t--global--border--width--extra-strong);
3654
+ --pf-t--global--border--width--high-contrast--regular: var(--pf-t--global--border--width--regular);
3655
+ --pf-t--global--border--width--high-contrast--strong: var(--pf-t--global--border--width--strong);
3656
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--300);
3657
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--200);
3658
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--300);
3659
+ --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--400);
3660
+ --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--300);
3661
+ --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--400);
3662
+ --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--400);
3663
+ --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--300);
3664
+ --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--400);
3665
+ --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--100);
3666
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--50);
3667
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--100);
3668
+ --pf-t--global--color--status--custom--clicked: var(--pf-t--global--color--status--custom--300);
3669
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--200);
3670
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--300);
3671
+ --pf-t--global--color--status--danger--clicked: var(--pf-t--global--color--status--danger--300);
3672
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--color--status--danger--200);
3673
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--color--status--danger--300);
3674
+ --pf-t--global--color--status--info--clicked: var(--pf-t--global--color--status--info--300);
3675
+ --pf-t--global--color--status--info--default: var(--pf-t--global--color--status--info--200);
3676
+ --pf-t--global--color--status--info--hover: var(--pf-t--global--color--status--info--300);
3677
+ --pf-t--global--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
3678
+ --pf-t--global--color--status--success--default: var(--pf-t--global--color--status--success--200);
3679
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--color--status--success--300);
3680
+ --pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
3681
+ --pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
3682
+ --pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
3683
+ --pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--200);
3684
+ --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--400);
3685
+ --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--300);
3686
+ --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--400);
3687
+ --pf-t--global--icon--color--severity--important--default: var(--pf-t--global--color--severity--important--200);
3688
+ --pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--color--severity--minor--200);
3689
+ --pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--color--severity--moderate--200);
3690
+ --pf-t--global--icon--color--severity--none--default: var(--pf-t--global--color--severity--none--200);
3691
+ --pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--color--severity--undefined--200);
3692
+ --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200);
3693
+ --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
3694
+ --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
3695
+ --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
3696
+ --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
3697
+ --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
3698
+ --pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--150);
3699
+ --pf-t--global--text--color--brand--clicked: var(--pf-t--global--color--brand--500);
3700
+ --pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--400);
3701
+ --pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--500);
3702
+ --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--200);
3703
+ --pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--250);
3704
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--350);
3705
+ --pf-t--global--text--color--required: var(--pf-t--global--text--color--500);
3706
+ --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
3707
+ --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--200);
3708
+ --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--300);
3709
+ --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
3710
+ --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
3711
+ --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
3712
+ --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250);
3713
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
3714
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
3715
+ --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
3716
+ --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
3717
+ --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
3718
+ --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
3719
+ --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
3720
+ --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
3721
+ --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
3722
+ --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
3723
+ }
3724
+
3725
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-high-contrast.pf-v6-theme-dark) {
3726
+ --pf-t--global--background--color--primary--default: var(--pf-t--color--black);
3727
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
3728
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
3729
+ --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--100);
3730
+ --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--200);
3731
+ --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--300);
3732
+ --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--200);
3733
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--300);
3734
+ --pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--200);
3735
+ --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--200);
3736
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
3737
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
3738
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
3739
+ --pf-t--global--border--color--control--default: var(--pf-t--global--dark--border--color--300);
3740
+ --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--300);
3741
+ --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--100);
3742
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--300);
3743
+ --pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--300);
3744
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--350);
3745
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--300);
3746
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--350);
3747
+ --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--100);
3748
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--50);
3749
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--100);
3750
+ --pf-t--global--color--status--custom--clicked: var(--pf-t--global--dark--color--status--custom--300);
3751
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--200);
3752
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--300);
3753
+ --pf-t--global--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--250);
3754
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--200);
3755
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--250);
3756
+ --pf-t--global--color--status--success--clicked: var(--pf-t--global--dark--color--status--success--300);
3757
+ --pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--200);
3758
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--300);
3759
+ --pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--dark--color--severity--critical--200);
3760
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--400);
3761
+ --pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--400);
3762
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--300);
3763
+ --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
3764
+ --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
3765
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
3766
+ }
3767
+
3768
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-glass) {
3769
+ --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
3770
+ --pf-t--global--background--opacity--glass--primary: 80%;
3771
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
3772
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
3773
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
3774
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
3775
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
3776
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
3777
+ }
3778
+
3779
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-glass.pf-v6-theme-dark) {
3780
+ --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
3781
+ --pf-t--global--background--opacity--glass--primary: 80%;
3782
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
3783
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
3784
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
3785
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200);
3786
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100);
3787
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200);
3788
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
3789
+ }
3790
+
3489
3791
  :is(.pf-v6-m-dir-rtl, [dir=rtl]) {
3490
3792
  --pf-v6-global--inverse--multiplier: -1;
3491
3793
  }