@patternfly/react-core 4.224.8 → 4.224.9

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 4.224.9 (2022-07-07)
+
+**Note:** Version bump only for package @patternfly/react-core
+
+
+
+
+
 ## 4.224.8 (2022-07-07)
 
 **Note:** Version bump only for package @patternfly/react-core

package/dist/umd/react-core.css

@@ -23954,40 +23954,6 @@ svg.pf-c-spinner.pf-m-xl {
   display: flex;
 }
 
-.pf-c-truncate {
-  --pf-c-truncate--MinWidth: 12ch;
-  --pf-c-truncate__start--MinWidth: 6ch;
-  display: inline-grid;
-  grid-auto-flow: column;
-  align-items: baseline;
-  min-width: var(--pf-c-truncate--MinWidth);
-}
-
-.pf-c-truncate__start,
-.pf-c-truncate__end {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.pf-c-truncate__start {
-  min-width: var(--pf-c-truncate__start--MinWidth);
-}
-
-.pf-c-truncate__end {
-  direction: rtl;
-}
-
-.pf-c-truncate__start + .pf-c-truncate__end {
-  overflow: visible;
-  direction: ltr;
-}
-
-@supports (-webkit-hyphens: none) {
-  .pf-c-truncate__end {
-    direction: ltr;
-  }
-}
 .pf-c-panel {
   --pf-c-panel--Width: auto;
   --pf-c-panel--MinWidth: auto;
@@ -24071,6 +24037,40 @@ svg.pf-c-spinner.pf-m-xl {
   box-shadow: var(--pf-c-panel__footer--BoxShadow);
 }
 
+.pf-c-truncate {
+  --pf-c-truncate--MinWidth: 12ch;
+  --pf-c-truncate__start--MinWidth: 6ch;
+  display: inline-grid;
+  grid-auto-flow: column;
+  align-items: baseline;
+  min-width: var(--pf-c-truncate--MinWidth);
+}
+
+.pf-c-truncate__start,
+.pf-c-truncate__end {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.pf-c-truncate__start {
+  min-width: var(--pf-c-truncate__start--MinWidth);
+}
+
+.pf-c-truncate__end {
+  direction: rtl;
+}
+
+.pf-c-truncate__start + .pf-c-truncate__end {
+  overflow: visible;
+  direction: ltr;
+}
+
+@supports (-webkit-hyphens: none) {
+  .pf-c-truncate__end {
+    direction: ltr;
+  }
+}
 .pf-l-flex {
   --pf-l-flex--Display: flex;
   --pf-l-flex--FlexWrap: wrap;

package/dist/umd/react-core.min.css

@@ -9335,108 +9335,6 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-hint--BorderColor: var(--pf-global--BorderColor--300);
 }
 
-.pf-c-input-group {
-  --pf-global--Color--100: var(--pf-global--Color--dark-100);
-  --pf-global--Color--200: var(--pf-global--Color--dark-200);
-  --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
-  --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
-  --pf-global--link--Color: var(--pf-global--link--Color--dark);
-  --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
-  --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
-}
-
-.pf-c-input-group {
-  --pf-c-input-group--BackgroundColor: var(--pf-global--BackgroundColor--100);
-  --pf-c-input-group--child--ZIndex: var(--pf-global--ZIndex--xs);
-  --pf-c-input-group__text--FontSize: var(--pf-global--FontSize--md);
-  --pf-c-input-group__text--PaddingRight: var(--pf-global--spacer--sm);
-  --pf-c-input-group__text--PaddingLeft: var(--pf-global--spacer--sm);
-  --pf-c-input-group__text--Color: var(--pf-global--Color--dark-200);
-  --pf-c-input-group__text--BorderWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-input-group__text--BorderTopColor: var(--pf-global--BorderColor--300);
-  --pf-c-input-group__text--BorderRightColor: var(--pf-global--BorderColor--300);
-  --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--200);
-  --pf-c-input-group__text--BorderLeftColor: var(--pf-global--BorderColor--300);
-  --pf-c-input-group__text--BackgroundColor: var(--pf-global--BackgroundColor--100);
-  --pf-c-input-group__textarea--MinHeight: var(--pf-global--spacer--xl);
-  --pf-c-input-group--c-form-control--invalid--ZIndex: var(--pf-global--ZIndex--xs);
-  --pf-c-input-group--c-form-control--MarginRight: 0;
-  color: var(--pf-global--Color--100);
-  display: flex;
-  width: 100%;
-  background-color: var(--pf-c-input-group--BackgroundColor);
-}
-
-.pf-c-input-group > * + * {
-  margin-left: -1px;
-}
-
-.pf-c-input-group > :focus,
-.pf-c-input-group > :focus-within {
-  z-index: var(--pf-c-input-group--child--ZIndex);
-}
-
-.pf-c-input-group .pf-c-form-control[aria-invalid=true]:not(:last-child) {
-  margin-right: var(--pf-c-input-group--c-form-control--MarginRight);
-}
-
-.pf-c-input-group input:not([type=checkbox]):not([type=radio]),
-.pf-c-input-group textarea {
-  flex: 2;
-  min-width: 0;
-}
-
-.pf-c-input-group textarea {
-  min-height: var(--pf-c-input-group__textarea--MinHeight);
-}
-
-.pf-c-input-group__text {
-  display: flex;
-  align-items: center;
-  padding-right: var(--pf-c-input-group__text--PaddingRight);
-  padding-left: var(--pf-c-input-group__text--PaddingLeft);
-  font-size: var(--pf-c-input-group__text--FontSize);
-  color: var(--pf-c-input-group__text--Color);
-  text-align: center;
-  background-color: var(--pf-c-input-group__text--BackgroundColor);
-  border: var(--pf-c-input-group__text--BorderWidth) solid;
-  border-color: var(--pf-c-input-group__text--BorderTopColor) var(--pf-c-input-group__text--BorderRightColor) var(--pf-c-input-group__text--BorderBottomColor) var(--pf-c-input-group__text--BorderLeftColor);
-}
-
-label.pf-c-input-group__text {
-  cursor: pointer;
-}
-
-.pf-c-input-group__text.pf-m-plain {
-  --pf-c-input-group__text--BorderWidth: 0;
-  margin-left: 0;
-}
-
-:where(.pf-theme-dark) .pf-c-input-group {
-  --pf-c-input-group--BackgroundColor: transparent;
-  --pf-c-input-group__text--BorderTopColor: transparent;
-  --pf-c-input-group__text--BorderRightColor: transparent;
-  --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
-  --pf-c-input-group__text--BorderLeftColor: transparent;
-  --pf-c-input-group__text--BackgroundColor: var(--pf-global--palette--black-600);
-}
-
-:where(.pf-theme-dark) .pf-c-input-group > * + * {
-  margin-left: 0;
-  border-left: 1px solid var(--pf-global--palette--black-700);
-}
-
-:where(.pf-theme-dark) .pf-c-input-group__text {
-  --pf-c-input-group__text--BorderTopColor: transparent;
-  --pf-c-input-group__text--BorderRightColor: transparent;
-  --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
-  --pf-c-input-group__text--BorderLeftColor: transparent;
-}
-
-:where(.pf-theme-dark) .pf-c-input-group__text.pf-m-plain {
-  --pf-c-input-group__text--BackgroundColor: transparent;
-}
-
 .pf-c-jump-links {
   --pf-c-jump-links__list--Display: flex;
   --pf-c-jump-links__list--Visibility: visible;
@@ -27476,6 +27374,108 @@ svg.pf-c-spinner.pf-m-xl {
   margin-bottom: var(--pf-l-stack--m-gutter--MarginBottom);
 }
 
+.pf-c-input-group {
+  --pf-global--Color--100: var(--pf-global--Color--dark-100);
+  --pf-global--Color--200: var(--pf-global--Color--dark-200);
+  --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
+  --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
+  --pf-global--link--Color: var(--pf-global--link--Color--dark);
+  --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
+  --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
+}
+
+.pf-c-input-group {
+  --pf-c-input-group--BackgroundColor: var(--pf-global--BackgroundColor--100);
+  --pf-c-input-group--child--ZIndex: var(--pf-global--ZIndex--xs);
+  --pf-c-input-group__text--FontSize: var(--pf-global--FontSize--md);
+  --pf-c-input-group__text--PaddingRight: var(--pf-global--spacer--sm);
+  --pf-c-input-group__text--PaddingLeft: var(--pf-global--spacer--sm);
+  --pf-c-input-group__text--Color: var(--pf-global--Color--dark-200);
+  --pf-c-input-group__text--BorderWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-input-group__text--BorderTopColor: var(--pf-global--BorderColor--300);
+  --pf-c-input-group__text--BorderRightColor: var(--pf-global--BorderColor--300);
+  --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--200);
+  --pf-c-input-group__text--BorderLeftColor: var(--pf-global--BorderColor--300);
+  --pf-c-input-group__text--BackgroundColor: var(--pf-global--BackgroundColor--100);
+  --pf-c-input-group__textarea--MinHeight: var(--pf-global--spacer--xl);
+  --pf-c-input-group--c-form-control--invalid--ZIndex: var(--pf-global--ZIndex--xs);
+  --pf-c-input-group--c-form-control--MarginRight: 0;
+  color: var(--pf-global--Color--100);
+  display: flex;
+  width: 100%;
+  background-color: var(--pf-c-input-group--BackgroundColor);
+}
+
+.pf-c-input-group > * + * {
+  margin-left: -1px;
+}
+
+.pf-c-input-group > :focus,
+.pf-c-input-group > :focus-within {
+  z-index: var(--pf-c-input-group--child--ZIndex);
+}
+
+.pf-c-input-group .pf-c-form-control[aria-invalid=true]:not(:last-child) {
+  margin-right: var(--pf-c-input-group--c-form-control--MarginRight);
+}
+
+.pf-c-input-group input:not([type=checkbox]):not([type=radio]),
+.pf-c-input-group textarea {
+  flex: 2;
+  min-width: 0;
+}
+
+.pf-c-input-group textarea {
+  min-height: var(--pf-c-input-group__textarea--MinHeight);
+}
+
+.pf-c-input-group__text {
+  display: flex;
+  align-items: center;
+  padding-right: var(--pf-c-input-group__text--PaddingRight);
+  padding-left: var(--pf-c-input-group__text--PaddingLeft);
+  font-size: var(--pf-c-input-group__text--FontSize);
+  color: var(--pf-c-input-group__text--Color);
+  text-align: center;
+  background-color: var(--pf-c-input-group__text--BackgroundColor);
+  border: var(--pf-c-input-group__text--BorderWidth) solid;
+  border-color: var(--pf-c-input-group__text--BorderTopColor) var(--pf-c-input-group__text--BorderRightColor) var(--pf-c-input-group__text--BorderBottomColor) var(--pf-c-input-group__text--BorderLeftColor);
+}
+
+label.pf-c-input-group__text {
+  cursor: pointer;
+}
+
+.pf-c-input-group__text.pf-m-plain {
+  --pf-c-input-group__text--BorderWidth: 0;
+  margin-left: 0;
+}
+
+:where(.pf-theme-dark) .pf-c-input-group {
+  --pf-c-input-group--BackgroundColor: transparent;
+  --pf-c-input-group__text--BorderTopColor: transparent;
+  --pf-c-input-group__text--BorderRightColor: transparent;
+  --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
+  --pf-c-input-group__text--BorderLeftColor: transparent;
+  --pf-c-input-group__text--BackgroundColor: var(--pf-global--palette--black-600);
+}
+
+:where(.pf-theme-dark) .pf-c-input-group > * + * {
+  margin-left: 0;
+  border-left: 1px solid var(--pf-global--palette--black-700);
+}
+
+:where(.pf-theme-dark) .pf-c-input-group__text {
+  --pf-c-input-group__text--BorderTopColor: transparent;
+  --pf-c-input-group__text--BorderRightColor: transparent;
+  --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
+  --pf-c-input-group__text--BorderLeftColor: transparent;
+}
+
+:where(.pf-theme-dark) .pf-c-input-group__text.pf-m-plain {
+  --pf-c-input-group__text--BackgroundColor: transparent;
+}
+
 .pf-c-alert-group {
   --pf-c-alert-group__item--MarginTop: var(--pf-global--spacer--sm);
   --pf-c-alert-group--m-toast--Top: var(--pf-global--spacer--2xl);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-core",
-  "version": "4.224.8",
+  "version": "4.224.9",
   "description": "This library provides a set of common React components for use with the PatternFly reference implementation.",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
@@ -34,9 +34,9 @@
     "generate": "node scripts/copyStyles.js"
   },
   "dependencies": {
-    "@patternfly/react-icons": "^4.75.8",
-    "@patternfly/react-styles": "^4.74.8",
-    "@patternfly/react-tokens": "^4.76.8",
+    "@patternfly/react-icons": "^4.75.9",
+    "@patternfly/react-styles": "^4.74.9",
+    "@patternfly/react-tokens": "^4.76.9",
     "focus-trap": "6.9.2",
     "react-dropzone": "9.0.0",
     "tippy.js": "5.1.2",
@@ -54,11 +54,11 @@
     "rollup": "^2.58.0",
     "rollup-plugin-scss": "^3.0.0",
     "rollup-plugin-terser": "^7.0.0",
-    "typescript": "^4.0.0"
+    "typescript": "^4.7.4"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"
   },
-  "gitHead": "ca94c1683c2b516b9314f6e224065a3e77a31cff"
+  "gitHead": "9be85b115047728612522dba874cc3abedc95b3f"
 }