@patternfly/react-core 4.232.10 → 4.232.13

package/dist/umd/react-core.js

@@ -14664,6 +14664,7 @@
             }
         };
         const onKeyDown = (event) => {
+            var _a, _b;
             const key = event.key;
             if ((!isEditableActive &&
                 (!editableButtonRef ||
@@ -14680,6 +14681,7 @@
                     onEditComplete && onEditComplete(editableInputRef.current.value);
                 }
                 setIsEditableActive(false);
+                (_a = editableButtonRef === null || editableButtonRef === void 0 ? void 0 : editableButtonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
             }
             if (isEditableActive && key === 'Escape') {
                 event.preventDefault();
@@ -14690,6 +14692,7 @@
                     onEditCancel && onEditCancel(children);
                 }
                 setIsEditableActive(false);
+                (_b = editableButtonRef === null || editableButtonRef === void 0 ? void 0 : editableButtonRef.current) === null || _b === void 0 ? void 0 : _b.focus();
             }
             if (!isEditableActive && key === 'Enter') {
                 event.preventDefault();

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

@@ -8464,149 +8464,6 @@ label.pf-c-check, .pf-c-check__label,
   font-size: var(--pf-global--FontSize--lg);
 }
 
-.pf-c-expandable-section {
-  --pf-c-expandable-section__toggle--PaddingTop: var(--pf-global--spacer--form-element);
-  --pf-c-expandable-section__toggle--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-expandable-section__toggle--PaddingBottom: var(--pf-global--spacer--form-element);
-  --pf-c-expandable-section__toggle--PaddingLeft: 0;
-  --pf-c-expandable-section__toggle--MarginTop: 0;
-  --pf-c-expandable-section__toggle--Color: var(--pf-global--link--Color);
-  --pf-c-expandable-section__toggle--hover--Color: var(--pf-global--link--Color--hover);
-  --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;
-  --pf-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
-  --pf-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
-  --pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
-  --pf-c-expandable-section__toggle-text--MarginLeft: calc(var(--pf-global--spacer--xs) + var(--pf-global--spacer--sm));
-  --pf-c-expandable-section__content--MarginTop: var(--pf-global--spacer--md);
-  --pf-c-expandable-section__content--MaxWidth: auto;
-  --pf-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
-  --pf-c-expandable-section--m-display-lg--BoxShadow: var(--pf-global--BoxShadow--md);
-  --pf-c-expandable-section--m-display-lg__toggle--PaddingTop: var(--pf-global--spacer--md);
-  --pf-c-expandable-section--m-display-lg__toggle--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-expandable-section--m-display-lg__toggle--PaddingBottom: var(--pf-global--spacer--md);
-  --pf-c-expandable-section--m-display-lg__toggle--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-expandable-section--m-display-lg__content--MarginTop: 0;
-  --pf-c-expandable-section--m-display-lg__content--PaddingRight: var(--pf-global--spacer--lg);
-  --pf-c-expandable-section--m-display-lg__content--PaddingBottom: var(--pf-global--spacer--lg);
-  --pf-c-expandable-section--m-display-lg__content--PaddingLeft: var(--pf-global--spacer--lg);
-  --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--m-truncate__content--LineClamp: 3;
-  --pf-c-expandable-section--m-truncate__toggle--MarginTop: var(--pf-global--spacer--xs);
-}
-
-.pf-c-expandable-section.pf-m-expanded {
-  --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--m-expanded--Color);
-  --pf-c-expandable-section__toggle-icon--Rotate: var(--pf-c-expandable-section--m-expanded__toggle-icon--Rotate);
-  --pf-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
-  --pf-c-expandable-section--m-display-lg--after--BackgroundColor: var(--pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor);
-}
-
-.pf-c-expandable-section.pf-m-detached, .pf-c-expandable-section.pf-m-truncate {
-  --pf-c-expandable-section__content--MarginTop: 0;
-}
-
-.pf-c-expandable-section.pf-m-limit-width {
-  --pf-c-expandable-section__content--MaxWidth: var(--pf-c-expandable-section--m-limit-width__content--MaxWidth);
-}
-
-.pf-c-expandable-section.pf-m-display-lg {
-  --pf-c-expandable-section__toggle--PaddingTop: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingTop);
-  --pf-c-expandable-section__toggle--PaddingRight: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingRight);
-  --pf-c-expandable-section__toggle--PaddingBottom: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingBottom);
-  --pf-c-expandable-section__toggle--PaddingLeft: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingLeft);
-  --pf-c-expandable-section__content--PaddingRight: var(--pf-c-expandable-section--m-display-lg__content--PaddingRight);
-  --pf-c-expandable-section__content--PaddingBottom: var(--pf-c-expandable-section--m-display-lg__content--PaddingBottom);
-  --pf-c-expandable-section__content--PaddingLeft: var(--pf-c-expandable-section--m-display-lg__content--PaddingLeft);
-  --pf-c-expandable-section__content--MarginTop: var(--pf-c-expandable-section--m-display-lg__content--MarginTop);
-  position: relative;
-  box-shadow: var(--pf-c-expandable-section--m-display-lg--BoxShadow);
-}
-
-.pf-c-expandable-section.pf-m-display-lg::after {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  width: var(--pf-c-expandable-section--m-display-lg--after--Width);
-  content: "";
-  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.pf-m-truncate {
-  --pf-c-expandable-section__toggle--MarginTop: var(--pf-c-expandable-section--m-truncate__toggle--MarginTop);
-  --pf-c-expandable-section__toggle--PaddingTop: 0;
-  --pf-c-expandable-section__toggle--PaddingRight: 0;
-  --pf-c-expandable-section__toggle--PaddingBottom: 0;
-  --pf-c-expandable-section__toggle-text--MarginLeft: 0;
-}
-
-.pf-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-c-expandable-section__content {
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: var(--pf-c-expandable-section--m-truncate__content--LineClamp);
-  overflow: hidden;
-}
-
-.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);
-  margin-top: var(--pf-c-expandable-section__toggle--MarginTop);
-  color: var(--pf-c-expandable-section__toggle--Color);
-  border: none;
-}
-
-.pf-c-expandable-section__toggle:hover {
-  --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--hover--Color);
-}
-
-.pf-c-expandable-section__toggle:active, .pf-c-expandable-section__toggle.pf-m-active {
-  --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--active--Color);
-}
-
-.pf-c-expandable-section__toggle:focus {
-  --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--focus--Color);
-}
-
-.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));
-}
-
-.pf-c-expandable-section__toggle-icon.pf-m-expand-top {
-  --pf-c-expandable-section__toggle-icon--Rotate: var(--pf-c-expandable-section__toggle-icon--m-expand-top--Rotate);
-}
-
-.pf-c-expandable-section__toggle-text {
-  margin-left: var(--pf-c-expandable-section__toggle-text--MarginLeft);
-}
-
-.pf-c-expandable-section__content {
-  max-width: var(--pf-c-expandable-section__content--MaxWidth);
-  padding-right: var(--pf-c-expandable-section__content--PaddingRight);
-  padding-bottom: var(--pf-c-expandable-section__content--PaddingBottom);
-  padding-left: var(--pf-c-expandable-section__content--PaddingLeft);
-  margin-top: var(--pf-c-expandable-section__content--MarginTop);
-}
-
-.pf-m-overpass-font .pf-c-expandable-section__toggle {
-  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);
@@ -9247,6 +9104,149 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-form__helper-text--m-success--Color: var(--pf-global--success-color--100);
 }
 
