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

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 6.0.0-alpha.12 (2024-02-16)
+
+### Features
+
+- **CodeEditor,Divider:** consume penta & update core version ([#10081](https://github.com/patternfly/patternfly-react/issues/10081)) ([addda04](https://github.com/patternfly/patternfly-react/commit/addda044d7f6d91f3511c7a769b2707140df86d4))
+
+# 6.0.0-alpha.11 (2024-01-31)
+
+### Features
+
+- **Tabs:** consumed Penta updates ([#10044](https://github.com/patternfly/patternfly-react/issues/10044)) ([8fdd83e](https://github.com/patternfly/patternfly-react/commit/8fdd83eb76c216c26c3f06318b7c32030d736d4f))
+
 # [6.0.0-alpha.10](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.0.0-alpha.9...@patternfly/react-styles@6.0.0-alpha.10) (2024-01-26)
 
 **Note:** Version bump only for package @patternfly/react-styles

package/css/components/Alert/alert.css

@@ -23,6 +23,7 @@
   --pf-v5-c-alert__icon--MarginTop: 0.25rem;
   --pf-v5-c-alert__icon--MarginRight: var(--pf-t--global--spacer--sm);
   --pf-v5-c-alert__icon--FontSize: var(--pf-t--global--icon--size--md);
+  --pf-v5-c-alert__title--FontFamily: var(--pf-t--global--font--family--heading);
   --pf-v5-c-alert__title--FontSize: var(--pf-t--global--font--size--heading--xs);
   --pf-v5-c-alert__title--FontWeight: var(--pf-t--global--font--weight--heading);
   --pf-v5-c-alert__title--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -159,6 +160,7 @@
 
 .pf-v5-c-alert__title {
   grid-area: title;
+  font-family: var(--pf-v5-c-alert__title--FontFamily);
   font-size: var(--pf-v5-c-alert__title--FontSize);
   font-weight: var(--pf-v5-c-alert__title--FontWeight);
   line-height: var(--pf-v5-c-alert__title--LineHeight);

package/css/components/Breadcrumb/breadcrumb.css

@@ -1,10 +1,13 @@
-:root, .pf-v5-c-breadcrumb {
+:where(:root),
+:where(.pf-v5-c-breadcrumb) {
   --pf-v5-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
   --pf-v5-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
   --pf-v5-c-breadcrumb__item--MarginRight: var(--pf-t--global--spacer--sm);
   --pf-v5-c-breadcrumb__item-divider--Color: var(--pf-t--global--icon--color--regular);
   --pf-v5-c-breadcrumb__item-divider--MarginRight: var(--pf-t--global--spacer--sm);
   --pf-v5-c-breadcrumb__item-divider--FontSize: var( --pf-t--global--font--size--body--sm);
+  --pf-v5-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
   --pf-v5-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
   --pf-v5-c-breadcrumb__link--TextDecoration: var(--pf-t--global--link--text-decoration);
   --pf-v5-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
@@ -38,6 +41,9 @@
   white-space: nowrap;
   list-style: none;
 }
+.pf-v5-c-breadcrumb__item:first-child:has(.pf-v5-c-breadcrumb__link) {
+  --pf-v5-c-breadcrumb__link--PaddingInlineStart: 0;
+}
 .pf-v5-c-breadcrumb__item:not(:last-child) {
   margin-inline-end: var(--pf-v5-c-breadcrumb__item--MarginRight);
 }
@@ -53,6 +59,8 @@
 }
 
 .pf-v5-c-breadcrumb__link {
+  padding-inline-start: var(--pf-v5-c-breadcrumb__link--PaddingInlineStart);
+  padding-inline-end: var(--pf-v5-c-breadcrumb__link--PaddingInlineEnd);
   font-size: inherit;
   font-weight: var(--pf-v5-c-breadcrumb__link--FontWeight);
   line-height: inherit;

package/css/components/Button/button.css

@@ -21,7 +21,7 @@
   --pf-v5-c-button--hover--TextDecoration: none;
   --pf-v5-c-button--m-clicked--BackgroundColor: transparent;
   --pf-v5-c-button--m-clicked--BorderColor: transparent;
-  --pf-v5-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--button--active);
+  --pf-v5-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--button--clicked);
   --pf-v5-c-button--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
   --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
   --pf-v5-c-button--m-primary__icon--Color: var(--pf-t--global--icon--color--on-brand--default);
@@ -63,7 +63,8 @@
   --pf-v5-c-button--m-link--PaddingLeft: var(--pf-t--global--spacer--md);
   --pf-v5-c-button--m-link--Color: var(--pf-t--global--text--color--brand--default);
   --pf-v5-c-button--m-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
-  --pf-v5-c-button--m-link--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
+  --pf-v5-c-button--m-link--hover--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
+  --pf-v5-c-button--m-link--m-clicked--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
   --pf-v5-c-button--m-link__icon--Color: var(--pf-t--global--icon--color--brand--default);
   --pf-v5-c-button--m-link--hover--Color: var(--pf-t--global--text--color--brand--hover);
   --pf-v5-c-button--m-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
@@ -72,19 +73,24 @@
   --pf-v5-c-button--m-link--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
   --pf-v5-c-button--m-link--m-clicked__icon--Color: var(--pf-t--global--text--color--brand--clicked);
   --pf-v5-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
+  --pf-v5-c-button--m-link--m-danger--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
   --pf-v5-c-button--m-link--m-danger__icon--Color: var(--pf-t--global--text--color--status--danger--default);
   --pf-v5-c-button--m-link--m-danger--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
+  --pf-v5-c-button--m-link--m-danger--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
   --pf-v5-c-button--m-link--m-danger--hover__icon--Color: var(--pf-t--global--text--color--status--danger--hover);
   --pf-v5-c-button--m-link--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--danger--clicked);
+  --pf-v5-c-button--m-link--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
   --pf-v5-c-button--m-link--m-danger--m-clicked__icon--Color: var(--pf-t--global--text--color--status--danger--clicked);
   --pf-v5-c-button--m-link--m-inline--FontSize: initial;
   --pf-v5-c-button--m-link--m-inline--LineHeight: initial;
   --pf-v5-c-button--m-link--m-inline--FontWeight: initial;
-  --pf-v5-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
   --pf-v5-c-button--m-link--m-inline--PaddingTop: 0;
   --pf-v5-c-button--m-link--m-inline--PaddingRight: 0;
   --pf-v5-c-button--m-link--m-inline--PaddingBottom: 0;
   --pf-v5-c-button--m-link--m-inline--PaddingLeft: 0;
+  --pf-v5-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
+  --pf-v5-c-button--m-link--m-inline--hover--MixBlendMode: normal;
+  --pf-v5-c-button--m-link--m-inline--m-clicked--MixBlendMode: normal;
   --pf-v5-c-button--m-link--m-inline__progress--Left: var(--pf-t--global--spacer--xs);
   --pf-v5-c-button--m-link--m-inline--m-in-progress--PaddingLeft: calc(var(--pf-v5-c-button--m-link--m-inline__progress--Left) + 1rem + var(--pf-t--global--spacer--sm));
   --pf-v5-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -96,18 +102,21 @@
   --pf-v5-c-button--m-plain--PaddingLeft: var(--pf-t--global--spacer--sm);
   --pf-v5-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
   --pf-v5-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
-  --pf-v5-c-button--m-plain--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
+  --pf-v5-c-button--m-plain--hover--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
+  --pf-v5-c-button--m-plain--m-clicked--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
   --pf-v5-c-button--m-plain--MinWidth: calc(1em * var(--pf-v5-c-button--LineHeight) + var(--pf-v5-c-button--m-plain--PaddingTop) + var(--pf-v5-c-button--m-plain--PaddingBottom));
   --pf-v5-c-button--m-plain--hover--Color: var(--pf-t--global--icon--color--regular);
   --pf-v5-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
   --pf-v5-c-button--m-plain--m-clicked--Color: var(--pf-t--global--icon--color--regular);
   --pf-v5-c-button--m-plain--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
-  --pf-v5-c-button--m-plain--disabled--Color: var(--pf-t--global--icon--color--on-disabled);
+  --pf-v5-c-button--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
+  --pf-v5-c-button--m-plain--disabled--BackgroundColor: transparent;
   --pf-v5-c-button--m-plain--m-small--PaddingTop: var(--pf-t--global--spacer--xs);
   --pf-v5-c-button--m-plain--m-small--PaddingRight: var(--pf-t--global--spacer--xs);
   --pf-v5-c-button--m-plain--m-small--PaddingBottom: var(--pf-t--global--spacer--xs);
   --pf-v5-c-button--m-plain--m-small--PaddingLeft: var(--pf-t--global--spacer--xs);
-  --pf-v5-c-button--m-plain--m-no-padding--MixBlendMode: normal;
+  --pf-v5-c-button--m-plain--m-no-padding--hover--MixBlendMode: normal;
+  --pf-v5-c-button--m-plain--m-no-padding--m-clicked--MixBlendMode: normal;
   --pf-v5-c-button--m-plain--m-no-padding--MinWidth: auto;
   --pf-v5-c-button--m-plain--m-no-padding--PaddingTop: 0;
   --pf-v5-c-button--m-plain--m-no-padding--PaddingRight: 0;
@@ -133,7 +142,7 @@
   --pf-v5-c-button--m-control--m-clicked--Color: var(--pf-t--global--text--color--regular);
   --pf-v5-c-button--m-control--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
   --pf-v5-c-button--m-control--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
-  --pf-v5-c-button--m-control--m-clicked--BorderWidth: var(--pf-t--global--border--width--control--active);
+  --pf-v5-c-button--m-control--m-clicked--BorderWidth: var(--pf-t--global--border--width--control--clicked);
   --pf-v5-c-button--m-control--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
   --pf-v5-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--small);
   --pf-v5-c-button--m-stateful--PaddingLeft: var(--pf-t--global--spacer--md);
@@ -191,9 +200,10 @@
   --pf-v5-c-button--m-small--PaddingBottom: var(--pf-t--global--spacer--xs);
   --pf-v5-c-button--m-small--PaddingLeft: var(--pf-t--global--spacer--md);
   --pf-v5-c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
-  --pf-v5-c-button--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
+  --pf-v5-c-button--disabled--MixBlendMode: normal;
   --pf-v5-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
   --pf-v5-c-button--disabled--BorderColor: transparent;
+  --pf-v5-c-button--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
   --pf-v5-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
   --pf-v5-c-button--hover__icon--Color: var(--pf-t--global--icon--color--regular);
   --pf-v5-c-button--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
@@ -247,6 +257,7 @@
   border-start-end-radius: var(--pf-v5-c-button--BorderStartEndRadius, var(--pf-v5-c-button--BorderRadius));
   border-end-start-radius: var(--pf-v5-c-button--BorderEndStartRadius, var(--pf-v5-c-button--BorderRadius));
   border-end-end-radius: var(--pf-v5-c-button--BorderEndEndRadius, var(--pf-v5-c-button--BorderRadius));
+  mix-blend-mode: var(--pf-v5-c-button--MixBlendMode);
 }
 .pf-v5-c-button::after {
   position: absolute;
@@ -313,13 +324,14 @@
   --pf-v5-c-button--Color: var(--pf-v5-c-button--m-link--Color);
   --pf-v5-c-button--BorderRadius: var(--pf-v5-c-button--m-link--BorderRadius);
   --pf-v5-c-button--BackgroundColor: var(--pf-v5-c-button--m-link--BackgroundColor);
-  --pf-v5-c-button--MixBlendMode: var(--pf-v5-c-button--m-link--MixBlendMode);
   --pf-v5-c-button__icon--Color: var(--pf-v5-c-button--m-link__icon--Color);
+  --pf-v5-c-button--hover--MixBlendMode: var(--pf-v5-c-button--m-link--hover--MixBlendMode);
   --pf-v5-c-button--hover--Color: var(--pf-v5-c-button--m-link--hover--Color);
   --pf-v5-c-button--hover--BackgroundColor: var(--pf-v5-c-button--m-link--hover--BackgroundColor);
   --pf-v5-c-button--hover__icon--Color: var(--pf-v5-c-button--m-link--hover__icon--Color);
   --pf-v5-c-button--m-clicked--Color: var(--pf-v5-c-button--m-link--m-clicked--Color);
   --pf-v5-c-button--m-clicked--BackgroundColor: var(--pf-v5-c-button--m-link--m-clicked--BackgroundColor);
+  --pf-v5-c-button--m-clicked--MixBlendMode: var(--pf-v5-c-button--m-link--m-clicked--MixBlendMode);
   --pf-v5-c-button--m-clicked__icon--Color: var(--pf-v5-c-button--m-link--m-clicked__icon--Color);
 }
 .pf-v5-c-button.pf-m-link.pf-m-inline {
@@ -334,7 +346,9 @@
   --pf-v5-c-button__progress--Left: var(--pf-v5-c-button--m-link--m-inline__progress--Left);
   --pf-v5-c-button--hover--TextDecoration: var(--pf-v5-c-button--m-link--m-inline--hover--TextDecoration);
   --pf-v5-c-button--hover--BackgroundColor: transparent;
+  --pf-v5-c-button--hover--MixBlendMode: var(--pf-v5-c-button--m-link--m-inline--hover--MixBlendMode);
   --pf-v5-c-button--m-clicked--BackgroundColor: transparent;
+  --pf-v5-c-button--m-clicked--MixBlendMode: var(--pf-v5-c-button--m-link--m-inline--m-clicked--MixBlendMode);
   --pf-v5-c-button--disabled--BackgroundColor: transparent;
   --pf-v5-c-button--disabled--Color: var(--pf-v5-c-button--m-link--m-inline--disabled--Color);
   --pf-v5-c-button--disabled__icon--Color: var(--pf-v5-c-button--m-link--m-inline--disabled__icon--Color);
@@ -343,16 +357,16 @@
   white-space: normal;
   outline-offset: 0.125rem;
 }
-.pf-v5-c-button.pf-m-link:where(.pf-m-danger) {
+.pf-v5-c-button.pf-m-link.pf-m-danger {
   --pf-v5-c-button--m-danger--Color: var(--pf-v5-c-button--m-link--m-danger--Color);
+  --pf-v5-c-button--m-danger--BackgroundColor: var(--pf-v5-c-button--m-link--m-danger--BackgroundColor);
   --pf-v5-c-button--m-danger__icon--Color: var(--pf-v5-c-button--m-link--m-danger__icon--Color);
   --pf-v5-c-button--m-danger--hover--Color: var(--pf-v5-c-button--m-link--m-danger--hover--Color);
+  --pf-v5-c-button--m-danger--hover--BackgroundColor: var(--pf-v5-c-button--m-link--m-danger--hover--BackgroundColor);
   --pf-v5-c-button--m-danger--hover__icon--Color: var(--pf-v5-c-button--m-link--m-danger--hover__icon--Color);
   --pf-v5-c-button--m-danger--m-clicked--Color: var(--pf-v5-c-button--m-link--m-danger--m-clicked--Color);
+  --pf-v5-c-button--m-danger--m-clicked--BackgroundColor: var(--pf-v5-c-button--m-link--m-danger--m-clicked--BackgroundColor);
   --pf-v5-c-button--m-danger--m-clicked__icon--Color: var(--pf-v5-c-button--m-link--m-danger--m-clicked__icon--Color);
-  --pf-v5-c-button--m-danger--BackgroundColor: transparent;
-  --pf-v5-c-button--m-danger--hover--BackgroundColor: transparent;
-  --pf-v5-c-button--m-danger--m-clicked--BackgroundColor: transparent;
 }
 .pf-v5-c-button.pf-m-link.pf-m-display-lg {
   --pf-v5-c-button--FontSize: var(--pf-v5-c-button--m-link--m-display-lg--FontSize);
@@ -397,7 +411,7 @@
   --pf-v5-c-button--m-clicked--BackgroundColor: var(--pf-v5-c-button--m-control--m-clicked--BackgroundColor);
   --pf-v5-c-button--m-clicked--BorderColor: var(--pf-v5-c-button--m-control--m-clicked--BorderColor);
   --pf-v5-c-button--m-clicked--BorderWidth: var(--pf-v5-c-button--m-control--m-clicked--BorderWidth);
-  --pf-v5-c-button--m-clicked--Color: var(--pf-v5-c-button--m-control--m-clicked__icon--Color);
+  --pf-v5-c-button--m-clicked__icon--Color: var(--pf-v5-c-button--m-control--m-clicked__icon--Color);
 }
 .pf-v5-c-button.pf-m-stateful {
   --pf-v5-c-button--BorderRadius: var(--pf-v5-c-button--m-stateful--BorderRadius);
@@ -435,24 +449,26 @@
   --pf-v5-c-button--m-clicked__icon--Color: var(--pf-v5-c-button--m-attention--m-clicked__icon--Color);
 }
 .pf-v5-c-button.pf-m-plain {
+  --pf-v5-c-button--BorderRadius: var(--pf-v5-c-button--m-plain--BorderRadius);
+  --pf-v5-c-button--Color: var(--pf-v5-c-button--m-plain--Color);
+  --pf-v5-c-button--BackgroundColor: var(--pf-v5-c-button--m-plain--BackgroundColor);
   --pf-v5-c-button--PaddingTop: var(--pf-v5-c-button--m-plain--PaddingTop);
   --pf-v5-c-button--PaddingRight: var(--pf-v5-c-button--m-plain--PaddingRight);
   --pf-v5-c-button--PaddingBottom: var(--pf-v5-c-button--m-plain--PaddingBottom);
   --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-button--m-plain--PaddingLeft);
-  --pf-v5-c-button--MixBlendMode: var(--pf-v5-c-button--m-plain--MixBlendMode);
-  --pf-v5-c-button--m-small--PaddingTop: var(--pf-v5-c-button--m-plain--m-small--PaddingTop);
-  --pf-v5-c-button--m-small--PaddingRight: var(--pf-v5-c-button--m-plain--m-small--PaddingRight);
-  --pf-v5-c-button--m-small--PaddingBottom: var(--pf-v5-c-button--m-plain--m-small--PaddingBottom);
-  --pf-v5-c-button--m-small--PaddingLeft: var(--pf-v5-c-button--m-plain--m-small--PaddingLeft);
-  --pf-v5-c-button--BorderRadius: var(--pf-v5-c-button--m-plain--BorderRadius);
-  --pf-v5-c-button--Color: var(--pf-v5-c-button--m-plain--Color);
-  --pf-v5-c-button--BackgroundColor: var(--pf-v5-c-button--m-plain--BackgroundColor);
+  --pf-v5-c-button__progress--Color: var(--pf-v5-c-button--m-in-progress--m-plain--Color);
   --pf-v5-c-button--hover--Color: var(--pf-v5-c-button--m-plain--hover--Color);
   --pf-v5-c-button--hover--BackgroundColor: var(--pf-v5-c-button--m-plain--hover--BackgroundColor);
+  --pf-v5-c-button--hover--MixBlendMode: var(--pf-v5-c-button--m-plain--hover--MixBlendMode);
   --pf-v5-c-button--m-clicked--Color: var(--pf-v5-c-button--m-plain--m-clicked--Color);
   --pf-v5-c-button--m-clicked--BackgroundColor: var(--pf-v5-c-button--m-plain--m-clicked--BackgroundColor);
+  --pf-v5-c-button--m-clicked--MixBlendMode: var(--pf-v5-c-button--m-plain--m-clicked--MixBlendMode);
   --pf-v5-c-button--disabled--Color: var(--pf-v5-c-button--m-plain--disabled--Color);
-  --pf-v5-c-button__progress--Color: var(--pf-v5-c-button--m-in-progress--m-plain--Color);
+  --pf-v5-c-button--disabled--BackgroundColor: var(--pf-v5-c-button--m-plain--disabled--BackgroundColor);
+  --pf-v5-c-button--m-small--PaddingTop: var(--pf-v5-c-button--m-plain--m-small--PaddingTop);
+  --pf-v5-c-button--m-small--PaddingRight: var(--pf-v5-c-button--m-plain--m-small--PaddingRight);
+  --pf-v5-c-button--m-small--PaddingBottom: var(--pf-v5-c-button--m-plain--m-small--PaddingBottom);
+  --pf-v5-c-button--m-small--PaddingLeft: var(--pf-v5-c-button--m-plain--m-small--PaddingLeft);
   min-width: var(--pf-v5-c-button--m-plain--MinWidth);
 }
 .pf-v5-c-button.pf-m-plain.pf-m-no-padding {
@@ -463,7 +479,8 @@
   --pf-v5-c-button--m-plain--PaddingRight: var(--pf-v5-c-button--m-plain--m-no-padding--PaddingRight);
   --pf-v5-c-button--m-plain--PaddingBottom: var(--pf-v5-c-button--m-plain--m-no-padding--PaddingBottom);
   --pf-v5-c-button--m-plain--PaddingLeft: var(--pf-v5-c-button--m-plain--m-no-padding--PaddingLeft);
-  --pf-v5-c-button--m-plain--MixBlendMode: var(--pf-v5-c-button--m-plain--m-no-padding--MixBlendMode);
+  --pf-v5-c-button--m-plain--hover--MixBlendMode: var(--pf-v5-c-button--m-plain--m-no-padding--hover--MixBlendMode);
+  --pf-v5-c-button--m-plain--m-clicked--MixBlendMode: var(--pf-v5-c-button--m-plain--m-no-padding--m-clicked--MixBlendMode);
   min-width: var(--pf-v5-c-button--m-plain--m-no-padding--MinWidth);
 }
 .pf-v5-c-button.pf-m-block {
@@ -489,6 +506,7 @@
   --pf-v5-c-button--BorderColor: var(--pf-v5-c-button--hover--BorderColor);
   --pf-v5-c-button--BorderWidth: var(--pf-v5-c-button--hover--BorderWidth);
   --pf-v5-c-button--TextDecoration: var(--pf-v5-c-button--hover--TextDecoration);
+  --pf-v5-c-button--MixBlendMode: var(--pf-v5-c-button--hover--MixBlendMode);
   --pf-v5-c-button__icon--Color: var(--pf-v5-c-button--hover__icon--Color);
 }
 .pf-v5-c-button.pf-m-clicked {
@@ -496,6 +514,7 @@
   --pf-v5-c-button--BackgroundColor: var(--pf-v5-c-button--m-clicked--BackgroundColor);
   --pf-v5-c-button--BorderWidth: var(--pf-v5-c-button--m-clicked--BorderWidth);
   --pf-v5-c-button--BorderColor: var(--pf-v5-c-button--m-clicked--BorderColor);
+  --pf-v5-c-button--MixBlendMode: var(--pf-v5-c-button--m-clicked--MixBlendMode);
   --pf-v5-c-button__icon--Color: var(--pf-v5-c-button--m-clicked__icon--Color);
 }
 .pf-v5-c-button:disabled, .pf-v5-c-button.pf-m-disabled {
@@ -505,6 +524,7 @@
   --pf-v5-c-badge--m-unread--Color: var(--pf-v5-c-button--disabled__c-badge--Color);
   --pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-c-button--disabled__c-badge--BackgroundColor);
   --pf-v5-c-button--m-primary__c-badge--BorderWidth: 0;
+  --pf-v5-c-button--MixBlendMode: var(--pf-v5-c-button--disabled--MixBlendMode);
   color: var(--pf-v5-c-button--disabled--Color);
   background-color: var(--pf-v5-c-button--disabled--BackgroundColor);
 }

