@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
package/patternfly.css
CHANGED
|
@@ -181,19 +181,53 @@ button) {
|
|
|
181
181
|
}
|
|
182
182
|
|
|
183
183
|
.pf-v6-m-no-motion {
|
|
184
|
-
--pf-t--global--delay--400:
|
|
185
|
-
--pf-t--global--delay--300:
|
|
186
|
-
--pf-t--global--delay--200:
|
|
187
|
-
--pf-t--global--delay--100:
|
|
188
|
-
--pf-t--global--duration--600:
|
|
189
|
-
--pf-t--global--duration--500:
|
|
190
|
-
--pf-t--global--duration--400:
|
|
191
|
-
--pf-t--global--duration--300:
|
|
192
|
-
--pf-t--global--duration--200:
|
|
193
|
-
--pf-t--global--duration--100:
|
|
194
|
-
--pf-t--global--duration--50:
|
|
184
|
+
--pf-t--global--delay--400: 1ms !important;
|
|
185
|
+
--pf-t--global--delay--300: 1ms !important;
|
|
186
|
+
--pf-t--global--delay--200: 1ms !important;
|
|
187
|
+
--pf-t--global--delay--100: 1ms !important;
|
|
188
|
+
--pf-t--global--duration--600: 1ms !important;
|
|
189
|
+
--pf-t--global--duration--500: 1ms !important;
|
|
190
|
+
--pf-t--global--duration--400: 1ms !important;
|
|
191
|
+
--pf-t--global--duration--300: 1ms !important;
|
|
192
|
+
--pf-t--global--duration--200: 1ms !important;
|
|
193
|
+
--pf-t--global--duration--100: 1ms !important;
|
|
194
|
+
--pf-t--global--duration--50: 1ms !important;
|
|
195
195
|
}
|
|
196
196
|
|
|
197
|
+
:root {
|
|
198
|
+
--pf-v6-global--danger-jiggle--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
|
|
199
|
+
--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
@property --pf-v6-global--danger-jiggle--TranslateX {
|
|
203
|
+
syntax: "<length>";
|
|
204
|
+
inherits: false;
|
|
205
|
+
initial-value: 0;
|
|
206
|
+
}
|
|
207
|
+
@keyframes pf-v6-global-danger-jiggle-motion {
|
|
208
|
+
33% {
|
|
209
|
+
--pf-v6-global--danger-jiggle--TranslateX: -2px;
|
|
210
|
+
}
|
|
211
|
+
66% {
|
|
212
|
+
--pf-v6-global--danger-jiggle--TranslateX: 3px;
|
|
213
|
+
}
|
|
214
|
+
}
|
|
215
|
+
@keyframes pf-v6-global-fade-in {
|
|
216
|
+
from {
|
|
217
|
+
opacity: 0;
|
|
218
|
+
}
|
|
219
|
+
to {
|
|
220
|
+
opacity: 1;
|
|
221
|
+
}
|
|
222
|
+
}
|
|
223
|
+
@keyframes pf-v6-global-fade-out {
|
|
224
|
+
from {
|
|
225
|
+
opacity: 1;
|
|
226
|
+
}
|
|
227
|
+
to {
|
|
228
|
+
opacity: 0;
|
|
229
|
+
}
|
|
230
|
+
}
|
|
197
231
|
@font-face {
|
|
198
232
|
font-family: "Red Hat Text";
|
|
199
233
|
font-style: normal;
|
|
@@ -7803,6 +7837,7 @@ button) {
|
|
|
7803
7837
|
--pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
7804
7838
|
--pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
7805
7839
|
--pf-v6-c-accordion__toggle--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
7840
|
+
--pf-v6-c-accordion__toggle--ZIndex: var(--pf-t--global--z-index--xs);
|
|
7806
7841
|
--pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
7807
7842
|
--pf-v6-c-accordion__toggle-text--Color: var(--pf-t--global--text--color--regular);
|
|
7808
7843
|
--pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
@@ -7820,6 +7855,24 @@ button) {
|
|
|
7820
7855
|
--pf-v6-c-accordion__expandable-content--Color: var(--pf-t--global--text--color--regular);
|
|
7821
7856
|
--pf-v6-c-accordion__expandable-content--FontSize: var(--pf-t--global--font--size--body--default);
|
|
7822
7857
|
--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
|
|
7858
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
7859
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
7860
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade);
|
|
7861
|
+
--pf-v6-c-accordion__item--before--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
7862
|
+
--pf-v6-c-accordion__item--before--Opacity: 0;
|
|
7863
|
+
--pf-v6-c-accordion__item--m-expanded--before--Opacity: 1;
|
|
7864
|
+
--pf-v6-c-accordion__item--m-expanded--before--TranslateY: 0;
|
|
7865
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: 0s;
|
|
7866
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
7867
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: 0s;
|
|
7868
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
7869
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--slide: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide);
|
|
7870
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--fade);
|
|
7871
|
+
--pf-v6-c-accordion__expandable-content--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
7872
|
+
--pf-v6-c-accordion__expandable-content--Opacity: 0;
|
|
7873
|
+
--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity: 1;
|
|
7874
|
+
--pf-v6-c-accordion__expandable-content--TranslateY: 0;
|
|
7875
|
+
--pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY: 0;
|
|
7823
7876
|
--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
7824
7877
|
--pf-v6-c-accordion__expandable-content-body--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
7825
7878
|
--pf-v6-c-accordion__expandable-content-body--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -7839,6 +7892,16 @@ button) {
|
|
|
7839
7892
|
--pf-v6-c-accordion__item--m-bordered--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
7840
7893
|
--pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
7841
7894
|
}
|
|
7895
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
7896
|
+
.pf-v6-c-accordion {
|
|
7897
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
7898
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
7899
|
+
--pf-v6-c-accordion__item--before--TranslateY: -.5rem;
|
|
7900
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
7901
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
7902
|
+
--pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
|
|
7903
|
+
}
|
|
7904
|
+
}
|
|
7842
7905
|
|
|
7843
7906
|
.pf-v6-c-accordion {
|
|
7844
7907
|
display: flex;
|
|
@@ -7872,18 +7935,39 @@ button) {
|
|
|
7872
7935
|
}
|
|
7873
7936
|
|
|
7874
7937
|
.pf-v6-c-accordion__item {
|
|
7938
|
+
position: relative;
|
|
7939
|
+
}
|
|
7940
|
+
.pf-v6-c-accordion__item::before {
|
|
7941
|
+
position: absolute;
|
|
7942
|
+
inset: 0;
|
|
7943
|
+
pointer-events: none;
|
|
7944
|
+
content: "";
|
|
7945
|
+
background-color: var(--pf-v6-c-accordion__item--m-expanded--BackgroundColor);
|
|
7875
7946
|
border-radius: var(--pf-v6-c-accordion__item--BorderRadius);
|
|
7947
|
+
opacity: var(--pf-v6-c-accordion__item--before--Opacity);
|
|
7948
|
+
transition-timing-function: var(--pf-v6-c-accordion__item--before--TransitionTimingFunction);
|
|
7949
|
+
transition-duration: var(--pf-v6-c-accordion__item--before--TransitionDuration--fade);
|
|
7950
|
+
transition-property: opacity;
|
|
7876
7951
|
}
|
|
7877
7952
|
.pf-v6-c-accordion__item.pf-m-expanded {
|
|
7878
7953
|
--pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd);
|
|
7879
7954
|
--pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight);
|
|
7880
|
-
|
|
7955
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--slide: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide);
|
|
7956
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade);
|
|
7957
|
+
--pf-v6-c-accordion__item--before--Opacity: var(--pf-v6-c-accordion__item--m-expanded--before--Opacity);
|
|
7958
|
+
--pf-v6-c-accordion__item--before--TranslateY: var(--pf-v6-c-accordion__item--m-expanded--before--TranslateY);
|
|
7959
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--slide: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide);
|
|
7960
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade);
|
|
7961
|
+
--pf-v6-c-accordion__expandable-content--Opacity: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity);
|
|
7962
|
+
--pf-v6-c-accordion__expandable-content--TranslateY: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY);
|
|
7881
7963
|
}
|
|
7882
7964
|
.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__toggle-icon {
|
|
7883
7965
|
transform: rotate(var(--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate));
|
|
7884
7966
|
}
|
|
7885
7967
|
|
|
7886
7968
|
.pf-v6-c-accordion__toggle {
|
|
7969
|
+
position: relative;
|
|
7970
|
+
z-index: var(--pf-v6-c-accordion__toggle--ZIndex);
|
|
7887
7971
|
display: flex;
|
|
7888
7972
|
column-gap: var(--pf-v6-c-accordion__toggle--ColumnGap);
|
|
7889
7973
|
align-items: center;
|
|
@@ -7919,19 +8003,38 @@ button) {
|
|
|
7919
8003
|
scale: -1 1;
|
|
7920
8004
|
}
|
|
7921
8005
|
|
|
8006
|
+
.pf-v6-c-accordion__expandable-content:where([hidden]) {
|
|
8007
|
+
display: revert;
|
|
8008
|
+
}
|
|
8009
|
+
|
|
7922
8010
|
.pf-v6-c-accordion__expandable-content {
|
|
7923
|
-
|
|
8011
|
+
max-height: 0;
|
|
7924
8012
|
margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
|
|
7925
8013
|
margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
|
|
7926
8014
|
font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
|
|
7927
8015
|
color: var(--pf-v6-c-accordion__expandable-content--Color);
|
|
8016
|
+
visibility: hidden;
|
|
7928
8017
|
background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
|
|
7929
8018
|
border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
|
|
8019
|
+
opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
|
|
8020
|
+
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);
|
|
8021
|
+
transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
|
|
8022
|
+
transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
|
|
8023
|
+
transition-property: opacity, translate, visibility, max-height, margin-block-end;
|
|
8024
|
+
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
7930
8025
|
}
|
|
7931
8026
|
.pf-v6-c-accordion__expandable-content.pf-m-fixed {
|
|
7932
|
-
max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
|
|
7933
8027
|
overflow-y: auto;
|
|
7934
8028
|
}
|
|
8029
|
+
.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
|
|
8030
|
+
max-height: 99999px;
|
|
8031
|
+
margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
|
|
8032
|
+
visibility: revert;
|
|
8033
|
+
transition-delay: 0s;
|
|
8034
|
+
}
|
|
8035
|
+
.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content.pf-m-fixed {
|
|
8036
|
+
max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
|
|
8037
|
+
}
|
|
7935
8038
|
|
|
7936
8039
|
.pf-v6-c-accordion__expandable-content-body {
|
|
7937
8040
|
padding-block-start: var(--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart);
|
|
@@ -8195,27 +8298,45 @@ button) {
|
|
|
8195
8298
|
var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionDuration)
|
|
8196
8299
|
var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionTimingFunction)
|
|
8197
8300
|
0s;
|
|
8198
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
|
8199
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
|
8200
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
|
8201
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
|
8202
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
|
8203
|
-
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--
|
|
8204
|
-
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--
|
|
8205
|
-
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--
|
|
8206
|
-
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--
|
|
8207
|
-
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--
|
|
8208
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
|
8209
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
|
8210
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
|
8211
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
|
8212
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
|
8213
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
|
8214
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
|
8215
|
-
--pf-v6-c-alert-group--m-toast__item--m-
|
|
8216
|
-
|
|
8217
|
-
|
|
8218
|
-
|
|
8301
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--opacity--default: var(--pf-t--global--motion--duration--fade--default);
|
|
8302
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--opacity--default: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8303
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--grid-template-rows--default: var(--pf-t--global--motion--duration--fade--default);
|
|
8304
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--margin-block--default: var(--pf-t--global--motion--duration--fade--default);
|
|
8305
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDelay--default: var(--pf-t--global--motion--duration--fade--default);
|
|
8306
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity--default: initial;
|
|
8307
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default: initial;
|
|
8308
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default: initial;
|
|
8309
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default: initial;
|
|
8310
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default: initial;
|
|
8311
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-out--short);
|
|
8312
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8313
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--opacity: var(--pf-t--global--motion--duration--slide-out--short);
|
|
8314
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--opacity: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8315
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--margin-block: var(--pf-t--global--motion--duration--fade--short);
|
|
8316
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--margin-block: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8317
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--margin-block: var(--pf-t--global--motion--duration--slide-out--short);
|
|
8318
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--grid-template-rows: var(--pf-t--global--motion--duration--slide-in--short);
|
|
8319
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--grid-template-rows: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8320
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--grid-template-rows: var(--pf-t--global--motion--duration--slide-out--short);
|
|
8321
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--transform: initial;
|
|
8322
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform: initial;
|
|
8323
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity: initial;
|
|
8324
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity: initial;
|
|
8325
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--margin-block: initial;
|
|
8326
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--margin-block: initial;
|
|
8327
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block: initial;
|
|
8328
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--grid-template-rows: initial;
|
|
8329
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--grid-template-rows: initial;
|
|
8330
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows: initial;
|
|
8331
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration: var(--pf-t--global--motion--duration--slide-out--short);
|
|
8332
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8333
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--Transition: all
|
|
8334
|
+
var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration)
|
|
8335
|
+
var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionTimingFunction)
|
|
8336
|
+
var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration);
|
|
8337
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: initial;
|
|
8338
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: initial;
|
|
8339
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: initial;
|
|
8219
8340
|
--pf-v6-c-alert-group__overflow-button--BorderWidth: 0;
|
|
8220
8341
|
--pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
8221
8342
|
--pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
@@ -8275,40 +8396,43 @@ button) {
|
|
|
8275
8396
|
transition: var(--pf-v6-c-alert-group--m-toast__item--c-alert--Transition);
|
|
8276
8397
|
}
|
|
8277
8398
|
}
|
|
8278
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-top:first-child {
|
|
8399
|
+
.pf-v6-c-alert-group__item.pf-m-offstage-top:first-child, .pf-v6-c-alert-group__item.pf-m-incoming:first-child {
|
|
8279
8400
|
grid-template-rows: 0fr;
|
|
8280
8401
|
margin-block: 0;
|
|
8281
8402
|
overflow: hidden;
|
|
8282
8403
|
opacity: 0;
|
|
8283
8404
|
transform: translateY(-100%);
|
|
8284
8405
|
}
|
|
8285
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-top:first-child .pf-v6-c-alert {
|
|
8406
|
+
.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 {
|
|
8286
8407
|
min-height: 0;
|
|
8287
8408
|
padding-block-start: 0;
|
|
8288
8409
|
padding-block-end: 0;
|
|
8289
8410
|
border-width: 0;
|
|
8290
8411
|
}
|
|
8291
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-right {
|
|
8412
|
+
.pf-v6-c-alert-group__item.pf-m-offstage-right, .pf-v6-c-alert-group__item.pf-m-outgoing {
|
|
8292
8413
|
grid-template-rows: 0fr;
|
|
8293
8414
|
margin-block: 0;
|
|
8294
8415
|
overflow: hidden;
|
|
8295
8416
|
opacity: 0;
|
|
8296
|
-
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);
|
|
8417
|
+
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));
|
|
8297
8418
|
}
|
|
8298
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
|
|
8419
|
+
.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
8420
|
min-height: 0;
|
|
8300
8421
|
padding-block-start: 0;
|
|
8301
8422
|
padding-block-end: 0;
|
|
8302
8423
|
border-width: 0;
|
|
8303
|
-
transition: all 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default);
|
|
8424
|
+
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));
|
|
8304
8425
|
}
|
|
8305
8426
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
8306
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-right {
|
|
8307
|
-
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);
|
|
8427
|
+
.pf-v6-c-alert-group__item.pf-m-offstage-right, .pf-v6-c-alert-group__item.pf-m-outgoing {
|
|
8428
|
+
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));
|
|
8308
8429
|
transform: translateX(100%);
|
|
8309
8430
|
}
|
|
8310
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
|
|
8311
|
-
|
|
8431
|
+
: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 {
|
|
8432
|
+
transform: translateX(calc(100% * var(--pf-v6-global--inverse--multiplier)));
|
|
8433
|
+
}
|
|
8434
|
+
.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 {
|
|
8435
|
+
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));
|
|
8312
8436
|
}
|
|
8313
8437
|
}
|
|
8314
8438
|
.pf-v6-c-alert-group__item:hover {
|
|
@@ -9055,15 +9179,20 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9055
9179
|
--pf-v6-c-button--TextDecorationLine: none;
|
|
9056
9180
|
--pf-v6-c-button--TextDecorationStyle: none;
|
|
9057
9181
|
--pf-v6-c-button--TextDecorationColor: currentcolor;
|
|
9182
|
+
--pf-v6-c-button--TransitionDelay: 0s;
|
|
9058
9183
|
--pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
9059
|
-
--pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--
|
|
9060
|
-
--pf-v6-c-button--TransitionProperty: color, background
|
|
9184
|
+
--pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
|
|
9185
|
+
--pf-v6-c-button--TransitionProperty: color, background, border-width, border-color;
|
|
9186
|
+
--pf-v6-c-button--ScaleX: 1;
|
|
9187
|
+
--pf-v6-c-button--ScaleY: 1;
|
|
9061
9188
|
--pf-v6-c-button--hover--BackgroundColor: transparent;
|
|
9062
9189
|
--pf-v6-c-button--hover--BorderColor: transparent;
|
|
9063
9190
|
--pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
|
9064
9191
|
--pf-v6-c-button--hover--TextDecorationLine: none;
|
|
9065
9192
|
--pf-v6-c-button--hover--TextDecorationStyle: none;
|
|
9066
9193
|
--pf-v6-c-button--hover--TextDecorationColor: currentcolor;
|
|
9194
|
+
--pf-v6-c-button--hover--ScaleX: 1;
|
|
9195
|
+
--pf-v6-c-button--hover--ScaleY: 1;
|
|
9067
9196
|
--pf-v6-c-button--m-clicked--BackgroundColor: transparent;
|
|
9068
9197
|
--pf-v6-c-button--m-clicked--BorderColor: transparent;
|
|
9069
9198
|
--pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
|
|
@@ -9273,12 +9402,30 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9273
9402
|
--pf-v6-c-button__icon--m-end--MarginInlineStart: 0;
|
|
9274
9403
|
--pf-v6-c-button--m-notify__icon--AnimationDuration--notify: var(--pf-t--global--motion--duration--3xl);
|
|
9275
9404
|
--pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify: var(--pf-t--global--motion--timing-function--default);
|
|
9405
|
+
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
|
9406
|
+
--pf-v6-c-button__icon--TransitionTimingFunction: auto;
|
|
9407
|
+
--pf-v6-c-button__icon--TransitionDuration: 0s;
|
|
9408
|
+
--pf-v6-c-button__icon--TransitionProperty: none;
|
|
9409
|
+
--pf-v6-c-button__icon--Rotate: 0deg;
|
|
9410
|
+
--pf-v6-c-button--hover__icon--TransitionTimingFunction: auto;
|
|
9411
|
+
--pf-v6-c-button--hover__icon--TransitionDuration: 0s;
|
|
9412
|
+
--pf-v6-c-button--hover__icon--TransitionProperty: none;
|
|
9413
|
+
--pf-v6-c-button--hover__icon--Rotate: 0deg;
|
|
9414
|
+
--pf-v6-c-button__icon--ScaleX: 1;
|
|
9415
|
+
--pf-v6-c-button__icon--ScaleY: 1;
|
|
9416
|
+
--pf-v6-c-button--hover__icon--ScaleX: 1;
|
|
9417
|
+
--pf-v6-c-button--hover__icon--ScaleY: 1;
|
|
9276
9418
|
--pf-v6-c-button--m-favorite__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
9277
9419
|
--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
9278
9420
|
--pf-v6-c-button--m-favorited__icon--Color: var(--pf-t--global--color--favorite--default);
|
|
9279
9421
|
--pf-v6-c-button--m-favorited--hover__icon--Color: var(--pf-t--global--color--favorite--hover);
|
|
9280
9422
|
--pf-v6-c-button--m-favorited__icon--AnimationDuration: var(--pf-t--global--motion--duration--icon--long);
|
|
9281
9423
|
--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
9424
|
+
--pf-v6-c-button__icon--favorite--Opacity: 1;
|
|
9425
|
+
--pf-v6-c-button__icon--favorited--Opacity: 0;
|
|
9426
|
+
--pf-v6-c-button--m-favorited__icon--favorite--Opacity: 0;
|
|
9427
|
+
--pf-v6-c-button--m-favorited__icon--favorited--Opacity: 1;
|
|
9428
|
+
--pf-v6-c-button__icon--favorite--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
9282
9429
|
--pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
|
|
9283
9430
|
--pf-v6-c-button__progress--Opacity: 0;
|
|
9284
9431
|
--pf-v6-c-button__progress--TranslateY: -50%;
|
|
@@ -9293,9 +9440,28 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9293
9440
|
--pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
|
|
9294
9441
|
--pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
|
|
9295
9442
|
--pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
|
|
9443
|
+
--pf-v6-c-button--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
|
9444
|
+
--pf-v6-c-button--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
|
|
9445
|
+
--pf-v6-c-button--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
|
9446
|
+
--pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
9447
|
+
--pf-v6-c-button--m-settings--hover__icon--Rotate: 60deg;
|
|
9296
9448
|
--pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
|
|
9297
9449
|
--pf-v6-c-button--m-block--Display: flex;
|
|
9298
9450
|
--pf-v6-c-button--m-block--Width: 100%;
|
|
9451
|
+
--pf-v6-c-button--hamburger-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
9452
|
+
--pf-v6-c-button--hamburger-icon--TransitionDuration: var(--pf-t--global--motion--duration--md);
|
|
9453
|
+
--pf-v6-c-button--hamburger-icon--top--path--base: path("M1,1 L9,1");
|
|
9454
|
+
--pf-v6-c-button--hamburger-icon--middle--path--base: path("M1,5 L9,5");
|
|
9455
|
+
--pf-v6-c-button--hamburger-icon--arrow--path--base: path("M1,5 L1,5 L1,5");
|
|
9456
|
+
--pf-v6-c-button--hamburger-icon--bottom--path--base: path("M9,9 L1,9");
|
|
9457
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
|
|
9458
|
+
--pf-v6-c-button--hamburger-icon--middle--path: var(--pf-v6-c-button--hamburger-icon--middle--path--base);
|
|
9459
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
|
|
9460
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
|
|
9461
|
+
--pf-v6-c-button--hamburger-icon--top--collapse--path: path("M5,1 L9,1");
|
|
9462
|
+
--pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
|
|
9463
|
+
--pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
|
|
9464
|
+
--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
|
|
9299
9465
|
}
|
|
9300
9466
|
|
|
9301
9467
|
.pf-v6-c-button {
|
|
@@ -9319,16 +9485,19 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9319
9485
|
text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
|
|
9320
9486
|
white-space: nowrap;
|
|
9321
9487
|
cursor: pointer;
|
|
9488
|
+
-webkit-user-select: none;
|
|
9322
9489
|
user-select: none;
|
|
9323
|
-
background
|
|
9490
|
+
background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 1%) center/15000%;
|
|
9324
9491
|
border: 0;
|
|
9325
9492
|
border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
|
|
9326
9493
|
border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
|
|
9327
9494
|
border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
|
|
9328
9495
|
border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
|
|
9496
|
+
transition-delay: var(--pf-v6-c-button--TransitionDelay);
|
|
9329
9497
|
transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
|
|
9330
9498
|
transition-duration: var(--pf-v6-c-button--TransitionDuration);
|
|
9331
9499
|
transition-property: var(--pf-v6-c-button--TransitionProperty);
|
|
9500
|
+
scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
|
|
9332
9501
|
}
|
|
9333
9502
|
.pf-v6-c-button::after {
|
|
9334
9503
|
position: absolute;
|
|
@@ -9437,6 +9606,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9437
9606
|
--pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
|
|
9438
9607
|
text-align: start;
|
|
9439
9608
|
white-space: normal;
|
|
9609
|
+
background: transparent;
|
|
9440
9610
|
outline-offset: 0.125rem;
|
|
9441
9611
|
}
|
|
9442
9612
|
span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
@@ -9570,6 +9740,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9570
9740
|
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
|
|
9571
9741
|
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
|
|
9572
9742
|
min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
|
|
9743
|
+
background: var(--pf-v6-c-button--BackgroundColor);
|
|
9573
9744
|
}
|
|
9574
9745
|
.pf-v6-c-button.pf-m-block {
|
|
9575
9746
|
--pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
|
|
@@ -9589,44 +9760,96 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9589
9760
|
--pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
|
|
9590
9761
|
}
|
|
9591
9762
|
.pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
|
|
9763
|
+
display: grid;
|
|
9592
9764
|
transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
|
|
9593
9765
|
transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
|
|
9594
9766
|
transition-property: color;
|
|
9595
9767
|
}
|
|
9596
9768
|
.pf-v6-c-button.pf-m-favorited {
|
|
9597
9769
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
|
|
9770
|
+
--pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
|
|
9598
9771
|
--pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
|
|
9772
|
+
--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
|
|
9773
|
+
--pf-v6-c-button__icon--favorite--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorite--Opacity);
|
|
9774
|
+
--pf-v6-c-button__icon--favorited--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorited--Opacity);
|
|
9599
9775
|
}
|
|
9600
9776
|
.pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
|
|
9601
9777
|
animation-name: pf-v6-c-button-icon-favorited;
|
|
9602
9778
|
animation-duration: var(--pf-v6-c-button--m-favorited__icon--AnimationDuration);
|
|
9603
9779
|
animation-timing-function: var(--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction);
|
|
9604
9780
|
}
|
|
9781
|
+
.pf-v6-c-button.pf-m-settings {
|
|
9782
|
+
--pf-v6-c-button__icon--TransitionProperty: rotate;
|
|
9783
|
+
--pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--m-settings__icon--TransitionDuration);
|
|
9784
|
+
--pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--m-settings__icon--TransitionTimingFunction);
|
|
9785
|
+
--pf-v6-c-button--hover__icon--TransitionProperty: rotate;
|
|
9786
|
+
--pf-v6-c-button--hover__icon--TransitionDuration: var(--pf-v6-c-button--m-settings--hover__icon--TransitionDuration);
|
|
9787
|
+
--pf-v6-c-button--hover__icon--TransitionTimingFunction: var(--pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction);
|
|
9788
|
+
--pf-v6-c-button--hover__icon--Rotate: var(--pf-v6-c-button--m-settings--hover__icon--Rotate);
|
|
9789
|
+
}
|
|
9790
|
+
.pf-v6-c-button.pf-m-hamburger {
|
|
9791
|
+
--pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
|
|
9792
|
+
--pf-v6-c-button__icon--TransitionDuration: 0s;
|
|
9793
|
+
--pf-v6-c-button__icon--TransitionProperty: scale;
|
|
9794
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
|
|
9795
|
+
--pf-v6-c-button--hover__icon--TransitionDuration: 0s;
|
|
9796
|
+
--pf-v6-c-button--hover__icon--TransitionProperty: scale;
|
|
9797
|
+
}
|
|
9798
|
+
.pf-v6-c-button.pf-m-hamburger.pf-m-expand {
|
|
9799
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
|
9800
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
|
9801
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
|
9802
|
+
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
|
9803
|
+
--pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
|
9804
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
|
9805
|
+
--pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
|
9806
|
+
}
|
|
9807
|
+
.pf-v6-c-button.pf-m-hamburger.pf-m-collapse {
|
|
9808
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
|
9809
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
|
9810
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
|
9811
|
+
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
|
9812
|
+
--pf-v6-c-button__icon--ScaleX: 1;
|
|
9813
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
|
9814
|
+
--pf-v6-c-button--hover__icon--ScaleX: 1;
|
|
9815
|
+
}
|
|
9605
9816
|
.pf-v6-c-button:hover, .pf-v6-c-button:focus {
|
|
9606
9817
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
|
|
9607
9818
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
|
|
9608
9819
|
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
|
|
9609
9820
|
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
|
|
9821
|
+
--pf-v6-c-button--ScaleX: var(--pf-v6-c-button--hover--ScaleX);
|
|
9822
|
+
--pf-v6-c-button--ScaleY: var(--pf-v6-c-button--hover--ScaleY);
|
|
9610
9823
|
--pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
|
|
9611
9824
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
|
|
9825
|
+
--pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--hover__icon--TransitionTimingFunction);
|
|
9826
|
+
--pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--hover__icon--TransitionDuration);
|
|
9827
|
+
--pf-v6-c-button__icon--TransitionProperty: var(--pf-v6-c-button--hover__icon--TransitionProperty);
|
|
9828
|
+
--pf-v6-c-button__icon--Rotate: var(--pf-v6-c-button--hover__icon--Rotate);
|
|
9829
|
+
--pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--hover__icon--ScaleX);
|
|
9830
|
+
--pf-v6-c-button__icon--ScaleY: var(--pf-v6-c-button--hover__icon--ScaleY);
|
|
9612
9831
|
text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
|
|
9613
9832
|
text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
|
|
9614
9833
|
text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
|
|
9615
9834
|
}
|
|
9616
|
-
.pf-v6-c-button.pf-m-clicked {
|
|
9835
|
+
.pf-v6-c-button:active, .pf-v6-c-button.pf-m-clicked {
|
|
9617
9836
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
|
|
9618
9837
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-clicked--BackgroundColor);
|
|
9619
9838
|
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-clicked--BorderWidth);
|
|
9620
9839
|
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-clicked--BorderColor);
|
|
9621
9840
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
|
|
9622
9841
|
}
|
|
9842
|
+
.pf-v6-c-button:active {
|
|
9843
|
+
background-size: 100%;
|
|
9844
|
+
transition-duration: 0s;
|
|
9845
|
+
}
|
|
9623
9846
|
.pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled {
|
|
9624
9847
|
pointer-events: none;
|
|
9625
9848
|
}
|
|
9626
9849
|
.pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
|
|
9627
9850
|
color: var(--pf-v6-c-button--disabled--Color);
|
|
9628
9851
|
text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
|
|
9629
|
-
background
|
|
9852
|
+
background: var(--pf-v6-c-button--disabled--BackgroundColor);
|
|
9630
9853
|
}
|
|
9631
9854
|
.pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
|
|
9632
9855
|
border-color: transparent;
|
|
@@ -9667,6 +9890,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9667
9890
|
margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
|
|
9668
9891
|
margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
|
|
9669
9892
|
color: var(--pf-v6-c-button__icon--Color);
|
|
9893
|
+
transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
|
|
9894
|
+
transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
|
|
9895
|
+
transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
|
|
9896
|
+
transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
|
|
9897
|
+
rotate: var(--pf-v6-c-button__icon--Rotate);
|
|
9898
|
+
scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
|
|
9670
9899
|
}
|
|
9671
9900
|
.pf-v6-c-button__icon.pf-m-start {
|
|
9672
9901
|
--pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
|
|
@@ -9675,6 +9904,21 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9675
9904
|
--pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
|
|
9676
9905
|
}
|
|
9677
9906
|
|
|
9907
|
+
.pf-v6-c-button__icon-favorite,
|
|
9908
|
+
.pf-v6-c-button__icon-favorited {
|
|
9909
|
+
grid-area: 1/1/1/1;
|
|
9910
|
+
transition-duration: var(--pf-v6-c-button__icon--favorite--TransitionDuration);
|
|
9911
|
+
transition-property: opacity;
|
|
9912
|
+
}
|
|
9913
|
+
|
|
9914
|
+
.pf-v6-c-button__icon-favorite {
|
|
9915
|
+
opacity: var(--pf-v6-c-button__icon--favorite--Opacity);
|
|
9916
|
+
}
|
|
9917
|
+
|
|
9918
|
+
.pf-v6-c-button__icon-favorited {
|
|
9919
|
+
opacity: var(--pf-v6-c-button__icon--favorited--Opacity);
|
|
9920
|
+
}
|
|
9921
|
+
|
|
9678
9922
|
.pf-v6-c-button__progress {
|
|
9679
9923
|
position: absolute;
|
|
9680
9924
|
inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
|
|
@@ -9687,11 +9931,39 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9687
9931
|
--pf-v6-c-spinner--Color: currentcolor;
|
|
9688
9932
|
}
|
|
9689
9933
|
|
|
9934
|
+
.pf-v6-c-button__text {
|
|
9935
|
+
text-decoration: inherit;
|
|
9936
|
+
}
|
|
9937
|
+
|
|
9690
9938
|
.pf-v6-c-button__count {
|
|
9691
9939
|
display: inline-flex;
|
|
9692
9940
|
align-items: center;
|
|
9693
9941
|
}
|
|
9694
9942
|
|
|
9943
|
+
.pf-v6-c-button--hamburger-icon path {
|
|
9944
|
+
fill: none;
|
|
9945
|
+
stroke: currentcolor;
|
|
9946
|
+
stroke-linecap: round;
|
|
9947
|
+
stroke-linejoin: round;
|
|
9948
|
+
transition: d var(--pf-v6-c-button--hamburger-icon--TransitionDuration) var(--pf-v6-c-button--hamburger-icon--TransitionTimingFunction);
|
|
9949
|
+
}
|
|
9950
|
+
|
|
9951
|
+
.pf-v6-c-button--hamburger-icon--top {
|
|
9952
|
+
d: var(--pf-v6-c-button--hamburger-icon--top--path);
|
|
9953
|
+
}
|
|
9954
|
+
|
|
9955
|
+
.pf-v6-c-button--hamburger-icon--middle {
|
|
9956
|
+
d: var(--pf-v6-c-button--hamburger-icon--middle--path);
|
|
9957
|
+
}
|
|
9958
|
+
|
|
9959
|
+
.pf-v6-c-button--hamburger-icon--arrow {
|
|
9960
|
+
d: var(--pf-v6-c-button--hamburger-icon--arrow--path);
|
|
9961
|
+
}
|
|
9962
|
+
|
|
9963
|
+
.pf-v6-c-button--hamburger-icon--bottom {
|
|
9964
|
+
d: var(--pf-v6-c-button--hamburger-icon--bottom--path);
|
|
9965
|
+
}
|
|
9966
|
+
|
|
9695
9967
|
@keyframes pf-v6-c-button-icon-notify {
|
|
9696
9968
|
33% {
|
|
9697
9969
|
transform: rotate(30deg);
|
|
@@ -9702,7 +9974,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9702
9974
|
}
|
|
9703
9975
|
@keyframes pf-v6-c-button-icon-favorited {
|
|
9704
9976
|
50% {
|
|
9705
|
-
|
|
9977
|
+
scale: 1.5;
|
|
9706
9978
|
}
|
|
9707
9979
|
}
|
|
9708
9980
|
.pf-v6-c-calendar-month {
|
|
@@ -10649,6 +10921,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
10649
10921
|
.pf-v6-c-code-editor__main .monaco-editor {
|
|
10650
10922
|
background-color: var(--pf-v6-c-code-editor__main--BackgroundColor);
|
|
10651
10923
|
}
|
|
10924
|
+
.pf-v6-c-code-editor__main a.label-name {
|
|
10925
|
+
text-decoration-line: none;
|
|
10926
|
+
}
|
|
10652
10927
|
|
|
10653
10928
|
.pf-v6-c-code-editor__header + .pf-v6-c-code-editor__main {
|
|
10654
10929
|
border-block-start-width: 0;
|
|
@@ -12222,6 +12497,17 @@ ul) {
|
|
|
12222
12497
|
--pf-v6-c-dual-list-selector__menu--MinHeight: 12.5rem;
|
|
12223
12498
|
--pf-v6-c-dual-list-selector__menu--MaxHeight: 20rem;
|
|
12224
12499
|
--pf-v6-c-dual-list-selector__menu--MarginBlockStart: var(--pf-t--global--spacer--md);
|
|
12500
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: 0s;
|
|
12501
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
12502
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: 0s;
|
|
12503
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
12504
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--slide: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide);
|
|
12505
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--fade: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--fade);
|
|
12506
|
+
--pf-v6-c-dual-list-selector__list--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
12507
|
+
--pf-v6-c-dual-list-selector__list--Opacity: 0;
|
|
12508
|
+
--pf-v6-c-dual-list-selector--m-expanded__list--Opacity: 1;
|
|
12509
|
+
--pf-v6-c-dual-list-selector__list--TranslateY: 0;
|
|
12510
|
+
--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
|
|
12225
12511
|
--pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
|
|
12226
12512
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
12227
12513
|
--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
@@ -12259,6 +12545,13 @@ ul) {
|
|
|
12259
12545
|
--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
|
|
12260
12546
|
--pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
12261
12547
|
}
|
|
12548
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
12549
|
+
.pf-v6-c-dual-list-selector {
|
|
12550
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
12551
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
12552
|
+
--pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
|
|
12553
|
+
}
|
|
12554
|
+
}
|
|
12262
12555
|
|
|
12263
12556
|
.pf-v6-c-dual-list-selector {
|
|
12264
12557
|
display: grid;
|
|
@@ -12354,9 +12647,27 @@ ul) {
|
|
|
12354
12647
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expandable {
|
|
12355
12648
|
--pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
|
|
12356
12649
|
}
|
|
12650
|
+
.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 {
|
|
12651
|
+
max-height: 0;
|
|
12652
|
+
visibility: hidden;
|
|
12653
|
+
opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
|
|
12654
|
+
transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
|
|
12655
|
+
transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
|
|
12656
|
+
transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
|
|
12657
|
+
transition-property: opacity, translate, visibility, max-height;
|
|
12658
|
+
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
12659
|
+
}
|
|
12357
12660
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
|
|
12358
12661
|
--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);
|
|
12359
12662
|
}
|
|
12663
|
+
.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 {
|
|
12664
|
+
max-height: 99999px;
|
|
12665
|
+
visibility: revert;
|
|
12666
|
+
opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
|
|
12667
|
+
transition-delay: 0s;
|
|
12668
|
+
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;
|
|
12669
|
+
translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
|
|
12670
|
+
}
|
|
12360
12671
|
.pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
|
|
12361
12672
|
--pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
|
|
12362
12673
|
--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);
|
|
@@ -13892,6 +14203,18 @@ ul) {
|
|
|
13892
14203
|
--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
|
|
13893
14204
|
--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
|
|
13894
14205
|
--pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
|
|
14206
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: 0s;
|
|
14207
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
14208
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: 0s;
|
|
14209
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
14210
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--slide: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide);
|
|
14211
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--fade: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade);
|
|
14212
|
+
--pf-v6-c-expandable-section__content--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
14213
|
+
--pf-v6-c-expandable-section__content--TransitionDelay--hide: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade);
|
|
14214
|
+
--pf-v6-c-expandable-section__content--Opacity: 0;
|
|
14215
|
+
--pf-v6-c-expandable-section__content--TranslateY: 0;
|
|
14216
|
+
--pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
|
|
14217
|
+
--pf-v6-c-expandable-section--m-expanded__content--TranslateY: 0;
|
|
13895
14218
|
--pf-v6-c-expandable-section__content--MaxWidth: auto;
|
|
13896
14219
|
--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
|
|
13897
14220
|
--pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -13903,20 +14226,39 @@ ul) {
|
|
|
13903
14226
|
--pf-v6-c-expandable-section--m-display-lg--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
13904
14227
|
--pf-v6-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
|
|
13905
14228
|
--pf-v6-c-expandable-section--m-display-lg--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
14229
|
+
--pf-v6-c-expandable-section--m-display-lg--TransitionDelay: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade);
|
|
13906
14230
|
--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));
|
|
13907
14231
|
--pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
|
|
13908
14232
|
--pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
|
|
13909
14233
|
}
|
|
14234
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
14235
|
+
.pf-v6-c-expandable-section {
|
|
14236
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
14237
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
14238
|
+
--pf-v6-c-expandable-section__content--TranslateY: -.5rem;
|
|
14239
|
+
}
|
|
14240
|
+
}
|
|
13910
14241
|
|
|
13911
14242
|
.pf-v6-c-expandable-section {
|
|
13912
14243
|
display: flex;
|
|
13913
14244
|
flex-direction: column;
|
|
13914
|
-
gap:
|
|
14245
|
+
gap: 0;
|
|
14246
|
+
transition-delay: var(--pf-v6-c-expandable-section__content--TransitionDelay--hide);
|
|
14247
|
+
transition-duration: 0s;
|
|
14248
|
+
transition-property: gap, padding-block-end;
|
|
13915
14249
|
}
|
|
13916
14250
|
.pf-v6-c-expandable-section.pf-m-expanded {
|
|
13917
14251
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate);
|
|
13918
14252
|
--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);
|
|
13919
14253
|
--pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd);
|
|
14254
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--slide: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide);
|
|
14255
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--fade: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--fade);
|
|
14256
|
+
--pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
|
|
14257
|
+
--pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
|
|
14258
|
+
--pf-v6-c-expandable-section__content--Visibility: auto;
|
|
14259
|
+
--pf-v6-c-expandable-section__content--MaxHeight: 99999px;
|
|
14260
|
+
--pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
|
|
14261
|
+
gap: var(--pf-v6-c-expandable-section--Gap);
|
|
13920
14262
|
}
|
|
13921
14263
|
.pf-v6-c-expandable-section.pf-m-limit-width {
|
|
13922
14264
|
--pf-v6-c-expandable-section__content--MaxWidth: var(--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth);
|
|
@@ -13963,6 +14305,19 @@ ul) {
|
|
|
13963
14305
|
padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
|
|
13964
14306
|
padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
|
|
13965
14307
|
}
|
|
14308
|
+
.pf-v6-c-expandable-section__content:where([hidden]) {
|
|
14309
|
+
display: revert;
|
|
14310
|
+
}
|
|
14311
|
+
.pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) .pf-v6-c-expandable-section__content {
|
|
14312
|
+
max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
|
|
14313
|
+
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
14314
|
+
opacity: var(--pf-v6-c-expandable-section__content--Opacity);
|
|
14315
|
+
transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
|
|
14316
|
+
transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
|
|
14317
|
+
transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
|
|
14318
|
+
transition-property: opacity, translate, visibility, max-height;
|
|
14319
|
+
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
14320
|
+
}
|
|
13966
14321
|
|
|
13967
14322
|
.pf-v6-c-file-upload {
|
|
13968
14323
|
--pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
@@ -14074,7 +14429,7 @@ ul) {
|
|
|
14074
14429
|
--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));
|
|
14075
14430
|
--pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
|
|
14076
14431
|
--pf-v6-c-form__field-group-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
|
14077
|
-
--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
14432
|
+
--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
14078
14433
|
--pf-v6-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
|
|
14079
14434
|
--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);
|
|
14080
14435
|
--pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
@@ -14094,6 +14449,8 @@ ul) {
|
|
|
14094
14449
|
--pf-v6-c-form__field-group-header-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
|
|
14095
14450
|
--pf-v6-c-form__field-group-header-description--Color: var(--pf-t--global--text--color--subtle);
|
|
14096
14451
|
--pf-v6-c-form__field-group-header-actions--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
14452
|
+
--pf-v6-c-form__field-group-header-actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
14453
|
+
--pf-v6-c-form__field-group-header-actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
14097
14454
|
--pf-v6-c-form__field-group-body--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
14098
14455
|
--pf-v6-c-form__field-group-body--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
14099
14456
|
--pf-v6-c-form__field-group-body--Gap: var(--pf-v6-c-form--GridGap);
|
|
@@ -14101,6 +14458,19 @@ ul) {
|
|
|
14101
14458
|
--pf-v6-c-form__field-group__field-group__field-group-body--GridColumn: 1 / 3;
|
|
14102
14459
|
--pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn: 2 / 3;
|
|
14103
14460
|
--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd: calc(var(--pf-v6-c-form__field-group-body--PaddingBlockEnd) * -1);
|
|
14461
|
+
--pf-v6-c-form__field-group-body--TranslateY: 0;
|
|
14462
|
+
--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY: 0;
|
|
14463
|
+
--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: 0s;
|
|
14464
|
+
--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
14465
|
+
--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: 0s;
|
|
14466
|
+
--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
14467
|
+
}
|
|
14468
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
14469
|
+
.pf-v6-c-form {
|
|
14470
|
+
--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
14471
|
+
--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
14472
|
+
--pf-v6-c-form__field-group-body--TranslateY: -.5rem;
|
|
14473
|
+
}
|
|
14104
14474
|
}
|
|
14105
14475
|
|
|
14106
14476
|
.pf-v6-c-form {
|
|
@@ -14457,6 +14827,16 @@ ul) {
|
|
|
14457
14827
|
.pf-v6-c-form__field-group.pf-m-expanded > .pf-v6-c-form__field-group-toggle {
|
|
14458
14828
|
--pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
|
|
14459
14829
|
}
|
|
14830
|
+
.pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
14831
|
+
max-height: 99999px;
|
|
14832
|
+
padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
|
|
14833
|
+
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
14834
|
+
visibility: visible;
|
|
14835
|
+
opacity: 1;
|
|
14836
|
+
transition-delay: 0s;
|
|
14837
|
+
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;
|
|
14838
|
+
translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
|
|
14839
|
+
}
|
|
14460
14840
|
|
|
14461
14841
|
.pf-v6-c-form__field-group-toggle {
|
|
14462
14842
|
grid-row: 1/2;
|
|
@@ -14515,6 +14895,8 @@ ul) {
|
|
|
14515
14895
|
}
|
|
14516
14896
|
|
|
14517
14897
|
.pf-v6-c-form__field-group-header-actions {
|
|
14898
|
+
margin-block-start: var(--pf-v6-c-form__field-group-header-actions--MarginBlockStart);
|
|
14899
|
+
margin-block-end: var(--pf-v6-c-form__field-group-header-actions--MarginBlockEnd);
|
|
14518
14900
|
margin-inline-start: var(--pf-v6-c-form__field-group-header-actions--MarginInlineStart);
|
|
14519
14901
|
white-space: nowrap;
|
|
14520
14902
|
}
|
|
@@ -14526,6 +14908,18 @@ ul) {
|
|
|
14526
14908
|
padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
|
|
14527
14909
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
14528
14910
|
}
|
|
14911
|
+
.pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
14912
|
+
max-height: 0;
|
|
14913
|
+
padding-block-start: 0;
|
|
14914
|
+
padding-block-end: 0;
|
|
14915
|
+
visibility: hidden;
|
|
14916
|
+
opacity: 0;
|
|
14917
|
+
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);
|
|
14918
|
+
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;
|
|
14919
|
+
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
|
14920
|
+
translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
|
|
14921
|
+
}
|
|
14922
|
+
|
|
14529
14923
|
.pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
|
|
14530
14924
|
--pf-v6-c-form__field-group-toggle--PaddingBlockStart: 0;
|
|
14531
14925
|
--pf-v6-c-form__field-group-header--PaddingBlockStart: 0;
|
|
@@ -14762,6 +15156,22 @@ ul) {
|
|
|
14762
15156
|
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
|
|
14763
15157
|
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
|
|
14764
15158
|
}
|
|
15159
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
15160
|
+
.pf-v6-c-form-control.pf-m-error {
|
|
15161
|
+
translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
|
|
15162
|
+
animation-name: pf-v6-global-danger-jiggle-motion;
|
|
15163
|
+
animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
|
|
15164
|
+
animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
|
|
15165
|
+
animation-fill-mode: both;
|
|
15166
|
+
}
|
|
15167
|
+
}
|
|
15168
|
+
.pf-v6-c-form-control.pf-m-error .pf-v6-c-form-control__icon.pf-m-status {
|
|
15169
|
+
--pf-v6-c-form-control--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
|
|
15170
|
+
--pf-v6-c-form-control--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
|
|
15171
|
+
animation-name: pf-v6-global-fade-in;
|
|
15172
|
+
animation-duration: var(--pf-v6-c-form-control--TransitionDuration--Opacity);
|
|
15173
|
+
animation-timing-function: var(--pf-v6-c-form-control--TransitionTimingFunction--Opacity);
|
|
15174
|
+
}
|
|
14765
15175
|
.pf-v6-c-form-control.pf-m-error > textarea {
|
|
14766
15176
|
padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-error--PaddingInlineEnd));
|
|
14767
15177
|
}
|
|
@@ -17230,7 +17640,7 @@ ul.pf-v6-c-list {
|
|
|
17230
17640
|
--pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
|
|
17231
17641
|
--pf-v6-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
17232
17642
|
--pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
17233
|
-
--pf-v6-c-menu--TransitionDuration:
|
|
17643
|
+
--pf-v6-c-menu--TransitionDuration: 0s;
|
|
17234
17644
|
--pf-v6-c-menu--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
17235
17645
|
--pf-v6-c-menu--m-plain--BoxShadow: none;
|
|
17236
17646
|
--pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
|
|
@@ -17303,14 +17713,34 @@ ul.pf-v6-c-list {
|
|
|
17303
17713
|
--pf-v6-c-menu--m-flyout__menu--m-left--InsetInlineEnd: calc(100% + var(--pf-v6-c-menu--m-flyout__menu--m-left--right-offset));
|
|
17304
17714
|
--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
|
|
17305
17715
|
--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
17306
|
-
--pf-v6-c-menu--m-drilldown__content--Transition:
|
|
17716
|
+
--pf-v6-c-menu--m-drilldown__content--Transition: height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
|
|
17307
17717
|
--pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
|
|
17308
|
-
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform:
|
|
17718
|
+
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
|
|
17309
17719
|
--pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
|
|
17310
|
-
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform:
|
|
17720
|
+
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
|
|
17311
17721
|
--pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
|
|
17312
17722
|
--pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
|
|
17313
17723
|
}
|
|
17724
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
17725
|
+
.pf-v6-c-menu {
|
|
17726
|
+
--pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
17727
|
+
}
|
|
17728
|
+
}
|
|
17729
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
17730
|
+
.pf-v6-c-menu {
|
|
17731
|
+
--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);
|
|
17732
|
+
}
|
|
17733
|
+
}
|
|
17734
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
17735
|
+
.pf-v6-c-menu {
|
|
17736
|
+
--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
17737
|
+
}
|
|
17738
|
+
}
|
|
17739
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
17740
|
+
.pf-v6-c-menu {
|
|
17741
|
+
--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
17742
|
+
}
|
|
17743
|
+
}
|
|
17314
17744
|
|
|
17315
17745
|
.pf-v6-c-menu__content,
|
|
17316
17746
|
.pf-v6-c-menu__list-item,
|
|
@@ -17844,6 +18274,14 @@ ul.pf-v6-c-list {
|
|
|
17844
18274
|
--pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
17845
18275
|
--pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
|
|
17846
18276
|
--pf-v6-c-menu-toggle__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
18277
|
+
--pf-v6-c-menu-toggle__icon--TransitionDelay: 0s;
|
|
18278
|
+
--pf-v6-c-menu-toggle__icon--TransitionDuration: 0s;
|
|
18279
|
+
--pf-v6-c-menu-toggle__icon--TransitionProperty: none;
|
|
18280
|
+
--pf-v6-c-menu-toggle--hover__icon--TransitionDelay: 0s;
|
|
18281
|
+
--pf-v6-c-menu-toggle--hover__icon--TransitionDuration: 0s;
|
|
18282
|
+
--pf-v6-c-menu-toggle--hover__icon--TransitionProperty: none;
|
|
18283
|
+
--pf-v6-c-menu-toggle__icon--Rotate: 0deg;
|
|
18284
|
+
--pf-v6-c-menu-toggle--hover__icon--Rotate: 0deg;
|
|
17847
18285
|
--pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
|
|
17848
18286
|
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
17849
18287
|
--pf-v6-c-menu-toggle--m-primary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
|
|
@@ -17941,6 +18379,11 @@ ul.pf-v6-c-list {
|
|
|
17941
18379
|
--pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
|
|
17942
18380
|
--pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
|
|
17943
18381
|
--pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
|
|
18382
|
+
--pf-v6-c-menu-toggle--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
|
18383
|
+
--pf-v6-c-menu-toggle--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
|
|
18384
|
+
--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
|
18385
|
+
--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
18386
|
+
--pf-v6-c-menu-toggle--m-settings--hover__icon--Rotate: 60deg;
|
|
17944
18387
|
}
|
|
17945
18388
|
|
|
17946
18389
|
.pf-v6-c-menu-toggle {
|
|
@@ -18054,6 +18497,10 @@ ul.pf-v6-c-list {
|
|
|
18054
18497
|
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--hover--BorderWidth);
|
|
18055
18498
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--hover--BorderColor);
|
|
18056
18499
|
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--hover__toggle-icon--Color);
|
|
18500
|
+
--pf-v6-c-menu-toggle__icon--TransitionDelay: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDelay);
|
|
18501
|
+
--pf-v6-c-menu-toggle__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDuration);
|
|
18502
|
+
--pf-v6-c-menu-toggle__icon--TransitionProperty: var(--pf-v6-c-menu-toggle--hover__icon--TransitionProperty);
|
|
18503
|
+
--pf-v6-c-menu-toggle__icon--Rotate: var(--pf-v6-c-menu-toggle--hover__icon--Rotate);
|
|
18057
18504
|
}
|
|
18058
18505
|
.pf-v6-c-menu-toggle:is(.pf-m-expanded, [aria-expanded=true]) {
|
|
18059
18506
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--expanded--Color);
|
|
@@ -18109,6 +18556,15 @@ ul.pf-v6-c-list {
|
|
|
18109
18556
|
opacity: 1;
|
|
18110
18557
|
}
|
|
18111
18558
|
}
|
|
18559
|
+
.pf-v6-c-menu-toggle.pf-m-settings {
|
|
18560
|
+
--pf-v6-c-menu-toggle__icon--TransitionProperty: rotate;
|
|
18561
|
+
--pf-v6-c-menu-toggle__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--m-settings__icon--TransitionDuration);
|
|
18562
|
+
--pf-v6-c-menu-toggle__icon--TransitionTimingFunction: var(--pf-v6-c-menu-toggle--m-settings__icon--TransitionTimingFunction);
|
|
18563
|
+
--pf-v6-c-menu-toggle--hover__icon--TransitionProperty: rotate;
|
|
18564
|
+
--pf-v6-c-menu-toggle--hover__icon--TransitionDuration: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionDuration);
|
|
18565
|
+
--pf-v6-c-menu-toggle--hover__icon--TransitionTimingFunction: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--TransitionTimingFunction);
|
|
18566
|
+
--pf-v6-c-menu-toggle--hover__icon--Rotate: var(--pf-v6-c-menu-toggle--m-settings--hover__icon--Rotate);
|
|
18567
|
+
}
|
|
18112
18568
|
.pf-v6-c-menu-toggle.pf-m-placeholder {
|
|
18113
18569
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
|
|
18114
18570
|
}
|
|
@@ -18261,16 +18717,24 @@ ul.pf-v6-c-list {
|
|
|
18261
18717
|
flex-wrap: nowrap;
|
|
18262
18718
|
}
|
|
18263
18719
|
|
|
18264
|
-
.pf-v6-c-menu-toggle__icon {
|
|
18265
|
-
flex-shrink: 0;
|
|
18266
|
-
}
|
|
18267
18720
|
.pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
|
|
18268
18721
|
.pf-v6-c-menu-toggle__icon.pf-m-avatar img,
|
|
18269
|
-
.pf-v6-c-menu-toggle__icon.pf-m-avatar svg {
|
|
18722
|
+
.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 {
|
|
18270
18723
|
margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
|
|
18271
18724
|
margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
|
|
18272
18725
|
}
|
|
18273
18726
|
|
|
18727
|
+
.pf-v6-c-menu-toggle__icon {
|
|
18728
|
+
flex-shrink: 0;
|
|
18729
|
+
transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
|
|
18730
|
+
transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
|
|
18731
|
+
transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
|
|
18732
|
+
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
|
18733
|
+
}
|
|
18734
|
+
.pf-v6-c-menu-toggle__icon :where(picture, img) {
|
|
18735
|
+
vertical-align: middle;
|
|
18736
|
+
}
|
|
18737
|
+
|
|
18274
18738
|
.pf-v6-c-menu-toggle__controls {
|
|
18275
18739
|
display: flex;
|
|
18276
18740
|
gap: var(--pf-v6-c-menu-toggle__controls--Gap);
|
|
@@ -18757,9 +19221,13 @@ ul.pf-v6-c-list {
|
|
|
18757
19221
|
--pf-v6-c-nav__subnav--PaddingBlockStart: var(--pf-v6-c-nav__item--RowGap);
|
|
18758
19222
|
--pf-v6-c-nav__subnav--PaddingBlockEnd: var(--pf-v6-c-nav__item--RowGap);
|
|
18759
19223
|
--pf-v6-c-nav__subnav--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
18760
|
-
--pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-t--global--motion--duration--
|
|
18761
|
-
--pf-v6-c-nav__subnav--TransitionDuration--
|
|
19224
|
+
--pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-t--global--motion--duration--fade--default);
|
|
19225
|
+
--pf-v6-c-nav__subnav--TransitionDuration--expand--slide: 0s;
|
|
19226
|
+
--pf-v6-c-nav__subnav--TransitionDuration--collapse: var(--pf-t--global--motion--duration--fade--short);
|
|
19227
|
+
--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: 0s;
|
|
18762
19228
|
--pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
|
|
19229
|
+
--pf-v6-c-nav__subnav--TranslateY: 0;
|
|
19230
|
+
--pf-v6-c-nav__subnav--hidden--TranslateY: 0;
|
|
18763
19231
|
--pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
|
|
18764
19232
|
--pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
|
|
18765
19233
|
--pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
|
|
@@ -18788,6 +19256,13 @@ ul.pf-v6-c-list {
|
|
|
18788
19256
|
--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
18789
19257
|
--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
18790
19258
|
}
|
|
19259
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
19260
|
+
.pf-v6-c-nav {
|
|
19261
|
+
--pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
19262
|
+
--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
19263
|
+
--pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
|
|
19264
|
+
}
|
|
19265
|
+
}
|
|
18791
19266
|
|
|
18792
19267
|
.pf-v6-c-nav,
|
|
18793
19268
|
.pf-v6-c-nav__section,
|
|
@@ -18858,24 +19333,27 @@ ul.pf-v6-c-list {
|
|
|
18858
19333
|
|
|
18859
19334
|
.pf-v6-c-nav__subnav {
|
|
18860
19335
|
--pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
|
|
18861
|
-
|
|
18862
|
-
min-height: 0;
|
|
19336
|
+
max-height: 99999px;
|
|
18863
19337
|
padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
|
|
18864
19338
|
padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
|
|
18865
19339
|
padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
|
|
18866
19340
|
overflow-y: clip;
|
|
18867
|
-
|
|
19341
|
+
visibility: visible;
|
|
19342
|
+
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);
|
|
18868
19343
|
transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
|
|
18869
|
-
transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), 0s, 0s, 0s, 0s;
|
|
18870
|
-
transition-property: opacity, visibility,
|
|
19344
|
+
transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
|
|
19345
|
+
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
|
19346
|
+
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
|
18871
19347
|
}
|
|
18872
19348
|
.pf-v6-c-nav__subnav[hidden] {
|
|
18873
19349
|
--pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
|
|
18874
19350
|
--pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-v6-c-nav__subnav--TransitionDuration--collapse);
|
|
19351
|
+
--pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-v6-c-nav__subnav--TransitionDuration--collapse--slide);
|
|
18875
19352
|
--pf-v6-c-nav__subnav--PaddingBlockStart: 0;
|
|
18876
19353
|
--pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
|
|
19354
|
+
--pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
|
|
18877
19355
|
display: grid;
|
|
18878
|
-
|
|
19356
|
+
max-height: 0;
|
|
18879
19357
|
visibility: hidden;
|
|
18880
19358
|
opacity: 0;
|
|
18881
19359
|
}
|
|
@@ -19360,13 +19838,18 @@ ul.pf-v6-c-list {
|
|
|
19360
19838
|
--pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
19361
19839
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
|
19362
19840
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
19363
|
-
--pf-v6-c-page__sidebar--Width: 18.125rem;
|
|
19364
|
-
--pf-v6-c-page__sidebar--
|
|
19841
|
+
--pf-v6-c-page__sidebar--Width--base: 18.125rem;
|
|
19842
|
+
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
19843
|
+
--pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
19365
19844
|
--pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
19366
19845
|
--pf-v6-c-page__sidebar--BoxShadow: none;
|
|
19367
|
-
--pf-v6-c-page__sidebar--
|
|
19368
|
-
--pf-v6-c-page__sidebar--
|
|
19846
|
+
--pf-v6-c-page__sidebar--TransitionProperty: opacity;
|
|
19847
|
+
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
19848
|
+
--pf-v6-c-page__sidebar--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
19369
19849
|
--pf-v6-c-page__sidebar--TranslateX: -100%;
|
|
19850
|
+
--pf-v6-c-page__sidebar--Opacity: 0;
|
|
19851
|
+
--pf-v6-c-page__sidebar--m-expanded--Opacity: 1;
|
|
19852
|
+
--pf-v6-c-page__sidebar--xl--Opacity: 1;
|
|
19370
19853
|
--pf-v6-c-page__sidebar--TranslateZ: 0;
|
|
19371
19854
|
--pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
|
|
19372
19855
|
--pf-v6-c-page__sidebar--xl--TranslateX: 0;
|
|
@@ -19444,9 +19927,17 @@ ul.pf-v6-c-list {
|
|
|
19444
19927
|
--pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
|
|
19445
19928
|
--pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
|
|
19446
19929
|
}
|
|
19930
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
19931
|
+
.pf-v6-c-page {
|
|
19932
|
+
--pf-v6-c-page__sidebar--Opacity: 1;
|
|
19933
|
+
--pf-v6-c-page__sidebar--TransitionProperty: transform;
|
|
19934
|
+
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
|
|
19935
|
+
}
|
|
19936
|
+
}
|
|
19447
19937
|
@media screen and (min-width: 75rem) {
|
|
19448
19938
|
.pf-v6-c-page {
|
|
19449
19939
|
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
|
|
19940
|
+
--pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
|
|
19450
19941
|
}
|
|
19451
19942
|
}
|
|
19452
19943
|
|
|
@@ -19467,6 +19958,51 @@ ul.pf-v6-c-list {
|
|
|
19467
19958
|
grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
|
|
19468
19959
|
}
|
|
19469
19960
|
}
|
|
19961
|
+
.pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
|
|
19962
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
|
19963
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
|
19964
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
|
19965
|
+
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
|
19966
|
+
--pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
|
19967
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
|
19968
|
+
--pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
|
19969
|
+
}
|
|
19970
|
+
.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) {
|
|
19971
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
|
19972
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
|
19973
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
|
19974
|
+
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
|
19975
|
+
--pf-v6-c-button__icon--ScaleX: 1;
|
|
19976
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
|
19977
|
+
--pf-v6-c-button--hover__icon--ScaleX: 1;
|
|
19978
|
+
}
|
|
19979
|
+
@media (min-width: 75rem) {
|
|
19980
|
+
.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) {
|
|
19981
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
|
|
19982
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
|
|
19983
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
|
|
19984
|
+
--pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
|
|
19985
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
|
|
19986
|
+
}
|
|
19987
|
+
.pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
|
|
19988
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
|
19989
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
|
19990
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
|
19991
|
+
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
|
19992
|
+
--pf-v6-c-button__icon--ScaleX: 1;
|
|
19993
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
|
19994
|
+
--pf-v6-c-button--hover__icon--ScaleX: 1;
|
|
19995
|
+
}
|
|
19996
|
+
.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) {
|
|
19997
|
+
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
|
19998
|
+
--pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
|
|
19999
|
+
--pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
|
|
20000
|
+
--pf-v6-c-button__icon--TransitionDelay: 0s;
|
|
20001
|
+
--pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
|
20002
|
+
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
|
20003
|
+
--pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
|
|
20004
|
+
}
|
|
20005
|
+
}
|
|
19470
20006
|
|
|
19471
20007
|
.pf-v6-c-page > .pf-v6-c-masthead {
|
|
19472
20008
|
z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
|
|
@@ -19495,7 +20031,8 @@ ul.pf-v6-c-list {
|
|
|
19495
20031
|
overflow-y: auto;
|
|
19496
20032
|
-webkit-overflow-scrolling: touch;
|
|
19497
20033
|
background-color: var(--pf-v6-c-page__sidebar--BackgroundColor);
|
|
19498
|
-
|
|
20034
|
+
opacity: var(--pf-v6-c-page__sidebar--Opacity);
|
|
20035
|
+
transition: var(--pf-v6-c-page__sidebar--TransitionProperty) var(--pf-v6-c-page__sidebar--TransitionDuration) var(--pf-v6-c-page__sidebar--TransitionTimingFunction);
|
|
19499
20036
|
transform: translateX(var(--pf-v6-c-page__sidebar--TranslateX)) translateZ(var(--pf-v6-c-page__sidebar--TranslateZ));
|
|
19500
20037
|
}
|
|
19501
20038
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__sidebar {
|
|
@@ -19504,6 +20041,7 @@ ul.pf-v6-c-list {
|
|
|
19504
20041
|
|
|
19505
20042
|
.pf-v6-c-page__sidebar.pf-m-expanded {
|
|
19506
20043
|
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--m-expanded--TranslateX);
|
|
20044
|
+
--pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--m-expanded--Opacity);
|
|
19507
20045
|
box-shadow: var(--pf-v6-c-page__sidebar--BoxShadow);
|
|
19508
20046
|
}
|
|
19509
20047
|
@media screen and (min-width: 75rem) {
|
|
@@ -19789,7 +20327,7 @@ ul.pf-v6-c-list {
|
|
|
19789
20327
|
-webkit-overflow-scrolling: touch;
|
|
19790
20328
|
}
|
|
19791
20329
|
@media screen and (min-width: 75rem) {
|
|
19792
|
-
.pf-v6-c-masthead + .pf-v6-c-page__main-container, .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__main-container,
|
|
20330
|
+
.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,
|
|
19793
20331
|
.pf-v6-c-masthead + .pf-v6-c-page__drawer,
|
|
19794
20332
|
.pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__drawer {
|
|
19795
20333
|
--pf-v6-c-page__main-container--GridArea: var(--pf-v6-c-page--masthead--main-container--GridArea);
|
|
@@ -20764,6 +21302,22 @@ ul.pf-v6-c-list {
|
|
|
20764
21302
|
--pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
|
|
20765
21303
|
--pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
|
|
20766
21304
|
}
|
|
21305
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
21306
|
+
.pf-v6-c-progress.pf-m-danger .pf-v6-c-progress__bar {
|
|
21307
|
+
translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
|
|
21308
|
+
animation-name: pf-v6-global-danger-jiggle-motion;
|
|
21309
|
+
animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
|
|
21310
|
+
animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
|
|
21311
|
+
animation-fill-mode: both;
|
|
21312
|
+
}
|
|
21313
|
+
}
|
|
21314
|
+
.pf-v6-c-progress.pf-m-danger .pf-v6-c-progress__status-icon {
|
|
21315
|
+
--pf-v6-c-progress--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
|
|
21316
|
+
--pf-v6-c-progress--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
|
|
21317
|
+
animation-name: pf-v6-global-fade-in;
|
|
21318
|
+
animation-duration: var(--pf-v6-c-progress--TransitionDuration--Opacity);
|
|
21319
|
+
animation-timing-function: var(--pf-v6-c-progress--TransitionTimingFunction--Opacity);
|
|
21320
|
+
}
|
|
20767
21321
|
|
|
20768
21322
|
.pf-v6-c-progress__description {
|
|
20769
21323
|
grid-column: 1/2;
|
|
@@ -21941,8 +22495,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
21941
22495
|
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
21942
22496
|
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
21943
22497
|
--pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
|
|
21944
|
-
--pf-v6-c-skeleton--after--TranslateX:
|
|
21945
|
-
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
|
|
22498
|
+
--pf-v6-c-skeleton--after--TranslateX: 0;
|
|
22499
|
+
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading-reduced-motion;
|
|
21946
22500
|
--pf-v6-c-skeleton--after--AnimationDuration: 3s;
|
|
21947
22501
|
--pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
|
|
21948
22502
|
--pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
|
|
@@ -21974,6 +22528,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
21974
22528
|
--pf-v6-c-skeleton--m-height-75--Height: 75%;
|
|
21975
22529
|
--pf-v6-c-skeleton--m-height-100--Height: 100%;
|
|
21976
22530
|
}
|
|
22531
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
22532
|
+
.pf-v6-c-skeleton {
|
|
22533
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
22534
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
22535
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
|
|
22536
|
+
--pf-v6-c-skeleton--after--TranslateX: -100%;
|
|
22537
|
+
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
|
|
22538
|
+
}
|
|
22539
|
+
}
|
|
21977
22540
|
|
|
21978
22541
|
.pf-v6-c-skeleton {
|
|
21979
22542
|
position: relative;
|
|
@@ -22094,6 +22657,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22094
22657
|
transform: translateX(100%);
|
|
22095
22658
|
}
|
|
22096
22659
|
}
|
|
22660
|
+
@keyframes pf-v6-c-skeleton-loading-reduced-motion {
|
|
22661
|
+
0% {
|
|
22662
|
+
opacity: 0.25;
|
|
22663
|
+
}
|
|
22664
|
+
60% {
|
|
22665
|
+
opacity: 1;
|
|
22666
|
+
}
|
|
22667
|
+
100% {
|
|
22668
|
+
opacity: 0.25;
|
|
22669
|
+
}
|
|
22670
|
+
}
|
|
22097
22671
|
.pf-v6-c-skip-to-content {
|
|
22098
22672
|
--pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
|
|
22099
22673
|
--pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
@@ -22341,6 +22915,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22341
22915
|
--pf-v6-c-spinner--StrokeWidth: 10;
|
|
22342
22916
|
--pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
|
|
22343
22917
|
--pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
|
|
22918
|
+
--pf-v6-c-spinner--m-xs--diameter: var(--pf-t--global--icon--size--sm);
|
|
22344
22919
|
--pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
|
|
22345
22920
|
--pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
|
|
22346
22921
|
--pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
|
|
@@ -22357,6 +22932,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22357
22932
|
.pf-v6-c-spinner.pf-m-inline {
|
|
22358
22933
|
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
|
|
22359
22934
|
}
|
|
22935
|
+
.pf-v6-c-spinner.pf-m-xs {
|
|
22936
|
+
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xs--diameter);
|
|
22937
|
+
--pf-v6-c-spinner--StrokeWidth: 15;
|
|
22938
|
+
}
|
|
22360
22939
|
.pf-v6-c-spinner.pf-m-sm {
|
|
22361
22940
|
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
|
|
22362
22941
|
}
|
|
@@ -22638,6 +23217,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22638
23217
|
--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
22639
23218
|
--pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
|
|
22640
23219
|
--pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
|
|
23220
|
+
--pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
22641
23221
|
--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
22642
23222
|
--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
22643
23223
|
--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
@@ -22762,7 +23342,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22762
23342
|
}
|
|
22763
23343
|
.pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
|
22764
23344
|
position: revert;
|
|
22765
|
-
font-weight:
|
|
23345
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
|
22766
23346
|
text-align: start;
|
|
22767
23347
|
content: attr(data-label);
|
|
22768
23348
|
}
|
|
@@ -23062,7 +23642,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
23062
23642
|
}
|
|
23063
23643
|
.pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
|
23064
23644
|
position: revert;
|
|
23065
|
-
font-weight:
|
|
23645
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
|
23066
23646
|
text-align: start;
|
|
23067
23647
|
content: attr(data-label);
|
|
23068
23648
|
}
|
|
@@ -23365,7 +23945,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
23365
23945
|
}
|
|
23366
23946
|
.pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
|
23367
23947
|
position: revert;
|
|
23368
|
-
font-weight:
|
|
23948
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
|
23369
23949
|
text-align: start;
|
|
23370
23950
|
content: attr(data-label);
|
|
23371
23951
|
}
|
|
@@ -23668,7 +24248,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
23668
24248
|
}
|
|
23669
24249
|
.pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
|
23670
24250
|
position: revert;
|
|
23671
|
-
font-weight:
|
|
24251
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
|
23672
24252
|
text-align: start;
|
|
23673
24253
|
content: attr(data-label);
|
|
23674
24254
|
}
|
|
@@ -23971,7 +24551,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
23971
24551
|
}
|
|
23972
24552
|
.pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
|
23973
24553
|
position: revert;
|
|
23974
|
-
font-weight:
|
|
24554
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
|
23975
24555
|
text-align: start;
|
|
23976
24556
|
content: attr(data-label);
|
|
23977
24557
|
}
|
|
@@ -24249,6 +24829,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24249
24829
|
--pf-v6-c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
24250
24830
|
--pf-v6-c-table__action--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
24251
24831
|
--pf-v6-c-table__action--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
24832
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: 0s;
|
|
24833
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
24834
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
|
|
24835
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
24836
|
+
--pf-v6-c-table__expandable-row--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
24837
|
+
--pf-v6-c-table__expandable-row--Opacity: 0;
|
|
24838
|
+
--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
|
|
24839
|
+
--pf-v6-c-table__expandable-row--TranslateY: 0;
|
|
24840
|
+
--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
|
|
24252
24841
|
--pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
24253
24842
|
--pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
24254
24843
|
--pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
@@ -24309,6 +24898,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24309
24898
|
--pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
|
24310
24899
|
--pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
|
24311
24900
|
}
|
|
24901
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
24902
|
+
.pf-v6-c-table {
|
|
24903
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
24904
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
24905
|
+
--pf-v6-c-table__expandable-row--TranslateY: -.5rem;
|
|
24906
|
+
}
|
|
24907
|
+
}
|
|
24312
24908
|
|
|
24313
24909
|
.pf-v6-c-table {
|
|
24314
24910
|
width: 100%;
|
|
@@ -24573,6 +25169,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24573
25169
|
.pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
|
|
24574
25170
|
--pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
|
|
24575
25171
|
}
|
|
25172
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row {
|
|
25173
|
+
display: revert;
|
|
25174
|
+
visibility: hidden;
|
|
25175
|
+
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
|
25176
|
+
transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
|
25177
|
+
transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
|
|
25178
|
+
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s;
|
|
25179
|
+
transition-property: opacity, translate, visibility;
|
|
25180
|
+
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
25181
|
+
}
|
|
25182
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
|
|
25183
|
+
display: revert;
|
|
25184
|
+
}
|
|
25185
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
25186
|
+
visibility: visible;
|
|
25187
|
+
opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
|
|
25188
|
+
transition-delay: 0s;
|
|
25189
|
+
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
|
|
25190
|
+
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
25191
|
+
}
|
|
25192
|
+
.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 {
|
|
25193
|
+
max-height: 99999px;
|
|
25194
|
+
}
|
|
25195
|
+
.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),
|
|
25196
|
+
.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 {
|
|
25197
|
+
padding: 0;
|
|
25198
|
+
overflow: hidden;
|
|
25199
|
+
transition-delay: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
|
25200
|
+
transition-property: padding, max-height, overflow;
|
|
25201
|
+
}
|
|
25202
|
+
.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 {
|
|
25203
|
+
max-height: 0;
|
|
25204
|
+
}
|
|
24576
25205
|
|
|
24577
25206
|
[class*=pf-v6-c-table].pf-m-truncate {
|
|
24578
25207
|
--pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--m-truncate--cell--MinWidth);
|
|
@@ -24878,21 +25507,25 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24878
25507
|
position: relative;
|
|
24879
25508
|
border-block-end: 0 solid transparent;
|
|
24880
25509
|
}
|
|
24881
|
-
|
|
24882
|
-
|
|
25510
|
+
.pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
|
|
25511
|
+
.pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
|
|
24883
25512
|
padding-block-start: 0;
|
|
24884
25513
|
}
|
|
24885
|
-
|
|
24886
|
-
.pf-v6-c-
|
|
24887
|
-
|
|
25514
|
+
.pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
|
|
25515
|
+
.pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
|
|
25516
|
+
padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
|
|
25517
|
+
}
|
|
25518
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding,
|
|
25519
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding {
|
|
24888
25520
|
padding-block-start: 0;
|
|
24889
25521
|
padding-block-end: 0;
|
|
24890
25522
|
padding-inline-start: 0;
|
|
24891
25523
|
padding-inline-end: 0;
|
|
24892
25524
|
}
|
|
24893
|
-
.pf-v6-c-table__expandable-row
|
|
24894
|
-
.pf-v6-c-table__expandable-row
|
|
25525
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding .pf-v6-c-table__expandable-row-content,
|
|
25526
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding .pf-v6-c-table__expandable-row-content {
|
|
24895
25527
|
padding: 0;
|
|
25528
|
+
border-radius: 0;
|
|
24896
25529
|
}
|
|
24897
25530
|
.pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
|
|
24898
25531
|
padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
|
|
@@ -24902,6 +25535,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24902
25535
|
background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
|
|
24903
25536
|
border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
|
|
24904
25537
|
}
|
|
25538
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
|
|
25539
|
+
background-color: transparent;
|
|
25540
|
+
}
|
|
24905
25541
|
.pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
24906
25542
|
border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
|
|
24907
25543
|
border-block-end-width: var(--pf-v6-c-table--border-width--base);
|
|
@@ -24913,6 +25549,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24913
25549
|
border-block-end: 0;
|
|
24914
25550
|
}
|
|
24915
25551
|
|
|
25552
|
+
.pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row) {
|
|
25553
|
+
border-block-end: 0;
|
|
25554
|
+
}
|
|
25555
|
+
|
|
24916
25556
|
.pf-v6-c-table.pf-m-compact {
|
|
24917
25557
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
|
|
24918
25558
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
|
|
@@ -24968,7 +25608,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24968
25608
|
}
|
|
24969
25609
|
.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
|
|
24970
25610
|
background-color: var(--pf-v6-c-table__control-row--BackgroundColor);
|
|
24971
|
-
border-block-end:
|
|
25611
|
+
border-block-end: 0;
|
|
24972
25612
|
}
|
|
24973
25613
|
|
|
24974
25614
|
.pf-v6-c-table__tr {
|
|
@@ -26027,25 +26667,28 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
26027
26667
|
--pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
26028
26668
|
--pf-v6-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-t--global--border--width--extra-strong);
|
|
26029
26669
|
--pf-v6-c-tabs--link-accent--start: 0;
|
|
26030
|
-
--pf-v6-c-tabs--link-accent--length:
|
|
26670
|
+
--pf-v6-c-tabs--link-accent--length: 0;
|
|
26031
26671
|
--pf-v6-c-tabs--link-accent--color: var(--pf-v6-c-tabs__item--m-current__link--after--BorderColor);
|
|
26032
26672
|
--pf-v6-c-tabs--link-accent--border-size: var(--pf-v6-c-tabs__item--m-current__link--after--BorderWidth);
|
|
26673
|
+
--pf-v6-c-tabs--link-accent--TransitionDuration: var(--pf-t--global--motion--duration--md);
|
|
26674
|
+
--pf-v6-c-tabs--link-accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
26033
26675
|
--pf-v6-c-tabs--link-accent--InsetBlockStart: auto;
|
|
26034
26676
|
--pf-v6-c-tabs--link-accent--InsetBlockEnd: 0;
|
|
26035
|
-
--pf-v6-c-tabs--link-accent--InsetInlineStart:
|
|
26677
|
+
--pf-v6-c-tabs--link-accent--InsetInlineStart: 0;
|
|
26036
26678
|
--pf-v6-c-tabs--link-accent--Width: initial;
|
|
26037
26679
|
--pf-v6-c-tabs--link-accent--Height: 0;
|
|
26038
26680
|
--pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--link-accent--border-size);
|
|
26039
26681
|
--pf-v6-c-tabs--link-accent--BorderInlineStartWidth: 0;
|
|
26040
|
-
--pf-v6-c-tabs--
|
|
26682
|
+
--pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--link-accent--start);
|
|
26683
|
+
--pf-v6-c-tabs--link-accent--TranslateY: 0;
|
|
26684
|
+
--pf-v6-c-tabs--link-accent--TransformOrigin: 0 center;
|
|
26685
|
+
--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart: 0;
|
|
26041
26686
|
--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd: auto;
|
|
26042
|
-
--pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart: 0;
|
|
26043
|
-
--pf-v6-c-tabs--m-vertical--link-accent--Width: 0;
|
|
26044
|
-
--pf-v6-c-tabs--m-vertical--link-accent--Height: initial;
|
|
26045
26687
|
--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth: 0;
|
|
26046
26688
|
--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--link-accent--border-size);
|
|
26047
|
-
--pf-v6-c-tabs--link-accent--
|
|
26048
|
-
--pf-v6-c-tabs--link-accent--
|
|
26689
|
+
--pf-v6-c-tabs--m-vertical--link-accent--TranslateX: 0;
|
|
26690
|
+
--pf-v6-c-tabs--m-vertical--link-accent--TranslateY: var(--pf-v6-c-tabs--link-accent--start);
|
|
26691
|
+
--pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin: center 0;
|
|
26049
26692
|
--pf-v6-c-tabs__scroll-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
26050
26693
|
--pf-v6-c-tabs__scroll-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
26051
26694
|
--pf-v6-c-tabs__scroll-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
@@ -26205,11 +26848,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
26205
26848
|
--pf-v6-c-tabs__list--ScrollSnapTypeAxis: var(--pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis);
|
|
26206
26849
|
--pf-v6-c-tabs--link-accent--InsetBlockStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart);
|
|
26207
26850
|
--pf-v6-c-tabs--link-accent--InsetBlockEnd: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd);
|
|
26208
|
-
--pf-v6-c-tabs--link-accent--InsetInlineStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart);
|
|
26209
26851
|
--pf-v6-c-tabs--link-accent--Width: var(--pf-v6-c-tabs--m-vertical--link-accent--Width);
|
|
26210
26852
|
--pf-v6-c-tabs--link-accent--Height: var(--pf-v6-c-tabs--m-vertical--link-accent--Height);
|
|
26211
26853
|
--pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth);
|
|
26212
26854
|
--pf-v6-c-tabs--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth);
|
|
26855
|
+
--pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateX);
|
|
26856
|
+
--pf-v6-c-tabs--link-accent--TranslateY: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateY);
|
|
26857
|
+
--pf-v6-c-tabs--link-accent--TransformOrigin: var(--pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin);
|
|
26213
26858
|
display: inline-flex;
|
|
26214
26859
|
flex-direction: column;
|
|
26215
26860
|
height: 100%;
|
|
@@ -26786,15 +27431,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
26786
27431
|
}
|
|
26787
27432
|
|
|
26788
27433
|
@media (prefers-reduced-motion: no-preference) {
|
|
26789
|
-
.pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__link::after,
|
|
26790
|
-
.pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
|
|
27434
|
+
.pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__link::after,
|
|
27435
|
+
.pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
|
|
26791
27436
|
content: revert;
|
|
26792
27437
|
}
|
|
26793
|
-
.pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__list::after {
|
|
27438
|
+
.pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
|
|
26794
27439
|
position: absolute;
|
|
26795
|
-
inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart
|
|
27440
|
+
inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart);
|
|
26796
27441
|
inset-block-end: var(--pf-v6-c-tabs--link-accent--InsetBlockEnd);
|
|
26797
|
-
inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart
|
|
27442
|
+
inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart);
|
|
26798
27443
|
width: var(--pf-v6-c-tabs--link-accent--Width, var(--pf-v6-c-tabs--link-accent--length));
|
|
26799
27444
|
height: var(--pf-v6-c-tabs--link-accent--Height, var(--pf-v6-c-tabs--link-accent--length));
|
|
26800
27445
|
content: "";
|
|
@@ -26803,7 +27448,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
26803
27448
|
border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
|
|
26804
27449
|
transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
|
|
26805
27450
|
transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
|
|
26806
|
-
transition-property:
|
|
27451
|
+
transition-property: width, height, translate;
|
|
27452
|
+
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
27453
|
+
translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
|
|
27454
|
+
}
|
|
27455
|
+
: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 {
|
|
27456
|
+
translate: calc(var(--pf-v6-c-tabs--link-accent--TranslateX) * var(--pf-v6-global--inverse--multiplier)) var(--pf-v6-c-tabs--link-accent--TranslateY);
|
|
26807
27457
|
}
|
|
26808
27458
|
.pf-v6-c-tabs.pf-m-initializing-accent {
|
|
26809
27459
|
--pf-v6-c-tabs--link-accent--TransitionDuration: 0;
|
|
@@ -26914,6 +27564,22 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
26914
27564
|
--pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-v6-c-text-input-group--m-hover--m-error--BorderColor);
|
|
26915
27565
|
--pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group__main--m-error__icon--m-status--Color);
|
|
26916
27566
|
}
|
|
27567
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
27568
|
+
.pf-v6-c-text-input-group.pf-m-error {
|
|
27569
|
+
translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
|
|
27570
|
+
animation-name: pf-v6-global-danger-jiggle-motion;
|
|
27571
|
+
animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
|
|
27572
|
+
animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
|
|
27573
|
+
animation-fill-mode: both;
|
|
27574
|
+
}
|
|
27575
|
+
}
|
|
27576
|
+
.pf-v6-c-text-input-group.pf-m-error .pf-v6-c-text-input-group__icon.pf-m-status {
|
|
27577
|
+
--pf-v6-c-text-input-group--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
|
|
27578
|
+
--pf-v6-c-text-input-group--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
|
|
27579
|
+
animation-name: pf-v6-global-fade-in;
|
|
27580
|
+
animation-duration: var(--pf-v6-c-text-input-group--TransitionDuration--Opacity);
|
|
27581
|
+
animation-timing-function: var(--pf-v6-c-text-input-group--TransitionTimingFunction--Opacity);
|
|
27582
|
+
}
|
|
26917
27583
|
.pf-v6-c-text-input-group:hover {
|
|
26918
27584
|
--pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-hover--BorderColor);
|
|
26919
27585
|
}
|
|
@@ -27145,6 +27811,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
27145
27811
|
--pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
|
|
27146
27812
|
}
|
|
27147
27813
|
|
|
27814
|
+
.pf-v6-c-timestamp__text {
|
|
27815
|
+
text-decoration: inherit;
|
|
27816
|
+
}
|
|
27817
|
+
|
|
27148
27818
|
.pf-v6-c-title {
|
|
27149
27819
|
--pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
27150
27820
|
--pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
@@ -29419,6 +30089,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29419
30089
|
grid-auto-flow: column;
|
|
29420
30090
|
align-items: baseline;
|
|
29421
30091
|
min-width: var(--pf-v6-c-truncate--MinWidth);
|
|
30092
|
+
text-decoration: inherit;
|
|
30093
|
+
}
|
|
30094
|
+
.pf-v6-c-truncate.pf-m-fixed {
|
|
30095
|
+
display: inline;
|
|
30096
|
+
align-items: revert;
|
|
30097
|
+
min-width: revert;
|
|
29422
30098
|
}
|
|
29423
30099
|
|
|
29424
30100
|
.pf-v6-c-truncate__start,
|
|
@@ -29510,6 +30186,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29510
30186
|
--pf-v6-c-tree-view__node-container--Display: contents;
|
|
29511
30187
|
--pf-v6-c-tree-view__node-content--RowGap: var(--pf-t--global--spacer--sm);
|
|
29512
30188
|
--pf-v6-c-tree-view__node-content--Overflow: visible;
|
|
30189
|
+
--pf-v6-c-tree-view__list--TransitionDuration--expand--slide: 0s;
|
|
30190
|
+
--pf-v6-c-tree-view__list--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
30191
|
+
--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: 0s;
|
|
30192
|
+
--pf-v6-c-tree-view__list--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
30193
|
+
--pf-v6-c-tree-view__list--TransitionDuration--slide: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide);
|
|
30194
|
+
--pf-v6-c-tree-view__list--TransitionDuration--fade: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--fade);
|
|
30195
|
+
--pf-v6-c-tree-view__list--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
30196
|
+
--pf-v6-c-tree-view__list--Opacity: 0;
|
|
30197
|
+
--pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
|
|
30198
|
+
--pf-v6-c-tree-view__list--TranslateY: 0;
|
|
30199
|
+
--pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
|
|
29513
30200
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
|
|
29514
30201
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
|
|
29515
30202
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
|
|
@@ -29525,6 +30212,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29525
30212
|
--pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
29526
30213
|
--pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
|
|
29527
30214
|
--pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
|
|
30215
|
+
--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
30216
|
+
--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
29528
30217
|
--pf-v6-c-tree-view__node-check--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
29529
30218
|
--pf-v6-c-tree-view__node-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
29530
30219
|
--pf-v6-c-tree-view__search--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -29600,6 +30289,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29600
30289
|
--pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
|
|
29601
30290
|
--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);
|
|
29602
30291
|
}
|
|
30292
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
30293
|
+
.pf-v6-c-tree-view {
|
|
30294
|
+
--pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
30295
|
+
--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
30296
|
+
--pf-v6-c-tree-view__list--TranslateY: -.5rem;
|
|
30297
|
+
}
|
|
30298
|
+
}
|
|
29603
30299
|
|
|
29604
30300
|
.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 {
|
|
29605
30301
|
position: relative;
|
|
@@ -29715,12 +30411,23 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29715
30411
|
display: inline-block;
|
|
29716
30412
|
min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
|
|
29717
30413
|
text-align: center;
|
|
30414
|
+
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
29718
30415
|
transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
|
|
29719
30416
|
}
|
|
29720
30417
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
|
|
29721
30418
|
scale: -1 1;
|
|
29722
30419
|
}
|
|
29723
30420
|
|
|
30421
|
+
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
|
|
30422
|
+
max-height: 0;
|
|
30423
|
+
visibility: hidden;
|
|
30424
|
+
opacity: var(--pf-v6-c-tree-view__list--Opacity);
|
|
30425
|
+
transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
|
|
30426
|
+
transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
|
|
30427
|
+
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
|
|
30428
|
+
transition-property: opacity, translate, visibility, max-height;
|
|
30429
|
+
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
30430
|
+
}
|
|
29724
30431
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
|
|
29725
30432
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
29726
30433
|
--pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--Color--base);
|
|
@@ -29729,6 +30436,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29729
30436
|
--pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color);
|
|
29730
30437
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
|
|
29731
30438
|
}
|
|
30439
|
+
.pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
|
|
30440
|
+
max-height: 99999px;
|
|
30441
|
+
visibility: revert;
|
|
30442
|
+
opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
|
|
30443
|
+
transition-delay: 0s;
|
|
30444
|
+
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
|
|
30445
|
+
translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
|
|
30446
|
+
}
|
|
29732
30447
|
|
|
29733
30448
|
.pf-v6-c-tree-view__node,
|
|
29734
30449
|
.pf-v6-c-tree-view__node-container {
|