@patternfly/react-core 4.241.2 → 4.241.4
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.
- package/CHANGELOG.md +16 -0
- package/dist/umd/react-core.min.css +367 -367
- package/package.json +5 -5
- package/src/components/Alert/examples/Alert.md +172 -126
- package/src/demos/AlertGroup.md +19 -0
- package/src/demos/examples/AlertGroup/AlertGroupToastWithNotificationDrawer.tsx +356 -0
- package/src/demos/examples/DashboardHeader.js +13 -3
- package/src/demos/examples/DashboardWrapper.js +4 -0
|
@@ -21,251 +21,6 @@
|
|
|
21
21
|
overflow: hidden;
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
-
.pf-c-accordion {
|
|
25
|
-
--pf-global--Color--100: var(--pf-global--Color--dark-100);
|
|
26
|
-
--pf-global--Color--200: var(--pf-global--Color--dark-200);
|
|
27
|
-
--pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
|
|
28
|
-
--pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
|
|
29
|
-
--pf-global--link--Color: var(--pf-global--link--Color--dark);
|
|
30
|
-
--pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
|
|
31
|
-
--pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.pf-c-accordion {
|
|
35
|
-
--pf-c-accordion--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
36
|
-
--pf-c-accordion__toggle--PaddingTop: var(--pf-global--spacer--sm);
|
|
37
|
-
--pf-c-accordion__toggle--PaddingRight: var(--pf-global--spacer--md);
|
|
38
|
-
--pf-c-accordion__toggle--PaddingBottom: var(--pf-global--spacer--sm);
|
|
39
|
-
--pf-c-accordion__toggle--PaddingLeft: var(--pf-global--spacer--md);
|
|
40
|
-
--pf-c-accordion__toggle--before--BackgroundColor: transparent;
|
|
41
|
-
--pf-c-accordion__toggle--before--Top: 0;
|
|
42
|
-
--pf-c-accordion__toggle--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
43
|
-
--pf-c-accordion__toggle--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
44
|
-
--pf-c-accordion__toggle--active--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
45
|
-
--pf-c-accordion__toggle--before--Width: var(--pf-global--BorderWidth--lg);
|
|
46
|
-
--pf-c-accordion__toggle--m-expanded--before--BackgroundColor: var(--pf-global--primary-color--100);
|
|
47
|
-
--pf-c-accordion__toggle-text--MaxWidth: calc(100% - var(--pf-global--spacer--lg));
|
|
48
|
-
--pf-c-accordion__toggle--hover__toggle-text--Color: var(--pf-global--link--Color);
|
|
49
|
-
--pf-c-accordion__toggle--active__toggle-text--Color: var(--pf-global--link--Color);
|
|
50
|
-
--pf-c-accordion__toggle--active__toggle-text--FontWeight: var(--pf-global--FontWeight--semi-bold);
|
|
51
|
-
--pf-c-accordion__toggle--focus__toggle-text--Color: var(--pf-global--link--Color);
|
|
52
|
-
--pf-c-accordion__toggle--focus__toggle-text--FontWeight: var(--pf-global--FontWeight--semi-bold);
|
|
53
|
-
--pf-c-accordion__toggle--m-expanded__toggle-text--Color: var(--pf-global--link--Color);
|
|
54
|
-
--pf-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-global--FontWeight--semi-bold);
|
|
55
|
-
--pf-c-accordion__toggle-icon--Transition: .2s ease-in 0s;
|
|
56
|
-
--pf-c-accordion__toggle--m-expanded__toggle-icon--Rotate: 90deg;
|
|
57
|
-
--pf-c-accordion__expanded-content--Color: var(--pf-global--Color--200);
|
|
58
|
-
--pf-c-accordion__expanded-content--FontSize: var(--pf-global--FontSize--sm);
|
|
59
|
-
--pf-c-accordion__expanded-content--m-expanded__expanded-content-body--before--BackgroundColor: var(--pf-global--primary-color--100);
|
|
60
|
-
--pf-c-accordion__expanded-content--m-fixed--MaxHeight: 9.375rem;
|
|
61
|
-
--pf-c-accordion__expanded-content-body--PaddingTop: var(--pf-global--spacer--sm);
|
|
62
|
-
--pf-c-accordion__expanded-content-body--PaddingRight: var(--pf-global--spacer--md);
|
|
63
|
-
--pf-c-accordion__expanded-content-body--PaddingBottom: var(--pf-global--spacer--sm);
|
|
64
|
-
--pf-c-accordion__expanded-content-body--PaddingLeft: var(--pf-global--spacer--md);
|
|
65
|
-
--pf-c-accordion__expanded-content-body--expanded-content-body--PaddingTop: 0;
|
|
66
|
-
--pf-c-accordion__expanded-content-body--before--BackgroundColor: transparent;
|
|
67
|
-
--pf-c-accordion__expanded-content-body--before--Width: var(--pf-global--BorderWidth--lg);
|
|
68
|
-
--pf-c-accordion__expanded-content-body--before--Top: 0;
|
|
69
|
-
--pf-c-accordion--m-display-lg__toggle--PaddingTop: var(--pf-global--spacer--md);
|
|
70
|
-
--pf-c-accordion--m-display-lg__toggle--PaddingRight: var(--pf-global--spacer--md);
|
|
71
|
-
--pf-c-accordion--m-display-lg__toggle--PaddingBottom: var(--pf-global--spacer--md);
|
|
72
|
-
--pf-c-accordion--m-display-lg__toggle--PaddingLeft: var(--pf-global--spacer--lg);
|
|
73
|
-
--pf-c-accordion--m-display-lg__toggle--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
74
|
-
--pf-c-accordion--m-display-lg__toggle--FontSize: var(--pf-global--FontSize--xl);
|
|
75
|
-
--pf-c-accordion--m-display-lg__toggle--hover__toggle-text--Color: var(--pf-global--Color--100);
|
|
76
|
-
--pf-c-accordion--m-display-lg__toggle--active__toggle-text--Color: var(--pf-global--Color--100);
|
|
77
|
-
--pf-c-accordion--m-display-lg__toggle--active__toggle-text--FontWeight: var(--pf-global--FontWeight--normal);
|
|
78
|
-
--pf-c-accordion--m-display-lg__toggle--focus__toggle-text--Color: var(--pf-global--Color--100);
|
|
79
|
-
--pf-c-accordion--m-display-lg__toggle--focus__toggle-text--FontWeight: var(--pf-global--FontWeight--normal);
|
|
80
|
-
--pf-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--Color: var(--pf-global--Color--100);
|
|
81
|
-
--pf-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight: var(--pf-global--FontWeight--normal);
|
|
82
|
-
--pf-c-accordion--m-display-lg__expanded-content--FontSize: var(--pf-global--FontSize--md);
|
|
83
|
-
--pf-c-accordion--m-display-lg__expanded-content--Color: var(--pf-global--Color--100);
|
|
84
|
-
--pf-c-accordion--m-display-lg__expanded-content-body--PaddingTop: 0;
|
|
85
|
-
--pf-c-accordion--m-display-lg__expanded-content-body--PaddingRight: var(--pf-global--spacer--md);
|
|
86
|
-
--pf-c-accordion--m-display-lg__expanded-content-body--PaddingBottom: var(--pf-global--spacer--md);
|
|
87
|
-
--pf-c-accordion--m-display-lg__expanded-content-body--last-child--PaddingBottom: var(--pf-global--spacer--lg);
|
|
88
|
-
--pf-c-accordion--m-display-lg__expanded-content-body--PaddingLeft: var(--pf-global--spacer--lg);
|
|
89
|
-
--pf-c-accordion--m-bordered--BorderTopWidth: var(--pf-global--BorderWidth--sm);
|
|
90
|
-
--pf-c-accordion--m-bordered--BorderTopColor: var(--pf-global--BorderColor--100);
|
|
91
|
-
--pf-c-accordion--m-bordered__toggle--before--Top: calc(-1 * var(--pf-global--BorderWidth--sm));
|
|
92
|
-
--pf-c-accordion--m-bordered__toggle--after--BorderColor: var(--pf-global--BorderColor--100);
|
|
93
|
-
--pf-c-accordion--m-bordered__toggle--after--BorderTopWidth: 0;
|
|
94
|
-
--pf-c-accordion--m-bordered__toggle--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
|
|
95
|
-
--pf-c-accordion--m-bordered__expanded-content--m-expanded__expanded-content-body--last-child--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
|
|
96
|
-
--pf-c-accordion--m-bordered__expanded-content--m-expanded__expanded-content-body--last-child--after--BorderBottomColor: var(--pf-global--BorderColor--100);
|
|
97
|
-
color: var(--pf-global--Color--100);
|
|
98
|
-
background-color: var(--pf-c-accordion--BackgroundColor);
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
.pf-c-accordion.pf-m-display-lg {
|
|
102
|
-
--pf-c-accordion__toggle--PaddingTop: var(--pf-c-accordion--m-display-lg__toggle--PaddingTop);
|
|
103
|
-
--pf-c-accordion__toggle--PaddingRight: var(--pf-c-accordion--m-display-lg__toggle--PaddingRight);
|
|
104
|
-
--pf-c-accordion__toggle--PaddingBottom: var(--pf-c-accordion--m-display-lg__toggle--PaddingBottom);
|
|
105
|
-
--pf-c-accordion__toggle--PaddingLeft: var(--pf-c-accordion--m-display-lg__toggle--PaddingLeft);
|
|
106
|
-
--pf-c-accordion__toggle--FontFamily: var(--pf-c-accordion--m-display-lg__toggle--FontFamily);
|
|
107
|
-
--pf-c-accordion__toggle--FontSize: var(--pf-c-accordion--m-display-lg__toggle--FontSize);
|
|
108
|
-
--pf-c-accordion__toggle--hover__toggle-text--Color: var(--pf-c-accordion--m-display-lg__toggle--hover__toggle-text--Color);
|
|
109
|
-
--pf-c-accordion__toggle--active__toggle-text--Color: var(--pf-c-accordion--m-display-lg__toggle--active__toggle-text--Color);
|
|
110
|
-
--pf-c-accordion__toggle--active__toggle-text--FontWeight: var(--pf-c-accordion--m-display-lg__toggle--active__toggle-text--FontWeight);
|
|
111
|
-
--pf-c-accordion__toggle--focus__toggle-text--Color: var(--pf-c-accordion--m-display-lg__toggle--focus__toggle-text--Color);
|
|
112
|
-
--pf-c-accordion__toggle--focus__toggle-text--FontWeight: var(--pf-c-accordion--m-display-lg__toggle--focus__toggle-text--FontWeight);
|
|
113
|
-
--pf-c-accordion__toggle--m-expanded__toggle-text--Color: var(--pf-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--Color);
|
|
114
|
-
--pf-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight);
|
|
115
|
-
--pf-c-accordion__expanded-content-body--PaddingTop: var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingTop);
|
|
116
|
-
--pf-c-accordion__expanded-content-body--PaddingRight: var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingRight);
|
|
117
|
-
--pf-c-accordion__expanded-content-body--PaddingBottom: var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingBottom);
|
|
118
|
-
--pf-c-accordion__expanded-content-body--PaddingLeft: var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingLeft);
|
|
119
|
-
--pf-c-accordion__expanded-content--FontSize: var(--pf-c-accordion--m-display-lg__expanded-content--FontSize);
|
|
120
|
-
--pf-c-accordion__expanded-content--Color: var(--pf-c-accordion--m-display-lg__expanded-content--Color);
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
.pf-c-accordion.pf-m-display-lg .pf-c-accordion__expanded-content-body:last-child {
|
|
124
|
-
--pf-c-accordion__expanded-content-body--PaddingBottom: var(--pf-c-accordion--m-display-lg__expanded-content-body--last-child--PaddingBottom);
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
.pf-c-accordion.pf-m-bordered {
|
|
128
|
-
--pf-c-accordion__toggle--before--Top: var(--pf-c-accordion--m-bordered__toggle--before--Top);
|
|
129
|
-
border-top: var(--pf-c-accordion--m-bordered--BorderTopWidth) solid var(--pf-c-accordion--m-bordered--BorderTopColor);
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
.pf-c-accordion.pf-m-bordered .pf-c-accordion__toggle::before {
|
|
133
|
-
position: absolute;
|
|
134
|
-
top: 0;
|
|
135
|
-
right: 0;
|
|
136
|
-
bottom: 0;
|
|
137
|
-
left: 0;
|
|
138
|
-
content: "";
|
|
139
|
-
border: solid var(--pf-c-accordion--m-bordered__toggle--after--BorderColor);
|
|
140
|
-
border-width: var(--pf-c-accordion--m-bordered__toggle--after--BorderTopWidth) 0 var(--pf-c-accordion--m-bordered__toggle--after--BorderBottomWidth);
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
.pf-c-accordion.pf-m-bordered .pf-c-accordion__toggle.pf-m-expanded {
|
|
144
|
-
--pf-c-accordion--m-bordered__toggle--after--BorderBottomWidth: 0;
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
.pf-c-accordion.pf-m-bordered .pf-c-accordion__expanded-content.pf-m-expanded .pf-c-accordion__expanded-content-body:last-child::before {
|
|
148
|
-
position: absolute;
|
|
149
|
-
top: 0;
|
|
150
|
-
right: 0;
|
|
151
|
-
bottom: 0;
|
|
152
|
-
left: 0;
|
|
153
|
-
pointer-events: none;
|
|
154
|
-
content: "";
|
|
155
|
-
border-bottom: var(--pf-c-accordion--m-bordered__expanded-content--m-expanded__expanded-content-body--last-child--after--BorderBottomWidth) solid var(--pf-c-accordion--m-bordered__expanded-content--m-expanded__expanded-content-body--last-child--after--BorderBottomColor);
|
|
156
|
-
}
|
|
157
|
-
|
|
158
|
-
.pf-c-accordion__toggle {
|
|
159
|
-
position: relative;
|
|
160
|
-
display: flex;
|
|
161
|
-
align-items: center;
|
|
162
|
-
justify-content: space-between;
|
|
163
|
-
width: 100%;
|
|
164
|
-
padding: var(--pf-c-accordion__toggle--PaddingTop) var(--pf-c-accordion__toggle--PaddingRight) var(--pf-c-accordion__toggle--PaddingBottom) var(--pf-c-accordion__toggle--PaddingLeft);
|
|
165
|
-
font-family: var(--pf-c-accordion__toggle--FontFamily, inherit);
|
|
166
|
-
font-size: var(--pf-c-accordion__toggle--FontSize, inherit);
|
|
167
|
-
border: 0;
|
|
168
|
-
}
|
|
169
|
-
|
|
170
|
-
.pf-c-accordion__toggle::after {
|
|
171
|
-
position: absolute;
|
|
172
|
-
top: var(--pf-c-accordion__toggle--before--Top);
|
|
173
|
-
bottom: 0;
|
|
174
|
-
left: 0;
|
|
175
|
-
width: var(--pf-c-accordion__toggle--before--Width);
|
|
176
|
-
content: "";
|
|
177
|
-
background-color: var(--pf-c-accordion__toggle--before--BackgroundColor);
|
|
178
|
-
}
|
|
179
|
-
|
|
180
|
-
.pf-c-accordion__toggle.pf-m-expanded {
|
|
181
|
-
--pf-c-accordion__toggle--before--BackgroundColor: var(--pf-c-accordion__toggle--m-expanded--before--BackgroundColor);
|
|
182
|
-
}
|
|
183
|
-
|
|
184
|
-
.pf-c-accordion__toggle.pf-m-expanded .pf-c-accordion__toggle-text {
|
|
185
|
-
font-weight: var(--pf-c-accordion__toggle--m-expanded__toggle-text--FontWeight);
|
|
186
|
-
color: var(--pf-c-accordion__toggle--m-expanded__toggle-text--Color);
|
|
187
|
-
}
|
|
188
|
-
|
|
189
|
-
.pf-c-accordion__toggle.pf-m-expanded .pf-c-accordion__toggle-icon {
|
|
190
|
-
transform: rotate(var(--pf-c-accordion__toggle--m-expanded__toggle-icon--Rotate));
|
|
191
|
-
}
|
|
192
|
-
|
|
193
|
-
.pf-c-accordion__toggle:hover {
|
|
194
|
-
background-color: var(--pf-c-accordion__toggle--hover--BackgroundColor);
|
|
195
|
-
}
|
|
196
|
-
|
|
197
|
-
.pf-c-accordion__toggle:hover .pf-c-accordion__toggle-text {
|
|
198
|
-
color: var(--pf-c-accordion__toggle--hover__toggle-text--Color);
|
|
199
|
-
}
|
|
200
|
-
|
|
201
|
-
.pf-c-accordion__toggle:focus {
|
|
202
|
-
background-color: var(--pf-c-accordion__toggle--focus--BackgroundColor);
|
|
203
|
-
}
|
|
204
|
-
|
|
205
|
-
.pf-c-accordion__toggle:focus .pf-c-accordion__toggle-text {
|
|
206
|
-
font-weight: var(--pf-c-accordion__toggle--focus__toggle-text--FontWeight);
|
|
207
|
-
color: var(--pf-c-accordion__toggle--focus__toggle-text--Color);
|
|
208
|
-
}
|
|
209
|
-
|
|
210
|
-
.pf-c-accordion__toggle:active {
|
|
211
|
-
background-color: var(--pf-c-accordion__toggle--active--BackgroundColor);
|
|
212
|
-
}
|
|
213
|
-
|
|
214
|
-
.pf-c-accordion__toggle:active .pf-c-accordion__toggle-text {
|
|
215
|
-
font-weight: var(--pf-c-accordion__toggle--active__toggle-text--FontWeight);
|
|
216
|
-
color: var(--pf-c-accordion__toggle--active__toggle-text--Color);
|
|
217
|
-
}
|
|
218
|
-
|
|
219
|
-
.pf-c-accordion__toggle-text {
|
|
220
|
-
overflow: hidden;
|
|
221
|
-
text-overflow: ellipsis;
|
|
222
|
-
white-space: nowrap;
|
|
223
|
-
max-width: var(--pf-c-accordion__toggle-text--MaxWidth);
|
|
224
|
-
}
|
|
225
|
-
|
|
226
|
-
.pf-c-accordion__toggle-icon {
|
|
227
|
-
transition: var(--pf-c-accordion__toggle-icon--Transition);
|
|
228
|
-
}
|
|
229
|
-
|
|
230
|
-
.pf-c-accordion__expanded-content {
|
|
231
|
-
font-size: var(--pf-c-accordion__expanded-content--FontSize);
|
|
232
|
-
color: var(--pf-c-accordion__expanded-content--Color);
|
|
233
|
-
}
|
|
234
|
-
|
|
235
|
-
.pf-c-accordion__expanded-content.pf-m-fixed {
|
|
236
|
-
max-height: var(--pf-c-accordion__expanded-content--m-fixed--MaxHeight);
|
|
237
|
-
overflow-y: auto;
|
|
238
|
-
}
|
|
239
|
-
|
|
240
|
-
.pf-c-accordion__expanded-content.pf-m-expanded {
|
|
241
|
-
--pf-c-accordion__expanded-content-body--before--BackgroundColor: var(--pf-c-accordion__expanded-content--m-expanded__expanded-content-body--before--BackgroundColor);
|
|
242
|
-
}
|
|
243
|
-
|
|
244
|
-
.pf-c-accordion__expanded-content-body {
|
|
245
|
-
position: relative;
|
|
246
|
-
padding: var(--pf-c-accordion__expanded-content-body--PaddingTop) var(--pf-c-accordion__expanded-content-body--PaddingRight) var(--pf-c-accordion__expanded-content-body--PaddingBottom) var(--pf-c-accordion__expanded-content-body--PaddingLeft);
|
|
247
|
-
}
|
|
248
|
-
|
|
249
|
-
.pf-c-accordion__expanded-content-body::after {
|
|
250
|
-
position: absolute;
|
|
251
|
-
top: 0;
|
|
252
|
-
bottom: 0;
|
|
253
|
-
left: 0;
|
|
254
|
-
width: var(--pf-c-accordion__expanded-content-body--before--Width);
|
|
255
|
-
content: "";
|
|
256
|
-
background-color: var(--pf-c-accordion__expanded-content-body--before--BackgroundColor);
|
|
257
|
-
}
|
|
258
|
-
|
|
259
|
-
.pf-c-accordion__expanded-content-body + .pf-c-accordion__expanded-content-body {
|
|
260
|
-
--pf-c-accordion__expanded-content-body--PaddingTop: var(--pf-c-accordion__expanded-content-body--expanded-content-body--PaddingTop);
|
|
261
|
-
}
|
|
262
|
-
|
|
263
|
-
:where(.pf-theme-dark) .pf-c-accordion {
|
|
264
|
-
--pf-c-accordion__toggle--hover--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
265
|
-
--pf-c-accordion__toggle--focus--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
266
|
-
--pf-c-accordion__toggle--active--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
267
|
-
}
|
|
268
|
-
|
|
269
24
|
.pf-c-action-list {
|
|
270
25
|
--pf-c-action-list--m-icon--spacer: 0;
|
|
271
26
|
--pf-c-action-list--child--spacer-base: var(--pf-global--spacer--md);
|
|
@@ -1535,21 +1290,266 @@ textarea.pf-c-form-control {
|
|
|
1535
1290
|
--pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-md, var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height)));
|
|
1536
1291
|
}
|
|
1537
1292
|
}
|
|
1538
|
-
@media (min-width: 992px) {
|
|
1539
|
-
.pf-c-avatar.pf-m-xl {
|
|
1540
|
-
--pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-lg, var(--pf-c-avatar--m-xl--Height-on-md, var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height))));
|
|
1541
|
-
}
|
|
1293
|
+
@media (min-width: 992px) {
|
|
1294
|
+
.pf-c-avatar.pf-m-xl {
|
|
1295
|
+
--pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-lg, var(--pf-c-avatar--m-xl--Height-on-md, var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height))));
|
|
1296
|
+
}
|
|
1297
|
+
}
|
|
1298
|
+
@media (min-width: 1200px) {
|
|
1299
|
+
.pf-c-avatar.pf-m-xl {
|
|
1300
|
+
--pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-xl, var(--pf-c-avatar--m-xl--Height-on-lg, var(--pf-c-avatar--m-xl--Height-on-md, var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height)))));
|
|
1301
|
+
}
|
|
1302
|
+
}
|
|
1303
|
+
@media (min-width: 1450px) {
|
|
1304
|
+
.pf-c-avatar.pf-m-xl {
|
|
1305
|
+
--pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-2xl, var(--pf-c-avatar--m-xl--Height-on-xl, var(--pf-c-avatar--m-xl--Height-on-lg, var(--pf-c-avatar--m-xl--Height-on-md, var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height))))));
|
|
1306
|
+
}
|
|
1307
|
+
}
|
|
1308
|
+
.pf-c-accordion {
|
|
1309
|
+
--pf-global--Color--100: var(--pf-global--Color--dark-100);
|
|
1310
|
+
--pf-global--Color--200: var(--pf-global--Color--dark-200);
|
|
1311
|
+
--pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
|
|
1312
|
+
--pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
|
|
1313
|
+
--pf-global--link--Color: var(--pf-global--link--Color--dark);
|
|
1314
|
+
--pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
|
|
1315
|
+
--pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
|
|
1316
|
+
}
|
|
1317
|
+
|
|
1318
|
+
.pf-c-accordion {
|
|
1319
|
+
--pf-c-accordion--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
1320
|
+
--pf-c-accordion__toggle--PaddingTop: var(--pf-global--spacer--sm);
|
|
1321
|
+
--pf-c-accordion__toggle--PaddingRight: var(--pf-global--spacer--md);
|
|
1322
|
+
--pf-c-accordion__toggle--PaddingBottom: var(--pf-global--spacer--sm);
|
|
1323
|
+
--pf-c-accordion__toggle--PaddingLeft: var(--pf-global--spacer--md);
|
|
1324
|
+
--pf-c-accordion__toggle--before--BackgroundColor: transparent;
|
|
1325
|
+
--pf-c-accordion__toggle--before--Top: 0;
|
|
1326
|
+
--pf-c-accordion__toggle--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
1327
|
+
--pf-c-accordion__toggle--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
1328
|
+
--pf-c-accordion__toggle--active--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
1329
|
+
--pf-c-accordion__toggle--before--Width: var(--pf-global--BorderWidth--lg);
|
|
1330
|
+
--pf-c-accordion__toggle--m-expanded--before--BackgroundColor: var(--pf-global--primary-color--100);
|
|
1331
|
+
--pf-c-accordion__toggle-text--MaxWidth: calc(100% - var(--pf-global--spacer--lg));
|
|
1332
|
+
--pf-c-accordion__toggle--hover__toggle-text--Color: var(--pf-global--link--Color);
|
|
1333
|
+
--pf-c-accordion__toggle--active__toggle-text--Color: var(--pf-global--link--Color);
|
|
1334
|
+
--pf-c-accordion__toggle--active__toggle-text--FontWeight: var(--pf-global--FontWeight--semi-bold);
|
|
1335
|
+
--pf-c-accordion__toggle--focus__toggle-text--Color: var(--pf-global--link--Color);
|
|
1336
|
+
--pf-c-accordion__toggle--focus__toggle-text--FontWeight: var(--pf-global--FontWeight--semi-bold);
|
|
1337
|
+
--pf-c-accordion__toggle--m-expanded__toggle-text--Color: var(--pf-global--link--Color);
|
|
1338
|
+
--pf-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-global--FontWeight--semi-bold);
|
|
1339
|
+
--pf-c-accordion__toggle-icon--Transition: .2s ease-in 0s;
|
|
1340
|
+
--pf-c-accordion__toggle--m-expanded__toggle-icon--Rotate: 90deg;
|
|
1341
|
+
--pf-c-accordion__expanded-content--Color: var(--pf-global--Color--200);
|
|
1342
|
+
--pf-c-accordion__expanded-content--FontSize: var(--pf-global--FontSize--sm);
|
|
1343
|
+
--pf-c-accordion__expanded-content--m-expanded__expanded-content-body--before--BackgroundColor: var(--pf-global--primary-color--100);
|
|
1344
|
+
--pf-c-accordion__expanded-content--m-fixed--MaxHeight: 9.375rem;
|
|
1345
|
+
--pf-c-accordion__expanded-content-body--PaddingTop: var(--pf-global--spacer--sm);
|
|
1346
|
+
--pf-c-accordion__expanded-content-body--PaddingRight: var(--pf-global--spacer--md);
|
|
1347
|
+
--pf-c-accordion__expanded-content-body--PaddingBottom: var(--pf-global--spacer--sm);
|
|
1348
|
+
--pf-c-accordion__expanded-content-body--PaddingLeft: var(--pf-global--spacer--md);
|
|
1349
|
+
--pf-c-accordion__expanded-content-body--expanded-content-body--PaddingTop: 0;
|
|
1350
|
+
--pf-c-accordion__expanded-content-body--before--BackgroundColor: transparent;
|
|
1351
|
+
--pf-c-accordion__expanded-content-body--before--Width: var(--pf-global--BorderWidth--lg);
|
|
1352
|
+
--pf-c-accordion__expanded-content-body--before--Top: 0;
|
|
1353
|
+
--pf-c-accordion--m-display-lg__toggle--PaddingTop: var(--pf-global--spacer--md);
|
|
1354
|
+
--pf-c-accordion--m-display-lg__toggle--PaddingRight: var(--pf-global--spacer--md);
|
|
1355
|
+
--pf-c-accordion--m-display-lg__toggle--PaddingBottom: var(--pf-global--spacer--md);
|
|
1356
|
+
--pf-c-accordion--m-display-lg__toggle--PaddingLeft: var(--pf-global--spacer--lg);
|
|
1357
|
+
--pf-c-accordion--m-display-lg__toggle--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
1358
|
+
--pf-c-accordion--m-display-lg__toggle--FontSize: var(--pf-global--FontSize--xl);
|
|
1359
|
+
--pf-c-accordion--m-display-lg__toggle--hover__toggle-text--Color: var(--pf-global--Color--100);
|
|
1360
|
+
--pf-c-accordion--m-display-lg__toggle--active__toggle-text--Color: var(--pf-global--Color--100);
|
|
1361
|
+
--pf-c-accordion--m-display-lg__toggle--active__toggle-text--FontWeight: var(--pf-global--FontWeight--normal);
|
|
1362
|
+
--pf-c-accordion--m-display-lg__toggle--focus__toggle-text--Color: var(--pf-global--Color--100);
|
|
1363
|
+
--pf-c-accordion--m-display-lg__toggle--focus__toggle-text--FontWeight: var(--pf-global--FontWeight--normal);
|
|
1364
|
+
--pf-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--Color: var(--pf-global--Color--100);
|
|
1365
|
+
--pf-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight: var(--pf-global--FontWeight--normal);
|
|
1366
|
+
--pf-c-accordion--m-display-lg__expanded-content--FontSize: var(--pf-global--FontSize--md);
|
|
1367
|
+
--pf-c-accordion--m-display-lg__expanded-content--Color: var(--pf-global--Color--100);
|
|
1368
|
+
--pf-c-accordion--m-display-lg__expanded-content-body--PaddingTop: 0;
|
|
1369
|
+
--pf-c-accordion--m-display-lg__expanded-content-body--PaddingRight: var(--pf-global--spacer--md);
|
|
1370
|
+
--pf-c-accordion--m-display-lg__expanded-content-body--PaddingBottom: var(--pf-global--spacer--md);
|
|
1371
|
+
--pf-c-accordion--m-display-lg__expanded-content-body--last-child--PaddingBottom: var(--pf-global--spacer--lg);
|
|
1372
|
+
--pf-c-accordion--m-display-lg__expanded-content-body--PaddingLeft: var(--pf-global--spacer--lg);
|
|
1373
|
+
--pf-c-accordion--m-bordered--BorderTopWidth: var(--pf-global--BorderWidth--sm);
|
|
1374
|
+
--pf-c-accordion--m-bordered--BorderTopColor: var(--pf-global--BorderColor--100);
|
|
1375
|
+
--pf-c-accordion--m-bordered__toggle--before--Top: calc(-1 * var(--pf-global--BorderWidth--sm));
|
|
1376
|
+
--pf-c-accordion--m-bordered__toggle--after--BorderColor: var(--pf-global--BorderColor--100);
|
|
1377
|
+
--pf-c-accordion--m-bordered__toggle--after--BorderTopWidth: 0;
|
|
1378
|
+
--pf-c-accordion--m-bordered__toggle--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
|
|
1379
|
+
--pf-c-accordion--m-bordered__expanded-content--m-expanded__expanded-content-body--last-child--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
|
|
1380
|
+
--pf-c-accordion--m-bordered__expanded-content--m-expanded__expanded-content-body--last-child--after--BorderBottomColor: var(--pf-global--BorderColor--100);
|
|
1381
|
+
color: var(--pf-global--Color--100);
|
|
1382
|
+
background-color: var(--pf-c-accordion--BackgroundColor);
|
|
1383
|
+
}
|
|
1384
|
+
|
|
1385
|
+
.pf-c-accordion.pf-m-display-lg {
|
|
1386
|
+
--pf-c-accordion__toggle--PaddingTop: var(--pf-c-accordion--m-display-lg__toggle--PaddingTop);
|
|
1387
|
+
--pf-c-accordion__toggle--PaddingRight: var(--pf-c-accordion--m-display-lg__toggle--PaddingRight);
|
|
1388
|
+
--pf-c-accordion__toggle--PaddingBottom: var(--pf-c-accordion--m-display-lg__toggle--PaddingBottom);
|
|
1389
|
+
--pf-c-accordion__toggle--PaddingLeft: var(--pf-c-accordion--m-display-lg__toggle--PaddingLeft);
|
|
1390
|
+
--pf-c-accordion__toggle--FontFamily: var(--pf-c-accordion--m-display-lg__toggle--FontFamily);
|
|
1391
|
+
--pf-c-accordion__toggle--FontSize: var(--pf-c-accordion--m-display-lg__toggle--FontSize);
|
|
1392
|
+
--pf-c-accordion__toggle--hover__toggle-text--Color: var(--pf-c-accordion--m-display-lg__toggle--hover__toggle-text--Color);
|
|
1393
|
+
--pf-c-accordion__toggle--active__toggle-text--Color: var(--pf-c-accordion--m-display-lg__toggle--active__toggle-text--Color);
|
|
1394
|
+
--pf-c-accordion__toggle--active__toggle-text--FontWeight: var(--pf-c-accordion--m-display-lg__toggle--active__toggle-text--FontWeight);
|
|
1395
|
+
--pf-c-accordion__toggle--focus__toggle-text--Color: var(--pf-c-accordion--m-display-lg__toggle--focus__toggle-text--Color);
|
|
1396
|
+
--pf-c-accordion__toggle--focus__toggle-text--FontWeight: var(--pf-c-accordion--m-display-lg__toggle--focus__toggle-text--FontWeight);
|
|
1397
|
+
--pf-c-accordion__toggle--m-expanded__toggle-text--Color: var(--pf-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--Color);
|
|
1398
|
+
--pf-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight);
|
|
1399
|
+
--pf-c-accordion__expanded-content-body--PaddingTop: var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingTop);
|
|
1400
|
+
--pf-c-accordion__expanded-content-body--PaddingRight: var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingRight);
|
|
1401
|
+
--pf-c-accordion__expanded-content-body--PaddingBottom: var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingBottom);
|
|
1402
|
+
--pf-c-accordion__expanded-content-body--PaddingLeft: var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingLeft);
|
|
1403
|
+
--pf-c-accordion__expanded-content--FontSize: var(--pf-c-accordion--m-display-lg__expanded-content--FontSize);
|
|
1404
|
+
--pf-c-accordion__expanded-content--Color: var(--pf-c-accordion--m-display-lg__expanded-content--Color);
|
|
1405
|
+
}
|
|
1406
|
+
|
|
1407
|
+
.pf-c-accordion.pf-m-display-lg .pf-c-accordion__expanded-content-body:last-child {
|
|
1408
|
+
--pf-c-accordion__expanded-content-body--PaddingBottom: var(--pf-c-accordion--m-display-lg__expanded-content-body--last-child--PaddingBottom);
|
|
1409
|
+
}
|
|
1410
|
+
|
|
1411
|
+
.pf-c-accordion.pf-m-bordered {
|
|
1412
|
+
--pf-c-accordion__toggle--before--Top: var(--pf-c-accordion--m-bordered__toggle--before--Top);
|
|
1413
|
+
border-top: var(--pf-c-accordion--m-bordered--BorderTopWidth) solid var(--pf-c-accordion--m-bordered--BorderTopColor);
|
|
1414
|
+
}
|
|
1415
|
+
|
|
1416
|
+
.pf-c-accordion.pf-m-bordered .pf-c-accordion__toggle::before {
|
|
1417
|
+
position: absolute;
|
|
1418
|
+
top: 0;
|
|
1419
|
+
right: 0;
|
|
1420
|
+
bottom: 0;
|
|
1421
|
+
left: 0;
|
|
1422
|
+
content: "";
|
|
1423
|
+
border: solid var(--pf-c-accordion--m-bordered__toggle--after--BorderColor);
|
|
1424
|
+
border-width: var(--pf-c-accordion--m-bordered__toggle--after--BorderTopWidth) 0 var(--pf-c-accordion--m-bordered__toggle--after--BorderBottomWidth);
|
|
1425
|
+
}
|
|
1426
|
+
|
|
1427
|
+
.pf-c-accordion.pf-m-bordered .pf-c-accordion__toggle.pf-m-expanded {
|
|
1428
|
+
--pf-c-accordion--m-bordered__toggle--after--BorderBottomWidth: 0;
|
|
1429
|
+
}
|
|
1430
|
+
|
|
1431
|
+
.pf-c-accordion.pf-m-bordered .pf-c-accordion__expanded-content.pf-m-expanded .pf-c-accordion__expanded-content-body:last-child::before {
|
|
1432
|
+
position: absolute;
|
|
1433
|
+
top: 0;
|
|
1434
|
+
right: 0;
|
|
1435
|
+
bottom: 0;
|
|
1436
|
+
left: 0;
|
|
1437
|
+
pointer-events: none;
|
|
1438
|
+
content: "";
|
|
1439
|
+
border-bottom: var(--pf-c-accordion--m-bordered__expanded-content--m-expanded__expanded-content-body--last-child--after--BorderBottomWidth) solid var(--pf-c-accordion--m-bordered__expanded-content--m-expanded__expanded-content-body--last-child--after--BorderBottomColor);
|
|
1440
|
+
}
|
|
1441
|
+
|
|
1442
|
+
.pf-c-accordion__toggle {
|
|
1443
|
+
position: relative;
|
|
1444
|
+
display: flex;
|
|
1445
|
+
align-items: center;
|
|
1446
|
+
justify-content: space-between;
|
|
1447
|
+
width: 100%;
|
|
1448
|
+
padding: var(--pf-c-accordion__toggle--PaddingTop) var(--pf-c-accordion__toggle--PaddingRight) var(--pf-c-accordion__toggle--PaddingBottom) var(--pf-c-accordion__toggle--PaddingLeft);
|
|
1449
|
+
font-family: var(--pf-c-accordion__toggle--FontFamily, inherit);
|
|
1450
|
+
font-size: var(--pf-c-accordion__toggle--FontSize, inherit);
|
|
1451
|
+
border: 0;
|
|
1452
|
+
}
|
|
1453
|
+
|
|
1454
|
+
.pf-c-accordion__toggle::after {
|
|
1455
|
+
position: absolute;
|
|
1456
|
+
top: var(--pf-c-accordion__toggle--before--Top);
|
|
1457
|
+
bottom: 0;
|
|
1458
|
+
left: 0;
|
|
1459
|
+
width: var(--pf-c-accordion__toggle--before--Width);
|
|
1460
|
+
content: "";
|
|
1461
|
+
background-color: var(--pf-c-accordion__toggle--before--BackgroundColor);
|
|
1462
|
+
}
|
|
1463
|
+
|
|
1464
|
+
.pf-c-accordion__toggle.pf-m-expanded {
|
|
1465
|
+
--pf-c-accordion__toggle--before--BackgroundColor: var(--pf-c-accordion__toggle--m-expanded--before--BackgroundColor);
|
|
1466
|
+
}
|
|
1467
|
+
|
|
1468
|
+
.pf-c-accordion__toggle.pf-m-expanded .pf-c-accordion__toggle-text {
|
|
1469
|
+
font-weight: var(--pf-c-accordion__toggle--m-expanded__toggle-text--FontWeight);
|
|
1470
|
+
color: var(--pf-c-accordion__toggle--m-expanded__toggle-text--Color);
|
|
1471
|
+
}
|
|
1472
|
+
|
|
1473
|
+
.pf-c-accordion__toggle.pf-m-expanded .pf-c-accordion__toggle-icon {
|
|
1474
|
+
transform: rotate(var(--pf-c-accordion__toggle--m-expanded__toggle-icon--Rotate));
|
|
1475
|
+
}
|
|
1476
|
+
|
|
1477
|
+
.pf-c-accordion__toggle:hover {
|
|
1478
|
+
background-color: var(--pf-c-accordion__toggle--hover--BackgroundColor);
|
|
1479
|
+
}
|
|
1480
|
+
|
|
1481
|
+
.pf-c-accordion__toggle:hover .pf-c-accordion__toggle-text {
|
|
1482
|
+
color: var(--pf-c-accordion__toggle--hover__toggle-text--Color);
|
|
1483
|
+
}
|
|
1484
|
+
|
|
1485
|
+
.pf-c-accordion__toggle:focus {
|
|
1486
|
+
background-color: var(--pf-c-accordion__toggle--focus--BackgroundColor);
|
|
1487
|
+
}
|
|
1488
|
+
|
|
1489
|
+
.pf-c-accordion__toggle:focus .pf-c-accordion__toggle-text {
|
|
1490
|
+
font-weight: var(--pf-c-accordion__toggle--focus__toggle-text--FontWeight);
|
|
1491
|
+
color: var(--pf-c-accordion__toggle--focus__toggle-text--Color);
|
|
1492
|
+
}
|
|
1493
|
+
|
|
1494
|
+
.pf-c-accordion__toggle:active {
|
|
1495
|
+
background-color: var(--pf-c-accordion__toggle--active--BackgroundColor);
|
|
1496
|
+
}
|
|
1497
|
+
|
|
1498
|
+
.pf-c-accordion__toggle:active .pf-c-accordion__toggle-text {
|
|
1499
|
+
font-weight: var(--pf-c-accordion__toggle--active__toggle-text--FontWeight);
|
|
1500
|
+
color: var(--pf-c-accordion__toggle--active__toggle-text--Color);
|
|
1501
|
+
}
|
|
1502
|
+
|
|
1503
|
+
.pf-c-accordion__toggle-text {
|
|
1504
|
+
overflow: hidden;
|
|
1505
|
+
text-overflow: ellipsis;
|
|
1506
|
+
white-space: nowrap;
|
|
1507
|
+
max-width: var(--pf-c-accordion__toggle-text--MaxWidth);
|
|
1508
|
+
}
|
|
1509
|
+
|
|
1510
|
+
.pf-c-accordion__toggle-icon {
|
|
1511
|
+
transition: var(--pf-c-accordion__toggle-icon--Transition);
|
|
1512
|
+
}
|
|
1513
|
+
|
|
1514
|
+
.pf-c-accordion__expanded-content {
|
|
1515
|
+
font-size: var(--pf-c-accordion__expanded-content--FontSize);
|
|
1516
|
+
color: var(--pf-c-accordion__expanded-content--Color);
|
|
1517
|
+
}
|
|
1518
|
+
|
|
1519
|
+
.pf-c-accordion__expanded-content.pf-m-fixed {
|
|
1520
|
+
max-height: var(--pf-c-accordion__expanded-content--m-fixed--MaxHeight);
|
|
1521
|
+
overflow-y: auto;
|
|
1522
|
+
}
|
|
1523
|
+
|
|
1524
|
+
.pf-c-accordion__expanded-content.pf-m-expanded {
|
|
1525
|
+
--pf-c-accordion__expanded-content-body--before--BackgroundColor: var(--pf-c-accordion__expanded-content--m-expanded__expanded-content-body--before--BackgroundColor);
|
|
1526
|
+
}
|
|
1527
|
+
|
|
1528
|
+
.pf-c-accordion__expanded-content-body {
|
|
1529
|
+
position: relative;
|
|
1530
|
+
padding: var(--pf-c-accordion__expanded-content-body--PaddingTop) var(--pf-c-accordion__expanded-content-body--PaddingRight) var(--pf-c-accordion__expanded-content-body--PaddingBottom) var(--pf-c-accordion__expanded-content-body--PaddingLeft);
|
|
1542
1531
|
}
|
|
1543
|
-
|
|
1544
|
-
|
|
1545
|
-
|
|
1546
|
-
|
|
1532
|
+
|
|
1533
|
+
.pf-c-accordion__expanded-content-body::after {
|
|
1534
|
+
position: absolute;
|
|
1535
|
+
top: 0;
|
|
1536
|
+
bottom: 0;
|
|
1537
|
+
left: 0;
|
|
1538
|
+
width: var(--pf-c-accordion__expanded-content-body--before--Width);
|
|
1539
|
+
content: "";
|
|
1540
|
+
background-color: var(--pf-c-accordion__expanded-content-body--before--BackgroundColor);
|
|
1547
1541
|
}
|
|
1548
|
-
|
|
1549
|
-
|
|
1550
|
-
|
|
1551
|
-
|
|
1542
|
+
|
|
1543
|
+
.pf-c-accordion__expanded-content-body + .pf-c-accordion__expanded-content-body {
|
|
1544
|
+
--pf-c-accordion__expanded-content-body--PaddingTop: var(--pf-c-accordion__expanded-content-body--expanded-content-body--PaddingTop);
|
|
1545
|
+
}
|
|
1546
|
+
|
|
1547
|
+
:where(.pf-theme-dark) .pf-c-accordion {
|
|
1548
|
+
--pf-c-accordion__toggle--hover--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
1549
|
+
--pf-c-accordion__toggle--focus--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
1550
|
+
--pf-c-accordion__toggle--active--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
1552
1551
|
}
|
|
1552
|
+
|
|
1553
1553
|
.pf-c-back-to-top {
|
|
1554
1554
|
--pf-c-back-to-top--Right: var(--pf-global--spacer--2xl);
|
|
1555
1555
|
--pf-c-back-to-top--Bottom: var(--pf-global--spacer--lg);
|
|
@@ -3507,6 +3507,116 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
3507
3507
|
margin-bottom: var(--pf-c-chip-group__close--MarginBottom);
|
|
3508
3508
|
}
|
|
3509
3509
|
|
|
3510
|
+
.pf-c-clipboard-copy {
|
|
3511
|
+
--pf-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
|
|
3512
|
+
--pf-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
|
|
3513
|
+
--pf-c-clipboard-copy__expandable-content--PaddingTop: var(--pf-global--spacer--md);
|
|
3514
|
+
--pf-c-clipboard-copy__expandable-content--PaddingRight: var(--pf-global--spacer--md);
|
|
3515
|
+
--pf-c-clipboard-copy__expandable-content--PaddingBottom: var(--pf-global--spacer--md);
|
|
3516
|
+
--pf-c-clipboard-copy__expandable-content--PaddingLeft: var(--pf-global--spacer--md);
|
|
3517
|
+
--pf-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
|
|
3518
|
+
--pf-c-clipboard-copy__expandable-content--BorderTopWidth: 0;
|
|
3519
|
+
--pf-c-clipboard-copy__expandable-content--BorderRightWidth: var(--pf-global--BorderWidth--sm);
|
|
3520
|
+
--pf-c-clipboard-copy__expandable-content--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
|
|
3521
|
+
--pf-c-clipboard-copy__expandable-content--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
|
|
3522
|
+
--pf-c-clipboard-copy__expandable-content--BorderColor: var(--pf-global--BorderColor--100);
|
|
3523
|
+
--pf-c-clipboard-copy__expandable-content--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
|
|
3524
|
+
--pf-c-clipboard-copy--m-inline--PaddingTop: 0;
|
|
3525
|
+
--pf-c-clipboard-copy--m-inline--PaddingBottom: 0;
|
|
3526
|
+
--pf-c-clipboard-copy--m-inline--PaddingLeft: var(--pf-global--spacer--xs);
|
|
3527
|
+
--pf-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
3528
|
+
--pf-c-clipboard-copy__text--m-code--FontFamily: var(--pf-global--FontFamily--monospace);
|
|
3529
|
+
--pf-c-clipboard-copy__text--m-code--FontSize: var(--pf-global--FontSize--sm);
|
|
3530
|
+
--pf-c-clipboard-copy__actions-item--MarginTop: calc(-1 * var(--pf-global--spacer--form-element));
|
|
3531
|
+
--pf-c-clipboard-copy__actions-item--MarginBottom: calc(-1 * var(--pf-global--spacer--form-element));
|
|
3532
|
+
--pf-c-clipboard-copy__actions-item--button--PaddingTop: var(--pf-global--spacer--xs);
|
|
3533
|
+
--pf-c-clipboard-copy__actions-item--button--PaddingRight: var(--pf-global--spacer--sm);
|
|
3534
|
+
--pf-c-clipboard-copy__actions-item--button--PaddingBottom: var(--pf-global--spacer--xs);
|
|
3535
|
+
--pf-c-clipboard-copy__actions-item--button--PaddingLeft: var(--pf-global--spacer--sm);
|
|
3536
|
+
}
|
|
3537
|
+
|
|
3538
|
+
.pf-c-clipboard-copy.pf-m-expanded .pf-c-clipboard-copy__toggle-icon {
|
|
3539
|
+
transform: rotate(var(--pf-c-clipboard-copy--m-expanded__toggle-icon--Rotate));
|
|
3540
|
+
}
|
|
3541
|
+
|
|
3542
|
+
.pf-c-clipboard-copy.pf-m-inline {
|
|
3543
|
+
display: inline;
|
|
3544
|
+
padding-top: var(--pf-c-clipboard-copy--m-inline--PaddingTop);
|
|
3545
|
+
padding-bottom: var(--pf-c-clipboard-copy--m-inline--PaddingBottom);
|
|
3546
|
+
padding-left: var(--pf-c-clipboard-copy--m-inline--PaddingLeft);
|
|
3547
|
+
white-space: nowrap;
|
|
3548
|
+
background-color: var(--pf-c-clipboard-copy--m-inline--BackgroundColor);
|
|
3549
|
+
}
|
|
3550
|
+
|
|
3551
|
+
.pf-c-clipboard-copy.pf-m-inline.pf-m-block {
|
|
3552
|
+
display: block;
|
|
3553
|
+
}
|
|
3554
|
+
|
|
3555
|
+
.pf-c-clipboard-copy__group {
|
|
3556
|
+
display: flex;
|
|
3557
|
+
}
|
|
3558
|
+
|
|
3559
|
+
.pf-c-clipboard-copy__group > * + * {
|
|
3560
|
+
margin-left: -1px;
|
|
3561
|
+
}
|
|
3562
|
+
|
|
3563
|
+
.pf-c-clipboard-copy__toggle-icon {
|
|
3564
|
+
transition: var(--pf-c-clipboard-copy__toggle-icon--Transition);
|
|
3565
|
+
}
|
|
3566
|
+
|
|
3567
|
+
.pf-c-clipboard-copy__expandable-content {
|
|
3568
|
+
padding: var(--pf-c-clipboard-copy__expandable-content--PaddingTop) var(--pf-c-clipboard-copy__expandable-content--PaddingRight) var(--pf-c-clipboard-copy__expandable-content--PaddingBottom) var(--pf-c-clipboard-copy__expandable-content--PaddingLeft);
|
|
3569
|
+
word-wrap: break-word;
|
|
3570
|
+
background-color: var(--pf-c-clipboard-copy__expandable-content--BackgroundColor);
|
|
3571
|
+
background-clip: padding-box;
|
|
3572
|
+
border: solid var(--pf-c-clipboard-copy__expandable-content--BorderColor);
|
|
3573
|
+
border-width: var(--pf-c-clipboard-copy__expandable-content--BorderTopWidth) var(--pf-c-clipboard-copy__expandable-content--BorderRightWidth) var(--pf-c-clipboard-copy__expandable-content--BorderBottomWidth) var(--pf-c-clipboard-copy__expandable-content--BorderLeftWidth);
|
|
3574
|
+
box-shadow: var(--pf-c-clipboard-copy__expandable-content--BoxShadow);
|
|
3575
|
+
}
|
|
3576
|
+
|
|
3577
|
+
.pf-c-clipboard-copy__expandable-content pre {
|
|
3578
|
+
white-space: pre-wrap;
|
|
3579
|
+
}
|
|
3580
|
+
|
|
3581
|
+
.pf-c-clipboard-copy__text {
|
|
3582
|
+
word-break: break-word;
|
|
3583
|
+
white-space: normal;
|
|
3584
|
+
}
|
|
3585
|
+
|
|
3586
|
+
.pf-c-clipboard-copy__text.pf-m-code {
|
|
3587
|
+
font-family: var(--pf-c-clipboard-copy__text--m-code--FontFamily);
|
|
3588
|
+
font-size: var(--pf-c-clipboard-copy__text--m-code--FontSize);
|
|
3589
|
+
}
|
|
3590
|
+
|
|
3591
|
+
.pf-c-clipboard-copy__actions {
|
|
3592
|
+
display: inline-flex;
|
|
3593
|
+
}
|
|
3594
|
+
|
|
3595
|
+
.pf-c-clipboard-copy__actions-item {
|
|
3596
|
+
margin-top: calc(-1 * var(--pf-c-clipboard-copy__actions-item--button--PaddingTop));
|
|
3597
|
+
margin-bottom: calc(-1 * var(--pf-c-clipboard-copy__actions-item--button--PaddingBottom));
|
|
3598
|
+
}
|
|
3599
|
+
|
|
3600
|
+
.pf-c-clipboard-copy__actions-item .pf-c-button {
|
|
3601
|
+
--pf-c-button--PaddingTop: var(--pf-c-clipboard-copy__actions-item--button--PaddingTop);
|
|
3602
|
+
--pf-c-button--PaddingRight: var(--pf-c-clipboard-copy__actions-item--button--PaddingRight);
|
|
3603
|
+
--pf-c-button--PaddingBottom: var(--pf-c-clipboard-copy__actions-item--button--PaddingBottom);
|
|
3604
|
+
--pf-c-button--PaddingLeft: var(--pf-c-clipboard-copy__actions-item--button--PaddingLeft);
|
|
3605
|
+
}
|
|
3606
|
+
|
|
3607
|
+
:where(.pf-theme-dark) .pf-c-clipboard-copy {
|
|
3608
|
+
--pf-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
3609
|
+
}
|
|
3610
|
+
|
|
3611
|
+
:where(.pf-theme-dark) .pf-c-clipboard-copy__group > * + * {
|
|
3612
|
+
margin-left: 0;
|
|
3613
|
+
border-left: 1px solid var(--pf-global--palette--black-700) !important;
|
|
3614
|
+
}
|
|
3615
|
+
|
|
3616
|
+
:where(.pf-theme-dark) .pf-c-clipboard-copy__expandable-content {
|
|
3617
|
+
border: 0;
|
|
3618
|
+
}
|
|
3619
|
+
|
|
3510
3620
|
.pf-c-code-block {
|
|
3511
3621
|
--pf-c-code-block--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
3512
3622
|
--pf-c-code-block__header--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
|
|
@@ -5353,116 +5463,6 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
5353
5463
|
overflow-y: visible;
|
|
5354
5464
|
}
|
|
5355
5465
|
}
|
|
5356
|
-
.pf-c-clipboard-copy {
|
|
5357
|
-
--pf-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
|
|
5358
|
-
--pf-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
|
|
5359
|
-
--pf-c-clipboard-copy__expandable-content--PaddingTop: var(--pf-global--spacer--md);
|
|
5360
|
-
--pf-c-clipboard-copy__expandable-content--PaddingRight: var(--pf-global--spacer--md);
|
|
5361
|
-
--pf-c-clipboard-copy__expandable-content--PaddingBottom: var(--pf-global--spacer--md);
|
|
5362
|
-
--pf-c-clipboard-copy__expandable-content--PaddingLeft: var(--pf-global--spacer--md);
|
|
5363
|
-
--pf-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
|
|
5364
|
-
--pf-c-clipboard-copy__expandable-content--BorderTopWidth: 0;
|
|
5365
|
-
--pf-c-clipboard-copy__expandable-content--BorderRightWidth: var(--pf-global--BorderWidth--sm);
|
|
5366
|
-
--pf-c-clipboard-copy__expandable-content--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
|
|
5367
|
-
--pf-c-clipboard-copy__expandable-content--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
|
|
5368
|
-
--pf-c-clipboard-copy__expandable-content--BorderColor: var(--pf-global--BorderColor--100);
|
|
5369
|
-
--pf-c-clipboard-copy__expandable-content--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
|
|
5370
|
-
--pf-c-clipboard-copy--m-inline--PaddingTop: 0;
|
|
5371
|
-
--pf-c-clipboard-copy--m-inline--PaddingBottom: 0;
|
|
5372
|
-
--pf-c-clipboard-copy--m-inline--PaddingLeft: var(--pf-global--spacer--xs);
|
|
5373
|
-
--pf-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
5374
|
-
--pf-c-clipboard-copy__text--m-code--FontFamily: var(--pf-global--FontFamily--monospace);
|
|
5375
|
-
--pf-c-clipboard-copy__text--m-code--FontSize: var(--pf-global--FontSize--sm);
|
|
5376
|
-
--pf-c-clipboard-copy__actions-item--MarginTop: calc(-1 * var(--pf-global--spacer--form-element));
|
|
5377
|
-
--pf-c-clipboard-copy__actions-item--MarginBottom: calc(-1 * var(--pf-global--spacer--form-element));
|
|
5378
|
-
--pf-c-clipboard-copy__actions-item--button--PaddingTop: var(--pf-global--spacer--xs);
|
|
5379
|
-
--pf-c-clipboard-copy__actions-item--button--PaddingRight: var(--pf-global--spacer--sm);
|
|
5380
|
-
--pf-c-clipboard-copy__actions-item--button--PaddingBottom: var(--pf-global--spacer--xs);
|
|
5381
|
-
--pf-c-clipboard-copy__actions-item--button--PaddingLeft: var(--pf-global--spacer--sm);
|
|
5382
|
-
}
|
|
5383
|
-
|
|
5384
|
-
.pf-c-clipboard-copy.pf-m-expanded .pf-c-clipboard-copy__toggle-icon {
|
|
5385
|
-
transform: rotate(var(--pf-c-clipboard-copy--m-expanded__toggle-icon--Rotate));
|
|
5386
|
-
}
|
|
5387
|
-
|
|
5388
|
-
.pf-c-clipboard-copy.pf-m-inline {
|
|
5389
|
-
display: inline;
|
|
5390
|
-
padding-top: var(--pf-c-clipboard-copy--m-inline--PaddingTop);
|
|
5391
|
-
padding-bottom: var(--pf-c-clipboard-copy--m-inline--PaddingBottom);
|
|
5392
|
-
padding-left: var(--pf-c-clipboard-copy--m-inline--PaddingLeft);
|
|
5393
|
-
white-space: nowrap;
|
|
5394
|
-
background-color: var(--pf-c-clipboard-copy--m-inline--BackgroundColor);
|
|
5395
|
-
}
|
|
5396
|
-
|
|
5397
|
-
.pf-c-clipboard-copy.pf-m-inline.pf-m-block {
|
|
5398
|
-
display: block;
|
|
5399
|
-
}
|
|
5400
|
-
|
|
5401
|
-
.pf-c-clipboard-copy__group {
|
|
5402
|
-
display: flex;
|
|
5403
|
-
}
|
|
5404
|
-
|
|
5405
|
-
.pf-c-clipboard-copy__group > * + * {
|
|
5406
|
-
margin-left: -1px;
|
|
5407
|
-
}
|
|
5408
|
-
|
|
5409
|
-
.pf-c-clipboard-copy__toggle-icon {
|
|
5410
|
-
transition: var(--pf-c-clipboard-copy__toggle-icon--Transition);
|
|
5411
|
-
}
|
|
5412
|
-
|
|
5413
|
-
.pf-c-clipboard-copy__expandable-content {
|
|
5414
|
-
padding: var(--pf-c-clipboard-copy__expandable-content--PaddingTop) var(--pf-c-clipboard-copy__expandable-content--PaddingRight) var(--pf-c-clipboard-copy__expandable-content--PaddingBottom) var(--pf-c-clipboard-copy__expandable-content--PaddingLeft);
|
|
5415
|
-
word-wrap: break-word;
|
|
5416
|
-
background-color: var(--pf-c-clipboard-copy__expandable-content--BackgroundColor);
|
|
5417
|
-
background-clip: padding-box;
|
|
5418
|
-
border: solid var(--pf-c-clipboard-copy__expandable-content--BorderColor);
|
|
5419
|
-
border-width: var(--pf-c-clipboard-copy__expandable-content--BorderTopWidth) var(--pf-c-clipboard-copy__expandable-content--BorderRightWidth) var(--pf-c-clipboard-copy__expandable-content--BorderBottomWidth) var(--pf-c-clipboard-copy__expandable-content--BorderLeftWidth);
|
|
5420
|
-
box-shadow: var(--pf-c-clipboard-copy__expandable-content--BoxShadow);
|
|
5421
|
-
}
|
|
5422
|
-
|
|
5423
|
-
.pf-c-clipboard-copy__expandable-content pre {
|
|
5424
|
-
white-space: pre-wrap;
|
|
5425
|
-
}
|
|
5426
|
-
|
|
5427
|
-
.pf-c-clipboard-copy__text {
|
|
5428
|
-
word-break: break-word;
|
|
5429
|
-
white-space: normal;
|
|
5430
|
-
}
|
|
5431
|
-
|
|
5432
|
-
.pf-c-clipboard-copy__text.pf-m-code {
|
|
5433
|
-
font-family: var(--pf-c-clipboard-copy__text--m-code--FontFamily);
|
|
5434
|
-
font-size: var(--pf-c-clipboard-copy__text--m-code--FontSize);
|
|
5435
|
-
}
|
|
5436
|
-
|
|
5437
|
-
.pf-c-clipboard-copy__actions {
|
|
5438
|
-
display: inline-flex;
|
|
5439
|
-
}
|
|
5440
|
-
|
|
5441
|
-
.pf-c-clipboard-copy__actions-item {
|
|
5442
|
-
margin-top: calc(-1 * var(--pf-c-clipboard-copy__actions-item--button--PaddingTop));
|
|
5443
|
-
margin-bottom: calc(-1 * var(--pf-c-clipboard-copy__actions-item--button--PaddingBottom));
|
|
5444
|
-
}
|
|
5445
|
-
|
|
5446
|
-
.pf-c-clipboard-copy__actions-item .pf-c-button {
|
|
5447
|
-
--pf-c-button--PaddingTop: var(--pf-c-clipboard-copy__actions-item--button--PaddingTop);
|
|
5448
|
-
--pf-c-button--PaddingRight: var(--pf-c-clipboard-copy__actions-item--button--PaddingRight);
|
|
5449
|
-
--pf-c-button--PaddingBottom: var(--pf-c-clipboard-copy__actions-item--button--PaddingBottom);
|
|
5450
|
-
--pf-c-button--PaddingLeft: var(--pf-c-clipboard-copy__actions-item--button--PaddingLeft);
|
|
5451
|
-
}
|
|
5452
|
-
|
|
5453
|
-
:where(.pf-theme-dark) .pf-c-clipboard-copy {
|
|
5454
|
-
--pf-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
5455
|
-
}
|
|
5456
|
-
|
|
5457
|
-
:where(.pf-theme-dark) .pf-c-clipboard-copy__group > * + * {
|
|
5458
|
-
margin-left: 0;
|
|
5459
|
-
border-left: 1px solid var(--pf-global--palette--black-700) !important;
|
|
5460
|
-
}
|
|
5461
|
-
|
|
5462
|
-
:where(.pf-theme-dark) .pf-c-clipboard-copy__expandable-content {
|
|
5463
|
-
border: 0;
|
|
5464
|
-
}
|
|
5465
|
-
|
|
5466
5466
|
.pf-c-date-picker {
|
|
5467
5467
|
--pf-c-date-picker--m-top__calendar--Top: 0;
|
|
5468
5468
|
--pf-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-global--spacer--xs));
|