@patternfly/react-styles 6.0.0-alpha.17 → 6.0.0-alpha.19

Sign up to get free protection for your applications and to get access to all the features.
Files changed (227) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/css/assets/images/pf_logo.svg +11 -11
  3. package/css/assets/images/pf_logo_white.svg +2 -2
  4. package/css/components/AboutModalBox/about-modal-box.css +1 -1
  5. package/css/components/Alert/alert-group.css +1 -1
  6. package/css/components/Alert/alert.css +5 -5
  7. package/css/components/AppLauncher/app-launcher.css +1 -1
  8. package/css/components/Backdrop/backdrop.css +1 -1
  9. package/css/components/Banner/banner.css +1 -1
  10. package/css/components/Breadcrumb/breadcrumb.css +2 -2
  11. package/css/components/Button/button.css +3 -3
  12. package/css/components/Card/card.css +6 -6
  13. package/css/components/Check/check.css +2 -2
  14. package/css/components/Content/content.css +1 -1
  15. package/css/components/ContextSelector/context-selector.css +1 -1
  16. package/css/components/DataList/data-list.css +17 -17
  17. package/css/components/DatePicker/date-picker.css +1 -1
  18. package/css/components/Divider/divider.css +57 -57
  19. package/css/components/Drawer/drawer.css +11 -10
  20. package/css/components/Drawer/drawer.d.ts +1 -0
  21. package/css/components/Drawer/drawer.js +1 -0
  22. package/css/components/Drawer/drawer.mjs +1 -0
  23. package/css/components/Dropdown/dropdown.css +2 -2
  24. package/css/components/DualListSelector/dual-list-selector.css +1 -1
  25. package/css/components/Form/form.css +1 -1
  26. package/css/components/FormControl/form-control.css +3 -3
  27. package/css/components/Hint/hint.css +1 -1
  28. package/css/components/JumpLinks/jump-links.css +3 -3
  29. package/css/components/Label/label.css +14 -0
  30. package/css/components/Label/label.d.ts +2 -1
  31. package/css/components/Label/label.js +2 -1
  32. package/css/components/Label/label.mjs +2 -1
  33. package/css/components/List/list.css +1 -1
  34. package/css/components/Masthead/masthead.css +70 -70
  35. package/css/components/Menu/menu.css +24 -24
  36. package/css/components/MenuToggle/menu-toggle.css +25 -1
  37. package/css/components/MenuToggle/menu-toggle.d.ts +4 -0
  38. package/css/components/MenuToggle/menu-toggle.js +4 -0
  39. package/css/components/MenuToggle/menu-toggle.mjs +4 -0
  40. package/css/components/ModalBox/modal-box.css +1 -1
  41. package/css/components/Nav/nav.css +4 -2
  42. package/css/components/Nav/nav.d.ts +1 -0
  43. package/css/components/Nav/nav.js +1 -0
  44. package/css/components/Nav/nav.mjs +1 -0
  45. package/css/components/NotificationDrawer/notification-drawer.css +2 -2
  46. package/css/components/OptionsMenu/options-menu.css +1 -1
  47. package/css/components/Page/page.css +50 -49
  48. package/css/components/Page/page.d.ts +1 -0
  49. package/css/components/Page/page.js +1 -0
  50. package/css/components/Page/page.mjs +1 -0
  51. package/css/components/Pagination/pagination.css +30 -30
  52. package/css/components/Panel/panel.css +1 -1
  53. package/css/components/Popover/popover.css +1 -1
  54. package/css/components/ProgressStepper/progress-stepper.css +2 -2
  55. package/css/components/ProgressStepper/progress-stepper.d.ts +2 -2
  56. package/css/components/ProgressStepper/progress-stepper.js +2 -2
  57. package/css/components/ProgressStepper/progress-stepper.mjs +2 -2
  58. package/css/components/Select/select.css +1 -1
  59. package/css/components/Sidebar/sidebar.css +86 -86
  60. package/css/components/Sidebar/sidebar.d.ts +1 -2
  61. package/css/components/Sidebar/sidebar.js +1 -2
  62. package/css/components/Sidebar/sidebar.mjs +1 -2
  63. package/css/components/SkipToContent/skip-to-content.css +1 -1
  64. package/css/components/Slider/slider.css +1 -1
  65. package/css/components/Table/table-scrollable.css +13 -16
  66. package/css/components/Table/table-tree-view.css +0 -2
  67. package/css/components/Table/table.css +129 -103
  68. package/css/components/Table/table.d.ts +3 -1
  69. package/css/components/Table/table.js +3 -1
  70. package/css/components/Table/table.mjs +3 -1
  71. package/css/components/Tabs/tabs.css +91 -91
  72. package/css/components/ToggleGroup/toggle-group.css +5 -5
  73. package/css/components/ToggleGroup/toggle-group.d.ts +1 -2
  74. package/css/components/ToggleGroup/toggle-group.js +1 -2
  75. package/css/components/ToggleGroup/toggle-group.mjs +1 -2
  76. package/css/components/Toolbar/toolbar.css +322 -306
  77. package/css/components/Toolbar/toolbar.d.ts +3 -0
  78. package/css/components/Toolbar/toolbar.js +3 -0
  79. package/css/components/Toolbar/toolbar.mjs +3 -0
  80. package/css/components/TreeView/tree-view.css +1 -1
  81. package/css/components/Wizard/wizard.css +4 -4
  82. package/css/docs/components/Nav/examples/Navigation.css +2 -2
  83. package/css/docs/components/OverflowMenu/examples/overflow-menu.css +4 -4
  84. package/css/docs/components/OverflowMenu/examples/overflow-menu.d.ts +2 -2
  85. package/css/docs/components/OverflowMenu/examples/overflow-menu.js +2 -2
  86. package/css/docs/components/OverflowMenu/examples/overflow-menu.mjs +2 -2
  87. package/css/docs/components/Page/deprecated/PageHeader.css +4 -4
  88. package/css/docs/components/Page/deprecated/PageHeader.d.ts +3 -3
  89. package/css/docs/components/Page/deprecated/PageHeader.js +3 -3
  90. package/css/docs/components/Page/deprecated/PageHeader.mjs +3 -3
  91. package/css/docs/components/Skeleton/examples/Skeleton.css +1 -1
  92. package/css/docs/components/Skeleton/examples/Skeleton.d.ts +1 -1
  93. package/css/docs/components/Skeleton/examples/Skeleton.js +1 -1
  94. package/css/docs/components/Skeleton/examples/Skeleton.mjs +1 -1
  95. package/css/docs/components/Table/examples/Table.css +6 -8
  96. package/css/docs/components/Table/examples/Table.d.ts +1 -1
  97. package/css/docs/components/Table/examples/Table.js +1 -1
  98. package/css/docs/components/Table/examples/Table.mjs +1 -1
  99. package/css/docs/components/TextInputGroup/examples/TextInputGroup.css +1 -1
  100. package/css/docs/components/Tile/examples/Tile.css +5 -5
  101. package/css/docs/components/Tile/examples/Tile.d.ts +1 -1
  102. package/css/docs/components/Tile/examples/Tile.js +1 -1
  103. package/css/docs/components/Tile/examples/Tile.mjs +1 -1
  104. package/css/docs/components/Toolbar/examples/Toolbar.css +40 -35
  105. package/css/docs/components/Toolbar/examples/Toolbar.d.ts +4 -3
  106. package/css/docs/components/Toolbar/examples/Toolbar.js +4 -3
  107. package/css/docs/components/Toolbar/examples/Toolbar.mjs +4 -3
  108. package/css/docs/components/Tooltip/examples/Tooltip.css +1 -1
  109. package/css/docs/components/Truncate/examples/Truncate.css +1 -1
  110. package/css/docs/components/Truncate/examples/Truncate.d.ts +1 -1
  111. package/css/docs/components/Truncate/examples/Truncate.js +1 -1
  112. package/css/docs/components/Truncate/examples/Truncate.mjs +1 -1
  113. package/css/docs/demos/Card/examples/Card.css +6 -6
  114. package/css/docs/demos/Card/examples/Card.d.ts +2 -2
  115. package/css/docs/demos/Card/examples/Card.js +2 -2
  116. package/css/docs/demos/Card/examples/Card.mjs +2 -2
  117. package/css/docs/demos/Toolbar/examples/Toolbar.css +3 -3
  118. package/css/docs/demos/Toolbar/examples/Toolbar.d.ts +3 -3
  119. package/css/docs/demos/Toolbar/examples/Toolbar.js +3 -3
  120. package/css/docs/demos/Toolbar/examples/Toolbar.mjs +3 -3
  121. package/css/docs/layouts/Bullseye/examples/Bullseye.css +4 -4
  122. package/css/docs/layouts/Bullseye/examples/Bullseye.d.ts +2 -2
  123. package/css/docs/layouts/Bullseye/examples/Bullseye.js +2 -2
  124. package/css/docs/layouts/Bullseye/examples/Bullseye.mjs +2 -2
  125. package/css/docs/layouts/Flex/examples/Flex.css +4 -4
  126. package/css/docs/layouts/Flex/examples/Flex.d.ts +2 -2
  127. package/css/docs/layouts/Flex/examples/Flex.js +2 -2
  128. package/css/docs/layouts/Flex/examples/Flex.mjs +2 -2
  129. package/css/docs/layouts/Gallery/examples/Gallery.css +4 -4
  130. package/css/docs/layouts/Gallery/examples/Gallery.d.ts +2 -2
  131. package/css/docs/layouts/Gallery/examples/Gallery.js +2 -2
  132. package/css/docs/layouts/Gallery/examples/Gallery.mjs +2 -2
  133. package/css/docs/layouts/Grid/examples/Grid.css +3 -3
  134. package/css/docs/layouts/Grid/examples/Grid.d.ts +1 -1
  135. package/css/docs/layouts/Grid/examples/Grid.js +1 -1
  136. package/css/docs/layouts/Grid/examples/Grid.mjs +1 -1
  137. package/css/docs/layouts/Level/examples/Level.css +5 -5
  138. package/css/docs/layouts/Level/examples/Level.d.ts +2 -2
  139. package/css/docs/layouts/Level/examples/Level.js +2 -2
  140. package/css/docs/layouts/Level/examples/Level.mjs +2 -2
  141. package/css/docs/layouts/Split/examples/Split.css +4 -4
  142. package/css/docs/layouts/Split/examples/Split.d.ts +2 -2
  143. package/css/docs/layouts/Split/examples/Split.js +2 -2
  144. package/css/docs/layouts/Split/examples/Split.mjs +2 -2
  145. package/css/docs/layouts/Stack/examples/Stack.css +5 -5
  146. package/css/docs/layouts/Stack/examples/Stack.d.ts +2 -2
  147. package/css/docs/layouts/Stack/examples/Stack.js +2 -2
  148. package/css/docs/layouts/Stack/examples/Stack.mjs +2 -2
  149. package/css/docs/utilities/Alignment/examples/Alignment.css +4 -4
  150. package/css/docs/utilities/Alignment/examples/Alignment.d.ts +4 -4
  151. package/css/docs/utilities/Alignment/examples/Alignment.js +4 -4
  152. package/css/docs/utilities/Alignment/examples/Alignment.mjs +4 -4
  153. package/css/docs/utilities/BoxShadow/examples/box-shadow.css +11 -11
  154. package/css/docs/utilities/Display/examples/Display.css +8 -8
  155. package/css/docs/utilities/Display/examples/Display.d.ts +8 -8
  156. package/css/docs/utilities/Display/examples/Display.js +8 -8
  157. package/css/docs/utilities/Display/examples/Display.mjs +8 -8
  158. package/css/docs/utilities/Flex/examples/Flex.css +5 -5
  159. package/css/docs/utilities/Flex/examples/Flex.d.ts +2 -2
  160. package/css/docs/utilities/Flex/examples/Flex.js +2 -2
  161. package/css/docs/utilities/Flex/examples/Flex.mjs +2 -2
  162. package/css/docs/utilities/Float/examples/Float.css +2 -2
  163. package/css/docs/utilities/Float/examples/Float.d.ts +2 -2
  164. package/css/docs/utilities/Float/examples/Float.js +2 -2
  165. package/css/docs/utilities/Float/examples/Float.mjs +2 -2
  166. package/css/docs/utilities/Sizing/examples/Sizing.css +4 -4
  167. package/css/docs/utilities/Sizing/examples/Sizing.d.ts +4 -4
  168. package/css/docs/utilities/Sizing/examples/Sizing.js +4 -4
  169. package/css/docs/utilities/Sizing/examples/Sizing.mjs +4 -4
  170. package/css/docs/utilities/Spacing/examples/Spacing.css +1 -1
  171. package/css/docs/utilities/Spacing/examples/Spacing.d.ts +1 -1
  172. package/css/docs/utilities/Spacing/examples/Spacing.js +1 -1
  173. package/css/docs/utilities/Spacing/examples/Spacing.mjs +1 -1
  174. package/css/layouts/Bullseye/bullseye.css +5 -1
  175. package/css/layouts/Flex/flex.css +207 -203
  176. package/css/layouts/Gallery/gallery.css +6 -2
  177. package/css/layouts/Grid/grid.css +6 -2
  178. package/css/layouts/Level/level.css +5 -1
  179. package/css/layouts/Split/split.css +5 -1
  180. package/css/layouts/Stack/stack.css +5 -1
  181. package/css/utilities/Alignment/alignment.css +24 -24
  182. package/css/utilities/Alignment/alignment.d.ts +12 -12
  183. package/css/utilities/Alignment/alignment.js +12 -12
  184. package/css/utilities/Alignment/alignment.mjs +12 -12
  185. package/css/utilities/BackgroundColor/BackgroundColor.css +36 -383
  186. package/css/utilities/BackgroundColor/BackgroundColor.d.ts +18 -97
  187. package/css/utilities/BackgroundColor/BackgroundColor.js +18 -97
  188. package/css/utilities/BackgroundColor/BackgroundColor.mjs +18 -97
  189. package/css/utilities/BoxShadow/box-shadow.css +15 -39
  190. package/css/utilities/BoxShadow/box-shadow.d.ts +1 -7
  191. package/css/utilities/BoxShadow/box-shadow.js +1 -7
  192. package/css/utilities/BoxShadow/box-shadow.mjs +1 -7
  193. package/css/utilities/Float/float.css +24 -24
  194. package/css/utilities/Float/float.d.ts +12 -12
  195. package/css/utilities/Float/float.js +12 -12
  196. package/css/utilities/Float/float.mjs +12 -12
  197. package/css/utilities/Sizing/sizing.css +28 -28
  198. package/css/utilities/Spacing/spacing.css +672 -672
  199. package/css/utilities/Text/text.css +393 -636
  200. package/css/utilities/Text/text.d.ts +169 -197
  201. package/css/utilities/Text/text.js +169 -197
  202. package/css/utilities/Text/text.mjs +169 -197
  203. package/package.json +3 -3
  204. package/css/docs/components/Breadcrumb/examples/Breadcrumb.css +0 -3
  205. package/css/docs/components/Breadcrumb/examples/Breadcrumb.d.ts +0 -3
  206. package/css/docs/components/Breadcrumb/examples/Breadcrumb.js +0 -4
  207. package/css/docs/components/Breadcrumb/examples/Breadcrumb.mjs +0 -2
  208. package/css/docs/components/Tabs/examples/Tabs.css +0 -10
  209. package/css/docs/components/Tabs/examples/Tabs.d.ts +0 -6
  210. package/css/docs/components/Tabs/examples/Tabs.js +0 -7
  211. package/css/docs/components/Tabs/examples/Tabs.mjs +0 -5
  212. package/css/docs/components/ToggleGroup/examples/toggle-group.css +0 -4
  213. package/css/docs/components/ToggleGroup/examples/toggle-group.d.ts +0 -5
  214. package/css/docs/components/ToggleGroup/examples/toggle-group.js +0 -6
  215. package/css/docs/components/ToggleGroup/examples/toggle-group.mjs +0 -4
  216. package/css/docs/utilities/Text/examples/Text.css +0 -0
  217. package/css/docs/utilities/Text/examples/Text.d.ts +0 -3
  218. package/css/docs/utilities/Text/examples/Text.js +0 -4
  219. package/css/docs/utilities/Text/examples/Text.mjs +0 -2
  220. package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.css +0 -0
  221. package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.d.ts +0 -3
  222. package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.js +0 -4
  223. package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.mjs +0 -2
  224. package/css/utilities/Text/themes/dark/text.css +0 -0
  225. package/css/utilities/Text/themes/dark/text.d.ts +0 -3
  226. package/css/utilities/Text/themes/dark/text.js +0 -4
  227. package/css/utilities/Text/themes/dark/text.mjs +0 -2
