@patternfly/patternfly 6.0.0-alpha.1 → 6.0.0-alpha.10

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 (282) hide show
  1. package/README.md +13 -3
  2. package/assets/icons/iconUnicodes.json +1 -0
  3. package/assets/pficon/pf-v5-pficon.woff2 +0 -0
  4. package/assets/pficon/pficon.scss +6 -129
  5. package/base/_common.scss +21 -0
  6. package/base/_globals.scss +14 -14
  7. package/base/_variables.scss +12 -0
  8. package/base/patternfly-common.css +16 -2
  9. package/base/patternfly-globals.css +13 -14
  10. package/base/patternfly-icons.css +5 -1
  11. package/base/patternfly-pf-icons.css +5 -1
  12. package/base/patternfly-variables.css +865 -0
  13. package/base/tokens/_tokens-dark.scss +331 -0
  14. package/base/tokens/_tokens-default.scss +379 -0
  15. package/base/tokens/_tokens-font.scss +96 -0
  16. package/base/tokens/_tokens-palette.scss +75 -0
  17. package/components/AboutModalBox/about-modal-box.css +23 -12
  18. package/components/AboutModalBox/about-modal-box.scss +25 -12
  19. package/components/Accordion/accordion.css +33 -20
  20. package/components/Accordion/accordion.scss +32 -20
  21. package/components/ActionList/action-list.css +2 -2
  22. package/components/ActionList/action-list.scss +2 -2
  23. package/components/Alert/alert-group.css +27 -20
  24. package/components/Alert/alert-group.scss +27 -20
  25. package/components/Alert/alert.css +74 -95
  26. package/components/Alert/alert.scss +76 -89
  27. package/components/AppLauncher/app-launcher.css +32 -23
  28. package/components/AppLauncher/app-launcher.scss +32 -23
  29. package/components/BackToTop/back-to-top.css +2 -2
  30. package/components/BackToTop/back-to-top.scss +2 -2
  31. package/components/Backdrop/backdrop.css +2 -2
  32. package/components/Backdrop/backdrop.scss +2 -2
  33. package/components/BackgroundImage/background-image.css +6 -3
  34. package/components/BackgroundImage/background-image.scss +8 -3
  35. package/components/Badge/badge.css +2 -2
  36. package/components/Badge/badge.scss +2 -2
  37. package/components/Banner/banner.css +5 -5
  38. package/components/Banner/banner.scss +5 -2
  39. package/components/Breadcrumb/breadcrumb.css +9 -3
  40. package/components/Breadcrumb/breadcrumb.scss +8 -3
  41. package/components/Button/button.css +167 -195
  42. package/components/Button/button.scss +187 -157
  43. package/components/Button/themes/dark/button.scss +1 -1
  44. package/components/CalendarMonth/calendar-month.css +25 -15
  45. package/components/CalendarMonth/calendar-month.scss +23 -15
  46. package/components/Card/card.css +25 -17
  47. package/components/Card/card.scss +24 -17
  48. package/components/Check/check.css +2 -2
  49. package/components/Check/check.scss +2 -2
  50. package/components/Chip/chip-group.css +6 -6
  51. package/components/Chip/chip-group.scss +6 -6
  52. package/components/Chip/chip.css +16 -9
  53. package/components/Chip/chip.scss +17 -9
  54. package/components/ClipboardCopy/clipboard-copy.css +19 -10
  55. package/components/ClipboardCopy/clipboard-copy.scss +16 -8
  56. package/components/ClipboardCopy/themes/dark/clipboard-copy.scss +2 -2
  57. package/components/CodeBlock/code-block.css +6 -3
  58. package/components/CodeBlock/code-block.scss +6 -3
  59. package/components/CodeEditor/code-editor.css +31 -22
  60. package/components/CodeEditor/code-editor.scss +30 -21
  61. package/components/CodeEditor/themes/dark/code-editor.scss +1 -1
  62. package/components/Content/content.css +100 -97
  63. package/components/Content/content.scss +101 -98
  64. package/components/ContextSelector/context-selector.css +41 -26
  65. package/components/ContextSelector/context-selector.scss +40 -25
  66. package/components/ContextSelector/themes/dark/context-selector.scss +1 -1
  67. package/components/DataList/data-list-grid.css +21 -21
  68. package/components/DataList/data-list-grid.scss +3 -3
  69. package/components/DataList/data-list.css +69 -56
  70. package/components/DataList/data-list.scss +47 -35
  71. package/components/DatePicker/date-picker.css +8 -8
  72. package/components/DatePicker/date-picker.scss +8 -8
  73. package/components/DescriptionList/description-list.css +8 -5
  74. package/components/DescriptionList/description-list.scss +8 -5
  75. package/components/DragDrop/drag-drop.css +8 -8
  76. package/components/DragDrop/drag-drop.scss +8 -8
  77. package/components/Drawer/drawer.css +120 -61
  78. package/components/Drawer/drawer.scss +92 -43
  79. package/components/Dropdown/dropdown.css +75 -66
  80. package/components/Dropdown/dropdown.scss +65 -56
  81. package/components/DualListSelector/dual-list-selector.css +29 -15
  82. package/components/DualListSelector/dual-list-selector.scss +30 -15
  83. package/components/EmptyState/empty-state.css +7 -4
  84. package/components/EmptyState/empty-state.scss +7 -4
  85. package/components/ExpandableSection/expandable-section.css +17 -10
  86. package/components/ExpandableSection/expandable-section.scss +15 -10
  87. package/components/FileUpload/file-upload.css +9 -15
  88. package/components/FileUpload/file-upload.scss +9 -15
  89. package/components/Form/form.css +53 -50
  90. package/components/Form/form.scss +46 -44
  91. package/components/FormControl/form-control.css +18 -9
  92. package/components/FormControl/form-control.scss +18 -9
  93. package/components/HelperText/helper-text.css +1 -1
  94. package/components/HelperText/helper-text.scss +1 -1
  95. package/components/Hint/hint.css +9 -6
  96. package/components/Hint/hint.scss +9 -6
  97. package/components/Icon/icon.css +1 -1
  98. package/components/Icon/icon.scss +1 -1
  99. package/components/InlineEdit/inline-edit.css +4 -4
  100. package/components/InlineEdit/inline-edit.scss +4 -4
  101. package/components/InputGroup/input-group.css +12 -6
  102. package/components/InputGroup/input-group.scss +11 -5
  103. package/components/InputGroup/themes/dark/input-group.scss +1 -1
  104. package/components/JumpLinks/jump-links.css +27 -24
  105. package/components/JumpLinks/jump-links.scss +26 -24
  106. package/components/Label/label-group.css +13 -10
  107. package/components/Label/label-group.scss +13 -10
  108. package/components/Label/label.css +9 -9
  109. package/components/Label/label.scss +9 -9
  110. package/components/List/list.css +9 -9
  111. package/components/List/list.scss +9 -9
  112. package/components/LogViewer/log-viewer.css +14 -14
  113. package/components/LogViewer/log-viewer.scss +14 -14
  114. package/components/Login/login.css +36 -27
  115. package/components/Login/login.scss +36 -27
  116. package/components/Masthead/masthead.css +68 -125
  117. package/components/Masthead/masthead.scss +123 -153
  118. package/components/Menu/menu.css +79 -65
  119. package/components/Menu/menu.scss +80 -68
  120. package/components/MenuToggle/menu-toggle.css +89 -99
  121. package/components/MenuToggle/menu-toggle.scss +92 -108
  122. package/components/ModalBox/modal-box.css +19 -19
  123. package/components/ModalBox/modal-box.scss +20 -20
  124. package/components/MultipleFileUpload/multiple-file-upload.css +11 -8
  125. package/components/MultipleFileUpload/multiple-file-upload.scss +11 -8
  126. package/components/Nav/nav.css +162 -133
  127. package/components/Nav/nav.scss +162 -135
  128. package/components/Nav/themes/dark/nav.scss +2 -2
  129. package/components/NotificationBadge/notification-badge.css +66 -85
  130. package/components/NotificationBadge/notification-badge.scss +72 -103
  131. package/components/NotificationDrawer/notification-drawer.css +32 -19
  132. package/components/NotificationDrawer/notification-drawer.scss +30 -19
  133. package/components/NumberInput/number-input.css +2 -2
  134. package/components/NumberInput/number-input.scss +2 -2
  135. package/components/OptionsMenu/options-menu.css +43 -31
  136. package/components/OptionsMenu/options-menu.scss +43 -31
  137. package/components/OverflowMenu/overflow-menu.css +2 -2
  138. package/components/OverflowMenu/overflow-menu.scss +2 -2
  139. package/components/Page/page.css +203 -135
  140. package/components/Page/page.scss +149 -108
  141. package/components/Page/themes/dark/page.scss +1 -1
  142. package/components/Pagination/pagination.css +27 -17
  143. package/components/Pagination/pagination.scss +25 -17
  144. package/components/Panel/panel.css +13 -7
  145. package/components/Panel/panel.scss +13 -7
  146. package/components/Popover/popover.css +72 -40
  147. package/components/Popover/popover.scss +95 -75
  148. package/components/Progress/progress.css +9 -7
  149. package/components/Progress/progress.scss +12 -7
  150. package/components/ProgressStepper/progress-stepper.css +26 -20
  151. package/components/ProgressStepper/progress-stepper.scss +25 -19
  152. package/components/Radio/radio.css +3 -3
  153. package/components/Radio/radio.scss +3 -3
  154. package/components/Select/select.css +56 -47
  155. package/components/Select/select.scss +56 -47
  156. package/components/Sidebar/sidebar.css +11 -5
  157. package/components/Sidebar/sidebar.scss +11 -5
  158. package/components/SimpleList/simple-list.css +10 -4
  159. package/components/SimpleList/simple-list.scss +10 -4
  160. package/components/Skeleton/skeleton.css +6 -5
  161. package/components/Skeleton/skeleton.scss +4 -5
  162. package/components/SkipToContent/skip-to-content.css +3 -3
  163. package/components/SkipToContent/skip-to-content.scss +3 -3
  164. package/components/Slider/slider.css +47 -26
  165. package/components/Slider/slider.scss +56 -28
  166. package/components/Switch/switch.css +9 -5
  167. package/components/Switch/switch.scss +10 -6
  168. package/components/TabContent/tab-content.css +4 -1
  169. package/components/TabContent/tab-content.scss +4 -1
  170. package/components/Table/table-grid.css +264 -203
  171. package/components/Table/table-grid.scss +61 -47
  172. package/components/Table/table-scrollable.css +4 -4
  173. package/components/Table/table-scrollable.scss +6 -4
  174. package/components/Table/table-tree-view.css +112 -105
  175. package/components/Table/table-tree-view.scss +38 -33
  176. package/components/Table/table.css +181 -158
  177. package/components/Table/table.scss +181 -164
  178. package/components/Tabs/tabs.css +76 -48
  179. package/components/Tabs/tabs.scss +74 -48
  180. package/components/TextInputGroup/text-input-group.css +15 -15
  181. package/components/TextInputGroup/text-input-group.scss +15 -15
  182. package/components/Tile/tile.css +10 -10
  183. package/components/Tile/tile.scss +10 -10
  184. package/components/ToggleGroup/toggle-group.css +14 -11
  185. package/components/ToggleGroup/toggle-group.scss +14 -11
  186. package/components/Toolbar/toolbar.css +48 -43
  187. package/components/Toolbar/toolbar.scss +29 -23
  188. package/components/Tooltip/tooltip.css +60 -28
  189. package/components/Tooltip/tooltip.scss +76 -56
  190. package/components/TreeView/tree-view.css +48 -27
  191. package/components/TreeView/tree-view.scss +50 -28
  192. package/components/Truncate/truncate.css +9 -0
  193. package/components/Truncate/truncate.scss +16 -3
  194. package/components/Wizard/wizard.css +57 -36
  195. package/components/Wizard/wizard.scss +57 -36
  196. package/docs/components/Alert/examples/Alert.md +1 -1
  197. package/docs/components/Button/examples/Button.css +2 -2
  198. package/docs/components/Button/examples/Button.md +15 -3
  199. package/docs/components/Card/examples/Card.md +15 -15
  200. package/docs/components/Check/examples/Check.md +71 -59
  201. package/docs/components/Chip/examples/Chip.md +1 -1
  202. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +106 -0
  203. package/docs/components/CodeEditor/examples/CodeEditor.md +3 -3
  204. package/docs/components/DragDrop/examples/DragDrop.css +2 -2
  205. package/docs/components/Dropdown/deprecated/Dropdown.css +1 -1
  206. package/docs/components/DualListSelector/examples/DualListSelector.md +64 -16
  207. package/docs/components/Label/examples/Label.md +1 -1
  208. package/docs/components/LogViewer/examples/LogViewer.css +2 -2
  209. package/docs/components/LogViewer/examples/LogViewer.md +120 -30
  210. package/docs/components/Masthead/examples/masthead.md +7 -54
  211. package/docs/components/Menu/examples/Menu.css +8 -0
  212. package/docs/components/Menu/examples/Menu.md +90 -73
  213. package/docs/components/MenuToggle/examples/MenuToggle.md +102 -81
  214. package/docs/components/ModalBox/examples/ModalBox.css +3 -8
  215. package/docs/components/Nav/examples/Navigation.css +3 -25
  216. package/docs/components/Nav/examples/Navigation.md +99 -0
  217. package/docs/components/NotificationBadge/examples/NotificationBadge.md +5 -7
  218. package/docs/components/OptionsMenu/deprecated/options-menu.md +12 -3
  219. package/docs/components/Popover/examples/Popover.css +4 -9
  220. package/docs/components/Radio/examples/Radio.md +63 -55
  221. package/docs/components/Select/deprecated/Select.md +184 -177
  222. package/docs/components/Table/examples/Table.css +2 -2
  223. package/docs/components/Table/examples/Table.md +2 -2
  224. package/docs/components/TextInputGroup/examples/TextInputGroup.css +1 -1
  225. package/docs/components/Tile/examples/Tile.css +1 -1
  226. package/docs/components/Toolbar/examples/Toolbar.md +525 -431
  227. package/docs/components/Tooltip/examples/Tooltip.css +4 -0
  228. package/docs/components/Tooltip/examples/Tooltip.md +3 -1
  229. package/docs/components/Truncate/examples/Truncate.md +2 -2
  230. package/docs/demos/AboutModal/examples/AboutModal.md +83 -8
  231. package/docs/demos/Alert/examples/Alert.md +249 -24
  232. package/docs/demos/BackToTop/examples/BackToTop.md +83 -8
  233. package/docs/demos/Banner/examples/Banner.md +168 -16
  234. package/docs/demos/Card/examples/Card.css +3 -3
  235. package/docs/demos/Card/examples/Card.md +26 -10
  236. package/docs/demos/CardView/examples/CardView.md +107 -28
  237. package/docs/demos/ContextSelector/examples/ContextSelector.md +332 -32
  238. package/docs/demos/Dashboard/examples/Dashboard.md +86 -11
  239. package/docs/demos/DataList/examples/DataList.md +340 -34
  240. package/docs/demos/DescriptionList/examples/DescriptionList.md +249 -24
  241. package/docs/demos/Drawer/examples/Drawer.md +415 -40
  242. package/docs/demos/JumpLinks/examples/JumpLinks.md +498 -48
  243. package/docs/demos/Masthead/examples/Masthead.md +742 -67
  244. package/docs/demos/Modal/examples/Modal.md +498 -48
  245. package/docs/demos/Nav/examples/Nav.md +664 -64
  246. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +415 -40
  247. package/docs/demos/Page/examples/Page.md +747 -72
  248. package/docs/demos/Page/examples/Penta.md +746 -0
  249. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +741 -180
  250. package/docs/demos/Skeleton/examples/Skeleton.md +90 -43
  251. package/docs/demos/Table/examples/Table.md +1581 -372
  252. package/docs/demos/Tabs/examples/Tabs.md +526 -69
  253. package/docs/demos/Toolbar/examples/Toolbar.css +5 -0
  254. package/docs/demos/Toolbar/examples/Toolbar.md +210 -60
  255. package/docs/demos/Wizard/examples/Wizard.md +747 -72
  256. package/docs/layouts/Flex/examples/Flex.md +5 -5
  257. package/docs/utilities/BoxShadow/examples/box-shadow.css +5 -5
  258. package/icons/pficons.mjs +1 -0
  259. package/layouts/Flex/flex.css +115 -43
  260. package/layouts/Flex/flex.scss +20 -8
  261. package/package.json +9 -5
  262. package/patternfly-addons.css +732 -972
  263. package/patternfly-base-no-globals-theme-dark-unversioned.css +886 -3
  264. package/patternfly-base-no-globals.css +886 -3
  265. package/patternfly-base-theme-dark-unversioned.css +899 -17
  266. package/patternfly-base.css +899 -17
  267. package/patternfly-no-globals.css +4239 -2698
  268. package/patternfly-theme-dark-unversioned.css +4252 -2712
  269. package/patternfly.css +4252 -2712
  270. package/patternfly.min.css +1 -1
  271. package/patternfly.min.css.map +1 -1
  272. package/sass-utilities/functions.scss +6 -0
  273. package/sass-utilities/mixins.scss +62 -2
  274. package/sass-utilities/scss-variables.scss +8 -8
  275. package/sass-utilities/themes/dark/mixins.scss +3 -1
  276. package/utilities/Accessibility/accessibility.css +12 -12
  277. package/utilities/Spacing/spacing.css +720 -960
  278. package/utilities/Spacing/spacing.scss +4 -8
  279. package/components/Alert/themes/dark/alert.scss +0 -17
  280. package/components/Masthead/themes/dark/masthead.scss +0 -14
  281. package/components/NotificationBadge/themes/dark/notification-badge.scss +0 -10
  282. package/docs/components/NotificationBadge/examples/NotificationBadge.css +0 -3
