@patternfly/react-styles 6.0.0-alpha.12 → 6.0.0-alpha.13

package/css/components/NotificationBadge/notification-badge.css

@@ -16,18 +16,18 @@
   --pf-v5-c-notification-badge--m-read--Color: var(--pf-t--global--text--color--regular);
   --pf-v5-c-notification-badge--m-read--before--BorderColor: var(--pf-t--global--border--color--default);
   --pf-v5-c-notification-badge--m-read--hover--before--BorderColor: var(--pf-t--global--border--color--hover);
-  --pf-v5-c-notification-badge--m-read--m-expanded--before--BorderColor: var(--pf-t--global--border--color--active);
+  --pf-v5-c-notification-badge--m-read--m-expanded--before--BorderColor: var(--pf-t--global--border--color--clicked);
   --pf-v5-c-notification-badge--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
   --pf-v5-c-notification-badge--m-read--m-expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
-  --pf-v5-c-notification-badge--m-read--m-expanded--before--BorderColor: var(--pf-t--global--border--color--active);
+  --pf-v5-c-notification-badge--m-read--m-expanded--before--BorderColor: var(--pf-t--global--border--color--clicked);
   --pf-v5-c-notification-badge--m-unread--Color: var(--pf-t--global--icon--color--on-brand--default);
   --pf-v5-c-notification-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
   --pf-v5-c-notification-badge--m-unread--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
-  --pf-v5-c-notification-badge--m-unread--m-expanded--BackgroundColor: var(--pf-t--global--color--brand--active);
+  --pf-v5-c-notification-badge--m-unread--m-expanded--BackgroundColor: var(--pf-t--global--color--brand--clicked);
   --pf-v5-c-notification-badge--m-attention--Color: var(--pf-t--global--icon--color--status--on-danger--default);
   --pf-v5-c-notification-badge--m-attention--BackgroundColor: var(--pf-t--global--color--status--danger--default);
   --pf-v5-c-notification-badge--m-attention--hover--BackgroundColor: var(--pf-t--global--color--status--danger--hover);
-  --pf-v5-c-notification-badge--m-attention--m-expanded--BackgroundColor: var(--pf-t--global--color--status--danger--active);
+  --pf-v5-c-notification-badge--m-attention--m-expanded--BackgroundColor: var(--pf-t--global--color--status--danger--clicked);
 }
 
 .pf-v5-c-notification-badge {

package/css/components/Pagination/pagination.css

@@ -15,7 +15,7 @@
   --pf-v5-c-pagination--m-display-summary__nav--Display: none;
   --pf-v5-c-pagination--m-display-full__nav--Display: inline-flex;
   --pf-v5-c-pagination__nav--ColumnGap: var(--pf-t--global--spacer--sm);
-  --pf-v5-c-pagination__nav-page-select--FontSize: var(--pf-t--global--font--size--body--md);
+  --pf-v5-c-pagination__nav-page-select--FontSize: var(--pf-t--global--font--size--body--default);
   --pf-v5-c-pagination__nav-page-select--ColumnGap: var(--pf-t--global--spacer--sm);
   --pf-v5-c-pagination__nav-page-select--c-form-control--width-base: calc((var(--pf-v5-c-form-control--PaddingRight) + var(--pf-v5-c-form-control--PaddingLeft)) + (var(--pf-v5-c-form-control--before--BorderWidth) * 2));
   --pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;

package/css/components/SimpleList/simple-list.css

@@ -10,7 +10,6 @@
   --pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
   --pf-v5-c-simple-list__item-link--hover--Color: var(--pf-t--global--text--color--subtle);
   --pf-v5-c-simple-list__item-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
-  --pf-v5-c-simple-list__item-link--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
   --pf-v5-c-simple-list__item-link--BorderRadius: var(--pf-t--global--border--radius--tiny);
   --pf-v5-c-simple-list__item-link--m-link--Color: var(--pf-t--global--text--color--link--default);
   --pf-v5-c-simple-list__item-link--m-link--m-current--Color: var(--pf-t--global--text--color--link--hover);
@@ -49,12 +48,10 @@
   --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--hover--BackgroundColor);
   --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--hover--Color);
   text-decoration: none;
-  mix-blend-mode: var(--pf-v5-c-simple-list__item-link--MixBlendMode);
 }
 .pf-v5-c-simple-list__item-link.pf-m-current {
   --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--m-current--BackgroundColor);
   --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--m-current--Color);
