@patternfly/react-core 4.208.6 → 4.208.7

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.208.7 (2022-05-04)
+
+**Note:** Version bump only for package @patternfly/react-core
+
+
+
+
+
 ## 4.208.6 (2022-05-03)
 
 **Note:** Version bump only for package @patternfly/react-core

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

@@ -15973,6 +15973,185 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   margin-top: var(--pf-c-popover__footer--MarginTop);
 }
 
+.pf-c-progress {
+  --pf-c-progress--GridGap: var(--pf-global--spacer--md);
+  --pf-c-progress__bar--before--BackgroundColor: var(--pf-global--primary-color--100);
+  --pf-c-progress__bar--Height: var(--pf-global--spacer--md);
+  --pf-c-progress__bar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
+  --pf-c-progress__measure--m-static-width--MinWidth: 4.5ch;
+  --pf-c-progress__status-icon--Color: var(--pf-global--Color--100);
+  --pf-c-progress__status-icon--MarginLeft: var(--pf-global--spacer--sm);
+  --pf-c-progress__bar--before--Opacity: .2;
+  --pf-c-progress__indicator--Height: var(--pf-c-progress__bar--Height);
+  --pf-c-progress__indicator--BackgroundColor: var(--pf-c-progress__bar--before--BackgroundColor);
+  --pf-c-progress--m-success__bar--BackgroundColor: var(--pf-global--success-color--100);
+  --pf-c-progress--m-warning__bar--BackgroundColor: var(--pf-global--warning-color--100);
+  --pf-c-progress--m-danger__bar--BackgroundColor: var(--pf-global--danger-color--100);
+  --pf-c-progress--m-success__status-icon--Color: var(--pf-global--success-color--100);
+  --pf-c-progress--m-warning__status-icon--Color: var(--pf-global--warning-color--100);
+  --pf-c-progress--m-danger__status-icon--Color: var(--pf-global--danger-color--100);
+  --pf-c-progress--m-inside__indicator--MinWidth: var(--pf-global--spacer--xl);
+  --pf-c-progress--m-inside__measure--Color: var(--pf-global--Color--light-100);
+  --pf-c-progress--m-success--m-inside__measure--Color: var(--pf-global--Color--light-100);
+  --pf-c-progress--m-warning--m-inside__measure--Color: var(--pf-global--Color--dark-100);
+  --pf-c-progress--m-inside__measure--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-progress--m-outside__measure--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-progress--m-sm__bar--Height: var(--pf-global--spacer--sm);
+  --pf-c-progress--m-sm__description--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-progress--m-sm__measure--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-progress--m-lg__bar--Height: var(--pf-global--spacer--lg);
+  display: grid;
+  align-items: end;
+  grid-gap: var(--pf-c-progress--GridGap);
+  grid-template-columns: auto auto;
+  grid-template-rows: 1fr auto;
+}
+
+.pf-c-progress.pf-m-sm {
+  --pf-c-progress__bar--Height: var(--pf-c-progress--m-sm__bar--Height);
+}
+
+.pf-c-progress.pf-m-sm .pf-c-progress__description {
+  font-size: var(--pf-c-progress--m-sm__description--FontSize);
+}
+
+.pf-c-progress.pf-m-sm .pf-c-progress__measure {
+  font-size: var(--pf-c-progress--m-sm__measure--FontSize);
+}
+
+.pf-c-progress.pf-m-lg {
+  --pf-c-progress__bar--Height: var(--pf-c-progress--m-lg__bar--Height);
+}
+
+.pf-c-progress.pf-m-inside .pf-c-progress__indicator {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: var(--pf-c-progress--m-inside__indicator--MinWidth);
+}
+
+.pf-c-progress.pf-m-inside .pf-c-progress__measure {
+  font-size: var(--pf-c-progress--m-inside__measure--FontSize);
+  color: var(--pf-c-progress--m-inside__measure--Color);
+  text-align: center;
+}
+
+.pf-c-progress.pf-m-outside .pf-c-progress__description {
+  grid-column: 1/3;
+}
+
+.pf-c-progress.pf-m-outside .pf-c-progress__status {
+  grid-column: 2/3;
+  grid-row: 2/3;
+  align-self: center;
+}
+
+.pf-c-progress.pf-m-outside .pf-c-progress__measure {
+  display: inline-block;
+  font-size: var(--pf-c-progress--m-outside__measure--FontSize);
+}
+
+.pf-c-progress.pf-m-outside .pf-c-progress__measure.pf-m-static-width {
+  min-width: var(--pf-c-progress__measure--m-static-width--MinWidth);
+  text-align: left;
+}
+
+.pf-c-progress.pf-m-outside .pf-c-progress__bar,
+.pf-c-progress.pf-m-outside .pf-c-progress__indicator {
+  grid-column: 1/2;
+}
+
+.pf-c-progress.pf-m-singleline {
+  grid-template-rows: 1fr;
+}
+
+.pf-c-progress.pf-m-singleline .pf-c-progress__description {
+  display: none;
+  visibility: hidden;
+}
+
+.pf-c-progress.pf-m-singleline .pf-c-progress__bar {
+  grid-row: 1/2;
+  grid-column: 1/2;
+}
+
+.pf-c-progress.pf-m-singleline .pf-c-progress__status {
+  grid-row: 1/2;
+  grid-column: 2/3;
+}
+
+.pf-c-progress.pf-m-outside, .pf-c-progress.pf-m-singleline {
+  grid-template-columns: 1fr fit-content(50%);
+}
+
+.pf-c-progress.pf-m-success {
+  --pf-c-progress__bar--before--BackgroundColor: var(--pf-c-progress--m-success__bar--BackgroundColor);
+  --pf-c-progress__status-icon--Color: var(--pf-c-progress--m-success__status-icon--Color);
+  --pf-c-progress--m-inside__measure--Color: var(--pf-c-progress--m-success--m-inside__measure--Color);
+}
+
+.pf-c-progress.pf-m-warning {
+  --pf-c-progress__bar--before--BackgroundColor: var(--pf-c-progress--m-warning__bar--BackgroundColor);
+  --pf-c-progress__status-icon--Color: var(--pf-c-progress--m-warning__status-icon--Color);
+  --pf-c-progress--m-inside__measure--Color: var(--pf-c-progress--m-warning--m-inside__measure--Color);
+}
+
+.pf-c-progress.pf-m-danger {
+  --pf-c-progress__bar--before--BackgroundColor: var(--pf-c-progress--m-danger__bar--BackgroundColor);
+  --pf-c-progress__status-icon--Color: var(--pf-c-progress--m-danger__status-icon--Color);
+}
+
+.pf-c-progress__description {
+  word-break: break-word;
+  grid-column: 1/2;
+}
+
+.pf-c-progress__description.pf-m-truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.pf-c-progress__status {
+  grid-column: 2/3;
+  grid-row: 1/2;
+  text-align: right;
+  word-break: break-word;
+}
+
+.pf-c-progress__status-icon {
+  margin-left: var(--pf-c-progress__status-icon--MarginLeft);
+  color: var(--pf-c-progress__status-icon--Color);
+}
+
+.pf-c-progress__bar {
+  position: relative;
+  grid-column: 1/3;
+  grid-row: 2/3;
+  align-self: center;
+  height: var(--pf-c-progress__bar--Height);
+  background-color: var(--pf-c-progress__bar--BackgroundColor);
+}
+
+.pf-c-progress__bar::before {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  content: "";
+  background-color: var(--pf-c-progress__bar--before--BackgroundColor);
+  opacity: var(--pf-c-progress__bar--before--Opacity);
+}
+
+.pf-c-progress__indicator {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: var(--pf-c-progress__indicator--Height);
+  background-color: var(--pf-c-progress__indicator--BackgroundColor);
+}
+
 .pf-c-progress-stepper {
   --pf-c-progress-stepper--GridAutoFlow: column;
   --pf-c-progress-stepper--GridTemplateRows: auto 1fr;
@@ -16314,185 +16493,6 @@ label.pf-c-radio, .pf-c-radio__label,
   cursor: not-allowed;
 }
 
