@patternfly/patternfly 6.6.0-prerelease.9 → 6.6.1
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/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/base/patternfly-fonts.css +4 -4
- package/base/patternfly-fonts.scss +4 -4
- package/base/patternfly-variables.css +6 -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 +1 -1
- 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 +1 -1
- 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/Accordion/accordion.css +3 -3
- package/components/Accordion/accordion.scss +3 -3
- package/components/Alert/alert.css +8 -7
- package/components/Alert/alert.scss +8 -7
- package/components/Banner/banner.css +7 -0
- package/components/Banner/banner.scss +7 -0
- package/components/Breadcrumb/breadcrumb.css +3 -3
- package/components/Breadcrumb/breadcrumb.scss +3 -3
- package/components/Button/button.css +15 -1
- package/components/Button/button.scss +17 -1
- package/components/Card/card.css +4 -4
- package/components/Card/card.scss +4 -4
- package/components/ClipboardCopy/clipboard-copy.css +1 -1
- package/components/ClipboardCopy/clipboard-copy.scss +1 -1
- package/components/DataList/data-list.css +5 -5
- package/components/DataList/data-list.scss +5 -5
- 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/Hint/hint.css +2 -2
- package/components/Hint/hint.scss +2 -2
- package/components/Menu/menu.css +2 -2
- package/components/Menu/menu.scss +3 -3
- package/components/ModalBox/modal-box.css +4 -4
- package/components/ModalBox/modal-box.scss +5 -5
- package/components/Nav/nav.css +2 -2
- package/components/Nav/nav.scss +2 -2
- package/components/NotificationDrawer/notification-drawer.css +3 -3
- package/components/NotificationDrawer/notification-drawer.scss +3 -3
- package/components/Page/page.css +7 -5
- package/components/Page/page.scss +9 -8
- package/components/Pagination/pagination.css +12 -7
- package/components/Pagination/pagination.scss +15 -12
- package/components/Panel/panel.css +1 -1
- package/components/Panel/panel.scss +2 -2
- package/components/Popover/popover.css +1 -1
- package/components/Popover/popover.scss +1 -1
- package/components/Progress/progress.css +2 -2
- package/components/Progress/progress.scss +2 -2
- package/components/Table/table-tree-view.css +3 -0
- package/components/Table/table-tree-view.scss +2 -0
- package/components/Table/table.css +28 -21
- package/components/Table/table.scss +39 -30
- 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 +7 -7
- package/components/TreeView/tree-view.scss +7 -7
- package/components/Wizard/wizard.css +3 -3
- package/components/Wizard/wizard.scss +3 -3
- package/components/_index.css +131 -88
- package/docs/components/DualListSelector/examples/DualListSelector.md +85 -85
- package/docs/components/InputGroup/examples/InputGroup.md +1 -1
- package/docs/components/Pagination/examples/Pagination.md +111 -273
- package/docs/components/Table/examples/Table.md +25 -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 +16 -16
- 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 +2568 -5014
- package/docs/demos/Table/examples/Table.md +160 -160
- package/docs/demos/Toolbar/examples/Toolbar.md +36 -36
- package/package.json +2 -2
- package/patternfly-base-no-globals.css +10 -10
- package/patternfly-base.css +10 -10
- package/patternfly-no-globals.css +141 -98
- package/patternfly.css +141 -98
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -144,28 +144,28 @@
|
|
|
144
144
|
@font-face {
|
|
145
145
|
font-family: "Red Hat Text";
|
|
146
146
|
font-style: normal;
|
|
147
|
-
font-weight: 400
|
|
147
|
+
font-weight: 400 600;
|
|
148
148
|
src: url("./assets/fonts/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
|
|
149
149
|
font-display: fallback;
|
|
150
150
|
}
|
|
151
151
|
@font-face {
|
|
152
152
|
font-family: "Red Hat Text";
|
|
153
153
|
font-style: italic;
|
|
154
|
-
font-weight: 400
|
|
154
|
+
font-weight: 400 600;
|
|
155
155
|
src: url("./assets/fonts/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
|
|
156
156
|
font-display: fallback;
|
|
157
157
|
}
|
|
158
158
|
@font-face {
|
|
159
159
|
font-family: "Red Hat Display";
|
|
160
160
|
font-style: normal;
|
|
161
|
-
font-weight:
|
|
161
|
+
font-weight: 600 800;
|
|
162
162
|
src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2") format("woff2-variations");
|
|
163
163
|
font-display: fallback;
|
|
164
164
|
}
|
|
165
165
|
@font-face {
|
|
166
166
|
font-family: "Red Hat Display";
|
|
167
167
|
font-style: italic;
|
|
168
|
-
font-weight:
|
|
168
|
+
font-weight: 600 800;
|
|
169
169
|
src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
|
|
170
170
|
font-display: fallback;
|
|
171
171
|
}
|
|
@@ -6489,9 +6489,9 @@
|
|
|
6489
6489
|
--pf-t--global--font--size--700: 1.75rem;
|
|
6490
6490
|
--pf-t--global--font--size--800: 2.25rem;
|
|
6491
6491
|
--pf-t--global--font--weight--100: 400;
|
|
6492
|
-
--pf-t--global--font--weight--200:
|
|
6493
|
-
--pf-t--global--font--weight--300:
|
|
6494
|
-
--pf-t--global--font--weight--400:
|
|
6492
|
+
--pf-t--global--font--weight--200: 600;
|
|
6493
|
+
--pf-t--global--font--weight--300: 600;
|
|
6494
|
+
--pf-t--global--font--weight--400: 800;
|
|
6495
6495
|
--pf-t--global--icon--size--100: 0.75rem;
|
|
6496
6496
|
--pf-t--global--icon--size--200: 0.875rem;
|
|
6497
6497
|
--pf-t--global--icon--size--250: 1rem;
|
|
@@ -7389,9 +7389,9 @@
|
|
|
7389
7389
|
--pf-t--global--font--size--700: 1.75rem;
|
|
7390
7390
|
--pf-t--global--font--size--800: 2.25rem;
|
|
7391
7391
|
--pf-t--global--font--weight--100: 400;
|
|
7392
|
-
--pf-t--global--font--weight--200:
|
|
7393
|
-
--pf-t--global--font--weight--300:
|
|
7394
|
-
--pf-t--global--font--weight--400:
|
|
7392
|
+
--pf-t--global--font--weight--200: 600;
|
|
7393
|
+
--pf-t--global--font--weight--300: 600;
|
|
7394
|
+
--pf-t--global--font--weight--400: 800;
|
|
7395
7395
|
--pf-t--global--icon--size--100: 0.75rem;
|
|
7396
7396
|
--pf-t--global--icon--size--200: 0.875rem;
|
|
7397
7397
|
--pf-t--global--icon--size--250: 1rem;
|
|
@@ -9420,7 +9420,7 @@
|
|
|
9420
9420
|
overflow-x: hidden;
|
|
9421
9421
|
overflow-y: auto;
|
|
9422
9422
|
overscroll-behavior: contain;
|
|
9423
|
-
overflow-wrap:
|
|
9423
|
+
overflow-wrap: anywhere;
|
|
9424
9424
|
-webkit-overflow-scrolling: touch;
|
|
9425
9425
|
}
|
|
9426
9426
|
@media screen and (min-width: 36rem) {
|
|
@@ -9462,10 +9462,10 @@
|
|
|
9462
9462
|
--pf-v6-c-accordion__item--BorderRadius: var(--pf-t--global--border--radius--200);
|
|
9463
9463
|
--pf-v6-c-accordion__item--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
9464
9464
|
--pf-v6-c-accordion__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
9465
|
-
--pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
9465
|
+
--pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
9466
9466
|
--pf-v6-c-accordion__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
9467
|
-
--pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
9468
|
-
--pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
9467
|
+
--pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
9468
|
+
--pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
9469
9469
|
--pf-v6-c-accordion__toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
9470
9470
|
--pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
9471
9471
|
--pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
@@ -9777,9 +9777,9 @@
|
|
|
9777
9777
|
--pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
9778
9778
|
--pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
9779
9779
|
--pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
|
|
9780
|
-
--pf-v6-c-alert__toggle--MarginBlockStart: calc(
|
|
9781
|
-
--pf-v6-c-alert__toggle--MarginBlockEnd: calc(
|
|
9782
|
-
--pf-v6-c-alert__toggle--MarginInlineStart: calc(
|
|
9780
|
+
--pf-v6-c-alert__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
9781
|
+
--pf-v6-c-alert__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
9782
|
+
--pf-v6-c-alert__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
9783
9783
|
--pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
9784
9784
|
--pf-v6-c-alert__toggle-icon--Rotate: 0;
|
|
9785
9785
|
--pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
@@ -9791,8 +9791,8 @@
|
|
|
9791
9791
|
--pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
9792
9792
|
--pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
|
|
9793
9793
|
--pf-v6-c-alert__title--max-lines: 1;
|
|
9794
|
-
--pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--
|
|
9795
|
-
--pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--
|
|
9794
|
+
--pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
9795
|
+
--pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
9796
9796
|
--pf-v6-c-alert__action--TranslateY: 0.125rem;
|
|
9797
9797
|
--pf-v6-c-alert__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
9798
9798
|
--pf-v6-c-alert__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
@@ -9915,6 +9915,7 @@
|
|
|
9915
9915
|
|
|
9916
9916
|
.pf-v6-c-alert__icon {
|
|
9917
9917
|
grid-area: icon;
|
|
9918
|
+
align-self: baseline;
|
|
9918
9919
|
margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
|
|
9919
9920
|
font-size: var(--pf-v6-c-alert__icon--FontSize);
|
|
9920
9921
|
color: var(--pf-v6-c-alert__icon--Color);
|
|
@@ -9925,7 +9926,7 @@
|
|
|
9925
9926
|
grid-area: title;
|
|
9926
9927
|
font-weight: var(--pf-v6-c-alert__title--FontWeight);
|
|
9927
9928
|
color: var(--pf-v6-c-alert__title--Color);
|
|
9928
|
-
overflow-wrap:
|
|
9929
|
+
overflow-wrap: anywhere;
|
|
9929
9930
|
}
|
|
9930
9931
|
.pf-v6-c-alert__title.pf-m-truncate {
|
|
9931
9932
|
display: -webkit-box;
|
|
@@ -9937,7 +9938,7 @@
|
|
|
9937
9938
|
.pf-v6-c-alert__description {
|
|
9938
9939
|
grid-area: description;
|
|
9939
9940
|
padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
|
|
9940
|
-
overflow-wrap:
|
|
9941
|
+
overflow-wrap: anywhere;
|
|
9941
9942
|
}
|
|
9942
9943
|
.pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
|
|
9943
9944
|
--pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
|
|
@@ -10712,7 +10713,9 @@ div.pf-v6-c-avatar {
|
|
|
10712
10713
|
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
|
|
10713
10714
|
--pf-v6-c-banner--link--TextDecoration: underline;
|
|
10714
10715
|
--pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
|
|
10716
|
+
--pf-v6-c-banner--link--clicked--Color: var(--pf-v6-c-banner--Color);
|
|
10715
10717
|
--pf-v6-c-banner--link--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
10718
|
+
--pf-v6-c-banner--link--TextDecorationColor: currentcolor;
|
|
10716
10719
|
--pf-v6-c-banner--m-sticky--ZIndex: var(--pf-t--global--z-index--md);
|
|
10717
10720
|
--pf-v6-c-banner--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
10718
10721
|
--pf-v6-c-banner--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
|
|
@@ -10821,6 +10824,7 @@ div.pf-v6-c-avatar {
|
|
|
10821
10824
|
.pf-v6-c-banner a {
|
|
10822
10825
|
color: var(--pf-v6-c-banner--link--Color);
|
|
10823
10826
|
text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
|
|
10827
|
+
text-decoration-color: var(--pf-v6-c-banner--a--TextDecorationColor);
|
|
10824
10828
|
}
|
|
10825
10829
|
.pf-v6-c-banner a:hover:not(.pf-m-disabled) {
|
|
10826
10830
|
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--hover--Color);
|
|
@@ -10832,7 +10836,11 @@ div.pf-v6-c-avatar {
|
|
|
10832
10836
|
.pf-v6-c-banner .pf-v6-c-button.pf-m-inline {
|
|
10833
10837
|
--pf-v6-c-button--m-link--m-inline--Color: var(--pf-v6-c-banner--link--Color);
|
|
10834
10838
|
--pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
|
|
10839
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-v6-c-banner--link--clicked--Color);
|
|
10835
10840
|
--pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
|
|
10841
|
+
--pf-v6-c-button--m-link--m-inline--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
|
|
10842
|
+
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
|
|
10843
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
|
|
10836
10844
|
text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
|
|
10837
10845
|
}
|
|
10838
10846
|
.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 {
|
|
@@ -10927,9 +10935,9 @@ div.pf-v6-c-avatar {
|
|
|
10927
10935
|
--pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
10928
10936
|
--pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
|
|
10929
10937
|
--pf-v6-c-breadcrumb__heading--FontSize: var(--pf-v6-c-breadcrumb__item--FontSize);
|
|
10930
|
-
--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--
|
|
10938
|
+
--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
10931
10939
|
--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
|
|
10932
|
-
--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--
|
|
10940
|
+
--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
10933
10941
|
--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
|
|
10934
10942
|
}
|
|
10935
10943
|
|
|
@@ -10977,7 +10985,7 @@ div.pf-v6-c-avatar {
|
|
|
10977
10985
|
font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
|
|
10978
10986
|
line-height: inherit;
|
|
10979
10987
|
color: var(--pf-v6-c-breadcrumb__link--Color);
|
|
10980
|
-
overflow-wrap:
|
|
10988
|
+
overflow-wrap: anywhere;
|
|
10981
10989
|
text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
|
|
10982
10990
|
text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
|
|
10983
10991
|
text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
|
|
@@ -11149,6 +11157,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
11149
11157
|
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
11150
11158
|
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
11151
11159
|
--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
|
|
11160
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
|
|
11161
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
11162
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
11163
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
|
|
11152
11164
|
--pf-v6-c-button--m-link--m-inline--TransitionProperty: color, text-underline-offset;
|
|
11153
11165
|
--pf-v6-c-button--m-link--m-inline--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), var(--pf-t--global--motion--duration--lg);
|
|
11154
11166
|
--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);
|
|
@@ -11163,6 +11175,8 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
11163
11175
|
--pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
|
|
11164
11176
|
--pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
11165
11177
|
--pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
|
|
11178
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
|
|
11179
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
|
|
11166
11180
|
--pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
|
|
11167
11181
|
--pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
11168
11182
|
--pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
@@ -11535,9 +11549,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11535
11549
|
--pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
|
|
11536
11550
|
--pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
|
|
11537
11551
|
--pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
|
|
11538
|
-
--pf-v6-c-button--
|
|
11552
|
+
--pf-v6-c-button--m-clicked--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine);
|
|
11553
|
+
--pf-v6-c-button--m-clicked--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle);
|
|
11554
|
+
--pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor);
|
|
11555
|
+
--pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
|
|
11539
11556
|
--pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
|
|
11540
11557
|
--pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
|
|
11558
|
+
--pf-v6-c-button--m-link--m-clicked--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked--Color);
|
|
11559
|
+
--pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color);
|
|
11541
11560
|
--pf-v6-c-button--BorderWidth: 0;
|
|
11542
11561
|
--pf-v6-c-button--hover--BorderWidth: 0;
|
|
11543
11562
|
--pf-v6-c-button--m-clicked--BorderWidth: 0;
|
|
@@ -11550,6 +11569,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11550
11569
|
.pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
|
|
11551
11570
|
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
|
|
11552
11571
|
}
|
|
11572
|
+
.pf-v6-c-button.pf-m-link.pf-m-inline:active, .pf-v6-c-button.pf-m-link.pf-m-inline.pf-m-clicked {
|
|
11573
|
+
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
|
|
11574
|
+
}
|
|
11553
11575
|
.pf-v6-c-button.pf-m-link.pf-m-danger {
|
|
11554
11576
|
--pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
|
|
11555
11577
|
--pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
|
|
@@ -12254,13 +12276,13 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
12254
12276
|
--pf-v6-c-card__footer--Color: var(--pf-t--global--text--color--subtle);
|
|
12255
12277
|
--pf-v6-c-card__actions--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
12256
12278
|
--pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
12257
|
-
--pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--
|
|
12258
|
-
--pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--
|
|
12279
|
+
--pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
12280
|
+
--pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
12259
12281
|
--pf-v6-c-card__header--m-wrap--RowGap: var(--pf-t--global--spacer--sm);
|
|
12260
12282
|
--pf-v6-c-card__header--m-wrap--ColumnGap: var(--pf-t--global--spacer--md);
|
|
12261
|
-
--pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--
|
|
12283
|
+
--pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
12262
12284
|
--pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
12263
|
-
--pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--
|
|
12285
|
+
--pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
12264
12286
|
--pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
12265
12287
|
--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
12266
12288
|
--pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
@@ -12798,7 +12820,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12798
12820
|
}
|
|
12799
12821
|
|
|
12800
12822
|
.pf-v6-c-clipboard-copy__text {
|
|
12801
|
-
overflow-wrap:
|
|
12823
|
+
overflow-wrap: anywhere;
|
|
12802
12824
|
white-space: normal;
|
|
12803
12825
|
}
|
|
12804
12826
|
.pf-v6-c-clipboard-copy__text.pf-m-code {
|
|
@@ -14227,7 +14249,7 @@ ul) {
|
|
|
14227
14249
|
--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
|
|
14228
14250
|
--pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
14229
14251
|
--pf-v6-c-data-list__item--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
14230
|
-
--pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(
|
|
14252
|
+
--pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
14231
14253
|
--pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
14232
14254
|
--pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
|
|
14233
14255
|
--pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
@@ -14260,8 +14282,8 @@ ul) {
|
|
|
14260
14282
|
--pf-v6-c-data-list--cell--WordBreak: normal;
|
|
14261
14283
|
--pf-v6-c-data-list--cell--m-truncate--MinWidth: 5ch;
|
|
14262
14284
|
--pf-v6-c-data-list__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
14263
|
-
--pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--
|
|
14264
|
-
--pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--
|
|
14285
|
+
--pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
14286
|
+
--pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
14265
14287
|
--pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
|
|
14266
14288
|
--pf-v6-c-data-list__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
14267
14289
|
--pf-v6-c-data-list__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
@@ -14292,8 +14314,8 @@ ul) {
|
|
|
14292
14314
|
--pf-v6-c-data-list__item-action--Display: flex;
|
|
14293
14315
|
--pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
14294
14316
|
--pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
14295
|
-
--pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--
|
|
14296
|
-
--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--
|
|
14317
|
+
--pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--plain);
|
|
14318
|
+
--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--plain);
|
|
14297
14319
|
--pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
|
|
14298
14320
|
--pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
|
14299
14321
|
--pf-v6-c-data-list__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
@@ -14969,6 +14991,7 @@ ul) {
|
|
|
14969
14991
|
--pf-v6-c-draggable--m-dragging--Cursor: grabbing;
|
|
14970
14992
|
--pf-v6-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
14971
14993
|
--pf-v6-c-draggable--m-dragging--BackgroundColor: transparent;
|
|
14994
|
+
--pf-v6-c-draggable--m-dragging--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
14972
14995
|
--pf-v6-c-draggable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
14973
14996
|
--pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
|
|
14974
14997
|
--pf-v6-c-draggable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
@@ -14983,6 +15006,7 @@ ul) {
|
|
|
14983
15006
|
--pf-v6-c-draggable--Cursor: var(--pf-v6-c-draggable--m-dragging--Cursor);
|
|
14984
15007
|
position: relative;
|
|
14985
15008
|
background-color: var(--pf-v6-c-draggable--m-dragging--BackgroundColor);
|
|
15009
|
+
border-radius: var(--pf-v6-c-draggable--m-dragging--BorderRadius);
|
|
14986
15010
|
box-shadow: var(--pf-v6-c-draggable--m-dragging--BoxShadow);
|
|
14987
15011
|
}
|
|
14988
15012
|
.pf-v6-c-draggable.pf-m-dragging::after {
|
|
@@ -15002,6 +15026,7 @@ ul) {
|
|
|
15002
15026
|
|
|
15003
15027
|
.pf-v6-c-droppable {
|
|
15004
15028
|
--pf-v6-c-droppable--before--BackgroundColor: transparent;
|
|
15029
|
+
--pf-v6-c-droppable--before--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
15005
15030
|
--pf-v6-c-droppable--before--Opacity: 0;
|
|
15006
15031
|
--pf-v6-c-droppable--after--BorderWidth: 0;
|
|
15007
15032
|
--pf-v6-c-droppable--after--BorderColor: transparent;
|
|
@@ -15024,6 +15049,7 @@ ul) {
|
|
|
15024
15049
|
}
|
|
15025
15050
|
.pf-v6-c-droppable::before {
|
|
15026
15051
|
background-color: var(--pf-v6-c-droppable--before--BackgroundColor);
|
|
15052
|
+
border-radius: var(--pf-v6-c-droppable--before--BorderRadius);
|
|
15027
15053
|
opacity: var(--pf-v6-c-droppable--before--Opacity);
|
|
15028
15054
|
}
|
|
15029
15055
|
.pf-v6-c-droppable::after {
|
|
@@ -15119,7 +15145,7 @@ ul) {
|
|
|
15119
15145
|
--pf-v6-c-dual-list-selector__item-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
15120
15146
|
--pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
15121
15147
|
--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
|
|
15122
|
-
--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate:
|
|
15148
|
+
--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
|
|
15123
15149
|
--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
15124
15150
|
--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
15125
15151
|
--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
|
|
@@ -18259,8 +18285,8 @@ ul) {
|
|
|
18259
18285
|
--pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
18260
18286
|
--pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
18261
18287
|
--pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
|
|
18262
|
-
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--
|
|
18263
|
-
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--
|
|
18288
|
+
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
18289
|
+
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
18264
18290
|
}
|
|
18265
18291
|
|
|
18266
18292
|
.pf-v6-c-hint {
|
|
@@ -20922,7 +20948,7 @@ ul.pf-v6-c-list {
|
|
|
20922
20948
|
--pf-v6-c-menu__item-toggle-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
|
|
20923
20949
|
--pf-v6-c-menu__item-external--Color: transparent;
|
|
20924
20950
|
--pf-v6-c-menu__item-select-icon--Color: transparent;
|
|
20925
|
-
--pf-v6-c-menu__item-description--Color: var(--pf-v6-c-
|
|
20951
|
+
--pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu__item--m-disabled--Color);
|
|
20926
20952
|
--pf-v6-c-menu__list-item--BackgroundColor: transparent;
|
|
20927
20953
|
--pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
|
|
20928
20954
|
--pf-v6-c-menu__list-item--hover--BorderColor: transparent;
|
|
@@ -21289,7 +21315,7 @@ ul.pf-v6-c-list {
|
|
|
21289
21315
|
.pf-v6-c-menu__item-description {
|
|
21290
21316
|
font-size: var(--pf-v6-c-menu__item-description--FontSize);
|
|
21291
21317
|
color: var(--pf-v6-c-menu__item-description--Color);
|
|
21292
|
-
overflow-wrap:
|
|
21318
|
+
overflow-wrap: anywhere;
|
|
21293
21319
|
}
|
|
21294
21320
|
|
|
21295
21321
|
.pf-v6-c-menu__item-check .pf-v6-c-check {
|
|
@@ -21937,7 +21963,7 @@ ul.pf-v6-c-list {
|
|
|
21937
21963
|
--pf-v6-c-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
21938
21964
|
--pf-v6-c-modal-box__header--Gap: var(--pf-t--global--spacer--md);
|
|
21939
21965
|
--pf-v6-c-modal-box__header-main--Gap: var(--pf-t--global--spacer--md);
|
|
21940
|
-
--pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--
|
|
21966
|
+
--pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
21941
21967
|
--pf-v6-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
21942
21968
|
--pf-v6-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
21943
21969
|
--pf-v6-c-modal-box__title--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
@@ -21959,8 +21985,8 @@ ul.pf-v6-c-list {
|
|
|
21959
21985
|
--pf-v6-c-modal-box__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
21960
21986
|
--pf-v6-c-modal-box__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
21961
21987
|
--pf-v6-c-modal-box__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
21962
|
-
--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--
|
|
21963
|
-
--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd:
|
|
21988
|
+
--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
21989
|
+
--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
21964
21990
|
}
|
|
21965
21991
|
|
|
21966
21992
|
.pf-v6-c-modal-box {
|
|
@@ -22086,7 +22112,7 @@ ul.pf-v6-c-list {
|
|
|
22086
22112
|
overflow-x: hidden;
|
|
22087
22113
|
overflow-y: auto;
|
|
22088
22114
|
overscroll-behavior: contain;
|
|
22089
|
-
overflow-wrap:
|
|
22115
|
+
overflow-wrap: anywhere;
|
|
22090
22116
|
-webkit-overflow-scrolling: touch;
|
|
22091
22117
|
}
|
|
22092
22118
|
.pf-v6-c-modal-box__body:last-child {
|
|
@@ -22322,8 +22348,8 @@ ul.pf-v6-c-list {
|
|
|
22322
22348
|
}
|
|
22323
22349
|
|
|
22324
22350
|
.pf-v6-c-nav {
|
|
22325
|
-
--pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
22326
|
-
--pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
22351
|
+
--pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
22352
|
+
--pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
22327
22353
|
--pf-v6-c-nav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
22328
22354
|
--pf-v6-c-nav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
22329
22355
|
--pf-v6-c-nav__list--RowGap: var(--pf-t--global--spacer--sm);
|
|
@@ -22960,7 +22986,7 @@ ul.pf-v6-c-list {
|
|
|
22960
22986
|
|
|
22961
22987
|
.pf-v6-c-notification-drawer__list-item-header-title {
|
|
22962
22988
|
font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
|
|
22963
|
-
overflow-wrap:
|
|
22989
|
+
overflow-wrap: anywhere;
|
|
22964
22990
|
}
|
|
22965
22991
|
.pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
|
|
22966
22992
|
display: -webkit-box;
|
|
@@ -22982,7 +23008,7 @@ ul.pf-v6-c-list {
|
|
|
22982
23008
|
grid-row: 2/3;
|
|
22983
23009
|
grid-column: 1/2;
|
|
22984
23010
|
margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
|
|
22985
|
-
overflow-wrap:
|
|
23011
|
+
overflow-wrap: anywhere;
|
|
22986
23012
|
}
|
|
22987
23013
|
|
|
22988
23014
|
.pf-v6-c-notification-drawer__list-item-timestamp {
|
|
@@ -23027,7 +23053,7 @@ ul.pf-v6-c-list {
|
|
|
23027
23053
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
|
|
23028
23054
|
font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
|
|
23029
23055
|
text-align: start;
|
|
23030
|
-
overflow-wrap:
|
|
23056
|
+
overflow-wrap: anywhere;
|
|
23031
23057
|
}
|
|
23032
23058
|
|
|
23033
23059
|
.pf-v6-c-notification-drawer__group-toggle-count {
|
|
@@ -23117,11 +23143,12 @@ ul.pf-v6-c-list {
|
|
|
23117
23143
|
--pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-t--global--box-shadow--sm--right);
|
|
23118
23144
|
--pf-v6-c-page__dock-main--desktop--BoxShadow: var(--pf-t--global--box-shadow--glass--default, none);
|
|
23119
23145
|
--pf-v6-c-page__dock-main--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary, revert);
|
|
23120
|
-
--pf-v6-c-page__dock-main--BorderInlineEndWidth:
|
|
23146
|
+
--pf-v6-c-page__dock-main--BorderInlineEndWidth: 0;
|
|
23121
23147
|
--pf-v6-c-page__dock-main--BorderInlineEndColor: transparent;
|
|
23122
|
-
--pf-v6-c-page__dock-main--desktop--
|
|
23148
|
+
--pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
|
|
23149
|
+
--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
|
|
23123
23150
|
--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));
|
|
23124
|
-
--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor:
|
|
23151
|
+
--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: transparent;
|
|
23125
23152
|
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
|
|
23126
23153
|
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23127
23154
|
--pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
@@ -23517,8 +23544,6 @@ ul.pf-v6-c-list {
|
|
|
23517
23544
|
}
|
|
23518
23545
|
@media (min-width: 62rem) {
|
|
23519
23546
|
.pf-v6-c-page__dock {
|
|
23520
|
-
--pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
|
|
23521
|
-
--pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
|
|
23522
23547
|
position: revert;
|
|
23523
23548
|
inset: revert;
|
|
23524
23549
|
visibility: revert;
|
|
@@ -23546,6 +23571,9 @@ ul.pf-v6-c-list {
|
|
|
23546
23571
|
}
|
|
23547
23572
|
@media (min-width: 62rem) {
|
|
23548
23573
|
.pf-v6-c-page__dock-main {
|
|
23574
|
+
--pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth);
|
|
23575
|
+
--pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
|
|
23576
|
+
--pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
|
|
23549
23577
|
--pf-v6-c-page__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
|
|
23550
23578
|
--pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
|
|
23551
23579
|
--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth);
|
|
@@ -24279,7 +24307,8 @@ ul.pf-v6-c-list {
|
|
|
24279
24307
|
--pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
|
|
24280
24308
|
--pf-v6-c-pagination--m-sticky-stuck--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
|
|
24281
24309
|
--pf-v6-c-pagination--m-sticky--BorderRadius--glass: var(--pf-t--global--border--radius--medium);
|
|
24282
|
-
--pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--
|
|
24310
|
+
--pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
|
|
24311
|
+
--pf-v6-c-pagination--m-bottom--BorderRadius: 0;
|
|
24283
24312
|
--pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
24284
24313
|
--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
24285
24314
|
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
|
|
@@ -24293,6 +24322,8 @@ ul.pf-v6-c-list {
|
|
|
24293
24322
|
--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
|
|
24294
24323
|
--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
24295
24324
|
--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
24325
|
+
--pf-v6-c-pagination--m-bottom--m-static--BorderRadius: 0;
|
|
24326
|
+
--pf-v6-c-pagination--m-bottom--m-static--BackgroundColor: transparent;
|
|
24296
24327
|
--pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd: 0;
|
|
24297
24328
|
}
|
|
24298
24329
|
:where(:root.pf-v6-theme-glass) .pf-v6-c-pagination {
|
|
@@ -24300,6 +24331,9 @@ ul.pf-v6-c-list {
|
|
|
24300
24331
|
--pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--sm);
|
|
24301
24332
|
--pf-v6-c-pagination--m-sticky--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
|
|
24302
24333
|
--pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
|
|
24334
|
+
--pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm);
|
|
24335
|
+
--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
|
|
24336
|
+
--pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
|
|
24303
24337
|
}
|
|
24304
24338
|
.pf-v6-c-pagination {
|
|
24305
24339
|
--pf-v6-c-pagination__page-menu--Display--base: block;
|
|
@@ -24311,6 +24345,7 @@ ul.pf-v6-c-list {
|
|
|
24311
24345
|
}
|
|
24312
24346
|
@media screen and (min-width: 48rem) {
|
|
24313
24347
|
.pf-v6-c-pagination {
|
|
24348
|
+
--pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
|
|
24314
24349
|
--pf-v6-c-pagination--m-bottom--BoxShadow: none;
|
|
24315
24350
|
--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
|
|
24316
24351
|
--pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
|
|
@@ -24336,9 +24371,6 @@ ul.pf-v6-c-list {
|
|
|
24336
24371
|
border-block-start-width: var(--pf-v6-c-pagination--BorderBlockStartWidth);
|
|
24337
24372
|
border-block-end-width: var(--pf-v6-c-pagination--BorderBlockEndWidth);
|
|
24338
24373
|
}
|
|
24339
|
-
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-pagination.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination:not(.pf-m-no-plain-on-glass) {
|
|
24340
|
-
--pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
|
|
24341
|
-
}
|
|
24342
24374
|
.pf-v6-c-pagination .pf-v6-c-pagination__page-menu {
|
|
24343
24375
|
display: var(--pf-v6-c-pagination__page-menu--Display);
|
|
24344
24376
|
}
|
|
@@ -24354,11 +24386,9 @@ ul.pf-v6-c-list {
|
|
|
24354
24386
|
padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
|
|
24355
24387
|
padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
|
|
24356
24388
|
background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
|
|
24389
|
+
border-radius: var(--pf-v6-c-pagination--m-bottom--BorderRadius);
|
|
24357
24390
|
box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
|
|
24358
24391
|
}
|
|
24359
|
-
:where(:root.pf-v6-theme-glass) .pf-v6-c-pagination.pf-m-bottom.pf-m-sticky-base:not(.pf-m-sticky-stuck) {
|
|
24360
|
-
--pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
|
|
24361
|
-
}
|
|
24362
24392
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
|
|
24363
24393
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
|
|
24364
24394
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
|
|
@@ -24377,6 +24407,7 @@ ul.pf-v6-c-list {
|
|
|
24377
24407
|
.pf-v6-c-pagination.pf-m-bottom {
|
|
24378
24408
|
--pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
|
|
24379
24409
|
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
|
|
24410
|
+
--pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
|
|
24380
24411
|
position: relative;
|
|
24381
24412
|
justify-content: flex-end;
|
|
24382
24413
|
padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
|
|
@@ -24401,12 +24432,14 @@ ul.pf-v6-c-list {
|
|
|
24401
24432
|
}
|
|
24402
24433
|
}
|
|
24403
24434
|
.pf-v6-c-pagination.pf-m-static {
|
|
24435
|
+
--pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-v6-c-pagination--m-bottom--m-static--BackgroundColor);
|
|
24404
24436
|
position: relative;
|
|
24405
24437
|
padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
|
|
24406
24438
|
padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
|
|
24407
24439
|
padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
|
|
24408
24440
|
padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
|
|
24409
24441
|
border: 0;
|
|
24442
|
+
border-radius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
|
|
24410
24443
|
box-shadow: none;
|
|
24411
24444
|
}
|
|
24412
24445
|
.pf-v6-c-pagination.pf-m-sticky {
|
|
@@ -24679,7 +24712,7 @@ ul.pf-v6-c-list {
|
|
|
24679
24712
|
--pf-v6-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
24680
24713
|
--pf-v6-c-panel--BoxShadow: none;
|
|
24681
24714
|
--pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
24682
|
-
--pf-v6-c-panel--before--BorderWidth:
|
|
24715
|
+
--pf-v6-c-panel--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
24683
24716
|
--pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
24684
24717
|
--pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
24685
24718
|
--pf-v6-c-panel--m-secondary--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
@@ -24859,7 +24892,7 @@ ul.pf-v6-c-list {
|
|
|
24859
24892
|
--pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
|
|
24860
24893
|
--pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
|
|
24861
24894
|
--pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
|
|
24862
|
-
--pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--
|
|
24895
|
+
--pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--plain));
|
|
24863
24896
|
--pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
|
|
24864
24897
|
--pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
24865
24898
|
--pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -25160,7 +25193,7 @@ ul.pf-v6-c-list {
|
|
|
25160
25193
|
|
|
25161
25194
|
.pf-v6-c-progress__description {
|
|
25162
25195
|
grid-column: 1/2;
|
|
25163
|
-
overflow-wrap:
|
|
25196
|
+
overflow-wrap: anywhere;
|
|
25164
25197
|
}
|
|
25165
25198
|
.pf-v6-c-progress__description.pf-m-truncate {
|
|
25166
25199
|
overflow: hidden;
|
|
@@ -25176,7 +25209,7 @@ ul.pf-v6-c-list {
|
|
|
25176
25209
|
align-items: flex-start;
|
|
25177
25210
|
justify-content: flex-end;
|
|
25178
25211
|
text-align: end;
|
|
25179
|
-
overflow-wrap:
|
|
25212
|
+
overflow-wrap: anywhere;
|
|
25180
25213
|
}
|
|
25181
25214
|
|
|
25182
25215
|
.pf-v6-c-progress__status-icon {
|
|
@@ -28756,8 +28789,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28756
28789
|
--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
28757
28790
|
--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
28758
28791
|
--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: -180deg;
|
|
28759
|
-
--pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
28760
|
-
--pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
28792
|
+
--pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
28793
|
+
--pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
28761
28794
|
--pf-v6-c-table__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
28762
28795
|
--pf-v6-c-table__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
28763
28796
|
--pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
|
|
@@ -28857,7 +28890,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28857
28890
|
--pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
28858
28891
|
--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
|
|
28859
28892
|
--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor: var(--pf-v6-c-table--BorderColor);
|
|
28860
|
-
--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex:
|
|
28893
|
+
--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: initial;
|
|
28861
28894
|
--pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
|
|
28862
28895
|
--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
28863
28896
|
--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -28900,16 +28933,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28900
28933
|
.pf-v6-c-table.pf-m-fixed {
|
|
28901
28934
|
table-layout: fixed;
|
|
28902
28935
|
}
|
|
28903
|
-
.pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::
|
|
28936
|
+
.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 {
|
|
28904
28937
|
opacity: 0;
|
|
28905
28938
|
transition-timing-function: var(--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor);
|
|
28906
28939
|
transition-duration: var(--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor);
|
|
28907
28940
|
transition-property: opacity;
|
|
28908
28941
|
}
|
|
28909
|
-
.pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-stuck {
|
|
28910
|
-
--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
|
|
28911
|
-
}
|
|
28912
|
-
.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 {
|
|
28942
|
+
.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 {
|
|
28913
28943
|
opacity: 1;
|
|
28914
28944
|
}
|
|
28915
28945
|
.pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-base {
|
|
@@ -28920,27 +28950,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28920
28950
|
inset-block-start: 0;
|
|
28921
28951
|
z-index: var(--pf-v6-c-table--m-sticky-header--ZIndex);
|
|
28922
28952
|
}
|
|
28923
|
-
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::
|
|
28953
|
+
.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 {
|
|
28924
28954
|
position: absolute;
|
|
28925
28955
|
inset: 0;
|
|
28926
28956
|
z-index: -1;
|
|
28927
28957
|
pointer-events: none;
|
|
28928
28958
|
content: "";
|
|
28929
|
-
background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
|
|
28930
28959
|
border-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
|
|
28931
28960
|
box-shadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow);
|
|
28932
28961
|
}
|
|
28933
|
-
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead
|
|
28934
|
-
z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
|
|
28935
|
-
}
|
|
28936
|
-
.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 {
|
|
28962
|
+
.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 {
|
|
28937
28963
|
position: absolute;
|
|
28938
28964
|
inset: 0;
|
|
28939
|
-
z-index:
|
|
28965
|
+
z-index: -1;
|
|
28940
28966
|
pointer-events: none;
|
|
28941
28967
|
content: "";
|
|
28968
|
+
background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
|
|
28942
28969
|
border-block-end: var(--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth) solid var(--pf-v6-c-table--m-sticky-header--BorderBlockEndColor);
|
|
28943
28970
|
}
|
|
28971
|
+
.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 {
|
|
28972
|
+
border-start-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
|
|
28973
|
+
border-end-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
|
|
28974
|
+
}
|
|
28975
|
+
.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 {
|
|
28976
|
+
border-start-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
|
|
28977
|
+
border-end-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
|
|
28978
|
+
}
|
|
28979
|
+
.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) {
|
|
28980
|
+
z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
|
|
28981
|
+
}
|
|
28982
|
+
: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 {
|
|
28983
|
+
--pf-v6-c-table--m-sticky-header--BorderRadius: 0;
|
|
28984
|
+
--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
|
|
28985
|
+
}
|
|
28944
28986
|
.pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) {
|
|
28945
28987
|
border-block-end: 0;
|
|
28946
28988
|
}
|
|
@@ -29651,14 +29693,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29651
29693
|
vertical-align: bottom;
|
|
29652
29694
|
}
|
|
29653
29695
|
.pf-v6-c-table__thead.pf-m-nested-column-header {
|
|
29696
|
+
--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
|
|
29654
29697
|
position: relative;
|
|
29655
29698
|
}
|
|
29656
|
-
.pf-v6-c-table__thead.pf-m-nested-column-header
|
|
29657
|
-
position: absolute;
|
|
29658
|
-
inset: 0;
|
|
29699
|
+
.pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__tr:last-child:not(.pf-m-border-row) {
|
|
29659
29700
|
z-index: var(--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex);
|
|
29660
|
-
pointer-events: none;
|
|
29661
|
-
content: "";
|
|
29662
29701
|
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);
|
|
29663
29702
|
}
|
|
29664
29703
|
.pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
|
|
@@ -29699,7 +29738,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29699
29738
|
border-block-end: 0;
|
|
29700
29739
|
}
|
|
29701
29740
|
.pf-v6-c-table__tr.pf-m-border-row {
|
|
29702
|
-
|
|
29741
|
+
height: var(--pf-v6-c-table--border-width--base);
|
|
29742
|
+
background-color: var(--pf-v6-c-table--BorderColor);
|
|
29703
29743
|
}
|
|
29704
29744
|
|
|
29705
29745
|
.pf-v6-c-table__tfoot {
|
|
@@ -29853,6 +29893,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29853
29893
|
--pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart: 0;
|
|
29854
29894
|
}
|
|
29855
29895
|
|
|
29896
|
+
.pf-v6-c-table.pf-m-tree-view {
|
|
29897
|
+
--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 90deg;
|
|
29898
|
+
}
|
|
29856
29899
|
.pf-v6-c-table.pf-m-tree-view > tbody > tr {
|
|
29857
29900
|
--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
|
|
29858
29901
|
}
|
|
@@ -31982,7 +32025,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31982
32025
|
|
|
31983
32026
|
.pf-v6-c-title {
|
|
31984
32027
|
font-family: var(--pf-v6-c-title--FontFamily);
|
|
31985
|
-
overflow-wrap:
|
|
32028
|
+
overflow-wrap: anywhere;
|
|
31986
32029
|
}
|
|
31987
32030
|
.pf-v6-c-title.pf-m-4xl {
|
|
31988
32031
|
font-size: var(--pf-v6-c-title--m-4xl--FontSize);
|
|
@@ -34404,7 +34447,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34404
34447
|
font-size: var(--pf-v6-c-tooltip__content--FontSize);
|
|
34405
34448
|
color: var(--pf-v6-c-tooltip__content--Color);
|
|
34406
34449
|
text-align: center;
|
|
34407
|
-
overflow-wrap:
|
|
34450
|
+
overflow-wrap: anywhere;
|
|
34408
34451
|
background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
|
|
34409
34452
|
border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
|
|
34410
34453
|
}
|
|
@@ -34518,12 +34561,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34518
34561
|
}
|
|
34519
34562
|
|
|
34520
34563
|
.pf-v6-c-tree-view {
|
|
34521
|
-
--pf-v6-c-tree-view__node--indent--base: calc(var(--pf-
|
|
34564
|
+
--pf-v6-c-tree-view__node--indent--base: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart) + var(--pf-v6-c-tree-view__node-toggle--PaddingInlineEnd) + var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth));
|
|
34522
34565
|
--pf-v6-c-tree-view__node--nested-indent--base: calc(var(--pf-v6-c-tree-view__node--indent--base) - var(--pf-t--global--spacer--md));
|
|
34523
34566
|
--pf-v6-c-tree-view__content--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
34524
|
-
--pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
34525
|
-
--pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
34526
|
-
--pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
34567
|
+
--pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
34568
|
+
--pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
|
|
34569
|
+
--pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
34527
34570
|
--pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
|
|
34528
34571
|
--pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
|
|
34529
34572
|
--pf-v6-c-tree-view__node--BackgroundColor: transparent;
|
|
@@ -34567,9 +34610,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34567
34610
|
--pf-v6-c-tree-view__node-toggle--BackgroundColor: transparent;
|
|
34568
34611
|
--pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-t--global--icon--color--regular);
|
|
34569
34612
|
--pf-v6-c-tree-view__node-toggle-icon--MinWidth: var(--pf-t--global--icon--size--font--body--default);
|
|
34570
|
-
--pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
34613
|
+
--pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
34571
34614
|
--pf-v6-c-tree-view__node-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
34572
|
-
--pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
34615
|
+
--pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
34573
34616
|
--pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
34574
34617
|
--pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
|
|
34575
34618
|
--pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
|
|
@@ -34585,7 +34628,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34585
34628
|
--pf-v6-c-tree-view__node-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
34586
34629
|
--pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
|
|
34587
34630
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
34588
|
-
--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate:
|
|
34631
|
+
--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
|
|
34589
34632
|
--pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
34590
34633
|
--pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
34591
34634
|
--pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
@@ -35316,7 +35359,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35316
35359
|
align-items: baseline;
|
|
35317
35360
|
margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
|
|
35318
35361
|
text-align: start;
|
|
35319
|
-
overflow-wrap:
|
|
35362
|
+
overflow-wrap: anywhere;
|
|
35320
35363
|
}
|
|
35321
35364
|
.pf-v6-c-wizard__toggle-list-item:not(:last-child) {
|
|
35322
35365
|
margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
|
|
@@ -35452,7 +35495,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35452
35495
|
padding-inline: 0;
|
|
35453
35496
|
color: var(--pf-v6-c-wizard__nav-link--Color);
|
|
35454
35497
|
text-align: start;
|
|
35455
|
-
overflow-wrap:
|
|
35498
|
+
overflow-wrap: anywhere;
|
|
35456
35499
|
text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
|
|
35457
35500
|
counter-increment: wizard-nav-count;
|
|
35458
35501
|
background-color: transparent;
|
|
@@ -35571,7 +35614,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35571
35614
|
flex-direction: column;
|
|
35572
35615
|
overflow-x: hidden;
|
|
35573
35616
|
overflow-y: auto;
|
|
35574
|
-
overflow-wrap:
|
|
35617
|
+
overflow-wrap: anywhere;
|
|
35575
35618
|
}
|
|
35576
35619
|
|
|
35577
35620
|
.pf-v6-c-wizard__main-body {
|