@patternfly/react-styles 4.72.17 → 4.73.0

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 (13) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/css/components/AboutModalBox/about-modal-box.css +3 -0
  3. package/css/components/Banner/banner.css +3 -0
  4. package/css/components/Card/card.css +2 -1
  5. package/css/components/LogViewer/log-viewer.css +3 -0
  6. package/css/components/Login/login.css +4 -0
  7. package/css/components/Masthead/masthead.css +4 -4
  8. package/css/components/Masthead/masthead.d.ts +0 -1
  9. package/css/components/Masthead/masthead.js +0 -1
  10. package/css/components/Masthead/masthead.mjs +0 -1
  11. package/css/components/Page/page.css +5 -0
  12. package/css/components/Wizard/wizard.css +3 -0
  13. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
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.73.0 (2022-06-22)
7
+
8
+
9
+ ### Features
10
+
11
+ * **Table:** add nested sticky header support ([#7595](https://github.com/patternfly/patternfly-react/issues/7595)) ([3888a0b](https://github.com/patternfly/patternfly-react/commit/3888a0bdf5e4e964d2d8d936c5d81f7813d8ec0c))
12
+
13
+
14
+
15
+
16
+
6
17
  ## 4.72.17 (2022-06-22)
7
18
 
8
19
  **Note:** Version bump only for package @patternfly/react-styles
package/css/components/AboutModalBox/about-modal-box.css CHANGED
@@ -271,6 +271,9 @@
271
271
  --pf-global--link--Color--hover: #73bcf7;
272
272
  --pf-global--BackgroundColor--100: #1b1d21;
273
273
  }
274
+ :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-card {
275
+ --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
276
+ }
274
277
  :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button {
275
278
  --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
276
279
  --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
package/css/components/Banner/banner.css CHANGED
@@ -135,6 +135,9 @@
135
135
  --pf-global--link--Color--hover: #73bcf7;
136
136
  --pf-global--BackgroundColor--100: #1b1d21;
137
137
  }
138
+ :where(.pf-theme-dark) .pf-c-banner .pf-c-card {
139
+ --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
140
+ }
138
141
  :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
139
142
  --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
140
143
  --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
package/css/components/Card/card.css CHANGED
@@ -326,7 +326,8 @@
326
326
  font-weight: var(--pf-global--FontWeight--normal);
327
327
  }
328
328
 
329
- :where(.pf-theme-dark) .pf-c-card {
329
+ :where(.pf-theme-dark) .pf-c-card,
330
+ :where(.pf-theme-dark) .pf-c-card.pf-m-non-selectable-raised {
330
331
  --pf-c-card--BoxShadow: var(--pf-global--BoxShadow--md);
331
332
  --pf-c-card--m-hoverable-raised--hover--BoxShadow: var(--pf-global--BoxShadow--lg);
332
333
  --pf-c-card--m-selectable-raised--hover--BoxShadow: var(--pf-global--BoxShadow--lg);
package/css/components/LogViewer/log-viewer.css CHANGED
@@ -209,6 +209,9 @@
209
209
  --pf-global--link--Color--hover: #73bcf7;
210
210
  --pf-global--BackgroundColor--100: #1b1d21;
211
211
  }
212
+ :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-card {
213
+ --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
214
+ }
212
215
  :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button {
213
216
  --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
214
217
  --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
package/css/components/Login/login.css CHANGED
@@ -306,6 +306,10 @@
306
306
  --pf-global--link--Color--hover: #73bcf7;
307
307
  --pf-global--BackgroundColor--100: #1b1d21;
308
308
  }
309
+ :where(.pf-theme-dark) .pf-c-login__header .pf-c-card,
310
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-card {
311
+ --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
312
+ }
309
313
  :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
310
314
  :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button {
311
315
  --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
package/css/components/Masthead/masthead.css CHANGED
@@ -167,13 +167,10 @@
167
167
  }
168
168
  }
169
169
  @media screen and (min-width: 1200px) {
170
- .pf-c-page:where(:not(.pf-m-resize-observer)) .pf-c-masthead {
170
+ .pf-c-masthead {
171
171
  --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
172
172
  }
173
173
  }
174
- .pf-c-page:where(.pf-m-breakpoint-xl) .pf-c-masthead {
175
- --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
176
- }
177
174
  .pf-c-masthead.pf-m-light {
178
175
  color: var(--pf-global--Color--100);
179
176
  --pf-c-masthead--BackgroundColor: var(--pf-c-masthead--m-light--BackgroundColor);
@@ -668,6 +665,9 @@
668
665
  --pf-global--link--Color--hover: #73bcf7;
669
666
  --pf-global--BackgroundColor--100: #1b1d21;
670
667
  }
668
+ :where(.pf-theme-dark) .pf-c-masthead .pf-c-card {
669
+ --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
670
+ }
671
671
  :where(.pf-theme-dark) .pf-c-masthead .pf-c-button {
672
672
  --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
673
673
  --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
package/css/components/Masthead/masthead.d.ts CHANGED
@@ -14,7 +14,6 @@ declare const _default: {
14
14
  "light_200": "pf-m-light-200",
15
15
  "light": "pf-m-light",
16
16
  "resizeObserver": "pf-m-resize-observer",
17
- "breakpointXl": "pf-m-breakpoint-xl",
18
17
  "fullHeight": "pf-m-full-height",
19
18
  "horizontal": "pf-m-horizontal",
20
19
  "displayStack": "pf-m-display-stack",
package/css/components/Masthead/masthead.js CHANGED
@@ -16,7 +16,6 @@ exports.default = {
16
16
  "light_200": "pf-m-light-200",
17
17
  "light": "pf-m-light",
18
18
  "resizeObserver": "pf-m-resize-observer",
19
- "breakpointXl": "pf-m-breakpoint-xl",
20
19
  "fullHeight": "pf-m-full-height",
21
20
  "horizontal": "pf-m-horizontal",
22
21
  "displayStack": "pf-m-display-stack",
package/css/components/Masthead/masthead.mjs CHANGED
@@ -14,7 +14,6 @@ export default {
14
14
  "light_200": "pf-m-light-200",
15
15
  "light": "pf-m-light",
16
16
  "resizeObserver": "pf-m-resize-observer",
17
- "breakpointXl": "pf-m-breakpoint-xl",
18
17
  "fullHeight": "pf-m-full-height",
19
18
  "horizontal": "pf-m-horizontal",
20
19
  "displayStack": "pf-m-display-stack",
package/css/components/Page/page.css CHANGED
@@ -920,6 +920,11 @@
920
920
  --pf-global--link--Color--hover: #73bcf7;
921
921
  --pf-global--BackgroundColor--100: #1b1d21;
922
922
  }
923
+ :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-card,
924
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-card,
925
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-card {
926
+ --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
927
+ }
923
928
  :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
924
929
  :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
925
930
  :where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
package/css/components/Wizard/wizard.css CHANGED
@@ -521,6 +521,9 @@
521
521
  --pf-global--link--Color--hover: #73bcf7;
522
522
  --pf-global--BackgroundColor--100: #1b1d21;
523
523
  }
524
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-card {
525
+ --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
526
+ }
524
527
  :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button {
525
528
  --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
526
529
  --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "4.72.17",
3
+ "version": "4.73.0",
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.201.0",
22
+ "@patternfly/patternfly": "4.201.2",
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.0.0"
30
30
  },
31
31
  "license": "MIT",
32
- "gitHead": "baa354e5d62d7b5b03cf41d5874219ccaf099dbb"
32
+ "gitHead": "d9a07cccab946125e662b145b325eab6525f2211"
33
33
  }