@patternfly/react-core 4.232.13 → 4.233.0

package/dist/js/components/InputGroup/InputGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroup.js","sourceRoot":"","sources":["../../../../src/components/InputGroup/InputGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,yHAAoF;AACpF,2DAA+C;AAC/C,8CAA2C;AAC3C,0CAAuC;AACvC,4CAAyC;AAWlC,MAAM,UAAU,GAA6C,CAAC,EAKnD,EAAE,EAAE;QAL+C,EACnE,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,QAAQ,OAEQ,EADb,KAAK,sBAJ2D,qCAKpE,CADS;IAER,MAAM,SAAS,GAAG,CAAC,uBAAU,EAAE,mBAAQ,EAAE,qBAAS,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAClF,MAAM,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAClD,CAAC,KAAU,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE,CACxC,CAAC;IAExC,MAAM,aAAa,GAAG,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAErD,OAAO,CACL,2CAAK,GAAG,EAAE,aAAa,EAAE,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,UAAU,EAAE,SAAS,CAAC,IAAM,KAAK,GAC7E,MAAM;QACL,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAU,EAAE,EAAE,CAC1C,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC;YACxC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,kBAAkB,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;YACpE,CAAC,CAAC,KAAK,CACV;QACH,CAAC,CAAC,QAAQ,CACR,CACP,CAAC;AACJ,CAAC,CAAC;AAxBW,QAAA,UAAU,cAwBrB;AACF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
+{"version":3,"file":"InputGroup.js","sourceRoot":"","sources":["../../../../src/components/InputGroup/InputGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,yHAAoF;AACpF,2DAA+C;AAC/C,8CAA2C;AAC3C,0CAAuC;AACvC,4CAAyC;AAWlC,MAAM,UAAU,GAA6C,CAAC,EAKnD,EAAE,EAAE;QAL+C,EACnE,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,QAAQ,OAEQ,EADb,KAAK,sBAJ2D,qCAKpE,CADS;IAER,MAAM,SAAS,GAAG,CAAC,uBAAU,EAAE,mBAAQ,EAAE,qBAAS,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAClF,MAAM,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAClD,CAAC,KAAU,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE,CACxC,CAAC;IAExC,MAAM,aAAa,GAAG,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAErD,OAAO,CACL,2CAAK,GAAG,EAAE,aAAa,EAAE,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,UAAU,EAAE,SAAS,CAAC,IAAM,KAAK,GAC7E,MAAM;QACL,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAU,EAAE,EAAE,CAC1C,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,kBAAkB,CAAC;YAC5E,CAAC,CAAC,KAAK;YACP,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;gBACxB,kBAAkB,EAAE,KAAK,CAAC,KAAK,CAAC,kBAAkB,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;aACzF,CAAC,CACP;QACH,CAAC,CAAC,QAAQ,CACR,CACP,CAAC;AACJ,CAAC,CAAC;AA1BW,QAAA,UAAU,cA0BrB;AACF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/dist/js/components/NumberInput/NumberInput.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { ButtonProps } from '../Button';
+import { ValidatedOptions } from '../../helpers';
 export interface NumberInputProps extends React.HTMLProps<HTMLDivElement> {
     /** Value of the number input */
     value?: number;
@@ -9,6 +10,10 @@ export interface NumberInputProps extends React.HTMLProps<HTMLDivElement> {
     widthChars?: number;
     /** Indicates the whole number input should be disabled */
     isDisabled?: boolean;
+    /** Value to indicate if the input is modified to show that validation state
+     * @beta
+     */
+    validated?: 'default' | 'error' | 'warning' | 'success' | ValidatedOptions;
     /** Callback for the minus button */
     onMinus?: (event: React.MouseEvent, name?: string) => void;
     /** Callback for the text input changing */

package/dist/js/components/NumberInput/NumberInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../../src/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAGhD,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACvE,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oCAAoC;IACpC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,kEAAkE;IAClE,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,mCAAmC;IACnC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,8CAA8C;IAC9C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,wEAAwE;IACxE,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAClC,iFAAiF;IACjF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,gFAAgF;IAChF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qCAAqC;IACrC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oCAAoC;IACpC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oDAAoD;IACpD,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,sDAAsD;IACtD,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,qDAAqD;IACrD,YAAY,CAAC,EAAE,WAAW,CAAC;CAC5B;AAeD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAwFjE,CAAC"}
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../../src/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAa,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAG5D,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACvE,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,gBAAgB,CAAC;IAC3E,oCAAoC;IACpC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,kEAAkE;IAClE,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,mCAAmC;IACnC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,8CAA8C;IAC9C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,wEAAwE;IACxE,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAClC,iFAAiF;IACjF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,gFAAgF;IAChF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qCAAqC;IACrC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oCAAoC;IACpC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oDAAoD;IACpD,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,sDAAsD;IACtD,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,qDAAqD;IACrD,YAAY,CAAC,EAAE,WAAW,CAAC;CAC5B;AAeD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAyFjE,CAAC"}

package/dist/js/components/NumberInput/NumberInput.js

@@ -10,6 +10,7 @@ const plus_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dis
 const InputGroup_1 = require("../InputGroup");
 const Button_1 = require("../Button");
 const helpers_1 = require("../../helpers");
+const TextInput_1 = require("../TextInput");
 const defaultKeyDownHandler = (args) => (event) => {
     if (helpers_1.KEY_CODES.ARROW_UP === event.keyCode && args.onPlus) {
         event.preventDefault();
@@ -21,7 +22,7 @@ const defaultKeyDownHandler = (args) => (event) => {
     }
 };
 const NumberInput = (_a) => {
-    var { value = 0, className, widthChars, isDisabled = false, onMinus = () => { }, onChange, onBlur, onPlus = () => { }, unit, unitPosition = 'after', min, max, inputName, inputAriaLabel = 'Input', minusBtnAriaLabel = 'Minus', plusBtnAriaLabel = 'Plus', inputProps, minusBtnProps, plusBtnProps } = _a, props = tslib_1.__rest(_a, ["value", "className", "widthChars", "isDisabled", "onMinus", "onChange", "onBlur", "onPlus", "unit", "unitPosition", "min", "max", "inputName", "inputAriaLabel", "minusBtnAriaLabel", "plusBtnAriaLabel", "inputProps", "minusBtnProps", "plusBtnProps"]);
+    var { value = 0, className, widthChars, isDisabled = false, validated = helpers_1.ValidatedOptions.default, onMinus = () => { }, onChange, onBlur, onPlus = () => { }, unit, unitPosition = 'after', min, max, inputName, inputAriaLabel = 'Input', minusBtnAriaLabel = 'Minus', plusBtnAriaLabel = 'Plus', inputProps, minusBtnProps, plusBtnProps } = _a, props = tslib_1.__rest(_a, ["value", "className", "widthChars", "isDisabled", "validated", "onMinus", "onChange", "onBlur", "onPlus", "unit", "unitPosition", "min", "max", "inputName", "inputAriaLabel", "minusBtnAriaLabel", "plusBtnAriaLabel", "inputProps", "minusBtnProps", "plusBtnProps"]);
     const numberInputUnit = React.createElement("div", { className: react_styles_1.css(number_input_1.default.numberInputUnit) }, unit);
     const keyDownHandler = inputProps && inputProps.onKeyDown ? inputProps.onKeyDown : defaultKeyDownHandler({ inputName, onMinus, onPlus });
     const handleBlur = (event) => {
@@ -33,7 +34,7 @@ const NumberInput = (_a) => {
             onBlur(event);
         }
     };
-    return (React.createElement("div", Object.assign({ className: react_styles_1.css(number_input_1.default.numberInput, className) }, (widthChars && {
+    return (React.createElement("div", Object.assign({ className: react_styles_1.css(number_input_1.default.numberInput, validated !== 'default' && number_input_1.default.modifiers.status, className) }, (widthChars && {
         style: Object.assign({ '--pf-c-number-input--c-form-control--width-chars': widthChars }, props.style)
     }), props),
         unit && unitPosition === 'before' && numberInputUnit,
@@ -41,7 +42,7 @@ const NumberInput = (_a) => {
             React.createElement(Button_1.Button, Object.assign({ variant: "control", "aria-label": minusBtnAriaLabel, isDisabled: isDisabled || value <= min, onClick: evt => onMinus(evt, inputName) }, minusBtnProps),
                 React.createElement("span", { className: react_styles_1.css(number_input_1.default.numberInputIcon) },
                     React.createElement(minus_icon_1.default, { "aria-hidden": "true" }))),
-            React.createElement("input", Object.assign({ className: react_styles_1.css(number_input_1.default.formControl), type: "number", value: value, name: inputName, "aria-label": inputAriaLabel }, (isDisabled && { disabled: isDisabled }), (onChange && { onChange }), { onBlur: handleBlur }, (!onChange && { readOnly: true }), inputProps, { onKeyDown: keyDownHandler })),
+            React.createElement(TextInput_1.TextInput, Object.assign({ type: "number", value: value, name: inputName, "aria-label": inputAriaLabel }, (isDisabled && { isDisabled }), (onChange && { onChange: (value, event) => onChange(event) }), { onBlur: handleBlur }, (!onChange && { isReadOnly: true }), { onKeyDown: keyDownHandler, validated: validated }, inputProps)),
             React.createElement(Button_1.Button, Object.assign({ variant: "control", "aria-label": plusBtnAriaLabel, isDisabled: isDisabled || value >= max, onClick: evt => onPlus(evt, inputName) }, plusBtnProps),
                 React.createElement("span", { className: react_styles_1.css(number_input_1.default.numberInputIcon) },
                     React.createElement(plus_icon_1.default, { "aria-hidden": "true" })))),

package/dist/js/components/NumberInput/NumberInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../../../src/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../../../src/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"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"}

package/dist/umd/react-core.css

@@ -24041,6 +24041,75 @@ label.pf-c-tree-view__node-text {
     direction: ltr;
   }
 }
+.pf-l-gallery {
+  --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
+  --pf-l-gallery--GridTemplateColumns--min: 250px;
+  --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
+  --pf-l-gallery--GridTemplateColumns--max: 1fr;
+  --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
+  --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
+  --pf-l-gallery--GridTemplateRows: auto;
+  display: grid;
+  grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
+  grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
+  --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
+  --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
+}
+
+.pf-l-gallery.pf-m-gutter {
+  grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
+}
+
+@media (min-width: 576px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
+  }
+}
+@media (min-width: 768px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
+  }
+}
+@media (min-width: 992px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
+  }
+}
+@media (min-width: 1200px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
+  }
+}
+@media (min-width: 1450px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
+  }
+}
+@media (min-width: 576px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
+  }
+}
+@media (min-width: 768px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
+  }
+}
+@media (min-width: 992px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
+  }
+}
+@media (min-width: 1200px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
+  }
+}
+@media (min-width: 1450px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
+  }
+}
 .pf-l-flex {
   --pf-l-flex--Display: flex;
   --pf-l-flex--FlexWrap: wrap;
@@ -26117,75 +26186,6 @@ label.pf-c-tree-view__node-text {
     --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
   }
 }
-.pf-l-gallery {
-  --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
-  --pf-l-gallery--GridTemplateColumns--min: 250px;
-  --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
-  --pf-l-gallery--GridTemplateColumns--max: 1fr;
-  --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
-  --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
-  --pf-l-gallery--GridTemplateRows: auto;
-  display: grid;
-  grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
-  grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
-  --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
-  --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
-}
-
-.pf-l-gallery.pf-m-gutter {
-  grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
-}
-
-@media (min-width: 576px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
-  }
-}
-@media (min-width: 768px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
-  }
-}
-@media (min-width: 992px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
-  }
-}
-@media (min-width: 1200px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
-  }
-}
-@media (min-width: 1450px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
-  }
-}
-@media (min-width: 576px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
-  }
-}
-@media (min-width: 768px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
-  }
-}
-@media (min-width: 992px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
-  }
-}
-@media (min-width: 1200px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
-  }
-}
-@media (min-width: 1450px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
-  }
-}
 .pf-l-grid {
   --pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
   --pf-l-grid__item--GridColumnStart: auto;

package/dist/umd/react-core.js

@@ -8576,9 +8576,11 @@
         const idItem = React__namespace.Children.toArray(children).find((child) => !formCtrls.includes(child.type.displayName) && child.props.id);
         const inputGroupRef = innerRef || React__namespace.useRef(null);
         return (React__namespace.createElement("div", Object.assign({ ref: inputGroupRef, className: css(styles$U.inputGroup, className) }, props), idItem
-            ? React__namespace.Children.map(children, (child) => formCtrls.includes(child.type.displayName)
-                ? React__namespace.cloneElement(child, { 'aria-describedby': idItem.props.id })
-                : child)
+            ? React__namespace.Children.map(children, (child) => !formCtrls.includes(child.type.displayName) || child.props['aria-describedby']
+                ? child
+                : React__namespace.cloneElement(child, {
+                    'aria-describedby': child.props['aria-describedby'] === '' ? undefined : idItem.props.id
+                }))
             : children));
     };
     InputGroup.displayName = 'InputGroup';
