@patternfly/react-table 4.52.0 → 4.52.4

package/CHANGELOG.md

@@ -3,6 +3,41 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 4.52.4 (2022-01-06)
+
+**Note:** Version bump only for package @patternfly/react-table
+
+
+
+
+
+## 4.52.3 (2022-01-06)
+
+
+### Bug Fixes
+
+* **TopologyControlBar:** Update screen reader className to latest ([#6739](https://github.com/patternfly/patternfly-react/issues/6739)) ([ed9da57](https://github.com/patternfly/patternfly-react/commit/ed9da575fddf9fe7af8a891972f7a66520785411))
+
+
+
+
+
+## 4.52.2 (2022-01-06)
+
+**Note:** Version bump only for package @patternfly/react-table
+
+
+
+
+
+## 4.52.1 (2022-01-06)
+
+**Note:** Version bump only for package @patternfly/react-table
+
+
+
+
+
 # 4.52.0 (2022-01-05)
 
 

package/dist/umd/react-table.css

@@ -12616,6 +12616,7 @@ button.pf-c-breadcrumb__link {
   --pf-c-expandable-section__toggle--active--Color: var(--pf-global--link--Color--hover);
   --pf-c-expandable-section__toggle--focus--Color: var(--pf-global--link--Color--hover);
   --pf-c-expandable-section__toggle--m-expanded--Color: var(--pf-global--link--Color--hover);
+  --pf-c-expandable-section__toggle-icon--MinWidth: 1em;
   --pf-c-expandable-section__toggle-icon--Color: var(--pf-global--Color--100);
   --pf-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
   --pf-c-expandable-section__toggle-icon--Rotate: 0;
@@ -12638,6 +12639,7 @@ button.pf-c-breadcrumb__link {
   --pf-c-expandable-section--m-display-lg--after--BackgroundColor: transparent;
   --pf-c-expandable-section--m-display-lg--after--Width: var(--pf-global--BorderWidth--lg);
   --pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor: var(--pf-global--primary-color--100);
+  --pf-c-expandable-section--m-indented__content--PaddingLeft: calc(var(--pf-c-expandable-section__toggle-text--MarginLeft) + var(--pf-c-expandable-section__toggle-icon--MinWidth));
 }
 
 .pf-c-expandable-section.pf-m-expanded {
@@ -12678,6 +12680,10 @@ button.pf-c-breadcrumb__link {
   background-color: var(--pf-c-expandable-section--m-display-lg--after--BackgroundColor);
 }
 
+.pf-c-expandable-section.pf-m-indented {
+  --pf-c-expandable-section__content--PaddingLeft: var(--pf-c-expandable-section--m-indented__content--PaddingLeft);
+}
+
 .pf-c-expandable-section__toggle {
   display: flex;
   padding: var(--pf-c-expandable-section__toggle--PaddingTop) var(--pf-c-expandable-section__toggle--PaddingRight) var(--pf-c-expandable-section__toggle--PaddingBottom) var(--pf-c-expandable-section__toggle--PaddingLeft);
@@ -12698,6 +12704,7 @@ button.pf-c-breadcrumb__link {
 }
 
 .pf-c-expandable-section__toggle-icon {
+  min-width: var(--pf-c-expandable-section__toggle-icon--MinWidth);
   color: var(--pf-c-expandable-section__toggle-icon--Color);
   transition: var(--pf-c-expandable-section__toggle-icon--Transition);
   transform: rotate(var(--pf-c-expandable-section__toggle-icon--Rotate));
@@ -12723,6 +12730,81 @@ button.pf-c-breadcrumb__link {
   font-weight: var(--pf-global--FontWeight--semi-bold);
 }
 
+.pf-c-file-upload {
+  --pf-c-file-upload--m-loading__file-details--before--BackgroundColor: var(--pf-global--BackgroundColor--100);
+  --pf-c-file-upload--m-loading__file-details--before--Left: var(--pf-global--BorderWidth--sm);
+  --pf-c-file-upload--m-loading__file-details--before--Right: var(--pf-global--BorderWidth--sm);
+  --pf-c-file-upload--m-loading__file-details--before--Bottom: var(--pf-global--BorderWidth--sm);
+  --pf-c-file-upload--m-drag-hover--before--BorderWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-file-upload--m-drag-hover--before--BorderColor: var(--pf-global--primary-color--100);
+  --pf-c-file-upload--m-drag-hover--before--ZIndex: var(--pf-global--ZIndex--xs);
+  --pf-c-file-upload--m-drag-hover--after--BackgroundColor: var(--pf-global--primary-color--100);
+  --pf-c-file-upload--m-drag-hover--after--Opacity: .1;
+  --pf-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-global--spacer--3xl) * 2);
+  --pf-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
+  position: relative;
+  display: flex;
+  flex-direction: column;
+}
+
+.pf-c-file-upload.pf-m-drag-hover::before {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: var(--pf-c-file-upload--m-drag-hover--before--ZIndex);
+  content: "";
+  border: var(--pf-c-file-upload--m-drag-hover--before--BorderWidth) solid var(--pf-c-file-upload--m-drag-hover--before--BorderColor);
+}
+
+.pf-c-file-upload.pf-m-drag-hover::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  content: "";
+  background-color: var(--pf-c-file-upload--m-drag-hover--after--BackgroundColor);
+  opacity: var(--pf-c-file-upload--m-drag-hover--after--Opacity);
+}
+
+.pf-c-file-upload.pf-m-loading .pf-c-file-upload__file-details {
+  position: relative;
+}
+
+.pf-c-file-upload.pf-m-loading .pf-c-file-upload__file-details::before {
+  position: absolute;
+  top: 0;
+  right: var(--pf-c-file-upload--m-loading__file-details--before--Left);
+  bottom: var(--pf-c-file-upload--m-loading__file-details--before--Left);
+  left: var(--pf-c-file-upload--m-loading__file-details--before--Left);
+  content: "";
+  background-color: var(--pf-c-file-upload--m-loading__file-details--before--BackgroundColor);
+}
+
+.pf-c-file-upload__file-select .pf-c-button.pf-m-control {
+  outline-offset: var(--pf-c-file-upload__file-select__c-button--m-control--OutlineOffset);
+}
+
+.pf-c-file-upload__file-details {
+  position: relative;
+  display: flex;
+}
+
+.pf-c-file-upload__file-details .pf-c-form-control {
+  flex: 1 1 auto;
+  min-height: var(--pf-c-file-upload__file-details__c-form-control--MinHeight);
+  border-top: 0;
+}
+
+.pf-c-file-upload__file-details-spinner {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
 .pf-c-helper-text {
   --pf-c-helper-text--Gap: var(--pf-global--spacer--xs);
   --pf-c-helper-text--FontSize: var(--pf-global--FontSize--sm);
@@ -13678,6 +13760,7 @@ label.pf-c-input-group__text {
   --pf-c-label--m-compact--PaddingBottom: 0;
   --pf-c-label--m-compact--PaddingLeft: var(--pf-global--spacer--sm);
   --pf-c-label--m-compact--FontSize: var(--pf-global--FontSize--xs);
+  --pf-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
   --pf-c-label__content--Color: var(--pf-global--Color--100);
   --pf-c-label--m-outline__content--Color: var(--pf-global--Color--100);
   --pf-c-label__text--MaxWidth: 16ch;
@@ -13692,6 +13775,18 @@ label.pf-c-input-group__text {
   --pf-c-label__c-button--PaddingRight: var(--pf-global--spacer--sm);
   --pf-c-label__c-button--PaddingBottom: var(--pf-global--spacer--xs);
   --pf-c-label__c-button--PaddingLeft: var(--pf-global--spacer--sm);
+  --pf-c-label__editable-text--MaxWidth: 16ch;
+  --pf-c-label__editable-text--BorderWidth: 0;
+  --pf-c-label--m-editable--Cursor: pointer;
+  --pf-c-label--m-editable--TextDecoration: underline;
+  --pf-c-label--m-editable--TextDecorationStyle: dashed;
+  --pf-c-label--m-editable--TextDecorationThickness: var(--pf-global--BorderWidth--sm);
+  --pf-c-label--m-editable--TextDecorationOffset: 0.25rem;
+  --pf-c-label--m-editable--TextDecorationColor: var(--pf-global--BorderColor--200);
+  --pf-c-label--m-editable--hover--TextDecorationColor: var(--pf-global--Color--100);
+  --pf-c-label--m-editable--focus--TextDecorationColor: var(--pf-global--Color--100);
+  --pf-c-label--m-editable--m-editable-active--Cursor: auto;
+  --pf-c-label--m-editable--m-editable-active--TextDecoration: none;
   --pf-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
   --pf-c-label--m-editable--m-editable-active__content--before--BorderWidth: 0;
   --pf-c-label--m-editable--m-editable-active__content--before--BorderColor: transparent;
@@ -13711,6 +13806,7 @@ label.pf-c-input-group__text {
   --pf-c-label--PaddingBottom: var(--pf-c-label--m-compact--PaddingBottom);
   --pf-c-label--PaddingLeft: var(--pf-c-label--m-compact--PaddingLeft);
   --pf-c-label--FontSize: var(--pf-c-label--m-compact--FontSize);
+  --pf-c-label--m-editable--TextDecorationOffset: var(--pf-c-label--m-compact--m-editable--TextDecorationOffset);
 }
 
 .pf-c-label.pf-m-blue {
@@ -13810,7 +13906,26 @@ label.pf-c-input-group__text {
   --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-outline__content--link--focus--before--BorderColor);
 }
 
+.pf-c-label.pf-m-editable {
+  text-decoration: var(--pf-c-label--m-editable--TextDecoration);
+  cursor: var(--pf-c-label--m-editable--Cursor);
+  text-decoration-style: var(--pf-c-label--m-editable--TextDecorationStyle);
+  text-decoration-thickness: var(--pf-c-label--m-editable--TextDecorationThickness);
+  text-underline-offset: var(--pf-c-label--m-editable--TextDecorationOffset);
+  text-decoration-color: var(--pf-c-label--m-editable--TextDecorationColor);
+}
+
+.pf-c-label.pf-m-editable:hover {
+  --pf-c-label--m-editable--TextDecorationColor: var(--pf-c-label--m-editable--hover--TextDecorationColor);
+}
+
+.pf-c-label.pf-m-editable:focus {
+  --pf-c-label--m-editable--TextDecorationColor: var(--pf-c-label--m-editable--focus--TextDecorationColor);
+}
+
 .pf-c-label.pf-m-editable-active {
+  --pf-c-label--m-editable--Cursor: var(--pf-c-label--m-editable--m-editable-active--Cursor);
+  --pf-c-label--m-editable--TextDecoration: var(--pf-c-label--m-editable--m-editable-active--TextDecoration);
   --pf-c-label--BackgroundColor: var(--pf-c-label--m-editable--m-editable-active--BackgroundColor);
   --pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-editable--m-editable-active__content--before--BorderWidth);
   --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-editable--m-editable-active__content--before--BorderColor);
@@ -13820,6 +13935,14 @@ label.pf-c-input-group__text {
   visibility: hidden;
 }
 
+.pf-c-label .pf-c-label__editable-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: var(--pf-c-label__editable-text--MaxWidth);
+  border-width: var(--pf-c-label__editable-text--BorderWidth);
+}
+
 .pf-c-label .pf-c-button {
   --pf-c-button--FontSize: var(--pf-c-label__c-button--FontSize);
   --pf-c-button--PaddingTop: var(--pf-c-label__c-button--PaddingTop);
@@ -17275,6 +17398,16 @@ ul.pf-c-list {
   left: 0;
 }
 
+.pf-l-bullseye {
+  --pf-l-bullseye--Padding: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  padding: var(--pf-l-bullseye--Padding);
+  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);
@@ -17375,16 +17508,6 @@ ul.pf-c-list {
   margin-left: var(--pf-c-notification-badge__count--MarginLeft);
 }
 
-.pf-l-bullseye {
-  --pf-l-bullseye--Padding: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-  padding: var(--pf-l-bullseye--Padding);
-  margin: 0;
-}
-
 .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);
@@ -19556,81 +19679,6 @@ ul.pf-c-list {
   background-color: var(--pf-c-progress__indicator--BackgroundColor);
 }
 
-.pf-c-file-upload {
-  --pf-c-file-upload--m-loading__file-details--before--BackgroundColor: var(--pf-global--BackgroundColor--100);
-  --pf-c-file-upload--m-loading__file-details--before--Left: var(--pf-global--BorderWidth--sm);
-  --pf-c-file-upload--m-loading__file-details--before--Right: var(--pf-global--BorderWidth--sm);
-  --pf-c-file-upload--m-loading__file-details--before--Bottom: var(--pf-global--BorderWidth--sm);
-  --pf-c-file-upload--m-drag-hover--before--BorderWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-file-upload--m-drag-hover--before--BorderColor: var(--pf-global--primary-color--100);
-  --pf-c-file-upload--m-drag-hover--before--ZIndex: var(--pf-global--ZIndex--xs);
-  --pf-c-file-upload--m-drag-hover--after--BackgroundColor: var(--pf-global--primary-color--100);
-  --pf-c-file-upload--m-drag-hover--after--Opacity: .1;
-  --pf-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-global--spacer--3xl) * 2);
-  --pf-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
-  position: relative;
-  display: flex;
-  flex-direction: column;
-}
-
-.pf-c-file-upload.pf-m-drag-hover::before {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: var(--pf-c-file-upload--m-drag-hover--before--ZIndex);
-  content: "";
-  border: var(--pf-c-file-upload--m-drag-hover--before--BorderWidth) solid var(--pf-c-file-upload--m-drag-hover--before--BorderColor);
-}
-
-.pf-c-file-upload.pf-m-drag-hover::after {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  content: "";
-  background-color: var(--pf-c-file-upload--m-drag-hover--after--BackgroundColor);
-  opacity: var(--pf-c-file-upload--m-drag-hover--after--Opacity);
-}
-
-.pf-c-file-upload.pf-m-loading .pf-c-file-upload__file-details {
-  position: relative;
-}
-
-.pf-c-file-upload.pf-m-loading .pf-c-file-upload__file-details::before {
-  position: absolute;
-  top: 0;
-  right: var(--pf-c-file-upload--m-loading__file-details--before--Left);
-  bottom: var(--pf-c-file-upload--m-loading__file-details--before--Left);
-  left: var(--pf-c-file-upload--m-loading__file-details--before--Left);
-  content: "";
-  background-color: var(--pf-c-file-upload--m-loading__file-details--before--BackgroundColor);
-}
-
-.pf-c-file-upload__file-select .pf-c-button.pf-m-control {
-  outline-offset: var(--pf-c-file-upload__file-select__c-button--m-control--OutlineOffset);
-}
-
-.pf-c-file-upload__file-details {
-  position: relative;
-  display: flex;
-}
-
-.pf-c-file-upload__file-details .pf-c-form-control {
-  flex: 1 1 auto;
-  min-height: var(--pf-c-file-upload__file-details__c-form-control--MinHeight);
-  border-top: 0;
-}
-
-.pf-c-file-upload__file-details-spinner {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-
 .pf-c-progress-stepper {
   --pf-c-progress-stepper--GridAutoFlow: column;
   --pf-c-progress-stepper--GridTemplateRows: auto 1fr;