@patternfly/patternfly 6.3.0-prerelease.3 → 6.3.0-prerelease.31
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 +46 -11
- package/base/patternfly-common.scss +58 -13
- package/components/Accordion/accordion.css +72 -3
- package/components/Accordion/accordion.scss +78 -6
- package/components/Alert/alert-group.css +52 -31
- package/components/Alert/alert-group.scss +77 -46
- package/components/Button/button.css +154 -6
- package/components/Button/button.scss +160 -8
- package/components/CodeEditor/code-editor.css +3 -0
- package/components/CodeEditor/code-editor.scss +3 -1
- package/components/DualListSelector/dual-list-selector.css +36 -0
- package/components/DualListSelector/dual-list-selector.scss +43 -0
- package/components/ExpandableSection/expandable-section.css +45 -1
- package/components/ExpandableSection/expandable-section.scss +48 -1
- package/components/Form/form.css +40 -1
- package/components/Form/form.scss +47 -1
- package/components/FormControl/form-control.css +16 -0
- package/components/FormControl/form-control.scss +9 -0
- package/components/Menu/menu.css +24 -4
- package/components/Menu/menu.scss +20 -5
- package/components/MenuToggle/menu-toggle.css +38 -4
- package/components/MenuToggle/menu-toggle.scss +48 -3
- package/components/Nav/nav.css +22 -8
- package/components/Nav/nav.scss +22 -9
- package/components/Page/page.css +66 -6
- package/components/Page/page.scss +48 -5
- package/components/Progress/progress.css +16 -0
- package/components/Progress/progress.scss +11 -1
- 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 +68 -8
- package/components/Table/table.scss +89 -5
- package/components/Tabs/tabs.css +25 -15
- package/components/Tabs/tabs.scss +26 -13
- package/components/TextInputGroup/text-input-group.css +16 -0
- package/components/TextInputGroup/text-input-group.scss +8 -0
- package/components/Timestamp/timestamp.css +4 -0
- package/components/Timestamp/timestamp.scss +7 -0
- package/components/TreeView/tree-view.css +39 -0
- package/components/TreeView/tree-view.scss +42 -2
- package/components/Truncate/truncate.css +6 -0
- package/components/Truncate/truncate.scss +9 -0
- package/components/_index.css +775 -94
- package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
- package/docs/components/Button/examples/Button.md +161 -6
- package/docs/components/Card/examples/Card.md +8 -8
- package/docs/components/CodeBlock/examples/CodeBlock.md +1 -1
- package/docs/components/CodeEditor/examples/CodeEditor.md +26 -2
- package/docs/components/DataList/examples/DataList.md +23 -23
- 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 +534 -16
- package/docs/components/ExpandableSection/examples/ExpandableSection.md +6 -6
- package/docs/components/Form/examples/Form.md +1179 -114
- package/docs/components/Hint/examples/Hint.md +3 -3
- package/docs/components/InlineEdit/examples/InlineEdit.md +2 -2
- package/docs/components/JumpLinks/examples/JumpLinks.md +1 -1
- package/docs/components/Masthead/examples/masthead.md +90 -12
- package/docs/components/Menu/examples/Menu.md +122 -6
- package/docs/components/MenuToggle/examples/MenuToggle.md +93 -55
- package/docs/components/ModalBox/examples/ModalBox.md +13 -1
- package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +2 -10
- package/docs/components/OverflowMenu/examples/overflow-menu.md +5 -5
- package/docs/components/Page/examples/Page.md +148 -14
- package/docs/components/Pagination/examples/Pagination.md +12 -12
- 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 +9363 -6223
- package/docs/components/Tabs/examples/Tabs.md +1214 -6729
- package/docs/components/Toolbar/examples/Toolbar.md +7 -7
- package/docs/components/Truncate/examples/Truncate.md +53 -10
- package/docs/demos/AboutModal/examples/AboutModal.md +22 -3
- package/docs/demos/Alert/examples/Alert.md +66 -9
- package/docs/demos/BackToTop/examples/BackToTop.md +22 -3
- package/docs/demos/Banner/examples/Banner.md +47 -6
- package/docs/demos/Card/examples/Card.md +5 -62
- package/docs/demos/CardView/examples/CardView.md +24 -5
- package/docs/demos/Dashboard/examples/Dashboard.md +24 -5
- package/docs/demos/DataList/examples/DataList.md +100 -24
- package/docs/demos/DescriptionList/examples/DescriptionList.md +66 -47
- package/docs/demos/Drawer/examples/Drawer.md +110 -53
- package/docs/demos/Form/examples/BasicForms.md +142 -22
- package/docs/demos/JumpLinks/examples/JumpLinks.md +132 -18
- package/docs/demos/Masthead/examples/Masthead.md +171 -19
- package/docs/demos/Modal/examples/Modal.md +171 -21
- package/docs/demos/Nav/examples/Nav.md +113 -18
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +110 -15
- package/docs/demos/Page/examples/Page.md +661 -40
- package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -1
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +160 -103
- package/docs/demos/Skeleton/examples/Skeleton.md +22 -3
- package/docs/demos/Table/examples/Table.md +504 -175
- package/docs/demos/Tabs/examples/Tabs.md +137 -593
- package/docs/demos/Toolbar/examples/Toolbar.md +72 -34
- package/docs/demos/Wizard/examples/Wizard.md +198 -27
- package/package.json +6 -6
- package/patternfly-base-no-globals.css +45 -11
- package/patternfly-base.css +45 -11
- package/patternfly-no-globals.css +820 -105
- package/patternfly.css +820 -105
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/mixins.scss +54 -0
|
@@ -45,19 +45,53 @@
|
|
|
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
|
+
:root {
|
|
62
|
+
--pf-v6-global--danger-jiggle--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
|
|
63
|
+
--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
@property --pf-v6-global--danger-jiggle--TranslateX {
|
|
67
|
+
syntax: "<length>";
|
|
68
|
+
inherits: false;
|
|
69
|
+
initial-value: 0;
|
|
70
|
+
}
|
|
71
|
+
@keyframes pf-v6-global-danger-jiggle-motion {
|
|
72
|
+
33% {
|
|
73
|
+
--pf-v6-global--danger-jiggle--TranslateX: -2px;
|
|
74
|
+
}
|
|
75
|
+
66% {
|
|
76
|
+
--pf-v6-global--danger-jiggle--TranslateX: 3px;
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
@keyframes pf-v6-global-fade-in {
|
|
80
|
+
from {
|
|
81
|
+
opacity: 0;
|
|
82
|
+
}
|
|
83
|
+
to {
|
|
84
|
+
opacity: 1;
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
@keyframes pf-v6-global-fade-out {
|
|
88
|
+
from {
|
|
89
|
+
opacity: 1;
|
|
90
|
+
}
|
|
91
|
+
to {
|
|
92
|
+
opacity: 0;
|
|
93
|
+
}
|
|
94
|
+
}
|
|
61
95
|
@font-face {
|
|
62
96
|
font-family: "Red Hat Text";
|
|
63
97
|
font-style: normal;
|
|
@@ -7667,6 +7701,7 @@
|
|
|
7667
7701
|
--pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
7668
7702
|
--pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
7669
7703
|
--pf-v6-c-accordion__toggle--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
7704
|
+
--pf-v6-c-accordion__toggle--ZIndex: var(--pf-t--global--z-index--xs);
|
|
7670
7705
|
--pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
7671
7706
|
--pf-v6-c-accordion__toggle-text--Color: var(--pf-t--global--text--color--regular);
|
|
7672
7707
|
--pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
@@ -7684,6 +7719,24 @@
|
|
|
7684
7719
|
--pf-v6-c-accordion__expandable-content--Color: var(--pf-t--global--text--color--regular);
|
|
7685
7720
|
--pf-v6-c-accordion__expandable-content--FontSize: var(--pf-t--global--font--size--body--default);
|
|
7686
7721
|
--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
|
|
7722
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
7723
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
7724
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade);
|
|
7725
|
+
--pf-v6-c-accordion__item--before--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
7726
|
+
--pf-v6-c-accordion__item--before--Opacity: 0;
|
|
7727
|
+
--pf-v6-c-accordion__item--m-expanded--before--Opacity: 1;
|
|
7728
|
+
--pf-v6-c-accordion__item--m-expanded--before--TranslateY: 0;
|
|
7729
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: 0s;
|
|
7730
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
7731
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: 0s;
|
|
7732
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
7733
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--slide: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide);
|
|
7734
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--fade);
|
|
7735
|
+
--pf-v6-c-accordion__expandable-content--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
7736
|
+
--pf-v6-c-accordion__expandable-content--Opacity: 0;
|
|
7737
|
+
--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity: 1;
|
|
7738
|
+
--pf-v6-c-accordion__expandable-content--TranslateY: 0;
|
|
7739
|
+
--pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY: 0;
|
|
7687
7740
|
--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
7688
7741
|
--pf-v6-c-accordion__expandable-content-body--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
7689
7742
|
--pf-v6-c-accordion__expandable-content-body--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -7703,6 +7756,16 @@
|
|
|
7703
7756
|
--pf-v6-c-accordion__item--m-bordered--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
7704
7757
|
--pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
7705
7758
|
}
|
|
7759
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
7760
|
+
.pf-v6-c-accordion {
|
|
7761
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
7762
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
7763
|
+
--pf-v6-c-accordion__item--before--TranslateY: -.5rem;
|
|
7764
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
7765
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
7766
|
+
--pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
|
|
7767
|
+
}
|
|
7768
|
+
}
|
|
7706
7769
|
|
|
7707
7770
|
.pf-v6-c-accordion {
|
|
7708
7771
|
display: flex;
|
|
@@ -7736,18 +7799,39 @@
|
|
|
7736
7799
|
}
|
|
7737
7800
|
|
|
7738
7801
|
.pf-v6-c-accordion__item {
|
|
7802
|
+
position: relative;
|
|
7803
|
+
}
|
|
7804
|
+
.pf-v6-c-accordion__item::before {
|
|
7805
|
+
position: absolute;
|
|
7806
|
+
inset: 0;
|
|
7807
|
+
pointer-events: none;
|
|
7808
|
+
content: "";
|
|
7809
|
+
background-color: var(--pf-v6-c-accordion__item--m-expanded--BackgroundColor);
|
|
7739
7810
|
border-radius: var(--pf-v6-c-accordion__item--BorderRadius);
|
|
7811
|
+
opacity: var(--pf-v6-c-accordion__item--before--Opacity);
|
|
7812
|
+
transition-timing-function: var(--pf-v6-c-accordion__item--before--TransitionTimingFunction);
|
|
7813
|
+
transition-duration: var(--pf-v6-c-accordion__item--before--TransitionDuration--fade);
|
|
7814
|
+
transition-property: opacity;
|
|
7740
7815
|
}
|
|
7741
7816
|
.pf-v6-c-accordion__item.pf-m-expanded {
|
|
7742
7817
|
--pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd);
|
|
7743
7818
|
--pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight);
|
|
7744
|
-
|
|
7819
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--slide: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide);
|
|
7820
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade);
|
|
7821
|
+
--pf-v6-c-accordion__item--before--Opacity: var(--pf-v6-c-accordion__item--m-expanded--before--Opacity);
|
|
7822
|
+
--pf-v6-c-accordion__item--before--TranslateY: var(--pf-v6-c-accordion__item--m-expanded--before--TranslateY);
|
|
7823
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--slide: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide);
|
|
7824
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade);
|
|
7825
|
+
--pf-v6-c-accordion__expandable-content--Opacity: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity);
|
|
7826
|
+
--pf-v6-c-accordion__expandable-content--TranslateY: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY);
|
|
7745
7827
|
}
|
|
7746
7828
|
.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__toggle-icon {
|
|
7747
7829
|
transform: rotate(var(--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate));
|
|
7748
7830
|
}
|
|
7749
7831
|
|
|
7750
7832
|
.pf-v6-c-accordion__toggle {
|
|
7833
|
+
position: relative;
|
|
7834
|
+
z-index: var(--pf-v6-c-accordion__toggle--ZIndex);
|
|
7751
7835
|
display: flex;
|
|
7752
7836
|
column-gap: var(--pf-v6-c-accordion__toggle--ColumnGap);
|
|
7753
7837
|
align-items: center;
|
|
@@ -7783,19 +7867,38 @@
|
|
|
7783
7867
|
scale: -1 1;
|
|
7784
7868
|
}
|
|
7785
7869
|
|
|
7870
|
+
.pf-v6-c-accordion__expandable-content:where([hidden]) {
|
|
7871
|
+
display: revert;
|
|
7872
|
+
}
|
|
7873
|
+
|
|
7786
7874
|
.pf-v6-c-accordion__expandable-content {
|
|
7787
|
-
|
|
7875
|
+
max-height: 0;
|
|
7788
7876
|
margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
|
|
7789
7877
|
margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
|
|
7790
7878
|
font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
|
|
7791
7879
|
color: var(--pf-v6-c-accordion__expandable-content--Color);
|
|
7880
|
+
visibility: hidden;
|
|
7792
7881
|
background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
|
|
7793
7882
|
border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
|
|
7883
|
+
opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
|
|
7884
|
+
transition-delay: 0s, 0s, var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
|
|
7885
|
+
transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
|
|
7886
|
+
transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
|
|
7887
|
+
transition-property: opacity, translate, visibility, max-height, margin-block-end;
|
|
7888
|
+
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
7794
7889
|
}
|
|
7795
7890
|
.pf-v6-c-accordion__expandable-content.pf-m-fixed {
|
|
7796
|
-
max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
|
|
7797
7891
|
overflow-y: auto;
|
|
7798
7892
|
}
|
|
7893
|
+
.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
|
|
7894
|
+
max-height: 99999px;
|
|
7895
|
+
margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
|
|
7896
|
+
visibility: revert;
|
|
7897
|
+
transition-delay: 0s;
|
|
7898
|
+
}
|
|
7899
|
+
.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content.pf-m-fixed {
|
|
7900
|
+
max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
|
|
7901
|
+
}
|
|
7799
7902
|
|
|
7800
7903
|
.pf-v6-c-accordion__expandable-content-body {
|
|
7801
7904
|
padding-block-start: var(--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart);
|
|
@@ -8059,27 +8162,45 @@
|
|
|
8059
8162
|
var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionDuration)
|
|
8060
8163
|
var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionTimingFunction)
|
|
8061
8164
|
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
|
-
|
|
8165
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--opacity--default: var(--pf-t--global--motion--duration--fade--default);
|
|
8166
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--opacity--default: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8167
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--grid-template-rows--default: var(--pf-t--global--motion--duration--fade--default);
|
|
8168
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--margin-block--default: var(--pf-t--global--motion--duration--fade--default);
|
|
8169
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDelay--default: var(--pf-t--global--motion--duration--fade--default);
|
|
8170
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity--default: initial;
|
|
8171
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default: initial;
|
|
8172
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default: initial;
|
|
8173
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default: initial;
|
|
8174
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default: initial;
|
|
8175
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-out--short);
|
|
8176
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8177
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--opacity: var(--pf-t--global--motion--duration--slide-out--short);
|
|
8178
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--opacity: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8179
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--margin-block: var(--pf-t--global--motion--duration--fade--short);
|
|
8180
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--margin-block: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8181
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--margin-block: var(--pf-t--global--motion--duration--slide-out--short);
|
|
8182
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--grid-template-rows: var(--pf-t--global--motion--duration--slide-in--short);
|
|
8183
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--grid-template-rows: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8184
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--grid-template-rows: var(--pf-t--global--motion--duration--slide-out--short);
|
|
8185
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--transform: initial;
|
|
8186
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform: initial;
|
|
8187
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity: initial;
|
|
8188
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity: initial;
|
|
8189
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--margin-block: initial;
|
|
8190
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--margin-block: initial;
|
|
8191
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block: initial;
|
|
8192
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--grid-template-rows: initial;
|
|
8193
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--grid-template-rows: initial;
|
|
8194
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows: initial;
|
|
8195
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration: var(--pf-t--global--motion--duration--slide-out--short);
|
|
8196
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8197
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--Transition: all
|
|
8198
|
+
var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration)
|
|
8199
|
+
var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionTimingFunction)
|
|
8200
|
+
var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration);
|
|
8201
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: initial;
|
|
8202
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: initial;
|
|
8203
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: initial;
|
|
8083
8204
|
--pf-v6-c-alert-group__overflow-button--BorderWidth: 0;
|
|
8084
8205
|
--pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
8085
8206
|
--pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
@@ -8139,40 +8260,43 @@
|
|
|
8139
8260
|
transition: var(--pf-v6-c-alert-group--m-toast__item--c-alert--Transition);
|
|
8140
8261
|
}
|
|
8141
8262
|
}
|
|
8142
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-top:first-child {
|
|
8263
|
+
.pf-v6-c-alert-group__item.pf-m-offstage-top:first-child, .pf-v6-c-alert-group__item.pf-m-incoming:first-child {
|
|
8143
8264
|
grid-template-rows: 0fr;
|
|
8144
8265
|
margin-block: 0;
|
|
8145
8266
|
overflow: hidden;
|
|
8146
8267
|
opacity: 0;
|
|
8147
8268
|
transform: translateY(-100%);
|
|
8148
8269
|
}
|
|
8149
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-top:first-child .pf-v6-c-alert {
|
|
8270
|
+
.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
8271
|
min-height: 0;
|
|
8151
8272
|
padding-block-start: 0;
|
|
8152
8273
|
padding-block-end: 0;
|
|
8153
8274
|
border-width: 0;
|
|
8154
8275
|
}
|
|
8155
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-right {
|
|
8276
|
+
.pf-v6-c-alert-group__item.pf-m-offstage-right, .pf-v6-c-alert-group__item.pf-m-outgoing {
|
|
8156
8277
|
grid-template-rows: 0fr;
|
|
8157
8278
|
margin-block: 0;
|
|
8158
8279
|
overflow: hidden;
|
|
8159
8280
|
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);
|
|
8281
|
+
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
8282
|
}
|
|
8162
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
|
|
8283
|
+
.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
8284
|
min-height: 0;
|
|
8164
8285
|
padding-block-start: 0;
|
|
8165
8286
|
padding-block-end: 0;
|
|
8166
8287
|
border-width: 0;
|
|
8167
|
-
transition: all 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default);
|
|
8288
|
+
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
8289
|
}
|
|
8169
8290
|
@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);
|
|
8291
|
+
.pf-v6-c-alert-group__item.pf-m-offstage-right, .pf-v6-c-alert-group__item.pf-m-outgoing {
|
|
8292
|
+
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
8293
|
transform: translateX(100%);
|
|
8173
8294
|
}
|
|
8174
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
|
|
8175
|
-
|
|
8295
|
+
: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 {
|
|
8296
|
+
transform: translateX(calc(100% * var(--pf-v6-global--inverse--multiplier)));
|
|
8297
|
+
}
|
|
8298
|
+
.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 {
|
|
8299
|
+
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
8300
|
}
|
|
8177
8301
|
}
|
|
8178
8302
|
.pf-v6-c-alert-group__item:hover {
|
|
@@ -8919,15 +9043,20 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
8919
9043
|
--pf-v6-c-button--TextDecorationLine: none;
|
|
8920
9044
|
--pf-v6-c-button--TextDecorationStyle: none;
|
|
8921
9045
|
--pf-v6-c-button--TextDecorationColor: currentcolor;
|
|
9046
|
+
--pf-v6-c-button--TransitionDelay: 0s;
|
|
8922
9047
|
--pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
8923
|
-
--pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--
|
|
8924
|
-
--pf-v6-c-button--TransitionProperty: color, background
|
|
9048
|
+
--pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
|
|
9049
|
+
--pf-v6-c-button--TransitionProperty: color, background, border-width, border-color;
|
|
9050
|
+
--pf-v6-c-button--ScaleX: 1;
|
|
9051
|
+
--pf-v6-c-button--ScaleY: 1;
|
|
8925
9052
|
--pf-v6-c-button--hover--BackgroundColor: transparent;
|
|
8926
9053
|
--pf-v6-c-button--hover--BorderColor: transparent;
|
|
8927
9054
|
--pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
|
8928
9055
|
--pf-v6-c-button--hover--TextDecorationLine: none;
|
|
8929
9056
|
--pf-v6-c-button--hover--TextDecorationStyle: none;
|
|
8930
9057
|
--pf-v6-c-button--hover--TextDecorationColor: currentcolor;
|
|
9058
|
+
--pf-v6-c-button--hover--ScaleX: 1;
|
|
9059
|
+
--pf-v6-c-button--hover--ScaleY: 1;
|
|
8931
9060
|
--pf-v6-c-button--m-clicked--BackgroundColor: transparent;
|
|
8932
9061
|
--pf-v6-c-button--m-clicked--BorderColor: transparent;
|
|
8933
9062
|
--pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
|
|
@@ -9137,12 +9266,30 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9137
9266
|
--pf-v6-c-button__icon--m-end--MarginInlineStart: 0;
|
|
9138
9267
|
--pf-v6-c-button--m-notify__icon--AnimationDuration--notify: var(--pf-t--global--motion--duration--3xl);
|
|
9139
9268
|
--pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify: var(--pf-t--global--motion--timing-function--default);
|
|
9269
|
+
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
|
9270
|
+
--pf-v6-c-button__icon--TransitionTimingFunction: auto;
|
|
9271
|
+
--pf-v6-c-button__icon--TransitionDuration: 0s;
|
|
9272
|
+
--pf-v6-c-button__icon--TransitionProperty: none;
|
|
9273
|
+
--pf-v6-c-button__icon--Rotate: 0deg;
|
|
9274
|
+
--pf-v6-c-button--hover__icon--TransitionTimingFunction: auto;
|
|
9275
|
+
--pf-v6-c-button--hover__icon--TransitionDuration: 0s;
|
|
9276
|
+
--pf-v6-c-button--hover__icon--TransitionProperty: none;
|
|
9277
|
+
--pf-v6-c-button--hover__icon--Rotate: 0deg;
|
|
9278
|
+
--pf-v6-c-button__icon--ScaleX: 1;
|
|
9279
|
+
--pf-v6-c-button__icon--ScaleY: 1;
|
|
9280
|
+
--pf-v6-c-button--hover__icon--ScaleX: 1;
|
|
9281
|
+
--pf-v6-c-button--hover__icon--ScaleY: 1;
|
|
9140
9282
|
--pf-v6-c-button--m-favorite__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
9141
9283
|
--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
9142
9284
|
--pf-v6-c-button--m-favorited__icon--Color: var(--pf-t--global--color--favorite--default);
|
|
9143
9285
|
--pf-v6-c-button--m-favorited--hover__icon--Color: var(--pf-t--global--color--favorite--hover);
|
|
9144
9286
|
--pf-v6-c-button--m-favorited__icon--AnimationDuration: var(--pf-t--global--motion--duration--icon--long);
|
|
9145
9287
|
--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
9288
|
+
--pf-v6-c-button__icon--favorite--Opacity: 1;
|
|
9289
|
+
--pf-v6-c-button__icon--favorited--Opacity: 0;
|
|
9290
|
+
--pf-v6-c-button--m-favorited__icon--favorite--Opacity: 0;
|
|
9291
|
+
--pf-v6-c-button--m-favorited__icon--favorited--Opacity: 1;
|
|
9292
|
+
--pf-v6-c-button__icon--favorite--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
9146
9293
|
--pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
|
|
9147
9294
|
--pf-v6-c-button__progress--Opacity: 0;
|
|
9148
9295
|
--pf-v6-c-button__progress--TranslateY: -50%;
|
|
@@ -9157,9 +9304,28 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9157
9304
|
--pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
|
|
9158
9305
|
--pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
|
|
9159
9306
|
--pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
|
|
9307
|
+
--pf-v6-c-button--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
|
9308
|
+
--pf-v6-c-button--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
|
|
9309
|
+
--pf-v6-c-button--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
|
9310
|
+
--pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
9311
|
+
--pf-v6-c-button--m-settings--hover__icon--Rotate: 60deg;
|
|
9160
9312
|
--pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
|
|
9161
9313
|
--pf-v6-c-button--m-block--Display: flex;
|
|
9162
9314
|
--pf-v6-c-button--m-block--Width: 100%;
|
|
9315
|
+
--pf-v6-c-button--hamburger-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
9316
|
+
--pf-v6-c-button--hamburger-icon--TransitionDuration: var(--pf-t--global--motion--duration--md);
|
|
9317
|
+
--pf-v6-c-button--hamburger-icon--top--path--base: path("M1,1 L9,1");
|
|
9318
|
+
--pf-v6-c-button--hamburger-icon--middle--path--base: path("M1,5 L9,5");
|
|
9319
|
+
--pf-v6-c-button--hamburger-icon--arrow--path--base: path("M1,5 L1,5 L1,5");
|
|
9320
|
+
--pf-v6-c-button--hamburger-icon--bottom--path--base: path("M9,9 L1,9");
|
|
9321
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
|
|
9322
|
+
--pf-v6-c-button--hamburger-icon--middle--path: var(--pf-v6-c-button--hamburger-icon--middle--path--base);
|
|
9323
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
|
|
9324
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
|
|
9325
|
+
--pf-v6-c-button--hamburger-icon--top--collapse--path: path("M5,1 L9,1");
|
|
9326
|
+
--pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
|
|
9327
|
+
--pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
|
|
9328
|
+
--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
|
|
9163
9329
|
}
|
|
9164
9330
|
|
|
9165
9331
|
.pf-v6-c-button {
|
|
@@ -9183,16 +9349,19 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9183
9349
|
text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
|
|
9184
9350
|
white-space: nowrap;
|
|
9185
9351
|
cursor: pointer;
|
|
9352
|
+
-webkit-user-select: none;
|
|
9186
9353
|
user-select: none;
|
|
9187
|
-
background
|
|
9354
|
+
background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 1%) center/15000%;
|
|
9188
9355
|
border: 0;
|
|
9189
9356
|
border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
|
|
9190
9357
|
border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
|
|
9191
9358
|
border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
|
|
9192
9359
|
border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
|
|
9360
|
+
transition-delay: var(--pf-v6-c-button--TransitionDelay);
|
|
9193
9361
|
transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
|
|
9194
9362
|
transition-duration: var(--pf-v6-c-button--TransitionDuration);
|
|
9195
9363
|
transition-property: var(--pf-v6-c-button--TransitionProperty);
|
|
9364
|
+
scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
|
|
9196
9365
|
}
|
|
9197
9366
|
.pf-v6-c-button::after {
|
|
9198
9367
|
position: absolute;
|
|
@@ -9301,6 +9470,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9301
9470
|
--pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
|
|
9302
9471
|
text-align: start;
|
|
9303
9472
|
white-space: normal;
|
|
9473
|
+
background: transparent;
|
|
9304
9474
|
outline-offset: 0.125rem;
|
|
9305
9475
|
}
|
|
9306
9476
|
span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
@@ -9434,6 +9604,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9434
9604
|
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
|
|
9435
9605
|
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
|
|
9436
9606
|
min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
|
|
9607
|
+
background: var(--pf-v6-c-button--BackgroundColor);
|
|
9437
9608
|
}
|
|
9438
9609
|
.pf-v6-c-button.pf-m-block {
|
|
9439
9610
|
--pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
|
|
@@ -9453,44 +9624,96 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9453
9624
|
--pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
|
|
9454
9625
|
}
|
|
9455
9626
|
.pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
|
|
9627
|
+
display: grid;
|
|
9456
9628
|
transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
|
|
9457
9629
|
transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
|
|
9458
9630
|
transition-property: color;
|
|
9459
9631
|
}
|
|
9460
9632
|
.pf-v6-c-button.pf-m-favorited {
|
|
9461
9633
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
|
|
9634
|
+
--pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
|
|
9462
9635
|
--pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
|
|
9636
|
+
--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
|
|
9637
|
+
--pf-v6-c-button__icon--favorite--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorite--Opacity);
|
|
9638
|
+
--pf-v6-c-button__icon--favorited--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorited--Opacity);
|
|
9463
9639
|
}
|
|
9464
9640
|
.pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
|
|
9465
9641
|
animation-name: pf-v6-c-button-icon-favorited;
|
|
9466
9642
|
animation-duration: var(--pf-v6-c-button--m-favorited__icon--AnimationDuration);
|
|
9467
9643
|
animation-timing-function: var(--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction);
|
|
9468
9644
|
}
|
|
9645
|
+
.pf-v6-c-button.pf-m-settings {
|
|
9646
|
+
--pf-v6-c-button__icon--TransitionProperty: rotate;
|
|
9647
|
+
--pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--m-settings__icon--TransitionDuration);
|
|
9648
|
+
--pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--m-settings__icon--TransitionTimingFunction);
|
|
9649
|
+
--pf-v6-c-button--hover__icon--TransitionProperty: rotate;
|
|
9650
|
+
--pf-v6-c-button--hover__icon--TransitionDuration: var(--pf-v6-c-button--m-settings--hover__icon--TransitionDuration);
|
|
9651
|
+
--pf-v6-c-button--hover__icon--TransitionTimingFunction: var(--pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction);
|
|
9652
|
+
--pf-v6-c-button--hover__icon--Rotate: var(--pf-v6-c-button--m-settings--hover__icon--Rotate);
|
|
9653
|
+
}
|
|
9654
|
+
.pf-v6-c-button.pf-m-hamburger {
|
|
9655
|
+
--pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
|
|
9656
|
+
--pf-v6-c-button__icon--TransitionDuration: 0s;
|
|
9657
|
+
--pf-v6-c-button__icon--TransitionProperty: scale;
|
|
9658
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
|
|
9659
|
+
--pf-v6-c-button--hover__icon--TransitionDuration: 0s;
|
|
9660
|
+
--pf-v6-c-button--hover__icon--TransitionProperty: scale;
|
|
9661
|
+
}
|
|
9662
|
+
.pf-v6-c-button.pf-m-hamburger.pf-m-expand {
|
|
9663
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
|
9664
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
|
9665
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
|
9666
|
+
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
|
9667
|
+
--pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
|
9668
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
|
9669
|
+
--pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
|
9670
|
+
}
|
|
9671
|
+
.pf-v6-c-button.pf-m-hamburger.pf-m-collapse {
|
|
9672
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
|
9673
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
|
9674
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
|
9675
|
+
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
|
9676
|
+
--pf-v6-c-button__icon--ScaleX: 1;
|
|
9677
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
|
9678
|
+
--pf-v6-c-button--hover__icon--ScaleX: 1;
|
|
9679
|
+
}
|
|
9469
9680
|
.pf-v6-c-button:hover, .pf-v6-c-button:focus {
|
|
9470
9681
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
|
|
9471
9682
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
|
|
9472
9683
|
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
|
|
9473
9684
|
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
|
|
9685
|
+
--pf-v6-c-button--ScaleX: var(--pf-v6-c-button--hover--ScaleX);
|
|
9686
|
+
--pf-v6-c-button--ScaleY: var(--pf-v6-c-button--hover--ScaleY);
|
|
9474
9687
|
--pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
|
|
9475
9688
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
|
|
9689
|
+
--pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--hover__icon--TransitionTimingFunction);
|
|
9690
|
+
--pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--hover__icon--TransitionDuration);
|
|
9691
|
+
--pf-v6-c-button__icon--TransitionProperty: var(--pf-v6-c-button--hover__icon--TransitionProperty);
|
|
9692
|
+
--pf-v6-c-button__icon--Rotate: var(--pf-v6-c-button--hover__icon--Rotate);
|
|
9693
|
+
--pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--hover__icon--ScaleX);
|
|
9694
|
+
--pf-v6-c-button__icon--ScaleY: var(--pf-v6-c-button--hover__icon--ScaleY);
|
|
9476
9695
|
text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
|
|
9477
9696
|
text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
|
|
9478
9697
|
text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
|
|
9479
9698
|
}
|
|
9480
|
-
.pf-v6-c-button.pf-m-clicked {
|
|
9699
|
+
.pf-v6-c-button:active, .pf-v6-c-button.pf-m-clicked {
|
|
9481
9700
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
|
|
9482
9701
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-clicked--BackgroundColor);
|
|
9483
9702
|
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-clicked--BorderWidth);
|
|
9484
9703
|
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-clicked--BorderColor);
|
|
9485
9704
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
|
|
9486
9705
|
}
|
|
9706
|
+
.pf-v6-c-button:active {
|
|
9707
|
+
background-size: 100%;
|
|
9708
|
+
transition-duration: 0s;
|
|
9709
|
+
}
|
|
9487
9710
|
.pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled {
|
|
9488
9711
|
pointer-events: none;
|
|
9489
9712
|
}
|
|
9490
9713
|
.pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
|
|
9491
9714
|
color: var(--pf-v6-c-button--disabled--Color);
|
|
9492
9715
|
text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
|
|
9493
|
-
background
|
|
9716
|
+
background: var(--pf-v6-c-button--disabled--BackgroundColor);
|
|
9494
9717
|
}
|
|
9495
9718
|
.pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
|
|
9496
9719
|
border-color: transparent;
|
|
@@ -9531,6 +9754,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9531
9754
|
margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
|
|
9532
9755
|
margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
|
|
9533
9756
|
color: var(--pf-v6-c-button__icon--Color);
|
|
9757
|
+
transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
|
|
9758
|
+
transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
|
|
9759
|
+
transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
|
|
9760
|
+
transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
|
|
9761
|
+
rotate: var(--pf-v6-c-button__icon--Rotate);
|
|
9762
|
+
scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
|
|
9534
9763
|
}
|
|
9535
9764
|
.pf-v6-c-button__icon.pf-m-start {
|
|
9536
9765
|
--pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
|
|
@@ -9539,6 +9768,21 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9539
9768
|
--pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
|
|
9540
9769
|
}
|
|
9541
9770
|
|
|
9771
|
+
.pf-v6-c-button__icon-favorite,
|
|
9772
|
+
.pf-v6-c-button__icon-favorited {
|
|
9773
|
+
grid-area: 1/1/1/1;
|
|
9774
|
+
transition-duration: var(--pf-v6-c-button__icon--favorite--TransitionDuration);
|
|
9775
|
+
transition-property: opacity;
|
|
9776
|
+
}
|
|
9777
|
+
|
|
9778
|
+
.pf-v6-c-button__icon-favorite {
|
|
9779
|
+
opacity: var(--pf-v6-c-button__icon--favorite--Opacity);
|
|
9780
|
+
}
|
|
9781
|
+
|
|
9782
|
+
.pf-v6-c-button__icon-favorited {
|
|
9783
|
+
opacity: var(--pf-v6-c-button__icon--favorited--Opacity);
|
|
9784
|
+
}
|
|
9785
|
+
|
|
9542
9786
|
.pf-v6-c-button__progress {
|
|
9543
9787
|
position: absolute;
|
|
9544
9788
|
inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
|
|
@@ -9551,11 +9795,39 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9551
9795
|
--pf-v6-c-spinner--Color: currentcolor;
|
|
9552
9796
|
}
|
|
9553
9797
|
|
|
9798
|
+
.pf-v6-c-button__text {
|
|
9799
|
+
text-decoration: inherit;
|
|
9800
|
+
}
|
|
9801
|
+
|
|
9554
9802
|
.pf-v6-c-button__count {
|
|
9555
9803
|
display: inline-flex;
|
|
9556
9804
|
align-items: center;
|
|
9557
9805
|
}
|
|
9558
9806
|
|
|
9807
|
+
.pf-v6-c-button--hamburger-icon path {
|
|
9808
|
+
fill: none;
|
|
9809
|
+
stroke: currentcolor;
|
|
9810
|
+
stroke-linecap: round;
|
|
9811
|
+
stroke-linejoin: round;
|
|
9812
|
+
transition: d var(--pf-v6-c-button--hamburger-icon--TransitionDuration) var(--pf-v6-c-button--hamburger-icon--TransitionTimingFunction);
|
|
9813
|
+
}
|
|
9814
|
+
|
|
9815
|
+
.pf-v6-c-button--hamburger-icon--top {
|
|
9816
|
+
d: var(--pf-v6-c-button--hamburger-icon--top--path);
|
|
9817
|
+
}
|
|
9818
|
+
|
|
9819
|
+
.pf-v6-c-button--hamburger-icon--middle {
|
|
9820
|
+
d: var(--pf-v6-c-button--hamburger-icon--middle--path);
|
|
9821
|
+
}
|
|
9822
|
+
|
|
9823
|
+
.pf-v6-c-button--hamburger-icon--arrow {
|
|
9824
|
+
d: var(--pf-v6-c-button--hamburger-icon--arrow--path);
|
|
9825
|
+
}
|
|
9826
|
+
|
|
9827
|
+
.pf-v6-c-button--hamburger-icon--bottom {
|
|
9828
|
+
d: var(--pf-v6-c-button--hamburger-icon--bottom--path);
|
|
9829
|
+
}
|
|
9830
|
+
|
|
9559
9831
|
@keyframes pf-v6-c-button-icon-notify {
|
|
9560
9832
|
33% {
|
|
9561
9833
|
transform: rotate(30deg);
|
|
@@ -9566,7 +9838,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9566
9838
|
}
|
|
9567
9839
|
@keyframes pf-v6-c-button-icon-favorited {
|
|
9568
9840
|
50% {
|
|
9569
|
-
|
|
9841
|
+
scale: 1.5;
|
|
9570
9842
|
}
|
|
9571
9843
|
}
|
|
9572
9844
|
.pf-v6-c-calendar-month {
|
|
@@ -10513,6 +10785,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
10513
10785
|
.pf-v6-c-code-editor__main .monaco-editor {
|
|
10514
10786
|
background-color: var(--pf-v6-c-code-editor__main--BackgroundColor);
|
|
10515
10787
|
}
|
|
10788
|
+
.pf-v6-c-code-editor__main a.label-name {
|
|
10789
|
+
text-decoration-line: none;
|
|
10790
|
+
}
|
|
10516
10791
|
|
|
10517
10792
|
.pf-v6-c-code-editor__header + .pf-v6-c-code-editor__main {
|
|
10518
10793
|
border-block-start-width: 0;
|
|
@@ -12086,6 +12361,17 @@ ul) {
|
|
|
12086
12361
|
--pf-v6-c-dual-list-selector__menu--MinHeight: 12.5rem;
|
|
12087
12362
|
--pf-v6-c-dual-list-selector__menu--MaxHeight: 20rem;
|
|
12088
12363
|
--pf-v6-c-dual-list-selector__menu--MarginBlockStart: var(--pf-t--global--spacer--md);
|
|
12364
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: 0s;
|
|
12365
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
12366
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: 0s;
|
|
12367
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
12368
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--slide: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide);
|
|
12369
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--fade: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--fade);
|
|
12370
|
+
--pf-v6-c-dual-list-selector__list--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
12371
|
+
--pf-v6-c-dual-list-selector__list--Opacity: 0;
|
|
12372
|
+
--pf-v6-c-dual-list-selector--m-expanded__list--Opacity: 1;
|
|
12373
|
+
--pf-v6-c-dual-list-selector__list--TranslateY: 0;
|
|
12374
|
+
--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
|
|
12089
12375
|
--pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
|
|
12090
12376
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
12091
12377
|
--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
@@ -12123,6 +12409,13 @@ ul) {
|
|
|
12123
12409
|
--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
|
|
12124
12410
|
--pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
12125
12411
|
}
|
|
12412
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
12413
|
+
.pf-v6-c-dual-list-selector {
|
|
12414
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
12415
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
12416
|
+
--pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
|
|
12417
|
+
}
|
|
12418
|
+
}
|
|
12126
12419
|
|
|
12127
12420
|
.pf-v6-c-dual-list-selector {
|
|
12128
12421
|
display: grid;
|
|
@@ -12218,9 +12511,27 @@ ul) {
|
|
|
12218
12511
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expandable {
|
|
12219
12512
|
--pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
|
|
12220
12513
|
}
|
|
12514
|
+
.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 {
|
|
12515
|
+
max-height: 0;
|
|
12516
|
+
visibility: hidden;
|
|
12517
|
+
opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
|
|
12518
|
+
transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
|
|
12519
|
+
transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
|
|
12520
|
+
transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
|
|
12521
|
+
transition-property: opacity, translate, visibility, max-height;
|
|
12522
|
+
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
12523
|
+
}
|
|
12221
12524
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
|
|
12222
12525
|
--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
12526
|
}
|
|
12527
|
+
.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 {
|
|
12528
|
+
max-height: 99999px;
|
|
12529
|
+
visibility: revert;
|
|
12530
|
+
opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
|
|
12531
|
+
transition-delay: 0s;
|
|
12532
|
+
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;
|
|
12533
|
+
translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
|
|
12534
|
+
}
|
|
12224
12535
|
.pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
|
|
12225
12536
|
--pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
|
|
12226
12537
|
--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);
|
|
@@ -13756,6 +14067,18 @@ ul) {
|
|
|
13756
14067
|
--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
|
|
13757
14068
|
--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
|
|
13758
14069
|
--pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
|
|
14070
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: 0s;
|
|
14071
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
14072
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: 0s;
|
|
14073
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
14074
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--slide: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide);
|
|
14075
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--fade: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade);
|
|
14076
|
+
--pf-v6-c-expandable-section__content--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
14077
|
+
--pf-v6-c-expandable-section__content--TransitionDelay--hide: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade);
|
|
14078
|
+
--pf-v6-c-expandable-section__content--Opacity: 0;
|
|
14079
|
+
--pf-v6-c-expandable-section__content--TranslateY: 0;
|
|
14080
|
+
--pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
|
|
14081
|
+
--pf-v6-c-expandable-section--m-expanded__content--TranslateY: 0;
|
|
13759
14082
|
--pf-v6-c-expandable-section__content--MaxWidth: auto;
|
|
13760
14083
|
--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
|
|
13761
14084
|
--pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -13767,20 +14090,39 @@ ul) {
|
|
|
13767
14090
|
--pf-v6-c-expandable-section--m-display-lg--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
13768
14091
|
--pf-v6-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
|
|
13769
14092
|
--pf-v6-c-expandable-section--m-display-lg--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
14093
|
+
--pf-v6-c-expandable-section--m-display-lg--TransitionDelay: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade);
|
|
13770
14094
|
--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));
|
|
13771
14095
|
--pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
|
|
13772
14096
|
--pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
|
|
13773
14097
|
}
|
|
14098
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
14099
|
+
.pf-v6-c-expandable-section {
|
|
14100
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
14101
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
14102
|
+
--pf-v6-c-expandable-section__content--TranslateY: -.5rem;
|
|
14103
|
+
}
|
|
14104
|
+
}
|
|
13774
14105
|
|
|
13775
14106
|
.pf-v6-c-expandable-section {
|
|
13776
14107
|
display: flex;
|
|
13777
14108
|
flex-direction: column;
|
|
13778
|
-
gap:
|
|
14109
|
+
gap: 0;
|
|
14110
|
+
transition-delay: var(--pf-v6-c-expandable-section__content--TransitionDelay--hide);
|
|
14111
|
+
transition-duration: 0s;
|
|
14112
|
+
transition-property: gap, padding-block-end;
|
|
13779
14113
|
}
|
|
13780
14114
|
.pf-v6-c-expandable-section.pf-m-expanded {
|
|
13781
14115
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate);
|
|
13782
14116
|
--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);
|
|
13783
14117
|
--pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd);
|
|
14118
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--slide: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide);
|
|
14119
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--fade: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--fade);
|
|
14120
|
+
--pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
|
|
14121
|
+
--pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
|
|
14122
|
+
--pf-v6-c-expandable-section__content--Visibility: auto;
|
|
14123
|
+
--pf-v6-c-expandable-section__content--MaxHeight: 99999px;
|
|
14124
|
+
--pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
|
|
14125
|
+
gap: var(--pf-v6-c-expandable-section--Gap);
|
|
13784
14126
|
}
|
|
13785
14127
|
.pf-v6-c-expandable-section.pf-m-limit-width {
|
|
13786
14128
|
--pf-v6-c-expandable-section__content--MaxWidth: var(--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth);
|
|
@@ -13827,6 +14169,19 @@ ul) {
|
|
|
13827
14169
|
padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
|
|
13828
14170
|
padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
|
|
13829
14171
|
}
|
|
14172
|
+
.pf-v6-c-expandable-section__content:where([hidden]) {
|
|
14173
|
+
display: revert;
|
|
14174
|
+
}
|
|
14175
|
+
.pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) .pf-v6-c-expandable-section__content {
|
|
14176
|
+
max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
|
|
14177
|
+
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
14178
|
+
opacity: var(--pf-v6-c-expandable-section__content--Opacity);
|
|
14179
|
+
transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
|
|
14180
|
+
transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
|
|
14181
|
+
transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
|
|
14182
|
+
transition-property: opacity, translate, visibility, max-height;
|
|
14183
|
+
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
14184
|
+
}
|
|
13830
14185
|
|
|
13831
14186
|
.pf-v6-c-file-upload {
|
|
13832
14187
|
--pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
@@ -13938,7 +14293,7 @@ ul) {
|
|
|
13938
14293
|
--pf-v6-c-form__field-group--GridTemplateColumns--toggle: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-form__field-group-toggle-icon--MinWidth) + var(--pf-t--global--spacer--xs));
|
|
13939
14294
|
--pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
|
|
13940
14295
|
--pf-v6-c-form__field-group-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
|
13941
|
-
--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
14296
|
+
--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
13942
14297
|
--pf-v6-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
|
|
13943
14298
|
--pf-v6-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderBlockStartWidth: var(--pf-v6-c-form__field-group-header-toggle--BorderWidth--base);
|
|
13944
14299
|
--pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
@@ -13958,6 +14313,8 @@ ul) {
|
|
|
13958
14313
|
--pf-v6-c-form__field-group-header-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
|
|
13959
14314
|
--pf-v6-c-form__field-group-header-description--Color: var(--pf-t--global--text--color--subtle);
|
|
13960
14315
|
--pf-v6-c-form__field-group-header-actions--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
14316
|
+
--pf-v6-c-form__field-group-header-actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
14317
|
+
--pf-v6-c-form__field-group-header-actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
13961
14318
|
--pf-v6-c-form__field-group-body--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
13962
14319
|
--pf-v6-c-form__field-group-body--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
13963
14320
|
--pf-v6-c-form__field-group-body--Gap: var(--pf-v6-c-form--GridGap);
|
|
@@ -13965,6 +14322,19 @@ ul) {
|
|
|
13965
14322
|
--pf-v6-c-form__field-group__field-group__field-group-body--GridColumn: 1 / 3;
|
|
13966
14323
|
--pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn: 2 / 3;
|
|
13967
14324
|
--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd: calc(var(--pf-v6-c-form__field-group-body--PaddingBlockEnd) * -1);
|
|
14325
|
+
--pf-v6-c-form__field-group-body--TranslateY: 0;
|
|
14326
|
+
--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY: 0;
|
|
14327
|
+
--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: 0s;
|
|
14328
|
+
--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
14329
|
+
--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: 0s;
|
|
14330
|
+
--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
14331
|
+
}
|
|
14332
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
14333
|
+
.pf-v6-c-form {
|
|
14334
|
+
--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
14335
|
+
--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
14336
|
+
--pf-v6-c-form__field-group-body--TranslateY: -.5rem;
|
|
14337
|
+
}
|
|
13968
14338
|
}
|
|
13969
14339
|
|
|
13970
14340
|
.pf-v6-c-form {
|
|
@@ -14321,6 +14691,16 @@ ul) {
|
|
|
14321
14691
|
.pf-v6-c-form__field-group.pf-m-expanded > .pf-v6-c-form__field-group-toggle {
|
|
14322
14692
|
--pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
|
|
14323
14693
|
}
|
|
14694
|
+
.pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
14695
|
+
max-height: 99999px;
|
|
14696
|
+
padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
|
|
14697
|
+
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
14698
|
+
visibility: visible;
|
|
14699
|
+
opacity: 1;
|
|
14700
|
+
transition-delay: 0s;
|
|
14701
|
+
transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
|
|
14702
|
+
translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
|
|
14703
|
+
}
|
|
14324
14704
|
|
|
14325
14705
|
.pf-v6-c-form__field-group-toggle {
|
|
14326
14706
|
grid-row: 1/2;
|
|
@@ -14379,6 +14759,8 @@ ul) {
|
|
|
14379
14759
|
}
|
|
14380
14760
|
|
|
14381
14761
|
.pf-v6-c-form__field-group-header-actions {
|
|
14762
|
+
margin-block-start: var(--pf-v6-c-form__field-group-header-actions--MarginBlockStart);
|
|
14763
|
+
margin-block-end: var(--pf-v6-c-form__field-group-header-actions--MarginBlockEnd);
|
|
14382
14764
|
margin-inline-start: var(--pf-v6-c-form__field-group-header-actions--MarginInlineStart);
|
|
14383
14765
|
white-space: nowrap;
|
|
14384
14766
|
}
|
|
@@ -14390,6 +14772,18 @@ ul) {
|
|
|
14390
14772
|
padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
|
|
14391
14773
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
14392
14774
|
}
|
|
14775
|
+
.pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
14776
|
+
max-height: 0;
|
|
14777
|
+
padding-block-start: 0;
|
|
14778
|
+
padding-block-end: 0;
|
|
14779
|
+
visibility: hidden;
|
|
14780
|
+
opacity: 0;
|
|
14781
|
+
transition-delay: 0s, 0s, var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade);
|
|
14782
|
+
transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide), 0s, 0s, 0s, 0s;
|
|
14783
|
+
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
|
14784
|
+
translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
|
|
14785
|
+
}
|
|
14786
|
+
|
|
14393
14787
|
.pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
|
|
14394
14788
|
--pf-v6-c-form__field-group-toggle--PaddingBlockStart: 0;
|
|
14395
14789
|
--pf-v6-c-form__field-group-header--PaddingBlockStart: 0;
|
|
@@ -14626,6 +15020,22 @@ ul) {
|
|
|
14626
15020
|
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
|
|
14627
15021
|
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
|
|
14628
15022
|
}
|
|
15023
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
15024
|
+
.pf-v6-c-form-control.pf-m-error {
|
|
15025
|
+
translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
|
|
15026
|
+
animation-name: pf-v6-global-danger-jiggle-motion;
|
|
15027
|
+
animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
|
|
15028
|
+
animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
|
|
15029
|
+
animation-fill-mode: both;
|
|
15030
|
+
}
|
|
15031
|
+
}
|
|
15032
|
+
.pf-v6-c-form-control.pf-m-error .pf-v6-c-form-control__icon.pf-m-status {
|
|
15033
|
+
--pf-v6-c-form-control--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
|
|
15034
|
+
--pf-v6-c-form-control--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
|
|
15035
|
+
animation-name: pf-v6-global-fade-in;
|
|
15036
|
+
animation-duration: var(--pf-v6-c-form-control--TransitionDuration--Opacity);
|
|
15037
|
+
animation-timing-function: var(--pf-v6-c-form-control--TransitionTimingFunction--Opacity);
|
|
15038
|
+
}
|
|
14629
15039
|
.pf-v6-c-form-control.pf-m-error > textarea {
|
|
14630
15040
|
padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-error--PaddingInlineEnd));
|
|
14631
15041
|
}
|
|
@@ -17094,7 +17504,7 @@ ul.pf-v6-c-list {
|
|
|
17094
17504
|
--pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
|
|
17095
17505
|
--pf-v6-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
17096
17506
|
--pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
17097
|
-
--pf-v6-c-menu--TransitionDuration:
|
|
17507
|
+
--pf-v6-c-menu--TransitionDuration: 0s;
|
|
17098
17508
|
--pf-v6-c-menu--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
17099
17509
|
--pf-v6-c-menu--m-plain--BoxShadow: none;
|
|
17100
17510
|
--pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
|
|
@@ -17167,14 +17577,34 @@ ul.pf-v6-c-list {
|
|
|
17167
17577
|
--pf-v6-c-menu--m-flyout__menu--m-left--InsetInlineEnd: calc(100% + var(--pf-v6-c-menu--m-flyout__menu--m-left--right-offset));
|
|
17168
17578
|
--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
|
|
17169
17579
|
--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
17170
|
-
--pf-v6-c-menu--m-drilldown__content--Transition:
|
|
17580
|
+
--pf-v6-c-menu--m-drilldown__content--Transition: height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
|
|
17171
17581
|
--pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
|
|
17172
|
-
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform:
|
|
17582
|
+
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
|
|
17173
17583
|
--pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
|
|
17174
|
-
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform:
|
|
17584
|
+
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
|
|
17175
17585
|
--pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
|
|
17176
17586
|
--pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
|
|
17177
17587
|
}
|
|
17588
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
17589
|
+
.pf-v6-c-menu {
|
|
17590
|
+
--pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
17591
|
+
}
|
|
17592
|
+
}
|
|
17593
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
17594
|
+
.pf-v6-c-menu {
|
|
17595
|
+
--pf-v6-c-menu--m-drilldown__content--Transition: transform var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
|
|
17596
|
+
}
|
|
17597
|
+
}
|
|
17598
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
17599
|
+
.pf-v6-c-menu {
|
|
17600
|
+
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
17601
|
+
}
|
|
17602
|
+
}
|
|
17603
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
17604
|
+
.pf-v6-c-menu {
|
|
17605
|
+
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
17606
|
+
}
|
|
17607
|
+
}
|
|
17178
17608
|
|
|
17179
17609
|
.pf-v6-c-menu__content,
|
|
17180
17610
|
.pf-v6-c-menu__list-item,
|
|
@@ -17708,6 +18138,14 @@ ul.pf-v6-c-list {
|
|
|
17708
18138
|
--pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
17709
18139
|
--pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
|
|
17710
18140
|
--pf-v6-c-menu-toggle__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
18141
|
+
--pf-v6-c-menu-toggle__icon--TransitionDelay: 0s;
|
|
18142
|
+
--pf-v6-c-menu-toggle__icon--TransitionDuration: 0s;
|
|
18143
|
+
--pf-v6-c-menu-toggle__icon--TransitionProperty: none;
|
|
18144
|
+
--pf-v6-c-menu-toggle--hover__icon--TransitionDelay: 0s;
|
|
18145
|
+
--pf-v6-c-menu-toggle--hover__icon--TransitionDuration: 0s;
|
|
18146
|
+
--pf-v6-c-menu-toggle--hover__icon--TransitionProperty: none;
|
|
18147
|
+
--pf-v6-c-menu-toggle__icon--Rotate: 0deg;
|
|
18148
|
+
--pf-v6-c-menu-toggle--hover__icon--Rotate: 0deg;
|
|
17711
18149
|
--pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
|
|
17712
18150
|
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
17713
18151
|
--pf-v6-c-menu-toggle--m-primary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
|
|
@@ -17805,6 +18243,11 @@ ul.pf-v6-c-list {
|
|
|
17805
18243
|
--pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
|
|
17806
18244
|
--pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
|
|
17807
18245
|
--pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
|
|
18246
|
+
--pf-v6-c-menu-toggle--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
|
18247
|
+
--pf-v6-c-menu-toggle--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
|
|
18248
|
+
--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
|
18249
|
+
--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
18250
|
+
--pf-v6-c-menu-toggle--m-settings--hover__icon--Rotate: 60deg;
|
|
17808
18251
|
}
|
|
17809
18252
|
|
|
17810
18253
|
.pf-v6-c-menu-toggle {
|
|
@@ -17918,6 +18361,10 @@ ul.pf-v6-c-list {
|
|
|
17918
18361
|
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--hover--BorderWidth);
|
|
17919
18362
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--hover--BorderColor);
|
|
17920
18363
|
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--hover__toggle-icon--Color);
|
|
18364
|
+
--pf-v6-c-menu-toggle__icon--TransitionDelay: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDelay);
|
|
18365
|
+
--pf-v6-c-menu-toggle__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDuration);
|
|
18366
|
+
--pf-v6-c-menu-toggle__icon--TransitionProperty: var(--pf-v6-c-menu-toggle--hover__icon--TransitionProperty);
|
|
18367
|
+
--pf-v6-c-menu-toggle__icon--Rotate: var(--pf-v6-c-menu-toggle--hover__icon--Rotate);
|
|
17921
18368
|
}
|
|
17922
18369
|
.pf-v6-c-menu-toggle:is(.pf-m-expanded, [aria-expanded=true]) {
|
|
17923
18370
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--expanded--Color);
|
|
@@ -17973,6 +18420,15 @@ ul.pf-v6-c-list {
|
|
|
17973
18420
|
opacity: 1;
|
|
17974
18421
|
}
|
|
17975
18422
|
}
|
|
18423
|
+
.pf-v6-c-menu-toggle.pf-m-settings {
|
|
18424
|
+
--pf-v6-c-menu-toggle__icon--TransitionProperty: rotate;
|
|
18425
|
+
--pf-v6-c-menu-toggle__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--m-settings__icon--TransitionDuration);
|
|
18426
|
+
--pf-v6-c-menu-toggle__icon--TransitionTimingFunction: var(--pf-v6-c-menu-toggle--m-settings__icon--TransitionTimingFunction);
|
|
18427
|
+
--pf-v6-c-menu-toggle--hover__icon--TransitionProperty: rotate;
|
|
18428
|
+
--pf-v6-c-menu-toggle--hover__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionDuration);
|
|
18429
|
+
--pf-v6-c-menu-toggle--hover__icon--TransitionTimingFunction: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionTimingFunction);
|
|
18430
|
+
--pf-v6-c-menu-toggle--hover__icon--Rotate: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--Rotate);
|
|
18431
|
+
}
|
|
17976
18432
|
.pf-v6-c-menu-toggle.pf-m-placeholder {
|
|
17977
18433
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
|
|
17978
18434
|
}
|
|
@@ -18125,16 +18581,24 @@ ul.pf-v6-c-list {
|
|
|
18125
18581
|
flex-wrap: nowrap;
|
|
18126
18582
|
}
|
|
18127
18583
|
|
|
18128
|
-
.pf-v6-c-menu-toggle__icon {
|
|
18129
|
-
flex-shrink: 0;
|
|
18130
|
-
}
|
|
18131
18584
|
.pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
|
|
18132
18585
|
.pf-v6-c-menu-toggle__icon.pf-m-avatar img,
|
|
18133
|
-
.pf-v6-c-menu-toggle__icon.pf-m-avatar svg {
|
|
18586
|
+
.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 {
|
|
18134
18587
|
margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
|
|
18135
18588
|
margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
|
|
18136
18589
|
}
|
|
18137
18590
|
|
|
18591
|
+
.pf-v6-c-menu-toggle__icon {
|
|
18592
|
+
flex-shrink: 0;
|
|
18593
|
+
transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
|
|
18594
|
+
transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
|
|
18595
|
+
transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
|
|
18596
|
+
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
|
18597
|
+
}
|
|
18598
|
+
.pf-v6-c-menu-toggle__icon :where(picture, img) {
|
|
18599
|
+
vertical-align: middle;
|
|
18600
|
+
}
|
|
18601
|
+
|
|
18138
18602
|
.pf-v6-c-menu-toggle__controls {
|
|
18139
18603
|
display: flex;
|
|
18140
18604
|
gap: var(--pf-v6-c-menu-toggle__controls--Gap);
|
|
@@ -18621,9 +19085,13 @@ ul.pf-v6-c-list {
|
|
|
18621
19085
|
--pf-v6-c-nav__subnav--PaddingBlockStart: var(--pf-v6-c-nav__item--RowGap);
|
|
18622
19086
|
--pf-v6-c-nav__subnav--PaddingBlockEnd: var(--pf-v6-c-nav__item--RowGap);
|
|
18623
19087
|
--pf-v6-c-nav__subnav--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
18624
|
-
--pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-t--global--motion--duration--
|
|
18625
|
-
--pf-v6-c-nav__subnav--TransitionDuration--
|
|
19088
|
+
--pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-t--global--motion--duration--fade--default);
|
|
19089
|
+
--pf-v6-c-nav__subnav--TransitionDuration--expand--slide: 0s;
|
|
19090
|
+
--pf-v6-c-nav__subnav--TransitionDuration--collapse: var(--pf-t--global--motion--duration--fade--short);
|
|
19091
|
+
--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: 0s;
|
|
18626
19092
|
--pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
|
|
19093
|
+
--pf-v6-c-nav__subnav--TranslateY: 0;
|
|
19094
|
+
--pf-v6-c-nav__subnav--hidden--TranslateY: 0;
|
|
18627
19095
|
--pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
|
|
18628
19096
|
--pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
|
|
18629
19097
|
--pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
|
|
@@ -18652,6 +19120,13 @@ ul.pf-v6-c-list {
|
|
|
18652
19120
|
--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
18653
19121
|
--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
18654
19122
|
}
|
|
19123
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
19124
|
+
.pf-v6-c-nav {
|
|
19125
|
+
--pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
19126
|
+
--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
19127
|
+
--pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
|
|
19128
|
+
}
|
|
19129
|
+
}
|
|
18655
19130
|
|
|
18656
19131
|
.pf-v6-c-nav,
|
|
18657
19132
|
.pf-v6-c-nav__section,
|
|
@@ -18722,24 +19197,27 @@ ul.pf-v6-c-list {
|
|
|
18722
19197
|
|
|
18723
19198
|
.pf-v6-c-nav__subnav {
|
|
18724
19199
|
--pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
|
|
18725
|
-
|
|
18726
|
-
min-height: 0;
|
|
19200
|
+
max-height: 99999px;
|
|
18727
19201
|
padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
|
|
18728
19202
|
padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
|
|
18729
19203
|
padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
|
|
18730
19204
|
overflow-y: clip;
|
|
18731
|
-
|
|
19205
|
+
visibility: visible;
|
|
19206
|
+
transition-delay: 0s, 0s, var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s);
|
|
18732
19207
|
transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
|
|
18733
|
-
transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), 0s, 0s, 0s, 0s;
|
|
18734
|
-
transition-property: opacity, visibility,
|
|
19208
|
+
transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
|
|
19209
|
+
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
|
19210
|
+
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
|
18735
19211
|
}
|
|
18736
19212
|
.pf-v6-c-nav__subnav[hidden] {
|
|
18737
19213
|
--pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
|
|
18738
19214
|
--pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-v6-c-nav__subnav--TransitionDuration--collapse);
|
|
19215
|
+
--pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide);
|
|
18739
19216
|
--pf-v6-c-nav__subnav--PaddingBlockStart: 0;
|
|
18740
19217
|
--pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
|
|
19218
|
+
--pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
|
|
18741
19219
|
display: grid;
|
|
18742
|
-
|
|
19220
|
+
max-height: 0;
|
|
18743
19221
|
visibility: hidden;
|
|
18744
19222
|
opacity: 0;
|
|
18745
19223
|
}
|
|
@@ -19224,13 +19702,18 @@ ul.pf-v6-c-list {
|
|
|
19224
19702
|
--pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
19225
19703
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
|
19226
19704
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
19227
|
-
--pf-v6-c-page__sidebar--Width: 18.125rem;
|
|
19228
|
-
--pf-v6-c-page__sidebar--
|
|
19705
|
+
--pf-v6-c-page__sidebar--Width--base: 18.125rem;
|
|
19706
|
+
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
19707
|
+
--pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
19229
19708
|
--pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
19230
19709
|
--pf-v6-c-page__sidebar--BoxShadow: none;
|
|
19231
|
-
--pf-v6-c-page__sidebar--
|
|
19232
|
-
--pf-v6-c-page__sidebar--
|
|
19710
|
+
--pf-v6-c-page__sidebar--TransitionProperty: opacity;
|
|
19711
|
+
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
19712
|
+
--pf-v6-c-page__sidebar--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
19233
19713
|
--pf-v6-c-page__sidebar--TranslateX: -100%;
|
|
19714
|
+
--pf-v6-c-page__sidebar--Opacity: 0;
|
|
19715
|
+
--pf-v6-c-page__sidebar--m-expanded--Opacity: 1;
|
|
19716
|
+
--pf-v6-c-page__sidebar--xl--Opacity: 1;
|
|
19234
19717
|
--pf-v6-c-page__sidebar--TranslateZ: 0;
|
|
19235
19718
|
--pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
|
|
19236
19719
|
--pf-v6-c-page__sidebar--xl--TranslateX: 0;
|
|
@@ -19308,9 +19791,17 @@ ul.pf-v6-c-list {
|
|
|
19308
19791
|
--pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
19309
19792
|
--pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
|
|
19310
19793
|
}
|
|
19794
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
19795
|
+
.pf-v6-c-page {
|
|
19796
|
+
--pf-v6-c-page__sidebar--Opacity: 1;
|
|
19797
|
+
--pf-v6-c-page__sidebar--TransitionProperty: transform;
|
|
19798
|
+
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
|
|
19799
|
+
}
|
|
19800
|
+
}
|
|
19311
19801
|
@media screen and (min-width: 75rem) {
|
|
19312
19802
|
.pf-v6-c-page {
|
|
19313
19803
|
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
|
|
19804
|
+
--pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
|
|
19314
19805
|
}
|
|
19315
19806
|
}
|
|
19316
19807
|
|
|
@@ -19331,6 +19822,51 @@ ul.pf-v6-c-list {
|
|
|
19331
19822
|
grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
|
|
19332
19823
|
}
|
|
19333
19824
|
}
|
|
19825
|
+
.pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
|
|
19826
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
|
19827
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
|
19828
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
|
19829
|
+
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
|
19830
|
+
--pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
|
19831
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
|
19832
|
+
--pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
|
19833
|
+
}
|
|
19834
|
+
.pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-expanded)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle :is(.pf-v6-c-button.pf-m-hamburger, .pf-v6-c-button.pf-m-hamburger:hover, .pf-v6-c-button.pf-m-hamburger:focus-visible) {
|
|
19835
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
|
19836
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
|
19837
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
|
19838
|
+
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
|
19839
|
+
--pf-v6-c-button__icon--ScaleX: 1;
|
|
19840
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
|
19841
|
+
--pf-v6-c-button--hover__icon--ScaleX: 1;
|
|
19842
|
+
}
|
|
19843
|
+
@media (min-width: 75rem) {
|
|
19844
|
+
.pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger, .pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-expanded)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle :is(.pf-v6-c-button.pf-m-hamburger, .pf-v6-c-button.pf-m-hamburger:hover, .pf-v6-c-button.pf-m-hamburger:focus-visible) {
|
|
19845
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
|
|
19846
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
|
|
19847
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
|
|
19848
|
+
--pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
|
|
19849
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
|
|
19850
|
+
}
|
|
19851
|
+
.pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
|
|
19852
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
|
19853
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
|
19854
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
|
19855
|
+
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
|
19856
|
+
--pf-v6-c-button__icon--ScaleX: 1;
|
|
19857
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
|
19858
|
+
--pf-v6-c-button--hover__icon--ScaleX: 1;
|
|
19859
|
+
}
|
|
19860
|
+
.pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-collapsed)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
|
|
19861
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
|
19862
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
|
19863
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
|
19864
|
+
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
|
19865
|
+
--pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
|
19866
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
|
19867
|
+
--pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
|
19868
|
+
}
|
|
19869
|
+
}
|
|
19334
19870
|
|
|
19335
19871
|
.pf-v6-c-page > .pf-v6-c-masthead {
|
|
19336
19872
|
z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
|
|
@@ -19359,7 +19895,8 @@ ul.pf-v6-c-list {
|
|
|
19359
19895
|
overflow-y: auto;
|
|
19360
19896
|
-webkit-overflow-scrolling: touch;
|
|
19361
19897
|
background-color: var(--pf-v6-c-page__sidebar--BackgroundColor);
|
|
19362
|
-
|
|
19898
|
+
opacity: var(--pf-v6-c-page__sidebar--Opacity);
|
|
19899
|
+
transition: var(--pf-v6-c-page__sidebar--TransitionProperty) var(--pf-v6-c-page__sidebar--TransitionDuration) var(--pf-v6-c-page__sidebar--TransitionTimingFunction);
|
|
19363
19900
|
transform: translateX(var(--pf-v6-c-page__sidebar--TranslateX)) translateZ(var(--pf-v6-c-page__sidebar--TranslateZ));
|
|
19364
19901
|
}
|
|
19365
19902
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__sidebar {
|
|
@@ -19368,6 +19905,7 @@ ul.pf-v6-c-list {
|
|
|
19368
19905
|
|
|
19369
19906
|
.pf-v6-c-page__sidebar.pf-m-expanded {
|
|
19370
19907
|
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--m-expanded--TranslateX);
|
|
19908
|
+
--pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--m-expanded--Opacity);
|
|
19371
19909
|
box-shadow: var(--pf-v6-c-page__sidebar--BoxShadow);
|
|
19372
19910
|
}
|
|
19373
19911
|
@media screen and (min-width: 75rem) {
|
|
@@ -19653,7 +20191,7 @@ ul.pf-v6-c-list {
|
|
|
19653
20191
|
-webkit-overflow-scrolling: touch;
|
|
19654
20192
|
}
|
|
19655
20193
|
@media screen and (min-width: 75rem) {
|
|
19656
|
-
.pf-v6-c-masthead + .pf-v6-c-page__main-container, .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__main-container,
|
|
20194
|
+
.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,
|
|
19657
20195
|
.pf-v6-c-masthead + .pf-v6-c-page__drawer,
|
|
19658
20196
|
.pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__drawer {
|
|
19659
20197
|
--pf-v6-c-page__main-container--GridArea: var(--pf-v6-c-page--masthead--main-container--GridArea);
|
|
@@ -20628,6 +21166,22 @@ ul.pf-v6-c-list {
|
|
|
20628
21166
|
--pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
|
|
20629
21167
|
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
|
|
20630
21168
|
}
|
|
21169
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
21170
|
+
.pf-v6-c-progress.pf-m-danger .pf-v6-c-progress__bar {
|
|
21171
|
+
translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
|
|
21172
|
+
animation-name: pf-v6-global-danger-jiggle-motion;
|
|
21173
|
+
animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
|
|
21174
|
+
animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
|
|
21175
|
+
animation-fill-mode: both;
|
|
21176
|
+
}
|
|
21177
|
+
}
|
|
21178
|
+
.pf-v6-c-progress.pf-m-danger .pf-v6-c-progress__status-icon {
|
|
21179
|
+
--pf-v6-c-progress--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
|
|
21180
|
+
--pf-v6-c-progress--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
|
|
21181
|
+
animation-name: pf-v6-global-fade-in;
|
|
21182
|
+
animation-duration: var(--pf-v6-c-progress--TransitionDuration--Opacity);
|
|
21183
|
+
animation-timing-function: var(--pf-v6-c-progress--TransitionTimingFunction--Opacity);
|
|
21184
|
+
}
|
|
20631
21185
|
|
|
20632
21186
|
.pf-v6-c-progress__description {
|
|
20633
21187
|
grid-column: 1/2;
|
|
@@ -21805,8 +22359,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
21805
22359
|
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
21806
22360
|
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
21807
22361
|
--pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
|
|
21808
|
-
--pf-v6-c-skeleton--after--TranslateX:
|
|
21809
|
-
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
|
|
22362
|
+
--pf-v6-c-skeleton--after--TranslateX: 0;
|
|
22363
|
+
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading-reduced-motion;
|
|
21810
22364
|
--pf-v6-c-skeleton--after--AnimationDuration: 3s;
|
|
21811
22365
|
--pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
|
|
21812
22366
|
--pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
|
|
@@ -21838,6 +22392,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
21838
22392
|
--pf-v6-c-skeleton--m-height-75--Height: 75%;
|
|
21839
22393
|
--pf-v6-c-skeleton--m-height-100--Height: 100%;
|
|
21840
22394
|
}
|
|
22395
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
22396
|
+
.pf-v6-c-skeleton {
|
|
22397
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
22398
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
22399
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
|
|
22400
|
+
--pf-v6-c-skeleton--after--TranslateX: -100%;
|
|
22401
|
+
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
|
|
22402
|
+
}
|
|
22403
|
+
}
|
|
21841
22404
|
|
|
21842
22405
|
.pf-v6-c-skeleton {
|
|
21843
22406
|
position: relative;
|
|
@@ -21958,6 +22521,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
21958
22521
|
transform: translateX(100%);
|
|
21959
22522
|
}
|
|
21960
22523
|
}
|
|
22524
|
+
@keyframes pf-v6-c-skeleton-loading-reduced-motion {
|
|
22525
|
+
0% {
|
|
22526
|
+
opacity: 0.25;
|
|
22527
|
+
}
|
|
22528
|
+
60% {
|
|
22529
|
+
opacity: 1;
|
|
22530
|
+
}
|
|
22531
|
+
100% {
|
|
22532
|
+
opacity: 0.25;
|
|
22533
|
+
}
|
|
22534
|
+
}
|
|
21961
22535
|
.pf-v6-c-skip-to-content {
|
|
21962
22536
|
--pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
|
|
21963
22537
|
--pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
@@ -22205,6 +22779,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22205
22779
|
--pf-v6-c-spinner--StrokeWidth: 10;
|
|
22206
22780
|
--pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
|
|
22207
22781
|
--pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
|
|
22782
|
+
--pf-v6-c-spinner--m-xs--diameter: var(--pf-t--global--icon--size--sm);
|
|
22208
22783
|
--pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
|
|
22209
22784
|
--pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
|
|
22210
22785
|
--pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
|
|
@@ -22221,6 +22796,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22221
22796
|
.pf-v6-c-spinner.pf-m-inline {
|
|
22222
22797
|
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
|
|
22223
22798
|
}
|
|
22799
|
+
.pf-v6-c-spinner.pf-m-xs {
|
|
22800
|
+
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xs--diameter);
|
|
22801
|
+
--pf-v6-c-spinner--StrokeWidth: 15;
|
|
22802
|
+
}
|
|
22224
22803
|
.pf-v6-c-spinner.pf-m-sm {
|
|
22225
22804
|
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
|
|
22226
22805
|
}
|
|
@@ -22502,6 +23081,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22502
23081
|
--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
22503
23082
|
--pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
|
|
22504
23083
|
--pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
|
|
23084
|
+
--pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
22505
23085
|
--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
22506
23086
|
--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
22507
23087
|
--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
@@ -22626,7 +23206,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22626
23206
|
}
|
|
22627
23207
|
.pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
|
22628
23208
|
position: revert;
|
|
22629
|
-
font-weight:
|
|
23209
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
|
22630
23210
|
text-align: start;
|
|
22631
23211
|
content: attr(data-label);
|
|
22632
23212
|
}
|
|
@@ -22926,7 +23506,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22926
23506
|
}
|
|
22927
23507
|
.pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
|
22928
23508
|
position: revert;
|
|
22929
|
-
font-weight:
|
|
23509
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
|
22930
23510
|
text-align: start;
|
|
22931
23511
|
content: attr(data-label);
|
|
22932
23512
|
}
|
|
@@ -23229,7 +23809,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
23229
23809
|
}
|
|
23230
23810
|
.pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
|
23231
23811
|
position: revert;
|
|
23232
|
-
font-weight:
|
|
23812
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
|
23233
23813
|
text-align: start;
|
|
23234
23814
|
content: attr(data-label);
|
|
23235
23815
|
}
|
|
@@ -23532,7 +24112,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
23532
24112
|
}
|
|
23533
24113
|
.pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
|
23534
24114
|
position: revert;
|
|
23535
|
-
font-weight:
|
|
24115
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
|
23536
24116
|
text-align: start;
|
|
23537
24117
|
content: attr(data-label);
|
|
23538
24118
|
}
|
|
@@ -23835,7 +24415,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
23835
24415
|
}
|
|
23836
24416
|
.pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
|
23837
24417
|
position: revert;
|
|
23838
|
-
font-weight:
|
|
24418
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
|
23839
24419
|
text-align: start;
|
|
23840
24420
|
content: attr(data-label);
|
|
23841
24421
|
}
|
|
@@ -24113,6 +24693,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24113
24693
|
--pf-v6-c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
24114
24694
|
--pf-v6-c-table__action--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
24115
24695
|
--pf-v6-c-table__action--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
24696
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: 0s;
|
|
24697
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
24698
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
|
|
24699
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
24700
|
+
--pf-v6-c-table__expandable-row--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
24701
|
+
--pf-v6-c-table__expandable-row--Opacity: 0;
|
|
24702
|
+
--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
|
|
24703
|
+
--pf-v6-c-table__expandable-row--TranslateY: 0;
|
|
24704
|
+
--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
|
|
24116
24705
|
--pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
24117
24706
|
--pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
24118
24707
|
--pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
@@ -24173,6 +24762,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24173
24762
|
--pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
|
24174
24763
|
--pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
|
24175
24764
|
}
|
|
24765
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
24766
|
+
.pf-v6-c-table {
|
|
24767
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
24768
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
24769
|
+
--pf-v6-c-table__expandable-row--TranslateY: -.5rem;
|
|
24770
|
+
}
|
|
24771
|
+
}
|
|
24176
24772
|
|
|
24177
24773
|
.pf-v6-c-table {
|
|
24178
24774
|
width: 100%;
|
|
@@ -24437,6 +25033,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24437
25033
|
.pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
|
|
24438
25034
|
--pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
|
|
24439
25035
|
}
|
|
25036
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row {
|
|
25037
|
+
display: revert;
|
|
25038
|
+
visibility: hidden;
|
|
25039
|
+
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
|
25040
|
+
transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
|
25041
|
+
transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
|
|
25042
|
+
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s;
|
|
25043
|
+
transition-property: opacity, translate, visibility;
|
|
25044
|
+
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
25045
|
+
}
|
|
25046
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
|
|
25047
|
+
display: revert;
|
|
25048
|
+
}
|
|
25049
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
25050
|
+
visibility: visible;
|
|
25051
|
+
opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
|
|
25052
|
+
transition-delay: 0s;
|
|
25053
|
+
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
|
|
25054
|
+
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
25055
|
+
}
|
|
25056
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
|
|
25057
|
+
max-height: 99999px;
|
|
25058
|
+
}
|
|
25059
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th),
|
|
25060
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
|
|
25061
|
+
padding: 0;
|
|
25062
|
+
overflow: hidden;
|
|
25063
|
+
transition-delay: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
|
25064
|
+
transition-property: padding, max-height, overflow;
|
|
25065
|
+
}
|
|
25066
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
|
|
25067
|
+
max-height: 0;
|
|
25068
|
+
}
|
|
24440
25069
|
|
|
24441
25070
|
[class*=pf-v6-c-table].pf-m-truncate {
|
|
24442
25071
|
--pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--m-truncate--cell--MinWidth);
|
|
@@ -24742,21 +25371,25 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24742
25371
|
position: relative;
|
|
24743
25372
|
border-block-end: 0 solid transparent;
|
|
24744
25373
|
}
|
|
24745
|
-
|
|
24746
|
-
|
|
25374
|
+
.pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
|
|
25375
|
+
.pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
|
|
24747
25376
|
padding-block-start: 0;
|
|
24748
25377
|
}
|
|
24749
|
-
|
|
24750
|
-
.pf-v6-c-
|
|
24751
|
-
|
|
25378
|
+
.pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
|
|
25379
|
+
.pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
|
|
25380
|
+
padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
|
|
25381
|
+
}
|
|
25382
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding,
|
|
25383
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding {
|
|
24752
25384
|
padding-block-start: 0;
|
|
24753
25385
|
padding-block-end: 0;
|
|
24754
25386
|
padding-inline-start: 0;
|
|
24755
25387
|
padding-inline-end: 0;
|
|
24756
25388
|
}
|
|
24757
|
-
.pf-v6-c-table__expandable-row
|
|
24758
|
-
.pf-v6-c-table__expandable-row
|
|
25389
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding .pf-v6-c-table__expandable-row-content,
|
|
25390
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding .pf-v6-c-table__expandable-row-content {
|
|
24759
25391
|
padding: 0;
|
|
25392
|
+
border-radius: 0;
|
|
24760
25393
|
}
|
|
24761
25394
|
.pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
|
|
24762
25395
|
padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
|
|
@@ -24766,6 +25399,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24766
25399
|
background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
|
|
24767
25400
|
border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
|
|
24768
25401
|
}
|
|
25402
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
|
|
25403
|
+
background-color: transparent;
|
|
25404
|
+
}
|
|
24769
25405
|
.pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
24770
25406
|
border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
|
|
24771
25407
|
border-block-end-width: var(--pf-v6-c-table--border-width--base);
|
|
@@ -24777,6 +25413,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24777
25413
|
border-block-end: 0;
|
|
24778
25414
|
}
|
|
24779
25415
|
|
|
25416
|
+
.pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row) {
|
|
25417
|
+
border-block-end: 0;
|
|
25418
|
+
}
|
|
25419
|
+
|
|
24780
25420
|
.pf-v6-c-table.pf-m-compact {
|
|
24781
25421
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
|
|
24782
25422
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
|
|
@@ -24832,7 +25472,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24832
25472
|
}
|
|
24833
25473
|
.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
|
|
24834
25474
|
background-color: var(--pf-v6-c-table__control-row--BackgroundColor);
|
|
24835
|
-
border-block-end:
|
|
25475
|
+
border-block-end: 0;
|
|
24836
25476
|
}
|
|
24837
25477
|
|
|
24838
25478
|
.pf-v6-c-table__tr {
|
|
@@ -25891,25 +26531,28 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25891
26531
|
--pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
25892
26532
|
--pf-v6-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-t--global--border--width--extra-strong);
|
|
25893
26533
|
--pf-v6-c-tabs--link-accent--start: 0;
|
|
25894
|
-
--pf-v6-c-tabs--link-accent--length:
|
|
26534
|
+
--pf-v6-c-tabs--link-accent--length: 0;
|
|
25895
26535
|
--pf-v6-c-tabs--link-accent--color: var(--pf-v6-c-tabs__item--m-current__link--after--BorderColor);
|
|
25896
26536
|
--pf-v6-c-tabs--link-accent--border-size: var(--pf-v6-c-tabs__item--m-current__link--after--BorderWidth);
|
|
26537
|
+
--pf-v6-c-tabs--link-accent--TransitionDuration: var(--pf-t--global--motion--duration--md);
|
|
26538
|
+
--pf-v6-c-tabs--link-accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
25897
26539
|
--pf-v6-c-tabs--link-accent--InsetBlockStart: auto;
|
|
25898
26540
|
--pf-v6-c-tabs--link-accent--InsetBlockEnd: 0;
|
|
25899
|
-
--pf-v6-c-tabs--link-accent--InsetInlineStart:
|
|
26541
|
+
--pf-v6-c-tabs--link-accent--InsetInlineStart: 0;
|
|
25900
26542
|
--pf-v6-c-tabs--link-accent--Width: initial;
|
|
25901
26543
|
--pf-v6-c-tabs--link-accent--Height: 0;
|
|
25902
26544
|
--pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--link-accent--border-size);
|
|
25903
26545
|
--pf-v6-c-tabs--link-accent--BorderInlineStartWidth: 0;
|
|
25904
|
-
--pf-v6-c-tabs--
|
|
26546
|
+
--pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--link-accent--start);
|
|
26547
|
+
--pf-v6-c-tabs--link-accent--TranslateY: 0;
|
|
26548
|
+
--pf-v6-c-tabs--link-accent--TransformOrigin: 0 center;
|
|
26549
|
+
--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart: 0;
|
|
25905
26550
|
--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd: auto;
|
|
25906
|
-
--pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart: 0;
|
|
25907
|
-
--pf-v6-c-tabs--m-vertical--link-accent--Width: 0;
|
|
25908
|
-
--pf-v6-c-tabs--m-vertical--link-accent--Height: initial;
|
|
25909
26551
|
--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth: 0;
|
|
25910
26552
|
--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--link-accent--border-size);
|
|
25911
|
-
--pf-v6-c-tabs--link-accent--
|
|
25912
|
-
--pf-v6-c-tabs--link-accent--
|
|
26553
|
+
--pf-v6-c-tabs--m-vertical--link-accent--TranslateX: 0;
|
|
26554
|
+
--pf-v6-c-tabs--m-vertical--link-accent--TranslateY: var(--pf-v6-c-tabs--link-accent--start);
|
|
26555
|
+
--pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin: center 0;
|
|
25913
26556
|
--pf-v6-c-tabs__scroll-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
25914
26557
|
--pf-v6-c-tabs__scroll-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
25915
26558
|
--pf-v6-c-tabs__scroll-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
@@ -26069,11 +26712,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
26069
26712
|
--pf-v6-c-tabs__list--ScrollSnapTypeAxis: var(--pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis);
|
|
26070
26713
|
--pf-v6-c-tabs--link-accent--InsetBlockStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart);
|
|
26071
26714
|
--pf-v6-c-tabs--link-accent--InsetBlockEnd: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd);
|
|
26072
|
-
--pf-v6-c-tabs--link-accent--InsetInlineStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart);
|
|
26073
26715
|
--pf-v6-c-tabs--link-accent--Width: var(--pf-v6-c-tabs--m-vertical--link-accent--Width);
|
|
26074
26716
|
--pf-v6-c-tabs--link-accent--Height: var(--pf-v6-c-tabs--m-vertical--link-accent--Height);
|
|
26075
26717
|
--pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth);
|
|
26076
26718
|
--pf-v6-c-tabs--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth);
|
|
26719
|
+
--pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateX);
|
|
26720
|
+
--pf-v6-c-tabs--link-accent--TranslateY: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateY);
|
|
26721
|
+
--pf-v6-c-tabs--link-accent--TransformOrigin: var(--pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin);
|
|
26077
26722
|
display: inline-flex;
|
|
26078
26723
|
flex-direction: column;
|
|
26079
26724
|
height: 100%;
|
|
@@ -26650,15 +27295,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
26650
27295
|
}
|
|
26651
27296
|
|
|
26652
27297
|
@media (prefers-reduced-motion: no-preference) {
|
|
26653
|
-
.pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__link::after,
|
|
26654
|
-
.pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
|
|
27298
|
+
.pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__link::after,
|
|
27299
|
+
.pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
|
|
26655
27300
|
content: revert;
|
|
26656
27301
|
}
|
|
26657
|
-
.pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__list::after {
|
|
27302
|
+
.pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
|
|
26658
27303
|
position: absolute;
|
|
26659
|
-
inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart
|
|
27304
|
+
inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart);
|
|
26660
27305
|
inset-block-end: var(--pf-v6-c-tabs--link-accent--InsetBlockEnd);
|
|
26661
|
-
inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart
|
|
27306
|
+
inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart);
|
|
26662
27307
|
width: var(--pf-v6-c-tabs--link-accent--Width, var(--pf-v6-c-tabs--link-accent--length));
|
|
26663
27308
|
height: var(--pf-v6-c-tabs--link-accent--Height, var(--pf-v6-c-tabs--link-accent--length));
|
|
26664
27309
|
content: "";
|
|
@@ -26667,7 +27312,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
26667
27312
|
border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
|
|
26668
27313
|
transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
|
|
26669
27314
|
transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
|
|
26670
|
-
transition-property:
|
|
27315
|
+
transition-property: width, height, translate;
|
|
27316
|
+
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
27317
|
+
translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
|
|
27318
|
+
}
|
|
27319
|
+
: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 {
|
|
27320
|
+
translate: calc(var(--pf-v6-c-tabs--link-accent--TranslateX) * var(--pf-v6-global--inverse--multiplier)) var(--pf-v6-c-tabs--link-accent--TranslateY);
|
|
26671
27321
|
}
|
|
26672
27322
|
.pf-v6-c-tabs.pf-m-initializing-accent {
|
|
26673
27323
|
--pf-v6-c-tabs--link-accent--TransitionDuration: 0;
|
|
@@ -26778,6 +27428,22 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
26778
27428
|
--pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-v6-c-text-input-group--m-hover--m-error--BorderColor);
|
|
26779
27429
|
--pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group__main--m-error__icon--m-status--Color);
|
|
26780
27430
|
}
|
|
27431
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
27432
|
+
.pf-v6-c-text-input-group.pf-m-error {
|
|
27433
|
+
translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
|
|
27434
|
+
animation-name: pf-v6-global-danger-jiggle-motion;
|
|
27435
|
+
animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
|
|
27436
|
+
animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
|
|
27437
|
+
animation-fill-mode: both;
|
|
27438
|
+
}
|
|
27439
|
+
}
|
|
27440
|
+
.pf-v6-c-text-input-group.pf-m-error .pf-v6-c-text-input-group__icon.pf-m-status {
|
|
27441
|
+
--pf-v6-c-text-input-group--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
|
|
27442
|
+
--pf-v6-c-text-input-group--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
|
|
27443
|
+
animation-name: pf-v6-global-fade-in;
|
|
27444
|
+
animation-duration: var(--pf-v6-c-text-input-group--TransitionDuration--Opacity);
|
|
27445
|
+
animation-timing-function: var(--pf-v6-c-text-input-group--TransitionTimingFunction--Opacity);
|
|
27446
|
+
}
|
|
26781
27447
|
.pf-v6-c-text-input-group:hover {
|
|
26782
27448
|
--pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-hover--BorderColor);
|
|
26783
27449
|
}
|
|
@@ -27009,6 +27675,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
27009
27675
|
--pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
|
|
27010
27676
|
}
|
|
27011
27677
|
|
|
27678
|
+
.pf-v6-c-timestamp__text {
|
|
27679
|
+
text-decoration: inherit;
|
|
27680
|
+
}
|
|
27681
|
+
|
|
27012
27682
|
.pf-v6-c-title {
|
|
27013
27683
|
--pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
27014
27684
|
--pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
@@ -29283,6 +29953,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29283
29953
|
grid-auto-flow: column;
|
|
29284
29954
|
align-items: baseline;
|
|
29285
29955
|
min-width: var(--pf-v6-c-truncate--MinWidth);
|
|
29956
|
+
text-decoration: inherit;
|
|
29957
|
+
}
|
|
29958
|
+
.pf-v6-c-truncate.pf-m-fixed {
|
|
29959
|
+
display: inline;
|
|
29960
|
+
align-items: revert;
|
|
29961
|
+
min-width: revert;
|
|
29286
29962
|
}
|
|
29287
29963
|
|
|
29288
29964
|
.pf-v6-c-truncate__start,
|
|
@@ -29374,6 +30050,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29374
30050
|
--pf-v6-c-tree-view__node-container--Display: contents;
|
|
29375
30051
|
--pf-v6-c-tree-view__node-content--RowGap: var(--pf-t--global--spacer--sm);
|
|
29376
30052
|
--pf-v6-c-tree-view__node-content--Overflow: visible;
|
|
30053
|
+
--pf-v6-c-tree-view__list--TransitionDuration--expand--slide: 0s;
|
|
30054
|
+
--pf-v6-c-tree-view__list--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
30055
|
+
--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: 0s;
|
|
30056
|
+
--pf-v6-c-tree-view__list--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
30057
|
+
--pf-v6-c-tree-view__list--TransitionDuration--slide: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide);
|
|
30058
|
+
--pf-v6-c-tree-view__list--TransitionDuration--fade: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--fade);
|
|
30059
|
+
--pf-v6-c-tree-view__list--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
30060
|
+
--pf-v6-c-tree-view__list--Opacity: 0;
|
|
30061
|
+
--pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
|
|
30062
|
+
--pf-v6-c-tree-view__list--TranslateY: 0;
|
|
30063
|
+
--pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
|
|
29377
30064
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
|
|
29378
30065
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
|
|
29379
30066
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
|
|
@@ -29389,6 +30076,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29389
30076
|
--pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
29390
30077
|
--pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
|
|
29391
30078
|
--pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
|
|
30079
|
+
--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
30080
|
+
--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
29392
30081
|
--pf-v6-c-tree-view__node-check--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
29393
30082
|
--pf-v6-c-tree-view__node-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
29394
30083
|
--pf-v6-c-tree-view__search--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -29464,6 +30153,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29464
30153
|
--pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
|
|
29465
30154
|
--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);
|
|
29466
30155
|
}
|
|
30156
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
30157
|
+
.pf-v6-c-tree-view {
|
|
30158
|
+
--pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
30159
|
+
--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
30160
|
+
--pf-v6-c-tree-view__list--TranslateY: -.5rem;
|
|
30161
|
+
}
|
|
30162
|
+
}
|
|
29467
30163
|
|
|
29468
30164
|
.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 {
|
|
29469
30165
|
position: relative;
|
|
@@ -29579,12 +30275,23 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29579
30275
|
display: inline-block;
|
|
29580
30276
|
min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
|
|
29581
30277
|
text-align: center;
|
|
30278
|
+
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
29582
30279
|
transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
|
|
29583
30280
|
}
|
|
29584
30281
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
|
|
29585
30282
|
scale: -1 1;
|
|
29586
30283
|
}
|
|
29587
30284
|
|
|
30285
|
+
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
|
|
30286
|
+
max-height: 0;
|
|
30287
|
+
visibility: hidden;
|
|
30288
|
+
opacity: var(--pf-v6-c-tree-view__list--Opacity);
|
|
30289
|
+
transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
|
|
30290
|
+
transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
|
|
30291
|
+
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
|
|
30292
|
+
transition-property: opacity, translate, visibility, max-height;
|
|
30293
|
+
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
30294
|
+
}
|
|
29588
30295
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
|
|
29589
30296
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
29590
30297
|
--pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--Color--base);
|
|
@@ -29593,6 +30300,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29593
30300
|
--pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color);
|
|
29594
30301
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
|
|
29595
30302
|
}
|
|
30303
|
+
.pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
|
|
30304
|
+
max-height: 99999px;
|
|
30305
|
+
visibility: revert;
|
|
30306
|
+
opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
|
|
30307
|
+
transition-delay: 0s;
|
|
30308
|
+
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
|
|
30309
|
+
translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
|
|
30310
|
+
}
|
|
29596
30311
|
|
|
29597
30312
|
.pf-v6-c-tree-view__node,
|
|
29598
30313
|
.pf-v6-c-tree-view__node-container {
|