@@ -11869,9 +11871,27 @@
       }
     };
 
+    const c_expandable_section_m_truncate__content_LineClamp = {
+      "name": "--pf-c-expandable-section--m-truncate__content--LineClamp",
+      "value": "3",
+      "var": "var(--pf-c-expandable-section--m-truncate__content--LineClamp)"
+    };
+
+    exports.ExpandableSectionVariant = void 0;
+    (function (ExpandableSectionVariant) {
+        ExpandableSectionVariant["default"] = "default";
+        ExpandableSectionVariant["truncate"] = "truncate";
+    })(exports.ExpandableSectionVariant || (exports.ExpandableSectionVariant = {}));
+    const setLineClamp = (lines, element) => {
+        if (!element || lines < 1) {
+            return;
+        }
+        element.style.setProperty(c_expandable_section_m_truncate__content_LineClamp.name, lines.toString());
+    };
     class ExpandableSection extends React__namespace.Component {
         constructor(props) {
             super(props);
+            this.expandableContentRef = React__namespace.createRef();
             this.state = {
                 isExpanded: props.isExpanded
             };
@@ -11885,10 +11905,25 @@
             }
             return toggleText;
         }
+        componentDidMount() {
+            if (this.props.variant === exports.ExpandableSectionVariant.truncate && this.props.truncateMaxLines) {
+                const expandableContent = this.expandableContentRef.current;
+                setLineClamp(this.props.truncateMaxLines, expandableContent);
+            }
+        }
+        componentDidUpdate(prevProps) {
+            if (this.props.variant === exports.ExpandableSectionVariant.truncate &&
+                prevProps.truncateMaxLines !== this.props.truncateMaxLines) {
+                const expandableContent = this.expandableContentRef.current;
+                setLineClamp(this.props.truncateMaxLines, expandableContent);
+            }
+        }
         render() {
             const _a = this.props, { onToggle: onToggleProp, 
             // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            isActive, className, toggleText, toggleTextExpanded, toggleTextCollapsed, toggleContent, children, isExpanded, isDetached, displaySize, isWidthLimited, isIndented, contentId } = _a, props = __rest$1(_a, ["onToggle", "isActive", "className", "toggleText", "toggleTextExpanded", "toggleTextCollapsed", "toggleContent", "children", "isExpanded", "isDetached", "displaySize", "isWidthLimited", "isIndented", "contentId"]);
+            isActive, className, toggleText, toggleTextExpanded, toggleTextCollapsed, toggleContent, children, isExpanded, isDetached, displaySize, isWidthLimited, isIndented, contentId, variant, 
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            truncateMaxLines } = _a, props = __rest$1(_a, ["onToggle", "isActive", "className", "toggleText", "toggleTextExpanded", "toggleTextCollapsed", "toggleContent", "children", "isExpanded", "isDetached", "displaySize", "isWidthLimited", "isIndented", "contentId", "variant", "truncateMaxLines"]);
             let onToggle = onToggleProp;
             let propOrStateIsExpanded = isExpanded;
             // uncontrolled
@@ -11899,12 +11934,14 @@
                 };
             }
             const computedToggleText = this.calculateToggleText(toggleText, toggleTextExpanded, toggleTextCollapsed, propOrStateIsExpanded);
