@patternfly/patternfly 6.6.0-prerelease.5 → 6.6.0-prerelease.7

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 (14) hide show
  1. package/components/Sidebar/sidebar.css +4 -7
  2. package/components/Sidebar/sidebar.scss +9 -9
  3. package/components/Table/table.css +27 -0
  4. package/components/Table/table.scss +43 -4
  5. package/components/_index.css +31 -7
  6. package/docs/components/Drawer/examples/Drawer.md +1 -1
  7. package/docs/components/Sidebar/examples/Sidebar.md +3 -1
  8. package/docs/components/Table/examples/Table.css +6 -0
  9. package/docs/components/Table/examples/Table.md +280 -0
  10. package/package.json +1 -1
  11. package/patternfly-no-globals.css +31 -7
  12. package/patternfly.css +31 -7
  13. package/patternfly.min.css +1 -1
  14. package/patternfly.min.css.map +1 -1
package/patternfly-no-globals.css CHANGED
@@ -25950,6 +25950,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25950
25950
  --pf-v6-c-sidebar__panel--Position: static;
25951
25951
  --pf-v6-c-sidebar__panel--InsetBlockStart: auto;
25952
25952
  }
25953
+ .pf-v6-c-sidebar__panel.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__panel.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__panel:not(.pf-m-no-plain-on-glass) {
25954
+ --pf-v6-c-sidebar__panel--BackgroundColor: transparent;
25955
+ }
25953
25956
  .pf-v6-c-sidebar__panel.pf-m-secondary {
25954
25957
  --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
25955
25958
  }
@@ -25969,7 +25972,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25969
25972
  --pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
25970
25973
  --pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
25971
25974
  }
25972
- .pf-v6-c-sidebar__content.pf-m-no-background {
25975
+ .pf-v6-c-sidebar__content.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__content.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__content:not(.pf-m-no-plain-on-glass) {
25973
25976
  --pf-v6-c-sidebar__content--BackgroundColor: transparent;
25974
25977
  }
25975
25978
  .pf-v6-c-sidebar__content.pf-m-secondary {
@@ -25982,12 +25985,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25982
25985
  --pf-v6-c-sidebar__content--Order: -1;
25983
25986
  }
25984
25987
 
25985
- .pf-v6-c-sidebar.pf-m-no-background,
25986
- .pf-v6-c-sidebar__panel.pf-m-no-background,
25987
- .pf-v6-c-sidebar__content.pf-m-no-background {
25988
- background-color: transparent;
25989
- }
25990
-
25991
25988
  .pf-v6-c-sidebar__panel.pf-m-width-default {
25992
25989
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
25993
25990
  }
@@ -28736,6 +28733,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28736
28733
  --pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
28737
28734
  --pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
28738
28735
  --pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
28736
+ --pf-v6-c-table--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
28737
+ --pf-v6-c-table--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
28739
28738
  }
28740
28739
  :where(.pf-v6-theme-glass) .pf-v6-c-table {
28741
28740
  --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
@@ -28805,6 +28804,26 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28805
28804
  .pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) td:where(.pf-v6-c-table__td):not([rowspan]) {
28806
28805
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
28807
28806
  }
28807
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot {
28808
+ position: sticky;
28809
+ inset-block-end: 0;
28810
+ z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
28811
+ background: var(--pf-v6-c-table--BackgroundColor);
28812
+ }
28813
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
28814
+ position: absolute;
28815
+ inset: 0;
28816
+ z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
28817
+ pointer-events: none;
28818
+ content: "";
28819
+ border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
28820
+ }
28821
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
28822
+ border-block-end: 0;
28823
+ }
28824
+ .pf-v6-c-table.pf-m-plain {
28825
+ --pf-v6-c-table--BackgroundColor: transparent;
28826
+ }
28808
28827
  .pf-v6-c-table.pf-m-striped:not(.pf-m-expandable) > tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr):nth-child(odd), .pf-v6-c-table.pf-m-striped.pf-m-expandable > tbody:where(.pf-v6-c-table__tbody):nth-of-type(odd) > tr:where(.pf-v6-c-table__tr),
