@patternfly/patternfly 6.0.0-alpha.102 → 6.0.0-alpha.104
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/Check/check.css +2 -2
- package/components/Check/check.scss +2 -2
- package/components/Drawer/drawer.css +5 -4
- package/components/Drawer/drawer.scss +7 -6
- package/components/Page/page.css +24 -23
- package/components/Page/page.scss +24 -23
- package/components/Table/table.css +0 -37
- package/components/Table/table.scss +0 -49
- package/docs/components/Drawer/examples/Drawer.md +2 -1
- package/docs/components/Page/deprecated/PageHeader.md +113 -99
- package/docs/components/Page/examples/Page.md +114 -100
- package/docs/demos/AboutModal/examples/AboutModal.md +81 -79
- package/docs/demos/Alert/examples/Alert.md +551 -524
- package/docs/demos/BackToTop/examples/BackToTop.md +211 -209
- package/docs/demos/Banner/examples/Banner.md +420 -412
- package/docs/demos/CardView/examples/CardView.md +1302 -1297
- package/docs/demos/ContextSelector/examples/ContextSelector.md +536 -523
- package/docs/demos/Dashboard/examples/Dashboard.md +1344 -1314
- package/docs/demos/DataList/examples/DataList.md +3006 -2958
- package/docs/demos/DescriptionList/examples/DescriptionList.md +532 -518
- package/docs/demos/Drawer/examples/Drawer.md +544 -528
- package/docs/demos/JumpLinks/examples/JumpLinks.md +915 -897
- package/docs/demos/Masthead/examples/Masthead.md +729 -711
- package/docs/demos/Modal/examples/Modal.md +486 -474
- package/docs/demos/Nav/examples/Nav.md +528 -510
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +440 -435
- package/docs/demos/Page/examples/Page.md +1656 -1633
- package/docs/demos/Page/examples/Penta.md +632 -577
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +5222 -5080
- package/docs/demos/Skeleton/examples/Skeleton.md +177 -175
- package/docs/demos/Table/examples/Table.md +14137 -13972
- package/docs/demos/Tabs/examples/Tabs.md +2206 -2138
- package/docs/demos/Toolbar/examples/Toolbar.md +1322 -1269
- package/docs/demos/Wizard/examples/Wizard.md +1571 -1553
- package/package.json +1 -1
- package/patternfly-no-globals.css +31 -66
- package/patternfly-theme-dark-unversioned.css +31 -66
- package/patternfly.css +31 -66
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
package/package.json
CHANGED
|
@@ -9056,7 +9056,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9056
9056
|
.pf-v6-c-check {
|
|
9057
9057
|
--pf-v6-c-check--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
|
|
9058
9058
|
--pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
|
|
9059
|
-
--pf-v6-c-check--
|
|
9059
|
+
--pf-v6-c-check--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
|
|
9060
9060
|
--pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
9061
9061
|
--pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
|
|
9062
9062
|
--pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body);
|
|
@@ -9079,7 +9079,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9079
9079
|
.pf-v6-c-check.pf-m-standalone {
|
|
9080
9080
|
display: inline-grid;
|
|
9081
9081
|
grid-template-columns: auto;
|
|
9082
|
-
height: var(--pf-v6-c-check--
|
|
9082
|
+
min-height: var(--pf-v6-c-check--MinHeight);
|
|
9083
9083
|
}
|
|
9084
9084
|
.pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
|
|
9085
9085
|
align-self: center;
|
|
@@ -14803,7 +14803,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
14803
14803
|
--pf-v6-c-drawer__section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
14804
14804
|
--pf-v6-c-drawer__section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
14805
14805
|
--pf-v6-c-drawer__content--FlexBasis: 100%;
|
|
14806
|
-
--pf-v6-c-drawer__content--BackgroundColor:
|
|
14806
|
+
--pf-v6-c-drawer__content--BackgroundColor: transparent;
|
|
14807
|
+
--pf-v6-c-drawer__content--m-primary--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
14807
14808
|
--pf-v6-c-drawer__content--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
14808
14809
|
--pf-v6-c-drawer__content--ZIndex: var(--pf-t--global--Zindex--xs);
|
|
14809
14810
|
--pf-v6-c-drawer__panel--MinWidth: 50%;
|
|
@@ -15004,12 +15005,12 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
15004
15005
|
order: 0;
|
|
15005
15006
|
background-color: var(--pf-v6-c-drawer__content--BackgroundColor);
|
|
15006
15007
|
}
|
|
15008
|
+
.pf-v6-c-drawer__content.pf-m-primary {
|
|
15009
|
+
--pf-v6-c-drawer__content--BackgroundColor: var(--pf-v6-c-drawer__content--m-primary--BackgroundColor);
|
|
15010
|
+
}
|
|
15007
15011
|
.pf-v6-c-drawer__content.pf-m-secondary {
|
|
15008
15012
|
--pf-v6-c-drawer__content--BackgroundColor: var(--pf-v6-c-drawer__content--m-secondary--BackgroundColor);
|
|
15009
15013
|
}
|
|
15010
|
-
.pf-v6-c-drawer__content.pf-m-no-background {
|
|
15011
|
-
--pf-v6-c-drawer__content--BackgroundColor: transparent;
|
|
15012
|
-
}
|
|
15013
15014
|
.pf-v6-c-drawer__content > .pf-v6-c-drawer__body {
|
|
15014
15015
|
padding-block-start: var(--pf-v6-c-drawer__content__body--PaddingTop);
|
|
15015
15016
|
padding-block-end: var(--pf-v6-c-drawer__content__body--PaddingBottom);
|
|
@@ -22209,19 +22210,19 @@ ul.pf-v6-c-list {
|
|
|
22209
22210
|
--pf-v6-c-page__sidebar-body--m-menu--BorderTopColor: var(--pf-t--global--border--color--default);
|
|
22210
22211
|
--pf-v6-c-page__sidebar-body--m-menu--BorderTopWidth: var(--pf-t--global--border--width--button--default);
|
|
22211
22212
|
--pf-v6-c-page__sidebar-body--m-menu--c-context-selector--BorderBottomColor: var(--pf-t--global--border--color--default);
|
|
22212
|
-
--pf-v6-c-page__main--ZIndex: var(--pf-v6-global--ZIndex--xs);
|
|
22213
|
-
--pf-v6-c-page__main--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
|
|
22214
|
-
--pf-v6-c-page__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
22215
|
-
--pf-v6-c-page__main--MarginInlineStart: var(--pf-t--global--spacer--lg);
|
|
22216
|
-
--pf-v6-c-page__main--MarginInlineEnd: var(--pf-t--global--spacer--lg);
|
|
22217
|
-
--pf-v6-c-page__main--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
22218
|
-
--pf-v6-c-page__main--BorderWidth: var(--pf-t--global--spacer--sm);
|
|
22219
|
-
--pf-v6-c-page__main--BorderColor: var(--pf-v6-c-page__main--BackgroundColor);
|
|
22213
|
+
--pf-v6-c-page__main-container--ZIndex: var(--pf-v6-global--ZIndex--xs);
|
|
22214
|
+
--pf-v6-c-page__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
|
|
22215
|
+
--pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
22216
|
+
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-t--global--spacer--lg);
|
|
22217
|
+
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-t--global--spacer--lg);
|
|
22218
|
+
--pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
22219
|
+
--pf-v6-c-page__main-container--BorderWidth: var(--pf-t--global--spacer--sm);
|
|
22220
|
+
--pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
22220
22221
|
--pf-v6-c-page__main-section--MarginTop: var(--pf-t--global--spacer--md);
|
|
22221
22222
|
--pf-v6-c-page__main-section--PaddingTop: var(--pf-t--global--spacer--lg);
|
|
22222
22223
|
--pf-v6-c-page__main-section--PaddingRight: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
|
|
22223
22224
|
--pf-v6-c-page__main-section--PaddingBottom: 0;
|
|
22224
|
-
--pf-v6-c-page__main-section--PaddingLeft: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
|
|
22225
|
+
--pf-v6-c-page__main-section--PaddingLeft: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
22225
22226
|
--pf-v6-c-page__main-breadcrumb--main-section--PaddingTop: var(--pf-t--global--spacer--md);
|
|
22226
22227
|
--pf-v6-c-page__main-section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
22227
22228
|
--pf-v6-c-page__main-section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
@@ -22249,9 +22250,9 @@ ul.pf-v6-c-list {
|
|
|
22249
22250
|
--pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
|
|
22250
22251
|
--pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
|
|
22251
22252
|
--pf-v6-c-page__main-breadcrumb--PaddingTop: var(--pf-t--global--spacer--md);
|
|
22252
|
-
--pf-v6-c-page__main-breadcrumb--PaddingRight: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
|
|
22253
|
+
--pf-v6-c-page__main-breadcrumb--PaddingRight: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
22253
22254
|
--pf-v6-c-page__main-breadcrumb--PaddingBottom: 0;
|
|
22254
|
-
--pf-v6-c-page__main-breadcrumb--PaddingLeft: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
|
|
22255
|
+
--pf-v6-c-page__main-breadcrumb--PaddingLeft: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
22255
22256
|
--pf-v6-c-page__main-breadcrumb--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
22256
22257
|
--pf-v6-c-page__main-tabs--PaddingTop: 0;
|
|
22257
22258
|
--pf-v6-c-page__main-tabs--PaddingRight: 0;
|
|
@@ -22297,7 +22298,7 @@ ul.pf-v6-c-list {
|
|
|
22297
22298
|
}
|
|
22298
22299
|
@media (min-width: 1200px) {
|
|
22299
22300
|
.pf-v6-c-page {
|
|
22300
|
-
grid-template-areas: "header header" "
|
|
22301
|
+
grid-template-areas: "header header" "sidebar main";
|
|
22301
22302
|
grid-template-columns: max-content 1fr;
|
|
22302
22303
|
}
|
|
22303
22304
|
}
|
|
@@ -22409,7 +22410,7 @@ ul.pf-v6-c-list {
|
|
|
22409
22410
|
z-index: var(--pf-v6-c-page__sidebar--ZIndex);
|
|
22410
22411
|
display: flex;
|
|
22411
22412
|
flex-direction: column;
|
|
22412
|
-
grid-area:
|
|
22413
|
+
grid-area: sidebar;
|
|
22413
22414
|
grid-row-start: 2;
|
|
22414
22415
|
grid-column-start: 1;
|
|
22415
22416
|
width: var(--pf-v6-c-page__sidebar--Width);
|
|
@@ -22721,26 +22722,27 @@ ul.pf-v6-c-list {
|
|
|
22721
22722
|
}
|
|
22722
22723
|
}
|
|
22723
22724
|
|
|
22724
|
-
.pf-v6-c-page__main {
|
|
22725
|
+
.pf-v6-c-page__main-container {
|
|
22725
22726
|
align-self: start;
|
|
22726
|
-
max-height: var(--pf-v6-c-page__main--MaxHeight);
|
|
22727
|
+
max-height: var(--pf-v6-c-page__main-container--MaxHeight);
|
|
22727
22728
|
margin-block-start: 0;
|
|
22728
|
-
margin-inline-start: var(--pf-v6-c-page__main--MarginInlineStart);
|
|
22729
|
-
margin-inline-end: var(--pf-v6-c-page__main--MarginInlineEnd);
|
|
22730
|
-
|
|
22731
|
-
|
|
22732
|
-
border
|
|
22729
|
+
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
|
22730
|
+
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
|
22731
|
+
overflow: auto;
|
|
22732
|
+
background: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
22733
|
+
border: var(--pf-v6-c-page__main-container--BorderWidth) solid var(--pf-v6-c-page__main-container--BorderColor);
|
|
22734
|
+
border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
|
|
22733
22735
|
}
|
|
22734
22736
|
|
|
22735
|
-
.pf-v6-c-page__main,
|
|
22737
|
+
.pf-v6-c-page__main-container,
|
|
22736
22738
|
.pf-v6-c-page__drawer {
|
|
22737
|
-
z-index: var(--pf-v6-c-page__main--ZIndex);
|
|
22739
|
+
z-index: var(--pf-v6-c-page__main-container--ZIndex);
|
|
22738
22740
|
grid-area: main;
|
|
22739
22741
|
overflow-x: hidden;
|
|
22740
22742
|
overflow-y: auto;
|
|
22741
22743
|
-webkit-overflow-scrolling: touch;
|
|
22742
22744
|
}
|
|
22743
|
-
.pf-v6-c-page__main:focus,
|
|
22745
|
+
.pf-v6-c-page__main-container:focus,
|
|
22744
22746
|
.pf-v6-c-page__drawer:focus {
|
|
22745
22747
|
outline: 0;
|
|
22746
22748
|
}
|
|
@@ -27922,63 +27924,38 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27922
27924
|
--pf-v6-c-table__button--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
27923
27925
|
--pf-v6-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
|
|
27924
27926
|
--pf-v6-c-table__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
27925
|
-
--pf-v6-c-table--m-compact__toggle--PaddingTop: 0;
|
|
27926
|
-
--pf-v6-c-table--m-compact__toggle--PaddingBottom: 0;
|
|
27927
27927
|
--pf-v6-c-table__check--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
27928
27928
|
--pf-v6-c-table__check--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
27929
27929
|
--pf-v6-c-table__favorite--c-button--FontSize: var(--pf-t--global--font--size--body--default);
|
|
27930
27930
|
--pf-v6-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
|
|
27931
27931
|
--pf-v6-c-table__favorite--m-favorited--c-button--Color: var(--pf-t--global--color--favorite--clicked);
|
|
27932
|
-
--pf-v6-c-table__favorite--m-favorited--c-button--hover--Color: var(--pf-t--global--color--favorite--clicked);
|
|
27933
|
-
--pf-v6-c-table__sort--m-favorite__button__text--Color: var(--pf-t--global--text--color--subtle);
|
|
27934
|
-
--pf-v6-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-t--global--text--color--regular);
|
|
27935
|
-
--pf-v6-c-table__draggable--c-button--MarginTop: calc(var(--pf-v6-c-button--PaddingTop) * -1);
|
|
27936
|
-
--pf-v6-c-table__draggable--c-button--MarginRight: calc(var(--pf-v6-c-button--PaddingRight) * -1);
|
|
27937
|
-
--pf-v6-c-table__draggable--c-button--MarginBottom: calc(var(--pf-v6-c-button--PaddingBottom) * -1);
|
|
27938
|
-
--pf-v6-c-table__draggable--c-button--MarginLeft: calc(var(--pf-v6-c-button--PaddingLeft) * -1);
|
|
27939
27932
|
--pf-v6-c-table__tr--m-ghost-row--Opacity: .4;
|
|
27940
27933
|
--pf-v6-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
27941
27934
|
--pf-v6-c-table__action--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
27942
27935
|
--pf-v6-c-table__action--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
27943
27936
|
--pf-v6-c-table__action--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
27944
27937
|
--pf-v6-c-table__action--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
27945
|
-
--pf-v6-c-table__inline-edit-action--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
27946
|
-
--pf-v6-c-table__inline-edit-action--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
27947
27938
|
--pf-v6-c-table__expandable-row--Transition: var(--pf-v6-global--Transition);
|
|
27948
27939
|
--pf-v6-c-table__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--md);
|
|
27949
27940
|
--pf-v6-c-table__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
27950
27941
|
--pf-v6-c-table__expandable-row-content--PaddingLeft: var(--pf-t--global--spacer--md);
|
|
27951
27942
|
--pf-v6-c-table__expandable-row-content--PaddingRight: var(--pf-t--global--spacer--md);
|
|
27952
27943
|
--pf-v6-c-table__expandable-row-content--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
27953
|
-
--pf-v6-c-table__expandable-row-content--Transition: var(--pf-v6-global--Transition);
|
|
27954
27944
|
--pf-v6-c-table__control-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
27955
27945
|
--pf-v6-c-table__control-row--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
|
|
27956
27946
|
--pf-v6-c-table__control-row__tbody--BorderBottomColor: var(--pf-t--global--border--color--default);
|
|
27957
27947
|
--pf-v6-c-table__icon-inline--MarginRight: var(--pf-t--global--spacer--sm);
|
|
27958
27948
|
--pf-v6-c-table__sort--MinWidth: calc(6ch + var(--pf-v6-c-table--cell--PaddingRight) + var(--pf-v6-c-table--cell--PaddingLeft) + var(--pf-v6-c-table__sort-indicator--MarginLeft));
|
|
27959
|
-
--pf-v6-c-table__sort__button--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
27960
|
-
--pf-v6-c-table__sort__button--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
27961
|
-
--pf-v6-c-table__sort__button--PaddingLeft: var(--pf-t--global--spacer--md);
|
|
27962
|
-
--pf-v6-c-table__sort__button--PaddingRight: var(--pf-t--global--spacer--md);
|
|
27963
|
-
--pf-v6-c-table__sort__button--MarginBottom: calc(var(--pf-v6-c-table__sort__button--PaddingBottom) * -1);
|
|
27964
|
-
--pf-v6-c-table__sort__button--MarginLeft: calc(var(--pf-v6-c-table__sort__button--PaddingLeft) * -1);
|
|
27965
|
-
--pf-v6-c-table__sort__button--Color: var(--pf-t--global--text--color--regular);
|
|
27966
27949
|
--pf-v6-c-table__sort--m-selected__button--Color: var(--pf-t--global--color--brand--clicked);
|
|
27967
27950
|
--pf-v6-c-table__sort--m-help--MinWidth: 15ch;
|
|
27968
27951
|
--pf-v6-c-table__sort__button__text--Color: currentcolor;
|
|
27969
27952
|
--pf-v6-c-table__sort__button--hover__text--Color: currentcolor;
|
|
27970
|
-
--pf-v6-c-table__sort--cell--PaddingLeft: var(--pf-t--global--spacer--xs);
|
|
27971
|
-
--pf-v6-c-table__sort--cell--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
27972
27953
|
--pf-v6-c-table__sort-indicator--Color: var(--pf-t--global--icon--color--subtle);
|
|
27973
27954
|
--pf-v6-c-table__sort-indicator--MarginLeft: var(--pf-t--global--spacer--md);
|
|
27974
27955
|
--pf-v6-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--color--brand--clicked);
|
|
27975
27956
|
--pf-v6-c-table__sort__button--hover__sort-indicator--Color: var(--pf-t--global--text--color--regular);
|
|
27976
27957
|
--pf-v6-c-table__th--m-help--MinWidth: 11ch;
|
|
27977
27958
|
--pf-v6-c-table__column-help--MarginLeft: var(--pf-t--global--spacer--sm);
|
|
27978
|
-
--pf-v6-c-table__column-help--c-button--MarginTop: calc(var(--pf-v6-c-button--PaddingTop) * -1);
|
|
27979
|
-
--pf-v6-c-table__column-help--c-button--MarginBottom: calc(var(--pf-v6-c-button--PaddingBottom) * -1);
|
|
27980
|
-
--pf-v6-c-table__column-help--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
27981
|
-
--pf-v6-c-table__column-help--c-button--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
27982
27959
|
--pf-v6-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
|
|
27983
27960
|
--pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
27984
27961
|
--pf-v6-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
|
|
@@ -27986,39 +27963,30 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27986
27963
|
--pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
27987
27964
|
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
27988
27965
|
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
|
|
27989
|
-
--pf-v6-c-table__compound-expansion-toggle__button--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
27990
27966
|
--pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderTopWidth: var(--pf-t--global--border--width--strong);
|
|
27991
27967
|
--pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderTopWidth: var(--pf-t--global--border--width--strong);
|
|
27992
27968
|
--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
27993
27969
|
--pf-v6-c-table--m-compact__th--PaddingTop: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
|
|
27994
27970
|
--pf-v6-c-table--m-compact__th--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
27995
27971
|
--pf-v6-c-table--m-compact--cell--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
27996
|
-
--pf-v6-c-table--m-compact--cell--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
27997
27972
|
--pf-v6-c-table--m-compact--cell--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
27998
|
-
--pf-v6-c-table--m-compact--cell--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
27999
27973
|
--pf-v6-c-table--m-compact__action--PaddingTop: var(--pf-t--global--spacer--xs);
|
|
28000
27974
|
--pf-v6-c-table--m-compact__action--PaddingBottom: var(--pf-t--global--spacer--xs);
|
|
28001
|
-
--pf-v6-c-table--m-expandable__tbody--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
|
|
28002
|
-
--pf-v6-c-table--m-expandable__tbody--BorderBottomColor: var(--pf-t--global--border--color--default);
|
|
28003
27975
|
--pf-v6-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-t--global--border--color--default);
|
|
28004
27976
|
--pf-v6-c-table__tr--m-clickable--BackgroundColor: transparent;
|
|
28005
27977
|
--pf-v6-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
28006
27978
|
--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
28007
|
-
--pf-v6-c-table__tr--m-clickable--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
28008
27979
|
--pf-v6-c-table__tr--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
28009
27980
|
--pf-v6-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
28010
27981
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: transparent;
|
|
28011
27982
|
--pf-v6-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
28012
27983
|
--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
28013
27984
|
--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
28014
|
-
--pf-v6-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
28015
27985
|
--pf-v6-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
28016
27986
|
--pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
28017
27987
|
--pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
|
|
28018
27988
|
--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-t--global--spacer--xs);
|
|
28019
27989
|
--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
28020
|
-
--pf-v6-c-table__subhead--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
28021
|
-
--pf-v6-c-table__subhead--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
28022
27990
|
--pf-v6-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
|
|
28023
27991
|
--pf-v6-c-table__nested-column-header__button--PaddingLeft: calc(var(--pf-v6-c-table__button--PaddingLeft) - var(--pf-t--global--spacer--sm));
|
|
28024
27992
|
--pf-v6-c-table__nested-column-header__button--PaddingRight: calc(var(--pf-v6-c-table__button--PaddingRight) - var(--pf-t--global--spacer--xs));
|
|
@@ -28507,7 +28475,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28507
28475
|
}
|
|
28508
28476
|
.pf-v6-c-table__sort.pf-m-selected .pf-v6-c-table__button {
|
|
28509
28477
|
--pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort--m-selected__sort-indicator--Color);
|
|
28510
|
-
--pf-v6-c-table__sort__button__text--Color: var(--pf-v6-c-table__sort--m-selected__button__text--Color);
|
|
28511
28478
|
color: var(--pf-v6-c-table__sort--m-selected__button--Color);
|
|
28512
28479
|
}
|
|
28513
28480
|
.pf-v6-c-table__sort.pf-m-help {
|
|
@@ -28521,7 +28488,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28521
28488
|
grid-column: 2;
|
|
28522
28489
|
align-self: end;
|
|
28523
28490
|
margin-inline-start: var(--pf-v6-c-table__sort-indicator--MarginLeft);
|
|
28524
|
-
font-size: var(--pf-v6-c-table__sort-indicator--FontSize);
|
|
28525
28491
|
color: var(--pf-v6-c-table__sort-indicator--Color);
|
|
28526
28492
|
pointer-events: none;
|
|
28527
28493
|
}
|
|
@@ -28554,7 +28520,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28554
28520
|
padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBottom);
|
|
28555
28521
|
padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingLeft);
|
|
28556
28522
|
padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingRight);
|
|
28557
|
-
background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
|
|
28558
28523
|
border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
|
|
28559
28524
|
}
|
|
28560
28525
|
.pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
@@ -9173,7 +9173,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9173
9173
|
.pf-v6-c-check {
|
|
9174
9174
|
--pf-v6-c-check--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
|
|
9175
9175
|
--pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
|
|
9176
|
-
--pf-v6-c-check--
|
|
9176
|
+
--pf-v6-c-check--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
|
|
9177
9177
|
--pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
9178
9178
|
--pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
|
|
9179
9179
|
--pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body);
|
|
@@ -9196,7 +9196,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
9196
9196
|
.pf-v6-c-check.pf-m-standalone {
|
|
9197
9197
|
display: inline-grid;
|
|
9198
9198
|
grid-template-columns: auto;
|
|
9199
|
-
height: var(--pf-v6-c-check--
|
|
9199
|
+
min-height: var(--pf-v6-c-check--MinHeight);
|
|
9200
9200
|
}
|
|
9201
9201
|
.pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
|
|
9202
9202
|
align-self: center;
|
|
@@ -14920,7 +14920,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
14920
14920
|
--pf-v6-c-drawer__section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
14921
14921
|
--pf-v6-c-drawer__section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
14922
14922
|
--pf-v6-c-drawer__content--FlexBasis: 100%;
|
|
14923
|
-
--pf-v6-c-drawer__content--BackgroundColor:
|
|
14923
|
+
--pf-v6-c-drawer__content--BackgroundColor: transparent;
|
|
14924
|
+
--pf-v6-c-drawer__content--m-primary--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
14924
14925
|
--pf-v6-c-drawer__content--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
14925
14926
|
--pf-v6-c-drawer__content--ZIndex: var(--pf-t--global--Zindex--xs);
|
|
14926
14927
|
--pf-v6-c-drawer__panel--MinWidth: 50%;
|
|
@@ -15121,12 +15122,12 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
15121
15122
|
order: 0;
|
|
15122
15123
|
background-color: var(--pf-v6-c-drawer__content--BackgroundColor);
|
|
15123
15124
|
}
|
|
15125
|
+
.pf-v6-c-drawer__content.pf-m-primary {
|
|
15126
|
+
--pf-v6-c-drawer__content--BackgroundColor: var(--pf-v6-c-drawer__content--m-primary--BackgroundColor);
|
|
15127
|
+
}
|
|
15124
15128
|
.pf-v6-c-drawer__content.pf-m-secondary {
|
|
15125
15129
|
--pf-v6-c-drawer__content--BackgroundColor: var(--pf-v6-c-drawer__content--m-secondary--BackgroundColor);
|
|
15126
15130
|
}
|
|
15127
|
-
.pf-v6-c-drawer__content.pf-m-no-background {
|
|
15128
|
-
--pf-v6-c-drawer__content--BackgroundColor: transparent;
|
|
15129
|
-
}
|
|
15130
15131
|
.pf-v6-c-drawer__content > .pf-v6-c-drawer__body {
|
|
15131
15132
|
padding-block-start: var(--pf-v6-c-drawer__content__body--PaddingTop);
|
|
15132
15133
|
padding-block-end: var(--pf-v6-c-drawer__content__body--PaddingBottom);
|
|
@@ -22326,19 +22327,19 @@ ul.pf-v6-c-list {
|
|
|
22326
22327
|
--pf-v6-c-page__sidebar-body--m-menu--BorderTopColor: var(--pf-t--global--border--color--default);
|
|
22327
22328
|
--pf-v6-c-page__sidebar-body--m-menu--BorderTopWidth: var(--pf-t--global--border--width--button--default);
|
|
22328
22329
|
--pf-v6-c-page__sidebar-body--m-menu--c-context-selector--BorderBottomColor: var(--pf-t--global--border--color--default);
|
|
22329
|
-
--pf-v6-c-page__main--ZIndex: var(--pf-v6-global--ZIndex--xs);
|
|
22330
|
-
--pf-v6-c-page__main--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
|
|
22331
|
-
--pf-v6-c-page__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
22332
|
-
--pf-v6-c-page__main--MarginInlineStart: var(--pf-t--global--spacer--lg);
|
|
22333
|
-
--pf-v6-c-page__main--MarginInlineEnd: var(--pf-t--global--spacer--lg);
|
|
22334
|
-
--pf-v6-c-page__main--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
22335
|
-
--pf-v6-c-page__main--BorderWidth: var(--pf-t--global--spacer--sm);
|
|
22336
|
-
--pf-v6-c-page__main--BorderColor: var(--pf-v6-c-page__main--BackgroundColor);
|
|
22330
|
+
--pf-v6-c-page__main-container--ZIndex: var(--pf-v6-global--ZIndex--xs);
|
|
22331
|
+
--pf-v6-c-page__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
|
|
22332
|
+
--pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
22333
|
+
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-t--global--spacer--lg);
|
|
22334
|
+
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-t--global--spacer--lg);
|
|
22335
|
+
--pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
22336
|
+
--pf-v6-c-page__main-container--BorderWidth: var(--pf-t--global--spacer--sm);
|
|
22337
|
+
--pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
22337
22338
|
--pf-v6-c-page__main-section--MarginTop: var(--pf-t--global--spacer--md);
|
|
22338
22339
|
--pf-v6-c-page__main-section--PaddingTop: var(--pf-t--global--spacer--lg);
|
|
22339
22340
|
--pf-v6-c-page__main-section--PaddingRight: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
|
|
22340
22341
|
--pf-v6-c-page__main-section--PaddingBottom: 0;
|
|
22341
|
-
--pf-v6-c-page__main-section--PaddingLeft: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
|
|
22342
|
+
--pf-v6-c-page__main-section--PaddingLeft: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
22342
22343
|
--pf-v6-c-page__main-breadcrumb--main-section--PaddingTop: var(--pf-t--global--spacer--md);
|
|
22343
22344
|
--pf-v6-c-page__main-section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
22344
22345
|
--pf-v6-c-page__main-section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
@@ -22366,9 +22367,9 @@ ul.pf-v6-c-list {
|
|
|
22366
22367
|
--pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
|
|
22367
22368
|
--pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
|
|
22368
22369
|
--pf-v6-c-page__main-breadcrumb--PaddingTop: var(--pf-t--global--spacer--md);
|
|
22369
|
-
--pf-v6-c-page__main-breadcrumb--PaddingRight: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
|
|
22370
|
+
--pf-v6-c-page__main-breadcrumb--PaddingRight: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
22370
22371
|
--pf-v6-c-page__main-breadcrumb--PaddingBottom: 0;
|
|
22371
|
-
--pf-v6-c-page__main-breadcrumb--PaddingLeft: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
|
|
22372
|
+
--pf-v6-c-page__main-breadcrumb--PaddingLeft: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
|
|
22372
22373
|
--pf-v6-c-page__main-breadcrumb--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
22373
22374
|
--pf-v6-c-page__main-tabs--PaddingTop: 0;
|
|
22374
22375
|
--pf-v6-c-page__main-tabs--PaddingRight: 0;
|
|
@@ -22414,7 +22415,7 @@ ul.pf-v6-c-list {
|
|
|
22414
22415
|
}
|
|
22415
22416
|
@media (min-width: 1200px) {
|
|
22416
22417
|
.pf-v6-c-page {
|
|
22417
|
-
grid-template-areas: "header header" "
|
|
22418
|
+
grid-template-areas: "header header" "sidebar main";
|
|
22418
22419
|
grid-template-columns: max-content 1fr;
|
|
22419
22420
|
}
|
|
22420
22421
|
}
|
|
@@ -22526,7 +22527,7 @@ ul.pf-v6-c-list {
|
|
|
22526
22527
|
z-index: var(--pf-v6-c-page__sidebar--ZIndex);
|
|
22527
22528
|
display: flex;
|
|
22528
22529
|
flex-direction: column;
|
|
22529
|
-
grid-area:
|
|
22530
|
+
grid-area: sidebar;
|
|
22530
22531
|
grid-row-start: 2;
|
|
22531
22532
|
grid-column-start: 1;
|
|
22532
22533
|
width: var(--pf-v6-c-page__sidebar--Width);
|
|
@@ -22838,26 +22839,27 @@ ul.pf-v6-c-list {
|
|
|
22838
22839
|
}
|
|
22839
22840
|
}
|
|
22840
22841
|
|
|
22841
|
-
.pf-v6-c-page__main {
|
|
22842
|
+
.pf-v6-c-page__main-container {
|
|
22842
22843
|
align-self: start;
|
|
22843
|
-
max-height: var(--pf-v6-c-page__main--MaxHeight);
|
|
22844
|
+
max-height: var(--pf-v6-c-page__main-container--MaxHeight);
|
|
22844
22845
|
margin-block-start: 0;
|
|
22845
|
-
margin-inline-start: var(--pf-v6-c-page__main--MarginInlineStart);
|
|
22846
|
-
margin-inline-end: var(--pf-v6-c-page__main--MarginInlineEnd);
|
|
22847
|
-
|
|
22848
|
-
|
|
22849
|
-
border
|
|
22846
|
+
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
|
22847
|
+
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
|
22848
|
+
overflow: auto;
|
|
22849
|
+
background: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
22850
|
+
border: var(--pf-v6-c-page__main-container--BorderWidth) solid var(--pf-v6-c-page__main-container--BorderColor);
|
|
22851
|
+
border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
|
|
22850
22852
|
}
|
|
22851
22853
|
|
|
22852
|
-
.pf-v6-c-page__main,
|
|
22854
|
+
.pf-v6-c-page__main-container,
|
|
22853
22855
|
.pf-v6-c-page__drawer {
|
|
22854
|
-
z-index: var(--pf-v6-c-page__main--ZIndex);
|
|
22856
|
+
z-index: var(--pf-v6-c-page__main-container--ZIndex);
|
|
22855
22857
|
grid-area: main;
|
|
22856
22858
|
overflow-x: hidden;
|
|
22857
22859
|
overflow-y: auto;
|
|
22858
22860
|
-webkit-overflow-scrolling: touch;
|
|
22859
22861
|
}
|
|
22860
|
-
.pf-v6-c-page__main:focus,
|
|
22862
|
+
.pf-v6-c-page__main-container:focus,
|
|
22861
22863
|
.pf-v6-c-page__drawer:focus {
|
|
22862
22864
|
outline: 0;
|
|
22863
22865
|
}
|
|
@@ -28039,63 +28041,38 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28039
28041
|
--pf-v6-c-table__button--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
28040
28042
|
--pf-v6-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
|
|
28041
28043
|
--pf-v6-c-table__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
28042
|
-
--pf-v6-c-table--m-compact__toggle--PaddingTop: 0;
|
|
28043
|
-
--pf-v6-c-table--m-compact__toggle--PaddingBottom: 0;
|
|
28044
28044
|
--pf-v6-c-table__check--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
28045
28045
|
--pf-v6-c-table__check--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
28046
28046
|
--pf-v6-c-table__favorite--c-button--FontSize: var(--pf-t--global--font--size--body--default);
|
|
28047
28047
|
--pf-v6-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
|
|
28048
28048
|
--pf-v6-c-table__favorite--m-favorited--c-button--Color: var(--pf-t--global--color--favorite--clicked);
|
|
28049
|
-
--pf-v6-c-table__favorite--m-favorited--c-button--hover--Color: var(--pf-t--global--color--favorite--clicked);
|
|
28050
|
-
--pf-v6-c-table__sort--m-favorite__button__text--Color: var(--pf-t--global--text--color--subtle);
|
|
28051
|
-
--pf-v6-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-t--global--text--color--regular);
|
|
28052
|
-
--pf-v6-c-table__draggable--c-button--MarginTop: calc(var(--pf-v6-c-button--PaddingTop) * -1);
|
|
28053
|
-
--pf-v6-c-table__draggable--c-button--MarginRight: calc(var(--pf-v6-c-button--PaddingRight) * -1);
|
|
28054
|
-
--pf-v6-c-table__draggable--c-button--MarginBottom: calc(var(--pf-v6-c-button--PaddingBottom) * -1);
|
|
28055
|
-
--pf-v6-c-table__draggable--c-button--MarginLeft: calc(var(--pf-v6-c-button--PaddingLeft) * -1);
|
|
28056
28049
|
--pf-v6-c-table__tr--m-ghost-row--Opacity: .4;
|
|
28057
28050
|
--pf-v6-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
28058
28051
|
--pf-v6-c-table__action--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
28059
28052
|
--pf-v6-c-table__action--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
28060
28053
|
--pf-v6-c-table__action--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
28061
28054
|
--pf-v6-c-table__action--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
28062
|
-
--pf-v6-c-table__inline-edit-action--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
28063
|
-
--pf-v6-c-table__inline-edit-action--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
28064
28055
|
--pf-v6-c-table__expandable-row--Transition: var(--pf-v6-global--Transition);
|
|
28065
28056
|
--pf-v6-c-table__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--md);
|
|
28066
28057
|
--pf-v6-c-table__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
28067
28058
|
--pf-v6-c-table__expandable-row-content--PaddingLeft: var(--pf-t--global--spacer--md);
|
|
28068
28059
|
--pf-v6-c-table__expandable-row-content--PaddingRight: var(--pf-t--global--spacer--md);
|
|
28069
28060
|
--pf-v6-c-table__expandable-row-content--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
28070
|
-
--pf-v6-c-table__expandable-row-content--Transition: var(--pf-v6-global--Transition);
|
|
28071
28061
|
--pf-v6-c-table__control-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
28072
28062
|
--pf-v6-c-table__control-row--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
|
|
28073
28063
|
--pf-v6-c-table__control-row__tbody--BorderBottomColor: var(--pf-t--global--border--color--default);
|
|
28074
28064
|
--pf-v6-c-table__icon-inline--MarginRight: var(--pf-t--global--spacer--sm);
|
|
28075
28065
|
--pf-v6-c-table__sort--MinWidth: calc(6ch + var(--pf-v6-c-table--cell--PaddingRight) + var(--pf-v6-c-table--cell--PaddingLeft) + var(--pf-v6-c-table__sort-indicator--MarginLeft));
|
|
28076
|
-
--pf-v6-c-table__sort__button--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
28077
|
-
--pf-v6-c-table__sort__button--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
28078
|
-
--pf-v6-c-table__sort__button--PaddingLeft: var(--pf-t--global--spacer--md);
|
|
28079
|
-
--pf-v6-c-table__sort__button--PaddingRight: var(--pf-t--global--spacer--md);
|
|
28080
|
-
--pf-v6-c-table__sort__button--MarginBottom: calc(var(--pf-v6-c-table__sort__button--PaddingBottom) * -1);
|
|
28081
|
-
--pf-v6-c-table__sort__button--MarginLeft: calc(var(--pf-v6-c-table__sort__button--PaddingLeft) * -1);
|
|
28082
|
-
--pf-v6-c-table__sort__button--Color: var(--pf-t--global--text--color--regular);
|
|
28083
28066
|
--pf-v6-c-table__sort--m-selected__button--Color: var(--pf-t--global--color--brand--clicked);
|
|
28084
28067
|
--pf-v6-c-table__sort--m-help--MinWidth: 15ch;
|
|
28085
28068
|
--pf-v6-c-table__sort__button__text--Color: currentcolor;
|
|
28086
28069
|
--pf-v6-c-table__sort__button--hover__text--Color: currentcolor;
|
|
28087
|
-
--pf-v6-c-table__sort--cell--PaddingLeft: var(--pf-t--global--spacer--xs);
|
|
28088
|
-
--pf-v6-c-table__sort--cell--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
28089
28070
|
--pf-v6-c-table__sort-indicator--Color: var(--pf-t--global--icon--color--subtle);
|
|
28090
28071
|
--pf-v6-c-table__sort-indicator--MarginLeft: var(--pf-t--global--spacer--md);
|
|
28091
28072
|
--pf-v6-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--color--brand--clicked);
|
|
28092
28073
|
--pf-v6-c-table__sort__button--hover__sort-indicator--Color: var(--pf-t--global--text--color--regular);
|
|
28093
28074
|
--pf-v6-c-table__th--m-help--MinWidth: 11ch;
|
|
28094
28075
|
--pf-v6-c-table__column-help--MarginLeft: var(--pf-t--global--spacer--sm);
|
|
28095
|
-
--pf-v6-c-table__column-help--c-button--MarginTop: calc(var(--pf-v6-c-button--PaddingTop) * -1);
|
|
28096
|
-
--pf-v6-c-table__column-help--c-button--MarginBottom: calc(var(--pf-v6-c-button--PaddingBottom) * -1);
|
|
28097
|
-
--pf-v6-c-table__column-help--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
28098
|
-
--pf-v6-c-table__column-help--c-button--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
28099
28076
|
--pf-v6-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
|
|
28100
28077
|
--pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
28101
28078
|
--pf-v6-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
|
|
@@ -28103,39 +28080,30 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28103
28080
|
--pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
28104
28081
|
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
28105
28082
|
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
|
|
28106
|
-
--pf-v6-c-table__compound-expansion-toggle__button--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
28107
28083
|
--pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderTopWidth: var(--pf-t--global--border--width--strong);
|
|
28108
28084
|
--pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderTopWidth: var(--pf-t--global--border--width--strong);
|
|
28109
28085
|
--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
28110
28086
|
--pf-v6-c-table--m-compact__th--PaddingTop: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
|
|
28111
28087
|
--pf-v6-c-table--m-compact__th--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
28112
28088
|
--pf-v6-c-table--m-compact--cell--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
28113
|
-
--pf-v6-c-table--m-compact--cell--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
28114
28089
|
--pf-v6-c-table--m-compact--cell--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
28115
|
-
--pf-v6-c-table--m-compact--cell--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
28116
28090
|
--pf-v6-c-table--m-compact__action--PaddingTop: var(--pf-t--global--spacer--xs);
|
|
28117
28091
|
--pf-v6-c-table--m-compact__action--PaddingBottom: var(--pf-t--global--spacer--xs);
|
|
28118
|
-
--pf-v6-c-table--m-expandable__tbody--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
|
|
28119
|
-
--pf-v6-c-table--m-expandable__tbody--BorderBottomColor: var(--pf-t--global--border--color--default);
|
|
28120
28092
|
--pf-v6-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-t--global--border--color--default);
|
|
28121
28093
|
--pf-v6-c-table__tr--m-clickable--BackgroundColor: transparent;
|
|
28122
28094
|
--pf-v6-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
28123
28095
|
--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
28124
|
-
--pf-v6-c-table__tr--m-clickable--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
28125
28096
|
--pf-v6-c-table__tr--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
28126
28097
|
--pf-v6-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
28127
28098
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: transparent;
|
|
28128
28099
|
--pf-v6-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
28129
28100
|
--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
28130
28101
|
--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
28131
|
-
--pf-v6-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
28132
28102
|
--pf-v6-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
28133
28103
|
--pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
28134
28104
|
--pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
|
|
28135
28105
|
--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-t--global--spacer--xs);
|
|
28136
28106
|
--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
28137
|
-
--pf-v6-c-table__subhead--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
28138
|
-
--pf-v6-c-table__subhead--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
28139
28107
|
--pf-v6-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
|
|
28140
28108
|
--pf-v6-c-table__nested-column-header__button--PaddingLeft: calc(var(--pf-v6-c-table__button--PaddingLeft) - var(--pf-t--global--spacer--sm));
|
|
28141
28109
|
--pf-v6-c-table__nested-column-header__button--PaddingRight: calc(var(--pf-v6-c-table__button--PaddingRight) - var(--pf-t--global--spacer--xs));
|
|
@@ -28624,7 +28592,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28624
28592
|
}
|
|
28625
28593
|
.pf-v6-c-table__sort.pf-m-selected .pf-v6-c-table__button {
|
|
28626
28594
|
--pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort--m-selected__sort-indicator--Color);
|
|
28627
|
-
--pf-v6-c-table__sort__button__text--Color: var(--pf-v6-c-table__sort--m-selected__button__text--Color);
|
|
28628
28595
|
color: var(--pf-v6-c-table__sort--m-selected__button--Color);
|
|
28629
28596
|
}
|
|
28630
28597
|
.pf-v6-c-table__sort.pf-m-help {
|
|
@@ -28638,7 +28605,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28638
28605
|
grid-column: 2;
|
|
28639
28606
|
align-self: end;
|
|
28640
28607
|
margin-inline-start: var(--pf-v6-c-table__sort-indicator--MarginLeft);
|
|
28641
|
-
font-size: var(--pf-v6-c-table__sort-indicator--FontSize);
|
|
28642
28608
|
color: var(--pf-v6-c-table__sort-indicator--Color);
|
|
28643
28609
|
pointer-events: none;
|
|
28644
28610
|
}
|
|
@@ -28671,7 +28637,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
28671
28637
|
padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBottom);
|
|
28672
28638
|
padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingLeft);
|
|
28673
28639
|
padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingRight);
|
|
28674
|
-
background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
|
|
28675
28640
|
border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
|
|
28676
28641
|
}
|
|
28677
28642
|
.pf-v6-c-table__expandable-row.pf-m-expanded {
|