@patternfly/react-styles 6.0.0-alpha.27 → 6.0.0-alpha.29

package/css/components/NotificationDrawer/notification-drawer.d.ts

@@ -10,6 +10,7 @@ declare const _default: {
     "read": "pf-m-read",
     "hoverable": "pf-m-hoverable",
     "truncate": "pf-m-truncate",
+    "noOffset": "pf-m-no-offset",
     "expanded": "pf-m-expanded"
   },
   "notificationDrawer": "pf-v6-c-notification-drawer",

package/css/components/NotificationDrawer/notification-drawer.js

@@ -12,6 +12,7 @@ exports.default = {
     "read": "pf-m-read",
     "hoverable": "pf-m-hoverable",
     "truncate": "pf-m-truncate",
+    "noOffset": "pf-m-no-offset",
     "expanded": "pf-m-expanded"
   },
   "notificationDrawer": "pf-v6-c-notification-drawer",

package/css/components/NotificationDrawer/notification-drawer.mjs

@@ -10,6 +10,7 @@ export default {
     "read": "pf-m-read",
     "hoverable": "pf-m-hoverable",
     "truncate": "pf-m-truncate",
+    "noOffset": "pf-m-no-offset",
     "expanded": "pf-m-expanded"
   },
   "notificationDrawer": "pf-v6-c-notification-drawer",

package/css/components/NumberInput/number-input.css

@@ -34,6 +34,5 @@
 }
 
 .pf-v6-c-number-input__icon {
-  display: flex;
   font-size: var(--pf-v6-c-number-input__icon--FontSize);
 }

package/css/components/Page/page.css

@@ -28,6 +28,8 @@
   --pf-v6-c-page__sidebar-body--PaddingInlineStart: 0;
   --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd: var(--pf-v6-c-page--inset);
   --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
+  --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
+  --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart: var(--pf-t--global--spacer--md);
   --pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
   --pf-v6-c-page__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
   --pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
@@ -79,7 +81,7 @@
   --pf-v6-c-page__main-tabs--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v6-c-page__main-wizard--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
-  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--button--default);
+  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
 }
 @media (min-width: 1200px) {
   :where(:root, .pf-v6-c-page) {
@@ -176,6 +178,10 @@
   --pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd);
   --pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart);
 }
+.pf-v6-c-page__sidebar-body.pf-m-context-selector {
+  --pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd);
+  --pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart);
+}
 .pf-v6-c-page__sidebar-body.pf-m-inset-none {
   --pf-v6-c-page__sidebar-body--PaddingInlineEnd: 0;
   --pf-v6-c-page__sidebar-body--PaddingInlineStart: 0;

package/css/components/Page/page.d.ts

@@ -7,6 +7,7 @@ declare const _default: {
     "expanded": "pf-m-expanded",
     "collapsed": "pf-m-collapsed",
     "pageInsets": "pf-m-page-insets",
+    "contextSelector": "pf-m-context-selector",
     "insetNone": "pf-m-inset-none",
     "fill": "pf-m-fill",
     "noFill": "pf-m-no-fill",

package/css/components/Page/page.js

@@ -9,6 +9,7 @@ exports.default = {
     "expanded": "pf-m-expanded",
     "collapsed": "pf-m-collapsed",
     "pageInsets": "pf-m-page-insets",
+    "contextSelector": "pf-m-context-selector",
     "insetNone": "pf-m-inset-none",
     "fill": "pf-m-fill",
     "noFill": "pf-m-no-fill",

package/css/components/Page/page.mjs

@@ -7,6 +7,7 @@ export default {
     "expanded": "pf-m-expanded",
     "collapsed": "pf-m-collapsed",
     "pageInsets": "pf-m-page-insets",
+    "contextSelector": "pf-m-context-selector",
     "insetNone": "pf-m-inset-none",
     "fill": "pf-m-fill",
     "noFill": "pf-m-no-fill",

package/css/components/Popover/popover.css

@@ -35,17 +35,16 @@
   --pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
   --pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
   --pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
-  --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - (var(--pf-t--global--spacer--control--vertical--compact) * 1.5));
+  --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--default));
   --pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
   --pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
   --pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-popover__title-text--Color: var(--pf-t--global--text--color--regular);
-  --pf-v6-c-popover__title-text--FontFamily: var(--pf-t--global--font--family--body);
-  --pf-v6-c-popover__title-text--FontSize: var(--pf-t--global--font--size--body--lg);
   --pf-v6-c-popover__title-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
+  --pf-v6-c-popover__title-text--FontSize: var(--pf-t--global--font--size--body--default);
   --pf-v6-c-popover__title-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-popover__title-icon--Color: var(--pf-t--global--icon--color--regular);
-  --pf-v6-c-popover__title-icon--FontSize: var(--pf-t--global--font--size--heading--xs);
+  --pf-v6-c-popover__title-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
   --pf-v6-c-popover__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
 }
 
