@patternfly/react-styles 4.85.8 → 4.86.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/css/components/Masthead/masthead.css +1 -1
  3. package/css/components/NotificationBadge/notification-badge.css +13 -1
  4. package/css/components/NotificationBadge/notification-badge.d.ts +2 -1
  5. package/css/components/NotificationBadge/notification-badge.js +2 -1
  6. package/css/components/NotificationBadge/notification-badge.mjs +2 -1
  7. package/css/components/Page/page.css +1 -0
  8. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,33 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## 4.86.2 (2022-09-01)
7
+
8
+ **Note:** Version bump only for package @patternfly/react-styles
9
+
10
+
11
+
12
+
13
+
14
+ ## 4.86.1 (2022-09-01)
15
+
16
+ **Note:** Version bump only for package @patternfly/react-styles
17
+
18
+
19
+
20
+
21
+
22
+ # 4.86.0 (2022-09-01)
23
+
24
+
25
+ ### Features
26
+
27
+ * **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))
28
+
29
+
30
+
31
+
32
+
6
33
  ## 4.85.8 (2022-08-31)
7
34
 
8
35
  **Note:** Version bump only for package @patternfly/react-styles
package/css/components/Masthead/masthead.css CHANGED
@@ -228,7 +228,7 @@
228
228
  align-self: stretch;
229
229
  }
230
230
  .pf-c-masthead .pf-c-button.pf-m-plain {
231
- color: var(--pf-global--Color--200);
231
+ color: var(--pf-c-button--m-plain--Color);
232
232
  }
233
233
 
234
234
  .pf-c-masthead__main {
package/css/components/NotificationBadge/notification-badge.css CHANGED
@@ -21,12 +21,15 @@
21
21
  --pf-c-notification-badge__i--Height: auto;
22
22
  --pf-c-notification-badge--m-read--after--BorderColor: transparent;
23
23
  --pf-c-notification-badge--m-read--after--BackgroundColor: transparent;
24
+ --pf-c-notification-badge--m-read--m-expanded--after--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
24
25
  --pf-c-notification-badge--m-unread--Color: var(--pf-global--Color--light-100);
25
26
  --pf-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-global--active-color--100);
26
27
  --pf-c-notification-badge--m-unread--hover--after--BackgroundColor: var(--pf-global--primary-color--200);
28
+ --pf-c-notification-badge--m-unread--m-expanded--after--BackgroundColor: var(--pf-global--primary-color--200);
27
29
  --pf-c-notification-badge--m-attention--Color: var(--pf-global--Color--light-100);
28
30
  --pf-c-notification-badge--m-attention--after--BackgroundColor: var(--pf-global--danger-color--100);
29
31
  --pf-c-notification-badge--m-attention--hover--after--BackgroundColor: var(--pf-global--danger-color--200);
32
+ --pf-c-notification-badge--m-attention--m-expanded--after--BackgroundColor: var(--pf-global--danger-color--200);
30
33
  --pf-c-notification-badge__count--MarginLeft: var(--pf-global--spacer--xs);
31
34
  --pf-c-notification-badge--pf-icon-attention-bell--LineHeight: var(--pf-global--LineHeight--sm);
32
35
  position: relative;
@@ -68,6 +71,7 @@
68
71
  .pf-c-notification-badge.pf-m-read {
69
72
  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-read--after--BackgroundColor);
70
73
  --pf-c-notification-badge--after--BorderColor: var(--pf-c-notification-badge--m-read--after--BorderColor);
74
+ color: var(--pf-c-notification-badge--m-read--Color, inherit);
71
75
  }
72
76
  .pf-c-notification-badge.pf-m-unread {
73
77
  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-unread--after--BackgroundColor);
@@ -81,7 +85,13 @@
81
85
  color: var(--pf-c-notification-badge--m-attention--Color);
82
86
  }
