@patternfly/react-styles 6.3.0-prerelease.1 → 6.3.0-prerelease.3
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 +12 -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 +71 -1
- 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 +27 -0
- package/css/components/Button/button.d.ts +3 -0
- package/css/components/Button/button.js +3 -0
- package/css/components/Button/button.mjs +3 -0
- 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 +47 -1
- package/css/components/MenuToggle/menu-toggle.css +8 -4
- 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 +6 -5
- package/css/components/Table/table.css +33 -0
- 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/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 +33 -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 +370 -59
- package/css/components/_index.d.ts +9 -0
- package/css/components/_index.js +9 -0
- package/css/components/_index.mjs +9 -0
- 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,7 +371,12 @@
|
|
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 {
|
379
|
+
display: none;
|
325
380
|
margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
|
326
381
|
margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
|
327
382
|
margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
|
@@ -329,11 +384,26 @@
|
|
329
384
|
color: var(--pf-v6-c-accordion__expandable-content--Color);
|
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-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
|
389
|
+
transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
|
390
|
+
transition-property: opacity, translate, display;
|
391
|
+
transition-behavior: allow-discrete;
|
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
395
|
max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
|
335
396
|
overflow-y: auto;
|
336
397
|
}
|
398
|
+
.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
|
399
|
+
display: revert;
|
400
|
+
}
|
401
|
+
@starting-style {
|
402
|
+
.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
|
403
|
+
--pf-v6-c-accordion__expandable-content--Opacity: 0;
|
404
|
+
--pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
|
405
|
+
}
|
406
|
+
}
|
337
407
|
|
338
408
|
.pf-v6-c-accordion__expandable-content-body {
|
339
409
|
padding-block-start: var(--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart);
|
@@ -597,27 +667,45 @@
|
|
597
667
|
var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionDuration)
|
598
668
|
var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionTimingFunction)
|
599
669
|
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
|
-
|
670
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--opacity--default: var(--pf-t--global--motion--duration--fade--default);
|
671
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--opacity--default: var(--pf-t--global--motion--timing-function--accelerate);
|
672
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--grid-template-rows--default: var(--pf-t--global--motion--duration--fade--default);
|
673
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--margin-block--default: var(--pf-t--global--motion--duration--fade--default);
|
674
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDelay--default: var(--pf-t--global--motion--duration--fade--default);
|
675
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity--default: initial;
|
676
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default: initial;
|
677
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default: initial;
|
678
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default: initial;
|
679
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default: initial;
|
680
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-out--short);
|
681
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--accelerate);
|
682
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--opacity: var(--pf-t--global--motion--duration--slide-out--short);
|
683
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--opacity: var(--pf-t--global--motion--timing-function--accelerate);
|
684
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--margin-block: var(--pf-t--global--motion--duration--fade--short);
|
685
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--margin-block: var(--pf-t--global--motion--timing-function--accelerate);
|
686
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--margin-block: var(--pf-t--global--motion--duration--slide-out--short);
|
687
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--grid-template-rows: var(--pf-t--global--motion--duration--slide-in--short);
|
688
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--grid-template-rows: var(--pf-t--global--motion--timing-function--accelerate);
|
689
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--grid-template-rows: var(--pf-t--global--motion--duration--slide-out--short);
|
690
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--transform: initial;
|
691
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform: initial;
|
692
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity: initial;
|
693
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity: initial;
|
694
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--margin-block: initial;
|
695
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--margin-block: initial;
|
696
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block: initial;
|
697
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--grid-template-rows: initial;
|
698
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--grid-template-rows: initial;
|
699
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows: initial;
|
700
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration: var(--pf-t--global--motion--duration--slide-out--short);
|
701
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
|
702
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--Transition: all
|
703
|
+
var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration)
|
704
|
+
var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionTimingFunction)
|
705
|
+
var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration);
|
706
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: initial;
|
707
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: initial;
|
708
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: initial;
|
621
709
|
--pf-v6-c-alert-group__overflow-button--BorderWidth: 0;
|
622
710
|
--pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
|
623
711
|
--pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
@@ -677,40 +765,43 @@
|
|
677
765
|
transition: var(--pf-v6-c-alert-group--m-toast__item--c-alert--Transition);
|
678
766
|
}
|
679
767
|
}
|
680
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-top:first-child {
|
768
|
+
.pf-v6-c-alert-group__item.pf-m-offstage-top:first-child, .pf-v6-c-alert-group__item.pf-m-incoming:first-child {
|
681
769
|
grid-template-rows: 0fr;
|
682
770
|
margin-block: 0;
|
683
771
|
overflow: hidden;
|
684
772
|
opacity: 0;
|
685
773
|
transform: translateY(-100%);
|
686
774
|
}
|
687
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-top:first-child .pf-v6-c-alert {
|
775
|
+
.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
776
|
min-height: 0;
|
689
777
|
padding-block-start: 0;
|
690
778
|
padding-block-end: 0;
|
691
779
|
border-width: 0;
|
692
780
|
}
|
693
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-right {
|
781
|
+
.pf-v6-c-alert-group__item.pf-m-offstage-right, .pf-v6-c-alert-group__item.pf-m-outgoing {
|
694
782
|
grid-template-rows: 0fr;
|
695
783
|
margin-block: 0;
|
696
784
|
overflow: hidden;
|
697
785
|
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);
|
786
|
+
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
787
|
}
|
700
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
|
788
|
+
.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
789
|
min-height: 0;
|
702
790
|
padding-block-start: 0;
|
703
791
|
padding-block-end: 0;
|
704
792
|
border-width: 0;
|
705
|
-
transition: all 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default);
|
793
|
+
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
794
|
}
|
707
795
|
@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);
|
796
|
+
.pf-v6-c-alert-group__item.pf-m-offstage-right, .pf-v6-c-alert-group__item.pf-m-outgoing {
|
797
|
+
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
798
|
transform: translateX(100%);
|
711
799
|
}
|
712
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
|
713
|
-
|
800
|
+
: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 {
|
801
|
+
transform: translateX(calc(100% * var(--pf-v6-global--inverse--multiplier)));
|
802
|
+
}
|
803
|
+
.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 {
|
804
|
+
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
805
|
}
|
715
806
|
}
|
716
807
|
.pf-v6-c-alert-group__item:hover {
|
@@ -1681,6 +1772,11 @@ button.pf-v6-c-breadcrumb__link {
|
|
1681
1772
|
--pf-v6-c-button--m-favorited--hover__icon--Color: var(--pf-t--global--color--favorite--hover);
|
1682
1773
|
--pf-v6-c-button--m-favorited__icon--AnimationDuration: var(--pf-t--global--motion--duration--icon--long);
|
1683
1774
|
--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
1775
|
+
--pf-v6-c-button__icon--favorite--Opacity: 1;
|
1776
|
+
--pf-v6-c-button__icon--favorited--Opacity: 0;
|
1777
|
+
--pf-v6-c-button--m-favorited__icon--favorite--Opacity: 0;
|
1778
|
+
--pf-v6-c-button--m-favorited__icon--favorited--Opacity: 1;
|
1779
|
+
--pf-v6-c-button__icon--favorite--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
1684
1780
|
--pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
|
1685
1781
|
--pf-v6-c-button__progress--Opacity: 0;
|
1686
1782
|
--pf-v6-c-button__progress--TranslateY: -50%;
|
@@ -1991,6 +2087,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
1991
2087
|
--pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
|
1992
2088
|
}
|
1993
2089
|
.pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
|
2090
|
+
display: grid;
|
1994
2091
|
transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
|
1995
2092
|
transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
|
1996
2093
|
transition-property: color;
|
@@ -1998,6 +2095,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
1998
2095
|
.pf-v6-c-button.pf-m-favorited {
|
1999
2096
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
|
2000
2097
|
--pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
|
2098
|
+
--pf-v6-c-button__icon--favorite--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorite--Opacity);
|
2099
|
+
--pf-v6-c-button__icon--favorited--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorited--Opacity);
|
2001
2100
|
}
|
2002
2101
|
.pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
|
2003
2102
|
animation-name: pf-v6-c-button-icon-favorited;
|
@@ -2077,6 +2176,21 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
2077
2176
|
--pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
|
2078
2177
|
}
|
2079
2178
|
|
2179
|
+
.pf-v6-c-button__icon-favorite,
|
2180
|
+
.pf-v6-c-button__icon-favorited {
|
2181
|
+
grid-area: 1/1/1/1;
|
2182
|
+
transition-duration: var(--pf-v6-c-button__icon--favorite--TransitionDuration);
|
2183
|
+
transition-property: opacity;
|
2184
|
+
}
|
2185
|
+
|
2186
|
+
.pf-v6-c-button__icon-favorite {
|
2187
|
+
opacity: var(--pf-v6-c-button__icon--favorite--Opacity);
|
2188
|
+
}
|
2189
|
+
|
2190
|
+
.pf-v6-c-button__icon-favorited {
|
2191
|
+
opacity: var(--pf-v6-c-button__icon--favorited--Opacity);
|
2192
|
+
}
|
2193
|
+
|
2080
2194
|
.pf-v6-c-button__progress {
|
2081
2195
|
position: absolute;
|
2082
2196
|
inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
|
@@ -2089,6 +2203,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
2089
2203
|
--pf-v6-c-spinner--Color: currentcolor;
|
2090
2204
|
}
|
2091
2205
|
|
2206
|
+
.pf-v6-c-button__text {
|
2207
|
+
text-decoration: inherit;
|
2208
|
+
}
|
2209
|
+
|
2092
2210
|
.pf-v6-c-button__count {
|
2093
2211
|
display: inline-flex;
|
2094
2212
|
align-items: center;
|
@@ -4627,6 +4745,17 @@ ul) {
|
|
4627
4745
|
--pf-v6-c-dual-list-selector__menu--MinHeight: 12.5rem;
|
4628
4746
|
--pf-v6-c-dual-list-selector__menu--MaxHeight: 20rem;
|
4629
4747
|
--pf-v6-c-dual-list-selector__menu--MarginBlockStart: var(--pf-t--global--spacer--md);
|
4748
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: 0s;
|
4749
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
4750
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: 0s;
|
4751
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
4752
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--slide: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide);
|
4753
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--fade: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--fade);
|
4754
|
+
--pf-v6-c-dual-list-selector__list--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
4755
|
+
--pf-v6-c-dual-list-selector__list--Opacity: 0;
|
4756
|
+
--pf-v6-c-dual-list-selector--m-expanded__list--Opacity: 1;
|
4757
|
+
--pf-v6-c-dual-list-selector__list--TranslateY: 0;
|
4758
|
+
--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
|
4630
4759
|
--pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
|
4631
4760
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
4632
4761
|
--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
@@ -4664,6 +4793,13 @@ ul) {
|
|
4664
4793
|
--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
|
4665
4794
|
--pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
4666
4795
|
}
|
4796
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
4797
|
+
.pf-v6-c-dual-list-selector {
|
4798
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
4799
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
4800
|
+
--pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
|
4801
|
+
}
|
4802
|
+
}
|
4667
4803
|
|
4668
4804
|
.pf-v6-c-dual-list-selector {
|
4669
4805
|
display: grid;
|
@@ -4759,9 +4895,27 @@ ul) {
|
|
4759
4895
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expandable {
|
4760
4896
|
--pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
|
4761
4897
|
}
|
4898
|
+
.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 {
|
4899
|
+
max-height: 0;
|
4900
|
+
visibility: hidden;
|
4901
|
+
opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
|
4902
|
+
transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
|
4903
|
+
transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
|
4904
|
+
transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
|
4905
|
+
transition-property: opacity, translate, visibility, max-height;
|
4906
|
+
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
4907
|
+
}
|
4762
4908
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
|
4763
4909
|
--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
4910
|
}
|
4911
|
+
.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 {
|
4912
|
+
max-height: 9999px;
|
4913
|
+
visibility: revert;
|
4914
|
+
opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
|
4915
|
+
transition-delay: 0s;
|
4916
|
+
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;
|
4917
|
+
translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
|
4918
|
+
}
|
4765
4919
|
.pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
|
4766
4920
|
--pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
|
4767
4921
|
--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 +6451,18 @@ ul) {
|
|
6297
6451
|
--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
|
6298
6452
|
--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
|
6299
6453
|
--pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
|
6454
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: 0s;
|
6455
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
6456
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: 0s;
|
6457
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
6458
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--slide: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide);
|
6459
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--fade: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade);
|
6460
|
+
--pf-v6-c-expandable-section__content--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
6461
|
+
--pf-v6-c-expandable-section__content--TransitionDelay--hide: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade);
|
6462
|
+
--pf-v6-c-expandable-section__content--Opacity: 0;
|
6463
|
+
--pf-v6-c-expandable-section__content--TranslateY: 0;
|
6464
|
+
--pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
|
6465
|
+
--pf-v6-c-expandable-section--m-expanded__content--TranslateY: 0;
|
6300
6466
|
--pf-v6-c-expandable-section__content--MaxWidth: auto;
|
6301
6467
|
--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
|
6302
6468
|
--pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
@@ -6308,20 +6474,40 @@ ul) {
|
|
6308
6474
|
--pf-v6-c-expandable-section--m-display-lg--BorderWidth: var(--pf-t--global--border--width--box--default);
|
6309
6475
|
--pf-v6-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
|
6310
6476
|
--pf-v6-c-expandable-section--m-display-lg--BorderRadius: var(--pf-t--global--border--radius--medium);
|
6477
|
+
--pf-v6-c-expandable-section--m-display-lg--TransitionDelay: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade);
|
6311
6478
|
--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
6479
|
--pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
|
6313
6480
|
--pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
|
6314
6481
|
}
|
6482
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
6483
|
+
.pf-v6-c-expandable-section {
|
6484
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
6485
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
6486
|
+
--pf-v6-c-expandable-section__content--TranslateY: -.5rem;
|
6487
|
+
}
|
6488
|
+
}
|
6315
6489
|
|
6316
6490
|
.pf-v6-c-expandable-section {
|
6317
6491
|
display: flex;
|
6318
6492
|
flex-direction: column;
|
6319
|
-
gap:
|
6493
|
+
gap: 0;
|
6494
|
+
transition-delay: var(--pf-v6-c-expandable-section__content--TransitionDelay--hide);
|
6495
|
+
transition-duration: 0s;
|
6496
|
+
transition-property: gap;
|
6320
6497
|
}
|
6321
6498
|
.pf-v6-c-expandable-section.pf-m-expanded {
|
6322
6499
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate);
|
6323
6500
|
--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
6501
|
--pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd);
|
6502
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--slide: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide);
|
6503
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--fade: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--fade);
|
6504
|
+
--pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
|
6505
|
+
--pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
|
6506
|
+
--pf-v6-c-expandable-section--m-display-lg--TransitionDelay: 0s;
|
6507
|
+
--pf-v6-c-expandable-section__content--Visibility: auto;
|
6508
|
+
--pf-v6-c-expandable-section__content--MaxHeight: 9999px;
|
6509
|
+
--pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
|
6510
|
+
gap: var(--pf-v6-c-expandable-section--Gap);
|
6325
6511
|
}
|
6326
6512
|
.pf-v6-c-expandable-section.pf-m-limit-width {
|
6327
6513
|
--pf-v6-c-expandable-section__content--MaxWidth: var(--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth);
|
@@ -6334,6 +6520,7 @@ ul) {
|
|
6334
6520
|
background-color: var(--pf-v6-c-expandable-section--m-display-lg--BackgroundColor);
|
6335
6521
|
border: var(--pf-v6-c-expandable-section--m-display-lg--BorderWidth) solid var(--pf-v6-c-expandable-section--m-display-lg--BorderColor);
|
6336
6522
|
border-radius: var(--pf-v6-c-expandable-section--m-display-lg--BorderRadius);
|
6523
|
+
transition: padding-block-end 0s var(--pf-v6-c-expandable-section--m-display-lg--TransitionDelay, 0s);
|
6337
6524
|
}
|
6338
6525
|
.pf-v6-c-expandable-section.pf-m-indented {
|
6339
6526
|
--pf-v6-c-expandable-section__content--PaddingInlineStart: var(--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart);
|
@@ -6368,6 +6555,19 @@ ul) {
|
|
6368
6555
|
padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
|
6369
6556
|
padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
|
6370
6557
|
}
|
6558
|
+
.pf-v6-c-expandable-section__content:where([hidden]) {
|
6559
|
+
display: revert;
|
6560
|
+
}
|
6561
|
+
.pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) .pf-v6-c-expandable-section__content {
|
6562
|
+
max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
|
6563
|
+
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
6564
|
+
opacity: var(--pf-v6-c-expandable-section__content--Opacity);
|
6565
|
+
transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
|
6566
|
+
transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
|
6567
|
+
transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
|
6568
|
+
transition-property: opacity, translate, visibility, max-height;
|
6569
|
+
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
6570
|
+
}
|
6371
6571
|
|
6372
6572
|
.pf-v6-c-file-upload {
|
6373
6573
|
--pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
@@ -10666,16 +10866,20 @@ ul.pf-v6-c-list {
|
|
10666
10866
|
flex-wrap: nowrap;
|
10667
10867
|
}
|
10668
10868
|
|
10669
|
-
.pf-v6-c-menu-toggle__icon {
|
10670
|
-
flex-shrink: 0;
|
10671
|
-
}
|
10672
10869
|
.pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
|
10673
10870
|
.pf-v6-c-menu-toggle__icon.pf-m-avatar img,
|
10674
|
-
.pf-v6-c-menu-toggle__icon.pf-m-avatar svg {
|
10871
|
+
.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
10872
|
margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
|
10676
10873
|
margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
|
10677
10874
|
}
|
10678
10875
|
|
10876
|
+
.pf-v6-c-menu-toggle__icon {
|
10877
|
+
flex-shrink: 0;
|
10878
|
+
}
|
10879
|
+
.pf-v6-c-menu-toggle__icon :where(picture, img) {
|
10880
|
+
vertical-align: middle;
|
10881
|
+
}
|
10882
|
+
|
10679
10883
|
.pf-v6-c-menu-toggle__controls {
|
10680
10884
|
display: flex;
|
10681
10885
|
gap: var(--pf-v6-c-menu-toggle__controls--Gap);
|
@@ -14347,8 +14551,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
14347
14551
|
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
14348
14552
|
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
14349
14553
|
--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;
|
14554
|
+
--pf-v6-c-skeleton--after--TranslateX: 0;
|
14555
|
+
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading-reduced-motion;
|
14352
14556
|
--pf-v6-c-skeleton--after--AnimationDuration: 3s;
|
14353
14557
|
--pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
|
14354
14558
|
--pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
|
@@ -14380,6 +14584,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
14380
14584
|
--pf-v6-c-skeleton--m-height-75--Height: 75%;
|
14381
14585
|
--pf-v6-c-skeleton--m-height-100--Height: 100%;
|
14382
14586
|
}
|
14587
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
14588
|
+
.pf-v6-c-skeleton {
|
14589
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
14590
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
14591
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
|
14592
|
+
--pf-v6-c-skeleton--after--TranslateX: -100%;
|
14593
|
+
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
|
14594
|
+
}
|
14595
|
+
}
|
14383
14596
|
|
14384
14597
|
.pf-v6-c-skeleton {
|
14385
14598
|
position: relative;
|
@@ -14500,6 +14713,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
14500
14713
|
transform: translateX(100%);
|
14501
14714
|
}
|
14502
14715
|
}
|
14716
|
+
@keyframes pf-v6-c-skeleton-loading-reduced-motion {
|
14717
|
+
0% {
|
14718
|
+
opacity: 0.25;
|
14719
|
+
}
|
14720
|
+
60% {
|
14721
|
+
opacity: 1;
|
14722
|
+
}
|
14723
|
+
100% {
|
14724
|
+
opacity: 0.25;
|
14725
|
+
}
|
14726
|
+
}
|
14503
14727
|
.pf-v6-c-skip-to-content {
|
14504
14728
|
--pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
|
14505
14729
|
--pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
|
@@ -14747,6 +14971,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
14747
14971
|
--pf-v6-c-spinner--StrokeWidth: 10;
|
14748
14972
|
--pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
|
14749
14973
|
--pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
|
14974
|
+
--pf-v6-c-spinner--m-xs--diameter: var(--pf-t--global--icon--size--sm);
|
14750
14975
|
--pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
|
14751
14976
|
--pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
|
14752
14977
|
--pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
|
@@ -14763,6 +14988,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
14763
14988
|
.pf-v6-c-spinner.pf-m-inline {
|
14764
14989
|
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
|
14765
14990
|
}
|
14991
|
+
.pf-v6-c-spinner.pf-m-xs {
|
14992
|
+
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xs--diameter);
|
14993
|
+
--pf-v6-c-spinner--StrokeWidth: 15;
|
14994
|
+
}
|
14766
14995
|
.pf-v6-c-spinner.pf-m-sm {
|
14767
14996
|
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
|
14768
14997
|
}
|
@@ -15044,6 +15273,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
15044
15273
|
--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
15045
15274
|
--pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
|
15046
15275
|
--pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
|
15276
|
+
--pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
15047
15277
|
--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
15048
15278
|
--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
15049
15279
|
--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
@@ -15168,7 +15398,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
15168
15398
|
}
|
15169
15399
|
.pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
15170
15400
|
position: revert;
|
15171
|
-
font-weight:
|
15401
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
15172
15402
|
text-align: start;
|
15173
15403
|
content: attr(data-label);
|
15174
15404
|
}
|
@@ -15468,7 +15698,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
15468
15698
|
}
|
15469
15699
|
.pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
15470
15700
|
position: revert;
|
15471
|
-
font-weight:
|
15701
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
15472
15702
|
text-align: start;
|
15473
15703
|
content: attr(data-label);
|
15474
15704
|
}
|
@@ -15771,7 +16001,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
15771
16001
|
}
|
15772
16002
|
.pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
15773
16003
|
position: revert;
|
15774
|
-
font-weight:
|
16004
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
15775
16005
|
text-align: start;
|
15776
16006
|
content: attr(data-label);
|
15777
16007
|
}
|
@@ -16074,7 +16304,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16074
16304
|
}
|
16075
16305
|
.pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
16076
16306
|
position: revert;
|
16077
|
-
font-weight:
|
16307
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
16078
16308
|
text-align: start;
|
16079
16309
|
content: attr(data-label);
|
16080
16310
|
}
|
@@ -16377,7 +16607,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16377
16607
|
}
|
16378
16608
|
.pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
16379
16609
|
position: revert;
|
16380
|
-
font-weight:
|
16610
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
16381
16611
|
text-align: start;
|
16382
16612
|
content: attr(data-label);
|
16383
16613
|
}
|
@@ -16655,6 +16885,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16655
16885
|
--pf-v6-c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
16656
16886
|
--pf-v6-c-table__action--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
16657
16887
|
--pf-v6-c-table__action--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
16888
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: 0s;
|
16889
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
16890
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
|
16891
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
16892
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--slide: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide);
|
16893
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--fade: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
16894
|
+
--pf-v6-c-table__expandable-row--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
16895
|
+
--pf-v6-c-table__expandable-row--Opacity: 0;
|
16896
|
+
--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
|
16897
|
+
--pf-v6-c-table__expandable-row--TranslateY: 0;
|
16898
|
+
--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
|
16658
16899
|
--pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
16659
16900
|
--pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
16660
16901
|
--pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
@@ -16715,6 +16956,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16715
16956
|
--pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
16716
16957
|
--pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
16717
16958
|
}
|
16959
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
16960
|
+
.pf-v6-c-table {
|
16961
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
16962
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
16963
|
+
--pf-v6-c-table__expandable-row--TranslateY: -.5rem;
|
16964
|
+
}
|
16965
|
+
}
|
16718
16966
|
|
16719
16967
|
.pf-v6-c-table {
|
16720
16968
|
width: 100%;
|
@@ -17283,6 +17531,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
17283
17531
|
.pf-v6-c-table__expandable-row {
|
17284
17532
|
position: relative;
|
17285
17533
|
border-block-end: 0 solid transparent;
|
17534
|
+
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
17535
|
+
transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
|
17536
|
+
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--slide), var(--pf-v6-c-table__expandable-row--TransitionDuration--fade);
|
17537
|
+
transition-property: opacity, translate, display;
|
17538
|
+
transition-behavior: allow-discrete;
|
17539
|
+
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
17286
17540
|
}
|
17287
17541
|
:not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
|
17288
17542
|
:not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
|
@@ -17311,6 +17565,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
17311
17565
|
.pf-v6-c-table__expandable-row.pf-m-expanded {
|
17312
17566
|
border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
|
17313
17567
|
border-block-end-width: var(--pf-v6-c-table--border-width--base);
|
17568
|
+
opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
|
17569
|
+
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade);
|
17570
|
+
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
17571
|
+
}
|
17572
|
+
@starting-style {
|
17573
|
+
.pf-v6-c-table__expandable-row.pf-m-expanded {
|
17574
|
+
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
17575
|
+
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
17576
|
+
}
|
17314
17577
|
}
|
17315
17578
|
.pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
|
17316
17579
|
display: none;
|
@@ -18433,25 +18696,28 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
18433
18696
|
--pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
18434
18697
|
--pf-v6-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-t--global--border--width--extra-strong);
|
18435
18698
|
--pf-v6-c-tabs--link-accent--start: 0;
|
18436
|
-
--pf-v6-c-tabs--link-accent--length:
|
18699
|
+
--pf-v6-c-tabs--link-accent--length: 0;
|
18437
18700
|
--pf-v6-c-tabs--link-accent--color: var(--pf-v6-c-tabs__item--m-current__link--after--BorderColor);
|
18438
18701
|
--pf-v6-c-tabs--link-accent--border-size: var(--pf-v6-c-tabs__item--m-current__link--after--BorderWidth);
|
18702
|
+
--pf-v6-c-tabs--link-accent--TransitionDuration: var(--pf-t--global--motion--duration--md);
|
18703
|
+
--pf-v6-c-tabs--link-accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
18439
18704
|
--pf-v6-c-tabs--link-accent--InsetBlockStart: auto;
|
18440
18705
|
--pf-v6-c-tabs--link-accent--InsetBlockEnd: 0;
|
18441
|
-
--pf-v6-c-tabs--link-accent--InsetInlineStart:
|
18706
|
+
--pf-v6-c-tabs--link-accent--InsetInlineStart: 0;
|
18442
18707
|
--pf-v6-c-tabs--link-accent--Width: initial;
|
18443
18708
|
--pf-v6-c-tabs--link-accent--Height: 0;
|
18444
18709
|
--pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--link-accent--border-size);
|
18445
18710
|
--pf-v6-c-tabs--link-accent--BorderInlineStartWidth: 0;
|
18446
|
-
--pf-v6-c-tabs--
|
18711
|
+
--pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--link-accent--start);
|
18712
|
+
--pf-v6-c-tabs--link-accent--TranslateY: 0;
|
18713
|
+
--pf-v6-c-tabs--link-accent--TransformOrigin: 0 center;
|
18714
|
+
--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart: 0;
|
18447
18715
|
--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
18716
|
--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth: 0;
|
18452
18717
|
--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--
|
18718
|
+
--pf-v6-c-tabs--m-vertical--link-accent--TranslateX: 0;
|
18719
|
+
--pf-v6-c-tabs--m-vertical--link-accent--TranslateY: var(--pf-v6-c-tabs--link-accent--start);
|
18720
|
+
--pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin: center 0;
|
18455
18721
|
--pf-v6-c-tabs__scroll-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
18456
18722
|
--pf-v6-c-tabs__scroll-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
18457
18723
|
--pf-v6-c-tabs__scroll-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
@@ -18611,11 +18877,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
18611
18877
|
--pf-v6-c-tabs__list--ScrollSnapTypeAxis: var(--pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis);
|
18612
18878
|
--pf-v6-c-tabs--link-accent--InsetBlockStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart);
|
18613
18879
|
--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
18880
|
--pf-v6-c-tabs--link-accent--Width: var(--pf-v6-c-tabs--m-vertical--link-accent--Width);
|
18616
18881
|
--pf-v6-c-tabs--link-accent--Height: var(--pf-v6-c-tabs--m-vertical--link-accent--Height);
|
18617
18882
|
--pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth);
|
18618
18883
|
--pf-v6-c-tabs--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth);
|
18884
|
+
--pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateX);
|
18885
|
+
--pf-v6-c-tabs--link-accent--TranslateY: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateY);
|
18886
|
+
--pf-v6-c-tabs--link-accent--TransformOrigin: var(--pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin);
|
18619
18887
|
display: inline-flex;
|
18620
18888
|
flex-direction: column;
|
18621
18889
|
height: 100%;
|
@@ -19192,15 +19460,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
19192
19460
|
}
|
19193
19461
|
|
19194
19462
|
@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 {
|
19463
|
+
.pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__link::after,
|
19464
|
+
.pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
|
19197
19465
|
content: revert;
|
19198
19466
|
}
|
19199
|
-
.pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__list::after {
|
19467
|
+
.pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
|
19200
19468
|
position: absolute;
|
19201
|
-
inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart
|
19469
|
+
inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart);
|
19202
19470
|
inset-block-end: var(--pf-v6-c-tabs--link-accent--InsetBlockEnd);
|
19203
|
-
inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart
|
19471
|
+
inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart);
|
19204
19472
|
width: var(--pf-v6-c-tabs--link-accent--Width, var(--pf-v6-c-tabs--link-accent--length));
|
19205
19473
|
height: var(--pf-v6-c-tabs--link-accent--Height, var(--pf-v6-c-tabs--link-accent--length));
|
19206
19474
|
content: "";
|
@@ -19209,7 +19477,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
19209
19477
|
border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
|
19210
19478
|
transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
|
19211
19479
|
transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
|
19212
|
-
transition-property:
|
19480
|
+
transition-property: width, height, translate;
|
19481
|
+
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
19482
|
+
translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
|
19483
|
+
}
|
19484
|
+
: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 {
|
19485
|
+
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
19486
|
}
|
19214
19487
|
.pf-v6-c-tabs.pf-m-initializing-accent {
|
19215
19488
|
--pf-v6-c-tabs--link-accent--TransitionDuration: 0;
|
@@ -19551,6 +19824,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
19551
19824
|
--pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
|
19552
19825
|
}
|
19553
19826
|
|
19827
|
+
.pf-v6-c-timestamp__text {
|
19828
|
+
text-decoration: inherit;
|
19829
|
+
}
|
19830
|
+
|
19554
19831
|
.pf-v6-c-title {
|
19555
19832
|
--pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
|
19556
19833
|
--pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
|
@@ -21825,6 +22102,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
21825
22102
|
grid-auto-flow: column;
|
21826
22103
|
align-items: baseline;
|
21827
22104
|
min-width: var(--pf-v6-c-truncate--MinWidth);
|
22105
|
+
text-decoration: inherit;
|
21828
22106
|
}
|
21829
22107
|
.pf-v6-c-truncate.pf-m-fixed {
|
21830
22108
|
display: inline;
|
@@ -21921,6 +22199,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
21921
22199
|
--pf-v6-c-tree-view__node-container--Display: contents;
|
21922
22200
|
--pf-v6-c-tree-view__node-content--RowGap: var(--pf-t--global--spacer--sm);
|
21923
22201
|
--pf-v6-c-tree-view__node-content--Overflow: visible;
|
22202
|
+
--pf-v6-c-tree-view__list--TransitionDuration--expand--slide: 0s;
|
22203
|
+
--pf-v6-c-tree-view__list--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
22204
|
+
--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: 0s;
|
22205
|
+
--pf-v6-c-tree-view__list--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
22206
|
+
--pf-v6-c-tree-view__list--TransitionDuration--slide: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide);
|
22207
|
+
--pf-v6-c-tree-view__list--TransitionDuration--fade: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--fade);
|
22208
|
+
--pf-v6-c-tree-view__list--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
22209
|
+
--pf-v6-c-tree-view__list--Opacity: 0;
|
22210
|
+
--pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
|
22211
|
+
--pf-v6-c-tree-view__list--TranslateY: 0;
|
22212
|
+
--pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
|
21924
22213
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
|
21925
22214
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
|
21926
22215
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
|
@@ -21936,6 +22225,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
21936
22225
|
--pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
21937
22226
|
--pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
|
21938
22227
|
--pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
|
22228
|
+
--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
22229
|
+
--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
21939
22230
|
--pf-v6-c-tree-view__node-check--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
21940
22231
|
--pf-v6-c-tree-view__node-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
21941
22232
|
--pf-v6-c-tree-view__search--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
@@ -22011,6 +22302,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
22011
22302
|
--pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
|
22012
22303
|
--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
22304
|
}
|
22305
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
22306
|
+
.pf-v6-c-tree-view {
|
22307
|
+
--pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
22308
|
+
--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
22309
|
+
--pf-v6-c-tree-view__list--TranslateY: -.5rem;
|
22310
|
+
}
|
22311
|
+
}
|
22014
22312
|
|
22015
22313
|
.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
22314
|
position: relative;
|
@@ -22126,12 +22424,20 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
22126
22424
|
display: inline-block;
|
22127
22425
|
min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
|
22128
22426
|
text-align: center;
|
22427
|
+
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
22129
22428
|
transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
|
22130
22429
|
}
|
22131
22430
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
|
22132
22431
|
scale: -1 1;
|
22133
22432
|
}
|
22134
22433
|
|
22434
|
+
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
|
22435
|
+
opacity: var(--pf-v6-c-tree-view__list--Opacity);
|
22436
|
+
transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
|
22437
|
+
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide);
|
22438
|
+
transition-property: opacity, translate;
|
22439
|
+
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
22440
|
+
}
|
22135
22441
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
|
22136
22442
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
22137
22443
|
--pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--Color--base);
|
@@ -22140,6 +22446,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
22140
22446
|
--pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color);
|
22141
22447
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
|
22142
22448
|
}
|
22449
|
+
.pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
|
22450
|
+
opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
|
22451
|
+
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide);
|
22452
|
+
translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
|
22453
|
+
}
|
22143
22454
|
|
22144
22455
|
.pf-v6-c-tree-view__node,
|
22145
22456
|
.pf-v6-c-tree-view__node-container {
|