@patternfly/react-table 4.53.2 → 4.55.1

package/CHANGELOG.md

@@ -3,6 +3,47 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 4.55.1 (2022-01-11)
+
+
+### Bug Fixes
+
+* **Select:** update typeahead Select children when any option attribute changes ([#6747](https://github.com/patternfly/patternfly-react/issues/6747)) ([1e03f3c](https://github.com/patternfly/patternfly-react/commit/1e03f3c6d0a7c507e33398c98863e40bb2233a62))
+
+
+
+
+
+# 4.55.0 (2022-01-11)
+
+
+### Features
+
+* **ToggleGroup:** support disabling all items under the parent ([#6700](https://github.com/patternfly/patternfly-react/issues/6700)) ([a60c8f3](https://github.com/patternfly/patternfly-react/commit/a60c8f3485546c797750451714a70b7e84a4ba0f))
+
+
+
+
+
+## 4.54.1 (2022-01-11)
+
+**Note:** Version bump only for package @patternfly/react-table
+
+
+
+
+
+# 4.54.0 (2022-01-11)
+
+
+### Features
+
+* **Table:** update clickable area for checks/radios ([#6754](https://github.com/patternfly/patternfly-react/issues/6754)) ([c4f3c2d](https://github.com/patternfly/patternfly-react/commit/c4f3c2d7f515e3d6ad73d8b52238ca426281469a))
+
+
+
+
+
 ## 4.53.2 (2022-01-10)
 
 **Note:** Version bump only for package @patternfly/react-table

package/dist/esm/components/Table/SelectColumn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/SelectColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,oBAAY,gBAAgB;IAC1B,KAAK,UAAU;IACf,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,aAAa,CAAC,EAAE,gBAAgB,CAAC;CAClC;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAYnE,CAAC"}
+{"version":3,"file":"SelectColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/SelectColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,oBAAY,gBAAgB;IAC1B,KAAK,UAAU;IACf,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,aAAa,CAAC,EAAE,gBAAgB,CAAC;CAClC;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAcnE,CAAC"}

package/dist/esm/components/Table/SelectColumn.js

@@ -10,7 +10,8 @@ export const SelectColumn = (_a) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     className, onSelect = null, selectVariant } = _a, props = __rest(_a, ["children", "className", "onSelect", "selectVariant"]);
     return (React.createElement(React.Fragment, null,
-        React.createElement("input", Object.assign({}, props, { type: selectVariant, onChange: onSelect })),
+        React.createElement("label", null,
+            React.createElement("input", Object.assign({}, props, { type: selectVariant, onChange: onSelect }))),
         children));
 };
 SelectColumn.displayName = 'SelectColumn';

package/dist/esm/components/Table/SelectColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectColumn.js","sourceRoot":"","sources":["../../../../src/components/Table/SelectColumn.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,CAAN,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,mCAAe,CAAA;IACf,yCAAqB,CAAA;AACvB,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,QAG3B;AAUD,MAAM,CAAC,MAAM,YAAY,GAA+C,CAAC,EAOrD,EAAE,EAAE;QAPiD,EACvE,QAAQ,GAAG,IAAuB;IAClC,6DAA6D;IAC7D,SAAS,EACT,QAAQ,GAAG,IAA0D,EACrE,aAAa,OAEK,EADf,KAAK,cAN+D,sDAOxE,CADS;IACe,OAAA,CACvB,oBAAC,KAAK,CAAC,QAAQ;QACb,+CAAW,KAAK,IAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,IAAI;QAC5D,QAAQ,CACM,CAClB,CAAA;CAAA,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}
+{"version":3,"file":"SelectColumn.js","sourceRoot":"","sources":["../../../../src/components/Table/SelectColumn.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,CAAN,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,mCAAe,CAAA;IACf,yCAAqB,CAAA;AACvB,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,QAG3B;AAUD,MAAM,CAAC,MAAM,YAAY,GAA+C,CAAC,EAOrD,EAAE,EAAE;QAPiD,EACvE,QAAQ,GAAG,IAAuB;IAClC,6DAA6D;IAC7D,SAAS,EACT,QAAQ,GAAG,IAA0D,EACrE,aAAa,OAEK,EADf,KAAK,cAN+D,sDAOxE,CADS;IACe,OAAA,CACvB,oBAAC,KAAK,CAAC,QAAQ;QACb;YACE,+CAAW,KAAK,IAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,IAAI,CACvD;QACP,QAAQ,CACM,CAClB,CAAA;CAAA,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/dist/js/components/Table/SelectColumn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/SelectColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,oBAAY,gBAAgB;IAC1B,KAAK,UAAU;IACf,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,aAAa,CAAC,EAAE,gBAAgB,CAAC;CAClC;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAYnE,CAAC"}
+{"version":3,"file":"SelectColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/SelectColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,oBAAY,gBAAgB;IAC1B,KAAK,UAAU;IACf,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,aAAa,CAAC,EAAE,gBAAgB,CAAC;CAClC;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAcnE,CAAC"}

package/dist/js/components/Table/SelectColumn.js

@@ -13,7 +13,8 @@ const SelectColumn = (_a) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     className, onSelect = null, selectVariant } = _a, props = tslib_1.__rest(_a, ["children", "className", "onSelect", "selectVariant"]);
     return (React.createElement(React.Fragment, null,
-        React.createElement("input", Object.assign({}, props, { type: selectVariant, onChange: onSelect })),
+        React.createElement("label", null,
+            React.createElement("input", Object.assign({}, props, { type: selectVariant, onChange: onSelect }))),
         children));
 };
 exports.SelectColumn = SelectColumn;

package/dist/js/components/Table/SelectColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectColumn.js","sourceRoot":"","sources":["../../../../src/components/Table/SelectColumn.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,mCAAe,CAAA;IACf,yCAAqB,CAAA;AACvB,CAAC,EAHW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAG3B;AAUM,MAAM,YAAY,GAA+C,CAAC,EAOrD,EAAE,EAAE;QAPiD,EACvE,QAAQ,GAAG,IAAuB;IAClC,6DAA6D;IAC7D,SAAS,EACT,QAAQ,GAAG,IAA0D,EACrE,aAAa,OAEK,EADf,KAAK,sBAN+D,sDAOxE,CADS;IACe,OAAA,CACvB,oBAAC,KAAK,CAAC,QAAQ;QACb,+CAAW,KAAK,IAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,IAAI;QAC5D,QAAQ,CACM,CAClB,CAAA;CAAA,CAAC;AAZW,QAAA,YAAY,gBAYvB;AACF,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}
+{"version":3,"file":"SelectColumn.js","sourceRoot":"","sources":["../../../../src/components/Table/SelectColumn.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,mCAAe,CAAA;IACf,yCAAqB,CAAA;AACvB,CAAC,EAHW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAG3B;AAUM,MAAM,YAAY,GAA+C,CAAC,EAOrD,EAAE,EAAE;QAPiD,EACvE,QAAQ,GAAG,IAAuB;IAClC,6DAA6D;IAC7D,SAAS,EACT,QAAQ,GAAG,IAA0D,EACrE,aAAa,OAEK,EADf,KAAK,sBAN+D,sDAOxE,CADS;IACe,OAAA,CACvB,oBAAC,KAAK,CAAC,QAAQ;QACb;YACE,+CAAW,KAAK,IAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,IAAI,CACvD;QACP,QAAQ,CACM,CAClB,CAAA;CAAA,CAAC;AAdW,QAAA,YAAY,gBAcvB;AACF,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/dist/umd/react-table.js

@@ -5525,19 +5525,26 @@
                 // if viewMoreNextIndex is not -1, view more was clicked, set focus on first newly loaded item
                 if (this.state.viewMoreNextIndex !== -1 &&
                     this.refCollection.length > this.state.viewMoreNextIndex &&
-                    this.props.loadingVariant !== 'spinner') {
+                    this.props.loadingVariant !== 'spinner' &&
+                    this.refCollection[this.state.viewMoreNextIndex][0]) {
                     this.refCollection[this.state.viewMoreNextIndex][0].focus();
                 }
-                // the number or contents of the children has changed, update state.typeaheadFilteredChildren
-                if (prevProps.children.length !== this.props.children.length ||
-                    prevProps.children.some((child, index) => {
-                        if (child.props && this.props.children[index].props) {
-                            return child.props.value !== this.props.children[index].props.value;
+                const hasUpdatedChildren = prevProps.children.length !== this.props.children.length ||
+                    prevProps.children.some((prevChild, index) => {
+                        const prevChildProps = prevChild.props;
+                        const currChild = this.props.children[index];
+                        const { props: currChildProps } = currChild;
+                        if (prevChildProps && currChildProps) {
+                            return (prevChildProps.value !== currChildProps.value ||
+                                prevChildProps.label !== currChildProps.label ||
+                                prevChildProps.isDisabled !== currChildProps.isDisabled ||
+                                prevChildProps.isPlaceholder !== currChildProps.isPlaceholder);
                         }
                         else {
-                            return child !== this.props.children[index];
+                            return prevChild !== currChild;
                         }
-                    })) {
+                    });
+                if (hasUpdatedChildren) {
                     this.updateTypeAheadFilteredChildren(prevState.typeaheadInputValue || '', null);
                 }
                 // for menus with favorites,
@@ -7149,7 +7156,8 @@
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         className, onSelect = null, selectVariant } = _a, props = __rest$2(_a, ["children", "className", "onSelect", "selectVariant"]);
         return (React__namespace.createElement(React__namespace.Fragment, null,
-            React__namespace.createElement("input", Object.assign({}, props, { type: selectVariant, onChange: onSelect })),
+            React__namespace.createElement("label", null,
+                React__namespace.createElement("input", Object.assign({}, props, { type: selectVariant, onChange: onSelect }))),
             children));
     };
     SelectColumn.displayName = 'SelectColumn';

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

@@ -18972,6 +18972,198 @@ ul.pf-c-list {
   flex: 1 0 auto;
 }
 
+.pf-c-popover {
+  --pf-c-popover--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-popover--MinWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
+  --pf-c-popover--MaxWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
+  --pf-c-popover--BoxShadow: var(--pf-global--BoxShadow--lg);
+  --pf-c-popover--m-danger__title-icon--Color: var(--pf-global--danger-color--100);
+  --pf-c-popover--m-warning__title-icon--Color: var(--pf-global--warning-color--100);
+  --pf-c-popover--m-success__title-icon--Color: var(--pf-global--success-color--100);
+  --pf-c-popover--m-info__title-icon--Color: var(--pf-global--info-color--100);
+  --pf-c-popover--m-default__title-icon--Color: var(--pf-global--default-color--200);
+  --pf-c-popover--m-danger__title-text--Color: var(--pf-global--danger-color--200);
+  --pf-c-popover--m-warning__title-text--Color: var(--pf-global--warning-color--200);
+  --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--200);
+  --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--200);
+  --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--300);
+  --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--100);
+  --pf-c-popover__content--PaddingTop: var(--pf-global--spacer--md);
+  --pf-c-popover__content--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-popover__content--PaddingBottom: var(--pf-global--spacer--md);
+  --pf-c-popover__content--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-popover__arrow--Width: var(--pf-global--arrow--width-lg);
+  --pf-c-popover__arrow--Height: var(--pf-global--arrow--width-lg);
+  --pf-c-popover__arrow--BoxShadow: var(--pf-global--BoxShadow--lg);
+  --pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--100);
+  --pf-c-popover__arrow--m-top--TranslateX: -50%;
+  --pf-c-popover__arrow--m-top--TranslateY: 50%;
+  --pf-c-popover__arrow--m-top--Rotate: 45deg;
+  --pf-c-popover__arrow--m-right--TranslateX: -50%;
+  --pf-c-popover__arrow--m-right--TranslateY: -50%;
+  --pf-c-popover__arrow--m-right--Rotate: 45deg;
+  --pf-c-popover__arrow--m-bottom--TranslateX: -50%;
+  --pf-c-popover__arrow--m-bottom--TranslateY: -50%;
+  --pf-c-popover__arrow--m-bottom--Rotate: 45deg;
+  --pf-c-popover__arrow--m-left--TranslateX: 50%;
+  --pf-c-popover__arrow--m-left--TranslateY: -50%;
+  --pf-c-popover__arrow--m-left--Rotate: 45deg;
+  --pf-c-popover--c-button--MarginLeft: var(--pf-global--spacer--sm);
+  --pf-c-popover--c-button--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
+  --pf-c-popover--c-button--Right: var(--pf-global--spacer--md);
+  --pf-c-popover--c-button--sibling--PaddingRight: var(--pf-global--spacer--2xl);
+  --pf-c-popover--c-title--MarginBottom: var(--pf-global--spacer--sm);
+  --pf-c-popover__title--MarginBottom: var(--pf-global--spacer--sm);
+  --pf-c-popover__title--LineHeight: var(--pf-global--LineHeight--md);
+  --pf-c-popover__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
+  --pf-c-popover__title--FontSize: var(--pf-global--FontSize--md);
+  --pf-c-popover__title-icon--MarginRight: var(--pf-global--spacer--sm);
+  --pf-c-popover__title-icon--Color: var(--pf-global--Color--100);
+  --pf-c-popover__footer--MarginTop: var(--pf-global--spacer--md);
+  position: relative;
+  min-width: var(--pf-c-popover--MinWidth);
+  max-width: var(--pf-c-popover--MaxWidth);
+  font-size: var(--pf-c-popover--FontSize);
+  box-shadow: var(--pf-c-popover--BoxShadow);
+}
+
+.pf-c-popover.pf-m-no-padding {
+  --pf-c-popover__content--PaddingTop: 0px;
+  --pf-c-popover__content--PaddingRight: 0px;
+  --pf-c-popover__content--PaddingBottom: 0px;
+  --pf-c-popover__content--PaddingLeft: 0px;
+}
+
+.pf-c-popover.pf-m-width-auto {
+  --pf-c-popover--MinWidth: auto;
+  --pf-c-popover--MaxWidth: none;
+}
+
+.pf-c-popover.pf-m-top .pf-c-popover__arrow, .pf-c-popover.pf-m-top-left .pf-c-popover__arrow, .pf-c-popover.pf-m-top-right .pf-c-popover__arrow {
+  bottom: 0;
+  left: 50%;
+  transform: translateX(var(--pf-c-popover__arrow--m-top--TranslateX)) translateY(var(--pf-c-popover__arrow--m-top--TranslateY)) rotate(var(--pf-c-popover__arrow--m-top--Rotate));
+}
+
+.pf-c-popover.pf-m-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
+  top: 0;
+  left: 50%;
+  transform: translateX(var(--pf-c-popover__arrow--m-bottom--TranslateX)) translateY(var(--pf-c-popover__arrow--m-bottom--TranslateY)) rotate(var(--pf-c-popover__arrow--m-bottom--Rotate));
+}
+
+.pf-c-popover.pf-m-left .pf-c-popover__arrow, .pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow {
+  top: 50%;
+  right: 0;
+  transform: translateX(var(--pf-c-popover__arrow--m-left--TranslateX)) translateY(var(--pf-c-popover__arrow--m-left--TranslateY)) rotate(var(--pf-c-popover__arrow--m-left--Rotate));
+}
+
+.pf-c-popover.pf-m-right .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
+  top: 50%;
+  left: 0;
+  transform: translateX(var(--pf-c-popover__arrow--m-right--TranslateX)) translateY(var(--pf-c-popover__arrow--m-right--TranslateY)) rotate(var(--pf-c-popover__arrow--m-right--Rotate));
+}
+
+.pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow {
+  top: var(--pf-c-popover__arrow--Height);
+}
+
+.pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
+  top: auto;
+  bottom: 0;
+}
+
+.pf-c-popover.pf-m-top-left .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow {
+  left: var(--pf-c-popover__arrow--Width);
+}
+
+.pf-c-popover.pf-m-top-right .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
+  right: 0;
+  left: auto;
+}
+
+.pf-c-popover.pf-m-danger {
+  --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-danger__title-icon--Color);
+  --pf-c-popover__title-text--Color: var(--pf-c-popover--m-danger__title-text--Color);
+}
+
+.pf-c-popover.pf-m-warning {
+  --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-warning__title-icon--Color);
+  --pf-c-popover__title-text--Color: var(--pf-c-popover--m-warning__title-text--Color);
+}
+
+.pf-c-popover.pf-m-success {
+  --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-success__title-icon--Color);
+  --pf-c-popover__title-text--Color: var(--pf-c-popover--m-success__title-text--Color);
+}
+
+.pf-c-popover.pf-m-default {
+  --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-default__title-icon--Color);
+  --pf-c-popover__title-text--Color: var(--pf-c-popover--m-default__title-text--Color);
+}
+
+.pf-c-popover.pf-m-info {
+  --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-info__title-icon--Color);
+  --pf-c-popover__title-text--Color: var(--pf-c-popover--m-info__title-text--Color);
+}
+
+.pf-c-popover__content {
+  position: relative;
+  padding: var(--pf-c-popover__content--PaddingTop) var(--pf-c-popover__content--PaddingRight) var(--pf-c-popover__content--PaddingBottom) var(--pf-c-popover__content--PaddingLeft);
+  background-color: var(--pf-c-popover__content--BackgroundColor);
+}
+
+.pf-c-popover__content > .pf-c-title {
+  margin-bottom: var(--pf-c-popover--c-title--MarginBottom);
+}
+
+.pf-c-popover__content > .pf-c-button {
+  position: absolute;
+  top: var(--pf-c-popover--c-button--Top);
+  right: var(--pf-c-popover--c-button--Right);
+}
+
+.pf-c-popover__content > .pf-c-button + * {
+  padding-right: var(--pf-c-popover--c-button--sibling--PaddingRight);
+}
+
+.pf-c-popover__arrow {
+  position: absolute;
+  width: var(--pf-c-popover__arrow--Width);
+  height: var(--pf-c-popover__arrow--Height);
+  pointer-events: none;
+  background-color: var(--pf-c-popover__arrow--BackgroundColor);
+  box-shadow: var(--pf-c-popover__arrow--BoxShadow);
+}
+
+.pf-c-popover__title {
+  flex: 0 0 auto;
+  margin-bottom: var(--pf-c-popover__title--MarginBottom);
+  font-family: var(--pf-c-popover__title--FontFamily);
+  font-size: var(--pf-c-popover__title--FontSize);
+  line-height: var(--pf-c-popover__title--LineHeight);
+}
+
+.pf-c-popover__title.pf-m-icon {
+  display: flex;
+}
+
+.pf-c-popover__title-icon {
+  margin-right: var(--pf-c-popover__title-icon--MarginRight);
+  color: var(--pf-c-popover__title-icon--Color);
+}
+
+.pf-c-popover__title-text {
+  color: var(--pf-c-popover__title-text--Color, inherit);
+}
+
+.pf-c-popover__body {
+  word-wrap: break-word;
+}
+
+.pf-c-popover__footer {
+  margin-top: var(--pf-c-popover__footer--MarginTop);
+}
+
 .pf-c-pagination {
   --pf-c-pagination--child--MarginRight: var(--pf-global--spacer--lg);
   --pf-c-pagination--m-bottom--child--MarginRight: 0;
@@ -19323,198 +19515,6 @@ ul.pf-c-list {
     --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
   }
 }