-            return (React__namespace.createElement("div", Object.assign({}, props, { className: css(styles$I.expandableSection, propOrStateIsExpanded && styles$I.modifiers.expanded, isActive && styles$I.modifiers.active, isDetached && styles$I.modifiers.detached, displaySize === 'large' && styles$I.modifiers.displayLg, isWidthLimited && styles$I.modifiers.limitWidth, isIndented && styles$I.modifiers.indented, className) }),
-                !isDetached && (React__namespace.createElement("button", { className: css(styles$I.expandableSectionToggle), type: "button", "aria-expanded": propOrStateIsExpanded, onClick: () => onToggle(!propOrStateIsExpanded) },
-                    React__namespace.createElement("span", { className: css(styles$I.expandableSectionToggleIcon) },
-                        React__namespace.createElement(AngleRightIcon, { "aria-hidden": true })),
-                    React__namespace.createElement("span", { className: css(styles$I.expandableSectionToggleText) }, toggleContent || computedToggleText))),
-                React__namespace.createElement("div", { className: css(styles$I.expandableSectionContent), hidden: !propOrStateIsExpanded, id: contentId }, children)));
+            const expandableToggle = !isDetached && (React__namespace.createElement("button", { className: css(styles$I.expandableSectionToggle), type: "button", "aria-expanded": propOrStateIsExpanded, onClick: () => onToggle(!propOrStateIsExpanded) },
+                variant !== exports.ExpandableSectionVariant.truncate && (React__namespace.createElement("span", { className: css(styles$I.expandableSectionToggleIcon) },
+                    React__namespace.createElement(AngleRightIcon, { "aria-hidden": true }))),
+                React__namespace.createElement("span", { className: css(styles$I.expandableSectionToggleText) }, toggleContent || computedToggleText)));
+            return (React__namespace.createElement("div", Object.assign({ className: css(styles$I.expandableSection, propOrStateIsExpanded && styles$I.modifiers.expanded, isActive && styles$I.modifiers.active, isDetached && styles$I.modifiers.detached, displaySize === 'large' && styles$I.modifiers.displayLg, isWidthLimited && styles$I.modifiers.limitWidth, isIndented && styles$I.modifiers.indented, variant === exports.ExpandableSectionVariant.truncate && styles$I.modifiers.truncate, className) }, props),
+                variant === exports.ExpandableSectionVariant.default && expandableToggle,
+                React__namespace.createElement("div", { ref: this.expandableContentRef, className: css(styles$I.expandableSectionContent), hidden: variant !== exports.ExpandableSectionVariant.truncate && !propOrStateIsExpanded, id: contentId }, children),
+                variant === exports.ExpandableSectionVariant.truncate && expandableToggle));
         }
     }
     ExpandableSection.displayName = 'ExpandableSection';
