@patternfly/react-styles 4.34.1 → 4.34.2

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.34.2 (2022-01-10)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
+
+
+
+
 ## 4.34.1 (2022-01-10)
 
 **Note:** Version bump only for package @patternfly/react-styles

package/css/components/Button/button.css

@@ -144,6 +144,7 @@
   --pf-c-button__progress--width: calc(var(--pf-global--icon--FontSize--md) + var(--pf-global--spacer--sm));
   --pf-c-button__progress--Opacity: 0;
   --pf-c-button__progress--TranslateY: -50%;
+  --pf-c-button__progress--TranslateX: 0;
   --pf-c-button__progress--Top: 50%;
   --pf-c-button__progress--Left: var(--pf-global--spacer--md);
   --pf-c-button--m-progress--TransitionProperty: padding;
@@ -152,6 +153,9 @@
   --pf-c-button--m-progress--PaddingLeft: calc(var(--pf-global--spacer--md) + var(--pf-c-button__progress--width) / 2);
   --pf-c-button--m-in-progress--PaddingRight: var(--pf-global--spacer--md);
   --pf-c-button--m-in-progress--PaddingLeft: calc(var(--pf-global--spacer--md) + var(--pf-c-button__progress--width));
+  --pf-c-button--m-in-progress--m-plain--Color: var(--pf-global--primary-color--100);
+  --pf-c-button--m-in-progress--m-plain__progress--Left: 50%;
+  --pf-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
   position: relative;
   display: inline-block;
   padding: var(--pf-c-button--PaddingTop) var(--pf-c-button--PaddingRight) var(--pf-c-button--PaddingBottom) var(--pf-c-button--PaddingLeft);
@@ -437,10 +441,18 @@
   --pf-c-button--PaddingLeft: var(--pf-c-button--m-progress--PaddingLeft);
   transition: var(--pf-c-button--m-progress--TransitionProperty) var(--pf-c-button--m-progress--TransitionDuration);
 }
-.pf-c-button.pf-m-in-progress {
+.pf-c-button.pf-m-in-progress:not(.pf-m-plain) {
   --pf-c-button--PaddingRight: var(--pf-c-button--m-in-progress--PaddingRight);
   --pf-c-button--PaddingLeft: var(--pf-c-button--m-in-progress--PaddingLeft);
 }
+.pf-c-button.pf-m-in-progress.pf-m-plain {
+  --pf-c-button--m-plain--Color: var(--pf-c-button--m-in-progress--m-plain--Color);
+  --pf-c-button__progress--Left: var(--pf-c-button--m-in-progress--m-plain__progress--Left);
+  --pf-c-button__progress--TranslateX: var(--pf-c-button--m-in-progress--m-plain__progress--TranslateX);
+}
+.pf-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-c-button__progress) {
+  opacity: 0;
+}
 
 .pf-c-button__icon.pf-m-start {
   margin-right: var(--pf-c-button__icon--m-start--MarginRight);
@@ -454,7 +466,7 @@
   top: var(--pf-c-button__progress--Top);
   left: var(--pf-c-button__progress--Left);
   line-height: 1;
-  transform: translateY(var(--pf-c-button__progress--TranslateY));
+  transform: translate(var(--pf-c-button__progress--TranslateX), var(--pf-c-button__progress--TranslateY));
 }
 .pf-c-button__progress .pf-c-spinner {
   --pf-c-spinner--Color: currentColor;

package/css/components/LogViewer/log-viewer.css

@@ -1,15 +1,4 @@
-.pf-c-log-viewer__header,
-.pf-c-log-viewer__footer {
-  --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-log-viewer.pf-m-dark {
+.pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main {
   --pf-global--Color--100: var(--pf-global--Color--light-100);
   --pf-global--Color--200: var(--pf-global--Color--light-200);
   --pf-global--BorderColor--100: var(--pf-global--BorderColor--light-100);
@@ -18,10 +7,10 @@
   --pf-global--link--Color--hover: var(--pf-global--link--Color--light);
   --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--dark-100);
 }
-.pf-c-log-viewer.pf-m-dark .pf-c-card {
+.pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-card {
   --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200);
 }
-.pf-c-log-viewer.pf-m-dark .pf-c-button {
+.pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button {
   --pf-c-button--m-primary--Color: var(--pf-global--primary-color--dark-100);
   --pf-c-button--m-primary--hover--Color: var(--pf-global--primary-color--dark-100);
   --pf-c-button--m-primary--focus--Color: var(--pf-global--primary-color--dark-100);
@@ -51,8 +40,8 @@
   --pf-c-log-viewer__scroll-container--Height: 37.5rem;
   --pf-c-log-viewer__scroll-container--PaddingTop: var(--pf-global--spacer--sm);
   --pf-c-log-viewer__scroll-container--PaddingBottom: var(--pf-global--spacer--sm);
-  --pf-c-log-viewer--m-line-numbers__main--before--Top: var(--pf-global--spacer--sm);
-  --pf-c-log-viewer--m-line-numbers__main--before--Bottom: var(--pf-global--spacer--sm);
+  --pf-c-log-viewer--m-line-numbers__main--before--Top: 0;
+  --pf-c-log-viewer--m-line-numbers__main--before--Bottom: 0;
   --pf-c-log-viewer--m-line-numbers__main--before--Width: var(--pf-global--BorderWidth--sm);
   --pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-global--BorderColor--100);
   --pf-c-log-viewer__list--Height: auto;
@@ -64,7 +53,7 @@
   --pf-c-log-viewer__index--FontFamily: var(--pf-global--FontFamily--monospace);
   --pf-c-log-viewer__index--FontSize: var(--pf-global--FontSize--sm);
   --pf-c-log-viewer__index--Color: var(--pf-global--Color--200);
-  --pf-c-log-viewer__index--BackgroundColor: var(--pf-global--BackgroundColor--100);
+  --pf-c-log-viewer__index--BackgroundColor: transparent;
   --pf-c-log-viewer__text--PaddingRight: var(--pf-global--spacer--md);
   --pf-c-log-viewer__text--PaddingLeft: var(--pf-global--spacer--md);
   --pf-c-log-viewer__text--FontFamily: var(--pf-global--FontFamily--monospace);
@@ -92,9 +81,16 @@
   max-height: var(--pf-c-log-viewer--MaxHeight);
 }
 .pf-c-log-viewer.pf-m-dark {
-  color: var(--pf-global--Color--100);
   --pf-c-log-viewer__main--BorderWidth: var(--pf-c-log-viewer--m-dark__main--BorderWidth);
 }
+.pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main {
+  color: var(--pf-global--Color--100);
+  --pf-c-log-viewer__main--BackgroundColor: var(--pf-global--BackgroundColor--100);
+  --pf-c-log-viewer__main--BorderColor: var(--pf-global--BorderColor--100);
+  --pf-c-log-viewer__text--Color: var(--pf-global--Color--100);
+  --pf-c-log-viewer__index--Color: var(--pf-global--Color--200);
+  --pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-global--BorderColor--100);
+}
 .pf-c-log-viewer.pf-m-wrap-text {
   word-break: break-all;
 }
@@ -137,11 +133,6 @@
   margin-bottom: var(--pf-c-log-viewer__header--MarginBottom);
 }
 
