@patternfly/patternfly 4.215.0 → 4.216.0

package/RELEASE-NOTES.md

@@ -3,6 +3,28 @@ id: Release notes
 section: developer-resources
 releaseNoteTOC: true
 ---
+## 2022.12 release notes (2022-09-14)
+Packages released:
+- [@patternfly/patternfly@v4.215.1](https://www.npmjs.com/package/@patternfly/patternfly/v/4.215.1)
+
+### Components
+- **Banner:** Added support/docs for status icons and text ([#5075](https://github.com/patternfly/patternfly/pull/5075))
+- **Card:** Updated card title to use RHD font ([#5069](https://github.com/patternfly/patternfly/pull/5069))
+- **Form control:** Added plain read only variant ([#5059](https://github.com/patternfly/patternfly/pull/5059))
+- **Icon:** Added icon component ([#5014](https://github.com/patternfly/patternfly/pull/5014))
+- **Log viewer:** Added support for custom line number col size ([#5068](https://github.com/patternfly/patternfly/pull/5068))
+- **Notification badge:** Added expanded state ([#5048](https://github.com/patternfly/patternfly/pull/5048))
+- **Page:** Set max-height on full height variation ([#5066](https://github.com/patternfly/patternfly/pull/5066))
+- **Progress stepper:** Fixed width and long word wrapping ([#5077](https://github.com/patternfly/patternfly/pull/5077))
+- **Tabs:** Fixed button type for tab link ([#5060](https://github.com/patternfly/patternfly/pull/5060))
+- **Tree view:** Fixed dupe id's between checkbox and selectable examples ([#5061](https://github.com/patternfly/patternfly/pull/5061))
+- **Wizard:** Small docs fixes in wizard demos ([#5078](https://github.com/patternfly/patternfly/pull/5078))
+
+### Other
+- **A11y:** Update coverage to include docs ([#5064](https://github.com/patternfly/patternfly/pull/5064))
+- **Docs:** Update hbs id params to be specific to component ([#5062](https://github.com/patternfly/patternfly/pull/5062))
+
+
 ## 2022.11 release notes (2022-08-25)
 Packages released:
 - [@patternfly/patternfly@v4.210.2](https://www.npmjs.com/package/@patternfly/patternfly/v/4.210.2)

package/components/Menu/menu.css

@@ -135,6 +135,7 @@
   --pf-c-menu__item--FontWeight: var(--pf-global--FontWeight--normal);
   --pf-c-menu__item--LineHeight: var(--pf-global--LineHeight--md);
   --pf-c-menu__list-item--m-disabled__item--Color: var(--pf-global--disabled-color--100);
+  --pf-c-menu__list-item--m-danger__item--Color: var(--pf-global--danger-color--100);
   --pf-c-menu__list-item--m-load__item--Color: var(--pf-global--link--Color);
   --pf-c-menu__group--Display: block;
   --pf-c-menu__group-title--PaddingTop: var(--pf-global--spacer--md);
@@ -480,6 +481,9 @@
   padding-top: var(--pf-c-menu__list-item--m-loading--PaddingTop);
   overflow: hidden;
 }
+.pf-c-menu__list-item.pf-m-danger {
+  --pf-c-menu__item--Color: var(--pf-c-menu__list-item--m-danger__item--Color, inherit);
+}
 
 .pf-c-menu__item {
   display: flex;

package/components/Menu/menu.scss

@@ -89,6 +89,7 @@
   --pf-c-menu__item--FontWeight: var(--pf-global--FontWeight--normal);
   --pf-c-menu__item--LineHeight: var(--pf-global--LineHeight--md);
   --pf-c-menu__list-item--m-disabled__item--Color: var(--pf-global--disabled-color--100);
+  --pf-c-menu__list-item--m-danger__item--Color: var(--pf-global--danger-color--100);
   --pf-c-menu__list-item--m-load__item--Color: var(--pf-global--link--Color);
 
   // Group
@@ -567,6 +568,10 @@
     padding-top: var(--pf-c-menu__list-item--m-loading--PaddingTop);
     overflow: hidden; // prevents spinner rotation from overflowing
   }
+
+  &.pf-m-danger {
+    --pf-c-menu__item--Color: var(--pf-c-menu__list-item--m-danger__item--Color, inherit);
+  }
 }
 
 // Item

package/docs/components/Menu/examples/Menu.md

@@ -52,6 +52,42 @@ cssPrefix: pf-c-menu
 
 ```
 
+### Danger menu item
+
+```html
+<div class="pf-c-menu">
+  <div class="pf-c-menu__content">
+    <ul class="pf-c-menu__list" role="menu">
+      <li class="pf-c-menu__list-item" role="none">
+        <button class="pf-c-menu__item" type="button" role="menuitem">
+          <span class="pf-c-menu__item-main">
+            <span class="pf-c-menu__item-text">Action 1</span>
+          </span>
+        </button>
+      </li>
+      <li class="pf-c-menu__list-item" role="none">
+        <button class="pf-c-menu__item" type="button" role="menuitem">
+          <span class="pf-c-menu__item-main">
+            <span class="pf-c-menu__item-text">Action 2</span>
+          </span>
+        </button>
+      </li>
+      <li class="pf-c-divider" role="separator"></li>
+      <li class="pf-c-menu__list-item pf-m-danger" role="none">
+        <button class="pf-c-menu__item" type="button" role="menuitem">
+          <span class="pf-c-menu__item-main">
+            <span class="pf-screen-reader">Danger Item:</span>
+
+            <span class="pf-c-menu__item-text">Delete</span>
+          </span>
+        </button>
+      </li>
+    </ul>
+  </div>
+</div>
+
+```
+
 ### With icons
 
 ```html
@@ -6083,6 +6119,7 @@ cssPrefix: pf-c-menu
 | `.pf-m-current-path`                                | `.pf-c-menu.pf-m-drilldown .pf-c-menu__list-item`                 | Modifies the menu list item for current path state.                                                                                                  |
 | `.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.                                                                                                         |
 | `.pf-m-static`                                      | `.pf-c-menu.pf-m-drilldown .pf-c-menu`                            | Modifies the menu list for drilled static state.                                                                                                     |
+| `.pf-m-danger`                                      | `pf-c-menu__item-text`                                            | Modifies a list item for danger styles.                                                                                                              |
 | `--pf-c-menu--Width: {width}`                       | `.pf-c-menu`                                                      | Modifies the width of the menu. The default value is `auto`.                                                                                         |
 | `--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.                              |
 | `--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

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/patternfly",
   "description": "Assets, source, tooling, and content for PatternFly 4",
-  "version": "4.215.0",
+  "version": "4.216.0",
   "keywords": [],
   "license": "MIT",
   "scripts": {
@@ -34,9 +34,9 @@
     "@fortawesome/fontawesome": "^1.1.8",
     "@octokit/rest": "^16.40.1",
     "@patternfly/patternfly-a11y": "4.3.1",
-    "@patternfly/react-charts": "6.88.7",
-    "@patternfly/react-code-editor": "4.76.7",
-    "@patternfly/react-table": "4.104.7",
+    "@patternfly/react-code-editor": "4.80.0",
+    "@patternfly/react-core": "4.239.0",
+    "@patternfly/react-table": "4.108.0",
     "@starptech/prettyhtml": "^0.10.0",
     "babel-eslint": "^8.2.3",
     "cheerio": "^1.0.0-rc.3",
@@ -79,7 +79,7 @@
     "stylelint-scss": "^4.0.0",
     "stylelint-value-no-unknown-custom-properties": "^3.0.0",
     "surge": "^0.21.3",
-    "@patternfly/documentation-framework": "1.1.34",
+    "@patternfly/documentation-framework": "1.2.27",
     "unified": "^9.2.0",
     "webpack": "^4.43.0"
   },

package/patternfly-no-reset.css

@@ -18429,6 +18429,7 @@ ul.pf-c-list {
   --pf-c-menu__item--FontWeight: var(--pf-global--FontWeight--normal);
   --pf-c-menu__item--LineHeight: var(--pf-global--LineHeight--md);
   --pf-c-menu__list-item--m-disabled__item--Color: var(--pf-global--disabled-color--100);
+  --pf-c-menu__list-item--m-danger__item--Color: var(--pf-global--danger-color--100);
   --pf-c-menu__list-item--m-load__item--Color: var(--pf-global--link--Color);
   --pf-c-menu__group--Display: block;
   --pf-c-menu__group-title--PaddingTop: var(--pf-global--spacer--md);
@@ -18774,6 +18775,9 @@ ul.pf-c-list {
   padding-top: var(--pf-c-menu__list-item--m-loading--PaddingTop);
   overflow: hidden;
 }
+.pf-c-menu__list-item.pf-m-danger {
+  --pf-c-menu__item--Color: var(--pf-c-menu__list-item--m-danger__item--Color, inherit);
+}
 
 .pf-c-menu__item {
   display: flex;

package/patternfly.css

@@ -18556,6 +18556,7 @@ ul.pf-c-list {
   --pf-c-menu__item--FontWeight: var(--pf-global--FontWeight--normal);
   --pf-c-menu__item--LineHeight: var(--pf-global--LineHeight--md);
   --pf-c-menu__list-item--m-disabled__item--Color: var(--pf-global--disabled-color--100);
+  --pf-c-menu__list-item--m-danger__item--Color: var(--pf-global--danger-color--100);
   --pf-c-menu__list-item--m-load__item--Color: var(--pf-global--link--Color);
   --pf-c-menu__group--Display: block;
   --pf-c-menu__group-title--PaddingTop: var(--pf-global--spacer--md);
@@ -18901,6 +18902,9 @@ ul.pf-c-list {
   padding-top: var(--pf-c-menu__list-item--m-loading--PaddingTop);
   overflow: hidden;
 }
+.pf-c-menu__list-item.pf-m-danger {
+  --pf-c-menu__item--Color: var(--pf-c-menu__list-item--m-danger__item--Color, inherit);
+}
 
 .pf-c-menu__item {
   display: flex;