@@ -188,7 +187,6 @@
 }
 
 .pf-v6-c-popover__title-text {
-  font-family: var(--pf-v6-c-popover__title-text--FontFamily);
   font-size: var(--pf-v6-c-popover__title-text--FontSize);
   font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
   color: var(--pf-v6-c-popover__title-text--Color);

package/css/components/Switch/switch.css

@@ -78,18 +78,12 @@
   transform: translate(calc(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), -50%);
 }
 
-.pf-v6-c-switch__input:checked ~ .pf-m-off {
-  display: none;
-}
 .pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__label {
   color: var(--pf-v6-c-switch__input--not-checked__label--Color);
 }
 .pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__toggle .pf-v6-c-switch__toggle-icon {
   display: none;
 }
-.pf-v6-c-switch__input:not(:checked) ~ .pf-m-on {
-  display: none;
-}
 .pf-v6-c-switch__input:disabled {
   cursor: not-allowed;
 }

package/css/components/Switch/switch.d.ts

@@ -2,9 +2,7 @@ import './switch.css';
 declare const _default: {
   "dirRtl": "pf-v6-m-dir-rtl",
   "modifiers": {
-    "reverse": "pf-m-reverse",
-    "off": "pf-m-off",
-    "on": "pf-m-on"
+    "reverse": "pf-m-reverse"
   },
   "switch": "pf-v6-c-switch",
   "switchInput": "pf-v6-c-switch__input",

package/css/components/Switch/switch.js

@@ -4,9 +4,7 @@ require('./switch.css');
 exports.default = {
   "dirRtl": "pf-v6-m-dir-rtl",
   "modifiers": {
-    "reverse": "pf-m-reverse",
-    "off": "pf-m-off",
-    "on": "pf-m-on"
+    "reverse": "pf-m-reverse"
   },
   "switch": "pf-v6-c-switch",
   "switchInput": "pf-v6-c-switch__input",

package/css/components/Switch/switch.mjs

@@ -2,9 +2,7 @@ import './switch.css';
 export default {
   "dirRtl": "pf-v6-m-dir-rtl",
   "modifiers": {
-    "reverse": "pf-m-reverse",
-    "off": "pf-m-off",
-    "on": "pf-m-on"
+    "reverse": "pf-m-reverse"
   },
   "switch": "pf-v6-c-switch",
   "switchInput": "pf-v6-c-switch__input",

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

@@ -4,6 +4,7 @@
   --pf-v6-c-table__tbody--after--border-width--base: var(--pf-t--global--border--width--extra-strong);
   --pf-v6-c-table__tbody--after--BorderInlineStartWidth: 0;
   --pf-v6-c-table__tbody--after--BorderColor: var(--pf-t--global--border--color--clicked);
+  --pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
   --pf-v6-c-table__tr--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
   --pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth: var(--pf-v6-c-table__tbody--responsive--border-width--base);
   --pf-v6-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
@@ -94,24 +95,12 @@
 .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
   border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
 }
-.pf-m-grid.pf-v6-c-table .pf-v6-c-table.pf-m-compact > tbody:where(.pf-v6-c-table__tbody) {
-  border-block-start: 0;
+.pf-m-grid.pf-v6-c-table.pf-m-expandable {
+  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
 }
-.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
-  border-block-end: var(--pf-v6-c-table__tr--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
-}
-.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):last-child,
-.pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):last-of-type:not(:only-of-type) > tr:where(.pf-v6-c-table__tr) {
-  border-block-end-width: var(--pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth);
-}
-.pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
-  border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
-}
-.pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
-  border-block-end: 0;
-}
-.pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded:not(:last-of-type) {
-  border-block-end: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
+.pf-m-grid.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody,
+.pf-m-grid.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
+  border-block-end: var(--pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth) solid var(--pf-v6-c-table--responsive--BorderColor);
 }
 .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
   --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
