@patternfly/patternfly 6.3.0-prerelease.2 → 6.3.0-prerelease.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/assets/images/icon-help.hbs +3 -0
- package/assets/images/icon-outlined-star.hbs +3 -0
- package/assets/images/icon-star.hbs +3 -0
- package/base/patternfly-common.css +11 -11
- package/base/patternfly-common.scss +12 -12
- package/components/Accordion/accordion.css +71 -1
- package/components/Accordion/accordion.scss +75 -4
- package/components/Alert/alert-group.css +52 -31
- package/components/Alert/alert-group.scss +77 -46
- package/components/Button/button.css +27 -0
- package/components/Button/button.scss +30 -1
- package/components/CodeEditor/code-editor.css +3 -0
- package/components/CodeEditor/code-editor.scss +3 -1
- package/components/Drawer/drawer.css +28 -14
- package/components/Drawer/drawer.scss +28 -9
- package/components/DualListSelector/dual-list-selector.css +36 -0
- package/components/DualListSelector/dual-list-selector.scss +43 -0
- package/components/ExpandableSection/expandable-section.css +47 -1
- package/components/ExpandableSection/expandable-section.scss +50 -1
- package/components/MenuToggle/menu-toggle.css +8 -4
- package/components/MenuToggle/menu-toggle.scss +15 -3
- package/components/Page/page.css +4 -3
- package/components/Page/page.scss +4 -2
- package/components/ProgressStepper/progress-stepper.scss +1 -0
- package/components/Skeleton/skeleton.css +22 -2
- package/components/Skeleton/skeleton.scss +25 -3
- package/components/Spinner/spinner.css +5 -0
- package/components/Spinner/spinner.scss +6 -0
- package/components/Table/table-grid.css +6 -5
- package/components/Table/table-grid.scss +2 -1
- package/components/Table/table.css +33 -0
- package/components/Table/table.scss +33 -0
- package/components/Tabs/tabs.css +25 -15
- package/components/Tabs/tabs.scss +26 -13
- package/components/Timestamp/timestamp.css +4 -0
- package/components/Timestamp/timestamp.scss +7 -0
- package/components/TreeView/tree-view.css +33 -0
- package/components/TreeView/tree-view.scss +36 -2
- package/components/Truncate/truncate.css +6 -0
- package/components/Truncate/truncate.scss +9 -0
- package/components/_index.css +410 -76
- package/docs/components/Button/examples/Button.md +73 -3
- package/docs/components/CodeEditor/examples/CodeEditor.md +26 -2
- package/docs/components/Divider/examples/Divider.md +1 -1
- package/docs/components/Drawer/examples/Drawer.md +4 -0
- package/docs/components/DualListSelector/examples/DualListSelector.md +518 -0
- package/docs/components/Form/examples/Form.md +156 -12
- package/docs/components/Menu/examples/Menu.md +120 -4
- package/docs/components/MenuToggle/examples/MenuToggle.md +3 -4
- package/docs/components/ModalBox/examples/ModalBox.md +13 -1
- package/docs/components/Page/examples/Page.md +1 -0
- package/docs/components/ProgressStepper/examples/ProgressStepper.md +32 -6
- package/docs/components/Spinner/examples/Spinner.md +10 -0
- package/docs/components/Table/examples/Table.md +330 -16
- package/docs/components/Tabs/examples/Tabs.md +1214 -6729
- package/docs/components/Truncate/examples/Truncate.md +53 -10
- package/docs/demos/Card/examples/Card.md +0 -57
- package/docs/demos/DescriptionList/examples/DescriptionList.md +0 -38
- package/docs/demos/Drawer/examples/Drawer.md +0 -38
- package/docs/demos/Form/examples/BasicForms.md +130 -10
- package/docs/demos/Masthead/examples/Masthead.md +1 -1
- package/docs/demos/Modal/examples/Modal.md +39 -3
- package/docs/demos/Nav/examples/Nav.md +2 -2
- package/docs/demos/Page/examples/Page.md +355 -0
- package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -1
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +0 -76
- package/docs/demos/Table/examples/Table.md +67 -23
- package/docs/demos/Tabs/examples/Tabs.md +0 -570
- package/package.json +6 -6
- package/patternfly-base-no-globals.css +11 -11
- package/patternfly-base.css +11 -11
- package/patternfly-no-globals.css +421 -87
- package/patternfly.css +421 -87
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
package/patternfly.css
CHANGED
|
@@ -181,17 +181,17 @@ 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
197
|
@font-face {
|
|
@@ -7803,6 +7803,7 @@ button) {
|
|
|
7803
7803
|
--pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
7804
7804
|
--pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
7805
7805
|
--pf-v6-c-accordion__toggle--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
7806
|
+
--pf-v6-c-accordion__toggle--ZIndex: var(--pf-t--global--z-index--xs);
|
|
7806
7807
|
--pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
7807
7808
|
--pf-v6-c-accordion__toggle-text--Color: var(--pf-t--global--text--color--regular);
|
|
7808
7809
|
--pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
@@ -7820,6 +7821,24 @@ button) {
|
|
|
7820
7821
|
--pf-v6-c-accordion__expandable-content--Color: var(--pf-t--global--text--color--regular);
|
|
7821
7822
|
--pf-v6-c-accordion__expandable-content--FontSize: var(--pf-t--global--font--size--body--default);
|
|
7822
7823
|
--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
|
|
7824
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
7825
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
7826
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade);
|
|
7827
|
+
--pf-v6-c-accordion__item--before--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
7828
|
+
--pf-v6-c-accordion__item--before--Opacity: 0;
|
|
7829
|
+
--pf-v6-c-accordion__item--m-expanded--before--Opacity: 1;
|
|
7830
|
+
--pf-v6-c-accordion__item--m-expanded--before--TranslateY: 0;
|
|
7831
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: 0s;
|
|
7832
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
7833
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: 0s;
|
|
7834
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
7835
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--slide: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide);
|
|
7836
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--fade);
|
|
7837
|
+
--pf-v6-c-accordion__expandable-content--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
7838
|
+
--pf-v6-c-accordion__expandable-content--Opacity: 0;
|
|
7839
|
+
--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity: 1;
|
|
7840
|
+
--pf-v6-c-accordion__expandable-content--TranslateY: 0;
|
|
7841
|
+
--pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY: 0;
|
|
7823
7842
|
--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
7824
7843
|
--pf-v6-c-accordion__expandable-content-body--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
7825
7844
|
--pf-v6-c-accordion__expandable-content-body--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -7839,6 +7858,16 @@ button) {
|
|
|
7839
7858
|
--pf-v6-c-accordion__item--m-bordered--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
7840
7859
|
--pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
7841
7860
|
}
|
|
7861
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
7862
|
+
.pf-v6-c-accordion {
|
|
7863
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
7864
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
7865
|
+
--pf-v6-c-accordion__item--before--TranslateY: -.5rem;
|
|
7866
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
7867
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
7868
|
+
--pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
|
|
7869
|
+
}
|
|
7870
|
+
}
|
|
7842
7871
|
|
|
7843
7872
|
.pf-v6-c-accordion {
|
|
7844
7873
|
display: flex;
|
|
@@ -7872,18 +7901,39 @@ button) {
|
|
|
7872
7901
|
}
|
|
7873
7902
|
|
|
7874
7903
|
.pf-v6-c-accordion__item {
|
|
7904
|
+
position: relative;
|
|
7905
|
+
}
|
|
7906
|
+
.pf-v6-c-accordion__item::before {
|
|
7907
|
+
position: absolute;
|
|
7908
|
+
inset: 0;
|
|
7909
|
+
pointer-events: none;
|
|
7910
|
+
content: "";
|
|
7911
|
+
background-color: var(--pf-v6-c-accordion__item--m-expanded--BackgroundColor);
|
|
7875
7912
|
border-radius: var(--pf-v6-c-accordion__item--BorderRadius);
|
|
7913
|
+
opacity: var(--pf-v6-c-accordion__item--before--Opacity);
|
|
7914
|
+
transition-timing-function: var(--pf-v6-c-accordion__item--before--TransitionTimingFunction);
|
|
7915
|
+
transition-duration: var(--pf-v6-c-accordion__item--before--TransitionDuration--fade);
|
|
7916
|
+
transition-property: opacity;
|
|
7876
7917
|
}
|
|
7877
7918
|
.pf-v6-c-accordion__item.pf-m-expanded {
|
|
7878
7919
|
--pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd);
|
|
7879
7920
|
--pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight);
|
|
7880
|
-
|
|
7921
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--slide: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide);
|
|
7922
|
+
--pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade);
|
|
7923
|
+
--pf-v6-c-accordion__item--before--Opacity: var(--pf-v6-c-accordion__item--m-expanded--before--Opacity);
|
|
7924
|
+
--pf-v6-c-accordion__item--before--TranslateY: var(--pf-v6-c-accordion__item--m-expanded--before--TranslateY);
|
|
7925
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--slide: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide);
|
|
7926
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade);
|
|
7927
|
+
--pf-v6-c-accordion__expandable-content--Opacity: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity);
|
|
7928
|
+
--pf-v6-c-accordion__expandable-content--TranslateY: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY);
|
|
7881
7929
|
}
|
|
7882
7930
|
.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__toggle-icon {
|
|
7883
7931
|
transform: rotate(var(--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate));
|
|
7884
7932
|
}
|
|
7885
7933
|
|
|
7886
7934
|
.pf-v6-c-accordion__toggle {
|
|
7935
|
+
position: relative;
|
|
7936
|
+
z-index: var(--pf-v6-c-accordion__toggle--ZIndex);
|
|
7887
7937
|
display: flex;
|
|
7888
7938
|
column-gap: var(--pf-v6-c-accordion__toggle--ColumnGap);
|
|
7889
7939
|
align-items: center;
|
|
@@ -7919,7 +7969,12 @@ button) {
|
|
|
7919
7969
|
scale: -1 1;
|
|
7920
7970
|
}
|
|
7921
7971
|
|
|
7972
|
+
.pf-v6-c-accordion__expandable-content:where([hidden]) {
|
|
7973
|
+
display: revert;
|
|
7974
|
+
}
|
|
7975
|
+
|
|
7922
7976
|
.pf-v6-c-accordion__expandable-content {
|
|
7977
|
+
display: none;
|
|
7923
7978
|
margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
|
|
7924
7979
|
margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
|
|
7925
7980
|
margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
|
|
@@ -7927,11 +7982,26 @@ button) {
|
|
|
7927
7982
|
color: var(--pf-v6-c-accordion__expandable-content--Color);
|
|
7928
7983
|
background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
|
|
7929
7984
|
border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
|
|
7985
|
+
opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
|
|
7986
|
+
transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
|
|
7987
|
+
transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
|
|
7988
|
+
transition-property: opacity, translate, display;
|
|
7989
|
+
transition-behavior: allow-discrete;
|
|
7990
|
+
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
7930
7991
|
}
|
|
7931
7992
|
.pf-v6-c-accordion__expandable-content.pf-m-fixed {
|
|
7932
7993
|
max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
|
|
7933
7994
|
overflow-y: auto;
|
|
7934
7995
|
}
|
|
7996
|
+
.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
|
|
7997
|
+
display: revert;
|
|
7998
|
+
}
|
|
7999
|
+
@starting-style {
|
|
8000
|
+
.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
|
|
8001
|
+
--pf-v6-c-accordion__expandable-content--Opacity: 0;
|
|
8002
|
+
--pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
|
|
8003
|
+
}
|
|
8004
|
+
}
|
|
7935
8005
|
|
|
7936
8006
|
.pf-v6-c-accordion__expandable-content-body {
|
|
7937
8007
|
padding-block-start: var(--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart);
|
|
@@ -8195,27 +8265,45 @@ button) {
|
|
|
8195
8265
|
var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionDuration)
|
|
8196
8266
|
var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionTimingFunction)
|
|
8197
8267
|
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
|
-
|
|
8268
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--opacity--default: var(--pf-t--global--motion--duration--fade--default);
|
|
8269
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--opacity--default: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8270
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--grid-template-rows--default: var(--pf-t--global--motion--duration--fade--default);
|
|
8271
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--margin-block--default: var(--pf-t--global--motion--duration--fade--default);
|
|
8272
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDelay--default: var(--pf-t--global--motion--duration--fade--default);
|
|
8273
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity--default: initial;
|
|
8274
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default: initial;
|
|
8275
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default: initial;
|
|
8276
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default: initial;
|
|
8277
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default: initial;
|
|
8278
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-out--short);
|
|
8279
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8280
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--opacity: var(--pf-t--global--motion--duration--slide-out--short);
|
|
8281
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--opacity: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8282
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--margin-block: var(--pf-t--global--motion--duration--fade--short);
|
|
8283
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--margin-block: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8284
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--margin-block: var(--pf-t--global--motion--duration--slide-out--short);
|
|
8285
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDuration--grid-template-rows: var(--pf-t--global--motion--duration--slide-in--short);
|
|
8286
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionTimingFunction--grid-template-rows: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8287
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--TransitionDelay--grid-template-rows: var(--pf-t--global--motion--duration--slide-out--short);
|
|
8288
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--transform: initial;
|
|
8289
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform: initial;
|
|
8290
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity: initial;
|
|
8291
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity: initial;
|
|
8292
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--margin-block: initial;
|
|
8293
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--margin-block: initial;
|
|
8294
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block: initial;
|
|
8295
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--grid-template-rows: initial;
|
|
8296
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--grid-template-rows: initial;
|
|
8297
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows: initial;
|
|
8298
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration: var(--pf-t--global--motion--duration--slide-out--short);
|
|
8299
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8300
|
+
--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--Transition: all
|
|
8301
|
+
var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration)
|
|
8302
|
+
var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionTimingFunction)
|
|
8303
|
+
var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--TransitionDuration);
|
|
8304
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: initial;
|
|
8305
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: initial;
|
|
8306
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: initial;
|
|
8219
8307
|
--pf-v6-c-alert-group__overflow-button--BorderWidth: 0;
|
|
8220
8308
|
--pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
8221
8309
|
--pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
@@ -8275,40 +8363,43 @@ button) {
|
|
|
8275
8363
|
transition: var(--pf-v6-c-alert-group--m-toast__item--c-alert--Transition);
|
|
8276
8364
|
}
|
|
8277
8365
|
}
|
|
8278
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-top:first-child {
|
|
8366
|
+
.pf-v6-c-alert-group__item.pf-m-offstage-top:first-child, .pf-v6-c-alert-group__item.pf-m-incoming:first-child {
|
|
8279
8367
|
grid-template-rows: 0fr;
|
|
8280
8368
|
margin-block: 0;
|
|
8281
8369
|
overflow: hidden;
|
|
8282
8370
|
opacity: 0;
|
|
8283
8371
|
transform: translateY(-100%);
|
|
8284
8372
|
}
|
|
8285
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-top:first-child .pf-v6-c-alert {
|
|
8373
|
+
.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
8374
|
min-height: 0;
|
|
8287
8375
|
padding-block-start: 0;
|
|
8288
8376
|
padding-block-end: 0;
|
|
8289
8377
|
border-width: 0;
|
|
8290
8378
|
}
|
|
8291
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-right {
|
|
8379
|
+
.pf-v6-c-alert-group__item.pf-m-offstage-right, .pf-v6-c-alert-group__item.pf-m-outgoing {
|
|
8292
8380
|
grid-template-rows: 0fr;
|
|
8293
8381
|
margin-block: 0;
|
|
8294
8382
|
overflow: hidden;
|
|
8295
8383
|
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);
|
|
8384
|
+
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
8385
|
}
|
|
8298
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
|
|
8386
|
+
.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
8387
|
min-height: 0;
|
|
8300
8388
|
padding-block-start: 0;
|
|
8301
8389
|
padding-block-end: 0;
|
|
8302
8390
|
border-width: 0;
|
|
8303
|
-
transition: all 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default);
|
|
8391
|
+
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
8392
|
}
|
|
8305
8393
|
@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);
|
|
8394
|
+
.pf-v6-c-alert-group__item.pf-m-offstage-right, .pf-v6-c-alert-group__item.pf-m-outgoing {
|
|
8395
|
+
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
8396
|
transform: translateX(100%);
|
|
8309
8397
|
}
|
|
8310
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
|
|
8311
|
-
|
|
8398
|
+
: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 {
|
|
8399
|
+
transform: translateX(calc(100% * var(--pf-v6-global--inverse--multiplier)));
|
|
8400
|
+
}
|
|
8401
|
+
.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 {
|
|
8402
|
+
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
8403
|
}
|
|
8313
8404
|
}
|
|
8314
8405
|
.pf-v6-c-alert-group__item:hover {
|
|
@@ -9279,6 +9370,11 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9279
9370
|
--pf-v6-c-button--m-favorited--hover__icon--Color: var(--pf-t--global--color--favorite--hover);
|
|
9280
9371
|
--pf-v6-c-button--m-favorited__icon--AnimationDuration: var(--pf-t--global--motion--duration--icon--long);
|
|
9281
9372
|
--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
9373
|
+
--pf-v6-c-button__icon--favorite--Opacity: 1;
|
|
9374
|
+
--pf-v6-c-button__icon--favorited--Opacity: 0;
|
|
9375
|
+
--pf-v6-c-button--m-favorited__icon--favorite--Opacity: 0;
|
|
9376
|
+
--pf-v6-c-button--m-favorited__icon--favorited--Opacity: 1;
|
|
9377
|
+
--pf-v6-c-button__icon--favorite--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
9282
9378
|
--pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
|
|
9283
9379
|
--pf-v6-c-button__progress--Opacity: 0;
|
|
9284
9380
|
--pf-v6-c-button__progress--TranslateY: -50%;
|
|
@@ -9589,6 +9685,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9589
9685
|
--pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
|
|
9590
9686
|
}
|
|
9591
9687
|
.pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
|
|
9688
|
+
display: grid;
|
|
9592
9689
|
transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
|
|
9593
9690
|
transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
|
|
9594
9691
|
transition-property: color;
|
|
@@ -9596,6 +9693,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9596
9693
|
.pf-v6-c-button.pf-m-favorited {
|
|
9597
9694
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
|
|
9598
9695
|
--pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
|
|
9696
|
+
--pf-v6-c-button__icon--favorite--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorite--Opacity);
|
|
9697
|
+
--pf-v6-c-button__icon--favorited--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorited--Opacity);
|
|
9599
9698
|
}
|
|
9600
9699
|
.pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
|
|
9601
9700
|
animation-name: pf-v6-c-button-icon-favorited;
|
|
@@ -9675,6 +9774,21 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9675
9774
|
--pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
|
|
9676
9775
|
}
|
|
9677
9776
|
|
|
9777
|
+
.pf-v6-c-button__icon-favorite,
|
|
9778
|
+
.pf-v6-c-button__icon-favorited {
|
|
9779
|
+
grid-area: 1/1/1/1;
|
|
9780
|
+
transition-duration: var(--pf-v6-c-button__icon--favorite--TransitionDuration);
|
|
9781
|
+
transition-property: opacity;
|
|
9782
|
+
}
|
|
9783
|
+
|
|
9784
|
+
.pf-v6-c-button__icon-favorite {
|
|
9785
|
+
opacity: var(--pf-v6-c-button__icon--favorite--Opacity);
|
|
9786
|
+
}
|
|
9787
|
+
|
|
9788
|
+
.pf-v6-c-button__icon-favorited {
|
|
9789
|
+
opacity: var(--pf-v6-c-button__icon--favorited--Opacity);
|
|
9790
|
+
}
|
|
9791
|
+
|
|
9678
9792
|
.pf-v6-c-button__progress {
|
|
9679
9793
|
position: absolute;
|
|
9680
9794
|
inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
|
|
@@ -9687,6 +9801,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
9687
9801
|
--pf-v6-c-spinner--Color: currentcolor;
|
|
9688
9802
|
}
|
|
9689
9803
|
|
|
9804
|
+
.pf-v6-c-button__text {
|
|
9805
|
+
text-decoration: inherit;
|
|
9806
|
+
}
|
|
9807
|
+
|
|
9690
9808
|
.pf-v6-c-button__count {
|
|
9691
9809
|
display: inline-flex;
|
|
9692
9810
|
align-items: center;
|
|
@@ -10649,6 +10767,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
10649
10767
|
.pf-v6-c-code-editor__main .monaco-editor {
|
|
10650
10768
|
background-color: var(--pf-v6-c-code-editor__main--BackgroundColor);
|
|
10651
10769
|
}
|
|
10770
|
+
.pf-v6-c-code-editor__main a.label-name {
|
|
10771
|
+
text-decoration-line: none;
|
|
10772
|
+
}
|
|
10652
10773
|
|
|
10653
10774
|
.pf-v6-c-code-editor__header + .pf-v6-c-code-editor__main {
|
|
10654
10775
|
border-block-start-width: 0;
|
|
@@ -12222,6 +12343,17 @@ ul) {
|
|
|
12222
12343
|
--pf-v6-c-dual-list-selector__menu--MinHeight: 12.5rem;
|
|
12223
12344
|
--pf-v6-c-dual-list-selector__menu--MaxHeight: 20rem;
|
|
12224
12345
|
--pf-v6-c-dual-list-selector__menu--MarginBlockStart: var(--pf-t--global--spacer--md);
|
|
12346
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: 0s;
|
|
12347
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
12348
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: 0s;
|
|
12349
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
12350
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--slide: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide);
|
|
12351
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--fade: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--fade);
|
|
12352
|
+
--pf-v6-c-dual-list-selector__list--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
12353
|
+
--pf-v6-c-dual-list-selector__list--Opacity: 0;
|
|
12354
|
+
--pf-v6-c-dual-list-selector--m-expanded__list--Opacity: 1;
|
|
12355
|
+
--pf-v6-c-dual-list-selector__list--TranslateY: 0;
|
|
12356
|
+
--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
|
|
12225
12357
|
--pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
|
|
12226
12358
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
12227
12359
|
--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
@@ -12259,6 +12391,13 @@ ul) {
|
|
|
12259
12391
|
--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
|
|
12260
12392
|
--pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
12261
12393
|
}
|
|
12394
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
12395
|
+
.pf-v6-c-dual-list-selector {
|
|
12396
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
12397
|
+
--pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
12398
|
+
--pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
|
|
12399
|
+
}
|
|
12400
|
+
}
|
|
12262
12401
|
|
|
12263
12402
|
.pf-v6-c-dual-list-selector {
|
|
12264
12403
|
display: grid;
|
|
@@ -12354,9 +12493,27 @@ ul) {
|
|
|
12354
12493
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expandable {
|
|
12355
12494
|
--pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
|
|
12356
12495
|
}
|
|
12496
|
+
.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 {
|
|
12497
|
+
max-height: 0;
|
|
12498
|
+
visibility: hidden;
|
|
12499
|
+
opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
|
|
12500
|
+
transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
|
|
12501
|
+
transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
|
|
12502
|
+
transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
|
|
12503
|
+
transition-property: opacity, translate, visibility, max-height;
|
|
12504
|
+
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
12505
|
+
}
|
|
12357
12506
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
|
|
12358
12507
|
--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
12508
|
}
|
|
12509
|
+
.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 {
|
|
12510
|
+
max-height: 9999px;
|
|
12511
|
+
visibility: revert;
|
|
12512
|
+
opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
|
|
12513
|
+
transition-delay: 0s;
|
|
12514
|
+
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;
|
|
12515
|
+
translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
|
|
12516
|
+
}
|
|
12360
12517
|
.pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
|
|
12361
12518
|
--pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
|
|
12362
12519
|
--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);
|
|
@@ -12905,9 +13062,15 @@ ul) {
|
|
|
12905
13062
|
--pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
|
|
12906
13063
|
--pf-v6-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
12907
13064
|
--pf-v6-c-drawer__panel--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
13065
|
+
--pf-v6-c-drawer__panel--TransitionDelay: 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus), var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
|
|
13066
|
+
--pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--fade);
|
|
13067
|
+
--pf-v6-c-drawer__panel--TransitionDelay--expand--focus: 0s;
|
|
12908
13068
|
--pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
12909
|
-
--pf-v6-c-drawer__panel--TransitionDuration: var(--pf-t--global--motion--duration--
|
|
12910
|
-
--pf-v6-c-drawer__panel--
|
|
13069
|
+
--pf-v6-c-drawer__panel--TransitionDuration--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
13070
|
+
--pf-v6-c-drawer__panel--TransitionDuration: var(--pf-v6-c-drawer__panel--TransitionDuration--fade), 0s, 0s;
|
|
13071
|
+
--pf-v6-c-drawer__panel--TransitionProperty: opacity, visibility, transform;
|
|
13072
|
+
--pf-v6-c-drawer__panel--Opacity: 0;
|
|
13073
|
+
--pf-v6-c-drawer--m-expanded__panel--Opacity: 1;
|
|
12911
13074
|
--pf-v6-c-drawer__panel--FlexBasis: 100%;
|
|
12912
13075
|
--pf-v6-c-drawer__panel--md--FlexBasis--min: 1.5rem;
|
|
12913
13076
|
--pf-v6-c-drawer__panel--md--FlexBasis: 50%;
|
|
@@ -12997,6 +13160,17 @@ ul) {
|
|
|
12997
13160
|
--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: var(--pf-v6-c-drawer__panel--after--Width);
|
|
12998
13161
|
--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: var(--pf-v6-c-drawer__panel--after--Width);
|
|
12999
13162
|
}
|
|
13163
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
13164
|
+
.pf-v6-c-drawer {
|
|
13165
|
+
--pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
|
|
13166
|
+
--pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
|
|
13167
|
+
--pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
|
|
13168
|
+
--pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
13169
|
+
--pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
|
|
13170
|
+
--pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
|
|
13171
|
+
--pf-v6-c-drawer__panel--Opacity: 1;
|
|
13172
|
+
}
|
|
13173
|
+
}
|
|
13000
13174
|
@media screen and (min-width: 75rem) {
|
|
13001
13175
|
.pf-v6-c-drawer {
|
|
13002
13176
|
--pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
|
|
@@ -13044,8 +13218,13 @@ ul) {
|
|
|
13044
13218
|
.pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main {
|
|
13045
13219
|
flex-direction: column;
|
|
13046
13220
|
}
|
|
13221
|
+
.pf-v6-c-drawer.pf-m-expanded {
|
|
13222
|
+
--pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDelay--expand--focus);
|
|
13223
|
+
}
|
|
13047
13224
|
.pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
13048
13225
|
transform: translateX(-100%);
|
|
13226
|
+
--pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
|
|
13227
|
+
visibility: visible;
|
|
13049
13228
|
}
|
|
13050
13229
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
13051
13230
|
transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
|
|
@@ -13118,8 +13297,11 @@ ul) {
|
|
|
13118
13297
|
order: 1;
|
|
13119
13298
|
max-height: var(--pf-v6-c-drawer__panel--MaxHeight);
|
|
13120
13299
|
overflow: auto;
|
|
13300
|
+
visibility: hidden;
|
|
13121
13301
|
background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
|
|
13122
13302
|
box-shadow: var(--pf-v6-c-drawer__panel--BoxShadow);
|
|
13303
|
+
opacity: var(--pf-v6-c-drawer__panel--Opacity);
|
|
13304
|
+
transition-delay: var(--pf-v6-c-drawer__panel--TransitionDelay);
|
|
13123
13305
|
transition-timing-function: var(--pf-v6-c-drawer__panel--TransitionTimingFunction);
|
|
13124
13306
|
transition-duration: var(--pf-v6-c-drawer__panel--TransitionDuration);
|
|
13125
13307
|
transition-property: var(--pf-v6-c-drawer__panel--TransitionProperty);
|
|
@@ -13176,17 +13358,6 @@ ul) {
|
|
|
13176
13358
|
padding-block-end: var(--pf-v6-c-drawer__panel--PaddingBlockEnd);
|
|
13177
13359
|
}
|
|
13178
13360
|
|
|
13179
|
-
@keyframes pf-remove-tab-focus {
|
|
13180
|
-
to {
|
|
13181
|
-
visibility: hidden;
|
|
13182
|
-
}
|
|
13183
|
-
}
|
|
13184
|
-
.pf-v6-c-drawer__panel[hidden] {
|
|
13185
|
-
animation-name: pf-remove-tab-focus;
|
|
13186
|
-
animation-delay: var(--pf-v6-c-drawer__panel--TransitionDuration);
|
|
13187
|
-
animation-fill-mode: forwards;
|
|
13188
|
-
}
|
|
13189
|
-
|
|
13190
13361
|
.pf-v6-c-drawer__head {
|
|
13191
13362
|
display: grid;
|
|
13192
13363
|
grid-template-columns: auto;
|
|
@@ -13294,7 +13465,7 @@ ul) {
|
|
|
13294
13465
|
.pf-v6-c-drawer {
|
|
13295
13466
|
min-width: var(--pf-v6-c-drawer__panel--MinWidth);
|
|
13296
13467
|
}
|
|
13297
|
-
.pf-v6-c-drawer
|
|
13468
|
+
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
13298
13469
|
box-shadow: var(--pf-v6-c-drawer--m-expanded__panel--BoxShadow);
|
|
13299
13470
|
}
|
|
13300
13471
|
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable {
|
|
@@ -13878,6 +14049,18 @@ ul) {
|
|
|
13878
14049
|
--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
|
|
13879
14050
|
--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
|
|
13880
14051
|
--pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
|
|
14052
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: 0s;
|
|
14053
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
14054
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: 0s;
|
|
14055
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
14056
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--slide: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide);
|
|
14057
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--fade: var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade);
|
|
14058
|
+
--pf-v6-c-expandable-section__content--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
14059
|
+
--pf-v6-c-expandable-section__content--TransitionDelay--hide: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade);
|
|
14060
|
+
--pf-v6-c-expandable-section__content--Opacity: 0;
|
|
14061
|
+
--pf-v6-c-expandable-section__content--TranslateY: 0;
|
|
14062
|
+
--pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
|
|
14063
|
+
--pf-v6-c-expandable-section--m-expanded__content--TranslateY: 0;
|
|
13881
14064
|
--pf-v6-c-expandable-section__content--MaxWidth: auto;
|
|
13882
14065
|
--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
|
|
13883
14066
|
--pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -13889,20 +14072,40 @@ ul) {
|
|
|
13889
14072
|
--pf-v6-c-expandable-section--m-display-lg--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
13890
14073
|
--pf-v6-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
|
|
13891
14074
|
--pf-v6-c-expandable-section--m-display-lg--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
14075
|
+
--pf-v6-c-expandable-section--m-display-lg--TransitionDelay: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade);
|
|
13892
14076
|
--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));
|
|
13893
14077
|
--pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
|
|
13894
14078
|
--pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
|
|
13895
14079
|
}
|
|
14080
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
14081
|
+
.pf-v6-c-expandable-section {
|
|
14082
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
14083
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
14084
|
+
--pf-v6-c-expandable-section__content--TranslateY: -.5rem;
|
|
14085
|
+
}
|
|
14086
|
+
}
|
|
13896
14087
|
|
|
13897
14088
|
.pf-v6-c-expandable-section {
|
|
13898
14089
|
display: flex;
|
|
13899
14090
|
flex-direction: column;
|
|
13900
|
-
gap:
|
|
14091
|
+
gap: 0;
|
|
14092
|
+
transition-delay: var(--pf-v6-c-expandable-section__content--TransitionDelay--hide);
|
|
14093
|
+
transition-duration: 0s;
|
|
14094
|
+
transition-property: gap;
|
|
13901
14095
|
}
|
|
13902
14096
|
.pf-v6-c-expandable-section.pf-m-expanded {
|
|
13903
14097
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate);
|
|
13904
14098
|
--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);
|
|
13905
14099
|
--pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd);
|
|
14100
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--slide: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide);
|
|
14101
|
+
--pf-v6-c-expandable-section__content--TransitionDuration--fade: var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--fade);
|
|
14102
|
+
--pf-v6-c-expandable-section__content--Opacity: var(--pf-v6-c-expandable-section--m-expanded__content--Opacity);
|
|
14103
|
+
--pf-v6-c-expandable-section__content--TranslateY: var(--pf-v6-c-expandable-section--m-expanded__content--TranslateY);
|
|
14104
|
+
--pf-v6-c-expandable-section--m-display-lg--TransitionDelay: 0s;
|
|
14105
|
+
--pf-v6-c-expandable-section__content--Visibility: auto;
|
|
14106
|
+
--pf-v6-c-expandable-section__content--MaxHeight: 9999px;
|
|
14107
|
+
--pf-v6-c-expandable-section__content--TransitionDelay--hide: 0s;
|
|
14108
|
+
gap: var(--pf-v6-c-expandable-section--Gap);
|
|
13906
14109
|
}
|
|
13907
14110
|
.pf-v6-c-expandable-section.pf-m-limit-width {
|
|
13908
14111
|
--pf-v6-c-expandable-section__content--MaxWidth: var(--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth);
|
|
@@ -13915,6 +14118,7 @@ ul) {
|
|
|
13915
14118
|
background-color: var(--pf-v6-c-expandable-section--m-display-lg--BackgroundColor);
|
|
13916
14119
|
border: var(--pf-v6-c-expandable-section--m-display-lg--BorderWidth) solid var(--pf-v6-c-expandable-section--m-display-lg--BorderColor);
|
|
13917
14120
|
border-radius: var(--pf-v6-c-expandable-section--m-display-lg--BorderRadius);
|
|
14121
|
+
transition: padding-block-end 0s var(--pf-v6-c-expandable-section--m-display-lg--TransitionDelay, 0s);
|
|
13918
14122
|
}
|
|
13919
14123
|
.pf-v6-c-expandable-section.pf-m-indented {
|
|
13920
14124
|
--pf-v6-c-expandable-section__content--PaddingInlineStart: var(--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart);
|
|
@@ -13949,6 +14153,19 @@ ul) {
|
|
|
13949
14153
|
padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
|
|
13950
14154
|
padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
|
|
13951
14155
|
}
|
|
14156
|
+
.pf-v6-c-expandable-section__content:where([hidden]) {
|
|
14157
|
+
display: revert;
|
|
14158
|
+
}
|
|
14159
|
+
.pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) .pf-v6-c-expandable-section__content {
|
|
14160
|
+
max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
|
|
14161
|
+
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
14162
|
+
opacity: var(--pf-v6-c-expandable-section__content--Opacity);
|
|
14163
|
+
transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
|
|
14164
|
+
transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
|
|
14165
|
+
transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
|
|
14166
|
+
transition-property: opacity, translate, visibility, max-height;
|
|
14167
|
+
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
14168
|
+
}
|
|
13952
14169
|
|
|
13953
14170
|
.pf-v6-c-file-upload {
|
|
13954
14171
|
--pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
@@ -18247,16 +18464,20 @@ ul.pf-v6-c-list {
|
|
|
18247
18464
|
flex-wrap: nowrap;
|
|
18248
18465
|
}
|
|
18249
18466
|
|
|
18250
|
-
.pf-v6-c-menu-toggle__icon {
|
|
18251
|
-
flex-shrink: 0;
|
|
18252
|
-
}
|
|
18253
18467
|
.pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
|
|
18254
18468
|
.pf-v6-c-menu-toggle__icon.pf-m-avatar img,
|
|
18255
|
-
.pf-v6-c-menu-toggle__icon.pf-m-avatar svg {
|
|
18469
|
+
.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 {
|
|
18256
18470
|
margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
|
|
18257
18471
|
margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
|
|
18258
18472
|
}
|
|
18259
18473
|
|
|
18474
|
+
.pf-v6-c-menu-toggle__icon {
|
|
18475
|
+
flex-shrink: 0;
|
|
18476
|
+
}
|
|
18477
|
+
.pf-v6-c-menu-toggle__icon :where(picture, img) {
|
|
18478
|
+
vertical-align: middle;
|
|
18479
|
+
}
|
|
18480
|
+
|
|
18260
18481
|
.pf-v6-c-menu-toggle__controls {
|
|
18261
18482
|
display: flex;
|
|
18262
18483
|
gap: var(--pf-v6-c-menu-toggle__controls--Gap);
|
|
@@ -19346,8 +19567,9 @@ ul.pf-v6-c-list {
|
|
|
19346
19567
|
--pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
19347
19568
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
|
19348
19569
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
19349
|
-
--pf-v6-c-page__sidebar--Width: 18.125rem;
|
|
19350
|
-
--pf-v6-c-page__sidebar--
|
|
19570
|
+
--pf-v6-c-page__sidebar--Width--base: 18.125rem;
|
|
19571
|
+
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
19572
|
+
--pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
19351
19573
|
--pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
19352
19574
|
--pf-v6-c-page__sidebar--BoxShadow: none;
|
|
19353
19575
|
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
|
|
@@ -19775,7 +19997,7 @@ ul.pf-v6-c-list {
|
|
|
19775
19997
|
-webkit-overflow-scrolling: touch;
|
|
19776
19998
|
}
|
|
19777
19999
|
@media screen and (min-width: 75rem) {
|
|
19778
|
-
.pf-v6-c-masthead + .pf-v6-c-page__main-container, .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__main-container,
|
|
20000
|
+
.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,
|
|
19779
20001
|
.pf-v6-c-masthead + .pf-v6-c-page__drawer,
|
|
19780
20002
|
.pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__drawer {
|
|
19781
20003
|
--pf-v6-c-page__main-container--GridArea: var(--pf-v6-c-page--masthead--main-container--GridArea);
|
|
@@ -21927,8 +22149,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
21927
22149
|
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
21928
22150
|
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
21929
22151
|
--pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
|
|
21930
|
-
--pf-v6-c-skeleton--after--TranslateX:
|
|
21931
|
-
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
|
|
22152
|
+
--pf-v6-c-skeleton--after--TranslateX: 0;
|
|
22153
|
+
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading-reduced-motion;
|
|
21932
22154
|
--pf-v6-c-skeleton--after--AnimationDuration: 3s;
|
|
21933
22155
|
--pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
|
|
21934
22156
|
--pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
|
|
@@ -21960,6 +22182,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
21960
22182
|
--pf-v6-c-skeleton--m-height-75--Height: 75%;
|
|
21961
22183
|
--pf-v6-c-skeleton--m-height-100--Height: 100%;
|
|
21962
22184
|
}
|
|
22185
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
22186
|
+
.pf-v6-c-skeleton {
|
|
22187
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
|
|
22188
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
|
|
22189
|
+
--pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
|
|
22190
|
+
--pf-v6-c-skeleton--after--TranslateX: -100%;
|
|
22191
|
+
--pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
|
|
22192
|
+
}
|
|
22193
|
+
}
|
|
21963
22194
|
|
|
21964
22195
|
.pf-v6-c-skeleton {
|
|
21965
22196
|
position: relative;
|
|
@@ -22080,6 +22311,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22080
22311
|
transform: translateX(100%);
|
|
22081
22312
|
}
|
|
22082
22313
|
}
|
|
22314
|
+
@keyframes pf-v6-c-skeleton-loading-reduced-motion {
|
|
22315
|
+
0% {
|
|
22316
|
+
opacity: 0.25;
|
|
22317
|
+
}
|
|
22318
|
+
60% {
|
|
22319
|
+
opacity: 1;
|
|
22320
|
+
}
|
|
22321
|
+
100% {
|
|
22322
|
+
opacity: 0.25;
|
|
22323
|
+
}
|
|
22324
|
+
}
|
|
22083
22325
|
.pf-v6-c-skip-to-content {
|
|
22084
22326
|
--pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
|
|
22085
22327
|
--pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
@@ -22327,6 +22569,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22327
22569
|
--pf-v6-c-spinner--StrokeWidth: 10;
|
|
22328
22570
|
--pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
|
|
22329
22571
|
--pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
|
|
22572
|
+
--pf-v6-c-spinner--m-xs--diameter: var(--pf-t--global--icon--size--sm);
|
|
22330
22573
|
--pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
|
|
22331
22574
|
--pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
|
|
22332
22575
|
--pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
|
|
@@ -22343,6 +22586,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22343
22586
|
.pf-v6-c-spinner.pf-m-inline {
|
|
22344
22587
|
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
|
|
22345
22588
|
}
|
|
22589
|
+
.pf-v6-c-spinner.pf-m-xs {
|
|
22590
|
+
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xs--diameter);
|
|
22591
|
+
--pf-v6-c-spinner--StrokeWidth: 15;
|
|
22592
|
+
}
|
|
22346
22593
|
.pf-v6-c-spinner.pf-m-sm {
|
|
22347
22594
|
--pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
|
|
22348
22595
|
}
|
|
@@ -22624,6 +22871,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22624
22871
|
--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
22625
22872
|
--pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
|
|
22626
22873
|
--pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
|
|
22874
|
+
--pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
22627
22875
|
--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
22628
22876
|
--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
22629
22877
|
--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
@@ -22748,7 +22996,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22748
22996
|
}
|
|
22749
22997
|
.pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
|
22750
22998
|
position: revert;
|
|
22751
|
-
font-weight:
|
|
22999
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
|
22752
23000
|
text-align: start;
|
|
22753
23001
|
content: attr(data-label);
|
|
22754
23002
|
}
|
|
@@ -23048,7 +23296,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
23048
23296
|
}
|
|
23049
23297
|
.pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
|
23050
23298
|
position: revert;
|
|
23051
|
-
font-weight:
|
|
23299
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
|
23052
23300
|
text-align: start;
|
|
23053
23301
|
content: attr(data-label);
|
|
23054
23302
|
}
|
|
@@ -23351,7 +23599,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
23351
23599
|
}
|
|
23352
23600
|
.pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
|
23353
23601
|
position: revert;
|
|
23354
|
-
font-weight:
|
|
23602
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
|
23355
23603
|
text-align: start;
|
|
23356
23604
|
content: attr(data-label);
|
|
23357
23605
|
}
|
|
@@ -23654,7 +23902,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
23654
23902
|
}
|
|
23655
23903
|
.pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
|
23656
23904
|
position: revert;
|
|
23657
|
-
font-weight:
|
|
23905
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
|
23658
23906
|
text-align: start;
|
|
23659
23907
|
content: attr(data-label);
|
|
23660
23908
|
}
|
|
@@ -23957,7 +24205,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
23957
24205
|
}
|
|
23958
24206
|
.pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
|
|
23959
24207
|
position: revert;
|
|
23960
|
-
font-weight:
|
|
24208
|
+
font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
|
|
23961
24209
|
text-align: start;
|
|
23962
24210
|
content: attr(data-label);
|
|
23963
24211
|
}
|
|
@@ -24235,6 +24483,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24235
24483
|
--pf-v6-c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
24236
24484
|
--pf-v6-c-table__action--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
24237
24485
|
--pf-v6-c-table__action--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
24486
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: 0s;
|
|
24487
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
24488
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
|
|
24489
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
24490
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--slide: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide);
|
|
24491
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--fade: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
|
24492
|
+
--pf-v6-c-table__expandable-row--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
24493
|
+
--pf-v6-c-table__expandable-row--Opacity: 0;
|
|
24494
|
+
--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
|
|
24495
|
+
--pf-v6-c-table__expandable-row--TranslateY: 0;
|
|
24496
|
+
--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
|
|
24238
24497
|
--pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
24239
24498
|
--pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
24240
24499
|
--pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
@@ -24295,6 +24554,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24295
24554
|
--pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
|
24296
24555
|
--pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
|
24297
24556
|
}
|
|
24557
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
24558
|
+
.pf-v6-c-table {
|
|
24559
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
24560
|
+
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
24561
|
+
--pf-v6-c-table__expandable-row--TranslateY: -.5rem;
|
|
24562
|
+
}
|
|
24563
|
+
}
|
|
24298
24564
|
|
|
24299
24565
|
.pf-v6-c-table {
|
|
24300
24566
|
width: 100%;
|
|
@@ -24863,6 +25129,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24863
25129
|
.pf-v6-c-table__expandable-row {
|
|
24864
25130
|
position: relative;
|
|
24865
25131
|
border-block-end: 0 solid transparent;
|
|
25132
|
+
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
|
25133
|
+
transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
|
|
25134
|
+
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--slide), var(--pf-v6-c-table__expandable-row--TransitionDuration--fade);
|
|
25135
|
+
transition-property: opacity, translate, display;
|
|
25136
|
+
transition-behavior: allow-discrete;
|
|
25137
|
+
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
24866
25138
|
}
|
|
24867
25139
|
:not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
|
|
24868
25140
|
:not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
|
|
@@ -24891,6 +25163,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24891
25163
|
.pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
24892
25164
|
border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
|
|
24893
25165
|
border-block-end-width: var(--pf-v6-c-table--border-width--base);
|
|
25166
|
+
opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
|
|
25167
|
+
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade);
|
|
25168
|
+
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
25169
|
+
}
|
|
25170
|
+
@starting-style {
|
|
25171
|
+
.pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
25172
|
+
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
|
25173
|
+
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
25174
|
+
}
|
|
24894
25175
|
}
|
|
24895
25176
|
.pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
|
|
24896
25177
|
display: none;
|
|
@@ -26013,25 +26294,28 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
26013
26294
|
--pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
26014
26295
|
--pf-v6-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-t--global--border--width--extra-strong);
|
|
26015
26296
|
--pf-v6-c-tabs--link-accent--start: 0;
|
|
26016
|
-
--pf-v6-c-tabs--link-accent--length:
|
|
26297
|
+
--pf-v6-c-tabs--link-accent--length: 0;
|
|
26017
26298
|
--pf-v6-c-tabs--link-accent--color: var(--pf-v6-c-tabs__item--m-current__link--after--BorderColor);
|
|
26018
26299
|
--pf-v6-c-tabs--link-accent--border-size: var(--pf-v6-c-tabs__item--m-current__link--after--BorderWidth);
|
|
26300
|
+
--pf-v6-c-tabs--link-accent--TransitionDuration: var(--pf-t--global--motion--duration--md);
|
|
26301
|
+
--pf-v6-c-tabs--link-accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
26019
26302
|
--pf-v6-c-tabs--link-accent--InsetBlockStart: auto;
|
|
26020
26303
|
--pf-v6-c-tabs--link-accent--InsetBlockEnd: 0;
|
|
26021
|
-
--pf-v6-c-tabs--link-accent--InsetInlineStart:
|
|
26304
|
+
--pf-v6-c-tabs--link-accent--InsetInlineStart: 0;
|
|
26022
26305
|
--pf-v6-c-tabs--link-accent--Width: initial;
|
|
26023
26306
|
--pf-v6-c-tabs--link-accent--Height: 0;
|
|
26024
26307
|
--pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--link-accent--border-size);
|
|
26025
26308
|
--pf-v6-c-tabs--link-accent--BorderInlineStartWidth: 0;
|
|
26026
|
-
--pf-v6-c-tabs--
|
|
26309
|
+
--pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--link-accent--start);
|
|
26310
|
+
--pf-v6-c-tabs--link-accent--TranslateY: 0;
|
|
26311
|
+
--pf-v6-c-tabs--link-accent--TransformOrigin: 0 center;
|
|
26312
|
+
--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart: 0;
|
|
26027
26313
|
--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd: auto;
|
|
26028
|
-
--pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart: 0;
|
|
26029
|
-
--pf-v6-c-tabs--m-vertical--link-accent--Width: 0;
|
|
26030
|
-
--pf-v6-c-tabs--m-vertical--link-accent--Height: initial;
|
|
26031
26314
|
--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth: 0;
|
|
26032
26315
|
--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--link-accent--border-size);
|
|
26033
|
-
--pf-v6-c-tabs--link-accent--
|
|
26034
|
-
--pf-v6-c-tabs--link-accent--
|
|
26316
|
+
--pf-v6-c-tabs--m-vertical--link-accent--TranslateX: 0;
|
|
26317
|
+
--pf-v6-c-tabs--m-vertical--link-accent--TranslateY: var(--pf-v6-c-tabs--link-accent--start);
|
|
26318
|
+
--pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin: center 0;
|
|
26035
26319
|
--pf-v6-c-tabs__scroll-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
26036
26320
|
--pf-v6-c-tabs__scroll-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
26037
26321
|
--pf-v6-c-tabs__scroll-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
@@ -26191,11 +26475,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
26191
26475
|
--pf-v6-c-tabs__list--ScrollSnapTypeAxis: var(--pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis);
|
|
26192
26476
|
--pf-v6-c-tabs--link-accent--InsetBlockStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockStart);
|
|
26193
26477
|
--pf-v6-c-tabs--link-accent--InsetBlockEnd: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetBlockEnd);
|
|
26194
|
-
--pf-v6-c-tabs--link-accent--InsetInlineStart: var(--pf-v6-c-tabs--m-vertical--link-accent--InsetInlineStart);
|
|
26195
26478
|
--pf-v6-c-tabs--link-accent--Width: var(--pf-v6-c-tabs--m-vertical--link-accent--Width);
|
|
26196
26479
|
--pf-v6-c-tabs--link-accent--Height: var(--pf-v6-c-tabs--m-vertical--link-accent--Height);
|
|
26197
26480
|
--pf-v6-c-tabs--link-accent--BorderBlockEndWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderBlockEndWidth);
|
|
26198
26481
|
--pf-v6-c-tabs--link-accent--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-vertical--link-accent--BorderInlineStartWidth);
|
|
26482
|
+
--pf-v6-c-tabs--link-accent--TranslateX: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateX);
|
|
26483
|
+
--pf-v6-c-tabs--link-accent--TranslateY: var(--pf-v6-c-tabs--m-vertical--link-accent--TranslateY);
|
|
26484
|
+
--pf-v6-c-tabs--link-accent--TransformOrigin: var(--pf-v6-c-tabs--m-vertical--link-accent--TransformOrigin);
|
|
26199
26485
|
display: inline-flex;
|
|
26200
26486
|
flex-direction: column;
|
|
26201
26487
|
height: 100%;
|
|
@@ -26772,15 +27058,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
26772
27058
|
}
|
|
26773
27059
|
|
|
26774
27060
|
@media (prefers-reduced-motion: no-preference) {
|
|
26775
|
-
.pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__link::after,
|
|
26776
|
-
.pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
|
|
27061
|
+
.pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__link::after,
|
|
27062
|
+
.pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__item.pf-m-action::after {
|
|
26777
27063
|
content: revert;
|
|
26778
27064
|
}
|
|
26779
|
-
.pf-v6-c-tabs:not(.pf-m-box) .pf-v6-c-tabs__list::after {
|
|
27065
|
+
.pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
|
|
26780
27066
|
position: absolute;
|
|
26781
|
-
inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart
|
|
27067
|
+
inset-block-start: var(--pf-v6-c-tabs--link-accent--InsetBlockStart);
|
|
26782
27068
|
inset-block-end: var(--pf-v6-c-tabs--link-accent--InsetBlockEnd);
|
|
26783
|
-
inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart
|
|
27069
|
+
inset-inline-start: var(--pf-v6-c-tabs--link-accent--InsetInlineStart);
|
|
26784
27070
|
width: var(--pf-v6-c-tabs--link-accent--Width, var(--pf-v6-c-tabs--link-accent--length));
|
|
26785
27071
|
height: var(--pf-v6-c-tabs--link-accent--Height, var(--pf-v6-c-tabs--link-accent--length));
|
|
26786
27072
|
content: "";
|
|
@@ -26789,7 +27075,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
26789
27075
|
border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
|
|
26790
27076
|
transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
|
|
26791
27077
|
transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
|
|
26792
|
-
transition-property:
|
|
27078
|
+
transition-property: width, height, translate;
|
|
27079
|
+
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
27080
|
+
translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
|
|
27081
|
+
}
|
|
27082
|
+
: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 {
|
|
27083
|
+
translate: calc(var(--pf-v6-c-tabs--link-accent--TranslateX) * var(--pf-v6-global--inverse--multiplier)) var(--pf-v6-c-tabs--link-accent--TranslateY);
|
|
26793
27084
|
}
|
|
26794
27085
|
.pf-v6-c-tabs.pf-m-initializing-accent {
|
|
26795
27086
|
--pf-v6-c-tabs--link-accent--TransitionDuration: 0;
|
|
@@ -27131,6 +27422,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
27131
27422
|
--pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
|
|
27132
27423
|
}
|
|
27133
27424
|
|
|
27425
|
+
.pf-v6-c-timestamp__text {
|
|
27426
|
+
text-decoration: inherit;
|
|
27427
|
+
}
|
|
27428
|
+
|
|
27134
27429
|
.pf-v6-c-title {
|
|
27135
27430
|
--pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
27136
27431
|
--pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
@@ -29405,6 +29700,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29405
29700
|
grid-auto-flow: column;
|
|
29406
29701
|
align-items: baseline;
|
|
29407
29702
|
min-width: var(--pf-v6-c-truncate--MinWidth);
|
|
29703
|
+
text-decoration: inherit;
|
|
29704
|
+
}
|
|
29705
|
+
.pf-v6-c-truncate.pf-m-fixed {
|
|
29706
|
+
display: inline;
|
|
29707
|
+
align-items: revert;
|
|
29708
|
+
min-width: revert;
|
|
29408
29709
|
}
|
|
29409
29710
|
|
|
29410
29711
|
.pf-v6-c-truncate__start,
|
|
@@ -29496,6 +29797,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29496
29797
|
--pf-v6-c-tree-view__node-container--Display: contents;
|
|
29497
29798
|
--pf-v6-c-tree-view__node-content--RowGap: var(--pf-t--global--spacer--sm);
|
|
29498
29799
|
--pf-v6-c-tree-view__node-content--Overflow: visible;
|
|
29800
|
+
--pf-v6-c-tree-view__list--TransitionDuration--expand--slide: 0s;
|
|
29801
|
+
--pf-v6-c-tree-view__list--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
29802
|
+
--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: 0s;
|
|
29803
|
+
--pf-v6-c-tree-view__list--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
29804
|
+
--pf-v6-c-tree-view__list--TransitionDuration--slide: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide);
|
|
29805
|
+
--pf-v6-c-tree-view__list--TransitionDuration--fade: var(--pf-v6-c-tree-view__list--TransitionDuration--collapse--fade);
|
|
29806
|
+
--pf-v6-c-tree-view__list--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
29807
|
+
--pf-v6-c-tree-view__list--Opacity: 0;
|
|
29808
|
+
--pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
|
|
29809
|
+
--pf-v6-c-tree-view__list--TranslateY: 0;
|
|
29810
|
+
--pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
|
|
29499
29811
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
|
|
29500
29812
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
|
|
29501
29813
|
--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
|
|
@@ -29511,6 +29823,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29511
29823
|
--pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
29512
29824
|
--pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
|
|
29513
29825
|
--pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
|
|
29826
|
+
--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
29827
|
+
--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
29514
29828
|
--pf-v6-c-tree-view__node-check--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
29515
29829
|
--pf-v6-c-tree-view__node-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
29516
29830
|
--pf-v6-c-tree-view__search--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -29586,6 +29900,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29586
29900
|
--pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
|
|
29587
29901
|
--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);
|
|
29588
29902
|
}
|
|
29903
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
29904
|
+
.pf-v6-c-tree-view {
|
|
29905
|
+
--pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
|
|
29906
|
+
--pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
|
|
29907
|
+
--pf-v6-c-tree-view__list--TranslateY: -.5rem;
|
|
29908
|
+
}
|
|
29909
|
+
}
|
|
29589
29910
|
|
|
29590
29911
|
.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 {
|
|
29591
29912
|
position: relative;
|
|
@@ -29701,12 +30022,20 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29701
30022
|
display: inline-block;
|
|
29702
30023
|
min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
|
|
29703
30024
|
text-align: center;
|
|
30025
|
+
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
29704
30026
|
transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
|
|
29705
30027
|
}
|
|
29706
30028
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
|
|
29707
30029
|
scale: -1 1;
|
|
29708
30030
|
}
|
|
29709
30031
|
|
|
30032
|
+
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
|
|
30033
|
+
opacity: var(--pf-v6-c-tree-view__list--Opacity);
|
|
30034
|
+
transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
|
|
30035
|
+
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide);
|
|
30036
|
+
transition-property: opacity, translate;
|
|
30037
|
+
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
30038
|
+
}
|
|
29710
30039
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
|
|
29711
30040
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
29712
30041
|
--pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--Color--base);
|
|
@@ -29715,6 +30044,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29715
30044
|
--pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color);
|
|
29716
30045
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
|
|
29717
30046
|
}
|
|
30047
|
+
.pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
|
|
30048
|
+
opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
|
|
30049
|
+
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide);
|
|
30050
|
+
translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
|
|
30051
|
+
}
|
|
29718
30052
|
|
|
29719
30053
|
.pf-v6-c-tree-view__node,
|
|
29720
30054
|
.pf-v6-c-tree-view__node-container {
|