@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
package/patternfly.css
CHANGED
|
@@ -299,28 +299,28 @@ button) {
|
|
|
299
299
|
@font-face {
|
|
300
300
|
font-family: "Red Hat Text";
|
|
301
301
|
font-style: normal;
|
|
302
|
-
font-weight: 400
|
|
302
|
+
font-weight: 400 600;
|
|
303
303
|
src: url("./assets/fonts/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
|
|
304
304
|
font-display: fallback;
|
|
305
305
|
}
|
|
306
306
|
@font-face {
|
|
307
307
|
font-family: "Red Hat Text";
|
|
308
308
|
font-style: italic;
|
|
309
|
-
font-weight: 400
|
|
309
|
+
font-weight: 400 600;
|
|
310
310
|
src: url("./assets/fonts/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
|
|
311
311
|
font-display: fallback;
|
|
312
312
|
}
|
|
313
313
|
@font-face {
|
|
314
314
|
font-family: "Red Hat Display";
|
|
315
315
|
font-style: normal;
|
|
316
|
-
font-weight:
|
|
316
|
+
font-weight: 600 800;
|
|
317
317
|
src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2") format("woff2-variations");
|
|
318
318
|
font-display: fallback;
|
|
319
319
|
}
|
|
320
320
|
@font-face {
|
|
321
321
|
font-family: "Red Hat Display";
|
|
322
322
|
font-style: italic;
|
|
323
|
-
font-weight:
|
|
323
|
+
font-weight: 600 800;
|
|
324
324
|
src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
|
|
325
325
|
font-display: fallback;
|
|
326
326
|
}
|
|
@@ -6644,9 +6644,9 @@ button) {
|
|
|
6644
6644
|
--pf-t--global--font--size--700: 1.75rem;
|
|
6645
6645
|
--pf-t--global--font--size--800: 2.25rem;
|
|
6646
6646
|
--pf-t--global--font--weight--100: 400;
|
|
6647
|
-
--pf-t--global--font--weight--200:
|
|
6648
|
-
--pf-t--global--font--weight--300:
|
|
6649
|
-
--pf-t--global--font--weight--400:
|
|
6647
|
+
--pf-t--global--font--weight--200: 600;
|
|
6648
|
+
--pf-t--global--font--weight--300: 600;
|
|
6649
|
+
--pf-t--global--font--weight--400: 800;
|
|
6650
6650
|
--pf-t--global--icon--size--100: 0.75rem;
|
|
6651
6651
|
--pf-t--global--icon--size--200: 0.875rem;
|
|
6652
6652
|
--pf-t--global--icon--size--250: 1rem;
|
|
@@ -7544,9 +7544,9 @@ button) {
|
|
|
7544
7544
|
--pf-t--global--font--size--700: 1.75rem;
|
|
7545
7545
|
--pf-t--global--font--size--800: 2.25rem;
|
|
7546
7546
|
--pf-t--global--font--weight--100: 400;
|
|
7547
|
-
--pf-t--global--font--weight--200:
|
|
7548
|
-
--pf-t--global--font--weight--300:
|
|
7549
|
-
--pf-t--global--font--weight--400:
|
|
7547
|
+
--pf-t--global--font--weight--200: 600;
|
|
7548
|
+
--pf-t--global--font--weight--300: 600;
|
|
7549
|
+
--pf-t--global--font--weight--400: 800;
|
|
7550
7550
|
--pf-t--global--icon--size--100: 0.75rem;
|
|
7551
7551
|
--pf-t--global--icon--size--200: 0.875rem;
|
|
7552
7552
|
--pf-t--global--icon--size--250: 1rem;
|
|
@@ -9575,7 +9575,7 @@ button) {
|
|
|
9575
9575
|
overflow-x: hidden;
|
|
9576
9576
|
overflow-y: auto;
|
|
9577
9577
|
overscroll-behavior: contain;
|
|
9578
|
-
overflow-wrap:
|
|
9578
|
+
overflow-wrap: anywhere;
|
|
9579
9579
|
-webkit-overflow-scrolling: touch;
|
|
9580
9580
|
}
|
|
9581
9581
|
@media screen and (min-width: 36rem) {
|
|
@@ -9617,10 +9617,10 @@ button) {
|
|
|
9617
9617
|
--pf-v6-c-accordion__item--BorderRadius: var(--pf-t--global--border--radius--200);
|
|
9618
9618
|
--pf-v6-c-accordion__item--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
9619
9619
|
--pf-v6-c-accordion__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
9620
|
-
--pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
9620
|
+
--pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
9621
9621
|
--pf-v6-c-accordion__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
9622
|
-
--pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
9623
|
-
--pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
9622
|
+
--pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
9623
|
+
--pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
9624
9624
|
--pf-v6-c-accordion__toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
9625
9625
|
--pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
9626
9626
|
--pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
@@ -9932,9 +9932,9 @@ button) {
|
|
|
9932
9932
|
--pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
9933
9933
|
--pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
9934
9934
|
--pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
|
|
9935
|
-
--pf-v6-c-alert__toggle--MarginBlockStart: calc(
|
|
9936
|
-
--pf-v6-c-alert__toggle--MarginBlockEnd: calc(
|
|
9937
|
-
--pf-v6-c-alert__toggle--MarginInlineStart: calc(
|
|
9935
|
+
--pf-v6-c-alert__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
9936
|
+
--pf-v6-c-alert__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
9937
|
+
--pf-v6-c-alert__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
9938
9938
|
--pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
9939
9939
|
--pf-v6-c-alert__toggle-icon--Rotate: 0;
|
|
9940
9940
|
--pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
@@ -9946,8 +9946,8 @@ button) {
|
|
|
9946
9946
|
--pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
9947
9947
|
--pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
|
|
9948
9948
|
--pf-v6-c-alert__title--max-lines: 1;
|
|
9949
|
-
--pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--
|
|
9950
|
-
--pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--
|
|
9949
|
+
--pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
9950
|
+
--pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
9951
9951
|
--pf-v6-c-alert__action--TranslateY: 0.125rem;
|
|
9952
9952
|
--pf-v6-c-alert__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
9953
9953
|
--pf-v6-c-alert__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
@@ -10070,6 +10070,7 @@ button) {
|
|
|
10070
10070
|
|
|
10071
10071
|
.pf-v6-c-alert__icon {
|
|
10072
10072
|
grid-area: icon;
|
|
10073
|
+
align-self: baseline;
|
|
10073
10074
|
margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
|
|
10074
10075
|
font-size: var(--pf-v6-c-alert__icon--FontSize);
|
|
10075
10076
|
color: var(--pf-v6-c-alert__icon--Color);
|
|
@@ -10080,7 +10081,7 @@ button) {
|
|
|
10080
10081
|
grid-area: title;
|
|
10081
10082
|
font-weight: var(--pf-v6-c-alert__title--FontWeight);
|
|
10082
10083
|
color: var(--pf-v6-c-alert__title--Color);
|
|
10083
|
-
overflow-wrap:
|
|
10084
|
+
overflow-wrap: anywhere;
|
|
10084
10085
|
}
|
|
10085
10086
|
.pf-v6-c-alert__title.pf-m-truncate {
|
|
10086
10087
|
display: -webkit-box;
|
|
@@ -10092,7 +10093,7 @@ button) {
|
|
|
10092
10093
|
.pf-v6-c-alert__description {
|
|
10093
10094
|
grid-area: description;
|
|
10094
10095
|
padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
|
|
10095
|
-
overflow-wrap:
|
|
10096
|
+
overflow-wrap: anywhere;
|
|
10096
10097
|
}
|
|
10097
10098
|
.pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
|
|
10098
10099
|
--pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
|
|
@@ -10867,7 +10868,9 @@ div.pf-v6-c-avatar {
|
|
|
10867
10868
|
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
|
|
10868
10869
|
--pf-v6-c-banner--link--TextDecoration: underline;
|
|
10869
10870
|
--pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
|
|
10871
|
+
--pf-v6-c-banner--link--clicked--Color: var(--pf-v6-c-banner--Color);
|
|
10870
10872
|
--pf-v6-c-banner--link--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
10873
|
+
--pf-v6-c-banner--link--TextDecorationColor: currentcolor;
|
|
10871
10874
|
--pf-v6-c-banner--m-sticky--ZIndex: var(--pf-t--global--z-index--md);
|
|
10872
10875
|
--pf-v6-c-banner--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
10873
10876
|
--pf-v6-c-banner--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
|
|
@@ -10976,6 +10979,7 @@ div.pf-v6-c-avatar {
|
|
|
10976
10979
|
.pf-v6-c-banner a {
|
|
10977
10980
|
color: var(--pf-v6-c-banner--link--Color);
|
|
10978
10981
|
text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
|
|
10982
|
+
text-decoration-color: var(--pf-v6-c-banner--a--TextDecorationColor);
|
|
10979
10983
|
}
|
|
10980
10984
|
.pf-v6-c-banner a:hover:not(.pf-m-disabled) {
|
|
10981
10985
|
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--hover--Color);
|
|
@@ -10987,7 +10991,11 @@ div.pf-v6-c-avatar {
|
|
|
10987
10991
|
.pf-v6-c-banner .pf-v6-c-button.pf-m-inline {
|
|
10988
10992
|
--pf-v6-c-button--m-link--m-inline--Color: var(--pf-v6-c-banner--link--Color);
|
|
10989
10993
|
--pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
|
|
10994
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-v6-c-banner--link--clicked--Color);
|
|
10990
10995
|
--pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
|
|
10996
|
+
--pf-v6-c-button--m-link--m-inline--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
|
|
10997
|
+
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
|
|
10998
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
|
|
10991
10999
|
text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
|
|
10992
11000
|
}
|
|
10993
11001
|
.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 {
|
|
@@ -11082,9 +11090,9 @@ div.pf-v6-c-avatar {
|
|
|
11082
11090
|
--pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
11083
11091
|
--pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
|
|
11084
11092
|
--pf-v6-c-breadcrumb__heading--FontSize: var(--pf-v6-c-breadcrumb__item--FontSize);
|
|
11085
|
-
--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--
|
|
11093
|
+
--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
11086
11094
|
--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
|
|
11087
|
-
--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--
|
|
11095
|
+
--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
11088
11096
|
--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
|
|
11089
11097
|
}
|
|
11090
11098
|
|
|
@@ -11132,7 +11140,7 @@ div.pf-v6-c-avatar {
|
|
|
11132
11140
|
font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
|
|
11133
11141
|
line-height: inherit;
|
|
11134
11142
|
color: var(--pf-v6-c-breadcrumb__link--Color);
|
|
11135
|
-
overflow-wrap:
|
|
11143
|
+
overflow-wrap: anywhere;
|
|
11136
11144
|
text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
|
|
11137
11145
|
text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
|
|
11138
11146
|
text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
|
|
@@ -11304,6 +11312,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
11304
11312
|
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
11305
11313
|
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
11306
11314
|
--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
|
|
11315
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
|
|
11316
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
11317
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
11318
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
|
|
11307
11319
|
--pf-v6-c-button--m-link--m-inline--TransitionProperty: color, text-underline-offset;
|
|
11308
11320
|
--pf-v6-c-button--m-link--m-inline--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), var(--pf-t--global--motion--duration--lg);
|
|
11309
11321
|
--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);
|
|
@@ -11318,6 +11330,8 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
11318
11330
|
--pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
|
|
11319
11331
|
--pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
11320
11332
|
--pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
|
|
11333
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
|
|
11334
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
|
|
11321
11335
|
--pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
|
|
11322
11336
|
--pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
11323
11337
|
--pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
@@ -11690,9 +11704,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11690
11704
|
--pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
|
|
11691
11705
|
--pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
|
|
11692
11706
|
--pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
|
|
11693
|
-
--pf-v6-c-button--
|
|
11707
|
+
--pf-v6-c-button--m-clicked--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine);
|
|
11708
|
+
--pf-v6-c-button--m-clicked--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle);
|
|
11709
|
+
--pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor);
|
|
11710
|
+
--pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
|
|
11694
11711
|
--pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
|
|
11695
11712
|
--pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
|
|
11713
|
+
--pf-v6-c-button--m-link--m-clicked--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked--Color);
|
|
11714
|
+
--pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color);
|
|
11696
11715
|
--pf-v6-c-button--BorderWidth: 0;
|
|
11697
11716
|
--pf-v6-c-button--hover--BorderWidth: 0;
|
|
11698
11717
|
--pf-v6-c-button--m-clicked--BorderWidth: 0;
|
|
@@ -11705,6 +11724,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11705
11724
|
.pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
|
|
11706
11725
|
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
|
|
11707
11726
|
}
|
|
11727
|
+
.pf-v6-c-button.pf-m-link.pf-m-inline:active, .pf-v6-c-button.pf-m-link.pf-m-inline.pf-m-clicked {
|
|
11728
|
+
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
|
|
11729
|
+
}
|
|
11708
11730
|
.pf-v6-c-button.pf-m-link.pf-m-danger {
|
|
11709
11731
|
--pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
|
|
11710
11732
|
--pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
|
|
@@ -12409,13 +12431,13 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
12409
12431
|
--pf-v6-c-card__footer--Color: var(--pf-t--global--text--color--subtle);
|
|
12410
12432
|
--pf-v6-c-card__actions--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
12411
12433
|
--pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
12412
|
-
--pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--
|
|
12413
|
-
--pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--
|
|
12434
|
+
--pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
12435
|
+
--pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
12414
12436
|
--pf-v6-c-card__header--m-wrap--RowGap: var(--pf-t--global--spacer--sm);
|
|
12415
12437
|
--pf-v6-c-card__header--m-wrap--ColumnGap: var(--pf-t--global--spacer--md);
|
|
12416
|
-
--pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--
|
|
12438
|
+
--pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
12417
12439
|
--pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
12418
|
-
--pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--
|
|
12440
|
+
--pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
12419
12441
|
--pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
12420
12442
|
--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
12421
12443
|
--pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
@@ -12953,7 +12975,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12953
12975
|
}
|
|
12954
12976
|
|
|
12955
12977
|
.pf-v6-c-clipboard-copy__text {
|
|
12956
|
-
overflow-wrap:
|
|
12978
|
+
overflow-wrap: anywhere;
|
|
12957
12979
|
white-space: normal;
|
|
12958
12980
|
}
|
|
12959
12981
|
.pf-v6-c-clipboard-copy__text.pf-m-code {
|
|
@@ -14382,7 +14404,7 @@ ul) {
|
|
|
14382
14404
|
--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
|
|
14383
14405
|
--pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
14384
14406
|
--pf-v6-c-data-list__item--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
14385
|
-
--pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(
|
|
14407
|
+
--pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
14386
14408
|
--pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
14387
14409
|
--pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
|
|
14388
14410
|
--pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
@@ -14415,8 +14437,8 @@ ul) {
|
|
|
14415
14437
|
--pf-v6-c-data-list--cell--WordBreak: normal;
|
|
14416
14438
|
--pf-v6-c-data-list--cell--m-truncate--MinWidth: 5ch;
|
|
14417
14439
|
--pf-v6-c-data-list__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
14418
|
-
--pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--
|
|
14419
|
-
--pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--
|
|
14440
|
+
--pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
14441
|
+
--pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
14420
14442
|
--pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
|
|
14421
14443
|
--pf-v6-c-data-list__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
14422
14444
|
--pf-v6-c-data-list__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
@@ -14447,8 +14469,8 @@ ul) {
|
|
|
14447
14469
|
--pf-v6-c-data-list__item-action--Display: flex;
|
|
14448
14470
|
--pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
14449
14471
|
--pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
14450
|
-
--pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--
|
|
14451
|
-
--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--
|
|
14472
|
+
--pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--plain);
|
|
14473
|
+
--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--plain);
|
|
14452
14474
|
--pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
|
|
14453
14475
|
--pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
|
14454
14476
|
--pf-v6-c-data-list__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
@@ -15124,6 +15146,7 @@ ul) {
|
|
|
15124
15146
|
--pf-v6-c-draggable--m-dragging--Cursor: grabbing;
|
|
15125
15147
|
--pf-v6-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
15126
15148
|
--pf-v6-c-draggable--m-dragging--BackgroundColor: transparent;
|
|
15149
|
+
--pf-v6-c-draggable--m-dragging--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
15127
15150
|
--pf-v6-c-draggable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
15128
15151
|
--pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
|
|
15129
15152
|
--pf-v6-c-draggable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
@@ -15138,6 +15161,7 @@ ul) {
|
|
|
15138
15161
|
--pf-v6-c-draggable--Cursor: var(--pf-v6-c-draggable--m-dragging--Cursor);
|
|
15139
15162
|
position: relative;
|
|
15140
15163
|
background-color: var(--pf-v6-c-draggable--m-dragging--BackgroundColor);
|
|
15164
|
+
border-radius: var(--pf-v6-c-draggable--m-dragging--BorderRadius);
|
|
15141
15165
|
box-shadow: var(--pf-v6-c-draggable--m-dragging--BoxShadow);
|
|
15142
15166
|
}
|
|
15143
15167
|
.pf-v6-c-draggable.pf-m-dragging::after {
|
|
@@ -15157,6 +15181,7 @@ ul) {
|
|
|
15157
15181
|
|
|
15158
15182
|
.pf-v6-c-droppable {
|
|
15159
15183
|
--pf-v6-c-droppable--before--BackgroundColor: transparent;
|
|
15184
|
+
--pf-v6-c-droppable--before--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
15160
15185
|
--pf-v6-c-droppable--before--Opacity: 0;
|
|
15161
15186
|
--pf-v6-c-droppable--after--BorderWidth: 0;
|
|
15162
15187
|
--pf-v6-c-droppable--after--BorderColor: transparent;
|
|
@@ -15179,6 +15204,7 @@ ul) {
|
|
|
15179
15204
|
}
|
|
15180
15205
|
.pf-v6-c-droppable::before {
|
|
15181
15206
|
background-color: var(--pf-v6-c-droppable--before--BackgroundColor);
|
|
15207
|
+
border-radius: var(--pf-v6-c-droppable--before--BorderRadius);
|
|
15182
15208
|
opacity: var(--pf-v6-c-droppable--before--Opacity);
|
|
15183
15209
|
}
|
|
15184
15210
|
.pf-v6-c-droppable::after {
|
|
@@ -15274,7 +15300,7 @@ ul) {
|
|
|
15274
15300
|
--pf-v6-c-dual-list-selector__item-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
15275
15301
|
--pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
15276
15302
|
--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
|
|
15277
|
-
--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate:
|
|
15303
|
+
--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
|
|
15278
15304
|
--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
15279
15305
|
--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
15280
15306
|
--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
|
|
@@ -18414,8 +18440,8 @@ ul) {
|
|
|
18414
18440
|
--pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
18415
18441
|
--pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
18416
18442
|
--pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
|
|
18417
|
-
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--
|
|
18418
|
-
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--
|
|
18443
|
+
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
18444
|
+
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
18419
18445
|
}
|
|
18420
18446
|
|
|
18421
18447
|
.pf-v6-c-hint {
|
|
@@ -21077,7 +21103,7 @@ ul.pf-v6-c-list {
|
|
|
21077
21103
|
--pf-v6-c-menu__item-toggle-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
|
|
21078
21104
|
--pf-v6-c-menu__item-external--Color: transparent;
|
|
21079
21105
|
--pf-v6-c-menu__item-select-icon--Color: transparent;
|
|
21080
|
-
--pf-v6-c-menu__item-description--Color: var(--pf-v6-c-
|
|
21106
|
+
--pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu__item--m-disabled--Color);
|
|
21081
21107
|
--pf-v6-c-menu__list-item--BackgroundColor: transparent;
|
|
21082
21108
|
--pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
|
|
21083
21109
|
--pf-v6-c-menu__list-item--hover--BorderColor: transparent;
|
|
@@ -21444,7 +21470,7 @@ ul.pf-v6-c-list {
|
|
|
21444
21470
|
.pf-v6-c-menu__item-description {
|
|
21445
21471
|
font-size: var(--pf-v6-c-menu__item-description--FontSize);
|
|
21446
21472
|
color: var(--pf-v6-c-menu__item-description--Color);
|
|
21447
|
-
overflow-wrap:
|
|
21473
|
+
overflow-wrap: anywhere;
|
|
21448
21474
|
}
|
|
21449
21475
|
|
|
21450
21476
|
.pf-v6-c-menu__item-check .pf-v6-c-check {
|
|
@@ -22092,7 +22118,7 @@ ul.pf-v6-c-list {
|
|
|
22092
22118
|
--pf-v6-c-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
22093
22119
|
--pf-v6-c-modal-box__header--Gap: var(--pf-t--global--spacer--md);
|
|
22094
22120
|
--pf-v6-c-modal-box__header-main--Gap: var(--pf-t--global--spacer--md);
|
|
22095
|
-
--pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--
|
|
22121
|
+
--pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
22096
22122
|
--pf-v6-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
22097
22123
|
--pf-v6-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
22098
22124
|
--pf-v6-c-modal-box__title--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
@@ -22114,8 +22140,8 @@ ul.pf-v6-c-list {
|
|
|
22114
22140
|
--pf-v6-c-modal-box__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
22115
22141
|
--pf-v6-c-modal-box__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
22116
22142
|
--pf-v6-c-modal-box__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
22117
|
-
--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--
|
|
22118
|
-
--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd:
|
|
22143
|
+
--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
22144
|
+
--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
22119
22145
|
}
|
|
22120
22146
|
|
|
22121
22147
|
.pf-v6-c-modal-box {
|
|
@@ -22241,7 +22267,7 @@ ul.pf-v6-c-list {
|
|
|
22241
22267
|
overflow-x: hidden;
|
|
22242
22268
|
overflow-y: auto;
|
|
22243
22269
|
overscroll-behavior: contain;
|
|
22244
|
-
overflow-wrap:
|
|
22270
|
+
overflow-wrap: anywhere;
|
|
22245
22271
|
-webkit-overflow-scrolling: touch;
|
|
22246
22272
|
}
|
|
22247
22273
|
.pf-v6-c-modal-box__body:last-child {
|
|
@@ -22477,8 +22503,8 @@ ul.pf-v6-c-list {
|
|
|
22477
22503
|
}
|
|
22478
22504
|
|
|
22479
22505
|
.pf-v6-c-nav {
|
|
22480
|
-
--pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
22481
|
-
--pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
22506
|
+
--pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
22507
|
+
--pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
22482
22508
|
--pf-v6-c-nav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
22483
22509
|
--pf-v6-c-nav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
22484
22510
|
--pf-v6-c-nav__list--RowGap: var(--pf-t--global--spacer--sm);
|
|
@@ -23115,7 +23141,7 @@ ul.pf-v6-c-list {
|
|
|
23115
23141
|
|
|
23116
23142
|
.pf-v6-c-notification-drawer__list-item-header-title {
|
|
23117
23143
|
font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
|
|
23118
|
-
overflow-wrap:
|
|
23144
|
+
overflow-wrap: anywhere;
|
|
23119
23145
|
}
|
|
23120
23146
|
.pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
|
|
23121
23147
|
display: -webkit-box;
|
|
@@ -23137,7 +23163,7 @@ ul.pf-v6-c-list {
|
|
|
23137
23163
|
grid-row: 2/3;
|
|
23138
23164
|
grid-column: 1/2;
|
|
23139
23165
|
margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
|
|
23140
|
-
overflow-wrap:
|
|
23166
|
+
overflow-wrap: anywhere;
|
|
23141
23167
|
}
|
|
23142
23168
|
|
|
23143
23169
|
.pf-v6-c-notification-drawer__list-item-timestamp {
|
|
@@ -23182,7 +23208,7 @@ ul.pf-v6-c-list {
|
|
|
23182
23208
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
|
|
23183
23209
|
font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
|
|
23184
23210
|
text-align: start;
|
|
23185
|
-
overflow-wrap:
|
|
23211
|
+
overflow-wrap: anywhere;
|
|
23186
23212
|
}
|
|
23187
23213
|
|
|
23188
23214
|
.pf-v6-c-notification-drawer__group-toggle-count {
|
|
@@ -23272,11 +23298,12 @@ ul.pf-v6-c-list {
|
|
|
23272
23298
|
--pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-t--global--box-shadow--sm--right);
|
|
23273
23299
|
--pf-v6-c-page__dock-main--desktop--BoxShadow: var(--pf-t--global--box-shadow--glass--default, none);
|
|
23274
23300
|
--pf-v6-c-page__dock-main--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary, revert);
|
|
23275
|
-
--pf-v6-c-page__dock-main--BorderInlineEndWidth:
|
|
23301
|
+
--pf-v6-c-page__dock-main--BorderInlineEndWidth: 0;
|
|
23276
23302
|
--pf-v6-c-page__dock-main--BorderInlineEndColor: transparent;
|
|
23277
|
-
--pf-v6-c-page__dock-main--desktop--
|
|
23303
|
+
--pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
|
|
23304
|
+
--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
|
|
23278
23305
|
--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));
|
|
23279
|
-
--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor:
|
|
23306
|
+
--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: transparent;
|
|
23280
23307
|
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
|
|
23281
23308
|
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23282
23309
|
--pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
@@ -23672,8 +23699,6 @@ ul.pf-v6-c-list {
|
|
|
23672
23699
|
}
|
|
23673
23700
|
@media (min-width: 62rem) {
|
|
23674
23701
|
.pf-v6-c-page__dock {
|
|
23675
|
-
--pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
|
|
23676
|
-
--pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
|
|
23677
23702
|
position: revert;
|
|
23678
23703
|
inset: revert;
|
|
23679
23704
|
visibility: revert;
|
|
@@ -23701,6 +23726,9 @@ ul.pf-v6-c-list {
|
|
|
23701
23726
|
}
|
|
23702
23727
|
@media (min-width: 62rem) {
|
|
23703
23728
|
.pf-v6-c-page__dock-main {
|
|
23729
|
+
--pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth);
|
|
23730
|
+
--pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
|
|
23731
|
+
--pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
|
|
23704
23732
|
--pf-v6-c-page__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
|
|
23705
23733
|
--pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
|
|
23706
23734
|
--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth);
|
|
@@ -24434,7 +24462,8 @@ ul.pf-v6-c-list {
|
|
|
24434
24462
|
--pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
|
|
24435
24463
|
--pf-v6-c-pagination--m-sticky-stuck--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
|
|
24436
24464
|
--pf-v6-c-pagination--m-sticky--BorderRadius--glass: var(--pf-t--global--border--radius--medium);
|
|
24437
|
-
--pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--
|
|
24465
|
+
--pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
|
|
24466
|
+
--pf-v6-c-pagination--m-bottom--BorderRadius: 0;
|
|
24438
24467
|
--pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
24439
24468
|
--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
24440
24469
|
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
|
|
@@ -24448,6 +24477,8 @@ ul.pf-v6-c-list {
|
|
|
24448
24477
|
--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
|
|
24449
24478
|
--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
24450
24479
|
--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
24480
|
+
--pf-v6-c-pagination--m-bottom--m-static--BorderRadius: 0;
|
|
24481
|
+
--pf-v6-c-pagination--m-bottom--m-static--BackgroundColor: transparent;
|
|
24451
24482
|
--pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd: 0;
|
|
24452
24483
|
}
|
|
24453
24484
|
:where(:root.pf-v6-theme-glass) .pf-v6-c-pagination {
|
|
@@ -24455,6 +24486,9 @@ ul.pf-v6-c-list {
|
|
|
24455
24486
|
--pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--sm);
|
|
24456
24487
|
--pf-v6-c-pagination--m-sticky--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
|
|
24457
24488
|
--pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
|
|
24489
|
+
--pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm);
|
|
24490
|
+
--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
|
|
24491
|
+
--pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
|
|
24458
24492
|
}
|
|
24459
24493
|
.pf-v6-c-pagination {
|
|
24460
24494
|
--pf-v6-c-pagination__page-menu--Display--base: block;
|
|
@@ -24466,6 +24500,7 @@ ul.pf-v6-c-list {
|
|
|
24466
24500
|
}
|
|
24467
24501
|
@media screen and (min-width: 48rem) {
|
|
24468
24502
|
.pf-v6-c-pagination {
|
|
24503
|
+
--pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
|
|
24469
24504
|
--pf-v6-c-pagination--m-bottom--BoxShadow: none;
|
|
24470
24505
|
--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
|
|
24471
24506
|
--pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
|
|
@@ -24491,9 +24526,6 @@ ul.pf-v6-c-list {
|
|
|
24491
24526
|
border-block-start-width: var(--pf-v6-c-pagination--BorderBlockStartWidth);
|
|
24492
24527
|
border-block-end-width: var(--pf-v6-c-pagination--BorderBlockEndWidth);
|
|
24493
24528
|
}
|
|
24494
|
-
: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) {
|
|
24495
|
-
--pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
|
|
24496
|
-
}
|
|
24497
24529
|
.pf-v6-c-pagination .pf-v6-c-pagination__page-menu {
|
|
24498
24530
|
display: var(--pf-v6-c-pagination__page-menu--Display);
|
|
24499
24531
|
}
|
|
@@ -24509,11 +24541,9 @@ ul.pf-v6-c-list {
|
|
|
24509
24541
|
padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
|
|
24510
24542
|
padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
|
|
24511
24543
|
background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
|
|
24544
|
+
border-radius: var(--pf-v6-c-pagination--m-bottom--BorderRadius);
|
|
24512
24545
|
box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
|
|
24513
24546
|
}
|
|
24514
|
-
:where(:root.pf-v6-theme-glass) .pf-v6-c-pagination.pf-m-bottom.pf-m-sticky-base:not(.pf-m-sticky-stuck) {
|
|
24515
|
-
--pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
|
|
24516
|
-
}
|
|
24517
24547
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
|
|
24518
24548
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
|
|
24519
24549
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
|
|
@@ -24532,6 +24562,7 @@ ul.pf-v6-c-list {
|
|
|
24532
24562
|
.pf-v6-c-pagination.pf-m-bottom {
|
|
24533
24563
|
--pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
|
|
24534
24564
|
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
|
|
24565
|
+
--pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
|
|
24535
24566
|
position: relative;
|
|
24536
24567
|
justify-content: flex-end;
|
|
24537
24568
|
padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
|
|
@@ -24556,12 +24587,14 @@ ul.pf-v6-c-list {
|
|
|
24556
24587
|
}
|
|
24557
24588
|
}
|
|
24558
24589
|
.pf-v6-c-pagination.pf-m-static {
|
|
24590
|
+
--pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-v6-c-pagination--m-bottom--m-static--BackgroundColor);
|
|
24559
24591
|
position: relative;
|
|
24560
24592
|
padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
|
|
24561
24593
|
padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
|
|
24562
24594
|
padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
|
|
24563
24595
|
padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
|
|
24564
24596
|
border: 0;
|
|
24597
|
+
border-radius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
|
|
24565
24598
|
box-shadow: none;
|
|
24566
24599
|
}
|
|
24567
24600
|
.pf-v6-c-pagination.pf-m-sticky {
|
|
@@ -24834,7 +24867,7 @@ ul.pf-v6-c-list {
|
|
|
24834
24867
|
--pf-v6-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
24835
24868
|
--pf-v6-c-panel--BoxShadow: none;
|
|
24836
24869
|
--pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
24837
|
-
--pf-v6-c-panel--before--BorderWidth:
|
|
24870
|
+
--pf-v6-c-panel--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
24838
24871
|
--pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
24839
24872
|
--pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
24840
24873
|
--pf-v6-c-panel--m-secondary--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
@@ -25014,7 +25047,7 @@ ul.pf-v6-c-list {
|
|
|
25014
25047
|
--pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
|
|
25015
25048
|
--pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
|
|
25016
25049
|
--pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
|
|
25017
|
-
--pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--
|
|
25050
|
+
--pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--plain));
|
|
25018
25051
|
--pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
|
|
25019
25052
|
--pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
25020
25053
|
--pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -25315,7 +25348,7 @@ ul.pf-v6-c-list {
|
|
|
25315
25348
|
|
|
25316
25349
|
.pf-v6-c-progress__description {
|
|
25317
25350
|
grid-column: 1/2;
|
|
25318
|
-
overflow-wrap:
|
|
25351
|
+
overflow-wrap: anywhere;
|
|
25319
25352
|
}
|
|
25320
25353
|
.pf-v6-c-progress__description.pf-m-truncate {
|
|
25321
25354
|
overflow: hidden;
|
|
@@ -25331,7 +25364,7 @@ ul.pf-v6-c-list {
|
|
|
25331
25364
|
align-items: flex-start;
|
|
25332
25365
|
justify-content: flex-end;
|
|
25333
25366
|
text-align: end;
|
|
25334
|
-
overflow-wrap:
|
|
25367
|
+
overflow-wrap: anywhere;
|
|
25335
25368
|
}
|
|
25336
25369
|
|
|
25337
25370
|
.pf-v6-c-progress__status-icon {
|
|
@@ -28911,8 +28944,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28911
28944
|
--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
28912
28945
|
--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
28913
28946
|
--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: -180deg;
|
|
28914
|
-
--pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
28915
|
-
--pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
28947
|
+
--pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
28948
|
+
--pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
28916
28949
|
--pf-v6-c-table__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
28917
28950
|
--pf-v6-c-table__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
28918
28951
|
--pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
|
|
@@ -29012,7 +29045,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29012
29045
|
--pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
29013
29046
|
--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
|
|
29014
29047
|
--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor: var(--pf-v6-c-table--BorderColor);
|
|
29015
|
-
--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex:
|
|
29048
|
+
--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: initial;
|
|
29016
29049
|
--pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
|
|
29017
29050
|
--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
29018
29051
|
--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -29055,16 +29088,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29055
29088
|
.pf-v6-c-table.pf-m-fixed {
|
|
29056
29089
|
table-layout: fixed;
|
|
29057
29090
|
}
|
|
29058
|
-
.pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::
|
|
29091
|
+
.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 {
|
|
29059
29092
|
opacity: 0;
|
|
29060
29093
|
transition-timing-function: var(--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor);
|
|
29061
29094
|
transition-duration: var(--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor);
|
|
29062
29095
|
transition-property: opacity;
|
|
29063
29096
|
}
|
|
29064
|
-
.pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-stuck {
|
|
29065
|
-
--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
|
|
29066
|
-
}
|
|
29067
|
-
.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 {
|
|
29097
|
+
.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 {
|
|
29068
29098
|
opacity: 1;
|
|
29069
29099
|
}
|
|
29070
29100
|
.pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-base {
|
|
@@ -29075,27 +29105,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29075
29105
|
inset-block-start: 0;
|
|
29076
29106
|
z-index: var(--pf-v6-c-table--m-sticky-header--ZIndex);
|
|
29077
29107
|
}
|
|
29078
|
-
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::
|
|
29108
|
+
.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 {
|
|
29079
29109
|
position: absolute;
|
|
29080
29110
|
inset: 0;
|
|
29081
29111
|
z-index: -1;
|
|
29082
29112
|
pointer-events: none;
|
|
29083
29113
|
content: "";
|
|
29084
|
-
background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
|
|
29085
29114
|
border-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
|
|
29086
29115
|
box-shadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow);
|
|
29087
29116
|
}
|
|
29088
|
-
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead
|
|
29089
|
-
z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
|
|
29090
|
-
}
|
|
29091
|
-
.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 {
|
|
29117
|
+
.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 {
|
|
29092
29118
|
position: absolute;
|
|
29093
29119
|
inset: 0;
|
|
29094
|
-
z-index:
|
|
29120
|
+
z-index: -1;
|
|
29095
29121
|
pointer-events: none;
|
|
29096
29122
|
content: "";
|
|
29123
|
+
background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
|
|
29097
29124
|
border-block-end: var(--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth) solid var(--pf-v6-c-table--m-sticky-header--BorderBlockEndColor);
|
|
29098
29125
|
}
|
|
29126
|
+
.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 {
|
|
29127
|
+
border-start-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
|
|
29128
|
+
border-end-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
|
|
29129
|
+
}
|
|
29130
|
+
.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 {
|
|
29131
|
+
border-start-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
|
|
29132
|
+
border-end-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
|
|
29133
|
+
}
|
|
29134
|
+
.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) {
|
|
29135
|
+
z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
|
|
29136
|
+
}
|
|
29137
|
+
: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 {
|
|
29138
|
+
--pf-v6-c-table--m-sticky-header--BorderRadius: 0;
|
|
29139
|
+
--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
|
|
29140
|
+
}
|
|
29099
29141
|
.pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) {
|
|
29100
29142
|
border-block-end: 0;
|
|
29101
29143
|
}
|
|
@@ -29806,14 +29848,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29806
29848
|
vertical-align: bottom;
|
|
29807
29849
|
}
|
|
29808
29850
|
.pf-v6-c-table__thead.pf-m-nested-column-header {
|
|
29851
|
+
--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
|
|
29809
29852
|
position: relative;
|
|
29810
29853
|
}
|
|
29811
|
-
.pf-v6-c-table__thead.pf-m-nested-column-header
|
|
29812
|
-
position: absolute;
|
|
29813
|
-
inset: 0;
|
|
29854
|
+
.pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__tr:last-child:not(.pf-m-border-row) {
|
|
29814
29855
|
z-index: var(--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex);
|
|
29815
|
-
pointer-events: none;
|
|
29816
|
-
content: "";
|
|
29817
29856
|
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);
|
|
29818
29857
|
}
|
|
29819
29858
|
.pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
|
|
@@ -29854,7 +29893,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29854
29893
|
border-block-end: 0;
|
|
29855
29894
|
}
|
|
29856
29895
|
.pf-v6-c-table__tr.pf-m-border-row {
|
|
29857
|
-
|
|
29896
|
+
height: var(--pf-v6-c-table--border-width--base);
|
|
29897
|
+
background-color: var(--pf-v6-c-table--BorderColor);
|
|
29858
29898
|
}
|
|
29859
29899
|
|
|
29860
29900
|
.pf-v6-c-table__tfoot {
|
|
@@ -30008,6 +30048,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30008
30048
|
--pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart: 0;
|
|
30009
30049
|
}
|
|
30010
30050
|
|
|
30051
|
+
.pf-v6-c-table.pf-m-tree-view {
|
|
30052
|
+
--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 90deg;
|
|
30053
|
+
}
|
|
30011
30054
|
.pf-v6-c-table.pf-m-tree-view > tbody > tr {
|
|
30012
30055
|
--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
|
|
30013
30056
|
}
|
|
@@ -32137,7 +32180,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32137
32180
|
|
|
32138
32181
|
.pf-v6-c-title {
|
|
32139
32182
|
font-family: var(--pf-v6-c-title--FontFamily);
|
|
32140
|
-
overflow-wrap:
|
|
32183
|
+
overflow-wrap: anywhere;
|
|
32141
32184
|
}
|
|
32142
32185
|
.pf-v6-c-title.pf-m-4xl {
|
|
32143
32186
|
font-size: var(--pf-v6-c-title--m-4xl--FontSize);
|
|
@@ -34559,7 +34602,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34559
34602
|
font-size: var(--pf-v6-c-tooltip__content--FontSize);
|
|
34560
34603
|
color: var(--pf-v6-c-tooltip__content--Color);
|
|
34561
34604
|
text-align: center;
|
|
34562
|
-
overflow-wrap:
|
|
34605
|
+
overflow-wrap: anywhere;
|
|
34563
34606
|
background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
|
|
34564
34607
|
border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
|
|
34565
34608
|
}
|
|
@@ -34673,12 +34716,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34673
34716
|
}
|
|
34674
34717
|
|
|
34675
34718
|
.pf-v6-c-tree-view {
|
|
34676
|
-
--pf-v6-c-tree-view__node--indent--base: calc(var(--pf-
|
|
34719
|
+
--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));
|
|
34677
34720
|
--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));
|
|
34678
34721
|
--pf-v6-c-tree-view__content--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
34679
|
-
--pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
34680
|
-
--pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
34681
|
-
--pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
34722
|
+
--pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
34723
|
+
--pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
|
|
34724
|
+
--pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
34682
34725
|
--pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
|
|
34683
34726
|
--pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
|
|
34684
34727
|
--pf-v6-c-tree-view__node--BackgroundColor: transparent;
|
|
@@ -34722,9 +34765,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34722
34765
|
--pf-v6-c-tree-view__node-toggle--BackgroundColor: transparent;
|
|
34723
34766
|
--pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-t--global--icon--color--regular);
|
|
34724
34767
|
--pf-v6-c-tree-view__node-toggle-icon--MinWidth: var(--pf-t--global--icon--size--font--body--default);
|
|
34725
|
-
--pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
34768
|
+
--pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
34726
34769
|
--pf-v6-c-tree-view__node-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
34727
|
-
--pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
34770
|
+
--pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
34728
34771
|
--pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
34729
34772
|
--pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
|
|
34730
34773
|
--pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
|
|
@@ -34740,7 +34783,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34740
34783
|
--pf-v6-c-tree-view__node-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
34741
34784
|
--pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
|
|
34742
34785
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
34743
|
-
--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate:
|
|
34786
|
+
--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
|
|
34744
34787
|
--pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
34745
34788
|
--pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
34746
34789
|
--pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
@@ -35471,7 +35514,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35471
35514
|
align-items: baseline;
|
|
35472
35515
|
margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
|
|
35473
35516
|
text-align: start;
|
|
35474
|
-
overflow-wrap:
|
|
35517
|
+
overflow-wrap: anywhere;
|
|
35475
35518
|
}
|
|
35476
35519
|
.pf-v6-c-wizard__toggle-list-item:not(:last-child) {
|
|
35477
35520
|
margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
|
|
@@ -35607,7 +35650,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35607
35650
|
padding-inline: 0;
|
|
35608
35651
|
color: var(--pf-v6-c-wizard__nav-link--Color);
|
|
35609
35652
|
text-align: start;
|
|
35610
|
-
overflow-wrap:
|
|
35653
|
+
overflow-wrap: anywhere;
|
|
35611
35654
|
text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
|
|
35612
35655
|
counter-increment: wizard-nav-count;
|
|
35613
35656
|
background-color: transparent;
|
|
@@ -35726,7 +35769,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35726
35769
|
flex-direction: column;
|
|
35727
35770
|
overflow-x: hidden;
|
|
35728
35771
|
overflow-y: auto;
|
|
35729
|
-
overflow-wrap:
|
|
35772
|
+
overflow-wrap: anywhere;
|
|
35730
35773
|
}
|
|
35731
35774
|
|
|
35732
35775
|
.pf-v6-c-wizard__main-body {
|