-.pf-c-log-viewer__header,
-.pf-c-log-viewer__footer {
-  color: var(--pf-global--Color--100);
-}
-
 .pf-c-log-viewer__main {
   display: flex;
   flex-direction: column;

package/css/components/LogViewer/log-viewer.d.ts

@@ -3,7 +3,6 @@ declare const _default: {
   "button": "pf-c-button",
   "card": "pf-c-card",
   "logViewer": "pf-c-log-viewer",
-  "logViewerFooter": "pf-c-log-viewer__footer",
   "logViewerHeader": "pf-c-log-viewer__header",
   "logViewerIndex": "pf-c-log-viewer__index",
   "logViewerList": "pf-c-log-viewer__list",

package/css/components/LogViewer/log-viewer.js

@@ -5,7 +5,6 @@ exports.default = {
   "button": "pf-c-button",
   "card": "pf-c-card",
   "logViewer": "pf-c-log-viewer",
-  "logViewerFooter": "pf-c-log-viewer__footer",
   "logViewerHeader": "pf-c-log-viewer__header",
   "logViewerIndex": "pf-c-log-viewer__index",
   "logViewerList": "pf-c-log-viewer__list",

package/css/components/Table/table.css

@@ -472,7 +472,7 @@
 .pf-c-table .pf-c-table__icon,
 .pf-c-table .pf-m-fit-content {
   --pf-c-table--cell--MinWidth: fit-content;
-  --pf-c-table--cell--MaxWidth: fit-content;
+  --pf-c-table--cell--MaxWidth: none;
   --pf-c-table--cell--Width: 1%;
   --pf-c-table--cell--Overflow: visible;
   --pf-c-table--cell--TextOverflow: clip;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-styles",
-  "version": "4.34.1",
+  "version": "4.34.2",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",
@@ -19,7 +19,7 @@
     "clean": "rimraf dist css"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "4.165.2",
+    "@patternfly/patternfly": "4.166.3",
     "camel-case": "^3.0.0",
     "css": "^2.2.3",
     "fs-extra": "^6.0.1",
@@ -29,5 +29,5 @@
     "typescript": "^4.0.0"
   },
   "license": "MIT",
-  "gitHead": "8ec6b1dd83d1dd57a541811b5336ccede3183192"
+  "gitHead": "948a074ec94f6131cebca702a2b41cf3c6835da2"
 }