@patternfly/react-styles 5.0.0-prerelease.1 → 5.0.0-prerelease.2

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [5.0.0-prerelease.2](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@5.0.0-prerelease.1...@patternfly/react-styles@5.0.0-prerelease.2) (2023-06-06)
+
+### Bug Fixes
+
+- **versions:** bump core and fix demo-app versions ([#9248](https://github.com/patternfly/patternfly-react/issues/9248)) ([d19f9d2](https://github.com/patternfly/patternfly-react/commit/d19f9d21c39574784074ee1def886a6da21b2274))
+
 # 5.0.0-prerelease.1 (2023-06-06)
 
 ### Bug Fixes

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

@@ -9,6 +9,7 @@
 }
 
 .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);
@@ -66,6 +67,7 @@
   flex-direction: column;
   padding: var(--pf-v5-c-calendar-month--PaddingTop) var(--pf-v5-c-calendar-month--PaddingRight) var(--pf-v5-c-calendar-month--PaddingBottom) var(--pf-v5-c-calendar-month--PaddingLeft);
   font-size: var(--pf-v5-c-calendar-month--FontSize);
+  background-color: var(--pf-v5-c-calendar-month--BackgroundColor);
 }
 
 .pf-v5-c-calendar-month__header {
@@ -197,6 +199,7 @@
 }
 
 :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);

package/css/components/Masthead/masthead.css

@@ -87,8 +87,6 @@
   --pf-v5-c-masthead--c-menu-toggle--before--BorderTopColor: var(--pf-v5-c-masthead--item-border-color--base);
   --pf-v5-c-masthead--c-menu-toggle--before--BorderRightColor: var(--pf-v5-c-masthead--item-border-color--base);
   --pf-v5-c-masthead--c-menu-toggle--before--BorderLeftColor: var(--pf-v5-c-masthead--item-border-color--base);
-  --pf-v5-c-masthead--c-menu-toggle--m-full-height--before--BorderTopColor: transparent;
-  --pf-v5-c-masthead--c-menu-toggle--m-full-height--before--BorderBottomColor: transparent;
   --pf-v5-c-masthead--c-toolbar--BackgroundColor: var(--pf-v5-c-masthead--BackgroundColor);
   --pf-v5-c-masthead--c-toolbar--AlignItems--base: center;
   --pf-v5-c-masthead--c-toolbar__content--PaddingRight: 0;
@@ -193,10 +191,7 @@
   --pf-v5-c-menu-toggle--before--BorderTopColor: var(--pf-v5-c-masthead--c-menu-toggle--before--BorderTopColor);
   --pf-v5-c-menu-toggle--before--BorderRightColor: var(--pf-v5-c-masthead--c-menu-toggle--before--BorderRightColor);
   --pf-v5-c-menu-toggle--before--BorderLeftColor: var(--pf-v5-c-masthead--c-menu-toggle--before--BorderLeftColor);
-}
-.pf-v5-c-masthead .pf-v5-c-menu-toggle.pf-m-full-height {
-  --pf-v5-c-menu-toggle--before--BorderTopColor: var(--pf-v5-c-masthead--c-menu-toggle--m-full-height--before--BorderTopColor);
-  --pf-v5-c-menu-toggle--before--BorderBottomColor: var(--pf-v5-c-masthead--c-menu-toggle--m-full-height--before--BorderBottomColor);
+  --pf-v5-c-menu-toggle--m-full-height__toggle--after--BorderBottomWidth: 0;
 }
 .pf-v5-c-masthead .pf-v5-c-context-selector {
   --pf-v5-c-context-selector--Width: var(--pf-v5-c-masthead--c-context-selector--Width);
@@ -664,6 +659,7 @@
 
 :where(.pf-v5-theme-dark) .pf-v5-c-masthead {
   --pf-v5-c-masthead--BackgroundColor: var(--pf-v5-global--palette--black-1000);
+  --pf-v5-c-masthead--item-border-color--base: var(--pf-v5-global--BorderColor--100);
   color: var(--pf-v5-global--Color--100);
 }
 :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-toolbar {

package/css/components/MenuToggle/menu-toggle.css

@@ -77,6 +77,7 @@
   --pf-v5-c-menu-toggle--m-full-height--PaddingRight: var(--pf-v5-global--spacer--lg);
   --pf-v5-c-menu-toggle--m-full-height--PaddingLeft: var(--pf-v5-global--spacer--lg);
   --pf-v5-c-menu-toggle--m-full-height__toggle--before--BorderTopWidth: 0;
+  --pf-v5-c-menu-toggle--m-full-height__toggle--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
   --pf-v5-c-menu-toggle--m-full-height--m-expanded--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
   --pf-v5-c-menu-toggle--m-full-height--hover--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
   --pf-v5-c-menu-toggle--m-full-height--focus--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
@@ -197,6 +198,17 @@
   display: inline-block;
   color: var(--pf-v5-c-menu-toggle--m-plain--Color);
 }
+.pf-v5-c-menu-toggle.pf-m-full-height {
+  --pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-c-menu-toggle--m-full-height--PaddingRight);
+  --pf-v5-c-menu-toggle--PaddingLeft: var(--pf-v5-c-menu-toggle--m-full-height--PaddingLeft);
+  --pf-v5-c-menu-toggle--before--BorderTopWidth: var(--pf-v5-c-menu-toggle--m-full-height__toggle--before--BorderTopWidth);
+  --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height__toggle--after--BorderBottomWidth);
+  --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height--m-expanded--after--BorderBottomWidth);
+  --pf-v5-c-menu-toggle--hover--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height--hover--after--BorderBottomWidth);
+  --pf-v5-c-menu-toggle--focus--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height--focus--after--BorderBottomWidth);
+  --pf-v5-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height--active--after--BorderBottomWidth);
+  height: 100%;
+}
 .pf-v5-c-menu-toggle:hover {
   --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--hover--BackgroundColor);
   --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--hover--after--BorderBottomWidth);
