@patternfly/react-styles 6.3.0-prerelease.1 → 6.3.0-prerelease.11
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 +58 -0
- package/css/assets/images/icon-help.hbs +3 -0
- package/css/assets/images/icon-outlined-star.hbs +3 -0
- package/css/assets/images/icon-star.hbs +3 -0
- package/css/components/Accordion/accordion.css +72 -3
- package/css/components/Alert/alert-group.css +52 -31
- package/css/components/Alert/alert-group.d.ts +4 -1
- package/css/components/Alert/alert-group.js +4 -1
- package/css/components/Alert/alert-group.mjs +4 -1
- package/css/components/Button/button.css +154 -6
- package/css/components/Button/button.d.ts +12 -0
- package/css/components/Button/button.js +12 -0
- package/css/components/Button/button.mjs +12 -0
- package/css/components/DataList/data-list.css +2 -2
- package/css/components/DualListSelector/dual-list-selector.css +36 -0
- package/css/components/DualListSelector/dual-list-selector.d.ts +1 -0
- package/css/components/DualListSelector/dual-list-selector.js +1 -0
- package/css/components/DualListSelector/dual-list-selector.mjs +1 -0
- package/css/components/ExpandableSection/expandable-section.css +63 -1
- package/css/components/ExpandableSection/expandable-section.d.ts +3 -2
- package/css/components/ExpandableSection/expandable-section.js +3 -2
- package/css/components/ExpandableSection/expandable-section.mjs +3 -2
- package/css/components/FileUpload/file-upload.css +3 -3
- package/css/components/Form/form.css +40 -1
- package/css/components/Form/form.d.ts +2 -1
- package/css/components/Form/form.js +2 -1
- package/css/components/Form/form.mjs +2 -1
- package/css/components/FormControl/form-control.css +16 -0
- package/css/components/FormControl/form-control.d.ts +2 -2
- package/css/components/FormControl/form-control.js +2 -2
- package/css/components/FormControl/form-control.mjs +2 -2
- package/css/components/InputGroup/input-group.css +80 -0
- package/css/components/InputGroup/input-group.d.ts +6 -0
- package/css/components/InputGroup/input-group.js +6 -0
- package/css/components/InputGroup/input-group.mjs +6 -0
- package/css/components/Menu/menu.css +24 -4
- package/css/components/MenuToggle/menu-toggle.css +38 -4
- package/css/components/MenuToggle/menu-toggle.d.ts +1 -0
- package/css/components/MenuToggle/menu-toggle.js +1 -0
- package/css/components/MenuToggle/menu-toggle.mjs +1 -0
- package/css/components/Nav/nav.css +22 -8
- package/css/components/Page/page.css +62 -3
- package/css/components/Page/page.d.ts +3 -0
- package/css/components/Page/page.js +3 -0
- package/css/components/Page/page.mjs +3 -0
- package/css/components/Progress/progress.css +16 -0
- package/css/components/Skeleton/skeleton.css +22 -2
- package/css/components/Spinner/spinner.css +5 -0
- package/css/components/Spinner/spinner.d.ts +1 -0
- package/css/components/Spinner/spinner.js +1 -0
- package/css/components/Spinner/spinner.mjs +1 -0
- package/css/components/Table/table-grid.css +116 -85
- package/css/components/Table/table-grid.d.ts +2 -0
- package/css/components/Table/table-grid.js +2 -0
- package/css/components/Table/table-grid.mjs +2 -0
- package/css/components/Table/table.css +128 -47
- package/css/components/Table/table.d.ts +5 -1
- package/css/components/Table/table.js +5 -1
- package/css/components/Table/table.mjs +5 -1
- package/css/components/Tabs/tabs.css +25 -15
- package/css/components/Tabs/tabs.d.ts +1 -0
- package/css/components/Tabs/tabs.js +1 -0
- package/css/components/Tabs/tabs.mjs +1 -0
- package/css/components/TextInputGroup/text-input-group.css +16 -0
- package/css/components/TextInputGroup/text-input-group.d.ts +1 -1
- package/css/components/TextInputGroup/text-input-group.js +1 -1
- package/css/components/TextInputGroup/text-input-group.mjs +1 -1
- package/css/components/Timestamp/timestamp.css +4 -0
- package/css/components/Timestamp/timestamp.d.ts +2 -1
- package/css/components/Timestamp/timestamp.js +2 -1
- package/css/components/Timestamp/timestamp.mjs +2 -1
- package/css/components/TreeView/tree-view.css +39 -0
- package/css/components/TreeView/tree-view.d.ts +1 -0
- package/css/components/TreeView/tree-view.js +1 -0
- package/css/components/TreeView/tree-view.mjs +1 -0
- package/css/components/Truncate/truncate.css +1 -0
- package/css/components/_index.css +1036 -215
- package/css/components/_index.d.ts +27 -2
- package/css/components/_index.js +27 -2
- package/css/components/_index.mjs +27 -2
- package/package.json +3 -3
@@ -205,6 +205,7 @@
|
|
205
205
|
--pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
206
206
|
--pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
207
207
|
--pf-v6-c-accordion__toggle--BorderRadius: var(--pf-t--global--border--radius--small);
|
208
|
+
--pf-v6-c-accordion__toggle--ZIndex: var(--pf-t--global--z-index--xs);
|
208
209
|
--pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
209
210
|
--pf-v6-c-accordion__toggle-text--Color: var(--pf-t--global--text--color--regular);
|
210
211
|
--pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
|
@@ -222,6 +223,24 @@
|
|
222
223
|
--pf-v6-c-accordion__expandable-content--Color: var(--pf-t--global--text--color--regular);
|
223
224
|
--pf-v6-c-accordion__expandable-content--FontSize: var(--pf-t--global--font--size--body--default);
|
224
225
|
--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
|
226
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
227
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
228
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade);
|
229
|
+
--pf-v6-c-accordion__item--before--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
230
|
+
--pf-v6-c-accordion__item--before--Opacity: 0;
|
231
|
+
--pf-v6-c-accordion__item--m-expanded--before--Opacity: 1;
|
232
|
+
--pf-v6-c-accordion__item--m-expanded--before--TranslateY: 0;
|
233
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: 0s;
|
234
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
235
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: 0s;
|
236
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
237
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--slide: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide);
|
238
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--fade);
|
239
|
+
--pf-v6-c-accordion__expandable-content--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
240
|
+
--pf-v6-c-accordion__expandable-content--Opacity: 0;
|
241
|
+
--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity: 1;
|
242
|
+
--pf-v6-c-accordion__expandable-content--TranslateY: 0;
|
243
|
+
--pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY: 0;
|
225
244
|
--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
226
245
|
--pf-v6-c-accordion__expandable-content-body--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
227
246
|
--pf-v6-c-accordion__expandable-content-body--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
@@ -241,6 +260,16 @@
|
|
241
260
|
--pf-v6-c-accordion__item--m-bordered--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
242
261
|
--pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
243
262
|
}
|
263
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
264
|
+
.pf-v6-c-accordion {
|
265
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
266
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
267
|
+
--pf-v6-c-accordion__item--before--TranslateY: -.5rem;
|
268
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
269
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
270
|
+
--pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
|
271
|
+
}
|
272
|
+
}
|
244
273
|
|
245
274
|
.pf-v6-c-accordion {
|
246
275
|
display: flex;
|
@@ -274,18 +303,39 @@
|
|
274
303
|
}
|
275
304
|
|
276
305
|
.pf-v6-c-accordion__item {
|
306
|
+
position: relative;
|
307
|
+
}
|
308
|
+
.pf-v6-c-accordion__item::before {
|
309
|
+
position: absolute;
|
310
|
+
inset: 0;
|
311
|
+
pointer-events: none;
|
312
|
+
content: "";
|
313
|
+
background-color: var(--pf-v6-c-accordion__item--m-expanded--BackgroundColor);
|
277
314
|
border-radius: var(--pf-v6-c-accordion__item--BorderRadius);
|
315
|
+
opacity: var(--pf-v6-c-accordion__item--before--Opacity);
|
316
|
+
transition-timing-function: var(--pf-v6-c-accordion__item--before--TransitionTimingFunction);
|
317
|
+
transition-duration: var(--pf-v6-c-accordion__item--before--TransitionDuration--fade);
|
318
|
+
transition-property: opacity;
|
278
319
|
}
|
279
320
|
.pf-v6-c-accordion__item.pf-m-expanded {
|
280
321
|
--pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd);
|
281
322
|
--pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight);
|
282
|
-
|
323
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--slide: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide);
|
324
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade);
|
325
|
+
--pf-v6-c-accordion__item--before--Opacity: var(--pf-v6-c-accordion__item--m-expanded--before--Opacity);
|
326
|
+
--pf-v6-c-accordion__item--before--TranslateY: var(--pf-v6-c-accordion__item--m-expanded--before--TranslateY);
|
327
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--slide: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide);
|
328
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade);
|
329
|
+
--pf-v6-c-accordion__expandable-content--Opacity: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity);
|
330
|
+
--pf-v6-c-accordion__expandable-content--TranslateY: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY);
|
283
331
|
}
|
284
332
|
.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__toggle-icon {
|
285
333
|
transform: rotate(var(--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate));
|
286
334
|
}
|
287
335
|
|
288
336
|
.pf-v6-c-accordion__toggle {
|
337
|
+
position: relative;
|
338
|
+
z-index: var(--pf-v6-c-accordion__toggle--ZIndex);
|
289
339
|
display: flex;
|
290
340
|
column-gap: var(--pf-v6-c-accordion__toggle--ColumnGap);
|
291
341
|
align-items: center;
|
@@ -321,19 +371,38 @@
|
|
321
371
|
scale: -1 1;
|
322
372
|
}
|
323
373
|
|
374
|
+
.pf-v6-c-accordion__expandable-content:where([hidden]) {
|
375
|
+
display: revert;
|
376
|
+
}
|
377
|
+
|
324
378
|
.pf-v6-c-accordion__expandable-content {
|
325
|
-
|
379
|
+
max-height: 0;
|
326
380
|
margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
|
327
381
|
margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
|
328
382
|
font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
|
329
383
|
color: var(--pf-v6-c-accordion__expandable-content--Color);
|
384
|
+
visibility: hidden;
|
330
385
|
background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
|
331
386
|
border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
|
387
|
+
opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
|
388
|
+
transition-delay: 0s, 0s, var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
|
389
|
+
transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
|
390
|
+
transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
|
391
|
+
transition-property: opacity, translate, visibility, max-height, margin-block-end;
|
392
|
+
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
332
393
|
}
|
333
394
|
.pf-v6-c-accordion__expandable-content.pf-m-fixed {
|
334
|
-
max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
|
335
395
|
overflow-y: auto;
|
336
396
|
}
|
397
|
+
.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
|
398
|
+
max-height: 99999px;
|
399
|
+
margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
|
400
|
+
visibility: revert;
|
401
|
+
transition-delay: 0s;
|
402
|
+
}
|
403
|
+
.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content.pf-m-fixed {
|
404
|
+
max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
|
405
|
+
}
|
337
406
|
|
338
407
|
.pf-v6-c-accordion__expandable-content-body {
|
339
408
|
padding-block-start: var(--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart);
|
@@ -597,27 +666,45 @@
|
|
597
666
|
var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionDuration)
|
598
667
|
var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionTimingFunction)
|
599
668
|
0s;
|
600
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
601
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
602
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
603
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
604
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
605
|
-
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--
|
606
|
-
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--
|
607
|
-
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--
|
608
|
-
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--
|
609
|
-
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--
|
610
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
611
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
612
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
613
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
614
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
615
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
616
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
617
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
618
|
-
|
619
|
-
|
620
|
-
|
669
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--opacity--default: var(--pf-t--global--motion--duration--fade--default);
|
670
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--opacity--default: var(--pf-t--global--motion--timing-function--accelerate);
|
671
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--grid-template-rows--default: var(--pf-t--global--motion--duration--fade--default);
|
672
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--margin-block--default: var(--pf-t--global--motion--duration--fade--default);
|
673
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDelay--default: var(--pf-t--global--motion--duration--fade--default);
|
674
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity--default: initial;
|
675
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default: initial;
|
676
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default: initial;
|
677
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default: initial;
|
678
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default: initial;
|
679
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-out--short);
|
680
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--accelerate);
|
681
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--opacity: var(--pf-t--global--motion--duration--slide-out--short);
|
682
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--opacity: var(--pf-t--global--motion--timing-function--accelerate);
|
683
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--margin-block: var(--pf-t--global--motion--duration--fade--short);
|
684
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--margin-block: var(--pf-t--global--motion--timing-function--accelerate);
|
685
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--margin-block: var(--pf-t--global--motion--duration--slide-out--short);
|
686
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--grid-template-rows: var(--pf-t--global--motion--duration--slide-in--short);
|
687
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--grid-template-rows: var(--pf-t--global--motion--timing-function--accelerate);
|
688
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--grid-template-rows: var(--pf-t--global--motion--duration--slide-out--short);
|
689
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--transform: initial;
|
690
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform: initial;
|
691
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity: initial;
|
692
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity: initial;
|
693
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--margin-block: initial;
|
694
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--margin-block: initial;
|
695
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block: initial;
|
696
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--grid-template-rows: initial;
|
697
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--grid-template-rows: initial;
|
698
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows: initial;
|
699
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration: var(--pf-t--global--motion--duration--slide-out--short);
|
700
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
|
701
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--Transition: all
|
702
|
+
var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration)
|
703
|
+
var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionTimingFunction)
|
704
|
+
var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration);
|
705
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: initial;
|
706
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: initial;
|
707
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: initial;
|
621
708
|
--pf-v6-c-alert-group__overflow-button--BorderWidth: 0;
|
622
709
|
--pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
|
623
710
|
--pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
@@ -677,40 +764,43 @@
|
|
677
764
|
transition: var(--pf-v6-c-alert-group--m-toast__item--c-alert--Transition);
|
678
765
|
}
|
679
766
|
}
|
680
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-top:first-child {
|
767
|
+
.pf-v6-c-alert-group__item.pf-m-offstage-top:first-child, .pf-v6-c-alert-group__item.pf-m-incoming:first-child {
|
681
768
|
grid-template-rows: 0fr;
|
682
769
|
margin-block: 0;
|
683
770
|
overflow: hidden;
|
684
771
|
opacity: 0;
|
685
772
|
transform: translateY(-100%);
|
686
773
|
}
|
687
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-top:first-child .pf-v6-c-alert {
|
774
|
+
.pf-v6-c-alert-group__item.pf-m-offstage-top:first-child .pf-v6-c-alert, .pf-v6-c-alert-group__item.pf-m-incoming:first-child .pf-v6-c-alert {
|
688
775
|
min-height: 0;
|
689
776
|
padding-block-start: 0;
|
690
777
|
padding-block-end: 0;
|
691
778
|
border-width: 0;
|
692
779
|
}
|
693
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-right {
|
780
|
+
.pf-v6-c-alert-group__item.pf-m-offstage-right, .pf-v6-c-alert-group__item.pf-m-outgoing {
|
694
781
|
grid-template-rows: 0fr;
|
695
782
|
margin-block: 0;
|
696
783
|
overflow: hidden;
|
697
784
|
opacity: 0;
|
698
|
-
transition: grid-template-rows 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default), margin-block 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default), opacity var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity--default) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default);
|
785
|
+
transition: grid-template-rows 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--grid-template-rows--default)), margin-block 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--margin-block--default)), opacity var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity--default, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--opacity--default)) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--opacity--default));
|
699
786
|
}
|
700
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
|
787
|
+
.pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert, .pf-v6-c-alert-group__item.pf-m-outgoing .pf-v6-c-alert {
|
701
788
|
min-height: 0;
|
702
789
|
padding-block-start: 0;
|
703
790
|
padding-block-end: 0;
|
704
791
|
border-width: 0;
|
705
|
-
transition: all 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default);
|
792
|
+
transition: all 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDelay--default));
|
706
793
|
}
|
707
794
|
@media screen and (prefers-reduced-motion: no-preference) {
|
708
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-right {
|
709
|
-
transition: transform var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--transform) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform), opacity var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity), margin-block var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--margin-block) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--margin-block) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block), grid-template-rows var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--grid-template-rows) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--grid-template-rows) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows);
|
795
|
+
.pf-v6-c-alert-group__item.pf-m-offstage-right, .pf-v6-c-alert-group__item.pf-m-outgoing {
|
796
|
+
transition: transform var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--transform, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--transform)) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--transform)), opacity var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--opacity)) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--opacity)), margin-block var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--margin-block, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--margin-block)) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--margin-block, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--margin-block)) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--margin-block)), grid-template-rows var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--grid-template-rows, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--grid-template-rows)) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--grid-template-rows, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--grid-template-rows)) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--grid-template-rows));
|
710
797
|
transform: translateX(100%);
|
711
798
|
}
|
712
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
|
713
|
-
|
799
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert-group__item.pf-m-offstage-right, .pf-v6-c-alert-group__item.pf-m-outgoing {
|
800
|
+
transform: translateX(calc(100% * var(--pf-v6-global--inverse--multiplier)));
|
801
|
+
}
|
802
|
+
.pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert, .pf-v6-c-alert-group__item.pf-m-outgoing .pf-v6-c-alert {
|
803
|
+
transition: var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--Transition));
|
714
804
|
}
|
715
805
|
}
|
716
806
|
.pf-v6-c-alert-group__item:hover {
|
@@ -1457,15 +1547,20 @@ button.pf-v6-c-breadcrumb__link {
|
|
1457
1547
|
--pf-v6-c-button--TextDecorationLine: none;
|
1458
1548
|
--pf-v6-c-button--TextDecorationStyle: none;
|
1459
1549
|
--pf-v6-c-button--TextDecorationColor: currentcolor;
|
1550
|
+
--pf-v6-c-button--TransitionDelay: 0s;
|
1460
1551
|
--pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
1461
|
-
--pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--
|
1462
|
-
--pf-v6-c-button--TransitionProperty: color, background
|
1552
|
+
--pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
|
1553
|
+
--pf-v6-c-button--TransitionProperty: color, background, border-width, border-color;
|
1554
|
+
--pf-v6-c-button--ScaleX: 1;
|
1555
|
+
--pf-v6-c-button--ScaleY: 1;
|
1463
1556
|
--pf-v6-c-button--hover--BackgroundColor: transparent;
|
1464
1557
|
--pf-v6-c-button--hover--BorderColor: transparent;
|
1465
1558
|
--pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
1466
1559
|
--pf-v6-c-button--hover--TextDecorationLine: none;
|
1467
1560
|
--pf-v6-c-button--hover--TextDecorationStyle: none;
|
1468
1561
|
--pf-v6-c-button--hover--TextDecorationColor: currentcolor;
|
1562
|
+
--pf-v6-c-button--hover--ScaleX: 1;
|
1563
|
+
--pf-v6-c-button--hover--ScaleY: 1;
|
1469
1564
|
--pf-v6-c-button--m-clicked--BackgroundColor: transparent;
|
1470
1565
|
--pf-v6-c-button--m-clicked--BorderColor: transparent;
|
1471
1566
|
--pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
|
@@ -1675,12 +1770,30 @@ button.pf-v6-c-breadcrumb__link {
|
|
1675
1770
|
--pf-v6-c-button__icon--m-end--MarginInlineStart: 0;
|
1676
1771
|
--pf-v6-c-button--m-notify__icon--AnimationDuration--notify: var(--pf-t--global--motion--duration--3xl);
|
1677
1772
|
--pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify: var(--pf-t--global--motion--timing-function--default);
|
1773
|
+
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
1774
|
+
--pf-v6-c-button__icon--TransitionTimingFunction: auto;
|
1775
|
+
--pf-v6-c-button__icon--TransitionDuration: 0s;
|
1776
|
+
--pf-v6-c-button__icon--TransitionProperty: none;
|
1777
|
+
--pf-v6-c-button__icon--Rotate: 0deg;
|
1778
|
+
--pf-v6-c-button--hover__icon--TransitionTimingFunction: auto;
|
1779
|
+
--pf-v6-c-button--hover__icon--TransitionDuration: 0s;
|
1780
|
+
--pf-v6-c-button--hover__icon--TransitionProperty: none;
|
1781
|
+
--pf-v6-c-button--hover__icon--Rotate: 0deg;
|
1782
|
+
--pf-v6-c-button__icon--ScaleX: 1;
|
1783
|
+
--pf-v6-c-button__icon--ScaleY: 1;
|
1784
|
+
--pf-v6-c-button--hover__icon--ScaleX: 1;
|
1785
|
+
--pf-v6-c-button--hover__icon--ScaleY: 1;
|
1678
1786
|
--pf-v6-c-button--m-favorite__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
1679
1787
|
--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
1680
1788
|
--pf-v6-c-button--m-favorited__icon--Color: var(--pf-t--global--color--favorite--default);
|
1681
1789
|
--pf-v6-c-button--m-favorited--hover__icon--Color: var(--pf-t--global--color--favorite--hover);
|
1682
1790
|
--pf-v6-c-button--m-favorited__icon--AnimationDuration: var(--pf-t--global--motion--duration--icon--long);
|
1683
1791
|
--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
1792
|
+
--pf-v6-c-button__icon--favorite--Opacity: 1;
|
1793
|
+
--pf-v6-c-button__icon--favorited--Opacity: 0;
|
1794
|
+
--pf-v6-c-button--m-favorited__icon--favorite--Opacity: 0;
|
1795
|
+
--pf-v6-c-button--m-favorited__icon--favorited--Opacity: 1;
|
1796
|
+
--pf-v6-c-button__icon--favorite--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
1684
1797
|
--pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
|
1685
1798
|
--pf-v6-c-button__progress--Opacity: 0;
|
1686
1799
|
--pf-v6-c-button__progress--TranslateY: -50%;
|
@@ -1695,9 +1808,28 @@ button.pf-v6-c-breadcrumb__link {
|
|
1695
1808
|
--pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
|
1696
1809
|
--pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
|
1697
1810
|
--pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
|
1811
|
+
--pf-v6-c-button--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
1812
|
+
--pf-v6-c-button--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
|
1813
|
+
--pf-v6-c-button--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
1814
|
+
--pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
1815
|
+
--pf-v6-c-button--m-settings--hover__icon--Rotate: 60deg;
|
1698
1816
|
--pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
|
1699
1817
|
--pf-v6-c-button--m-block--Display: flex;
|
1700
1818
|
--pf-v6-c-button--m-block--Width: 100%;
|
1819
|
+
--pf-v6-c-button--hamburger-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
1820
|
+
--pf-v6-c-button--hamburger-icon--TransitionDuration: var(--pf-t--global--motion--duration--md);
|
1821
|
+
--pf-v6-c-button--hamburger-icon--top--path--base: path("M1,1 L9,1");
|
1822
|
+
--pf-v6-c-button--hamburger-icon--middle--path--base: path("M1,5 L9,5");
|
1823
|
+
--pf-v6-c-button--hamburger-icon--arrow--path--base: path("M1,5 L1,5 L1,5");
|
1824
|
+
--pf-v6-c-button--hamburger-icon--bottom--path--base: path("M9,9 L1,9");
|
1825
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
|
1826
|
+
--pf-v6-c-button--hamburger-icon--middle--path: var(--pf-v6-c-button--hamburger-icon--middle--path--base);
|
1827
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
|
1828
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
|
1829
|
+
--pf-v6-c-button--hamburger-icon--top--collapse--path: path("M5,1 L9,1");
|
1830
|
+
--pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
|
1831
|
+
--pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
|
1832
|
+
--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
|
1701
1833
|
}
|
1702
1834
|
|
1703
1835
|
.pf-v6-c-button {
|
@@ -1721,16 +1853,19 @@ button.pf-v6-c-breadcrumb__link {
|
|
1721
1853
|
text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
|
1722
1854
|
white-space: nowrap;
|
1723
1855
|
cursor: pointer;
|
1856
|
+
-webkit-user-select: none;
|
1724
1857
|
user-select: none;
|
1725
|
-
background
|
1858
|
+
background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 1%) center/15000% 15000%;
|
1726
1859
|
border: 0;
|
1727
1860
|
border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
|
1728
1861
|
border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
|
1729
1862
|
border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
|
1730
1863
|
border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
|
1864
|
+
transition-delay: var(--pf-v6-c-button--TransitionDelay);
|
1731
1865
|
transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
|
1732
1866
|
transition-duration: var(--pf-v6-c-button--TransitionDuration);
|
1733
1867
|
transition-property: var(--pf-v6-c-button--TransitionProperty);
|
1868
|
+
scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
|
1734
1869
|
}
|
1735
1870
|
.pf-v6-c-button::after {
|
1736
1871
|
position: absolute;
|
@@ -1839,6 +1974,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
1839
1974
|
--pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
|
1840
1975
|
text-align: start;
|
1841
1976
|
white-space: normal;
|
1977
|
+
background: transparent;
|
1842
1978
|
outline-offset: 0.125rem;
|
1843
1979
|
}
|
1844
1980
|
span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
@@ -1972,6 +2108,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
1972
2108
|
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
|
1973
2109
|
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
|
1974
2110
|
min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
|
2111
|
+
background: var(--pf-v6-c-button--BackgroundColor);
|
1975
2112
|
}
|
1976
2113
|
.pf-v6-c-button.pf-m-block {
|
1977
2114
|
--pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
|
@@ -1991,44 +2128,96 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
1991
2128
|
--pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
|
1992
2129
|
}
|
1993
2130
|
.pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
|
2131
|
+
display: grid;
|
1994
2132
|
transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
|
1995
2133
|
transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
|
1996
2134
|
transition-property: color;
|
1997
2135
|
}
|
1998
2136
|
.pf-v6-c-button.pf-m-favorited {
|
1999
2137
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
|
2138
|
+
--pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
|
2000
2139
|
--pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
|
2140
|
+
--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
|
2141
|
+
--pf-v6-c-button__icon--favorite--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorite--Opacity);
|
2142
|
+
--pf-v6-c-button__icon--favorited--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorited--Opacity);
|
2001
2143
|
}
|
2002
2144
|
.pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
|
2003
2145
|
animation-name: pf-v6-c-button-icon-favorited;
|
2004
2146
|
animation-duration: var(--pf-v6-c-button--m-favorited__icon--AnimationDuration);
|
2005
2147
|
animation-timing-function: var(--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction);
|
2006
2148
|
}
|
2149
|
+
.pf-v6-c-button.pf-m-settings {
|
2150
|
+
--pf-v6-c-button__icon--TransitionProperty: rotate;
|
2151
|
+
--pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--m-settings__icon--TransitionDuration);
|
2152
|
+
--pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--m-settings__icon--TransitionTimingFunction);
|
2153
|
+
--pf-v6-c-button--hover__icon--TransitionProperty: rotate;
|
2154
|
+
--pf-v6-c-button--hover__icon--TransitionDuration: var(--pf-v6-c-button--m-settings--hover__icon--TransitionDuration);
|
2155
|
+
--pf-v6-c-button--hover__icon--TransitionTimingFunction: var(--pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction);
|
2156
|
+
--pf-v6-c-button--hover__icon--Rotate: var(--pf-v6-c-button--m-settings--hover__icon--Rotate);
|
2157
|
+
}
|
2158
|
+
.pf-v6-c-button.pf-m-hamburger {
|
2159
|
+
--pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
|
2160
|
+
--pf-v6-c-button__icon--TransitionDuration: 0s;
|
2161
|
+
--pf-v6-c-button__icon--TransitionProperty: scale;
|
2162
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
|
2163
|
+
--pf-v6-c-button--hover__icon--TransitionDuration: 0s;
|
2164
|
+
--pf-v6-c-button--hover__icon--TransitionProperty: scale;
|
2165
|
+
}
|
2166
|
+
.pf-v6-c-button.pf-m-hamburger.pf-m-expand {
|
2167
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
2168
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
2169
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
2170
|
+
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
2171
|
+
--pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
2172
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
2173
|
+
--pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
2174
|
+
}
|
2175
|
+
.pf-v6-c-button.pf-m-hamburger.pf-m-collapse {
|
2176
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
2177
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
2178
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
2179
|
+
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
2180
|
+
--pf-v6-c-button__icon--ScaleX: 1;
|
2181
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
2182
|
+
--pf-v6-c-button--hover__icon--ScaleX: 1;
|
2183
|
+
}
|
2007
2184
|
.pf-v6-c-button:hover, .pf-v6-c-button:focus {
|
2008
2185
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
|
2009
2186
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
|
2010
2187
|
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
|
2011
2188
|
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
|
2189
|
+
--pf-v6-c-button--ScaleX: var(--pf-v6-c-button--hover--ScaleX);
|
2190
|
+
--pf-v6-c-button--ScaleY: var(--pf-v6-c-button--hover--ScaleY);
|
2012
2191
|
--pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
|
2013
2192
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
|
2193
|
+
--pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--hover__icon--TransitionTimingFunction);
|
2194
|
+
--pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--hover__icon--TransitionDuration);
|
2195
|
+
--pf-v6-c-button__icon--TransitionProperty: var(--pf-v6-c-button--hover__icon--TransitionProperty);
|
2196
|
+
--pf-v6-c-button__icon--Rotate: var(--pf-v6-c-button--hover__icon--Rotate);
|
2197
|
+
--pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--hover__icon--ScaleX);
|
2198
|
+
--pf-v6-c-button__icon--ScaleY: var(--pf-v6-c-button--hover__icon--ScaleY);
|
2014
2199
|
text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
|
2015
2200
|
text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
|
2016
2201
|
text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
|
2017
2202
|
}
|
2018
|
-
.pf-v6-c-button.pf-m-clicked {
|
2203
|
+
.pf-v6-c-button:active, .pf-v6-c-button.pf-m-clicked {
|
2019
2204
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
|
2020
2205
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-clicked--BackgroundColor);
|
2021
2206
|
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-clicked--BorderWidth);
|
2022
2207
|
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-clicked--BorderColor);
|
2023
2208
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
|
2024
2209
|
}
|
2210
|
+
.pf-v6-c-button:active {
|
2211
|
+
background-size: 100% 100%;
|
2212
|
+
transition-duration: 0s;
|
2213
|
+
}
|
2025
2214
|
.pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled {
|
2026
2215
|
pointer-events: none;
|
2027
2216
|
}
|
2028
2217
|
.pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
|
2029
2218
|
color: var(--pf-v6-c-button--disabled--Color);
|
2030
2219
|
text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
|
2031
|
-
background
|
2220
|
+
background: var(--pf-v6-c-button--disabled--BackgroundColor);
|
2032
2221
|
}
|
2033
2222
|
.pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
|
2034
2223
|
border-color: transparent;
|
@@ -2069,6 +2258,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
2069
2258
|
margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
|
2070
2259
|
margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
|
2071
2260
|
color: var(--pf-v6-c-button__icon--Color);
|
2261
|
+
transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
|
2262
|
+
transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
|
2263
|
+
transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
|
2264
|
+
transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
|
2265
|
+
rotate: var(--pf-v6-c-button__icon--Rotate);
|
2266
|
+
scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
|
2072
2267
|
}
|
2073
2268
|
.pf-v6-c-button__icon.pf-m-start {
|
2074
2269
|
--pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
|
@@ -2077,6 +2272,21 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
2077
2272
|
--pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
|
2078
2273
|
}
|
2079
2274
|
|
2275
|
+
.pf-v6-c-button__icon-favorite,
|
2276
|
+
.pf-v6-c-button__icon-favorited {
|
2277
|
+
grid-area: 1/1/1/1;
|
2278
|
+
transition-duration: var(--pf-v6-c-button__icon--favorite--TransitionDuration);
|
2279
|
+
transition-property: opacity;
|
2280
|
+
}
|
2281
|
+
|
2282
|
+
.pf-v6-c-button__icon-favorite {
|
2283
|
+
opacity: var(--pf-v6-c-button__icon--favorite--Opacity);
|
2284
|
+
}
|
2285
|
+
|
2286
|
+
.pf-v6-c-button__icon-favorited {
|
2287
|
+
opacity: var(--pf-v6-c-button__icon--favorited--Opacity);
|
2288
|
+
}
|
2289
|
+
|
2080
2290
|
.pf-v6-c-button__progress {
|
2081
2291
|
position: absolute;
|
2082
2292
|
inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
|
@@ -2089,11 +2299,39 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
2089
2299
|
--pf-v6-c-spinner--Color: currentcolor;
|
2090
2300
|
}
|
2091
2301
|
|
2302
|
+
.pf-v6-c-button__text {
|
2303
|
+
text-decoration: inherit;
|
2304
|
+
}
|
2305
|
+
|
2092
2306
|
.pf-v6-c-button__count {
|
2093
2307
|
display: inline-flex;
|
2094
2308
|
align-items: center;
|
2095
2309
|
}
|
2096
2310
|
|
2311
|
+
.pf-v6-c-button--hamburger-icon path {
|
2312
|
+
fill: none;
|
2313
|
+
stroke: currentcolor;
|
2314
|
+
stroke-linecap: round;
|
2315
|
+
stroke-linejoin: round;
|
2316
|
+
transition: d var(--pf-v6-c-button--hamburger-icon--TransitionDuration) var(--pf-v6-c-button--hamburger-icon--TransitionTimingFunction);
|
2317
|
+
}
|
2318
|
+
|
2319
|
+
.pf-v6-c-button--hamburger-icon--top {
|
2320
|
+
d: var(--pf-v6-c-button--hamburger-icon--top--path);
|
2321
|
+
}
|
2322
|
+
|
2323
|
+
.pf-v6-c-button--hamburger-icon--middle {
|
2324
|
+
d: var(--pf-v6-c-button--hamburger-icon--middle--path);
|
2325
|
+
}
|
2326
|
+
|
2327
|
+
.pf-v6-c-button--hamburger-icon--arrow {
|
2328
|
+
d: var(--pf-v6-c-button--hamburger-icon--arrow--path);
|
2329
|
+
}
|
2330
|
+
|
2331
|
+
.pf-v6-c-button--hamburger-icon--bottom {
|
2332
|
+
d: var(--pf-v6-c-button--hamburger-icon--bottom--path);
|
2333
|
+
}
|
2334
|
+
|
2097
2335
|
@keyframes pf-v6-c-button-icon-notify {
|
2098
2336
|
33% {
|
2099
2337
|
transform: rotate(30deg);
|
@@ -2104,7 +2342,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
2104
2342
|
}
|
2105
2343
|
@keyframes pf-v6-c-button-icon-favorited {
|
2106
2344
|
50% {
|
2107
|
-
|
2345
|
+
scale: 1.5;
|
2108
2346
|
}
|
2109
2347
|
}
|
2110
2348
|
.pf-v6-c-calendar-month {
|
@@ -3889,8 +4127,8 @@ ul) {
|
|
3889
4127
|
--pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
3890
4128
|
--pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
|
3891
4129
|
--pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
|
3892
|
-
--pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart: var(--pf-t--global--spacer--
|
3893
|
-
--pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--
|
4130
|
+
--pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
4131
|
+
--pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
3894
4132
|
--pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
3895
4133
|
}
|
3896
4134
|
@media screen and (min-width: 36rem) {
|
@@ -4627,6 +4865,17 @@ ul) {
|
|
4627
4865
|
--pf-v6-c-dual-list-selector__menu--MinHeight: 12.5rem;
|
4628
4866
|
--pf-v6-c-dual-list-selector__menu--MaxHeight: 20rem;
|
4629
4867
|
--pf-v6-c-dual-list-selector__menu--MarginBlockStart: var(--pf-t--global--spacer--md);
|
4868
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: 0s;
|
4869
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
4870
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: 0s;
|
4871
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
4872
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--slide: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide);
|
4873
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--fade: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--fade);
|
4874
|
+
--pf-v6-c-dual-list-selector__list--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
4875
|
+
--pf-v6-c-dual-list-selector__list--Opacity: 0;
|
4876
|
+
--pf-v6-c-dual-list-selector--m-expanded__list--Opacity: 1;
|
4877
|
+
--pf-v6-c-dual-list-selector__list--TranslateY: 0;
|
4878
|
+
--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
|
4630
4879
|
--pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
|
4631
4880
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
4632
4881
|
--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
@@ -4664,6 +4913,13 @@ ul) {
|
|
4664
4913
|
--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
|
4665
4914
|
--pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
4666
4915
|
}
|
4916
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
4917
|
+
.pf-v6-c-dual-list-selector {
|
4918
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
4919
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
4920
|
+
--pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
|
4921
|
+
}
|
4922
|
+
}
|
4667
4923
|
|
4668
4924
|
.pf-v6-c-dual-list-selector {
|
4669
4925
|
display: grid;
|
@@ -4759,9 +5015,27 @@ ul) {
|
|
4759
5015
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expandable {
|
4760
5016
|
--pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
|
4761
5017
|
}
|
5018
|
+
.pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expandable > .pf-v6-c-dual-list-selector__list {
|
5019
|
+
max-height: 0;
|
5020
|
+
visibility: hidden;
|
5021
|
+
opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
|
5022
|
+
transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
|
5023
|
+
transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
|
5024
|
+
transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
|
5025
|
+
transition-property: opacity, translate, visibility, max-height;
|
5026
|
+
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
5027
|
+
}
|
4762
5028
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
|
4763
5029
|
--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: var(--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate);
|
4764
5030
|
}
|
5031
|
+
.pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expanded > .pf-v6-c-dual-list-selector__list {
|
5032
|
+
max-height: 99999px;
|
5033
|
+
visibility: revert;
|
5034
|
+
opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
|
5035
|
+
transition-delay: 0s;
|
5036
|
+
transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide), 0s, 0s;
|
5037
|
+
translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
|
5038
|
+
}
|
4765
5039
|
.pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
|
4766
5040
|
--pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
|
4767
5041
|
--pf-v6-c-dual-list-selector__item-toggle-icon--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color);
|
@@ -6297,6 +6571,20 @@ ul) {
|
|
6297
6571
|
--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
|
6298
6572
|
--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
|
6299
6573
|
--pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
|
6574
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: 0s;
|
6575
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
6576
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: 0s;
|
6577
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
6578
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--slide: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide);
|
6579
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--fade: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade);
|
6580
|
+
--pf-v6-c-expandable-section__content--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
6581
|
+
--pf-v6-c-expandable-section__content--TransitionDelay--hide: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade);
|
6582
|
+
--pf-v6-c-expandable-section__content--Opacity: 0;
|
6583
|
+
--pf-v6-c-expandable-section__content--TranslateY: 0;
|
6584
|
+
--pf-v6-c-expandable-section--m-expand-top__content--TranslateY: 0;
|
6585
|
+
--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: 0;
|
6586
|
+
--pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
|
6587
|
+
--pf-v6-c-expandable-section--m-expanded__content--TranslateY: 0;
|
6300
6588
|
--pf-v6-c-expandable-section__content--MaxWidth: auto;
|
6301
6589
|
--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
|
6302
6590
|
--pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
@@ -6308,20 +6596,55 @@ ul) {
|
|
6308
6596
|
--pf-v6-c-expandable-section--m-display-lg--BorderWidth: var(--pf-t--global--border--width--box--default);
|
6309
6597
|
--pf-v6-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
|
6310
6598
|
--pf-v6-c-expandable-section--m-display-lg--BorderRadius: var(--pf-t--global--border--radius--medium);
|
6599
|
+
--pf-v6-c-expandable-section--m-display-lg--TransitionDelay: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade);
|
6311
6600
|
--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) + var(--pf-t--global--spacer--gap--text-to-element--default) + var(--pf-v6-c-expandable-section__toggle-icon--MinWidth));
|
6312
6601
|
--pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
|
6313
6602
|
--pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
|
6314
6603
|
}
|
6604
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
6605
|
+
.pf-v6-c-expandable-section {
|
6606
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
6607
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
6608
|
+
--pf-v6-c-expandable-section__content--TranslateY: -.5rem;
|
6609
|
+
--pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
|
6610
|
+
--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
|
6611
|
+
}
|
6612
|
+
}
|
6315
6613
|
|
6316
6614
|
.pf-v6-c-expandable-section {
|
6317
6615
|
display: flex;
|
6318
6616
|
flex-direction: column;
|
6319
|
-
gap:
|
6617
|
+
gap: 0;
|
6618
|
+
transition-delay: var(--pf-v6-c-expandable-section__content--TransitionDelay--hide);
|
6619
|
+
transition-duration: 0s;
|
6620
|
+
transition-property: gap, padding-block-end;
|
6320
6621
|
}
|
6321
6622
|
.pf-v6-c-expandable-section.pf-m-expanded {
|
6322
6623
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate);
|
6323
6624
|
--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
|
6324
6625
|
--pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd);
|
6626
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--slide: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide);
|
6627
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--fade: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--fade);
|
6628
|
+
--pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
|
6629
|
+
--pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
|
6630
|
+
--pf-v6-c-expandable-section__content--Visibility: auto;
|
6631
|
+
--pf-v6-c-expandable-section__content--MaxHeight: 99999px;
|
6632
|
+
--pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
|
6633
|
+
gap: var(--pf-v6-c-expandable-section--Gap);
|
6634
|
+
}
|
6635
|
+
.pf-v6-c-expandable-section.pf-m-expand-top {
|
6636
|
+
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
6637
|
+
}
|
6638
|
+
.pf-v6-c-expandable-section:has(.pf-v6-c-expandable-section__content:only-child):not(.pf-m-expand-top, .pf-m-expand-bottom) {
|
6639
|
+
--pf-v6-c-expandable-section__content--TranslateY: 0;
|
6640
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--expand--fade: 0s;
|
6641
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade: 0s;
|
6642
|
+
}
|
6643
|
+
.pf-v6-c-expandable-section:has(.pf-v6-c-expandable-section__content:only-child).pf-m-expand-top:not(.pf-m-expanded) {
|
6644
|
+
--pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expand-top__content--TranslateY);
|
6645
|
+
}
|
6646
|
+
.pf-v6-c-expandable-section:has(.pf-v6-c-expandable-section__content:only-child).pf-m-expand-bottom:not(.pf-m-expanded) {
|
6647
|
+
--pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY);
|
6325
6648
|
}
|
6326
6649
|
.pf-v6-c-expandable-section.pf-m-limit-width {
|
6327
6650
|
--pf-v6-c-expandable-section__content--MaxWidth: var(--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth);
|
@@ -6368,6 +6691,19 @@ ul) {
|
|
6368
6691
|
padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
|
6369
6692
|
padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
|
6370
6693
|
}
|
6694
|
+
.pf-v6-c-expandable-section__content:where([hidden]) {
|
6695
|
+
display: revert;
|
6696
|
+
}
|
6697
|
+
.pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) .pf-v6-c-expandable-section__content {
|
6698
|
+
max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
|
6699
|
+
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
6700
|
+
opacity: var(--pf-v6-c-expandable-section__content--Opacity);
|
6701
|
+
transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
|
6702
|
+
transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
|
6703
|
+
transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
|
6704
|
+
transition-property: opacity, translate, visibility, max-height;
|
6705
|
+
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
6706
|
+
}
|
6371
6707
|
|
6372
6708
|
.pf-v6-c-file-upload {
|
6373
6709
|
--pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
@@ -6377,9 +6713,9 @@ ul) {
|
|
6377
6713
|
--pf-v6-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
6378
6714
|
--pf-v6-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
|
6379
6715
|
--pf-v6-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
|
6380
|
-
--pf-v6-c-file-upload--BorderColor:
|
6381
|
-
--pf-v6-c-file-upload--BorderStyle:
|
6382
|
-
--pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--
|
6716
|
+
--pf-v6-c-file-upload--BorderColor: var(--pf-t--global--border--color--default);
|
6717
|
+
--pf-v6-c-file-upload--BorderStyle: dashed;
|
6718
|
+
--pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--border--color--clicked);
|
6383
6719
|
--pf-v6-c-file-upload--m-drag-hover--BorderStyle: dashed;
|
6384
6720
|
--pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
6385
6721
|
--pf-v6-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
|
@@ -6479,7 +6815,7 @@ ul) {
|
|
6479
6815
|
--pf-v6-c-form__field-group--GridTemplateColumns--toggle: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-form__field-group-toggle-icon--MinWidth) + var(--pf-t--global--spacer--xs));
|
6480
6816
|
--pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
|
6481
6817
|
--pf-v6-c-form__field-group-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
6482
|
-
--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--
|
6818
|
+
--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
6483
6819
|
--pf-v6-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
|
6484
6820
|
--pf-v6-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderBlockStartWidth: var(--pf-v6-c-form__field-group-header-toggle--BorderWidth--base);
|
6485
6821
|
--pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
@@ -6499,6 +6835,8 @@ ul) {
|
|
6499
6835
|
--pf-v6-c-form__field-group-header-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
|
6500
6836
|
--pf-v6-c-form__field-group-header-description--Color: var(--pf-t--global--text--color--subtle);
|
6501
6837
|
--pf-v6-c-form__field-group-header-actions--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
6838
|
+
--pf-v6-c-form__field-group-header-actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
6839
|
+
--pf-v6-c-form__field-group-header-actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
6502
6840
|
--pf-v6-c-form__field-group-body--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
6503
6841
|
--pf-v6-c-form__field-group-body--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
6504
6842
|
--pf-v6-c-form__field-group-body--Gap: var(--pf-v6-c-form--GridGap);
|
@@ -6506,6 +6844,19 @@ ul) {
|
|
6506
6844
|
--pf-v6-c-form__field-group__field-group__field-group-body--GridColumn: 1 / 3;
|
6507
6845
|
--pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn: 2 / 3;
|
6508
6846
|
--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd: calc(var(--pf-v6-c-form__field-group-body--PaddingBlockEnd) * -1);
|
6847
|
+
--pf-v6-c-form__field-group-body--TranslateY: 0;
|
6848
|
+
--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY: 0;
|
6849
|
+
--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: 0s;
|
6850
|
+
--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
6851
|
+
--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: 0s;
|
6852
|
+
--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
6853
|
+
}
|
6854
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
6855
|
+
.pf-v6-c-form {
|
6856
|
+
--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
6857
|
+
--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
6858
|
+
--pf-v6-c-form__field-group-body--TranslateY: -.5rem;
|
6859
|
+
}
|
6509
6860
|
}
|
6510
6861
|
|
6511
6862
|
.pf-v6-c-form {
|
@@ -6862,6 +7213,16 @@ ul) {
|
|
6862
7213
|
.pf-v6-c-form__field-group.pf-m-expanded > .pf-v6-c-form__field-group-toggle {
|
6863
7214
|
--pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
|
6864
7215
|
}
|
7216
|
+
.pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
7217
|
+
max-height: 99999px;
|
7218
|
+
padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
|
7219
|
+
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
7220
|
+
visibility: visible;
|
7221
|
+
opacity: 1;
|
7222
|
+
transition-delay: 0s;
|
7223
|
+
transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
|
7224
|
+
translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
|
7225
|
+
}
|
6865
7226
|
|
6866
7227
|
.pf-v6-c-form__field-group-toggle {
|
6867
7228
|
grid-row: 1/2;
|
@@ -6920,6 +7281,8 @@ ul) {
|
|
6920
7281
|
}
|
6921
7282
|
|
6922
7283
|
.pf-v6-c-form__field-group-header-actions {
|
7284
|
+
margin-block-start: var(--pf-v6-c-form__field-group-header-actions--MarginBlockStart);
|
7285
|
+
margin-block-end: var(--pf-v6-c-form__field-group-header-actions--MarginBlockEnd);
|
6923
7286
|
margin-inline-start: var(--pf-v6-c-form__field-group-header-actions--MarginInlineStart);
|
6924
7287
|
white-space: nowrap;
|
6925
7288
|
}
|
@@ -6931,6 +7294,18 @@ ul) {
|
|
6931
7294
|
padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
|
6932
7295
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
6933
7296
|
}
|
7297
|
+
.pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
7298
|
+
max-height: 0;
|
7299
|
+
padding-block-start: 0;
|
7300
|
+
padding-block-end: 0;
|
7301
|
+
visibility: hidden;
|
7302
|
+
opacity: 0;
|
7303
|
+
transition-delay: 0s, 0s, var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade);
|
7304
|
+
transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide), 0s, 0s, 0s, 0s;
|
7305
|
+
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
7306
|
+
translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
|
7307
|
+
}
|
7308
|
+
|
6934
7309
|
.pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
|
6935
7310
|
--pf-v6-c-form__field-group-toggle--PaddingBlockStart: 0;
|
6936
7311
|
--pf-v6-c-form__field-group-header--PaddingBlockStart: 0;
|
@@ -7167,6 +7542,22 @@ ul) {
|
|
7167
7542
|
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
|
7168
7543
|
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
|
7169
7544
|
}
|
7545
|
+
@media (prefers-reduced-motion: no-preference) {
|
7546
|
+
.pf-v6-c-form-control.pf-m-error {
|
7547
|
+
translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
|
7548
|
+
animation-name: pf-v6-global-danger-jiggle-motion;
|
7549
|
+
animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
|
7550
|
+
animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
|
7551
|
+
animation-fill-mode: both;
|
7552
|
+
}
|
7553
|
+
}
|
7554
|
+
.pf-v6-c-form-control.pf-m-error .pf-v6-c-form-control__icon.pf-m-status {
|
7555
|
+
--pf-v6-c-form-control--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
|
7556
|
+
--pf-v6-c-form-control--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
|
7557
|
+
animation-name: pf-v6-global-fade-in;
|
7558
|
+
animation-duration: var(--pf-v6-c-form-control--TransitionDuration--Opacity);
|
7559
|
+
animation-timing-function: var(--pf-v6-c-form-control--TransitionTimingFunction--Opacity);
|
7560
|
+
}
|
7170
7561
|
.pf-v6-c-form-control.pf-m-error > textarea {
|
7171
7562
|
padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-error--PaddingInlineEnd));
|
7172
7563
|
}
|
@@ -7816,6 +8207,30 @@ ul) {
|
|
7816
8207
|
--pf-v6-c-input-group__text--Color: var(--pf-t--global--text--color--regular);
|
7817
8208
|
--pf-v6-c-input-group__item--m-disabled__text--Color: var(--pf-t--global--text--color--on-disabled);
|
7818
8209
|
--pf-v6-c-input-group__item--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
8210
|
+
--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
8211
|
+
--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
8212
|
+
--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
8213
|
+
--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
8214
|
+
--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
8215
|
+
--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--collapse--fade);
|
8216
|
+
--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--slide: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--collapse--slide);
|
8217
|
+
--pf-v6-c-input-group__item--m-search-text-input--ScaleX: 1;
|
8218
|
+
--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX--expand-start: 100%;
|
8219
|
+
--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX--expand-end: 0;
|
8220
|
+
--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX--expand-end);
|
8221
|
+
--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction:var(--pf-t--global--motion--timing-function--default);
|
8222
|
+
--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--expand--fade: 0s;
|
8223
|
+
--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--collapse--fade: 0s;
|
8224
|
+
--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--expand--fade);
|
8225
|
+
--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
8226
|
+
--pf-v6-c-input-group__item--m-search-action--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
8227
|
+
--pf-v6-c-input-group__item--m-search-action--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
8228
|
+
--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--collapse--fade);
|
8229
|
+
}
|
8230
|
+
@media (prefers-reduced-motion: no-preference) {
|
8231
|
+
.pf-v6-c-input-group {
|
8232
|
+
--pf-v6-c-input-group__item--m-search-text-input--ScaleX: .7;
|
8233
|
+
}
|
7819
8234
|
}
|
7820
8235
|
|
7821
8236
|
.pf-v6-c-input-group {
|
@@ -7823,6 +8238,62 @@ ul) {
|
|
7823
8238
|
gap: var(--pf-v6-c-input-group--Gap);
|
7824
8239
|
width: 100%;
|
7825
8240
|
}
|
8241
|
+
.pf-v6-c-input-group.pf-m-search-expandable:not(.pf-m-expanded) {
|
8242
|
+
--pf-v6-c-input-group--Gap: 0;
|
8243
|
+
transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
|
8244
|
+
}
|
8245
|
+
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-input {
|
8246
|
+
flex-grow: 1;
|
8247
|
+
max-width: var(--pf-v6-c-input-group__item--m-search-text-input--MaxWidth, 0);
|
8248
|
+
visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
|
8249
|
+
opacity: var(--pf-v6-c-input-group__item--m-search-text-input--Opacity, 0);
|
8250
|
+
transition-delay: 0s, 0s, var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
|
8251
|
+
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
|
8252
|
+
transition-duration: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--slide), 0s, 0s;
|
8253
|
+
transition-property: opacity, scale, visibility, max-width;
|
8254
|
+
transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
|
8255
|
+
scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
|
8256
|
+
}
|
8257
|
+
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-expand {
|
8258
|
+
max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
|
8259
|
+
visibility: var(--pf-v6-c-input-group__item--m-search-expand--Visibility, visible);
|
8260
|
+
opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
|
8261
|
+
transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
|
8262
|
+
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
|
8263
|
+
transition-duration: var(--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--fade), 0s, 0s;
|
8264
|
+
transition-property: opacity, visibility, max-width;
|
8265
|
+
}
|
8266
|
+
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-action {
|
8267
|
+
max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
|
8268
|
+
visibility: var(--pf-v6-c-input-group__item--m-search-action--Visibility, hidden);
|
8269
|
+
opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
|
8270
|
+
transition-delay: 0s, var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
|
8271
|
+
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
|
8272
|
+
transition-duration: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade), 0s, 0s;
|
8273
|
+
transition-property: opacity, visibility, max-width;
|
8274
|
+
}
|
8275
|
+
.pf-v6-c-input-group.pf-m-search-expandable.pf-m-expand-start {
|
8276
|
+
--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX--expand-start);
|
8277
|
+
}
|
8278
|
+
.pf-v6-c-input-group.pf-m-search-expandable.pf-m-expanded {
|
8279
|
+
--pf-v6-c-input-group__item--m-search-text-input--MaxWidth: 100%;
|
8280
|
+
--pf-v6-c-input-group__item--m-search-text-input--Visibility: visible;
|
8281
|
+
--pf-v6-c-input-group__item--m-search-text-input--Opacity: 1;
|
8282
|
+
--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--expand--fade);
|
8283
|
+
--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--slide: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--expand--slide);
|
8284
|
+
--pf-v6-c-input-group__item--m-search-text-input--ScaleX: 1;
|
8285
|
+
--pf-v6-c-input-group__item--m-search-action--MaxWidth: 100%;
|
8286
|
+
--pf-v6-c-input-group__item--m-search-action--Visibility: visible;
|
8287
|
+
--pf-v6-c-input-group__item--m-search-action--Opacity: 1;
|
8288
|
+
--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--expand--fade);
|
8289
|
+
--pf-v6-c-input-group__item--m-search-expand--MaxWidth: 0;
|
8290
|
+
--pf-v6-c-input-group__item--m-search-expand--Visibility: hidden;
|
8291
|
+
--pf-v6-c-input-group__item--m-search-expand--Opacity: 0;
|
8292
|
+
--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--fade: var(--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--collapse--fade);
|
8293
|
+
}
|
8294
|
+
.pf-v6-c-input-group.pf-m-search-expandable.pf-m-expanded .pf-v6-c-input-group__item:is(.pf-m-search-input, .pf-m-search-expand, .pf-m-search-action) {
|
8295
|
+
transition-delay: 0s;
|
8296
|
+
}
|
7826
8297
|
|
7827
8298
|
.pf-v6-c-input-group__item {
|
7828
8299
|
position: relative;
|
@@ -9635,7 +10106,7 @@ ul.pf-v6-c-list {
|
|
9635
10106
|
--pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
|
9636
10107
|
--pf-v6-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
|
9637
10108
|
--pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
|
9638
|
-
--pf-v6-c-menu--TransitionDuration:
|
10109
|
+
--pf-v6-c-menu--TransitionDuration: 0s;
|
9639
10110
|
--pf-v6-c-menu--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
9640
10111
|
--pf-v6-c-menu--m-plain--BoxShadow: none;
|
9641
10112
|
--pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
|
@@ -9708,14 +10179,34 @@ ul.pf-v6-c-list {
|
|
9708
10179
|
--pf-v6-c-menu--m-flyout__menu--m-left--InsetInlineEnd: calc(100% + var(--pf-v6-c-menu--m-flyout__menu--m-left--right-offset));
|
9709
10180
|
--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
|
9710
10181
|
--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
9711
|
-
--pf-v6-c-menu--m-drilldown__content--Transition:
|
10182
|
+
--pf-v6-c-menu--m-drilldown__content--Transition: height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
|
9712
10183
|
--pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
|
9713
|
-
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform:
|
10184
|
+
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
|
9714
10185
|
--pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
|
9715
|
-
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform:
|
10186
|
+
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
|
9716
10187
|
--pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
|
9717
10188
|
--pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
|
9718
10189
|
}
|
10190
|
+
@media (prefers-reduced-motion: no-preference) {
|
10191
|
+
.pf-v6-c-menu {
|
10192
|
+
--pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
10193
|
+
}
|
10194
|
+
}
|
10195
|
+
@media (prefers-reduced-motion: no-preference) {
|
10196
|
+
.pf-v6-c-menu {
|
10197
|
+
--pf-v6-c-menu--m-drilldown__content--Transition: transform var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
|
10198
|
+
}
|
10199
|
+
}
|
10200
|
+
@media (prefers-reduced-motion: no-preference) {
|
10201
|
+
.pf-v6-c-menu {
|
10202
|
+
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
10203
|
+
}
|
10204
|
+
}
|
10205
|
+
@media (prefers-reduced-motion: no-preference) {
|
10206
|
+
.pf-v6-c-menu {
|
10207
|
+
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
10208
|
+
}
|
10209
|
+
}
|
9719
10210
|
|
9720
10211
|
.pf-v6-c-menu__content,
|
9721
10212
|
.pf-v6-c-menu__list-item,
|
@@ -10249,6 +10740,14 @@ ul.pf-v6-c-list {
|
|
10249
10740
|
--pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
10250
10741
|
--pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
|
10251
10742
|
--pf-v6-c-menu-toggle__icon--Color: var(--pf-t--global--icon--color--regular);
|
10743
|
+
--pf-v6-c-menu-toggle__icon--TransitionDelay: 0s;
|
10744
|
+
--pf-v6-c-menu-toggle__icon--TransitionDuration: 0s;
|
10745
|
+
--pf-v6-c-menu-toggle__icon--TransitionProperty: none;
|
10746
|
+
--pf-v6-c-menu-toggle--hover__icon--TransitionDelay: 0s;
|
10747
|
+
--pf-v6-c-menu-toggle--hover__icon--TransitionDuration: 0s;
|
10748
|
+
--pf-v6-c-menu-toggle--hover__icon--TransitionProperty: none;
|
10749
|
+
--pf-v6-c-menu-toggle__icon--Rotate: 0deg;
|
10750
|
+
--pf-v6-c-menu-toggle--hover__icon--Rotate: 0deg;
|
10252
10751
|
--pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
|
10253
10752
|
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
10254
10753
|
--pf-v6-c-menu-toggle--m-primary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
|
@@ -10346,6 +10845,11 @@ ul.pf-v6-c-list {
|
|
10346
10845
|
--pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
|
10347
10846
|
--pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
|
10348
10847
|
--pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
|
10848
|
+
--pf-v6-c-menu-toggle--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
10849
|
+
--pf-v6-c-menu-toggle--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
|
10850
|
+
--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
10851
|
+
--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
10852
|
+
--pf-v6-c-menu-toggle--m-settings--hover__icon--Rotate: 60deg;
|
10349
10853
|
}
|
10350
10854
|
|
10351
10855
|
.pf-v6-c-menu-toggle {
|
@@ -10459,6 +10963,10 @@ ul.pf-v6-c-list {
|
|
10459
10963
|
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--hover--BorderWidth);
|
10460
10964
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--hover--BorderColor);
|
10461
10965
|
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--hover__toggle-icon--Color);
|
10966
|
+
--pf-v6-c-menu-toggle__icon--TransitionDelay: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDelay);
|
10967
|
+
--pf-v6-c-menu-toggle__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDuration);
|
10968
|
+
--pf-v6-c-menu-toggle__icon--TransitionProperty: var(--pf-v6-c-menu-toggle--hover__icon--TransitionProperty);
|
10969
|
+
--pf-v6-c-menu-toggle__icon--Rotate: var(--pf-v6-c-menu-toggle--hover__icon--Rotate);
|
10462
10970
|
}
|
10463
10971
|
.pf-v6-c-menu-toggle:is(.pf-m-expanded, [aria-expanded=true]) {
|
10464
10972
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--expanded--Color);
|
@@ -10514,6 +11022,15 @@ ul.pf-v6-c-list {
|
|
10514
11022
|
opacity: 1;
|
10515
11023
|
}
|
10516
11024
|
}
|
11025
|
+
.pf-v6-c-menu-toggle.pf-m-settings {
|
11026
|
+
--pf-v6-c-menu-toggle__icon--TransitionProperty: rotate;
|
11027
|
+
--pf-v6-c-menu-toggle__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--m-settings__icon--TransitionDuration);
|
11028
|
+
--pf-v6-c-menu-toggle__icon--TransitionTimingFunction: var(--pf-v6-c-menu-toggle--m-settings__icon--TransitionTimingFunction);
|
11029
|
+
--pf-v6-c-menu-toggle--hover__icon--TransitionProperty: rotate;
|
11030
|
+
--pf-v6-c-menu-toggle--hover__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionDuration);
|
11031
|
+
--pf-v6-c-menu-toggle--hover__icon--TransitionTimingFunction: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionTimingFunction);
|
11032
|
+
--pf-v6-c-menu-toggle--hover__icon--Rotate: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--Rotate);
|
11033
|
+
}
|
10517
11034
|
.pf-v6-c-menu-toggle.pf-m-placeholder {
|
10518
11035
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
|
10519
11036
|
}
|
@@ -10666,16 +11183,24 @@ ul.pf-v6-c-list {
|
|
10666
11183
|
flex-wrap: nowrap;
|
10667
11184
|
}
|
10668
11185
|
|
10669
|
-
.pf-v6-c-menu-toggle__icon {
|
10670
|
-
flex-shrink: 0;
|
10671
|
-
}
|
10672
11186
|
.pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
|
10673
11187
|
.pf-v6-c-menu-toggle__icon.pf-m-avatar img,
|
10674
|
-
.pf-v6-c-menu-toggle__icon.pf-m-avatar svg {
|
11188
|
+
.pf-v6-c-menu-toggle__icon.pf-m-avatar svg, .pf-v6-c-menu-toggle:not(.pf-m-plain) .pf-v6-c-menu-toggle__icon {
|
10675
11189
|
margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
|
10676
11190
|
margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
|
10677
11191
|
}
|
10678
11192
|
|
11193
|
+
.pf-v6-c-menu-toggle__icon {
|
11194
|
+
flex-shrink: 0;
|
11195
|
+
transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
|
11196
|
+
transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
|
11197
|
+
transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
|
11198
|
+
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
11199
|
+
}
|
11200
|
+
.pf-v6-c-menu-toggle__icon :where(picture, img) {
|
11201
|
+
vertical-align: middle;
|
11202
|
+
}
|
11203
|
+
|
10679
11204
|
.pf-v6-c-menu-toggle__controls {
|
10680
11205
|
display: flex;
|
10681
11206
|
gap: var(--pf-v6-c-menu-toggle__controls--Gap);
|
@@ -11162,9 +11687,13 @@ ul.pf-v6-c-list {
|
|
11162
11687
|
--pf-v6-c-nav__subnav--PaddingBlockStart: var(--pf-v6-c-nav__item--RowGap);
|
11163
11688
|
--pf-v6-c-nav__subnav--PaddingBlockEnd: var(--pf-v6-c-nav__item--RowGap);
|
11164
11689
|
--pf-v6-c-nav__subnav--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
11165
|
-
--pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-t--global--motion--duration--
|
11166
|
-
--pf-v6-c-nav__subnav--TransitionDuration--
|
11690
|
+
--pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-t--global--motion--duration--fade--default);
|
11691
|
+
--pf-v6-c-nav__subnav--TransitionDuration--expand--slide: 0s;
|
11692
|
+
--pf-v6-c-nav__subnav--TransitionDuration--collapse: var(--pf-t--global--motion--duration--fade--short);
|
11693
|
+
--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: 0s;
|
11167
11694
|
--pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
|
11695
|
+
--pf-v6-c-nav__subnav--TranslateY: 0;
|
11696
|
+
--pf-v6-c-nav__subnav--hidden--TranslateY: 0;
|
11168
11697
|
--pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
|
11169
11698
|
--pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
|
11170
11699
|
--pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
|
@@ -11193,6 +11722,13 @@ ul.pf-v6-c-list {
|
|
11193
11722
|
--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
11194
11723
|
--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
11195
11724
|
}
|
11725
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
11726
|
+
.pf-v6-c-nav {
|
11727
|
+
--pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
11728
|
+
--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
11729
|
+
--pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
|
11730
|
+
}
|
11731
|
+
}
|
11196
11732
|
|
11197
11733
|
.pf-v6-c-nav,
|
11198
11734
|
.pf-v6-c-nav__section,
|
@@ -11263,24 +11799,27 @@ ul.pf-v6-c-list {
|
|
11263
11799
|
|
11264
11800
|
.pf-v6-c-nav__subnav {
|
11265
11801
|
--pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
|
11266
|
-
|
11267
|
-
min-height: 0;
|
11802
|
+
max-height: 99999px;
|
11268
11803
|
padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
|
11269
11804
|
padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
|
11270
11805
|
padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
|
11271
11806
|
overflow-y: clip;
|
11272
|
-
|
11807
|
+
visibility: visible;
|
11808
|
+
transition-delay: 0s, 0s, var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s);
|
11273
11809
|
transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
|
11274
|
-
transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), 0s, 0s, 0s, 0s;
|
11275
|
-
transition-property: opacity, visibility,
|
11810
|
+
transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
|
11811
|
+
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
11812
|
+
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
11276
11813
|
}
|
11277
11814
|
.pf-v6-c-nav__subnav[hidden] {
|
11278
11815
|
--pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
|
11279
11816
|
--pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-v6-c-nav__subnav--TransitionDuration--collapse);
|
11817
|
+
--pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide);
|
11280
11818
|
--pf-v6-c-nav__subnav--PaddingBlockStart: 0;
|
11281
11819
|
--pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
|
11820
|
+
--pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
|
11282
11821
|
display: grid;
|
11283
|
-
|
11822
|
+
max-height: 0;
|
11284
11823
|
visibility: hidden;
|
11285
11824
|
opacity: 0;
|
11286
11825
|
}
|
@@ -11770,9 +12309,13 @@ ul.pf-v6-c-list {
|
|
11770
12309
|
--pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
11771
12310
|
--pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
11772
12311
|
--pf-v6-c-page__sidebar--BoxShadow: none;
|
11773
|
-
--pf-v6-c-page__sidebar--
|
11774
|
-
--pf-v6-c-page__sidebar--
|
12312
|
+
--pf-v6-c-page__sidebar--TransitionProperty: opacity;
|
12313
|
+
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
12314
|
+
--pf-v6-c-page__sidebar--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
11775
12315
|
--pf-v6-c-page__sidebar--TranslateX: -100%;
|
12316
|
+
--pf-v6-c-page__sidebar--Opacity: 0;
|
12317
|
+
--pf-v6-c-page__sidebar--m-expanded--Opacity: 1;
|
12318
|
+
--pf-v6-c-page__sidebar--xl--Opacity: 1;
|
11776
12319
|
--pf-v6-c-page__sidebar--TranslateZ: 0;
|
11777
12320
|
--pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
|
11778
12321
|
--pf-v6-c-page__sidebar--xl--TranslateX: 0;
|
@@ -11850,9 +12393,17 @@ ul.pf-v6-c-list {
|
|
11850
12393
|
--pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
11851
12394
|
--pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
|
11852
12395
|
}
|
12396
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
12397
|
+
.pf-v6-c-page {
|
12398
|
+
--pf-v6-c-page__sidebar--Opacity: 1;
|
12399
|
+
--pf-v6-c-page__sidebar--TransitionProperty: transform;
|
12400
|
+
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
|
12401
|
+
}
|
12402
|
+
}
|
11853
12403
|
@media screen and (min-width: 75rem) {
|
11854
12404
|
.pf-v6-c-page {
|
11855
12405
|
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
|
12406
|
+
--pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
|
11856
12407
|
}
|
11857
12408
|
}
|
11858
12409
|
|
@@ -11873,6 +12424,51 @@ ul.pf-v6-c-list {
|
|
11873
12424
|
grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
|
11874
12425
|
}
|
11875
12426
|
}
|
12427
|
+
.pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
|
12428
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
12429
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
12430
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
12431
|
+
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
12432
|
+
--pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
12433
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
12434
|
+
--pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
12435
|
+
}
|
12436
|
+
.pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-expanded)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle :is(.pf-v6-c-button.pf-m-hamburger, .pf-v6-c-button.pf-m-hamburger:hover, .pf-v6-c-button.pf-m-hamburger:focus-visible) {
|
12437
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
12438
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
12439
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
12440
|
+
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
12441
|
+
--pf-v6-c-button__icon--ScaleX: 1;
|
12442
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
12443
|
+
--pf-v6-c-button--hover__icon--ScaleX: 1;
|
12444
|
+
}
|
12445
|
+
@media (min-width: 75rem) {
|
12446
|
+
.pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger, .pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-expanded)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle :is(.pf-v6-c-button.pf-m-hamburger, .pf-v6-c-button.pf-m-hamburger:hover, .pf-v6-c-button.pf-m-hamburger:focus-visible) {
|
12447
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
|
12448
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
|
12449
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
|
12450
|
+
--pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
|
12451
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
|
12452
|
+
}
|
12453
|
+
.pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
|
12454
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
12455
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
12456
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
12457
|
+
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
12458
|
+
--pf-v6-c-button__icon--ScaleX: 1;
|
12459
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
12460
|
+
--pf-v6-c-button--hover__icon--ScaleX: 1;
|
12461
|
+
}
|
12462
|
+
.pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-collapsed)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
|
12463
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
12464
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
12465
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
12466
|
+
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
12467
|
+
--pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
12468
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
12469
|
+
--pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
12470
|
+
}
|
12471
|
+
}
|
11876
12472
|
|
11877
12473
|
.pf-v6-c-page > .pf-v6-c-masthead {
|
11878
12474
|
z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
|
@@ -11901,7 +12497,8 @@ ul.pf-v6-c-list {
|
|
11901
12497
|
overflow-y: auto;
|
11902
12498
|
-webkit-overflow-scrolling: touch;
|
11903
12499
|
background-color: var(--pf-v6-c-page__sidebar--BackgroundColor);
|
11904
|
-
|
12500
|
+
opacity: var(--pf-v6-c-page__sidebar--Opacity);
|
12501
|
+
transition: var(--pf-v6-c-page__sidebar--TransitionProperty) var(--pf-v6-c-page__sidebar--TransitionDuration) var(--pf-v6-c-page__sidebar--TransitionTimingFunction);
|
11905
12502
|
transform: translateX(var(--pf-v6-c-page__sidebar--TranslateX)) translateZ(var(--pf-v6-c-page__sidebar--TranslateZ));
|
11906
12503
|
}
|
11907
12504
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__sidebar {
|
@@ -11910,6 +12507,7 @@ ul.pf-v6-c-list {
|
|
11910
12507
|
|
11911
12508
|
.pf-v6-c-page__sidebar.pf-m-expanded {
|
11912
12509
|
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--m-expanded--TranslateX);
|
12510
|
+
--pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--m-expanded--Opacity);
|
11913
12511
|
box-shadow: var(--pf-v6-c-page__sidebar--BoxShadow);
|
11914
12512
|
}
|
11915
12513
|
@media screen and (min-width: 75rem) {
|
@@ -13170,6 +13768,22 @@ ul.pf-v6-c-list {
|
|
13170
13768
|
--pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
|
13171
13769
|
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
|
13172
13770
|
}
|
13771
|
+
@media (prefers-reduced-motion: no-preference) {
|
13772
|
+
.pf-v6-c-progress.pf-m-danger .pf-v6-c-progress__bar {
|
13773
|
+
translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
|
13774
|
+
animation-name: pf-v6-global-danger-jiggle-motion;
|
13775
|
+
animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
|
13776
|
+
animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
|
13777
|
+
animation-fill-mode: both;
|
13778
|
+
}
|
13779
|
+
}
|
13780
|
+
.pf-v6-c-progress.pf-m-danger .pf-v6-c-progress__status-icon {
|
13781
|
+
--pf-v6-c-progress--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
|
13782
|
+
--pf-v6-c-progress--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
|
13783
|
+
animation-name: pf-v6-global-fade-in;
|
13784
|
+
animation-duration: var(--pf-v6-c-progress--TransitionDuration--Opacity);
|
13785
|
+
animation-timing-function: var(--pf-v6-c-progress--TransitionTimingFunction--Opacity);
|
13786
|
+
}
|
13173
13787
|
|
13174
13788
|
.pf-v6-c-progress__description {
|
13175
13789
|
grid-column: 1/2;
|
@@ -14347,8 +14961,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
14347
14961
|
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
14348
14962
|
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
14349
14963
|
--pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
|
14350
|
-
--pf-v6-c-skeleton--after--TranslateX:
|
14351
|
-
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
|
14964
|
+
--pf-v6-c-skeleton--after--TranslateX: 0;
|
14965
|
+
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading-reduced-motion;
|
14352
14966
|
--pf-v6-c-skeleton--after--AnimationDuration: 3s;
|
14353
14967
|
--pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
|
14354
14968
|
--pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
|
@@ -14380,6 +14994,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
14380
14994
|
--pf-v6-c-skeleton--m-height-75--Height: 75%;
|
14381
14995
|
--pf-v6-c-skeleton--m-height-100--Height: 100%;
|
14382
14996
|
}
|
14997
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
14998
|
+
.pf-v6-c-skeleton {
|
14999
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
15000
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
15001
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
|
15002
|
+
--pf-v6-c-skeleton--after--TranslateX: -100%;
|
15003
|
+
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
|
15004
|
+
}
|
15005
|
+
}
|
14383
15006
|
|
14384
15007
|
.pf-v6-c-skeleton {
|
14385
15008
|
position: relative;
|
@@ -14500,6 +15123,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
14500
15123
|
transform: translateX(100%);
|
14501
15124
|
}
|
14502
15125
|
}
|
15126
|
+
@keyframes pf-v6-c-skeleton-loading-reduced-motion {
|
15127
|
+
0% {
|
15128
|
+
opacity: 0.25;
|
15129
|
+
}
|
15130
|
+
60% {
|
15131
|
+
opacity: 1;
|
15132
|
+
}
|
15133
|
+
100% {
|
15134
|
+
opacity: 0.25;
|
15135
|
+
}
|
15136
|
+
}
|
14503
15137
|
.pf-v6-c-skip-to-content {
|
14504
15138
|
--pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
|
14505
15139
|
--pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
|
@@ -14747,6 +15381,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
14747
15381
|
--pf-v6-c-spinner--StrokeWidth: 10;
|
14748
15382
|
--pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
|
14749
15383
|
--pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
|
15384
|
+
--pf-v6-c-spinner--m-xs--diameter: var(--pf-t--global--icon--size--sm);
|
14750
15385
|
--pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
|
14751
15386
|
--pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
|
14752
15387
|
--pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
|
@@ -14763,6 +15398,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
14763
15398
|
.pf-v6-c-spinner.pf-m-inline {
|
14764
15399
|
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
|
14765
15400
|
}
|
15401
|
+
.pf-v6-c-spinner.pf-m-xs {
|
15402
|
+
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xs--diameter);
|
15403
|
+
--pf-v6-c-spinner--StrokeWidth: 15;
|
15404
|
+
}
|
14766
15405
|
.pf-v6-c-spinner.pf-m-sm {
|
14767
15406
|
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
|
14768
15407
|
}
|
@@ -15044,6 +15683,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
15044
15683
|
--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
15045
15684
|
--pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
|
15046
15685
|
--pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
|
15686
|
+
--pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
15047
15687
|
--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
15048
15688
|
--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
15049
15689
|
--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
@@ -15107,6 +15747,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
15107
15747
|
.pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
|
15108
15748
|
border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
|
15109
15749
|
}
|
15750
|
+
.pf-m-grid.pf-v6-c-table.pf-m-animate-expand {
|
15751
|
+
--pf-v6-c-table__expandable-row--Display: block;
|
15752
|
+
}
|
15110
15753
|
.pf-m-grid.pf-v6-c-table.pf-m-expandable {
|
15111
15754
|
--pf-v6-c-table__tr--BorderBlockEndWidth: 0;
|
15112
15755
|
}
|
@@ -15118,7 +15761,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
15118
15761
|
--pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
|
15119
15762
|
--pf-v6-c-table__expandable-row--after--BorderColor: transparent;
|
15120
15763
|
}
|
15121
|
-
.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
|
15764
|
+
.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) {
|
15122
15765
|
display: grid;
|
15123
15766
|
grid-template-columns: 1fr;
|
15124
15767
|
height: auto;
|
@@ -15129,13 +15772,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
15129
15772
|
padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
|
15130
15773
|
padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
|
15131
15774
|
}
|
15132
|
-
.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
|
15775
|
+
.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td) {
|
15133
15776
|
padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
|
15134
15777
|
padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
|
15135
15778
|
padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
|
15136
15779
|
padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
|
15137
15780
|
}
|
15138
|
-
.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
|
15781
|
+
.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td):first-child {
|
15139
15782
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
|
15140
15783
|
}
|
15141
15784
|
.pf-m-grid.pf-v6-c-table.pf-m-compact {
|
@@ -15163,14 +15806,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
15163
15806
|
grid-template-columns: 1fr minmax(0, 1.5fr);
|
15164
15807
|
align-items: start;
|
15165
15808
|
}
|
15809
|
+
.pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
|
15810
|
+
align-items: center;
|
15811
|
+
}
|
15166
15812
|
.pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
|
15167
15813
|
grid-column: 2;
|
15168
15814
|
}
|
15169
15815
|
.pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
15170
15816
|
position: revert;
|
15171
|
-
font-weight:
|
15817
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
15172
15818
|
text-align: start;
|
15173
|
-
content: attr(data-label);
|
15819
|
+
content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
|
15174
15820
|
}
|
15175
15821
|
.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
|
15176
15822
|
--pf-v6-c-table--cell--PaddingInlineStart: 0;
|
@@ -15214,7 +15860,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
15214
15860
|
width: auto;
|
15215
15861
|
background-color: transparent;
|
15216
15862
|
}
|
15217
|
-
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row {
|
15863
|
+
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
|
15218
15864
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
|
15219
15865
|
--pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
|
15220
15866
|
--pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
|
@@ -15226,24 +15872,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
15226
15872
|
overflow-y: auto;
|
15227
15873
|
border-block-end: none;
|
15228
15874
|
}
|
15229
|
-
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
|
15875
|
+
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
|
15230
15876
|
position: static;
|
15231
15877
|
display: block;
|
15232
15878
|
}
|
15233
|
-
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
|
15879
|
+
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
|
15234
15880
|
border-block-start-color: var(--pf-v6-c-table--BorderColor);
|
15235
15881
|
}
|
15236
|
-
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
|
15882
|
+
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :first-child:not(.pf-v6-c-table__check)::after {
|
15237
15883
|
content: none;
|
15238
15884
|
}
|
15239
|
-
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
|
15240
|
-
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
|
15885
|
+
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
|
15886
|
+
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
|
15241
15887
|
padding: 0;
|
15242
15888
|
}
|
15243
|
-
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
|
15889
|
+
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
|
15244
15890
|
display: none;
|
15245
15891
|
}
|
15246
|
-
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
|
15892
|
+
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__expandable-row-content {
|
15247
15893
|
padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
|
15248
15894
|
padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
|
15249
15895
|
}
|
@@ -15281,10 +15927,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
15281
15927
|
width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
|
15282
15928
|
background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
|
15283
15929
|
}
|
15284
|
-
.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__toggle,
|
15285
|
-
.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__check,
|
15286
|
-
.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__favorite,
|
15287
|
-
.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__action {
|
15930
|
+
.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__toggle,
|
15931
|
+
.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__check,
|
15932
|
+
.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__favorite,
|
15933
|
+
.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__action {
|
15288
15934
|
width: auto;
|
15289
15935
|
padding: 0;
|
15290
15936
|
}
|
@@ -15407,6 +16053,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
15407
16053
|
.pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
|
15408
16054
|
border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
|
15409
16055
|
}
|
16056
|
+
.pf-m-grid-md.pf-v6-c-table.pf-m-animate-expand {
|
16057
|
+
--pf-v6-c-table__expandable-row--Display: block;
|
16058
|
+
}
|
15410
16059
|
.pf-m-grid-md.pf-v6-c-table.pf-m-expandable {
|
15411
16060
|
--pf-v6-c-table__tr--BorderBlockEndWidth: 0;
|
15412
16061
|
}
|
@@ -15418,7 +16067,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
15418
16067
|
--pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
|
15419
16068
|
--pf-v6-c-table__expandable-row--after--BorderColor: transparent;
|
15420
16069
|
}
|
15421
|
-
.pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
|
16070
|
+
.pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) {
|
15422
16071
|
display: grid;
|
15423
16072
|
grid-template-columns: 1fr;
|
15424
16073
|
height: auto;
|
@@ -15429,13 +16078,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
15429
16078
|
padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
|
15430
16079
|
padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
|
15431
16080
|
}
|
15432
|
-
.pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
|
16081
|
+
.pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td) {
|
15433
16082
|
padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
|
15434
16083
|
padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
|
15435
16084
|
padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
|
15436
16085
|
padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
|
15437
16086
|
}
|
15438
|
-
.pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
|
16087
|
+
.pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td):first-child {
|
15439
16088
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
|
15440
16089
|
}
|
15441
16090
|
.pf-m-grid-md.pf-v6-c-table.pf-m-compact {
|
@@ -15463,14 +16112,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
15463
16112
|
grid-template-columns: 1fr minmax(0, 1.5fr);
|
15464
16113
|
align-items: start;
|
15465
16114
|
}
|
16115
|
+
.pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
|
16116
|
+
align-items: center;
|
16117
|
+
}
|
15466
16118
|
.pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
|
15467
16119
|
grid-column: 2;
|
15468
16120
|
}
|
15469
16121
|
.pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
15470
16122
|
position: revert;
|
15471
|
-
font-weight:
|
16123
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
15472
16124
|
text-align: start;
|
15473
|
-
content: attr(data-label);
|
16125
|
+
content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
|
15474
16126
|
}
|
15475
16127
|
.pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
|
15476
16128
|
--pf-v6-c-table--cell--PaddingInlineStart: 0;
|
@@ -15514,7 +16166,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
15514
16166
|
width: auto;
|
15515
16167
|
background-color: transparent;
|
15516
16168
|
}
|
15517
|
-
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row {
|
16169
|
+
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
|
15518
16170
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
|
15519
16171
|
--pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
|
15520
16172
|
--pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
|
@@ -15526,24 +16178,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
15526
16178
|
overflow-y: auto;
|
15527
16179
|
border-block-end: none;
|
15528
16180
|
}
|
15529
|
-
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
|
16181
|
+
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
|
15530
16182
|
position: static;
|
15531
16183
|
display: block;
|
15532
16184
|
}
|
15533
|
-
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
|
16185
|
+
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
|
15534
16186
|
border-block-start-color: var(--pf-v6-c-table--BorderColor);
|
15535
16187
|
}
|
15536
|
-
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
|
16188
|
+
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :first-child:not(.pf-v6-c-table__check)::after {
|
15537
16189
|
content: none;
|
15538
16190
|
}
|
15539
|
-
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
|
15540
|
-
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
|
16191
|
+
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
|
16192
|
+
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
|
15541
16193
|
padding: 0;
|
15542
16194
|
}
|
15543
|
-
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
|
16195
|
+
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
|
15544
16196
|
display: none;
|
15545
16197
|
}
|
15546
|
-
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
|
16198
|
+
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__expandable-row-content {
|
15547
16199
|
padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
|
15548
16200
|
padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
|
15549
16201
|
}
|
@@ -15581,10 +16233,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
15581
16233
|
width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
|
15582
16234
|
background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
|
15583
16235
|
}
|
15584
|
-
.pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__toggle,
|
15585
|
-
.pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__check,
|
15586
|
-
.pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__favorite,
|
15587
|
-
.pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__action {
|
16236
|
+
.pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__toggle,
|
16237
|
+
.pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__check,
|
16238
|
+
.pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__favorite,
|
16239
|
+
.pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__action {
|
15588
16240
|
width: auto;
|
15589
16241
|
padding: 0;
|
15590
16242
|
}
|
@@ -15710,6 +16362,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
15710
16362
|
.pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
|
15711
16363
|
border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
|
15712
16364
|
}
|
16365
|
+
.pf-m-grid-lg.pf-v6-c-table.pf-m-animate-expand {
|
16366
|
+
--pf-v6-c-table__expandable-row--Display: block;
|
16367
|
+
}
|
15713
16368
|
.pf-m-grid-lg.pf-v6-c-table.pf-m-expandable {
|
15714
16369
|
--pf-v6-c-table__tr--BorderBlockEndWidth: 0;
|
15715
16370
|
}
|
@@ -15721,7 +16376,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
15721
16376
|
--pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
|
15722
16377
|
--pf-v6-c-table__expandable-row--after--BorderColor: transparent;
|
15723
16378
|
}
|
15724
|
-
.pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
|
16379
|
+
.pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) {
|
15725
16380
|
display: grid;
|
15726
16381
|
grid-template-columns: 1fr;
|
15727
16382
|
height: auto;
|
@@ -15732,13 +16387,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
15732
16387
|
padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
|
15733
16388
|
padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
|
15734
16389
|
}
|
15735
|
-
.pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
|
16390
|
+
.pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td) {
|
15736
16391
|
padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
|
15737
16392
|
padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
|
15738
16393
|
padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
|
15739
16394
|
padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
|
15740
16395
|
}
|
15741
|
-
.pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
|
16396
|
+
.pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td):first-child {
|
15742
16397
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
|
15743
16398
|
}
|
15744
16399
|
.pf-m-grid-lg.pf-v6-c-table.pf-m-compact {
|
@@ -15766,14 +16421,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
15766
16421
|
grid-template-columns: 1fr minmax(0, 1.5fr);
|
15767
16422
|
align-items: start;
|
15768
16423
|
}
|
16424
|
+
.pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
|
16425
|
+
align-items: center;
|
16426
|
+
}
|
15769
16427
|
.pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
|
15770
16428
|
grid-column: 2;
|
15771
16429
|
}
|
15772
16430
|
.pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
15773
16431
|
position: revert;
|
15774
|
-
font-weight:
|
16432
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
15775
16433
|
text-align: start;
|
15776
|
-
content: attr(data-label);
|
16434
|
+
content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
|
15777
16435
|
}
|
15778
16436
|
.pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
|
15779
16437
|
--pf-v6-c-table--cell--PaddingInlineStart: 0;
|
@@ -15817,7 +16475,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
15817
16475
|
width: auto;
|
15818
16476
|
background-color: transparent;
|
15819
16477
|
}
|
15820
|
-
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row {
|
16478
|
+
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
|
15821
16479
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
|
15822
16480
|
--pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
|
15823
16481
|
--pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
|
@@ -15829,24 +16487,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
15829
16487
|
overflow-y: auto;
|
15830
16488
|
border-block-end: none;
|
15831
16489
|
}
|
15832
|
-
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
|
16490
|
+
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
|
15833
16491
|
position: static;
|
15834
16492
|
display: block;
|
15835
16493
|
}
|
15836
|
-
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
|
16494
|
+
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
|
15837
16495
|
border-block-start-color: var(--pf-v6-c-table--BorderColor);
|
15838
16496
|
}
|
15839
|
-
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
|
16497
|
+
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :first-child:not(.pf-v6-c-table__check)::after {
|
15840
16498
|
content: none;
|
15841
16499
|
}
|
15842
|
-
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
|
15843
|
-
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
|
16500
|
+
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
|
16501
|
+
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
|
15844
16502
|
padding: 0;
|
15845
16503
|
}
|
15846
|
-
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
|
16504
|
+
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
|
15847
16505
|
display: none;
|
15848
16506
|
}
|
15849
|
-
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
|
16507
|
+
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__expandable-row-content {
|
15850
16508
|
padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
|
15851
16509
|
padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
|
15852
16510
|
}
|
@@ -15884,10 +16542,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
15884
16542
|
width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
|
15885
16543
|
background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
|
15886
16544
|
}
|
15887
|
-
.pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__toggle,
|
15888
|
-
.pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__check,
|
15889
|
-
.pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__favorite,
|
15890
|
-
.pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__action {
|
16545
|
+
.pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__toggle,
|
16546
|
+
.pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__check,
|
16547
|
+
.pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__favorite,
|
16548
|
+
.pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__action {
|
15891
16549
|
width: auto;
|
15892
16550
|
padding: 0;
|
15893
16551
|
}
|
@@ -16013,6 +16671,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16013
16671
|
.pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
|
16014
16672
|
border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
|
16015
16673
|
}
|
16674
|
+
.pf-m-grid-xl.pf-v6-c-table.pf-m-animate-expand {
|
16675
|
+
--pf-v6-c-table__expandable-row--Display: block;
|
16676
|
+
}
|
16016
16677
|
.pf-m-grid-xl.pf-v6-c-table.pf-m-expandable {
|
16017
16678
|
--pf-v6-c-table__tr--BorderBlockEndWidth: 0;
|
16018
16679
|
}
|
@@ -16024,7 +16685,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16024
16685
|
--pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
|
16025
16686
|
--pf-v6-c-table__expandable-row--after--BorderColor: transparent;
|
16026
16687
|
}
|
16027
|
-
.pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
|
16688
|
+
.pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) {
|
16028
16689
|
display: grid;
|
16029
16690
|
grid-template-columns: 1fr;
|
16030
16691
|
height: auto;
|
@@ -16035,13 +16696,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16035
16696
|
padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
|
16036
16697
|
padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
|
16037
16698
|
}
|
16038
|
-
.pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
|
16699
|
+
.pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td) {
|
16039
16700
|
padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
|
16040
16701
|
padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
|
16041
16702
|
padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
|
16042
16703
|
padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
|
16043
16704
|
}
|
16044
|
-
.pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
|
16705
|
+
.pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td):first-child {
|
16045
16706
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
|
16046
16707
|
}
|
16047
16708
|
.pf-m-grid-xl.pf-v6-c-table.pf-m-compact {
|
@@ -16069,14 +16730,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16069
16730
|
grid-template-columns: 1fr minmax(0, 1.5fr);
|
16070
16731
|
align-items: start;
|
16071
16732
|
}
|
16733
|
+
.pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
|
16734
|
+
align-items: center;
|
16735
|
+
}
|
16072
16736
|
.pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
|
16073
16737
|
grid-column: 2;
|
16074
16738
|
}
|
16075
16739
|
.pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
16076
16740
|
position: revert;
|
16077
|
-
font-weight:
|
16741
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
16078
16742
|
text-align: start;
|
16079
|
-
content: attr(data-label);
|
16743
|
+
content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
|
16080
16744
|
}
|
16081
16745
|
.pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
|
16082
16746
|
--pf-v6-c-table--cell--PaddingInlineStart: 0;
|
@@ -16120,7 +16784,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16120
16784
|
width: auto;
|
16121
16785
|
background-color: transparent;
|
16122
16786
|
}
|
16123
|
-
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row {
|
16787
|
+
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
|
16124
16788
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
|
16125
16789
|
--pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
|
16126
16790
|
--pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
|
@@ -16132,24 +16796,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16132
16796
|
overflow-y: auto;
|
16133
16797
|
border-block-end: none;
|
16134
16798
|
}
|
16135
|
-
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
|
16799
|
+
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
|
16136
16800
|
position: static;
|
16137
16801
|
display: block;
|
16138
16802
|
}
|
16139
|
-
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
|
16803
|
+
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
|
16140
16804
|
border-block-start-color: var(--pf-v6-c-table--BorderColor);
|
16141
16805
|
}
|
16142
|
-
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
|
16806
|
+
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :first-child:not(.pf-v6-c-table__check)::after {
|
16143
16807
|
content: none;
|
16144
16808
|
}
|
16145
|
-
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
|
16146
|
-
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
|
16809
|
+
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
|
16810
|
+
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
|
16147
16811
|
padding: 0;
|
16148
16812
|
}
|
16149
|
-
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
|
16813
|
+
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
|
16150
16814
|
display: none;
|
16151
16815
|
}
|
16152
|
-
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
|
16816
|
+
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__expandable-row-content {
|
16153
16817
|
padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
|
16154
16818
|
padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
|
16155
16819
|
}
|
@@ -16187,10 +16851,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16187
16851
|
width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
|
16188
16852
|
background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
|
16189
16853
|
}
|
16190
|
-
.pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__toggle,
|
16191
|
-
.pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__check,
|
16192
|
-
.pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__favorite,
|
16193
|
-
.pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__action {
|
16854
|
+
.pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__toggle,
|
16855
|
+
.pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__check,
|
16856
|
+
.pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__favorite,
|
16857
|
+
.pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__action {
|
16194
16858
|
width: auto;
|
16195
16859
|
padding: 0;
|
16196
16860
|
}
|
@@ -16316,6 +16980,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16316
16980
|
.pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
|
16317
16981
|
border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
|
16318
16982
|
}
|
16983
|
+
.pf-m-grid-2xl.pf-v6-c-table.pf-m-animate-expand {
|
16984
|
+
--pf-v6-c-table__expandable-row--Display: block;
|
16985
|
+
}
|
16319
16986
|
.pf-m-grid-2xl.pf-v6-c-table.pf-m-expandable {
|
16320
16987
|
--pf-v6-c-table__tr--BorderBlockEndWidth: 0;
|
16321
16988
|
}
|
@@ -16327,7 +16994,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16327
16994
|
--pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
|
16328
16995
|
--pf-v6-c-table__expandable-row--after--BorderColor: transparent;
|
16329
16996
|
}
|
16330
|
-
.pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
|
16997
|
+
.pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) {
|
16331
16998
|
display: grid;
|
16332
16999
|
grid-template-columns: 1fr;
|
16333
17000
|
height: auto;
|
@@ -16338,13 +17005,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16338
17005
|
padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
|
16339
17006
|
padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
|
16340
17007
|
}
|
16341
|
-
.pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
|
17008
|
+
.pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td) {
|
16342
17009
|
padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
|
16343
17010
|
padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
|
16344
17011
|
padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
|
16345
17012
|
padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
|
16346
17013
|
}
|
16347
|
-
.pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
|
17014
|
+
.pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td):first-child {
|
16348
17015
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
|
16349
17016
|
}
|
16350
17017
|
.pf-m-grid-2xl.pf-v6-c-table.pf-m-compact {
|
@@ -16372,14 +17039,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16372
17039
|
grid-template-columns: 1fr minmax(0, 1.5fr);
|
16373
17040
|
align-items: start;
|
16374
17041
|
}
|
17042
|
+
.pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
|
17043
|
+
align-items: center;
|
17044
|
+
}
|
16375
17045
|
.pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
|
16376
17046
|
grid-column: 2;
|
16377
17047
|
}
|
16378
17048
|
.pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
16379
17049
|
position: revert;
|
16380
|
-
font-weight:
|
17050
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
16381
17051
|
text-align: start;
|
16382
|
-
content: attr(data-label);
|
17052
|
+
content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
|
16383
17053
|
}
|
16384
17054
|
.pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
|
16385
17055
|
--pf-v6-c-table--cell--PaddingInlineStart: 0;
|
@@ -16423,7 +17093,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16423
17093
|
width: auto;
|
16424
17094
|
background-color: transparent;
|
16425
17095
|
}
|
16426
|
-
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row {
|
17096
|
+
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
|
16427
17097
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
|
16428
17098
|
--pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
|
16429
17099
|
--pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
|
@@ -16435,24 +17105,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16435
17105
|
overflow-y: auto;
|
16436
17106
|
border-block-end: none;
|
16437
17107
|
}
|
16438
|
-
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
|
17108
|
+
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
|
16439
17109
|
position: static;
|
16440
17110
|
display: block;
|
16441
17111
|
}
|
16442
|
-
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
|
17112
|
+
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
|
16443
17113
|
border-block-start-color: var(--pf-v6-c-table--BorderColor);
|
16444
17114
|
}
|
16445
|
-
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
|
17115
|
+
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :first-child:not(.pf-v6-c-table__check)::after {
|
16446
17116
|
content: none;
|
16447
17117
|
}
|
16448
|
-
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
|
16449
|
-
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
|
17118
|
+
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
|
17119
|
+
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
|
16450
17120
|
padding: 0;
|
16451
17121
|
}
|
16452
|
-
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
|
17122
|
+
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
|
16453
17123
|
display: none;
|
16454
17124
|
}
|
16455
|
-
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
|
17125
|
+
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__expandable-row-content {
|
16456
17126
|
padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
|
16457
17127
|
padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
|
16458
17128
|
}
|
@@ -16490,10 +17160,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16490
17160
|
width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
|
16491
17161
|
background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
|
16492
17162
|
}
|
16493
|
-
.pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__toggle,
|
16494
|
-
.pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__check,
|
16495
|
-
.pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__favorite,
|
16496
|
-
.pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__action {
|
17163
|
+
.pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__toggle,
|
17164
|
+
.pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__check,
|
17165
|
+
.pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__favorite,
|
17166
|
+
.pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__action {
|
16497
17167
|
width: auto;
|
16498
17168
|
padding: 0;
|
16499
17169
|
}
|
@@ -16595,6 +17265,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16595
17265
|
--pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
|
16596
17266
|
--pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
|
16597
17267
|
--pf-v6-c-table__tbody--cell--FontSize: var(--pf-t--global--font--size--body--default);
|
17268
|
+
--pf-v6-c-table__tbody--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
17269
|
+
--pf-v6-c-table__tbody--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
16598
17270
|
--pf-v6-c-table__tr--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
16599
17271
|
--pf-v6-c-table__tr--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
16600
17272
|
--pf-v6-c-table--cell--Padding--base: var(--pf-t--global--spacer--md);
|
@@ -16655,6 +17327,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16655
17327
|
--pf-v6-c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
16656
17328
|
--pf-v6-c-table__action--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
16657
17329
|
--pf-v6-c-table__action--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
17330
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: 0s;
|
17331
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
17332
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
|
17333
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
17334
|
+
--pf-v6-c-table__expandable-row--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
17335
|
+
--pf-v6-c-table__expandable-row--Opacity: 0;
|
17336
|
+
--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
|
17337
|
+
--pf-v6-c-table__expandable-row--TranslateY: 0;
|
17338
|
+
--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
|
16658
17339
|
--pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
16659
17340
|
--pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
16660
17341
|
--pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
@@ -16690,6 +17371,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16690
17371
|
--pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
16691
17372
|
--pf-v6-c-table--m-compact--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
16692
17373
|
--pf-v6-c-table--m-compact--cell--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
17374
|
+
--pf-v6-c-table__td--m-action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
17375
|
+
--pf-v6-c-table__td--m-action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
17376
|
+
--pf-v6-c-table--m-compact__td--m-action--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
17377
|
+
--pf-v6-c-table--m-compact__td--m-action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
16693
17378
|
--pf-v6-c-table--m-compact__action--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
16694
17379
|
--pf-v6-c-table--m-compact__action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
16695
17380
|
--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
@@ -16715,6 +17400,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16715
17400
|
--pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
16716
17401
|
--pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
16717
17402
|
}
|
17403
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
17404
|
+
.pf-v6-c-table {
|
17405
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
17406
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
17407
|
+
--pf-v6-c-table__expandable-row--TranslateY: -.5rem;
|
17408
|
+
}
|
17409
|
+
}
|
16718
17410
|
|
16719
17411
|
.pf-v6-c-table {
|
16720
17412
|
width: 100%;
|
@@ -16767,7 +17459,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16767
17459
|
--pf-v6-c-table__sticky-column--BackgroundColor: var(--pf-v6-c-table--m-striped__tr--BackgroundColor);
|
16768
17460
|
background: var(--pf-v6-c-table--m-striped__tr--BackgroundColor);
|
16769
17461
|
}
|
16770
|
-
.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row).pf-m-ghost-row {
|
17462
|
+
.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))).pf-m-ghost-row {
|
16771
17463
|
background-color: var(--pf-v6-c-table__tr--m-ghost-row--BackgroundColor);
|
16772
17464
|
opacity: var(--pf-v6-c-table__tr--m-ghost-row--Opacity);
|
16773
17465
|
}
|
@@ -16911,6 +17603,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16911
17603
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) > :where(th, td) {
|
16912
17604
|
overflow-wrap: break-word;
|
16913
17605
|
}
|
17606
|
+
.pf-v6-c-table .pf-v6-c-table__td.pf-m-action {
|
17607
|
+
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table__td--m-action--PaddingBlockStart);
|
17608
|
+
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__td--m-action--PaddingBlockEnd);
|
17609
|
+
}
|
16914
17610
|
.pf-v6-c-table .pf-v6-c-table__sort {
|
16915
17611
|
min-width: var(--pf-v6-c-table__sort--MinWidth);
|
16916
17612
|
}
|
@@ -16963,7 +17659,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16963
17659
|
background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
|
16964
17660
|
outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
|
16965
17661
|
}
|
16966
|
-
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected .pf-v6-c-table__tr.pf-m-expanded:not(.pf-v6-c-table__expandable-row) {
|
17662
|
+
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected .pf-v6-c-table__tr.pf-m-expanded:not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) {
|
16967
17663
|
border: none;
|
16968
17664
|
}
|
16969
17665
|
.pf-v6-c-table.pf-m-drag-over {
|
@@ -16979,6 +17675,48 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16979
17675
|
.pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
|
16980
17676
|
--pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
|
16981
17677
|
}
|
17678
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
|
17679
|
+
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
17680
|
+
visibility: hidden;
|
17681
|
+
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
17682
|
+
transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
17683
|
+
transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
|
17684
|
+
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
|
17685
|
+
transition-property: opacity, translate, visibility, background-color;
|
17686
|
+
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
17687
|
+
}
|
17688
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:where(:nth-child(n+2))[hidden] {
|
17689
|
+
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
17690
|
+
}
|
17691
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
|
17692
|
+
visibility: visible;
|
17693
|
+
opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
|
17694
|
+
transition-delay: 0s;
|
17695
|
+
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
|
17696
|
+
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
17697
|
+
}
|
17698
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
|
17699
|
+
max-height: 99999px;
|
17700
|
+
}
|
17701
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) {
|
17702
|
+
--pf-v6-c-table--cell--responsive--label: none;
|
17703
|
+
}
|
17704
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th),
|
17705
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
|
17706
|
+
padding: 0;
|
17707
|
+
overflow: hidden;
|
17708
|
+
transition-delay: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
17709
|
+
transition-property: padding, max-height, overflow;
|
17710
|
+
}
|
17711
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
|
17712
|
+
max-height: 0;
|
17713
|
+
}
|
17714
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__control-row.pf-m-no-animate-expand ~ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
|
17715
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: 0s;
|
17716
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
|
17717
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: 0s;
|
17718
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: 0s;
|
17719
|
+
}
|
16982
17720
|
|
16983
17721
|
[class*=pf-v6-c-table].pf-m-truncate {
|
16984
17722
|
--pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--m-truncate--cell--MinWidth);
|
@@ -17280,42 +18018,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
17280
18018
|
pointer-events: none;
|
17281
18019
|
}
|
17282
18020
|
|
17283
|
-
.pf-v6-c-table__expandable-row {
|
17284
|
-
position: relative;
|
17285
|
-
border-block-end: 0 solid transparent;
|
17286
|
-
}
|
17287
|
-
:not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
|
17288
|
-
:not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
|
17289
|
-
padding-block-start: 0;
|
17290
|
-
}
|
17291
|
-
|
17292
|
-
.pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding,
|
17293
|
-
.pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding {
|
17294
|
-
padding-block-start: 0;
|
17295
|
-
padding-block-end: 0;
|
17296
|
-
padding-inline-start: 0;
|
17297
|
-
padding-inline-end: 0;
|
17298
|
-
}
|
17299
|
-
.pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
|
17300
|
-
.pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
|
17301
|
-
padding: 0;
|
17302
|
-
}
|
17303
|
-
.pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
|
17304
|
-
padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
|
17305
|
-
padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBlockEnd);
|
17306
|
-
padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingInlineStart);
|
17307
|
-
padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingInlineEnd);
|
17308
|
-
background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
|
17309
|
-
border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
|
17310
|
-
}
|
17311
|
-
.pf-v6-c-table__expandable-row.pf-m-expanded {
|
17312
|
-
border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
|
17313
|
-
border-block-end-width: var(--pf-v6-c-table--border-width--base);
|
17314
|
-
}
|
17315
|
-
.pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
|
17316
|
-
display: none;
|
17317
|
-
}
|
17318
|
-
.pf-v6-c-table__expandable-row tr:last-child {
|
18021
|
+
.pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row.pf-m-expanded) {
|
17319
18022
|
border-block-end: 0;
|
17320
18023
|
}
|
17321
18024
|
|
@@ -17323,7 +18026,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
17323
18026
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
|
17324
18027
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
|
17325
18028
|
}
|
17326
|
-
.pf-v6-c-table.pf-m-compact tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
|
18029
|
+
.pf-v6-c-table.pf-m-compact tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) {
|
17327
18030
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
|
17328
18031
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
|
17329
18032
|
}
|
@@ -17339,6 +18042,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
17339
18042
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact__action--PaddingBlockStart);
|
17340
18043
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__action--PaddingBlockEnd);
|
17341
18044
|
}
|
18045
|
+
.pf-v6-c-table.pf-m-compact .pf-v6-c-table__td.pf-m-action {
|
18046
|
+
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact__td--m-action--PaddingBlockStart);
|
18047
|
+
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__td--m-action--PaddingBlockEnd);
|
18048
|
+
}
|
17342
18049
|
.pf-v6-c-table.pf-m-compact .pf-v6-c-table__icon {
|
17343
18050
|
width: auto;
|
17344
18051
|
min-width: 0;
|
@@ -17363,18 +18070,16 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
17363
18070
|
background-color: var(--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor);
|
17364
18071
|
}
|
17365
18072
|
|
17366
|
-
.pf-v6-c-
|
18073
|
+
.pf-v6-c-table__tr.pf-m-expanded:has(~ .pf-v6-c-table__expandable-row) {
|
17367
18074
|
border-block-end: 0;
|
17368
18075
|
}
|
17369
|
-
|
17370
|
-
|
17371
|
-
|
17372
|
-
.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
|
17373
|
-
border-block-end: var(--pf-v6-c-table__tr--BorderBlockEndWidth) solid var(--pf-v6-c-table__tr--BorderBlockEndColor);
|
18076
|
+
|
18077
|
+
.pf-v6-c-table__tbody.pf-m-expanded, .pf-v6-c-table__tbody:has(> .pf-v6-c-table__expandable-row.pf-m-expanded) {
|
18078
|
+
border-block-end: var(--pf-v6-c-table__tbody--BorderBlockEndWidth) solid var(--pf-v6-c-table__tbody--BorderBlockEndColor);
|
17374
18079
|
}
|
17375
|
-
.pf-v6-c-
|
18080
|
+
.pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
|
17376
18081
|
background-color: var(--pf-v6-c-table__control-row--BackgroundColor);
|
17377
|
-
border-block-end:
|
18082
|
+
border-block-end: 0;
|
17378
18083
|
}
|
17379
18084
|
|
17380
18085
|
.pf-v6-c-table__tr {
|
@@ -17387,6 +18092,52 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
17387
18092
|
border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
|
17388
18093
|
}
|
17389
18094
|
|
18095
|
+
.pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
|
18096
|
+
position: relative;
|
18097
|
+
border-block-end: 0 solid transparent;
|
18098
|
+
}
|
18099
|
+
.pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > .pf-v6-c-table__th,
|
18100
|
+
.pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > .pf-v6-c-table__td {
|
18101
|
+
padding-block-start: 0;
|
18102
|
+
}
|
18103
|
+
.pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > .pf-v6-c-table__th,
|
18104
|
+
.pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > .pf-v6-c-table__td {
|
18105
|
+
padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
|
18106
|
+
}
|
18107
|
+
.pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__td.pf-m-no-padding,
|
18108
|
+
.pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__th.pf-m-no-padding {
|
18109
|
+
padding-block-start: 0;
|
18110
|
+
padding-block-end: 0;
|
18111
|
+
padding-inline-start: 0;
|
18112
|
+
padding-inline-end: 0;
|
18113
|
+
}
|
18114
|
+
.pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__td.pf-m-no-padding .pf-v6-c-table__expandable-row-content,
|
18115
|
+
.pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__th.pf-m-no-padding .pf-v6-c-table__expandable-row-content {
|
18116
|
+
padding: 0;
|
18117
|
+
border-radius: 0;
|
18118
|
+
}
|
18119
|
+
.pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__expandable-row-content {
|
18120
|
+
padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
|
18121
|
+
padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBlockEnd);
|
18122
|
+
padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingInlineStart);
|
18123
|
+
padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingInlineEnd);
|
18124
|
+
background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
|
18125
|
+
border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
|
18126
|
+
}
|
18127
|
+
.pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__expandable-row-content.pf-m-no-background {
|
18128
|
+
background-color: transparent;
|
18129
|
+
}
|
18130
|
+
.pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
|
18131
|
+
border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
|
18132
|
+
border-block-end-width: var(--pf-v6-c-table--border-width--base);
|
18133
|
+
}
|
18134
|
+
.pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
|
18135
|
+
display: none;
|
18136
|
+
}
|
18137
|
+
.pf-v6-c-table__expandable-row:where(:nth-child(n+2)) tr:last-child {
|
18138
|
+
border-block-end: 0;
|
18139
|
+
}
|
18140
|
+
|
17390
18141
|
.pf-v6-c-table__icon-inline {
|
17391
18142
|
display: flex;
|
17392
18143
|
align-items: center;
|
@@ -18433,25 +19184,28 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
18433
19184
|
--pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
18434
19185
|
--pf-v6-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-t--global--border--width--extra-strong);
|
18435
19186
|
--pf-v6-c-tabs--link-accent--start: 0;
|
18436
|
-
--pf-v6-c-tabs--link-accent--length:
|
19187
|
+
--pf-v6-c-tabs--link-accent--length: 0;
|
18437
19188
|
--pf-v6-c-tabs--link-accent--color: var(--pf-v6-c-tabs__item--m-current__link--after--BorderColor);
|
18438
19189
|
--pf-v6-c-tabs--link-accent--border-size: var(--pf-v6-c-tabs__item--m-current__link--after--BorderWidth);
|
19190
|
+
--pf-v6-c-tabs--link-accent--TransitionDuration: var(--pf-t--global--motion--duration--md);
|
19191
|
+
--pf-v6-c-tabs--link-accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
18439
19192
|
--pf-v6-c-tabs--link-accent--InsetBlockStart: auto;
|
18440
19193
|
--pf-v6-c-tabs--link-accent--InsetBlockEnd: 0;
|
18441
|
-
--pf-v6-c-tabs--link-accent--InsetInlineStart:
|
19194
|
+
--pf-v6-c-tabs--link-accent--InsetInlineStart: 0;
|
18442
19195
|
--pf-v6-c-tabs--link-accent--Width: initial;
|
18443
19196
|
--pf-v6-c-tabs--link-accent--Height: 0;
|
18444
19197
|
--pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--link-accent--border-size);
|
18445
19198
|
--pf-v6-c-tabs--link-accent--BorderInlineStartWidth: 0;
|
18446
|
-
--pf-v6-c-tabs--
|
19199
|
+
--pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--link-accent--start);
|
19200
|
+
--pf-v6-c-tabs--link-accent--TranslateY: 0;
|
19201
|
+
--pf-v6-c-tabs--link-accent--TransformOrigin: 0 center;
|
19202
|
+
--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart: 0;
|
18447
19203
|
--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd: auto;
|
18448
|
-
--pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart: 0;
|
18449
|
-
--pf-v6-c-tabs--m-vertical--link-accent--Width: 0;
|
18450
|
-
--pf-v6-c-tabs--m-vertical--link-accent--Height: initial;
|
18451
19204
|
--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth: 0;
|
18452
19205
|
--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--link-accent--border-size);
|
18453
|
-
--pf-v6-c-tabs--link-accent--
|
18454
|
-
--pf-v6-c-tabs--link-accent--
|
19206
|
+
--pf-v6-c-tabs--m-vertical--link-accent--TranslateX: 0;
|
19207
|
+
--pf-v6-c-tabs--m-vertical--link-accent--TranslateY: var(--pf-v6-c-tabs--link-accent--start);
|
19208
|
+
--pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin: center 0;
|
18455
19209
|
--pf-v6-c-tabs__scroll-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
18456
19210
|
--pf-v6-c-tabs__scroll-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
18457
19211
|
--pf-v6-c-tabs__scroll-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
@@ -18611,11 +19365,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
18611
19365
|
--pf-v6-c-tabs__list--ScrollSnapTypeAxis: var(--pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis);
|
18612
19366
|
--pf-v6-c-tabs--link-accent--InsetBlockStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart);
|
18613
19367
|
--pf-v6-c-tabs--link-accent--InsetBlockEnd: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd);
|
18614
|
-
--pf-v6-c-tabs--link-accent--InsetInlineStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart);
|
18615
19368
|
--pf-v6-c-tabs--link-accent--Width: var(--pf-v6-c-tabs--m-vertical--link-accent--Width);
|
18616
19369
|
--pf-v6-c-tabs--link-accent--Height: var(--pf-v6-c-tabs--m-vertical--link-accent--Height);
|
18617
19370
|
--pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth);
|
18618
19371
|
--pf-v6-c-tabs--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth);
|
19372
|
+
--pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateX);
|
19373
|
+
--pf-v6-c-tabs--link-accent--TranslateY: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateY);
|
19374
|
+
--pf-v6-c-tabs--link-accent--TransformOrigin: var(--pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin);
|
18619
19375
|
display: inline-flex;
|
18620
19376
|
flex-direction: column;
|
18621
19377
|
height: 100%;
|
@@ -19192,15 +19948,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
19192
19948
|
}
|
19193
19949
|
|
19194
19950
|
@media (prefers-reduced-motion: no-preference) {
|
19195
|
-
.pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__link::after,
|
19196
|
-
.pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
|
19951
|
+
.pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__link::after,
|
19952
|
+
.pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
|
19197
19953
|
content: revert;
|
19198
19954
|
}
|
19199
|
-
.pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__list::after {
|
19955
|
+
.pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
|
19200
19956
|
position: absolute;
|
19201
|
-
inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart
|
19957
|
+
inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart);
|
19202
19958
|
inset-block-end: var(--pf-v6-c-tabs--link-accent--InsetBlockEnd);
|
19203
|
-
inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart
|
19959
|
+
inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart);
|
19204
19960
|
width: var(--pf-v6-c-tabs--link-accent--Width, var(--pf-v6-c-tabs--link-accent--length));
|
19205
19961
|
height: var(--pf-v6-c-tabs--link-accent--Height, var(--pf-v6-c-tabs--link-accent--length));
|
19206
19962
|
content: "";
|
@@ -19209,7 +19965,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
19209
19965
|
border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
|
19210
19966
|
transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
|
19211
19967
|
transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
|
19212
|
-
transition-property:
|
19968
|
+
transition-property: width, height, translate;
|
19969
|
+
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
19970
|
+
translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
|
19971
|
+
}
|
19972
|
+
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
|
19973
|
+
translate: calc(var(--pf-v6-c-tabs--link-accent--TranslateX) * var(--pf-v6-global--inverse--multiplier)) var(--pf-v6-c-tabs--link-accent--TranslateY);
|
19213
19974
|
}
|
19214
19975
|
.pf-v6-c-tabs.pf-m-initializing-accent {
|
19215
19976
|
--pf-v6-c-tabs--link-accent--TransitionDuration: 0;
|
@@ -19320,6 +20081,22 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
19320
20081
|
--pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-v6-c-text-input-group--m-hover--m-error--BorderColor);
|
19321
20082
|
--pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group__main--m-error__icon--m-status--Color);
|
19322
20083
|
}
|
20084
|
+
@media (prefers-reduced-motion: no-preference) {
|
20085
|
+
.pf-v6-c-text-input-group.pf-m-error {
|
20086
|
+
translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
|
20087
|
+
animation-name: pf-v6-global-danger-jiggle-motion;
|
20088
|
+
animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
|
20089
|
+
animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
|
20090
|
+
animation-fill-mode: both;
|
20091
|
+
}
|
20092
|
+
}
|
20093
|
+
.pf-v6-c-text-input-group.pf-m-error .pf-v6-c-text-input-group__icon.pf-m-status {
|
20094
|
+
--pf-v6-c-text-input-group--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
|
20095
|
+
--pf-v6-c-text-input-group--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
|
20096
|
+
animation-name: pf-v6-global-fade-in;
|
20097
|
+
animation-duration: var(--pf-v6-c-text-input-group--TransitionDuration--Opacity);
|
20098
|
+
animation-timing-function: var(--pf-v6-c-text-input-group--TransitionTimingFunction--Opacity);
|
20099
|
+
}
|
19323
20100
|
.pf-v6-c-text-input-group:hover {
|
19324
20101
|
--pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-hover--BorderColor);
|
19325
20102
|
}
|
@@ -19551,6 +20328,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
19551
20328
|
--pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
|
19552
20329
|
}
|
19553
20330
|
|
20331
|
+
.pf-v6-c-timestamp__text {
|
20332
|
+
text-decoration: inherit;
|
20333
|
+
}
|
20334
|
+
|
19554
20335
|
.pf-v6-c-title {
|
19555
20336
|
--pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
|
19556
20337
|
--pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
|
@@ -21825,6 +22606,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
21825
22606
|
grid-auto-flow: column;
|
21826
22607
|
align-items: baseline;
|
21827
22608
|
min-width: var(--pf-v6-c-truncate--MinWidth);
|
22609
|
+
text-decoration: inherit;
|
21828
22610
|
}
|
21829
22611
|
.pf-v6-c-truncate.pf-m-fixed {
|
21830
22612
|
display: inline;
|
@@ -21921,6 +22703,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
21921
22703
|
--pf-v6-c-tree-view__node-container--Display: contents;
|
21922
22704
|
--pf-v6-c-tree-view__node-content--RowGap: var(--pf-t--global--spacer--sm);
|
21923
22705
|
--pf-v6-c-tree-view__node-content--Overflow: visible;
|
22706
|
+
--pf-v6-c-tree-view__list--TransitionDuration--expand--slide: 0s;
|
22707
|
+
--pf-v6-c-tree-view__list--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
22708
|
+
--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: 0s;
|
22709
|
+
--pf-v6-c-tree-view__list--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
22710
|
+
--pf-v6-c-tree-view__list--TransitionDuration--slide: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide);
|
22711
|
+
--pf-v6-c-tree-view__list--TransitionDuration--fade: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--fade);
|
22712
|
+
--pf-v6-c-tree-view__list--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
22713
|
+
--pf-v6-c-tree-view__list--Opacity: 0;
|
22714
|
+
--pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
|
22715
|
+
--pf-v6-c-tree-view__list--TranslateY: 0;
|
22716
|
+
--pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
|
21924
22717
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
|
21925
22718
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
|
21926
22719
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
|
@@ -21936,6 +22729,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
21936
22729
|
--pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
21937
22730
|
--pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
|
21938
22731
|
--pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
|
22732
|
+
--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
22733
|
+
--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
21939
22734
|
--pf-v6-c-tree-view__node-check--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
21940
22735
|
--pf-v6-c-tree-view__node-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
21941
22736
|
--pf-v6-c-tree-view__search--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
@@ -22011,6 +22806,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
22011
22806
|
--pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
|
22012
22807
|
--pf-v6-c-tree-view--m-compact--m-no-background__node--before--InsetBlockStart: calc(var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockStart) + var(--pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockStart) + 0.25rem);
|
22013
22808
|
}
|
22809
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
22810
|
+
.pf-v6-c-tree-view {
|
22811
|
+
--pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
22812
|
+
--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
22813
|
+
--pf-v6-c-tree-view__list--TranslateY: -.5rem;
|
22814
|
+
}
|
22815
|
+
}
|
22014
22816
|
|
22015
22817
|
.pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item, .pf-v6-c-tree-view.pf-m-guides .pf-v6-c-tree-view__list-item {
|
22016
22818
|
position: relative;
|
@@ -22126,12 +22928,23 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
22126
22928
|
display: inline-block;
|
22127
22929
|
min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
|
22128
22930
|
text-align: center;
|
22931
|
+
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
22129
22932
|
transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
|
22130
22933
|
}
|
22131
22934
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
|
22132
22935
|
scale: -1 1;
|
22133
22936
|
}
|
22134
22937
|
|
22938
|
+
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
|
22939
|
+
max-height: 0;
|
22940
|
+
visibility: hidden;
|
22941
|
+
opacity: var(--pf-v6-c-tree-view__list--Opacity);
|
22942
|
+
transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
|
22943
|
+
transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
|
22944
|
+
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
|
22945
|
+
transition-property: opacity, translate, visibility, max-height;
|
22946
|
+
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
22947
|
+
}
|
22135
22948
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
|
22136
22949
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
22137
22950
|
--pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--Color--base);
|
@@ -22140,6 +22953,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
22140
22953
|
--pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color);
|
22141
22954
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
|
22142
22955
|
}
|
22956
|
+
.pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
|
22957
|
+
max-height: 99999px;
|
22958
|
+
visibility: revert;
|
22959
|
+
opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
|
22960
|
+
transition-delay: 0s;
|
22961
|
+
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
|
22962
|
+
translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
|
22963
|
+
}
|
22143
22964
|
|
22144
22965
|
.pf-v6-c-tree-view__node,
|
22145
22966
|
.pf-v6-c-tree-view__node-container {
|