@patternfly/react-templates 6.0.0-alpha.50 → 6.0.0-alpha.52
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.
|
@@ -4,6 +4,322 @@
|
|
|
4
4
|
pointer-events: none;
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
+
:where(:root, .pf-v6-c-divider) {
|
|
8
|
+
--pf-v6-c-divider--Display: flex;
|
|
9
|
+
--pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
|
|
10
|
+
--pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
|
|
11
|
+
--pf-v6-c-divider--before--FlexBasis: 100%;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.pf-v6-c-divider {
|
|
15
|
+
flex-direction: row;
|
|
16
|
+
width: 100%;
|
|
17
|
+
height: var(--pf-v6-c-divider--Size);
|
|
18
|
+
--pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
|
|
19
|
+
--pf-v6-hidden-visible--hidden--Display: none;
|
|
20
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
21
|
+
display: var(--pf-v6-hidden-visible--Display);
|
|
22
|
+
flex-shrink: 0;
|
|
23
|
+
align-items: stretch;
|
|
24
|
+
align-self: stretch;
|
|
25
|
+
justify-content: center;
|
|
26
|
+
border: 0;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.pf-v6-c-divider.pf-m-hidden {
|
|
30
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
@media screen and (min-width: 36rem) {
|
|
34
|
+
.pf-v6-c-divider.pf-m-hidden-on-sm {
|
|
35
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
36
|
+
}
|
|
37
|
+
.pf-v6-c-divider.pf-m-visible-on-sm {
|
|
38
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
@media screen and (min-width: 48rem) {
|
|
42
|
+
.pf-v6-c-divider.pf-m-hidden-on-md {
|
|
43
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
44
|
+
}
|
|
45
|
+
.pf-v6-c-divider.pf-m-visible-on-md {
|
|
46
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
@media screen and (min-width: 62rem) {
|
|
50
|
+
.pf-v6-c-divider.pf-m-hidden-on-lg {
|
|
51
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
52
|
+
}
|
|
53
|
+
.pf-v6-c-divider.pf-m-visible-on-lg {
|
|
54
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
@media screen and (min-width: 75rem) {
|
|
58
|
+
.pf-v6-c-divider.pf-m-hidden-on-xl {
|
|
59
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
60
|
+
}
|
|
61
|
+
.pf-v6-c-divider.pf-m-visible-on-xl {
|
|
62
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
@media screen and (min-width: 90.625rem) {
|
|
66
|
+
.pf-v6-c-divider.pf-m-hidden-on-2xl {
|
|
67
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
68
|
+
}
|
|
69
|
+
.pf-v6-c-divider.pf-m-visible-on-2xl {
|
|
70
|
+
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
.pf-v6-c-divider::before {
|
|
74
|
+
flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
|
|
75
|
+
content: "";
|
|
76
|
+
background-color: var(--pf-v6-c-divider--Color);
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.pf-v6-c-divider.pf-m-horizontal {
|
|
80
|
+
flex-direction: row;
|
|
81
|
+
width: 100%;
|
|
82
|
+
height: var(--pf-v6-c-divider--Size);
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.pf-v6-c-divider.pf-m-vertical {
|
|
86
|
+
flex-direction: column;
|
|
87
|
+
width: var(--pf-v6-c-divider--Size);
|
|
88
|
+
height: inherit;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.pf-v6-c-divider.pf-m-inset-none {
|
|
92
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.pf-v6-c-divider.pf-m-inset-xs {
|
|
96
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.pf-v6-c-divider.pf-m-inset-sm {
|
|
100
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.pf-v6-c-divider.pf-m-inset-md {
|
|
104
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.pf-v6-c-divider.pf-m-inset-lg {
|
|
108
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
.pf-v6-c-divider.pf-m-inset-xl {
|
|
112
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
.pf-v6-c-divider.pf-m-inset-2xl {
|
|
116
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.pf-v6-c-divider.pf-m-inset-3xl {
|
|
120
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
@media (min-width: 36rem) {
|
|
124
|
+
.pf-v6-c-divider.pf-m-horizontal-on-sm {
|
|
125
|
+
flex-direction: row;
|
|
126
|
+
width: 100%;
|
|
127
|
+
height: var(--pf-v6-c-divider--Size);
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
@media (min-width: 36rem) {
|
|
131
|
+
.pf-v6-c-divider.pf-m-vertical-on-sm {
|
|
132
|
+
flex-direction: column;
|
|
133
|
+
width: var(--pf-v6-c-divider--Size);
|
|
134
|
+
height: inherit;
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
@media (min-width: 36rem) {
|
|
138
|
+
.pf-v6-c-divider.pf-m-inset-none-on-sm {
|
|
139
|
+
--pf-v6-c-divider--before--FlexBasis: 100%;
|
|
140
|
+
}
|
|
141
|
+
.pf-v6-c-divider.pf-m-inset-xs-on-sm {
|
|
142
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
|
|
143
|
+
}
|
|
144
|
+
.pf-v6-c-divider.pf-m-inset-sm-on-sm {
|
|
145
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
|
|
146
|
+
}
|
|
147
|
+
.pf-v6-c-divider.pf-m-inset-md-on-sm {
|
|
148
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
|
|
149
|
+
}
|
|
150
|
+
.pf-v6-c-divider.pf-m-inset-lg-on-sm {
|
|
151
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
152
|
+
}
|
|
153
|
+
.pf-v6-c-divider.pf-m-inset-xl-on-sm {
|
|
154
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
|
|
155
|
+
}
|
|
156
|
+
.pf-v6-c-divider.pf-m-inset-2xl-on-sm {
|
|
157
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
|
|
158
|
+
}
|
|
159
|
+
.pf-v6-c-divider.pf-m-inset-3xl-on-sm {
|
|
160
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
@media (min-width: 48rem) {
|
|
164
|
+
.pf-v6-c-divider.pf-m-horizontal-on-md {
|
|
165
|
+
flex-direction: row;
|
|
166
|
+
width: 100%;
|
|
167
|
+
height: var(--pf-v6-c-divider--Size);
|
|
168
|
+
}
|
|
169
|
+
}
|
|
170
|
+
@media (min-width: 48rem) {
|
|
171
|
+
.pf-v6-c-divider.pf-m-vertical-on-md {
|
|
172
|
+
flex-direction: column;
|
|
173
|
+
width: var(--pf-v6-c-divider--Size);
|
|
174
|
+
height: inherit;
|
|
175
|
+
}
|
|
176
|
+
}
|
|
177
|
+
@media (min-width: 48rem) {
|
|
178
|
+
.pf-v6-c-divider.pf-m-inset-none-on-md {
|
|
179
|
+
--pf-v6-c-divider--before--FlexBasis: 100%;
|
|
180
|
+
}
|
|
181
|
+
.pf-v6-c-divider.pf-m-inset-xs-on-md {
|
|
182
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
|
|
183
|
+
}
|
|
184
|
+
.pf-v6-c-divider.pf-m-inset-sm-on-md {
|
|
185
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
|
|
186
|
+
}
|
|
187
|
+
.pf-v6-c-divider.pf-m-inset-md-on-md {
|
|
188
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
|
|
189
|
+
}
|
|
190
|
+
.pf-v6-c-divider.pf-m-inset-lg-on-md {
|
|
191
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
192
|
+
}
|
|
193
|
+
.pf-v6-c-divider.pf-m-inset-xl-on-md {
|
|
194
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
|
|
195
|
+
}
|
|
196
|
+
.pf-v6-c-divider.pf-m-inset-2xl-on-md {
|
|
197
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
|
|
198
|
+
}
|
|
199
|
+
.pf-v6-c-divider.pf-m-inset-3xl-on-md {
|
|
200
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
|
|
201
|
+
}
|
|
202
|
+
}
|
|
203
|
+
@media (min-width: 62rem) {
|
|
204
|
+
.pf-v6-c-divider.pf-m-horizontal-on-lg {
|
|
205
|
+
flex-direction: row;
|
|
206
|
+
width: 100%;
|
|
207
|
+
height: var(--pf-v6-c-divider--Size);
|
|
208
|
+
}
|
|
209
|
+
}
|
|
210
|
+
@media (min-width: 62rem) {
|
|
211
|
+
.pf-v6-c-divider.pf-m-vertical-on-lg {
|
|
212
|
+
flex-direction: column;
|
|
213
|
+
width: var(--pf-v6-c-divider--Size);
|
|
214
|
+
height: inherit;
|
|
215
|
+
}
|
|
216
|
+
}
|
|
217
|
+
@media (min-width: 62rem) {
|
|
218
|
+
.pf-v6-c-divider.pf-m-inset-none-on-lg {
|
|
219
|
+
--pf-v6-c-divider--before--FlexBasis: 100%;
|
|
220
|
+
}
|
|
221
|
+
.pf-v6-c-divider.pf-m-inset-xs-on-lg {
|
|
222
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
|
|
223
|
+
}
|
|
224
|
+
.pf-v6-c-divider.pf-m-inset-sm-on-lg {
|
|
225
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
|
|
226
|
+
}
|
|
227
|
+
.pf-v6-c-divider.pf-m-inset-md-on-lg {
|
|
228
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
|
|
229
|
+
}
|
|
230
|
+
.pf-v6-c-divider.pf-m-inset-lg-on-lg {
|
|
231
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
232
|
+
}
|
|
233
|
+
.pf-v6-c-divider.pf-m-inset-xl-on-lg {
|
|
234
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
|
|
235
|
+
}
|
|
236
|
+
.pf-v6-c-divider.pf-m-inset-2xl-on-lg {
|
|
237
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
|
|
238
|
+
}
|
|
239
|
+
.pf-v6-c-divider.pf-m-inset-3xl-on-lg {
|
|
240
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
|
|
241
|
+
}
|
|
242
|
+
}
|
|
243
|
+
@media (min-width: 75rem) {
|
|
244
|
+
.pf-v6-c-divider.pf-m-horizontal-on-xl {
|
|
245
|
+
flex-direction: row;
|
|
246
|
+
width: 100%;
|
|
247
|
+
height: var(--pf-v6-c-divider--Size);
|
|
248
|
+
}
|
|
249
|
+
}
|
|
250
|
+
@media (min-width: 75rem) {
|
|
251
|
+
.pf-v6-c-divider.pf-m-vertical-on-xl {
|
|
252
|
+
flex-direction: column;
|
|
253
|
+
width: var(--pf-v6-c-divider--Size);
|
|
254
|
+
height: inherit;
|
|
255
|
+
}
|
|
256
|
+
}
|
|
257
|
+
@media (min-width: 75rem) {
|
|
258
|
+
.pf-v6-c-divider.pf-m-inset-none-on-xl {
|
|
259
|
+
--pf-v6-c-divider--before--FlexBasis: 100%;
|
|
260
|
+
}
|
|
261
|
+
.pf-v6-c-divider.pf-m-inset-xs-on-xl {
|
|
262
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
|
|
263
|
+
}
|
|
264
|
+
.pf-v6-c-divider.pf-m-inset-sm-on-xl {
|
|
265
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
|
|
266
|
+
}
|
|
267
|
+
.pf-v6-c-divider.pf-m-inset-md-on-xl {
|
|
268
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
|
|
269
|
+
}
|
|
270
|
+
.pf-v6-c-divider.pf-m-inset-lg-on-xl {
|
|
271
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
272
|
+
}
|
|
273
|
+
.pf-v6-c-divider.pf-m-inset-xl-on-xl {
|
|
274
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
|
|
275
|
+
}
|
|
276
|
+
.pf-v6-c-divider.pf-m-inset-2xl-on-xl {
|
|
277
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
|
|
278
|
+
}
|
|
279
|
+
.pf-v6-c-divider.pf-m-inset-3xl-on-xl {
|
|
280
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
|
|
281
|
+
}
|
|
282
|
+
}
|
|
283
|
+
@media (min-width: 90.625rem) {
|
|
284
|
+
.pf-v6-c-divider.pf-m-horizontal-on-2xl {
|
|
285
|
+
flex-direction: row;
|
|
286
|
+
width: 100%;
|
|
287
|
+
height: var(--pf-v6-c-divider--Size);
|
|
288
|
+
}
|
|
289
|
+
}
|
|
290
|
+
@media (min-width: 90.625rem) {
|
|
291
|
+
.pf-v6-c-divider.pf-m-vertical-on-2xl {
|
|
292
|
+
flex-direction: column;
|
|
293
|
+
width: var(--pf-v6-c-divider--Size);
|
|
294
|
+
height: inherit;
|
|
295
|
+
}
|
|
296
|
+
}
|
|
297
|
+
@media (min-width: 90.625rem) {
|
|
298
|
+
.pf-v6-c-divider.pf-m-inset-none-on-2xl {
|
|
299
|
+
--pf-v6-c-divider--before--FlexBasis: 100%;
|
|
300
|
+
}
|
|
301
|
+
.pf-v6-c-divider.pf-m-inset-xs-on-2xl {
|
|
302
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
|
|
303
|
+
}
|
|
304
|
+
.pf-v6-c-divider.pf-m-inset-sm-on-2xl {
|
|
305
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
|
|
306
|
+
}
|
|
307
|
+
.pf-v6-c-divider.pf-m-inset-md-on-2xl {
|
|
308
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
|
|
309
|
+
}
|
|
310
|
+
.pf-v6-c-divider.pf-m-inset-lg-on-2xl {
|
|
311
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
312
|
+
}
|
|
313
|
+
.pf-v6-c-divider.pf-m-inset-xl-on-2xl {
|
|
314
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
|
|
315
|
+
}
|
|
316
|
+
.pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
|
|
317
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
|
|
318
|
+
}
|
|
319
|
+
.pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
|
|
320
|
+
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
|
|
321
|
+
}
|
|
322
|
+
}
|
|
7
323
|
:where(:root, .pf-v6-c-menu-toggle) {
|
|
8
324
|
--pf-v6-c-menu-toggle--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
9
325
|
--pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
|
|
@@ -364,472 +680,156 @@
|
|
|
364
680
|
.pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-menu-toggle__controls {
|
|
365
681
|
--pf-v6-c-menu-toggle__button--PaddingInlineEnd: 0;
|
|
366
682
|
display: flex;
|
|
367
|
-
align-items: stretch;
|
|
368
|
-
}
|
|
369
|
-
|
|
370
|
-
.pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-text-input-group {
|
|
371
|
-
--pf-v6-c-text-input-group__utilities--MarginInlineEnd: 0;
|
|
372
|
-
flex: 1;
|
|
373
|
-
}
|
|
374
|
-
|
|
375
|
-
.pf-v6-c-menu-toggle__button {
|
|
376
|
-
align-self: var(--pf-v6-c-menu-toggle__button--AlignSelf);
|
|
377
|
-
min-width: var(--pf-v6-c-menu-toggle__button--MinWidth);
|
|
378
|
-
padding-inline-start: var(--pf-v6-c-menu-toggle__button--PaddingInlineStart);
|
|
379
|
-
padding-inline-end: var(--pf-v6-c-menu-toggle__button--PaddingInlineEnd);
|
|
380
|
-
color: inherit;
|
|
381
|
-
background-color: var(--pf-v6-c-menu-toggle__button--BackgroundColor);
|
|
382
|
-
border: 0;
|
|
383
|
-
}
|
|
384
|
-
|
|
385
|
-
.pf-v6-c-menu-toggle__button:has(.pf-v6-c-menu-toggle__controls) {
|
|
386
|
-
padding-inline-start: 0;
|
|
387
|
-
}
|
|
388
|
-
|
|
389
|
-
.pf-v6-c-menu-toggle__button.pf-m-text {
|
|
390
|
-
display: inline-flex;
|
|
391
|
-
align-items: baseline;
|
|
392
|
-
padding-inline-start: var(--pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart);
|
|
393
|
-
}
|
|
394
|
-
|
|
395
|
-
.pf-v6-c-menu-toggle__text {
|
|
396
|
-
overflow: hidden;
|
|
397
|
-
text-overflow: ellipsis;
|
|
398
|
-
white-space: nowrap;
|
|
399
|
-
min-width: 0;
|
|
400
|
-
}
|
|
401
|
-
|
|
402
|
-
.pf-v6-c-menu-toggle__count {
|
|
403
|
-
display: flex;
|
|
404
|
-
flex-wrap: nowrap;
|
|
405
|
-
}
|
|
406
|
-
|
|
407
|
-
.pf-v6-c-menu-toggle__icon,
|
|
408
|
-
.pf-v6-c-menu-toggle__controls,
|
|
409
|
-
.pf-v6-c-menu-toggle__toggle-icon {
|
|
410
|
-
display: flex;
|
|
411
|
-
align-items: center;
|
|
412
|
-
justify-content: center;
|
|
413
|
-
}
|
|
414
|
-
|
|
415
|
-
.pf-v6-c-menu-toggle__icon {
|
|
416
|
-
flex-shrink: 0;
|
|
417
|
-
min-height: var(--pf-v6-c-menu-toggle__icon--MinHeight);
|
|
418
|
-
}
|
|
419
|
-
|
|
420
|
-
.pf-v6-c-menu-toggle__controls {
|
|
421
|
-
min-width: var(--pf-v6-c-menu-toggle__controls--MinWidth);
|
|
422
|
-
margin-inline-start: auto;
|
|
423
|
-
}
|
|
424
|
-
|
|
425
|
-
.pf-v6-c-menu-toggle__toggle-icon {
|
|
426
|
-
min-height: var(--pf-v6-c-menu-toggle__toggle-icon--MinHeight);
|
|
427
|
-
color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
|
|
428
|
-
}
|
|
429
|
-
|
|
430
|
-
.pf-v6-c-menu-toggle__status-icon {
|
|
431
|
-
margin-inline-end: var(--pf-v6-c-menu-toggle__status-icon--MarginInlineEnd);
|
|
432
|
-
color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
|
|
433
|
-
}
|
|
434
|
-
|
|
435
|
-
:where(:root, .pf-v6-c-check) {
|
|
436
|
-
--pf-v6-c-check--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
|
|
437
|
-
--pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
|
|
438
|
-
--pf-v6-c-check--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
|
|
439
|
-
--pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
440
|
-
--pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
|
|
441
|
-
--pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
442
|
-
--pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
|
|
443
|
-
--pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
444
|
-
--pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
445
|
-
--pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
|
|
446
|
-
--pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
|
|
447
|
-
--pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
448
|
-
--pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
|
|
449
|
-
--pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
|
|
450
|
-
}
|
|
451
|
-
|
|
452
|
-
.pf-v6-c-check {
|
|
453
|
-
display: grid;
|
|
454
|
-
grid-template-columns: auto 1fr;
|
|
455
|
-
grid-gap: var(--pf-v6-c-check--GridGap);
|
|
456
|
-
accent-color: var(--pf-v6-c-check--AccentColor);
|
|
457
|
-
}
|
|
458
|
-
|
|
459
|
-
.pf-v6-c-check.pf-m-standalone {
|
|
460
|
-
display: inline-grid;
|
|
461
|
-
grid-template-columns: auto;
|
|
462
|
-
min-height: var(--pf-v6-c-check--MinHeight);
|
|
463
|
-
}
|
|
464
|
-
|
|
465
|
-
.pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
|
|
466
|
-
align-self: center;
|
|
467
|
-
transform: none;
|
|
468
|
-
}
|
|
469
|
-
|
|
470
|
-
.pf-v6-c-check__input {
|
|
471
|
-
align-self: start;
|
|
472
|
-
font-size: var(--pf-v6-c-check__label--FontSize);
|
|
473
|
-
line-height: var(--pf-v6-c-check__label--LineHeight);
|
|
474
|
-
transform: translateY(var(--pf-v6-c-check__input--TranslateY));
|
|
475
|
-
}
|
|
476
|
-
|
|
477
|
-
.pf-v6-c-check__label {
|
|
478
|
-
font-size: var(--pf-v6-c-check__label--FontSize);
|
|
479
|
-
font-weight: var(--pf-v6-c-check__label--FontWeight);
|
|
480
|
-
line-height: var(--pf-v6-c-check__label--LineHeight);
|
|
481
|
-
color: var(--pf-v6-c-check__label--Color);
|
|
482
|
-
}
|
|
483
|
-
|
|
484
|
-
.pf-v6-c-check__description {
|
|
485
|
-
grid-column: 2;
|
|
486
|
-
font-size: var(--pf-v6-c-check__description--FontSize);
|
|
487
|
-
color: var(--pf-v6-c-check__description--Color);
|
|
488
|
-
}
|
|
489
|
-
|
|
490
|
-
.pf-v6-c-check__body {
|
|
491
|
-
grid-column: 2;
|
|
492
|
-
}
|
|
493
|
-
|
|
494
|
-
.pf-v6-c-check__label,
|
|
495
|
-
.pf-v6-c-check__input {
|
|
496
|
-
justify-self: start;
|
|
497
|
-
}
|
|
498
|
-
|
|
499
|
-
label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
500
|
-
.pf-v6-c-check__input {
|
|
501
|
-
cursor: pointer;
|
|
502
|
-
}
|
|
503
|
-
|
|
504
|
-
.pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
|
|
505
|
-
.pf-v6-c-check__input:disabled,
|
|
506
|
-
.pf-v6-c-check__input.pf-m-disabled {
|
|
507
|
-
--pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
|
|
508
|
-
cursor: not-allowed;
|
|
509
|
-
}
|
|
510
|
-
|
|
511
|
-
.pf-v6-c-check__label-required {
|
|
512
|
-
margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
|
|
513
|
-
font-size: var(--pf-v6-c-check__label-required--FontSize);
|
|
514
|
-
color: var(--pf-v6-c-check__label-required--Color);
|
|
515
|
-
}
|
|
516
|
-
|
|
517
|
-
:where(:root, .pf-v6-c-divider) {
|
|
518
|
-
--pf-v6-c-divider--Display: flex;
|
|
519
|
-
--pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
|
|
520
|
-
--pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
|
|
521
|
-
--pf-v6-c-divider--before--FlexBasis: 100%;
|
|
522
|
-
}
|
|
523
|
-
|
|
524
|
-
.pf-v6-c-divider {
|
|
525
|
-
flex-direction: row;
|
|
526
|
-
width: 100%;
|
|
527
|
-
height: var(--pf-v6-c-divider--Size);
|
|
528
|
-
--pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
|
|
529
|
-
--pf-v6-hidden-visible--hidden--Display: none;
|
|
530
|
-
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
531
|
-
display: var(--pf-v6-hidden-visible--Display);
|
|
532
|
-
flex-shrink: 0;
|
|
533
|
-
align-items: stretch;
|
|
534
|
-
align-self: stretch;
|
|
535
|
-
justify-content: center;
|
|
536
|
-
border: 0;
|
|
537
|
-
}
|
|
538
|
-
|
|
539
|
-
.pf-v6-c-divider.pf-m-hidden {
|
|
540
|
-
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
541
|
-
}
|
|
542
|
-
|
|
543
|
-
@media screen and (min-width: 36rem) {
|
|
544
|
-
.pf-v6-c-divider.pf-m-hidden-on-sm {
|
|
545
|
-
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
546
|
-
}
|
|
547
|
-
.pf-v6-c-divider.pf-m-visible-on-sm {
|
|
548
|
-
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
549
|
-
}
|
|
550
|
-
}
|
|
551
|
-
@media screen and (min-width: 48rem) {
|
|
552
|
-
.pf-v6-c-divider.pf-m-hidden-on-md {
|
|
553
|
-
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
554
|
-
}
|
|
555
|
-
.pf-v6-c-divider.pf-m-visible-on-md {
|
|
556
|
-
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
557
|
-
}
|
|
558
|
-
}
|
|
559
|
-
@media screen and (min-width: 62rem) {
|
|
560
|
-
.pf-v6-c-divider.pf-m-hidden-on-lg {
|
|
561
|
-
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
562
|
-
}
|
|
563
|
-
.pf-v6-c-divider.pf-m-visible-on-lg {
|
|
564
|
-
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
565
|
-
}
|
|
566
|
-
}
|
|
567
|
-
@media screen and (min-width: 75rem) {
|
|
568
|
-
.pf-v6-c-divider.pf-m-hidden-on-xl {
|
|
569
|
-
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
570
|
-
}
|
|
571
|
-
.pf-v6-c-divider.pf-m-visible-on-xl {
|
|
572
|
-
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
573
|
-
}
|
|
574
|
-
}
|
|
575
|
-
@media screen and (min-width: 90.625rem) {
|
|
576
|
-
.pf-v6-c-divider.pf-m-hidden-on-2xl {
|
|
577
|
-
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
|
|
578
|
-
}
|
|
579
|
-
.pf-v6-c-divider.pf-m-visible-on-2xl {
|
|
580
|
-
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
581
|
-
}
|
|
582
|
-
}
|
|
583
|
-
.pf-v6-c-divider::before {
|
|
584
|
-
flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
|
|
585
|
-
content: "";
|
|
586
|
-
background-color: var(--pf-v6-c-divider--Color);
|
|
587
|
-
}
|
|
588
|
-
|
|
589
|
-
.pf-v6-c-divider.pf-m-horizontal {
|
|
590
|
-
flex-direction: row;
|
|
591
|
-
width: 100%;
|
|
592
|
-
height: var(--pf-v6-c-divider--Size);
|
|
593
|
-
}
|
|
594
|
-
|
|
595
|
-
.pf-v6-c-divider.pf-m-vertical {
|
|
596
|
-
flex-direction: column;
|
|
597
|
-
width: var(--pf-v6-c-divider--Size);
|
|
598
|
-
height: inherit;
|
|
683
|
+
align-items: stretch;
|
|
599
684
|
}
|
|
600
685
|
|
|
601
|
-
.pf-v6-c-
|
|
602
|
-
--pf-v6-c-
|
|
686
|
+
.pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-text-input-group {
|
|
687
|
+
--pf-v6-c-text-input-group__utilities--MarginInlineEnd: 0;
|
|
688
|
+
flex: 1;
|
|
603
689
|
}
|
|
604
690
|
|
|
605
|
-
.pf-v6-c-
|
|
606
|
-
--pf-v6-c-
|
|
691
|
+
.pf-v6-c-menu-toggle__button {
|
|
692
|
+
align-self: var(--pf-v6-c-menu-toggle__button--AlignSelf);
|
|
693
|
+
min-width: var(--pf-v6-c-menu-toggle__button--MinWidth);
|
|
694
|
+
padding-inline-start: var(--pf-v6-c-menu-toggle__button--PaddingInlineStart);
|
|
695
|
+
padding-inline-end: var(--pf-v6-c-menu-toggle__button--PaddingInlineEnd);
|
|
696
|
+
color: inherit;
|
|
697
|
+
background-color: var(--pf-v6-c-menu-toggle__button--BackgroundColor);
|
|
698
|
+
border: 0;
|
|
607
699
|
}
|
|
608
700
|
|
|
609
|
-
.pf-v6-c-
|
|
610
|
-
|
|
701
|
+
.pf-v6-c-menu-toggle__button:has(.pf-v6-c-menu-toggle__controls) {
|
|
702
|
+
padding-inline-start: 0;
|
|
611
703
|
}
|
|
612
704
|
|
|
613
|
-
.pf-v6-c-
|
|
614
|
-
|
|
705
|
+
.pf-v6-c-menu-toggle__button.pf-m-text {
|
|
706
|
+
display: inline-flex;
|
|
707
|
+
align-items: baseline;
|
|
708
|
+
padding-inline-start: var(--pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart);
|
|
615
709
|
}
|
|
616
710
|
|
|
617
|
-
.pf-v6-c-
|
|
618
|
-
|
|
711
|
+
.pf-v6-c-menu-toggle__text {
|
|
712
|
+
overflow: hidden;
|
|
713
|
+
text-overflow: ellipsis;
|
|
714
|
+
white-space: nowrap;
|
|
715
|
+
min-width: 0;
|
|
619
716
|
}
|
|
620
717
|
|
|
621
|
-
.pf-v6-c-
|
|
622
|
-
|
|
718
|
+
.pf-v6-c-menu-toggle__count {
|
|
719
|
+
display: flex;
|
|
720
|
+
flex-wrap: nowrap;
|
|
623
721
|
}
|
|
624
722
|
|
|
625
|
-
.pf-v6-c-
|
|
626
|
-
|
|
723
|
+
.pf-v6-c-menu-toggle__icon,
|
|
724
|
+
.pf-v6-c-menu-toggle__controls,
|
|
725
|
+
.pf-v6-c-menu-toggle__toggle-icon {
|
|
726
|
+
display: flex;
|
|
727
|
+
align-items: center;
|
|
728
|
+
justify-content: center;
|
|
627
729
|
}
|
|
628
730
|
|
|
629
|
-
.pf-v6-c-
|
|
630
|
-
|
|
731
|
+
.pf-v6-c-menu-toggle__icon {
|
|
732
|
+
flex-shrink: 0;
|
|
733
|
+
min-height: var(--pf-v6-c-menu-toggle__icon--MinHeight);
|
|
631
734
|
}
|
|
632
735
|
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
width: 100%;
|
|
637
|
-
height: var(--pf-v6-c-divider--Size);
|
|
638
|
-
}
|
|
639
|
-
}
|
|
640
|
-
@media (min-width: 36rem) {
|
|
641
|
-
.pf-v6-c-divider.pf-m-vertical-on-sm {
|
|
642
|
-
flex-direction: column;
|
|
643
|
-
width: var(--pf-v6-c-divider--Size);
|
|
644
|
-
height: inherit;
|
|
645
|
-
}
|
|
646
|
-
}
|
|
647
|
-
@media (min-width: 36rem) {
|
|
648
|
-
.pf-v6-c-divider.pf-m-inset-none-on-sm {
|
|
649
|
-
--pf-v6-c-divider--before--FlexBasis: 100%;
|
|
650
|
-
}
|
|
651
|
-
.pf-v6-c-divider.pf-m-inset-xs-on-sm {
|
|
652
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
|
|
653
|
-
}
|
|
654
|
-
.pf-v6-c-divider.pf-m-inset-sm-on-sm {
|
|
655
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
|
|
656
|
-
}
|
|
657
|
-
.pf-v6-c-divider.pf-m-inset-md-on-sm {
|
|
658
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
|
|
659
|
-
}
|
|
660
|
-
.pf-v6-c-divider.pf-m-inset-lg-on-sm {
|
|
661
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
662
|
-
}
|
|
663
|
-
.pf-v6-c-divider.pf-m-inset-xl-on-sm {
|
|
664
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
|
|
665
|
-
}
|
|
666
|
-
.pf-v6-c-divider.pf-m-inset-2xl-on-sm {
|
|
667
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
|
|
668
|
-
}
|
|
669
|
-
.pf-v6-c-divider.pf-m-inset-3xl-on-sm {
|
|
670
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
|
|
671
|
-
}
|
|
672
|
-
}
|
|
673
|
-
@media (min-width: 48rem) {
|
|
674
|
-
.pf-v6-c-divider.pf-m-horizontal-on-md {
|
|
675
|
-
flex-direction: row;
|
|
676
|
-
width: 100%;
|
|
677
|
-
height: var(--pf-v6-c-divider--Size);
|
|
678
|
-
}
|
|
736
|
+
.pf-v6-c-menu-toggle__controls {
|
|
737
|
+
min-width: var(--pf-v6-c-menu-toggle__controls--MinWidth);
|
|
738
|
+
margin-inline-start: auto;
|
|
679
739
|
}
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
|
|
684
|
-
height: inherit;
|
|
685
|
-
}
|
|
740
|
+
|
|
741
|
+
.pf-v6-c-menu-toggle__toggle-icon {
|
|
742
|
+
min-height: var(--pf-v6-c-menu-toggle__toggle-icon--MinHeight);
|
|
743
|
+
color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
|
|
686
744
|
}
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
.pf-v6-c-divider.pf-m-inset-xs-on-md {
|
|
692
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
|
|
693
|
-
}
|
|
694
|
-
.pf-v6-c-divider.pf-m-inset-sm-on-md {
|
|
695
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
|
|
696
|
-
}
|
|
697
|
-
.pf-v6-c-divider.pf-m-inset-md-on-md {
|
|
698
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
|
|
699
|
-
}
|
|
700
|
-
.pf-v6-c-divider.pf-m-inset-lg-on-md {
|
|
701
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
702
|
-
}
|
|
703
|
-
.pf-v6-c-divider.pf-m-inset-xl-on-md {
|
|
704
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
|
|
705
|
-
}
|
|
706
|
-
.pf-v6-c-divider.pf-m-inset-2xl-on-md {
|
|
707
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
|
|
708
|
-
}
|
|
709
|
-
.pf-v6-c-divider.pf-m-inset-3xl-on-md {
|
|
710
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
|
|
711
|
-
}
|
|
745
|
+
|
|
746
|
+
.pf-v6-c-menu-toggle__status-icon {
|
|
747
|
+
margin-inline-end: var(--pf-v6-c-menu-toggle__status-icon--MarginInlineEnd);
|
|
748
|
+
color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
|
|
712
749
|
}
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
|
|
750
|
+
|
|
751
|
+
:where(:root, .pf-v6-c-check) {
|
|
752
|
+
--pf-v6-c-check--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
|
|
753
|
+
--pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
|
|
754
|
+
--pf-v6-c-check--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
|
|
755
|
+
--pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
756
|
+
--pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
|
|
757
|
+
--pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
758
|
+
--pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
|
|
759
|
+
--pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
760
|
+
--pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
761
|
+
--pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
|
|
762
|
+
--pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
|
|
763
|
+
--pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
764
|
+
--pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
|
|
765
|
+
--pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
|
|
719
766
|
}
|
|
720
|
-
|
|
721
|
-
|
|
722
|
-
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
|
|
767
|
+
|
|
768
|
+
.pf-v6-c-check {
|
|
769
|
+
display: grid;
|
|
770
|
+
grid-template-columns: auto 1fr;
|
|
771
|
+
grid-gap: var(--pf-v6-c-check--GridGap);
|
|
772
|
+
accent-color: var(--pf-v6-c-check--AccentColor);
|
|
726
773
|
}
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
|
|
731
|
-
|
|
732
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
|
|
733
|
-
}
|
|
734
|
-
.pf-v6-c-divider.pf-m-inset-sm-on-lg {
|
|
735
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
|
|
736
|
-
}
|
|
737
|
-
.pf-v6-c-divider.pf-m-inset-md-on-lg {
|
|
738
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
|
|
739
|
-
}
|
|
740
|
-
.pf-v6-c-divider.pf-m-inset-lg-on-lg {
|
|
741
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
742
|
-
}
|
|
743
|
-
.pf-v6-c-divider.pf-m-inset-xl-on-lg {
|
|
744
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
|
|
745
|
-
}
|
|
746
|
-
.pf-v6-c-divider.pf-m-inset-2xl-on-lg {
|
|
747
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
|
|
748
|
-
}
|
|
749
|
-
.pf-v6-c-divider.pf-m-inset-3xl-on-lg {
|
|
750
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
|
|
751
|
-
}
|
|
774
|
+
|
|
775
|
+
.pf-v6-c-check.pf-m-standalone {
|
|
776
|
+
display: inline-grid;
|
|
777
|
+
grid-template-columns: auto;
|
|
778
|
+
min-height: var(--pf-v6-c-check--MinHeight);
|
|
752
779
|
}
|
|
753
|
-
|
|
754
|
-
|
|
755
|
-
|
|
756
|
-
|
|
757
|
-
height: var(--pf-v6-c-divider--Size);
|
|
758
|
-
}
|
|
780
|
+
|
|
781
|
+
.pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
|
|
782
|
+
align-self: center;
|
|
783
|
+
transform: none;
|
|
759
784
|
}
|
|
760
|
-
|
|
761
|
-
|
|
762
|
-
|
|
763
|
-
|
|
764
|
-
|
|
765
|
-
|
|
785
|
+
|
|
786
|
+
.pf-v6-c-check__input {
|
|
787
|
+
align-self: start;
|
|
788
|
+
font-size: var(--pf-v6-c-check__label--FontSize);
|
|
789
|
+
line-height: var(--pf-v6-c-check__label--LineHeight);
|
|
790
|
+
transform: translateY(var(--pf-v6-c-check__input--TranslateY));
|
|
766
791
|
}
|
|
767
|
-
|
|
768
|
-
|
|
769
|
-
|
|
770
|
-
|
|
771
|
-
|
|
772
|
-
|
|
773
|
-
}
|
|
774
|
-
.pf-v6-c-divider.pf-m-inset-sm-on-xl {
|
|
775
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
|
|
776
|
-
}
|
|
777
|
-
.pf-v6-c-divider.pf-m-inset-md-on-xl {
|
|
778
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
|
|
779
|
-
}
|
|
780
|
-
.pf-v6-c-divider.pf-m-inset-lg-on-xl {
|
|
781
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
782
|
-
}
|
|
783
|
-
.pf-v6-c-divider.pf-m-inset-xl-on-xl {
|
|
784
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
|
|
785
|
-
}
|
|
786
|
-
.pf-v6-c-divider.pf-m-inset-2xl-on-xl {
|
|
787
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
|
|
788
|
-
}
|
|
789
|
-
.pf-v6-c-divider.pf-m-inset-3xl-on-xl {
|
|
790
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
|
|
791
|
-
}
|
|
792
|
+
|
|
793
|
+
.pf-v6-c-check__label {
|
|
794
|
+
font-size: var(--pf-v6-c-check__label--FontSize);
|
|
795
|
+
font-weight: var(--pf-v6-c-check__label--FontWeight);
|
|
796
|
+
line-height: var(--pf-v6-c-check__label--LineHeight);
|
|
797
|
+
color: var(--pf-v6-c-check__label--Color);
|
|
792
798
|
}
|
|
793
|
-
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
|
|
798
|
-
}
|
|
799
|
+
|
|
800
|
+
.pf-v6-c-check__description {
|
|
801
|
+
grid-column: 2;
|
|
802
|
+
font-size: var(--pf-v6-c-check__description--FontSize);
|
|
803
|
+
color: var(--pf-v6-c-check__description--Color);
|
|
799
804
|
}
|
|
800
|
-
|
|
801
|
-
|
|
802
|
-
|
|
803
|
-
width: var(--pf-v6-c-divider--Size);
|
|
804
|
-
height: inherit;
|
|
805
|
-
}
|
|
805
|
+
|
|
806
|
+
.pf-v6-c-check__body {
|
|
807
|
+
grid-column: 2;
|
|
806
808
|
}
|
|
807
|
-
|
|
808
|
-
|
|
809
|
-
|
|
810
|
-
|
|
811
|
-
|
|
812
|
-
|
|
813
|
-
|
|
814
|
-
|
|
815
|
-
|
|
816
|
-
|
|
817
|
-
|
|
818
|
-
|
|
819
|
-
|
|
820
|
-
|
|
821
|
-
|
|
822
|
-
|
|
823
|
-
|
|
824
|
-
|
|
825
|
-
|
|
826
|
-
|
|
827
|
-
|
|
828
|
-
|
|
829
|
-
.pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
|
|
830
|
-
--pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
|
|
831
|
-
}
|
|
809
|
+
|
|
810
|
+
.pf-v6-c-check__label,
|
|
811
|
+
.pf-v6-c-check__input {
|
|
812
|
+
justify-self: start;
|
|
813
|
+
}
|
|
814
|
+
|
|
815
|
+
label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
816
|
+
.pf-v6-c-check__input {
|
|
817
|
+
cursor: pointer;
|
|
818
|
+
}
|
|
819
|
+
|
|
820
|
+
.pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
|
|
821
|
+
.pf-v6-c-check__input:disabled,
|
|
822
|
+
.pf-v6-c-check__input.pf-m-disabled {
|
|
823
|
+
--pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
|
|
824
|
+
cursor: not-allowed;
|
|
825
|
+
}
|
|
826
|
+
|
|
827
|
+
.pf-v6-c-check__label-required {
|
|
828
|
+
margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
|
|
829
|
+
font-size: var(--pf-v6-c-check__label-required--FontSize);
|
|
830
|
+
color: var(--pf-v6-c-check__label-required--Color);
|
|
832
831
|
}
|
|
832
|
+
|
|
833
833
|
:where(:root, .pf-v6-c-accordion) {
|
|
834
834
|
--pf-v6-c-accordion--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
835
835
|
--pf-v6-c-accordion--RowGap: var(--pf-t--global--spacer--xs);
|
|
@@ -1522,24 +1522,32 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
1522
1522
|
box-shadow: var(--pf-v6-c-back-to-top--c-button--BoxShadow);
|
|
1523
1523
|
}
|
|
1524
1524
|
|
|
1525
|
-
:where(:root, .pf-v6-c-
|
|
1526
|
-
--pf-v6-c-
|
|
1527
|
-
--pf-v6-c-
|
|
1528
|
-
--pf-v6-c-
|
|
1525
|
+
:where(:root, .pf-v6-c-background-image) {
|
|
1526
|
+
--pf-v6-c-background-image--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
1527
|
+
--pf-v6-c-background-image--BackgroundImage: none;
|
|
1528
|
+
--pf-v6-c-background-image--BackgroundSize--min-width: 200px;
|
|
1529
|
+
--pf-v6-c-background-image--BackgroundSize--width: 60%;
|
|
1530
|
+
--pf-v6-c-background-image--BackgroundSize--max-width: 600px;
|
|
1531
|
+
--pf-v6-c-background-image--BackgroundSize: clamp(var(--pf-v6-c-background-image--BackgroundSize--min-width), var(--pf-v6-c-background-image--BackgroundSize--width), var(--pf-v6-c-background-image--BackgroundSize--max-width));
|
|
1529
1532
|
}
|
|
1530
1533
|
|
|
1531
|
-
.pf-v6-c-
|
|
1532
|
-
|
|
1534
|
+
.pf-v6-c-background-image {
|
|
1535
|
+
--pf-v6-c-background-image--BackgroundPosition: bottom right;
|
|
1536
|
+
position: fixed;
|
|
1533
1537
|
inset-block-start: 0;
|
|
1534
1538
|
inset-inline-start: 0;
|
|
1535
|
-
z-index:
|
|
1539
|
+
z-index: -1;
|
|
1536
1540
|
width: 100%;
|
|
1537
1541
|
height: 100%;
|
|
1538
|
-
background-color: var(--pf-v6-c-
|
|
1542
|
+
background-color: var(--pf-v6-c-background-image--BackgroundColor);
|
|
1543
|
+
background-image: var(--pf-v6-c-background-image--BackgroundImage);
|
|
1544
|
+
background-repeat: no-repeat;
|
|
1545
|
+
background-position: var(--pf-v6-c-background-image--BackgroundPosition);
|
|
1546
|
+
background-size: var(--pf-v6-c-background-image--BackgroundSize);
|
|
1539
1547
|
}
|
|
1540
1548
|
|
|
1541
|
-
.pf-v6-c-
|
|
1542
|
-
|
|
1549
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
|
|
1550
|
+
--pf-v6-c-background-image--BackgroundPosition: bottom left;
|
|
1543
1551
|
}
|
|
1544
1552
|
|
|
1545
1553
|
:where(:root, .pf-v6-c-badge) {
|
|
@@ -1615,32 +1623,71 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
1615
1623
|
color: var(--pf-v6-c-badge__toggle-icon--Color);
|
|
1616
1624
|
}
|
|
1617
1625
|
|
|
1618
|
-
:where(:root, .pf-v6-c-
|
|
1619
|
-
--pf-v6-c-
|
|
1620
|
-
--pf-v6-c-
|
|
1621
|
-
--pf-v6-c-background-image--BackgroundSize--min-width: 200px;
|
|
1622
|
-
--pf-v6-c-background-image--BackgroundSize--width: 60%;
|
|
1623
|
-
--pf-v6-c-background-image--BackgroundSize--max-width: 600px;
|
|
1624
|
-
--pf-v6-c-background-image--BackgroundSize: clamp(var(--pf-v6-c-background-image--BackgroundSize--min-width), var(--pf-v6-c-background-image--BackgroundSize--width), var(--pf-v6-c-background-image--BackgroundSize--max-width));
|
|
1626
|
+
:where(:root, .pf-v6-c-brand) {
|
|
1627
|
+
--pf-v6-c-brand--Width: auto;
|
|
1628
|
+
--pf-v6-c-brand--Height: auto;
|
|
1625
1629
|
}
|
|
1626
1630
|
|
|
1627
|
-
.pf-v6-c-
|
|
1628
|
-
--pf-v6-c-
|
|
1629
|
-
|
|
1630
|
-
|
|
1631
|
-
|
|
1632
|
-
z-index: -1;
|
|
1633
|
-
width: 100%;
|
|
1634
|
-
height: 100%;
|
|
1635
|
-
background-color: var(--pf-v6-c-background-image--BackgroundColor);
|
|
1636
|
-
background-image: var(--pf-v6-c-background-image--BackgroundImage);
|
|
1637
|
-
background-repeat: no-repeat;
|
|
1638
|
-
background-position: var(--pf-v6-c-background-image--BackgroundPosition);
|
|
1639
|
-
background-size: var(--pf-v6-c-background-image--BackgroundSize);
|
|
1631
|
+
.pf-v6-c-brand {
|
|
1632
|
+
width: var(--pf-v6-c-brand--Width--base);
|
|
1633
|
+
height: var(--pf-v6-c-brand--Height--base);
|
|
1634
|
+
--pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width);
|
|
1635
|
+
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
|
|
1640
1636
|
}
|
|
1641
1637
|
|
|
1642
|
-
|
|
1643
|
-
|
|
1638
|
+
@media (min-width: 36rem) {
|
|
1639
|
+
.pf-v6-c-brand {
|
|
1640
|
+
--pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width));
|
|
1641
|
+
}
|
|
1642
|
+
}
|
|
1643
|
+
@media (min-width: 48rem) {
|
|
1644
|
+
.pf-v6-c-brand {
|
|
1645
|
+
--pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width)));
|
|
1646
|
+
}
|
|
1647
|
+
}
|
|
1648
|
+
@media (min-width: 62rem) {
|
|
1649
|
+
.pf-v6-c-brand {
|
|
1650
|
+
--pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width))));
|
|
1651
|
+
}
|
|
1652
|
+
}
|
|
1653
|
+
@media (min-width: 75rem) {
|
|
1654
|
+
.pf-v6-c-brand {
|
|
1655
|
+
--pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-xl, var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width)))));
|
|
1656
|
+
}
|
|
1657
|
+
}
|
|
1658
|
+
@media (min-width: 90.625rem) {
|
|
1659
|
+
.pf-v6-c-brand {
|
|
1660
|
+
--pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-2xl, var(--pf-v6-c-brand--Width-on-xl, var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width))))));
|
|
1661
|
+
}
|
|
1662
|
+
}
|
|
1663
|
+
@media (min-width: 36rem) {
|
|
1664
|
+
.pf-v6-c-brand {
|
|
1665
|
+
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height));
|
|
1666
|
+
}
|
|
1667
|
+
}
|
|
1668
|
+
@media (min-width: 48rem) {
|
|
1669
|
+
.pf-v6-c-brand {
|
|
1670
|
+
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height)));
|
|
1671
|
+
}
|
|
1672
|
+
}
|
|
1673
|
+
@media (min-width: 62rem) {
|
|
1674
|
+
.pf-v6-c-brand {
|
|
1675
|
+
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height))));
|
|
1676
|
+
}
|
|
1677
|
+
}
|
|
1678
|
+
@media (min-width: 75rem) {
|
|
1679
|
+
.pf-v6-c-brand {
|
|
1680
|
+
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-xl, var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height)))));
|
|
1681
|
+
}
|
|
1682
|
+
}
|
|
1683
|
+
@media (min-width: 90.625rem) {
|
|
1684
|
+
.pf-v6-c-brand {
|
|
1685
|
+
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-2xl, var(--pf-v6-c-brand--Height-on-xl, var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height))))));
|
|
1686
|
+
}
|
|
1687
|
+
}
|
|
1688
|
+
.pf-v6-c-brand.pf-m-picture {
|
|
1689
|
+
display: inline-flex;
|
|
1690
|
+
max-width: 100%;
|
|
1644
1691
|
}
|
|
1645
1692
|
|
|
1646
1693
|
:where(:root, .pf-v6-c-banner) {
|
|
@@ -1781,102 +1828,35 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
1781
1828
|
|
|
1782
1829
|
.pf-v6-c-banner a {
|
|
1783
1830
|
color: var(--pf-v6-c-banner--link--Color);
|
|
1784
|
-
text-decoration: var(--pf-v6-c-banner--link--TextDecoration);
|
|
1785
|
-
}
|
|
1786
|
-
|
|
1787
|
-
.pf-v6-c-banner a:hover:not(.pf-m-disabled) {
|
|
1788
|
-
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--hover--Color);
|
|
1789
|
-
font-weight: var(--pf-v6-c-banner--link--hover--FontWeight);
|
|
1790
|
-
}
|
|
1791
|
-
|
|
1792
|
-
.pf-v6-c-banner a.pf-m-disabled {
|
|
1793
|
-
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--disabled--Color);
|
|
1794
|
-
--pf-v6-c-banner--link--TextDecoration: var(--pf-v6-c-banner--link--disabled--TextDecoration);
|
|
1795
|
-
cursor: not-allowed;
|
|
1796
|
-
}
|
|
1797
|
-
|
|
1798
|
-
.pf-v6-c-banner .pf-v6-c-button.pf-m-inline {
|
|
1799
|
-
--pf-v6-c-button--m-link--Color: var(--pf-v6-c-banner--link--Color);
|
|
1800
|
-
--pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
|
|
1801
|
-
--pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
|
|
1802
|
-
text-decoration: var(--pf-v6-c-banner--link--TextDecoration);
|
|
1803
|
-
}
|
|
1804
|
-
|
|
1805
|
-
.pf-v6-c-banner .pf-v6-c-button.pf-m-inline:hover {
|
|
1806
|
-
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--hover--Color);
|
|
1807
|
-
font-weight: var(--pf-v6-c-banner--link--hover--FontWeight);
|
|
1808
|
-
}
|
|
1809
|
-
|
|
1810
|
-
.pf-v6-c-banner .pf-v6-c-button.pf-m-inline:disabled, .pf-v6-c-banner .pf-v6-c-button.pf-m-inline.pf-m-disabled {
|
|
1811
|
-
--pf-v6-c-banner--link--TextDecoration: var(--pf-v6-c-banner--link--disabled--TextDecoration);
|
|
1812
|
-
cursor: not-allowed;
|
|
1813
|
-
}
|
|
1814
|
-
|
|
1815
|
-
:where(:root, .pf-v6-c-brand) {
|
|
1816
|
-
--pf-v6-c-brand--Width: auto;
|
|
1817
|
-
--pf-v6-c-brand--Height: auto;
|
|
1818
|
-
}
|
|
1819
|
-
|
|
1820
|
-
.pf-v6-c-brand {
|
|
1821
|
-
width: var(--pf-v6-c-brand--Width--base);
|
|
1822
|
-
height: var(--pf-v6-c-brand--Height--base);
|
|
1823
|
-
--pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width);
|
|
1824
|
-
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
|
|
1825
|
-
}
|
|
1826
|
-
|
|
1827
|
-
@media (min-width: 36rem) {
|
|
1828
|
-
.pf-v6-c-brand {
|
|
1829
|
-
--pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width));
|
|
1830
|
-
}
|
|
1831
|
-
}
|
|
1832
|
-
@media (min-width: 48rem) {
|
|
1833
|
-
.pf-v6-c-brand {
|
|
1834
|
-
--pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width)));
|
|
1835
|
-
}
|
|
1836
|
-
}
|
|
1837
|
-
@media (min-width: 62rem) {
|
|
1838
|
-
.pf-v6-c-brand {
|
|
1839
|
-
--pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width))));
|
|
1840
|
-
}
|
|
1841
|
-
}
|
|
1842
|
-
@media (min-width: 75rem) {
|
|
1843
|
-
.pf-v6-c-brand {
|
|
1844
|
-
--pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-xl, var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width)))));
|
|
1845
|
-
}
|
|
1846
|
-
}
|
|
1847
|
-
@media (min-width: 90.625rem) {
|
|
1848
|
-
.pf-v6-c-brand {
|
|
1849
|
-
--pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-2xl, var(--pf-v6-c-brand--Width-on-xl, var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width))))));
|
|
1850
|
-
}
|
|
1851
|
-
}
|
|
1852
|
-
@media (min-width: 36rem) {
|
|
1853
|
-
.pf-v6-c-brand {
|
|
1854
|
-
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height));
|
|
1855
|
-
}
|
|
1856
|
-
}
|
|
1857
|
-
@media (min-width: 48rem) {
|
|
1858
|
-
.pf-v6-c-brand {
|
|
1859
|
-
--pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height)));
|
|
1860
|
-
}
|
|
1831
|
+
text-decoration: var(--pf-v6-c-banner--link--TextDecoration);
|
|
1861
1832
|
}
|
|
1862
|
-
|
|
1863
|
-
|
|
1864
|
-
|
|
1865
|
-
|
|
1833
|
+
|
|
1834
|
+
.pf-v6-c-banner a:hover:not(.pf-m-disabled) {
|
|
1835
|
+
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--hover--Color);
|
|
1836
|
+
font-weight: var(--pf-v6-c-banner--link--hover--FontWeight);
|
|
1866
1837
|
}
|
|
1867
|
-
|
|
1868
|
-
|
|
1869
|
-
|
|
1870
|
-
|
|
1838
|
+
|
|
1839
|
+
.pf-v6-c-banner a.pf-m-disabled {
|
|
1840
|
+
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--disabled--Color);
|
|
1841
|
+
--pf-v6-c-banner--link--TextDecoration: var(--pf-v6-c-banner--link--disabled--TextDecoration);
|
|
1842
|
+
cursor: not-allowed;
|
|
1871
1843
|
}
|
|
1872
|
-
|
|
1873
|
-
|
|
1874
|
-
|
|
1875
|
-
|
|
1844
|
+
|
|
1845
|
+
.pf-v6-c-banner .pf-v6-c-button.pf-m-inline {
|
|
1846
|
+
--pf-v6-c-button--m-link--Color: var(--pf-v6-c-banner--link--Color);
|
|
1847
|
+
--pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
|
|
1848
|
+
--pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
|
|
1849
|
+
text-decoration: var(--pf-v6-c-banner--link--TextDecoration);
|
|
1876
1850
|
}
|
|
1877
|
-
|
|
1878
|
-
|
|
1879
|
-
|
|
1851
|
+
|
|
1852
|
+
.pf-v6-c-banner .pf-v6-c-button.pf-m-inline:hover {
|
|
1853
|
+
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--hover--Color);
|
|
1854
|
+
font-weight: var(--pf-v6-c-banner--link--hover--FontWeight);
|
|
1855
|
+
}
|
|
1856
|
+
|
|
1857
|
+
.pf-v6-c-banner .pf-v6-c-button.pf-m-inline:disabled, .pf-v6-c-banner .pf-v6-c-button.pf-m-inline.pf-m-disabled {
|
|
1858
|
+
--pf-v6-c-banner--link--TextDecoration: var(--pf-v6-c-banner--link--disabled--TextDecoration);
|
|
1859
|
+
cursor: not-allowed;
|
|
1880
1860
|
}
|
|
1881
1861
|
|
|
1882
1862
|
:where(:root, .pf-v6-c-breadcrumb) {
|
|
@@ -1973,25 +1953,245 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1973
1953
|
border: none;
|
|
1974
1954
|
}
|
|
1975
1955
|
|
|
1976
|
-
.pf-v6-c-breadcrumb__dropdown {
|
|
1977
|
-
margin-block-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart);
|
|
1978
|
-
margin-block-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd);
|
|
1979
|
-
margin-inline-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart);
|
|
1980
|
-
margin-inline-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd);
|
|
1956
|
+
.pf-v6-c-breadcrumb__dropdown {
|
|
1957
|
+
margin-block-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart);
|
|
1958
|
+
margin-block-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd);
|
|
1959
|
+
margin-inline-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart);
|
|
1960
|
+
margin-inline-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd);
|
|
1961
|
+
}
|
|
1962
|
+
|
|
1963
|
+
.pf-v6-c-breadcrumb__heading {
|
|
1964
|
+
display: inline;
|
|
1965
|
+
font-size: var(--pf-v6-c-breadcrumb__heading--FontSize);
|
|
1966
|
+
}
|
|
1967
|
+
|
|
1968
|
+
.pf-v6-c-breadcrumb__link,
|
|
1969
|
+
.pf-v6-c-breadcrumb__heading {
|
|
1970
|
+
white-space: normal;
|
|
1971
|
+
}
|
|
1972
|
+
|
|
1973
|
+
.pf-v6-c-breadcrumb__list > :first-child .pf-v6-c-breadcrumb__item-divider {
|
|
1974
|
+
display: none;
|
|
1975
|
+
}
|
|
1976
|
+
|
|
1977
|
+
:where(:root, .pf-v6-c-calendar-month) {
|
|
1978
|
+
--pf-v6-c-calendar-month--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
1979
|
+
--pf-v6-c-calendar-month--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
1980
|
+
--pf-v6-c-calendar-month--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
1981
|
+
--pf-v6-c-calendar-month--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
1982
|
+
--pf-v6-c-calendar-month--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
1983
|
+
--pf-v6-c-calendar-month--FontSize: var(--pf-t--global--font--size--sm);
|
|
1984
|
+
--pf-v6-c-calendar-month__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
1985
|
+
--pf-v6-c-calendar-month__header--Gap: var(--pf-t--global--spacer--xs);
|
|
1986
|
+
--pf-v6-c-calendar-month__header-year--Width: 9ch;
|
|
1987
|
+
--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd: 0;
|
|
1988
|
+
--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart: 0;
|
|
1989
|
+
--pf-v6-c-calendar-month__days--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
1990
|
+
--pf-v6-c-calendar-month__days--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
1991
|
+
--pf-v6-c-calendar-month__day--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
1992
|
+
--pf-v6-c-calendar-month__day--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
1993
|
+
--pf-v6-c-calendar-month__day--Color: var(--pf-t--global--text--color--regular);
|
|
1994
|
+
--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: 0.125rem;
|
|
1995
|
+
--pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd: 0.125rem;
|
|
1996
|
+
--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd: 0.125rem;
|
|
1997
|
+
--pf-v6-c-calendar-month__dates-cell--PaddingInlineStart: 0.125rem;
|
|
1998
|
+
--pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
1999
|
+
--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2000
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
2001
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
2002
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
2003
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-t--global--border--color--brand--default);
|
|
2004
|
+
--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
2005
|
+
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
|
|
2006
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart: 0;
|
|
2007
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: 0;
|
|
2008
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
|
|
2009
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: 0;
|
|
2010
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2011
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart: 50%;
|
|
2012
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd: 50%;
|
|
2013
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2014
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
2015
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
2016
|
+
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2017
|
+
--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-t--global--text--color--subtle);
|
|
2018
|
+
--pf-v6-c-calendar-month__date--Width: 4ch;
|
|
2019
|
+
--pf-v6-c-calendar-month__date--Height: 4ch;
|
|
2020
|
+
--pf-v6-c-calendar-month__date--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
2021
|
+
--pf-v6-c-calendar-month__date--Color: var(--pf-t--global--text--color--regular);
|
|
2022
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: transparent;
|
|
2023
|
+
--pf-v6-c-calendar-month__date--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
2024
|
+
--pf-v6-c-calendar-month__date--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
2025
|
+
--pf-v6-c-calendar-month__date--after--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
2026
|
+
--pf-v6-c-calendar-month__date--after--BorderColor: transparent;
|
|
2027
|
+
--pf-v6-c-calendar-month__date--after--OutlineOffset: 0;
|
|
2028
|
+
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2029
|
+
--pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
2030
|
+
--pf-v6-c-calendar-month__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
2031
|
+
--pf-v6-c-calendar-month__date--focus--Color: var(--pf-t--global--icon--color--on-brand--clicked);
|
|
2032
|
+
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
2033
|
+
--pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-t--global--border--color--hover);
|
|
2034
|
+
--pf-v6-c-calendar-month__date--after--focus--OutlineOffset: -2px;
|
|
2035
|
+
}
|
|
2036
|
+
|
|
2037
|
+
.pf-v6-c-calendar-month {
|
|
2038
|
+
display: inline-flex;
|
|
2039
|
+
flex-direction: column;
|
|
2040
|
+
padding-block-start: var(--pf-v6-c-calendar-month--PaddingBlockStart);
|
|
2041
|
+
padding-block-end: var(--pf-v6-c-calendar-month--PaddingBlockEnd);
|
|
2042
|
+
padding-inline-start: var(--pf-v6-c-calendar-month--PaddingInlineStart);
|
|
2043
|
+
padding-inline-end: var(--pf-v6-c-calendar-month--PaddingInlineEnd);
|
|
2044
|
+
font-size: var(--pf-v6-c-calendar-month--FontSize);
|
|
2045
|
+
background-color: var(--pf-v6-c-calendar-month--BackgroundColor);
|
|
2046
|
+
}
|
|
2047
|
+
|
|
2048
|
+
.pf-v6-c-calendar-month__header {
|
|
2049
|
+
display: flex;
|
|
2050
|
+
gap: var(--pf-v6-c-calendar-month__header--Gap);
|
|
2051
|
+
margin-block-end: var(--pf-v6-c-calendar-month__header--MarginBlockEnd);
|
|
2052
|
+
}
|
|
2053
|
+
|
|
2054
|
+
.pf-v6-c-calendar-month__header-nav-control {
|
|
2055
|
+
margin-inline-start: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart);
|
|
2056
|
+
margin-inline-end: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd);
|
|
2057
|
+
}
|
|
2058
|
+
|
|
2059
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
|
|
2060
|
+
scale: -1 1;
|
|
2061
|
+
}
|
|
2062
|
+
|
|
2063
|
+
.pf-v6-c-calendar-month__header-month {
|
|
2064
|
+
flex-grow: 1;
|
|
2065
|
+
}
|
|
2066
|
+
|
|
2067
|
+
.pf-v6-c-calendar-month__header-month > .pf-v6-c-menu-toggle {
|
|
2068
|
+
width: 100%;
|
|
2069
|
+
}
|
|
2070
|
+
|
|
2071
|
+
.pf-v6-c-calendar-month__header-year {
|
|
2072
|
+
width: var(--pf-v6-c-calendar-month__header-year--Width);
|
|
2073
|
+
}
|
|
2074
|
+
|
|
2075
|
+
.pf-v6-c-calendar-month__calendar {
|
|
2076
|
+
table-layout: fixed;
|
|
2077
|
+
}
|
|
2078
|
+
|
|
2079
|
+
.pf-v6-c-calendar-month__days {
|
|
2080
|
+
color: var(--pf-v6-c-calendar-month__day--Color);
|
|
2081
|
+
border-block-end: var(--pf-v6-c-calendar-month__days--BorderBlockEndWidth) solid var(--pf-v6-c-calendar-month__days--BorderBlockEndColor);
|
|
2082
|
+
}
|
|
2083
|
+
|
|
2084
|
+
.pf-v6-c-calendar-month__day {
|
|
2085
|
+
padding-block-end: var(--pf-v6-c-calendar-month__day--PaddingBlockEnd);
|
|
2086
|
+
font-weight: var(--pf-v6-c-calendar-month__day--FontWeight);
|
|
2087
|
+
text-align: center;
|
|
2088
|
+
}
|
|
2089
|
+
|
|
2090
|
+
.pf-v6-c-calendar-month__dates-row:first-child {
|
|
2091
|
+
--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: var(--pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart);
|
|
2092
|
+
}
|
|
2093
|
+
|
|
2094
|
+
.pf-v6-c-calendar-month__dates-cell {
|
|
2095
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
|
|
2096
|
+
position: relative;
|
|
2097
|
+
padding-block-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
|
|
2098
|
+
padding-block-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
|
|
2099
|
+
padding-inline-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineStart);
|
|
2100
|
+
padding-inline-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd);
|
|
2101
|
+
text-align: center;
|
|
2102
|
+
}
|
|
2103
|
+
|
|
2104
|
+
.pf-v6-c-calendar-month__dates-cell::before {
|
|
2105
|
+
position: absolute;
|
|
2106
|
+
inset-block-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart);
|
|
2107
|
+
inset-block-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd);
|
|
2108
|
+
inset-inline-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart);
|
|
2109
|
+
inset-inline-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd);
|
|
2110
|
+
content: "";
|
|
2111
|
+
background-color: var(--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor);
|
|
2112
|
+
}
|
|
2113
|
+
|
|
2114
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-current {
|
|
2115
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
|
|
2116
|
+
}
|
|
2117
|
+
|
|
2118
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-in-range {
|
|
2119
|
+
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
|
|
2120
|
+
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
|
|
2121
|
+
--pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth);
|
|
2122
|
+
--pf-v6-c-calendar-month__date--hover--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor);
|
|
2123
|
+
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor);
|
|
2124
|
+
}
|
|
2125
|
+
|
|
2126
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-start-range {
|
|
2127
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart);
|
|
2128
|
+
}
|
|
2129
|
+
|
|
2130
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-end-range {
|
|
2131
|
+
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd);
|
|
2132
|
+
}
|
|
2133
|
+
|
|
2134
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-adjacent-month {
|
|
2135
|
+
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color);
|
|
2136
|
+
}
|
|
2137
|
+
|
|
2138
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-selected {
|
|
2139
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
|
|
2140
|
+
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color);
|
|
2141
|
+
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
|
|
2142
|
+
--pf-v6-c-calendar-month__date--hover--BorderWidth: 0;
|
|
2143
|
+
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
|
|
2144
|
+
--pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
|
|
2145
|
+
--pf-v6-c-calendar-month__date--after--OutlineOffset: var(--pf-v6-c-calendar-month__date--after--focus--OutlineOffset);
|
|
2146
|
+
}
|
|
2147
|
+
|
|
2148
|
+
.pf-v6-c-calendar-month__dates-cell.pf-m-disabled {
|
|
2149
|
+
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
|
|
2150
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: transparent;
|
|
2151
|
+
}
|
|
2152
|
+
|
|
2153
|
+
.pf-v6-c-calendar-month__date {
|
|
2154
|
+
position: relative;
|
|
2155
|
+
display: inline-flex;
|
|
2156
|
+
align-items: center;
|
|
2157
|
+
justify-content: center;
|
|
2158
|
+
width: var(--pf-v6-c-calendar-month__date--Width);
|
|
2159
|
+
height: var(--pf-v6-c-calendar-month__date--Height);
|
|
2160
|
+
line-height: 1;
|
|
2161
|
+
color: var(--pf-v6-c-calendar-month__date--Color);
|
|
2162
|
+
background-color: var(--pf-v6-c-calendar-month__date--BackgroundColor);
|
|
2163
|
+
border: 0;
|
|
2164
|
+
}
|
|
2165
|
+
|
|
2166
|
+
.pf-v6-c-calendar-month__date::after {
|
|
2167
|
+
position: absolute;
|
|
2168
|
+
inset-block-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
2169
|
+
inset-block-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
2170
|
+
inset-inline-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
2171
|
+
inset-inline-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
2172
|
+
content: "";
|
|
2173
|
+
border: var(--pf-v6-c-calendar-month__date--after--BorderWidth) solid var(--pf-v6-c-calendar-month__date--after--BorderColor);
|
|
2174
|
+
}
|
|
2175
|
+
|
|
2176
|
+
.pf-v6-c-calendar-month__date, .pf-v6-c-calendar-month__date::after {
|
|
2177
|
+
border-radius: var(--pf-v6-c-calendar-month__date--BorderRadius);
|
|
1981
2178
|
}
|
|
1982
2179
|
|
|
1983
|
-
.pf-v6-c-
|
|
1984
|
-
|
|
1985
|
-
|
|
2180
|
+
.pf-v6-c-calendar-month__date:hover, .pf-v6-c-calendar-month__date.pf-m-hover {
|
|
2181
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--hover--BackgroundColor);
|
|
2182
|
+
border: var(--pf-v6-c-calendar-month__date--hover--BorderColor) solid var(--pf-v6-c-calendar-month__date--hover--BorderWidth);
|
|
1986
2183
|
}
|
|
1987
2184
|
|
|
1988
|
-
.pf-v6-c-
|
|
1989
|
-
|
|
1990
|
-
|
|
2185
|
+
.pf-v6-c-calendar-month__date:focus, .pf-v6-c-calendar-month__date.pf-m-focus {
|
|
2186
|
+
--pf-v6-c-calendar-month__date--after--BorderColor: var(--pf-v6-c-calendar-month__date--focus--after--BorderColor);
|
|
2187
|
+
outline: 0;
|
|
1991
2188
|
}
|
|
1992
2189
|
|
|
1993
|
-
.pf-v6-c-
|
|
1994
|
-
|
|
2190
|
+
.pf-v6-c-calendar-month__date:disabled {
|
|
2191
|
+
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--disabled--BackgroundColor);
|
|
2192
|
+
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__date--disabled--Color);
|
|
2193
|
+
--pf-v6-c-calendar-month__date--hover--focus--BorderColor: transparent;
|
|
2194
|
+
pointer-events: none;
|
|
1995
2195
|
}
|
|
1996
2196
|
|
|
1997
2197
|
:where(:root, .pf-v6-c-button) {
|
|
@@ -2650,6 +2850,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2650
2850
|
--pf-v6-c-card__header-toggle-icon--Transition: var(--pf-t--global--transition);
|
|
2651
2851
|
--pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
|
|
2652
2852
|
--pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
|
|
2853
|
+
--pf-v6-c-card--m-clickable--m-current--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
2854
|
+
--pf-v6-c-card--m-clickable--m-current--BorderWidth: var(--pf-t--global--border--width--box--clicked);
|
|
2653
2855
|
--pf-v6-c-card--m-selectable--m-selected--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
2654
2856
|
--pf-v6-c-card--m-selectable--m-selected--BorderWidth: var(--pf-t--global--border--width--box--clicked);
|
|
2655
2857
|
--pf-v6-c-card--m-selectable--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
@@ -2722,26 +2924,29 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2722
2924
|
border: none;
|
|
2723
2925
|
}
|
|
2724
2926
|
|
|
2725
|
-
.pf-v6-c-card.pf-m-
|
|
2726
|
-
|
|
2927
|
+
.pf-v6-c-card.pf-m-current {
|
|
2928
|
+
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-clickable--m-current--BorderColor);
|
|
2929
|
+
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-clickable--m-current--BorderWidth);
|
|
2930
|
+
--pf-v6-c-card--m-selectable--hover--BorderColor: var(--pf-v6-c-card--m-clickable--m-current--BorderColor);
|
|
2931
|
+
--pf-v6-c-card--m-selectable--focus--BorderColor: var(--pf-v6-c-card--m-clickable--m-current--BorderColor);
|
|
2932
|
+
}
|
|
2933
|
+
|
|
2934
|
+
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label) {
|
|
2727
2935
|
position: unset;
|
|
2728
2936
|
}
|
|
2729
2937
|
|
|
2730
|
-
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-check__label::before
|
|
2731
|
-
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-radio__label::before {
|
|
2938
|
+
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label)::before {
|
|
2732
2939
|
position: absolute;
|
|
2733
2940
|
inset: 0;
|
|
2734
2941
|
cursor: pointer;
|
|
2735
2942
|
}
|
|
2736
2943
|
|
|
2737
|
-
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:focus-visible) ~ .pf-v6-c-check__label,
|
|
2738
|
-
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-radio__input:where(:focus-visible) ~ .pf-v6-c-radio__label {
|
|
2944
|
+
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:focus-visible) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label) {
|
|
2739
2945
|
--pf-v6-c-card--BackgroundColor: revert;
|
|
2740
2946
|
--pf-v6-c-card--BorderColor: revert;
|
|
2741
2947
|
}
|
|
2742
2948
|
|
|
2743
|
-
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:checked) ~ .pf-v6-c-check__label,
|
|
2744
|
-
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-radio__input:where(:checked) ~ .pf-v6-c-radio__label, .pf-v6-c-card.pf-m-selectable.pf-m-clickable.pf-m-selected {
|
|
2949
|
+
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:checked) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label), .pf-v6-c-card.pf-m-selectable.pf-m-clickable.pf-m-selected {
|
|
2745
2950
|
--pf-v6-c-card--BorderColor: revert;
|
|
2746
2951
|
--pf-v6-c-card--m-selectable--BorderWidth: revert;
|
|
2747
2952
|
}
|
|
@@ -2751,8 +2956,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2751
2956
|
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderWidth);
|
|
2752
2957
|
}
|
|
2753
2958
|
|
|
2754
|
-
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:disabled) ~ .pf-v6-c-check__label,
|
|
2755
|
-
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-radio__input:where(:disabled) ~ .pf-v6-c-radio__label, .pf-v6-c-card.pf-m-selectable.pf-m-clickable.pf-m-disabled {
|
|
2959
|
+
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:disabled) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label), .pf-v6-c-card.pf-m-selectable.pf-m-clickable.pf-m-disabled {
|
|
2756
2960
|
--pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-selectable--m-disabled--BackgroundColor);
|
|
2757
2961
|
}
|
|
2758
2962
|
|
|
@@ -2875,16 +3079,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2875
3079
|
--pf-v6-c-card__actions--MarginBlockEnd: 0;
|
|
2876
3080
|
}
|
|
2877
3081
|
|
|
2878
|
-
.pf-v6-c-card__selectable-actions .pf-v6-c-check__label,
|
|
2879
|
-
.pf-v6-c-card__selectable-actions .pf-v6-c-radio__label {
|
|
3082
|
+
.pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label, .pf-v6-c-card__clickable-action) {
|
|
2880
3083
|
position: absolute;
|
|
2881
3084
|
inset: 0;
|
|
2882
3085
|
justify-self: auto;
|
|
2883
3086
|
cursor: pointer;
|
|
2884
3087
|
}
|
|
2885
3088
|
|
|
2886
|
-
.pf-v6-c-card__selectable-actions .pf-v6-c-check__label::before
|
|
2887
|
-
.pf-v6-c-card__selectable-actions .pf-v6-c-radio__label::before {
|
|
3089
|
+
.pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label, .pf-v6-c-card__clickable-action)::before {
|
|
2888
3090
|
position: absolute;
|
|
2889
3091
|
inset: 0;
|
|
2890
3092
|
z-index: -1;
|
|
@@ -2894,32 +3096,28 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2894
3096
|
border-radius: var(--pf-v6-c-card--BorderRadius);
|
|
2895
3097
|
}
|
|
2896
3098
|
|
|
2897
|
-
.pf-v6-c-card__selectable-actions .pf-v6-c-check__label:hover
|
|
2898
|
-
.pf-v6-c-card__selectable-actions .pf-v6-c-radio__label:hover {
|
|
3099
|
+
.pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label, .pf-v6-c-card__clickable-action):hover {
|
|
2899
3100
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--hover--BorderColor);
|
|
2900
3101
|
}
|
|
2901
3102
|
|
|
2902
|
-
.pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:checked) ~ .pf-v6-c-check__label,
|
|
2903
|
-
.pf-v6-c-card__selectable-actions .pf-v6-c-radio__input:where(:checked) ~ .pf-v6-c-radio__label,
|
|
3103
|
+
.pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:checked) ~ :is(.pf-v6-c-radio__label, .pf-v6-c-check__label),
|
|
2904
3104
|
.pf-v6-c-card.pf-m-selected {
|
|
2905
3105
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--m-selected--BorderColor);
|
|
2906
3106
|
--pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--m-selectable--m-selected--BorderWidth);
|
|
2907
3107
|
}
|
|
2908
3108
|
|
|
2909
|
-
.pf-v6-c-card__selectable-actions .pf-v6-c-
|
|
2910
|
-
.pf-v6-c-card__selectable-actions .pf-v6-c-radio__input:where(:focus-visible) ~ .pf-v6-c-radio__label {
|
|
3109
|
+
.pf-v6-c-card__selectable-actions .pf-v6-c-card__clickable-action:where(:focus-visible),
|
|
3110
|
+
.pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input, .pf-v6-c-card__clickable-action):where(:focus-visible) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label) {
|
|
2911
3111
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--focus--BorderColor);
|
|
2912
3112
|
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--focus--BorderWidth);
|
|
2913
3113
|
}
|
|
2914
3114
|
|
|
2915
|
-
.pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:focus-visible):where(:checked) ~ .pf-v6-c-check__label,
|
|
2916
|
-
.pf-v6-c-card__selectable-actions .pf-v6-c-radio__input:where(:focus-visible):where(:checked) ~ .pf-v6-c-radio__label {
|
|
3115
|
+
.pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:focus-visible):where(:checked) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label) {
|
|
2917
3116
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--m-selected--focus--BorderColor);
|
|
2918
3117
|
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--m-selected--focus--BorderWidth);
|
|
2919
3118
|
}
|
|
2920
3119
|
|
|
2921
|
-
.pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:disabled) ~ .pf-v6-c-check__label,
|
|
2922
|
-
.pf-v6-c-card__selectable-actions .pf-v6-c-radio__input:where(:disabled) ~ .pf-v6-c-radio__label,
|
|
3120
|
+
.pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:disabled) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label),
|
|
2923
3121
|
.pf-v6-c-card.pf-m-disabled {
|
|
2924
3122
|
--pf-v6-c-card__title-text--Color: var(--pf-v6-c-card--m-selectable--m-disabled__title-text--Color);
|
|
2925
3123
|
--pf-v6-c-card__body--Color: var(--pf-v6-c-card--m-selectable--m-disabled__body--Color);
|
|
@@ -2928,6 +3126,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2928
3126
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--m-disabled--BorderColor);
|
|
2929
3127
|
}
|
|
2930
3128
|
|
|
3129
|
+
.pf-v6-c-card__clickable-action {
|
|
3130
|
+
background: none;
|
|
3131
|
+
border: 0;
|
|
3132
|
+
outline: 0;
|
|
3133
|
+
}
|
|
3134
|
+
|
|
3135
|
+
.pf-v6-c-card__clickable-action:disabled, .pf-v6-c-card__clickable-action.pf-m-disabled {
|
|
3136
|
+
pointer-events: none;
|
|
3137
|
+
}
|
|
3138
|
+
|
|
2931
3139
|
.pf-v6-c-card__header,
|
|
2932
3140
|
.pf-v6-c-card__title,
|
|
2933
3141
|
.pf-v6-c-card__body,
|
|
@@ -2972,224 +3180,24 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2972
3180
|
color: var(--pf-v6-c-card__footer--Color);
|
|
2973
3181
|
}
|
|
2974
3182
|
|
|
2975
|
-
:where(:root, .pf-v6-c-
|
|
2976
|
-
--pf-v6-c-
|
|
2977
|
-
--pf-v6-c-
|
|
2978
|
-
--pf-v6-c-
|
|
2979
|
-
--pf-v6-c-calendar-month--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
2980
|
-
--pf-v6-c-calendar-month--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
2981
|
-
--pf-v6-c-calendar-month--FontSize: var(--pf-t--global--font--size--sm);
|
|
2982
|
-
--pf-v6-c-calendar-month__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
2983
|
-
--pf-v6-c-calendar-month__header--Gap: var(--pf-t--global--spacer--xs);
|
|
2984
|
-
--pf-v6-c-calendar-month__header-year--Width: 9ch;
|
|
2985
|
-
--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd: 0;
|
|
2986
|
-
--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart: 0;
|
|
2987
|
-
--pf-v6-c-calendar-month__days--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
2988
|
-
--pf-v6-c-calendar-month__days--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
2989
|
-
--pf-v6-c-calendar-month__day--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
2990
|
-
--pf-v6-c-calendar-month__day--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
2991
|
-
--pf-v6-c-calendar-month__day--Color: var(--pf-t--global--text--color--regular);
|
|
2992
|
-
--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: 0.125rem;
|
|
2993
|
-
--pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd: 0.125rem;
|
|
2994
|
-
--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd: 0.125rem;
|
|
2995
|
-
--pf-v6-c-calendar-month__dates-cell--PaddingInlineStart: 0.125rem;
|
|
2996
|
-
--pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
2997
|
-
--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2998
|
-
--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
2999
|
-
--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
3000
|
-
--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
3001
|
-
--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-t--global--border--color--brand--default);
|
|
3002
|
-
--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
3003
|
-
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
|
|
3004
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart: 0;
|
|
3005
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: 0;
|
|
3006
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
|
|
3007
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: 0;
|
|
3008
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
3009
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart: 50%;
|
|
3010
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd: 50%;
|
|
3011
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
3012
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
3013
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
3014
|
-
--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
3015
|
-
--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-t--global--text--color--subtle);
|
|
3016
|
-
--pf-v6-c-calendar-month__date--Width: 4ch;
|
|
3017
|
-
--pf-v6-c-calendar-month__date--Height: 4ch;
|
|
3018
|
-
--pf-v6-c-calendar-month__date--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
3019
|
-
--pf-v6-c-calendar-month__date--Color: var(--pf-t--global--text--color--regular);
|
|
3020
|
-
--pf-v6-c-calendar-month__date--BackgroundColor: transparent;
|
|
3021
|
-
--pf-v6-c-calendar-month__date--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
3022
|
-
--pf-v6-c-calendar-month__date--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
3023
|
-
--pf-v6-c-calendar-month__date--after--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
3024
|
-
--pf-v6-c-calendar-month__date--after--BorderColor: transparent;
|
|
3025
|
-
--pf-v6-c-calendar-month__date--after--OutlineOffset: 0;
|
|
3026
|
-
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
3027
|
-
--pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
3028
|
-
--pf-v6-c-calendar-month__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
3029
|
-
--pf-v6-c-calendar-month__date--focus--Color: var(--pf-t--global--icon--color--on-brand--clicked);
|
|
3030
|
-
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
3031
|
-
--pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-t--global--border--color--hover);
|
|
3032
|
-
--pf-v6-c-calendar-month__date--after--focus--OutlineOffset: -2px;
|
|
3033
|
-
}
|
|
3034
|
-
|
|
3035
|
-
.pf-v6-c-calendar-month {
|
|
3036
|
-
display: inline-flex;
|
|
3037
|
-
flex-direction: column;
|
|
3038
|
-
padding-block-start: var(--pf-v6-c-calendar-month--PaddingBlockStart);
|
|
3039
|
-
padding-block-end: var(--pf-v6-c-calendar-month--PaddingBlockEnd);
|
|
3040
|
-
padding-inline-start: var(--pf-v6-c-calendar-month--PaddingInlineStart);
|
|
3041
|
-
padding-inline-end: var(--pf-v6-c-calendar-month--PaddingInlineEnd);
|
|
3042
|
-
font-size: var(--pf-v6-c-calendar-month--FontSize);
|
|
3043
|
-
background-color: var(--pf-v6-c-calendar-month--BackgroundColor);
|
|
3044
|
-
}
|
|
3045
|
-
|
|
3046
|
-
.pf-v6-c-calendar-month__header {
|
|
3047
|
-
display: flex;
|
|
3048
|
-
gap: var(--pf-v6-c-calendar-month__header--Gap);
|
|
3049
|
-
margin-block-end: var(--pf-v6-c-calendar-month__header--MarginBlockEnd);
|
|
3050
|
-
}
|
|
3051
|
-
|
|
3052
|
-
.pf-v6-c-calendar-month__header-nav-control {
|
|
3053
|
-
margin-inline-start: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart);
|
|
3054
|
-
margin-inline-end: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd);
|
|
3055
|
-
}
|
|
3056
|
-
|
|
3057
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
|
|
3058
|
-
scale: -1 1;
|
|
3059
|
-
}
|
|
3060
|
-
|
|
3061
|
-
.pf-v6-c-calendar-month__header-month {
|
|
3062
|
-
flex-grow: 1;
|
|
3063
|
-
}
|
|
3064
|
-
|
|
3065
|
-
.pf-v6-c-calendar-month__header-month > .pf-v6-c-menu-toggle {
|
|
3066
|
-
width: 100%;
|
|
3067
|
-
}
|
|
3068
|
-
|
|
3069
|
-
.pf-v6-c-calendar-month__header-year {
|
|
3070
|
-
width: var(--pf-v6-c-calendar-month__header-year--Width);
|
|
3071
|
-
}
|
|
3072
|
-
|
|
3073
|
-
.pf-v6-c-calendar-month__calendar {
|
|
3074
|
-
table-layout: fixed;
|
|
3075
|
-
}
|
|
3076
|
-
|
|
3077
|
-
.pf-v6-c-calendar-month__days {
|
|
3078
|
-
color: var(--pf-v6-c-calendar-month__day--Color);
|
|
3079
|
-
border-block-end: var(--pf-v6-c-calendar-month__days--BorderBlockEndWidth) solid var(--pf-v6-c-calendar-month__days--BorderBlockEndColor);
|
|
3080
|
-
}
|
|
3081
|
-
|
|
3082
|
-
.pf-v6-c-calendar-month__day {
|
|
3083
|
-
padding-block-end: var(--pf-v6-c-calendar-month__day--PaddingBlockEnd);
|
|
3084
|
-
font-weight: var(--pf-v6-c-calendar-month__day--FontWeight);
|
|
3085
|
-
text-align: center;
|
|
3086
|
-
}
|
|
3087
|
-
|
|
3088
|
-
.pf-v6-c-calendar-month__dates-row:first-child {
|
|
3089
|
-
--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: var(--pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart);
|
|
3090
|
-
}
|
|
3091
|
-
|
|
3092
|
-
.pf-v6-c-calendar-month__dates-cell {
|
|
3093
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
|
|
3094
|
-
position: relative;
|
|
3095
|
-
padding-block-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
|
|
3096
|
-
padding-block-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
|
|
3097
|
-
padding-inline-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineStart);
|
|
3098
|
-
padding-inline-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd);
|
|
3099
|
-
text-align: center;
|
|
3100
|
-
}
|
|
3101
|
-
|
|
3102
|
-
.pf-v6-c-calendar-month__dates-cell::before {
|
|
3103
|
-
position: absolute;
|
|
3104
|
-
inset-block-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart);
|
|
3105
|
-
inset-block-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd);
|
|
3106
|
-
inset-inline-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart);
|
|
3107
|
-
inset-inline-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd);
|
|
3108
|
-
content: "";
|
|
3109
|
-
background-color: var(--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor);
|
|
3110
|
-
}
|
|
3111
|
-
|
|
3112
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-current {
|
|
3113
|
-
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
|
|
3114
|
-
}
|
|
3115
|
-
|
|
3116
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-in-range {
|
|
3117
|
-
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
|
|
3118
|
-
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
|
|
3119
|
-
--pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth);
|
|
3120
|
-
--pf-v6-c-calendar-month__date--hover--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor);
|
|
3121
|
-
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor);
|
|
3122
|
-
}
|
|
3123
|
-
|
|
3124
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-start-range {
|
|
3125
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart);
|
|
3126
|
-
}
|
|
3127
|
-
|
|
3128
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-end-range {
|
|
3129
|
-
--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd);
|
|
3130
|
-
}
|
|
3131
|
-
|
|
3132
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-adjacent-month {
|
|
3133
|
-
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color);
|
|
3134
|
-
}
|
|
3135
|
-
|
|
3136
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-selected {
|
|
3137
|
-
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
|
|
3138
|
-
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color);
|
|
3139
|
-
--pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
|
|
3140
|
-
--pf-v6-c-calendar-month__date--hover--BorderWidth: 0;
|
|
3141
|
-
--pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
|
|
3142
|
-
--pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
|
|
3143
|
-
--pf-v6-c-calendar-month__date--after--OutlineOffset: var(--pf-v6-c-calendar-month__date--after--focus--OutlineOffset);
|
|
3144
|
-
}
|
|
3145
|
-
|
|
3146
|
-
.pf-v6-c-calendar-month__dates-cell.pf-m-disabled {
|
|
3147
|
-
--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
|
|
3148
|
-
--pf-v6-c-calendar-month__date--BackgroundColor: transparent;
|
|
3149
|
-
}
|
|
3150
|
-
|
|
3151
|
-
.pf-v6-c-calendar-month__date {
|
|
3152
|
-
position: relative;
|
|
3153
|
-
display: inline-flex;
|
|
3154
|
-
align-items: center;
|
|
3155
|
-
justify-content: center;
|
|
3156
|
-
width: var(--pf-v6-c-calendar-month__date--Width);
|
|
3157
|
-
height: var(--pf-v6-c-calendar-month__date--Height);
|
|
3158
|
-
line-height: 1;
|
|
3159
|
-
color: var(--pf-v6-c-calendar-month__date--Color);
|
|
3160
|
-
background-color: var(--pf-v6-c-calendar-month__date--BackgroundColor);
|
|
3161
|
-
border: 0;
|
|
3162
|
-
}
|
|
3163
|
-
|
|
3164
|
-
.pf-v6-c-calendar-month__date::after {
|
|
3165
|
-
position: absolute;
|
|
3166
|
-
inset-block-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
3167
|
-
inset-block-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
3168
|
-
inset-inline-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
3169
|
-
inset-inline-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
|
|
3170
|
-
content: "";
|
|
3171
|
-
border: var(--pf-v6-c-calendar-month__date--after--BorderWidth) solid var(--pf-v6-c-calendar-month__date--after--BorderColor);
|
|
3172
|
-
}
|
|
3173
|
-
|
|
3174
|
-
.pf-v6-c-calendar-month__date, .pf-v6-c-calendar-month__date::after {
|
|
3175
|
-
border-radius: var(--pf-v6-c-calendar-month__date--BorderRadius);
|
|
3176
|
-
}
|
|
3177
|
-
|
|
3178
|
-
.pf-v6-c-calendar-month__date:hover, .pf-v6-c-calendar-month__date.pf-m-hover {
|
|
3179
|
-
--pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--hover--BackgroundColor);
|
|
3180
|
-
border: var(--pf-v6-c-calendar-month__date--hover--BorderColor) solid var(--pf-v6-c-calendar-month__date--hover--BorderWidth);
|
|
3183
|
+
:where(:root, .pf-v6-c-backdrop) {
|
|
3184
|
+
--pf-v6-c-backdrop--Position: fixed;
|
|
3185
|
+
--pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
|
|
3186
|
+
--pf-v6-c-backdrop--BackgroundColor: var(--pf-t--global--background--color--backdrop--default);
|
|
3181
3187
|
}
|
|
3182
3188
|
|
|
3183
|
-
.pf-v6-c-
|
|
3184
|
-
|
|
3185
|
-
|
|
3189
|
+
.pf-v6-c-backdrop {
|
|
3190
|
+
position: var(--pf-v6-c-backdrop--Position);
|
|
3191
|
+
inset-block-start: 0;
|
|
3192
|
+
inset-inline-start: 0;
|
|
3193
|
+
z-index: var(--pf-v6-c-backdrop--ZIndex);
|
|
3194
|
+
width: 100%;
|
|
3195
|
+
height: 100%;
|
|
3196
|
+
background-color: var(--pf-v6-c-backdrop--BackgroundColor);
|
|
3186
3197
|
}
|
|
3187
3198
|
|
|
3188
|
-
.pf-v6-c-
|
|
3189
|
-
|
|
3190
|
-
--pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__date--disabled--Color);
|
|
3191
|
-
--pf-v6-c-calendar-month__date--hover--focus--BorderColor: transparent;
|
|
3192
|
-
pointer-events: none;
|
|
3199
|
+
.pf-v6-c-backdrop__open {
|
|
3200
|
+
overflow: hidden;
|
|
3193
3201
|
}
|
|
3194
3202
|
|
|
3195
3203
|
:where(:root, .pf-v6-c-clipboard-copy) {
|
|
@@ -3354,6 +3362,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
3354
3362
|
--pf-v6-c-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
3355
3363
|
--pf-v6-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
3356
3364
|
--pf-v6-c-content--FontSize: var(--pf-t--global--font--size--body--default);
|
|
3365
|
+
--pf-v6-c-content--m-editorial--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
3357
3366
|
--pf-v6-c-content--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
3358
3367
|
--pf-v6-c-content--Color: var(--pf-t--global--text--color--regular);
|
|
3359
3368
|
--pf-v6-c-content--heading--FontFamily: var(--pf-t--global--font--family--heading);
|
|
@@ -3390,6 +3399,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
3390
3399
|
--pf-v6-c-content--small--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
3391
3400
|
--pf-v6-c-content--small--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
3392
3401
|
--pf-v6-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
3402
|
+
--pf-v6-c-content--m-editorial--small--FontSize: var(--pf-t--global--font--size--body--default);
|
|
3393
3403
|
--pf-v6-c-content--small--Color: var(--pf-t--global--text--color--subtle);
|
|
3394
3404
|
--pf-v6-c-content--a--Color: var(--pf-t--global--text--color--link--default);
|
|
3395
3405
|
--pf-v6-c-content--a--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
|
|
@@ -3418,12 +3428,17 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
3418
3428
|
--pf-v6-c-content--hr--BackgroundColor: var(--pf-t--global--border--color--default);
|
|
3419
3429
|
}
|
|
3420
3430
|
|
|
3421
|
-
|
|
3431
|
+
[class*=pf-v6-c-content] {
|
|
3422
3432
|
font-size: var(--pf-v6-c-content--FontSize);
|
|
3423
3433
|
line-height: var(--pf-v6-c-content--LineHeight);
|
|
3424
3434
|
color: var(--pf-v6-c-content--Color);
|
|
3425
3435
|
}
|
|
3426
3436
|
|
|
3437
|
+
[class*=pf-v6-c-content].pf-m-editorial {
|
|
3438
|
+
--pf-v6-c-content--FontSize: var(--pf-v6-c-content--m-editorial--FontSize);
|
|
3439
|
+
--pf-v6-c-content--small--FontSize: var(--pf-v6-c-content--m-editorial--small--FontSize);
|
|
3440
|
+
}
|
|
3441
|
+
|
|
3427
3442
|
:is(.pf-v6-c-content--a, .pf-v6-c-content a) {
|
|
3428
3443
|
color: var(--pf-v6-c-content--a--Color);
|
|
3429
3444
|
text-decoration: var(--pf-v6-c-content--a--TextDecorationLine) var(--pf-v6-c-content--a--TextDecorationStyle);
|
|
@@ -4472,6 +4487,67 @@ ul) {
|
|
|
4472
4487
|
padding: 0;
|
|
4473
4488
|
}
|
|
4474
4489
|
|
|
4490
|
+
:where(:root, .pf-v6-c-date-picker) {
|
|
4491
|
+
--pf-v6-c-date-picker--m-top__calendar--InsetBlockStart: 0;
|
|
4492
|
+
--pf-v6-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-t--global--spacer--xs));
|
|
4493
|
+
--pf-v6-c-date-picker__helper-text--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
4494
|
+
--pf-v6-c-date-picker__input--c-form-control--Width: calc(var(--pf-v6-c-date-picker__input--c-form-control--width-chars) * 1ch + var(--pf-v6-c-date-picker__input--c-form-control--width-base));
|
|
4495
|
+
--pf-v6-c-date-picker__input--c-form-control--width-base: calc(var(--pf-t--global--spacer--xl) + var(--pf-t--global--spacer--sm));
|
|
4496
|
+
--pf-v6-c-date-picker__input--c-form-control--width-chars: 11;
|
|
4497
|
+
--pf-v6-c-date-picker__calendar--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
4498
|
+
--pf-v6-c-date-picker__calendar--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
4499
|
+
--pf-v6-c-date-picker__calendar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
4500
|
+
--pf-v6-c-date-picker__calendar--InsetBlockStart: calc(100% + var(--pf-t--global--spacer--xs));
|
|
4501
|
+
--pf-v6-c-date-picker__calendar--InsetInlineEnd: auto;
|
|
4502
|
+
--pf-v6-c-date-picker__calendar--InsetInlineStart: 0;
|
|
4503
|
+
--pf-v6-c-date-picker__calendar--m-align-right--InsetInlineEnd: 0;
|
|
4504
|
+
--pf-v6-c-date-picker__calendar--m-align-right--InsetInlineStart: auto;
|
|
4505
|
+
}
|
|
4506
|
+
|
|
4507
|
+
.pf-v6-c-date-picker {
|
|
4508
|
+
position: relative;
|
|
4509
|
+
display: inline-block;
|
|
4510
|
+
}
|
|
4511
|
+
|
|
4512
|
+
.pf-v6-c-date-picker__helper-text {
|
|
4513
|
+
margin-block-start: var(--pf-v6-c-date-picker__helper-text--MarginBlockStart);
|
|
4514
|
+
}
|
|
4515
|
+
|
|
4516
|
+
.pf-v6-c-date-picker__input .pf-v6-c-form-control {
|
|
4517
|
+
width: var(--pf-v6-c-date-picker__input--c-form-control--Width);
|
|
4518
|
+
}
|
|
4519
|
+
|
|
4520
|
+
.pf-v6-c-date-picker__calendar {
|
|
4521
|
+
position: absolute;
|
|
4522
|
+
inset-block-start: var(--pf-v6-c-date-picker__calendar--InsetBlockStart);
|
|
4523
|
+
inset-inline-start: var(--pf-v6-c-date-picker__calendar--InsetInlineStart);
|
|
4524
|
+
inset-inline-end: var(--pf-v6-c-date-picker__calendar--InsetInlineEnd);
|
|
4525
|
+
z-index: var(--pf-v6-c-date-picker__calendar--ZIndex);
|
|
4526
|
+
background-color: var(--pf-v6-c-date-picker__calendar--BackgroundColor);
|
|
4527
|
+
box-shadow: var(--pf-v6-c-date-picker__calendar--BoxShadow);
|
|
4528
|
+
}
|
|
4529
|
+
|
|
4530
|
+
.pf-v6-c-date-picker__calendar.pf-m-align-right {
|
|
4531
|
+
--pf-v6-c-date-picker__calendar--InsetInlineEnd: var(--pf-v6-c-date-picker__calendar--m-align-right--InsetInlineEnd);
|
|
4532
|
+
--pf-v6-c-date-picker__calendar--InsetInlineStart: var(--pf-v6-c-date-picker__calendar--m-align-right--InsetInlineStart);
|
|
4533
|
+
}
|
|
4534
|
+
|
|
4535
|
+
.pf-v6-c-date-picker.pf-m-top .pf-v6-c-date-picker__calendar {
|
|
4536
|
+
--pf-v6-c-date-picker__calendar--InsetBlockStart: var(--pf-v6-c-date-picker--m-top__calendar--InsetBlockStart);
|
|
4537
|
+
transform: translateY(var(--pf-v6-c-date-picker--m-top__calendar--TranslateY));
|
|
4538
|
+
}
|
|
4539
|
+
|
|
4540
|
+
.pf-v6-c-date-picker__calendar.pf-m-static {
|
|
4541
|
+
--pf-v6-c-date-picker--m-top__calendar--TranslateY: 0;
|
|
4542
|
+
position: static;
|
|
4543
|
+
inset-block-start: auto;
|
|
4544
|
+
inset-block-end: auto;
|
|
4545
|
+
inset-inline-start: auto;
|
|
4546
|
+
inset-inline-end: auto;
|
|
4547
|
+
z-index: auto;
|
|
4548
|
+
min-width: min-content;
|
|
4549
|
+
}
|
|
4550
|
+
|
|
4475
4551
|
:where(:root, .pf-v6-c-description-list) {
|
|
4476
4552
|
--pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--lg);
|
|
4477
4553
|
--pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--lg);
|
|
@@ -4809,67 +4885,6 @@ ul) {
|
|
|
4809
4885
|
--pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
|
|
4810
4886
|
}
|
|
4811
4887
|
}
|
|
4812
|
-
:where(:root, .pf-v6-c-date-picker) {
|
|
4813
|
-
--pf-v6-c-date-picker--m-top__calendar--InsetBlockStart: 0;
|
|
4814
|
-
--pf-v6-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-t--global--spacer--xs));
|
|
4815
|
-
--pf-v6-c-date-picker__helper-text--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
4816
|
-
--pf-v6-c-date-picker__input--c-form-control--Width: calc(var(--pf-v6-c-date-picker__input--c-form-control--width-chars) * 1ch + var(--pf-v6-c-date-picker__input--c-form-control--width-base));
|
|
4817
|
-
--pf-v6-c-date-picker__input--c-form-control--width-base: calc(var(--pf-t--global--spacer--xl) + var(--pf-t--global--spacer--sm));
|
|
4818
|
-
--pf-v6-c-date-picker__input--c-form-control--width-chars: 11;
|
|
4819
|
-
--pf-v6-c-date-picker__calendar--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
4820
|
-
--pf-v6-c-date-picker__calendar--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
4821
|
-
--pf-v6-c-date-picker__calendar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
4822
|
-
--pf-v6-c-date-picker__calendar--InsetBlockStart: calc(100% + var(--pf-t--global--spacer--xs));
|
|
4823
|
-
--pf-v6-c-date-picker__calendar--InsetInlineEnd: auto;
|
|
4824
|
-
--pf-v6-c-date-picker__calendar--InsetInlineStart: 0;
|
|
4825
|
-
--pf-v6-c-date-picker__calendar--m-align-right--InsetInlineEnd: 0;
|
|
4826
|
-
--pf-v6-c-date-picker__calendar--m-align-right--InsetInlineStart: auto;
|
|
4827
|
-
}
|
|
4828
|
-
|
|
4829
|
-
.pf-v6-c-date-picker {
|
|
4830
|
-
position: relative;
|
|
4831
|
-
display: inline-block;
|
|
4832
|
-
}
|
|
4833
|
-
|
|
4834
|
-
.pf-v6-c-date-picker__helper-text {
|
|
4835
|
-
margin-block-start: var(--pf-v6-c-date-picker__helper-text--MarginBlockStart);
|
|
4836
|
-
}
|
|
4837
|
-
|
|
4838
|
-
.pf-v6-c-date-picker__input .pf-v6-c-form-control {
|
|
4839
|
-
width: var(--pf-v6-c-date-picker__input--c-form-control--Width);
|
|
4840
|
-
}
|
|
4841
|
-
|
|
4842
|
-
.pf-v6-c-date-picker__calendar {
|
|
4843
|
-
position: absolute;
|
|
4844
|
-
inset-block-start: var(--pf-v6-c-date-picker__calendar--InsetBlockStart);
|
|
4845
|
-
inset-inline-start: var(--pf-v6-c-date-picker__calendar--InsetInlineStart);
|
|
4846
|
-
inset-inline-end: var(--pf-v6-c-date-picker__calendar--InsetInlineEnd);
|
|
4847
|
-
z-index: var(--pf-v6-c-date-picker__calendar--ZIndex);
|
|
4848
|
-
background-color: var(--pf-v6-c-date-picker__calendar--BackgroundColor);
|
|
4849
|
-
box-shadow: var(--pf-v6-c-date-picker__calendar--BoxShadow);
|
|
4850
|
-
}
|
|
4851
|
-
|
|
4852
|
-
.pf-v6-c-date-picker__calendar.pf-m-align-right {
|
|
4853
|
-
--pf-v6-c-date-picker__calendar--InsetInlineEnd: var(--pf-v6-c-date-picker__calendar--m-align-right--InsetInlineEnd);
|
|
4854
|
-
--pf-v6-c-date-picker__calendar--InsetInlineStart: var(--pf-v6-c-date-picker__calendar--m-align-right--InsetInlineStart);
|
|
4855
|
-
}
|
|
4856
|
-
|
|
4857
|
-
.pf-v6-c-date-picker.pf-m-top .pf-v6-c-date-picker__calendar {
|
|
4858
|
-
--pf-v6-c-date-picker__calendar--InsetBlockStart: var(--pf-v6-c-date-picker--m-top__calendar--InsetBlockStart);
|
|
4859
|
-
transform: translateY(var(--pf-v6-c-date-picker--m-top__calendar--TranslateY));
|
|
4860
|
-
}
|
|
4861
|
-
|
|
4862
|
-
.pf-v6-c-date-picker__calendar.pf-m-static {
|
|
4863
|
-
--pf-v6-c-date-picker--m-top__calendar--TranslateY: 0;
|
|
4864
|
-
position: static;
|
|
4865
|
-
inset-block-start: auto;
|
|
4866
|
-
inset-block-end: auto;
|
|
4867
|
-
inset-inline-start: auto;
|
|
4868
|
-
inset-inline-end: auto;
|
|
4869
|
-
z-index: auto;
|
|
4870
|
-
min-width: min-content;
|
|
4871
|
-
}
|
|
4872
|
-
|
|
4873
4888
|
:where(:root, .pf-v6-c-drawer) {
|
|
4874
4889
|
--pf-v6-c-drawer__section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
4875
4890
|
--pf-v6-c-drawer__section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
@@ -6232,6 +6247,66 @@ ul) {
|
|
|
6232
6247
|
justify-content: center;
|
|
6233
6248
|
}
|
|
6234
6249
|
|
|
6250
|
+
:where(:root, .pf-v6-c-file-upload) {
|
|
6251
|
+
--pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--sm);
|
|
6252
|
+
--pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
6253
|
+
--pf-v6-c-file-upload--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
6254
|
+
--pf-v6-c-file-upload--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
6255
|
+
--pf-v6-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
6256
|
+
--pf-v6-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
6257
|
+
--pf-v6-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
6258
|
+
--pf-v6-c-file-upload--BorderColor: transparent;
|
|
6259
|
+
--pf-v6-c-file-upload--BorderStyle: solid;
|
|
6260
|
+
--pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--icon--color--brand--default);
|
|
6261
|
+
--pf-v6-c-file-upload--m-drag-hover--BorderStyle: dashed;
|
|
6262
|
+
--pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
6263
|
+
--pf-v6-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
|
|
6264
|
+
}
|
|
6265
|
+
|
|
6266
|
+
.pf-v6-c-file-upload {
|
|
6267
|
+
position: relative;
|
|
6268
|
+
display: flex;
|
|
6269
|
+
flex-direction: column;
|
|
6270
|
+
row-gap: var(--pf-v6-c-file-upload--RowGap);
|
|
6271
|
+
padding-block-start: var(--pf-v6-c-file-upload--PaddingBlockStart);
|
|
6272
|
+
padding-block-end: var(--pf-v6-c-file-upload--PaddingBlockEnd);
|
|
6273
|
+
padding-inline-start: var(--pf-v6-c-file-upload--PaddingInlineStart);
|
|
6274
|
+
padding-inline-end: var(--pf-v6-c-file-upload--PaddingInlineEnd);
|
|
6275
|
+
border: var(--pf-v6-c-file-upload--BorderWidth) var(--pf-v6-c-file-upload--BorderStyle) var(--pf-v6-c-file-upload--BorderColor);
|
|
6276
|
+
border-radius: var(--pf-v6-c-file-upload--BorderRadius);
|
|
6277
|
+
}
|
|
6278
|
+
|
|
6279
|
+
.pf-v6-c-file-upload.pf-m-drag-hover {
|
|
6280
|
+
--pf-v6-c-file-upload--BorderColor: var(--pf-v6-c-file-upload--m-drag-hover--BorderColor);
|
|
6281
|
+
--pf-v6-c-file-upload--BorderStyle: var(--pf-v6-c-file-upload--m-drag-hover--BorderStyle);
|
|
6282
|
+
}
|
|
6283
|
+
|
|
6284
|
+
.pf-v6-c-file-upload.pf-m-loading .pf-v6-c-file-upload__file-details {
|
|
6285
|
+
position: relative;
|
|
6286
|
+
}
|
|
6287
|
+
|
|
6288
|
+
.pf-v6-c-file-upload__file-select .pf-v6-c-button.pf-m-control {
|
|
6289
|
+
outline-offset: var(--pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset);
|
|
6290
|
+
}
|
|
6291
|
+
|
|
6292
|
+
.pf-v6-c-file-upload__file-details {
|
|
6293
|
+
position: relative;
|
|
6294
|
+
display: flex;
|
|
6295
|
+
}
|
|
6296
|
+
|
|
6297
|
+
.pf-v6-c-file-upload__file-details .pf-v6-c-form-control {
|
|
6298
|
+
flex: 1 1 auto;
|
|
6299
|
+
min-height: var(--pf-v6-c-file-upload__file-details__c-form-control--MinHeight);
|
|
6300
|
+
border-block-start: 0;
|
|
6301
|
+
}
|
|
6302
|
+
|
|
6303
|
+
.pf-v6-c-file-upload__file-details-spinner {
|
|
6304
|
+
position: absolute;
|
|
6305
|
+
inset-block-start: 50%;
|
|
6306
|
+
inset-inline-start: 50%;
|
|
6307
|
+
transform: translate(-50%, -50%);
|
|
6308
|
+
}
|
|
6309
|
+
|
|
6235
6310
|
:where(:root, .pf-v6-c-expandable-section) {
|
|
6236
6311
|
--pf-v6-c-expandable-section__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
6237
6312
|
--pf-v6-c-expandable-section__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -6360,84 +6435,24 @@ ul) {
|
|
|
6360
6435
|
transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
|
|
6361
6436
|
}
|
|
6362
6437
|
|
|
6363
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
|
|
6364
|
-
scale: -1 1;
|
|
6365
|
-
}
|
|
6366
|
-
|
|
6367
|
-
.pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
|
|
6368
|
-
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
|
6369
|
-
}
|
|
6370
|
-
|
|
6371
|
-
.pf-v6-c-expandable-section__toggle-text {
|
|
6372
|
-
color: var(--pf-v6-c-expandable-section__toggle-text--Color);
|
|
6373
|
-
}
|
|
6374
|
-
|
|
6375
|
-
.pf-v6-c-expandable-section__content {
|
|
6376
|
-
max-width: var(--pf-v6-c-expandable-section__content--MaxWidth);
|
|
6377
|
-
padding-block-start: var(--pf-v6-c-expandable-section__content--PaddingBlockStart);
|
|
6378
|
-
padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd);
|
|
6379
|
-
padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart);
|
|
6380
|
-
padding-inline-end: var(--pf-v6-c-expandable-section__content--PaddingInlineEnd);
|
|
6381
|
-
}
|
|
6382
|
-
|
|
6383
|
-
:where(:root, .pf-v6-c-file-upload) {
|
|
6384
|
-
--pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--sm);
|
|
6385
|
-
--pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
6386
|
-
--pf-v6-c-file-upload--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
6387
|
-
--pf-v6-c-file-upload--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
6388
|
-
--pf-v6-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
6389
|
-
--pf-v6-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
6390
|
-
--pf-v6-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
6391
|
-
--pf-v6-c-file-upload--BorderColor: transparent;
|
|
6392
|
-
--pf-v6-c-file-upload--BorderStyle: solid;
|
|
6393
|
-
--pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--icon--color--brand--default);
|
|
6394
|
-
--pf-v6-c-file-upload--m-drag-hover--BorderStyle: dashed;
|
|
6395
|
-
--pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
6396
|
-
--pf-v6-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
|
|
6397
|
-
}
|
|
6398
|
-
|
|
6399
|
-
.pf-v6-c-file-upload {
|
|
6400
|
-
position: relative;
|
|
6401
|
-
display: flex;
|
|
6402
|
-
flex-direction: column;
|
|
6403
|
-
row-gap: var(--pf-v6-c-file-upload--RowGap);
|
|
6404
|
-
padding-block-start: var(--pf-v6-c-file-upload--PaddingBlockStart);
|
|
6405
|
-
padding-block-end: var(--pf-v6-c-file-upload--PaddingBlockEnd);
|
|
6406
|
-
padding-inline-start: var(--pf-v6-c-file-upload--PaddingInlineStart);
|
|
6407
|
-
padding-inline-end: var(--pf-v6-c-file-upload--PaddingInlineEnd);
|
|
6408
|
-
border: var(--pf-v6-c-file-upload--BorderWidth) var(--pf-v6-c-file-upload--BorderStyle) var(--pf-v6-c-file-upload--BorderColor);
|
|
6409
|
-
border-radius: var(--pf-v6-c-file-upload--BorderRadius);
|
|
6410
|
-
}
|
|
6411
|
-
|
|
6412
|
-
.pf-v6-c-file-upload.pf-m-drag-hover {
|
|
6413
|
-
--pf-v6-c-file-upload--BorderColor: var(--pf-v6-c-file-upload--m-drag-hover--BorderColor);
|
|
6414
|
-
--pf-v6-c-file-upload--BorderStyle: var(--pf-v6-c-file-upload--m-drag-hover--BorderStyle);
|
|
6415
|
-
}
|
|
6416
|
-
|
|
6417
|
-
.pf-v6-c-file-upload.pf-m-loading .pf-v6-c-file-upload__file-details {
|
|
6418
|
-
position: relative;
|
|
6419
|
-
}
|
|
6420
|
-
|
|
6421
|
-
.pf-v6-c-file-upload__file-select .pf-v6-c-button.pf-m-control {
|
|
6422
|
-
outline-offset: var(--pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset);
|
|
6438
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
|
|
6439
|
+
scale: -1 1;
|
|
6423
6440
|
}
|
|
6424
6441
|
|
|
6425
|
-
.pf-v6-c-
|
|
6426
|
-
|
|
6427
|
-
display: flex;
|
|
6442
|
+
.pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
|
|
6443
|
+
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
|
6428
6444
|
}
|
|
6429
6445
|
|
|
6430
|
-
.pf-v6-c-
|
|
6431
|
-
|
|
6432
|
-
min-height: var(--pf-v6-c-file-upload__file-details__c-form-control--MinHeight);
|
|
6433
|
-
border-block-start: 0;
|
|
6446
|
+
.pf-v6-c-expandable-section__toggle-text {
|
|
6447
|
+
color: var(--pf-v6-c-expandable-section__toggle-text--Color);
|
|
6434
6448
|
}
|
|
6435
6449
|
|
|
6436
|
-
.pf-v6-c-
|
|
6437
|
-
|
|
6438
|
-
|
|
6439
|
-
|
|
6440
|
-
|
|
6450
|
+
.pf-v6-c-expandable-section__content {
|
|
6451
|
+
max-width: var(--pf-v6-c-expandable-section__content--MaxWidth);
|
|
6452
|
+
padding-block-start: var(--pf-v6-c-expandable-section__content--PaddingBlockStart);
|
|
6453
|
+
padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd);
|
|
6454
|
+
padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart);
|
|
6455
|
+
padding-inline-end: var(--pf-v6-c-expandable-section__content--PaddingInlineEnd);
|
|
6441
6456
|
}
|
|
6442
6457
|
|
|
6443
6458
|
:where(:root, .pf-v6-c-form) {
|
|
@@ -6548,8 +6563,8 @@ ul) {
|
|
|
6548
6563
|
transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
|
|
6549
6564
|
}
|
|
6550
6565
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label.pf-m-info {
|
|
6566
|
+
--pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
|
|
6551
6567
|
flex-direction: column;
|
|
6552
|
-
gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
|
|
6553
6568
|
align-items: flex-start;
|
|
6554
6569
|
}
|
|
6555
6570
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label-main {
|
|
@@ -6576,8 +6591,8 @@ ul) {
|
|
|
6576
6591
|
transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
|
|
6577
6592
|
}
|
|
6578
6593
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label.pf-m-info {
|
|
6594
|
+
--pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
|
|
6579
6595
|
flex-direction: column;
|
|
6580
|
-
gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
|
|
6581
6596
|
align-items: flex-start;
|
|
6582
6597
|
}
|
|
6583
6598
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label-main {
|
|
@@ -6604,8 +6619,8 @@ ul) {
|
|
|
6604
6619
|
transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
|
|
6605
6620
|
}
|
|
6606
6621
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label.pf-m-info {
|
|
6622
|
+
--pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
|
|
6607
6623
|
flex-direction: column;
|
|
6608
|
-
gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
|
|
6609
6624
|
align-items: flex-start;
|
|
6610
6625
|
}
|
|
6611
6626
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label-main {
|
|
@@ -6632,8 +6647,8 @@ ul) {
|
|
|
6632
6647
|
transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
|
|
6633
6648
|
}
|
|
6634
6649
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label.pf-m-info {
|
|
6650
|
+
--pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
|
|
6635
6651
|
flex-direction: column;
|
|
6636
|
-
gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
|
|
6637
6652
|
align-items: flex-start;
|
|
6638
6653
|
}
|
|
6639
6654
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label-main {
|
|
@@ -6660,8 +6675,8 @@ ul) {
|
|
|
6660
6675
|
transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
|
|
6661
6676
|
}
|
|
6662
6677
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label.pf-m-info {
|
|
6678
|
+
--pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
|
|
6663
6679
|
flex-direction: column;
|
|
6664
|
-
gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
|
|
6665
6680
|
align-items: flex-start;
|
|
6666
6681
|
}
|
|
6667
6682
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label-main {
|
|
@@ -6688,8 +6703,8 @@ ul) {
|
|
|
6688
6703
|
transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
|
|
6689
6704
|
}
|
|
6690
6705
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label.pf-m-info {
|
|
6706
|
+
--pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
|
|
6691
6707
|
flex-direction: column;
|
|
6692
|
-
gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
|
|
6693
6708
|
align-items: flex-start;
|
|
6694
6709
|
}
|
|
6695
6710
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label-main {
|
|
@@ -6716,8 +6731,8 @@ ul) {
|
|
|
6716
6731
|
transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
|
|
6717
6732
|
}
|
|
6718
6733
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label.pf-m-info {
|
|
6734
|
+
--pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
|
|
6719
6735
|
flex-direction: column;
|
|
6720
|
-
gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
|
|
6721
6736
|
align-items: flex-start;
|
|
6722
6737
|
}
|
|
6723
6738
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label-main {
|
|
@@ -6764,6 +6779,7 @@ ul) {
|
|
|
6764
6779
|
|
|
6765
6780
|
.pf-v6-c-form__group-label.pf-m-info {
|
|
6766
6781
|
display: flex;
|
|
6782
|
+
gap: var(--pf-v6-c-form__group-label--m-info--Gap);
|
|
6767
6783
|
align-items: flex-end;
|
|
6768
6784
|
}
|
|
6769
6785
|
|
|
@@ -6772,7 +6788,6 @@ ul) {
|
|
|
6772
6788
|
}
|
|
6773
6789
|
|
|
6774
6790
|
.pf-v6-c-form__group-label-info {
|
|
6775
|
-
margin-inline-start: var(--pf-v6-c-form__group-label-info--MarginInlineStart);
|
|
6776
6791
|
font-size: var(--pf-v6-c-form__group-label-info--FontSize);
|
|
6777
6792
|
}
|
|
6778
6793
|
|
|
@@ -6986,84 +7001,6 @@ ul) {
|
|
|
6986
7001
|
margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
|
|
6987
7002
|
}
|
|
6988
7003
|
|
|
6989
|
-
:where(:root, .pf-v6-c-helper-text) {
|
|
6990
|
-
--pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
|
|
6991
|
-
--pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
6992
|
-
--pf-v6-c-helper-text__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
6993
|
-
--pf-v6-c-helper-text__item-text--Color: var(--pf-t--global--text--color--regular);
|
|
6994
|
-
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
6995
|
-
--pf-v6-c-helper-text__item-icon--m-indeterminate--Color: var(--pf-t--global--icon--color--subtle);
|
|
6996
|
-
--pf-v6-c-helper-text__item-text--m-indeterminate--Color: var(--pf-t--global--text--color--subtle);
|
|
6997
|
-
--pf-v6-c-helper-text__item-icon--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
6998
|
-
--pf-v6-c-helper-text__item-text--m-warning--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
6999
|
-
--pf-v6-c-helper-text__item-icon--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
7000
|
-
--pf-v6-c-helper-text__item-text--m-success--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
7001
|
-
--pf-v6-c-helper-text__item-icon--m-error--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
7002
|
-
--pf-v6-c-helper-text__item-text--m-error--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
7003
|
-
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
7004
|
-
--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
7005
|
-
--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-t--global--text--color--subtle);
|
|
7006
|
-
--pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
7007
|
-
--pf-v6-c-helper-text--m-dynamic--m-warning__item-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
7008
|
-
--pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
7009
|
-
--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
7010
|
-
--pf-v6-c-helper-text__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--xs);
|
|
7011
|
-
}
|
|
7012
|
-
|
|
7013
|
-
.pf-v6-c-helper-text {
|
|
7014
|
-
display: grid;
|
|
7015
|
-
gap: var(--pf-v6-c-helper-text--Gap);
|
|
7016
|
-
font-size: var(--pf-v6-c-helper-text--FontSize);
|
|
7017
|
-
}
|
|
7018
|
-
|
|
7019
|
-
.pf-v6-c-helper-text.pf-m-hidden {
|
|
7020
|
-
visibility: hidden;
|
|
7021
|
-
opacity: 0;
|
|
7022
|
-
}
|
|
7023
|
-
|
|
7024
|
-
.pf-v6-c-helper-text__item {
|
|
7025
|
-
display: flex;
|
|
7026
|
-
font-weight: var(--pf-v6-c-helper-text__item-text--FontWeight);
|
|
7027
|
-
}
|
|
7028
|
-
|
|
7029
|
-
.pf-v6-c-helper-text__item.pf-m-indeterminate {
|
|
7030
|
-
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-indeterminate--Color);
|
|
7031
|
-
--pf-v6-c-helper-text__item-text--Color: var(--pf-v6-c-helper-text__item-text--m-indeterminate--Color);
|
|
7032
|
-
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color);
|
|
7033
|
-
--pf-v6-c-helper-text--m-dynamic__item-text--Color: var(--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color);
|
|
7034
|
-
}
|
|
7035
|
-
|
|
7036
|
-
.pf-v6-c-helper-text__item.pf-m-warning {
|
|
7037
|
-
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-warning--FontWeight);
|
|
7038
|
-
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-warning--Color);
|
|
7039
|
-
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color);
|
|
7040
|
-
}
|
|
7041
|
-
|
|
7042
|
-
.pf-v6-c-helper-text__item.pf-m-success {
|
|
7043
|
-
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-success--FontWeight);
|
|
7044
|
-
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-success--Color);
|
|
7045
|
-
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color);
|
|
7046
|
-
}
|
|
7047
|
-
|
|
7048
|
-
.pf-v6-c-helper-text__item.pf-m-error {
|
|
7049
|
-
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-error--FontWeight);
|
|
7050
|
-
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-error--Color);
|
|
7051
|
-
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color);
|
|
7052
|
-
}
|
|
7053
|
-
|
|
7054
|
-
.pf-v6-c-helper-text__item.pf-m-dynamic {
|
|
7055
|
-
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic__item-icon--Color);
|
|
7056
|
-
}
|
|
7057
|
-
|
|
7058
|
-
.pf-v6-c-helper-text__item-icon {
|
|
7059
|
-
margin-inline-end: var(--pf-v6-c-helper-text__item-icon--MarginInlineEnd);
|
|
7060
|
-
color: var(--pf-v6-c-helper-text__item-icon--Color);
|
|
7061
|
-
}
|
|
7062
|
-
|
|
7063
|
-
.pf-v6-c-helper-text__item-text {
|
|
7064
|
-
color: var(--pf-v6-c-helper-text__item-text--Color);
|
|
7065
|
-
}
|
|
7066
|
-
|
|
7067
7004
|
:where(:root, .pf-v6-c-form-control) {
|
|
7068
7005
|
--pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
7069
7006
|
--pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
|
|
@@ -7087,8 +7024,9 @@ ul) {
|
|
|
7087
7024
|
--pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
|
|
7088
7025
|
--pf-v6-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
|
|
7089
7026
|
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
|
|
7090
|
-
--pf-v6-c-form-control--
|
|
7091
|
-
--pf-v6-c-form-control--
|
|
7027
|
+
--pf-v6-c-form-control--m-success--hover--after--BorderColor: var(--pf-t--global--border--color--status--success--hover);
|
|
7028
|
+
--pf-v6-c-form-control--m-warning--hover--after--BorderColor: var(--pf-t--global--border--color--status--warning--hover);
|
|
7029
|
+
--pf-v6-c-form-control--m-error--hover--after--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
|
|
7092
7030
|
--pf-v6-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
|
|
7093
7031
|
--pf-v6-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
7094
7032
|
--pf-v6-c-form-control--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
|
|
@@ -7099,8 +7037,6 @@ ul) {
|
|
|
7099
7037
|
--pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
7100
7038
|
--pf-v6-c-form-control--m-readonly--BorderColor: transparent;
|
|
7101
7039
|
--pf-v6-c-form-control--m-readonly--hover--after--BorderColor: revert;
|
|
7102
|
-
--pf-v6-c-form-control--m-readonly--focus--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
|
|
7103
|
-
--pf-v6-c-form-control--m-readonly--focus--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
7104
7040
|
--pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
|
|
7105
7041
|
--pf-v6-c-form-control--m-readonly--m-plain--inset--base: 0;
|
|
7106
7042
|
--pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
|
|
@@ -7211,8 +7147,6 @@ ul) {
|
|
|
7211
7147
|
|
|
7212
7148
|
.pf-v6-c-form-control.pf-m-readonly:not(.pf-m-success, .pf-m-warning, .pf-m-error) {
|
|
7213
7149
|
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--hover--after--BorderColor);
|
|
7214
|
-
--pf-v6-c-form-control--focus--after--BorderWidth: var(--pf-v6-c-form-control--m-readonly--focus--after--BorderWidth);
|
|
7215
|
-
--pf-v6-c-form-control--focus--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--focus--after--BorderColor);
|
|
7216
7150
|
}
|
|
7217
7151
|
|
|
7218
7152
|
.pf-v6-c-form-control.pf-m-readonly.pf-m-plain {
|
|
@@ -7223,11 +7157,6 @@ ul) {
|
|
|
7223
7157
|
--pf-v6-c-form-control--OutlineOffset: var(--pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset);
|
|
7224
7158
|
}
|
|
7225
7159
|
|
|
7226
|
-
.pf-v6-c-form-control:hover {
|
|
7227
|
-
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--hover--after--BorderColor);
|
|
7228
|
-
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--hover--after--BorderWidth);
|
|
7229
|
-
}
|
|
7230
|
-
|
|
7231
7160
|
.pf-v6-c-form-control.pf-m-expanded {
|
|
7232
7161
|
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-expanded--after--BorderColor);
|
|
7233
7162
|
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-expanded--after--BorderWidth);
|
|
@@ -7246,6 +7175,7 @@ ul) {
|
|
|
7246
7175
|
.pf-v6-c-form-control.pf-m-error {
|
|
7247
7176
|
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd);
|
|
7248
7177
|
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-error--after--BorderColor);
|
|
7178
|
+
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-error--hover--after--BorderColor);
|
|
7249
7179
|
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
|
|
7250
7180
|
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd);
|
|
7251
7181
|
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
|
|
@@ -7258,6 +7188,7 @@ ul) {
|
|
|
7258
7188
|
.pf-v6-c-form-control.pf-m-success {
|
|
7259
7189
|
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd);
|
|
7260
7190
|
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-success--after--BorderColor);
|
|
7191
|
+
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-success--hover--after--BorderColor);
|
|
7261
7192
|
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-success__icon--m-status--Color);
|
|
7262
7193
|
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd);
|
|
7263
7194
|
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-success--after--BorderWidth);
|
|
@@ -7270,6 +7201,7 @@ ul) {
|
|
|
7270
7201
|
.pf-v6-c-form-control.pf-m-warning {
|
|
7271
7202
|
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd);
|
|
7272
7203
|
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-warning--after--BorderColor);
|
|
7204
|
+
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-warning--hover--after--BorderColor);
|
|
7273
7205
|
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-warning__icon--m-status--Color);
|
|
7274
7206
|
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd);
|
|
7275
7207
|
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-warning--after--BorderWidth);
|
|
@@ -7279,6 +7211,11 @@ ul) {
|
|
|
7279
7211
|
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
|
|
7280
7212
|
}
|
|
7281
7213
|
|
|
7214
|
+
.pf-v6-c-form-control:hover {
|
|
7215
|
+
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--hover--after--BorderColor);
|
|
7216
|
+
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--hover--after--BorderWidth);
|
|
7217
|
+
}
|
|
7218
|
+
|
|
7282
7219
|
.pf-v6-c-form-control.pf-m-icon {
|
|
7283
7220
|
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--PaddingInlineEnd);
|
|
7284
7221
|
}
|
|
@@ -7355,347 +7292,168 @@ ul) {
|
|
|
7355
7292
|
gap: var(--pf-v6-c-form-control__utilities--Gap);
|
|
7356
7293
|
padding-block-start: var(--pf-v6-c-form-control__utilities--PaddingBlockStart);
|
|
7357
7294
|
padding-inline-end: var(--pf-v6-c-form-control__utilities--PaddingInlineEnd);
|
|
7358
|
-
pointer-events: none;
|
|
7359
|
-
}
|
|
7360
|
-
|
|
7361
|
-
select ~ .pf-v6-c-form-control__utilities {
|
|
7362
|
-
--pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
|
|
7363
|
-
}
|
|
7364
|
-
|
|
7365
|
-
:where(:root, .pf-v6-c-hint) {
|
|
7366
|
-
--pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
|
|
7367
|
-
--pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
7368
|
-
--pf-v6-c-hint--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
7369
|
-
--pf-v6-c-hint--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
7370
|
-
--pf-v6-c-hint--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
7371
|
-
--pf-v6-c-hint--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
7372
|
-
--pf-v6-c-hint--BorderColor: var(--pf-t--global--border--color--status--info--default);
|
|
7373
|
-
--pf-v6-c-hint--BorderWidth: var(--pf-t--global--border--width--box--status--default);
|
|
7374
|
-
--pf-v6-c-hint--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
7375
|
-
--pf-v6-c-hint--Color: var(--pf-t--global--text--color--regular);
|
|
7376
|
-
--pf-v6-c-hint__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
7377
|
-
--pf-v6-c-hint__body--FontSize: var(--pf-t--global--font--size--body--default);
|
|
7378
|
-
--pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
7379
|
-
--pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
7380
|
-
--pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
|
|
7381
|
-
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
7382
|
-
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
7383
|
-
}
|
|
7384
|
-
|
|
7385
|
-
.pf-v6-c-hint {
|
|
7386
|
-
display: grid;
|
|
7387
|
-
grid-template-columns: 1fr auto;
|
|
7388
|
-
grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
|
|
7389
|
-
padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
|
|
7390
|
-
padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
|
|
7391
|
-
padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
|
|
7392
|
-
padding-inline-end: var(--pf-v6-c-hint--PaddingInlineEnd);
|
|
7393
|
-
color: var(--pf-v6-c-hint--Color);
|
|
7394
|
-
background-color: var(--pf-v6-c-hint--BackgroundColor);
|
|
7395
|
-
border: var(--pf-v6-c-hint--BorderWidth) solid var(--pf-v6-c-hint--BorderColor);
|
|
7396
|
-
border-radius: var(--pf-v6-c-hint--BorderRadius);
|
|
7397
|
-
}
|
|
7398
|
-
|
|
7399
|
-
.pf-v6-c-hint .pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
7400
|
-
text-align: start;
|
|
7401
|
-
white-space: normal;
|
|
7402
|
-
}
|
|
7403
|
-
|
|
7404
|
-
.pf-v6-c-hint__actions {
|
|
7405
|
-
display: inline-grid;
|
|
7406
|
-
grid-row: 1;
|
|
7407
|
-
grid-column: 2;
|
|
7408
|
-
grid-auto-flow: column;
|
|
7409
|
-
align-self: start;
|
|
7410
|
-
margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
|
|
7411
|
-
margin-block-end: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd);
|
|
7412
|
-
margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
|
|
7413
|
-
text-align: end;
|
|
7414
|
-
}
|
|
7415
|
-
|
|
7416
|
-
.pf-v6-c-hint__actions.pf-m-no-offset {
|
|
7417
|
-
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: 0;
|
|
7418
|
-
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: 0;
|
|
7419
|
-
}
|
|
7420
|
-
|
|
7421
|
-
.pf-v6-c-hint__actions + .pf-v6-c-hint__body {
|
|
7422
|
-
grid-column: 1;
|
|
7423
|
-
}
|
|
7424
|
-
|
|
7425
|
-
.pf-v6-c-hint__title {
|
|
7426
|
-
align-self: center;
|
|
7427
|
-
font-weight: var(--pf-v6-c-hint__title--FontWeight);
|
|
7428
|
-
}
|
|
7429
|
-
|
|
7430
|
-
.pf-v6-c-hint__body {
|
|
7431
|
-
grid-column: 1/-1;
|
|
7432
|
-
font-size: var(--pf-v6-c-hint__body--FontSize);
|
|
7433
|
-
}
|
|
7434
|
-
|
|
7435
|
-
.pf-v6-c-hint__footer {
|
|
7436
|
-
grid-column: 1/-1;
|
|
7437
|
-
margin-block-start: var(--pf-v6-c-hint__footer--MarginBlockStart);
|
|
7438
|
-
}
|
|
7439
|
-
|
|
7440
|
-
.pf-v6-c-hint__footer > :not(:last-child) {
|
|
7441
|
-
margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
|
|
7442
|
-
}
|
|
7443
|
-
|
|
7444
|
-
:where(:root, .pf-v6-c-jump-links) {
|
|
7445
|
-
--pf-v6-c-jump-links__list--Display: flex;
|
|
7446
|
-
--pf-v6-c-jump-links__list--PaddingBlockStart: 0;
|
|
7447
|
-
--pf-v6-c-jump-links__list--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
7448
|
-
--pf-v6-c-jump-links__list--PaddingBlockEnd: 0;
|
|
7449
|
-
--pf-v6-c-jump-links__list--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
7450
|
-
--pf-v6-c-jump-links--m-vertical__list--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
7451
|
-
--pf-v6-c-jump-links--m-vertical__list--PaddingInlineEnd: 0;
|
|
7452
|
-
--pf-v6-c-jump-links--m-vertical__list--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
7453
|
-
--pf-v6-c-jump-links--m-vertical__list--PaddingInlineStart: 0;
|
|
7454
|
-
--pf-v6-c-jump-links__list--FlexDirection: row;
|
|
7455
|
-
--pf-v6-c-jump-links--m-vertical__list--FlexDirection: column;
|
|
7456
|
-
--pf-v6-c-jump-links__list--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
7457
|
-
--pf-v6-c-jump-links__list--before--BorderBlockStartWidth: var(--pf-t--global--border--width--box--default);
|
|
7458
|
-
--pf-v6-c-jump-links__list--before--BorderInlineEndWidth: 0;
|
|
7459
|
-
--pf-v6-c-jump-links__list--before--BorderBlockEndWidth: 0;
|
|
7460
|
-
--pf-v6-c-jump-links__list--before--BorderInlineStartWidth: 0;
|
|
7461
|
-
--pf-v6-c-jump-links--m-vertical__list--before--BorderInlineStartWidth: var(--pf-t--global--border--width--box--default);
|
|
7462
|
-
--pf-v6-c-jump-links--m-vertical__list--before--BorderBlockStartWidth: 0;
|
|
7463
|
-
--pf-v6-c-jump-links__list__list--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
7464
|
-
--pf-v6-c-jump-links__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
7465
|
-
--pf-v6-c-jump-links__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
7466
|
-
--pf-v6-c-jump-links__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
7467
|
-
--pf-v6-c-jump-links__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
7468
|
-
--pf-v6-c-jump-links__list__list__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
7469
|
-
--pf-v6-c-jump-links__list__list__link--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
7470
|
-
--pf-v6-c-jump-links__list__list__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
7471
|
-
--pf-v6-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--sm));
|
|
7472
|
-
--pf-v6-c-jump-links__link--before--BorderBlockStartWidth: 0;
|
|
7473
|
-
--pf-v6-c-jump-links__link--before--BorderInlineEndWidth: 0;
|
|
7474
|
-
--pf-v6-c-jump-links__link--before--BorderBlockEndWidth: 0;
|
|
7475
|
-
--pf-v6-c-jump-links__link--before--BorderInlineStartWidth: 0;
|
|
7476
|
-
--pf-v6-c-jump-links__link--before--BorderColor: transparent;
|
|
7477
|
-
--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-t--global--border--width--extra-strong);
|
|
7478
|
-
--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth: 0;
|
|
7479
|
-
--pf-v6-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
7480
|
-
--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth: 0;
|
|
7481
|
-
--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth: var(--pf-t--global--border--width--extra-strong);
|
|
7482
|
-
--pf-v6-c-jump-links__link-text--Color: var(--pf-t--global--text--color--subtle);
|
|
7483
|
-
--pf-v6-c-jump-links__link--hover__link-text--Color: var(--pf-t--global--text--color--subtle);
|
|
7484
|
-
--pf-v6-c-jump-links__item--m-current__link-text--Color: var(--pf-t--global--text--color--regular);
|
|
7485
|
-
--pf-v6-c-jump-links__label--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
7486
|
-
--pf-v6-c-jump-links__label--Display: block;
|
|
7487
|
-
--pf-v6-c-jump-links__toggle--MarginBlockEnd: 0;
|
|
7488
|
-
--pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
7489
|
-
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7490
|
-
--pf-v6-c-jump-links__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
7491
|
-
--pf-v6-c-jump-links__toggle-icon--Transition: var(--pf-t--global--transition);
|
|
7492
|
-
--pf-v6-c-jump-links__toggle-icon--Rotate: 0;
|
|
7493
|
-
--pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
|
|
7494
|
-
}
|
|
7495
|
-
|
|
7496
|
-
.pf-v6-c-jump-links {
|
|
7497
|
-
display: flex;
|
|
7498
|
-
}
|
|
7499
|
-
|
|
7500
|
-
.pf-v6-c-jump-links.pf-m-center {
|
|
7501
|
-
justify-content: center;
|
|
7295
|
+
pointer-events: none;
|
|
7502
7296
|
}
|
|
7503
7297
|
|
|
7504
|
-
|
|
7505
|
-
|
|
7298
|
+
select ~ .pf-v6-c-form-control__utilities {
|
|
7299
|
+
--pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
|
|
7506
7300
|
}
|
|
7507
7301
|
|
|
7508
|
-
|
|
7509
|
-
--pf-v6-c-
|
|
7510
|
-
--pf-v6-c-
|
|
7511
|
-
--pf-v6-c-
|
|
7512
|
-
--pf-v6-c-
|
|
7513
|
-
--pf-v6-c-
|
|
7514
|
-
--pf-v6-c-
|
|
7515
|
-
--pf-v6-c-
|
|
7516
|
-
--pf-v6-c-
|
|
7517
|
-
--pf-v6-c-
|
|
7518
|
-
|
|
7302
|
+
:where(:root, .pf-v6-c-hint) {
|
|
7303
|
+
--pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
|
|
7304
|
+
--pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
7305
|
+
--pf-v6-c-hint--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
7306
|
+
--pf-v6-c-hint--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
7307
|
+
--pf-v6-c-hint--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
7308
|
+
--pf-v6-c-hint--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
7309
|
+
--pf-v6-c-hint--BorderColor: var(--pf-t--global--border--color--status--info--default);
|
|
7310
|
+
--pf-v6-c-hint--BorderWidth: var(--pf-t--global--border--width--box--status--default);
|
|
7311
|
+
--pf-v6-c-hint--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
7312
|
+
--pf-v6-c-hint--Color: var(--pf-t--global--text--color--regular);
|
|
7313
|
+
--pf-v6-c-hint__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
7314
|
+
--pf-v6-c-hint__body--FontSize: var(--pf-t--global--font--size--body--default);
|
|
7315
|
+
--pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
7316
|
+
--pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
7317
|
+
--pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
|
|
7318
|
+
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
7319
|
+
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
7519
7320
|
}
|
|
7520
7321
|
|
|
7521
|
-
.pf-v6-c-
|
|
7522
|
-
|
|
7523
|
-
|
|
7524
|
-
--pf-v6-c-
|
|
7322
|
+
.pf-v6-c-hint {
|
|
7323
|
+
display: grid;
|
|
7324
|
+
grid-template-columns: 1fr auto;
|
|
7325
|
+
grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
|
|
7326
|
+
padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
|
|
7327
|
+
padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
|
|
7328
|
+
padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
|
|
7329
|
+
padding-inline-end: var(--pf-v6-c-hint--PaddingInlineEnd);
|
|
7330
|
+
color: var(--pf-v6-c-hint--Color);
|
|
7331
|
+
background-color: var(--pf-v6-c-hint--BackgroundColor);
|
|
7332
|
+
border: var(--pf-v6-c-hint--BorderWidth) solid var(--pf-v6-c-hint--BorderColor);
|
|
7333
|
+
border-radius: var(--pf-v6-c-hint--BorderRadius);
|
|
7525
7334
|
}
|
|
7526
7335
|
|
|
7527
|
-
.pf-v6-c-
|
|
7528
|
-
|
|
7529
|
-
|
|
7530
|
-
--pf-v6-c-jump-links__label--Display: block;
|
|
7336
|
+
.pf-v6-c-hint .pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
7337
|
+
text-align: start;
|
|
7338
|
+
white-space: normal;
|
|
7531
7339
|
}
|
|
7532
7340
|
|
|
7533
|
-
|
|
7534
|
-
|
|
7535
|
-
|
|
7536
|
-
|
|
7537
|
-
|
|
7538
|
-
|
|
7539
|
-
|
|
7540
|
-
|
|
7541
|
-
|
|
7542
|
-
|
|
7543
|
-
}
|
|
7544
|
-
}
|
|
7545
|
-
@media (min-width: 48rem) {
|
|
7546
|
-
.pf-v6-c-jump-links.pf-m-expandable-on-md {
|
|
7547
|
-
--pf-v6-c-jump-links__list--Display: none;
|
|
7548
|
-
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7549
|
-
--pf-v6-c-jump-links__label--Display: none;
|
|
7550
|
-
}
|
|
7551
|
-
.pf-v6-c-jump-links.pf-m-non-expandable-on-md {
|
|
7552
|
-
--pf-v6-c-jump-links__list--Display: flex;
|
|
7553
|
-
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7554
|
-
--pf-v6-c-jump-links__label--Display: block;
|
|
7555
|
-
}
|
|
7556
|
-
}
|
|
7557
|
-
@media (min-width: 62rem) {
|
|
7558
|
-
.pf-v6-c-jump-links.pf-m-expandable-on-lg {
|
|
7559
|
-
--pf-v6-c-jump-links__list--Display: none;
|
|
7560
|
-
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7561
|
-
--pf-v6-c-jump-links__label--Display: none;
|
|
7562
|
-
}
|
|
7563
|
-
.pf-v6-c-jump-links.pf-m-non-expandable-on-lg {
|
|
7564
|
-
--pf-v6-c-jump-links__list--Display: flex;
|
|
7565
|
-
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7566
|
-
--pf-v6-c-jump-links__label--Display: block;
|
|
7567
|
-
}
|
|
7568
|
-
}
|
|
7569
|
-
@media (min-width: 75rem) {
|
|
7570
|
-
.pf-v6-c-jump-links.pf-m-expandable-on-xl {
|
|
7571
|
-
--pf-v6-c-jump-links__list--Display: none;
|
|
7572
|
-
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7573
|
-
--pf-v6-c-jump-links__label--Display: none;
|
|
7574
|
-
}
|
|
7575
|
-
.pf-v6-c-jump-links.pf-m-non-expandable-on-xl {
|
|
7576
|
-
--pf-v6-c-jump-links__list--Display: flex;
|
|
7577
|
-
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7578
|
-
--pf-v6-c-jump-links__label--Display: block;
|
|
7579
|
-
}
|
|
7341
|
+
.pf-v6-c-hint__actions {
|
|
7342
|
+
display: inline-grid;
|
|
7343
|
+
grid-row: 1;
|
|
7344
|
+
grid-column: 2;
|
|
7345
|
+
grid-auto-flow: column;
|
|
7346
|
+
align-self: start;
|
|
7347
|
+
margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
|
|
7348
|
+
margin-block-end: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd);
|
|
7349
|
+
margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
|
|
7350
|
+
text-align: end;
|
|
7580
7351
|
}
|
|
7581
|
-
|
|
7582
|
-
|
|
7583
|
-
|
|
7584
|
-
|
|
7585
|
-
--pf-v6-c-jump-links__label--Display: none;
|
|
7586
|
-
}
|
|
7587
|
-
.pf-v6-c-jump-links.pf-m-non-expandable-on-2xl {
|
|
7588
|
-
--pf-v6-c-jump-links__list--Display: flex;
|
|
7589
|
-
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7590
|
-
--pf-v6-c-jump-links__label--Display: block;
|
|
7591
|
-
}
|
|
7352
|
+
|
|
7353
|
+
.pf-v6-c-hint__actions.pf-m-no-offset {
|
|
7354
|
+
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: 0;
|
|
7355
|
+
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: 0;
|
|
7592
7356
|
}
|
|
7593
|
-
|
|
7594
|
-
|
|
7595
|
-
|
|
7596
|
-
--pf-v6-c-jump-links__toggle-icon--Rotate: var(--pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate);
|
|
7597
|
-
--pf-v6-c-jump-links__toggle-icon--Color: var(--pf-v6-c-jump-links--m-expanded__toggle-icon--Color);
|
|
7357
|
+
|
|
7358
|
+
.pf-v6-c-hint__actions + .pf-v6-c-hint__body {
|
|
7359
|
+
grid-column: 1;
|
|
7598
7360
|
}
|
|
7599
7361
|
|
|
7600
|
-
.pf-v6-c-
|
|
7601
|
-
|
|
7602
|
-
|
|
7603
|
-
flex-direction: var(--pf-v6-c-jump-links__list--FlexDirection);
|
|
7604
|
-
padding-block-start: var(--pf-v6-c-jump-links__list--PaddingBlockStart);
|
|
7605
|
-
padding-block-end: var(--pf-v6-c-jump-links__list--PaddingBlockEnd);
|
|
7606
|
-
padding-inline-start: var(--pf-v6-c-jump-links__list--PaddingInlineStart);
|
|
7607
|
-
padding-inline-end: var(--pf-v6-c-jump-links__list--PaddingInlineEnd);
|
|
7362
|
+
.pf-v6-c-hint__title {
|
|
7363
|
+
align-self: center;
|
|
7364
|
+
font-weight: var(--pf-v6-c-hint__title--FontWeight);
|
|
7608
7365
|
}
|
|
7609
7366
|
|
|
7610
|
-
.pf-v6-c-
|
|
7611
|
-
|
|
7612
|
-
|
|
7613
|
-
pointer-events: none;
|
|
7614
|
-
content: "";
|
|
7615
|
-
border: solid var(--pf-v6-c-jump-links__list--before--BorderColor);
|
|
7616
|
-
border-block-start-width: var(--pf-v6-c-jump-links__list--before--BorderBlockStartWidth);
|
|
7617
|
-
border-block-end-width: var(--pf-v6-c-jump-links__list--before--BorderBlockEndWidth);
|
|
7618
|
-
border-inline-start-width: var(--pf-v6-c-jump-links__list--before--BorderInlineStartWidth);
|
|
7619
|
-
border-inline-end-width: var(--pf-v6-c-jump-links__list--before--BorderInlineEndWidth);
|
|
7367
|
+
.pf-v6-c-hint__body {
|
|
7368
|
+
grid-column: 1/-1;
|
|
7369
|
+
font-size: var(--pf-v6-c-hint__body--FontSize);
|
|
7620
7370
|
}
|
|
7621
7371
|
|
|
7622
|
-
.pf-v6-c-
|
|
7623
|
-
|
|
7624
|
-
--pf-v6-c-
|
|
7625
|
-
--pf-v6-c-jump-links__link--PaddingBlockStart: var(--pf-v6-c-jump-links__list__list__link--PaddingBlockStart);
|
|
7626
|
-
--pf-v6-c-jump-links__link--PaddingBlockEnd: var(--pf-v6-c-jump-links__list__list__link--PaddingBlockEnd);
|
|
7627
|
-
--pf-v6-c-jump-links__link--PaddingInlineStart: var(--pf-v6-c-jump-links__list__list__link--PaddingInlineStart);
|
|
7628
|
-
margin-block-start: var(--pf-v6-c-jump-links__list__list--MarginBlockStart);
|
|
7372
|
+
.pf-v6-c-hint__footer {
|
|
7373
|
+
grid-column: 1/-1;
|
|
7374
|
+
margin-block-start: var(--pf-v6-c-hint__footer--MarginBlockStart);
|
|
7629
7375
|
}
|
|
7630
7376
|
|
|
7631
|
-
.pf-v6-c-
|
|
7632
|
-
|
|
7633
|
-
display: flex;
|
|
7634
|
-
flex: 1;
|
|
7635
|
-
padding-block-start: var(--pf-v6-c-jump-links__link--PaddingBlockStart);
|
|
7636
|
-
padding-block-end: var(--pf-v6-c-jump-links__link--PaddingBlockEnd);
|
|
7637
|
-
padding-inline-start: var(--pf-v6-c-jump-links__link--PaddingInlineStart);
|
|
7638
|
-
padding-inline-end: var(--pf-v6-c-jump-links__link--PaddingInlineEnd);
|
|
7639
|
-
text-decoration: none;
|
|
7640
|
-
outline-offset: var(--pf-v6-c-jump-links__link--OutlineOffset);
|
|
7377
|
+
.pf-v6-c-hint__footer > :not(:last-child) {
|
|
7378
|
+
margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
|
|
7641
7379
|
}
|
|
7642
7380
|
|
|
7643
|
-
.pf-v6-c-
|
|
7644
|
-
--pf-v6-c-
|
|
7381
|
+
:where(:root, .pf-v6-c-helper-text) {
|
|
7382
|
+
--pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
|
|
7383
|
+
--pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
7384
|
+
--pf-v6-c-helper-text__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
7385
|
+
--pf-v6-c-helper-text__item-text--Color: var(--pf-t--global--text--color--regular);
|
|
7386
|
+
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
7387
|
+
--pf-v6-c-helper-text__item-icon--m-indeterminate--Color: var(--pf-t--global--icon--color--subtle);
|
|
7388
|
+
--pf-v6-c-helper-text__item-text--m-indeterminate--Color: var(--pf-t--global--text--color--subtle);
|
|
7389
|
+
--pf-v6-c-helper-text__item-icon--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
7390
|
+
--pf-v6-c-helper-text__item-text--m-warning--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
7391
|
+
--pf-v6-c-helper-text__item-icon--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
7392
|
+
--pf-v6-c-helper-text__item-text--m-success--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
7393
|
+
--pf-v6-c-helper-text__item-icon--m-error--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
7394
|
+
--pf-v6-c-helper-text__item-text--m-error--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
7395
|
+
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
7396
|
+
--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
7397
|
+
--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-t--global--text--color--subtle);
|
|
7398
|
+
--pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
7399
|
+
--pf-v6-c-helper-text--m-dynamic--m-warning__item-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
7400
|
+
--pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
7401
|
+
--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
7402
|
+
--pf-v6-c-helper-text__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--xs);
|
|
7645
7403
|
}
|
|
7646
7404
|
|
|
7647
|
-
.pf-v6-c-
|
|
7648
|
-
|
|
7649
|
-
|
|
7650
|
-
|
|
7651
|
-
content: "";
|
|
7652
|
-
border-color: var(--pf-v6-c-jump-links__link--before--BorderColor);
|
|
7653
|
-
border-style: solid;
|
|
7654
|
-
border-block-start-width: var(--pf-v6-c-jump-links__link--before--BorderBlockStartWidth);
|
|
7655
|
-
border-block-end-width: var(--pf-v6-c-jump-links__link--before--BorderBlockEndWidth);
|
|
7656
|
-
border-inline-start-width: var(--pf-v6-c-jump-links__link--before--BorderInlineStartWidth);
|
|
7657
|
-
border-inline-end-width: var(--pf-v6-c-jump-links__link--before--BorderInlineEndWidth);
|
|
7405
|
+
.pf-v6-c-helper-text {
|
|
7406
|
+
display: grid;
|
|
7407
|
+
gap: var(--pf-v6-c-helper-text--Gap);
|
|
7408
|
+
font-size: var(--pf-v6-c-helper-text--FontSize);
|
|
7658
7409
|
}
|
|
7659
7410
|
|
|
7660
|
-
.pf-v6-c-
|
|
7661
|
-
|
|
7411
|
+
.pf-v6-c-helper-text.pf-m-hidden {
|
|
7412
|
+
visibility: hidden;
|
|
7413
|
+
opacity: 0;
|
|
7662
7414
|
}
|
|
7663
7415
|
|
|
7664
|
-
.pf-v6-c-
|
|
7665
|
-
|
|
7666
|
-
|
|
7667
|
-
--pf-v6-c-jump-links__link--before--BorderColor: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderColor);
|
|
7668
|
-
--pf-v6-c-jump-links__link-text--Color: var(--pf-v6-c-jump-links__item--m-current__link-text--Color);
|
|
7416
|
+
.pf-v6-c-helper-text__item {
|
|
7417
|
+
display: flex;
|
|
7418
|
+
font-weight: var(--pf-v6-c-helper-text__item-text--FontWeight);
|
|
7669
7419
|
}
|
|
7670
7420
|
|
|
7671
|
-
.pf-v6-c-
|
|
7672
|
-
|
|
7421
|
+
.pf-v6-c-helper-text__item.pf-m-indeterminate {
|
|
7422
|
+
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-indeterminate--Color);
|
|
7423
|
+
--pf-v6-c-helper-text__item-text--Color: var(--pf-v6-c-helper-text__item-text--m-indeterminate--Color);
|
|
7424
|
+
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color);
|
|
7425
|
+
--pf-v6-c-helper-text--m-dynamic__item-text--Color: var(--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color);
|
|
7673
7426
|
}
|
|
7674
7427
|
|
|
7675
|
-
.pf-v6-c-
|
|
7676
|
-
|
|
7677
|
-
|
|
7428
|
+
.pf-v6-c-helper-text__item.pf-m-warning {
|
|
7429
|
+
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-warning--FontWeight);
|
|
7430
|
+
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-warning--Color);
|
|
7431
|
+
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color);
|
|
7678
7432
|
}
|
|
7679
7433
|
|
|
7680
|
-
.pf-v6-c-
|
|
7681
|
-
|
|
7682
|
-
|
|
7434
|
+
.pf-v6-c-helper-text__item.pf-m-success {
|
|
7435
|
+
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-success--FontWeight);
|
|
7436
|
+
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-success--Color);
|
|
7437
|
+
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color);
|
|
7683
7438
|
}
|
|
7684
7439
|
|
|
7685
|
-
.pf-v6-c-
|
|
7686
|
-
|
|
7687
|
-
|
|
7440
|
+
.pf-v6-c-helper-text__item.pf-m-error {
|
|
7441
|
+
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-error--FontWeight);
|
|
7442
|
+
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-error--Color);
|
|
7443
|
+
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color);
|
|
7688
7444
|
}
|
|
7689
7445
|
|
|
7690
|
-
.pf-v6-c-
|
|
7691
|
-
|
|
7692
|
-
color: var(--pf-v6-c-jump-links__toggle-icon--Color);
|
|
7693
|
-
transition: var(--pf-v6-c-jump-links__toggle-icon--Transition);
|
|
7694
|
-
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
7446
|
+
.pf-v6-c-helper-text__item.pf-m-dynamic {
|
|
7447
|
+
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic__item-icon--Color);
|
|
7695
7448
|
}
|
|
7696
7449
|
|
|
7697
|
-
|
|
7698
|
-
|
|
7450
|
+
.pf-v6-c-helper-text__item-icon {
|
|
7451
|
+
margin-inline-end: var(--pf-v6-c-helper-text__item-icon--MarginInlineEnd);
|
|
7452
|
+
color: var(--pf-v6-c-helper-text__item-icon--Color);
|
|
7453
|
+
}
|
|
7454
|
+
|
|
7455
|
+
.pf-v6-c-helper-text__item-text {
|
|
7456
|
+
color: var(--pf-v6-c-helper-text__item-text--Color);
|
|
7699
7457
|
}
|
|
7700
7458
|
|
|
7701
7459
|
:where(:root, .pf-v6-c-icon) {
|
|
@@ -8016,59 +7774,316 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
8016
7774
|
--pf-v6-c-input-group__item--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
8017
7775
|
}
|
|
8018
7776
|
|
|
8019
|
-
.pf-v6-c-input-group {
|
|
8020
|
-
display: flex;
|
|
8021
|
-
gap: var(--pf-v6-c-input-group--Gap);
|
|
8022
|
-
width: 100%;
|
|
7777
|
+
.pf-v6-c-input-group {
|
|
7778
|
+
display: flex;
|
|
7779
|
+
gap: var(--pf-v6-c-input-group--Gap);
|
|
7780
|
+
width: 100%;
|
|
7781
|
+
}
|
|
7782
|
+
|
|
7783
|
+
.pf-v6-c-input-group__item {
|
|
7784
|
+
position: relative;
|
|
7785
|
+
display: flex;
|
|
7786
|
+
align-items: var(--pf-v6-c-input-group__item--AlignItems);
|
|
7787
|
+
min-width: var(--pf-v6-c-input-group__item--MinWidth, revert);
|
|
7788
|
+
max-width: var(--pf-v6-c-input-group__item--MaxWidth, revert);
|
|
7789
|
+
background-color: var(--pf-v6-c-input-group__item--BackgroundColor);
|
|
7790
|
+
border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
|
|
7791
|
+
border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
|
|
7792
|
+
border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
|
|
7793
|
+
border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
|
|
7794
|
+
}
|
|
7795
|
+
|
|
7796
|
+
.pf-v6-c-input-group__item.pf-m-box {
|
|
7797
|
+
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-box--BackgroundColor);
|
|
7798
|
+
padding-inline-start: var(--pf-v6-c-input-group__item--m-box--PaddingInlineStart);
|
|
7799
|
+
padding-inline-end: var(--pf-v6-c-input-group__item--m-box--PaddingInlineEnd);
|
|
7800
|
+
border: var(--pf-v6-c-input-group__item--m-box--BorderWidth) solid;
|
|
7801
|
+
border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
|
|
7802
|
+
border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
|
|
7803
|
+
border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
|
|
7804
|
+
border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
|
|
7805
|
+
border-radius: var(--pf-v6-c-input-group__item--m-box--BorderRadius);
|
|
7806
|
+
}
|
|
7807
|
+
|
|
7808
|
+
.pf-v6-c-input-group__item.pf-m-plain {
|
|
7809
|
+
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-plain--BackgroundColor);
|
|
7810
|
+
border: none;
|
|
7811
|
+
}
|
|
7812
|
+
|
|
7813
|
+
.pf-v6-c-input-group__item.pf-m-disabled {
|
|
7814
|
+
--pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-disabled--BackgroundColor);
|
|
7815
|
+
--pf-v6-c-input-group__text--Color: var(--pf-v6-c-input-group__item--m-disabled__text--Color);
|
|
7816
|
+
}
|
|
7817
|
+
|
|
7818
|
+
.pf-v6-c-input-group__item.pf-m-fill {
|
|
7819
|
+
flex-grow: 1;
|
|
7820
|
+
}
|
|
7821
|
+
|
|
7822
|
+
.pf-v6-c-input-group__text {
|
|
7823
|
+
align-self: center;
|
|
7824
|
+
font-size: var(--pf-v6-c-input-group__text--FontSize);
|
|
7825
|
+
color: var(--pf-v6-c-input-group__text--Color);
|
|
7826
|
+
}
|
|
7827
|
+
|
|
7828
|
+
label.pf-v6-c-input-group__text {
|
|
7829
|
+
cursor: pointer;
|
|
7830
|
+
}
|
|
7831
|
+
|
|
7832
|
+
:where(:root, .pf-v6-c-jump-links) {
|
|
7833
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7834
|
+
--pf-v6-c-jump-links__list--PaddingBlockStart: 0;
|
|
7835
|
+
--pf-v6-c-jump-links__list--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
7836
|
+
--pf-v6-c-jump-links__list--PaddingBlockEnd: 0;
|
|
7837
|
+
--pf-v6-c-jump-links__list--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
7838
|
+
--pf-v6-c-jump-links--m-vertical__list--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
7839
|
+
--pf-v6-c-jump-links--m-vertical__list--PaddingInlineEnd: 0;
|
|
7840
|
+
--pf-v6-c-jump-links--m-vertical__list--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
7841
|
+
--pf-v6-c-jump-links--m-vertical__list--PaddingInlineStart: 0;
|
|
7842
|
+
--pf-v6-c-jump-links__list--FlexDirection: row;
|
|
7843
|
+
--pf-v6-c-jump-links--m-vertical__list--FlexDirection: column;
|
|
7844
|
+
--pf-v6-c-jump-links__list--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
7845
|
+
--pf-v6-c-jump-links__list--before--BorderBlockStartWidth: var(--pf-t--global--border--width--box--default);
|
|
7846
|
+
--pf-v6-c-jump-links__list--before--BorderInlineEndWidth: 0;
|
|
7847
|
+
--pf-v6-c-jump-links__list--before--BorderBlockEndWidth: 0;
|
|
7848
|
+
--pf-v6-c-jump-links__list--before--BorderInlineStartWidth: 0;
|
|
7849
|
+
--pf-v6-c-jump-links--m-vertical__list--before--BorderInlineStartWidth: var(--pf-t--global--border--width--box--default);
|
|
7850
|
+
--pf-v6-c-jump-links--m-vertical__list--before--BorderBlockStartWidth: 0;
|
|
7851
|
+
--pf-v6-c-jump-links__list__list--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
7852
|
+
--pf-v6-c-jump-links__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
7853
|
+
--pf-v6-c-jump-links__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
7854
|
+
--pf-v6-c-jump-links__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
7855
|
+
--pf-v6-c-jump-links__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
7856
|
+
--pf-v6-c-jump-links__list__list__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
7857
|
+
--pf-v6-c-jump-links__list__list__link--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
7858
|
+
--pf-v6-c-jump-links__list__list__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
7859
|
+
--pf-v6-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--sm));
|
|
7860
|
+
--pf-v6-c-jump-links__link--before--BorderBlockStartWidth: 0;
|
|
7861
|
+
--pf-v6-c-jump-links__link--before--BorderInlineEndWidth: 0;
|
|
7862
|
+
--pf-v6-c-jump-links__link--before--BorderBlockEndWidth: 0;
|
|
7863
|
+
--pf-v6-c-jump-links__link--before--BorderInlineStartWidth: 0;
|
|
7864
|
+
--pf-v6-c-jump-links__link--before--BorderColor: transparent;
|
|
7865
|
+
--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-t--global--border--width--extra-strong);
|
|
7866
|
+
--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth: 0;
|
|
7867
|
+
--pf-v6-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
7868
|
+
--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth: 0;
|
|
7869
|
+
--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth: var(--pf-t--global--border--width--extra-strong);
|
|
7870
|
+
--pf-v6-c-jump-links__link-text--Color: var(--pf-t--global--text--color--subtle);
|
|
7871
|
+
--pf-v6-c-jump-links__link--hover__link-text--Color: var(--pf-t--global--text--color--subtle);
|
|
7872
|
+
--pf-v6-c-jump-links__item--m-current__link-text--Color: var(--pf-t--global--text--color--regular);
|
|
7873
|
+
--pf-v6-c-jump-links__label--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
7874
|
+
--pf-v6-c-jump-links__label--Display: block;
|
|
7875
|
+
--pf-v6-c-jump-links__toggle--MarginBlockEnd: 0;
|
|
7876
|
+
--pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
7877
|
+
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7878
|
+
--pf-v6-c-jump-links__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
7879
|
+
--pf-v6-c-jump-links__toggle-icon--Transition: var(--pf-t--global--transition);
|
|
7880
|
+
--pf-v6-c-jump-links__toggle-icon--Rotate: 0;
|
|
7881
|
+
--pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
|
|
7882
|
+
}
|
|
7883
|
+
|
|
7884
|
+
.pf-v6-c-jump-links {
|
|
7885
|
+
display: flex;
|
|
7886
|
+
}
|
|
7887
|
+
|
|
7888
|
+
.pf-v6-c-jump-links.pf-m-center {
|
|
7889
|
+
justify-content: center;
|
|
7890
|
+
}
|
|
7891
|
+
|
|
7892
|
+
.pf-v6-c-jump-links.pf-m-center .pf-v6-c-jump-links__main {
|
|
7893
|
+
align-items: center;
|
|
7894
|
+
}
|
|
7895
|
+
|
|
7896
|
+
.pf-v6-c-jump-links.pf-m-vertical, .pf-v6-c-jump-links.pf-m-expandable {
|
|
7897
|
+
--pf-v6-c-jump-links__list--PaddingBlockStart: var(--pf-v6-c-jump-links--m-vertical__list--PaddingBlockStart);
|
|
7898
|
+
--pf-v6-c-jump-links__list--PaddingInlineEnd: var(--pf-v6-c-jump-links--m-vertical__list--PaddingInlineEnd);
|
|
7899
|
+
--pf-v6-c-jump-links__list--PaddingBlockEnd: var(--pf-v6-c-jump-links--m-vertical__list--PaddingBlockEnd);
|
|
7900
|
+
--pf-v6-c-jump-links__list--PaddingInlineStart: var(--pf-v6-c-jump-links--m-vertical__list--PaddingInlineStart);
|
|
7901
|
+
--pf-v6-c-jump-links__list--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderBlockStartWidth);
|
|
7902
|
+
--pf-v6-c-jump-links__list--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderInlineStartWidth);
|
|
7903
|
+
--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth);
|
|
7904
|
+
--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth);
|
|
7905
|
+
--pf-v6-c-jump-links__list--FlexDirection: var(--pf-v6-c-jump-links--m-vertical__list--FlexDirection);
|
|
7906
|
+
flex-direction: column;
|
|
7907
|
+
}
|
|
7908
|
+
|
|
7909
|
+
.pf-v6-c-jump-links.pf-m-expandable {
|
|
7910
|
+
--pf-v6-c-jump-links__list--Display: none;
|
|
7911
|
+
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7912
|
+
--pf-v6-c-jump-links__label--Display: none;
|
|
7913
|
+
}
|
|
7914
|
+
|
|
7915
|
+
.pf-v6-c-jump-links.pf-m-non-expandable {
|
|
7916
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7917
|
+
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7918
|
+
--pf-v6-c-jump-links__label--Display: block;
|
|
7919
|
+
}
|
|
7920
|
+
|
|
7921
|
+
@media (min-width: 36rem) {
|
|
7922
|
+
.pf-v6-c-jump-links.pf-m-expandable-on-sm {
|
|
7923
|
+
--pf-v6-c-jump-links__list--Display: none;
|
|
7924
|
+
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7925
|
+
--pf-v6-c-jump-links__label--Display: none;
|
|
7926
|
+
}
|
|
7927
|
+
.pf-v6-c-jump-links.pf-m-non-expandable-on-sm {
|
|
7928
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7929
|
+
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7930
|
+
--pf-v6-c-jump-links__label--Display: block;
|
|
7931
|
+
}
|
|
7932
|
+
}
|
|
7933
|
+
@media (min-width: 48rem) {
|
|
7934
|
+
.pf-v6-c-jump-links.pf-m-expandable-on-md {
|
|
7935
|
+
--pf-v6-c-jump-links__list--Display: none;
|
|
7936
|
+
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7937
|
+
--pf-v6-c-jump-links__label--Display: none;
|
|
7938
|
+
}
|
|
7939
|
+
.pf-v6-c-jump-links.pf-m-non-expandable-on-md {
|
|
7940
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7941
|
+
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7942
|
+
--pf-v6-c-jump-links__label--Display: block;
|
|
7943
|
+
}
|
|
7944
|
+
}
|
|
7945
|
+
@media (min-width: 62rem) {
|
|
7946
|
+
.pf-v6-c-jump-links.pf-m-expandable-on-lg {
|
|
7947
|
+
--pf-v6-c-jump-links__list--Display: none;
|
|
7948
|
+
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7949
|
+
--pf-v6-c-jump-links__label--Display: none;
|
|
7950
|
+
}
|
|
7951
|
+
.pf-v6-c-jump-links.pf-m-non-expandable-on-lg {
|
|
7952
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7953
|
+
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7954
|
+
--pf-v6-c-jump-links__label--Display: block;
|
|
7955
|
+
}
|
|
7956
|
+
}
|
|
7957
|
+
@media (min-width: 75rem) {
|
|
7958
|
+
.pf-v6-c-jump-links.pf-m-expandable-on-xl {
|
|
7959
|
+
--pf-v6-c-jump-links__list--Display: none;
|
|
7960
|
+
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7961
|
+
--pf-v6-c-jump-links__label--Display: none;
|
|
7962
|
+
}
|
|
7963
|
+
.pf-v6-c-jump-links.pf-m-non-expandable-on-xl {
|
|
7964
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7965
|
+
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7966
|
+
--pf-v6-c-jump-links__label--Display: block;
|
|
7967
|
+
}
|
|
7968
|
+
}
|
|
7969
|
+
@media (min-width: 90.625rem) {
|
|
7970
|
+
.pf-v6-c-jump-links.pf-m-expandable-on-2xl {
|
|
7971
|
+
--pf-v6-c-jump-links__list--Display: none;
|
|
7972
|
+
--pf-v6-c-jump-links__toggle--Display: block;
|
|
7973
|
+
--pf-v6-c-jump-links__label--Display: none;
|
|
7974
|
+
}
|
|
7975
|
+
.pf-v6-c-jump-links.pf-m-non-expandable-on-2xl {
|
|
7976
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7977
|
+
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7978
|
+
--pf-v6-c-jump-links__label--Display: block;
|
|
7979
|
+
}
|
|
7980
|
+
}
|
|
7981
|
+
.pf-v6-c-jump-links.pf-m-expanded {
|
|
7982
|
+
--pf-v6-c-jump-links__list--Display: flex;
|
|
7983
|
+
--pf-v6-c-jump-links__toggle--MarginBlockEnd: var(--pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd);
|
|
7984
|
+
--pf-v6-c-jump-links__toggle-icon--Rotate: var(--pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate);
|
|
7985
|
+
--pf-v6-c-jump-links__toggle-icon--Color: var(--pf-v6-c-jump-links--m-expanded__toggle-icon--Color);
|
|
7986
|
+
}
|
|
7987
|
+
|
|
7988
|
+
.pf-v6-c-jump-links__list {
|
|
7989
|
+
position: relative;
|
|
7990
|
+
display: var(--pf-v6-c-jump-links__list--Display);
|
|
7991
|
+
flex-direction: var(--pf-v6-c-jump-links__list--FlexDirection);
|
|
7992
|
+
padding-block-start: var(--pf-v6-c-jump-links__list--PaddingBlockStart);
|
|
7993
|
+
padding-block-end: var(--pf-v6-c-jump-links__list--PaddingBlockEnd);
|
|
7994
|
+
padding-inline-start: var(--pf-v6-c-jump-links__list--PaddingInlineStart);
|
|
7995
|
+
padding-inline-end: var(--pf-v6-c-jump-links__list--PaddingInlineEnd);
|
|
7996
|
+
}
|
|
7997
|
+
|
|
7998
|
+
.pf-v6-c-jump-links__list::before {
|
|
7999
|
+
position: absolute;
|
|
8000
|
+
inset: 0;
|
|
8001
|
+
pointer-events: none;
|
|
8002
|
+
content: "";
|
|
8003
|
+
border: solid var(--pf-v6-c-jump-links__list--before--BorderColor);
|
|
8004
|
+
border-block-start-width: var(--pf-v6-c-jump-links__list--before--BorderBlockStartWidth);
|
|
8005
|
+
border-block-end-width: var(--pf-v6-c-jump-links__list--before--BorderBlockEndWidth);
|
|
8006
|
+
border-inline-start-width: var(--pf-v6-c-jump-links__list--before--BorderInlineStartWidth);
|
|
8007
|
+
border-inline-end-width: var(--pf-v6-c-jump-links__list--before--BorderInlineEndWidth);
|
|
8008
|
+
}
|
|
8009
|
+
|
|
8010
|
+
.pf-v6-c-jump-links__list .pf-v6-c-jump-links__list {
|
|
8011
|
+
--pf-v6-c-jump-links__list--PaddingBlockStart: 0;
|
|
8012
|
+
--pf-v6-c-jump-links__list--PaddingBlockEnd: 0;
|
|
8013
|
+
--pf-v6-c-jump-links__link--PaddingBlockStart: var(--pf-v6-c-jump-links__list__list__link--PaddingBlockStart);
|
|
8014
|
+
--pf-v6-c-jump-links__link--PaddingBlockEnd: var(--pf-v6-c-jump-links__list__list__link--PaddingBlockEnd);
|
|
8015
|
+
--pf-v6-c-jump-links__link--PaddingInlineStart: var(--pf-v6-c-jump-links__list__list__link--PaddingInlineStart);
|
|
8016
|
+
margin-block-start: var(--pf-v6-c-jump-links__list__list--MarginBlockStart);
|
|
8023
8017
|
}
|
|
8024
8018
|
|
|
8025
|
-
.pf-v6-c-
|
|
8019
|
+
.pf-v6-c-jump-links__link {
|
|
8026
8020
|
position: relative;
|
|
8027
8021
|
display: flex;
|
|
8028
|
-
|
|
8029
|
-
|
|
8030
|
-
|
|
8031
|
-
|
|
8032
|
-
|
|
8033
|
-
|
|
8034
|
-
|
|
8035
|
-
border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
|
|
8022
|
+
flex: 1;
|
|
8023
|
+
padding-block-start: var(--pf-v6-c-jump-links__link--PaddingBlockStart);
|
|
8024
|
+
padding-block-end: var(--pf-v6-c-jump-links__link--PaddingBlockEnd);
|
|
8025
|
+
padding-inline-start: var(--pf-v6-c-jump-links__link--PaddingInlineStart);
|
|
8026
|
+
padding-inline-end: var(--pf-v6-c-jump-links__link--PaddingInlineEnd);
|
|
8027
|
+
text-decoration: none;
|
|
8028
|
+
outline-offset: var(--pf-v6-c-jump-links__link--OutlineOffset);
|
|
8036
8029
|
}
|
|
8037
8030
|
|
|
8038
|
-
.pf-v6-c-
|
|
8039
|
-
--pf-v6-c-
|
|
8040
|
-
padding-inline-start: var(--pf-v6-c-input-group__item--m-box--PaddingInlineStart);
|
|
8041
|
-
padding-inline-end: var(--pf-v6-c-input-group__item--m-box--PaddingInlineEnd);
|
|
8042
|
-
border: var(--pf-v6-c-input-group__item--m-box--BorderWidth) solid;
|
|
8043
|
-
border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
|
|
8044
|
-
border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
|
|
8045
|
-
border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
|
|
8046
|
-
border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
|
|
8047
|
-
border-radius: var(--pf-v6-c-input-group__item--m-box--BorderRadius);
|
|
8031
|
+
.pf-v6-c-jump-links__link:is(:hover, :focus) {
|
|
8032
|
+
--pf-v6-c-jump-links__link-text--Color: var(--pf-v6-c-jump-links__link--hover__link-text--Color);
|
|
8048
8033
|
}
|
|
8049
8034
|
|
|
8050
|
-
.pf-v6-c-
|
|
8051
|
-
|
|
8052
|
-
|
|
8035
|
+
.pf-v6-c-jump-links__link::before {
|
|
8036
|
+
position: absolute;
|
|
8037
|
+
inset: 0;
|
|
8038
|
+
pointer-events: none;
|
|
8039
|
+
content: "";
|
|
8040
|
+
border-color: var(--pf-v6-c-jump-links__link--before--BorderColor);
|
|
8041
|
+
border-style: solid;
|
|
8042
|
+
border-block-start-width: var(--pf-v6-c-jump-links__link--before--BorderBlockStartWidth);
|
|
8043
|
+
border-block-end-width: var(--pf-v6-c-jump-links__link--before--BorderBlockEndWidth);
|
|
8044
|
+
border-inline-start-width: var(--pf-v6-c-jump-links__link--before--BorderInlineStartWidth);
|
|
8045
|
+
border-inline-end-width: var(--pf-v6-c-jump-links__link--before--BorderInlineEndWidth);
|
|
8053
8046
|
}
|
|
8054
8047
|
|
|
8055
|
-
.pf-v6-c-
|
|
8056
|
-
--pf-v6-c-
|
|
8057
|
-
--pf-v6-c-input-group__text--Color: var(--pf-v6-c-input-group__item--m-disabled__text--Color);
|
|
8048
|
+
.pf-v6-c-jump-links__item {
|
|
8049
|
+
--pf-v6-c-jump-links__list--before--BorderColor: transparent;
|
|
8058
8050
|
}
|
|
8059
8051
|
|
|
8060
|
-
.pf-v6-c-
|
|
8061
|
-
|
|
8052
|
+
.pf-v6-c-jump-links__item.pf-m-current > .pf-v6-c-jump-links__link {
|
|
8053
|
+
--pf-v6-c-jump-links__link--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth);
|
|
8054
|
+
--pf-v6-c-jump-links__link--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth);
|
|
8055
|
+
--pf-v6-c-jump-links__link--before--BorderColor: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderColor);
|
|
8056
|
+
--pf-v6-c-jump-links__link-text--Color: var(--pf-v6-c-jump-links__item--m-current__link-text--Color);
|
|
8062
8057
|
}
|
|
8063
8058
|
|
|
8064
|
-
.pf-v6-c-
|
|
8065
|
-
|
|
8066
|
-
font-size: var(--pf-v6-c-input-group__text--FontSize);
|
|
8067
|
-
color: var(--pf-v6-c-input-group__text--Color);
|
|
8059
|
+
.pf-v6-c-jump-links__link-text {
|
|
8060
|
+
color: var(--pf-v6-c-jump-links__link-text--Color);
|
|
8068
8061
|
}
|
|
8069
8062
|
|
|
8070
|
-
|
|
8071
|
-
|
|
8063
|
+
.pf-v6-c-jump-links__label {
|
|
8064
|
+
display: var(--pf-v6-c-jump-links__label--Display);
|
|
8065
|
+
margin-block-end: var(--pf-v6-c-jump-links__label--MarginBlockEnd);
|
|
8066
|
+
}
|
|
8067
|
+
|
|
8068
|
+
.pf-v6-c-jump-links__main {
|
|
8069
|
+
display: flex;
|
|
8070
|
+
flex-direction: column;
|
|
8071
|
+
}
|
|
8072
|
+
|
|
8073
|
+
.pf-v6-c-jump-links__toggle {
|
|
8074
|
+
display: var(--pf-v6-c-jump-links__toggle--Display);
|
|
8075
|
+
margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
|
|
8076
|
+
}
|
|
8077
|
+
|
|
8078
|
+
.pf-v6-c-jump-links__toggle-icon {
|
|
8079
|
+
display: inline-block;
|
|
8080
|
+
color: var(--pf-v6-c-jump-links__toggle-icon--Color);
|
|
8081
|
+
transition: var(--pf-v6-c-jump-links__toggle-icon--Transition);
|
|
8082
|
+
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
8083
|
+
}
|
|
8084
|
+
|
|
8085
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
|
|
8086
|
+
scale: -1 1;
|
|
8072
8087
|
}
|
|
8073
8088
|
|
|
8074
8089
|
:where(:root, .pf-v6-c-sidebar) {
|
|
@@ -8413,166 +8428,22 @@ label.pf-v6-c-input-group__text {
|
|
|
8413
8428
|
.pf-v6-c-sidebar__panel.pf-m-width-25-on-2xl {
|
|
8414
8429
|
--pf-v6-c-sidebar__panel--FlexBasis: 25%;
|
|
8415
8430
|
}
|
|
8416
|
-
.pf-v6-c-sidebar__panel.pf-m-width-33-on-2xl {
|
|
8417
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 33%;
|
|
8418
|
-
}
|
|
8419
|
-
.pf-v6-c-sidebar__panel.pf-m-width-50-on-2xl {
|
|
8420
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 50%;
|
|
8421
|
-
}
|
|
8422
|
-
.pf-v6-c-sidebar__panel.pf-m-width-66-on-2xl {
|
|
8423
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 66%;
|
|
8424
|
-
}
|
|
8425
|
-
.pf-v6-c-sidebar__panel.pf-m-width-75-on-2xl {
|
|
8426
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 75%;
|
|
8427
|
-
}
|
|
8428
|
-
.pf-v6-c-sidebar__panel.pf-m-width-100-on-2xl {
|
|
8429
|
-
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
|
8430
|
-
}
|
|
8431
|
-
}
|
|
8432
|
-
:where(:root, .pf-v6-c-label-group) {
|
|
8433
|
-
--pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
|
|
8434
|
-
--pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8435
|
-
--pf-v6-c-label-group--m-vertical--RowGap: var(--pf-t--global--spacer--sm);
|
|
8436
|
-
--pf-v6-c-label-group--m-vertical--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
8437
|
-
--pf-v6-c-label-group__main--RowGap: var(--pf-t--global--spacer--xs);
|
|
8438
|
-
--pf-v6-c-label-group__main--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
8439
|
-
--pf-v6-c-label-group--m-vertical__main--RowGap: var(--pf-t--global--spacer--sm);
|
|
8440
|
-
--pf-v6-c-label-group--m-vertical__main--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8441
|
-
--pf-v6-c-label-group__list--RowGap: var(--pf-t--global--spacer--xs);
|
|
8442
|
-
--pf-v6-c-label-group__list--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8443
|
-
--pf-v6-c-label-group--m-vertical__list--RowGap: var(--pf-t--global--spacer--xs);
|
|
8444
|
-
--pf-v6-c-label-group--m-vertical__list--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8445
|
-
--pf-v6-c-label-group--m-category--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
8446
|
-
--pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8447
|
-
--pf-v6-c-label-group--m-category--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
8448
|
-
--pf-v6-c-label-group--m-category--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
8449
|
-
--pf-v6-c-label-group--m-category--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
8450
|
-
--pf-v6-c-label-group--m-category--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
8451
|
-
--pf-v6-c-label-group--m-category--BorderColor: var(--pf-t--global--border--color--default);
|
|
8452
|
-
--pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8453
|
-
--pf-v6-c-label-group__label--MaxWidth: 18ch;
|
|
8454
|
-
--pf-v6-c-label-group__close--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
|
|
8455
|
-
--pf-v6-c-label-group__close--c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
8456
|
-
--pf-v6-c-label-group__close--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8457
|
-
--pf-v6-c-label-group__close--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
8458
|
-
--pf-v6-c-label-group__close--c-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
8459
|
-
--pf-v6-c-label-group__textarea--MinWidth: 12.5rem;
|
|
8460
|
-
--pf-v6-c-label-group__textarea--PaddingBlockStart: 0.125rem;
|
|
8461
|
-
--pf-v6-c-label-group__textarea--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
|
8462
|
-
--pf-v6-c-label-group__textarea--PaddingBlockEnd: 0;
|
|
8463
|
-
--pf-v6-c-label-group__textarea--PaddingInlineStart: var(--pf-t--global--spacer--xs);
|
|
8464
|
-
}
|
|
8465
|
-
|
|
8466
|
-
.pf-v6-c-label-group {
|
|
8467
|
-
display: inline-flex;
|
|
8468
|
-
row-gap: var(--pf-v6-c-label-group--RowGap);
|
|
8469
|
-
column-gap: var(--pf-v6-c-label-group--ColumnGap);
|
|
8470
|
-
align-items: center;
|
|
8471
|
-
}
|
|
8472
|
-
|
|
8473
|
-
.pf-v6-c-label-group.pf-m-category {
|
|
8474
|
-
padding-block-start: var(--pf-v6-c-label-group--m-category--PaddingBlockStart);
|
|
8475
|
-
padding-block-end: var(--pf-v6-c-label-group--m-category--PaddingBlockEnd);
|
|
8476
|
-
padding-inline-start: var(--pf-v6-c-label-group--m-category--PaddingInlineStart);
|
|
8477
|
-
padding-inline-end: var(--pf-v6-c-label-group--m-category--PaddingInlineEnd);
|
|
8478
|
-
background-color: var(--pf-v6-c-label-group--m-category--BackgroundColor);
|
|
8479
|
-
border: var(--pf-v6-c-label-group--m-category--BorderWidth) solid var(--pf-v6-c-label-group--m-category--BorderColor);
|
|
8480
|
-
border-radius: var(--pf-v6-c-label-group--m-category--BorderRadius);
|
|
8481
|
-
}
|
|
8482
|
-
|
|
8483
|
-
.pf-v6-c-label-group.pf-m-vertical {
|
|
8484
|
-
--pf-v6-c-label-group--RowGap: var(--pf-v6-c-label-group--m-vertical--RowGap);
|
|
8485
|
-
--pf-v6-c-label-group--ColumnGap: var(--pf-v6-c-label-group--m-vertical--ColumnGap);
|
|
8486
|
-
--pf-v6-c-label-group__main--RowGap: var(--pf-v6-c-label-group--m-vertical__main--RowGap);
|
|
8487
|
-
--pf-v6-c-label-group__main--ColumnGap: var(--pf-v6-c-label-group--m-vertical__main--ColumnGap);
|
|
8488
|
-
--pf-v6-c-label-group__list--RowGap: var(--pf-v6-c-label-group--m-vertical__list--RowGap);
|
|
8489
|
-
--pf-v6-c-label-group__list--ColumnGap: var(--pf-v6-c-label-group--m-vertical__list--ColumnGap);
|
|
8490
|
-
--pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd);
|
|
8491
|
-
}
|
|
8492
|
-
|
|
8493
|
-
.pf-v6-c-label-group.pf-m-vertical.pf-v6-c-label-group {
|
|
8494
|
-
align-items: flex-start;
|
|
8495
|
-
}
|
|
8496
|
-
|
|
8497
|
-
.pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__list {
|
|
8498
|
-
flex-direction: column;
|
|
8499
|
-
align-items: flex-start;
|
|
8500
|
-
}
|
|
8501
|
-
|
|
8502
|
-
.pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__main {
|
|
8503
|
-
flex-direction: column;
|
|
8504
|
-
}
|
|
8505
|
-
|
|
8506
|
-
.pf-v6-c-label-group.pf-m-editable,
|
|
8507
|
-
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
|
|
8508
|
-
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list {
|
|
8509
|
-
display: flex;
|
|
8510
|
-
}
|
|
8511
|
-
|
|
8512
|
-
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
|
|
8513
|
-
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list,
|
|
8514
|
-
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list-item.pf-m-textarea,
|
|
8515
|
-
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__textarea {
|
|
8516
|
-
flex: 1;
|
|
8517
|
-
}
|
|
8518
|
-
|
|
8519
|
-
.pf-v6-c-label-group__main {
|
|
8520
|
-
display: flex;
|
|
8521
|
-
flex: 1;
|
|
8522
|
-
flex-wrap: wrap;
|
|
8523
|
-
row-gap: var(--pf-v6-c-label-group__main--RowGap);
|
|
8524
|
-
column-gap: var(--pf-v6-c-label-group__main--ColumnGap);
|
|
8525
|
-
align-items: baseline;
|
|
8526
|
-
}
|
|
8527
|
-
|
|
8528
|
-
.pf-v6-c-label-group__list {
|
|
8529
|
-
display: inline-flex;
|
|
8530
|
-
flex-wrap: wrap;
|
|
8531
|
-
row-gap: var(--pf-v6-c-label-group__list--RowGap);
|
|
8532
|
-
column-gap: var(--pf-v6-c-label-group__list--ColumnGap);
|
|
8533
|
-
}
|
|
8534
|
-
|
|
8535
|
-
.pf-v6-c-label-group__list-item {
|
|
8536
|
-
display: inline-flex;
|
|
8537
|
-
}
|
|
8538
|
-
|
|
8539
|
-
.pf-v6-c-label-group__label {
|
|
8540
|
-
overflow: hidden;
|
|
8541
|
-
text-overflow: ellipsis;
|
|
8542
|
-
white-space: nowrap;
|
|
8543
|
-
max-width: var(--pf-v6-c-label-group__label--MaxWidth);
|
|
8544
|
-
}
|
|
8545
|
-
|
|
8546
|
-
.pf-v6-c-label-group__close {
|
|
8547
|
-
display: flex;
|
|
8548
|
-
align-self: flex-start;
|
|
8549
|
-
}
|
|
8550
|
-
|
|
8551
|
-
.pf-v6-c-label-group__close .pf-v6-c-button {
|
|
8552
|
-
--pf-v6-c-button--FontSize: var(--pf-v6-c-label-group__close--c-button--FontSize);
|
|
8553
|
-
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label-group__close--c-button--PaddingBlockStart);
|
|
8554
|
-
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: var(--pf-v6-c-label-group__close--c-button--PaddingInlineEnd);
|
|
8555
|
-
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: var(--pf-v6-c-label-group__close--c-button--PaddingBlockEnd);
|
|
8556
|
-
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: var(--pf-v6-c-label-group__close--c-button--PaddingInlineStart);
|
|
8557
|
-
}
|
|
8558
|
-
|
|
8559
|
-
.pf-v6-c-label-group__textarea {
|
|
8560
|
-
min-width: var(--pf-v6-c-label-group__textarea--MinWidth);
|
|
8561
|
-
padding-block-start: var(--pf-v6-c-label-group__textarea--PaddingBlockStart);
|
|
8562
|
-
padding-block-end: var(--pf-v6-c-label-group__textarea--PaddingBlockEnd);
|
|
8563
|
-
padding-inline-start: var(--pf-v6-c-label-group__textarea--PaddingInlineStart);
|
|
8564
|
-
padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
|
|
8565
|
-
white-space: nowrap;
|
|
8566
|
-
resize: none;
|
|
8567
|
-
border: 0;
|
|
8568
|
-
-ms-overflow-style: none;
|
|
8569
|
-
scrollbar-width: none;
|
|
8570
|
-
}
|
|
8571
|
-
|
|
8572
|
-
.pf-v6-c-label-group__textarea::-webkit-scrollbar {
|
|
8573
|
-
display: none;
|
|
8431
|
+
.pf-v6-c-sidebar__panel.pf-m-width-33-on-2xl {
|
|
8432
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 33%;
|
|
8433
|
+
}
|
|
8434
|
+
.pf-v6-c-sidebar__panel.pf-m-width-50-on-2xl {
|
|
8435
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 50%;
|
|
8436
|
+
}
|
|
8437
|
+
.pf-v6-c-sidebar__panel.pf-m-width-66-on-2xl {
|
|
8438
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 66%;
|
|
8439
|
+
}
|
|
8440
|
+
.pf-v6-c-sidebar__panel.pf-m-width-75-on-2xl {
|
|
8441
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 75%;
|
|
8442
|
+
}
|
|
8443
|
+
.pf-v6-c-sidebar__panel.pf-m-width-100-on-2xl {
|
|
8444
|
+
--pf-v6-c-sidebar__panel--FlexBasis: 100%;
|
|
8445
|
+
}
|
|
8574
8446
|
}
|
|
8575
|
-
|
|
8576
8447
|
:where(:root, .pf-v6-c-label) {
|
|
8577
8448
|
--pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
8578
8449
|
--pf-v6-c-label--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -9100,6 +8971,150 @@ input.pf-v6-c-label__content {
|
|
|
9100
8971
|
outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
|
|
9101
8972
|
}
|
|
9102
8973
|
|
|
8974
|
+
:where(:root, .pf-v6-c-label-group) {
|
|
8975
|
+
--pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
|
|
8976
|
+
--pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8977
|
+
--pf-v6-c-label-group--m-vertical--RowGap: var(--pf-t--global--spacer--sm);
|
|
8978
|
+
--pf-v6-c-label-group--m-vertical--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
8979
|
+
--pf-v6-c-label-group__main--RowGap: var(--pf-t--global--spacer--xs);
|
|
8980
|
+
--pf-v6-c-label-group__main--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
8981
|
+
--pf-v6-c-label-group--m-vertical__main--RowGap: var(--pf-t--global--spacer--sm);
|
|
8982
|
+
--pf-v6-c-label-group--m-vertical__main--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8983
|
+
--pf-v6-c-label-group__list--RowGap: var(--pf-t--global--spacer--xs);
|
|
8984
|
+
--pf-v6-c-label-group__list--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8985
|
+
--pf-v6-c-label-group--m-vertical__list--RowGap: var(--pf-t--global--spacer--xs);
|
|
8986
|
+
--pf-v6-c-label-group--m-vertical__list--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
8987
|
+
--pf-v6-c-label-group--m-category--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
8988
|
+
--pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8989
|
+
--pf-v6-c-label-group--m-category--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
8990
|
+
--pf-v6-c-label-group--m-category--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
8991
|
+
--pf-v6-c-label-group--m-category--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
8992
|
+
--pf-v6-c-label-group--m-category--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
8993
|
+
--pf-v6-c-label-group--m-category--BorderColor: var(--pf-t--global--border--color--default);
|
|
8994
|
+
--pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8995
|
+
--pf-v6-c-label-group__label--MaxWidth: 18ch;
|
|
8996
|
+
--pf-v6-c-label-group__close--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
|
|
8997
|
+
--pf-v6-c-label-group__close--c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
8998
|
+
--pf-v6-c-label-group__close--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
8999
|
+
--pf-v6-c-label-group__close--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
9000
|
+
--pf-v6-c-label-group__close--c-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
9001
|
+
--pf-v6-c-label-group__textarea--MinWidth: 12.5rem;
|
|
9002
|
+
--pf-v6-c-label-group__textarea--PaddingBlockStart: 0.125rem;
|
|
9003
|
+
--pf-v6-c-label-group__textarea--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
|
9004
|
+
--pf-v6-c-label-group__textarea--PaddingBlockEnd: 0;
|
|
9005
|
+
--pf-v6-c-label-group__textarea--PaddingInlineStart: var(--pf-t--global--spacer--xs);
|
|
9006
|
+
}
|
|
9007
|
+
|
|
9008
|
+
.pf-v6-c-label-group {
|
|
9009
|
+
display: inline-flex;
|
|
9010
|
+
row-gap: var(--pf-v6-c-label-group--RowGap);
|
|
9011
|
+
column-gap: var(--pf-v6-c-label-group--ColumnGap);
|
|
9012
|
+
align-items: center;
|
|
9013
|
+
}
|
|
9014
|
+
|
|
9015
|
+
.pf-v6-c-label-group.pf-m-category {
|
|
9016
|
+
padding-block-start: var(--pf-v6-c-label-group--m-category--PaddingBlockStart);
|
|
9017
|
+
padding-block-end: var(--pf-v6-c-label-group--m-category--PaddingBlockEnd);
|
|
9018
|
+
padding-inline-start: var(--pf-v6-c-label-group--m-category--PaddingInlineStart);
|
|
9019
|
+
padding-inline-end: var(--pf-v6-c-label-group--m-category--PaddingInlineEnd);
|
|
9020
|
+
background-color: var(--pf-v6-c-label-group--m-category--BackgroundColor);
|
|
9021
|
+
border: var(--pf-v6-c-label-group--m-category--BorderWidth) solid var(--pf-v6-c-label-group--m-category--BorderColor);
|
|
9022
|
+
border-radius: var(--pf-v6-c-label-group--m-category--BorderRadius);
|
|
9023
|
+
}
|
|
9024
|
+
|
|
9025
|
+
.pf-v6-c-label-group.pf-m-vertical {
|
|
9026
|
+
--pf-v6-c-label-group--RowGap: var(--pf-v6-c-label-group--m-vertical--RowGap);
|
|
9027
|
+
--pf-v6-c-label-group--ColumnGap: var(--pf-v6-c-label-group--m-vertical--ColumnGap);
|
|
9028
|
+
--pf-v6-c-label-group__main--RowGap: var(--pf-v6-c-label-group--m-vertical__main--RowGap);
|
|
9029
|
+
--pf-v6-c-label-group__main--ColumnGap: var(--pf-v6-c-label-group--m-vertical__main--ColumnGap);
|
|
9030
|
+
--pf-v6-c-label-group__list--RowGap: var(--pf-v6-c-label-group--m-vertical__list--RowGap);
|
|
9031
|
+
--pf-v6-c-label-group__list--ColumnGap: var(--pf-v6-c-label-group--m-vertical__list--ColumnGap);
|
|
9032
|
+
--pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd);
|
|
9033
|
+
}
|
|
9034
|
+
|
|
9035
|
+
.pf-v6-c-label-group.pf-m-vertical.pf-v6-c-label-group {
|
|
9036
|
+
align-items: flex-start;
|
|
9037
|
+
}
|
|
9038
|
+
|
|
9039
|
+
.pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__list {
|
|
9040
|
+
flex-direction: column;
|
|
9041
|
+
align-items: flex-start;
|
|
9042
|
+
}
|
|
9043
|
+
|
|
9044
|
+
.pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__main {
|
|
9045
|
+
flex-direction: column;
|
|
9046
|
+
}
|
|
9047
|
+
|
|
9048
|
+
.pf-v6-c-label-group.pf-m-editable,
|
|
9049
|
+
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
|
|
9050
|
+
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list {
|
|
9051
|
+
display: flex;
|
|
9052
|
+
}
|
|
9053
|
+
|
|
9054
|
+
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
|
|
9055
|
+
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list,
|
|
9056
|
+
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list-item.pf-m-textarea,
|
|
9057
|
+
.pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__textarea {
|
|
9058
|
+
flex: 1;
|
|
9059
|
+
}
|
|
9060
|
+
|
|
9061
|
+
.pf-v6-c-label-group__main {
|
|
9062
|
+
display: flex;
|
|
9063
|
+
flex: 1;
|
|
9064
|
+
flex-wrap: wrap;
|
|
9065
|
+
row-gap: var(--pf-v6-c-label-group__main--RowGap);
|
|
9066
|
+
column-gap: var(--pf-v6-c-label-group__main--ColumnGap);
|
|
9067
|
+
align-items: baseline;
|
|
9068
|
+
}
|
|
9069
|
+
|
|
9070
|
+
.pf-v6-c-label-group__list {
|
|
9071
|
+
display: inline-flex;
|
|
9072
|
+
flex-wrap: wrap;
|
|
9073
|
+
row-gap: var(--pf-v6-c-label-group__list--RowGap);
|
|
9074
|
+
column-gap: var(--pf-v6-c-label-group__list--ColumnGap);
|
|
9075
|
+
}
|
|
9076
|
+
|
|
9077
|
+
.pf-v6-c-label-group__list-item {
|
|
9078
|
+
display: inline-flex;
|
|
9079
|
+
}
|
|
9080
|
+
|
|
9081
|
+
.pf-v6-c-label-group__label {
|
|
9082
|
+
overflow: hidden;
|
|
9083
|
+
text-overflow: ellipsis;
|
|
9084
|
+
white-space: nowrap;
|
|
9085
|
+
max-width: var(--pf-v6-c-label-group__label--MaxWidth);
|
|
9086
|
+
}
|
|
9087
|
+
|
|
9088
|
+
.pf-v6-c-label-group__close {
|
|
9089
|
+
display: flex;
|
|
9090
|
+
align-self: flex-start;
|
|
9091
|
+
}
|
|
9092
|
+
|
|
9093
|
+
.pf-v6-c-label-group__close .pf-v6-c-button {
|
|
9094
|
+
--pf-v6-c-button--FontSize: var(--pf-v6-c-label-group__close--c-button--FontSize);
|
|
9095
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label-group__close--c-button--PaddingBlockStart);
|
|
9096
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: var(--pf-v6-c-label-group__close--c-button--PaddingInlineEnd);
|
|
9097
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: var(--pf-v6-c-label-group__close--c-button--PaddingBlockEnd);
|
|
9098
|
+
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: var(--pf-v6-c-label-group__close--c-button--PaddingInlineStart);
|
|
9099
|
+
}
|
|
9100
|
+
|
|
9101
|
+
.pf-v6-c-label-group__textarea {
|
|
9102
|
+
min-width: var(--pf-v6-c-label-group__textarea--MinWidth);
|
|
9103
|
+
padding-block-start: var(--pf-v6-c-label-group__textarea--PaddingBlockStart);
|
|
9104
|
+
padding-block-end: var(--pf-v6-c-label-group__textarea--PaddingBlockEnd);
|
|
9105
|
+
padding-inline-start: var(--pf-v6-c-label-group__textarea--PaddingInlineStart);
|
|
9106
|
+
padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
|
|
9107
|
+
white-space: nowrap;
|
|
9108
|
+
resize: none;
|
|
9109
|
+
border: 0;
|
|
9110
|
+
-ms-overflow-style: none;
|
|
9111
|
+
scrollbar-width: none;
|
|
9112
|
+
}
|
|
9113
|
+
|
|
9114
|
+
.pf-v6-c-label-group__textarea::-webkit-scrollbar {
|
|
9115
|
+
display: none;
|
|
9116
|
+
}
|
|
9117
|
+
|
|
9103
9118
|
:where(:root, .pf-v6-c-list) {
|
|
9104
9119
|
--pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
9105
9120
|
--pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
|
|
@@ -14319,26 +14334,107 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14319
14334
|
transform: translateX(100%);
|
|
14320
14335
|
}
|
|
14321
14336
|
100% {
|
|
14322
|
-
transform: translateX(100%);
|
|
14337
|
+
transform: translateX(100%);
|
|
14338
|
+
}
|
|
14339
|
+
}
|
|
14340
|
+
:where(:root, .pf-v6-c-skip-to-content) {
|
|
14341
|
+
--pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
|
|
14342
|
+
--pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
14343
|
+
--pf-v6-c-skip-to-content--focus--InsetInlineStart: var(--pf-t--global--spacer--md);
|
|
14344
|
+
}
|
|
14345
|
+
|
|
14346
|
+
.pf-v6-c-skip-to-content {
|
|
14347
|
+
position: absolute;
|
|
14348
|
+
inset-block-start: var(--pf-v6-c-skip-to-content--InsetBlockStart);
|
|
14349
|
+
inset-inline-start: -300%;
|
|
14350
|
+
z-index: var(--pf-v6-c-skip-to-content--ZIndex);
|
|
14351
|
+
}
|
|
14352
|
+
|
|
14353
|
+
.pf-v6-c-skip-to-content:focus-within {
|
|
14354
|
+
inset-inline-start: var(--pf-v6-c-skip-to-content--focus--InsetInlineStart);
|
|
14355
|
+
}
|
|
14356
|
+
|
|
14357
|
+
:where(:root, .pf-v6-c-spinner) {
|
|
14358
|
+
--pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
|
|
14359
|
+
--pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
|
|
14360
|
+
--pf-v6-c-spinner--Height: var(--pf-v6-c-spinner--diameter);
|
|
14361
|
+
--pf-v6-c-spinner--Color: var(--pf-t--global--icon--color--brand--default);
|
|
14362
|
+
--pf-v6-c-spinner--AnimationDuration: 1.4s;
|
|
14363
|
+
--pf-v6-c-spinner--AnimationTimingFunction: linear;
|
|
14364
|
+
--pf-v6-c-spinner--StrokeWidth: 10;
|
|
14365
|
+
--pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
|
|
14366
|
+
--pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
|
|
14367
|
+
--pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
|
|
14368
|
+
--pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
|
|
14369
|
+
--pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
|
|
14370
|
+
--pf-v6-c-spinner--m-xl--diameter: var(--pf-t--global--icon--size--2xl);
|
|
14371
|
+
--pf-v6-c-spinner--m-inline--diameter: 1em;
|
|
14372
|
+
}
|
|
14373
|
+
|
|
14374
|
+
.pf-v6-c-spinner {
|
|
14375
|
+
width: var(--pf-v6-c-spinner--Width);
|
|
14376
|
+
height: var(--pf-v6-c-spinner--Height);
|
|
14377
|
+
overflow: hidden;
|
|
14378
|
+
animation: pf-v6-c-spinner-animation-rotate calc(var(--pf-v6-c-spinner--AnimationDuration) * 2) var(--pf-v6-c-spinner--AnimationTimingFunction) infinite;
|
|
14379
|
+
}
|
|
14380
|
+
|
|
14381
|
+
.pf-v6-c-spinner.pf-m-inline {
|
|
14382
|
+
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
|
|
14383
|
+
}
|
|
14384
|
+
|
|
14385
|
+
.pf-v6-c-spinner.pf-m-sm {
|
|
14386
|
+
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
|
|
14387
|
+
}
|
|
14388
|
+
|
|
14389
|
+
.pf-v6-c-spinner.pf-m-md {
|
|
14390
|
+
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-md--diameter);
|
|
14391
|
+
}
|
|
14392
|
+
|
|
14393
|
+
.pf-v6-c-spinner.pf-m-lg {
|
|
14394
|
+
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
|
|
14395
|
+
}
|
|
14396
|
+
|
|
14397
|
+
.pf-v6-c-spinner.pf-m-xl {
|
|
14398
|
+
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xl--diameter);
|
|
14399
|
+
}
|
|
14400
|
+
|
|
14401
|
+
.pf-v6-c-spinner__path {
|
|
14402
|
+
width: 100%;
|
|
14403
|
+
height: 100%;
|
|
14404
|
+
stroke: var(--pf-v6-c-spinner--Color);
|
|
14405
|
+
stroke-dasharray: 283;
|
|
14406
|
+
stroke-dashoffset: 280;
|
|
14407
|
+
stroke-linecap: round;
|
|
14408
|
+
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
14409
|
+
transform-origin: 50% 50%;
|
|
14410
|
+
animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
|
|
14411
|
+
}
|
|
14412
|
+
|
|
14413
|
+
@keyframes pf-v6-c-spinner-animation-rotate {
|
|
14414
|
+
0% {
|
|
14415
|
+
transform: rotate(0deg);
|
|
14416
|
+
}
|
|
14417
|
+
100% {
|
|
14418
|
+
transform: rotate(360deg);
|
|
14419
|
+
}
|
|
14420
|
+
}
|
|
14421
|
+
@keyframes pf-v6-c-spinner-animation-dash {
|
|
14422
|
+
0% {
|
|
14423
|
+
stroke-dashoffset: 280;
|
|
14424
|
+
transform: rotate(0);
|
|
14425
|
+
}
|
|
14426
|
+
15% {
|
|
14427
|
+
stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
|
|
14428
|
+
}
|
|
14429
|
+
40% {
|
|
14430
|
+
stroke-dasharray: 220;
|
|
14431
|
+
stroke-dashoffset: 150;
|
|
14432
|
+
}
|
|
14433
|
+
100% {
|
|
14434
|
+
stroke-dashoffset: 280;
|
|
14435
|
+
transform: rotate(720deg);
|
|
14323
14436
|
}
|
|
14324
14437
|
}
|
|
14325
|
-
:where(:root, .pf-v6-c-skip-to-content) {
|
|
14326
|
-
--pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
|
|
14327
|
-
--pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
14328
|
-
--pf-v6-c-skip-to-content--focus--InsetInlineStart: var(--pf-t--global--spacer--md);
|
|
14329
|
-
}
|
|
14330
|
-
|
|
14331
|
-
.pf-v6-c-skip-to-content {
|
|
14332
|
-
position: absolute;
|
|
14333
|
-
inset-block-start: var(--pf-v6-c-skip-to-content--InsetBlockStart);
|
|
14334
|
-
inset-inline-start: -300%;
|
|
14335
|
-
z-index: var(--pf-v6-c-skip-to-content--ZIndex);
|
|
14336
|
-
}
|
|
14337
|
-
|
|
14338
|
-
.pf-v6-c-skip-to-content:focus-within {
|
|
14339
|
-
inset-inline-start: var(--pf-v6-c-skip-to-content--focus--InsetInlineStart);
|
|
14340
|
-
}
|
|
14341
|
-
|
|
14342
14438
|
:where(:root, .pf-v6-c-slider) {
|
|
14343
14439
|
--pf-v6-c-slider--value: 0;
|
|
14344
14440
|
--pf-v6-c-slider__step--InsetInlineStart: 0;
|
|
@@ -14557,266 +14653,23 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14557
14653
|
inset-inline-start: var(--pf-v6-c-slider__value--m-floating--InsetInlineStart);
|
|
14558
14654
|
z-index: var(--pf-v6-c-slider__value--m-floating--ZIndex);
|
|
14559
14655
|
}
|
|
14560
|
-
|
|
14561
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
|
|
14562
|
-
transform: translate(calc(var(--pf-v6-c-slider__value--m-floating--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__value--m-floating--TranslateY));
|
|
14563
|
-
}
|
|
14564
|
-
|
|
14565
|
-
.pf-v6-c-slider__value .pf-v6-c-form-control {
|
|
14566
|
-
width: var(--pf-v6-c-slider__value--c-form-control--Width);
|
|
14567
|
-
}
|
|
14568
|
-
|
|
14569
|
-
.pf-v6-c-slider__actions {
|
|
14570
|
-
display: flex;
|
|
14571
|
-
margin-inline-end: var(--pf-v6-c-slider__actions--MarginInlineEnd);
|
|
14572
|
-
}
|
|
14573
|
-
|
|
14574
|
-
.pf-v6-c-slider__main ~ .pf-v6-c-slider__actions {
|
|
14575
|
-
--pf-v6-c-slider__actions--MarginInlineEnd: 0;
|
|
14576
|
-
margin-inline-start: var(--pf-v6-c-slider__main--actions--MarginInlineStart);
|
|
14577
|
-
}
|
|
14578
|
-
|
|
14579
|
-
:where(:root, .pf-v6-c-spinner) {
|
|
14580
|
-
--pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
|
|
14581
|
-
--pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
|
|
14582
|
-
--pf-v6-c-spinner--Height: var(--pf-v6-c-spinner--diameter);
|
|
14583
|
-
--pf-v6-c-spinner--Color: var(--pf-t--global--icon--color--brand--default);
|
|
14584
|
-
--pf-v6-c-spinner--AnimationDuration: 1.4s;
|
|
14585
|
-
--pf-v6-c-spinner--AnimationTimingFunction: linear;
|
|
14586
|
-
--pf-v6-c-spinner--StrokeWidth: 10;
|
|
14587
|
-
--pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
|
|
14588
|
-
--pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
|
|
14589
|
-
--pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
|
|
14590
|
-
--pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
|
|
14591
|
-
--pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
|
|
14592
|
-
--pf-v6-c-spinner--m-xl--diameter: var(--pf-t--global--icon--size--2xl);
|
|
14593
|
-
--pf-v6-c-spinner--m-inline--diameter: 1em;
|
|
14594
|
-
}
|
|
14595
|
-
|
|
14596
|
-
.pf-v6-c-spinner {
|
|
14597
|
-
width: var(--pf-v6-c-spinner--Width);
|
|
14598
|
-
height: var(--pf-v6-c-spinner--Height);
|
|
14599
|
-
overflow: hidden;
|
|
14600
|
-
animation: pf-v6-c-spinner-animation-rotate calc(var(--pf-v6-c-spinner--AnimationDuration) * 2) var(--pf-v6-c-spinner--AnimationTimingFunction) infinite;
|
|
14601
|
-
}
|
|
14602
|
-
|
|
14603
|
-
.pf-v6-c-spinner.pf-m-inline {
|
|
14604
|
-
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
|
|
14605
|
-
}
|
|
14606
|
-
|
|
14607
|
-
.pf-v6-c-spinner.pf-m-sm {
|
|
14608
|
-
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
|
|
14609
|
-
}
|
|
14610
|
-
|
|
14611
|
-
.pf-v6-c-spinner.pf-m-md {
|
|
14612
|
-
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-md--diameter);
|
|
14613
|
-
}
|
|
14614
|
-
|
|
14615
|
-
.pf-v6-c-spinner.pf-m-lg {
|
|
14616
|
-
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
|
|
14617
|
-
}
|
|
14618
|
-
|
|
14619
|
-
.pf-v6-c-spinner.pf-m-xl {
|
|
14620
|
-
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xl--diameter);
|
|
14621
|
-
}
|
|
14622
|
-
|
|
14623
|
-
.pf-v6-c-spinner__path {
|
|
14624
|
-
width: 100%;
|
|
14625
|
-
height: 100%;
|
|
14626
|
-
stroke: var(--pf-v6-c-spinner--Color);
|
|
14627
|
-
stroke-dasharray: 283;
|
|
14628
|
-
stroke-dashoffset: 280;
|
|
14629
|
-
stroke-linecap: round;
|
|
14630
|
-
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
14631
|
-
transform-origin: 50% 50%;
|
|
14632
|
-
animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
|
|
14633
|
-
}
|
|
14634
|
-
|
|
14635
|
-
@keyframes pf-v6-c-spinner-animation-rotate {
|
|
14636
|
-
0% {
|
|
14637
|
-
transform: rotate(0deg);
|
|
14638
|
-
}
|
|
14639
|
-
100% {
|
|
14640
|
-
transform: rotate(360deg);
|
|
14641
|
-
}
|
|
14642
|
-
}
|
|
14643
|
-
@keyframes pf-v6-c-spinner-animation-dash {
|
|
14644
|
-
0% {
|
|
14645
|
-
stroke-dashoffset: 280;
|
|
14646
|
-
transform: rotate(0);
|
|
14647
|
-
}
|
|
14648
|
-
15% {
|
|
14649
|
-
stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
|
|
14650
|
-
}
|
|
14651
|
-
40% {
|
|
14652
|
-
stroke-dasharray: 220;
|
|
14653
|
-
stroke-dashoffset: 150;
|
|
14654
|
-
}
|
|
14655
|
-
100% {
|
|
14656
|
-
stroke-dashoffset: 280;
|
|
14657
|
-
transform: rotate(720deg);
|
|
14658
|
-
}
|
|
14659
|
-
}
|
|
14660
|
-
:where(:root, .pf-v6-c-switch) {
|
|
14661
|
-
--pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
|
|
14662
|
-
--pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
14663
|
-
--pf-v6-c-switch__toggle-icon--FontSize: calc(var(--pf-v6-c-switch--FontSize) * .625);
|
|
14664
|
-
--pf-v6-c-switch__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
|
|
14665
|
-
--pf-v6-c-switch__toggle-icon--InsetInlineStart: calc(var(--pf-v6-c-switch--FontSize) * .4);
|
|
14666
|
-
--pf-v6-c-switch__toggle-icon--Offset: 0.125rem;
|
|
14667
|
-
--pf-v6-c-switch__input--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
14668
|
-
--pf-v6-c-switch--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
14669
|
-
--pf-v6-c-switch--Height: auto;
|
|
14670
|
-
--pf-v6-c-switch__input--checked__toggle--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
14671
|
-
--pf-v6-c-switch__input--checked__toggle--before--TranslateX: calc(100% + var(--pf-v6-c-switch__toggle-icon--Offset));
|
|
14672
|
-
--pf-v6-c-switch__input--checked__toggle--BorderWidth: 0;
|
|
14673
|
-
--pf-v6-c-switch__input--checked__label--Color: var(--pf-t--global--text--color--regular);
|
|
14674
|
-
--pf-v6-c-switch__input--not-checked__label--Color: var(--pf-t--global--text--color--subtle);
|
|
14675
|
-
--pf-v6-c-switch__input--disabled__label--Color: var(--pf-t--global--text--color--disabled);
|
|
14676
|
-
--pf-v6-c-switch__input--disabled__toggle--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
14677
|
-
--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--inverse);
|
|
14678
|
-
--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--subtle);
|
|
14679
|
-
--pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--on-disabled);
|
|
14680
|
-
--pf-v6-c-switch__input--focus__toggle--OutlineWidth: var(--pf-t--global--border--width--strong);
|
|
14681
|
-
--pf-v6-c-switch__input--focus__toggle--OutlineOffset: var(--pf-t--global--spacer--xs);
|
|
14682
|
-
--pf-v6-c-switch__input--focus__toggle--OutlineColor: var(--pf-t--global--color--brand--default);
|
|
14683
|
-
--pf-v6-c-switch__toggle--Height: calc(var(--pf-v6-c-switch--FontSize) * var(--pf-v6-c-switch--LineHeight));
|
|
14684
|
-
--pf-v6-c-switch__toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
14685
|
-
--pf-v6-c-switch__toggle--BorderColor: var(--pf-t--global--border--color--default);
|
|
14686
|
-
--pf-v6-c-switch__toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
14687
|
-
--pf-v6-c-switch__toggle--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
14688
|
-
--pf-v6-c-switch__toggle--before--Width: calc(var(--pf-v6-c-switch--FontSize) - var(--pf-v6-c-switch__toggle-icon--Offset));
|
|
14689
|
-
--pf-v6-c-switch__toggle--before--Height: var(--pf-v6-c-switch__toggle--before--Width);
|
|
14690
|
-
--pf-v6-c-switch__toggle--before--InsetInlineStart: calc((var(--pf-v6-c-switch__toggle--Height) - var(--pf-v6-c-switch__toggle--before--Height)) / 2);
|
|
14691
|
-
--pf-v6-c-switch__toggle--before--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
14692
|
-
--pf-v6-c-switch__toggle--before--Transition: transform .25s ease 0s;
|
|
14693
|
-
--pf-v6-c-switch__toggle--Width: calc(var(--pf-v6-c-switch__toggle--Height) + var(--pf-v6-c-switch__toggle-icon--Offset) + var(--pf-v6-c-switch__toggle--before--Width));
|
|
14694
|
-
}
|
|
14695
|
-
|
|
14696
|
-
.pf-v6-c-switch {
|
|
14697
|
-
position: relative;
|
|
14698
|
-
display: inline-grid;
|
|
14699
|
-
grid-template-columns: auto;
|
|
14700
|
-
grid-auto-columns: 1fr;
|
|
14701
|
-
column-gap: var(--pf-v6-c-switch--ColumnGap);
|
|
14702
|
-
height: var(--pf-v6-c-switch--Height);
|
|
14703
|
-
font-size: var(--pf-v6-c-switch--FontSize);
|
|
14704
|
-
line-height: var(--pf-v6-c-switch--LineHeight);
|
|
14705
|
-
vertical-align: middle;
|
|
14706
|
-
cursor: pointer;
|
|
14707
|
-
}
|
|
14708
|
-
|
|
14709
|
-
.pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__label,
|
|
14710
|
-
.pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__toggle {
|
|
14711
|
-
grid-row: 1;
|
|
14712
|
-
}
|
|
14713
|
-
|
|
14714
|
-
.pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__label {
|
|
14715
|
-
grid-column: 1;
|
|
14716
|
-
}
|
|
14717
|
-
|
|
14718
|
-
.pf-v6-c-switch__input {
|
|
14719
|
-
position: absolute;
|
|
14720
|
-
cursor: pointer;
|
|
14721
|
-
opacity: 0;
|
|
14722
|
-
}
|
|
14723
|
-
|
|
14724
|
-
.pf-v6-c-switch__input:focus-visible ~ .pf-v6-c-switch__toggle {
|
|
14725
|
-
outline: var(--pf-v6-c-switch__input--focus__toggle--OutlineWidth) solid var(--pf-v6-c-switch__input--focus__toggle--OutlineColor);
|
|
14726
|
-
outline-offset: var(--pf-v6-c-switch__input--focus__toggle--OutlineOffset);
|
|
14727
|
-
}
|
|
14728
|
-
|
|
14729
|
-
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__label {
|
|
14730
|
-
color: var(--pf-v6-c-switch__input--checked__label--Color);
|
|
14731
|
-
}
|
|
14732
|
-
|
|
14733
|
-
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle {
|
|
14734
|
-
--pf-v6-c-switch__toggle--BorderWidth: var(--pf-v6-c-switch__input--checked__toggle--BorderWidth);
|
|
14735
|
-
background-color: var(--pf-v6-c-switch__input--checked__toggle--BackgroundColor);
|
|
14736
|
-
}
|
|
14737
|
-
|
|
14738
|
-
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
14739
|
-
transform: translate(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX), -50%);
|
|
14740
|
-
background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
|
|
14741
|
-
}
|
|
14742
|
-
|
|
14743
|
-
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
14744
|
-
transform: translate(calc(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), -50%);
|
|
14745
|
-
}
|
|
14746
|
-
|
|
14747
|
-
.pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__label {
|
|
14748
|
-
color: var(--pf-v6-c-switch__input--not-checked__label--Color);
|
|
14749
|
-
}
|
|
14750
|
-
|
|
14751
|
-
.pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__toggle .pf-v6-c-switch__toggle-icon {
|
|
14752
|
-
display: none;
|
|
14753
|
-
}
|
|
14754
|
-
|
|
14755
|
-
.pf-v6-c-switch__input:disabled {
|
|
14756
|
-
cursor: not-allowed;
|
|
14757
|
-
}
|
|
14758
|
-
|
|
14759
|
-
.pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__label {
|
|
14760
|
-
color: var(--pf-v6-c-switch__input--disabled__label--Color);
|
|
14761
|
-
cursor: not-allowed;
|
|
14762
|
-
}
|
|
14763
|
-
|
|
14764
|
-
.pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__toggle {
|
|
14765
|
-
--pf-v6-c-switch__toggle-icon--Color: var(--pf-v6-c-switch__input--disabled__toggle-icon--Color);
|
|
14766
|
-
cursor: not-allowed;
|
|
14767
|
-
background-color: var(--pf-v6-c-switch__input--disabled__toggle--BackgroundColor);
|
|
14768
|
-
}
|
|
14769
|
-
|
|
14770
|
-
.pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__toggle::before {
|
|
14771
|
-
background-color: var(--pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor);
|
|
14772
|
-
}
|
|
14773
|
-
|
|
14774
|
-
.pf-v6-c-switch__toggle {
|
|
14775
|
-
position: relative;
|
|
14776
|
-
display: inline-block;
|
|
14777
|
-
width: var(--pf-v6-c-switch__toggle--Width);
|
|
14778
|
-
height: var(--pf-v6-c-switch__toggle--Height);
|
|
14779
|
-
background-color: var(--pf-v6-c-switch__toggle--BackgroundColor);
|
|
14780
|
-
border-radius: var(--pf-v6-c-switch__toggle--BorderRadius);
|
|
14781
|
-
}
|
|
14782
|
-
|
|
14783
|
-
.pf-v6-c-switch__toggle::before {
|
|
14784
|
-
position: absolute;
|
|
14785
|
-
inset-block-start: 50%;
|
|
14786
|
-
inset-inline-start: var(--pf-v6-c-switch__toggle--before--InsetInlineStart);
|
|
14787
|
-
display: block;
|
|
14788
|
-
width: var(--pf-v6-c-switch__toggle--before--Width);
|
|
14789
|
-
height: var(--pf-v6-c-switch__toggle--before--Height);
|
|
14790
|
-
content: "";
|
|
14791
|
-
background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
|
|
14792
|
-
border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
|
|
14793
|
-
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
14794
|
-
transform: translateY(-50%);
|
|
14656
|
+
|
|
14657
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
|
|
14658
|
+
transform: translate(calc(var(--pf-v6-c-slider__value--m-floating--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__value--m-floating--TranslateY));
|
|
14795
14659
|
}
|
|
14796
14660
|
|
|
14797
|
-
.pf-v6-c-
|
|
14798
|
-
|
|
14799
|
-
inset: 0;
|
|
14800
|
-
content: "";
|
|
14801
|
-
border: var(--pf-v6-c-switch__toggle--BorderWidth) solid var(--pf-v6-c-switch__toggle--BorderColor);
|
|
14802
|
-
border-radius: var(--pf-v6-c-switch__toggle--BorderRadius);
|
|
14661
|
+
.pf-v6-c-slider__value .pf-v6-c-form-control {
|
|
14662
|
+
width: var(--pf-v6-c-slider__value--c-form-control--Width);
|
|
14803
14663
|
}
|
|
14804
14664
|
|
|
14805
|
-
.pf-v6-c-
|
|
14806
|
-
position: absolute;
|
|
14807
|
-
inset-block-start: 0;
|
|
14808
|
-
inset-block-end: 0;
|
|
14809
|
-
inset-inline-start: var(--pf-v6-c-switch__toggle-icon--InsetInlineStart);
|
|
14665
|
+
.pf-v6-c-slider__actions {
|
|
14810
14666
|
display: flex;
|
|
14811
|
-
|
|
14812
|
-
font-size: var(--pf-v6-c-switch__toggle-icon--FontSize);
|
|
14813
|
-
color: var(--pf-v6-c-switch__toggle-icon--Color);
|
|
14667
|
+
margin-inline-end: var(--pf-v6-c-slider__actions--MarginInlineEnd);
|
|
14814
14668
|
}
|
|
14815
14669
|
|
|
14816
|
-
.pf-v6-c-
|
|
14817
|
-
|
|
14818
|
-
|
|
14819
|
-
vertical-align: top;
|
|
14670
|
+
.pf-v6-c-slider__main ~ .pf-v6-c-slider__actions {
|
|
14671
|
+
--pf-v6-c-slider__actions--MarginInlineEnd: 0;
|
|
14672
|
+
margin-inline-start: var(--pf-v6-c-slider__main--actions--MarginInlineStart);
|
|
14820
14673
|
}
|
|
14821
14674
|
|
|
14822
14675
|
:where(:root, .pf-v6-c-tabs) {
|
|
@@ -15695,162 +15548,441 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15695
15548
|
--pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--2xl);
|
|
15696
15549
|
}
|
|
15697
15550
|
}
|
|
15698
|
-
:where(:root, .pf-v6-c-tab-content) {
|
|
15699
|
-
--pf-v6-c-tab-content__body--PaddingBlockStart: 0;
|
|
15700
|
-
--pf-v6-c-tab-content__body--PaddingInlineEnd: 0;
|
|
15701
|
-
--pf-v6-c-tab-content__body--PaddingBlockEnd: 0;
|
|
15702
|
-
--pf-v6-c-tab-content__body--PaddingInlineStart: 0;
|
|
15703
|
-
--pf-v6-c-tab-content--BackgroundColor: transparent;
|
|
15704
|
-
--pf-v6-c-tab-content__body--m-padding--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
15705
|
-
--pf-v6-c-tab-content__body--m-padding--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
15706
|
-
--pf-v6-c-tab-content__body--m-padding--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
15707
|
-
--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
15708
|
-
--pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
15709
|
-
--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
15710
|
-
--pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
15711
|
-
--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
15712
|
-
--pf-v6-c-tab-content--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
15551
|
+
:where(:root, .pf-v6-c-tab-content) {
|
|
15552
|
+
--pf-v6-c-tab-content__body--PaddingBlockStart: 0;
|
|
15553
|
+
--pf-v6-c-tab-content__body--PaddingInlineEnd: 0;
|
|
15554
|
+
--pf-v6-c-tab-content__body--PaddingBlockEnd: 0;
|
|
15555
|
+
--pf-v6-c-tab-content__body--PaddingInlineStart: 0;
|
|
15556
|
+
--pf-v6-c-tab-content--BackgroundColor: transparent;
|
|
15557
|
+
--pf-v6-c-tab-content__body--m-padding--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
15558
|
+
--pf-v6-c-tab-content__body--m-padding--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
15559
|
+
--pf-v6-c-tab-content__body--m-padding--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
15560
|
+
--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
15561
|
+
--pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
15562
|
+
--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
15563
|
+
--pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
15564
|
+
--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
15565
|
+
--pf-v6-c-tab-content--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
15566
|
+
}
|
|
15567
|
+
|
|
15568
|
+
.pf-v6-c-tab-content {
|
|
15569
|
+
background-color: var(--pf-v6-c-tab-content--BackgroundColor);
|
|
15570
|
+
}
|
|
15571
|
+
|
|
15572
|
+
@media screen and (min-width: 75rem) {
|
|
15573
|
+
.pf-v6-c-tab-content {
|
|
15574
|
+
--pf-v6-c-tab-content__body--m-padding--PaddingBlockStart: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockStart);
|
|
15575
|
+
--pf-v6-c-tab-content__body--m-padding--PaddingInlineEnd: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineEnd);
|
|
15576
|
+
--pf-v6-c-tab-content__body--m-padding--PaddingBlockEnd: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockEnd);
|
|
15577
|
+
--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineStart);
|
|
15578
|
+
}
|
|
15579
|
+
}
|
|
15580
|
+
.pf-v6-c-tab-content.pf-m-secondary {
|
|
15581
|
+
--pf-v6-c-tab-content--BackgroundColor: var(--pf-v6-c-tab-content--m-secondary--BackgroundColor);
|
|
15582
|
+
}
|
|
15583
|
+
|
|
15584
|
+
.pf-v6-c-tab-content__body {
|
|
15585
|
+
padding-block-start: var(--pf-v6-c-tab-content__body--PaddingBlockStart);
|
|
15586
|
+
padding-block-end: var(--pf-v6-c-tab-content__body--PaddingBlockEnd);
|
|
15587
|
+
padding-inline-start: var(--pf-v6-c-tab-content__body--PaddingInlineStart);
|
|
15588
|
+
padding-inline-end: var(--pf-v6-c-tab-content__body--PaddingInlineEnd);
|
|
15589
|
+
}
|
|
15590
|
+
|
|
15591
|
+
.pf-v6-c-tab-content__body.pf-m-padding {
|
|
15592
|
+
--pf-v6-c-tab-content__body--PaddingBlockStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingBlockStart);
|
|
15593
|
+
--pf-v6-c-tab-content__body--PaddingInlineEnd: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineEnd);
|
|
15594
|
+
--pf-v6-c-tab-content__body--PaddingBlockEnd: var(--pf-v6-c-tab-content__body--m-padding--PaddingBlockEnd);
|
|
15595
|
+
--pf-v6-c-tab-content__body--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart);
|
|
15596
|
+
}
|
|
15597
|
+
|
|
15598
|
+
:where(:root, .pf-v6-c-tile) {
|
|
15599
|
+
--pf-v6-c-tile--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
15600
|
+
--pf-v6-c-tile--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
15601
|
+
--pf-v6-c-tile--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
15602
|
+
--pf-v6-c-tile--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
15603
|
+
--pf-v6-c-tile--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
15604
|
+
--pf-v6-c-tile--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
15605
|
+
--pf-v6-c-tile--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
15606
|
+
--pf-v6-c-tile--before--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
15607
|
+
--pf-v6-c-tile--before--BorderRadius: var(--pf-v6-c-tile--BorderRadius);
|
|
15608
|
+
--pf-v6-c-tile--after--BackgroundColor: transparent;
|
|
15609
|
+
--pf-v6-c-tile__icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
15610
|
+
--pf-v6-c-tile__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
|
|
15611
|
+
--pf-v6-c-tile__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
15612
|
+
--pf-v6-c-tile__title--Color: var(--pf-t--global--text--color--regular);
|
|
15613
|
+
--pf-v6-c-tile__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
15614
|
+
--pf-v6-c-tile__body--Color: var(--pf-t--global--text--color--regular);
|
|
15615
|
+
--pf-v6-c-tile__body--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
15616
|
+
--pf-v6-c-tile--hover--before--BorderColor: var(--pf-t--global--border--color--hover);
|
|
15617
|
+
--pf-v6-c-tile--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
15618
|
+
--pf-v6-c-tile--m-selected--before--BorderWidth: var(--pf-t--global--border--width--box--clicked);
|
|
15619
|
+
--pf-v6-c-tile--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
15620
|
+
--pf-v6-c-tile--m-disabled__title--Color: var(--pf-t--global--text--color--on-disabled);
|
|
15621
|
+
--pf-v6-c-tile--m-disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
|
|
15622
|
+
--pf-v6-c-tile--m-disabled__body--Color: var(--pf-t--global--text--color--on-disabled);
|
|
15623
|
+
--pf-v6-c-tile__header--m-stacked__icon--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
15624
|
+
--pf-v6-c-tile__header--m-stacked__icon--FontSize: var(--pf-t--global--icon--size--xl);
|
|
15625
|
+
--pf-v6-c-tile--m-display-lg__header--m-stacked__icon--FontSize: var(--pf-t--global--icon--size--2xl);
|
|
15626
|
+
}
|
|
15627
|
+
|
|
15628
|
+
.pf-v6-c-tile {
|
|
15629
|
+
position: relative;
|
|
15630
|
+
display: inline-grid;
|
|
15631
|
+
grid-template-rows: min-content;
|
|
15632
|
+
padding-block-start: var(--pf-v6-c-tile--PaddingBlockStart);
|
|
15633
|
+
padding-block-end: var(--pf-v6-c-tile--PaddingBlockEnd);
|
|
15634
|
+
padding-inline-start: var(--pf-v6-c-tile--PaddingInlineStart);
|
|
15635
|
+
padding-inline-end: var(--pf-v6-c-tile--PaddingInlineEnd);
|
|
15636
|
+
cursor: pointer;
|
|
15637
|
+
background-color: var(--pf-v6-c-tile--BackgroundColor);
|
|
15638
|
+
border-radius: var(--pf-v6-c-tile--BorderRadius);
|
|
15639
|
+
}
|
|
15640
|
+
|
|
15641
|
+
.pf-v6-c-tile::before, .pf-v6-c-tile::after {
|
|
15642
|
+
position: absolute;
|
|
15643
|
+
pointer-events: none;
|
|
15644
|
+
content: "";
|
|
15645
|
+
}
|
|
15646
|
+
|
|
15647
|
+
.pf-v6-c-tile::before {
|
|
15648
|
+
inset: 0;
|
|
15649
|
+
border: var(--pf-v6-c-tile--before--BorderWidth) solid var(--pf-v6-c-tile--before--BorderColor);
|
|
15650
|
+
border-radius: var(--pf-v6-c-tile--before--BorderRadius);
|
|
15651
|
+
}
|
|
15652
|
+
|
|
15653
|
+
.pf-v6-c-tile:hover {
|
|
15654
|
+
--pf-v6-c-tile--before--BorderColor: var(--pf-v6-c-tile--hover--before--BorderColor);
|
|
15655
|
+
}
|
|
15656
|
+
|
|
15657
|
+
.pf-v6-c-tile.pf-m-selected {
|
|
15658
|
+
--pf-v6-c-tile--before--BorderColor: var(--pf-v6-c-tile--m-selected--before--BorderColor);
|
|
15659
|
+
--pf-v6-c-tile--before--BorderWidth: var(--pf-v6-c-tile--m-selected--before--BorderWidth);
|
|
15660
|
+
}
|
|
15661
|
+
|
|
15662
|
+
.pf-v6-c-tile.pf-m-disabled {
|
|
15663
|
+
--pf-v6-c-tile--BackgroundColor: var(--pf-v6-c-tile--m-disabled--BackgroundColor);
|
|
15664
|
+
--pf-v6-c-tile__title--Color: var(--pf-v6-c-tile--m-disabled__title--Color);
|
|
15665
|
+
--pf-v6-c-tile__icon--Color: var(--pf-v6-c-tile--m-disabled__icon--Color);
|
|
15666
|
+
--pf-v6-c-tile__body--Color: var(--pf-v6-c-tile--m-disabled__body--Color);
|
|
15667
|
+
--pf-v6-c-tile--before--BorderWidth: 0;
|
|
15668
|
+
pointer-events: none;
|
|
15669
|
+
}
|
|
15670
|
+
|
|
15671
|
+
.pf-v6-c-tile.pf-m-display-lg .pf-v6-c-tile__header.pf-m-stacked {
|
|
15672
|
+
--pf-v6-c-tile__icon--FontSize: var(--pf-v6-c-tile--m-display-lg__header--m-stacked__icon--FontSize);
|
|
15673
|
+
}
|
|
15674
|
+
|
|
15675
|
+
.pf-v6-c-tile__header {
|
|
15676
|
+
display: flex;
|
|
15677
|
+
align-items: center;
|
|
15678
|
+
}
|
|
15679
|
+
|
|
15680
|
+
.pf-v6-c-tile__header.pf-m-stacked {
|
|
15681
|
+
--pf-v6-c-tile__icon--MarginInlineEnd: 0;
|
|
15682
|
+
--pf-v6-c-tile__icon--FontSize: var(--pf-v6-c-tile__header--m-stacked__icon--FontSize);
|
|
15683
|
+
flex-direction: column;
|
|
15684
|
+
align-items: flex-start;
|
|
15685
|
+
}
|
|
15686
|
+
|
|
15687
|
+
.pf-v6-c-tile__header.pf-m-stacked .pf-v6-c-tile__icon {
|
|
15688
|
+
display: flex;
|
|
15689
|
+
align-items: center;
|
|
15690
|
+
margin-block-end: var(--pf-v6-c-tile__header--m-stacked__icon--MarginBlockEnd);
|
|
15691
|
+
}
|
|
15692
|
+
|
|
15693
|
+
.pf-v6-c-tile__title {
|
|
15694
|
+
font-weight: var(--pf-v6-c-tile__title--FontWeight);
|
|
15695
|
+
color: var(--pf-v6-c-tile__title--Color);
|
|
15696
|
+
}
|
|
15697
|
+
|
|
15698
|
+
.pf-v6-c-tile__body {
|
|
15699
|
+
font-size: var(--pf-v6-c-tile__body--FontSize);
|
|
15700
|
+
color: var(--pf-v6-c-tile__body--Color);
|
|
15701
|
+
}
|
|
15702
|
+
|
|
15703
|
+
.pf-v6-c-tile__icon {
|
|
15704
|
+
margin-inline-end: var(--pf-v6-c-tile__icon--MarginInlineEnd);
|
|
15705
|
+
font-size: var(--pf-v6-c-tile__icon--FontSize);
|
|
15706
|
+
color: var(--pf-v6-c-tile__icon--Color);
|
|
15707
|
+
}
|
|
15708
|
+
|
|
15709
|
+
:where(:root, .pf-v6-c-title) {
|
|
15710
|
+
--pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
15711
|
+
--pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15712
|
+
--pf-v6-c-title--m-4xl--FontSize: var(--pf-t--global--font--size--heading--2xl);
|
|
15713
|
+
--pf-v6-c-title--m-4xl--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15714
|
+
--pf-v6-c-title--m-3xl--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15715
|
+
--pf-v6-c-title--m-3xl--FontSize: var(--pf-t--global--font--size--heading--xl);
|
|
15716
|
+
--pf-v6-c-title--m-3xl--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15717
|
+
--pf-v6-c-title--m-2xl--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15718
|
+
--pf-v6-c-title--m-2xl--FontSize: var(--pf-t--global--font--size--heading--lg);
|
|
15719
|
+
--pf-v6-c-title--m-2xl--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15720
|
+
--pf-v6-c-title--m-xl--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15721
|
+
--pf-v6-c-title--m-xl--FontSize: var(--pf-t--global--font--size--heading--md);
|
|
15722
|
+
--pf-v6-c-title--m-xl--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15723
|
+
--pf-v6-c-title--m-lg--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15724
|
+
--pf-v6-c-title--m-lg--FontSize: var(--pf-t--global--font--size--heading--sm);
|
|
15725
|
+
--pf-v6-c-title--m-lg--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15726
|
+
--pf-v6-c-title--m-md--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15727
|
+
--pf-v6-c-title--m-md--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
15728
|
+
--pf-v6-c-title--m-md--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15729
|
+
--pf-v6-c-title--m-h1--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15730
|
+
--pf-v6-c-title--m-h1--FontSize: var(--pf-t--global--font--size--heading--h1);
|
|
15731
|
+
--pf-v6-c-title--m-h1--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15732
|
+
--pf-v6-c-title--m-h2--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15733
|
+
--pf-v6-c-title--m-h2--FontSize: var(--pf-t--global--font--size--heading--h2);
|
|
15734
|
+
--pf-v6-c-title--m-h2--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15735
|
+
--pf-v6-c-title--m-h3--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15736
|
+
--pf-v6-c-title--m-h3--FontSize: var(--pf-t--global--font--size--heading--h3);
|
|
15737
|
+
--pf-v6-c-title--m-h3--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15738
|
+
--pf-v6-c-title--m-h4--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15739
|
+
--pf-v6-c-title--m-h4--FontSize: var(--pf-t--global--font--size--heading--h4);
|
|
15740
|
+
--pf-v6-c-title--m-h4--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15741
|
+
--pf-v6-c-title--m-h5--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15742
|
+
--pf-v6-c-title--m-h5--FontSize: var(--pf-t--global--font--size--heading--h5);
|
|
15743
|
+
--pf-v6-c-title--m-h5--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15744
|
+
--pf-v6-c-title--m-h6--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15745
|
+
--pf-v6-c-title--m-h6--FontSize: var(--pf-t--global--font--size--heading--h6);
|
|
15746
|
+
--pf-v6-c-title--m-h6--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15747
|
+
}
|
|
15748
|
+
|
|
15749
|
+
.pf-v6-c-title {
|
|
15750
|
+
font-family: var(--pf-v6-c-title--FontFamily);
|
|
15751
|
+
word-break: break-word;
|
|
15752
|
+
}
|
|
15753
|
+
|
|
15754
|
+
.pf-v6-c-title.pf-m-4xl {
|
|
15755
|
+
font-size: var(--pf-v6-c-title--m-4xl--FontSize);
|
|
15756
|
+
font-weight: var(--pf-v6-c-title--m-4xl--FontWeight);
|
|
15757
|
+
line-height: var(--pf-v6-c-title--m-4xl--LineHeight);
|
|
15758
|
+
}
|
|
15759
|
+
|
|
15760
|
+
.pf-v6-c-title.pf-m-3xl {
|
|
15761
|
+
font-size: var(--pf-v6-c-title--m-3xl--FontSize);
|
|
15762
|
+
font-weight: var(--pf-v6-c-title--m-3xl--FontWeight);
|
|
15763
|
+
line-height: var(--pf-v6-c-title--m-3xl--LineHeight);
|
|
15764
|
+
}
|
|
15765
|
+
|
|
15766
|
+
.pf-v6-c-title.pf-m-2xl {
|
|
15767
|
+
font-size: var(--pf-v6-c-title--m-2xl--FontSize);
|
|
15768
|
+
font-weight: var(--pf-v6-c-title--m-2xl--FontWeight);
|
|
15769
|
+
line-height: var(--pf-v6-c-title--m-2xl--LineHeight);
|
|
15770
|
+
}
|
|
15771
|
+
|
|
15772
|
+
.pf-v6-c-title.pf-m-xl {
|
|
15773
|
+
font-size: var(--pf-v6-c-title--m-xl--FontSize);
|
|
15774
|
+
font-weight: var(--pf-v6-c-title--m-xl--FontWeight);
|
|
15775
|
+
line-height: var(--pf-v6-c-title--m-xl--LineHeight);
|
|
15776
|
+
}
|
|
15777
|
+
|
|
15778
|
+
.pf-v6-c-title.pf-m-lg {
|
|
15779
|
+
font-size: var(--pf-v6-c-title--m-lg--FontSize);
|
|
15780
|
+
font-weight: var(--pf-v6-c-title--m-lg--FontWeight);
|
|
15781
|
+
line-height: var(--pf-v6-c-title--m-lg--LineHeight);
|
|
15782
|
+
}
|
|
15783
|
+
|
|
15784
|
+
.pf-v6-c-title.pf-m-md {
|
|
15785
|
+
font-size: var(--pf-v6-c-title--m-md--FontSize);
|
|
15786
|
+
font-weight: var(--pf-v6-c-title--m-md--FontWeight);
|
|
15787
|
+
line-height: var(--pf-v6-c-title--m-md--LineHeight);
|
|
15713
15788
|
}
|
|
15714
15789
|
|
|
15715
|
-
.pf-v6-c-
|
|
15716
|
-
|
|
15790
|
+
.pf-v6-c-title.pf-m-h1 {
|
|
15791
|
+
font-size: var(--pf-v6-c-title--m-h1--FontSize);
|
|
15792
|
+
font-weight: var(--pf-v6-c-title--m-h1--FontWeight);
|
|
15793
|
+
line-height: var(--pf-v6-c-title--m-h1--LineHeight);
|
|
15717
15794
|
}
|
|
15718
15795
|
|
|
15719
|
-
|
|
15720
|
-
|
|
15721
|
-
|
|
15722
|
-
|
|
15723
|
-
--pf-v6-c-tab-content__body--m-padding--PaddingBlockEnd: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockEnd);
|
|
15724
|
-
--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineStart);
|
|
15725
|
-
}
|
|
15796
|
+
.pf-v6-c-title.pf-m-h2 {
|
|
15797
|
+
font-size: var(--pf-v6-c-title--m-h2--FontSize);
|
|
15798
|
+
font-weight: var(--pf-v6-c-title--m-h2--FontWeight);
|
|
15799
|
+
line-height: var(--pf-v6-c-title--m-h2--LineHeight);
|
|
15726
15800
|
}
|
|
15727
|
-
|
|
15728
|
-
|
|
15801
|
+
|
|
15802
|
+
.pf-v6-c-title.pf-m-h3 {
|
|
15803
|
+
font-size: var(--pf-v6-c-title--m-h3--FontSize);
|
|
15804
|
+
font-weight: var(--pf-v6-c-title--m-h3--FontWeight);
|
|
15805
|
+
line-height: var(--pf-v6-c-title--m-h3--LineHeight);
|
|
15729
15806
|
}
|
|
15730
15807
|
|
|
15731
|
-
.pf-v6-c-
|
|
15732
|
-
|
|
15733
|
-
|
|
15734
|
-
|
|
15735
|
-
padding-inline-end: var(--pf-v6-c-tab-content__body--PaddingInlineEnd);
|
|
15808
|
+
.pf-v6-c-title.pf-m-h4 {
|
|
15809
|
+
font-size: var(--pf-v6-c-title--m-h4--FontSize);
|
|
15810
|
+
font-weight: var(--pf-v6-c-title--m-h4--FontWeight);
|
|
15811
|
+
line-height: var(--pf-v6-c-title--m-h4--LineHeight);
|
|
15736
15812
|
}
|
|
15737
15813
|
|
|
15738
|
-
.pf-v6-c-
|
|
15739
|
-
|
|
15740
|
-
|
|
15741
|
-
|
|
15742
|
-
--pf-v6-c-tab-content__body--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart);
|
|
15814
|
+
.pf-v6-c-title.pf-m-h5 {
|
|
15815
|
+
font-size: var(--pf-v6-c-title--m-h5--FontSize);
|
|
15816
|
+
font-weight: var(--pf-v6-c-title--m-h5--FontWeight);
|
|
15817
|
+
line-height: var(--pf-v6-c-title--m-h5--LineHeight);
|
|
15743
15818
|
}
|
|
15744
15819
|
|
|
15745
|
-
|
|
15746
|
-
--pf-v6-c-
|
|
15747
|
-
--pf-v6-c-
|
|
15748
|
-
--pf-v6-c-
|
|
15749
|
-
--pf-v6-c-tile--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
15750
|
-
--pf-v6-c-tile--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
15751
|
-
--pf-v6-c-tile--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
15752
|
-
--pf-v6-c-tile--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
15753
|
-
--pf-v6-c-tile--before--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
15754
|
-
--pf-v6-c-tile--before--BorderRadius: var(--pf-v6-c-tile--BorderRadius);
|
|
15755
|
-
--pf-v6-c-tile--after--BackgroundColor: transparent;
|
|
15756
|
-
--pf-v6-c-tile__icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
15757
|
-
--pf-v6-c-tile__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
|
|
15758
|
-
--pf-v6-c-tile__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
15759
|
-
--pf-v6-c-tile__title--Color: var(--pf-t--global--text--color--regular);
|
|
15760
|
-
--pf-v6-c-tile__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
15761
|
-
--pf-v6-c-tile__body--Color: var(--pf-t--global--text--color--regular);
|
|
15762
|
-
--pf-v6-c-tile__body--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
15763
|
-
--pf-v6-c-tile--hover--before--BorderColor: var(--pf-t--global--border--color--hover);
|
|
15764
|
-
--pf-v6-c-tile--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
15765
|
-
--pf-v6-c-tile--m-selected--before--BorderWidth: var(--pf-t--global--border--width--box--clicked);
|
|
15766
|
-
--pf-v6-c-tile--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
15767
|
-
--pf-v6-c-tile--m-disabled__title--Color: var(--pf-t--global--text--color--on-disabled);
|
|
15768
|
-
--pf-v6-c-tile--m-disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
|
|
15769
|
-
--pf-v6-c-tile--m-disabled__body--Color: var(--pf-t--global--text--color--on-disabled);
|
|
15770
|
-
--pf-v6-c-tile__header--m-stacked__icon--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
15771
|
-
--pf-v6-c-tile__header--m-stacked__icon--FontSize: var(--pf-t--global--icon--size--xl);
|
|
15772
|
-
--pf-v6-c-tile--m-display-lg__header--m-stacked__icon--FontSize: var(--pf-t--global--icon--size--2xl);
|
|
15820
|
+
.pf-v6-c-title.pf-m-h6 {
|
|
15821
|
+
font-size: var(--pf-v6-c-title--m-h6--FontSize);
|
|
15822
|
+
font-weight: var(--pf-v6-c-title--m-h6--FontWeight);
|
|
15823
|
+
line-height: var(--pf-v6-c-title--m-h6--LineHeight);
|
|
15773
15824
|
}
|
|
15774
15825
|
|
|
15775
|
-
.pf-v6-c-
|
|
15826
|
+
:where(:root, .pf-v6-c-switch) {
|
|
15827
|
+
--pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
|
|
15828
|
+
--pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
15829
|
+
--pf-v6-c-switch__toggle-icon--FontSize: calc(var(--pf-v6-c-switch--FontSize) * .625);
|
|
15830
|
+
--pf-v6-c-switch__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
|
|
15831
|
+
--pf-v6-c-switch__toggle-icon--InsetInlineStart: calc(var(--pf-v6-c-switch--FontSize) * .4);
|
|
15832
|
+
--pf-v6-c-switch__toggle-icon--Offset: 0.125rem;
|
|
15833
|
+
--pf-v6-c-switch__input--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
15834
|
+
--pf-v6-c-switch--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
15835
|
+
--pf-v6-c-switch--Height: auto;
|
|
15836
|
+
--pf-v6-c-switch__input--checked__toggle--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
15837
|
+
--pf-v6-c-switch__input--checked__toggle--before--TranslateX: calc(100% + var(--pf-v6-c-switch__toggle-icon--Offset));
|
|
15838
|
+
--pf-v6-c-switch__input--checked__toggle--BorderWidth: 0;
|
|
15839
|
+
--pf-v6-c-switch__input--checked__label--Color: var(--pf-t--global--text--color--regular);
|
|
15840
|
+
--pf-v6-c-switch__input--not-checked__label--Color: var(--pf-t--global--text--color--subtle);
|
|
15841
|
+
--pf-v6-c-switch__input--disabled__label--Color: var(--pf-t--global--text--color--disabled);
|
|
15842
|
+
--pf-v6-c-switch__input--disabled__toggle--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
15843
|
+
--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--inverse);
|
|
15844
|
+
--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--subtle);
|
|
15845
|
+
--pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-t--global--icon--color--on-disabled);
|
|
15846
|
+
--pf-v6-c-switch__input--focus__toggle--OutlineWidth: var(--pf-t--global--border--width--strong);
|
|
15847
|
+
--pf-v6-c-switch__input--focus__toggle--OutlineOffset: var(--pf-t--global--spacer--xs);
|
|
15848
|
+
--pf-v6-c-switch__input--focus__toggle--OutlineColor: var(--pf-t--global--color--brand--default);
|
|
15849
|
+
--pf-v6-c-switch__toggle--Height: calc(var(--pf-v6-c-switch--FontSize) * var(--pf-v6-c-switch--LineHeight));
|
|
15850
|
+
--pf-v6-c-switch__toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
15851
|
+
--pf-v6-c-switch__toggle--BorderColor: var(--pf-t--global--border--color--default);
|
|
15852
|
+
--pf-v6-c-switch__toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
15853
|
+
--pf-v6-c-switch__toggle--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
15854
|
+
--pf-v6-c-switch__toggle--before--Width: calc(var(--pf-v6-c-switch--FontSize) - var(--pf-v6-c-switch__toggle-icon--Offset));
|
|
15855
|
+
--pf-v6-c-switch__toggle--before--Height: var(--pf-v6-c-switch__toggle--before--Width);
|
|
15856
|
+
--pf-v6-c-switch__toggle--before--InsetInlineStart: calc((var(--pf-v6-c-switch__toggle--Height) - var(--pf-v6-c-switch__toggle--before--Height)) / 2);
|
|
15857
|
+
--pf-v6-c-switch__toggle--before--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
15858
|
+
--pf-v6-c-switch__toggle--before--Transition: transform .25s ease 0s;
|
|
15859
|
+
--pf-v6-c-switch__toggle--Width: calc(var(--pf-v6-c-switch__toggle--Height) + var(--pf-v6-c-switch__toggle-icon--Offset) + var(--pf-v6-c-switch__toggle--before--Width));
|
|
15860
|
+
}
|
|
15861
|
+
|
|
15862
|
+
.pf-v6-c-switch {
|
|
15776
15863
|
position: relative;
|
|
15777
15864
|
display: inline-grid;
|
|
15778
|
-
grid-template-
|
|
15779
|
-
|
|
15780
|
-
|
|
15781
|
-
|
|
15782
|
-
|
|
15865
|
+
grid-template-columns: auto;
|
|
15866
|
+
grid-auto-columns: 1fr;
|
|
15867
|
+
column-gap: var(--pf-v6-c-switch--ColumnGap);
|
|
15868
|
+
height: var(--pf-v6-c-switch--Height);
|
|
15869
|
+
font-size: var(--pf-v6-c-switch--FontSize);
|
|
15870
|
+
line-height: var(--pf-v6-c-switch--LineHeight);
|
|
15871
|
+
vertical-align: middle;
|
|
15783
15872
|
cursor: pointer;
|
|
15784
|
-
background-color: var(--pf-v6-c-tile--BackgroundColor);
|
|
15785
|
-
border-radius: var(--pf-v6-c-tile--BorderRadius);
|
|
15786
15873
|
}
|
|
15787
15874
|
|
|
15788
|
-
.pf-v6-c-
|
|
15875
|
+
.pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__label,
|
|
15876
|
+
.pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__toggle {
|
|
15877
|
+
grid-row: 1;
|
|
15878
|
+
}
|
|
15879
|
+
|
|
15880
|
+
.pf-v6-c-switch.pf-m-reverse .pf-v6-c-switch__label {
|
|
15881
|
+
grid-column: 1;
|
|
15882
|
+
}
|
|
15883
|
+
|
|
15884
|
+
.pf-v6-c-switch__input {
|
|
15789
15885
|
position: absolute;
|
|
15790
|
-
|
|
15791
|
-
|
|
15886
|
+
cursor: pointer;
|
|
15887
|
+
opacity: 0;
|
|
15792
15888
|
}
|
|
15793
15889
|
|
|
15794
|
-
.pf-v6-c-
|
|
15795
|
-
|
|
15796
|
-
|
|
15797
|
-
border-radius: var(--pf-v6-c-tile--before--BorderRadius);
|
|
15890
|
+
.pf-v6-c-switch__input:focus-visible ~ .pf-v6-c-switch__toggle {
|
|
15891
|
+
outline: var(--pf-v6-c-switch__input--focus__toggle--OutlineWidth) solid var(--pf-v6-c-switch__input--focus__toggle--OutlineColor);
|
|
15892
|
+
outline-offset: var(--pf-v6-c-switch__input--focus__toggle--OutlineOffset);
|
|
15798
15893
|
}
|
|
15799
15894
|
|
|
15800
|
-
.pf-v6-c-
|
|
15801
|
-
|
|
15895
|
+
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__label {
|
|
15896
|
+
color: var(--pf-v6-c-switch__input--checked__label--Color);
|
|
15802
15897
|
}
|
|
15803
15898
|
|
|
15804
|
-
.pf-v6-c-
|
|
15805
|
-
--pf-v6-c-
|
|
15806
|
-
|
|
15899
|
+
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle {
|
|
15900
|
+
--pf-v6-c-switch__toggle--BorderWidth: var(--pf-v6-c-switch__input--checked__toggle--BorderWidth);
|
|
15901
|
+
background-color: var(--pf-v6-c-switch__input--checked__toggle--BackgroundColor);
|
|
15807
15902
|
}
|
|
15808
15903
|
|
|
15809
|
-
.pf-v6-c-
|
|
15810
|
-
|
|
15811
|
-
|
|
15812
|
-
--pf-v6-c-tile__icon--Color: var(--pf-v6-c-tile--m-disabled__icon--Color);
|
|
15813
|
-
--pf-v6-c-tile__body--Color: var(--pf-v6-c-tile--m-disabled__body--Color);
|
|
15814
|
-
--pf-v6-c-tile--before--BorderWidth: 0;
|
|
15815
|
-
pointer-events: none;
|
|
15904
|
+
.pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
15905
|
+
transform: translate(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX), -50%);
|
|
15906
|
+
background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
|
|
15816
15907
|
}
|
|
15817
15908
|
|
|
15818
|
-
.pf-v6-
|
|
15819
|
-
--pf-v6-c-
|
|
15909
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
|
|
15910
|
+
transform: translate(calc(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), -50%);
|
|
15820
15911
|
}
|
|
15821
15912
|
|
|
15822
|
-
.pf-v6-c-
|
|
15823
|
-
|
|
15824
|
-
align-items: center;
|
|
15913
|
+
.pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__label {
|
|
15914
|
+
color: var(--pf-v6-c-switch__input--not-checked__label--Color);
|
|
15825
15915
|
}
|
|
15826
15916
|
|
|
15827
|
-
.pf-v6-c-
|
|
15828
|
-
|
|
15829
|
-
--pf-v6-c-tile__icon--FontSize: var(--pf-v6-c-tile__header--m-stacked__icon--FontSize);
|
|
15830
|
-
flex-direction: column;
|
|
15831
|
-
align-items: flex-start;
|
|
15917
|
+
.pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__toggle .pf-v6-c-switch__toggle-icon {
|
|
15918
|
+
display: none;
|
|
15832
15919
|
}
|
|
15833
15920
|
|
|
15834
|
-
.pf-v6-c-
|
|
15835
|
-
|
|
15836
|
-
align-items: center;
|
|
15837
|
-
margin-block-end: var(--pf-v6-c-tile__header--m-stacked__icon--MarginBlockEnd);
|
|
15921
|
+
.pf-v6-c-switch__input:disabled {
|
|
15922
|
+
cursor: not-allowed;
|
|
15838
15923
|
}
|
|
15839
15924
|
|
|
15840
|
-
.pf-v6-c-
|
|
15841
|
-
|
|
15842
|
-
|
|
15925
|
+
.pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__label {
|
|
15926
|
+
color: var(--pf-v6-c-switch__input--disabled__label--Color);
|
|
15927
|
+
cursor: not-allowed;
|
|
15928
|
+
}
|
|
15929
|
+
|
|
15930
|
+
.pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__toggle {
|
|
15931
|
+
--pf-v6-c-switch__toggle-icon--Color: var(--pf-v6-c-switch__input--disabled__toggle-icon--Color);
|
|
15932
|
+
cursor: not-allowed;
|
|
15933
|
+
background-color: var(--pf-v6-c-switch__input--disabled__toggle--BackgroundColor);
|
|
15934
|
+
}
|
|
15935
|
+
|
|
15936
|
+
.pf-v6-c-switch__input:disabled ~ .pf-v6-c-switch__toggle::before {
|
|
15937
|
+
background-color: var(--pf-v6-c-switch__input--disabled__toggle--before--BackgroundColor);
|
|
15938
|
+
}
|
|
15939
|
+
|
|
15940
|
+
.pf-v6-c-switch__toggle {
|
|
15941
|
+
position: relative;
|
|
15942
|
+
display: inline-block;
|
|
15943
|
+
width: var(--pf-v6-c-switch__toggle--Width);
|
|
15944
|
+
height: var(--pf-v6-c-switch__toggle--Height);
|
|
15945
|
+
background-color: var(--pf-v6-c-switch__toggle--BackgroundColor);
|
|
15946
|
+
border-radius: var(--pf-v6-c-switch__toggle--BorderRadius);
|
|
15947
|
+
}
|
|
15948
|
+
|
|
15949
|
+
.pf-v6-c-switch__toggle::before {
|
|
15950
|
+
position: absolute;
|
|
15951
|
+
inset-block-start: 50%;
|
|
15952
|
+
inset-inline-start: var(--pf-v6-c-switch__toggle--before--InsetInlineStart);
|
|
15953
|
+
display: block;
|
|
15954
|
+
width: var(--pf-v6-c-switch__toggle--before--Width);
|
|
15955
|
+
height: var(--pf-v6-c-switch__toggle--before--Height);
|
|
15956
|
+
content: "";
|
|
15957
|
+
background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
|
|
15958
|
+
border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
|
|
15959
|
+
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
15960
|
+
transform: translateY(-50%);
|
|
15961
|
+
}
|
|
15962
|
+
|
|
15963
|
+
.pf-v6-c-switch__toggle::after {
|
|
15964
|
+
position: absolute;
|
|
15965
|
+
inset: 0;
|
|
15966
|
+
content: "";
|
|
15967
|
+
border: var(--pf-v6-c-switch__toggle--BorderWidth) solid var(--pf-v6-c-switch__toggle--BorderColor);
|
|
15968
|
+
border-radius: var(--pf-v6-c-switch__toggle--BorderRadius);
|
|
15843
15969
|
}
|
|
15844
15970
|
|
|
15845
|
-
.pf-v6-c-
|
|
15846
|
-
|
|
15847
|
-
|
|
15971
|
+
.pf-v6-c-switch__toggle-icon {
|
|
15972
|
+
position: absolute;
|
|
15973
|
+
inset-block-start: 0;
|
|
15974
|
+
inset-block-end: 0;
|
|
15975
|
+
inset-inline-start: var(--pf-v6-c-switch__toggle-icon--InsetInlineStart);
|
|
15976
|
+
display: flex;
|
|
15977
|
+
align-items: center;
|
|
15978
|
+
font-size: var(--pf-v6-c-switch__toggle-icon--FontSize);
|
|
15979
|
+
color: var(--pf-v6-c-switch__toggle-icon--Color);
|
|
15848
15980
|
}
|
|
15849
15981
|
|
|
15850
|
-
.pf-v6-c-
|
|
15851
|
-
|
|
15852
|
-
|
|
15853
|
-
|
|
15982
|
+
.pf-v6-c-switch__label {
|
|
15983
|
+
display: inline-block;
|
|
15984
|
+
grid-column: 2;
|
|
15985
|
+
vertical-align: top;
|
|
15854
15986
|
}
|
|
15855
15987
|
|
|
15856
15988
|
:where(:root, .pf-v6-c-timestamp) {
|
|
@@ -15884,123 +16016,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15884
16016
|
--pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
|
|
15885
16017
|
}
|
|
15886
16018
|
|
|
15887
|
-
:where(:root, .pf-v6-c-title) {
|
|
15888
|
-
--pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
15889
|
-
--pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15890
|
-
--pf-v6-c-title--m-4xl--FontSize: var(--pf-t--global--font--size--heading--2xl);
|
|
15891
|
-
--pf-v6-c-title--m-4xl--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15892
|
-
--pf-v6-c-title--m-3xl--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15893
|
-
--pf-v6-c-title--m-3xl--FontSize: var(--pf-t--global--font--size--heading--xl);
|
|
15894
|
-
--pf-v6-c-title--m-3xl--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15895
|
-
--pf-v6-c-title--m-2xl--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15896
|
-
--pf-v6-c-title--m-2xl--FontSize: var(--pf-t--global--font--size--heading--lg);
|
|
15897
|
-
--pf-v6-c-title--m-2xl--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15898
|
-
--pf-v6-c-title--m-xl--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15899
|
-
--pf-v6-c-title--m-xl--FontSize: var(--pf-t--global--font--size--heading--md);
|
|
15900
|
-
--pf-v6-c-title--m-xl--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15901
|
-
--pf-v6-c-title--m-lg--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15902
|
-
--pf-v6-c-title--m-lg--FontSize: var(--pf-t--global--font--size--heading--sm);
|
|
15903
|
-
--pf-v6-c-title--m-lg--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15904
|
-
--pf-v6-c-title--m-md--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15905
|
-
--pf-v6-c-title--m-md--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
15906
|
-
--pf-v6-c-title--m-md--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15907
|
-
--pf-v6-c-title--m-h1--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15908
|
-
--pf-v6-c-title--m-h1--FontSize: var(--pf-t--global--font--size--heading--h1);
|
|
15909
|
-
--pf-v6-c-title--m-h1--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15910
|
-
--pf-v6-c-title--m-h2--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15911
|
-
--pf-v6-c-title--m-h2--FontSize: var(--pf-t--global--font--size--heading--h2);
|
|
15912
|
-
--pf-v6-c-title--m-h2--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15913
|
-
--pf-v6-c-title--m-h3--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15914
|
-
--pf-v6-c-title--m-h3--FontSize: var(--pf-t--global--font--size--heading--h3);
|
|
15915
|
-
--pf-v6-c-title--m-h3--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15916
|
-
--pf-v6-c-title--m-h4--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15917
|
-
--pf-v6-c-title--m-h4--FontSize: var(--pf-t--global--font--size--heading--h4);
|
|
15918
|
-
--pf-v6-c-title--m-h4--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15919
|
-
--pf-v6-c-title--m-h5--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15920
|
-
--pf-v6-c-title--m-h5--FontSize: var(--pf-t--global--font--size--heading--h5);
|
|
15921
|
-
--pf-v6-c-title--m-h5--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15922
|
-
--pf-v6-c-title--m-h6--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
15923
|
-
--pf-v6-c-title--m-h6--FontSize: var(--pf-t--global--font--size--heading--h6);
|
|
15924
|
-
--pf-v6-c-title--m-h6--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
15925
|
-
}
|
|
15926
|
-
|
|
15927
|
-
.pf-v6-c-title {
|
|
15928
|
-
font-family: var(--pf-v6-c-title--FontFamily);
|
|
15929
|
-
word-break: break-word;
|
|
15930
|
-
}
|
|
15931
|
-
|
|
15932
|
-
.pf-v6-c-title.pf-m-4xl {
|
|
15933
|
-
font-size: var(--pf-v6-c-title--m-4xl--FontSize);
|
|
15934
|
-
font-weight: var(--pf-v6-c-title--m-4xl--FontWeight);
|
|
15935
|
-
line-height: var(--pf-v6-c-title--m-4xl--LineHeight);
|
|
15936
|
-
}
|
|
15937
|
-
|
|
15938
|
-
.pf-v6-c-title.pf-m-3xl {
|
|
15939
|
-
font-size: var(--pf-v6-c-title--m-3xl--FontSize);
|
|
15940
|
-
font-weight: var(--pf-v6-c-title--m-3xl--FontWeight);
|
|
15941
|
-
line-height: var(--pf-v6-c-title--m-3xl--LineHeight);
|
|
15942
|
-
}
|
|
15943
|
-
|
|
15944
|
-
.pf-v6-c-title.pf-m-2xl {
|
|
15945
|
-
font-size: var(--pf-v6-c-title--m-2xl--FontSize);
|
|
15946
|
-
font-weight: var(--pf-v6-c-title--m-2xl--FontWeight);
|
|
15947
|
-
line-height: var(--pf-v6-c-title--m-2xl--LineHeight);
|
|
15948
|
-
}
|
|
15949
|
-
|
|
15950
|
-
.pf-v6-c-title.pf-m-xl {
|
|
15951
|
-
font-size: var(--pf-v6-c-title--m-xl--FontSize);
|
|
15952
|
-
font-weight: var(--pf-v6-c-title--m-xl--FontWeight);
|
|
15953
|
-
line-height: var(--pf-v6-c-title--m-xl--LineHeight);
|
|
15954
|
-
}
|
|
15955
|
-
|
|
15956
|
-
.pf-v6-c-title.pf-m-lg {
|
|
15957
|
-
font-size: var(--pf-v6-c-title--m-lg--FontSize);
|
|
15958
|
-
font-weight: var(--pf-v6-c-title--m-lg--FontWeight);
|
|
15959
|
-
line-height: var(--pf-v6-c-title--m-lg--LineHeight);
|
|
15960
|
-
}
|
|
15961
|
-
|
|
15962
|
-
.pf-v6-c-title.pf-m-md {
|
|
15963
|
-
font-size: var(--pf-v6-c-title--m-md--FontSize);
|
|
15964
|
-
font-weight: var(--pf-v6-c-title--m-md--FontWeight);
|
|
15965
|
-
line-height: var(--pf-v6-c-title--m-md--LineHeight);
|
|
15966
|
-
}
|
|
15967
|
-
|
|
15968
|
-
.pf-v6-c-title.pf-m-h1 {
|
|
15969
|
-
font-size: var(--pf-v6-c-title--m-h1--FontSize);
|
|
15970
|
-
font-weight: var(--pf-v6-c-title--m-h1--FontWeight);
|
|
15971
|
-
line-height: var(--pf-v6-c-title--m-h1--LineHeight);
|
|
15972
|
-
}
|
|
15973
|
-
|
|
15974
|
-
.pf-v6-c-title.pf-m-h2 {
|
|
15975
|
-
font-size: var(--pf-v6-c-title--m-h2--FontSize);
|
|
15976
|
-
font-weight: var(--pf-v6-c-title--m-h2--FontWeight);
|
|
15977
|
-
line-height: var(--pf-v6-c-title--m-h2--LineHeight);
|
|
15978
|
-
}
|
|
15979
|
-
|
|
15980
|
-
.pf-v6-c-title.pf-m-h3 {
|
|
15981
|
-
font-size: var(--pf-v6-c-title--m-h3--FontSize);
|
|
15982
|
-
font-weight: var(--pf-v6-c-title--m-h3--FontWeight);
|
|
15983
|
-
line-height: var(--pf-v6-c-title--m-h3--LineHeight);
|
|
15984
|
-
}
|
|
15985
|
-
|
|
15986
|
-
.pf-v6-c-title.pf-m-h4 {
|
|
15987
|
-
font-size: var(--pf-v6-c-title--m-h4--FontSize);
|
|
15988
|
-
font-weight: var(--pf-v6-c-title--m-h4--FontWeight);
|
|
15989
|
-
line-height: var(--pf-v6-c-title--m-h4--LineHeight);
|
|
15990
|
-
}
|
|
15991
|
-
|
|
15992
|
-
.pf-v6-c-title.pf-m-h5 {
|
|
15993
|
-
font-size: var(--pf-v6-c-title--m-h5--FontSize);
|
|
15994
|
-
font-weight: var(--pf-v6-c-title--m-h5--FontWeight);
|
|
15995
|
-
line-height: var(--pf-v6-c-title--m-h5--LineHeight);
|
|
15996
|
-
}
|
|
15997
|
-
|
|
15998
|
-
.pf-v6-c-title.pf-m-h6 {
|
|
15999
|
-
font-size: var(--pf-v6-c-title--m-h6--FontSize);
|
|
16000
|
-
font-weight: var(--pf-v6-c-title--m-h6--FontWeight);
|
|
16001
|
-
line-height: var(--pf-v6-c-title--m-h6--LineHeight);
|
|
16002
|
-
}
|
|
16003
|
-
|
|
16004
16019
|
:where(:root, .pf-v6-c-toggle-group) {
|
|
16005
16020
|
--pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
16006
16021
|
--pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -18108,48 +18123,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18108
18123
|
display: inline-flex;
|
|
18109
18124
|
}
|
|
18110
18125
|
}
|
|
18111
|
-
:where(:root, .pf-v6-c-number-input) {
|
|
18112
|
-
--pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
18113
|
-
--pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
|
|
18114
|
-
--pf-v6-c-number-input--c-form-control--width-base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-t--global--border--width--box--default) * 2);
|
|
18115
|
-
--pf-v6-c-number-input--c-form-control--width-icon: var(--pf-t--global--spacer--xl);
|
|
18116
|
-
--pf-v6-c-number-input--c-form-control--width-chars: 4;
|
|
18117
|
-
--pf-v6-c-number-input--c-form-control--Width:
|
|
18118
|
-
calc(
|
|
18119
|
-
calc(
|
|
18120
|
-
var(--pf-v6-c-number-input--c-form-control--width-base) + var(--pf-v6-c-number-input--c-form-control--width-chars) * 1ch
|
|
18121
|
-
) + var(--pf-v6-c-number-input--c-form-control--width-icon)
|
|
18122
|
-
);
|
|
18123
|
-
}
|
|
18124
|
-
|
|
18125
|
-
.pf-v6-c-number-input {
|
|
18126
|
-
display: inline-flex;
|
|
18127
|
-
align-items: center;
|
|
18128
|
-
}
|
|
18129
|
-
|
|
18130
|
-
.pf-v6-c-number-input .pf-v6-c-form-control {
|
|
18131
|
-
width: var(--pf-v6-c-number-input--c-form-control--Width);
|
|
18132
|
-
}
|
|
18133
|
-
|
|
18134
|
-
.pf-v6-c-number-input .pf-v6-c-form-control > :is(input) {
|
|
18135
|
-
text-align: end;
|
|
18136
|
-
appearance: textfield;
|
|
18137
|
-
}
|
|
18138
|
-
|
|
18139
|
-
.pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-outer-spin-button {
|
|
18140
|
-
margin: 0;
|
|
18141
|
-
appearance: none;
|
|
18142
|
-
}
|
|
18143
|
-
|
|
18144
|
-
.pf-v6-c-input-group + .pf-v6-c-number-input__unit,
|
|
18145
|
-
.pf-v6-c-number-input__unit + .pf-v6-c-input-group {
|
|
18146
|
-
margin-inline-start: var(--pf-v6-c-number-input__unit--c-input-group--MarginInlineStart);
|
|
18147
|
-
}
|
|
18148
|
-
|
|
18149
|
-
.pf-v6-c-number-input__icon {
|
|
18150
|
-
font-size: var(--pf-v6-c-number-input__icon--FontSize);
|
|
18151
|
-
}
|
|
18152
|
-
|
|
18153
18126
|
:where(:root, .pf-v6-c-tooltip) {
|
|
18154
18127
|
--pf-v6-c-tooltip--MaxWidth: 18.75rem;
|
|
18155
18128
|
--pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
@@ -18281,6 +18254,48 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18281
18254
|
transform: translateX(var(--pf-v6-c-tooltip__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-tooltip__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-tooltip__arrow--Rotate, 0));
|
|
18282
18255
|
}
|
|
18283
18256
|
|
|
18257
|
+
:where(:root, .pf-v6-c-number-input) {
|
|
18258
|
+
--pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
18259
|
+
--pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
|
|
18260
|
+
--pf-v6-c-number-input--c-form-control--width-base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-t--global--border--width--box--default) * 2);
|
|
18261
|
+
--pf-v6-c-number-input--c-form-control--width-icon: var(--pf-t--global--spacer--xl);
|
|
18262
|
+
--pf-v6-c-number-input--c-form-control--width-chars: 4;
|
|
18263
|
+
--pf-v6-c-number-input--c-form-control--Width:
|
|
18264
|
+
calc(
|
|
18265
|
+
calc(
|
|
18266
|
+
var(--pf-v6-c-number-input--c-form-control--width-base) + var(--pf-v6-c-number-input--c-form-control--width-chars) * 1ch
|
|
18267
|
+
) + var(--pf-v6-c-number-input--c-form-control--width-icon)
|
|
18268
|
+
);
|
|
18269
|
+
}
|
|
18270
|
+
|
|
18271
|
+
.pf-v6-c-number-input {
|
|
18272
|
+
display: inline-flex;
|
|
18273
|
+
align-items: center;
|
|
18274
|
+
}
|
|
18275
|
+
|
|
18276
|
+
.pf-v6-c-number-input .pf-v6-c-form-control {
|
|
18277
|
+
width: var(--pf-v6-c-number-input--c-form-control--Width);
|
|
18278
|
+
}
|
|
18279
|
+
|
|
18280
|
+
.pf-v6-c-number-input .pf-v6-c-form-control > :is(input) {
|
|
18281
|
+
text-align: end;
|
|
18282
|
+
appearance: textfield;
|
|
18283
|
+
}
|
|
18284
|
+
|
|
18285
|
+
.pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-outer-spin-button {
|
|
18286
|
+
margin: 0;
|
|
18287
|
+
appearance: none;
|
|
18288
|
+
}
|
|
18289
|
+
|
|
18290
|
+
.pf-v6-c-input-group + .pf-v6-c-number-input__unit,
|
|
18291
|
+
.pf-v6-c-number-input__unit + .pf-v6-c-input-group {
|
|
18292
|
+
margin-inline-start: var(--pf-v6-c-number-input__unit--c-input-group--MarginInlineStart);
|
|
18293
|
+
}
|
|
18294
|
+
|
|
18295
|
+
.pf-v6-c-number-input__icon {
|
|
18296
|
+
font-size: var(--pf-v6-c-number-input__icon--FontSize);
|
|
18297
|
+
}
|
|
18298
|
+
|
|
18284
18299
|
:where(:root, .pf-v6-c-tree-view) {
|
|
18285
18300
|
--pf-v6-c-tree-view__node--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth));
|
|
18286
18301
|
--pf-v6-c-tree-view__node--nested-indent--base: calc(var(--pf-v6-c-tree-view__node--indent--base) - var(--pf-t--global--spacer--md));
|
|
@@ -19576,21 +19591,6 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
19576
19591
|
margin: 0;
|
|
19577
19592
|
}
|
|
19578
19593
|
|
|
19579
|
-
:where(:root, .pf-v6-l-level) {
|
|
19580
|
-
--pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
|
|
19581
|
-
}
|
|
19582
|
-
|
|
19583
|
-
.pf-v6-l-level {
|
|
19584
|
-
display: flex;
|
|
19585
|
-
flex-wrap: wrap;
|
|
19586
|
-
align-items: center;
|
|
19587
|
-
justify-content: space-between;
|
|
19588
|
-
}
|
|
19589
|
-
|
|
19590
|
-
.pf-v6-l-level.pf-m-gutter {
|
|
19591
|
-
gap: var(--pf-v6-l-level--m-gutter--Gap);
|
|
19592
|
-
}
|
|
19593
|
-
|
|
19594
19594
|
:where(:root, .pf-v6-l-flex) {
|
|
19595
19595
|
--pf-v6-l-flex--Display: flex;
|
|
19596
19596
|
--pf-v6-l-flex--FlexWrap: wrap;
|
|
@@ -23146,6 +23146,21 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
23146
23146
|
grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
|
|
23147
23147
|
}
|
|
23148
23148
|
|
|
23149
|
+
:where(:root, .pf-v6-l-level) {
|
|
23150
|
+
--pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
|
|
23151
|
+
}
|
|
23152
|
+
|
|
23153
|
+
.pf-v6-l-level {
|
|
23154
|
+
display: flex;
|
|
23155
|
+
flex-wrap: wrap;
|
|
23156
|
+
align-items: center;
|
|
23157
|
+
justify-content: space-between;
|
|
23158
|
+
}
|
|
23159
|
+
|
|
23160
|
+
.pf-v6-l-level.pf-m-gutter {
|
|
23161
|
+
gap: var(--pf-v6-l-level--m-gutter--Gap);
|
|
23162
|
+
}
|
|
23163
|
+
|
|
23149
23164
|
:where(:root, .pf-v6-l-split) {
|
|
23150
23165
|
--pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
|
|
23151
23166
|
}
|