@patternfly/patternfly 4.192.3 → 4.192.6

package/components/Menu/menu.css

@@ -231,6 +231,9 @@
   --pf-c-menu--m-nav--c-menu--m-top--Bottom: calc(0 + var(--pf-c-menu--m-nav--c-menu--m-top--bottom-offset));
   --pf-c-menu--m-nav__list-item--first-child--c-menu--Top: 0;
 }
+.pf-c-menu .pf-c-menu__content {
+  overflow: visible hidden;
+}
 .pf-c-menu .pf-c-menu__content .pf-c-menu .pf-c-menu__content {
   overflow: visible;
 }
@@ -279,7 +282,6 @@
   left: 100%;
   width: 100%;
   transition: var(--pf-c-menu--m-drilldown--c-menu--Transition);
-  transition: 2s;
 }
 .pf-c-menu.pf-m-drilldown > .pf-c-menu__content .pf-c-menu.pf-m-drilled-in {
   transform: translateX(-100%);

package/components/Menu/menu.scss

@@ -196,6 +196,8 @@
   box-shadow: var(--pf-c-menu--BoxShadow);
 
   .pf-c-menu__content {
+    overflow: visible hidden;
+
     & & {
       overflow: visible;
     }
@@ -264,7 +266,6 @@
       left: 100%;
       width: 100%;
       transition: var(--pf-c-menu--m-drilldown--c-menu--Transition);
-      transition: 2s;
 
       // stylelint-disable selector-max-class
       &.pf-m-drilled-in {

package/components/Tabs/tabs.css

@@ -35,6 +35,7 @@
   --pf-c-tabs__link--PaddingRight: var(--pf-global--spacer--md);
   --pf-c-tabs__link--PaddingBottom: var(--pf-global--spacer--sm);
   --pf-c-tabs__link--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-tabs__link--disabled--Color: var(--pf-global--disabled-color--100);
   --pf-c-tabs__link--disabled--BackgroundColor: var(--pf-global--palette--black-150);
   --pf-c-tabs__item--m-current__link--Color: var(--pf-global--Color--100);
   --pf-c-tabs__item--m-current__link--BackgroundColor: var(--pf-global--BackgroundColor--100);
@@ -120,6 +121,7 @@
   --pf-c-tabs--m-secondary__add--c-button--FontSize: var(--pf-global--FontSize--xs);
   --pf-c-tabs__add--c-button--PaddingTop: var(--pf-c-tabs__link--PaddingTop);
   --pf-c-tabs__add--c-button--PaddingBottom: var(--pf-c-tabs__link--PaddingBottom);
+  --pf-c-tabs__add--c-button--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
   position: relative;
   display: flex;
   width: var(--pf-c-tabs--Width);
@@ -552,6 +554,7 @@
   pointer-events: none;
 }
 .pf-c-tabs__item.pf-m-action.pf-m-disabled, .pf-c-tabs__link:disabled, .pf-c-tabs__link.pf-m-disabled, .pf-c-tabs__link.pf-m-aria-disabled {
+  --pf-c-tabs__link--Color: var(--pf-c-tabs__link--disabled--Color);
   --pf-c-tabs__link--BackgroundColor: var(--pf-c-tabs__link--disabled--BackgroundColor);
   --pf-c-tabs__link--before--BorderRightWidth: var(--pf-c-tabs__link--disabled--before--BorderRightWidth);
   --pf-c-tabs__link--before--BorderBottomWidth: var(--pf-c-tabs__link--disabled--before--BorderBottomWidth);
@@ -630,6 +633,7 @@
   --pf-c-button--FontSize: var(--pf-c-tabs__add--c-button--FontSize);
   --pf-c-button--PaddingTop: var(--pf-c-tabs__add--c-button--PaddingTop);
   --pf-c-button--PaddingBottom: var(--pf-c-tabs__add--c-button--PaddingBottom);
+  outline-offset: var(--pf-c-tabs__add--c-button--OutlineOffset);
 }
 
 .pf-c-tabs.pf-m-inset-none {

package/components/Tabs/tabs.scss

@@ -52,6 +52,7 @@ $pf-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl");
   --pf-c-tabs__link--PaddingRight: var(--pf-global--spacer--md);
   --pf-c-tabs__link--PaddingBottom: var(--pf-global--spacer--sm);
   --pf-c-tabs__link--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-tabs__link--disabled--Color: var(--pf-global--disabled-color--100);
   --pf-c-tabs__link--disabled--BackgroundColor: var(--pf-global--palette--black-150);
   --pf-c-tabs__item--m-current__link--Color: var(--pf-global--Color--100);
   --pf-c-tabs__item--m-current__link--BackgroundColor: var(--pf-global--BackgroundColor--100);
@@ -153,6 +154,7 @@ $pf-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl");
   --pf-c-tabs--m-secondary__add--c-button--FontSize: var(--pf-global--FontSize--xs);
   --pf-c-tabs__add--c-button--PaddingTop: var(--pf-c-tabs__link--PaddingTop);
   --pf-c-tabs__add--c-button--PaddingBottom: var(--pf-c-tabs__link--PaddingBottom);
+  --pf-c-tabs__add--c-button--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
 
   @media screen and (min-width: $pf-global--breakpoint--xl) {
     --pf-c-tabs__scroll-button--Width: var(--pf-c-tabs__scroll-button--xl--Width);
@@ -635,6 +637,7 @@ $pf-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl");
   &:disabled,
   &.pf-m-disabled,
   &.pf-m-aria-disabled {
+    --pf-c-tabs__link--Color: var(--pf-c-tabs__link--disabled--Color);
     --pf-c-tabs__link--BackgroundColor: var(--pf-c-tabs__link--disabled--BackgroundColor);
     --pf-c-tabs__link--before--BorderRightWidth: var(--pf-c-tabs__link--disabled--before--BorderRightWidth);
     --pf-c-tabs__link--before--BorderBottomWidth: var(--pf-c-tabs__link--disabled--before--BorderBottomWidth);
@@ -730,6 +733,8 @@ $pf-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl");
     --pf-c-button--FontSize: var(--pf-c-tabs__add--c-button--FontSize);
     --pf-c-button--PaddingTop: var(--pf-c-tabs__add--c-button--PaddingTop);
     --pf-c-button--PaddingBottom: var(--pf-c-tabs__add--c-button--PaddingBottom);
+
+    outline-offset: var(--pf-c-tabs__add--c-button--OutlineOffset);
   }
 }
 

package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md

@@ -6644,7 +6644,7 @@ wrapperTag: div
             <div class="pf-c-drawer__body pf-m-padding">
               <div class="pf-l-gallery pf-m-gutter">
                 <div
-                  class="pf-c-card pf-m-selectable pf-m-selected"
+                  class="pf-c-card pf-m-selectable-raised pf-m-selected-raised"
                   id="primary-detail-card-view-expanded-example-drawer-card-1"
                 >
                   <div class="pf-c-card__header">
@@ -6725,7 +6725,7 @@ wrapperTag: div
                   >PatternFly is a community project that promotes design commonality and improves user experience.</div>
                 </div>
                 <div
-                  class="pf-c-card pf-m-selectable"
+                  class="pf-c-card pf-m-selectable-raised"
                   id="primary-detail-card-view-expanded-example-drawer-card-2"
                 >
                   <div class="pf-c-card__header">
@@ -6807,7 +6807,7 @@ wrapperTag: div
                   >The ActiveMQ component allows messages to be sent to a JMS Queue or Topic; or messages to be consumed from a JMS Queue or Topic using Apache ActiveMQ.</div>
                 </div>
                 <div
-                  class="pf-c-card pf-m-selectable"
+                  class="pf-c-card pf-m-selectable-raised"
                   id="primary-detail-card-view-expanded-example-drawer-card-3"
                 >
                   <div class="pf-c-card__header">
@@ -6889,7 +6889,7 @@ wrapperTag: div
                   >This documentation page covers the Apache Spark component for the Apache Camel.</div>
                 </div>
                 <div
-                  class="pf-c-card pf-m-selectable"
+                  class="pf-c-card pf-m-selectable-raised"
                   id="primary-detail-card-view-expanded-example-drawer-card-4"
                 >
                   <div class="pf-c-card__header">
@@ -6971,7 +6971,7 @@ wrapperTag: div
                   >This component provides a dataformat for avro, which allows serialization and deserialization of messages using Apache Avro’s binary dataformat. Moreover, it provides support for Apache Avro’s rpc, by providing producers and consumers endpoint for using avro over netty or http.</div>
                 </div>
                 <div
-                  class="pf-c-card pf-m-selectable"
+                  class="pf-c-card pf-m-selectable-raised"
                   id="primary-detail-card-view-expanded-example-drawer-card-5"
                 >
                   <div class="pf-c-card__header">
@@ -7053,7 +7053,7 @@ wrapperTag: div
                   >The Camel Components for Windows Azure Services provide connectivity to Azure services from Camel.</div>
                 </div>
                 <div
-                  class="pf-c-card pf-m-selectable"
+                  class="pf-c-card pf-m-selectable-raised"
                   id="primary-detail-card-view-expanded-example-drawer-card-6"
                 >
                   <div class="pf-c-card__header">
@@ -7135,7 +7135,7 @@ wrapperTag: div
                   >For providing flexible endpoints to sign and verify exchanges using the Signature Service of the Java Cryptographic Extension.</div>
                 </div>
                 <div
-                  class="pf-c-card pf-m-selectable"
+                  class="pf-c-card pf-m-selectable-raised"
                   id="primary-detail-card-view-expanded-example-drawer-card-7"
                 >
                   <div class="pf-c-card__header">
@@ -7216,7 +7216,7 @@ wrapperTag: div
                   >PatternFly is a community project that promotes design commonality and improves user experience.</div>
                 </div>
                 <div
-                  class="pf-c-card pf-m-selectable"
+                  class="pf-c-card pf-m-selectable-raised"
                   id="primary-detail-card-view-expanded-example-drawer-card-8"
                 >
                   <div class="pf-c-card__header">
@@ -7297,7 +7297,7 @@ wrapperTag: div
                   >PatternFly is a community project that promotes design commonality and improves user experience.</div>
                 </div>
                 <div
-                  class="pf-c-card pf-m-selectable"
+                  class="pf-c-card pf-m-selectable-raised"
                   id="primary-detail-card-view-expanded-example-drawer-card-9"
                 >
                   <div class="pf-c-card__header">
@@ -7378,7 +7378,7 @@ wrapperTag: div
                   >PatternFly is a community project that promotes design commonality and improves user experience.</div>
                 </div>
                 <div
-                  class="pf-c-card pf-m-selectable"
+                  class="pf-c-card pf-m-selectable-raised"
                   id="primary-detail-card-view-expanded-example-drawer-card-10"
                 >
                   <div class="pf-c-card__header">

package/docs/demos/Tabs/examples/Tabs.md

@@ -1068,7 +1068,7 @@ section: components
                   <div class="pf-c-description-list__group">
                     <dt class="pf-c-description-list__term">Pod IP</dt>
                     <dd class="pf-c-description-list__description">
-                      <div class="pf-c-description-list__text">10..345.2.197</div>
+                      <div class="pf-c-description-list__text">10.345.2.197</div>
                     </dd>
                   </div>
                   <div class="pf-c-description-list__group">
@@ -2213,7 +2213,7 @@ section: components
                       <div class="pf-c-description-list__group">
                         <dt class="pf-c-description-list__term">Pod IP</dt>
                         <dd class="pf-c-description-list__description">
-                          <div class="pf-c-description-list__text">10..345.2.197</div>
+                          <div class="pf-c-description-list__text">10.345.2.197</div>
                         </dd>
                       </div>
                       <div class="pf-c-description-list__group">

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/patternfly",
   "description": "Assets, source, tooling, and content for PatternFly 4",
-  "version": "4.192.3",
+  "version": "4.192.6",
   "keywords": [],
   "license": "MIT",
   "scripts": {

package/patternfly-no-reset.css

@@ -16795,6 +16795,9 @@ ul.pf-c-list {
   --pf-c-menu--m-nav--c-menu--m-top--Bottom: calc(0 + var(--pf-c-menu--m-nav--c-menu--m-top--bottom-offset));
   --pf-c-menu--m-nav__list-item--first-child--c-menu--Top: 0;
 }
+.pf-c-menu .pf-c-menu__content {
+  overflow: visible hidden;
+}
 .pf-c-menu .pf-c-menu__content .pf-c-menu .pf-c-menu__content {
   overflow: visible;
 }
@@ -16843,7 +16846,6 @@ ul.pf-c-list {
   left: 100%;
   width: 100%;
   transition: var(--pf-c-menu--m-drilldown--c-menu--Transition);
-  transition: 2s;
 }
 .pf-c-menu.pf-m-drilldown > .pf-c-menu__content .pf-c-menu.pf-m-drilled-in {
   transform: translateX(-100%);
@@ -26703,6 +26705,7 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-tabs__link--PaddingRight: var(--pf-global--spacer--md);
   --pf-c-tabs__link--PaddingBottom: var(--pf-global--spacer--sm);
   --pf-c-tabs__link--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-tabs__link--disabled--Color: var(--pf-global--disabled-color--100);
   --pf-c-tabs__link--disabled--BackgroundColor: var(--pf-global--palette--black-150);
   --pf-c-tabs__item--m-current__link--Color: var(--pf-global--Color--100);
   --pf-c-tabs__item--m-current__link--BackgroundColor: var(--pf-global--BackgroundColor--100);
@@ -26788,6 +26791,7 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-tabs--m-secondary__add--c-button--FontSize: var(--pf-global--FontSize--xs);
   --pf-c-tabs__add--c-button--PaddingTop: var(--pf-c-tabs__link--PaddingTop);
   --pf-c-tabs__add--c-button--PaddingBottom: var(--pf-c-tabs__link--PaddingBottom);
+  --pf-c-tabs__add--c-button--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
   position: relative;
   display: flex;
   width: var(--pf-c-tabs--Width);
@@ -27220,6 +27224,7 @@ svg.pf-c-spinner.pf-m-xl {
   pointer-events: none;
 }
 .pf-c-tabs__item.pf-m-action.pf-m-disabled, .pf-c-tabs__link:disabled, .pf-c-tabs__link.pf-m-disabled, .pf-c-tabs__link.pf-m-aria-disabled {
+  --pf-c-tabs__link--Color: var(--pf-c-tabs__link--disabled--Color);
   --pf-c-tabs__link--BackgroundColor: var(--pf-c-tabs__link--disabled--BackgroundColor);
   --pf-c-tabs__link--before--BorderRightWidth: var(--pf-c-tabs__link--disabled--before--BorderRightWidth);
   --pf-c-tabs__link--before--BorderBottomWidth: var(--pf-c-tabs__link--disabled--before--BorderBottomWidth);
@@ -27298,6 +27303,7 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-button--FontSize: var(--pf-c-tabs__add--c-button--FontSize);
   --pf-c-button--PaddingTop: var(--pf-c-tabs__add--c-button--PaddingTop);
   --pf-c-button--PaddingBottom: var(--pf-c-tabs__add--c-button--PaddingBottom);
+  outline-offset: var(--pf-c-tabs__add--c-button--OutlineOffset);
 }
 
 .pf-c-tabs.pf-m-inset-none {

package/patternfly.css

@@ -16922,6 +16922,9 @@ ul.pf-c-list {
   --pf-c-menu--m-nav--c-menu--m-top--Bottom: calc(0 + var(--pf-c-menu--m-nav--c-menu--m-top--bottom-offset));
   --pf-c-menu--m-nav__list-item--first-child--c-menu--Top: 0;
 }
+.pf-c-menu .pf-c-menu__content {
+  overflow: visible hidden;
+}
 .pf-c-menu .pf-c-menu__content .pf-c-menu .pf-c-menu__content {
   overflow: visible;
 }
@@ -16970,7 +16973,6 @@ ul.pf-c-list {
   left: 100%;
   width: 100%;
   transition: var(--pf-c-menu--m-drilldown--c-menu--Transition);
-  transition: 2s;
 }
 .pf-c-menu.pf-m-drilldown > .pf-c-menu__content .pf-c-menu.pf-m-drilled-in {
   transform: translateX(-100%);
@@ -26830,6 +26832,7 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-tabs__link--PaddingRight: var(--pf-global--spacer--md);
   --pf-c-tabs__link--PaddingBottom: var(--pf-global--spacer--sm);
   --pf-c-tabs__link--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-tabs__link--disabled--Color: var(--pf-global--disabled-color--100);
   --pf-c-tabs__link--disabled--BackgroundColor: var(--pf-global--palette--black-150);
   --pf-c-tabs__item--m-current__link--Color: var(--pf-global--Color--100);
   --pf-c-tabs__item--m-current__link--BackgroundColor: var(--pf-global--BackgroundColor--100);
@@ -26915,6 +26918,7 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-tabs--m-secondary__add--c-button--FontSize: var(--pf-global--FontSize--xs);
   --pf-c-tabs__add--c-button--PaddingTop: var(--pf-c-tabs__link--PaddingTop);
   --pf-c-tabs__add--c-button--PaddingBottom: var(--pf-c-tabs__link--PaddingBottom);
+  --pf-c-tabs__add--c-button--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
   position: relative;
   display: flex;
   width: var(--pf-c-tabs--Width);
@@ -27347,6 +27351,7 @@ svg.pf-c-spinner.pf-m-xl {
   pointer-events: none;
 }
 .pf-c-tabs__item.pf-m-action.pf-m-disabled, .pf-c-tabs__link:disabled, .pf-c-tabs__link.pf-m-disabled, .pf-c-tabs__link.pf-m-aria-disabled {
+  --pf-c-tabs__link--Color: var(--pf-c-tabs__link--disabled--Color);
   --pf-c-tabs__link--BackgroundColor: var(--pf-c-tabs__link--disabled--BackgroundColor);
   --pf-c-tabs__link--before--BorderRightWidth: var(--pf-c-tabs__link--disabled--before--BorderRightWidth);
   --pf-c-tabs__link--before--BorderBottomWidth: var(--pf-c-tabs__link--disabled--before--BorderBottomWidth);
@@ -27425,6 +27430,7 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-button--FontSize: var(--pf-c-tabs__add--c-button--FontSize);
   --pf-c-button--PaddingTop: var(--pf-c-tabs__add--c-button--PaddingTop);
   --pf-c-button--PaddingBottom: var(--pf-c-tabs__add--c-button--PaddingBottom);
+  outline-offset: var(--pf-c-tabs__add--c-button--OutlineOffset);
 }
 
 .pf-c-tabs.pf-m-inset-none {