@@ -235,16 +247,6 @@
 .pf-v5-c-menu-toggle.pf-m-primary::before, .pf-v5-c-menu-toggle.pf-m-primary::after, .pf-v5-c-menu-toggle.pf-m-plain::before, .pf-v5-c-menu-toggle.pf-m-plain::after, .pf-v5-c-menu-toggle:disabled::before, .pf-v5-c-menu-toggle:disabled::after {
   border: 0;
 }
-.pf-v5-c-menu-toggle.pf-m-full-height {
-  --pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-c-menu-toggle--m-full-height--PaddingRight);
-  --pf-v5-c-menu-toggle--PaddingLeft: var(--pf-v5-c-menu-toggle--m-full-height--PaddingLeft);
-  --pf-v5-c-menu-toggle--before--BorderTopWidth: var(--pf-v5-c-menu-toggle--m-full-height__toggle--before--BorderTopWidth);
-  --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height--m-expanded--after--BorderBottomWidth);
-  --pf-v5-c-menu-toggle--hover--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height--hover--after--BorderBottomWidth);
-  --pf-v5-c-menu-toggle--focus--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height--focus--after--BorderBottomWidth);
-  --pf-v5-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height--active--after--BorderBottomWidth);
-  height: 100%;
-}
 .pf-v5-c-menu-toggle.pf-m-typeahead {
   --pf-v5-c-menu-toggle__button__controls--MarginRight: var(--pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight);
   --pf-v5-c-menu-toggle__button__controls--MarginLeft: var(--pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft);
@@ -419,6 +421,6 @@
   --pf-v5-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-v5-global--disabled-color--300);
   --pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
 }
-:where(.pf-v5-theme-dark) .pf-v5-c-menu-toggle.pf-m-plain {
+:where(.pf-v5-theme-dark) .pf-v5-c-menu-toggle.pf-m-plain, :where(.pf-v5-theme-dark) .pf-v5-c-menu-toggle.pf-m-full-height {
   background: transparent;
 }

package/css/components/MenuToggle/menu-toggle.d.ts

@@ -14,8 +14,8 @@ declare const _default: {
     "expanded": "pf-m-expanded",
     "plain": "pf-m-plain",
     "text": "pf-m-text",
-    "disabled": "pf-m-disabled",
     "fullHeight": "pf-m-full-height",
+    "disabled": "pf-m-disabled",
     "typeahead": "pf-m-typeahead",
     "splitButton": "pf-m-split-button",
     "action": "pf-m-action",

package/css/components/MenuToggle/menu-toggle.js

@@ -16,8 +16,8 @@ exports.default = {
     "expanded": "pf-m-expanded",
     "plain": "pf-m-plain",
     "text": "pf-m-text",
-    "disabled": "pf-m-disabled",
     "fullHeight": "pf-m-full-height",
+    "disabled": "pf-m-disabled",
     "typeahead": "pf-m-typeahead",
     "splitButton": "pf-m-split-button",
     "action": "pf-m-action",

package/css/components/MenuToggle/menu-toggle.mjs

@@ -14,8 +14,8 @@ export default {
     "expanded": "pf-m-expanded",
     "plain": "pf-m-plain",
     "text": "pf-m-text",
-    "disabled": "pf-m-disabled",
     "fullHeight": "pf-m-full-height",
+    "disabled": "pf-m-disabled",
     "typeahead": "pf-m-typeahead",
     "splitButton": "pf-m-split-button",
     "action": "pf-m-action",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-styles",
-  "version": "5.0.0-prerelease.1",
+  "version": "5.0.0-prerelease.2",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",
@@ -19,7 +19,7 @@
     "clean": "rimraf dist css"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "5.0.0-prerelease.1",
+    "@patternfly/patternfly": "5.0.0-prerelease.3",
     "camel-case": "^3.0.0",
     "css": "^2.2.3",
     "fs-extra": "^11.1.1",
@@ -29,5 +29,5 @@
     "typescript": "^4.7.4"
   },
   "license": "MIT",
-  "gitHead": "0661f17cb3b7b78f9d190b4790c6b64f5e2af118"
+  "gitHead": "6760326224820a4684fc1f7b2e8cf48890085530"
 }