-.pf-c-popover {
-  --pf-c-popover--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-popover--MinWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
-  --pf-c-popover--MaxWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
-  --pf-c-popover--BoxShadow: var(--pf-global--BoxShadow--lg);
-  --pf-c-popover--m-danger__title-icon--Color: var(--pf-global--danger-color--100);
-  --pf-c-popover--m-warning__title-icon--Color: var(--pf-global--warning-color--100);
-  --pf-c-popover--m-success__title-icon--Color: var(--pf-global--success-color--100);
-  --pf-c-popover--m-info__title-icon--Color: var(--pf-global--info-color--100);
-  --pf-c-popover--m-default__title-icon--Color: var(--pf-global--default-color--200);
-  --pf-c-popover--m-danger__title-text--Color: var(--pf-global--danger-color--200);
-  --pf-c-popover--m-warning__title-text--Color: var(--pf-global--warning-color--200);
-  --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--200);
-  --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--200);
-  --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--300);
-  --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--100);
-  --pf-c-popover__content--PaddingTop: var(--pf-global--spacer--md);
-  --pf-c-popover__content--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-popover__content--PaddingBottom: var(--pf-global--spacer--md);
-  --pf-c-popover__content--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-popover__arrow--Width: var(--pf-global--arrow--width-lg);
-  --pf-c-popover__arrow--Height: var(--pf-global--arrow--width-lg);
-  --pf-c-popover__arrow--BoxShadow: var(--pf-global--BoxShadow--lg);
-  --pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--100);
-  --pf-c-popover__arrow--m-top--TranslateX: -50%;
-  --pf-c-popover__arrow--m-top--TranslateY: 50%;
-  --pf-c-popover__arrow--m-top--Rotate: 45deg;
-  --pf-c-popover__arrow--m-right--TranslateX: -50%;
-  --pf-c-popover__arrow--m-right--TranslateY: -50%;
-  --pf-c-popover__arrow--m-right--Rotate: 45deg;
-  --pf-c-popover__arrow--m-bottom--TranslateX: -50%;
-  --pf-c-popover__arrow--m-bottom--TranslateY: -50%;
-  --pf-c-popover__arrow--m-bottom--Rotate: 45deg;
-  --pf-c-popover__arrow--m-left--TranslateX: 50%;
-  --pf-c-popover__arrow--m-left--TranslateY: -50%;
-  --pf-c-popover__arrow--m-left--Rotate: 45deg;
-  --pf-c-popover--c-button--MarginLeft: var(--pf-global--spacer--sm);
-  --pf-c-popover--c-button--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
-  --pf-c-popover--c-button--Right: var(--pf-global--spacer--md);
-  --pf-c-popover--c-button--sibling--PaddingRight: var(--pf-global--spacer--2xl);
-  --pf-c-popover--c-title--MarginBottom: var(--pf-global--spacer--sm);
-  --pf-c-popover__title--MarginBottom: var(--pf-global--spacer--sm);
-  --pf-c-popover__title--LineHeight: var(--pf-global--LineHeight--md);
-  --pf-c-popover__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
-  --pf-c-popover__title--FontSize: var(--pf-global--FontSize--md);
-  --pf-c-popover__title-icon--MarginRight: var(--pf-global--spacer--sm);
-  --pf-c-popover__title-icon--Color: var(--pf-global--Color--100);
-  --pf-c-popover__footer--MarginTop: var(--pf-global--spacer--md);
-  position: relative;
-  min-width: var(--pf-c-popover--MinWidth);
-  max-width: var(--pf-c-popover--MaxWidth);
-  font-size: var(--pf-c-popover--FontSize);
-  box-shadow: var(--pf-c-popover--BoxShadow);
-}
-
-.pf-c-popover.pf-m-no-padding {
-  --pf-c-popover__content--PaddingTop: 0px;
-  --pf-c-popover__content--PaddingRight: 0px;
-  --pf-c-popover__content--PaddingBottom: 0px;
-  --pf-c-popover__content--PaddingLeft: 0px;
-}
-
-.pf-c-popover.pf-m-width-auto {
-  --pf-c-popover--MinWidth: auto;
-  --pf-c-popover--MaxWidth: none;
-}
-
-.pf-c-popover.pf-m-top .pf-c-popover__arrow, .pf-c-popover.pf-m-top-left .pf-c-popover__arrow, .pf-c-popover.pf-m-top-right .pf-c-popover__arrow {
-  bottom: 0;
-  left: 50%;
-  transform: translateX(var(--pf-c-popover__arrow--m-top--TranslateX)) translateY(var(--pf-c-popover__arrow--m-top--TranslateY)) rotate(var(--pf-c-popover__arrow--m-top--Rotate));
-}
-
-.pf-c-popover.pf-m-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
-  top: 0;
-  left: 50%;
-  transform: translateX(var(--pf-c-popover__arrow--m-bottom--TranslateX)) translateY(var(--pf-c-popover__arrow--m-bottom--TranslateY)) rotate(var(--pf-c-popover__arrow--m-bottom--Rotate));
-}
-
-.pf-c-popover.pf-m-left .pf-c-popover__arrow, .pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow {
-  top: 50%;
-  right: 0;
-  transform: translateX(var(--pf-c-popover__arrow--m-left--TranslateX)) translateY(var(--pf-c-popover__arrow--m-left--TranslateY)) rotate(var(--pf-c-popover__arrow--m-left--Rotate));
-}
-
-.pf-c-popover.pf-m-right .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
-  top: 50%;
-  left: 0;
-  transform: translateX(var(--pf-c-popover__arrow--m-right--TranslateX)) translateY(var(--pf-c-popover__arrow--m-right--TranslateY)) rotate(var(--pf-c-popover__arrow--m-right--Rotate));
-}
-
-.pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow {
-  top: var(--pf-c-popover__arrow--Height);
-}
-
-.pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
-  top: auto;
-  bottom: 0;
-}
-
-.pf-c-popover.pf-m-top-left .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow {
-  left: var(--pf-c-popover__arrow--Width);
-}
-
-.pf-c-popover.pf-m-top-right .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
-  right: 0;
-  left: auto;
-}
-
-.pf-c-popover.pf-m-danger {
-  --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-danger__title-icon--Color);
-  --pf-c-popover__title-text--Color: var(--pf-c-popover--m-danger__title-text--Color);
-}
-
-.pf-c-popover.pf-m-warning {
-  --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-warning__title-icon--Color);
-  --pf-c-popover__title-text--Color: var(--pf-c-popover--m-warning__title-text--Color);
-}
-
-.pf-c-popover.pf-m-success {
-  --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-success__title-icon--Color);
-  --pf-c-popover__title-text--Color: var(--pf-c-popover--m-success__title-text--Color);
-}
-
-.pf-c-popover.pf-m-default {
-  --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-default__title-icon--Color);
-  --pf-c-popover__title-text--Color: var(--pf-c-popover--m-default__title-text--Color);
-}
-
-.pf-c-popover.pf-m-info {
-  --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-info__title-icon--Color);
-  --pf-c-popover__title-text--Color: var(--pf-c-popover--m-info__title-text--Color);
-}
-
-.pf-c-popover__content {
-  position: relative;
-  padding: var(--pf-c-popover__content--PaddingTop) var(--pf-c-popover__content--PaddingRight) var(--pf-c-popover__content--PaddingBottom) var(--pf-c-popover__content--PaddingLeft);
-  background-color: var(--pf-c-popover__content--BackgroundColor);
-}
-
-.pf-c-popover__content > .pf-c-title {
-  margin-bottom: var(--pf-c-popover--c-title--MarginBottom);
-}
-
-.pf-c-popover__content > .pf-c-button {
-  position: absolute;
-  top: var(--pf-c-popover--c-button--Top);
-  right: var(--pf-c-popover--c-button--Right);
-}
-
-.pf-c-popover__content > .pf-c-button + * {
-  padding-right: var(--pf-c-popover--c-button--sibling--PaddingRight);
-}
-
-.pf-c-popover__arrow {
-  position: absolute;
-  width: var(--pf-c-popover__arrow--Width);
-  height: var(--pf-c-popover__arrow--Height);
-  pointer-events: none;
-  background-color: var(--pf-c-popover__arrow--BackgroundColor);
-  box-shadow: var(--pf-c-popover__arrow--BoxShadow);
-}
-
-.pf-c-popover__title {
-  flex: 0 0 auto;
-  margin-bottom: var(--pf-c-popover__title--MarginBottom);
-  font-family: var(--pf-c-popover__title--FontFamily);
-  font-size: var(--pf-c-popover__title--FontSize);
-  line-height: var(--pf-c-popover__title--LineHeight);
-}
-
-.pf-c-popover__title.pf-m-icon {
-  display: flex;
-}
-
-.pf-c-popover__title-icon {
-  margin-right: var(--pf-c-popover__title-icon--MarginRight);
-  color: var(--pf-c-popover__title-icon--Color);
-}
-
-.pf-c-popover__title-text {
-  color: var(--pf-c-popover__title-text--Color, inherit);
-}
-
-.pf-c-popover__body {
-  word-wrap: break-word;
-}
-
-.pf-c-popover__footer {
-  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);