@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/patternfly.css CHANGED
@@ -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 {