package/css/components/CalendarMonth/calendar-month.css

@@ -1,70 +1,65 @@
-.pf-v5-c-calendar-month {
-  --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
-  --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
-  --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
-  --pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--dark-100);
-  --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--dark);
-  --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--dark--hover);
-  --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--light-100);
-  --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--dark);
-  --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
-}
-
-.pf-v5-c-calendar-month {
-  --pf-v5-c-calendar-month--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-calendar-month--PaddingTop: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-calendar-month--PaddingRight: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-calendar-month--PaddingBottom: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-calendar-month--PaddingLeft: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-calendar-month--FontSize: var(--pf-v5-global--FontSize--sm);
-  --pf-v5-c-calendar-month__header--MarginBottom: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-calendar-month__header-year--Width: 8.5ch;
+:where(:root),
+:where(.pf-v5-c-calendar-month) {
+  --pf-v5-c-calendar-month--BackgroundColor: var(--pf-t--global--background--color--primary--default);
+  --pf-v5-c-calendar-month--PaddingTop: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-calendar-month--PaddingRight: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-calendar-month--PaddingBottom: var(--pf-t--global--spacer--md);
+  --pf-v5-c-calendar-month--PaddingLeft: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-calendar-month--FontSize: var(--pf-t--global--font--size--sm);
+  --pf-v5-c-calendar-month__header--MarginBottom: var(--pf-t--global--spacer--md);
+  --pf-v5-c-calendar-month__header--Gap: var(--pf-t--global--spacer--xs);
+  --pf-v5-c-calendar-month__header-year--Width: 9ch;
   --pf-v5-c-calendar-month__header-nav-control--MarginRight: 0;
   --pf-v5-c-calendar-month__header-nav-control--MarginLeft: 0;
-  --pf-v5-c-calendar-month__header-nav-control--m-prev-month--MarginRight: 0;
-  --pf-v5-c-calendar-month__header-nav-control--m-prev-month--MarginLeft: 0;
-  --pf-v5-c-calendar-month__header-nav-control--m-next-month--MarginRight: 0;
-  --pf-v5-c-calendar-month__header-nav-control--m-next-month--MarginLeft: 0;
-  --pf-v5-c-calendar-month__days--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
-  --pf-v5-c-calendar-month__days--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
-  --pf-v5-c-calendar-month__day--PaddingBottom: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-calendar-month__day--FontWeight: var(--pf-v5-global--FontWeight--normal);
+  --pf-v5-c-calendar-month__days--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
+  --pf-v5-c-calendar-month__days--BorderBottomColor: var(--pf-t--global--border--color--default);
+  --pf-v5-c-calendar-month__day--PaddingBottom: var(--pf-t--global--spacer--md);
+  --pf-v5-c-calendar-month__day--FontWeight: var(--pf-t--global--font--weight--body);
+  --pf-v5-c-calendar-month__day--Color: var(--pf-t--global--text--color--regular);
   --pf-v5-c-calendar-month__dates-cell--PaddingTop: 0.125rem;
   --pf-v5-c-calendar-month__dates-cell--PaddingRight: 0.125rem;
   --pf-v5-c-calendar-month__dates-cell--PaddingBottom: 0.125rem;
   --pf-v5-c-calendar-month__dates-cell--PaddingLeft: 0.125rem;
-  --pf-v5-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  --pf-v5-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-v5-global--active-color--100);
-  --pf-v5-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-v5-global--active-color--100);
-  --pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-v5-global--primary-color--200);
-  --pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-v5-global--primary-color--200);
-  --pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow: 0 0 0.3125rem var(--pf-v5-global--primary-color--100);
-  --pf-v5-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-v5-global--Color--light-100);
+  --pf-v5-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
+  --pf-v5-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-t--global--color--brand--default);
+  --pf-v5-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-t--global--color--brand--default);
+  --pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
+  --pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-t--global--border--color--brand--default);
+  --pf-v5-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-t--global--text--color--on-brand--default);
   --pf-v5-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
   --pf-v5-c-calendar-month__dates-cell--before--Top: 0;
   --pf-v5-c-calendar-month__dates-cell--before--Right: 0;
   --pf-v5-c-calendar-month__dates-cell--before--Bottom: var(--pf-v5-c-calendar-month__dates-cell--PaddingBottom);
   --pf-v5-c-calendar-month__dates-cell--before--Left: 0;
