@patternfly/react-table 4.53.1 → 4.53.2

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

@@ -620,7 +620,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;
@@ -4995,6 +4995,7 @@ label.pf-c-check, .pf-c-check__label,
   --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;
@@ -5003,6 +5004,9 @@ label.pf-c-check, .pf-c-check__label,
   --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);
@@ -5350,11 +5354,21 @@ label.pf-c-check, .pf-c-check__label,
   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);
 }
@@ -5368,7 +5382,7 @@ label.pf-c-check, .pf-c-check__label,
   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 {
@@ -17409,6 +17423,106 @@ ul.pf-c-list {
   margin: 0;
 }
 
+.pf-c-notification-badge {
+  --pf-c-notification-badge--PaddingTop: var(--pf-global--spacer--form-element);
+  --pf-c-notification-badge--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-notification-badge--PaddingBottom: var(--pf-global--spacer--form-element);
+  --pf-c-notification-badge--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-notification-badge--MarginTop: calc(-1 * var(--pf-global--spacer--form-element));
+  --pf-c-notification-badge--MarginRight: calc(-1 * var(--pf-global--spacer--md));
+  --pf-c-notification-badge--MarginBottom: calc(-1 * var(--pf-global--spacer--form-element));
+  --pf-c-notification-badge--MarginLeft: calc(-1 * var(--pf-global--spacer--md));
+  --pf-c-notification-badge--after--BorderColor: transparent;
+  --pf-c-notification-badge--after--BorderRadius: var(--pf-global--BorderRadius--sm);
+  --pf-c-notification-badge--after--BorderWidth: 0;
+  --pf-c-notification-badge--after--Top: 0;
+  --pf-c-notification-badge--after--Right: 0;
+  --pf-c-notification-badge--after--Width: auto;
+  --pf-c-notification-badge--after--Height: auto;
+  --pf-c-notification-badge--after--BackgroundColor: transparent;
+  --pf-c-notification-badge--after--TranslateX: 0;
+  --pf-c-notification-badge--after--TranslateY: 0;
+  --pf-c-notification-badge__i--Width: auto;
+  --pf-c-notification-badge__i--Height: auto;
+  --pf-c-notification-badge--m-read--after--BorderColor: transparent;
+  --pf-c-notification-badge--m-read--after--BackgroundColor: transparent;
+  --pf-c-notification-badge--m-unread--Color: var(--pf-global--Color--light-100);
+  --pf-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-global--active-color--100);
+  --pf-c-notification-badge--m-unread--hover--after--BackgroundColor: var(--pf-global--primary-color--200);
+  --pf-c-notification-badge--m-attention--Color: var(--pf-global--Color--light-100);
+  --pf-c-notification-badge--m-attention--after--BackgroundColor: var(--pf-global--danger-color--100);
+  --pf-c-notification-badge--m-attention--hover--after--BackgroundColor: var(--pf-global--danger-color--200);
+  --pf-c-notification-badge__count--MarginLeft: var(--pf-global--spacer--xs);
+  --pf-c-notification-badge--pf-icon-attention-bell--LineHeight: var(--pf-global--LineHeight--sm);
+  position: relative;
+  display: inline-block;
+  padding: var(--pf-c-notification-badge--PaddingTop) var(--pf-c-notification-badge--PaddingRight) var(--pf-c-notification-badge--PaddingBottom) var(--pf-c-notification-badge--PaddingLeft);
+  margin: var(--pf-c-notification-badge--MarginTop) var(--pf-c-notification-badge--MarginRight) var(--pf-c-notification-badge--MarginBottom) var(--pf-c-notification-badge--MarginLeft);
+  background-color: var(--pf-c-notification-badge--after--BackgroundColor);
+  border-radius: var(--pf-c-notification-badge--after--BorderRadius);
+}
+
+.pf-c-notification-badge::before {
+  position: absolute;
+  top: var(--pf-c-notification-badge--after--Top);
+  right: var(--pf-c-notification-badge--after--Right);
+  bottom: 0;
+  left: 0;
+  width: var(--pf-c-notification-badge--after--Width);
+  height: var(--pf-c-notification-badge--after--Height);
+  content: "";
+  border: var(--pf-c-notification-badge--after--BorderWidth) solid var(--pf-c-notification-badge--after--BorderColor);
+  border-radius: var(--pf-c-notification-badge--after--BorderRadius);
+  transform: translate(var(--pf-c-notification-badge--after--TranslateX), var(--pf-c-notification-badge--after--TranslateY));
+}
+
+.pf-c-notification-badge > i {
+  width: var(--pf-c-notification-badge__i--Width);
+  height: var(--pf-c-notification-badge__i--Height);
+}
+
+.pf-c-notification-badge > * {
+  position: relative;
+}
+
+.pf-c-notification-badge .pf-icon-attention-bell,
+.pf-c-notification-badge .pf-icon-bell {
+  display: inline-block;
+  line-height: var(--pf-c-notification-badge--pf-icon-attention-bell--LineHeight);
+}
+
+.pf-c-notification-badge .pf-icon-attention-bell::before,
+.pf-c-notification-badge .pf-icon-bell::before {
+  vertical-align: bottom;
+}
+
+.pf-c-notification-badge.pf-m-read {
+  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-read--after--BackgroundColor);
+  --pf-c-notification-badge--after--BorderColor: var(--pf-c-notification-badge--m-read--after--BorderColor);
+}
+
+.pf-c-notification-badge.pf-m-unread {
+  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-unread--after--BackgroundColor);
+  color: var(--pf-c-notification-badge--m-unread--Color);
+}
+
+.pf-c-notification-badge.pf-m-unread:hover {
+  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-unread--hover--after--BackgroundColor);
+}
+
+.pf-c-notification-badge.pf-m-attention {
+  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-attention--after--BackgroundColor);
+  color: var(--pf-c-notification-badge--m-attention--Color);
+}
+
+.pf-c-notification-badge.pf-m-attention:hover {
+  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-attention--hover--after--BackgroundColor);
+}
+
+.pf-c-notification-badge__count {
+  margin-left: var(--pf-c-notification-badge__count--MarginLeft);
+}
+
 .pf-c-notification-drawer {
   --pf-c-notification-drawer--BackgroundColor: var(--pf-global--BackgroundColor--200);
   --pf-c-notification-drawer__header--PaddingTop: var(--pf-global--spacer--md);
@@ -17687,106 +17801,6 @@ ul.pf-c-list {
   transform: rotate(var(--pf-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
 }
 
-.pf-c-notification-badge {
-  --pf-c-notification-badge--PaddingTop: var(--pf-global--spacer--form-element);
-  --pf-c-notification-badge--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-notification-badge--PaddingBottom: var(--pf-global--spacer--form-element);
-  --pf-c-notification-badge--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-notification-badge--MarginTop: calc(-1 * var(--pf-global--spacer--form-element));
-  --pf-c-notification-badge--MarginRight: calc(-1 * var(--pf-global--spacer--md));
-  --pf-c-notification-badge--MarginBottom: calc(-1 * var(--pf-global--spacer--form-element));
-  --pf-c-notification-badge--MarginLeft: calc(-1 * var(--pf-global--spacer--md));
-  --pf-c-notification-badge--after--BorderColor: transparent;
-  --pf-c-notification-badge--after--BorderRadius: var(--pf-global--BorderRadius--sm);
-  --pf-c-notification-badge--after--BorderWidth: 0;
-  --pf-c-notification-badge--after--Top: 0;
-  --pf-c-notification-badge--after--Right: 0;
-  --pf-c-notification-badge--after--Width: auto;
-  --pf-c-notification-badge--after--Height: auto;
-  --pf-c-notification-badge--after--BackgroundColor: transparent;
-  --pf-c-notification-badge--after--TranslateX: 0;
-  --pf-c-notification-badge--after--TranslateY: 0;
-  --pf-c-notification-badge__i--Width: auto;
-  --pf-c-notification-badge__i--Height: auto;
-  --pf-c-notification-badge--m-read--after--BorderColor: transparent;
-  --pf-c-notification-badge--m-read--after--BackgroundColor: transparent;
-  --pf-c-notification-badge--m-unread--Color: var(--pf-global--Color--light-100);
-  --pf-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-global--active-color--100);
-  --pf-c-notification-badge--m-unread--hover--after--BackgroundColor: var(--pf-global--primary-color--200);
-  --pf-c-notification-badge--m-attention--Color: var(--pf-global--Color--light-100);
-  --pf-c-notification-badge--m-attention--after--BackgroundColor: var(--pf-global--danger-color--100);
-  --pf-c-notification-badge--m-attention--hover--after--BackgroundColor: var(--pf-global--danger-color--200);
-  --pf-c-notification-badge__count--MarginLeft: var(--pf-global--spacer--xs);
-  --pf-c-notification-badge--pf-icon-attention-bell--LineHeight: var(--pf-global--LineHeight--sm);
-  position: relative;
-  display: inline-block;
-  padding: var(--pf-c-notification-badge--PaddingTop) var(--pf-c-notification-badge--PaddingRight) var(--pf-c-notification-badge--PaddingBottom) var(--pf-c-notification-badge--PaddingLeft);
-  margin: var(--pf-c-notification-badge--MarginTop) var(--pf-c-notification-badge--MarginRight) var(--pf-c-notification-badge--MarginBottom) var(--pf-c-notification-badge--MarginLeft);
-  background-color: var(--pf-c-notification-badge--after--BackgroundColor);
-  border-radius: var(--pf-c-notification-badge--after--BorderRadius);
-}
-
-.pf-c-notification-badge::before {
-  position: absolute;
-  top: var(--pf-c-notification-badge--after--Top);
-  right: var(--pf-c-notification-badge--after--Right);
-  bottom: 0;
-  left: 0;
-  width: var(--pf-c-notification-badge--after--Width);
-  height: var(--pf-c-notification-badge--after--Height);
-  content: "";
-  border: var(--pf-c-notification-badge--after--BorderWidth) solid var(--pf-c-notification-badge--after--BorderColor);
-  border-radius: var(--pf-c-notification-badge--after--BorderRadius);
-  transform: translate(var(--pf-c-notification-badge--after--TranslateX), var(--pf-c-notification-badge--after--TranslateY));
-}
-
-.pf-c-notification-badge > i {
-  width: var(--pf-c-notification-badge__i--Width);
-  height: var(--pf-c-notification-badge__i--Height);
-}
-
-.pf-c-notification-badge > * {
-  position: relative;
-}
-
-.pf-c-notification-badge .pf-icon-attention-bell,
-.pf-c-notification-badge .pf-icon-bell {
-  display: inline-block;
-  line-height: var(--pf-c-notification-badge--pf-icon-attention-bell--LineHeight);
-}
-
-.pf-c-notification-badge .pf-icon-attention-bell::before,
-.pf-c-notification-badge .pf-icon-bell::before {
-  vertical-align: bottom;
-}
-
-.pf-c-notification-badge.pf-m-read {
-  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-read--after--BackgroundColor);
-  --pf-c-notification-badge--after--BorderColor: var(--pf-c-notification-badge--m-read--after--BorderColor);
-}
-
-.pf-c-notification-badge.pf-m-unread {
-  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-unread--after--BackgroundColor);
-  color: var(--pf-c-notification-badge--m-unread--Color);
-}
-
-.pf-c-notification-badge.pf-m-unread:hover {
-  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-unread--hover--after--BackgroundColor);
-}
-
-.pf-c-notification-badge.pf-m-attention {
-  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-attention--after--BackgroundColor);
-  color: var(--pf-c-notification-badge--m-attention--Color);
-}
-
-.pf-c-notification-badge.pf-m-attention:hover {
-  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-attention--hover--after--BackgroundColor);
-}
-
-.pf-c-notification-badge__count {
-  margin-left: var(--pf-c-notification-badge__count--MarginLeft);
-}
-
 .pf-c-options-menu {
   --pf-c-options-menu__toggle--BackgroundColor: transparent;
   --pf-c-options-menu__toggle--PaddingTop: var(--pf-global--spacer--form-element);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-table",
-  "version": "4.53.1",
+  "version": "4.53.2",
   "description": "This library provides a set of React table components for use with the PatternFly 4",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
@@ -31,10 +31,10 @@
     "clean": "rimraf dist"
   },
   "dependencies": {
-    "@patternfly/react-core": "^4.184.1",
-    "@patternfly/react-icons": "^4.35.1",
-    "@patternfly/react-styles": "^4.34.1",
-    "@patternfly/react-tokens": "^4.36.1",
+    "@patternfly/react-core": "^4.184.2",
+    "@patternfly/react-icons": "^4.35.2",
+    "@patternfly/react-styles": "^4.34.2",
+    "@patternfly/react-tokens": "^4.36.2",
     "lodash": "^4.17.19",
     "tslib": "^2.0.0"
   },
@@ -46,5 +46,5 @@
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"
   },
-  "gitHead": "8ec6b1dd83d1dd57a541811b5336ccede3183192"
+  "gitHead": "948a074ec94f6131cebca702a2b41cf3c6835da2"
 }