@patternfly/patternfly 4.182.2 → 4.183.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 (13) hide show
  1. package/RELEASE-NOTES.md +5 -3
  2. package/assets/images/img_pie-chart-with-legend.png +0 -0
  3. package/components/FormControl/form-control.css +2 -2
  4. package/components/FormControl/form-control.scss +3 -3
  5. package/components/MenuToggle/menu-toggle.css +1 -1
  6. package/components/MenuToggle/menu-toggle.scss +1 -1
  7. package/docs/components/FormControl/examples/FormControl.md +2 -2
  8. package/docs/demos/Dashboard/examples/Dashboard.md +2260 -0
  9. package/package.json +1 -1
  10. package/patternfly-no-reset.css +3 -3
  11. package/patternfly.css +3 -3
  12. package/patternfly.min.css +1 -1
  13. package/patternfly.min.css.map +1 -1
package/RELEASE-NOTES.md CHANGED
@@ -3,10 +3,9 @@ id: Release notes
3
3
  section: developer-resources
4
4
  releaseNoteTOC: true
5
5
  ---
6
-
7
6
  ## 2022.03 release notes (2022-03-08)
8
7
  Packages released:
9
- - [@patternfly/patternfly@v4.182.2](https://www.npmjs.com/package/@patternfly/patternfly/v/4.182.2)
8
+ - [@patternfly/patternfly@v4.183.1](https://www.npmjs.com/package/@patternfly/patternfly/v/4.183.1)
10
9
 
11
10
  ### Components
12
11
  - **Description list:** Added description list demo ([#4715](https://github.com/patternfly/patternfly/pull/4715))
@@ -21,6 +20,7 @@ Packages released:
21
20
  - **Menu toggle:**
22
21
  - Fixed plain menu toggle state ([#4710](https://github.com/patternfly/patternfly/pull/4710))
23
22
  - Added split button ([#4713](https://github.com/patternfly/patternfly/pull/4713))
23
+ - Fixed self referencing var ([#4727](https://github.com/patternfly/patternfly/pull/4727))
24
24
  - **Page:** Updated wording in centered examples ([#4698](https://github.com/patternfly/patternfly/pull/4698))
25
25
  - **Select:** Fixed active focus states bottom border ([#4702](https://github.com/patternfly/patternfly/pull/4702))
26
26
  - **Spinner:** Renamed examples so SVG is default, non-SVG is legacy ([#4697](https://github.com/patternfly/patternfly/pull/4697))
@@ -31,7 +31,9 @@ Packages released:
31
31
  - **Wizard:** Updated docs/hbs for description to allow div ([#4708](https://github.com/patternfly/patternfly/pull/4708))
32
32
 
33
33
  ### Other
34
- - **Demos:** Used search inputs in demos ([#4691](https://github.com/patternfly/patternfly/pull/4691))
34
+ - **Demos:**
35
+ - Used search inputs in demos ([#4691](https://github.com/patternfly/patternfly/pull/4691))
36
+ - Added dashboard demo ([#4721](https://github.com/patternfly/patternfly/pull/4721))
35
37
 
36
38
 
37
39
  ## 2022.02 release notes (2022-02-17)
package/components/FormControl/form-control.css CHANGED
@@ -120,7 +120,7 @@
120
120
  --pf-c-form-control--textarea--invalid--BackgroundPositionY: var(--pf-c-form-control--PaddingLeft);
121
121
  --pf-c-form-control--m-icon-sprite--success--BackgroundUrl: url("../../assets/images/status-icon-sprite.svg#success");
122
122
  --pf-c-form-control--m-icon-sprite--m-warning--BackgroundUrl: url("../../assets/images/status-icon-sprite.svg#warning");
123
- --pf-c-form-control--m-icon-sprite--m-invalid--BackgroundUrl: url("../../assets/images/status-icon-sprite.svg#invalid");
123
+ --pf-c-form-control--m-icon-sprite--invalid--BackgroundUrl: url("../../assets/images/status-icon-sprite.svg#invalid");
124
124
  --pf-c-form-control--m-icon-sprite__select--BackgroundUrl: url("../../assets/images/status-icon-sprite.svg#select");
125
125
  --pf-c-form-control--m-icon-sprite--m-search--BackgroundUrl: url("../../assets/images/status-icon-sprite.svg#search");
126
126
  --pf-c-form-control--m-icon-sprite--m-calendar--BackgroundUrl: url("../../assets/images/status-icon-sprite.svg#calendar");
@@ -246,7 +246,7 @@
246
246
  .pf-c-form-control.pf-m-icon-sprite {
247
247
  --pf-c-form-control--success--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--success--BackgroundUrl);
248
248
  --pf-c-form-control--m-warning--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-warning--BackgroundUrl);
249
- --pf-c-form-control--m-invalid--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-invalid--BackgroundUrl);
249
+ --pf-c-form-control--invalid--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--invalid--BackgroundUrl);
250
250
  --pf-c-form-control__select--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite__select--BackgroundUrl);
251
251
  --pf-c-form-control--m-search--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-search--BackgroundUrl);
252
252
  --pf-c-form-control--m-calendar--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-calendar--BackgroundUrl);
package/components/FormControl/form-control.scss CHANGED
@@ -101,7 +101,7 @@ $pf-c-form-control--m-clock--Coordinates: "M256 8C119 8 8 119 8 256s111 248 248
101
101
  --pf-c-form-control--m-warning--BackgroundSize: var(--pf-c-form-control--m-warning--BackgroundSizeX) var(--pf-c-form-control--m-warning--BackgroundSizeY);
102
102
  --pf-c-form-control--m-warning--BackgroundUrl: #{pf-bg-svg($pf-c-form-control--m-warning--Coordinates, $svg-color: $pf-c-form-control--m-warning--Color)};
103
103
 
104
- // Input m-invalid
104
+ // Input invalid
105
105
  --pf-c-form-control--invalid--BorderBottomWidth: var(--pf-global--BorderWidth--md);
106
106
  --pf-c-form-control--invalid--PaddingBottom: calc(var(--pf-global--spacer--form-element) - var(--pf-c-form-control--invalid--BorderBottomWidth));
107
107
  --pf-c-form-control--invalid--BorderBottomColor: var(--pf-global--danger-color--100);
@@ -186,7 +186,7 @@ $pf-c-form-control--m-clock--Coordinates: "M256 8C119 8 8 119 8 256s111 248 248
186
186
  // Icon sprite
187
187
  --pf-c-form-control--m-icon-sprite--success--BackgroundUrl: url("#{$pf-global--image-path}/status-icon-sprite.svg#success");
188
188
  --pf-c-form-control--m-icon-sprite--m-warning--BackgroundUrl: url("#{$pf-global--image-path}/status-icon-sprite.svg#warning");
189
- --pf-c-form-control--m-icon-sprite--m-invalid--BackgroundUrl: url("#{$pf-global--image-path}/status-icon-sprite.svg#invalid");
189
+ --pf-c-form-control--m-icon-sprite--invalid--BackgroundUrl: url("#{$pf-global--image-path}/status-icon-sprite.svg#invalid");
190
190
  --pf-c-form-control--m-icon-sprite__select--BackgroundUrl: url("#{$pf-global--image-path}/status-icon-sprite.svg#select");
191
191
  --pf-c-form-control--m-icon-sprite--m-search--BackgroundUrl: url("#{$pf-global--image-path}/status-icon-sprite.svg#search");
192
192
  --pf-c-form-control--m-icon-sprite--m-calendar--BackgroundUrl: url("#{$pf-global--image-path}/status-icon-sprite.svg#calendar");
@@ -352,7 +352,7 @@ $pf-c-form-control--m-clock--Coordinates: "M256 8C119 8 8 119 8 256s111 248 248
352
352
  &.pf-m-icon-sprite {
353
353
  --pf-c-form-control--success--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--success--BackgroundUrl);
354
354
  --pf-c-form-control--m-warning--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-warning--BackgroundUrl);
355
- --pf-c-form-control--m-invalid--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-invalid--BackgroundUrl);
355
+ --pf-c-form-control--invalid--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--invalid--BackgroundUrl);
356
356
  --pf-c-form-control__select--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite__select--BackgroundUrl);
357
357
  --pf-c-form-control--m-search--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-search--BackgroundUrl);
358
358
  --pf-c-form-control--m-calendar--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-calendar--BackgroundUrl);
package/components/MenuToggle/menu-toggle.css CHANGED
@@ -253,7 +253,7 @@
253
253
  .pf-c-menu-toggle.pf-m-split-button > .pf-c-check {
254
254
  --pf-c-menu-toggle--PaddingRight: 0;
255
255
  --pf-c-check__input--MarginTop: 0;
256
- --pf-c-check__label--Color: var(--pf-c-check__label--Color, inherit);
256
+ --pf-c-check__label--Color: currentColor;
257
257
  align-items: center;
258
258
  align-self: stretch;
259
259
  }
package/components/MenuToggle/menu-toggle.scss CHANGED
@@ -337,7 +337,7 @@
337
337
  > .pf-c-check {
338
338
  --pf-c-menu-toggle--PaddingRight: 0;
339
339
  --pf-c-check__input--MarginTop: 0;
340
- --pf-c-check__label--Color: var(--pf-c-check__label--Color, inherit);
340
+ --pf-c-check__label--Color: currentColor;
341
341
 
342
342
  align-items: center;
343
343
  align-self: stretch;
package/docs/components/FormControl/examples/FormControl.md CHANGED
@@ -382,7 +382,7 @@ cssPrefix: pf-c-form-control
382
382
  <br />
383
383
  <br />
384
384
  <select
385
- class="pf-c-form-control"
385
+ class="pf-c-form-control pf-m-icon-sprite"
386
386
  required
387
387
  aria-invalid="true"
388
388
  id="select-group-error"
@@ -420,7 +420,7 @@ cssPrefix: pf-c-form-control
420
420
  <br />
421
421
  <br />
422
422
  <textarea
423
- class="pf-c-form-control"
423
+ class="pf-c-form-control pf-m-icon-sprite"
424
424
  required
425
425
  name="textarea-error"
426
426
  id="textarea-error"