-  --pf-v5-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-v5-global--palette--blue-50);
+  --pf-v5-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
   --pf-v5-c-calendar-month__dates-cell--m-in-range--m-start-range--before--Left: 50%;
   --pf-v5-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right: 50%;
-  --pf-v5-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-v5-global--palette--blue-100);
-  --pf-v5-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-v5-global--palette--blue-100);
-  --pf-v5-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-v5-global--Color--200);
+  --pf-v5-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
+  --pf-v5-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
+  --pf-v5-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
+  --pf-v5-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
+  --pf-v5-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-t--global--text--color--subtle);
   --pf-v5-c-calendar-month__date--Width: 4ch;
   --pf-v5-c-calendar-month__date--Height: 4ch;
-  --pf-v5-c-calendar-month__date--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
-  --pf-v5-c-calendar-month__date--Color: var(--pf-v5-global--Color--100);
+  --pf-v5-c-calendar-month__date--BorderRadius: var(--pf-t--global--border--radius--large);
+  --pf-v5-c-calendar-month__date--Color: var(--pf-t--global--text--color--regular);
   --pf-v5-c-calendar-month__date--BackgroundColor: transparent;
-  --pf-v5-c-calendar-month__date--disabled--Color: var(--pf-v5-global--disabled-color--200);
-  --pf-v5-c-calendar-month__date--after--BorderWidth: var(--pf-v5-global--BorderWidth--md);
+  --pf-v5-c-calendar-month__date--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
+  --pf-v5-c-calendar-month__date--disabled--Color: var(--pf-t--global--text--color--on-disabled);
+  --pf-v5-c-calendar-month__date--after--BorderWidth: var(--pf-t--global--border--width--regular);
   --pf-v5-c-calendar-month__date--after--BorderColor: transparent;
