@patternfly/react-styles 6.0.0-alpha.18 → 6.0.0-alpha.19
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +4 -0
- package/css/assets/images/pf_logo.svg +11 -11
- package/css/assets/images/pf_logo_white.svg +2 -2
- package/css/components/AboutModalBox/about-modal-box.css +1 -1
- package/css/components/Alert/alert-group.css +1 -1
- package/css/components/Alert/alert.css +5 -5
- package/css/components/AppLauncher/app-launcher.css +1 -1
- package/css/components/Backdrop/backdrop.css +1 -1
- package/css/components/Banner/banner.css +1 -1
- package/css/components/Breadcrumb/breadcrumb.css +2 -2
- package/css/components/Button/button.css +3 -3
- package/css/components/Card/card.css +6 -6
- package/css/components/Content/content.css +1 -1
- package/css/components/ContextSelector/context-selector.css +1 -1
- package/css/components/DataList/data-list.css +17 -17
- package/css/components/DatePicker/date-picker.css +1 -1
- package/css/components/Divider/divider.css +15 -15
- package/css/components/Drawer/drawer.css +6 -6
- package/css/components/Dropdown/dropdown.css +2 -2
- package/css/components/DualListSelector/dual-list-selector.css +1 -1
- package/css/components/Form/form.css +1 -1
- package/css/components/FormControl/form-control.css +3 -3
- package/css/components/Hint/hint.css +1 -1
- package/css/components/JumpLinks/jump-links.css +3 -3
- package/css/components/List/list.css +1 -1
- package/css/components/Menu/menu.css +24 -24
- package/css/components/MenuToggle/menu-toggle.css +1 -1
- package/css/components/ModalBox/modal-box.css +1 -1
- package/css/components/Nav/nav.css +1 -1
- package/css/components/NotificationDrawer/notification-drawer.css +2 -2
- package/css/components/OptionsMenu/options-menu.css +1 -1
- package/css/components/Page/page.css +27 -27
- package/css/components/Panel/panel.css +1 -1
- package/css/components/Popover/popover.css +1 -1
- package/css/components/ProgressStepper/progress-stepper.css +2 -2
- package/css/components/ProgressStepper/progress-stepper.d.ts +2 -2
- package/css/components/ProgressStepper/progress-stepper.js +2 -2
- package/css/components/ProgressStepper/progress-stepper.mjs +2 -2
- package/css/components/Select/select.css +1 -1
- package/css/components/Sidebar/sidebar.css +86 -86
- package/css/components/Sidebar/sidebar.d.ts +1 -2
- package/css/components/Sidebar/sidebar.js +1 -2
- package/css/components/Sidebar/sidebar.mjs +1 -2
- package/css/components/SkipToContent/skip-to-content.css +1 -1
- package/css/components/Slider/slider.css +1 -1
- package/css/components/Table/table-scrollable.css +1 -1
- package/css/components/Table/table.css +19 -19
- package/css/components/Tabs/tabs.css +1 -1
- package/css/components/ToggleGroup/toggle-group.css +5 -5
- package/css/components/ToggleGroup/toggle-group.d.ts +1 -2
- package/css/components/ToggleGroup/toggle-group.js +1 -2
- package/css/components/ToggleGroup/toggle-group.mjs +1 -2
- package/css/components/Toolbar/toolbar.css +34 -18
- package/css/components/Toolbar/toolbar.d.ts +3 -0
- package/css/components/Toolbar/toolbar.js +3 -0
- package/css/components/Toolbar/toolbar.mjs +3 -0
- package/css/components/TreeView/tree-view.css +1 -1
- package/css/components/Wizard/wizard.css +4 -4
- package/css/docs/components/OverflowMenu/examples/overflow-menu.css +4 -4
- package/css/docs/components/OverflowMenu/examples/overflow-menu.d.ts +2 -2
- package/css/docs/components/OverflowMenu/examples/overflow-menu.js +2 -2
- package/css/docs/components/OverflowMenu/examples/overflow-menu.mjs +2 -2
- package/css/docs/components/Page/deprecated/PageHeader.css +4 -4
- package/css/docs/components/Page/deprecated/PageHeader.d.ts +3 -3
- package/css/docs/components/Page/deprecated/PageHeader.js +3 -3
- package/css/docs/components/Page/deprecated/PageHeader.mjs +3 -3
- package/css/docs/components/Skeleton/examples/Skeleton.css +1 -1
- package/css/docs/components/Skeleton/examples/Skeleton.d.ts +1 -1
- package/css/docs/components/Skeleton/examples/Skeleton.js +1 -1
- package/css/docs/components/Skeleton/examples/Skeleton.mjs +1 -1
- package/css/docs/components/TextInputGroup/examples/TextInputGroup.css +1 -1
- package/css/docs/components/Tile/examples/Tile.css +5 -5
- package/css/docs/components/Tile/examples/Tile.d.ts +1 -1
- package/css/docs/components/Tile/examples/Tile.js +1 -1
- package/css/docs/components/Tile/examples/Tile.mjs +1 -1
- package/css/docs/components/Toolbar/examples/Toolbar.css +40 -35
- package/css/docs/components/Toolbar/examples/Toolbar.d.ts +4 -3
- package/css/docs/components/Toolbar/examples/Toolbar.js +4 -3
- package/css/docs/components/Toolbar/examples/Toolbar.mjs +4 -3
- package/css/docs/components/Tooltip/examples/Tooltip.css +1 -1
- package/css/docs/components/Truncate/examples/Truncate.css +1 -1
- package/css/docs/components/Truncate/examples/Truncate.d.ts +1 -1
- package/css/docs/components/Truncate/examples/Truncate.js +1 -1
- package/css/docs/components/Truncate/examples/Truncate.mjs +1 -1
- package/css/docs/demos/Card/examples/Card.css +6 -6
- package/css/docs/demos/Card/examples/Card.d.ts +2 -2
- package/css/docs/demos/Card/examples/Card.js +2 -2
- package/css/docs/demos/Card/examples/Card.mjs +2 -2
- package/css/docs/demos/Toolbar/examples/Toolbar.css +3 -3
- package/css/docs/demos/Toolbar/examples/Toolbar.d.ts +3 -3
- package/css/docs/demos/Toolbar/examples/Toolbar.js +3 -3
- package/css/docs/demos/Toolbar/examples/Toolbar.mjs +3 -3
- package/css/utilities/BackgroundColor/BackgroundColor.css +36 -283
- package/css/utilities/BackgroundColor/BackgroundColor.d.ts +18 -96
- package/css/utilities/BackgroundColor/BackgroundColor.js +18 -96
- package/css/utilities/BackgroundColor/BackgroundColor.mjs +18 -96
- package/css/utilities/Text/text.css +393 -481
- package/css/utilities/Text/text.d.ts +169 -196
- package/css/utilities/Text/text.js +169 -196
- package/css/utilities/Text/text.mjs +169 -196
- package/package.json +3 -3
- package/css/docs/components/Breadcrumb/examples/Breadcrumb.css +0 -3
- package/css/docs/components/Breadcrumb/examples/Breadcrumb.d.ts +0 -3
- package/css/docs/components/Breadcrumb/examples/Breadcrumb.js +0 -4
- package/css/docs/components/Breadcrumb/examples/Breadcrumb.mjs +0 -2
- package/css/docs/components/Tabs/examples/Tabs.css +0 -10
- package/css/docs/components/Tabs/examples/Tabs.d.ts +0 -6
- package/css/docs/components/Tabs/examples/Tabs.js +0 -7
- package/css/docs/components/Tabs/examples/Tabs.mjs +0 -5
- package/css/docs/components/ToggleGroup/examples/toggle-group.css +0 -4
- package/css/docs/components/ToggleGroup/examples/toggle-group.d.ts +0 -5
- package/css/docs/components/ToggleGroup/examples/toggle-group.js +0 -6
- package/css/docs/components/ToggleGroup/examples/toggle-group.mjs +0 -4
- package/css/docs/utilities/Text/examples/Text.css +0 -0
- package/css/docs/utilities/Text/examples/Text.d.ts +0 -3
- package/css/docs/utilities/Text/examples/Text.js +0 -4
- package/css/docs/utilities/Text/examples/Text.mjs +0 -2
@@ -1,314 +1,67 @@
|
|
1
|
-
.pf-v6-u-background-color-
|
2
|
-
background-color: var(--pf-
|
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-
|
6
|
-
background-color: var(--pf-
|
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-
|
10
|
-
background-color: var(--pf-
|
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-
|
67
|
-
background-color: var(--pf-
|
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;
|
89
|
-
}
|
90
|
-
.pf-v6-u-background-color-dark-400-on-sm {
|
91
|
-
background-color: var(--pf-v6-global--BackgroundColor--dark-400) !important;
|
92
|
-
}
|
93
|
-
.pf-v6-u-background-color-disabled-color-200-on-sm {
|
94
|
-
background-color: var(--pf-v6-global--disabled-color--200) !important;
|
14
|
+
.pf-v6-u-background-color-disabled-on-sm {
|
15
|
+
background-color: var(--pf-t--global--background--color--disabled--default) !important;
|
95
16
|
}
|
96
|
-
.pf-v6-u-background-color-
|
97
|
-
background-color: var(--pf-
|
17
|
+
.pf-v6-u-background-color-inverse-on-sm {
|
18
|
+
background-color: var(--pf-t--global--background--color--inverse--default) !important;
|
98
19
|
}
|
99
|
-
.pf-v6-u-background-color-
|
100
|
-
background-color: var(--pf-
|
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-
|
117
|
-
background-color: var(--pf-
|
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;
|
25
|
+
.pf-v6-u-background-color-disabled-on-md {
|
26
|
+
background-color: var(--pf-t--global--background--color--disabled--default) !important;
|
139
27
|
}
|
140
|
-
.pf-v6-u-background-color-
|
141
|
-
background-color: var(--pf-
|
28
|
+
.pf-v6-u-background-color-inverse-on-md {
|
29
|
+
background-color: var(--pf-t--global--background--color--inverse--default) !important;
|
142
30
|
}
|
143
|
-
.pf-v6-u-background-color-
|
144
|
-
background-color: var(--pf-
|
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;
|
151
|
-
}
|
152
|
-
.pf-v6-u-background-color-success-on-md {
|
153
|
-
background-color: var(--pf-v6-global--palette--green-50) !important;
|
154
|
-
}
|
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-
|
167
|
-
background-color: var(--pf-
|
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-
|
188
|
-
background-color: var(--pf-
|
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-
|
191
|
-
background-color: var(--pf-
|
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-
|
217
|
-
background-color: var(--pf-
|
218
|
-
}
|
219
|
-
.pf-v6-u-background-color-200-on-xl {
|
220
|
-
background-color: var(--pf-v6-global--BackgroundColor--200) !important;
|
221
|
-
}
|
222
|
-
.pf-v6-u-background-color-active-color-100-on-xl {
|
223
|
-
background-color: var(--pf-v6-global--active-color--100) !important;
|
224
|
-
}
|
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;
|
47
|
+
.pf-v6-u-background-color-disabled-on-xl {
|
48
|
+
background-color: var(--pf-t--global--background--color--disabled--default) !important;
|
230
49
|
}
|
231
|
-
.pf-v6-u-background-color-
|
232
|
-
background-color: var(--pf-
|
50
|
+
.pf-v6-u-background-color-inverse-on-xl {
|
51
|
+
background-color: var(--pf-t--global--background--color--inverse--default) !important;
|
233
52
|
}
|
234
|
-
.pf-v6-u-background-color-
|
235
|
-
background-color: var(--pf-
|
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-
|
267
|
-
background-color: var(--pf-
|
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;
|
58
|
+
.pf-v6-u-background-color-disabled-on-2xl {
|
59
|
+
background-color: var(--pf-t--global--background--color--disabled--default) !important;
|
307
60
|
}
|
308
|
-
.pf-v6-u-background-color-
|
309
|
-
background-color: var(--pf-
|
61
|
+
.pf-v6-u-background-color-inverse-on-2xl {
|
62
|
+
background-color: var(--pf-t--global--background--color--inverse--default) !important;
|
310
63
|
}
|
311
|
-
.pf-v6-u-background-color-
|
312
|
-
background-color: var(--pf-
|
64
|
+
.pf-v6-u-background-color-highlight-on-2xl {
|
65
|
+
background-color: var(--pf-t--global--background--color--highlight--default) !important;
|
313
66
|
}
|
314
67
|
}
|
@@ -1,100 +1,22 @@
|
|
1
1
|
import './BackgroundColor.css';
|
2
2
|
declare const _default: {
|
3
|
-
"
|
4
|
-
"
|
5
|
-
"
|
6
|
-
"
|
7
|
-
"
|
8
|
-
"
|
9
|
-
"
|
10
|
-
"
|
11
|
-
"
|
12
|
-
"
|
13
|
-
"
|
14
|
-
"
|
15
|
-
"
|
16
|
-
"
|
17
|
-
"
|
18
|
-
"
|
19
|
-
"
|
20
|
-
"
|
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"
|
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"
|
99
21
|
};
|
100
22
|
export default _default;
|
@@ -2,100 +2,22 @@
|
|
2
2
|
exports.__esModule = true;
|
3
3
|
require('./BackgroundColor.css');
|
4
4
|
exports.default = {
|
5
|
-
"
|
6
|
-
"
|
7
|
-
"
|
8
|
-
"
|
9
|
-
"
|
10
|
-
"
|
11
|
-
"
|
12
|
-
"
|
13
|
-
"
|
14
|
-
"
|
15
|
-
"
|
16
|
-
"
|
17
|
-
"
|
18
|
-
"
|
19
|
-
"
|
20
|
-
"
|
21
|
-
"
|
22
|
-
"
|
23
|
-
"backgroundColorDark_100": "pf-v6-u-background-color-dark-100",
|
24
|
-
"backgroundColorDark_100OnLg": "pf-v6-u-background-color-dark-100-on-lg",
|
25
|
-
"backgroundColorDark_100OnMd": "pf-v6-u-background-color-dark-100-on-md",
|
26
|
-
"backgroundColorDark_100OnSm": "pf-v6-u-background-color-dark-100-on-sm",
|
27
|
-
"backgroundColorDark_100OnXl": "pf-v6-u-background-color-dark-100-on-xl",
|
28
|
-
"backgroundColorDark_100On_2xl": "pf-v6-u-background-color-dark-100-on-2xl",
|
29
|
-
"backgroundColorDark_200": "pf-v6-u-background-color-dark-200",
|
30
|
-
"backgroundColorDark_200OnLg": "pf-v6-u-background-color-dark-200-on-lg",
|
31
|
-
"backgroundColorDark_200OnMd": "pf-v6-u-background-color-dark-200-on-md",
|
32
|
-
"backgroundColorDark_200OnSm": "pf-v6-u-background-color-dark-200-on-sm",
|
33
|
-
"backgroundColorDark_200OnXl": "pf-v6-u-background-color-dark-200-on-xl",
|
34
|
-
"backgroundColorDark_200On_2xl": "pf-v6-u-background-color-dark-200-on-2xl",
|
35
|
-
"backgroundColorDark_300": "pf-v6-u-background-color-dark-300",
|
36
|
-
"backgroundColorDark_300OnLg": "pf-v6-u-background-color-dark-300-on-lg",
|
37
|
-
"backgroundColorDark_300OnMd": "pf-v6-u-background-color-dark-300-on-md",
|
38
|
-
"backgroundColorDark_300OnSm": "pf-v6-u-background-color-dark-300-on-sm",
|
39
|
-
"backgroundColorDark_300OnXl": "pf-v6-u-background-color-dark-300-on-xl",
|
40
|
-
"backgroundColorDark_300On_2xl": "pf-v6-u-background-color-dark-300-on-2xl",
|
41
|
-
"backgroundColorDark_400": "pf-v6-u-background-color-dark-400",
|
42
|
-
"backgroundColorDark_400OnLg": "pf-v6-u-background-color-dark-400-on-lg",
|
43
|
-
"backgroundColorDark_400OnMd": "pf-v6-u-background-color-dark-400-on-md",
|
44
|
-
"backgroundColorDark_400OnSm": "pf-v6-u-background-color-dark-400-on-sm",
|
45
|
-
"backgroundColorDark_400OnXl": "pf-v6-u-background-color-dark-400-on-xl",
|
46
|
-
"backgroundColorDark_400On_2xl": "pf-v6-u-background-color-dark-400-on-2xl",
|
47
|
-
"backgroundColorDefault": "pf-v6-u-background-color-default",
|
48
|
-
"backgroundColorDefaultOnLg": "pf-v6-u-background-color-default-on-lg",
|
49
|
-
"backgroundColorDefaultOnMd": "pf-v6-u-background-color-default-on-md",
|
50
|
-
"backgroundColorDefaultOnSm": "pf-v6-u-background-color-default-on-sm",
|
51
|
-
"backgroundColorDefaultOnXl": "pf-v6-u-background-color-default-on-xl",
|
52
|
-
"backgroundColorDefaultOn_2xl": "pf-v6-u-background-color-default-on-2xl",
|
53
|
-
"backgroundColorDisabledColor_200": "pf-v6-u-background-color-disabled-color-200",
|
54
|
-
"backgroundColorDisabledColor_200OnLg": "pf-v6-u-background-color-disabled-color-200-on-lg",
|
55
|
-
"backgroundColorDisabledColor_200OnMd": "pf-v6-u-background-color-disabled-color-200-on-md",
|
56
|
-
"backgroundColorDisabledColor_200OnSm": "pf-v6-u-background-color-disabled-color-200-on-sm",
|
57
|
-
"backgroundColorDisabledColor_200OnXl": "pf-v6-u-background-color-disabled-color-200-on-xl",
|
58
|
-
"backgroundColorDisabledColor_200On_2xl": "pf-v6-u-background-color-disabled-color-200-on-2xl",
|
59
|
-
"backgroundColorDisabledColor_300": "pf-v6-u-background-color-disabled-color-300",
|
60
|
-
"backgroundColorDisabledColor_300OnLg": "pf-v6-u-background-color-disabled-color-300-on-lg",
|
61
|
-
"backgroundColorDisabledColor_300OnMd": "pf-v6-u-background-color-disabled-color-300-on-md",
|
62
|
-
"backgroundColorDisabledColor_300OnSm": "pf-v6-u-background-color-disabled-color-300-on-sm",
|
63
|
-
"backgroundColorDisabledColor_300OnXl": "pf-v6-u-background-color-disabled-color-300-on-xl",
|
64
|
-
"backgroundColorDisabledColor_300On_2xl": "pf-v6-u-background-color-disabled-color-300-on-2xl",
|
65
|
-
"backgroundColorInfo": "pf-v6-u-background-color-info",
|
66
|
-
"backgroundColorInfoOnLg": "pf-v6-u-background-color-info-on-lg",
|
67
|
-
"backgroundColorInfoOnMd": "pf-v6-u-background-color-info-on-md",
|
68
|
-
"backgroundColorInfoOnSm": "pf-v6-u-background-color-info-on-sm",
|
69
|
-
"backgroundColorInfoOnXl": "pf-v6-u-background-color-info-on-xl",
|
70
|
-
"backgroundColorInfoOn_2xl": "pf-v6-u-background-color-info-on-2xl",
|
71
|
-
"backgroundColorPrimaryColor_200": "pf-v6-u-background-color-primary-color-200",
|
72
|
-
"backgroundColorPrimaryColor_200OnLg": "pf-v6-u-background-color-primary-color-200-on-lg",
|
73
|
-
"backgroundColorPrimaryColor_200OnMd": "pf-v6-u-background-color-primary-color-200-on-md",
|
74
|
-
"backgroundColorPrimaryColor_200OnSm": "pf-v6-u-background-color-primary-color-200-on-sm",
|
75
|
-
"backgroundColorPrimaryColor_200OnXl": "pf-v6-u-background-color-primary-color-200-on-xl",
|
76
|
-
"backgroundColorPrimaryColor_200On_2xl": "pf-v6-u-background-color-primary-color-200-on-2xl",
|
77
|
-
"backgroundColorSuccess": "pf-v6-u-background-color-success",
|
78
|
-
"backgroundColorSuccessOnLg": "pf-v6-u-background-color-success-on-lg",
|
79
|
-
"backgroundColorSuccessOnMd": "pf-v6-u-background-color-success-on-md",
|
80
|
-
"backgroundColorSuccessOnSm": "pf-v6-u-background-color-success-on-sm",
|
81
|
-
"backgroundColorSuccessOnXl": "pf-v6-u-background-color-success-on-xl",
|
82
|
-
"backgroundColorSuccessOn_2xl": "pf-v6-u-background-color-success-on-2xl",
|
83
|
-
"backgroundColorWarning": "pf-v6-u-background-color-warning",
|
84
|
-
"backgroundColorWarningOnLg": "pf-v6-u-background-color-warning-on-lg",
|
85
|
-
"backgroundColorWarningOnMd": "pf-v6-u-background-color-warning-on-md",
|
86
|
-
"backgroundColorWarningOnSm": "pf-v6-u-background-color-warning-on-sm",
|
87
|
-
"backgroundColorWarningOnXl": "pf-v6-u-background-color-warning-on-xl",
|
88
|
-
"backgroundColorWarningOn_2xl": "pf-v6-u-background-color-warning-on-2xl",
|
89
|
-
"backgroundColor_100": "pf-v6-u-background-color-100",
|
90
|
-
"backgroundColor_100OnLg": "pf-v6-u-background-color-100-on-lg",
|
91
|
-
"backgroundColor_100OnMd": "pf-v6-u-background-color-100-on-md",
|
92
|
-
"backgroundColor_100OnSm": "pf-v6-u-background-color-100-on-sm",
|
93
|
-
"backgroundColor_100OnXl": "pf-v6-u-background-color-100-on-xl",
|
94
|
-
"backgroundColor_100On_2xl": "pf-v6-u-background-color-100-on-2xl",
|
95
|
-
"backgroundColor_200": "pf-v6-u-background-color-200",
|
96
|
-
"backgroundColor_200OnLg": "pf-v6-u-background-color-200-on-lg",
|
97
|
-
"backgroundColor_200OnMd": "pf-v6-u-background-color-200-on-md",
|
98
|
-
"backgroundColor_200OnSm": "pf-v6-u-background-color-200-on-sm",
|
99
|
-
"backgroundColor_200OnXl": "pf-v6-u-background-color-200-on-xl",
|
100
|
-
"backgroundColor_200On_2xl": "pf-v6-u-background-color-200-on-2xl"
|
5
|
+
"backgroundColorDisabled": "pf-v6-u-background-color-disabled",
|
6
|
+
"backgroundColorDisabledOnLg": "pf-v6-u-background-color-disabled-on-lg",
|
7
|
+
"backgroundColorDisabledOnMd": "pf-v6-u-background-color-disabled-on-md",
|
8
|
+
"backgroundColorDisabledOnSm": "pf-v6-u-background-color-disabled-on-sm",
|
9
|
+
"backgroundColorDisabledOnXl": "pf-v6-u-background-color-disabled-on-xl",
|
10
|
+
"backgroundColorDisabledOn_2xl": "pf-v6-u-background-color-disabled-on-2xl",
|
11
|
+
"backgroundColorHighlight": "pf-v6-u-background-color-highlight",
|
12
|
+
"backgroundColorHighlightOnLg": "pf-v6-u-background-color-highlight-on-lg",
|
13
|
+
"backgroundColorHighlightOnMd": "pf-v6-u-background-color-highlight-on-md",
|
14
|
+
"backgroundColorHighlightOnSm": "pf-v6-u-background-color-highlight-on-sm",
|
15
|
+
"backgroundColorHighlightOnXl": "pf-v6-u-background-color-highlight-on-xl",
|
16
|
+
"backgroundColorHighlightOn_2xl": "pf-v6-u-background-color-highlight-on-2xl",
|
17
|
+
"backgroundColorInverse": "pf-v6-u-background-color-inverse",
|
18
|
+
"backgroundColorInverseOnLg": "pf-v6-u-background-color-inverse-on-lg",
|
19
|
+
"backgroundColorInverseOnMd": "pf-v6-u-background-color-inverse-on-md",
|
20
|
+
"backgroundColorInverseOnSm": "pf-v6-u-background-color-inverse-on-sm",
|
21
|
+
"backgroundColorInverseOnXl": "pf-v6-u-background-color-inverse-on-xl",
|
22
|
+
"backgroundColorInverseOn_2xl": "pf-v6-u-background-color-inverse-on-2xl"
|
101
23
|
};
|