@@ -166,6 +155,7 @@
   grid-column: 2;
 }
 .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
+  position: revert;
   font-weight: bold;
   text-align: start;
   content: attr(data-label);
@@ -183,9 +173,6 @@
   --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart);
   border: 0;
 }
-.pf-m-grid.pf-v6-c-table .pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) + tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
-  --pf-v6-c-table__tr--responsive--PaddingBlockStart: 0;
-}
 .pf-m-grid.pf-v6-c-table .pf-v6-c-table__compound-expansion-toggle {
   --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineEndWidth: 0;
   --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineStartWidth: 0;
@@ -408,24 +395,12 @@
   .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
     border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
   }
-  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table.pf-m-compact > tbody:where(.pf-v6-c-table__tbody) {
-    border-block-start: 0;
-  }
-  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
-    border-block-end: var(--pf-v6-c-table__tr--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
-  }
-  .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 tbody:where(.pf-v6-c-table__tbody):last-of-type:not(:only-of-type) > tr:where(.pf-v6-c-table__tr) {
-    border-block-end-width: var(--pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth);
-  }
-  .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
-    border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
+  .pf-m-grid-md.pf-v6-c-table.pf-m-expandable {
+    --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
   }
-  .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
-    border-block-end: 0;
-  }
-  .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded:not(:last-of-type) {
-    border-block-end: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
+  .pf-m-grid-md.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody,
+  .pf-m-grid-md.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
+    border-block-end: var(--pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth) solid var(--pf-v6-c-table--responsive--BorderColor);
   }
   .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
     --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
@@ -480,6 +455,7 @@
     grid-column: 2;
   }
   .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
+    position: revert;
     font-weight: bold;
     text-align: start;
     content: attr(data-label);
@@ -497,9 +473,6 @@
     --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart);
     border: 0;
   }
-  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) + tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
-    --pf-v6-c-table__tr--responsive--PaddingBlockStart: 0;
-  }
   .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__compound-expansion-toggle {
     --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineEndWidth: 0;
     --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineStartWidth: 0;
@@ -725,24 +698,12 @@
   .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
     border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
   }
-  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table.pf-m-compact > tbody:where(.pf-v6-c-table__tbody) {
-    border-block-start: 0;
+  .pf-m-grid-lg.pf-v6-c-table.pf-m-expandable {
+    --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
   }
-  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
-    border-block-end: var(--pf-v6-c-table__tr--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
-  }
-  .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 tbody:where(.pf-v6-c-table__tbody):last-of-type:not(:only-of-type) > tr:where(.pf-v6-c-table__tr) {
-    border-block-end-width: var(--pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth);
-  }
-  .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
-    border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
-  }
-  .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
-    border-block-end: 0;
-  }
-  .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded:not(:last-of-type) {
-    border-block-end: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
+  .pf-m-grid-lg.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody,
+  .pf-m-grid-lg.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
+    border-block-end: var(--pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth) solid var(--pf-v6-c-table--responsive--BorderColor);
   }
   .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
     --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
@@ -797,6 +758,7 @@
     grid-column: 2;
   }
   .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
+    position: revert;
     font-weight: bold;
     text-align: start;
     content: attr(data-label);