-  --pf-v5-c-calendar-month__date--hover--BackgroundColor: var(--pf-v5-global--palette--blue-50);
-  --pf-v5-c-calendar-month__date--focus--BackgroundColor: var(--pf-v5-global--palette--blue-50);
-  --pf-v5-c-calendar-month__date--focus--after--BorderColor: var(--pf-v5-global--active-color--100);
-  --pf-v5-c-calendar-month__date--focus--BoxShadow: none;
-  color: var(--pf-v5-global--Color--100);
+  --pf-v5-c-calendar-month__date--after--OutlineOffset: 0;
+  --pf-v5-c-calendar-month__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
+  --pf-v5-c-calendar-month__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
+  --pf-v5-c-calendar-month__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
+  --pf-v5-c-calendar-month__date--focus--Color: var(--pf-t--global--icon--color--on-brand--clicked);
+  --pf-v5-c-calendar-month__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
+  --pf-v5-c-calendar-month__date--focus--after--BorderColor: var(--pf-t--global--border--color--hover);
+  --pf-v5-c-calendar-month__date--after--focus--OutlineOffset: -2px;
+}
+
+:where(.pf-v5-c-calendar-month) {
   display: inline-flex;
   flex-direction: column;
   padding-block-start: var(--pf-v5-c-calendar-month--PaddingTop);
@@ -77,6 +72,7 @@
 
 .pf-v5-c-calendar-month__header {
   display: flex;
+  gap: var(--pf-v5-c-calendar-month__header--Gap);
   margin-block-end: var(--pf-v5-c-calendar-month__header--MarginBottom);
 }
 
@@ -88,18 +84,12 @@
   scale: -1 1;
 }
 