-  mix-blend-mode: var(--pf-v5-c-simple-list__item-link--MixBlendMode);
 }
 
 .pf-v5-c-simple-list__title {

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

@@ -3,7 +3,7 @@
   --pf-v5-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
   --pf-v5-c-table__tbody--after--border-width--base: var(--pf-t--global--border--width--extra-strong);
   --pf-v5-c-table__tbody--after--BorderLeftWidth: 0;
-  --pf-v5-c-table__tbody--after--BorderColor: var(--pf-t--global--border--color--active);
+  --pf-v5-c-table__tbody--after--BorderColor: var(--pf-t--global--border--color--clicked);
   --pf-v5-c-table__tr--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
   --pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth: var(--pf-v5-c-table__tbody--responsive--border-width--base);
   --pf-v5-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
@@ -19,9 +19,9 @@
   --pf-v5-c-table__tbody--after__tr--BorderLeftWidth: 0;
   --pf-v5-c-table__tbody--after__tr--BorderLeftColor: transparent;
   --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
-  --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor: var(--pf-t--global--border--color--active);
+  --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor: var(--pf-t--global--border--color--clicked);
   --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth: var(--pf-v5-c-table__expandable-row--after--border-width--base);
-  --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor: var(--pf-t--global--border--color--active);
+  --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor: var(--pf-t--global--border--color--clicked);
   --pf-v5-c-table--m-grid--cell--hidden-visible--Display: grid;
   --pf-v5-c-table--m-grid--cell--PaddingTop: 0;
   --pf-v5-c-table--m-grid--cell--PaddingRight: 0;

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

@@ -2,6 +2,7 @@
 :where(.pf-v5-c-table) {
   --pf-v5-c-table__tree-view-main--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v5-c-table__tree-view-icon--MinWidth));
   --pf-v5-c-table__tree-view-main--nested-indent--base: calc(var(--pf-v5-c-table__tree-view-main--indent--base) - var(--pf-t--global--spacer--md));
+  --pf-v5-c-table__tree-view-main--c-button--MarginRight: var(--pf-t--global--spacer--sm);
   --pf-v5-c-table__tree-view-main--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
   --pf-v5-c-table__tree-view-main--MarginLeft: calc(var(--pf-v5-c-table--cell--PaddingLeft) * -1);
   --pf-v5-c-table__tree-view-main--c-table__check--PaddingRight: var(--pf-t--global--spacer--sm);
@@ -78,6 +79,10 @@
 .pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle .pf-v5-c-table__toggle-icon {
   min-width: var(--pf-v5-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
 }
+.pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle .pf-v5-c-button {
+  margin-block-start: -50%;
+  margin-inline-end: var(--pf-v5-c-table__tree-view-main--c-button--MarginRight);
+}
 .pf-v5-c-table__tree-view-main > .pf-v5-c-table__check {
   margin-inline-end: var(--pf-v5-c-table__tree-view-main--c-table__check--MarginRight);
 }
@@ -176,7 +181,7 @@
   grid-column: 2;
 }
 .pf-m-tree-view-grid.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
-  font-weight: var(--pf-t--global--FontWeight--bold);
+  font-weight: var(--pf-t--global--font--weight--body--bold);
   text-align: start;
   content: attr(data-label);
 }
@@ -316,7 +321,7 @@
     grid-column: 2;
   }
   .pf-m-tree-view-grid-md.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
-    font-weight: var(--pf-t--global--FontWeight--bold);
+    font-weight: var(--pf-t--global--font--weight--body--bold);
     text-align: start;
     content: attr(data-label);
   }
@@ -457,7 +462,7 @@
     grid-column: 2;
   }
   .pf-m-tree-view-grid-lg.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
-    font-weight: var(--pf-t--global--FontWeight--bold);
+    font-weight: var(--pf-t--global--font--weight--body--bold);
     text-align: start;
     content: attr(data-label);
   }
@@ -598,7 +603,7 @@
     grid-column: 2;
   }
   .pf-m-tree-view-grid-xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
-    font-weight: var(--pf-t--global--FontWeight--bold);
+    font-weight: var(--pf-t--global--font--weight--body--bold);
     text-align: start;
     content: attr(data-label);
   }
@@ -739,7 +744,7 @@
     grid-column: 2;
   }
   .pf-m-tree-view-grid-2xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]::before {
-    font-weight: var(--pf-t--global--FontWeight--bold);
+    font-weight: var(--pf-t--global--font--weight--body--bold);
     text-align: start;
     content: attr(data-label);
   }

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

@@ -1,5 +1,6 @@
 import './table-tree-view.css';
 declare const _default: {
+  "button": "pf-v5-c-button",
   "dirRtl": "pf-v5-m-dir-rtl",
   "dropdown": "pf-v5-c-dropdown",
   "modifiers": {

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

@@ -2,6 +2,7 @@
 exports.__esModule = true;
 require('./table-tree-view.css');
 exports.default = {
+  "button": "pf-v5-c-button",
   "dirRtl": "pf-v5-m-dir-rtl",
   "dropdown": "pf-v5-c-dropdown",
   "modifiers": {

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

@@ -1,5 +1,6 @@
 import './table-tree-view.css';
 export default {
+  "button": "pf-v5-c-button",
   "dirRtl": "pf-v5-m-dir-rtl",
   "dropdown": "pf-v5-c-dropdown",
   "modifiers": {