@@ -814,9 +776,6 @@
     --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart);
     border: 0;
   }
-  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) + tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
-    --pf-v6-c-table__tr--responsive--PaddingBlockStart: 0;
-  }
   .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__compound-expansion-toggle {
     --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineEndWidth: 0;
     --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineStartWidth: 0;
@@ -1042,24 +1001,12 @@
   .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
     border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
   }
-  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table.pf-m-compact > tbody:where(.pf-v6-c-table__tbody) {
-    border-block-start: 0;
-  }
-  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
-    border-block-end: var(--pf-v6-c-table__tr--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
-  }
-  .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 tbody:where(.pf-v6-c-table__tbody):last-of-type:not(:only-of-type) > tr:where(.pf-v6-c-table__tr) {
-    border-block-end-width: var(--pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth);
-  }
-  .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
-    border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
-  }
-  .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
-    border-block-end: 0;
+  .pf-m-grid-xl.pf-v6-c-table.pf-m-expandable {
+    --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
   }
-  .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded:not(:last-of-type) {
-    border-block-end: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
+  .pf-m-grid-xl.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody,
+  .pf-m-grid-xl.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
+    border-block-end: var(--pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth) solid var(--pf-v6-c-table--responsive--BorderColor);
   }
   .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
     --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
@@ -1114,6 +1061,7 @@
     grid-column: 2;
   }
   .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
+    position: revert;
     font-weight: bold;
     text-align: start;
     content: attr(data-label);
@@ -1131,9 +1079,6 @@
     --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart);
     border: 0;
   }
-  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) + tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
-    --pf-v6-c-table__tr--responsive--PaddingBlockStart: 0;
-  }
   .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__compound-expansion-toggle {
     --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineEndWidth: 0;
     --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineStartWidth: 0;
@@ -1359,24 +1304,12 @@
   .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
     border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
   }
-  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table.pf-m-compact > tbody:where(.pf-v6-c-table__tbody) {
-    border-block-start: 0;
-  }
-  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
-    border-block-end: var(--pf-v6-c-table__tr--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
-  }
-  .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 tbody:where(.pf-v6-c-table__tbody):last-of-type:not(:only-of-type) > tr:where(.pf-v6-c-table__tr) {
-    border-block-end-width: var(--pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth);
+  .pf-m-grid-2xl.pf-v6-c-table.pf-m-expandable {
+    --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
   }
-  .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
-    border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
-  }
-  .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
-    border-block-end: 0;
-  }
-  .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded:not(:last-of-type) {
-    border-block-end: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
+  .pf-m-grid-2xl.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody,
+  .pf-m-grid-2xl.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
+    border-block-end: var(--pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth) solid var(--pf-v6-c-table--responsive--BorderColor);
   }
   .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
     --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
@@ -1431,6 +1364,7 @@
     grid-column: 2;
   }
   .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
+    position: revert;
     font-weight: bold;
     text-align: start;
     content: attr(data-label);
@@ -1448,9 +1382,6 @@
     --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart);
     border: 0;
   }