@@ -11920,15 +11957,16 @@
         displaySize: 'default',
         isWidthLimited: false,
         isIndented: false,
-        contentId: ''
+        contentId: '',
+        variant: 'default'
     };
 
     const ExpandableSectionToggle = (_a) => {
-        var { children, className = '', isExpanded = false, onToggle, contentId, direction = 'down' } = _a, props = __rest$1(_a, ["children", "className", "isExpanded", "onToggle", "contentId", "direction"]);
-        return (React__namespace.createElement("div", Object.assign({}, props, { className: css(styles$I.expandableSection, isExpanded && styles$I.modifiers.expanded, styles$I.modifiers.detached, className) }),
+        var { children, className = '', isExpanded = false, onToggle, contentId, direction = 'down', hasTruncatedContent = false } = _a, props = __rest$1(_a, ["children", "className", "isExpanded", "onToggle", "contentId", "direction", "hasTruncatedContent"]);
+        return (React__namespace.createElement("div", Object.assign({ className: css(styles$I.expandableSection, isExpanded && styles$I.modifiers.expanded, styles$I.modifiers.detached, hasTruncatedContent && styles$I.modifiers.truncate, className) }, props),
             React__namespace.createElement("button", { className: css(styles$I.expandableSectionToggle), type: "button", "aria-expanded": isExpanded, "aria-controls": contentId, onClick: () => onToggle(!isExpanded) },
-                React__namespace.createElement("span", { className: css(styles$I.expandableSectionToggleIcon, isExpanded && direction === 'up' && styles$I.modifiers.expandTop) },
-                    React__namespace.createElement(AngleRightIcon, { "aria-hidden": true })),
+                !hasTruncatedContent && (React__namespace.createElement("span", { className: css(styles$I.expandableSectionToggleIcon, isExpanded && direction === 'up' && styles$I.modifiers.expandTop) },
+                    React__namespace.createElement(AngleRightIcon, { "aria-hidden": true }))),
                 React__namespace.createElement("span", { className: css(styles$I.expandableSectionToggleText) }, children))));
     };
     ExpandableSectionToggle.displayName = 'ExpandableSectionToggle';
@@ -20710,7 +20748,7 @@
         }
     };
     const NumberInput = (_a) => {
-        var { value = 0, className, widthChars, isDisabled = false, onMinus = () => { }, onChange, onBlur, onPlus = () => { }, unit, unitPosition = 'after', min, max, inputName, inputAriaLabel = 'Input', minusBtnAriaLabel = 'Minus', plusBtnAriaLabel = 'Plus', inputProps, minusBtnProps, plusBtnProps } = _a, props = __rest$1(_a, ["value", "className", "widthChars", "isDisabled", "onMinus", "onChange", "onBlur", "onPlus", "unit", "unitPosition", "min", "max", "inputName", "inputAriaLabel", "minusBtnAriaLabel", "plusBtnAriaLabel", "inputProps", "minusBtnProps", "plusBtnProps"]);
+        var { value = 0, className, widthChars, isDisabled = false, validated = exports.ValidatedOptions.default, onMinus = () => { }, onChange, onBlur, onPlus = () => { }, unit, unitPosition = 'after', min, max, inputName, inputAriaLabel = 'Input', minusBtnAriaLabel = 'Minus', plusBtnAriaLabel = 'Plus', inputProps, minusBtnProps, plusBtnProps } = _a, props = __rest$1(_a, ["value", "className", "widthChars", "isDisabled", "validated", "onMinus", "onChange", "onBlur", "onPlus", "unit", "unitPosition", "min", "max", "inputName", "inputAriaLabel", "minusBtnAriaLabel", "plusBtnAriaLabel", "inputProps", "minusBtnProps", "plusBtnProps"]);
         const numberInputUnit = React__namespace.createElement("div", { className: css(styles$a.numberInputUnit) }, unit);
         const keyDownHandler = inputProps && inputProps.onKeyDown ? inputProps.onKeyDown : defaultKeyDownHandler({ inputName, onMinus, onPlus });
         const handleBlur = (event) => {
@@ -20722,7 +20760,7 @@
                 onBlur(event);
             }
         };