-.pf-v5-c-calendar-month__header-nav-control.pf-m-prev-month {
-  --pf-v5-c-calendar-month__header-nav-control--MarginRight: var(--pf-v5-c-calendar-month__header-nav-control--m-prev-month--MarginRight);
-  --pf-v5-c-calendar-month__header-nav-control--MarginLeft: var(--pf-v5-c-calendar-month__header-nav-control--m-prev-month--MarginLeft);
-}
-.pf-v5-c-calendar-month__header-nav-control.pf-m-next-month {
-  --pf-v5-c-calendar-month__header-nav-control--MarginRight: var(--pf-v5-c-calendar-month__header-nav-control--m-next-month--MarginRight);
-  --pf-v5-c-calendar-month__header-nav-control--MarginLeft: var(--pf-v5-c-calendar-month__header-nav-control--m-next-month--MarginLeft);
-}
-
 .pf-v5-c-calendar-month__header-month {
   flex-grow: 1;
 }
+.pf-v5-c-calendar-month__header-month > .pf-v5-c-menu-toggle {
+  width: 100%;
+}
 
 .pf-v5-c-calendar-month__header-year {
   width: var(--pf-v5-c-calendar-month__header-year--Width);
@@ -110,6 +100,7 @@
 }
 
 .pf-v5-c-calendar-month__days {
+  color: var(--pf-v5-c-calendar-month__day--Color);
   border-block-end: var(--pf-v5-c-calendar-month__days--BorderBottomWidth) solid var(--pf-v5-c-calendar-month__days--BorderBottomColor);
 }
 
