@patternfly/patternfly 4.223.1 → 4.224.0

package/components/Content/content.css

@@ -127,6 +127,12 @@
 .pf-c-content ul {
   margin: 0;
 }
+.pf-c-content ol.pf-m-plain,
+.pf-c-content ul.pf-m-plain {
+  padding-left: 0;
+  margin-left: 0;
+  list-style: none;
+}
 .pf-c-content h1 {
   margin-top: var(--pf-c-content--h1--MarginTop);
   margin-bottom: var(--pf-c-content--h1--MarginBottom);

package/components/Content/content.scss

@@ -159,6 +159,14 @@
   ol,
   ul {
     margin: 0;
+
+    // stylelint-disable selector-no-qualifying-type
+    &.pf-m-plain {
+      padding-left: 0;
+      margin-left: 0;
+      list-style: none;
+    }
+    // stylelint-enable
   }
 
   h1 {

package/components/Tabs/tabs.css

@@ -117,7 +117,6 @@
   --pf-c-tabs__item-action--last-child--c-button--PaddingRight: var(--pf-global--spacer--md);
   --pf-c-tabs__item-action--c-button--OutlineOffset: -0.1875rem;
   --pf-c-tabs__item-action-icon--MarginTop: 0.125rem;
-  --pf-c-tabs__item-action--m-help--c-button--PaddingLeft: var(--pf-global--spacer--xs);
   --pf-c-tabs__add--before--BorderColor: var(--pf-c-tabs__link--before--border-color--base);
   --pf-c-tabs__add--before--BorderLeftWidth: var(--pf-c-tabs__link--before--border-width--base);
   --pf-c-tabs__add--c-button--FontSize: var(--pf-global--FontSize--sm);
@@ -622,9 +621,6 @@
   --pf-c-button--PaddingLeft: var(--pf-c-tabs__item-action--c-button--PaddingLeft);
   outline-offset: var(--pf-c-tabs__item-action--c-button--OutlineOffset);
 }
-.pf-c-tabs__item-action.pf-m-help {
-  --pf-c-tabs__item-action--c-button--PaddingLeft: var(--pf-c-tabs__item-action--m-help--c-button--PaddingLeft);
-}
 .pf-c-tabs__item-action:last-child {
   --pf-c-tabs__item-action--c-button--PaddingRight: var(--pf-c-tabs__item-action--last-child--c-button--PaddingRight);
 }

package/components/Tabs/tabs.scss

@@ -149,9 +149,6 @@ $pf-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl");
   --pf-c-tabs__item-action--c-button--OutlineOffset: #{pf-size-prem(-3px)};
   --pf-c-tabs__item-action-icon--MarginTop: #{pf-size-prem(2px)};
 
-  // Item help
-  --pf-c-tabs__item-action--m-help--c-button--PaddingLeft: var(--pf-global--spacer--xs);
-
   // Add button
   --pf-c-tabs__add--before--BorderColor: var(--pf-c-tabs__link--before--border-color--base);
   --pf-c-tabs__add--before--BorderLeftWidth: var(--pf-c-tabs__link--before--border-width--base);
@@ -722,10 +719,6 @@ $pf-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl");
     outline-offset: var(--pf-c-tabs__item-action--c-button--OutlineOffset);
   }
 
-  &.pf-m-help {
-    --pf-c-tabs__item-action--c-button--PaddingLeft: var(--pf-c-tabs__item-action--m-help--c-button--PaddingLeft);
-  }
-
   &:last-child {
     --pf-c-tabs__item-action--c-button--PaddingRight: var(--pf-c-tabs__item-action--last-child--c-button--PaddingRight);
   }

package/docs/components/Content/examples/Content.md

@@ -75,6 +75,33 @@ cssPrefix: pf-c-content
     <em>justo sodales</em> elementum. Maecenas ultrices lacus quis neque consectetur, et lobortis nisi molestie.
   </p>
   <hr />
+  <h3>Plain list example</h3>
+  <ol class="pf-m-plain">
+    <li>Donec blandit a lorem id convallis.</li>
+    <li>Cras gravida arcu at diam gravida gravida.</li>
+    <li>Integer in volutpat libero.</li>
+    <li>Donec a diam tellus.</li>
+    <li>
+      Etiam auctor nisl et.
+      <ul>
+        <li>Regular list</li>
+        <li>Donec blandit a lorem id convallis.</li>
+        <li>Cras gravida arcu at diam gravida gravida.</li>
+        <li>
+          Integer in volutpat libero.
+          <ol class="pf-m-plain">
+            <li>Nested plain list</li>
+            <li>Donec blandit a lorem id convallis.</li>
+            <li>Cras gravida arcu at diam gravida gravida.</li>
+          </ol>
+        </li>
+      </ul>
+    </li>
+    <li>Aenean nec tortor orci.</li>
+    <li>Quisque aliquam cursus urna, non bibendum massa viverra eget.</li>
+    <li>Vivamus maximus ultricies pulvinar.</li>
+  </ol>
+  <hr />
   <h3>Visited link example</h3>
   <p>
     <a class="pf-m-visited" href>Visited link</a>
@@ -152,3 +179,4 @@ This component is an exception to the variable system since we style type select
 | --------------- | ------------------------------------ | ------------------------------------------------------------------------------------------------------------------------- |
 | `.pf-c-content` | `<div>`, `<section>`, or `<article>` | Generates vertical rhythm and typographic treatment to html elements.                                                     |
 | `.pf-m-visited` | `.pf-c-content`, `<a>`               | Modifies all links in a content block to include visited styles. Can also be applied to a single link in a content block. |
+| `.pf-m-plain`   | `<ul>`, `<ol>`                       | Removes the list marker and indentation.                                                                                  |