@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
|
@@ -45,17 +45,17 @@
|
|
|
45
45
|
}
|
|
46
46
|
|
|
47
47
|
.pf-v6-m-no-motion {
|
|
48
|
-
--pf-t--global--delay--400:
|
|
49
|
-
--pf-t--global--delay--300:
|
|
50
|
-
--pf-t--global--delay--200:
|
|
51
|
-
--pf-t--global--delay--100:
|
|
52
|
-
--pf-t--global--duration--600:
|
|
53
|
-
--pf-t--global--duration--500:
|
|
54
|
-
--pf-t--global--duration--400:
|
|
55
|
-
--pf-t--global--duration--300:
|
|
56
|
-
--pf-t--global--duration--200:
|
|
57
|
-
--pf-t--global--duration--100:
|
|
58
|
-
--pf-t--global--duration--50:
|
|
48
|
+
--pf-t--global--delay--400: 1ms !important;
|
|
49
|
+
--pf-t--global--delay--300: 1ms !important;
|
|
50
|
+
--pf-t--global--delay--200: 1ms !important;
|
|
51
|
+
--pf-t--global--delay--100: 1ms !important;
|
|
52
|
+
--pf-t--global--duration--600: 1ms !important;
|
|
53
|
+
--pf-t--global--duration--500: 1ms !important;
|
|
54
|
+
--pf-t--global--duration--400: 1ms !important;
|
|
55
|
+
--pf-t--global--duration--300: 1ms !important;
|
|
56
|
+
--pf-t--global--duration--200: 1ms !important;
|
|
57
|
+
--pf-t--global--duration--100: 1ms !important;
|
|
58
|
+
--pf-t--global--duration--50: 1ms !important;
|
|
59
59
|
}
|
|
60
60
|
|
|
61
61
|
@font-face {
|
|
@@ -7667,6 +7667,7 @@
|
|
|
7667
7667
|
--pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
7668
7668
|
--pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
7669
7669
|
--pf-v6-c-accordion__toggle--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
7670
|
+
--pf-v6-c-accordion__toggle--ZIndex: var(--pf-t--global--z-index--xs);
|
|
7670
7671
|
--pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
7671
7672
|
--pf-v6-c-accordion__toggle-text--Color: var(--pf-t--global--text--color--regular);
|
|
7672
7673
|
--pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
@@ -7684,6 +7685,24 @@
|
|
|
7684
7685
|
--pf-v6-c-accordion__expandable-content--Color: var(--pf-t--global--text--color--regular);
|
|
7685
7686
|
--pf-v6-c-accordion__expandable-content--FontSize: var(--pf-t--global--font--size--body--default);
|
|
7686
7687
|
--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
|
|
7688
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
7689
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
7690
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade);
|
|
7691
|
+
--pf-v6-c-accordion__item--before--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
7692
|
+
--pf-v6-c-accordion__item--before--Opacity: 0;
|
|
7693
|
+
--pf-v6-c-accordion__item--m-expanded--before--Opacity: 1;
|
|
7694
|
+
--pf-v6-c-accordion__item--m-expanded--before--TranslateY: 0;
|
|
7695
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: 0s;
|
|
7696
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
7697
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: 0s;
|
|
7698
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
7699
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--slide: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide);
|
|
7700
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--fade);
|
|
7701
|
+
--pf-v6-c-accordion__expandable-content--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
7702
|
+
--pf-v6-c-accordion__expandable-content--Opacity: 0;
|
|
7703
|
+
--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity: 1;
|
|
7704
|
+
--pf-v6-c-accordion__expandable-content--TranslateY: 0;
|
|
7705
|
+
--pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY: 0;
|
|
7687
7706
|
--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
7688
7707
|
--pf-v6-c-accordion__expandable-content-body--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
7689
7708
|
--pf-v6-c-accordion__expandable-content-body--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -7703,6 +7722,16 @@
|
|
|
7703
7722
|
--pf-v6-c-accordion__item--m-bordered--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
7704
7723
|
--pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
7705
7724
|
}
|
|
7725
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
7726
|
+
.pf-v6-c-accordion {
|
|
7727
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
7728
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
7729
|
+
--pf-v6-c-accordion__item--before--TranslateY: -.5rem;
|
|
7730
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
7731
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
7732
|
+
--pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
|
|
7733
|
+
}
|
|
7734
|
+
}
|
|
7706
7735
|
|
|
7707
7736
|
.pf-v6-c-accordion {
|
|
7708
7737
|
display: flex;
|
|
@@ -7736,18 +7765,39 @@
|
|
|
7736
7765
|
}
|
|
7737
7766
|
|
|
7738
7767
|
.pf-v6-c-accordion__item {
|
|
7768
|
+
position: relative;
|
|
7769
|
+
}
|
|
7770
|
+
.pf-v6-c-accordion__item::before {
|
|
7771
|
+
position: absolute;
|
|
7772
|
+
inset: 0;
|
|
7773
|
+
pointer-events: none;
|
|
7774
|
+
content: "";
|
|
7775
|
+
background-color: var(--pf-v6-c-accordion__item--m-expanded--BackgroundColor);
|
|
7739
7776
|
border-radius: var(--pf-v6-c-accordion__item--BorderRadius);
|
|
7777
|
+
opacity: var(--pf-v6-c-accordion__item--before--Opacity);
|
|
7778
|
+
transition-timing-function: var(--pf-v6-c-accordion__item--before--TransitionTimingFunction);
|
|
7779
|
+
transition-duration: var(--pf-v6-c-accordion__item--before--TransitionDuration--fade);
|
|
7780
|
+
transition-property: opacity;
|
|
7740
7781
|
}
|
|
7741
7782
|
.pf-v6-c-accordion__item.pf-m-expanded {
|
|
7742
7783
|
--pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd);
|
|
7743
7784
|
--pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight);
|
|
7744
|
-
|
|
7785
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--slide: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide);
|
|
7786
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade);
|
|
7787
|
+
--pf-v6-c-accordion__item--before--Opacity: var(--pf-v6-c-accordion__item--m-expanded--before--Opacity);
|
|
7788
|
+
--pf-v6-c-accordion__item--before--TranslateY: var(--pf-v6-c-accordion__item--m-expanded--before--TranslateY);
|
|
7789
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--slide: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide);
|
|
7790
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade);
|
|
7791
|
+
--pf-v6-c-accordion__expandable-content--Opacity: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity);
|
|
7792
|
+
--pf-v6-c-accordion__expandable-content--TranslateY: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY);
|
|
7745
7793
|
}
|
|
7746
7794
|
.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__toggle-icon {
|
|
7747
7795
|
transform: rotate(var(--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate));
|
|
7748
7796
|
}
|
|
7749
7797
|
|
|
7750
7798
|
.pf-v6-c-accordion__toggle {
|
|
7799
|
+
position: relative;
|
|
7800
|
+
z-index: var(--pf-v6-c-accordion__toggle--ZIndex);
|
|
7751
7801
|
display: flex;
|
|
7752
7802
|
column-gap: var(--pf-v6-c-accordion__toggle--ColumnGap);
|
|
7753
7803
|
align-items: center;
|
|
@@ -7783,7 +7833,12 @@
|
|
|
7783
7833
|
scale: -1 1;
|
|
7784
7834
|
}
|
|
7785
7835
|
|
|
7836
|
+
.pf-v6-c-accordion__expandable-content:where([hidden]) {
|
|
7837
|
+
display: revert;
|
|
7838
|
+
}
|
|
7839
|
+
|
|
7786
7840
|
.pf-v6-c-accordion__expandable-content {
|
|
7841
|
+
display: none;
|
|
7787
7842
|
margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
|
|
7788
7843
|
margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
|
|
7789
7844
|
margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
|
|
@@ -7791,11 +7846,26 @@
|
|
|
7791
7846
|
color: var(--pf-v6-c-accordion__expandable-content--Color);
|
|
7792
7847
|
background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
|
|
7793
7848
|
border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
|
|
7849
|
+
opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
|
|
7850
|
+
transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
|
|
7851
|
+
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);
|
|
7852
|
+
transition-property: opacity, translate, display;
|
|
7853
|
+
transition-behavior: allow-discrete;
|
|
7854
|
+
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
7794
7855
|
}
|
|
7795
7856
|
.pf-v6-c-accordion__expandable-content.pf-m-fixed {
|
|
7796
7857
|
max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
|
|
7797
7858
|
overflow-y: auto;
|
|
7798
7859
|
}
|
|
7860
|
+
.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
|
|
7861
|
+
display: revert;
|
|
7862
|
+
}
|
|
7863
|
+
@starting-style {
|
|
7864
|
+
.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
|
|
7865
|
+
--pf-v6-c-accordion__expandable-content--Opacity: 0;
|
|
7866
|
+
--pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
|
|
7867
|
+
}
|
|
7868
|
+
}
|
|
7799
7869
|
|
|
7800
7870
|
.pf-v6-c-accordion__expandable-content-body {
|
|
7801
7871
|
padding-block-start: var(--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart);
|
|
@@ -8059,27 +8129,45 @@
|
|
|
8059
8129
|
var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionDuration)
|
|
8060
8130
|
var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionTimingFunction)
|
|
8061
8131
|
0s;
|
|
8062
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
|
8063
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
|
8064
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
|
8065
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
|
8066
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
|
8067
|
-
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--
|
|
8068
|
-
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--
|
|
8069
|
-
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--
|
|
8070
|
-
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--
|
|
8071
|
-
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--
|
|
8072
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
|
8073
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
|
8074
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
|
8075
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
|
8076
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
|
8077
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
|
8078
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
|
8079
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
|
8080
|
-
|
|
8081
|
-
|
|
8082
|
-
|
|
8132
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--opacity--default: var(--pf-t--global--motion--duration--fade--default);
|
|
8133
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--opacity--default: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8134
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--grid-template-rows--default: var(--pf-t--global--motion--duration--fade--default);
|
|
8135
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--margin-block--default: var(--pf-t--global--motion--duration--fade--default);
|
|
8136
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDelay--default: var(--pf-t--global--motion--duration--fade--default);
|
|
8137
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity--default: initial;
|
|
8138
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default: initial;
|
|
8139
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default: initial;
|
|
8140
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default: initial;
|
|
8141
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default: initial;
|
|
8142
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-out--short);
|
|
8143
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8144
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--opacity: var(--pf-t--global--motion--duration--slide-out--short);
|
|
8145
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--opacity: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8146
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--margin-block: var(--pf-t--global--motion--duration--fade--short);
|
|
8147
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--margin-block: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8148
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--margin-block: var(--pf-t--global--motion--duration--slide-out--short);
|
|
8149
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--grid-template-rows: var(--pf-t--global--motion--duration--slide-in--short);
|
|
8150
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--grid-template-rows: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8151
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--grid-template-rows: var(--pf-t--global--motion--duration--slide-out--short);
|
|
8152
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--transform: initial;
|
|
8153
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform: initial;
|
|
8154
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity: initial;
|
|
8155
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity: initial;
|
|
8156
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--margin-block: initial;
|
|
8157
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--margin-block: initial;
|
|
8158
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block: initial;
|
|
8159
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--grid-template-rows: initial;
|
|
8160
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--grid-template-rows: initial;
|
|
8161
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows: initial;
|
|
8162
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration: var(--pf-t--global--motion--duration--slide-out--short);
|
|
8163
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8164
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--Transition: all
|
|
8165
|
+
var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration)
|
|
8166
|
+
var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionTimingFunction)
|
|
8167
|
+
var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration);
|
|
8168
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: initial;
|
|
8169
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: initial;
|
|
8170
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: initial;
|
|
8083
8171
|
--pf-v6-c-alert-group__overflow-button--BorderWidth: 0;
|
|
8084
8172
|
--pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
8085
8173
|
--pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
@@ -8139,40 +8227,43 @@
|
|
|
8139
8227
|
transition: var(--pf-v6-c-alert-group--m-toast__item--c-alert--Transition);
|
|
8140
8228
|
}
|
|
8141
8229
|
}
|
|
8142
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-top:first-child {
|
|
8230
|
+
.pf-v6-c-alert-group__item.pf-m-offstage-top:first-child, .pf-v6-c-alert-group__item.pf-m-incoming:first-child {
|
|
8143
8231
|
grid-template-rows: 0fr;
|
|
8144
8232
|
margin-block: 0;
|
|
8145
8233
|
overflow: hidden;
|
|
8146
8234
|
opacity: 0;
|
|
8147
8235
|
transform: translateY(-100%);
|
|
8148
8236
|
}
|
|
8149
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-top:first-child .pf-v6-c-alert {
|
|
8237
|
+
.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 {
|
|
8150
8238
|
min-height: 0;
|
|
8151
8239
|
padding-block-start: 0;
|
|
8152
8240
|
padding-block-end: 0;
|
|
8153
8241
|
border-width: 0;
|
|
8154
8242
|
}
|
|
8155
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-right {
|
|
8243
|
+
.pf-v6-c-alert-group__item.pf-m-offstage-right, .pf-v6-c-alert-group__item.pf-m-outgoing {
|
|
8156
8244
|
grid-template-rows: 0fr;
|
|
8157
8245
|
margin-block: 0;
|
|
8158
8246
|
overflow: hidden;
|
|
8159
8247
|
opacity: 0;
|
|
8160
|
-
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);
|
|
8248
|
+
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));
|
|
8161
8249
|
}
|
|
8162
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
|
|
8250
|
+
.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 {
|
|
8163
8251
|
min-height: 0;
|
|
8164
8252
|
padding-block-start: 0;
|
|
8165
8253
|
padding-block-end: 0;
|
|
8166
8254
|
border-width: 0;
|
|
8167
|
-
transition: all 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default);
|
|
8255
|
+
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));
|
|
8168
8256
|
}
|
|
8169
8257
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
8170
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-right {
|
|
8171
|
-
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);
|
|
8258
|
+
.pf-v6-c-alert-group__item.pf-m-offstage-right, .pf-v6-c-alert-group__item.pf-m-outgoing {
|
|
8259
|
+
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));
|
|
8172
8260
|
transform: translateX(100%);
|
|
8173
8261
|
}
|
|
8174
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
|
|
8175
|
-
|
|
8262
|
+
: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 {
|
|
8263
|
+
transform: translateX(calc(100% * var(--pf-v6-global--inverse--multiplier)));
|
|
8264
|
+
}
|
|
8265
|
+
.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 {
|
|
8266
|
+
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));
|
|
8176
8267
|
}
|
|
8177
8268
|
}
|
|
8178
8269
|
.pf-v6-c-alert-group__item:hover {
|
|
@@ -9143,6 +9234,11 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9143
9234
|
--pf-v6-c-button--m-favorited--hover__icon--Color: var(--pf-t--global--color--favorite--hover);
|
|
9144
9235
|
--pf-v6-c-button--m-favorited__icon--AnimationDuration: var(--pf-t--global--motion--duration--icon--long);
|
|
9145
9236
|
--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
9237
|
+
--pf-v6-c-button__icon--favorite--Opacity: 1;
|
|
9238
|
+
--pf-v6-c-button__icon--favorited--Opacity: 0;
|
|
9239
|
+
--pf-v6-c-button--m-favorited__icon--favorite--Opacity: 0;
|
|
9240
|
+
--pf-v6-c-button--m-favorited__icon--favorited--Opacity: 1;
|
|
9241
|
+
--pf-v6-c-button__icon--favorite--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
9146
9242
|
--pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
|
|
9147
9243
|
--pf-v6-c-button__progress--Opacity: 0;
|
|
9148
9244
|
--pf-v6-c-button__progress--TranslateY: -50%;
|
|
@@ -9453,6 +9549,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9453
9549
|
--pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
|
|
9454
9550
|
}
|
|
9455
9551
|
.pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
|
|
9552
|
+
display: grid;
|
|
9456
9553
|
transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
|
|
9457
9554
|
transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
|
|
9458
9555
|
transition-property: color;
|
|
@@ -9460,6 +9557,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9460
9557
|
.pf-v6-c-button.pf-m-favorited {
|
|
9461
9558
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
|
|
9462
9559
|
--pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
|
|
9560
|
+
--pf-v6-c-button__icon--favorite--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorite--Opacity);
|
|
9561
|
+
--pf-v6-c-button__icon--favorited--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorited--Opacity);
|
|
9463
9562
|
}
|
|
9464
9563
|
.pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
|
|
9465
9564
|
animation-name: pf-v6-c-button-icon-favorited;
|
|
@@ -9539,6 +9638,21 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9539
9638
|
--pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
|
|
9540
9639
|
}
|
|
9541
9640
|
|
|
9641
|
+
.pf-v6-c-button__icon-favorite,
|
|
9642
|
+
.pf-v6-c-button__icon-favorited {
|
|
9643
|
+
grid-area: 1/1/1/1;
|
|
9644
|
+
transition-duration: var(--pf-v6-c-button__icon--favorite--TransitionDuration);
|
|
9645
|
+
transition-property: opacity;
|
|
9646
|
+
}
|
|
9647
|
+
|
|
9648
|
+
.pf-v6-c-button__icon-favorite {
|
|
9649
|
+
opacity: var(--pf-v6-c-button__icon--favorite--Opacity);
|
|
9650
|
+
}
|
|
9651
|
+
|
|
9652
|
+
.pf-v6-c-button__icon-favorited {
|
|
9653
|
+
opacity: var(--pf-v6-c-button__icon--favorited--Opacity);
|
|
9654
|
+
}
|
|
9655
|
+
|
|
9542
9656
|
.pf-v6-c-button__progress {
|
|
9543
9657
|
position: absolute;
|
|
9544
9658
|
inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
|
|
@@ -9551,6 +9665,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9551
9665
|
--pf-v6-c-spinner--Color: currentcolor;
|
|
9552
9666
|
}
|
|
9553
9667
|
|
|
9668
|
+
.pf-v6-c-button__text {
|
|
9669
|
+
text-decoration: inherit;
|
|
9670
|
+
}
|
|
9671
|
+
|
|
9554
9672
|
.pf-v6-c-button__count {
|
|
9555
9673
|
display: inline-flex;
|
|
9556
9674
|
align-items: center;
|
|
@@ -10513,6 +10631,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
10513
10631
|
.pf-v6-c-code-editor__main .monaco-editor {
|
|
10514
10632
|
background-color: var(--pf-v6-c-code-editor__main--BackgroundColor);
|
|
10515
10633
|
}
|
|
10634
|
+
.pf-v6-c-code-editor__main a.label-name {
|
|
10635
|
+
text-decoration-line: none;
|
|
10636
|
+
}
|
|
10516
10637
|
|
|
10517
10638
|
.pf-v6-c-code-editor__header + .pf-v6-c-code-editor__main {
|
|
10518
10639
|
border-block-start-width: 0;
|
|
@@ -12086,6 +12207,17 @@ ul) {
|
|
|
12086
12207
|
--pf-v6-c-dual-list-selector__menu--MinHeight: 12.5rem;
|
|
12087
12208
|
--pf-v6-c-dual-list-selector__menu--MaxHeight: 20rem;
|
|
12088
12209
|
--pf-v6-c-dual-list-selector__menu--MarginBlockStart: var(--pf-t--global--spacer--md);
|
|
12210
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: 0s;
|
|
12211
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
12212
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: 0s;
|
|
12213
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
12214
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--slide: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide);
|
|
12215
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--fade: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--fade);
|
|
12216
|
+
--pf-v6-c-dual-list-selector__list--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
12217
|
+
--pf-v6-c-dual-list-selector__list--Opacity: 0;
|
|
12218
|
+
--pf-v6-c-dual-list-selector--m-expanded__list--Opacity: 1;
|
|
12219
|
+
--pf-v6-c-dual-list-selector__list--TranslateY: 0;
|
|
12220
|
+
--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
|
|
12089
12221
|
--pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
|
|
12090
12222
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
12091
12223
|
--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
@@ -12123,6 +12255,13 @@ ul) {
|
|
|
12123
12255
|
--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
|
|
12124
12256
|
--pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
12125
12257
|
}
|
|
12258
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
12259
|
+
.pf-v6-c-dual-list-selector {
|
|
12260
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
12261
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
12262
|
+
--pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
|
|
12263
|
+
}
|
|
12264
|
+
}
|
|
12126
12265
|
|
|
12127
12266
|
.pf-v6-c-dual-list-selector {
|
|
12128
12267
|
display: grid;
|
|
@@ -12218,9 +12357,27 @@ ul) {
|
|
|
12218
12357
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expandable {
|
|
12219
12358
|
--pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
|
|
12220
12359
|
}
|
|
12360
|
+
.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 {
|
|
12361
|
+
max-height: 0;
|
|
12362
|
+
visibility: hidden;
|
|
12363
|
+
opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
|
|
12364
|
+
transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
|
|
12365
|
+
transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
|
|
12366
|
+
transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
|
|
12367
|
+
transition-property: opacity, translate, visibility, max-height;
|
|
12368
|
+
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
12369
|
+
}
|
|
12221
12370
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
|
|
12222
12371
|
--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);
|
|
12223
12372
|
}
|
|
12373
|
+
.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 {
|
|
12374
|
+
max-height: 9999px;
|
|
12375
|
+
visibility: revert;
|
|
12376
|
+
opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
|
|
12377
|
+
transition-delay: 0s;
|
|
12378
|
+
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;
|
|
12379
|
+
translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
|
|
12380
|
+
}
|
|
12224
12381
|
.pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
|
|
12225
12382
|
--pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
|
|
12226
12383
|
--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);
|
|
@@ -12769,9 +12926,15 @@ ul) {
|
|
|
12769
12926
|
--pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
|
|
12770
12927
|
--pf-v6-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
12771
12928
|
--pf-v6-c-drawer__panel--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
12929
|
+
--pf-v6-c-drawer__panel--TransitionDelay: 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus), var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
|
|
12930
|
+
--pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--fade);
|
|
12931
|
+
--pf-v6-c-drawer__panel--TransitionDelay--expand--focus: 0s;
|
|
12772
12932
|
--pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
12773
|
-
--pf-v6-c-drawer__panel--TransitionDuration: var(--pf-t--global--motion--duration--
|
|
12774
|
-
--pf-v6-c-drawer__panel--
|
|
12933
|
+
--pf-v6-c-drawer__panel--TransitionDuration--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
12934
|
+
--pf-v6-c-drawer__panel--TransitionDuration: var(--pf-v6-c-drawer__panel--TransitionDuration--fade), 0s, 0s;
|
|
12935
|
+
--pf-v6-c-drawer__panel--TransitionProperty: opacity, visibility, transform;
|
|
12936
|
+
--pf-v6-c-drawer__panel--Opacity: 0;
|
|
12937
|
+
--pf-v6-c-drawer--m-expanded__panel--Opacity: 1;
|
|
12775
12938
|
--pf-v6-c-drawer__panel--FlexBasis: 100%;
|
|
12776
12939
|
--pf-v6-c-drawer__panel--md--FlexBasis--min: 1.5rem;
|
|
12777
12940
|
--pf-v6-c-drawer__panel--md--FlexBasis: 50%;
|
|
@@ -12861,6 +13024,17 @@ ul) {
|
|
|
12861
13024
|
--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: var(--pf-v6-c-drawer__panel--after--Width);
|
|
12862
13025
|
--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: var(--pf-v6-c-drawer__panel--after--Width);
|
|
12863
13026
|
}
|
|
13027
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
13028
|
+
.pf-v6-c-drawer {
|
|
13029
|
+
--pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
|
|
13030
|
+
--pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
|
|
13031
|
+
--pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
|
|
13032
|
+
--pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
13033
|
+
--pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
|
|
13034
|
+
--pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
|
|
13035
|
+
--pf-v6-c-drawer__panel--Opacity: 1;
|
|
13036
|
+
}
|
|
13037
|
+
}
|
|
12864
13038
|
@media screen and (min-width: 75rem) {
|
|
12865
13039
|
.pf-v6-c-drawer {
|
|
12866
13040
|
--pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
|
|
@@ -12908,8 +13082,13 @@ ul) {
|
|
|
12908
13082
|
.pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main {
|
|
12909
13083
|
flex-direction: column;
|
|
12910
13084
|
}
|
|
13085
|
+
.pf-v6-c-drawer.pf-m-expanded {
|
|
13086
|
+
--pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDelay--expand--focus);
|
|
13087
|
+
}
|
|
12911
13088
|
.pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
12912
13089
|
transform: translateX(-100%);
|
|
13090
|
+
--pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
|
|
13091
|
+
visibility: visible;
|
|
12913
13092
|
}
|
|
12914
13093
|
: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 {
|
|
12915
13094
|
transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
|
|
@@ -12982,8 +13161,11 @@ ul) {
|
|
|
12982
13161
|
order: 1;
|
|
12983
13162
|
max-height: var(--pf-v6-c-drawer__panel--MaxHeight);
|
|
12984
13163
|
overflow: auto;
|
|
13164
|
+
visibility: hidden;
|
|
12985
13165
|
background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
|
|
12986
13166
|
box-shadow: var(--pf-v6-c-drawer__panel--BoxShadow);
|
|
13167
|
+
opacity: var(--pf-v6-c-drawer__panel--Opacity);
|
|
13168
|
+
transition-delay: var(--pf-v6-c-drawer__panel--TransitionDelay);
|
|
12987
13169
|
transition-timing-function: var(--pf-v6-c-drawer__panel--TransitionTimingFunction);
|
|
12988
13170
|
transition-duration: var(--pf-v6-c-drawer__panel--TransitionDuration);
|
|
12989
13171
|
transition-property: var(--pf-v6-c-drawer__panel--TransitionProperty);
|
|
@@ -13040,17 +13222,6 @@ ul) {
|
|
|
13040
13222
|
padding-block-end: var(--pf-v6-c-drawer__panel--PaddingBlockEnd);
|
|
13041
13223
|
}
|
|
13042
13224
|
|
|
13043
|
-
@keyframes pf-remove-tab-focus {
|
|
13044
|
-
to {
|
|
13045
|
-
visibility: hidden;
|
|
13046
|
-
}
|
|
13047
|
-
}
|
|
13048
|
-
.pf-v6-c-drawer__panel[hidden] {
|
|
13049
|
-
animation-name: pf-remove-tab-focus;
|
|
13050
|
-
animation-delay: var(--pf-v6-c-drawer__panel--TransitionDuration);
|
|
13051
|
-
animation-fill-mode: forwards;
|
|
13052
|
-
}
|
|
13053
|
-
|
|
13054
13225
|
.pf-v6-c-drawer__head {
|
|
13055
13226
|
display: grid;
|
|
13056
13227
|
grid-template-columns: auto;
|
|
@@ -13158,7 +13329,7 @@ ul) {
|
|
|
13158
13329
|
.pf-v6-c-drawer {
|
|
13159
13330
|
min-width: var(--pf-v6-c-drawer__panel--MinWidth);
|
|
13160
13331
|
}
|
|
13161
|
-
.pf-v6-c-drawer
|
|
13332
|
+
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
13162
13333
|
box-shadow: var(--pf-v6-c-drawer--m-expanded__panel--BoxShadow);
|
|
13163
13334
|
}
|
|
13164
13335
|
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable {
|
|
@@ -13742,6 +13913,18 @@ ul) {
|
|
|
13742
13913
|
--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
|
|
13743
13914
|
--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
|
|
13744
13915
|
--pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
|
|
13916
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: 0s;
|
|
13917
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
13918
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: 0s;
|
|
13919
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
13920
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--slide: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide);
|
|
13921
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--fade: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade);
|
|
13922
|
+
--pf-v6-c-expandable-section__content--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
13923
|
+
--pf-v6-c-expandable-section__content--TransitionDelay--hide: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade);
|
|
13924
|
+
--pf-v6-c-expandable-section__content--Opacity: 0;
|
|
13925
|
+
--pf-v6-c-expandable-section__content--TranslateY: 0;
|
|
13926
|
+
--pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
|
|
13927
|
+
--pf-v6-c-expandable-section--m-expanded__content--TranslateY: 0;
|
|
13745
13928
|
--pf-v6-c-expandable-section__content--MaxWidth: auto;
|
|
13746
13929
|
--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
|
|
13747
13930
|
--pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -13753,20 +13936,40 @@ ul) {
|
|
|
13753
13936
|
--pf-v6-c-expandable-section--m-display-lg--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
13754
13937
|
--pf-v6-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
|
|
13755
13938
|
--pf-v6-c-expandable-section--m-display-lg--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
13939
|
+
--pf-v6-c-expandable-section--m-display-lg--TransitionDelay: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade);
|
|
13756
13940
|
--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));
|
|
13757
13941
|
--pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
|
|
13758
13942
|
--pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
|
|
13759
13943
|
}
|
|
13944
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
13945
|
+
.pf-v6-c-expandable-section {
|
|
13946
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
13947
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
13948
|
+
--pf-v6-c-expandable-section__content--TranslateY: -.5rem;
|
|
13949
|
+
}
|
|
13950
|
+
}
|
|
13760
13951
|
|
|
13761
13952
|
.pf-v6-c-expandable-section {
|
|
13762
13953
|
display: flex;
|
|
13763
13954
|
flex-direction: column;
|
|
13764
|
-
gap:
|
|
13955
|
+
gap: 0;
|
|
13956
|
+
transition-delay: var(--pf-v6-c-expandable-section__content--TransitionDelay--hide);
|
|
13957
|
+
transition-duration: 0s;
|
|
13958
|
+
transition-property: gap;
|
|
13765
13959
|
}
|
|
13766
13960
|
.pf-v6-c-expandable-section.pf-m-expanded {
|
|
13767
13961
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate);
|
|
13768
13962
|
--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);
|
|
13769
13963
|
--pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd);
|
|
13964
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--slide: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide);
|
|
13965
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--fade: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--fade);
|
|
13966
|
+
--pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
|
|
13967
|
+
--pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
|
|
13968
|
+
--pf-v6-c-expandable-section--m-display-lg--TransitionDelay: 0s;
|
|
13969
|
+
--pf-v6-c-expandable-section__content--Visibility: auto;
|
|
13970
|
+
--pf-v6-c-expandable-section__content--MaxHeight: 9999px;
|
|
13971
|
+
--pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
|
|
13972
|
+
gap: var(--pf-v6-c-expandable-section--Gap);
|
|
13770
13973
|
}
|
|
13771
13974
|
.pf-v6-c-expandable-section.pf-m-limit-width {
|
|
13772
13975
|
--pf-v6-c-expandable-section__content--MaxWidth: var(--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth);
|
|
@@ -13779,6 +13982,7 @@ ul) {
|
|
|
13779
13982
|
background-color: var(--pf-v6-c-expandable-section--m-display-lg--BackgroundColor);
|
|
13780
13983
|
border: var(--pf-v6-c-expandable-section--m-display-lg--BorderWidth) solid var(--pf-v6-c-expandable-section--m-display-lg--BorderColor);
|
|
13781
13984
|
border-radius: var(--pf-v6-c-expandable-section--m-display-lg--BorderRadius);
|
|
13985
|
+
transition: padding-block-end 0s var(--pf-v6-c-expandable-section--m-display-lg--TransitionDelay, 0s);
|
|
13782
13986
|
}
|
|
13783
13987
|
.pf-v6-c-expandable-section.pf-m-indented {
|
|
13784
13988
|
--pf-v6-c-expandable-section__content--PaddingInlineStart: var(--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart);
|
|
@@ -13813,6 +14017,19 @@ ul) {
|
|
|
13813
14017
|
padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
|
|
13814
14018
|
padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
|
|
13815
14019
|
}
|
|
14020
|
+
.pf-v6-c-expandable-section__content:where([hidden]) {
|
|
14021
|
+
display: revert;
|
|
14022
|
+
}
|
|
14023
|
+
.pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) .pf-v6-c-expandable-section__content {
|
|
14024
|
+
max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
|
|
14025
|
+
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
14026
|
+
opacity: var(--pf-v6-c-expandable-section__content--Opacity);
|
|
14027
|
+
transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
|
|
14028
|
+
transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
|
|
14029
|
+
transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
|
|
14030
|
+
transition-property: opacity, translate, visibility, max-height;
|
|
14031
|
+
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
14032
|
+
}
|
|
13816
14033
|
|
|
13817
14034
|
.pf-v6-c-file-upload {
|
|
13818
14035
|
--pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
@@ -18111,16 +18328,20 @@ ul.pf-v6-c-list {
|
|
|
18111
18328
|
flex-wrap: nowrap;
|
|
18112
18329
|
}
|
|
18113
18330
|
|
|
18114
|
-
.pf-v6-c-menu-toggle__icon {
|
|
18115
|
-
flex-shrink: 0;
|
|
18116
|
-
}
|
|
18117
18331
|
.pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
|
|
18118
18332
|
.pf-v6-c-menu-toggle__icon.pf-m-avatar img,
|
|
18119
|
-
.pf-v6-c-menu-toggle__icon.pf-m-avatar svg {
|
|
18333
|
+
.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 {
|
|
18120
18334
|
margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
|
|
18121
18335
|
margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
|
|
18122
18336
|
}
|
|
18123
18337
|
|
|
18338
|
+
.pf-v6-c-menu-toggle__icon {
|
|
18339
|
+
flex-shrink: 0;
|
|
18340
|
+
}
|
|
18341
|
+
.pf-v6-c-menu-toggle__icon :where(picture, img) {
|
|
18342
|
+
vertical-align: middle;
|
|
18343
|
+
}
|
|
18344
|
+
|
|
18124
18345
|
.pf-v6-c-menu-toggle__controls {
|
|
18125
18346
|
display: flex;
|
|
18126
18347
|
gap: var(--pf-v6-c-menu-toggle__controls--Gap);
|
|
@@ -19210,8 +19431,9 @@ ul.pf-v6-c-list {
|
|
|
19210
19431
|
--pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
19211
19432
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
|
19212
19433
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
19213
|
-
--pf-v6-c-page__sidebar--Width: 18.125rem;
|
|
19214
|
-
--pf-v6-c-page__sidebar--
|
|
19434
|
+
--pf-v6-c-page__sidebar--Width--base: 18.125rem;
|
|
19435
|
+
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
19436
|
+
--pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
19215
19437
|
--pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
19216
19438
|
--pf-v6-c-page__sidebar--BoxShadow: none;
|
|
19217
19439
|
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
|
|
@@ -19639,7 +19861,7 @@ ul.pf-v6-c-list {
|
|
|
19639
19861
|
-webkit-overflow-scrolling: touch;
|
|
19640
19862
|
}
|
|
19641
19863
|
@media screen and (min-width: 75rem) {
|
|
19642
|
-
.pf-v6-c-masthead + .pf-v6-c-page__main-container, .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__main-container,
|
|
19864
|
+
.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,
|
|
19643
19865
|
.pf-v6-c-masthead + .pf-v6-c-page__drawer,
|
|
19644
19866
|
.pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__drawer {
|
|
19645
19867
|
--pf-v6-c-page__main-container--GridArea: var(--pf-v6-c-page--masthead--main-container--GridArea);
|
|
@@ -21791,8 +22013,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
21791
22013
|
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
21792
22014
|
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
21793
22015
|
--pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
|
|
21794
|
-
--pf-v6-c-skeleton--after--TranslateX:
|
|
21795
|
-
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
|
|
22016
|
+
--pf-v6-c-skeleton--after--TranslateX: 0;
|
|
22017
|
+
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading-reduced-motion;
|
|
21796
22018
|
--pf-v6-c-skeleton--after--AnimationDuration: 3s;
|
|
21797
22019
|
--pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
|
|
21798
22020
|
--pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
|
|
@@ -21824,6 +22046,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
21824
22046
|
--pf-v6-c-skeleton--m-height-75--Height: 75%;
|
|
21825
22047
|
--pf-v6-c-skeleton--m-height-100--Height: 100%;
|
|
21826
22048
|
}
|
|
22049
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
22050
|
+
.pf-v6-c-skeleton {
|
|
22051
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
22052
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
22053
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
|
|
22054
|
+
--pf-v6-c-skeleton--after--TranslateX: -100%;
|
|
22055
|
+
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
|
|
22056
|
+
}
|
|
22057
|
+
}
|
|
21827
22058
|
|
|
21828
22059
|
.pf-v6-c-skeleton {
|
|
21829
22060
|
position: relative;
|
|
@@ -21944,6 +22175,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
21944
22175
|
transform: translateX(100%);
|
|
21945
22176
|
}
|
|
21946
22177
|
}
|
|
22178
|
+
@keyframes pf-v6-c-skeleton-loading-reduced-motion {
|
|
22179
|
+
0% {
|
|
22180
|
+
opacity: 0.25;
|
|
22181
|
+
}
|
|
22182
|
+
60% {
|
|
22183
|
+
opacity: 1;
|
|
22184
|
+
}
|
|
22185
|
+
100% {
|
|
22186
|
+
opacity: 0.25;
|
|
22187
|
+
}
|
|
22188
|
+
}
|
|
21947
22189
|
.pf-v6-c-skip-to-content {
|
|
21948
22190
|
--pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
|
|
21949
22191
|
--pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
@@ -22191,6 +22433,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22191
22433
|
--pf-v6-c-spinner--StrokeWidth: 10;
|
|
22192
22434
|
--pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
|
|
22193
22435
|
--pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
|
|
22436
|
+
--pf-v6-c-spinner--m-xs--diameter: var(--pf-t--global--icon--size--sm);
|
|
22194
22437
|
--pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
|
|
22195
22438
|
--pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
|
|
22196
22439
|
--pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
|
|
@@ -22207,6 +22450,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22207
22450
|
.pf-v6-c-spinner.pf-m-inline {
|
|
22208
22451
|
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
|
|
22209
22452
|
}
|
|
22453
|
+
.pf-v6-c-spinner.pf-m-xs {
|
|
22454
|
+
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xs--diameter);
|
|
22455
|
+
--pf-v6-c-spinner--StrokeWidth: 15;
|
|
22456
|
+
}
|
|
22210
22457
|
.pf-v6-c-spinner.pf-m-sm {
|
|
22211
22458
|
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
|
|
22212
22459
|
}
|
|
@@ -22488,6 +22735,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22488
22735
|
--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
22489
22736
|
--pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
|
|
22490
22737
|
--pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
|
|
22738
|
+
--pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
22491
22739
|
--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
22492
22740
|
--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
22493
22741
|
--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
@@ -22612,7 +22860,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22612
22860
|
}
|
|
22613
22861
|
.pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
|
22614
22862
|
position: revert;
|
|
22615
|
-
font-weight:
|
|
22863
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
|
22616
22864
|
text-align: start;
|
|
22617
22865
|
content: attr(data-label);
|
|
22618
22866
|
}
|
|
@@ -22912,7 +23160,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22912
23160
|
}
|
|
22913
23161
|
.pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
|
22914
23162
|
position: revert;
|
|
22915
|
-
font-weight:
|
|
23163
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
|
22916
23164
|
text-align: start;
|
|
22917
23165
|
content: attr(data-label);
|
|
22918
23166
|
}
|
|
@@ -23215,7 +23463,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
23215
23463
|
}
|
|
23216
23464
|
.pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
|
23217
23465
|
position: revert;
|
|
23218
|
-
font-weight:
|
|
23466
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
|
23219
23467
|
text-align: start;
|
|
23220
23468
|
content: attr(data-label);
|
|
23221
23469
|
}
|
|
@@ -23518,7 +23766,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
23518
23766
|
}
|
|
23519
23767
|
.pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
|
23520
23768
|
position: revert;
|
|
23521
|
-
font-weight:
|
|
23769
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
|
23522
23770
|
text-align: start;
|
|
23523
23771
|
content: attr(data-label);
|
|
23524
23772
|
}
|
|
@@ -23821,7 +24069,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
23821
24069
|
}
|
|
23822
24070
|
.pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
|
23823
24071
|
position: revert;
|
|
23824
|
-
font-weight:
|
|
24072
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
|
23825
24073
|
text-align: start;
|
|
23826
24074
|
content: attr(data-label);
|
|
23827
24075
|
}
|
|
@@ -24099,6 +24347,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24099
24347
|
--pf-v6-c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
24100
24348
|
--pf-v6-c-table__action--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
24101
24349
|
--pf-v6-c-table__action--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
24350
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: 0s;
|
|
24351
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
24352
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
|
|
24353
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
24354
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--slide: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide);
|
|
24355
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--fade: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
|
24356
|
+
--pf-v6-c-table__expandable-row--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
24357
|
+
--pf-v6-c-table__expandable-row--Opacity: 0;
|
|
24358
|
+
--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
|
|
24359
|
+
--pf-v6-c-table__expandable-row--TranslateY: 0;
|
|
24360
|
+
--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
|
|
24102
24361
|
--pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
24103
24362
|
--pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
24104
24363
|
--pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
@@ -24159,6 +24418,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24159
24418
|
--pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
|
24160
24419
|
--pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
|
24161
24420
|
}
|
|
24421
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
24422
|
+
.pf-v6-c-table {
|
|
24423
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
24424
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
24425
|
+
--pf-v6-c-table__expandable-row--TranslateY: -.5rem;
|
|
24426
|
+
}
|
|
24427
|
+
}
|
|
24162
24428
|
|
|
24163
24429
|
.pf-v6-c-table {
|
|
24164
24430
|
width: 100%;
|
|
@@ -24727,6 +24993,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24727
24993
|
.pf-v6-c-table__expandable-row {
|
|
24728
24994
|
position: relative;
|
|
24729
24995
|
border-block-end: 0 solid transparent;
|
|
24996
|
+
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
|
24997
|
+
transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
|
|
24998
|
+
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);
|
|
24999
|
+
transition-property: opacity, translate, display;
|
|
25000
|
+
transition-behavior: allow-discrete;
|
|
25001
|
+
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
24730
25002
|
}
|
|
24731
25003
|
:not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
|
|
24732
25004
|
:not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
|
|
@@ -24755,6 +25027,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24755
25027
|
.pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
24756
25028
|
border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
|
|
24757
25029
|
border-block-end-width: var(--pf-v6-c-table--border-width--base);
|
|
25030
|
+
opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
|
|
25031
|
+
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);
|
|
25032
|
+
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
25033
|
+
}
|
|
25034
|
+
@starting-style {
|
|
25035
|
+
.pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
25036
|
+
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
|
25037
|
+
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
25038
|
+
}
|
|
24758
25039
|
}
|
|
24759
25040
|
.pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
|
|
24760
25041
|
display: none;
|
|
@@ -25877,25 +26158,28 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25877
26158
|
--pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
25878
26159
|
--pf-v6-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-t--global--border--width--extra-strong);
|
|
25879
26160
|
--pf-v6-c-tabs--link-accent--start: 0;
|
|
25880
|
-
--pf-v6-c-tabs--link-accent--length:
|
|
26161
|
+
--pf-v6-c-tabs--link-accent--length: 0;
|
|
25881
26162
|
--pf-v6-c-tabs--link-accent--color: var(--pf-v6-c-tabs__item--m-current__link--after--BorderColor);
|
|
25882
26163
|
--pf-v6-c-tabs--link-accent--border-size: var(--pf-v6-c-tabs__item--m-current__link--after--BorderWidth);
|
|
26164
|
+
--pf-v6-c-tabs--link-accent--TransitionDuration: var(--pf-t--global--motion--duration--md);
|
|
26165
|
+
--pf-v6-c-tabs--link-accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
25883
26166
|
--pf-v6-c-tabs--link-accent--InsetBlockStart: auto;
|
|
25884
26167
|
--pf-v6-c-tabs--link-accent--InsetBlockEnd: 0;
|
|
25885
|
-
--pf-v6-c-tabs--link-accent--InsetInlineStart:
|
|
26168
|
+
--pf-v6-c-tabs--link-accent--InsetInlineStart: 0;
|
|
25886
26169
|
--pf-v6-c-tabs--link-accent--Width: initial;
|
|
25887
26170
|
--pf-v6-c-tabs--link-accent--Height: 0;
|
|
25888
26171
|
--pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--link-accent--border-size);
|
|
25889
26172
|
--pf-v6-c-tabs--link-accent--BorderInlineStartWidth: 0;
|
|
25890
|
-
--pf-v6-c-tabs--
|
|
26173
|
+
--pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--link-accent--start);
|
|
26174
|
+
--pf-v6-c-tabs--link-accent--TranslateY: 0;
|
|
26175
|
+
--pf-v6-c-tabs--link-accent--TransformOrigin: 0 center;
|
|
26176
|
+
--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart: 0;
|
|
25891
26177
|
--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd: auto;
|
|
25892
|
-
--pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart: 0;
|
|
25893
|
-
--pf-v6-c-tabs--m-vertical--link-accent--Width: 0;
|
|
25894
|
-
--pf-v6-c-tabs--m-vertical--link-accent--Height: initial;
|
|
25895
26178
|
--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth: 0;
|
|
25896
26179
|
--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--link-accent--border-size);
|
|
25897
|
-
--pf-v6-c-tabs--link-accent--
|
|
25898
|
-
--pf-v6-c-tabs--link-accent--
|
|
26180
|
+
--pf-v6-c-tabs--m-vertical--link-accent--TranslateX: 0;
|
|
26181
|
+
--pf-v6-c-tabs--m-vertical--link-accent--TranslateY: var(--pf-v6-c-tabs--link-accent--start);
|
|
26182
|
+
--pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin: center 0;
|
|
25899
26183
|
--pf-v6-c-tabs__scroll-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
25900
26184
|
--pf-v6-c-tabs__scroll-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
25901
26185
|
--pf-v6-c-tabs__scroll-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
@@ -26055,11 +26339,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
26055
26339
|
--pf-v6-c-tabs__list--ScrollSnapTypeAxis: var(--pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis);
|
|
26056
26340
|
--pf-v6-c-tabs--link-accent--InsetBlockStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart);
|
|
26057
26341
|
--pf-v6-c-tabs--link-accent--InsetBlockEnd: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd);
|
|
26058
|
-
--pf-v6-c-tabs--link-accent--InsetInlineStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart);
|
|
26059
26342
|
--pf-v6-c-tabs--link-accent--Width: var(--pf-v6-c-tabs--m-vertical--link-accent--Width);
|
|
26060
26343
|
--pf-v6-c-tabs--link-accent--Height: var(--pf-v6-c-tabs--m-vertical--link-accent--Height);
|
|
26061
26344
|
--pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth);
|
|
26062
26345
|
--pf-v6-c-tabs--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth);
|
|
26346
|
+
--pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateX);
|
|
26347
|
+
--pf-v6-c-tabs--link-accent--TranslateY: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateY);
|
|
26348
|
+
--pf-v6-c-tabs--link-accent--TransformOrigin: var(--pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin);
|
|
26063
26349
|
display: inline-flex;
|
|
26064
26350
|
flex-direction: column;
|
|
26065
26351
|
height: 100%;
|
|
@@ -26636,15 +26922,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
26636
26922
|
}
|
|
26637
26923
|
|
|
26638
26924
|
@media (prefers-reduced-motion: no-preference) {
|
|
26639
|
-
.pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__link::after,
|
|
26640
|
-
.pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
|
|
26925
|
+
.pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__link::after,
|
|
26926
|
+
.pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
|
|
26641
26927
|
content: revert;
|
|
26642
26928
|
}
|
|
26643
|
-
.pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__list::after {
|
|
26929
|
+
.pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
|
|
26644
26930
|
position: absolute;
|
|
26645
|
-
inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart
|
|
26931
|
+
inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart);
|
|
26646
26932
|
inset-block-end: var(--pf-v6-c-tabs--link-accent--InsetBlockEnd);
|
|
26647
|
-
inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart
|
|
26933
|
+
inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart);
|
|
26648
26934
|
width: var(--pf-v6-c-tabs--link-accent--Width, var(--pf-v6-c-tabs--link-accent--length));
|
|
26649
26935
|
height: var(--pf-v6-c-tabs--link-accent--Height, var(--pf-v6-c-tabs--link-accent--length));
|
|
26650
26936
|
content: "";
|
|
@@ -26653,7 +26939,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
26653
26939
|
border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
|
|
26654
26940
|
transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
|
|
26655
26941
|
transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
|
|
26656
|
-
transition-property:
|
|
26942
|
+
transition-property: width, height, translate;
|
|
26943
|
+
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
26944
|
+
translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
|
|
26945
|
+
}
|
|
26946
|
+
: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 {
|
|
26947
|
+
translate: calc(var(--pf-v6-c-tabs--link-accent--TranslateX) * var(--pf-v6-global--inverse--multiplier)) var(--pf-v6-c-tabs--link-accent--TranslateY);
|
|
26657
26948
|
}
|
|
26658
26949
|
.pf-v6-c-tabs.pf-m-initializing-accent {
|
|
26659
26950
|
--pf-v6-c-tabs--link-accent--TransitionDuration: 0;
|
|
@@ -26995,6 +27286,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
26995
27286
|
--pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
|
|
26996
27287
|
}
|
|
26997
27288
|
|
|
27289
|
+
.pf-v6-c-timestamp__text {
|
|
27290
|
+
text-decoration: inherit;
|
|
27291
|
+
}
|
|
27292
|
+
|
|
26998
27293
|
.pf-v6-c-title {
|
|
26999
27294
|
--pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
27000
27295
|
--pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
@@ -29269,6 +29564,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29269
29564
|
grid-auto-flow: column;
|
|
29270
29565
|
align-items: baseline;
|
|
29271
29566
|
min-width: var(--pf-v6-c-truncate--MinWidth);
|
|
29567
|
+
text-decoration: inherit;
|
|
29568
|
+
}
|
|
29569
|
+
.pf-v6-c-truncate.pf-m-fixed {
|
|
29570
|
+
display: inline;
|
|
29571
|
+
align-items: revert;
|
|
29572
|
+
min-width: revert;
|
|
29272
29573
|
}
|
|
29273
29574
|
|
|
29274
29575
|
.pf-v6-c-truncate__start,
|
|
@@ -29360,6 +29661,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29360
29661
|
--pf-v6-c-tree-view__node-container--Display: contents;
|
|
29361
29662
|
--pf-v6-c-tree-view__node-content--RowGap: var(--pf-t--global--spacer--sm);
|
|
29362
29663
|
--pf-v6-c-tree-view__node-content--Overflow: visible;
|
|
29664
|
+
--pf-v6-c-tree-view__list--TransitionDuration--expand--slide: 0s;
|
|
29665
|
+
--pf-v6-c-tree-view__list--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
29666
|
+
--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: 0s;
|
|
29667
|
+
--pf-v6-c-tree-view__list--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
29668
|
+
--pf-v6-c-tree-view__list--TransitionDuration--slide: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide);
|
|
29669
|
+
--pf-v6-c-tree-view__list--TransitionDuration--fade: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--fade);
|
|
29670
|
+
--pf-v6-c-tree-view__list--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
29671
|
+
--pf-v6-c-tree-view__list--Opacity: 0;
|
|
29672
|
+
--pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
|
|
29673
|
+
--pf-v6-c-tree-view__list--TranslateY: 0;
|
|
29674
|
+
--pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
|
|
29363
29675
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
|
|
29364
29676
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
|
|
29365
29677
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
|
|
@@ -29375,6 +29687,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29375
29687
|
--pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
29376
29688
|
--pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
|
|
29377
29689
|
--pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
|
|
29690
|
+
--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
29691
|
+
--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
29378
29692
|
--pf-v6-c-tree-view__node-check--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
29379
29693
|
--pf-v6-c-tree-view__node-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
29380
29694
|
--pf-v6-c-tree-view__search--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -29450,6 +29764,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29450
29764
|
--pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
|
|
29451
29765
|
--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);
|
|
29452
29766
|
}
|
|
29767
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
29768
|
+
.pf-v6-c-tree-view {
|
|
29769
|
+
--pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
29770
|
+
--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
29771
|
+
--pf-v6-c-tree-view__list--TranslateY: -.5rem;
|
|
29772
|
+
}
|
|
29773
|
+
}
|
|
29453
29774
|
|
|
29454
29775
|
.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 {
|
|
29455
29776
|
position: relative;
|
|
@@ -29565,12 +29886,20 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29565
29886
|
display: inline-block;
|
|
29566
29887
|
min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
|
|
29567
29888
|
text-align: center;
|
|
29889
|
+
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
29568
29890
|
transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
|
|
29569
29891
|
}
|
|
29570
29892
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
|
|
29571
29893
|
scale: -1 1;
|
|
29572
29894
|
}
|
|
29573
29895
|
|
|
29896
|
+
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
|
|
29897
|
+
opacity: var(--pf-v6-c-tree-view__list--Opacity);
|
|
29898
|
+
transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
|
|
29899
|
+
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide);
|
|
29900
|
+
transition-property: opacity, translate;
|
|
29901
|
+
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
29902
|
+
}
|
|
29574
29903
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
|
|
29575
29904
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
29576
29905
|
--pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--Color--base);
|
|
@@ -29579,6 +29908,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29579
29908
|
--pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color);
|
|
29580
29909
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
|
|
29581
29910
|
}
|
|
29911
|
+
.pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
|
|
29912
|
+
opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
|
|
29913
|
+
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide);
|
|
29914
|
+
translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
|
|
29915
|
+
}
|
|
29582
29916
|
|
|
29583
29917
|
.pf-v6-c-tree-view__node,
|
|
29584
29918
|
.pf-v6-c-tree-view__node-container {
|