@@ -147,6 +138,8 @@
 .pf-v5-c-calendar-month__dates-cell.pf-m-in-range {
   --pf-v5-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
   --pf-v5-c-calendar-month__date--hover--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
+  --pf-v5-c-calendar-month__date--hover--BorderWidth: var(--pf-v5-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth);
+  --pf-v5-c-calendar-month__date--hover--BorderColor: var(--pf-v5-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor);
   --pf-v5-c-calendar-month__date--focus--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor);
 }
 .pf-v5-c-calendar-month__dates-cell.pf-m-start-range {
@@ -160,11 +153,12 @@
 }
 .pf-v5-c-calendar-month__dates-cell.pf-m-selected {
   --pf-v5-c-calendar-month__date--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
+  --pf-v5-c-calendar-month__date--Color: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--Color);
   --pf-v5-c-calendar-month__date--hover--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
+  --pf-v5-c-calendar-month__date--hover--BorderWidth: 0;
   --pf-v5-c-calendar-month__date--focus--BackgroundColor: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
   --pf-v5-c-calendar-month__date--focus--after--BorderColor: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
-  --pf-v5-c-calendar-month__date--focus--BoxShadow: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow);
-  --pf-v5-c-calendar-month__date--Color: var(--pf-v5-c-calendar-month__dates-cell--m-selected__date--Color);
+  --pf-v5-c-calendar-month__date--after--OutlineOffset: var(--pf-v5-c-calendar-month__date--after--focus--OutlineOffset);
 }
 .pf-v5-c-calendar-month__dates-cell.pf-m-disabled {
   --pf-v5-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
@@ -185,10 +179,10 @@
 }
 .pf-v5-c-calendar-month__date::after {
   position: absolute;
-  inset-block-start: 0;
-  inset-block-end: 0;
-  inset-inline-start: 0;
-  inset-inline-end: 0;
+  inset-block-start: var(--pf-v5-c-calendar-month__date--after--OutlineOffset);
+  inset-block-end: var(--pf-v5-c-calendar-month__date--after--OutlineOffset);
+  inset-inline-start: var(--pf-v5-c-calendar-month__date--after--OutlineOffset);
+  inset-inline-end: var(--pf-v5-c-calendar-month__date--after--OutlineOffset);
   content: "";
   border: var(--pf-v5-c-calendar-month__date--after--BorderWidth) solid var(--pf-v5-c-calendar-month__date--after--BorderColor);
 }
