@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/components/_index.css
CHANGED
|
@@ -164,7 +164,7 @@
|
|
|
164
164
|
overflow-x: hidden;
|
|
165
165
|
overflow-y: auto;
|
|
166
166
|
overscroll-behavior: contain;
|
|
167
|
-
overflow-wrap:
|
|
167
|
+
overflow-wrap: anywhere;
|
|
168
168
|
-webkit-overflow-scrolling: touch;
|
|
169
169
|
}
|
|
170
170
|
@media screen and (min-width: 36rem) {
|
|
@@ -206,10 +206,10 @@
|
|
|
206
206
|
--pf-v6-c-accordion__item--BorderRadius: var(--pf-t--global--border--radius--200);
|
|
207
207
|
--pf-v6-c-accordion__item--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
208
208
|
--pf-v6-c-accordion__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
209
|
-
--pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
209
|
+
--pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
210
210
|
--pf-v6-c-accordion__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
211
|
-
--pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
212
|
-
--pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
211
|
+
--pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
212
|
+
--pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
213
213
|
--pf-v6-c-accordion__toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
214
214
|
--pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
215
215
|
--pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
@@ -521,9 +521,9 @@
|
|
|
521
521
|
--pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
522
522
|
--pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
523
523
|
--pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
|
|
524
|
-
--pf-v6-c-alert__toggle--MarginBlockStart: calc(
|
|
525
|
-
--pf-v6-c-alert__toggle--MarginBlockEnd: calc(
|
|
526
|
-
--pf-v6-c-alert__toggle--MarginInlineStart: calc(
|
|
524
|
+
--pf-v6-c-alert__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
525
|
+
--pf-v6-c-alert__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
526
|
+
--pf-v6-c-alert__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
527
527
|
--pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
528
528
|
--pf-v6-c-alert__toggle-icon--Rotate: 0;
|
|
529
529
|
--pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
@@ -535,8 +535,8 @@
|
|
|
535
535
|
--pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
536
536
|
--pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
|
|
537
537
|
--pf-v6-c-alert__title--max-lines: 1;
|
|
538
|
-
--pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--
|
|
539
|
-
--pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--
|
|
538
|
+
--pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
539
|
+
--pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
540
540
|
--pf-v6-c-alert__action--TranslateY: 0.125rem;
|
|
541
541
|
--pf-v6-c-alert__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
542
542
|
--pf-v6-c-alert__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
@@ -659,6 +659,7 @@
|
|
|
659
659
|
|
|
660
660
|
.pf-v6-c-alert__icon {
|
|
661
661
|
grid-area: icon;
|
|
662
|
+
align-self: baseline;
|
|
662
663
|
margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
|
|
663
664
|
font-size: var(--pf-v6-c-alert__icon--FontSize);
|
|
664
665
|
color: var(--pf-v6-c-alert__icon--Color);
|
|
@@ -669,7 +670,7 @@
|
|
|
669
670
|
grid-area: title;
|
|
670
671
|
font-weight: var(--pf-v6-c-alert__title--FontWeight);
|
|
671
672
|
color: var(--pf-v6-c-alert__title--Color);
|
|
672
|
-
overflow-wrap:
|
|
673
|
+
overflow-wrap: anywhere;
|
|
673
674
|
}
|
|
674
675
|
.pf-v6-c-alert__title.pf-m-truncate {
|
|
675
676
|
display: -webkit-box;
|
|
@@ -681,7 +682,7 @@
|
|
|
681
682
|
.pf-v6-c-alert__description {
|
|
682
683
|
grid-area: description;
|
|
683
684
|
padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
|
|
684
|
-
overflow-wrap:
|
|
685
|
+
overflow-wrap: anywhere;
|
|
685
686
|
}
|
|
686
687
|
.pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
|
|
687
688
|
--pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
|
|
@@ -1456,7 +1457,9 @@ div.pf-v6-c-avatar {
|
|
|
1456
1457
|
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
|
|
1457
1458
|
--pf-v6-c-banner--link--TextDecoration: underline;
|
|
1458
1459
|
--pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
|
|
1460
|
+
--pf-v6-c-banner--link--clicked--Color: var(--pf-v6-c-banner--Color);
|
|
1459
1461
|
--pf-v6-c-banner--link--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
1462
|
+
--pf-v6-c-banner--link--TextDecorationColor: currentcolor;
|
|
1460
1463
|
--pf-v6-c-banner--m-sticky--ZIndex: var(--pf-t--global--z-index--md);
|
|
1461
1464
|
--pf-v6-c-banner--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
1462
1465
|
--pf-v6-c-banner--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
|
|
@@ -1565,6 +1568,7 @@ div.pf-v6-c-avatar {
|
|
|
1565
1568
|
.pf-v6-c-banner a {
|
|
1566
1569
|
color: var(--pf-v6-c-banner--link--Color);
|
|
1567
1570
|
text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
|
|
1571
|
+
text-decoration-color: var(--pf-v6-c-banner--a--TextDecorationColor);
|
|
1568
1572
|
}
|
|
1569
1573
|
.pf-v6-c-banner a:hover:not(.pf-m-disabled) {
|
|
1570
1574
|
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--hover--Color);
|
|
@@ -1576,7 +1580,11 @@ div.pf-v6-c-avatar {
|
|
|
1576
1580
|
.pf-v6-c-banner .pf-v6-c-button.pf-m-inline {
|
|
1577
1581
|
--pf-v6-c-button--m-link--m-inline--Color: var(--pf-v6-c-banner--link--Color);
|
|
1578
1582
|
--pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
|
|
1583
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-v6-c-banner--link--clicked--Color);
|
|
1579
1584
|
--pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
|
|
1585
|
+
--pf-v6-c-button--m-link--m-inline--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
|
|
1586
|
+
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
|
|
1587
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
|
|
1580
1588
|
text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
|
|
1581
1589
|
}
|
|
1582
1590
|
.pf-v6-c-banner .pf-v6-c-button.pf-m-inline:disabled, .pf-v6-c-banner .pf-v6-c-button.pf-m-inline.pf-m-disabled {
|
|
@@ -1671,9 +1679,9 @@ div.pf-v6-c-avatar {
|
|
|
1671
1679
|
--pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
1672
1680
|
--pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
|
|
1673
1681
|
--pf-v6-c-breadcrumb__heading--FontSize: var(--pf-v6-c-breadcrumb__item--FontSize);
|
|
1674
|
-
--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--
|
|
1682
|
+
--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
1675
1683
|
--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
|
|
1676
|
-
--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--
|
|
1684
|
+
--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
1677
1685
|
--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
|
|
1678
1686
|
}
|
|
1679
1687
|
|
|
@@ -1721,7 +1729,7 @@ div.pf-v6-c-avatar {
|
|
|
1721
1729
|
font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
|
|
1722
1730
|
line-height: inherit;
|
|
1723
1731
|
color: var(--pf-v6-c-breadcrumb__link--Color);
|
|
1724
|
-
overflow-wrap:
|
|
1732
|
+
overflow-wrap: anywhere;
|
|
1725
1733
|
text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
|
|
1726
1734
|
text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
|
|
1727
1735
|
text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
|
|
@@ -1893,6 +1901,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1893
1901
|
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
1894
1902
|
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
1895
1903
|
--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
|
|
1904
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
|
|
1905
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
1906
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
1907
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
|
|
1896
1908
|
--pf-v6-c-button--m-link--m-inline--TransitionProperty: color, text-underline-offset;
|
|
1897
1909
|
--pf-v6-c-button--m-link--m-inline--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), var(--pf-t--global--motion--duration--lg);
|
|
1898
1910
|
--pf-v6-c-button--m-link--m-inline--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate), var(--pf-t--global--motion--timing-function--default);
|
|
@@ -1907,6 +1919,8 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1907
1919
|
--pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
|
|
1908
1920
|
--pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
1909
1921
|
--pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
|
|
1922
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
|
|
1923
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
|
|
1910
1924
|
--pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
|
|
1911
1925
|
--pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
1912
1926
|
--pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
@@ -2279,9 +2293,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2279
2293
|
--pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
|
|
2280
2294
|
--pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
|
|
2281
2295
|
--pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
|
|
2282
|
-
--pf-v6-c-button--
|
|
2296
|
+
--pf-v6-c-button--m-clicked--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine);
|
|
2297
|
+
--pf-v6-c-button--m-clicked--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle);
|
|
2298
|
+
--pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor);
|
|
2299
|
+
--pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
|
|
2283
2300
|
--pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
|
|
2284
2301
|
--pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
|
|
2302
|
+
--pf-v6-c-button--m-link--m-clicked--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked--Color);
|
|
2303
|
+
--pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color);
|
|
2285
2304
|
--pf-v6-c-button--BorderWidth: 0;
|
|
2286
2305
|
--pf-v6-c-button--hover--BorderWidth: 0;
|
|
2287
2306
|
--pf-v6-c-button--m-clicked--BorderWidth: 0;
|
|
@@ -2294,6 +2313,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2294
2313
|
.pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
|
|
2295
2314
|
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
|
|
2296
2315
|
}
|
|
2316
|
+
.pf-v6-c-button.pf-m-link.pf-m-inline:active, .pf-v6-c-button.pf-m-link.pf-m-inline.pf-m-clicked {
|
|
2317
|
+
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
|
|
2318
|
+
}
|
|
2297
2319
|
.pf-v6-c-button.pf-m-link.pf-m-danger {
|
|
2298
2320
|
--pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
|
|
2299
2321
|
--pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
|
|
@@ -2998,13 +3020,13 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2998
3020
|
--pf-v6-c-card__footer--Color: var(--pf-t--global--text--color--subtle);
|
|
2999
3021
|
--pf-v6-c-card__actions--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
3000
3022
|
--pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
3001
|
-
--pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--
|
|
3002
|
-
--pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--
|
|
3023
|
+
--pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
3024
|
+
--pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
3003
3025
|
--pf-v6-c-card__header--m-wrap--RowGap: var(--pf-t--global--spacer--sm);
|
|
3004
3026
|
--pf-v6-c-card__header--m-wrap--ColumnGap: var(--pf-t--global--spacer--md);
|
|
3005
|
-
--pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--
|
|
3027
|
+
--pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
3006
3028
|
--pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
3007
|
-
--pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--
|
|
3029
|
+
--pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
3008
3030
|
--pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
3009
3031
|
--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
3010
3032
|
--pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
@@ -3542,7 +3564,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3542
3564
|
}
|
|
3543
3565
|
|
|
3544
3566
|
.pf-v6-c-clipboard-copy__text {
|
|
3545
|
-
overflow-wrap:
|
|
3567
|
+
overflow-wrap: anywhere;
|
|
3546
3568
|
white-space: normal;
|
|
3547
3569
|
}
|
|
3548
3570
|
.pf-v6-c-clipboard-copy__text.pf-m-code {
|
|
@@ -4971,7 +4993,7 @@ ul) {
|
|
|
4971
4993
|
--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
|
|
4972
4994
|
--pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
4973
4995
|
--pf-v6-c-data-list__item--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
4974
|
-
--pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(
|
|
4996
|
+
--pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
4975
4997
|
--pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
4976
4998
|
--pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
|
|
4977
4999
|
--pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
@@ -5004,8 +5026,8 @@ ul) {
|
|
|
5004
5026
|
--pf-v6-c-data-list--cell--WordBreak: normal;
|
|
5005
5027
|
--pf-v6-c-data-list--cell--m-truncate--MinWidth: 5ch;
|
|
5006
5028
|
--pf-v6-c-data-list__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
5007
|
-
--pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--
|
|
5008
|
-
--pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--
|
|
5029
|
+
--pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
5030
|
+
--pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
5009
5031
|
--pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
|
|
5010
5032
|
--pf-v6-c-data-list__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
5011
5033
|
--pf-v6-c-data-list__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
@@ -5036,8 +5058,8 @@ ul) {
|
|
|
5036
5058
|
--pf-v6-c-data-list__item-action--Display: flex;
|
|
5037
5059
|
--pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
5038
5060
|
--pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
5039
|
-
--pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--
|
|
5040
|
-
--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--
|
|
5061
|
+
--pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--plain);
|
|
5062
|
+
--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--plain);
|
|
5041
5063
|
--pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
|
|
5042
5064
|
--pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
|
5043
5065
|
--pf-v6-c-data-list__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
@@ -5713,6 +5735,7 @@ ul) {
|
|
|
5713
5735
|
--pf-v6-c-draggable--m-dragging--Cursor: grabbing;
|
|
5714
5736
|
--pf-v6-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
5715
5737
|
--pf-v6-c-draggable--m-dragging--BackgroundColor: transparent;
|
|
5738
|
+
--pf-v6-c-draggable--m-dragging--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
5716
5739
|
--pf-v6-c-draggable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
5717
5740
|
--pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
|
|
5718
5741
|
--pf-v6-c-draggable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
@@ -5727,6 +5750,7 @@ ul) {
|
|
|
5727
5750
|
--pf-v6-c-draggable--Cursor: var(--pf-v6-c-draggable--m-dragging--Cursor);
|
|
5728
5751
|
position: relative;
|
|
5729
5752
|
background-color: var(--pf-v6-c-draggable--m-dragging--BackgroundColor);
|
|
5753
|
+
border-radius: var(--pf-v6-c-draggable--m-dragging--BorderRadius);
|
|
5730
5754
|
box-shadow: var(--pf-v6-c-draggable--m-dragging--BoxShadow);
|
|
5731
5755
|
}
|
|
5732
5756
|
.pf-v6-c-draggable.pf-m-dragging::after {
|
|
@@ -5746,6 +5770,7 @@ ul) {
|
|
|
5746
5770
|
|
|
5747
5771
|
.pf-v6-c-droppable {
|
|
5748
5772
|
--pf-v6-c-droppable--before--BackgroundColor: transparent;
|
|
5773
|
+
--pf-v6-c-droppable--before--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
5749
5774
|
--pf-v6-c-droppable--before--Opacity: 0;
|
|
5750
5775
|
--pf-v6-c-droppable--after--BorderWidth: 0;
|
|
5751
5776
|
--pf-v6-c-droppable--after--BorderColor: transparent;
|
|
@@ -5768,6 +5793,7 @@ ul) {
|
|
|
5768
5793
|
}
|
|
5769
5794
|
.pf-v6-c-droppable::before {
|
|
5770
5795
|
background-color: var(--pf-v6-c-droppable--before--BackgroundColor);
|
|
5796
|
+
border-radius: var(--pf-v6-c-droppable--before--BorderRadius);
|
|
5771
5797
|
opacity: var(--pf-v6-c-droppable--before--Opacity);
|
|
5772
5798
|
}
|
|
5773
5799
|
.pf-v6-c-droppable::after {
|
|
@@ -5863,7 +5889,7 @@ ul) {
|
|
|
5863
5889
|
--pf-v6-c-dual-list-selector__item-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
5864
5890
|
--pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
5865
5891
|
--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
|
|
5866
|
-
--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate:
|
|
5892
|
+
--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
|
|
5867
5893
|
--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
5868
5894
|
--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
5869
5895
|
--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
|
|
@@ -9003,8 +9029,8 @@ ul) {
|
|
|
9003
9029
|
--pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
9004
9030
|
--pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
9005
9031
|
--pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
|
|
9006
|
-
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--
|
|
9007
|
-
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--
|
|
9032
|
+
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
9033
|
+
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
9008
9034
|
}
|
|
9009
9035
|
|
|
9010
9036
|
.pf-v6-c-hint {
|
|
@@ -11666,7 +11692,7 @@ ul.pf-v6-c-list {
|
|
|
11666
11692
|
--pf-v6-c-menu__item-toggle-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
|
|
11667
11693
|
--pf-v6-c-menu__item-external--Color: transparent;
|
|
11668
11694
|
--pf-v6-c-menu__item-select-icon--Color: transparent;
|
|
11669
|
-
--pf-v6-c-menu__item-description--Color: var(--pf-v6-c-
|
|
11695
|
+
--pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu__item--m-disabled--Color);
|
|
11670
11696
|
--pf-v6-c-menu__list-item--BackgroundColor: transparent;
|
|
11671
11697
|
--pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
|
|
11672
11698
|
--pf-v6-c-menu__list-item--hover--BorderColor: transparent;
|
|
@@ -12033,7 +12059,7 @@ ul.pf-v6-c-list {
|
|
|
12033
12059
|
.pf-v6-c-menu__item-description {
|
|
12034
12060
|
font-size: var(--pf-v6-c-menu__item-description--FontSize);
|
|
12035
12061
|
color: var(--pf-v6-c-menu__item-description--Color);
|
|
12036
|
-
overflow-wrap:
|
|
12062
|
+
overflow-wrap: anywhere;
|
|
12037
12063
|
}
|
|
12038
12064
|
|
|
12039
12065
|
.pf-v6-c-menu__item-check .pf-v6-c-check {
|
|
@@ -12681,7 +12707,7 @@ ul.pf-v6-c-list {
|
|
|
12681
12707
|
--pf-v6-c-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
12682
12708
|
--pf-v6-c-modal-box__header--Gap: var(--pf-t--global--spacer--md);
|
|
12683
12709
|
--pf-v6-c-modal-box__header-main--Gap: var(--pf-t--global--spacer--md);
|
|
12684
|
-
--pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--
|
|
12710
|
+
--pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
12685
12711
|
--pf-v6-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
12686
12712
|
--pf-v6-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
12687
12713
|
--pf-v6-c-modal-box__title--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
@@ -12703,8 +12729,8 @@ ul.pf-v6-c-list {
|
|
|
12703
12729
|
--pf-v6-c-modal-box__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
12704
12730
|
--pf-v6-c-modal-box__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
12705
12731
|
--pf-v6-c-modal-box__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
12706
|
-
--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--
|
|
12707
|
-
--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd:
|
|
12732
|
+
--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
12733
|
+
--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
12708
12734
|
}
|
|
12709
12735
|
|
|
12710
12736
|
.pf-v6-c-modal-box {
|
|
@@ -12830,7 +12856,7 @@ ul.pf-v6-c-list {
|
|
|
12830
12856
|
overflow-x: hidden;
|
|
12831
12857
|
overflow-y: auto;
|
|
12832
12858
|
overscroll-behavior: contain;
|
|
12833
|
-
overflow-wrap:
|
|
12859
|
+
overflow-wrap: anywhere;
|
|
12834
12860
|
-webkit-overflow-scrolling: touch;
|
|
12835
12861
|
}
|
|
12836
12862
|
.pf-v6-c-modal-box__body:last-child {
|
|
@@ -13066,8 +13092,8 @@ ul.pf-v6-c-list {
|
|
|
13066
13092
|
}
|
|
13067
13093
|
|
|
13068
13094
|
.pf-v6-c-nav {
|
|
13069
|
-
--pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
13070
|
-
--pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
13095
|
+
--pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
13096
|
+
--pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
13071
13097
|
--pf-v6-c-nav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
13072
13098
|
--pf-v6-c-nav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
13073
13099
|
--pf-v6-c-nav__list--RowGap: var(--pf-t--global--spacer--sm);
|
|
@@ -13704,7 +13730,7 @@ ul.pf-v6-c-list {
|
|
|
13704
13730
|
|
|
13705
13731
|
.pf-v6-c-notification-drawer__list-item-header-title {
|
|
13706
13732
|
font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
|
|
13707
|
-
overflow-wrap:
|
|
13733
|
+
overflow-wrap: anywhere;
|
|
13708
13734
|
}
|
|
13709
13735
|
.pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
|
|
13710
13736
|
display: -webkit-box;
|
|
@@ -13726,7 +13752,7 @@ ul.pf-v6-c-list {
|
|
|
13726
13752
|
grid-row: 2/3;
|
|
13727
13753
|
grid-column: 1/2;
|
|
13728
13754
|
margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
|
|
13729
|
-
overflow-wrap:
|
|
13755
|
+
overflow-wrap: anywhere;
|
|
13730
13756
|
}
|
|
13731
13757
|
|
|
13732
13758
|
.pf-v6-c-notification-drawer__list-item-timestamp {
|
|
@@ -13771,7 +13797,7 @@ ul.pf-v6-c-list {
|
|
|
13771
13797
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
|
|
13772
13798
|
font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
|
|
13773
13799
|
text-align: start;
|
|
13774
|
-
overflow-wrap:
|
|
13800
|
+
overflow-wrap: anywhere;
|
|
13775
13801
|
}
|
|
13776
13802
|
|
|
13777
13803
|
.pf-v6-c-notification-drawer__group-toggle-count {
|
|
@@ -13861,11 +13887,12 @@ ul.pf-v6-c-list {
|
|
|
13861
13887
|
--pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-t--global--box-shadow--sm--right);
|
|
13862
13888
|
--pf-v6-c-page__dock-main--desktop--BoxShadow: var(--pf-t--global--box-shadow--glass--default, none);
|
|
13863
13889
|
--pf-v6-c-page__dock-main--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary, revert);
|
|
13864
|
-
--pf-v6-c-page__dock-main--BorderInlineEndWidth:
|
|
13890
|
+
--pf-v6-c-page__dock-main--BorderInlineEndWidth: 0;
|
|
13865
13891
|
--pf-v6-c-page__dock-main--BorderInlineEndColor: transparent;
|
|
13866
|
-
--pf-v6-c-page__dock-main--desktop--
|
|
13892
|
+
--pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
|
|
13893
|
+
--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
|
|
13867
13894
|
--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, var(--pf-t--global--border--width--regular));
|
|
13868
|
-
--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor:
|
|
13895
|
+
--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: transparent;
|
|
13869
13896
|
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
|
|
13870
13897
|
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13871
13898
|
--pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
@@ -14261,8 +14288,6 @@ ul.pf-v6-c-list {
|
|
|
14261
14288
|
}
|
|
14262
14289
|
@media (min-width: 62rem) {
|
|
14263
14290
|
.pf-v6-c-page__dock {
|
|
14264
|
-
--pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
|
|
14265
|
-
--pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
|
|
14266
14291
|
position: revert;
|
|
14267
14292
|
inset: revert;
|
|
14268
14293
|
visibility: revert;
|
|
@@ -14290,6 +14315,9 @@ ul.pf-v6-c-list {
|
|
|
14290
14315
|
}
|
|
14291
14316
|
@media (min-width: 62rem) {
|
|
14292
14317
|
.pf-v6-c-page__dock-main {
|
|
14318
|
+
--pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth);
|
|
14319
|
+
--pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
|
|
14320
|
+
--pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
|
|
14293
14321
|
--pf-v6-c-page__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
|
|
14294
14322
|
--pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
|
|
14295
14323
|
--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth);
|
|
@@ -15023,7 +15051,8 @@ ul.pf-v6-c-list {
|
|
|
15023
15051
|
--pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
|
|
15024
15052
|
--pf-v6-c-pagination--m-sticky-stuck--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
|
|
15025
15053
|
--pf-v6-c-pagination--m-sticky--BorderRadius--glass: var(--pf-t--global--border--radius--medium);
|
|
15026
|
-
--pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--
|
|
15054
|
+
--pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
|
|
15055
|
+
--pf-v6-c-pagination--m-bottom--BorderRadius: 0;
|
|
15027
15056
|
--pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
15028
15057
|
--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
15029
15058
|
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
|
|
@@ -15037,6 +15066,8 @@ ul.pf-v6-c-list {
|
|
|
15037
15066
|
--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
|
|
15038
15067
|
--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
15039
15068
|
--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
15069
|
+
--pf-v6-c-pagination--m-bottom--m-static--BorderRadius: 0;
|
|
15070
|
+
--pf-v6-c-pagination--m-bottom--m-static--BackgroundColor: transparent;
|
|
15040
15071
|
--pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd: 0;
|
|
15041
15072
|
}
|
|
15042
15073
|
:where(:root.pf-v6-theme-glass) .pf-v6-c-pagination {
|
|
@@ -15044,6 +15075,9 @@ ul.pf-v6-c-list {
|
|
|
15044
15075
|
--pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--sm);
|
|
15045
15076
|
--pf-v6-c-pagination--m-sticky--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
|
|
15046
15077
|
--pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
|
|
15078
|
+
--pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm);
|
|
15079
|
+
--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
|
|
15080
|
+
--pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
|
|
15047
15081
|
}
|
|
15048
15082
|
.pf-v6-c-pagination {
|
|
15049
15083
|
--pf-v6-c-pagination__page-menu--Display--base: block;
|
|
@@ -15055,6 +15089,7 @@ ul.pf-v6-c-list {
|
|
|
15055
15089
|
}
|
|
15056
15090
|
@media screen and (min-width: 48rem) {
|
|
15057
15091
|
.pf-v6-c-pagination {
|
|
15092
|
+
--pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
|
|
15058
15093
|
--pf-v6-c-pagination--m-bottom--BoxShadow: none;
|
|
15059
15094
|
--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
|
|
15060
15095
|
--pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
|
|
@@ -15080,9 +15115,6 @@ ul.pf-v6-c-list {
|
|
|
15080
15115
|
border-block-start-width: var(--pf-v6-c-pagination--BorderBlockStartWidth);
|
|
15081
15116
|
border-block-end-width: var(--pf-v6-c-pagination--BorderBlockEndWidth);
|
|
15082
15117
|
}
|
|
15083
|
-
: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) {
|
|
15084
|
-
--pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
|
|
15085
|
-
}
|
|
15086
15118
|
.pf-v6-c-pagination .pf-v6-c-pagination__page-menu {
|
|
15087
15119
|
display: var(--pf-v6-c-pagination__page-menu--Display);
|
|
15088
15120
|
}
|
|
@@ -15098,11 +15130,9 @@ ul.pf-v6-c-list {
|
|
|
15098
15130
|
padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
|
|
15099
15131
|
padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
|
|
15100
15132
|
background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
|
|
15133
|
+
border-radius: var(--pf-v6-c-pagination--m-bottom--BorderRadius);
|
|
15101
15134
|
box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
|
|
15102
15135
|
}
|
|
15103
|
-
:where(:root.pf-v6-theme-glass) .pf-v6-c-pagination.pf-m-bottom.pf-m-sticky-base:not(.pf-m-sticky-stuck) {
|
|
15104
|
-
--pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
|
|
15105
|
-
}
|
|
15106
15136
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
|
|
15107
15137
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
|
|
15108
15138
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
|
|
@@ -15121,6 +15151,7 @@ ul.pf-v6-c-list {
|
|
|
15121
15151
|
.pf-v6-c-pagination.pf-m-bottom {
|
|
15122
15152
|
--pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
|
|
15123
15153
|
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
|
|
15154
|
+
--pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
|
|
15124
15155
|
position: relative;
|
|
15125
15156
|
justify-content: flex-end;
|
|
15126
15157
|
padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
|
|
@@ -15145,12 +15176,14 @@ ul.pf-v6-c-list {
|
|
|
15145
15176
|
}
|
|
15146
15177
|
}
|
|
15147
15178
|
.pf-v6-c-pagination.pf-m-static {
|
|
15179
|
+
--pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-v6-c-pagination--m-bottom--m-static--BackgroundColor);
|
|
15148
15180
|
position: relative;
|
|
15149
15181
|
padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
|
|
15150
15182
|
padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
|
|
15151
15183
|
padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
|
|
15152
15184
|
padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
|
|
15153
15185
|
border: 0;
|
|
15186
|
+
border-radius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
|
|
15154
15187
|
box-shadow: none;
|
|
15155
15188
|
}
|
|
15156
15189
|
.pf-v6-c-pagination.pf-m-sticky {
|
|
@@ -15423,7 +15456,7 @@ ul.pf-v6-c-list {
|
|
|
15423
15456
|
--pf-v6-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
15424
15457
|
--pf-v6-c-panel--BoxShadow: none;
|
|
15425
15458
|
--pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
15426
|
-
--pf-v6-c-panel--before--BorderWidth:
|
|
15459
|
+
--pf-v6-c-panel--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
15427
15460
|
--pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
15428
15461
|
--pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
15429
15462
|
--pf-v6-c-panel--m-secondary--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
@@ -15603,7 +15636,7 @@ ul.pf-v6-c-list {
|
|
|
15603
15636
|
--pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
|
|
15604
15637
|
--pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
|
|
15605
15638
|
--pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
|
|
15606
|
-
--pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--
|
|
15639
|
+
--pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--plain));
|
|
15607
15640
|
--pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
|
|
15608
15641
|
--pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
15609
15642
|
--pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -15904,7 +15937,7 @@ ul.pf-v6-c-list {
|
|
|
15904
15937
|
|
|
15905
15938
|
.pf-v6-c-progress__description {
|
|
15906
15939
|
grid-column: 1/2;
|
|
15907
|
-
overflow-wrap:
|
|
15940
|
+
overflow-wrap: anywhere;
|
|
15908
15941
|
}
|
|
15909
15942
|
.pf-v6-c-progress__description.pf-m-truncate {
|
|
15910
15943
|
overflow: hidden;
|
|
@@ -15920,7 +15953,7 @@ ul.pf-v6-c-list {
|
|
|
15920
15953
|
align-items: flex-start;
|
|
15921
15954
|
justify-content: flex-end;
|
|
15922
15955
|
text-align: end;
|
|
15923
|
-
overflow-wrap:
|
|
15956
|
+
overflow-wrap: anywhere;
|
|
15924
15957
|
}
|
|
15925
15958
|
|
|
15926
15959
|
.pf-v6-c-progress__status-icon {
|
|
@@ -19500,8 +19533,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19500
19533
|
--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
19501
19534
|
--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
19502
19535
|
--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: -180deg;
|
|
19503
|
-
--pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
19504
|
-
--pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
19536
|
+
--pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
19537
|
+
--pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
19505
19538
|
--pf-v6-c-table__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
19506
19539
|
--pf-v6-c-table__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
19507
19540
|
--pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
|
|
@@ -19601,7 +19634,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19601
19634
|
--pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
19602
19635
|
--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
|
|
19603
19636
|
--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor: var(--pf-v6-c-table--BorderColor);
|
|
19604
|
-
--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex:
|
|
19637
|
+
--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: initial;
|
|
19605
19638
|
--pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
|
|
19606
19639
|
--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
19607
19640
|
--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -19644,16 +19677,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19644
19677
|
.pf-v6-c-table.pf-m-fixed {
|
|
19645
19678
|
table-layout: fixed;
|
|
19646
19679
|
}
|
|
19647
|
-
.pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::
|
|
19680
|
+
.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 {
|
|
19648
19681
|
opacity: 0;
|
|
19649
19682
|
transition-timing-function: var(--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor);
|
|
19650
19683
|
transition-duration: var(--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor);
|
|
19651
19684
|
transition-property: opacity;
|
|
19652
19685
|
}
|
|
19653
|
-
.pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-stuck {
|
|
19654
|
-
--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
|
|
19655
|
-
}
|
|
19656
|
-
.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 {
|
|
19686
|
+
.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 {
|
|
19657
19687
|
opacity: 1;
|
|
19658
19688
|
}
|
|
19659
19689
|
.pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-base {
|
|
@@ -19664,27 +19694,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19664
19694
|
inset-block-start: 0;
|
|
19665
19695
|
z-index: var(--pf-v6-c-table--m-sticky-header--ZIndex);
|
|
19666
19696
|
}
|
|
19667
|
-
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::
|
|
19697
|
+
.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 {
|
|
19668
19698
|
position: absolute;
|
|
19669
19699
|
inset: 0;
|
|
19670
19700
|
z-index: -1;
|
|
19671
19701
|
pointer-events: none;
|
|
19672
19702
|
content: "";
|
|
19673
|
-
background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
|
|
19674
19703
|
border-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
|
|
19675
19704
|
box-shadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow);
|
|
19676
19705
|
}
|
|
19677
|
-
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead
|
|
19678
|
-
z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
|
|
19679
|
-
}
|
|
19680
|
-
.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 {
|
|
19706
|
+
.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 {
|
|
19681
19707
|
position: absolute;
|
|
19682
19708
|
inset: 0;
|
|
19683
|
-
z-index:
|
|
19709
|
+
z-index: -1;
|
|
19684
19710
|
pointer-events: none;
|
|
19685
19711
|
content: "";
|
|
19712
|
+
background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
|
|
19686
19713
|
border-block-end: var(--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth) solid var(--pf-v6-c-table--m-sticky-header--BorderBlockEndColor);
|
|
19687
19714
|
}
|
|
19715
|
+
.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 {
|
|
19716
|
+
border-start-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
|
|
19717
|
+
border-end-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
|
|
19718
|
+
}
|
|
19719
|
+
.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 {
|
|
19720
|
+
border-start-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
|
|
19721
|
+
border-end-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
|
|
19722
|
+
}
|
|
19723
|
+
.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) {
|
|
19724
|
+
z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
|
|
19725
|
+
}
|
|
19726
|
+
: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 {
|
|
19727
|
+
--pf-v6-c-table--m-sticky-header--BorderRadius: 0;
|
|
19728
|
+
--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
|
|
19729
|
+
}
|
|
19688
19730
|
.pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) {
|
|
19689
19731
|
border-block-end: 0;
|
|
19690
19732
|
}
|
|
@@ -20395,14 +20437,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20395
20437
|
vertical-align: bottom;
|
|
20396
20438
|
}
|
|
20397
20439
|
.pf-v6-c-table__thead.pf-m-nested-column-header {
|
|
20440
|
+
--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
|
|
20398
20441
|
position: relative;
|
|
20399
20442
|
}
|
|
20400
|
-
.pf-v6-c-table__thead.pf-m-nested-column-header
|
|
20401
|
-
position: absolute;
|
|
20402
|
-
inset: 0;
|
|
20443
|
+
.pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__tr:last-child:not(.pf-m-border-row) {
|
|
20403
20444
|
z-index: var(--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex);
|
|
20404
|
-
pointer-events: none;
|
|
20405
|
-
content: "";
|
|
20406
20445
|
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);
|
|
20407
20446
|
}
|
|
20408
20447
|
.pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
|
|
@@ -20443,7 +20482,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20443
20482
|
border-block-end: 0;
|
|
20444
20483
|
}
|
|
20445
20484
|
.pf-v6-c-table__tr.pf-m-border-row {
|
|
20446
|
-
|
|
20485
|
+
height: var(--pf-v6-c-table--border-width--base);
|
|
20486
|
+
background-color: var(--pf-v6-c-table--BorderColor);
|
|
20447
20487
|
}
|
|
20448
20488
|
|
|
20449
20489
|
.pf-v6-c-table__tfoot {
|
|
@@ -20597,6 +20637,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20597
20637
|
--pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart: 0;
|
|
20598
20638
|
}
|
|
20599
20639
|
|
|
20640
|
+
.pf-v6-c-table.pf-m-tree-view {
|
|
20641
|
+
--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 90deg;
|
|
20642
|
+
}
|
|
20600
20643
|
.pf-v6-c-table.pf-m-tree-view > tbody > tr {
|
|
20601
20644
|
--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
|
|
20602
20645
|
}
|
|
@@ -22726,7 +22769,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
22726
22769
|
|
|
22727
22770
|
.pf-v6-c-title {
|
|
22728
22771
|
font-family: var(--pf-v6-c-title--FontFamily);
|
|
22729
|
-
overflow-wrap:
|
|
22772
|
+
overflow-wrap: anywhere;
|
|
22730
22773
|
}
|
|
22731
22774
|
.pf-v6-c-title.pf-m-4xl {
|
|
22732
22775
|
font-size: var(--pf-v6-c-title--m-4xl--FontSize);
|
|
@@ -25148,7 +25191,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25148
25191
|
font-size: var(--pf-v6-c-tooltip__content--FontSize);
|
|
25149
25192
|
color: var(--pf-v6-c-tooltip__content--Color);
|
|
25150
25193
|
text-align: center;
|
|
25151
|
-
overflow-wrap:
|
|
25194
|
+
overflow-wrap: anywhere;
|
|
25152
25195
|
background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
|
|
25153
25196
|
border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
|
|
25154
25197
|
}
|
|
@@ -25262,12 +25305,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25262
25305
|
}
|
|
25263
25306
|
|
|
25264
25307
|
.pf-v6-c-tree-view {
|
|
25265
|
-
--pf-v6-c-tree-view__node--indent--base: calc(var(--pf-
|
|
25308
|
+
--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));
|
|
25266
25309
|
--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));
|
|
25267
25310
|
--pf-v6-c-tree-view__content--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
25268
|
-
--pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
25269
|
-
--pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
25270
|
-
--pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
25311
|
+
--pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
25312
|
+
--pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
|
|
25313
|
+
--pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
25271
25314
|
--pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
|
|
25272
25315
|
--pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
|
|
25273
25316
|
--pf-v6-c-tree-view__node--BackgroundColor: transparent;
|
|
@@ -25311,9 +25354,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25311
25354
|
--pf-v6-c-tree-view__node-toggle--BackgroundColor: transparent;
|
|
25312
25355
|
--pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-t--global--icon--color--regular);
|
|
25313
25356
|
--pf-v6-c-tree-view__node-toggle-icon--MinWidth: var(--pf-t--global--icon--size--font--body--default);
|
|
25314
|
-
--pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
25357
|
+
--pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
25315
25358
|
--pf-v6-c-tree-view__node-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
25316
|
-
--pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
25359
|
+
--pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
25317
25360
|
--pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
25318
25361
|
--pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
|
|
25319
25362
|
--pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
|
|
@@ -25329,7 +25372,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25329
25372
|
--pf-v6-c-tree-view__node-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
25330
25373
|
--pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
|
|
25331
25374
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
25332
|
-
--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate:
|
|
25375
|
+
--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
|
|
25333
25376
|
--pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
25334
25377
|
--pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
25335
25378
|
--pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
@@ -26060,7 +26103,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
26060
26103
|
align-items: baseline;
|
|
26061
26104
|
margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
|
|
26062
26105
|
text-align: start;
|
|
26063
|
-
overflow-wrap:
|
|
26106
|
+
overflow-wrap: anywhere;
|
|
26064
26107
|
}
|
|
26065
26108
|
.pf-v6-c-wizard__toggle-list-item:not(:last-child) {
|
|
26066
26109
|
margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
|
|
@@ -26196,7 +26239,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
26196
26239
|
padding-inline: 0;
|
|
26197
26240
|
color: var(--pf-v6-c-wizard__nav-link--Color);
|
|
26198
26241
|
text-align: start;
|
|
26199
|
-
overflow-wrap:
|
|
26242
|
+
overflow-wrap: anywhere;
|
|
26200
26243
|
text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
|
|
26201
26244
|
counter-increment: wizard-nav-count;
|
|
26202
26245
|
background-color: transparent;
|
|
@@ -26315,7 +26358,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
26315
26358
|
flex-direction: column;
|
|
26316
26359
|
overflow-x: hidden;
|
|
26317
26360
|
overflow-y: auto;
|
|
26318
|
-
overflow-wrap:
|
|
26361
|
+
overflow-wrap: anywhere;
|
|
26319
26362
|
}
|
|
26320
26363
|
|
|
26321
26364
|
.pf-v6-c-wizard__main-body {
|