+.pf-c-expandable-section {
+  --pf-c-expandable-section__toggle--PaddingTop: var(--pf-global--spacer--form-element);
+  --pf-c-expandable-section__toggle--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-expandable-section__toggle--PaddingBottom: var(--pf-global--spacer--form-element);
+  --pf-c-expandable-section__toggle--PaddingLeft: 0;
+  --pf-c-expandable-section__toggle--MarginTop: 0;
+  --pf-c-expandable-section__toggle--Color: var(--pf-global--link--Color);
+  --pf-c-expandable-section__toggle--hover--Color: var(--pf-global--link--Color--hover);
+  --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;
+  --pf-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
+  --pf-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
+  --pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
+  --pf-c-expandable-section__toggle-text--MarginLeft: calc(var(--pf-global--spacer--xs) + var(--pf-global--spacer--sm));
+  --pf-c-expandable-section__content--MarginTop: var(--pf-global--spacer--md);
+  --pf-c-expandable-section__content--MaxWidth: auto;
+  --pf-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
+  --pf-c-expandable-section--m-display-lg--BoxShadow: var(--pf-global--BoxShadow--md);
+  --pf-c-expandable-section--m-display-lg__toggle--PaddingTop: var(--pf-global--spacer--md);
+  --pf-c-expandable-section--m-display-lg__toggle--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-expandable-section--m-display-lg__toggle--PaddingBottom: var(--pf-global--spacer--md);
+  --pf-c-expandable-section--m-display-lg__toggle--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-expandable-section--m-display-lg__content--MarginTop: 0;
+  --pf-c-expandable-section--m-display-lg__content--PaddingRight: var(--pf-global--spacer--lg);
+  --pf-c-expandable-section--m-display-lg__content--PaddingBottom: var(--pf-global--spacer--lg);
+  --pf-c-expandable-section--m-display-lg__content--PaddingLeft: var(--pf-global--spacer--lg);
+  --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--m-truncate__content--LineClamp: 3;
+  --pf-c-expandable-section--m-truncate__toggle--MarginTop: var(--pf-global--spacer--xs);
+}
+
+.pf-c-expandable-section.pf-m-expanded {
+  --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--m-expanded--Color);
+  --pf-c-expandable-section__toggle-icon--Rotate: var(--pf-c-expandable-section--m-expanded__toggle-icon--Rotate);
+  --pf-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
+  --pf-c-expandable-section--m-display-lg--after--BackgroundColor: var(--pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor);
+}
+
+.pf-c-expandable-section.pf-m-detached, .pf-c-expandable-section.pf-m-truncate {
+  --pf-c-expandable-section__content--MarginTop: 0;
+}
+
+.pf-c-expandable-section.pf-m-limit-width {
+  --pf-c-expandable-section__content--MaxWidth: var(--pf-c-expandable-section--m-limit-width__content--MaxWidth);
+}
+
+.pf-c-expandable-section.pf-m-display-lg {
+  --pf-c-expandable-section__toggle--PaddingTop: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingTop);
+  --pf-c-expandable-section__toggle--PaddingRight: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingRight);
+  --pf-c-expandable-section__toggle--PaddingBottom: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingBottom);
+  --pf-c-expandable-section__toggle--PaddingLeft: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingLeft);
+  --pf-c-expandable-section__content--PaddingRight: var(--pf-c-expandable-section--m-display-lg__content--PaddingRight);
+  --pf-c-expandable-section__content--PaddingBottom: var(--pf-c-expandable-section--m-display-lg__content--PaddingBottom);
+  --pf-c-expandable-section__content--PaddingLeft: var(--pf-c-expandable-section--m-display-lg__content--PaddingLeft);
+  --pf-c-expandable-section__content--MarginTop: var(--pf-c-expandable-section--m-display-lg__content--MarginTop);
+  position: relative;
+  box-shadow: var(--pf-c-expandable-section--m-display-lg--BoxShadow);
+}
+
+.pf-c-expandable-section.pf-m-display-lg::after {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: var(--pf-c-expandable-section--m-display-lg--after--Width);
+  content: "";
+  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.pf-m-truncate {
+  --pf-c-expandable-section__toggle--MarginTop: var(--pf-c-expandable-section--m-truncate__toggle--MarginTop);
+  --pf-c-expandable-section__toggle--PaddingTop: 0;
+  --pf-c-expandable-section__toggle--PaddingRight: 0;
+  --pf-c-expandable-section__toggle--PaddingBottom: 0;
+  --pf-c-expandable-section__toggle-text--MarginLeft: 0;
+}
+
+.pf-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-c-expandable-section__content {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: var(--pf-c-expandable-section--m-truncate__content--LineClamp);
+  overflow: hidden;
+}
+
+.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);
+  margin-top: var(--pf-c-expandable-section__toggle--MarginTop);
+  color: var(--pf-c-expandable-section__toggle--Color);
+  border: none;
+}
+
+.pf-c-expandable-section__toggle:hover {
+  --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--hover--Color);
+}
+
+.pf-c-expandable-section__toggle:active, .pf-c-expandable-section__toggle.pf-m-active {
+  --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--active--Color);
+}
+
+.pf-c-expandable-section__toggle:focus {
+  --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--focus--Color);
+}
+
+.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));
+}
+
+.pf-c-expandable-section__toggle-icon.pf-m-expand-top {
+  --pf-c-expandable-section__toggle-icon--Rotate: var(--pf-c-expandable-section__toggle-icon--m-expand-top--Rotate);
+}
+
+.pf-c-expandable-section__toggle-text {
+  margin-left: var(--pf-c-expandable-section__toggle-text--MarginLeft);
+}
+
+.pf-c-expandable-section__content {
+  max-width: var(--pf-c-expandable-section__content--MaxWidth);
+  padding-right: var(--pf-c-expandable-section__content--PaddingRight);
+  padding-bottom: var(--pf-c-expandable-section__content--PaddingBottom);
+  padding-left: var(--pf-c-expandable-section__content--PaddingLeft);
+  margin-top: var(--pf-c-expandable-section__content--MarginTop);
+}
+
+.pf-m-overpass-font .pf-c-expandable-section__toggle {
+  font-weight: var(--pf-global--FontWeight--semi-bold);
+}
+
 .pf-c-helper-text {
   --pf-c-helper-text--Gap: var(--pf-global--spacer--xs);
   --pf-c-helper-text--FontSize: var(--pf-global--FontSize--sm);