@@ -197,40 +191,15 @@
 }
 .pf-v5-c-calendar-month__date:hover, .pf-v5-c-calendar-month__date.pf-m-hover {
   --pf-v5-c-calendar-month__date--BackgroundColor: var(--pf-v5-c-calendar-month__date--hover--BackgroundColor);
+  border: var(--pf-v5-c-calendar-month__date--hover--BorderColor) solid var(--pf-v5-c-calendar-month__date--hover--BorderWidth);
 }
 .pf-v5-c-calendar-month__date:focus, .pf-v5-c-calendar-month__date.pf-m-focus {
-  --pf-v5-c-calendar-month__date--BackgroundColor: var(--pf-v5-c-calendar-month__date--focus--BackgroundColor);
   --pf-v5-c-calendar-month__date--after--BorderColor: var(--pf-v5-c-calendar-month__date--focus--after--BorderColor);
   outline: 0;
-  box-shadow: var(--pf-v5-c-calendar-month__date--focus--BoxShadow);
 }
 .pf-v5-c-calendar-month__date:disabled {
+  --pf-v5-c-calendar-month__date--BackgroundColor: var(--pf-v5-c-calendar-month__date--disabled--BackgroundColor);
   --pf-v5-c-calendar-month__date--Color: var(--pf-v5-c-calendar-month__date--disabled--Color);
   --pf-v5-c-calendar-month__date--hover--focus--BorderColor: transparent;
   pointer-events: none;
-}
-
-:where(.pf-v5-theme-dark) .pf-v5-c-calendar-month {
-  --pf-v5-c-calendar-month--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
-  --pf-v5-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-v5-global--palette--black-500);
-  --pf-v5-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-v5-global--primary-color--300);
-  --pf-v5-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-v5-global--primary-color--400);
-  --pf-v5-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-v5-global--palette--black-900);
-  --pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-v5-global--palette--blue-400);
-  --pf-v5-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  --pf-v5-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  --pf-v5-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  --pf-v5-c-calendar-month__date--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  --pf-v5-c-calendar-month__date--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  --pf-v5-c-calendar-month__date--focus--after--BorderColor: transparent;
-}
-:where(.pf-v5-theme-dark) .pf-v5-c-calendar-month__date:hover, :where(.pf-v5-theme-dark) .pf-v5-c-calendar-month__date.pf-m-hover {
-  --pf-v5-c-calendar-month__date--after--BorderColor: var(--pf-v5-global--BorderColor--100);
-  --pf-v5-c-calendar-month__date--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
-}
-:where(.pf-v5-theme-dark) .pf-v5-c-calendar-month__date:focus, :where(.pf-v5-theme-dark) .pf-v5-c-calendar-month__date.pf-m-focus {
-  --pf-v5-c-calendar-month__date--after--BorderColor: var(--pf-v5-global--active-color--100);
-  --pf-v5-c-calendar-month__date--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
-  --pf-v5-c-calendar-month__date--BackgroundColor: var(--pf-v5-global--primary-color--300);
-  --pf-v5-c-calendar-month__date--Color: var(--pf-v5-global--primary-color--400);
 }

