@patternfly/react-styles 6.0.0-alpha.15 → 6.0.0-alpha.17

package/css/components/Table/table-grid.css

@@ -68,7 +68,7 @@
   display: grid;
   border: none;
 }
-.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > * {
+.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
   width: auto;
   min-width: 0;
   max-width: none;
@@ -128,13 +128,13 @@
   padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBottom);
   padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingLeft);
 }
-.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > * {
+.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
   padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingTop);
   padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingRight);
   padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBottom);
   padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingLeft);
 }
-.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > *:first-child {
+.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
   --pf-v6-c-table--cell--responsive--PaddingTop: var(--pf-v6-c-table--cell--first-child--responsive--PaddingTop);
 }
 .pf-m-grid.pf-v6-c-table.pf-m-compact {
@@ -170,10 +170,10 @@
   text-align: start;
   content: attr(data-label);
 }
-.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:first-child {
+.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
   --pf-v6-c-table--cell--PaddingLeft: 0;
 }
-.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:last-child {
+.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
   --pf-v6-c-table--cell--PaddingRight: 0;
 }
 .pf-m-grid.pf-v6-c-table .pf-v6-c-table {
@@ -226,9 +226,8 @@
   max-height: var(--pf-v6-c-table__expandable-row--MaxHeight);
   overflow-y: auto;
   border-block-end: none;
-  box-shadow: none;
 }
-.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row > * {
+.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
   position: static;
   display: block;
 }
@@ -383,7 +382,7 @@
     display: grid;
     border: none;
   }
-  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > * {
+  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
     width: auto;
     min-width: 0;
     max-width: none;
@@ -443,13 +442,13 @@
     padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBottom);
     padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingLeft);
   }
-  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > * {
+  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
     padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingTop);
     padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingRight);
     padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBottom);
     padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingLeft);
   }
-  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > *:first-child {
+  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
     --pf-v6-c-table--cell--responsive--PaddingTop: var(--pf-v6-c-table--cell--first-child--responsive--PaddingTop);
   }
   .pf-m-grid-md.pf-v6-c-table.pf-m-compact {
@@ -485,10 +484,10 @@
     text-align: start;
     content: attr(data-label);
   }
-  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:first-child {
+  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
     --pf-v6-c-table--cell--PaddingLeft: 0;
   }
-  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:last-child {
+  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
     --pf-v6-c-table--cell--PaddingRight: 0;
   }
   .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table {
@@ -541,9 +540,8 @@
     max-height: var(--pf-v6-c-table__expandable-row--MaxHeight);
     overflow-y: auto;
     border-block-end: none;
-    box-shadow: none;
   }
-  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row > * {
+  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
     position: static;
     display: block;
   }
@@ -701,7 +699,7 @@
     display: grid;
     border: none;
   }
-  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > * {
+  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
     width: auto;
     min-width: 0;
     max-width: none;
@@ -761,13 +759,13 @@
     padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBottom);
     padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingLeft);
   }
-  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > * {
+  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
     padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingTop);
     padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingRight);
     padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBottom);
     padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingLeft);
   }
-  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > *:first-child {
+  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
     --pf-v6-c-table--cell--responsive--PaddingTop: var(--pf-v6-c-table--cell--first-child--responsive--PaddingTop);
   }
   .pf-m-grid-lg.pf-v6-c-table.pf-m-compact {
@@ -803,10 +801,10 @@
     text-align: start;
     content: attr(data-label);
   }
-  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:first-child {
+  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
     --pf-v6-c-table--cell--PaddingLeft: 0;
   }
-  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:last-child {
+  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
     --pf-v6-c-table--cell--PaddingRight: 0;
   }
   .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table {
@@ -859,9 +857,8 @@
     max-height: var(--pf-v6-c-table__expandable-row--MaxHeight);
     overflow-y: auto;
     border-block-end: none;
-    box-shadow: none;
   }
-  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row > * {
+  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
     position: static;
     display: block;
   }
@@ -1019,7 +1016,7 @@
     display: grid;
     border: none;
   }
-  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > * {
+  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
     width: auto;
     min-width: 0;
     max-width: none;
@@ -1079,13 +1076,13 @@
     padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBottom);
     padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingLeft);
   }
-  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > * {
+  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
     padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingTop);
     padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingRight);
     padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBottom);
     padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingLeft);
   }
-  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > *:first-child {
+  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
     --pf-v6-c-table--cell--responsive--PaddingTop: var(--pf-v6-c-table--cell--first-child--responsive--PaddingTop);
   }
   .pf-m-grid-xl.pf-v6-c-table.pf-m-compact {
@@ -1121,10 +1118,10 @@
     text-align: start;
     content: attr(data-label);
   }
-  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:first-child {
+  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
     --pf-v6-c-table--cell--PaddingLeft: 0;
   }
