@patternfly/patternfly 6.6.0-prerelease.2 → 6.6.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/assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2 +0 -0
- package/assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2 +0 -0
- package/assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2 +0 -0
- package/assets/fonts/RedHatMono/RedHatMonoVF.woff2 +0 -0
- package/assets/fonts/RedHatText/RedHatTextVF-Italic.woff2 +0 -0
- package/assets/fonts/RedHatText/RedHatTextVF.woff2 +0 -0
- package/assets/images/img_avatar-rhds.svg +22 -0
- package/assets/images/pf-logo-avatar.jpg +0 -0
- package/base/patternfly-fonts.css +4 -4
- package/base/patternfly-fonts.scss +4 -4
- package/base/patternfly-variables.css +8 -6
- package/base/tokens/tokens-charts-dark.scss +1 -1
- package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
- package/base/tokens/tokens-charts-highcontrast.scss +1 -1
- package/base/tokens/tokens-charts.scss +1 -1
- package/base/tokens/tokens-dark.scss +1 -1
- package/base/tokens/tokens-default.scss +4 -4
- package/base/tokens/tokens-felt-dark.scss +1 -1
- package/base/tokens/tokens-felt-glass-dark.scss +1 -1
- package/base/tokens/tokens-felt-glass.scss +3 -2
- package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
- package/base/tokens/tokens-felt-highcontrast.scss +1 -1
- package/base/tokens/tokens-felt.scss +1 -1
- package/base/tokens/tokens-glass-dark.scss +1 -1
- package/base/tokens/tokens-glass.scss +3 -2
- package/base/tokens/tokens-highcontrast-dark.scss +1 -1
- package/base/tokens/tokens-highcontrast.scss +4 -4
- package/base/tokens/tokens-palette.scss +1 -1
- package/base/tokens/tokens-redhat-highcontrast.scss +3 -3
- package/components/AboutModalBox/about-modal-box.css +1 -1
- package/components/AboutModalBox/about-modal-box.scss +1 -1
- package/components/Alert/alert.css +3 -2
- package/components/Alert/alert.scss +3 -2
- package/components/Avatar/avatar.css +144 -0
- package/components/Avatar/avatar.scss +161 -0
- package/components/Banner/banner.css +7 -0
- package/components/Banner/banner.scss +7 -0
- package/components/Breadcrumb/breadcrumb.css +1 -1
- package/components/Breadcrumb/breadcrumb.scss +1 -1
- package/components/Button/button.css +18 -1
- package/components/Button/button.scss +21 -1
- package/components/ClipboardCopy/clipboard-copy.css +1 -1
- package/components/ClipboardCopy/clipboard-copy.scss +1 -1
- package/components/Compass/compass.css +5 -1
- package/components/Compass/compass.scss +5 -1
- package/components/DragDrop/drag-drop.css +4 -0
- package/components/DragDrop/drag-drop.scss +4 -0
- package/components/DualListSelector/dual-list-selector.css +1 -1
- package/components/DualListSelector/dual-list-selector.scss +1 -1
- package/components/Masthead/masthead.css +1 -1
- package/components/Masthead/masthead.scss +1 -1
- package/components/Menu/menu.css +1 -1
- package/components/Menu/menu.scss +1 -1
- package/components/MenuToggle/menu-toggle.css +3 -0
- package/components/MenuToggle/menu-toggle.scss +4 -1
- package/components/ModalBox/modal-box.css +1 -1
- package/components/ModalBox/modal-box.scss +1 -1
- package/components/NotificationDrawer/notification-drawer.css +3 -3
- package/components/NotificationDrawer/notification-drawer.scss +3 -3
- package/components/Page/page.css +30 -23
- package/components/Page/page.scss +35 -29
- package/components/Panel/panel.css +1 -1
- package/components/Panel/panel.scss +2 -2
- package/components/Progress/progress.css +2 -2
- package/components/Progress/progress.scss +2 -2
- package/components/Sidebar/sidebar.css +4 -7
- package/components/Sidebar/sidebar.scss +9 -9
- package/components/Table/table-tree-view.css +3 -0
- package/components/Table/table-tree-view.scss +2 -0
- package/components/Table/table.css +53 -19
- package/components/Table/table.scss +80 -32
- package/components/Title/title.css +1 -1
- package/components/Title/title.scss +1 -1
- package/components/Tooltip/tooltip.css +1 -1
- package/components/Tooltip/tooltip.scss +1 -1
- package/components/TreeView/tree-view.css +1 -1
- package/components/TreeView/tree-view.scss +1 -1
- package/components/Wizard/wizard.css +3 -3
- package/components/Wizard/wizard.scss +3 -3
- package/components/_index.css +293 -72
- package/docs/components/Avatar/examples/Avatar.css +6 -0
- package/docs/components/Avatar/examples/Avatar.md +414 -40
- package/docs/components/Drawer/examples/Drawer.md +1 -1
- package/docs/components/DualListSelector/examples/DualListSelector.md +85 -85
- package/docs/components/InputGroup/examples/InputGroup.md +1 -1
- package/docs/components/MenuToggle/examples/MenuToggle.md +54 -15
- package/docs/components/Pagination/examples/Pagination.md +120 -120
- package/docs/components/Sidebar/examples/Sidebar.md +3 -1
- package/docs/components/Table/examples/Table.css +6 -0
- package/docs/components/Table/examples/Table.md +305 -18
- package/docs/components/Toolbar/examples/Toolbar.md +16 -16
- package/docs/components/TreeView/examples/TreeView.md +100 -100
- package/docs/demos/CardView/examples/CardView.md +12 -12
- package/docs/demos/Compass/examples/Compass.md +91 -35
- package/docs/demos/Dashboard/examples/Dashboard.md +27 -30
- package/docs/demos/DataList/examples/DataList.md +48 -48
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +20 -20
- package/docs/demos/Table/examples/Table.md +160 -160
- package/docs/demos/Toolbar/examples/Toolbar.md +36 -36
- package/package.json +6 -6
- package/patternfly-base-no-globals.css +12 -10
- package/patternfly-base.css +12 -10
- package/patternfly-no-globals.css +305 -82
- package/patternfly.css +305 -82
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
package/components/_index.css
CHANGED
|
@@ -164,7 +164,7 @@
|
|
|
164
164
|
overflow-x: hidden;
|
|
165
165
|
overflow-y: auto;
|
|
166
166
|
overscroll-behavior: contain;
|
|
167
|
-
overflow-wrap:
|
|
167
|
+
overflow-wrap: anywhere;
|
|
168
168
|
-webkit-overflow-scrolling: touch;
|
|
169
169
|
}
|
|
170
170
|
@media screen and (min-width: 36rem) {
|
|
@@ -659,6 +659,7 @@
|
|
|
659
659
|
|
|
660
660
|
.pf-v6-c-alert__icon {
|
|
661
661
|
grid-area: icon;
|
|
662
|
+
align-self: baseline;
|
|
662
663
|
margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
|
|
663
664
|
font-size: var(--pf-v6-c-alert__icon--FontSize);
|
|
664
665
|
color: var(--pf-v6-c-alert__icon--Color);
|
|
@@ -669,7 +670,7 @@
|
|
|
669
670
|
grid-area: title;
|
|
670
671
|
font-weight: var(--pf-v6-c-alert__title--FontWeight);
|
|
671
672
|
color: var(--pf-v6-c-alert__title--Color);
|
|
672
|
-
overflow-wrap:
|
|
673
|
+
overflow-wrap: anywhere;
|
|
673
674
|
}
|
|
674
675
|
.pf-v6-c-alert__title.pf-m-truncate {
|
|
675
676
|
display: -webkit-box;
|
|
@@ -681,7 +682,7 @@
|
|
|
681
682
|
.pf-v6-c-alert__description {
|
|
682
683
|
grid-area: description;
|
|
683
684
|
padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
|
|
684
|
-
overflow-wrap:
|
|
685
|
+
overflow-wrap: anywhere;
|
|
685
686
|
}
|
|
686
687
|
.pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
|
|
687
688
|
--pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
|
|
@@ -888,24 +889,87 @@
|
|
|
888
889
|
--pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
889
890
|
--pf-v6-c-avatar--Width: 2.25rem;
|
|
890
891
|
--pf-v6-c-avatar--Height: 2.25rem;
|
|
892
|
+
--pf-v6-c-avatar--FontSize: calc(2.25rem / 1.414);
|
|
891
893
|
--pf-v6-c-avatar--m-sm--Width: 1.5rem;
|
|
892
894
|
--pf-v6-c-avatar--m-sm--Height: 1.5rem;
|
|
895
|
+
--pf-v6-c-avatar--m-sm--FontSize: calc(1.5rem / 1.414);
|
|
893
896
|
--pf-v6-c-avatar--m-md--Width: 2.25rem;
|
|
894
897
|
--pf-v6-c-avatar--m-md--Height: 2.25rem;
|
|
898
|
+
--pf-v6-c-avatar--m-md--FontSize: calc(2.25rem / 1.414);
|
|
895
899
|
--pf-v6-c-avatar--m-lg--Width: 4.5rem;
|
|
896
900
|
--pf-v6-c-avatar--m-lg--Height: 4.5rem;
|
|
901
|
+
--pf-v6-c-avatar--m-lg--FontSize: calc(4.5rem / 1.414);
|
|
897
902
|
--pf-v6-c-avatar--m-xl--Width: 8rem;
|
|
898
903
|
--pf-v6-c-avatar--m-xl--Height: 8rem;
|
|
904
|
+
--pf-v6-c-avatar--m-xl--FontSize: calc(8rem / 1.414);
|
|
899
905
|
--pf-v6-c-avatar--m-bordered--BorderColor: var(--pf-t--global--border--color--default);
|
|
900
906
|
--pf-v6-c-avatar--m-bordered--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
907
|
+
--pf-v6-c-avatar--m-colorful--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
908
|
+
--pf-v6-c-avatar--m-gray--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
909
|
+
--pf-v6-c-avatar--m-gray--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--hover);
|
|
910
|
+
--pf-v6-c-avatar--m-gray--BorderColor: var(--pf-t--global--border--color--default);
|
|
911
|
+
--pf-v6-c-avatar--m-red--BackgroundColor: var(--pf-t--global--color--nonstatus--red--default);
|
|
912
|
+
--pf-v6-c-avatar--m-red--Color: var(--pf-t--global--icon--color--nonstatus--on-red--default);
|
|
913
|
+
--pf-v6-c-avatar--m-red--BorderColor: var(--pf-t--global--border--color--nonstatus--red--default);
|
|
914
|
+
--pf-v6-c-avatar--m-orangered--BackgroundColor: var(--pf-t--global--color--nonstatus--orangered--default);
|
|
915
|
+
--pf-v6-c-avatar--m-orangered--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--default);
|
|
916
|
+
--pf-v6-c-avatar--m-orangered--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
|
|
917
|
+
--pf-v6-c-avatar--m-orange--BackgroundColor: var(--pf-t--global--color--nonstatus--orange--default);
|
|
918
|
+
--pf-v6-c-avatar--m-orange--Color: var(--pf-t--global--icon--color--nonstatus--on-orange--default);
|
|
919
|
+
--pf-v6-c-avatar--m-orange--BorderColor: var(--pf-t--global--border--color--nonstatus--orange--default);
|
|
920
|
+
--pf-v6-c-avatar--m-yellow--BackgroundColor: var(--pf-t--global--color--nonstatus--yellow--default);
|
|
921
|
+
--pf-v6-c-avatar--m-yellow--Color: var(--pf-t--global--icon--color--nonstatus--on-yellow--default);
|
|
922
|
+
--pf-v6-c-avatar--m-yellow--BorderColor: var(--pf-t--global--border--color--nonstatus--yellow--default);
|
|
923
|
+
--pf-v6-c-avatar--m-green--BackgroundColor: var(--pf-t--global--color--nonstatus--green--default);
|
|
924
|
+
--pf-v6-c-avatar--m-green--Color: var(--pf-t--global--icon--color--nonstatus--on-green--default);
|
|
925
|
+
--pf-v6-c-avatar--m-green--BorderColor: var(--pf-t--global--border--color--nonstatus--green--default);
|
|
926
|
+
--pf-v6-c-avatar--m-teal--BackgroundColor: var(--pf-t--global--color--nonstatus--teal--default);
|
|
927
|
+
--pf-v6-c-avatar--m-teal--Color: var(--pf-t--global--icon--color--nonstatus--on-teal--default);
|
|
928
|
+
--pf-v6-c-avatar--m-teal--BorderColor: var(--pf-t--global--border--color--nonstatus--teal--default);
|
|
929
|
+
--pf-v6-c-avatar--m-blue--BackgroundColor: var(--pf-t--global--color--nonstatus--blue--default);
|
|
930
|
+
--pf-v6-c-avatar--m-blue--Color: var(--pf-t--global--icon--color--nonstatus--on-blue--default);
|
|
931
|
+
--pf-v6-c-avatar--m-blue--BorderColor: var(--pf-t--global--border--color--nonstatus--blue--default);
|
|
932
|
+
--pf-v6-c-avatar--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
|
|
933
|
+
--pf-v6-c-avatar--m-purple--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--default);
|
|
934
|
+
--pf-v6-c-avatar--m-purple--BorderColor: var(--pf-t--global--border--color--nonstatus--purple--default);
|
|
935
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
936
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
937
|
+
--pf-v6-c-avatar--m-sm__initials--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
938
|
+
--pf-v6-c-avatar--m-sm__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
939
|
+
--pf-v6-c-avatar--m-lg__initials--FontSize: var(--pf-t--global--font--size--2xl);
|
|
940
|
+
--pf-v6-c-avatar--m-lg__initials--FontWeight: var(--pf-t--global--font--weight--heading--bold);
|
|
941
|
+
--pf-v6-c-avatar--m-lg__initials--FontFamily: var(--pf-t--global--font--family--heading);
|
|
942
|
+
--pf-v6-c-avatar--m-xl__initials--FontSize: var(--pf-t--global--font--size--4xl);
|
|
943
|
+
--pf-v6-c-avatar--m-xl__initials--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
944
|
+
--pf-v6-c-avatar--m-xl__initials--FontFamily: var(--pf-t--global--font--family--heading);
|
|
945
|
+
--pf-v6-c-avatar--m-gray__initials--Color: var(--pf-t--global--text--color--nonstatus--on-gray--hover);
|
|
946
|
+
--pf-v6-c-avatar--m-red__initials--Color: var(--pf-t--global--text--color--nonstatus--on-red--default);
|
|
947
|
+
--pf-v6-c-avatar--m-orangered__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--default);
|
|
948
|
+
--pf-v6-c-avatar--m-orange__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orange--default);
|
|
949
|
+
--pf-v6-c-avatar--m-yellow__initials--Color: var(--pf-t--global--text--color--nonstatus--on-yellow--default);
|
|
950
|
+
--pf-v6-c-avatar--m-green__initials--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
|
|
951
|
+
--pf-v6-c-avatar--m-teal__initials--Color: var(--pf-t--global--text--color--nonstatus--on-teal--default);
|
|
952
|
+
--pf-v6-c-avatar--m-blue__initials--Color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
|
|
953
|
+
--pf-v6-c-avatar--m-purple__initials--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
|
|
901
954
|
}
|
|
902
955
|
|
|
903
956
|
.pf-v6-c-avatar {
|
|
904
957
|
width: var(--pf-v6-c-avatar--Width);
|
|
905
958
|
height: var(--pf-v6-c-avatar--Height);
|
|
959
|
+
font-size: var(--pf-v6-c-avatar--FontSize);
|
|
960
|
+
color: var(--pf-v6-c-avatar--Color, inherit);
|
|
961
|
+
background-color: var(--pf-v6-c-avatar--BackgroundColor, transparent);
|
|
906
962
|
border: var(--pf-v6-c-avatar--BorderWidth) solid var(--pf-v6-c-avatar--BorderColor);
|
|
907
963
|
border-radius: var(--pf-v6-c-avatar--BorderRadius);
|
|
908
964
|
}
|
|
965
|
+
div.pf-v6-c-avatar {
|
|
966
|
+
display: inline-flex;
|
|
967
|
+
align-items: center;
|
|
968
|
+
justify-content: center;
|
|
969
|
+
overflow: clip;
|
|
970
|
+
vertical-align: middle;
|
|
971
|
+
}
|
|
972
|
+
|
|
909
973
|
.pf-v6-c-avatar.pf-m-bordered {
|
|
910
974
|
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-bordered--BorderColor);
|
|
911
975
|
--pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-bordered--BorderWidth);
|
|
@@ -1134,6 +1198,87 @@
|
|
|
1134
1198
|
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-2xl, var(--pf-v6-c-avatar--m-xl--Height-on-xl, var(--pf-v6-c-avatar--m-xl--Height-on-lg, var(--pf-v6-c-avatar--m-xl--Height-on-md, var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height))))));
|
|
1135
1199
|
}
|
|
1136
1200
|
}
|
|
1201
|
+
.pf-v6-c-avatar.pf-m-sm {
|
|
1202
|
+
--pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-sm--FontSize);
|
|
1203
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-sm__initials--FontSize);
|
|
1204
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-sm__initials--FontWeight);
|
|
1205
|
+
}
|
|
1206
|
+
.pf-v6-c-avatar.pf-m-lg {
|
|
1207
|
+
--pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-lg--FontSize);
|
|
1208
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-lg__initials--FontSize);
|
|
1209
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-lg__initials--FontWeight);
|
|
1210
|
+
--pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-lg__initials--FontFamily);
|
|
1211
|
+
}
|
|
1212
|
+
.pf-v6-c-avatar.pf-m-xl {
|
|
1213
|
+
--pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-xl--FontSize);
|
|
1214
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-xl__initials--FontSize);
|
|
1215
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-xl__initials--FontWeight);
|
|
1216
|
+
--pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-xl__initials--FontFamily);
|
|
1217
|
+
}
|
|
1218
|
+
.pf-v6-c-avatar.pf-m-colorful {
|
|
1219
|
+
--pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-colorful--BorderWidth);
|
|
1220
|
+
}
|
|
1221
|
+
.pf-v6-c-avatar.pf-m-red {
|
|
1222
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-red--BackgroundColor);
|
|
1223
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-red--Color);
|
|
1224
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-red--BorderColor);
|
|
1225
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-red__initials--Color);
|
|
1226
|
+
}
|
|
1227
|
+
.pf-v6-c-avatar.pf-m-orangered {
|
|
1228
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orangered--BackgroundColor);
|
|
1229
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orangered--Color);
|
|
1230
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orangered--BorderColor);
|
|
1231
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orangered__initials--Color);
|
|
1232
|
+
}
|
|
1233
|
+
.pf-v6-c-avatar.pf-m-orange {
|
|
1234
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orange--BackgroundColor);
|
|
1235
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orange--Color);
|
|
1236
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orange--BorderColor);
|
|
1237
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orange__initials--Color);
|
|
1238
|
+
}
|
|
1239
|
+
.pf-v6-c-avatar.pf-m-yellow {
|
|
1240
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-yellow--BackgroundColor);
|
|
1241
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-yellow--Color);
|
|
1242
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-yellow--BorderColor);
|
|
1243
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-yellow__initials--Color);
|
|
1244
|
+
}
|
|
1245
|
+
.pf-v6-c-avatar.pf-m-green {
|
|
1246
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-green--BackgroundColor);
|
|
1247
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-green--Color);
|
|
1248
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-green--BorderColor);
|
|
1249
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-green__initials--Color);
|
|
1250
|
+
}
|
|
1251
|
+
.pf-v6-c-avatar.pf-m-teal {
|
|
1252
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-teal--BackgroundColor);
|
|
1253
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-teal--Color);
|
|
1254
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-teal--BorderColor);
|
|
1255
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-teal__initials--Color);
|
|
1256
|
+
}
|
|
1257
|
+
.pf-v6-c-avatar.pf-m-blue {
|
|
1258
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-blue--BackgroundColor);
|
|
1259
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-blue--Color);
|
|
1260
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-blue--BorderColor);
|
|
1261
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-blue__initials--Color);
|
|
1262
|
+
}
|
|
1263
|
+
.pf-v6-c-avatar.pf-m-purple {
|
|
1264
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-purple--BackgroundColor);
|
|
1265
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-purple--Color);
|
|
1266
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-purple--BorderColor);
|
|
1267
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-purple__initials--Color);
|
|
1268
|
+
}
|
|
1269
|
+
.pf-v6-c-avatar.pf-m-gray {
|
|
1270
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-gray--BackgroundColor);
|
|
1271
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-gray--Color);
|
|
1272
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-gray--BorderColor);
|
|
1273
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-gray__initials--Color);
|
|
1274
|
+
}
|
|
1275
|
+
|
|
1276
|
+
.pf-v6-c-avatar__initials {
|
|
1277
|
+
font-family: var(--pf-v6-c-avatar__initials--FontFamily, revert);
|
|
1278
|
+
font-size: var(--pf-v6-c-avatar__initials--FontSize);
|
|
1279
|
+
font-weight: var(--pf-v6-c-avatar__initials--FontWeight);
|
|
1280
|
+
color: var(--pf-v6-c-avatar__initials--Color);
|
|
1281
|
+
}
|
|
1137
1282
|
|
|
1138
1283
|
.pf-v6-c-backdrop {
|
|
1139
1284
|
--pf-v6-c-backdrop--Position: fixed;
|
|
@@ -1312,7 +1457,9 @@
|
|
|
1312
1457
|
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
|
|
1313
1458
|
--pf-v6-c-banner--link--TextDecoration: underline;
|
|
1314
1459
|
--pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
|
|
1460
|
+
--pf-v6-c-banner--link--clicked--Color: var(--pf-v6-c-banner--Color);
|
|
1315
1461
|
--pf-v6-c-banner--link--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
1462
|
+
--pf-v6-c-banner--link--TextDecorationColor: currentcolor;
|
|
1316
1463
|
--pf-v6-c-banner--m-sticky--ZIndex: var(--pf-t--global--z-index--md);
|
|
1317
1464
|
--pf-v6-c-banner--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
1318
1465
|
--pf-v6-c-banner--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
|
|
@@ -1421,6 +1568,7 @@
|
|
|
1421
1568
|
.pf-v6-c-banner a {
|
|
1422
1569
|
color: var(--pf-v6-c-banner--link--Color);
|
|
1423
1570
|
text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
|
|
1571
|
+
text-decoration-color: var(--pf-v6-c-banner--a--TextDecorationColor);
|
|
1424
1572
|
}
|
|
1425
1573
|
.pf-v6-c-banner a:hover:not(.pf-m-disabled) {
|
|
1426
1574
|
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--hover--Color);
|
|
@@ -1432,7 +1580,11 @@
|
|
|
1432
1580
|
.pf-v6-c-banner .pf-v6-c-button.pf-m-inline {
|
|
1433
1581
|
--pf-v6-c-button--m-link--m-inline--Color: var(--pf-v6-c-banner--link--Color);
|
|
1434
1582
|
--pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
|
|
1583
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-v6-c-banner--link--clicked--Color);
|
|
1435
1584
|
--pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
|
|
1585
|
+
--pf-v6-c-button--m-link--m-inline--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
|
|
1586
|
+
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
|
|
1587
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
|
|
1436
1588
|
text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
|
|
1437
1589
|
}
|
|
1438
1590
|
.pf-v6-c-banner .pf-v6-c-button.pf-m-inline:disabled, .pf-v6-c-banner .pf-v6-c-button.pf-m-inline.pf-m-disabled {
|
|
@@ -1577,7 +1729,7 @@
|
|
|
1577
1729
|
font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
|
|
1578
1730
|
line-height: inherit;
|
|
1579
1731
|
color: var(--pf-v6-c-breadcrumb__link--Color);
|
|
1580
|
-
overflow-wrap:
|
|
1732
|
+
overflow-wrap: anywhere;
|
|
1581
1733
|
text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
|
|
1582
1734
|
text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
|
|
1583
1735
|
text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
|
|
@@ -1749,6 +1901,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1749
1901
|
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
1750
1902
|
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
1751
1903
|
--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
|
|
1904
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
|
|
1905
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
1906
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
1907
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
|
|
1752
1908
|
--pf-v6-c-button--m-link--m-inline--TransitionProperty: color, text-underline-offset;
|
|
1753
1909
|
--pf-v6-c-button--m-link--m-inline--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), var(--pf-t--global--motion--duration--lg);
|
|
1754
1910
|
--pf-v6-c-button--m-link--m-inline--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate), var(--pf-t--global--motion--timing-function--default);
|
|
@@ -1763,6 +1919,8 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1763
1919
|
--pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
|
|
1764
1920
|
--pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
1765
1921
|
--pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
|
|
1922
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
|
|
1923
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
|
|
1766
1924
|
--pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
|
|
1767
1925
|
--pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
1768
1926
|
--pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
@@ -2135,9 +2293,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2135
2293
|
--pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
|
|
2136
2294
|
--pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
|
|
2137
2295
|
--pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
|
|
2138
|
-
--pf-v6-c-button--
|
|
2296
|
+
--pf-v6-c-button--m-clicked--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine);
|
|
2297
|
+
--pf-v6-c-button--m-clicked--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle);
|
|
2298
|
+
--pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor);
|
|
2299
|
+
--pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
|
|
2139
2300
|
--pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
|
|
2140
2301
|
--pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
|
|
2302
|
+
--pf-v6-c-button--m-link--m-clicked--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked--Color);
|
|
2303
|
+
--pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color);
|
|
2141
2304
|
--pf-v6-c-button--BorderWidth: 0;
|
|
2142
2305
|
--pf-v6-c-button--hover--BorderWidth: 0;
|
|
2143
2306
|
--pf-v6-c-button--m-clicked--BorderWidth: 0;
|
|
@@ -2150,6 +2313,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2150
2313
|
.pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
|
|
2151
2314
|
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
|
|
2152
2315
|
}
|
|
2316
|
+
.pf-v6-c-button.pf-m-link.pf-m-inline:active, .pf-v6-c-button.pf-m-link.pf-m-inline.pf-m-clicked {
|
|
2317
|
+
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
|
|
2318
|
+
}
|
|
2153
2319
|
.pf-v6-c-button.pf-m-link.pf-m-danger {
|
|
2154
2320
|
--pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
|
|
2155
2321
|
--pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
|
|
@@ -2483,6 +2649,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2483
2649
|
justify-content: flex-start;
|
|
2484
2650
|
width: 100%;
|
|
2485
2651
|
}
|
|
2652
|
+
.pf-v6-c-button.pf-m-docked .pf-v6-c-button__icon {
|
|
2653
|
+
min-width: 1lh;
|
|
2654
|
+
}
|
|
2486
2655
|
@media (min-width: 62rem) {
|
|
2487
2656
|
.pf-v6-c-button.pf-m-docked {
|
|
2488
2657
|
justify-content: center;
|
|
@@ -3395,7 +3564,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3395
3564
|
}
|
|
3396
3565
|
|
|
3397
3566
|
.pf-v6-c-clipboard-copy__text {
|
|
3398
|
-
overflow-wrap:
|
|
3567
|
+
overflow-wrap: anywhere;
|
|
3399
3568
|
white-space: normal;
|
|
3400
3569
|
}
|
|
3401
3570
|
.pf-v6-c-clipboard-copy__text.pf-m-code {
|
|
@@ -4003,15 +4172,18 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
4003
4172
|
inset-inline-start: 0;
|
|
4004
4173
|
z-index: var(--pf-v6-c-compass__dock--ZIndex);
|
|
4005
4174
|
display: flex;
|
|
4175
|
+
visibility: hidden;
|
|
4006
4176
|
flex-direction: column;
|
|
4007
4177
|
grid-area: dock;
|
|
4008
4178
|
width: var(--pf-v6-c-compass__dock--Width);
|
|
4009
4179
|
translate: -100% 0;
|
|
4010
|
-
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
|
|
4180
|
+
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-compass__dock--TransitionDuration--slide);
|
|
4011
4181
|
}
|
|
4012
4182
|
.pf-v6-c-compass__dock.pf-m-expanded {
|
|
4013
4183
|
--pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
|
|
4184
|
+
visibility: visible;
|
|
4014
4185
|
translate: 0;
|
|
4186
|
+
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s 0s;
|
|
4015
4187
|
}
|
|
4016
4188
|
@media (min-width: 62rem) {
|
|
4017
4189
|
.pf-v6-c-compass__dock {
|
|
@@ -4019,6 +4191,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
4019
4191
|
--pf-v6-c-compass__dock-main--BorderInlineEndColor: var(--pf-v6-c-compass__dock-main--desktop--BorderInlineEndColor);
|
|
4020
4192
|
position: revert;
|
|
4021
4193
|
inset: revert;
|
|
4194
|
+
visibility: revert;
|
|
4022
4195
|
width: auto;
|
|
4023
4196
|
translate: 0;
|
|
4024
4197
|
}
|
|
@@ -5562,6 +5735,7 @@ ul) {
|
|
|
5562
5735
|
--pf-v6-c-draggable--m-dragging--Cursor: grabbing;
|
|
5563
5736
|
--pf-v6-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
5564
5737
|
--pf-v6-c-draggable--m-dragging--BackgroundColor: transparent;
|
|
5738
|
+
--pf-v6-c-draggable--m-dragging--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
5565
5739
|
--pf-v6-c-draggable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
5566
5740
|
--pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
|
|
5567
5741
|
--pf-v6-c-draggable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
@@ -5576,6 +5750,7 @@ ul) {
|
|
|
5576
5750
|
--pf-v6-c-draggable--Cursor: var(--pf-v6-c-draggable--m-dragging--Cursor);
|
|
5577
5751
|
position: relative;
|
|
5578
5752
|
background-color: var(--pf-v6-c-draggable--m-dragging--BackgroundColor);
|
|
5753
|
+
border-radius: var(--pf-v6-c-draggable--m-dragging--BorderRadius);
|
|
5579
5754
|
box-shadow: var(--pf-v6-c-draggable--m-dragging--BoxShadow);
|
|
5580
5755
|
}
|
|
5581
5756
|
.pf-v6-c-draggable.pf-m-dragging::after {
|
|
@@ -5595,6 +5770,7 @@ ul) {
|
|
|
5595
5770
|
|
|
5596
5771
|
.pf-v6-c-droppable {
|
|
5597
5772
|
--pf-v6-c-droppable--before--BackgroundColor: transparent;
|
|
5773
|
+
--pf-v6-c-droppable--before--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
5598
5774
|
--pf-v6-c-droppable--before--Opacity: 0;
|
|
5599
5775
|
--pf-v6-c-droppable--after--BorderWidth: 0;
|
|
5600
5776
|
--pf-v6-c-droppable--after--BorderColor: transparent;
|
|
@@ -5617,6 +5793,7 @@ ul) {
|
|
|
5617
5793
|
}
|
|
5618
5794
|
.pf-v6-c-droppable::before {
|
|
5619
5795
|
background-color: var(--pf-v6-c-droppable--before--BackgroundColor);
|
|
5796
|
+
border-radius: var(--pf-v6-c-droppable--before--BorderRadius);
|
|
5620
5797
|
opacity: var(--pf-v6-c-droppable--before--Opacity);
|
|
5621
5798
|
}
|
|
5622
5799
|
.pf-v6-c-droppable::after {
|
|
@@ -5712,7 +5889,7 @@ ul) {
|
|
|
5712
5889
|
--pf-v6-c-dual-list-selector__item-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
5713
5890
|
--pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
5714
5891
|
--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
|
|
5715
|
-
--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate:
|
|
5892
|
+
--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
|
|
5716
5893
|
--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
5717
5894
|
--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
5718
5895
|
--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
|
|
@@ -10668,7 +10845,7 @@ ul.pf-v6-c-list {
|
|
|
10668
10845
|
--pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
|
|
10669
10846
|
--pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
|
|
10670
10847
|
--pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
|
|
10671
|
-
--pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--
|
|
10848
|
+
--pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
|
|
10672
10849
|
--pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
|
|
10673
10850
|
--pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
10674
10851
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
|
|
@@ -11882,7 +12059,7 @@ ul.pf-v6-c-list {
|
|
|
11882
12059
|
.pf-v6-c-menu__item-description {
|
|
11883
12060
|
font-size: var(--pf-v6-c-menu__item-description--FontSize);
|
|
11884
12061
|
color: var(--pf-v6-c-menu__item-description--Color);
|
|
11885
|
-
overflow-wrap:
|
|
12062
|
+
overflow-wrap: anywhere;
|
|
11886
12063
|
}
|
|
11887
12064
|
|
|
11888
12065
|
.pf-v6-c-menu__item-check .pf-v6-c-check {
|
|
@@ -12299,6 +12476,9 @@ ul.pf-v6-c-list {
|
|
|
12299
12476
|
justify-content: flex-start;
|
|
12300
12477
|
width: 100%;
|
|
12301
12478
|
}
|
|
12479
|
+
.pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__icon {
|
|
12480
|
+
min-width: 1lh;
|
|
12481
|
+
}
|
|
12302
12482
|
@media (min-width: 62rem) {
|
|
12303
12483
|
.pf-v6-c-menu-toggle.pf-m-docked {
|
|
12304
12484
|
justify-content: center;
|
|
@@ -12676,7 +12856,7 @@ ul.pf-v6-c-list {
|
|
|
12676
12856
|
overflow-x: hidden;
|
|
12677
12857
|
overflow-y: auto;
|
|
12678
12858
|
overscroll-behavior: contain;
|
|
12679
|
-
overflow-wrap:
|
|
12859
|
+
overflow-wrap: anywhere;
|
|
12680
12860
|
-webkit-overflow-scrolling: touch;
|
|
12681
12861
|
}
|
|
12682
12862
|
.pf-v6-c-modal-box__body:last-child {
|
|
@@ -13550,7 +13730,7 @@ ul.pf-v6-c-list {
|
|
|
13550
13730
|
|
|
13551
13731
|
.pf-v6-c-notification-drawer__list-item-header-title {
|
|
13552
13732
|
font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
|
|
13553
|
-
overflow-wrap:
|
|
13733
|
+
overflow-wrap: anywhere;
|
|
13554
13734
|
}
|
|
13555
13735
|
.pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
|
|
13556
13736
|
display: -webkit-box;
|
|
@@ -13572,7 +13752,7 @@ ul.pf-v6-c-list {
|
|
|
13572
13752
|
grid-row: 2/3;
|
|
13573
13753
|
grid-column: 1/2;
|
|
13574
13754
|
margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
|
|
13575
|
-
overflow-wrap:
|
|
13755
|
+
overflow-wrap: anywhere;
|
|
13576
13756
|
}
|
|
13577
13757
|
|
|
13578
13758
|
.pf-v6-c-notification-drawer__list-item-timestamp {
|
|
@@ -13617,7 +13797,7 @@ ul.pf-v6-c-list {
|
|
|
13617
13797
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
|
|
13618
13798
|
font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
|
|
13619
13799
|
text-align: start;
|
|
13620
|
-
overflow-wrap:
|
|
13800
|
+
overflow-wrap: anywhere;
|
|
13621
13801
|
}
|
|
13622
13802
|
|
|
13623
13803
|
.pf-v6-c-notification-drawer__group-toggle-count {
|
|
@@ -13694,11 +13874,6 @@ ul.pf-v6-c-list {
|
|
|
13694
13874
|
.pf-v6-c-page {
|
|
13695
13875
|
--pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
13696
13876
|
--pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13697
|
-
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
13698
|
-
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: 0;
|
|
13699
|
-
--pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
13700
|
-
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13701
|
-
--pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
|
|
13702
13877
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
|
13703
13878
|
--pf-v6-c-page__dock--Width: 15.625rem;
|
|
13704
13879
|
--pf-v6-c-page__dock--desktop--Width: auto;
|
|
@@ -13712,11 +13887,17 @@ ul.pf-v6-c-list {
|
|
|
13712
13887
|
--pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-t--global--box-shadow--sm--right);
|
|
13713
13888
|
--pf-v6-c-page__dock-main--desktop--BoxShadow: var(--pf-t--global--box-shadow--glass--default, none);
|
|
13714
13889
|
--pf-v6-c-page__dock-main--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary, revert);
|
|
13715
|
-
--pf-v6-c-page__dock-main--BorderInlineEndWidth:
|
|
13890
|
+
--pf-v6-c-page__dock-main--BorderInlineEndWidth: 0;
|
|
13716
13891
|
--pf-v6-c-page__dock-main--BorderInlineEndColor: transparent;
|
|
13717
|
-
--pf-v6-c-page__dock-main--desktop--
|
|
13892
|
+
--pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
|
|
13893
|
+
--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
|
|
13718
13894
|
--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, var(--pf-t--global--border--width--regular));
|
|
13719
|
-
--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor:
|
|
13895
|
+
--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: transparent;
|
|
13896
|
+
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
|
|
13897
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13898
|
+
--pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13899
|
+
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13900
|
+
--pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
|
|
13720
13901
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
13721
13902
|
--pf-v6-c-page__sidebar--Width--base: 18.125rem;
|
|
13722
13903
|
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
@@ -13887,20 +14068,17 @@ ul.pf-v6-c-list {
|
|
|
13887
14068
|
--pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
|
|
13888
14069
|
--pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
13889
14070
|
--pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
|
|
13890
|
-
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
13891
|
-
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
13892
|
-
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13893
14071
|
--pf-v6-c-page--BackgroundColor--glass: transparent;
|
|
13894
14072
|
--pf-v6-c-page__sidebar--Width--base--glass: calc(18.125rem + var(--pf-t--global--spacer--inset--page-chrome) * 2);
|
|
13895
|
-
--pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--
|
|
13896
|
-
--pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--
|
|
13897
|
-
--pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--
|
|
14073
|
+
--pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
14074
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--md);
|
|
14075
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--md);
|
|
13898
14076
|
--pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
|
|
13899
14077
|
--pf-v6-c-page__sidebar-main--PaddingInlineStart--glass: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
|
|
13900
14078
|
--pf-v6-c-page__sidebar-main--PaddingInlineEnd--glass: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
|
|
13901
|
-
--pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--
|
|
13902
|
-
--pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: var(--pf-t--global--spacer--
|
|
13903
|
-
--pf-v6-c-page__sidebar-main--MarginInlineStart--glass: var(--pf-t--global--spacer--
|
|
14079
|
+
--pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
14080
|
+
--pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
|
|
14081
|
+
--pf-v6-c-page__sidebar-main--MarginInlineStart--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
|
|
13904
14082
|
--pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-t--global--spacer--md);
|
|
13905
14083
|
--pf-v6-c-page__sidebar-main--BackgroundColor--glass: var(--pf-v6-c-page__sidebar--BackgroundColor);
|
|
13906
14084
|
--pf-v6-c-page__sidebar-main--BackdropFilter--glass: var(--pf-v6-c-page__sidebar--BackdropFilter);
|
|
@@ -13911,9 +14089,11 @@ ul.pf-v6-c-list {
|
|
|
13911
14089
|
--pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass: 0;
|
|
13912
14090
|
--pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13913
14091
|
--pf-v6-c-page__sidebar-main--xl--MarginInlineStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13914
|
-
--pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--
|
|
13915
|
-
--pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--
|
|
13916
|
-
--pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome)
|
|
14092
|
+
--pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--gutter--default);
|
|
14093
|
+
--pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
14094
|
+
--pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--gutter--default));
|
|
14095
|
+
--pf-v6-c-page--m-dock__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--gutter--default));
|
|
14096
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
13917
14097
|
}
|
|
13918
14098
|
:where(.pf-v6-theme-glass) .pf-v6-c-page {
|
|
13919
14099
|
--pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
|
|
@@ -13936,6 +14116,8 @@ ul.pf-v6-c-list {
|
|
|
13936
14116
|
--pf-v6-c-page__sidebar-main--BoxShadow: var(--pf-v6-c-page__sidebar-main--BoxShadow--glass);
|
|
13937
14117
|
--pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page__main-container--MarginBlockStart--glass);
|
|
13938
14118
|
--pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--MaxHeight--glass);
|
|
14119
|
+
--pf-v6-c-page--m-dock__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight--glass);
|
|
14120
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass);
|
|
13939
14121
|
}
|
|
13940
14122
|
@media (min-width: 75rem) {
|
|
13941
14123
|
.pf-v6-c-page {
|
|
@@ -14087,10 +14269,11 @@ ul.pf-v6-c-list {
|
|
|
14087
14269
|
inset-inline-start: 0;
|
|
14088
14270
|
z-index: var(--pf-v6-c-page__dock--ZIndex);
|
|
14089
14271
|
display: flex;
|
|
14272
|
+
visibility: hidden;
|
|
14090
14273
|
flex-direction: column;
|
|
14091
14274
|
grid-area: dock;
|
|
14092
14275
|
width: var(--pf-v6-c-page__dock--Width);
|
|
14093
|
-
transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide);
|
|
14276
|
+
transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-page__dock--TransitionDuration--slide);
|
|
14094
14277
|
translate: -100% 0;
|
|
14095
14278
|
}
|
|
14096
14279
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__dock {
|
|
@@ -14099,14 +14282,15 @@ ul.pf-v6-c-list {
|
|
|
14099
14282
|
|
|
14100
14283
|
.pf-v6-c-page__dock.pf-m-expanded {
|
|
14101
14284
|
--pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
|
|
14285
|
+
visibility: visible;
|
|
14102
14286
|
translate: 0;
|
|
14287
|
+
transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s 0s;
|
|
14103
14288
|
}
|
|
14104
14289
|
@media (min-width: 62rem) {
|
|
14105
14290
|
.pf-v6-c-page__dock {
|
|
14106
|
-
--pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
|
|
14107
|
-
--pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
|
|
14108
14291
|
position: revert;
|
|
14109
14292
|
inset: revert;
|
|
14293
|
+
visibility: revert;
|
|
14110
14294
|
width: auto;
|
|
14111
14295
|
translate: 0;
|
|
14112
14296
|
}
|
|
@@ -14131,6 +14315,9 @@ ul.pf-v6-c-list {
|
|
|
14131
14315
|
}
|
|
14132
14316
|
@media (min-width: 62rem) {
|
|
14133
14317
|
.pf-v6-c-page__dock-main {
|
|
14318
|
+
--pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth);
|
|
14319
|
+
--pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
|
|
14320
|
+
--pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
|
|
14134
14321
|
--pf-v6-c-page__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
|
|
14135
14322
|
--pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
|
|
14136
14323
|
--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth);
|
|
@@ -15264,7 +15451,7 @@ ul.pf-v6-c-list {
|
|
|
15264
15451
|
--pf-v6-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
15265
15452
|
--pf-v6-c-panel--BoxShadow: none;
|
|
15266
15453
|
--pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
15267
|
-
--pf-v6-c-panel--before--BorderWidth:
|
|
15454
|
+
--pf-v6-c-panel--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
15268
15455
|
--pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
15269
15456
|
--pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
15270
15457
|
--pf-v6-c-panel--m-secondary--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
@@ -15745,7 +15932,7 @@ ul.pf-v6-c-list {
|
|
|
15745
15932
|
|
|
15746
15933
|
.pf-v6-c-progress__description {
|
|
15747
15934
|
grid-column: 1/2;
|
|
15748
|
-
overflow-wrap:
|
|
15935
|
+
overflow-wrap: anywhere;
|
|
15749
15936
|
}
|
|
15750
15937
|
.pf-v6-c-progress__description.pf-m-truncate {
|
|
15751
15938
|
overflow: hidden;
|
|
@@ -15761,7 +15948,7 @@ ul.pf-v6-c-list {
|
|
|
15761
15948
|
align-items: flex-start;
|
|
15762
15949
|
justify-content: flex-end;
|
|
15763
15950
|
text-align: end;
|
|
15764
|
-
overflow-wrap:
|
|
15951
|
+
overflow-wrap: anywhere;
|
|
15765
15952
|
}
|
|
15766
15953
|
|
|
15767
15954
|
.pf-v6-c-progress__status-icon {
|
|
@@ -16679,6 +16866,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16679
16866
|
--pf-v6-c-sidebar__panel--Position: static;
|
|
16680
16867
|
--pf-v6-c-sidebar__panel--InsetBlockStart: auto;
|
|
16681
16868
|
}
|
|
16869
|
+
.pf-v6-c-sidebar__panel.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__panel.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__panel:not(.pf-m-no-plain-on-glass) {
|
|
16870
|
+
--pf-v6-c-sidebar__panel--BackgroundColor: transparent;
|
|
16871
|
+
}
|
|
16682
16872
|
.pf-v6-c-sidebar__panel.pf-m-secondary {
|
|
16683
16873
|
--pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
|
|
16684
16874
|
}
|
|
@@ -16698,7 +16888,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16698
16888
|
--pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
|
|
16699
16889
|
--pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
|
|
16700
16890
|
}
|
|
16701
|
-
.pf-v6-c-sidebar__content.pf-m-no-background {
|
|
16891
|
+
.pf-v6-c-sidebar__content.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__content.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__content:not(.pf-m-no-plain-on-glass) {
|
|
16702
16892
|
--pf-v6-c-sidebar__content--BackgroundColor: transparent;
|
|
16703
16893
|
}
|
|
16704
16894
|
.pf-v6-c-sidebar__content.pf-m-secondary {
|
|
@@ -16711,12 +16901,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16711
16901
|
--pf-v6-c-sidebar__content--Order: -1;
|
|
16712
16902
|
}
|
|
16713
16903
|
|
|
16714
|
-
.pf-v6-c-sidebar.pf-m-no-background,
|
|
16715
|
-
.pf-v6-c-sidebar__panel.pf-m-no-background,
|
|
16716
|
-
.pf-v6-c-sidebar__content.pf-m-no-background {
|
|
16717
|
-
background-color: transparent;
|
|
16718
|
-
}
|
|
16719
|
-
|
|
16720
16904
|
.pf-v6-c-sidebar__panel.pf-m-width-default {
|
|
16721
16905
|
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
|
|
16722
16906
|
}
|
|
@@ -19445,7 +19629,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19445
19629
|
--pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
19446
19630
|
--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
|
|
19447
19631
|
--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor: var(--pf-v6-c-table--BorderColor);
|
|
19448
|
-
--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex:
|
|
19632
|
+
--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: initial;
|
|
19449
19633
|
--pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
|
|
19450
19634
|
--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
19451
19635
|
--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -19465,6 +19649,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19465
19649
|
--pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
|
|
19466
19650
|
--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
|
|
19467
19651
|
--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
|
|
19652
|
+
--pf-v6-c-table--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
|
19653
|
+
--pf-v6-c-table--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
|
19468
19654
|
}
|
|
19469
19655
|
:where(.pf-v6-theme-glass) .pf-v6-c-table {
|
|
19470
19656
|
--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
|
|
@@ -19486,16 +19672,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19486
19672
|
.pf-v6-c-table.pf-m-fixed {
|
|
19487
19673
|
table-layout: fixed;
|
|
19488
19674
|
}
|
|
19489
|
-
.pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::
|
|
19675
|
+
.pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th::after {
|
|
19490
19676
|
opacity: 0;
|
|
19491
19677
|
transition-timing-function: var(--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor);
|
|
19492
19678
|
transition-duration: var(--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor);
|
|
19493
19679
|
transition-property: opacity;
|
|
19494
19680
|
}
|
|
19495
|
-
.pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-stuck {
|
|
19496
|
-
--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
|
|
19497
|
-
}
|
|
19498
|
-
.pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::after {
|
|
19681
|
+
.pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead .pf-v6-c-table__th::after {
|
|
19499
19682
|
opacity: 1;
|
|
19500
19683
|
}
|
|
19501
19684
|
.pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-base {
|
|
@@ -19506,27 +19689,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19506
19689
|
inset-block-start: 0;
|
|
19507
19690
|
z-index: var(--pf-v6-c-table--m-sticky-header--ZIndex);
|
|
19508
19691
|
}
|
|
19509
|
-
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::
|
|
19692
|
+
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after {
|
|
19510
19693
|
position: absolute;
|
|
19511
19694
|
inset: 0;
|
|
19512
19695
|
z-index: -1;
|
|
19513
19696
|
pointer-events: none;
|
|
19514
19697
|
content: "";
|
|
19515
|
-
background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
|
|
19516
19698
|
border-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
|
|
19517
19699
|
box-shadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow);
|
|
19518
19700
|
}
|
|
19519
|
-
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead
|
|
19520
|
-
z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
|
|
19521
|
-
}
|
|
19522
|
-
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after {
|
|
19701
|
+
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead .pf-v6-c-table__th::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th::after {
|
|
19523
19702
|
position: absolute;
|
|
19524
19703
|
inset: 0;
|
|
19525
|
-
z-index:
|
|
19704
|
+
z-index: -1;
|
|
19526
19705
|
pointer-events: none;
|
|
19527
19706
|
content: "";
|
|
19707
|
+
background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
|
|
19528
19708
|
border-block-end: var(--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth) solid var(--pf-v6-c-table--m-sticky-header--BorderBlockEndColor);
|
|
19529
19709
|
}
|
|
19710
|
+
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead .pf-v6-c-table__th:first-child::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th:first-child::after {
|
|
19711
|
+
border-start-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
|
|
19712
|
+
border-end-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
|
|
19713
|
+
}
|
|
19714
|
+
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead .pf-v6-c-table__th:last-child::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th:last-child::after {
|
|
19715
|
+
border-start-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
|
|
19716
|
+
border-end-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
|
|
19717
|
+
}
|
|
19718
|
+
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead > :where(th, td), .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead > :where(th, td) {
|
|
19719
|
+
z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
|
|
19720
|
+
}
|
|
19721
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-table.pf-m-sticky-header .pf-m-nested-column-header, :where(.pf-v6-theme-glass) .pf-v6-c-table.pf-m-sticky-header-base .pf-m-nested-column-header {
|
|
19722
|
+
--pf-v6-c-table--m-sticky-header--BorderRadius: 0;
|
|
19723
|
+
--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
|
|
19724
|
+
}
|
|
19530
19725
|
.pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) {
|
|
19531
19726
|
border-block-end: 0;
|
|
19532
19727
|
}
|
|
@@ -19534,6 +19729,26 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19534
19729
|
.pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) td:where(.pf-v6-c-table__td):not([rowspan]) {
|
|
19535
19730
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
|
|
19536
19731
|
}
|
|
19732
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot {
|
|
19733
|
+
position: sticky;
|
|
19734
|
+
inset-block-end: 0;
|
|
19735
|
+
z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
|
|
19736
|
+
background: var(--pf-v6-c-table--BackgroundColor);
|
|
19737
|
+
}
|
|
19738
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
|
|
19739
|
+
position: absolute;
|
|
19740
|
+
inset: 0;
|
|
19741
|
+
z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
|
|
19742
|
+
pointer-events: none;
|
|
19743
|
+
content: "";
|
|
19744
|
+
border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
|
|
19745
|
+
}
|
|
19746
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
|
|
19747
|
+
border-block-end: 0;
|
|
19748
|
+
}
|
|
19749
|
+
.pf-v6-c-table.pf-m-plain {
|
|
19750
|
+
--pf-v6-c-table--BackgroundColor: transparent;
|
|
19751
|
+
}
|
|
19537
19752
|
.pf-v6-c-table.pf-m-striped:not(.pf-m-expandable) > tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr):nth-child(odd), .pf-v6-c-table.pf-m-striped.pf-m-expandable > tbody:where(.pf-v6-c-table__tbody):nth-of-type(odd) > tr:where(.pf-v6-c-table__tr),
|
|
19538
19753
|
.pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
|
|
19539
19754
|
.pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
|
|
@@ -20217,14 +20432,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20217
20432
|
vertical-align: bottom;
|
|
20218
20433
|
}
|
|
20219
20434
|
.pf-v6-c-table__thead.pf-m-nested-column-header {
|
|
20435
|
+
--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
|
|
20220
20436
|
position: relative;
|
|
20221
20437
|
}
|
|
20222
|
-
.pf-v6-c-table__thead.pf-m-nested-column-header
|
|
20223
|
-
position: absolute;
|
|
20224
|
-
inset: 0;
|
|
20438
|
+
.pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__tr:last-child:not(.pf-m-border-row) {
|
|
20225
20439
|
z-index: var(--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex);
|
|
20226
|
-
pointer-events: none;
|
|
20227
|
-
content: "";
|
|
20228
20440
|
border-block-end: var(--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth) solid var(--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor);
|
|
20229
20441
|
}
|
|
20230
20442
|
.pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
|
|
@@ -20265,7 +20477,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20265
20477
|
border-block-end: 0;
|
|
20266
20478
|
}
|
|
20267
20479
|
.pf-v6-c-table__tr.pf-m-border-row {
|
|
20268
|
-
|
|
20480
|
+
height: var(--pf-v6-c-table--border-width--base);
|
|
20481
|
+
background-color: var(--pf-v6-c-table--BorderColor);
|
|
20482
|
+
}
|
|
20483
|
+
|
|
20484
|
+
.pf-v6-c-table__tfoot {
|
|
20485
|
+
--pf-v6-c-table__tr--BorderBlockEndWidth: 0;
|
|
20486
|
+
vertical-align: top;
|
|
20269
20487
|
}
|
|
20270
20488
|
|
|
20271
20489
|
.pf-v6-c-table__icon-inline {
|
|
@@ -20414,6 +20632,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20414
20632
|
--pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart: 0;
|
|
20415
20633
|
}
|
|
20416
20634
|
|
|
20635
|
+
.pf-v6-c-table.pf-m-tree-view {
|
|
20636
|
+
--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 90deg;
|
|
20637
|
+
}
|
|
20417
20638
|
.pf-v6-c-table.pf-m-tree-view > tbody > tr {
|
|
20418
20639
|
--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
|
|
20419
20640
|
}
|
|
@@ -22543,7 +22764,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
22543
22764
|
|
|
22544
22765
|
.pf-v6-c-title {
|
|
22545
22766
|
font-family: var(--pf-v6-c-title--FontFamily);
|
|
22546
|
-
overflow-wrap:
|
|
22767
|
+
overflow-wrap: anywhere;
|
|
22547
22768
|
}
|
|
22548
22769
|
.pf-v6-c-title.pf-m-4xl {
|
|
22549
22770
|
font-size: var(--pf-v6-c-title--m-4xl--FontSize);
|
|
@@ -24965,7 +25186,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24965
25186
|
font-size: var(--pf-v6-c-tooltip__content--FontSize);
|
|
24966
25187
|
color: var(--pf-v6-c-tooltip__content--Color);
|
|
24967
25188
|
text-align: center;
|
|
24968
|
-
overflow-wrap:
|
|
25189
|
+
overflow-wrap: anywhere;
|
|
24969
25190
|
background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
|
|
24970
25191
|
border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
|
|
24971
25192
|
}
|
|
@@ -25146,7 +25367,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25146
25367
|
--pf-v6-c-tree-view__node-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
25147
25368
|
--pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
|
|
25148
25369
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
25149
|
-
--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate:
|
|
25370
|
+
--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
|
|
25150
25371
|
--pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
25151
25372
|
--pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
25152
25373
|
--pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
@@ -25877,7 +26098,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
25877
26098
|
align-items: baseline;
|
|
25878
26099
|
margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
|
|
25879
26100
|
text-align: start;
|
|
25880
|
-
overflow-wrap:
|
|
26101
|
+
overflow-wrap: anywhere;
|
|
25881
26102
|
}
|
|
25882
26103
|
.pf-v6-c-wizard__toggle-list-item:not(:last-child) {
|
|
25883
26104
|
margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
|
|
@@ -26013,7 +26234,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
26013
26234
|
padding-inline: 0;
|
|
26014
26235
|
color: var(--pf-v6-c-wizard__nav-link--Color);
|
|
26015
26236
|
text-align: start;
|
|
26016
|
-
overflow-wrap:
|
|
26237
|
+
overflow-wrap: anywhere;
|
|
26017
26238
|
text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
|
|
26018
26239
|
counter-increment: wizard-nav-count;
|
|
26019
26240
|
background-color: transparent;
|
|
@@ -26132,7 +26353,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
26132
26353
|
flex-direction: column;
|
|
26133
26354
|
overflow-x: hidden;
|
|
26134
26355
|
overflow-y: auto;
|
|
26135
|
-
overflow-wrap:
|
|
26356
|
+
overflow-wrap: anywhere;
|
|
26136
26357
|
}
|
|
26137
26358
|
|
|
26138
26359
|
.pf-v6-c-wizard__main-body {
|