package/css/components/CalendarMonth/calendar-month.d.ts

@@ -12,9 +12,8 @@ declare const _default: {
   "calendarMonthHeaderNavControl": "pf-v5-c-calendar-month__header-nav-control",
   "calendarMonthHeaderYear": "pf-v5-c-calendar-month__header-year",
   "dirRtl": "pf-v5-m-dir-rtl",
+  "menuToggle": "pf-v5-c-menu-toggle",
   "modifiers": {
-    "prevMonth": "pf-m-prev-month",
-    "nextMonth": "pf-m-next-month",
     "current": "pf-m-current",
     "inRange": "pf-m-in-range",
     "startRange": "pf-m-start-range",
@@ -24,7 +23,6 @@ declare const _default: {
     "disabled": "pf-m-disabled",
     "hover": "pf-m-hover",
     "focus": "pf-m-focus"
-  },
-  "themeDark": "pf-v5-theme-dark"
+  }
 };
 export default _default;

package/css/components/CalendarMonth/calendar-month.js

@@ -14,9 +14,8 @@ exports.default = {
   "calendarMonthHeaderNavControl": "pf-v5-c-calendar-month__header-nav-control",
   "calendarMonthHeaderYear": "pf-v5-c-calendar-month__header-year",
   "dirRtl": "pf-v5-m-dir-rtl",
+  "menuToggle": "pf-v5-c-menu-toggle",
   "modifiers": {
-    "prevMonth": "pf-m-prev-month",
-    "nextMonth": "pf-m-next-month",
     "current": "pf-m-current",
     "inRange": "pf-m-in-range",
     "startRange": "pf-m-start-range",
@@ -26,6 +25,5 @@ exports.default = {
     "disabled": "pf-m-disabled",
     "hover": "pf-m-hover",
     "focus": "pf-m-focus"
-  },
-  "themeDark": "pf-v5-theme-dark"
+  }
 };

package/css/components/CalendarMonth/calendar-month.mjs

@@ -12,9 +12,8 @@ export default {
   "calendarMonthHeaderNavControl": "pf-v5-c-calendar-month__header-nav-control",
   "calendarMonthHeaderYear": "pf-v5-c-calendar-month__header-year",
   "dirRtl": "pf-v5-m-dir-rtl",
+  "menuToggle": "pf-v5-c-menu-toggle",
   "modifiers": {
-    "prevMonth": "pf-m-prev-month",
-    "nextMonth": "pf-m-next-month",
     "current": "pf-m-current",
     "inRange": "pf-m-in-range",
     "startRange": "pf-m-start-range",
@@ -24,6 +23,5 @@ export default {
     "disabled": "pf-m-disabled",
     "hover": "pf-m-hover",
     "focus": "pf-m-focus"
-  },
-  "themeDark": "pf-v5-theme-dark"
+  }
 };

package/css/components/CodeBlock/code-block.css

@@ -3,6 +3,8 @@
   --pf-v5-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
   --pf-v5-c-code-block__header--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
   --pf-v5-c-code-block__header--BorderBottomColor: var(--pf-t--global--border--color--default);
+  --pf-v5-c-code-block__header--PaddingTop: var(--pf-t--global--spacer--xs);
+  --pf-v5-c-code-block__header--PaddingBottom: var(--pf-t--global--spacer--xs);
   --pf-v5-c-code-block__header--PaddingRight: var(--pf-t--global--spacer--sm);
   --pf-v5-c-code-block__header--PaddingLeft: var(--pf-t--global--spacer--sm);
   --pf-v5-c-code-block__content--PaddingTop: var(--pf-t--global--spacer--md);
@@ -20,6 +22,8 @@
 
 .pf-v5-c-code-block__header {
   display: flex;
+  padding-block-start: var(--pf-v5-c-code-block__header--PaddingTop);
+  padding-block-end: var(--pf-v5-c-code-block__header--PaddingBottom);
   padding-inline-start: var(--pf-v5-c-code-block__header--PaddingLeft);
   padding-inline-end: var(--pf-v5-c-code-block__header--PaddingRight);
   border-block-end: var(--pf-v5-c-code-block__header--BorderBottomWidth) solid var(--pf-v5-c-code-block__header--BorderBottomColor);