@patternfly/patternfly 4.215.1 → 4.216.1

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 (21) hide show
  1. package/base/_base.scss +3 -3
  2. package/base/_fa-icons.scss +2 -2
  3. package/base/_fonts.scss +1 -1
  4. package/components/DataList/data-list-grid.scss +2 -0
  5. package/components/DataList/data-list.scss +2 -0
  6. package/components/Dropdown/dropdown.scss +2 -0
  7. package/components/FormControl/form-control.scss +2 -0
  8. package/components/InputGroup/input-group.scss +2 -0
  9. package/components/Menu/menu.css +4 -0
  10. package/components/Menu/menu.scss +5 -0
  11. package/components/MenuToggle/menu-toggle.scss +2 -1
  12. package/components/Pagination/pagination.scss +2 -0
  13. package/components/Slider/slider.css +1 -0
  14. package/components/Slider/slider.scss +1 -0
  15. package/components/Wizard/wizard.scss +2 -0
  16. package/docs/components/Menu/examples/Menu.md +37 -0
  17. package/package.json +13 -13
  18. package/patternfly-no-reset.css +5 -0
  19. package/patternfly.css +5 -0
  20. package/patternfly.min.css +1 -1
  21. package/patternfly.min.css.map +1 -1
package/base/_base.scss CHANGED
@@ -2,9 +2,9 @@
2
2
 
3
3
  // remove in breaking change
4
4
  @if $pf-global--load-pf-3 {
5
- @import url("https://fonts.googleapis.com/css?family=Open+Sans");
6
- @import url("https://cdnjs.cloudflare.com/ajax/libs/patternfly/3.37.10/css/patternfly.min.css");
7
- @import url("https://cdnjs.cloudflare.com/ajax/libs/patternfly/3.37.10/css/patternfly-additions.min.css");
5
+ @import "https://fonts.googleapis.com/css?family=Open+Sans";
6
+ @import "https://cdnjs.cloudflare.com/ajax/libs/patternfly/3.37.10/css/patternfly.min.css";
7
+ @import "https://cdnjs.cloudflare.com/ajax/libs/patternfly/3.37.10/css/patternfly-additions.min.css";
8
8
  }
9
9
 
10
10
  // remove pf3 shield styles in breaking change
