@patternfly/react-core 4.202.0 → 4.202.3

package/dist/umd/react-core.js

@@ -9675,15 +9675,19 @@
       }
     };
 
-    const setAutoFitMinModifiers = (autoFitMinModifier) => {
-        const prefix = '--pf-c-description-list--GridTemplateColumns--min';
-        const mods = autoFitMinModifier;
+    const setBreakpointModifiers = (prefix, modifiers) => {
+        const mods = modifiers;
         return Object.keys(mods || {}).reduce((acc, curr) => curr === 'default' ? Object.assign(Object.assign({}, acc), { [prefix]: mods[curr] }) : Object.assign(Object.assign({}, acc), { [`${prefix}-on-${curr}`]: mods[curr] }), {});
     };
     const DescriptionList = (_a) => {
-        var { className = '', children = null, isHorizontal = false, isAutoColumnWidths, isAutoFit, isInlineGrid, isCompact, isFluid, isFillColumns, columnModifier, autoFitMinModifier, orientation, style } = _a, props = __rest$1(_a, ["className", "children", "isHorizontal", "isAutoColumnWidths", "isAutoFit", "isInlineGrid", "isCompact", "isFluid", "isFillColumns", "columnModifier", "autoFitMinModifier", "orientation", "style"]);
-        return (React__namespace.createElement("dl", Object.assign({ className: css(_default$Q.descriptionList, (isHorizontal || isFluid) && _default$Q.modifiers.horizontal, isAutoColumnWidths && _default$Q.modifiers.autoColumnWidths, isAutoFit && _default$Q.modifiers.autoFit, formatBreakpointMods(columnModifier, _default$Q), formatBreakpointMods(orientation, _default$Q), isInlineGrid && _default$Q.modifiers.inlineGrid, isCompact && _default$Q.modifiers.compact, isFluid && _default$Q.modifiers.fluid, isFillColumns && _default$Q.modifiers.fillColumns, className), style: autoFitMinModifier || style
-                ? Object.assign(Object.assign({}, (isAutoFit ? setAutoFitMinModifiers(autoFitMinModifier) : {})), style) : undefined }, props), children));
+        var { className = '', children = null, isHorizontal = false, isAutoColumnWidths, isAutoFit, isInlineGrid, isCompact, isFluid, isFillColumns, columnModifier, autoFitMinModifier, horizontalTermWidthModifier, orientation, style } = _a, props = __rest$1(_a, ["className", "children", "isHorizontal", "isAutoColumnWidths", "isAutoFit", "isInlineGrid", "isCompact", "isFluid", "isFillColumns", "columnModifier", "autoFitMinModifier", "horizontalTermWidthModifier", "orientation", "style"]);
+        if (isAutoFit && autoFitMinModifier) {
+            style = Object.assign(Object.assign({}, style), setBreakpointModifiers('--pf-c-description-list--GridTemplateColumns--min', autoFitMinModifier));
+        }
+        if (isHorizontal && horizontalTermWidthModifier) {
+            style = Object.assign(Object.assign({}, style), setBreakpointModifiers('--pf-c-description-list--m-horizontal__term--width', horizontalTermWidthModifier));
+        }
+        return (React__namespace.createElement("dl", Object.assign({ className: css(_default$Q.descriptionList, (isHorizontal || isFluid) && _default$Q.modifiers.horizontal, isAutoColumnWidths && _default$Q.modifiers.autoColumnWidths, isAutoFit && _default$Q.modifiers.autoFit, formatBreakpointMods(columnModifier, _default$Q), formatBreakpointMods(orientation, _default$Q), isInlineGrid && _default$Q.modifiers.inlineGrid, isCompact && _default$Q.modifiers.compact, isFluid && _default$Q.modifiers.fluid, isFillColumns && _default$Q.modifiers.fillColumns, className), style: style }, props), children));
     };
     DescriptionList.displayName = 'DescriptionList';
 
@@ -15056,7 +15060,7 @@
                 React__namespace.createElement("span", { className: css(_default$z.menuToggleControls) },
                     React__namespace.createElement("span", { className: css(_default$z.menuToggleToggleIcon) },
                         React__namespace.createElement(CaretDownIcon$1, { "aria-hidden": true })))));
-            return (React__namespace.createElement("button", Object.assign({ className: css(_default$z.menuToggle, isExpanded && _default$z.modifiers.expanded, variant === 'primary' && _default$z.modifiers.primary, (isPlain || isPlainText) && _default$z.modifiers.plain, isPlainText && _default$z.modifiers.text, isFullHeight && _default$z.modifiers.fullHeight, className), type: "button", "aria-expanded": false, ref: innerRef }, (isExpanded && { 'aria-expanded': true }), (isDisabled && { disabled: true }), props),
+            return (React__namespace.createElement("button", Object.assign({ className: css(_default$z.menuToggle, isExpanded && _default$z.modifiers.expanded, variant === 'primary' && _default$z.modifiers.primary, variant === 'secondary' && _default$z.modifiers.secondary, (isPlain || isPlainText) && _default$z.modifiers.plain, isPlainText && _default$z.modifiers.text, isFullHeight && _default$z.modifiers.fullHeight, className), type: "button", "aria-expanded": false, ref: innerRef }, (isExpanded && { 'aria-expanded': true }), (isDisabled && { disabled: true }), props),
                 isPlain && children,
                 !isPlain && content));
         }