@patternfly/react-styles 4.85.8 → 4.86.2

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 4.86.2 (2022-09-01)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
+
+
+
+
+## 4.86.1 (2022-09-01)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
+
+
+
+
+# 4.86.0 (2022-09-01)
+
+
+### Features
+
+* **PageSection:** add ability to specify HTML element via prop ([#7891](https://github.com/patternfly/patternfly-react/issues/7891)) ([a9e20e4](https://github.com/patternfly/patternfly-react/commit/a9e20e4b6303fb673ed9222323a1114c3e68f8d6))
+
+
+
+
+
 ## 4.85.8 (2022-08-31)
 
 **Note:** Version bump only for package @patternfly/react-styles

package/css/components/Masthead/masthead.css

@@ -228,7 +228,7 @@
   align-self: stretch;
 }
 .pf-c-masthead .pf-c-button.pf-m-plain {
-  color: var(--pf-global--Color--200);
+  color: var(--pf-c-button--m-plain--Color);
 }
 
 .pf-c-masthead__main {

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

@@ -21,12 +21,15 @@
   --pf-c-notification-badge__i--Height: auto;
   --pf-c-notification-badge--m-read--after--BorderColor: transparent;
   --pf-c-notification-badge--m-read--after--BackgroundColor: transparent;
+  --pf-c-notification-badge--m-read--m-expanded--after--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
   --pf-c-notification-badge--m-unread--Color: var(--pf-global--Color--light-100);
   --pf-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-global--active-color--100);
   --pf-c-notification-badge--m-unread--hover--after--BackgroundColor: var(--pf-global--primary-color--200);
+  --pf-c-notification-badge--m-unread--m-expanded--after--BackgroundColor: var(--pf-global--primary-color--200);
   --pf-c-notification-badge--m-attention--Color: var(--pf-global--Color--light-100);
   --pf-c-notification-badge--m-attention--after--BackgroundColor: var(--pf-global--danger-color--100);
   --pf-c-notification-badge--m-attention--hover--after--BackgroundColor: var(--pf-global--danger-color--200);
+  --pf-c-notification-badge--m-attention--m-expanded--after--BackgroundColor: var(--pf-global--danger-color--200);
   --pf-c-notification-badge__count--MarginLeft: var(--pf-global--spacer--xs);
   --pf-c-notification-badge--pf-icon-attention-bell--LineHeight: var(--pf-global--LineHeight--sm);
   position: relative;
@@ -68,6 +71,7 @@
 .pf-c-notification-badge.pf-m-read {
   --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-read--after--BackgroundColor);
   --pf-c-notification-badge--after--BorderColor: var(--pf-c-notification-badge--m-read--after--BorderColor);
+  color: var(--pf-c-notification-badge--m-read--Color, inherit);
 }
 .pf-c-notification-badge.pf-m-unread {
   --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-unread--after--BackgroundColor);
@@ -81,7 +85,13 @@
   color: var(--pf-c-notification-badge--m-attention--Color);
 }
 .pf-c-notification-badge.pf-m-attention:hover {
-  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-attention--hover--after--BackgroundColor);
+  --pf-c-notification-badge--m-attention--after--BackgroundColor: var(--pf-c-notification-badge--m-attention--hover--after--BackgroundColor);
+}
+.pf-c-notification-badge.pf-m-expanded {
+  --pf-c-notification-badge--m-read--Color: var(--pf-global--Color--light-100);
+  --pf-c-notification-badge--m-read--after--BackgroundColor: var(--pf-c-notification-badge--m-read--m-expanded--after--BackgroundColor);
+  --pf-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-c-notification-badge--m-unread--m-expanded--after--BackgroundColor);
+  --pf-c-notification-badge--m-attention--after--BackgroundColor: var(--pf-c-notification-badge--m-attention--m-expanded--after--BackgroundColor);
 }
 
 .pf-c-notification-badge__count {
@@ -89,5 +99,7 @@
 }
 
 :where(.pf-theme-dark) .pf-c-notification-badge {
+  --pf-c-notification-badge--m-read--m-expanded--after--BackgroundColor: var(--pf-global--BackgroundColor--400);
   --pf-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-global--primary-color--300);
+  --pf-c-notification-badge--m-attention--Color: var(--pf-global--palette--black-900);
 }

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

@@ -5,7 +5,8 @@ declare const _default: {
   "modifiers": {
     "read": "pf-m-read",
     "unread": "pf-m-unread",
-    "attention": "pf-m-attention"
+    "attention": "pf-m-attention",
+    "expanded": "pf-m-expanded"
   },
   "notificationBadge": "pf-c-notification-badge",
   "notificationBadgeCount": "pf-c-notification-badge__count",

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

@@ -7,7 +7,8 @@ exports.default = {
   "modifiers": {
     "read": "pf-m-read",
     "unread": "pf-m-unread",
-    "attention": "pf-m-attention"
+    "attention": "pf-m-attention",
+    "expanded": "pf-m-expanded"
   },
   "notificationBadge": "pf-c-notification-badge",
   "notificationBadgeCount": "pf-c-notification-badge__count",

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

@@ -5,7 +5,8 @@ export default {
   "modifiers": {
     "read": "pf-m-read",
     "unread": "pf-m-unread",
-    "attention": "pf-m-attention"
+    "attention": "pf-m-attention",
+    "expanded": "pf-m-expanded"
   },
   "notificationBadge": "pf-c-notification-badge",
   "notificationBadgeCount": "pf-c-notification-badge__count",

package/css/components/Page/page.css

@@ -273,6 +273,7 @@
 .pf-c-page.pf-m-full-height {
   height: 100vh;
   height: 100dvh;
+  max-height: 100%;
 }
 
 .pf-c-page__header,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-styles",
-  "version": "4.85.8",
+  "version": "4.86.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": "4.210.2",
+    "@patternfly/patternfly": "4.211.0",
     "camel-case": "^3.0.0",
     "css": "^2.2.3",
     "fs-extra": "^6.0.1",
@@ -29,5 +29,5 @@
     "typescript": "^4.7.4"
   },
   "license": "MIT",
-  "gitHead": "6c9b5c5d59f891999837cd42cf974865548e6b7a"
+  "gitHead": "de201ab6c9fa8d24e516025f984b0b86666f484d"
 }