@@ -1,414 +1,67 @@
1
- .pf-v6-u-background-color-100 {
2
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
1
+ .pf-v6-u-background-color-disabled {
2
+ background-color: var(--pf-t--global--background--color--disabled--default) !important;
3
3
  }
4
4
 
5
- .pf-v6-u-background-color-200 {
6
- background-color: var(--pf-v6-global--BackgroundColor--200) !important;
5
+ .pf-v6-u-background-color-inverse {
6
+ background-color: var(--pf-t--global--background--color--inverse--default) !important;
7
7
  }
8
8
 
9
- .pf-v6-u-background-color-active-color-100 {
10
- background-color: var(--pf-v6-global--active-color--100) !important;
11
- }
12
-
13
- .pf-v6-u-background-color-active-color-300 {
14
- background-color: var(--pf-v6-global--active-color--300) !important;
15
- }
16
-
17
- .pf-v6-u-background-color-primary-color-200 {
18
- background-color: var(--pf-v6-global--primary-color--200) !important;
19
- }
20
-
21
- .pf-v6-u-background-color-dark-100 {
22
- background-color: var(--pf-v6-global--BackgroundColor--dark-100) !important;
23
- }
24
-
25
- .pf-v6-u-background-color-dark-200 {
26
- background-color: var(--pf-v6-global--BackgroundColor--dark-200) !important;
27
- }
28
-
29
- .pf-v6-u-background-color-dark-300 {
30
- background-color: var(--pf-v6-global--BackgroundColor--dark-300) !important;
31
- }
32
-
33
- .pf-v6-u-background-color-dark-400 {
34
- background-color: var(--pf-v6-global--BackgroundColor--dark-400) !important;
35
- }
36
-
37
- .pf-v6-u-background-color-disabled-color-200 {
38
- background-color: var(--pf-v6-global--disabled-color--200) !important;
39
- }
40
-
41
- .pf-v6-u-background-color-disabled-color-300 {
42
- background-color: var(--pf-v6-global--disabled-color--300) !important;
43
- }
44
-
45
- .pf-v6-u-background-color-default {
46
- background-color: var(--pf-v6-global--palette--cyan-50) !important;
47
- }
48
-
49
- .pf-v6-u-background-color-success {
50
- background-color: var(--pf-v6-global--palette--green-50) !important;
51
- }
52
-
53
- .pf-v6-u-background-color-info {
54
- background-color: var(--pf-v6-global--palette--blue-50) !important;
55
- }
56
-
57
- .pf-v6-u-background-color-warning {
58
- background-color: var(--pf-v6-global--palette--gold-50) !important;
59
- }
60
-
61
- .pf-v6-u-background-color-danger {
62
- background-color: var(--pf-v6-global--palette--red-50) !important;
9
+ .pf-v6-u-background-color-highlight {
10
+ background-color: var(--pf-t--global--background--color--highlight--default) !important;
63
11
  }
64
12
 
65
13
  @media screen and (min-width: 576px) {
66
- .pf-v6-u-background-color-100-on-sm {
67
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
68
- }
69
- .pf-v6-u-background-color-200-on-sm {
70
- background-color: var(--pf-v6-global--BackgroundColor--200) !important;
71
- }
72
- .pf-v6-u-background-color-active-color-100-on-sm {
73
- background-color: var(--pf-v6-global--active-color--100) !important;
74
- }
75
- .pf-v6-u-background-color-active-color-300-on-sm {
76
- background-color: var(--pf-v6-global--active-color--300) !important;
77
- }
78
- .pf-v6-u-background-color-primary-color-200-on-sm {
79
- background-color: var(--pf-v6-global--primary-color--200) !important;
80
- }
81
- .pf-v6-u-background-color-dark-100-on-sm {
82
- background-color: var(--pf-v6-global--BackgroundColor--dark-100) !important;
83
- }
84
- .pf-v6-u-background-color-dark-200-on-sm {
85
- background-color: var(--pf-v6-global--BackgroundColor--dark-200) !important;
86
- }
87
- .pf-v6-u-background-color-dark-300-on-sm {
88
- background-color: var(--pf-v6-global--BackgroundColor--dark-300) !important;
14
+ .pf-v6-u-background-color-disabled-on-sm {
15
+ background-color: var(--pf-t--global--background--color--disabled--default) !important;
89
16
  }
90
- .pf-v6-u-background-color-dark-400-on-sm {
91
- background-color: var(--pf-v6-global--BackgroundColor--dark-400) !important;
17
+ .pf-v6-u-background-color-inverse-on-sm {
18
+ background-color: var(--pf-t--global--background--color--inverse--default) !important;
92
19
  }
93
- .pf-v6-u-background-color-disabled-color-200-on-sm {
94
- background-color: var(--pf-v6-global--disabled-color--200) !important;
95
- }
96
- .pf-v6-u-background-color-disabled-color-300-on-sm {
97
- background-color: var(--pf-v6-global--disabled-color--300) !important;
98
- }
99
- .pf-v6-u-background-color-default-on-sm {
100
- background-color: var(--pf-v6-global--palette--cyan-50) !important;
101
- }
102
- .pf-v6-u-background-color-success-on-sm {
103
- background-color: var(--pf-v6-global--palette--green-50) !important;
104
- }
105
- .pf-v6-u-background-color-info-on-sm {
106
- background-color: var(--pf-v6-global--palette--blue-50) !important;
107
- }
108
- .pf-v6-u-background-color-warning-on-sm {
109
- background-color: var(--pf-v6-global--palette--gold-50) !important;
110
- }
111
- .pf-v6-u-background-color-danger-on-sm {
112
- background-color: var(--pf-v6-global--palette--red-50) !important;
20
+ .pf-v6-u-background-color-highlight-on-sm {
21
+ background-color: var(--pf-t--global--background--color--highlight--default) !important;
113
22
  }
114
23
  }
115
24
  @media screen and (min-width: 768px) {
116
- .pf-v6-u-background-color-100-on-md {
117
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
118
- }
119
- .pf-v6-u-background-color-200-on-md {
120
- background-color: var(--pf-v6-global--BackgroundColor--200) !important;
121
- }
122
- .pf-v6-u-background-color-active-color-100-on-md {
123
- background-color: var(--pf-v6-global--active-color--100) !important;
124
- }
125
- .pf-v6-u-background-color-active-color-300-on-md {
126
- background-color: var(--pf-v6-global--active-color--300) !important;
127
- }
128
- .pf-v6-u-background-color-primary-color-200-on-md {
129
- background-color: var(--pf-v6-global--primary-color--200) !important;
130
- }
131
- .pf-v6-u-background-color-dark-100-on-md {
132
- background-color: var(--pf-v6-global--BackgroundColor--dark-100) !important;
133
- }
134
- .pf-v6-u-background-color-dark-200-on-md {
135
- background-color: var(--pf-v6-global--BackgroundColor--dark-200) !important;
136
- }
137
- .pf-v6-u-background-color-dark-300-on-md {
138
- background-color: var(--pf-v6-global--BackgroundColor--dark-300) !important;
139
- }
140
- .pf-v6-u-background-color-dark-400-on-md {
141
- background-color: var(--pf-v6-global--BackgroundColor--dark-400) !important;
142
- }
143
- .pf-v6-u-background-color-disabled-color-200-on-md {
144
- background-color: var(--pf-v6-global--disabled-color--200) !important;
145
- }
146
- .pf-v6-u-background-color-disabled-color-300-on-md {
147
- background-color: var(--pf-v6-global--disabled-color--300) !important;
148
- }
149
- .pf-v6-u-background-color-default-on-md {
150
- background-color: var(--pf-v6-global--palette--cyan-50) !important;
25
+ .pf-v6-u-background-color-disabled-on-md {
26
+ background-color: var(--pf-t--global--background--color--disabled--default) !important;
151
27
  }
152
- .pf-v6-u-background-color-success-on-md {
153
- background-color: var(--pf-v6-global--palette--green-50) !important;
28
+ .pf-v6-u-background-color-inverse-on-md {
29
+ background-color: var(--pf-t--global--background--color--inverse--default) !important;
154
30
  }
155
- .pf-v6-u-background-color-info-on-md {
156
- background-color: var(--pf-v6-global--palette--blue-50) !important;
157
- }
158
- .pf-v6-u-background-color-warning-on-md {
159
- background-color: var(--pf-v6-global--palette--gold-50) !important;
160
- }
161
- .pf-v6-u-background-color-danger-on-md {
162
- background-color: var(--pf-v6-global--palette--red-50) !important;
31
+ .pf-v6-u-background-color-highlight-on-md {
32
+ background-color: var(--pf-t--global--background--color--highlight--default) !important;
163
33
  }
164
34
  }
165
35
  @media screen and (min-width: 992px) {
166
- .pf-v6-u-background-color-100-on-lg {
167
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
168
- }
169
- .pf-v6-u-background-color-200-on-lg {
170
- background-color: var(--pf-v6-global--BackgroundColor--200) !important;
171
- }
172
- .pf-v6-u-background-color-active-color-100-on-lg {
173
- background-color: var(--pf-v6-global--active-color--100) !important;
174
- }
175
- .pf-v6-u-background-color-active-color-300-on-lg {
176
- background-color: var(--pf-v6-global--active-color--300) !important;
177
- }
178
- .pf-v6-u-background-color-primary-color-200-on-lg {
179
- background-color: var(--pf-v6-global--primary-color--200) !important;
180
- }
181
- .pf-v6-u-background-color-dark-100-on-lg {
182
- background-color: var(--pf-v6-global--BackgroundColor--dark-100) !important;
183
- }
184
- .pf-v6-u-background-color-dark-200-on-lg {
185
- background-color: var(--pf-v6-global--BackgroundColor--dark-200) !important;
36
+ .pf-v6-u-background-color-disabled-on-lg {
37
+ background-color: var(--pf-t--global--background--color--disabled--default) !important;
186
38
  }
187
- .pf-v6-u-background-color-dark-300-on-lg {
188
- background-color: var(--pf-v6-global--BackgroundColor--dark-300) !important;
39
+ .pf-v6-u-background-color-inverse-on-lg {
40
+ background-color: var(--pf-t--global--background--color--inverse--default) !important;
189
41
  }
190
- .pf-v6-u-background-color-dark-400-on-lg {
191
- background-color: var(--pf-v6-global--BackgroundColor--dark-400) !important;
192
- }
193
- .pf-v6-u-background-color-disabled-color-200-on-lg {
194
- background-color: var(--pf-v6-global--disabled-color--200) !important;
195
- }
196
- .pf-v6-u-background-color-disabled-color-300-on-lg {
197
- background-color: var(--pf-v6-global--disabled-color--300) !important;
198
- }
199
- .pf-v6-u-background-color-default-on-lg {
200
- background-color: var(--pf-v6-global--palette--cyan-50) !important;
201
- }
202
- .pf-v6-u-background-color-success-on-lg {
203
- background-color: var(--pf-v6-global--palette--green-50) !important;
204
- }
205
- .pf-v6-u-background-color-info-on-lg {
206
- background-color: var(--pf-v6-global--palette--blue-50) !important;
207
- }
208
- .pf-v6-u-background-color-warning-on-lg {
209
- background-color: var(--pf-v6-global--palette--gold-50) !important;
210
- }
211
- .pf-v6-u-background-color-danger-on-lg {
212
- background-color: var(--pf-v6-global--palette--red-50) !important;
42
+ .pf-v6-u-background-color-highlight-on-lg {
43
+ background-color: var(--pf-t--global--background--color--highlight--default) !important;
213
44
  }
214
45
  }
215
46
  @media screen and (min-width: 1200px) {
216
- .pf-v6-u-background-color-100-on-xl {
217
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
218
- }
219
- .pf-v6-u-background-color-200-on-xl {
220
- background-color: var(--pf-v6-global--BackgroundColor--200) !important;
47
+ .pf-v6-u-background-color-disabled-on-xl {
48
+ background-color: var(--pf-t--global--background--color--disabled--default) !important;
221
49
  }
222
- .pf-v6-u-background-color-active-color-100-on-xl {
223
- background-color: var(--pf-v6-global--active-color--100) !important;
50
+ .pf-v6-u-background-color-inverse-on-xl {
51
+ background-color: var(--pf-t--global--background--color--inverse--default) !important;
224
52
  }
225
- .pf-v6-u-background-color-active-color-300-on-xl {
226
- background-color: var(--pf-v6-global--active-color--300) !important;
227
- }
228
- .pf-v6-u-background-color-primary-color-200-on-xl {
229
- background-color: var(--pf-v6-global--primary-color--200) !important;
230
- }
231
- .pf-v6-u-background-color-dark-100-on-xl {
232
- background-color: var(--pf-v6-global--BackgroundColor--dark-100) !important;
233
- }
234
- .pf-v6-u-background-color-dark-200-on-xl {
235
- background-color: var(--pf-v6-global--BackgroundColor--dark-200) !important;
236
- }
237
- .pf-v6-u-background-color-dark-300-on-xl {
238
- background-color: var(--pf-v6-global--BackgroundColor--dark-300) !important;
239
- }
240
- .pf-v6-u-background-color-dark-400-on-xl {
241
- background-color: var(--pf-v6-global--BackgroundColor--dark-400) !important;
242
- }
243
- .pf-v6-u-background-color-disabled-color-200-on-xl {
244
- background-color: var(--pf-v6-global--disabled-color--200) !important;
245
- }
246
- .pf-v6-u-background-color-disabled-color-300-on-xl {
247
- background-color: var(--pf-v6-global--disabled-color--300) !important;
248
- }
249
- .pf-v6-u-background-color-default-on-xl {
250
- background-color: var(--pf-v6-global--palette--cyan-50) !important;
251
- }
252
- .pf-v6-u-background-color-success-on-xl {
253
- background-color: var(--pf-v6-global--palette--green-50) !important;
254
- }
255
- .pf-v6-u-background-color-info-on-xl {
256
- background-color: var(--pf-v6-global--palette--blue-50) !important;
257
- }
258
- .pf-v6-u-background-color-warning-on-xl {
259
- background-color: var(--pf-v6-global--palette--gold-50) !important;
260
- }
261
- .pf-v6-u-background-color-danger-on-xl {
262
- background-color: var(--pf-v6-global--palette--red-50) !important;
53
+ .pf-v6-u-background-color-highlight-on-xl {
54
+ background-color: var(--pf-t--global--background--color--highlight--default) !important;
263
55
  }
264
56
  }
265
57
  @media screen and (min-width: 1450px) {
266
- .pf-v6-u-background-color-100-on-2xl {
267
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
268
- }
269
- .pf-v6-u-background-color-200-on-2xl {
270
- background-color: var(--pf-v6-global--BackgroundColor--200) !important;
271
- }
272
- .pf-v6-u-background-color-active-color-100-on-2xl {
273
- background-color: var(--pf-v6-global--active-color--100) !important;
274
- }
275
- .pf-v6-u-background-color-active-color-300-on-2xl {
276
- background-color: var(--pf-v6-global--active-color--300) !important;
277
- }
278
- .pf-v6-u-background-color-primary-color-200-on-2xl {
279
- background-color: var(--pf-v6-global--primary-color--200) !important;
280
- }
281
- .pf-v6-u-background-color-dark-100-on-2xl {
282
- background-color: var(--pf-v6-global--BackgroundColor--dark-100) !important;
283
- }
284
- .pf-v6-u-background-color-dark-200-on-2xl {
285
- background-color: var(--pf-v6-global--BackgroundColor--dark-200) !important;
286
- }
287
- .pf-v6-u-background-color-dark-300-on-2xl {
288
- background-color: var(--pf-v6-global--BackgroundColor--dark-300) !important;
289
- }
290
- .pf-v6-u-background-color-dark-400-on-2xl {
291
- background-color: var(--pf-v6-global--BackgroundColor--dark-400) !important;
292
- }
293
- .pf-v6-u-background-color-disabled-color-200-on-2xl {
294
- background-color: var(--pf-v6-global--disabled-color--200) !important;
295
- }
296
- .pf-v6-u-background-color-disabled-color-300-on-2xl {
297
- background-color: var(--pf-v6-global--disabled-color--300) !important;
298
- }
299
- .pf-v6-u-background-color-default-on-2xl {
300
- background-color: var(--pf-v6-global--palette--cyan-50) !important;
301
- }
302
- .pf-v6-u-background-color-success-on-2xl {
303
- background-color: var(--pf-v6-global--palette--green-50) !important;
304
- }
305
- .pf-v6-u-background-color-info-on-2xl {
306
- background-color: var(--pf-v6-global--palette--blue-50) !important;
307
- }
308
- .pf-v6-u-background-color-warning-on-2xl {
309
- background-color: var(--pf-v6-global--palette--gold-50) !important;
310
- }
311
- .pf-v6-u-background-color-danger-on-2xl {
312
- background-color: var(--pf-v6-global--palette--red-50) !important;
313
- }
314
- }
315
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-default {
316
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
317
- }
318
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-success {
319
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
320
- }
321
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-info {
322
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
323
- }
324
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-warning {
325
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
326
- }
327
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-danger {
328
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
329
- }
330
- @media screen and (min-width: 576px) {
331
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-default-on-sm {
332
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
333
- }
334
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-success-on-sm {
335
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
336
- }
337
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-info-on-sm {
338
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
339
- }
340
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-warning-on-sm {
341
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
342
- }
343
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-danger-on-sm {
344
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
345
- }
346
- }
347
- @media screen and (min-width: 768px) {
348
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-default-on-md {
349
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
350
- }
351
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-success-on-md {
352
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
353
- }
354
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-info-on-md {
355
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
356
- }
357
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-warning-on-md {
358
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
359
- }
360
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-danger-on-md {
361
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
362
- }
363
- }
364
- @media screen and (min-width: 992px) {
365
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-default-on-lg {
366
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
367
- }
368
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-success-on-lg {
369
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
370
- }
371
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-info-on-lg {
372
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
373
- }
374
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-warning-on-lg {
375
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
376
- }
377
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-danger-on-lg {
378
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
379
- }
380
- }
381
- @media screen and (min-width: 1200px) {
382
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-default-on-xl {
383
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
384
- }
385
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-success-on-xl {
386
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
387
- }
388
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-info-on-xl {
389
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
390
- }
391
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-warning-on-xl {
392
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
393
- }
394
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-danger-on-xl {
395
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
396
- }
397
- }
398
- @media screen and (min-width: 1450px) {
399
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-default-on-2xl {
400
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
401
- }
402
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-success-on-2xl {
403
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
404
- }
405
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-info-on-2xl {
406
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
58
+ .pf-v6-u-background-color-disabled-on-2xl {
59
+ background-color: var(--pf-t--global--background--color--disabled--default) !important;
407
60
  }
408
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-warning-on-2xl {
409
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
61
+ .pf-v6-u-background-color-inverse-on-2xl {
62
+ background-color: var(--pf-t--global--background--color--inverse--default) !important;
410
63
  }
411
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-danger-on-2xl {
412
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
64
+ .pf-v6-u-background-color-highlight-on-2xl {
65
+ background-color: var(--pf-t--global--background--color--highlight--default) !important;
413
66
  }
414
67
  }
@@ -1,101 +1,22 @@
1
1
  import './BackgroundColor.css';
2
2
  declare const _default: {
3
- "backgroundColorActiveColor_100": "pf-v6-u-background-color-active-color-100",
4
- "backgroundColorActiveColor_100OnLg": "pf-v6-u-background-color-active-color-100-on-lg",
5
- "backgroundColorActiveColor_100OnMd": "pf-v6-u-background-color-active-color-100-on-md",
6
- "backgroundColorActiveColor_100OnSm": "pf-v6-u-background-color-active-color-100-on-sm",
7
- "backgroundColorActiveColor_100OnXl": "pf-v6-u-background-color-active-color-100-on-xl",
8
- "backgroundColorActiveColor_100On_2xl": "pf-v6-u-background-color-active-color-100-on-2xl",
9
- "backgroundColorActiveColor_300": "pf-v6-u-background-color-active-color-300",
10
- "backgroundColorActiveColor_300OnLg": "pf-v6-u-background-color-active-color-300-on-lg",
11
- "backgroundColorActiveColor_300OnMd": "pf-v6-u-background-color-active-color-300-on-md",
12
- "backgroundColorActiveColor_300OnSm": "pf-v6-u-background-color-active-color-300-on-sm",
13
- "backgroundColorActiveColor_300OnXl": "pf-v6-u-background-color-active-color-300-on-xl",
14
- "backgroundColorActiveColor_300On_2xl": "pf-v6-u-background-color-active-color-300-on-2xl",
15
- "backgroundColorDanger": "pf-v6-u-background-color-danger",
16
- "backgroundColorDangerOnLg": "pf-v6-u-background-color-danger-on-lg",
17
- "backgroundColorDangerOnMd": "pf-v6-u-background-color-danger-on-md",
18
- "backgroundColorDangerOnSm": "pf-v6-u-background-color-danger-on-sm",
19
- "backgroundColorDangerOnXl": "pf-v6-u-background-color-danger-on-xl",
20
- "backgroundColorDangerOn_2xl": "pf-v6-u-background-color-danger-on-2xl",
21
- "backgroundColorDark_100": "pf-v6-u-background-color-dark-100",
22
- "backgroundColorDark_100OnLg": "pf-v6-u-background-color-dark-100-on-lg",
23
- "backgroundColorDark_100OnMd": "pf-v6-u-background-color-dark-100-on-md",
24
- "backgroundColorDark_100OnSm": "pf-v6-u-background-color-dark-100-on-sm",
25
- "backgroundColorDark_100OnXl": "pf-v6-u-background-color-dark-100-on-xl",
26
- "backgroundColorDark_100On_2xl": "pf-v6-u-background-color-dark-100-on-2xl",
27
- "backgroundColorDark_200": "pf-v6-u-background-color-dark-200",
28
- "backgroundColorDark_200OnLg": "pf-v6-u-background-color-dark-200-on-lg",
29
- "backgroundColorDark_200OnMd": "pf-v6-u-background-color-dark-200-on-md",
30
- "backgroundColorDark_200OnSm": "pf-v6-u-background-color-dark-200-on-sm",
31
- "backgroundColorDark_200OnXl": "pf-v6-u-background-color-dark-200-on-xl",
32
- "backgroundColorDark_200On_2xl": "pf-v6-u-background-color-dark-200-on-2xl",
33
- "backgroundColorDark_300": "pf-v6-u-background-color-dark-300",
34
- "backgroundColorDark_300OnLg": "pf-v6-u-background-color-dark-300-on-lg",
35
- "backgroundColorDark_300OnMd": "pf-v6-u-background-color-dark-300-on-md",
36
- "backgroundColorDark_300OnSm": "pf-v6-u-background-color-dark-300-on-sm",
37
- "backgroundColorDark_300OnXl": "pf-v6-u-background-color-dark-300-on-xl",
38
- "backgroundColorDark_300On_2xl": "pf-v6-u-background-color-dark-300-on-2xl",
39
- "backgroundColorDark_400": "pf-v6-u-background-color-dark-400",
40
- "backgroundColorDark_400OnLg": "pf-v6-u-background-color-dark-400-on-lg",
41
- "backgroundColorDark_400OnMd": "pf-v6-u-background-color-dark-400-on-md",
42
- "backgroundColorDark_400OnSm": "pf-v6-u-background-color-dark-400-on-sm",
43
- "backgroundColorDark_400OnXl": "pf-v6-u-background-color-dark-400-on-xl",
44
- "backgroundColorDark_400On_2xl": "pf-v6-u-background-color-dark-400-on-2xl",
45
- "backgroundColorDefault": "pf-v6-u-background-color-default",
46
- "backgroundColorDefaultOnLg": "pf-v6-u-background-color-default-on-lg",
47
- "backgroundColorDefaultOnMd": "pf-v6-u-background-color-default-on-md",
48
- "backgroundColorDefaultOnSm": "pf-v6-u-background-color-default-on-sm",
49
- "backgroundColorDefaultOnXl": "pf-v6-u-background-color-default-on-xl",
50
- "backgroundColorDefaultOn_2xl": "pf-v6-u-background-color-default-on-2xl",
51
- "backgroundColorDisabledColor_200": "pf-v6-u-background-color-disabled-color-200",
52
- "backgroundColorDisabledColor_200OnLg": "pf-v6-u-background-color-disabled-color-200-on-lg",
53
- "backgroundColorDisabledColor_200OnMd": "pf-v6-u-background-color-disabled-color-200-on-md",
54
- "backgroundColorDisabledColor_200OnSm": "pf-v6-u-background-color-disabled-color-200-on-sm",
55
- "backgroundColorDisabledColor_200OnXl": "pf-v6-u-background-color-disabled-color-200-on-xl",
56
- "backgroundColorDisabledColor_200On_2xl": "pf-v6-u-background-color-disabled-color-200-on-2xl",
57
- "backgroundColorDisabledColor_300": "pf-v6-u-background-color-disabled-color-300",
58
- "backgroundColorDisabledColor_300OnLg": "pf-v6-u-background-color-disabled-color-300-on-lg",
59
- "backgroundColorDisabledColor_300OnMd": "pf-v6-u-background-color-disabled-color-300-on-md",
60
- "backgroundColorDisabledColor_300OnSm": "pf-v6-u-background-color-disabled-color-300-on-sm",
61
- "backgroundColorDisabledColor_300OnXl": "pf-v6-u-background-color-disabled-color-300-on-xl",
62
- "backgroundColorDisabledColor_300On_2xl": "pf-v6-u-background-color-disabled-color-300-on-2xl",
63
- "backgroundColorInfo": "pf-v6-u-background-color-info",
64
- "backgroundColorInfoOnLg": "pf-v6-u-background-color-info-on-lg",
65
- "backgroundColorInfoOnMd": "pf-v6-u-background-color-info-on-md",
66
- "backgroundColorInfoOnSm": "pf-v6-u-background-color-info-on-sm",
67
- "backgroundColorInfoOnXl": "pf-v6-u-background-color-info-on-xl",
68
- "backgroundColorInfoOn_2xl": "pf-v6-u-background-color-info-on-2xl",
69
- "backgroundColorPrimaryColor_200": "pf-v6-u-background-color-primary-color-200",
70
- "backgroundColorPrimaryColor_200OnLg": "pf-v6-u-background-color-primary-color-200-on-lg",
71
- "backgroundColorPrimaryColor_200OnMd": "pf-v6-u-background-color-primary-color-200-on-md",
72
- "backgroundColorPrimaryColor_200OnSm": "pf-v6-u-background-color-primary-color-200-on-sm",
73
- "backgroundColorPrimaryColor_200OnXl": "pf-v6-u-background-color-primary-color-200-on-xl",
74
- "backgroundColorPrimaryColor_200On_2xl": "pf-v6-u-background-color-primary-color-200-on-2xl",
75
- "backgroundColorSuccess": "pf-v6-u-background-color-success",
76
- "backgroundColorSuccessOnLg": "pf-v6-u-background-color-success-on-lg",
77
- "backgroundColorSuccessOnMd": "pf-v6-u-background-color-success-on-md",
78
- "backgroundColorSuccessOnSm": "pf-v6-u-background-color-success-on-sm",
79
- "backgroundColorSuccessOnXl": "pf-v6-u-background-color-success-on-xl",
80
- "backgroundColorSuccessOn_2xl": "pf-v6-u-background-color-success-on-2xl",
81
- "backgroundColorWarning": "pf-v6-u-background-color-warning",
82
- "backgroundColorWarningOnLg": "pf-v6-u-background-color-warning-on-lg",
83
- "backgroundColorWarningOnMd": "pf-v6-u-background-color-warning-on-md",
84
- "backgroundColorWarningOnSm": "pf-v6-u-background-color-warning-on-sm",
85
- "backgroundColorWarningOnXl": "pf-v6-u-background-color-warning-on-xl",
86
- "backgroundColorWarningOn_2xl": "pf-v6-u-background-color-warning-on-2xl",
87
- "backgroundColor_100": "pf-v6-u-background-color-100",
88
- "backgroundColor_100OnLg": "pf-v6-u-background-color-100-on-lg",
89
- "backgroundColor_100OnMd": "pf-v6-u-background-color-100-on-md",
90
- "backgroundColor_100OnSm": "pf-v6-u-background-color-100-on-sm",
91
- "backgroundColor_100OnXl": "pf-v6-u-background-color-100-on-xl",
92
- "backgroundColor_100On_2xl": "pf-v6-u-background-color-100-on-2xl",
93
- "backgroundColor_200": "pf-v6-u-background-color-200",
94
- "backgroundColor_200OnLg": "pf-v6-u-background-color-200-on-lg",
95
- "backgroundColor_200OnMd": "pf-v6-u-background-color-200-on-md",
96
- "backgroundColor_200OnSm": "pf-v6-u-background-color-200-on-sm",
97
- "backgroundColor_200OnXl": "pf-v6-u-background-color-200-on-xl",
98
- "backgroundColor_200On_2xl": "pf-v6-u-background-color-200-on-2xl",
99
- "themeDark": "pf-v6-theme-dark"
3
+ "backgroundColorDisabled": "pf-v6-u-background-color-disabled",
4
+ "backgroundColorDisabledOnLg": "pf-v6-u-background-color-disabled-on-lg",
5
+ "backgroundColorDisabledOnMd": "pf-v6-u-background-color-disabled-on-md",
6
+ "backgroundColorDisabledOnSm": "pf-v6-u-background-color-disabled-on-sm",
7
+ "backgroundColorDisabledOnXl": "pf-v6-u-background-color-disabled-on-xl",
8
+ "backgroundColorDisabledOn_2xl": "pf-v6-u-background-color-disabled-on-2xl",
9
+ "backgroundColorHighlight": "pf-v6-u-background-color-highlight",
10
+ "backgroundColorHighlightOnLg": "pf-v6-u-background-color-highlight-on-lg",
11
+ "backgroundColorHighlightOnMd": "pf-v6-u-background-color-highlight-on-md",
12
+ "backgroundColorHighlightOnSm": "pf-v6-u-background-color-highlight-on-sm",
13
+ "backgroundColorHighlightOnXl": "pf-v6-u-background-color-highlight-on-xl",
14
+ "backgroundColorHighlightOn_2xl": "pf-v6-u-background-color-highlight-on-2xl",
15
+ "backgroundColorInverse": "pf-v6-u-background-color-inverse",
16
+ "backgroundColorInverseOnLg": "pf-v6-u-background-color-inverse-on-lg",
17
+ "backgroundColorInverseOnMd": "pf-v6-u-background-color-inverse-on-md",
18
+ "backgroundColorInverseOnSm": "pf-v6-u-background-color-inverse-on-sm",
19
+ "backgroundColorInverseOnXl": "pf-v6-u-background-color-inverse-on-xl",
20
+ "backgroundColorInverseOn_2xl": "pf-v6-u-background-color-inverse-on-2xl"
100
21
  };
101
22
  export default _default;