28809
28828
  .pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
28810
28829
  .pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
@@ -29539,6 +29558,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29539
29558
  border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
29540
29559
  }
29541
29560
 
29561
+ .pf-v6-c-table__tfoot {
29562
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
29563
+ vertical-align: top;
29564
+ }
29565
+
29542
29566
  .pf-v6-c-table__icon-inline {
29543
29567
  display: flex;
29544
29568
  align-items: center;
package/patternfly.css CHANGED
@@ -26105,6 +26105,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26105
26105
  --pf-v6-c-sidebar__panel--Position: static;
26106
26106
  --pf-v6-c-sidebar__panel--InsetBlockStart: auto;
26107
26107
  }
26108
+ .pf-v6-c-sidebar__panel.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__panel.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__panel:not(.pf-m-no-plain-on-glass) {
26109
+ --pf-v6-c-sidebar__panel--BackgroundColor: transparent;
26110
+ }
26108
26111
  .pf-v6-c-sidebar__panel.pf-m-secondary {
26109
26112
  --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
26110
26113
  }
@@ -26124,7 +26127,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26124
26127
  --pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
26125
26128
  --pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
26126
26129
  }
26127
- .pf-v6-c-sidebar__content.pf-m-no-background {
26130
+ .pf-v6-c-sidebar__content.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__content.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__content:not(.pf-m-no-plain-on-glass) {
26128
26131
  --pf-v6-c-sidebar__content--BackgroundColor: transparent;
26129
26132
  }
26130
26133
  .pf-v6-c-sidebar__content.pf-m-secondary {
@@ -26137,12 +26140,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26137
26140
  --pf-v6-c-sidebar__content--Order: -1;
26138
26141
  }
26139
26142
 
26140
- .pf-v6-c-sidebar.pf-m-no-background,
26141
- .pf-v6-c-sidebar__panel.pf-m-no-background,
26142
- .pf-v6-c-sidebar__content.pf-m-no-background {
26143
- background-color: transparent;
26144
- }
26145
-
26146
26143
  .pf-v6-c-sidebar__panel.pf-m-width-default {
26147
26144
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
26148
26145
  }
@@ -28891,6 +28888,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28891
28888
  --pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
28892
28889
  --pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
28893
28890
  --pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
28891
+ --pf-v6-c-table--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
28892
+ --pf-v6-c-table--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
28894
28893
  }
28895
28894
  :where(.pf-v6-theme-glass) .pf-v6-c-table {
28896
28895
  --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
@@ -28960,6 +28959,26 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28960
28959
  .pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) td:where(.pf-v6-c-table__td):not([rowspan]) {
28961
28960
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
28962
28961
  }
28962
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot {
28963
+ position: sticky;
28964
+ inset-block-end: 0;
28965
+ z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
28966
+ background: var(--pf-v6-c-table--BackgroundColor);
28967
+ }
28968
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
28969
+ position: absolute;
28970
+ inset: 0;
28971
+ z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
28972
+ pointer-events: none;
28973
+ content: "";
28974
+ border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
28975
+ }
28976
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
28977
+ border-block-end: 0;
28978
+ }
28979
+ .pf-v6-c-table.pf-m-plain {
28980
+ --pf-v6-c-table--BackgroundColor: transparent;
28981
+ }
28963
28982
  .pf-v6-c-table.pf-m-striped:not(.pf-m-expandable) > tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr):nth-child(odd), .pf-v6-c-table.pf-m-striped.pf-m-expandable > tbody:where(.pf-v6-c-table__tbody):nth-of-type(odd) > tr:where(.pf-v6-c-table__tr),
28964
28983
  .pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
28965
28984
  .pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
@@ -29694,6 +29713,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29694
29713
  border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
29695
29714
  }
29696
29715
 
29716
+ .pf-v6-c-table__tfoot {
29717
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
29718
+ vertical-align: top;
29719
+ }
29720
+
29697
29721
  .pf-v6-c-table__icon-inline {
29698
29722
  display: flex;
29699
29723
  align-items: center;