package/base/_fa-icons.scss CHANGED
@@ -6,8 +6,8 @@
6
6
  @if not($pf-global--disable-fontawesome) {
7
7
  @if $pf-global--enable-fontawesome-cdn {
8
8
  // stylelint-disable no-invalid-position-at-import-rule
9
- @import url("https://use.fontawesome.com/releases/v5.7.2/css/solid.css");
10
- @import url("https://use.fontawesome.com/releases/v5.7.2/css/fontawesome.css");
9
+ @import "https://use.fontawesome.com/releases/v5.7.2/css/solid.css";
10
+ @import "https://use.fontawesome.com/releases/v5.7.2/css/fontawesome.css";
11
11
  // stylelint-enable no-invalid-position-at-import-rule
12
12
  } @else {
13
13
  @font-face {
package/base/_fonts.scss CHANGED
@@ -156,7 +156,7 @@
156
156
  // remove in breaking change
157
157
  @if $pf-global--enable-font-overpass-cdn {
158
158
  // stylelint-disable no-invalid-position-at-import-rule
159
- @import url("https://fonts.googleapis.com/css?family=Overpass|Overpass+Mono");
159
+ @import "https://fonts.googleapis.com/css?family=Overpass|Overpass+Mono";
160
160
  // stylelint-enable no-invalid-position-at-import-rule
161
161
  } @else {
162
162
  @font-face {
package/components/DataList/data-list-grid.scss CHANGED
@@ -47,6 +47,8 @@
47
47
  }
48
48
 
49
49
  .pf-c-data-list__cell {
50
+ // stylelint-disable selector-not-notation
51
+ // update to single :not() in breaking change
50
52
  &:not(:last-child):not(.pf-m-icon) {
51
53
  margin-right: var(--pf-c-data-list__cell--MarginRight);
52
54
  }
package/components/DataList/data-list.scss CHANGED
@@ -256,6 +256,8 @@
256
256
  position: relative;
257
257
  z-index: var(--pf-c-data-list__item--m-selectable--hover--ZIndex);
258
258
 
259
+ // stylelint-disable selector-not-notation
260
+ // update to single :not() in breaking change
259
261
  &:not(.pf-m-selected):not(:last-child) {
260
262
  --pf-c-data-list__item--BorderBottomWidth: 0;
261
263
 
package/components/Dropdown/dropdown.scss CHANGED
@@ -391,6 +391,8 @@ $pf-c-dropdown--breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg", "
391
391
  }
392
392
  }
393
393
 
394
+ // stylelint-disable selector-not-notation
395
+ // update to single :not() in breaking change
394
396
  &:not(.pf-m-action):not(.pf-m-secondary):hover,
395
397
  &.pf-m-action .pf-c-dropdown__toggle-button:hover {
396
398
  &::before {
package/components/FormControl/form-control.scss CHANGED
@@ -234,6 +234,8 @@ $pf-c-form-control--m-clock--Coordinates: "M256 8C119 8 8 119 8 256s111 248 248
234
234
  &[readonly] {
235
235
  background-color: var(--pf-c-form-control--readonly--BackgroundColor);
236
236
 
237
+ // stylelint-disable selector-not-notation
238
+ // update to single :not() in breaking change
237
239
  &:not(.pf-m-success):not([aria-invalid="true"]) {
238
240
  &:hover {
239
241
  --pf-c-form-control--BorderBottomColor: var(--pf-c-form-control--readonly--hover--BorderBottomColor);
package/components/InputGroup/input-group.scss CHANGED
@@ -50,6 +50,8 @@
50
50
  }
51
51
  }
52
52
 
53
+ // stylelint-disable selector-not-notation
54
+ // update to single :not() in breaking change
53
55
  input:not([type="checkbox"]):not([type="radio"]),
54
56
  textarea {
55
57
  flex: 2;
package/components/Menu/menu.css CHANGED
@@ -135,6 +135,7 @@
135
135
  --pf-c-menu__item--FontWeight: var(--pf-global--FontWeight--normal);
136
136
  --pf-c-menu__item--LineHeight: var(--pf-global--LineHeight--md);
137
137
  --pf-c-menu__list-item--m-disabled__item--Color: var(--pf-global--disabled-color--100);
138
+ --pf-c-menu__list-item--m-danger__item--Color: var(--pf-global--danger-color--100);
138
139
  --pf-c-menu__list-item--m-load__item--Color: var(--pf-global--link--Color);
139
140
  --pf-c-menu__group--Display: block;
140
141
  --pf-c-menu__group-title--PaddingTop: var(--pf-global--spacer--md);
@@ -480,6 +481,9 @@
480
481
  padding-top: var(--pf-c-menu__list-item--m-loading--PaddingTop);
481
482
  overflow: hidden;
482
483
  }
484
+ .pf-c-menu__list-item.pf-m-danger {
485
+ --pf-c-menu__item--Color: var(--pf-c-menu__list-item--m-danger__item--Color, inherit);
486
+ }
483
487
 
484
488
  .pf-c-menu__item {
485
489
  display: flex;
package/components/Menu/menu.scss CHANGED
@@ -89,6 +89,7 @@
89
89
  --pf-c-menu__item--FontWeight: var(--pf-global--FontWeight--normal);
90
90
  --pf-c-menu__item--LineHeight: var(--pf-global--LineHeight--md);
91
91
  --pf-c-menu__list-item--m-disabled__item--Color: var(--pf-global--disabled-color--100);
92
+ --pf-c-menu__list-item--m-danger__item--Color: var(--pf-global--danger-color--100);
92
93
  --pf-c-menu__list-item--m-load__item--Color: var(--pf-global--link--Color);
93
94
 
94
95
  // Group
@@ -567,6 +568,10 @@
567
568
  padding-top: var(--pf-c-menu__list-item--m-loading--PaddingTop);
568
569
  overflow: hidden; // prevents spinner rotation from overflowing
569
570
  }
571
+
572
+ &.pf-m-danger {
573
+ --pf-c-menu__item--Color: var(--pf-c-menu__list-item--m-danger__item--Color, inherit);
574
+ }
570
575
  }
571
576
 
572
577
  // Item
package/components/MenuToggle/menu-toggle.scss CHANGED
@@ -403,7 +403,8 @@
403
403
  --pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor);
404
404
  --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: 0;
405
405
 
406
- // stylelint-disable max-nesting-depth, selector-max-class
406
+ // stylelint-disable max-nesting-depth, selector-max-class, selector-not-notation
407
+ // update to single :not() in breaking change
407
408
  > :where(:not(.pf-m-disabled):not([disabled])) {
408
409
  background-color: var(--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor);
409
410
 
package/components/Pagination/pagination.scss CHANGED
@@ -105,6 +105,8 @@ $pf-c-pagination--breakpoint-map: build-breakpoint-map();
105
105
  align-items: center;
106
106
  justify-content: flex-end;
107
107
 
108
+ // stylelint-disable selector-not-notation
109
+ // update to single :not() in breaking change
108
110
  > *:not(:last-child):not(.pf-c-pagination__total-items) {
109
111
  margin-right: var(--pf-c-pagination--child--MarginRight);
110
112
  }
package/components/Slider/slider.css CHANGED
@@ -134,6 +134,7 @@
134
134
  .pf-c-slider__step-label {
135
135
  position: absolute;
136
136
  top: var(--pf-c-slider__step-label--Top);
137
+ word-break: normal;
137
138
  transform: translateX(var(--pf-c-slider__step-label--TranslateX));
138
139
  }
139
140
 
package/components/Slider/slider.scss CHANGED
@@ -165,6 +165,7 @@
165
165
  .pf-c-slider__step-label {
166
166
  position: absolute;
167
167
  top: var(--pf-c-slider__step-label--Top);
168
+ word-break: normal;
168
169
  transform: translateX(var(--pf-c-slider__step-label--TranslateX));
169
170
  }
170
171
 
package/components/Wizard/wizard.scss CHANGED
@@ -210,6 +210,8 @@
210
210
  min-height: 0;
211
211
  }
212
212
 
213
+ // stylelint-disable selector-not-notation
214
+ // update to single :not() in breaking change
213
215
  > :not(.pf-c-wizard__outer-wrap):not(.pf-c-drawer) {
214
216
  flex-shrink: 0;
215
217
  }
package/docs/components/Menu/examples/Menu.md CHANGED
@@ -52,6 +52,42 @@ cssPrefix: pf-c-menu
52
52
 
53
53
  ```
54
54
 
55
+ ### Danger menu item
56
+
57
+ ```html
58
+ <div class="pf-c-menu">
59
+ <div class="pf-c-menu__content">
60
+ <ul class="pf-c-menu__list" role="menu">
61
+ <li class="pf-c-menu__list-item" role="none">
62
+ <button class="pf-c-menu__item" type="button" role="menuitem">
63
+ <span class="pf-c-menu__item-main">
64
+ <span class="pf-c-menu__item-text">Action 1</span>
65
+ </span>
66
+ </button>
67
+ </li>
68
+ <li class="pf-c-menu__list-item" role="none">
69
+ <button class="pf-c-menu__item" type="button" role="menuitem">
70
+ <span class="pf-c-menu__item-main">
71
+ <span class="pf-c-menu__item-text">Action 2</span>
72
+ </span>
73
+ </button>
74
+ </li>
75
+ <li class="pf-c-divider" role="separator"></li>
76
+ <li class="pf-c-menu__list-item pf-m-danger" role="none">
77
+ <button class="pf-c-menu__item" type="button" role="menuitem">
78
+ <span class="pf-c-menu__item-main">
79
+ <span class="pf-screen-reader">Danger Item:</span>
80
+
81
+ <span class="pf-c-menu__item-text">Delete</span>
82
+ </span>
83
+ </button>
84
+ </li>
85
+ </ul>
86
+ </div>
87
+ </div>
88
+
89
+ ```
90
+
55
91
  ### With icons
56
92
 
57
93
  ```html
@@ -6083,6 +6119,7 @@ cssPrefix: pf-c-menu
6083
6119
  | `.pf-m-current-path` | `.pf-c-menu.pf-m-drilldown .pf-c-menu__list-item` | Modifies the menu list item for current path state. |
6084
6120
  | `.pf-m-drilled-in` | `.pf-c-menu.pf-m-drilldown, .pf-c-menu.pf-m-drilldown .pf-c-menu` | Modifies the menu list for drilled in state. |
6085
6121
  | `.pf-m-static` | `.pf-c-menu.pf-m-drilldown .pf-c-menu` | Modifies the menu list for drilled static state. |
6122
+ | `.pf-m-danger` | `pf-c-menu__item-text` | Modifies a list item for danger styles. |
6086
6123
  | `--pf-c-menu--Width: {width}` | `.pf-c-menu` | Modifies the width of the menu. The default value is `auto`. |
6087
6124
  | `--pf-c-menu__content--MaxHeight: {height}` | `.pf-c-menu__content` | Modifies the height of the menu content. Update this value when header and/or footer elements are intended to be fixed. |
6088
6125
  | `--pf-c-menu__content--Height: {height}` | `.pf-c-menu` | Modifies the height of the drilldown menu content. The default value is `auto`. |
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "4.215.1",
4
+ "version": "4.216.1",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -29,14 +29,14 @@
29
29
  "workflows": "node .github/generate-workflows"
30
30
  },
31
31
  "devDependencies": {
32
- "@commitlint/cli": "^13.1.0",
33
- "@commitlint/config-conventional": "^13.1.0",
32
+ "@commitlint/cli": "^17.1.2",
33
+ "@commitlint/config-conventional": "^17.1.0",
34
34
  "@fortawesome/fontawesome": "^1.1.8",
35
35
  "@octokit/rest": "^16.40.1",
36
36
  "@patternfly/patternfly-a11y": "4.3.1",
37
- "@patternfly/react-charts": "6.88.7",
38
- "@patternfly/react-code-editor": "4.76.7",
39
- "@patternfly/react-table": "4.104.7",
37
+ "@patternfly/react-code-editor": "4.80.0",
38
+ "@patternfly/react-core": "4.239.0",
39
+ "@patternfly/react-table": "4.108.0",
40
40
  "@starptech/prettyhtml": "^0.10.0",
41
41
  "babel-eslint": "^8.2.3",
42
42
  "cheerio": "^1.0.0-rc.3",
@@ -64,7 +64,7 @@
64
64
  "postcss": "^8.3.11",
65
65
  "postcss-css-variables": "^0.13.0",
66
66
  "postcss-preset-env": "^6.7.0",
67
- "prettier": "^1.12.1",
67
+ "prettier": "^2.7.1",
68
68
  "react": "^17.0.0",
69
69
  "react-dom": "^17.0.0",
70
70
  "remark-parse": "^8.0.3",
@@ -72,14 +72,14 @@
72
72
  "rimraf": "*",
73
73
  "sass": "^1.34.0",
74
74
  "sass-graph": "^3.0.4",
75
- "stylelint": "^14.1.0",
76
- "stylelint-config-recommended-scss": "^5.0.2",
77
- "stylelint-config-standard": "^24.0.0",
75
+ "stylelint": "^14.12.1",
76
+ "stylelint-config-recommended-scss": "^7.0.0",
77
+ "stylelint-config-standard": "^28.0.0",
78
78
  "stylelint-order": "^5.0.0",
79
- "stylelint-scss": "^4.0.0",
80
- "stylelint-value-no-unknown-custom-properties": "^3.0.0",
79
+ "stylelint-scss": "^4.3.0",
80
+ "stylelint-value-no-unknown-custom-properties": "^4.0.0",
81
81
  "surge": "^0.21.3",
82
- "@patternfly/documentation-framework": "1.1.34",
82
+ "@patternfly/documentation-framework": "1.2.31",
83
83
  "unified": "^9.2.0",
84
84
  "webpack": "^4.43.0"
85
85
  },
package/patternfly-no-reset.css CHANGED
@@ -18429,6 +18429,7 @@ ul.pf-c-list {
18429
18429
  --pf-c-menu__item--FontWeight: var(--pf-global--FontWeight--normal);
18430
18430
  --pf-c-menu__item--LineHeight: var(--pf-global--LineHeight--md);
18431
18431
  --pf-c-menu__list-item--m-disabled__item--Color: var(--pf-global--disabled-color--100);
18432
+ --pf-c-menu__list-item--m-danger__item--Color: var(--pf-global--danger-color--100);
18432
18433
  --pf-c-menu__list-item--m-load__item--Color: var(--pf-global--link--Color);
18433
18434
  --pf-c-menu__group--Display: block;
18434
18435
  --pf-c-menu__group-title--PaddingTop: var(--pf-global--spacer--md);
@@ -18774,6 +18775,9 @@ ul.pf-c-list {
18774
18775
  padding-top: var(--pf-c-menu__list-item--m-loading--PaddingTop);
18775
18776
  overflow: hidden;
18776
18777
  }
18778
+ .pf-c-menu__list-item.pf-m-danger {
18779
+ --pf-c-menu__item--Color: var(--pf-c-menu__list-item--m-danger__item--Color, inherit);
18780
+ }
18777
18781
 
18778
18782
  .pf-c-menu__item {
18779
18783
  display: flex;
@@ -25710,6 +25714,7 @@ label.pf-c-radio, .pf-c-radio__label,
25710
25714
  .pf-c-slider__step-label {
25711
25715
  position: absolute;
25712
25716
  top: var(--pf-c-slider__step-label--Top);
25717
+ word-break: normal;
25713
25718
  transform: translateX(var(--pf-c-slider__step-label--TranslateX));
25714
25719
  }
25715
25720
 
package/patternfly.css CHANGED
@@ -18556,6 +18556,7 @@ ul.pf-c-list {
18556
18556
  --pf-c-menu__item--FontWeight: var(--pf-global--FontWeight--normal);
18557
18557
  --pf-c-menu__item--LineHeight: var(--pf-global--LineHeight--md);
18558
18558
  --pf-c-menu__list-item--m-disabled__item--Color: var(--pf-global--disabled-color--100);
18559
+ --pf-c-menu__list-item--m-danger__item--Color: var(--pf-global--danger-color--100);
18559
18560
  --pf-c-menu__list-item--m-load__item--Color: var(--pf-global--link--Color);
18560
18561
  --pf-c-menu__group--Display: block;
18561
18562
  --pf-c-menu__group-title--PaddingTop: var(--pf-global--spacer--md);
@@ -18901,6 +18902,9 @@ ul.pf-c-list {
18901
18902
  padding-top: var(--pf-c-menu__list-item--m-loading--PaddingTop);
18902
18903
  overflow: hidden;
18903
18904
  }
18905
+ .pf-c-menu__list-item.pf-m-danger {
18906
+ --pf-c-menu__item--Color: var(--pf-c-menu__list-item--m-danger__item--Color, inherit);
18907
+ }
18904
18908
 
18905
18909
  .pf-c-menu__item {
18906
18910
  display: flex;
@@ -25837,6 +25841,7 @@ label.pf-c-radio, .pf-c-radio__label,
25837
25841
  .pf-c-slider__step-label {
25838
25842
  position: absolute;
25839
25843
  top: var(--pf-c-slider__step-label--Top);
25844
+ word-break: normal;
25840
25845
  transform: translateX(var(--pf-c-slider__step-label--TranslateX));
25841
25846
  }
25842
25847