@patternfly/patternfly 6.3.0-prerelease.2 → 6.3.0-prerelease.20
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/README.md +1 -1
- package/assets/images/icon-help.hbs +3 -0
- package/assets/images/icon-outlined-star.hbs +3 -0
- package/assets/images/icon-star.hbs +3 -0
- package/base/patternfly-common.css +11 -11
- package/base/patternfly-common.scss +12 -12
- package/components/Accordion/accordion.css +71 -1
- package/components/Accordion/accordion.scss +75 -4
- package/components/Alert/alert-group.css +52 -31
- package/components/Alert/alert-group.scss +77 -46
- package/components/Button/button.css +27 -0
- package/components/Button/button.scss +30 -1
- package/components/CodeEditor/code-editor.css +3 -0
- package/components/CodeEditor/code-editor.scss +3 -1
- package/components/Drawer/drawer.css +28 -14
- package/components/Drawer/drawer.scss +28 -9
- package/components/DualListSelector/dual-list-selector.css +36 -0
- package/components/DualListSelector/dual-list-selector.scss +43 -0
- package/components/ExpandableSection/expandable-section.css +47 -1
- package/components/ExpandableSection/expandable-section.scss +50 -1
- package/components/MenuToggle/menu-toggle.css +8 -4
- package/components/MenuToggle/menu-toggle.scss +15 -3
- package/components/Page/page.css +4 -3
- package/components/Page/page.scss +4 -2
- package/components/ProgressStepper/progress-stepper.scss +1 -0
- package/components/Skeleton/skeleton.css +22 -2
- package/components/Skeleton/skeleton.scss +25 -3
- package/components/Spinner/spinner.css +5 -0
- package/components/Spinner/spinner.scss +6 -0
- package/components/Table/table-grid.css +6 -5
- package/components/Table/table-grid.scss +2 -1
- package/components/Table/table.css +33 -0
- package/components/Table/table.scss +33 -0
- package/components/Tabs/tabs.css +25 -15
- package/components/Tabs/tabs.scss +26 -13
- package/components/Timestamp/timestamp.css +4 -0
- package/components/Timestamp/timestamp.scss +7 -0
- package/components/TreeView/tree-view.css +33 -0
- package/components/TreeView/tree-view.scss +36 -2
- package/components/Truncate/truncate.css +6 -0
- package/components/Truncate/truncate.scss +9 -0
- package/components/_index.css +410 -76
- package/docs/components/Button/examples/Button.md +73 -3
- package/docs/components/CodeEditor/examples/CodeEditor.md +26 -2
- package/docs/components/Divider/examples/Divider.md +1 -1
- package/docs/components/Drawer/examples/Drawer.md +4 -0
- package/docs/components/DualListSelector/examples/DualListSelector.md +518 -0
- package/docs/components/Form/examples/Form.md +156 -12
- package/docs/components/Menu/examples/Menu.md +120 -4
- package/docs/components/MenuToggle/examples/MenuToggle.md +3 -4
- package/docs/components/ModalBox/examples/ModalBox.md +13 -1
- package/docs/components/Page/examples/Page.md +1 -0
- package/docs/components/ProgressStepper/examples/ProgressStepper.md +32 -6
- package/docs/components/Spinner/examples/Spinner.md +10 -0
- package/docs/components/Table/examples/Table.md +330 -16
- package/docs/components/Tabs/examples/Tabs.md +1214 -6729
- package/docs/components/Truncate/examples/Truncate.md +53 -10
- package/docs/demos/Card/examples/Card.md +0 -57
- package/docs/demos/DescriptionList/examples/DescriptionList.md +0 -38
- package/docs/demos/Drawer/examples/Drawer.md +0 -38
- package/docs/demos/Form/examples/BasicForms.md +130 -10
- package/docs/demos/Masthead/examples/Masthead.md +1 -1
- package/docs/demos/Modal/examples/Modal.md +39 -3
- package/docs/demos/Nav/examples/Nav.md +2 -2
- package/docs/demos/Page/examples/Page.md +355 -0
- package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -1
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +0 -76
- package/docs/demos/Table/examples/Table.md +67 -23
- package/docs/demos/Tabs/examples/Tabs.md +0 -570
- package/package.json +6 -6
- package/patternfly-base-no-globals.css +11 -11
- package/patternfly-base.css +11 -11
- package/patternfly-no-globals.css +421 -87
- package/patternfly.css +421 -87
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
package/components/_index.css
CHANGED
|
@@ -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;
|
|
@@ -3051,6 +3169,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3051
3169
|
.pf-v6-c-code-editor__main .monaco-editor {
|
|
3052
3170
|
background-color: var(--pf-v6-c-code-editor__main--BackgroundColor);
|
|
3053
3171
|
}
|
|
3172
|
+
.pf-v6-c-code-editor__main a.label-name {
|
|
3173
|
+
text-decoration-line: none;
|
|
3174
|
+
}
|
|
3054
3175
|
|
|
3055
3176
|
.pf-v6-c-code-editor__header + .pf-v6-c-code-editor__main {
|
|
3056
3177
|
border-block-start-width: 0;
|
|
@@ -4624,6 +4745,17 @@ ul) {
|
|
|
4624
4745
|
--pf-v6-c-dual-list-selector__menu--MinHeight: 12.5rem;
|
|
4625
4746
|
--pf-v6-c-dual-list-selector__menu--MaxHeight: 20rem;
|
|
4626
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;
|
|
4627
4759
|
--pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
|
|
4628
4760
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
4629
4761
|
--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
@@ -4661,6 +4793,13 @@ ul) {
|
|
|
4661
4793
|
--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
|
|
4662
4794
|
--pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
4663
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
|
+
}
|
|
4664
4803
|
|
|
4665
4804
|
.pf-v6-c-dual-list-selector {
|
|
4666
4805
|
display: grid;
|
|
@@ -4756,9 +4895,27 @@ ul) {
|
|
|
4756
4895
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expandable {
|
|
4757
4896
|
--pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
|
|
4758
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
|
+
}
|
|
4759
4908
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
|
|
4760
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);
|
|
4761
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
|
+
}
|
|
4762
4919
|
.pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
|
|
4763
4920
|
--pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
|
|
4764
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);
|
|
@@ -5307,9 +5464,15 @@ ul) {
|
|
|
5307
5464
|
--pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
|
|
5308
5465
|
--pf-v6-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
5309
5466
|
--pf-v6-c-drawer__panel--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
5467
|
+
--pf-v6-c-drawer__panel--TransitionDelay: 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus), var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
|
|
5468
|
+
--pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--fade);
|
|
5469
|
+
--pf-v6-c-drawer__panel--TransitionDelay--expand--focus: 0s;
|
|
5310
5470
|
--pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
5311
|
-
--pf-v6-c-drawer__panel--TransitionDuration: var(--pf-t--global--motion--duration--
|
|
5312
|
-
--pf-v6-c-drawer__panel--
|
|
5471
|
+
--pf-v6-c-drawer__panel--TransitionDuration--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
5472
|
+
--pf-v6-c-drawer__panel--TransitionDuration: var(--pf-v6-c-drawer__panel--TransitionDuration--fade), 0s, 0s;
|
|
5473
|
+
--pf-v6-c-drawer__panel--TransitionProperty: opacity, visibility, transform;
|
|
5474
|
+
--pf-v6-c-drawer__panel--Opacity: 0;
|
|
5475
|
+
--pf-v6-c-drawer--m-expanded__panel--Opacity: 1;
|
|
5313
5476
|
--pf-v6-c-drawer__panel--FlexBasis: 100%;
|
|
5314
5477
|
--pf-v6-c-drawer__panel--md--FlexBasis--min: 1.5rem;
|
|
5315
5478
|
--pf-v6-c-drawer__panel--md--FlexBasis: 50%;
|
|
@@ -5399,6 +5562,17 @@ ul) {
|
|
|
5399
5562
|
--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: var(--pf-v6-c-drawer__panel--after--Width);
|
|
5400
5563
|
--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: var(--pf-v6-c-drawer__panel--after--Width);
|
|
5401
5564
|
}
|
|
5565
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
5566
|
+
.pf-v6-c-drawer {
|
|
5567
|
+
--pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
|
|
5568
|
+
--pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
|
|
5569
|
+
--pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
|
|
5570
|
+
--pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
5571
|
+
--pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
|
|
5572
|
+
--pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
|
|
5573
|
+
--pf-v6-c-drawer__panel--Opacity: 1;
|
|
5574
|
+
}
|
|
5575
|
+
}
|
|
5402
5576
|
@media screen and (min-width: 75rem) {
|
|
5403
5577
|
.pf-v6-c-drawer {
|
|
5404
5578
|
--pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
|
|
@@ -5446,8 +5620,13 @@ ul) {
|
|
|
5446
5620
|
.pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main {
|
|
5447
5621
|
flex-direction: column;
|
|
5448
5622
|
}
|
|
5623
|
+
.pf-v6-c-drawer.pf-m-expanded {
|
|
5624
|
+
--pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDelay--expand--focus);
|
|
5625
|
+
}
|
|
5449
5626
|
.pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5450
5627
|
transform: translateX(-100%);
|
|
5628
|
+
--pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
|
|
5629
|
+
visibility: visible;
|
|
5451
5630
|
}
|
|
5452
5631
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5453
5632
|
transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
|
|
@@ -5520,8 +5699,11 @@ ul) {
|
|
|
5520
5699
|
order: 1;
|
|
5521
5700
|
max-height: var(--pf-v6-c-drawer__panel--MaxHeight);
|
|
5522
5701
|
overflow: auto;
|
|
5702
|
+
visibility: hidden;
|
|
5523
5703
|
background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
|
|
5524
5704
|
box-shadow: var(--pf-v6-c-drawer__panel--BoxShadow);
|
|
5705
|
+
opacity: var(--pf-v6-c-drawer__panel--Opacity);
|
|
5706
|
+
transition-delay: var(--pf-v6-c-drawer__panel--TransitionDelay);
|
|
5525
5707
|
transition-timing-function: var(--pf-v6-c-drawer__panel--TransitionTimingFunction);
|
|
5526
5708
|
transition-duration: var(--pf-v6-c-drawer__panel--TransitionDuration);
|
|
5527
5709
|
transition-property: var(--pf-v6-c-drawer__panel--TransitionProperty);
|
|
@@ -5578,17 +5760,6 @@ ul) {
|
|
|
5578
5760
|
padding-block-end: var(--pf-v6-c-drawer__panel--PaddingBlockEnd);
|
|
5579
5761
|
}
|
|
5580
5762
|
|
|
5581
|
-
@keyframes pf-remove-tab-focus {
|
|
5582
|
-
to {
|
|
5583
|
-
visibility: hidden;
|
|
5584
|
-
}
|
|
5585
|
-
}
|
|
5586
|
-
.pf-v6-c-drawer__panel[hidden] {
|
|
5587
|
-
animation-name: pf-remove-tab-focus;
|
|
5588
|
-
animation-delay: var(--pf-v6-c-drawer__panel--TransitionDuration);
|
|
5589
|
-
animation-fill-mode: forwards;
|
|
5590
|
-
}
|
|
5591
|
-
|
|
5592
5763
|
.pf-v6-c-drawer__head {
|
|
5593
5764
|
display: grid;
|
|
5594
5765
|
grid-template-columns: auto;
|
|
@@ -5696,7 +5867,7 @@ ul) {
|
|
|
5696
5867
|
.pf-v6-c-drawer {
|
|
5697
5868
|
min-width: var(--pf-v6-c-drawer__panel--MinWidth);
|
|
5698
5869
|
}
|
|
5699
|
-
.pf-v6-c-drawer
|
|
5870
|
+
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
5700
5871
|
box-shadow: var(--pf-v6-c-drawer--m-expanded__panel--BoxShadow);
|
|
5701
5872
|
}
|
|
5702
5873
|
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable {
|
|
@@ -6280,6 +6451,18 @@ ul) {
|
|
|
6280
6451
|
--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
|
|
6281
6452
|
--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
|
|
6282
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;
|
|
6283
6466
|
--pf-v6-c-expandable-section__content--MaxWidth: auto;
|
|
6284
6467
|
--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
|
|
6285
6468
|
--pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -6291,20 +6474,40 @@ ul) {
|
|
|
6291
6474
|
--pf-v6-c-expandable-section--m-display-lg--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
6292
6475
|
--pf-v6-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
|
|
6293
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);
|
|
6294
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));
|
|
6295
6479
|
--pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
|
|
6296
6480
|
--pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
|
|
6297
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
|
+
}
|
|
6298
6489
|
|
|
6299
6490
|
.pf-v6-c-expandable-section {
|
|
6300
6491
|
display: flex;
|
|
6301
6492
|
flex-direction: column;
|
|
6302
|
-
gap:
|
|
6493
|
+
gap: 0;
|
|
6494
|
+
transition-delay: var(--pf-v6-c-expandable-section__content--TransitionDelay--hide);
|
|
6495
|
+
transition-duration: 0s;
|
|
6496
|
+
transition-property: gap;
|
|
6303
6497
|
}
|
|
6304
6498
|
.pf-v6-c-expandable-section.pf-m-expanded {
|
|
6305
6499
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate);
|
|
6306
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);
|
|
6307
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);
|
|
6308
6511
|
}
|
|
6309
6512
|
.pf-v6-c-expandable-section.pf-m-limit-width {
|
|
6310
6513
|
--pf-v6-c-expandable-section__content--MaxWidth: var(--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth);
|
|
@@ -6317,6 +6520,7 @@ ul) {
|
|
|
6317
6520
|
background-color: var(--pf-v6-c-expandable-section--m-display-lg--BackgroundColor);
|
|
6318
6521
|
border: var(--pf-v6-c-expandable-section--m-display-lg--BorderWidth) solid var(--pf-v6-c-expandable-section--m-display-lg--BorderColor);
|
|
6319
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);
|
|
6320
6524
|
}
|
|
6321
6525
|
.pf-v6-c-expandable-section.pf-m-indented {
|
|
6322
6526
|
--pf-v6-c-expandable-section__content--PaddingInlineStart: var(--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart);
|
|
@@ -6351,6 +6555,19 @@ ul) {
|
|
|
6351
6555
|
padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
|
|
6352
6556
|
padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
|
|
6353
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
|
+
}
|
|
6354
6571
|
|
|
6355
6572
|
.pf-v6-c-file-upload {
|
|
6356
6573
|
--pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
@@ -10649,16 +10866,20 @@ ul.pf-v6-c-list {
|
|
|
10649
10866
|
flex-wrap: nowrap;
|
|
10650
10867
|
}
|
|
10651
10868
|
|
|
10652
|
-
.pf-v6-c-menu-toggle__icon {
|
|
10653
|
-
flex-shrink: 0;
|
|
10654
|
-
}
|
|
10655
10869
|
.pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
|
|
10656
10870
|
.pf-v6-c-menu-toggle__icon.pf-m-avatar img,
|
|
10657
|
-
.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 {
|
|
10658
10872
|
margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
|
|
10659
10873
|
margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
|
|
10660
10874
|
}
|
|
10661
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
|
+
|
|
10662
10883
|
.pf-v6-c-menu-toggle__controls {
|
|
10663
10884
|
display: flex;
|
|
10664
10885
|
gap: var(--pf-v6-c-menu-toggle__controls--Gap);
|
|
@@ -11748,8 +11969,9 @@ ul.pf-v6-c-list {
|
|
|
11748
11969
|
--pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
11749
11970
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
|
11750
11971
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
11751
|
-
--pf-v6-c-page__sidebar--Width: 18.125rem;
|
|
11752
|
-
--pf-v6-c-page__sidebar--
|
|
11972
|
+
--pf-v6-c-page__sidebar--Width--base: 18.125rem;
|
|
11973
|
+
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
11974
|
+
--pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
11753
11975
|
--pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
11754
11976
|
--pf-v6-c-page__sidebar--BoxShadow: none;
|
|
11755
11977
|
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
|
|
@@ -12177,7 +12399,7 @@ ul.pf-v6-c-list {
|
|
|
12177
12399
|
-webkit-overflow-scrolling: touch;
|
|
12178
12400
|
}
|
|
12179
12401
|
@media screen and (min-width: 75rem) {
|
|
12180
|
-
.pf-v6-c-masthead + .pf-v6-c-page__main-container, .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__main-container,
|
|
12402
|
+
.pf-v6-c-page.pf-m-no-sidebar, .pf-v6-c-masthead + .pf-v6-c-page__main-container, .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__main-container,
|
|
12181
12403
|
.pf-v6-c-masthead + .pf-v6-c-page__drawer,
|
|
12182
12404
|
.pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__drawer {
|
|
12183
12405
|
--pf-v6-c-page__main-container--GridArea: var(--pf-v6-c-page--masthead--main-container--GridArea);
|
|
@@ -14329,8 +14551,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14329
14551
|
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
14330
14552
|
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
14331
14553
|
--pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
|
|
14332
|
-
--pf-v6-c-skeleton--after--TranslateX:
|
|
14333
|
-
--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;
|
|
14334
14556
|
--pf-v6-c-skeleton--after--AnimationDuration: 3s;
|
|
14335
14557
|
--pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
|
|
14336
14558
|
--pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
|
|
@@ -14362,6 +14584,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14362
14584
|
--pf-v6-c-skeleton--m-height-75--Height: 75%;
|
|
14363
14585
|
--pf-v6-c-skeleton--m-height-100--Height: 100%;
|
|
14364
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
|
+
}
|
|
14365
14596
|
|
|
14366
14597
|
.pf-v6-c-skeleton {
|
|
14367
14598
|
position: relative;
|
|
@@ -14482,6 +14713,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14482
14713
|
transform: translateX(100%);
|
|
14483
14714
|
}
|
|
14484
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
|
+
}
|
|
14485
14727
|
.pf-v6-c-skip-to-content {
|
|
14486
14728
|
--pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
|
|
14487
14729
|
--pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
@@ -14729,6 +14971,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14729
14971
|
--pf-v6-c-spinner--StrokeWidth: 10;
|
|
14730
14972
|
--pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
|
|
14731
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);
|
|
14732
14975
|
--pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
|
|
14733
14976
|
--pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
|
|
14734
14977
|
--pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
|
|
@@ -14745,6 +14988,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14745
14988
|
.pf-v6-c-spinner.pf-m-inline {
|
|
14746
14989
|
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
|
|
14747
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
|
+
}
|
|
14748
14995
|
.pf-v6-c-spinner.pf-m-sm {
|
|
14749
14996
|
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
|
|
14750
14997
|
}
|
|
@@ -15026,6 +15273,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15026
15273
|
--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
15027
15274
|
--pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
|
|
15028
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);
|
|
15029
15277
|
--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
15030
15278
|
--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
15031
15279
|
--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
@@ -15150,7 +15398,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15150
15398
|
}
|
|
15151
15399
|
.pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
|
15152
15400
|
position: revert;
|
|
15153
|
-
font-weight:
|
|
15401
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
|
15154
15402
|
text-align: start;
|
|
15155
15403
|
content: attr(data-label);
|
|
15156
15404
|
}
|
|
@@ -15450,7 +15698,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15450
15698
|
}
|
|
15451
15699
|
.pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
|
15452
15700
|
position: revert;
|
|
15453
|
-
font-weight:
|
|
15701
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
|
15454
15702
|
text-align: start;
|
|
15455
15703
|
content: attr(data-label);
|
|
15456
15704
|
}
|
|
@@ -15753,7 +16001,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15753
16001
|
}
|
|
15754
16002
|
.pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
|
15755
16003
|
position: revert;
|
|
15756
|
-
font-weight:
|
|
16004
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
|
15757
16005
|
text-align: start;
|
|
15758
16006
|
content: attr(data-label);
|
|
15759
16007
|
}
|
|
@@ -16056,7 +16304,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16056
16304
|
}
|
|
16057
16305
|
.pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
|
16058
16306
|
position: revert;
|
|
16059
|
-
font-weight:
|
|
16307
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
|
16060
16308
|
text-align: start;
|
|
16061
16309
|
content: attr(data-label);
|
|
16062
16310
|
}
|
|
@@ -16359,7 +16607,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16359
16607
|
}
|
|
16360
16608
|
.pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
|
16361
16609
|
position: revert;
|
|
16362
|
-
font-weight:
|
|
16610
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
|
16363
16611
|
text-align: start;
|
|
16364
16612
|
content: attr(data-label);
|
|
16365
16613
|
}
|
|
@@ -16637,6 +16885,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16637
16885
|
--pf-v6-c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
16638
16886
|
--pf-v6-c-table__action--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
16639
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;
|
|
16640
16899
|
--pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
16641
16900
|
--pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
16642
16901
|
--pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
@@ -16697,6 +16956,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16697
16956
|
--pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
|
16698
16957
|
--pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
|
16699
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
|
+
}
|
|
16700
16966
|
|
|
16701
16967
|
.pf-v6-c-table {
|
|
16702
16968
|
width: 100%;
|
|
@@ -17265,6 +17531,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
17265
17531
|
.pf-v6-c-table__expandable-row {
|
|
17266
17532
|
position: relative;
|
|
17267
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);
|
|
17268
17540
|
}
|
|
17269
17541
|
:not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
|
|
17270
17542
|
:not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
|
|
@@ -17293,6 +17565,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
17293
17565
|
.pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
17294
17566
|
border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
|
|
17295
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
|
+
}
|
|
17296
17577
|
}
|
|
17297
17578
|
.pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
|
|
17298
17579
|
display: none;
|
|
@@ -18415,25 +18696,28 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
18415
18696
|
--pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
18416
18697
|
--pf-v6-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-t--global--border--width--extra-strong);
|
|
18417
18698
|
--pf-v6-c-tabs--link-accent--start: 0;
|
|
18418
|
-
--pf-v6-c-tabs--link-accent--length:
|
|
18699
|
+
--pf-v6-c-tabs--link-accent--length: 0;
|
|
18419
18700
|
--pf-v6-c-tabs--link-accent--color: var(--pf-v6-c-tabs__item--m-current__link--after--BorderColor);
|
|
18420
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);
|
|
18421
18704
|
--pf-v6-c-tabs--link-accent--InsetBlockStart: auto;
|
|
18422
18705
|
--pf-v6-c-tabs--link-accent--InsetBlockEnd: 0;
|
|
18423
|
-
--pf-v6-c-tabs--link-accent--InsetInlineStart:
|
|
18706
|
+
--pf-v6-c-tabs--link-accent--InsetInlineStart: 0;
|
|
18424
18707
|
--pf-v6-c-tabs--link-accent--Width: initial;
|
|
18425
18708
|
--pf-v6-c-tabs--link-accent--Height: 0;
|
|
18426
18709
|
--pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--link-accent--border-size);
|
|
18427
18710
|
--pf-v6-c-tabs--link-accent--BorderInlineStartWidth: 0;
|
|
18428
|
-
--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;
|
|
18429
18715
|
--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd: auto;
|
|
18430
|
-
--pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart: 0;
|
|
18431
|
-
--pf-v6-c-tabs--m-vertical--link-accent--Width: 0;
|
|
18432
|
-
--pf-v6-c-tabs--m-vertical--link-accent--Height: initial;
|
|
18433
18716
|
--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth: 0;
|
|
18434
18717
|
--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--link-accent--border-size);
|
|
18435
|
-
--pf-v6-c-tabs--link-accent--
|
|
18436
|
-
--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;
|
|
18437
18721
|
--pf-v6-c-tabs__scroll-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
18438
18722
|
--pf-v6-c-tabs__scroll-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
18439
18723
|
--pf-v6-c-tabs__scroll-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
@@ -18593,11 +18877,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
18593
18877
|
--pf-v6-c-tabs__list--ScrollSnapTypeAxis: var(--pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis);
|
|
18594
18878
|
--pf-v6-c-tabs--link-accent--InsetBlockStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart);
|
|
18595
18879
|
--pf-v6-c-tabs--link-accent--InsetBlockEnd: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd);
|
|
18596
|
-
--pf-v6-c-tabs--link-accent--InsetInlineStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart);
|
|
18597
18880
|
--pf-v6-c-tabs--link-accent--Width: var(--pf-v6-c-tabs--m-vertical--link-accent--Width);
|
|
18598
18881
|
--pf-v6-c-tabs--link-accent--Height: var(--pf-v6-c-tabs--m-vertical--link-accent--Height);
|
|
18599
18882
|
--pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth);
|
|
18600
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);
|
|
18601
18887
|
display: inline-flex;
|
|
18602
18888
|
flex-direction: column;
|
|
18603
18889
|
height: 100%;
|
|
@@ -19174,15 +19460,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19174
19460
|
}
|
|
19175
19461
|
|
|
19176
19462
|
@media (prefers-reduced-motion: no-preference) {
|
|
19177
|
-
.pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__link::after,
|
|
19178
|
-
.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 {
|
|
19179
19465
|
content: revert;
|
|
19180
19466
|
}
|
|
19181
|
-
.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 {
|
|
19182
19468
|
position: absolute;
|
|
19183
|
-
inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart
|
|
19469
|
+
inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart);
|
|
19184
19470
|
inset-block-end: var(--pf-v6-c-tabs--link-accent--InsetBlockEnd);
|
|
19185
|
-
inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart
|
|
19471
|
+
inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart);
|
|
19186
19472
|
width: var(--pf-v6-c-tabs--link-accent--Width, var(--pf-v6-c-tabs--link-accent--length));
|
|
19187
19473
|
height: var(--pf-v6-c-tabs--link-accent--Height, var(--pf-v6-c-tabs--link-accent--length));
|
|
19188
19474
|
content: "";
|
|
@@ -19191,7 +19477,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19191
19477
|
border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
|
|
19192
19478
|
transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
|
|
19193
19479
|
transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
|
|
19194
|
-
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);
|
|
19195
19486
|
}
|
|
19196
19487
|
.pf-v6-c-tabs.pf-m-initializing-accent {
|
|
19197
19488
|
--pf-v6-c-tabs--link-accent--TransitionDuration: 0;
|
|
@@ -19533,6 +19824,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19533
19824
|
--pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
|
|
19534
19825
|
}
|
|
19535
19826
|
|
|
19827
|
+
.pf-v6-c-timestamp__text {
|
|
19828
|
+
text-decoration: inherit;
|
|
19829
|
+
}
|
|
19830
|
+
|
|
19536
19831
|
.pf-v6-c-title {
|
|
19537
19832
|
--pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
19538
19833
|
--pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
@@ -21807,6 +22102,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21807
22102
|
grid-auto-flow: column;
|
|
21808
22103
|
align-items: baseline;
|
|
21809
22104
|
min-width: var(--pf-v6-c-truncate--MinWidth);
|
|
22105
|
+
text-decoration: inherit;
|
|
22106
|
+
}
|
|
22107
|
+
.pf-v6-c-truncate.pf-m-fixed {
|
|
22108
|
+
display: inline;
|
|
22109
|
+
align-items: revert;
|
|
22110
|
+
min-width: revert;
|
|
21810
22111
|
}
|
|
21811
22112
|
|
|
21812
22113
|
.pf-v6-c-truncate__start,
|
|
@@ -21898,6 +22199,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21898
22199
|
--pf-v6-c-tree-view__node-container--Display: contents;
|
|
21899
22200
|
--pf-v6-c-tree-view__node-content--RowGap: var(--pf-t--global--spacer--sm);
|
|
21900
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;
|
|
21901
22213
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
|
|
21902
22214
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
|
|
21903
22215
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
|
|
@@ -21913,6 +22225,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21913
22225
|
--pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
21914
22226
|
--pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
|
|
21915
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);
|
|
21916
22230
|
--pf-v6-c-tree-view__node-check--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
21917
22231
|
--pf-v6-c-tree-view__node-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
21918
22232
|
--pf-v6-c-tree-view__search--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -21988,6 +22302,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21988
22302
|
--pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
|
|
21989
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);
|
|
21990
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
|
+
}
|
|
21991
22312
|
|
|
21992
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 {
|
|
21993
22314
|
position: relative;
|
|
@@ -22103,12 +22424,20 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
22103
22424
|
display: inline-block;
|
|
22104
22425
|
min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
|
|
22105
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);
|
|
22106
22428
|
transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
|
|
22107
22429
|
}
|
|
22108
22430
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
|
|
22109
22431
|
scale: -1 1;
|
|
22110
22432
|
}
|
|
22111
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
|
+
}
|
|
22112
22441
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
|
|
22113
22442
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
22114
22443
|
--pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--Color--base);
|
|
@@ -22117,6 +22446,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
22117
22446
|
--pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color);
|
|
22118
22447
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
|
|
22119
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
|
+
}
|
|
22120
22454
|
|
|
22121
22455
|
.pf-v6-c-tree-view__node,
|
|
22122
22456
|
.pf-v6-c-tree-view__node-container {
|