@patternfly/patternfly 6.5.0-prerelease.65 → 6.5.0-prerelease.67
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/components/Accordion/accordion.css +1 -2
- package/components/Accordion/accordion.scss +2 -2
- package/components/Breadcrumb/breadcrumb.css +6 -2
- package/components/Breadcrumb/breadcrumb.scss +6 -2
- package/components/DataList/data-list.css +1 -1
- package/components/DataList/data-list.scss +2 -2
- package/components/Drawer/drawer.css +3 -5
- package/components/Drawer/drawer.scss +7 -9
- package/components/MenuToggle/menu-toggle.css +1 -1
- package/components/MenuToggle/menu-toggle.scss +1 -1
- package/components/Page/page.css +11 -11
- package/components/Page/page.scss +2 -2
- package/components/Table/table.css +59 -21
- package/components/Table/table.scss +77 -26
- package/components/Wizard/wizard.css +2 -2
- package/components/Wizard/wizard.scss +4 -4
- package/components/_index.css +84 -45
- package/docs/components/ActionList/examples/ActionList.md +2 -2
- package/docs/components/Alert/examples/Alert.md +4 -4
- package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
- package/docs/components/Button/examples/Button.md +31 -31
- package/docs/components/Icon/examples/Icon.md +13 -1
- package/docs/components/Menu/examples/Menu.md +26 -2
- package/docs/components/MenuToggle/examples/MenuToggle.md +172 -64
- package/docs/components/Table/examples/Table.css +2 -1
- package/docs/components/Table/examples/Table.md +1330 -166
- package/docs/components/Toolbar/examples/Toolbar.md +67 -7
- package/docs/components/TreeView/examples/TreeView.md +4 -4
- package/docs/components/Wizard/examples/Wizard.md +1 -1
- package/docs/demos/AboutModal/examples/AboutModal.md +23 -15
- package/docs/demos/Alert/examples/Alert.md +69 -45
- package/docs/demos/BackToTop/examples/BackToTop.md +23 -15
- package/docs/demos/Banner/examples/Banner.md +46 -30
- package/docs/demos/CardView/examples/CardView.md +36 -16
- package/docs/demos/Compass/examples/Compass.md +76 -19
- package/docs/demos/Dashboard/examples/Dashboard.md +23 -15
- package/docs/demos/DataList/examples/DataList.md +157 -65
- package/docs/demos/DescriptionList/examples/DescriptionList.md +69 -45
- package/docs/demos/Drawer/examples/Drawer.md +115 -75
- package/docs/demos/JumpLinks/examples/JumpLinks.md +138 -90
- package/docs/demos/Masthead/examples/Masthead.md +101 -21
- package/docs/demos/Modal/examples/Modal.md +138 -90
- package/docs/demos/Nav/examples/Nav.md +188 -120
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +115 -75
- package/docs/demos/Page/examples/Page.md +361 -213
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +265 -113
- package/docs/demos/Skeleton/examples/Skeleton.md +23 -15
- package/docs/demos/Table/examples/Table.md +3561 -618
- package/docs/demos/Tabs/examples/Tabs.md +151 -91
- package/docs/demos/Toolbar/examples/Toolbar.md +546 -106
- package/docs/demos/Wizard/examples/Wizard.md +207 -135
- package/package.json +2 -2
- package/patternfly-no-globals.css +84 -45
- package/patternfly.css +84 -45
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@patternfly/patternfly",
|
|
3
3
|
"description": "Assets, source, tooling, and content for PatternFly 4",
|
|
4
|
-
"version": "6.5.0-prerelease.
|
|
4
|
+
"version": "6.5.0-prerelease.67",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"scripts": {
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
"@commitlint/config-conventional": "^19.1.0",
|
|
70
70
|
"@fortawesome/fontawesome": "^1.1.8",
|
|
71
71
|
"@octokit/rest": "^20.1.0",
|
|
72
|
-
"@patternfly/documentation-framework": "6.
|
|
72
|
+
"@patternfly/documentation-framework": "6.37.0",
|
|
73
73
|
"@patternfly/patternfly-a11y": "5.1.0",
|
|
74
74
|
"@patternfly/react-code-editor": "6.4.1",
|
|
75
75
|
"@patternfly/react-core": "6.4.1",
|
|
@@ -9453,13 +9453,12 @@
|
|
|
9453
9453
|
row-gap: var(--pf-v6-c-accordion--RowGap);
|
|
9454
9454
|
background-color: var(--pf-v6-c-accordion--BackgroundColor);
|
|
9455
9455
|
}
|
|
9456
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-accordion
|
|
9456
|
+
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-accordion.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-accordion:not(.pf-m-no-plain-on-glass) {
|
|
9457
9457
|
--pf-v6-c-accordion--BackgroundColor: transparent;
|
|
9458
9458
|
--pf-v6-c-accordion__expandable-content--BackgroundColor: transparent;
|
|
9459
9459
|
--pf-v6-c-accordion__item--m-expanded--BackgroundColor: transparent;
|
|
9460
9460
|
--pf-v6-c-accordion__item--m-expanded__toggle--BackgroundColor: var(--pf-v6-c-accordion--m-plain__item--m-expanded__toggle--BackgroundColor);
|
|
9461
9461
|
}
|
|
9462
|
-
|
|
9463
9462
|
.pf-v6-c-accordion.pf-m-toggle-start {
|
|
9464
9463
|
--pf-v6-c-accordion__toggle--ColumnGap: var(--pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap);
|
|
9465
9464
|
}
|
|
@@ -10648,7 +10647,7 @@
|
|
|
10648
10647
|
}
|
|
10649
10648
|
|
|
10650
10649
|
.pf-v6-c-breadcrumb {
|
|
10651
|
-
--pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--
|
|
10650
|
+
--pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--default);
|
|
10652
10651
|
--pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
10653
10652
|
--pf-v6-c-breadcrumb__item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
10654
10653
|
--pf-v6-c-breadcrumb__item-divider--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -10659,12 +10658,14 @@
|
|
|
10659
10658
|
--pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
|
|
10660
10659
|
--pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
|
|
10661
10660
|
--pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
|
|
10661
|
+
--pf-v6-c-breadcrumb__link--TextDecorationColor: var(--pf-t--global--text-decoration--color--default);
|
|
10662
10662
|
--pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
10663
10663
|
--pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
10664
10664
|
--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
10665
|
+
--pf-v6-c-breadcrumb__link--hover--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
|
|
10665
10666
|
--pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
10666
10667
|
--pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
|
|
10667
|
-
--pf-v6-c-breadcrumb__heading--FontSize: var(
|
|
10668
|
+
--pf-v6-c-breadcrumb__heading--FontSize: var(--pf-v6-c-breadcrumb__item--FontSize);
|
|
10668
10669
|
--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
10669
10670
|
--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
|
|
10670
10671
|
--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
@@ -10717,6 +10718,7 @@
|
|
|
10717
10718
|
color: var(--pf-v6-c-breadcrumb__link--Color);
|
|
10718
10719
|
text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
|
|
10719
10720
|
text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
|
|
10721
|
+
text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
|
|
10720
10722
|
word-break: break-word;
|
|
10721
10723
|
background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
|
|
10722
10724
|
}
|
|
@@ -10724,6 +10726,7 @@
|
|
|
10724
10726
|
--pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
|
|
10725
10727
|
--pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
|
|
10726
10728
|
--pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
|
|
10729
|
+
--pf-v6-c-breadcrumb__link--TextDecorationColor: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationColor);
|
|
10727
10730
|
}
|
|
10728
10731
|
.pf-v6-c-breadcrumb__link.pf-m-current {
|
|
10729
10732
|
cursor: default;
|
|
@@ -13981,7 +13984,7 @@ ul) {
|
|
|
13981
13984
|
.pf-v6-c-data-list.pf-m-drag-over {
|
|
13982
13985
|
overflow-anchor: none;
|
|
13983
13986
|
}
|
|
13984
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-data-list
|
|
13987
|
+
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-data-list.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-data-list:not(.pf-m-no-plain-on-glass) {
|
|
13985
13988
|
--pf-v6-c-data-list__item--BackgroundColor: var(--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor);
|
|
13986
13989
|
}
|
|
13987
13990
|
|
|
@@ -15631,11 +15634,9 @@ ul) {
|
|
|
15631
15634
|
.pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
|
|
15632
15635
|
padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
|
|
15633
15636
|
}
|
|
15634
|
-
.pf-v6-c-drawer.pf-m-inline.pf-m-glass, .pf-v6-c-drawer.pf-m-static.pf-m-glass {
|
|
15637
|
+
.pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-glass, .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-glass {
|
|
15635
15638
|
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-glass--BackgroundColor);
|
|
15636
15639
|
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer__panel--m-glass--BorderColor);
|
|
15637
|
-
}
|
|
15638
|
-
.pf-v6-c-drawer.pf-m-inline.pf-m-glass > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, .pf-v6-c-drawer.pf-m-static.pf-m-glass > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
15639
15640
|
backdrop-filter: var(--pf-v6-c-drawer__panel--m-glass--BackdropFilter);
|
|
15640
15641
|
}
|
|
15641
15642
|
.pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
@@ -15968,8 +15969,8 @@ ul) {
|
|
|
15968
15969
|
--pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-v6-c-drawer--m-inline__panel--after--md--Width);
|
|
15969
15970
|
min-width: var(--pf-v6-c-drawer__panel--MinWidth);
|
|
15970
15971
|
}
|
|
15971
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-inline
|
|
15972
|
-
|
|
15972
|
+
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-plain-on-glass), :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-plain-on-glass) {
|
|
15973
|
+
--pf-v6-c-drawer__panel--BackgroundColor: transparent;
|
|
15973
15974
|
}
|
|
15974
15975
|
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
15975
15976
|
box-shadow: var(--pf-v6-c-drawer--m-expanded__panel--BoxShadow);
|
|
@@ -21067,7 +21068,7 @@ ul.pf-v6-c-list {
|
|
|
21067
21068
|
--pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
21068
21069
|
--pf-v6-c-menu-toggle--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
21069
21070
|
--pf-v6-c-menu-toggle--m-plain--expanded--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
21070
|
-
--pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--
|
|
21071
|
+
--pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
|
|
21071
21072
|
--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
21072
21073
|
--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
21073
21074
|
--pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
@@ -23460,17 +23461,17 @@ ul.pf-v6-c-list {
|
|
|
23460
23461
|
outline: 0;
|
|
23461
23462
|
}
|
|
23462
23463
|
|
|
23463
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-subnav
|
|
23464
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-breadcrumb
|
|
23465
|
-
.pf-v6-c-page__main-breadcrumb.pf-m-plain,
|
|
23466
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-tabs
|
|
23467
|
-
.pf-v6-c-page__main-tabs.pf-m-plain,
|
|
23468
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-section
|
|
23469
|
-
.pf-v6-c-page__main-section.pf-m-plain,
|
|
23470
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-wizard
|
|
23471
|
-
.pf-v6-c-page__main-wizard.pf-m-plain,
|
|
23472
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-group
|
|
23473
|
-
.pf-v6-c-page__main-group.pf-m-plain {
|
|
23464
|
+
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-subnav.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-subnav:not(.pf-m-no-plain-on-glass),
|
|
23465
|
+
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-breadcrumb.pf-m-plain,
|
|
23466
|
+
:where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-breadcrumb:not(.pf-m-no-plain-on-glass),
|
|
23467
|
+
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-tabs.pf-m-plain,
|
|
23468
|
+
:where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-tabs:not(.pf-m-no-plain-on-glass),
|
|
23469
|
+
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-section.pf-m-plain,
|
|
23470
|
+
:where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-section:not(.pf-m-no-plain-on-glass),
|
|
23471
|
+
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-wizard.pf-m-plain,
|
|
23472
|
+
:where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-wizard:not(.pf-m-no-plain-on-glass),
|
|
23473
|
+
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-group.pf-m-plain,
|
|
23474
|
+
:where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-group:not(.pf-m-no-plain-on-glass) {
|
|
23474
23475
|
--pf-v6-c-page__main-section--BackgroundColor: transparent;
|
|
23475
23476
|
--pf-v6-c-page__main-subnav--BackgroundColor: transparent;
|
|
23476
23477
|
--pf-v6-c-page__main-breadcrumb--BackgroundColor: transparent;
|
|
@@ -28205,6 +28206,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28205
28206
|
--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
28206
28207
|
--pf-v6-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
28207
28208
|
--pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
28209
|
+
--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
|
|
28210
|
+
--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor: var(--pf-v6-c-table--BorderColor);
|
|
28211
|
+
--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
|
28208
28212
|
--pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
|
|
28209
28213
|
--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
28210
28214
|
--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -28212,55 +28216,79 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28212
28216
|
--pf-v6-c-table__nested-column-header__button--PaddingInlineStart: calc(var(--pf-v6-c-table__button--PaddingInlineStart) - var(--pf-t--global--spacer--control--horizontal--plain));
|
|
28213
28217
|
--pf-v6-c-table__nested-column-header__button--PaddingInlineEnd: calc(var(--pf-v6-c-table__button--PaddingInlineEnd) - (var(--pf-t--global--spacer--control--horizontal--plain) / 2));
|
|
28214
28218
|
--pf-v6-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--striped--row--default);
|
|
28219
|
+
--pf-v6-c-table--m-sticky-header--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
|
|
28215
28220
|
--pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--z-index--xs);
|
|
28216
28221
|
--pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
|
28217
28222
|
--pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
|
28223
|
+
--pf-v6-c-table--m-sticky-header--BorderRadius: 0;
|
|
28224
|
+
--pf-v6-c-table--m-sticky-header--BoxShadow: 0;
|
|
28225
|
+
--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
|
|
28226
|
+
--pf-v6-c-table--m-sticky-header--BorderBlockEndColor: var(--pf-v6-c-table--BorderColor);
|
|
28227
|
+
--pf-v6-c-table--m-sticky-header--BorderRadius--glass: var(--pf-t--global--border--radius--medium);
|
|
28228
|
+
--pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
|
|
28229
|
+
--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
|
|
28230
|
+
--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
|
|
28231
|
+
}
|
|
28232
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-table {
|
|
28233
|
+
--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
|
|
28234
|
+
--pf-v6-c-table--m-sticky-header--BoxShadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow--glass);
|
|
28235
|
+
--pf-v6-c-table--m-sticky-header--BorderRadius: var(--pf-v6-c-table--m-sticky-header--BorderRadius--glass);
|
|
28218
28236
|
}
|
|
28219
28237
|
|
|
28220
28238
|
.pf-v6-c-table {
|
|
28221
28239
|
width: 100%;
|
|
28222
28240
|
background-color: var(--pf-v6-c-table--BackgroundColor);
|
|
28223
28241
|
}
|
|
28224
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-table
|
|
28242
|
+
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-table.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-table:not(.pf-m-no-plain-on-glass) {
|
|
28225
28243
|
--pf-v6-c-table--BackgroundColor: transparent;
|
|
28226
28244
|
--pf-v6-c-table__expandable-row-content--BackgroundColor: transparent;
|
|
28227
28245
|
--pf-v6-c-table__expandable-row-content--PaddingInlineStart: 0;
|
|
28228
28246
|
--pf-v6-c-table__expandable-row-content--PaddingInlineEnd: 0;
|
|
28229
28247
|
--pf-v6-c-table__control-row--BackgroundColor: transparent;
|
|
28230
28248
|
}
|
|
28231
|
-
|
|
28232
28249
|
.pf-v6-c-table.pf-m-fixed {
|
|
28233
28250
|
table-layout: fixed;
|
|
28234
28251
|
}
|
|
28235
|
-
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead,
|
|
28236
|
-
|
|
28252
|
+
.pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after {
|
|
28253
|
+
opacity: 0;
|
|
28254
|
+
transition-timing-function: var(--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor);
|
|
28255
|
+
transition-duration: var(--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor);
|
|
28256
|
+
transition-property: opacity;
|
|
28257
|
+
}
|
|
28258
|
+
.pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-stuck {
|
|
28259
|
+
--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
|
|
28260
|
+
}
|
|
28261
|
+
.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 {
|
|
28262
|
+
opacity: 1;
|
|
28263
|
+
}
|
|
28264
|
+
.pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-base {
|
|
28265
|
+
position: relative;
|
|
28266
|
+
}
|
|
28267
|
+
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead {
|
|
28237
28268
|
position: sticky;
|
|
28238
28269
|
inset-block-start: 0;
|
|
28239
28270
|
z-index: var(--pf-v6-c-table--m-sticky-header--ZIndex);
|
|
28240
|
-
background: var(--pf-v6-c-table--BackgroundColor);
|
|
28241
28271
|
}
|
|
28242
|
-
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::before,
|
|
28243
|
-
.pf-v6-c-table .pf-v6-c-table__thead.pf-m-nested-column-header::before {
|
|
28272
|
+
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::before {
|
|
28244
28273
|
position: absolute;
|
|
28245
|
-
inset
|
|
28246
|
-
|
|
28247
|
-
inset-inline-start: 0;
|
|
28248
|
-
inset-inline-end: 0;
|
|
28249
|
-
z-index: var(--pf-v6-c-table--m-sticky-header--border--ZIndex);
|
|
28274
|
+
inset: 0;
|
|
28275
|
+
z-index: -1;
|
|
28250
28276
|
pointer-events: none;
|
|
28251
28277
|
content: "";
|
|
28252
|
-
|
|
28278
|
+
background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
|
|
28279
|
+
border-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
|
|
28280
|
+
box-shadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow);
|
|
28253
28281
|
}
|
|
28254
|
-
.pf-v6-c-table.pf-m-sticky-header {
|
|
28255
|
-
position: relative;
|
|
28256
|
-
}
|
|
28257
|
-
.pf-v6-c-table.pf-m-sticky-header thead:where(.pf-v6-c-table__thead) tr:where(.pf-v6-c-table__tr) > :where(th, td) {
|
|
28282
|
+
.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) {
|
|
28258
28283
|
z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
|
|
28259
28284
|
}
|
|
28260
|
-
.pf-v6-c-table.pf-m-sticky-header > .pf-m-
|
|
28261
|
-
position:
|
|
28262
|
-
inset
|
|
28263
|
-
|
|
28285
|
+
.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 {
|
|
28286
|
+
position: absolute;
|
|
28287
|
+
inset: 0;
|
|
28288
|
+
z-index: var(--pf-v6-c-table--m-sticky-header--border--ZIndex);
|
|
28289
|
+
pointer-events: none;
|
|
28290
|
+
content: "";
|
|
28291
|
+
border-block-end: var(--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth) solid var(--pf-v6-c-table--m-sticky-header--BorderBlockEndColor);
|
|
28264
28292
|
}
|
|
28265
28293
|
.pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) {
|
|
28266
28294
|
border-block-end: 0;
|
|
@@ -28951,6 +28979,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28951
28979
|
--pf-v6-c-table__toggle--PaddingBlockEnd: var(--pf-v6-c-table__thead__toggle--PaddingBlockEnd);
|
|
28952
28980
|
vertical-align: bottom;
|
|
28953
28981
|
}
|
|
28982
|
+
.pf-v6-c-table__thead.pf-m-nested-column-header {
|
|
28983
|
+
position: relative;
|
|
28984
|
+
}
|
|
28985
|
+
.pf-v6-c-table__thead.pf-m-nested-column-header::after {
|
|
28986
|
+
position: absolute;
|
|
28987
|
+
inset: 0;
|
|
28988
|
+
z-index: var(--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex);
|
|
28989
|
+
pointer-events: none;
|
|
28990
|
+
content: "";
|
|
28991
|
+
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);
|
|
28992
|
+
}
|
|
28954
28993
|
.pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
|
|
28955
28994
|
--pf-v6-c-table__button--PaddingInlineStart: var(--pf-v6-c-table__nested-column-header__button--PaddingInlineStart);
|
|
28956
28995
|
--pf-v6-c-table__button--PaddingInlineEnd: var(--pf-v6-c-table__nested-column-header__button--PaddingInlineEnd);
|
|
@@ -34347,14 +34386,14 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
34347
34386
|
.pf-v6-c-wizard.pf-m-finished .pf-v6-c-wizard__toggle {
|
|
34348
34387
|
display: none;
|
|
34349
34388
|
}
|
|
34350
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-wizard
|
|
34389
|
+
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-wizard.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass) {
|
|
34351
34390
|
--pf-v6-c-wizard__header--BackgroundColor: var(--pf-v6-c-wizard--m-plain__header--BackgroundColor);
|
|
34352
34391
|
--pf-v6-c-wizard__toggle--BackgroundColor: var(--pf-v6-c-wizard--m-plain__toggle--BackgroundColor);
|
|
34353
34392
|
--pf-v6-c-wizard__outer-wrap--BackgroundColor: var(--pf-v6-c-wizard--m-plain__outer-wrap--BackgroundColor);
|
|
34354
34393
|
--pf-v6-c-wizard__footer--BackgroundColor: var(--pf-v6-c-wizard--m-plain__footer--BackgroundColor);
|
|
34355
34394
|
}
|
|
34356
34395
|
@media screen and (min-width: 62rem) {
|
|
34357
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-wizard
|
|
34396
|
+
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-wizard.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass) {
|
|
34358
34397
|
--pf-v6-c-wizard__nav--BackgroundColor: var(--pf-v6-c-wizard--m-plain__nav--BackgroundColor);
|
|
34359
34398
|
}
|
|
34360
34399
|
}
|
package/patternfly.css
CHANGED
|
@@ -9600,13 +9600,12 @@ button) {
|
|
|
9600
9600
|
row-gap: var(--pf-v6-c-accordion--RowGap);
|
|
9601
9601
|
background-color: var(--pf-v6-c-accordion--BackgroundColor);
|
|
9602
9602
|
}
|
|
9603
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-accordion
|
|
9603
|
+
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-accordion.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-accordion:not(.pf-m-no-plain-on-glass) {
|
|
9604
9604
|
--pf-v6-c-accordion--BackgroundColor: transparent;
|
|
9605
9605
|
--pf-v6-c-accordion__expandable-content--BackgroundColor: transparent;
|
|
9606
9606
|
--pf-v6-c-accordion__item--m-expanded--BackgroundColor: transparent;
|
|
9607
9607
|
--pf-v6-c-accordion__item--m-expanded__toggle--BackgroundColor: var(--pf-v6-c-accordion--m-plain__item--m-expanded__toggle--BackgroundColor);
|
|
9608
9608
|
}
|
|
9609
|
-
|
|
9610
9609
|
.pf-v6-c-accordion.pf-m-toggle-start {
|
|
9611
9610
|
--pf-v6-c-accordion__toggle--ColumnGap: var(--pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap);
|
|
9612
9611
|
}
|
|
@@ -10795,7 +10794,7 @@ button) {
|
|
|
10795
10794
|
}
|
|
10796
10795
|
|
|
10797
10796
|
.pf-v6-c-breadcrumb {
|
|
10798
|
-
--pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--
|
|
10797
|
+
--pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--default);
|
|
10799
10798
|
--pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
10800
10799
|
--pf-v6-c-breadcrumb__item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
10801
10800
|
--pf-v6-c-breadcrumb__item-divider--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -10806,12 +10805,14 @@ button) {
|
|
|
10806
10805
|
--pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
|
|
10807
10806
|
--pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
|
|
10808
10807
|
--pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
|
|
10808
|
+
--pf-v6-c-breadcrumb__link--TextDecorationColor: var(--pf-t--global--text-decoration--color--default);
|
|
10809
10809
|
--pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
10810
10810
|
--pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
10811
10811
|
--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
10812
|
+
--pf-v6-c-breadcrumb__link--hover--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
|
|
10812
10813
|
--pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
10813
10814
|
--pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
|
|
10814
|
-
--pf-v6-c-breadcrumb__heading--FontSize: var(
|
|
10815
|
+
--pf-v6-c-breadcrumb__heading--FontSize: var(--pf-v6-c-breadcrumb__item--FontSize);
|
|
10815
10816
|
--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
10816
10817
|
--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
|
|
10817
10818
|
--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
@@ -10864,6 +10865,7 @@ button) {
|
|
|
10864
10865
|
color: var(--pf-v6-c-breadcrumb__link--Color);
|
|
10865
10866
|
text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
|
|
10866
10867
|
text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
|
|
10868
|
+
text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
|
|
10867
10869
|
word-break: break-word;
|
|
10868
10870
|
background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
|
|
10869
10871
|
}
|
|
@@ -10871,6 +10873,7 @@ button) {
|
|
|
10871
10873
|
--pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
|
|
10872
10874
|
--pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
|
|
10873
10875
|
--pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
|
|
10876
|
+
--pf-v6-c-breadcrumb__link--TextDecorationColor: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationColor);
|
|
10874
10877
|
}
|
|
10875
10878
|
.pf-v6-c-breadcrumb__link.pf-m-current {
|
|
10876
10879
|
cursor: default;
|
|
@@ -14128,7 +14131,7 @@ ul) {
|
|
|
14128
14131
|
.pf-v6-c-data-list.pf-m-drag-over {
|
|
14129
14132
|
overflow-anchor: none;
|
|
14130
14133
|
}
|
|
14131
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-data-list
|
|
14134
|
+
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-data-list.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-data-list:not(.pf-m-no-plain-on-glass) {
|
|
14132
14135
|
--pf-v6-c-data-list__item--BackgroundColor: var(--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor);
|
|
14133
14136
|
}
|
|
14134
14137
|
|
|
@@ -15778,11 +15781,9 @@ ul) {
|
|
|
15778
15781
|
.pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
|
|
15779
15782
|
padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
|
|
15780
15783
|
}
|
|
15781
|
-
.pf-v6-c-drawer.pf-m-inline.pf-m-glass, .pf-v6-c-drawer.pf-m-static.pf-m-glass {
|
|
15784
|
+
.pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-glass, .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-glass {
|
|
15782
15785
|
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-glass--BackgroundColor);
|
|
15783
15786
|
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer__panel--m-glass--BorderColor);
|
|
15784
|
-
}
|
|
15785
|
-
.pf-v6-c-drawer.pf-m-inline.pf-m-glass > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, .pf-v6-c-drawer.pf-m-static.pf-m-glass > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
15786
15787
|
backdrop-filter: var(--pf-v6-c-drawer__panel--m-glass--BackdropFilter);
|
|
15787
15788
|
}
|
|
15788
15789
|
.pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
@@ -16115,8 +16116,8 @@ ul) {
|
|
|
16115
16116
|
--pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-v6-c-drawer--m-inline__panel--after--md--Width);
|
|
16116
16117
|
min-width: var(--pf-v6-c-drawer__panel--MinWidth);
|
|
16117
16118
|
}
|
|
16118
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-inline
|
|
16119
|
-
|
|
16119
|
+
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-plain-on-glass), :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-plain-on-glass) {
|
|
16120
|
+
--pf-v6-c-drawer__panel--BackgroundColor: transparent;
|
|
16120
16121
|
}
|
|
16121
16122
|
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
16122
16123
|
box-shadow: var(--pf-v6-c-drawer--m-expanded__panel--BoxShadow);
|
|
@@ -21214,7 +21215,7 @@ ul.pf-v6-c-list {
|
|
|
21214
21215
|
--pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
21215
21216
|
--pf-v6-c-menu-toggle--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
21216
21217
|
--pf-v6-c-menu-toggle--m-plain--expanded--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
21217
|
-
--pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--
|
|
21218
|
+
--pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
|
|
21218
21219
|
--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
21219
21220
|
--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
21220
21221
|
--pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
@@ -23607,17 +23608,17 @@ ul.pf-v6-c-list {
|
|
|
23607
23608
|
outline: 0;
|
|
23608
23609
|
}
|
|
23609
23610
|
|
|
23610
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-subnav
|
|
23611
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-breadcrumb
|
|
23612
|
-
.pf-v6-c-page__main-breadcrumb.pf-m-plain,
|
|
23613
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-tabs
|
|
23614
|
-
.pf-v6-c-page__main-tabs.pf-m-plain,
|
|
23615
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-section
|
|
23616
|
-
.pf-v6-c-page__main-section.pf-m-plain,
|
|
23617
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-wizard
|
|
23618
|
-
.pf-v6-c-page__main-wizard.pf-m-plain,
|
|
23619
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-group
|
|
23620
|
-
.pf-v6-c-page__main-group.pf-m-plain {
|
|
23611
|
+
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-subnav.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-subnav:not(.pf-m-no-plain-on-glass),
|
|
23612
|
+
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-breadcrumb.pf-m-plain,
|
|
23613
|
+
:where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-breadcrumb:not(.pf-m-no-plain-on-glass),
|
|
23614
|
+
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-tabs.pf-m-plain,
|
|
23615
|
+
:where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-tabs:not(.pf-m-no-plain-on-glass),
|
|
23616
|
+
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-section.pf-m-plain,
|
|
23617
|
+
:where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-section:not(.pf-m-no-plain-on-glass),
|
|
23618
|
+
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-wizard.pf-m-plain,
|
|
23619
|
+
:where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-wizard:not(.pf-m-no-plain-on-glass),
|
|
23620
|
+
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-group.pf-m-plain,
|
|
23621
|
+
:where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-group:not(.pf-m-no-plain-on-glass) {
|
|
23621
23622
|
--pf-v6-c-page__main-section--BackgroundColor: transparent;
|
|
23622
23623
|
--pf-v6-c-page__main-subnav--BackgroundColor: transparent;
|
|
23623
23624
|
--pf-v6-c-page__main-breadcrumb--BackgroundColor: transparent;
|
|
@@ -28352,6 +28353,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28352
28353
|
--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
28353
28354
|
--pf-v6-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
28354
28355
|
--pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
28356
|
+
--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
|
|
28357
|
+
--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor: var(--pf-v6-c-table--BorderColor);
|
|
28358
|
+
--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
|
28355
28359
|
--pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
|
|
28356
28360
|
--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
28357
28361
|
--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -28359,55 +28363,79 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28359
28363
|
--pf-v6-c-table__nested-column-header__button--PaddingInlineStart: calc(var(--pf-v6-c-table__button--PaddingInlineStart) - var(--pf-t--global--spacer--control--horizontal--plain));
|
|
28360
28364
|
--pf-v6-c-table__nested-column-header__button--PaddingInlineEnd: calc(var(--pf-v6-c-table__button--PaddingInlineEnd) - (var(--pf-t--global--spacer--control--horizontal--plain) / 2));
|
|
28361
28365
|
--pf-v6-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--striped--row--default);
|
|
28366
|
+
--pf-v6-c-table--m-sticky-header--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
|
|
28362
28367
|
--pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--z-index--xs);
|
|
28363
28368
|
--pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
|
28364
28369
|
--pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
|
28370
|
+
--pf-v6-c-table--m-sticky-header--BorderRadius: 0;
|
|
28371
|
+
--pf-v6-c-table--m-sticky-header--BoxShadow: 0;
|
|
28372
|
+
--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
|
|
28373
|
+
--pf-v6-c-table--m-sticky-header--BorderBlockEndColor: var(--pf-v6-c-table--BorderColor);
|
|
28374
|
+
--pf-v6-c-table--m-sticky-header--BorderRadius--glass: var(--pf-t--global--border--radius--medium);
|
|
28375
|
+
--pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
|
|
28376
|
+
--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
|
|
28377
|
+
--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
|
|
28378
|
+
}
|
|
28379
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-table {
|
|
28380
|
+
--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
|
|
28381
|
+
--pf-v6-c-table--m-sticky-header--BoxShadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow--glass);
|
|
28382
|
+
--pf-v6-c-table--m-sticky-header--BorderRadius: var(--pf-v6-c-table--m-sticky-header--BorderRadius--glass);
|
|
28365
28383
|
}
|
|
28366
28384
|
|
|
28367
28385
|
.pf-v6-c-table {
|
|
28368
28386
|
width: 100%;
|
|
28369
28387
|
background-color: var(--pf-v6-c-table--BackgroundColor);
|
|
28370
28388
|
}
|
|
28371
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-table
|
|
28389
|
+
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-table.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-table:not(.pf-m-no-plain-on-glass) {
|
|
28372
28390
|
--pf-v6-c-table--BackgroundColor: transparent;
|
|
28373
28391
|
--pf-v6-c-table__expandable-row-content--BackgroundColor: transparent;
|
|
28374
28392
|
--pf-v6-c-table__expandable-row-content--PaddingInlineStart: 0;
|
|
28375
28393
|
--pf-v6-c-table__expandable-row-content--PaddingInlineEnd: 0;
|
|
28376
28394
|
--pf-v6-c-table__control-row--BackgroundColor: transparent;
|
|
28377
28395
|
}
|
|
28378
|
-
|
|
28379
28396
|
.pf-v6-c-table.pf-m-fixed {
|
|
28380
28397
|
table-layout: fixed;
|
|
28381
28398
|
}
|
|
28382
|
-
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead,
|
|
28383
|
-
|
|
28399
|
+
.pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after {
|
|
28400
|
+
opacity: 0;
|
|
28401
|
+
transition-timing-function: var(--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor);
|
|
28402
|
+
transition-duration: var(--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor);
|
|
28403
|
+
transition-property: opacity;
|
|
28404
|
+
}
|
|
28405
|
+
.pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-stuck {
|
|
28406
|
+
--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
|
|
28407
|
+
}
|
|
28408
|
+
.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 {
|
|
28409
|
+
opacity: 1;
|
|
28410
|
+
}
|
|
28411
|
+
.pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-base {
|
|
28412
|
+
position: relative;
|
|
28413
|
+
}
|
|
28414
|
+
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead {
|
|
28384
28415
|
position: sticky;
|
|
28385
28416
|
inset-block-start: 0;
|
|
28386
28417
|
z-index: var(--pf-v6-c-table--m-sticky-header--ZIndex);
|
|
28387
|
-
background: var(--pf-v6-c-table--BackgroundColor);
|
|
28388
28418
|
}
|
|
28389
|
-
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::before,
|
|
28390
|
-
.pf-v6-c-table .pf-v6-c-table__thead.pf-m-nested-column-header::before {
|
|
28419
|
+
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::before {
|
|
28391
28420
|
position: absolute;
|
|
28392
|
-
inset
|
|
28393
|
-
|
|
28394
|
-
inset-inline-start: 0;
|
|
28395
|
-
inset-inline-end: 0;
|
|
28396
|
-
z-index: var(--pf-v6-c-table--m-sticky-header--border--ZIndex);
|
|
28421
|
+
inset: 0;
|
|
28422
|
+
z-index: -1;
|
|
28397
28423
|
pointer-events: none;
|
|
28398
28424
|
content: "";
|
|
28399
|
-
|
|
28425
|
+
background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
|
|
28426
|
+
border-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
|
|
28427
|
+
box-shadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow);
|
|
28400
28428
|
}
|
|
28401
|
-
.pf-v6-c-table.pf-m-sticky-header {
|
|
28402
|
-
position: relative;
|
|
28403
|
-
}
|
|
28404
|
-
.pf-v6-c-table.pf-m-sticky-header thead:where(.pf-v6-c-table__thead) tr:where(.pf-v6-c-table__tr) > :where(th, td) {
|
|
28429
|
+
.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) {
|
|
28405
28430
|
z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
|
|
28406
28431
|
}
|
|
28407
|
-
.pf-v6-c-table.pf-m-sticky-header > .pf-m-
|
|
28408
|
-
position:
|
|
28409
|
-
inset
|
|
28410
|
-
|
|
28432
|
+
.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 {
|
|
28433
|
+
position: absolute;
|
|
28434
|
+
inset: 0;
|
|
28435
|
+
z-index: var(--pf-v6-c-table--m-sticky-header--border--ZIndex);
|
|
28436
|
+
pointer-events: none;
|
|
28437
|
+
content: "";
|
|
28438
|
+
border-block-end: var(--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth) solid var(--pf-v6-c-table--m-sticky-header--BorderBlockEndColor);
|
|
28411
28439
|
}
|
|
28412
28440
|
.pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) {
|
|
28413
28441
|
border-block-end: 0;
|
|
@@ -29098,6 +29126,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29098
29126
|
--pf-v6-c-table__toggle--PaddingBlockEnd: var(--pf-v6-c-table__thead__toggle--PaddingBlockEnd);
|
|
29099
29127
|
vertical-align: bottom;
|
|
29100
29128
|
}
|
|
29129
|
+
.pf-v6-c-table__thead.pf-m-nested-column-header {
|
|
29130
|
+
position: relative;
|
|
29131
|
+
}
|
|
29132
|
+
.pf-v6-c-table__thead.pf-m-nested-column-header::after {
|
|
29133
|
+
position: absolute;
|
|
29134
|
+
inset: 0;
|
|
29135
|
+
z-index: var(--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex);
|
|
29136
|
+
pointer-events: none;
|
|
29137
|
+
content: "";
|
|
29138
|
+
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);
|
|
29139
|
+
}
|
|
29101
29140
|
.pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
|
|
29102
29141
|
--pf-v6-c-table__button--PaddingInlineStart: var(--pf-v6-c-table__nested-column-header__button--PaddingInlineStart);
|
|
29103
29142
|
--pf-v6-c-table__button--PaddingInlineEnd: var(--pf-v6-c-table__nested-column-header__button--PaddingInlineEnd);
|
|
@@ -34494,14 +34533,14 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
34494
34533
|
.pf-v6-c-wizard.pf-m-finished .pf-v6-c-wizard__toggle {
|
|
34495
34534
|
display: none;
|
|
34496
34535
|
}
|
|
34497
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-wizard
|
|
34536
|
+
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-wizard.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass) {
|
|
34498
34537
|
--pf-v6-c-wizard__header--BackgroundColor: var(--pf-v6-c-wizard--m-plain__header--BackgroundColor);
|
|
34499
34538
|
--pf-v6-c-wizard__toggle--BackgroundColor: var(--pf-v6-c-wizard--m-plain__toggle--BackgroundColor);
|
|
34500
34539
|
--pf-v6-c-wizard__outer-wrap--BackgroundColor: var(--pf-v6-c-wizard--m-plain__outer-wrap--BackgroundColor);
|
|
34501
34540
|
--pf-v6-c-wizard__footer--BackgroundColor: var(--pf-v6-c-wizard--m-plain__footer--BackgroundColor);
|
|
34502
34541
|
}
|
|
34503
34542
|
@media screen and (min-width: 62rem) {
|
|
34504
|
-
:where(.pf-v6-theme-glass) .pf-v6-c-wizard
|
|
34543
|
+
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-wizard.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass) {
|
|
34505
34544
|
--pf-v6-c-wizard__nav--BackgroundColor: var(--pf-v6-c-wizard--m-plain__nav--BackgroundColor);
|
|
34506
34545
|
}
|
|
34507
34546
|
}
|