-.pf-c-progress {
-  --pf-c-progress--GridGap: var(--pf-global--spacer--md);
-  --pf-c-progress__bar--before--BackgroundColor: var(--pf-global--primary-color--100);
-  --pf-c-progress__bar--Height: var(--pf-global--spacer--md);
-  --pf-c-progress__bar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
-  --pf-c-progress__measure--m-static-width--MinWidth: 4.5ch;
-  --pf-c-progress__status-icon--Color: var(--pf-global--Color--100);
-  --pf-c-progress__status-icon--MarginLeft: var(--pf-global--spacer--sm);
-  --pf-c-progress__bar--before--Opacity: .2;
-  --pf-c-progress__indicator--Height: var(--pf-c-progress__bar--Height);
-  --pf-c-progress__indicator--BackgroundColor: var(--pf-c-progress__bar--before--BackgroundColor);
-  --pf-c-progress--m-success__bar--BackgroundColor: var(--pf-global--success-color--100);
-  --pf-c-progress--m-warning__bar--BackgroundColor: var(--pf-global--warning-color--100);
-  --pf-c-progress--m-danger__bar--BackgroundColor: var(--pf-global--danger-color--100);
-  --pf-c-progress--m-success__status-icon--Color: var(--pf-global--success-color--100);
-  --pf-c-progress--m-warning__status-icon--Color: var(--pf-global--warning-color--100);
-  --pf-c-progress--m-danger__status-icon--Color: var(--pf-global--danger-color--100);
-  --pf-c-progress--m-inside__indicator--MinWidth: var(--pf-global--spacer--xl);
-  --pf-c-progress--m-inside__measure--Color: var(--pf-global--Color--light-100);
-  --pf-c-progress--m-success--m-inside__measure--Color: var(--pf-global--Color--light-100);
-  --pf-c-progress--m-warning--m-inside__measure--Color: var(--pf-global--Color--dark-100);
-  --pf-c-progress--m-inside__measure--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-progress--m-outside__measure--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-progress--m-sm__bar--Height: var(--pf-global--spacer--sm);
-  --pf-c-progress--m-sm__description--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-progress--m-sm__measure--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-progress--m-lg__bar--Height: var(--pf-global--spacer--lg);
-  display: grid;
-  align-items: end;
-  grid-gap: var(--pf-c-progress--GridGap);
-  grid-template-columns: auto auto;
-  grid-template-rows: 1fr auto;
-}
-
-.pf-c-progress.pf-m-sm {
-  --pf-c-progress__bar--Height: var(--pf-c-progress--m-sm__bar--Height);
-}
-
-.pf-c-progress.pf-m-sm .pf-c-progress__description {
-  font-size: var(--pf-c-progress--m-sm__description--FontSize);
-}
-
-.pf-c-progress.pf-m-sm .pf-c-progress__measure {
-  font-size: var(--pf-c-progress--m-sm__measure--FontSize);
-}
-
-.pf-c-progress.pf-m-lg {
-  --pf-c-progress__bar--Height: var(--pf-c-progress--m-lg__bar--Height);
-}
-
-.pf-c-progress.pf-m-inside .pf-c-progress__indicator {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-width: var(--pf-c-progress--m-inside__indicator--MinWidth);
-}
-
-.pf-c-progress.pf-m-inside .pf-c-progress__measure {
-  font-size: var(--pf-c-progress--m-inside__measure--FontSize);
-  color: var(--pf-c-progress--m-inside__measure--Color);
-  text-align: center;
-}
-
-.pf-c-progress.pf-m-outside .pf-c-progress__description {
-  grid-column: 1/3;
-}
-
-.pf-c-progress.pf-m-outside .pf-c-progress__status {
-  grid-column: 2/3;
-  grid-row: 2/3;
-  align-self: center;
-}
-
-.pf-c-progress.pf-m-outside .pf-c-progress__measure {
-  display: inline-block;
-  font-size: var(--pf-c-progress--m-outside__measure--FontSize);
-}
-
-.pf-c-progress.pf-m-outside .pf-c-progress__measure.pf-m-static-width {
-  min-width: var(--pf-c-progress__measure--m-static-width--MinWidth);
-  text-align: left;
-}
-
-.pf-c-progress.pf-m-outside .pf-c-progress__bar,
-.pf-c-progress.pf-m-outside .pf-c-progress__indicator {
-  grid-column: 1/2;
-}
-
-.pf-c-progress.pf-m-singleline {
-  grid-template-rows: 1fr;
-}
-
-.pf-c-progress.pf-m-singleline .pf-c-progress__description {
-  display: none;
-  visibility: hidden;
-}
-
-.pf-c-progress.pf-m-singleline .pf-c-progress__bar {
-  grid-row: 1/2;
-  grid-column: 1/2;
-}
-
-.pf-c-progress.pf-m-singleline .pf-c-progress__status {
-  grid-row: 1/2;
-  grid-column: 2/3;
-}
-
-.pf-c-progress.pf-m-outside, .pf-c-progress.pf-m-singleline {
-  grid-template-columns: 1fr fit-content(50%);
-}
-
-.pf-c-progress.pf-m-success {
-  --pf-c-progress__bar--before--BackgroundColor: var(--pf-c-progress--m-success__bar--BackgroundColor);
-  --pf-c-progress__status-icon--Color: var(--pf-c-progress--m-success__status-icon--Color);
-  --pf-c-progress--m-inside__measure--Color: var(--pf-c-progress--m-success--m-inside__measure--Color);
-}
-
-.pf-c-progress.pf-m-warning {
-  --pf-c-progress__bar--before--BackgroundColor: var(--pf-c-progress--m-warning__bar--BackgroundColor);
-  --pf-c-progress__status-icon--Color: var(--pf-c-progress--m-warning__status-icon--Color);
-  --pf-c-progress--m-inside__measure--Color: var(--pf-c-progress--m-warning--m-inside__measure--Color);
-}
-
-.pf-c-progress.pf-m-danger {
-  --pf-c-progress__bar--before--BackgroundColor: var(--pf-c-progress--m-danger__bar--BackgroundColor);
-  --pf-c-progress__status-icon--Color: var(--pf-c-progress--m-danger__status-icon--Color);
-}
-
-.pf-c-progress__description {
-  word-break: break-word;
-  grid-column: 1/2;
-}
-
-.pf-c-progress__description.pf-m-truncate {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.pf-c-progress__status {
-  grid-column: 2/3;
-  grid-row: 1/2;
-  text-align: right;
-  word-break: break-word;
-}
-
-.pf-c-progress__status-icon {
-  margin-left: var(--pf-c-progress__status-icon--MarginLeft);
-  color: var(--pf-c-progress__status-icon--Color);
-}
-
-.pf-c-progress__bar {
-  position: relative;
-  grid-column: 1/3;
-  grid-row: 2/3;
-  align-self: center;
-  height: var(--pf-c-progress__bar--Height);
-  background-color: var(--pf-c-progress__bar--BackgroundColor);
-}
-
-.pf-c-progress__bar::before {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  content: "";
-  background-color: var(--pf-c-progress__bar--before--BackgroundColor);
-  opacity: var(--pf-c-progress__bar--before--Opacity);
-}
-
-.pf-c-progress__indicator {
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: var(--pf-c-progress__indicator--Height);
-  background-color: var(--pf-c-progress__indicator--BackgroundColor);
-}
-
 .pf-c-search-input {
   --pf-c-search-input__text--before--BorderWidth: var(--pf-global--BorderWidth--sm);
   --pf-c-search-input__text--before--BorderColor: var(--pf-global--BorderColor--300);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-core",
-  "version": "4.208.6",
+  "version": "4.208.7",
   "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.59.6",
-    "@patternfly/react-styles": "^4.58.6",
-    "@patternfly/react-tokens": "^4.60.6",
+    "@patternfly/react-icons": "^4.59.7",
+    "@patternfly/react-styles": "^4.58.7",
+    "@patternfly/react-tokens": "^4.60.7",
     "focus-trap": "6.2.2",
     "react-dropzone": "9.0.0",
     "tippy.js": "5.1.2",
@@ -60,5 +60,5 @@
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"
   },
-  "gitHead": "35f7c3e0f7efd0b45a2659f80268b463f3e0a8d4"
+  "gitHead": "1af2a9586c42d64d32fe1def12a3c858653e7115"
 }