@patternfly/patternfly 4.192.1 → 4.192.4

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/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/components/TreeView/tree-view.css

@@ -59,6 +59,7 @@
   --pf-c-tree-view--m-guides__list-item--before--BackgroundColor: var(--pf-c-tree-view--m-guides--guide-color--base);
   --pf-c-tree-view--m-guides__list-item--last-child--before--Top: var(--pf-c-tree-view--m-guides__node--before--Top);
   --pf-c-tree-view--m-guides__list-item--last-child--before--Height: var(--pf-c-tree-view--m-guides__list-item--last-child--before--Top);
+  --pf-c-tree-view--m-guides__list-item--ZIndex: var(--pf-global--ZIndex--xs);
   --pf-c-tree-view--m-guides__node--before--Width: 1rem;
   --pf-c-tree-view--m-guides__node--before--Height: var(--pf-c-tree-view--m-guides--guide-width--base);
   --pf-c-tree-view--m-guides__node--before--Top: 1.125rem;
@@ -119,6 +120,7 @@
 }
 .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item::before, .pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item .pf-c-tree-view__list-item::before {
   top: var(--pf-c-tree-view--m-guides__list-item--before--Top);
+  z-index: var(--pf-c-tree-view--m-guides__list-item--ZIndex);
   width: var(--pf-c-tree-view--m-guides__list-item--before--Width);
   height: var(--pf-c-tree-view--m-guides__list-item--before--Height);
   background-color: var(--pf-c-tree-view--m-guides__list-item--before--BackgroundColor);

package/components/TreeView/tree-view.scss

@@ -98,6 +98,7 @@ $pf-c-tree-view--MaxNesting: 10;
   --pf-c-tree-view--m-guides__list-item--before--BackgroundColor: var(--pf-c-tree-view--m-guides--guide-color--base);
   --pf-c-tree-view--m-guides__list-item--last-child--before--Top: var(--pf-c-tree-view--m-guides__node--before--Top);
   --pf-c-tree-view--m-guides__list-item--last-child--before--Height: var(--pf-c-tree-view--m-guides__list-item--last-child--before--Top);
+  --pf-c-tree-view--m-guides__list-item--ZIndex: var(--pf-global--ZIndex--xs);
 
   // Node
   --pf-c-tree-view--m-guides__node--before--Width: #{pf-size-prem(16px)};
@@ -187,6 +188,7 @@ $pf-c-tree-view--MaxNesting: 10;
         // vertical border
         &::before {
           top: var(--pf-c-tree-view--m-guides__list-item--before--Top);
+          z-index: var(--pf-c-tree-view--m-guides__list-item--ZIndex);
           width: var(--pf-c-tree-view--m-guides__list-item--before--Width);
           height: var(--pf-c-tree-view--m-guides__list-item--before--Height);
           background-color: var(--pf-c-tree-view--m-guides__list-item--before--BackgroundColor);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/patternfly",
   "description": "Assets, source, tooling, and content for PatternFly 4",
-  "version": "4.192.1",
+  "version": "4.192.4",
   "keywords": [],
   "license": "MIT",
   "scripts": {
@@ -79,7 +79,7 @@
     "stylelint-scss": "^4.0.0",
     "stylelint-value-no-unknown-custom-properties": "^3.0.0",
     "surge": "^0.21.3",
-    "theme-patternfly-org": "0.7.3",
+    "theme-patternfly-org": "0.11.32",
     "unified": "^9.2.0",
     "webpack": "^4.43.0"
   },

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;
@@ -26785,6 +26788,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 +27299,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 {
@@ -28146,6 +28151,7 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-tree-view--m-guides__list-item--before--BackgroundColor: var(--pf-c-tree-view--m-guides--guide-color--base);
   --pf-c-tree-view--m-guides__list-item--last-child--before--Top: var(--pf-c-tree-view--m-guides__node--before--Top);
   --pf-c-tree-view--m-guides__list-item--last-child--before--Height: var(--pf-c-tree-view--m-guides__list-item--last-child--before--Top);
+  --pf-c-tree-view--m-guides__list-item--ZIndex: var(--pf-global--ZIndex--xs);
   --pf-c-tree-view--m-guides__node--before--Width: 1rem;
   --pf-c-tree-view--m-guides__node--before--Height: var(--pf-c-tree-view--m-guides--guide-width--base);
   --pf-c-tree-view--m-guides__node--before--Top: 1.125rem;
@@ -28206,6 +28212,7 @@ svg.pf-c-spinner.pf-m-xl {
 }
 .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item::before, .pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item .pf-c-tree-view__list-item::before {
   top: var(--pf-c-tree-view--m-guides__list-item--before--Top);
+  z-index: var(--pf-c-tree-view--m-guides__list-item--ZIndex);
   width: var(--pf-c-tree-view--m-guides__list-item--before--Width);
   height: var(--pf-c-tree-view--m-guides__list-item--before--Height);
   background-color: var(--pf-c-tree-view--m-guides__list-item--before--BackgroundColor);

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;
@@ -26912,6 +26915,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 +27426,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 {
@@ -28273,6 +28278,7 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-tree-view--m-guides__list-item--before--BackgroundColor: var(--pf-c-tree-view--m-guides--guide-color--base);
   --pf-c-tree-view--m-guides__list-item--last-child--before--Top: var(--pf-c-tree-view--m-guides__node--before--Top);
   --pf-c-tree-view--m-guides__list-item--last-child--before--Height: var(--pf-c-tree-view--m-guides__list-item--last-child--before--Top);
+  --pf-c-tree-view--m-guides__list-item--ZIndex: var(--pf-global--ZIndex--xs);
   --pf-c-tree-view--m-guides__node--before--Width: 1rem;
   --pf-c-tree-view--m-guides__node--before--Height: var(--pf-c-tree-view--m-guides--guide-width--base);
   --pf-c-tree-view--m-guides__node--before--Top: 1.125rem;
@@ -28333,6 +28339,7 @@ svg.pf-c-spinner.pf-m-xl {
 }
 .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item::before, .pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item .pf-c-tree-view__list-item::before {
   top: var(--pf-c-tree-view--m-guides__list-item--before--Top);
+  z-index: var(--pf-c-tree-view--m-guides__list-item--ZIndex);
   width: var(--pf-c-tree-view--m-guides__list-item--before--Width);
   height: var(--pf-c-tree-view--m-guides__list-item--before--Height);
   background-color: var(--pf-c-tree-view--m-guides__list-item--before--BackgroundColor);