-  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:last-child {
+  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
     --pf-v6-c-table--cell--PaddingRight: 0;
   }
   .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table {
@@ -1177,9 +1174,8 @@
     max-height: var(--pf-v6-c-table__expandable-row--MaxHeight);
     overflow-y: auto;
     border-block-end: none;
-    box-shadow: none;
   }
-  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row > * {
+  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
     position: static;
     display: block;
   }
@@ -1337,7 +1333,7 @@
     display: grid;
     border: none;
   }
-  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > * {
+  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
     width: auto;
     min-width: 0;
     max-width: none;
@@ -1397,13 +1393,13 @@
     padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBottom);
     padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingLeft);
   }
-  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > * {
+  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
     padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingTop);
     padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingRight);
     padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBottom);
     padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingLeft);
   }
-  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > *:first-child {
+  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
     --pf-v6-c-table--cell--responsive--PaddingTop: var(--pf-v6-c-table--cell--first-child--responsive--PaddingTop);
   }
   .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact {
@@ -1439,10 +1435,10 @@
     text-align: start;
     content: attr(data-label);
   }
-  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:first-child {
+  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
     --pf-v6-c-table--cell--PaddingLeft: 0;
   }
-  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > *:last-child {
+  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
     --pf-v6-c-table--cell--PaddingRight: 0;
   }
   .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table {
@@ -1495,9 +1491,8 @@
     max-height: var(--pf-v6-c-table__expandable-row--MaxHeight);
     overflow-y: auto;
     border-block-end: none;
-    box-shadow: none;
   }
-  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row > * {
+  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
     position: static;
     display: block;
   }

package/css/components/Table/table-scrollable.css

@@ -1,4 +1,5 @@
-.pf-v6-c-table {
+:where(:root),
+:where(.pf-v6-c-table) {
   --pf-v6-c-table__sticky-cell--MinWidth--base: 12.5rem;
   --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
   --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--Zindex--xs);
@@ -13,7 +14,8 @@
   --pf-v6-c-table__sticky-cell--m-left--Left: 0;
   --pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
 }
-.pf-v6-c-table .pf-v6-c-table__sticky-cell {
+:where(:root) .pf-v6-c-table__sticky-cell,
+:where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell {
   --pf-v6-c-table--cell--Overflow: visible;
   --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
   position: sticky;
@@ -24,18 +26,24 @@
   background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
   background-clip: padding-box;
 }
-.pf-v6-c-table .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
+:where(:root) .pf-v6-c-table__sticky-cell.pf-m-border-right::before,
+:where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
   --pf-v6-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderRightWidth);
   --pf-v6-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderRightColor);
 }
-.pf-v6-c-table .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
+:where(:root) .pf-v6-c-table__sticky-cell.pf-m-border-left::before,
+:where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
   --pf-v6-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderLeftWidth);
   --pf-v6-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderLeftColor);
 }
-.pf-v6-c-table .pf-v6-c-table__sticky-cell.pf-m-right, .pf-v6-c-table .pf-v6-c-table__sticky-cell.pf-m-inline-end {
+:where(:root) .pf-v6-c-table__sticky-cell.pf-m-right, :where(:root) .pf-v6-c-table__sticky-cell.pf-m-inline-end,
+:where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-right,
+:where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-inline-end {
   --pf-v6-c-table__sticky-cell--Right: var(--pf-v6-c-table__sticky-cell--m-right--Right);
 }
-.pf-v6-c-table .pf-v6-c-table__sticky-cell.pf-m-left, .pf-v6-c-table .pf-v6-c-table__sticky-cell.pf-m-inline-start {
+:where(:root) .pf-v6-c-table__sticky-cell.pf-m-left, :where(:root) .pf-v6-c-table__sticky-cell.pf-m-inline-start,
+:where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-left,
+:where(.pf-v6-c-table) .pf-v6-c-table__sticky-cell.pf-m-inline-start {
   --pf-v6-c-table__sticky-cell--Left: var(--pf-v6-c-table__sticky-cell--m-left--Left);
 }
 

package/css/components/Table/table-tree-view.css

@@ -177,7 +177,7 @@
   grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
   align-items: start;
 }
-.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > * {
+.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
   grid-column: 2;
 }
 .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
@@ -317,7 +317,7 @@
     grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
     align-items: start;
   }
-  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > * {
+  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
     grid-column: 2;
   }
   .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
@@ -458,7 +458,7 @@
     grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
     align-items: start;
   }
-  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > * {
+  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
     grid-column: 2;
   }
   .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
@@ -599,7 +599,7 @@
     grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
     align-items: start;
   }
-  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > * {
+  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
     grid-column: 2;
   }
   .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
@@ -740,7 +740,7 @@
     grid-column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
     align-items: start;
   }
-  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > * {
+  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
     grid-column: 2;
   }
   .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {