@patternfly/react-core 4.199.3 → 4.200.0

package/dist/umd/react-core.js

@@ -5581,8 +5581,8 @@
     };
 
     const Avatar = (_a) => {
-        var { className = '', src = '', alt, border } = _a, props = __rest$1(_a, ["className", "src", "alt", "border"]);
-        return (React__namespace.createElement("img", Object.assign({ src: src, alt: alt, className: css(_default$18.avatar, border === 'light' && _default$18.modifiers.light, border === 'dark' && _default$18.modifiers.dark, className) }, props)));
+        var { className = '', src = '', alt, border, size } = _a, props = __rest$1(_a, ["className", "src", "alt", "border", "size"]);
+        return (React__namespace.createElement("img", Object.assign({ src: src, alt: alt, className: css(_default$18.avatar, _default$18.modifiers[size], border === 'light' && _default$18.modifiers.light, border === 'dark' && _default$18.modifiers.dark, className) }, props)));
     };
     Avatar.displayName = 'Avatar';
 
@@ -5903,7 +5903,7 @@
             /* eslint-disable @typescript-eslint/no-unused-vars */
             onChange, onFocus, onBlur, isLeftTruncated, 
             /* eslint-enable @typescript-eslint/no-unused-vars */
-            isReadOnly, isRequired, isDisabled, iconVariant, customIconUrl, customIconDimensions, ouiaId, ouiaSafe } = _a, props = __rest$1(_a, ["innerRef", "className", "type", "value", "validated", "onChange", "onFocus", "onBlur", "isLeftTruncated", "isReadOnly", "isRequired", "isDisabled", "iconVariant", "customIconUrl", "customIconDimensions", "ouiaId", "ouiaSafe"]);
+            isReadOnly, isRequired, isDisabled, isIconSprite, iconVariant, customIconUrl, customIconDimensions, ouiaId, ouiaSafe } = _a, props = __rest$1(_a, ["innerRef", "className", "type", "value", "validated", "onChange", "onFocus", "onBlur", "isLeftTruncated", "isReadOnly", "isRequired", "isDisabled", "isIconSprite", "iconVariant", "customIconUrl", "customIconDimensions", "ouiaId", "ouiaSafe"]);
             const customIconStyle = {};
             if (customIconUrl) {
                 customIconStyle.backgroundImage = `url('${customIconUrl}')`;
@@ -5911,7 +5911,7 @@
             if (customIconDimensions) {
                 customIconStyle.backgroundSize = customIconDimensions;
             }
-            return (React__namespace.createElement("input", Object.assign({}, props, { onFocus: this.onFocus, onBlur: this.onBlur, className: css(_default$1c.formControl, validated === exports.ValidatedOptions.success && _default$1c.modifiers.success, validated === exports.ValidatedOptions.warning && _default$1c.modifiers.warning, ((iconVariant && iconVariant !== 'search') || customIconUrl) && _default$1c.modifiers.icon, iconVariant && _default$1c.modifiers[iconVariant], className), onChange: this.handleChange, type: type, value: value, "aria-invalid": props['aria-invalid'] ? props['aria-invalid'] : validated === exports.ValidatedOptions.error, required: isRequired, disabled: isDisabled, readOnly: isReadOnly, ref: innerRef || this.inputRef }, ((customIconUrl || customIconDimensions) && { style: customIconStyle }), getOUIAProps(TextInput.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe))));
+            return (React__namespace.createElement("input", Object.assign({}, props, { onFocus: this.onFocus, onBlur: this.onBlur, className: css(_default$1c.formControl, isIconSprite && _default$1c.modifiers.iconSprite, validated === exports.ValidatedOptions.success && _default$1c.modifiers.success, validated === exports.ValidatedOptions.warning && _default$1c.modifiers.warning, ((iconVariant && iconVariant !== 'search') || customIconUrl) && _default$1c.modifiers.icon, iconVariant && _default$1c.modifiers[iconVariant], className), onChange: this.handleChange, type: type, value: value, "aria-invalid": props['aria-invalid'] ? props['aria-invalid'] : validated === exports.ValidatedOptions.error, required: isRequired, disabled: isDisabled, readOnly: isReadOnly, ref: innerRef || this.inputRef }, ((customIconUrl || customIconDimensions) && { style: customIconStyle }), getOUIAProps(TextInput.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe))));
         }
     }
     TextInputBase.displayName = 'TextInputBase';
@@ -5922,6 +5922,7 @@
         validated: 'default',
         isDisabled: false,
         isReadOnly: false,
+        isIconSprite: false,
         type: exports.TextInputTypes.text,
         isLeftTruncated: false,
         onChange: () => undefined,
@@ -8750,11 +8751,11 @@
             };
         }
         render() {
-            const _a = this.props, { children, className, value, validated, isDisabled, isRequired, ouiaId, ouiaSafe } = _a, props = __rest$1(_a, ["children", "className", "value", "validated", "isDisabled", "isRequired", "ouiaId", "ouiaSafe"]);
+            const _a = this.props, { children, className, value, validated, isDisabled, isRequired, isIconSprite, ouiaId, ouiaSafe } = _a, props = __rest$1(_a, ["children", "className", "value", "validated", "isDisabled", "isRequired", "isIconSprite", "ouiaId", "ouiaSafe"]);
             /* find selected option and get placeholder flag */
             const selectedOption = React__namespace.Children.toArray(children).find((option) => option.props.value === value);
             const isSelectedPlaceholder = selectedOption && selectedOption.props.isPlaceholder;
-            return (React__namespace.createElement("select", Object.assign({}, props, { className: css(_default$1c.formControl, className, validated === exports.ValidatedOptions.success && _default$1c.modifiers.success, validated === exports.ValidatedOptions.warning && _default$1c.modifiers.warning, isSelectedPlaceholder && _default$1c.modifiers.placeholder), "aria-invalid": validated === exports.ValidatedOptions.error }, getOUIAProps(FormSelect.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe), { onChange: this.handleChange, disabled: isDisabled, required: isRequired, value: value }), children));
+            return (React__namespace.createElement("select", Object.assign({}, props, { className: css(_default$1c.formControl, isIconSprite && _default$1c.modifiers.iconSprite, className, validated === exports.ValidatedOptions.success && _default$1c.modifiers.success, validated === exports.ValidatedOptions.warning && _default$1c.modifiers.warning, isSelectedPlaceholder && _default$1c.modifiers.placeholder), "aria-invalid": validated === exports.ValidatedOptions.error }, getOUIAProps(FormSelect.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe), { onChange: this.handleChange, disabled: isDisabled, required: isRequired, value: value }), children));
         }
     }
     FormSelect.displayName = 'FormSelect';
