@patternfly/patternfly 4.192.2 → 4.192.5

package/components/DescriptionList/description-list.css

@@ -162,6 +162,9 @@
   color: var(--pf-c-description-list__term-icon--Color);
 }
 
+.pf-c-description-list__text {
+  min-width: 0;
+}
 .pf-c-description-list__text.pf-m-help-text {
   text-decoration: underline;
   cursor: pointer;

package/components/DescriptionList/description-list.scss

@@ -144,6 +144,8 @@ $pf-c-description-list--breakpoint-map: build-breakpoint-map("base", "sm", "md",
 }
 
 .pf-c-description-list__text {
+  min-width: 0; // this allows overflow-wrap to work
+
   &.pf-m-help-text {
     text-decoration: underline;
     cursor: pointer;

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

@@ -120,6 +120,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);
@@ -630,6 +631,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

@@ -153,6 +153,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);
@@ -730,6 +731,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/package.json

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

package/patternfly-no-reset.css

@@ -9919,6 +9919,9 @@ label.pf-c-check, .pf-c-check__label,
   color: var(--pf-c-description-list__term-icon--Color);
 }
 
+.pf-c-description-list__text {
+  min-width: 0;
+}
 .pf-c-description-list__text.pf-m-help-text {
   text-decoration: underline;
   cursor: pointer;
@@ -16792,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;
 }
@@ -16840,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%);
@@ -26785,6 +26790,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);
@@ -27295,6 +27301,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

@@ -10046,6 +10046,9 @@ label.pf-c-check, .pf-c-check__label,
   color: var(--pf-c-description-list__term-icon--Color);
 }
 
+.pf-c-description-list__text {
+  min-width: 0;
+}
 .pf-c-description-list__text.pf-m-help-text {
   text-decoration: underline;
   cursor: pointer;
@@ -16919,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;
 }
@@ -16967,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%);
@@ -26912,6 +26917,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);
@@ -27422,6 +27428,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 {