package/base/patternfly-variables.css CHANGED
@@ -232,6 +232,11 @@
232
232
  --pf-v5-global--arrow--width-lg: 1.5625rem;
233
233
  --pf-v5-global--target-size--MinWidth: 44px;
234
234
  --pf-v5-global--target-size--MinHeight: 44px;
235
+ --pf-v5-global--inverse--multiplier: 1;
236
+ }
237
+
238
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) {
239
+ --pf-v5-global--inverse--multiplier: -1;
235
240
  }
236
241
 
237
242
  :where(.pf-v5-theme-dark) {
@@ -322,4 +327,864 @@
322
327
  --pf-v5-global--BoxShadow--xl-bottom: 0 1rem 1rem -0.5rem rgba(3, 3, 3, 0.8);
323
328
  --pf-v5-global--BoxShadow--xl-left: -1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.8);
324
329
  --pf-v5-global--BoxShadow--inset: inset 0 0 0.625rem 0 #030303;
330
+ }
331
+
332
+ /**
333
+ * Do not edit directly
334
+ * Generated on Wed, 04 Oct 2023 12:59:21 GMT
335
+ */
336
+ :root {
337
+ --pf-t--color--white: #fff;
338
+ --pf-t--color--black: #000;
339
+ --pf-t--color--gray--1000: #151515;
340
+ --pf-t--color--gray--900: #1f1f1f;
341
+ --pf-t--color--gray--800: #292929;
342
+ --pf-t--color--gray--700: #383838;
343
+ --pf-t--color--gray--600: #4d4d4d;
344
+ --pf-t--color--gray--500: #6e6e6e;
345
+ --pf-t--color--gray--400: #a3a3a3;
346
+ --pf-t--color--gray--300: #c7c7c7;
347
+ --pf-t--color--gray--200: #e0e0e0;
348
+ --pf-t--color--gray--100: #f2f2f2;
349
+ --pf-t--color--cyan--700: #023233;
350
+ --pf-t--color--cyan--600: #074c4d;
351
+ --pf-t--color--cyan--500: #187577;
352
+ --pf-t--color--cyan--400: #42adaf;
353
+ --pf-t--color--cyan--300: #88dadb;
354
+ --pf-t--color--cyan--200: #b3ebec;
355
+ --pf-t--color--cyan--100: #e3fcfc;
356
+ --pf-t--color--blue--700: #001c43;
357
+ --pf-t--color--blue--600: #002b68;
358
+ --pf-t--color--blue--500: #0043a0;
359
+ --pf-t--color--blue--400: #0c61d9;
360
+ --pf-t--color--blue--300: #60a2ff;
361
+ --pf-t--color--blue--200: #9cc5ff;
362
+ --pf-t--color--blue--100: #d9e9ff;
363
+ --pf-t--color--gold--700: #4e3500;
364
+ --pf-t--color--gold--600: #755200;
365
+ --pf-t--color--gold--500: #ac7a00;
366
+ --pf-t--color--gold--400: #f0ab00;
367
+ --pf-t--color--gold--300: #ffcd5b;
368
+ --pf-t--color--gold--200: #ffdc9b;
369
+ --pf-t--color--gold--100: #ffefd9;
370
+ --pf-t--color--green--700: #062901;
371
+ --pf-t--color--green--600: #0b3906;
372
+ --pf-t--color--green--500: #1b5813;
373
+ --pf-t--color--green--400: #3e8635;
374
+ --pf-t--color--green--300: #83c079;
375
+ --pf-t--color--green--200: #b2deaa;
376
+ --pf-t--color--green--100: #e7fce3;
377
+ --pf-t--color--orange--700: #501d00;
378
+ --pf-t--color--orange--600: #792f04;
379
+ --pf-t--color--orange--500: #b14e14;
380
+ --pf-t--color--orange--400: #f7823d;
381
+ --pf-t--color--orange--300: #ffb989;
382
+ --pf-t--color--orange--200: #ffd1b2;
383
+ --pf-t--color--orange--100: #ffe7d9;
384
+ --pf-t--color--orangered--700: #331500;
385
+ --pf-t--color--orangered--600: #552000;
386
+ --pf-t--color--orangered--500: #882d00;
387
+ --pf-t--color--orangered--400: #cc3a00;
388
+ --pf-t--color--orangered--300: #ff542e;
389
+ --pf-t--color--orangered--200: #ff947c;
390
+ --pf-t--color--orangered--100: #ffd3c9;
391
+ --pf-t--color--purple--700: #1c1337;
392
+ --pf-t--color--purple--600: #291b55;
393
+ --pf-t--color--purple--500: #3e2882;
394
+ --pf-t--color--purple--400: #5f40be;
395
+ --pf-t--color--purple--300: #9a81e5;
396
+ --pf-t--color--purple--200: #c0b0f1;
397
+ --pf-t--color--purple--100: #eae3fc;
398
+ --pf-t--color--red--700: #3a0400;
399
+ --pf-t--color--red--600: #5a0600;
400
+ --pf-t--color--red--500: #8a0a00;
401
+ --pf-t--color--red--400: #c9190b;
402
+ --pf-t--color--red--300: #ee665b;
403
+ --pf-t--color--red--200: #f69f98;
404
+ --pf-t--color--red--100: #ffdbd9;
405
+ }
406
+
407
+ /**
408
+ * Do not edit directly
409
+ * Generated on Wed, 04 Oct 2023 12:58:15 GMT
410
+ */
411
+ :root {
412
+ --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
413
+ --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
414
+ --pf-t--global--spacer--800: 80px;
415
+ --pf-t--global--spacer--700: 64px;
416
+ --pf-t--global--spacer--600: 48px;
417
+ --pf-t--global--spacer--500: 32px;
418
+ --pf-t--global--spacer--400: 24px;
419
+ --pf-t--global--spacer--300: 16px;
420
+ --pf-t--global--spacer--200: 8px;
421
+ --pf-t--global--spacer--100: 4px;
422
+ --pf-t--global--icon--size--400: 56px;
423
+ --pf-t--global--icon--size--300: 22px;
424
+ --pf-t--global--icon--size--200: 14px;
425
+ --pf-t--global--icon--size--100: 12px;
426
+ --pf-t--global--border--width--300: 3px;
427
+ --pf-t--global--border--width--200: 2px;
428
+ --pf-t--global--border--width--100: 1px;
429
+ --pf-t--global--border--radius--500: 999px;
430
+ --pf-t--global--border--radius--400: 24px;
431
+ --pf-t--global--border--radius--300: 16px;
432
+ --pf-t--global--border--radius--200: 6px;
433
+ --pf-t--global--border--radius--100: 4px;
434
+ --pf-t--global--border--radius--0: 0px;
435
+ --pf-t--global--color--disabled--300: var(--pf-t--color--gray--600);
436
+ --pf-t--global--color--disabled--200: var(--pf-t--color--gray--500);
437
+ --pf-t--global--color--disabled--100: var(--pf-t--color--gray--400);
438
+ --pf-t--global--color--brand--300: var(--pf-t--color--blue--500);
439
+ --pf-t--global--color--brand--200: var(--pf-t--color--blue--400);
440
+ --pf-t--global--color--brand--100: var(--pf-t--color--blue--300);
441
+ --pf-t--global--color--status--custom--200: var(--pf-t--color--cyan--500);
442
+ --pf-t--global--color--status--custom--100: var(--pf-t--color--cyan--400);
443
+ --pf-t--global--color--status--success--200: var(--pf-t--color--green--500);
444
+ --pf-t--global--color--status--success--100: var(--pf-t--color--green--400);
445
+ --pf-t--global--color--status--info--200: var(--pf-t--color--purple--500);
446
+ --pf-t--global--color--status--info--100: var(--pf-t--color--purple--400);
447
+ --pf-t--global--color--status--warning--200: var(--pf-t--color--gold--500);
448
+ --pf-t--global--color--status--warning--100: var(--pf-t--color--gold--400);
449
+ --pf-t--global--color--status--danger--200: var(--pf-t--color--orangered--500);
450
+ --pf-t--global--color--status--danger--100: var(--pf-t--color--orangered--400);
451
+ --pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--400);
452
+ --pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--300);
453
+ --pf-t--global--color--nonstatus--gray--100: var(--pf-t--color--gray--200);
454
+ --pf-t--global--color--nonstatus--orange--300: var(--pf-t--color--orange--400);
455
+ --pf-t--global--color--nonstatus--orange--200: var(--pf-t--color--orange--300);
456
+ --pf-t--global--color--nonstatus--orange--100: var(--pf-t--color--orange--200);
457
+ --pf-t--global--color--nonstatus--orangered--300: var(--pf-t--color--orangered--400);
458
+ --pf-t--global--color--nonstatus--orangered--200: var(--pf-t--color--orangered--300);
459
+ --pf-t--global--color--nonstatus--orangered--100: var(--pf-t--color--orangered--200);
460
+ --pf-t--global--color--nonstatus--cyan--300: var(--pf-t--color--cyan--400);
461
+ --pf-t--global--color--nonstatus--cyan--200: var(--pf-t--color--cyan--300);
462
+ --pf-t--global--color--nonstatus--cyan--100: var(--pf-t--color--cyan--200);
463
+ --pf-t--global--color--nonstatus--gold--300: var(--pf-t--color--gold--400);
464
+ --pf-t--global--color--nonstatus--gold--200: var(--pf-t--color--gold--300);
465
+ --pf-t--global--color--nonstatus--gold--100: var(--pf-t--color--gold--200);
466
+ --pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--400);
467
+ --pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--300);
468
+ --pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--200);
469
+ --pf-t--global--color--nonstatus--blue--300: var(--pf-t--color--blue--400);
470
+ --pf-t--global--color--nonstatus--blue--200: var(--pf-t--color--blue--300);
471
+ --pf-t--global--color--nonstatus--blue--100: var(--pf-t--color--blue--200);
472
+ --pf-t--global--color--nonstatus--green--300: var(--pf-t--color--green--400);
473
+ --pf-t--global--color--nonstatus--green--200: var(--pf-t--color--green--300);
474
+ --pf-t--global--color--nonstatus--green--100: var(--pf-t--color--green--200);
475
+ --pf-t--global--color--nonstatus--purple--300: var(--pf-t--color--purple--400);
476
+ --pf-t--global--color--nonstatus--purple--200: var(--pf-t--color--purple--300);
477
+ --pf-t--global--color--nonstatus--purple--100: var(--pf-t--color--purple--200);
478
+ --pf-t--global--color--favorite--200: var(--pf-t--color--gold--500);
479
+ --pf-t--global--color--favorite--100: var(--pf-t--color--gold--400);
480
+ --pf-t--global--text--color--link--300: var(--pf-t--color--purple--400);
481
+ --pf-t--global--text--color--link--200: var(--pf-t--color--blue--500);
482
+ --pf-t--global--text--color--link--100: var(--pf-t--color--blue--400);
483
+ --pf-t--global--text--color--400: var(--pf-t--color--orangered--400);
484
+ --pf-t--global--text--color--300: var(--pf-t--color--white);
485
+ --pf-t--global--text--color--200: var(--pf-t--color--gray--500);
486
+ --pf-t--global--text--color--100: var(--pf-t--color--gray--900);
487
+ --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
488
+ --pf-t--global--background--color--highlight--200: var(--pf-t--color--gold--400);
489
+ --pf-t--global--background--color--highlight--100: var(--pf-t--color--gold--300);
490
+ --pf-t--global--background--color--400: var(--pf-t--color--gray--800);
491
+ --pf-t--global--background--color--300: var(--pf-t--color--gray--200);
492
+ --pf-t--global--background--color--200: var(--pf-t--color--gray--100);
493
+ --pf-t--global--background--color--100: var(--pf-t--color--white);
494
+ --pf-t--global--spacer--sm: 8px;
495
+ --pf-t--global--spacer--xl: 32px;
496
+ --pf-t--global--spacer--xs: 4px;
497
+ --pf-t--global--spacer--2xl: 48px;
498
+ --pf-t--global--spacer--lg: 24px;
499
+ --pf-t--global--spacer--md: 16px;
500
+ --pf-t--global--spacer--3xl: 64px;
501
+ --pf-t--global--spacer--4xl: 80px;
502
+ --pf-t--global--icon--color--300: var(--pf-t--color--white);
503
+ --pf-t--global--icon--color--200: var(--pf-t--color--gray--500);
504
+ --pf-t--global--icon--color--100: var(--pf-t--color--gray--900);
505
+ --pf-t--global--icon--size--sm: 12px;
506
+ --pf-t--global--icon--size--md: 14px;
507
+ --pf-t--global--icon--size--lg: 22px;
508
+ --pf-t--global--icon--size--xl: 56px;
509
+ --pf-t--global--border--color--200: var(--pf-t--color--gray--400);
510
+ --pf-t--global--border--color--100: var(--pf-t--color--gray--300);
511
+ --pf-t--global--border--width--divider--default: 1px;
512
+ --pf-t--global--border--width--divider--hover: 1px;
513
+ --pf-t--global--border--width--divider--active: 1px;
514
+ --pf-t--global--border--width--control--hover: 1px;
515
+ --pf-t--global--border--width--control--active: 2px;
516
+ --pf-t--global--border--width--control--default: 1px;
517
+ --pf-t--global--border--width--button--hover: 2px;
518
+ --pf-t--global--border--width--button--default: 1px;
519
+ --pf-t--global--border--width--button--active: 2px;
520
+ --pf-t--global--border--radius--pill: 999px;
521
+ --pf-t--global--border--radius--tiny: 4px;
522
+ --pf-t--global--border--radius--medium: 16px;
523
+ --pf-t--global--border--radius--large: 24px;
524
+ --pf-t--global--border--radius--small: 6px;
525
+ --pf-t--global--border--radius--sharp: 0px;
526
+ --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--200);
527
+ --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--300);
528
+ --pf-t--global--color--brand--active: var(--pf-t--global--color--brand--300);
529
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--100);
530
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--200);
531
+ --pf-t--global--color--status--custom--active: var(--pf-t--global--color--status--custom--200);
532
+ --pf-t--global--color--status--success--default: var(--pf-t--global--color--status--success--100);
533
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--color--status--success--200);
534
+ --pf-t--global--color--status--success--active: var(--pf-t--global--color--status--success--200);
535
+ --pf-t--global--color--status--info--default: var(--pf-t--global--color--status--info--100);
536
+ --pf-t--global--color--status--info--hover: var(--pf-t--global--color--status--info--200);
537
+ --pf-t--global--color--status--info--active: var(--pf-t--global--color--status--info--200);
538
+ --pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--200);
539
+ --pf-t--global--color--status--warning--active: var(--pf-t--global--color--status--warning--200);
540
+ --pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--100);
541
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
542
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
543
+ --pf-t--global--color--status--danger--active: var(--pf-t--global--color--status--danger--200);
544
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--200);
545
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--100);
546
+ --pf-t--global--color--nonstatus--gray--active: var(--pf-t--global--color--nonstatus--gray--200);
547
+ --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--100);
548
+ --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--200);
549
+ --pf-t--global--color--nonstatus--orange--active: var(--pf-t--global--color--nonstatus--orange--200);
550
+ --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--100);
551
+ --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--200);
552
+ --pf-t--global--color--nonstatus--orangered--active: var(--pf-t--global--color--nonstatus--orangered--200);
553
+ --pf-t--global--color--nonstatus--cyan--hover: var(--pf-t--global--color--nonstatus--cyan--200);
554
+ --pf-t--global--color--nonstatus--cyan--default: var(--pf-t--global--color--nonstatus--cyan--100);
555
+ --pf-t--global--color--nonstatus--cyan--active: var(--pf-t--global--color--nonstatus--cyan--200);
556
+ --pf-t--global--color--nonstatus--gold--default: var(--pf-t--global--color--nonstatus--gold--100);
557
+ --pf-t--global--color--nonstatus--gold--hover: var(--pf-t--global--color--nonstatus--gold--200);
558
+ --pf-t--global--color--nonstatus--gold--active: var(--pf-t--global--color--nonstatus--gold--200);
559
+ --pf-t--global--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--100);
560
+ --pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--200);
561
+ --pf-t--global--color--nonstatus--red--active: var(--pf-t--global--color--nonstatus--red--200);
562
+ --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--100);
563
+ --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--200);
564
+ --pf-t--global--color--nonstatus--blue--active: var(--pf-t--global--color--nonstatus--blue--200);
565
+ --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--100);
566
+ --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--200);
567
+ --pf-t--global--color--nonstatus--green--active: var(--pf-t--global--color--nonstatus--green--200);
568
+ --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--100);
569
+ --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--200);
570
+ --pf-t--global--color--nonstatus--purple--active: var(--pf-t--global--color--nonstatus--purple--200);
571
+ --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--100);
572
+ --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--200);
573
+ --pf-t--global--color--favorite--active: var(--pf-t--global--color--favorite--200);
574
+ --pf-t--global--text--color--required: var(--pf-t--global--text--color--400);
575
+ --pf-t--global--text--color--regular: var(--pf-t--global--text--color--100);
576
+ --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
577
+ --pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
578
+ --pf-t--global--text--color--on-disabled: var(--pf-t--global--color--disabled--300);
579
+ --pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--100);
580
+ --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--100);
581
+ --pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--200);
582
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--300);
583
+ --pf-t--global--background--color--secondary--selected: var(--pf-t--global--background--color--300);
584
+ --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
585
+ --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
586
+ --pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
587
+ --pf-t--global--background--color--disabled--default: var(--pf-t--global--color--disabled--100);
588
+ --pf-t--global--background--color--primary--selected: var(--pf-t--global--background--color--200);
589
+ --pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
590
+ --pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
591
+ --pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100);
592
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
593
+ --pf-t--global--background--color--floating--selected: var(--pf-t--global--background--color--200);
594
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--200);
595
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--100);
596
+ --pf-t--global--background--color--action--plain--alt--selected: var(--pf-t--global--background--color--100);
597
+ --pf-t--global--background--color--action--plain--selected: var(--pf-t--global--background--color--200);
598
+ --pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
599
+ --pf-t--global--background--color--highlight--active: var(--pf-t--global--background--color--highlight--200);
600
+ --pf-t--global--icon--color--regular: var(--pf-t--global--icon--color--100);
601
+ --pf-t--global--icon--color--on-disabled: var(--pf-t--global--color--disabled--300);
602
+ --pf-t--global--icon--color--inverse: var(--pf-t--global--icon--color--300);
603
+ --pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--200);
604
+ --pf-t--global--icon--color--disabled: var(--pf-t--global--color--disabled--100);
605
+ --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
606
+ --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
607
+ --pf-t--global--border--color--active: var(--pf-t--global--color--brand--200);
608
+ --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--200);
609
+ --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--300);
610
+ --pf-t--global--border--color--nonstatus--blue--active: var(--pf-t--global--color--nonstatus--blue--300);
611
+ --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--200);
612
+ --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--300);
613
+ --pf-t--global--border--color--nonstatus--red--active: var(--pf-t--global--color--nonstatus--red--300);
614
+ --pf-t--global--border--color--nonstatus--orangered--active: var(--pf-t--global--color--nonstatus--orangered--300);
615
+ --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--200);
616
+ --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--300);
617
+ --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--300);
618
+ --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--200);
619
+ --pf-t--global--border--color--nonstatus--orange--active: var(--pf-t--global--color--nonstatus--orange--300);
620
+ --pf-t--global--border--color--nonstatus--gold--default: var(--pf-t--global--color--nonstatus--gold--200);
621
+ --pf-t--global--border--color--nonstatus--gold--hover: var(--pf-t--global--color--nonstatus--gold--300);
622
+ --pf-t--global--border--color--nonstatus--gold--active: var(--pf-t--global--color--nonstatus--gold--300);
623
+ --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--200);
624
+ --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--300);
625
+ --pf-t--global--border--color--nonstatus--green--active: var(--pf-t--global--color--nonstatus--green--300);
626
+ --pf-t--global--border--color--nonstatus--cyan--active: var(--pf-t--global--color--nonstatus--cyan--300);
627
+ --pf-t--global--border--color--nonstatus--cyan--hover: var(--pf-t--global--color--nonstatus--cyan--300);
628
+ --pf-t--global--border--color--nonstatus--cyan--default: var(--pf-t--global--color--nonstatus--cyan--200);
629
+ --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--200);
630
+ --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--300);
631
+ --pf-t--global--border--color--nonstatus--purple--active: var(--pf-t--global--color--nonstatus--purple--300);
632
+ --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--200);
633
+ --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--300);
634
+ --pf-t--global--border--color--nonstatus--gray--active: var(--pf-t--global--color--nonstatus--gray--300);
635
+ --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
636
+ --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
637
+ --pf-t--global--text--color--on-brand--active: var(--pf-t--global--text--color--inverse);
638
+ --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
639
+ --pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--default);
640
+ --pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--hover);
641
+ --pf-t--global--text--color--brand--active: var(--pf-t--global--color--brand--active);
642
+ --pf-t--global--text--color--status--custom--active: var(--pf-t--global--color--status--custom--active);
643
+ --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
644
+ --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
645
+ --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
646
+ --pf-t--global--text--color--status--info--active: var(--pf-t--global--color--status--info--active);
647
+ --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
648
+ --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
649
+ --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
650
+ --pf-t--global--text--color--status--on-info--active: var(--pf-t--global--text--color--inverse);
651
+ --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
652
+ --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
653
+ --pf-t--global--text--color--status--on-danger--active: var(--pf-t--global--icon--color--inverse);
654
+ --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
655
+ --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
656
+ --pf-t--global--text--color--status--on-custom--active: var(--pf-t--global--text--color--inverse);
657
+ --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
658
+ --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--regular);
659
+ --pf-t--global--text--color--status--on-warning--active: var(--pf-t--global--text--color--inverse);
660
+ --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
661
+ --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
662
+ --pf-t--global--text--color--status--on-success--active: var(--pf-t--global--text--color--inverse);
663
+ --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
664
+ --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
665
+ --pf-t--global--text--color--status--success--active: var(--pf-t--global--color--status--success--active);
666
+ --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
667
+ --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
668
+ --pf-t--global--text--color--status--warning--active: var(--pf-t--global--color--status--warning--active);
669
+ --pf-t--global--text--color--status--danger--active: var(--pf-t--global--color--status--danger--active);
670
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
671
+ --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
672
+ --pf-t--global--text--color--nonstatus--on-gold--active: var(--pf-t--global--text--color--regular);
673
+ --pf-t--global--text--color--nonstatus--on-gold--hover: var(--pf-t--global--text--color--regular);
674
+ --pf-t--global--text--color--nonstatus--on-gold--default: var(--pf-t--global--text--color--regular);
675
+ --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--regular);
676
+ --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--regular);
677
+ --pf-t--global--text--color--nonstatus--on-green--active: var(--pf-t--global--text--color--regular);
678
+ --pf-t--global--text--color--nonstatus--on-blue--active: var(--pf-t--global--text--color--regular);
679
+ --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--regular);
680
+ --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--regular);
681
+ --pf-t--global--text--color--nonstatus--on-red--active: var(--pf-t--global--text--color--regular);
682
+ --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--regular);
683
+ --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--regular);
684
+ --pf-t--global--text--color--nonstatus--on-orangered--active: var(--pf-t--global--text--color--regular);
685
+ --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--regular);
686
+ --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--regular);
687
+ --pf-t--global--text--color--nonstatus--on-orange--active: var(--pf-t--global--text--color--regular);
688
+ --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--regular);
689
+ --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--regular);
690
+ --pf-t--global--text--color--nonstatus--on-cyan--active: var(--pf-t--global--text--color--regular);
691
+ --pf-t--global--text--color--nonstatus--on-cyan--default: var(--pf-t--global--text--color--regular);
692
+ --pf-t--global--text--color--nonstatus--on-cyan--hover: var(--pf-t--global--text--color--regular);
693
+ --pf-t--global--text--color--nonstatus--on-purple--active: var(--pf-t--global--text--color--regular);
694
+ --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--regular);
695
+ --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--regular);
696
+ --pf-t--global--text--color--nonstatus--on-gray--active: var(--pf-t--global--text--color--regular);
697
+ --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
698
+ --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
699
+ --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
700
+ --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover);
701
+ --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default);
702
+ --pf-t--global--icon--color--brand--active: var(--pf-t--global--color--brand--active);
703
+ --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
704
+ --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
705
+ --pf-t--global--icon--color--on-brand--active: var(--pf-t--global--icon--color--inverse);
706
+ --pf-t--global--icon--color--nonstatus--on-orange--active: var(--pf-t--global--icon--color--regular);
707
+ --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--regular);
708
+ --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--regular);
709
+ --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--regular);
710
+ --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--regular);
711
+ --pf-t--global--icon--color--nonstatus--on-orangered--active: var(--pf-t--global--icon--color--regular);
712
+ --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--regular);
713
+ --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--regular);
714
+ --pf-t--global--icon--color--nonstatus--on-blue--active: var(--pf-t--global--icon--color--regular);
715
+ --pf-t--global--icon--color--nonstatus--on-red--active: var(--pf-t--global--icon--color--regular);
716
+ --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--regular);
717
+ --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--regular);
718
+ --pf-t--global--icon--color--nonstatus--on-gold--active: var(--pf-t--global--icon--color--regular);
719
+ --pf-t--global--icon--color--nonstatus--on-gold--default: var(--pf-t--global--icon--color--regular);
720
+ --pf-t--global--icon--color--nonstatus--on-gold--hover: var(--pf-t--global--icon--color--regular);
721
+ --pf-t--global--icon--color--nonstatus--on-green--active: var(--pf-t--global--icon--color--regular);
722
+ --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--regular);
723
+ --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--regular);
724
+ --pf-t--global--icon--color--nonstatus--on-cyan--default: var(--pf-t--global--icon--color--regular);
725
+ --pf-t--global--icon--color--nonstatus--on-cyan--active: var(--pf-t--global--icon--color--regular);
726
+ --pf-t--global--icon--color--nonstatus--on-cyan--hover: var(--pf-t--global--icon--color--regular);
727
+ --pf-t--global--icon--color--nonstatus--on-gray--active: var(--pf-t--global--icon--color--regular);
728
+ --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
729
+ --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
730
+ --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--regular);
731
+ --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--regular);
732
+ --pf-t--global--icon--color--nonstatus--on-purple--active: var(--pf-t--global--icon--color--regular);
733
+ --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
734
+ --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
735
+ --pf-t--global--icon--color--favorite--active: var(--pf-t--global--color--favorite--active);
736
+ --pf-t--global--icon--color--status--on-danger--active: var(--pf-t--global--icon--color--inverse);
737
+ --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
738
+ --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
739
+ --pf-t--global--icon--color--status--on-custom--active: var(--pf-t--global--icon--color--inverse);
740
+ --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
741
+ --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
742
+ --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
743
+ --pf-t--global--icon--color--status--on-info--active: var(--pf-t--global--icon--color--inverse);
744
+ --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
745
+ --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
746
+ --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
747
+ --pf-t--global--icon--color--status--warning--active: var(--pf-t--global--color--status--warning--active);
748
+ --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
749
+ --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
750
+ --pf-t--global--icon--color--status--custom--active: var(--pf-t--global--color--status--custom--active);
751
+ --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
752
+ --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
753
+ --pf-t--global--icon--color--status--success--active: var(--pf-t--global--color--status--success--active);
754
+ --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
755
+ --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
756
+ --pf-t--global--icon--color--status--danger--active: var(--pf-t--global--color--status--danger--active);
757
+ --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
758
+ --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
759
+ --pf-t--global--icon--color--status--info--active: var(--pf-t--global--color--status--info--active);
760
+ --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
761
+ --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
762
+ --pf-t--global--icon--color--status--on-success--active: var(--pf-t--global--icon--color--inverse);
763
+ --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
764
+ --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--regular);
765
+ --pf-t--global--icon--color--status--on-warning--active: var(--pf-t--global--icon--color--inverse);
766
+ --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
767
+ --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
768
+ --pf-t--global--border--color--brand--active: var(--pf-t--global--color--brand--active);
769
+ --pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
770
+ --pf-t--global--border--color--status--danger--active: var(--pf-t--global--color--status--danger--active);
771
+ --pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
772
+ --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
773
+ --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
774
+ --pf-t--global--border--color--status--custom--active: var(--pf-t--global--color--status--custom--active);
775
+ --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
776
+ --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
777
+ --pf-t--global--border--color--status--success--active: var(--pf-t--global--color--status--success--active);
778
+ --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
779
+ --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
780
+ --pf-t--global--border--color--status--warning--active: var(--pf-t--global--color--status--warning--active);
781
+ --pf-t--global--border--color--status--info--active: var(--pf-t--global--color--status--info--active);
782
+ --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
783
+ --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
784
+ }
785
+
786
+ :root {
787
+ --pf-t--global--font--family--100: redhattext;
788
+ --pf-t--global--font--family--200: redhatdisplay;
789
+ --pf-t--global--font--family--300: redhatmono;
790
+ --pf-t--global--font--line-height--100: 1.3;
791
+ --pf-t--global--font--line-height--200: 1.5;
792
+ --pf-t--global--font--weight--body--100: 400;
793
+ --pf-t--global--font--weight--body--200: 600;
794
+ --pf-t--global--font--weight--heading--100: 700;
795
+ --pf-t--global--font--weight--heading--200: 700;
796
+ --pf-t--global--font--size--body--100: 12px;
797
+ --pf-t--global--font--size--body--200: 14px;
798
+ --pf-t--global--font--size--body--300: 16px;
799
+ --pf-t--global--font--size--heading--100: 16px;
800
+ --pf-t--global--font--size--heading--200: 18px;
801
+ --pf-t--global--font--size--heading--300: 20px;
802
+ --pf-t--global--font--size--heading--400: 24px;
803
+ --pf-t--global--font--size--heading--500: 28px;
804
+ --pf-t--global--font--size--heading--600: 36px;
805
+ --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
806
+ --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
807
+ --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
808
+ --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--100);
809
+ --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--200);
810
+ --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--body--100);
811
+ --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--body--200);
812
+ --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--heading--100);
813
+ --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--heading--200);
814
+ --pf-t--global--font--size--body--sm: var(--pf-t--global--font--size--body--100);
815
+ --pf-t--global--font--size--body--md: var(--pf-t--global--font--size--body--200);
816
+ --pf-t--global--font--size--body--lg: var(--pf-t--global--font--size--body--300);
817
+ --pf-t--global--font--size--body: var(--pf-t--global--font--size--body--md);
818
+ --pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--heading--100);
819
+ --pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--heading--200);
820
+ --pf-t--global--font--size--heading--md: var(--pf-t--global--font--size--heading--300);
821
+ --pf-t--global--font--size--heading--lg: var(--pf-t--global--font--size--heading--400);
822
+ --pf-t--global--font--size--heading--xl: var(--pf-t--global--font--size--heading--500);
823
+ --pf-t--global--font--size--heading--2xl: var(--pf-t--global--font--size--heading--600);
824
+ --pf-t--global--text-decoration--100: none;
825
+ --pf-t--global--text-decoration--200: underline;
826
+ --pf-t--global--link--text-decoration: var(--pf-t--global--text-decoration--200);
827
+ --pf-t--global--link--text-decoration--hover: var(--pf-t--global--text-decoration--200);
828
+ --pf-t--global--mix-blend-mode--100: multiply;
829
+ --pf-t--global--mix-blend-mode--200: screen;
830
+ --pf-t--global--background--color--action--plain--hover--blend: var(--pf-t--global--mix-blend-mode--100);
831
+ --pf-t--global--border--width--control--default: var(--pf-t--global--border--width--100);
832
+ --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--100);
833
+ --pf-t--global--border--width--control--active: var(--pf-t--global--border--width--200);
834
+ --pf-t--global--box-shadow--sm: 0px 1px 2px 0px rgb(0 0 0 / 16%);
835
+ --pf-t--global--box-shadow--sm--top: 0px -1px 2px 0px rgb(0 0 0 / 16%);
836
+ --pf-t--global--box-shadow--sm--bottom: 0px 1px 2px 0px rgb(0 0 0 / 16%);
837
+ --pf-t--global--box-shadow--sm--left: -1px 0px 2px 0px rgb(0 0 0 / 16%);
838
+ --pf-t--global--box-shadow--sm--right: 1px 0px 2px 0px rgb(0 0 0 / 16%);
839
+ --pf-t--global--box-shadow--md: 0px 4px 8px 0px rgb(0 0 0 / 12%);
840
+ --pf-t--global--box-shadow--md--top: 0px -4px 8px 0px rgb(0 0 0 / 12%);
841
+ --pf-t--global--box-shadow--md--bottom: 0px 4px 8px 0px rgb(0 0 0 / 12%);
842
+ --pf-t--global--box-shadow--md--left: -4px 0px 8px 0px rgb(0 0 0 / 12%);
843
+ --pf-t--global--box-shadow--md--right: 4px 0px 8px 0px rgb(0 0 0 / 12%);
844
+ --pf-t--global--box-shadow--lg: 0px 8px 24px 0px rgb(0 0 0 / 12%);
845
+ --pf-t--global--box-shadow--lg--top: 0px -8px 24px 0px rgb(0 0 0 / 12%);
846
+ --pf-t--global--box-shadow--lg--bottom: 0px 8px 24px 0px rgb(0 0 0 / 12%);
847
+ --pf-t--global--box-shadow--lg--left: -8px 0px 24px 0px rgb(0 0 0 / 12%);
848
+ --pf-t--global--box-shadow--lg--right: 8px 0px 24px 0px rgb(0 0 0 / 12%);
849
+ }
850
+ :root:where(.pf-v5-theme-dark) {
851
+ --pf-t--global--background--color--action--plain--hover--blend: var(--pf-t--global--mix-blend-mode--200);
852
+ --pf-t--global--box-shadow--sm: 0px 1px 2px 0px rgb(0 0 0 / 50%);
853
+ --pf-t--global--box-shadow--sm-top: 0px -1px 2px 0px rgb(0 0 0 / 50%);
854
+ --pf-t--global--box-shadow--sm-right: 1px 0px 2px 0px rgb(0 0 0 / 50%);
855
+ --pf-t--global--box-shadow--sm-bottom: 0px 1px 2px 0px rgb(0 0 0 / 50%);
856
+ --pf-t--global--box-shadow--sm-left: -1px 0px 2px 0px rgb(0 0 0 / 50%);
857
+ --pf-t--global--box-shadow--md: 0px 4px 8px 0px rgb(0 0 0 / 50%);
858
+ --pf-t--global--box-shadow--lg: 0px 8px 24px 0px rgb(0 0 0 / 50%);
859
+ }
860
+
861
+ /**
862
+ * Do not edit directly
863
+ * Generated on Wed, 04 Oct 2023 12:59:38 GMT
864
+ */
865
+ :root:where(.pf-v5-theme-dark) {
866
+ --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
867
+ --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
868
+ --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
869
+ --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--gold--400);
870
+ --pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--gold--300);
871
+ --pf-t--global--dark--background--color--400: var(--pf-t--color--gray--100);
872
+ --pf-t--global--dark--background--color--300: var(--pf-t--color--gray--700);
873
+ --pf-t--global--dark--background--color--200: var(--pf-t--color--gray--800);
874
+ --pf-t--global--dark--background--color--100: var(--pf-t--color--black);
875
+ --pf-t--global--dark--text--color--link--300: var(--pf-t--color--purple--300);
876
+ --pf-t--global--dark--text--color--link--200: var(--pf-t--color--blue--200);
877
+ --pf-t--global--dark--text--color--link--100: var(--pf-t--color--blue--300);
878
+ --pf-t--global--dark--text--color--400: var(--pf-t--color--orangered--300);
879
+ --pf-t--global--dark--text--color--300: var(--pf-t--color--gray--900);
880
+ --pf-t--global--dark--text--color--200: var(--pf-t--color--gray--400);
881
+ --pf-t--global--dark--text--color--100: var(--pf-t--color--gray--100);
882
+ --pf-t--global--dark--icon--color--300: var(--pf-t--color--gray--900);
883
+ --pf-t--global--dark--icon--color--200: var(--pf-t--color--gray--400);
884
+ --pf-t--global--dark--icon--color--100: var(--pf-t--color--gray--100);
885
+ --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--500);
886
+ --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--600);
887
+ --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--600);
888
+ --pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--500);
889
+ --pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--400);
890
+ --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--200);
891
+ --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--300);
892
+ --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--400);
893
+ --pf-t--global--dark--color--favorite--200: var(--pf-t--color--gold--300);
894
+ --pf-t--global--dark--color--favorite--100: var(--pf-t--color--gold--400);
895
+ --pf-t--global--dark--color--status--warning--200: var(--pf-t--color--gold--300);
896
+ --pf-t--global--dark--color--status--warning--100: var(--pf-t--color--gold--400);
897
+ --pf-t--global--dark--color--status--custom--200: var(--pf-t--color--cyan--300);
898
+ --pf-t--global--dark--color--status--custom--100: var(--pf-t--color--cyan--400);
899
+ --pf-t--global--dark--color--status--success--200: var(--pf-t--color--green--200);
900
+ --pf-t--global--dark--color--status--success--100: var(--pf-t--color--green--300);
901
+ --pf-t--global--dark--color--status--info--200: var(--pf-t--color--purple--200);
902
+ --pf-t--global--dark--color--status--info--100: var(--pf-t--color--purple--300);
903
+ --pf-t--global--dark--color--status--danger--200: var(--pf-t--color--orangered--200);
904
+ --pf-t--global--dark--color--status--danger--100: var(--pf-t--color--orangered--300);
905
+ --pf-t--global--dark--color--nonstatus--green--300: var(--pf-t--color--green--100);
906
+ --pf-t--global--dark--color--nonstatus--green--200: var(--pf-t--color--green--200);
907
+ --pf-t--global--dark--color--nonstatus--green--100: var(--pf-t--color--green--300);
908
+ --pf-t--global--dark--color--nonstatus--cyan--300: var(--pf-t--color--cyan--100);
909
+ --pf-t--global--dark--color--nonstatus--cyan--200: var(--pf-t--color--cyan--200);
910
+ --pf-t--global--dark--color--nonstatus--cyan--100: var(--pf-t--color--cyan--300);
911
+ --pf-t--global--dark--color--nonstatus--red--300: var(--pf-t--color--red--100);
912
+ --pf-t--global--dark--color--nonstatus--red--200: var(--pf-t--color--red--200);
913
+ --pf-t--global--dark--color--nonstatus--red--100: var(--pf-t--color--red--300);
914
+ --pf-t--global--dark--color--nonstatus--orangered--300: var(--pf-t--color--orangered--100);
915
+ --pf-t--global--dark--color--nonstatus--orangered--200: var(--pf-t--color--orangered--200);
916
+ --pf-t--global--dark--color--nonstatus--orangered--100: var(--pf-t--color--orangered--300);
917
+ --pf-t--global--dark--color--nonstatus--orange--300: var(--pf-t--color--orange--100);
918
+ --pf-t--global--dark--color--nonstatus--orange--200: var(--pf-t--color--orange--200);
919
+ --pf-t--global--dark--color--nonstatus--orange--100: var(--pf-t--color--orange--300);
920
+ --pf-t--global--dark--color--nonstatus--gold--300: var(--pf-t--color--gold--100);
921
+ --pf-t--global--dark--color--nonstatus--gold--200: var(--pf-t--color--gold--200);
922
+ --pf-t--global--dark--color--nonstatus--gold--100: var(--pf-t--color--gold--300);
923
+ --pf-t--global--dark--color--nonstatus--blue--300: var(--pf-t--color--blue--100);
924
+ --pf-t--global--dark--color--nonstatus--blue--200: var(--pf-t--color--blue--200);
925
+ --pf-t--global--dark--color--nonstatus--blue--100: var(--pf-t--color--blue--300);
926
+ --pf-t--global--dark--color--nonstatus--purple--300: var(--pf-t--color--purple--100);
927
+ --pf-t--global--dark--color--nonstatus--purple--200: var(--pf-t--color--purple--200);
928
+ --pf-t--global--dark--color--nonstatus--purple--100: var(--pf-t--color--purple--300);
929
+ --pf-t--global--dark--color--nonstatus--gray--300: var(--pf-t--color--gray--100);
930
+ --pf-t--global--dark--color--nonstatus--gray--200: var(--pf-t--color--gray--200);
931
+ --pf-t--global--dark--color--nonstatus--gray--100: var(--pf-t--color--gray--300);
932
+ --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--200);
933
+ --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--100);
934
+ --pf-t--global--border--color--active: var(--pf-t--global--dark--color--brand--300);
935
+ --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
936
+ --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
937
+ --pf-t--global--border--color--nonstatus--blue--active: var(--pf-t--global--dark--color--nonstatus--blue--200);
938
+ --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
939
+ --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
940
+ --pf-t--global--border--color--nonstatus--red--active: var(--pf-t--global--dark--color--nonstatus--red--200);
941
+ --pf-t--global--border--color--nonstatus--orangered--active: var(--pf-t--global--dark--color--nonstatus--orangered--200);
942
+ --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
943
+ --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
944
+ --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
945
+ --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
946
+ --pf-t--global--border--color--nonstatus--orange--active: var(--pf-t--global--dark--color--nonstatus--orange--200);
947
+ --pf-t--global--border--color--nonstatus--gold--default: var(--pf-t--global--dark--color--nonstatus--gold--100);
948
+ --pf-t--global--border--color--nonstatus--gold--hover: var(--pf-t--global--dark--color--nonstatus--gold--200);
949
+ --pf-t--global--border--color--nonstatus--gold--active: var(--pf-t--global--dark--color--nonstatus--gold--200);
950
+ --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
951
+ --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
952
+ --pf-t--global--border--color--nonstatus--green--active: var(--pf-t--global--dark--color--nonstatus--green--200);
953
+ --pf-t--global--border--color--nonstatus--cyan--active: var(--pf-t--global--dark--color--nonstatus--cyan--200);
954
+ --pf-t--global--border--color--nonstatus--cyan--hover: var(--pf-t--global--dark--color--nonstatus--cyan--200);
955
+ --pf-t--global--border--color--nonstatus--cyan--default: var(--pf-t--global--dark--color--nonstatus--cyan--100);
956
+ --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
957
+ --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
958
+ --pf-t--global--border--color--nonstatus--purple--active: var(--pf-t--global--dark--color--nonstatus--purple--200);
959
+ --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--100);
960
+ --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--200);
961
+ --pf-t--global--border--color--nonstatus--gray--active: var(--pf-t--global--dark--color--nonstatus--gray--200);
962
+ --pf-t--global--text--color--required: var(--pf-t--global--dark--text--color--400);
963
+ --pf-t--global--text--color--regular: var(--pf-t--global--dark--text--color--100);
964
+ --pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
965
+ --pf-t--global--text--color--inverse: var(--pf-t--global--dark--text--color--300);
966
+ --pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--300);
967
+ --pf-t--global--text--color--disabled: var(--pf-t--global--dark--color--disabled--200);
968
+ --pf-t--global--text--color--link--default: var(--pf-t--global--dark--text--color--link--100);
969
+ --pf-t--global--text--color--link--hover: var(--pf-t--global--dark--text--color--link--200);
970
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--300);
971
+ --pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--200);
972
+ --pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
973
+ --pf-t--global--color--brand--active: var(--pf-t--global--dark--color--brand--300);
974
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--100);
975
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--200);
976
+ --pf-t--global--color--status--custom--active: var(--pf-t--global--dark--color--status--custom--200);
977
+ --pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--100);
978
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--200);
979
+ --pf-t--global--color--status--success--active: var(--pf-t--global--dark--color--status--success--200);
980
+ --pf-t--global--color--status--warning--hover: var(--pf-t--global--dark--color--status--warning--200);
981
+ --pf-t--global--color--status--warning--active: var(--pf-t--global--dark--color--status--warning--200);
982
+ --pf-t--global--color--status--warning--default: var(--pf-t--global--dark--color--status--warning--100);
983
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--100);
984
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--200);
985
+ --pf-t--global--color--status--danger--active: var(--pf-t--global--dark--color--status--danger--200);
986
+ --pf-t--global--color--status--info--default: var(--pf-t--global--dark--color--status--info--100);
987
+ --pf-t--global--color--status--info--hover: var(--pf-t--global--dark--color--status--info--200);
988
+ --pf-t--global--color--status--info--active: var(--pf-t--global--dark--color--status--info--200);
989
+ --pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
990
+ --pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
991
+ --pf-t--global--color--favorite--active: var(--pf-t--global--dark--color--favorite--200);
992
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--200);
993
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--100);
994
+ --pf-t--global--color--nonstatus--gray--active: var(--pf-t--global--dark--color--nonstatus--gray--200);
995
+ --pf-t--global--color--nonstatus--cyan--hover: var(--pf-t--global--dark--color--nonstatus--cyan--200);
996
+ --pf-t--global--color--nonstatus--cyan--default: var(--pf-t--global--dark--color--nonstatus--cyan--100);
997
+ --pf-t--global--color--nonstatus--cyan--active: var(--pf-t--global--dark--color--nonstatus--cyan--200);
998
+ --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
999
+ --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
1000
+ --pf-t--global--color--nonstatus--blue--active: var(--pf-t--global--dark--color--nonstatus--blue--200);
1001
+ --pf-t--global--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
1002
+ --pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
1003
+ --pf-t--global--color--nonstatus--red--active: var(--pf-t--global--dark--color--nonstatus--red--200);
1004
+ --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
1005
+ --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
1006
+ --pf-t--global--color--nonstatus--orangered--active: var(--pf-t--global--dark--color--nonstatus--orangered--200);
1007
+ --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
1008
+ --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
1009
+ --pf-t--global--color--nonstatus--orange--active: var(--pf-t--global--dark--color--nonstatus--orange--200);
1010
+ --pf-t--global--color--nonstatus--gold--default: var(--pf-t--global--dark--color--nonstatus--gold--100);
1011
+ --pf-t--global--color--nonstatus--gold--hover: var(--pf-t--global--dark--color--nonstatus--gold--200);
1012
+ --pf-t--global--color--nonstatus--gold--active: var(--pf-t--global--dark--color--nonstatus--gold--200);
1013
+ --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
1014
+ --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
1015
+ --pf-t--global--color--nonstatus--green--active: var(--pf-t--global--dark--color--nonstatus--green--200);
1016
+ --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--dark--color--nonstatus--purple--100);
1017
+ --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--dark--color--nonstatus--purple--200);
1018
+ --pf-t--global--color--nonstatus--purple--active: var(--pf-t--global--dark--color--nonstatus--purple--200);
1019
+ --pf-t--global--icon--color--regular: var(--pf-t--global--dark--icon--color--100);
1020
+ --pf-t--global--icon--color--on-disabled: var(--pf-t--global--dark--color--disabled--300);
1021
+ --pf-t--global--icon--color--inverse: var(--pf-t--global--dark--icon--color--300);
1022
+ --pf-t--global--icon--color--subtle: var(--pf-t--global--dark--icon--color--200);
1023
+ --pf-t--global--icon--color--disabled: var(--pf-t--global--dark--color--disabled--200);
1024
+ --pf-t--global--background--color--secondary--selected: var(--pf-t--global--dark--background--color--200);
1025
+ --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
1026
+ --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
1027
+ --pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
1028
+ --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--100);
1029
+ --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--300);
1030
+ --pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
1031
+ --pf-t--global--background--color--highlight--active: var(--pf-t--global--dark--background--color--highlight--200);
1032
+ --pf-t--global--background--color--primary--selected: var(--pf-t--global--dark--background--color--300);
1033
+ --pf-t--global--background--color--primary--default: var(--pf-t--global--dark--background--color--200);
1034
+ --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--300);
1035
+ --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--300);
1036
+ --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--300);
1037
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--dark--background--color--200);
1038
+ --pf-t--global--background--color--action--plain--alt--selected: var(--pf-t--global--dark--background--color--200);
1039
+ --pf-t--global--background--color--action--plain--selected: var(--pf-t--global--dark--background--color--200);
1040
+ --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
1041
+ --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
1042
+ --pf-t--global--border--color--brand--active: var(--pf-t--global--color--brand--active);
1043
+ --pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
1044
+ --pf-t--global--border--color--status--danger--active: var(--pf-t--global--color--status--danger--active);
1045
+ --pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
1046
+ --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
1047
+ --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
1048
+ --pf-t--global--border--color--status--custom--active: var(--pf-t--global--color--status--custom--active);
1049
+ --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
1050
+ --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
1051
+ --pf-t--global--border--color--status--success--active: var(--pf-t--global--color--status--success--active);
1052
+ --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
1053
+ --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
1054
+ --pf-t--global--border--color--status--warning--active: var(--pf-t--global--color--status--warning--active);
1055
+ --pf-t--global--border--color--status--info--active: var(--pf-t--global--color--status--info--active);
1056
+ --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
1057
+ --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
1058
+ --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
1059
+ --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
1060
+ --pf-t--global--text--color--on-brand--active: var(--pf-t--global--text--color--inverse);
1061
+ --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
1062
+ --pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--default);
1063
+ --pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--hover);
1064
+ --pf-t--global--text--color--brand--active: var(--pf-t--global--color--brand--active);
1065
+ --pf-t--global--text--color--status--custom--active: var(--pf-t--global--color--status--custom--active);
1066
+ --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
1067
+ --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
1068
+ --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
1069
+ --pf-t--global--text--color--status--info--active: var(--pf-t--global--color--status--info--active);
1070
+ --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
1071
+ --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
1072
+ --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
1073
+ --pf-t--global--text--color--status--on-info--active: var(--pf-t--global--text--color--inverse);
1074
+ --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
1075
+ --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
1076
+ --pf-t--global--text--color--status--on-danger--active: var(--pf-t--global--text--color--inverse);
1077
+ --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
1078
+ --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
1079
+ --pf-t--global--text--color--status--on-custom--active: var(--pf-t--global--text--color--inverse);
1080
+ --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
1081
+ --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
1082
+ --pf-t--global--text--color--status--on-warning--active: var(--pf-t--global--text--color--inverse);
1083
+ --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
1084
+ --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
1085
+ --pf-t--global--text--color--status--on-success--active: var(--pf-t--global--text--color--inverse);
1086
+ --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--default);
1087
+ --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
1088
+ --pf-t--global--text--color--status--success--active: var(--pf-t--global--color--status--success--active);
1089
+ --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
1090
+ --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
1091
+ --pf-t--global--text--color--status--warning--active: var(--pf-t--global--color--status--warning--active);
1092
+ --pf-t--global--text--color--status--danger--active: var(--pf-t--global--color--status--danger--active);
1093
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
1094
+ --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
1095
+ --pf-t--global--text--color--nonstatus--on-gold--active: var(--pf-t--global--text--color--inverse);
1096
+ --pf-t--global--text--color--nonstatus--on-gold--hover: var(--pf-t--global--text--color--inverse);
1097
+ --pf-t--global--text--color--nonstatus--on-gold--default: var(--pf-t--global--text--color--inverse);
1098
+ --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--inverse);
1099
+ --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--inverse);
1100
+ --pf-t--global--text--color--nonstatus--on-green--active: var(--pf-t--global--text--color--inverse);
1101
+ --pf-t--global--text--color--nonstatus--on-blue--active: var(--pf-t--global--text--color--inverse);
1102
+ --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--inverse);
1103
+ --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--inverse);
1104
+ --pf-t--global--text--color--nonstatus--on-red--active: var(--pf-t--global--text--color--inverse);
1105
+ --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--inverse);
1106
+ --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--inverse);
1107
+ --pf-t--global--text--color--nonstatus--on-orangered--active: var(--pf-t--global--text--color--inverse);
1108
+ --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--inverse);
1109
+ --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--inverse);
1110
+ --pf-t--global--text--color--nonstatus--on-orange--active: var(--pf-t--global--text--color--inverse);
1111
+ --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--inverse);
1112
+ --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--inverse);
1113
+ --pf-t--global--text--color--nonstatus--on-cyan--active: var(--pf-t--global--text--color--inverse);
1114
+ --pf-t--global--text--color--nonstatus--on-cyan--default: var(--pf-t--global--text--color--inverse);
1115
+ --pf-t--global--text--color--nonstatus--on-cyan--hover: var(--pf-t--global--text--color--inverse);
1116
+ --pf-t--global--text--color--nonstatus--on-purple--active: var(--pf-t--global--text--color--inverse);
1117
+ --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--inverse);
1118
+ --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--inverse);
1119
+ --pf-t--global--text--color--nonstatus--on-gray--active: var(--pf-t--global--text--color--inverse);
1120
+ --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--inverse);
1121
+ --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--inverse);
1122
+ --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover);
1123
+ --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default);
1124
+ --pf-t--global--icon--color--brand--active: var(--pf-t--global--color--brand--active);
1125
+ --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
1126
+ --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
1127
+ --pf-t--global--icon--color--on-brand--active: var(--pf-t--global--icon--color--inverse);
1128
+ --pf-t--global--icon--color--nonstatus--on-orange--active: var(--pf-t--global--icon--color--inverse);
1129
+ --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--inverse);
1130
+ --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--inverse);
1131
+ --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--inverse);
1132
+ --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--inverse);
1133
+ --pf-t--global--icon--color--nonstatus--on-orangered--active: var(--pf-t--global--icon--color--inverse);
1134
+ --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--inverse);
1135
+ --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--inverse);
1136
+ --pf-t--global--icon--color--nonstatus--on-blue--active: var(--pf-t--global--icon--color--inverse);
1137
+ --pf-t--global--icon--color--nonstatus--on-red--active: var(--pf-t--global--icon--color--inverse);
1138
+ --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--inverse);
1139
+ --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--inverse);
1140
+ --pf-t--global--icon--color--nonstatus--on-gold--active: var(--pf-t--global--icon--color--inverse);
1141
+ --pf-t--global--icon--color--nonstatus--on-gold--default: var(--pf-t--global--icon--color--inverse);
1142
+ --pf-t--global--icon--color--nonstatus--on-gold--hover: var(--pf-t--global--icon--color--inverse);
1143
+ --pf-t--global--icon--color--nonstatus--on-green--active: var(--pf-t--global--icon--color--inverse);
1144
+ --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--inverse);
1145
+ --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--inverse);
1146
+ --pf-t--global--icon--color--nonstatus--on-cyan--default: var(--pf-t--global--icon--color--inverse);
1147
+ --pf-t--global--icon--color--nonstatus--on-cyan--active: var(--pf-t--global--icon--color--inverse);
1148
+ --pf-t--global--icon--color--nonstatus--on-cyan--hover: var(--pf-t--global--icon--color--inverse);
1149
+ --pf-t--global--icon--color--nonstatus--on-gray--active: var(--pf-t--global--icon--color--inverse);
1150
+ --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--inverse);
1151
+ --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--inverse);
1152
+ --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--inverse);
1153
+ --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--inverse);
1154
+ --pf-t--global--icon--color--nonstatus--on-purple--active: var(--pf-t--global--icon--color--inverse);
1155
+ --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
1156
+ --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
1157
+ --pf-t--global--icon--color--favorite--active: var(--pf-t--global--color--favorite--active);
1158
+ --pf-t--global--icon--color--status--on-danger--active: var(--pf-t--global--icon--color--inverse);
1159
+ --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
1160
+ --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
1161
+ --pf-t--global--icon--color--status--on-custom--active: var(--pf-t--global--icon--color--inverse);
1162
+ --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
1163
+ --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
1164
+ --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
1165
+ --pf-t--global--icon--color--status--on-info--active: var(--pf-t--global--icon--color--inverse);
1166
+ --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
1167
+ --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
1168
+ --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
1169
+ --pf-t--global--icon--color--status--warning--active: var(--pf-t--global--color--status--warning--active);
1170
+ --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
1171
+ --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
1172
+ --pf-t--global--icon--color--status--custom--active: var(--pf-t--global--color--status--custom--active);
1173
+ --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
1174
+ --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
1175
+ --pf-t--global--icon--color--status--success--active: var(--pf-t--global--color--status--success--active);
1176
+ --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
1177
+ --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
1178
+ --pf-t--global--icon--color--status--danger--active: var(--pf-t--global--color--status--danger--active);
1179
+ --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
1180
+ --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
1181
+ --pf-t--global--icon--color--status--info--active: var(--pf-t--global--color--status--info--active);
1182
+ --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
1183
+ --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
1184
+ --pf-t--global--icon--color--status--on-success--active: var(--pf-t--global--icon--color--inverse);
1185
+ --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
1186
+ --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
1187
+ --pf-t--global--icon--color--status--on-warning--active: var(--pf-t--global--icon--color--inverse);
1188
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--action--plain--hover);
1189
+ --pf-t--global--background--color--floating--selected: var(--pf-t--global--background--color--action--plain--hover);
325
1190
  }