-  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) + tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
-    --pf-v6-c-table__tr--responsive--PaddingBlockStart: 0;
-  }
   .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__compound-expansion-toggle {
     --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineEndWidth: 0;
     --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineStartWidth: 0;

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

@@ -3,9 +3,10 @@ declare const _default: {
   "button": "pf-v6-c-button",
   "modifiers": {
     "grid": "pf-m-grid",
-    "compact": "pf-m-compact",
+    "expandable": "pf-m-expandable",
     "expanded": "pf-m-expanded",
     "selected": "pf-m-selected",
+    "compact": "pf-m-compact",
     "noPadding": "pf-m-no-padding",
     "hoverable": "pf-m-hoverable",
     "nowrap": "pf-m-nowrap",

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

@@ -5,9 +5,10 @@ exports.default = {
   "button": "pf-v6-c-button",
   "modifiers": {
     "grid": "pf-m-grid",
-    "compact": "pf-m-compact",
+    "expandable": "pf-m-expandable",
     "expanded": "pf-m-expanded",
     "selected": "pf-m-selected",
+    "compact": "pf-m-compact",
     "noPadding": "pf-m-no-padding",
     "hoverable": "pf-m-hoverable",
     "nowrap": "pf-m-nowrap",

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

@@ -3,9 +3,10 @@ export default {
   "button": "pf-v6-c-button",
   "modifiers": {
     "grid": "pf-m-grid",
-    "compact": "pf-m-compact",
+    "expandable": "pf-m-expandable",
     "expanded": "pf-m-expanded",
     "selected": "pf-m-selected",
+    "compact": "pf-m-compact",
     "noPadding": "pf-m-no-padding",
     "hoverable": "pf-m-hoverable",
     "nowrap": "pf-m-nowrap",

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

@@ -178,10 +178,14 @@
   grid-column: 2;
 }
 .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
+  position: revert;
   font-weight: var(--pf-t--global--font--weight--body--bold);
   text-align: start;
   content: attr(data-label);
 }
+.pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
+  border-inline-end: 0;
+}
 .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
   padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
 }
@@ -318,10 +322,14 @@
     grid-column: 2;
   }
   .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
+    position: revert;
     font-weight: var(--pf-t--global--font--weight--body--bold);
     text-align: start;
     content: attr(data-label);
   }
+  .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
+    border-inline-end: 0;
+  }
   .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
     padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
   }
@@ -459,10 +467,14 @@
     grid-column: 2;
   }
   .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
+    position: revert;
     font-weight: var(--pf-t--global--font--weight--body--bold);
     text-align: start;
     content: attr(data-label);
   }
+  .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
+    border-inline-end: 0;
+  }
   .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
     padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
   }
@@ -600,10 +612,14 @@
     grid-column: 2;
   }
   .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
+    position: revert;
     font-weight: var(--pf-t--global--font--weight--body--bold);
     text-align: start;
     content: attr(data-label);
   }
+  .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
+    border-inline-end: 0;
+  }
   .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
     padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
   }
@@ -741,10 +757,14 @@
     grid-column: 2;
   }
   .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
+    position: revert;
     font-weight: var(--pf-t--global--font--weight--body--bold);
     text-align: start;
     content: attr(data-label);
   }
+  .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
+    border-inline-end: 0;
+  }
   .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
     padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
   }

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