-        return (React__namespace.createElement("div", Object.assign({ className: css(styles$a.numberInput, className) }, (widthChars && {
+        return (React__namespace.createElement("div", Object.assign({ className: css(styles$a.numberInput, validated !== 'default' && styles$a.modifiers.status, className) }, (widthChars && {
             style: Object.assign({ '--pf-c-number-input--c-form-control--width-chars': widthChars }, props.style)
         }), props),
             unit && unitPosition === 'before' && numberInputUnit,
@@ -20730,7 +20768,7 @@
                 React__namespace.createElement(Button, Object.assign({ variant: "control", "aria-label": minusBtnAriaLabel, isDisabled: isDisabled || value <= min, onClick: evt => onMinus(evt, inputName) }, minusBtnProps),
                     React__namespace.createElement("span", { className: css(styles$a.numberInputIcon) },
                         React__namespace.createElement(MinusIcon, { "aria-hidden": "true" }))),
-                React__namespace.createElement("input", Object.assign({ className: css(styles$a.formControl), type: "number", value: value, name: inputName, "aria-label": inputAriaLabel }, (isDisabled && { disabled: isDisabled }), (onChange && { onChange }), { onBlur: handleBlur }, (!onChange && { readOnly: true }), inputProps, { onKeyDown: keyDownHandler })),
+                React__namespace.createElement(TextInput, Object.assign({ type: "number", value: value, name: inputName, "aria-label": inputAriaLabel }, (isDisabled && { isDisabled }), (onChange && { onChange: (value, event) => onChange(event) }), { onBlur: handleBlur }, (!onChange && { isReadOnly: true }), { onKeyDown: keyDownHandler, validated: validated }, inputProps)),
                 React__namespace.createElement(Button, Object.assign({ variant: "control", "aria-label": plusBtnAriaLabel, isDisabled: isDisabled || value >= max, onClick: evt => onPlus(evt, inputName) }, plusBtnProps),
                     React__namespace.createElement("span", { className: css(styles$a.numberInputIcon) },
                         React__namespace.createElement(PlusIcon, { "aria-hidden": "true" })))),