83
87
  .pf-c-notification-badge.pf-m-attention:hover {
84
- --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-attention--hover--after--BackgroundColor);
88
+ --pf-c-notification-badge--m-attention--after--BackgroundColor: var(--pf-c-notification-badge--m-attention--hover--after--BackgroundColor);
89
+ }
90
+ .pf-c-notification-badge.pf-m-expanded {
91
+ --pf-c-notification-badge--m-read--Color: var(--pf-global--Color--light-100);
92
+ --pf-c-notification-badge--m-read--after--BackgroundColor: var(--pf-c-notification-badge--m-read--m-expanded--after--BackgroundColor);
93
+ --pf-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-c-notification-badge--m-unread--m-expanded--after--BackgroundColor);
94
+ --pf-c-notification-badge--m-attention--after--BackgroundColor: var(--pf-c-notification-badge--m-attention--m-expanded--after--BackgroundColor);
85
95
  }
86
96
 
87
97
  .pf-c-notification-badge__count {
@@ -89,5 +99,7 @@
89
99
  }
90
100
 
91
101
  :where(.pf-theme-dark) .pf-c-notification-badge {
102
+ --pf-c-notification-badge--m-read--m-expanded--after--BackgroundColor: var(--pf-global--BackgroundColor--400);
92
103
  --pf-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-global--primary-color--300);
104
+ --pf-c-notification-badge--m-attention--Color: var(--pf-global--palette--black-900);
93
105
  }
package/css/components/NotificationBadge/notification-badge.d.ts CHANGED
@@ -5,7 +5,8 @@ declare const _default: {
5
5
  "modifiers": {
6
6
  "read": "pf-m-read",
7
7
  "unread": "pf-m-unread",
8
- "attention": "pf-m-attention"
8
+ "attention": "pf-m-attention",
9
+ "expanded": "pf-m-expanded"
9
10
  },
10
11
  "notificationBadge": "pf-c-notification-badge",
11
12
  "notificationBadgeCount": "pf-c-notification-badge__count",
package/css/components/NotificationBadge/notification-badge.js CHANGED
@@ -7,7 +7,8 @@ exports.default = {
7
7
  "modifiers": {
8
8
  "read": "pf-m-read",
9
9
  "unread": "pf-m-unread",
10
- "attention": "pf-m-attention"
10
+ "attention": "pf-m-attention",
11
+ "expanded": "pf-m-expanded"
11
12
  },
12
13
  "notificationBadge": "pf-c-notification-badge",
13
14
  "notificationBadgeCount": "pf-c-notification-badge__count",
package/css/components/NotificationBadge/notification-badge.mjs CHANGED
@@ -5,7 +5,8 @@ export default {
5
5
  "modifiers": {
6
6
  "read": "pf-m-read",
7
7
  "unread": "pf-m-unread",
8
- "attention": "pf-m-attention"
8
+ "attention": "pf-m-attention",
9
+ "expanded": "pf-m-expanded"
9
10
  },
10
11
  "notificationBadge": "pf-c-notification-badge",
11
12
  "notificationBadgeCount": "pf-c-notification-badge__count",
package/css/components/Page/page.css CHANGED
@@ -273,6 +273,7 @@
273
273
  .pf-c-page.pf-m-full-height {
274
274
  height: 100vh;
275
275
  height: 100dvh;
276
+ max-height: 100%;
276
277
  }
277
278
 
278
279
  .pf-c-page__header,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "4.85.8",
3
+ "version": "4.86.2",
4
4
  "main": "dist/js/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/esm/index.d.ts",
@@ -19,7 +19,7 @@
19
19
  "clean": "rimraf dist css"
20
20
  },
21
21
  "devDependencies": {
22
- "@patternfly/patternfly": "4.210.2",
22
+ "@patternfly/patternfly": "4.211.0",
23
23
  "camel-case": "^3.0.0",
24
24
  "css": "^2.2.3",
25
25
  "fs-extra": "^6.0.1",
@@ -29,5 +29,5 @@
29
29
  "typescript": "^4.7.4"
30
30
  },
31
31
  "license": "MIT",
32
- "gitHead": "6c9b5c5d59f891999837cd42cf974865548e6b7a"
32
+ "gitHead": "de201ab6c9fa8d24e516025f984b0b86666f484d"
33
33
  }