@patternfly/patternfly 4.215.1 → 4.216.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 (8) hide show
  1. package/components/Menu/menu.css +4 -0
  2. package/components/Menu/menu.scss +5 -0
  3. package/docs/components/Menu/examples/Menu.md +37 -0
  4. package/package.json +5 -5
  5. package/patternfly-no-reset.css +4 -0
  6. package/patternfly.css +4 -0
  7. package/patternfly.min.css +1 -1
  8. package/patternfly.min.css.map +1 -1
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/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.0",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -34,9 +34,9 @@
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",
@@ -79,7 +79,7 @@
79
79
  "stylelint-scss": "^4.0.0",
80
80
  "stylelint-value-no-unknown-custom-properties": "^3.0.0",
81
81
  "surge": "^0.21.3",
82
- "@patternfly/documentation-framework": "1.1.34",
82
+ "@patternfly/documentation-framework": "1.2.27",
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;
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;