@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.
Files changed (40) hide show
  1. package/components/Check/check.css +2 -2
  2. package/components/Check/check.scss +2 -2
  3. package/components/Drawer/drawer.css +5 -4
  4. package/components/Drawer/drawer.scss +7 -6
  5. package/components/Page/page.css +24 -23
  6. package/components/Page/page.scss +24 -23
  7. package/components/Table/table.css +0 -37
  8. package/components/Table/table.scss +0 -49
  9. package/docs/components/Drawer/examples/Drawer.md +2 -1
  10. package/docs/components/Page/deprecated/PageHeader.md +113 -99
  11. package/docs/components/Page/examples/Page.md +114 -100
  12. package/docs/demos/AboutModal/examples/AboutModal.md +81 -79
  13. package/docs/demos/Alert/examples/Alert.md +551 -524
  14. package/docs/demos/BackToTop/examples/BackToTop.md +211 -209
  15. package/docs/demos/Banner/examples/Banner.md +420 -412
  16. package/docs/demos/CardView/examples/CardView.md +1302 -1297
  17. package/docs/demos/ContextSelector/examples/ContextSelector.md +536 -523
  18. package/docs/demos/Dashboard/examples/Dashboard.md +1344 -1314
  19. package/docs/demos/DataList/examples/DataList.md +3006 -2958
  20. package/docs/demos/DescriptionList/examples/DescriptionList.md +532 -518
  21. package/docs/demos/Drawer/examples/Drawer.md +544 -528
  22. package/docs/demos/JumpLinks/examples/JumpLinks.md +915 -897
  23. package/docs/demos/Masthead/examples/Masthead.md +729 -711
  24. package/docs/demos/Modal/examples/Modal.md +486 -474
  25. package/docs/demos/Nav/examples/Nav.md +528 -510
  26. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +440 -435
  27. package/docs/demos/Page/examples/Page.md +1656 -1633
  28. package/docs/demos/Page/examples/Penta.md +632 -577
  29. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +5222 -5080
  30. package/docs/demos/Skeleton/examples/Skeleton.md +177 -175
  31. package/docs/demos/Table/examples/Table.md +14137 -13972
  32. package/docs/demos/Tabs/examples/Tabs.md +2206 -2138
  33. package/docs/demos/Toolbar/examples/Toolbar.md +1322 -1269
  34. package/docs/demos/Wizard/examples/Wizard.md +1571 -1553
  35. package/package.json +1 -1
  36. package/patternfly-no-globals.css +31 -66
  37. package/patternfly-theme-dark-unversioned.css +31 -66
  38. package/patternfly.css +31 -66
  39. package/patternfly.min.css +1 -1
  40. 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.0.0-alpha.102",
4
+ "version": "6.0.0-alpha.104",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -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--Height: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
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--Height);
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: var(--pf-t--global--background--color--primary--default);
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" "nav main";
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: nav;
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
- background: var(--pf-v6-c-page__main--BackgroundColor);
22731
- border: var(--pf-v6-c-page__main--BorderWidth) solid var(--pf-v6-c-page__main--BorderColor);
22732
- border-radius: var(--pf-v6-c-page__main--BorderRadius);
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--Height: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
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--Height);
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: var(--pf-t--global--background--color--primary--default);
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" "nav main";
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: nav;
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
- background: var(--pf-v6-c-page__main--BackgroundColor);
22848
- border: var(--pf-v6-c-page__main--BorderWidth) solid var(--pf-v6-c-page__main--BorderColor);
22849
- border-radius: var(--pf-v6-c-page__main--BorderRadius);
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 {