@@ -8764,6 +8765,7 @@
         validated: 'default',
         isDisabled: false,
         isRequired: false,
+        isIconSprite: false,
         onBlur: () => undefined,
         onFocus: () => undefined,
         onChange: () => undefined,
@@ -8824,13 +8826,13 @@
             }
         }
         render() {
-            const _a = this.props, { className, value, validated, isRequired, isDisabled, isReadOnly, resizeOrientation, innerRef, readOnly, disabled, 
+            const _a = this.props, { className, value, validated, isRequired, isDisabled, isIconSprite, isReadOnly, resizeOrientation, innerRef, readOnly, disabled, 
             /* eslint-disable @typescript-eslint/no-unused-vars */
             autoResize, onChange } = _a, 
             /* eslint-enable @typescript-eslint/no-unused-vars */
-            props = __rest$1(_a, ["className", "value", "validated", "isRequired", "isDisabled", "isReadOnly", "resizeOrientation", "innerRef", "readOnly", "disabled", "autoResize", "onChange"]);
+            props = __rest$1(_a, ["className", "value", "validated", "isRequired", "isDisabled", "isIconSprite", "isReadOnly", "resizeOrientation", "innerRef", "readOnly", "disabled", "autoResize", "onChange"]);
             const orientation = `resize${capitalize(resizeOrientation)}`;
-            return (React__namespace.createElement("textarea", Object.assign({ className: css(_default$1c.formControl, className, resizeOrientation !== exports.TextAreResizeOrientation.both && _default$1c.modifiers[orientation], validated === exports.ValidatedOptions.success && _default$1c.modifiers.success, validated === exports.ValidatedOptions.warning && _default$1c.modifiers.warning), onChange: this.handleChange }, (typeof this.props.defaultValue !== 'string' && { value }), { "aria-invalid": validated === exports.ValidatedOptions.error, required: isRequired, disabled: isDisabled || disabled, readOnly: isReadOnly || readOnly, ref: innerRef }, props)));
+            return (React__namespace.createElement("textarea", Object.assign({ className: css(_default$1c.formControl, isIconSprite && _default$1c.modifiers.iconSprite, className, resizeOrientation !== exports.TextAreResizeOrientation.both && _default$1c.modifiers[orientation], validated === exports.ValidatedOptions.success && _default$1c.modifiers.success, validated === exports.ValidatedOptions.warning && _default$1c.modifiers.warning), onChange: this.handleChange }, (typeof this.props.defaultValue !== 'string' && { value }), { "aria-invalid": validated === exports.ValidatedOptions.error, required: isRequired, disabled: isDisabled || disabled, readOnly: isReadOnly || readOnly, ref: innerRef }, props)));
         }
     }
     TextAreaBase.displayName = 'TextArea';
@@ -8839,6 +8841,7 @@
         className: '',
         isRequired: false,
         isDisabled: false,
+        isIconSprite: false,
         validated: 'default',
         resizeOrientation: 'both',
         'aria-label': null

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

@@ -859,7 +859,7 @@
   --pf-c-form-control--textarea--invalid--BackgroundPositionY: var(--pf-c-form-control--PaddingLeft);
   --pf-c-form-control--m-icon-sprite--success--BackgroundUrl: url("../../assets/images/status-icon-sprite.svg#success");
   --pf-c-form-control--m-icon-sprite--m-warning--BackgroundUrl: url("../../assets/images/status-icon-sprite.svg#warning");
-  --pf-c-form-control--m-icon-sprite--m-invalid--BackgroundUrl: url("../../assets/images/status-icon-sprite.svg#invalid");
+  --pf-c-form-control--m-icon-sprite--invalid--BackgroundUrl: url("../../assets/images/status-icon-sprite.svg#invalid");
   --pf-c-form-control--m-icon-sprite__select--BackgroundUrl: url("../../assets/images/status-icon-sprite.svg#select");
   --pf-c-form-control--m-icon-sprite--m-search--BackgroundUrl: url("../../assets/images/status-icon-sprite.svg#search");
   --pf-c-form-control--m-icon-sprite--m-calendar--BackgroundUrl: url("../../assets/images/status-icon-sprite.svg#calendar");
@@ -1005,7 +1005,7 @@
 .pf-c-form-control.pf-m-icon-sprite {
   --pf-c-form-control--success--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--success--BackgroundUrl);
   --pf-c-form-control--m-warning--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-warning--BackgroundUrl);
-  --pf-c-form-control--m-invalid--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-invalid--BackgroundUrl);
+  --pf-c-form-control--invalid--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--invalid--BackgroundUrl);
   --pf-c-form-control__select--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite__select--BackgroundUrl);
   --pf-c-form-control--m-search--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-search--BackgroundUrl);
   --pf-c-form-control--m-calendar--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-calendar--BackgroundUrl);