@@ -7,6 +7,7 @@ declare const _default: {
     "treeView": "pf-m-tree-view",
     "noInset": "pf-m-no-inset",
     "treeViewGrid": "pf-m-tree-view-grid",
+    "borderRight": "pf-m-border-right",
     "treeViewDetailsExpanded": "pf-m-tree-view-details-expanded",
     "treeViewGridMd": "pf-m-tree-view-grid-md",
     "treeViewGridLg": "pf-m-tree-view-grid-lg",

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

@@ -9,6 +9,7 @@ exports.default = {
     "treeView": "pf-m-tree-view",
     "noInset": "pf-m-no-inset",
     "treeViewGrid": "pf-m-tree-view-grid",
+    "borderRight": "pf-m-border-right",
     "treeViewDetailsExpanded": "pf-m-tree-view-details-expanded",
     "treeViewGridMd": "pf-m-tree-view-grid-md",
     "treeViewGridLg": "pf-m-tree-view-grid-lg",

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

@@ -7,6 +7,7 @@ export default {
     "treeView": "pf-m-tree-view",
     "noInset": "pf-m-no-inset",
     "treeViewGrid": "pf-m-tree-view-grid",
+    "borderRight": "pf-m-border-right",
     "treeViewDetailsExpanded": "pf-m-tree-view-details-expanded",
     "treeViewGridMd": "pf-m-tree-view-grid-md",
     "treeViewGridLg": "pf-m-tree-view-grid-lg",

package/css/components/Tabs/tabs.css

@@ -102,13 +102,8 @@
   --pf-v6-c-tabs__item--ScrollSnapAlign: end;
   --pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis: y;
   --pf-v6-c-tabs__toggle--Display: flex;
-  --pf-v6-c-tabs__toggle-icon--Color: currentcolor;
   --pf-v6-c-tabs__toggle-icon--Transition: all 250ms cubic-bezier(.42, 0, .58, 1);
   --pf-v6-c-tabs__toggle-icon--Rotate: 0;
-  --pf-v6-c-tabs__toggle-text--MarginInlineStart: 0;
-  --pf-v6-c-tabs__toggle-button__toggle-text--MarginInlineStart: var(--pf-t--global--spacer--md);
-  --pf-v6-c-tabs__toggle-button__toggle-text--Color: var(--pf-t--global--text--color--regular);
-  --pf-v6-c-tabs--m-expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
   --pf-v6-c-tabs--m-expanded__toggle-icon--Rotate: 90deg;
   --pf-v6-c-tabs--m-expandable--RowGap: var(--pf-t--global--spacer--sm);
   --pf-v6-c-tabs--m-expandable--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -345,7 +340,6 @@
 }
 .pf-v6-c-tabs.pf-m-vertical.pf-m-expanded {
   --pf-v6-c-tabs__list--Display: flex;
-  --pf-v6-c-tabs__toggle-icon--Color: var(--pf-v6-c-tabs--m-expanded__toggle-icon--Color);
   --pf-v6-c-tabs__toggle-icon--Rotate: var(--pf-v6-c-tabs--m-expanded__toggle-icon--Rotate);
 }
 .pf-v6-c-tabs.pf-m-box.pf-m-vertical {
@@ -399,19 +393,13 @@
   align-items: center;
 }
 
-.pf-v6-c-tabs__toggle-button {
-  --pf-v6-c-tabs__toggle-text--MarginInlineStart: var(--pf-v6-c-tabs__toggle-button__toggle-text--MarginInlineStart);
-  --pf-v6-c-tabs__toggle-text--Color: var(--pf-v6-c-tabs__toggle-button__toggle-text--Color);
-}
 .pf-v6-c-tabs__toggle-button .pf-v6-c-button {
-  display: flex;
-  text-align: start;
+  justify-content: start;
   white-space: normal;
 }
 
 .pf-v6-c-tabs__toggle-icon {
   display: inline-block;
-  color: var(--pf-v6-c-tabs__toggle-icon--Color);
   transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
   transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
 }
@@ -419,11 +407,6 @@
   scale: -1 1;
 }
 
-.pf-v6-c-tabs__toggle-text {
-  margin-inline-start: var(--pf-v6-c-tabs__toggle-text--MarginInlineStart);
-  color: var(--pf-v6-c-tabs__toggle-text--Color, inherit);
-}
-
 .pf-v6-c-tabs__list {
   scrollbar-width: none;
   -ms-overflow-style: -ms-autohiding-scrollbar;

package/css/components/Tabs/tabs.d.ts

@@ -78,7 +78,6 @@ declare const _default: {
   "tabsScrollButton": "pf-v6-c-tabs__scroll-button",
   "tabsToggle": "pf-v6-c-tabs__toggle",
   "tabsToggleButton": "pf-v6-c-tabs__toggle-button",
-  "tabsToggleIcon": "pf-v6-c-tabs__toggle-icon",
-  "tabsToggleText": "pf-v6-c-tabs__toggle-text"
+  "tabsToggleIcon": "pf-v6-c-tabs__toggle-icon"
 };
 export default _default;

package/css/components/Tabs/tabs.js

@@ -80,6 +80,5 @@ exports.default = {
   "tabsScrollButton": "pf-v6-c-tabs__scroll-button",
   "tabsToggle": "pf-v6-c-tabs__toggle",
   "tabsToggleButton": "pf-v6-c-tabs__toggle-button",
-  "tabsToggleIcon": "pf-v6-c-tabs__toggle-icon",
-  "tabsToggleText": "pf-v6-c-tabs__toggle-text"
+  "tabsToggleIcon": "pf-v6-c-tabs__toggle-icon"
 };