@patternfly/react-core 4.223.0 → 4.223.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/dist/esm/components/Form/FormGroup.d.ts +4 -2
  3. package/dist/esm/components/Form/FormGroup.d.ts.map +1 -1
  4. package/dist/esm/components/Form/FormGroup.js +4 -3
  5. package/dist/esm/components/Form/FormGroup.js.map +1 -1
  6. package/dist/esm/components/ProgressStepper/ProgressStep.js +2 -2
  7. package/dist/esm/components/ProgressStepper/ProgressStep.js.map +1 -1
  8. package/dist/js/components/Form/FormGroup.d.ts +4 -2
  9. package/dist/js/components/Form/FormGroup.d.ts.map +1 -1
  10. package/dist/js/components/Form/FormGroup.js +4 -3
  11. package/dist/js/components/Form/FormGroup.js.map +1 -1
  12. package/dist/js/components/ProgressStepper/ProgressStep.js +2 -2
  13. package/dist/js/components/ProgressStepper/ProgressStep.js.map +1 -1
  14. package/dist/umd/react-core.css +17 -13
  15. package/dist/umd/react-core.js +5 -5
  16. package/dist/umd/react-core.min.css +17 -13
  17. package/dist/umd/react-core.min.js +1 -1
  18. package/package.json +6 -6
  19. package/src/components/Form/FormGroup.tsx +40 -29
  20. package/src/components/Form/examples/Form.md +12 -1271
  21. package/src/components/Form/examples/FormBasic.tsx +122 -0
  22. package/src/components/Form/examples/FormFieldGroups.tsx +324 -0
  23. package/src/components/Form/examples/FormGrid.tsx +66 -0
  24. package/src/components/Form/examples/FormGroupLabelInfo.tsx +72 -0
  25. package/src/components/Form/examples/FormHorizontal.tsx +118 -0
  26. package/src/components/Form/examples/FormHorizontalHelper.tsx +23 -0
  27. package/src/components/Form/examples/FormHorizontalStacked.tsx +11 -0
  28. package/src/components/Form/examples/FormInvalid.tsx +47 -0
  29. package/src/components/Form/examples/FormInvalidWithFormAlert.tsx +52 -0
  30. package/src/components/Form/examples/FormLimitWidth.tsx +122 -0
  31. package/src/components/Form/examples/FormSections.tsx +44 -0
  32. package/src/components/Form/examples/FormValidated.tsx +60 -0
  33. package/src/components/ProgressStepper/ProgressStep.tsx +2 -2
  34. package/src/components/ProgressStepper/__tests__/__snapshots__/ProgressStepper.test.tsx.snap +2 -4
package/CHANGELOG.md CHANGED
@@ -3,6 +3,33 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## 4.223.3 (2022-06-23)
7
+
8
+ **Note:** Version bump only for package @patternfly/react-core
9
+
10
+
11
+
12
+
13
+
14
+ ## 4.223.2 (2022-06-23)
15
+
16
+
17
+ ### Bug Fixes
18
+
19
+ * **ProgressStepper:** added onTriggerEnter prop to Popover ([#7532](https://github.com/patternfly/patternfly-react/issues/7532)) ([1208390](https://github.com/patternfly/patternfly-react/commit/12083908a7043c017a5b7a97f84623add10bfe75))
20
+
21
+
22
+
23
+
24
+
25
+ ## 4.223.1 (2022-06-23)
26
+
27
+ **Note:** Version bump only for package @patternfly/react-core
28
+
29
+
30
+
31
+
32
+
6
33
  # 4.223.0 (2022-06-22)
7
34
 
8
35
 
package/dist/esm/components/Form/FormGroup.d.ts CHANGED
@@ -34,8 +34,10 @@ export interface FormGroupProps extends Omit<React.HTMLProps<HTMLDivElement>, 'l
34
34
  helperTextIcon?: React.ReactNode;
35
35
  /** Icon displayed to the left of the helper text when the field is invalid. */
36
36
  helperTextInvalidIcon?: React.ReactNode;
37
- /** ID of the included field. It has to be the same for proper working. */
38
- fieldId: string;
37
+ /** ID of an individual field or a group of multiple fields. Required when a role of "group" or "radiogroup" is passed in.
38
+ * If only one field is included, its ID attribute and this prop must be the same.
39
+ */
40
+ fieldId?: string;
39
41
  /** Sets the role of the form group. Pass in "radiogroup" when the form group contains multiple
40
42
  * radio inputs, or pass in "group" when the form group contains multiple of any other input type.
41
43
  */
package/dist/esm/components/Form/FormGroup.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FormGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACpF,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,8FAA8F;IAC9F,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC/B,mCAAmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACxD,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,6EAA6E;IAC7E,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,0EAA0E;IAC1E,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,mGAAmG;IACnG,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,qDAAqD;IACrD,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,+EAA+E;IAC/E,qBAAqB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxC,0EAA0E;IAC1E,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CA0G7D,CAAC"}
1
+ {"version":3,"file":"FormGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACpF,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,8FAA8F;IAC9F,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC/B,mCAAmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACxD,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,6EAA6E;IAC7E,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,0EAA0E;IAC1E,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,mGAAmG;IACnG,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,qDAAqD;IACrD,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,+EAA+E;IAC/E,qBAAqB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAkH7D,CAAC"}
package/dist/esm/components/Form/FormGroup.js CHANGED
@@ -4,6 +4,7 @@ import styles from '@patternfly/react-styles/css/components/Form/form';
4
4
  import { ASTERISK } from '../../helpers/htmlConstants';
5
5
  import { css } from '@patternfly/react-styles';
6
6
  import { ValidatedOptions } from '../../helpers/constants';
7
+ import { GenerateId } from '../../helpers/GenerateId/GenerateId';
7
8
  export const FormGroup = (_a) => {
8
9
  var { children = null, className = '', label, labelInfo, labelIcon, isRequired = false, validated = 'default', isInline = false, hasNoPaddingTop = false, isStack = false, helperText, isHelperTextBeforeField = false, helperTextInvalid, helperTextIcon, helperTextInvalidIcon, fieldId, role } = _a, props = __rest(_a, ["children", "className", "label", "labelInfo", "labelIcon", "isRequired", "validated", "isInline", "hasNoPaddingTop", "isStack", "helperText", "isHelperTextBeforeField", "helperTextInvalid", "helperTextIcon", "helperTextInvalidIcon", "fieldId", "role"]);
9
10
  const validHelperText = typeof helperText !== 'string' ? (helperText) : (React.createElement("div", { className: css(styles.formHelperText, validated === ValidatedOptions.success && styles.modifiers.success, validated === ValidatedOptions.warning && styles.modifiers.warning), id: `${fieldId}-helper`, "aria-live": "polite" },
@@ -24,8 +25,8 @@ export const FormGroup = (_a) => {
24
25
  ASTERISK))),
25
26
  ' ',
26
27
  React.isValidElement(labelIcon) && labelIcon));
27
- return (React.createElement("div", Object.assign({ className: css(styles.formGroup, className) }, (role && { role }), (isGroupOrRadioGroup && { 'aria-labelledby': `${fieldId}-legend` }), props),
28
- label && (React.createElement("div", Object.assign({ className: css(styles.formGroupLabel, labelInfo && styles.modifiers.info, hasNoPaddingTop && styles.modifiers.noPaddingTop) }, (isGroupOrRadioGroup && { id: `${fieldId}-legend` })),
28
+ return (React.createElement(GenerateId, null, randomId => (React.createElement("div", Object.assign({ className: css(styles.formGroup, className) }, (role && { role }), (isGroupOrRadioGroup && { 'aria-labelledby': `${fieldId || randomId}-legend` }), props),
29
+ label && (React.createElement("div", Object.assign({ className: css(styles.formGroupLabel, labelInfo && styles.modifiers.info, hasNoPaddingTop && styles.modifiers.noPaddingTop) }, (isGroupOrRadioGroup && { id: `${fieldId || randomId}-legend` })),
29
30
  labelInfo && (React.createElement(React.Fragment, null,
30
31
  React.createElement("div", { className: css(styles.formGroupLabelMain) }, labelContent),
31
32
  React.createElement("div", { className: css(styles.formGroupLabelInfo) }, labelInfo))),
@@ -33,7 +34,7 @@ export const FormGroup = (_a) => {
33
34
  React.createElement("div", { className: css(styles.formGroupControl, isInline && styles.modifiers.inline, isStack && styles.modifiers.stack) },
34
35
  isHelperTextBeforeField && helperTextToDisplay,
35
36
  children,
36
- !isHelperTextBeforeField && helperTextToDisplay)));
37
+ !isHelperTextBeforeField && helperTextToDisplay)))));
37
38
  };
38
39
  FormGroup.displayName = 'FormGroup';
39
40
  //# sourceMappingURL=FormGroup.js.map
package/dist/esm/components/Form/FormGroup.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FormGroup.js","sourceRoot":"","sources":["../../../../src/components/Form/FormGroup.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"FormGroup.js","sourceRoot":"","sources":["../../../../src/components/Form/FormGroup.tsx"],"names":[],"mappings":"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"}
package/dist/esm/components/ProgressStepper/ProgressStep.js CHANGED
@@ -25,7 +25,7 @@ const variantStyle = {
25
25
  export const ProgressStep = (_a) => {
26
26
  var { children, className, variant, isCurrent, description, icon, titleId, 'aria-label': ariaLabel, popoverRender } = _a, props = __rest(_a, ["children", "className", "variant", "isCurrent", "description", "icon", "titleId", 'aria-label', "popoverRender"]);
27
27
  const _icon = icon !== undefined ? icon : variantIcons[variant];
28
- const Component = popoverRender !== undefined ? 'span' : 'div';
28
+ const Component = popoverRender !== undefined ? 'button' : 'div';
29
29
  const stepRef = React.useRef();
30
30
  if (props.id === undefined || titleId === undefined) {
31
31
  /* eslint-disable no-console */
@@ -35,7 +35,7 @@ export const ProgressStep = (_a) => {
35
35
  React.createElement("div", { className: css(styles.progressStepperStepConnector) },
36
36
  React.createElement("span", { className: css(styles.progressStepperStepIcon) }, _icon && _icon)),
37
37
  React.createElement("div", { className: css(styles.progressStepperStepMain) },
38
- React.createElement(Component, Object.assign({ className: css(styles.progressStepperStepTitle, popoverRender && styles.modifiers.helpText), id: titleId, ref: stepRef }, (popoverRender && { tabIndex: 0, role: 'button', type: 'button' }), (props.id !== undefined && titleId !== undefined && { 'aria-labelledby': `${props.id} ${titleId}` })),
38
+ React.createElement(Component, Object.assign({ className: css(styles.progressStepperStepTitle, popoverRender && styles.modifiers.helpText), id: titleId, ref: stepRef }, (popoverRender && { type: 'button' }), (props.id !== undefined && titleId !== undefined && { 'aria-labelledby': `${props.id} ${titleId}` })),
39
39
  children,
40
40
  popoverRender && popoverRender(stepRef)),
41
41
  description && React.createElement("div", { className: css(styles.progressStepperStepDescription) }, description))));
package/dist/esm/components/ProgressStepper/ProgressStep.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressStep.js","sourceRoot":"","sources":["../../../../src/components/ProgressStepper/ProgressStep.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ProgressStep.js","sourceRoot":"","sources":["../../../../src/components/ProgressStepper/ProgressStep.tsx"],"names":[],"mappings":"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"}
package/dist/js/components/Form/FormGroup.d.ts CHANGED
@@ -34,8 +34,10 @@ export interface FormGroupProps extends Omit<React.HTMLProps<HTMLDivElement>, 'l
34
34
  helperTextIcon?: React.ReactNode;
35
35
  /** Icon displayed to the left of the helper text when the field is invalid. */
36
36
  helperTextInvalidIcon?: React.ReactNode;
37
- /** ID of the included field. It has to be the same for proper working. */
38
- fieldId: string;
37
+ /** ID of an individual field or a group of multiple fields. Required when a role of "group" or "radiogroup" is passed in.
38
+ * If only one field is included, its ID attribute and this prop must be the same.
39
+ */
40
+ fieldId?: string;
39
41
  /** Sets the role of the form group. Pass in "radiogroup" when the form group contains multiple
40
42
  * radio inputs, or pass in "group" when the form group contains multiple of any other input type.
41
43
  */
package/dist/js/components/Form/FormGroup.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FormGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACpF,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,8FAA8F;IAC9F,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC/B,mCAAmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACxD,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,6EAA6E;IAC7E,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,0EAA0E;IAC1E,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,mGAAmG;IACnG,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,qDAAqD;IACrD,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,+EAA+E;IAC/E,qBAAqB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxC,0EAA0E;IAC1E,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CA0G7D,CAAC"}
1
+ {"version":3,"file":"FormGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACpF,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,8FAA8F;IAC9F,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC/B,mCAAmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACxD,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,6EAA6E;IAC7E,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,0EAA0E;IAC1E,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,mGAAmG;IACnG,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,qDAAqD;IACrD,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,+EAA+E;IAC/E,qBAAqB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAkH7D,CAAC"}
package/dist/js/components/Form/FormGroup.js CHANGED
@@ -7,6 +7,7 @@ const form_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/com
7
7
  const htmlConstants_1 = require("../../helpers/htmlConstants");
8
8
  const react_styles_1 = require("@patternfly/react-styles");
9
9
  const constants_1 = require("../../helpers/constants");
10
+ const GenerateId_1 = require("../../helpers/GenerateId/GenerateId");
10
11
  const FormGroup = (_a) => {
11
12
  var { children = null, className = '', label, labelInfo, labelIcon, isRequired = false, validated = 'default', isInline = false, hasNoPaddingTop = false, isStack = false, helperText, isHelperTextBeforeField = false, helperTextInvalid, helperTextIcon, helperTextInvalidIcon, fieldId, role } = _a, props = tslib_1.__rest(_a, ["children", "className", "label", "labelInfo", "labelIcon", "isRequired", "validated", "isInline", "hasNoPaddingTop", "isStack", "helperText", "isHelperTextBeforeField", "helperTextInvalid", "helperTextIcon", "helperTextInvalidIcon", "fieldId", "role"]);
12
13
  const validHelperText = typeof helperText !== 'string' ? (helperText) : (React.createElement("div", { className: react_styles_1.css(form_1.default.formHelperText, validated === constants_1.ValidatedOptions.success && form_1.default.modifiers.success, validated === constants_1.ValidatedOptions.warning && form_1.default.modifiers.warning), id: `${fieldId}-helper`, "aria-live": "polite" },
@@ -27,8 +28,8 @@ const FormGroup = (_a) => {
27
28
  htmlConstants_1.ASTERISK))),
28
29
  ' ',
29
30
  React.isValidElement(labelIcon) && labelIcon));
30
- return (React.createElement("div", Object.assign({ className: react_styles_1.css(form_1.default.formGroup, className) }, (role && { role }), (isGroupOrRadioGroup && { 'aria-labelledby': `${fieldId}-legend` }), props),
31
- label && (React.createElement("div", Object.assign({ className: react_styles_1.css(form_1.default.formGroupLabel, labelInfo && form_1.default.modifiers.info, hasNoPaddingTop && form_1.default.modifiers.noPaddingTop) }, (isGroupOrRadioGroup && { id: `${fieldId}-legend` })),
31
+ return (React.createElement(GenerateId_1.GenerateId, null, randomId => (React.createElement("div", Object.assign({ className: react_styles_1.css(form_1.default.formGroup, className) }, (role && { role }), (isGroupOrRadioGroup && { 'aria-labelledby': `${fieldId || randomId}-legend` }), props),
32
+ label && (React.createElement("div", Object.assign({ className: react_styles_1.css(form_1.default.formGroupLabel, labelInfo && form_1.default.modifiers.info, hasNoPaddingTop && form_1.default.modifiers.noPaddingTop) }, (isGroupOrRadioGroup && { id: `${fieldId || randomId}-legend` })),
32
33
  labelInfo && (React.createElement(React.Fragment, null,
33
34
  React.createElement("div", { className: react_styles_1.css(form_1.default.formGroupLabelMain) }, labelContent),
34
35
  React.createElement("div", { className: react_styles_1.css(form_1.default.formGroupLabelInfo) }, labelInfo))),
@@ -36,7 +37,7 @@ const FormGroup = (_a) => {
36
37
  React.createElement("div", { className: react_styles_1.css(form_1.default.formGroupControl, isInline && form_1.default.modifiers.inline, isStack && form_1.default.modifiers.stack) },
37
38
  isHelperTextBeforeField && helperTextToDisplay,
38
39
  children,
39
- !isHelperTextBeforeField && helperTextToDisplay)));
40
+ !isHelperTextBeforeField && helperTextToDisplay)))));
40
41
  };
41
42
  exports.FormGroup = FormGroup;
42
43
  exports.FormGroup.displayName = 'FormGroup';
package/dist/js/components/Form/FormGroup.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FormGroup.js","sourceRoot":"","sources":["../../../../src/components/Form/FormGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qGAAuE;AACvE,+DAAuD;AACvD,2DAA+C;AAC/C,uDAA2D;AA6CpD,MAAM,SAAS,GAA4C,CAAC,EAmBlD,EAAE,EAAE;QAnB8C,EACjE,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,KAAK,EACL,SAAS,EACT,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,SAAS,EACrB,QAAQ,GAAG,KAAK,EAChB,eAAe,GAAG,KAAK,EACvB,OAAO,GAAG,KAAK,EACf,UAAU,EACV,uBAAuB,GAAG,KAAK,EAC/B,iBAAiB,EACjB,cAAc,EACd,qBAAqB,EACrB,OAAO,EACP,IAAI,OAEW,EADZ,KAAK,sBAlByD,6PAmBlE,CADS;IAER,MAAM,eAAe,GACnB,OAAO,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC/B,UAAU,CACX,CAAC,CAAC,CAAC,CACF,6BACE,SAAS,EAAE,kBAAG,CACZ,cAAM,CAAC,cAAc,EACrB,SAAS,KAAK,4BAAgB,CAAC,OAAO,IAAI,cAAM,CAAC,SAAS,CAAC,OAAO,EAClE,SAAS,KAAK,4BAAgB,CAAC,OAAO,IAAI,cAAM,CAAC,SAAS,CAAC,OAAO,CACnE,EACD,EAAE,EAAE,GAAG,OAAO,SAAS,eACb,QAAQ;QAEjB,cAAc,IAAI,8BAAM,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,kBAAkB,CAAC,IAAG,cAAc,CAAQ;QAC1F,UAAU,CACP,CACP,CAAC;IAEJ,MAAM,iBAAiB,GACrB,OAAO,iBAAiB,KAAK,QAAQ,CAAC,CAAC,CAAC,CACtC,iBAAiB,CAClB,CAAC,CAAC,CAAC,CACF,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,cAAc,EAAE,cAAM,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,GAAG,OAAO,SAAS,eAAY,QAAQ;QAC5G,qBAAqB,IAAI,8BAAM,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,kBAAkB,CAAC,IAAG,qBAAqB,CAAQ;QACxG,iBAAiB,CACd,CACP,CAAC;IAEJ,MAAM,kBAAkB,GAAG,CAAC,cAA2D,EAAE,EAAE,CACzF,cAAc,KAAK,4BAAgB,CAAC,KAAK,IAAI,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAEjF,MAAM,mBAAmB,GACvB,SAAS,KAAK,4BAAgB,CAAC,KAAK,IAAI,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC;IAEhH,MAAM,mBAAmB,GAAG,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,YAAY,CAAC;IACtE,MAAM,cAAc,GAAG,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IAE9D,MAAM,YAAY,GAAG,CACnB,oBAAC,KAAK,CAAC,QAAQ;QACb,oBAAC,cAAc,kBAAC,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,SAAS,CAAC,IAAM,CAAC,CAAC,mBAAmB,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;YAClG,8BAAM,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,aAAa,CAAC,IAAG,KAAK,CAAQ;YACzD,UAAU,IAAI,CACb,8BAAM,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,iBAAiB,CAAC,iBAAc,MAAM;gBAC/D,GAAG;gBACH,wBAAQ,CACJ,CACR,CACc;QAAC,GAAG;QACpB,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,IAAI,SAAS,CAC9B,CAClB,CAAC;IAEF,OAAO,CACL,2CACE,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,SAAS,EAAE,SAAS,CAAC,IACvC,CAAC,IAAI,IAAI,EAAE,IAAI,EAAE,CAAC,EAClB,CAAC,mBAAmB,IAAI,EAAE,iBAAiB,EAAE,GAAG,OAAO,SAAS,EAAE,CAAC,EACnE,KAAK;QAER,KAAK,IAAI,CACR,2CACE,SAAS,EAAE,kBAAG,CACZ,cAAM,CAAC,cAAc,EACrB,SAAS,IAAI,cAAM,CAAC,SAAS,CAAC,IAAI,EAClC,eAAe,IAAI,cAAM,CAAC,SAAS,CAAC,YAAY,CACjD,IACG,CAAC,mBAAmB,IAAI,EAAE,EAAE,EAAE,GAAG,OAAO,SAAS,EAAE,CAAC;YAEvD,SAAS,IAAI,CACZ,oBAAC,KAAK,CAAC,QAAQ;gBACb,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,kBAAkB,CAAC,IAAG,YAAY,CAAO;gBACpE,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,kBAAkB,CAAC,IAAG,SAAS,CAAO,CAClD,CAClB;YACA,CAAC,SAAS,IAAI,YAAY,CACvB,CACP;QACD,6BACE,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,gBAAgB,EAAE,QAAQ,IAAI,cAAM,CAAC,SAAS,CAAC,MAAM,EAAE,OAAO,IAAI,cAAM,CAAC,SAAS,CAAC,KAAK,CAAC;YAE9G,uBAAuB,IAAI,mBAAmB;YAC9C,QAAQ;YACR,CAAC,uBAAuB,IAAI,mBAAmB,CAC5C,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AA1GW,QAAA,SAAS,aA0GpB;AACF,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
1
+ {"version":3,"file":"FormGroup.js","sourceRoot":"","sources":["../../../../src/components/Form/FormGroup.tsx"],"names":[],"mappings":"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"}
package/dist/js/components/ProgressStepper/ProgressStep.js CHANGED
@@ -28,7 +28,7 @@ const variantStyle = {
28
28
  const ProgressStep = (_a) => {
29
29
  var { children, className, variant, isCurrent, description, icon, titleId, 'aria-label': ariaLabel, popoverRender } = _a, props = tslib_1.__rest(_a, ["children", "className", "variant", "isCurrent", "description", "icon", "titleId", 'aria-label', "popoverRender"]);
30
30
  const _icon = icon !== undefined ? icon : variantIcons[variant];
31
- const Component = popoverRender !== undefined ? 'span' : 'div';
31
+ const Component = popoverRender !== undefined ? 'button' : 'div';
32
32
  const stepRef = React.useRef();
33
33
  if (props.id === undefined || titleId === undefined) {
34
34
  /* eslint-disable no-console */
@@ -38,7 +38,7 @@ const ProgressStep = (_a) => {
38
38
  React.createElement("div", { className: react_styles_1.css(progress_stepper_1.default.progressStepperStepConnector) },
39
39
  React.createElement("span", { className: react_styles_1.css(progress_stepper_1.default.progressStepperStepIcon) }, _icon && _icon)),
40
40
  React.createElement("div", { className: react_styles_1.css(progress_stepper_1.default.progressStepperStepMain) },
41
- React.createElement(Component, Object.assign({ className: react_styles_1.css(progress_stepper_1.default.progressStepperStepTitle, popoverRender && progress_stepper_1.default.modifiers.helpText), id: titleId, ref: stepRef }, (popoverRender && { tabIndex: 0, role: 'button', type: 'button' }), (props.id !== undefined && titleId !== undefined && { 'aria-labelledby': `${props.id} ${titleId}` })),
41
+ React.createElement(Component, Object.assign({ className: react_styles_1.css(progress_stepper_1.default.progressStepperStepTitle, popoverRender && progress_stepper_1.default.modifiers.helpText), id: titleId, ref: stepRef }, (popoverRender && { type: 'button' }), (props.id !== undefined && titleId !== undefined && { 'aria-labelledby': `${props.id} ${titleId}` })),
42
42
  children,
43
43
  popoverRender && popoverRender(stepRef)),
44
44
  description && React.createElement("div", { className: react_styles_1.css(progress_stepper_1.default.progressStepperStepDescription) }, description))));
package/dist/js/components/ProgressStepper/ProgressStep.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressStep.js","sourceRoot":"","sources":["../../../../src/components/ProgressStepper/ProgressStep.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ProgressStep.js","sourceRoot":"","sources":["../../../../src/components/ProgressStepper/ProgressStep.tsx"],"names":[],"mappings":"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"}
package/dist/umd/react-core.css CHANGED
@@ -12643,6 +12643,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
12643
12643
  --pf-c-menu-toggle__icon--MarginRight: var(--pf-global--spacer--sm);
12644
12644
  --pf-c-menu-toggle__count--MarginLeft: var(--pf-global--spacer--sm);
12645
12645
  --pf-c-menu-toggle__controls--PaddingLeft: var(--pf-global--spacer--md);
12646
+ --pf-c-menu-toggle__controls--MarginLeft: auto;
12647
+ --pf-c-menu-toggle__controls--MarginRight: 0;
12646
12648
  --pf-c-menu-toggle__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
12647
12649
  --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
12648
12650
  --pf-c-menu-toggle--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
@@ -12683,10 +12685,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
12683
12685
  --pf-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-global--primary-color--100);
12684
12686
  --pf-c-menu-toggle__button__controls--MarginRight: var(--pf-global--spacer--sm);
12685
12687
  --pf-c-menu-toggle__button__controls--MarginLeft: var(--pf-global--spacer--sm);
12686
- --pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginTop: calc(var(--pf-c-menu-toggle--PaddingTop) * -1);
12687
- --pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginRight: calc(var(--pf-c-menu-toggle--PaddingRight) * -1);
12688
- --pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginBottom: calc(var(--pf-c-menu-toggle--PaddingBottom) * -1);
12689
- --pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginLeft: calc(var(--pf-c-menu-toggle--PaddingLeft) * -1);
12688
+ --pf-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-global--spacer--md);
12689
+ --pf-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-global--spacer--sm);
12690
12690
  --pf-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-global--spacer--sm);
12691
12691
  position: relative;
12692
12692
  display: inline-flex;
@@ -12842,14 +12842,20 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
12842
12842
  height: 100%;
12843
12843
  }
12844
12844
 
12845
+ .pf-c-menu-toggle.pf-m-typeahead {
12846
+ --pf-c-menu-toggle__button__controls--MarginRight: var(--pf-c-menu-toggle--m-typeahead__controls--MarginRight);
12847
+ --pf-c-menu-toggle__button__controls--MarginLeft: var(--pf-c-menu-toggle--m-typeahead__controls--MarginLeft);
12848
+ align-items: stretch;
12849
+ padding: 0;
12850
+ }
12851
+
12845
12852
  .pf-c-menu-toggle.pf-m-typeahead .pf-c-text-input-group {
12846
12853
  --pf-c-text-input-group__utilities--c-button--PaddingRight: var(--pf-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight);
12854
+ --pf-c-text-input-group__utilities--MarginRight: 0;
12847
12855
  flex: 1;
12848
- margin: var(--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginTop) var(--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginRight) var(--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginBottom) var(--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginLeft);
12849
12856
  }
12850
12857
 
12851
12858
  .pf-c-menu-toggle.pf-m-split-button {
12852
- --pf-c-menu-toggle__toggle-icon--MarginRight: 0;
12853
12859
  padding: 0;
12854
12860
  }
12855
12861
 
@@ -12978,16 +12984,13 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
12978
12984
  }
12979
12985
 
12980
12986
  .pf-c-menu-toggle__button {
12987
+ --pf-c-menu-toggle__controls--PaddingLeft: 0;
12988
+ --pf-c-menu-toggle__controls--MarginRight: var(--pf-c-menu-toggle__button__controls--MarginRight);
12989
+ --pf-c-menu-toggle__controls--MarginLeft: var(--pf-c-menu-toggle__button__controls--MarginLeft);
12981
12990
  color: inherit;
12982
12991
  border: 0;
12983
12992
  }
12984
12993
 
12985
- .pf-c-menu-toggle__button .pf-c-menu-toggle__controls {
12986
- padding-left: 0;
12987
- margin-right: var(--pf-c-menu-toggle__button__controls--MarginRight);
12988
- margin-left: var(--pf-c-menu-toggle__button__controls--MarginLeft);
12989
- }
12990
-
12991
12994
  .pf-c-menu-toggle__icon {
12992
12995
  display: inline-flex;
12993
12996
  align-self: center;
@@ -13011,7 +13014,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
13011
13014
 
13012
13015
  .pf-c-menu-toggle__controls {
13013
13016
  padding-left: var(--pf-c-menu-toggle__controls--PaddingLeft);
13014
- margin-left: auto;
13017
+ margin-right: var(--pf-c-menu-toggle__controls--MarginRight);
13018
+ margin-left: var(--pf-c-menu-toggle__controls--MarginLeft);
13015
13019
  }
13016
13020
 
13017
13021
  .pf-c-menu-toggle__toggle-icon {
package/dist/umd/react-core.js CHANGED
@@ -14111,8 +14111,8 @@
14111
14111
  ASTERISK))),
14112
14112
  ' ',
14113
14113
  React__namespace.isValidElement(labelIcon) && labelIcon));
14114
- return (React__namespace.createElement("div", Object.assign({ className: css(styles$Z.formGroup, className) }, (role && { role }), (isGroupOrRadioGroup && { 'aria-labelledby': `${fieldId}-legend` }), props),
14115
- label && (React__namespace.createElement("div", Object.assign({ className: css(styles$Z.formGroupLabel, labelInfo && styles$Z.modifiers.info, hasNoPaddingTop && styles$Z.modifiers.noPaddingTop) }, (isGroupOrRadioGroup && { id: `${fieldId}-legend` })),
14114
+ return (React__namespace.createElement(GenerateId, null, randomId => (React__namespace.createElement("div", Object.assign({ className: css(styles$Z.formGroup, className) }, (role && { role }), (isGroupOrRadioGroup && { 'aria-labelledby': `${fieldId || randomId}-legend` }), props),
14115
+ label && (React__namespace.createElement("div", Object.assign({ className: css(styles$Z.formGroupLabel, labelInfo && styles$Z.modifiers.info, hasNoPaddingTop && styles$Z.modifiers.noPaddingTop) }, (isGroupOrRadioGroup && { id: `${fieldId || randomId}-legend` })),
14116
14116
  labelInfo && (React__namespace.createElement(React__namespace.Fragment, null,
14117
14117
  React__namespace.createElement("div", { className: css(styles$Z.formGroupLabelMain) }, labelContent),
14118
14118
  React__namespace.createElement("div", { className: css(styles$Z.formGroupLabelInfo) }, labelInfo))),
@@ -14120,7 +14120,7 @@
14120
14120
  React__namespace.createElement("div", { className: css(styles$Z.formGroupControl, isInline && styles$Z.modifiers.inline, isStack && styles$Z.modifiers.stack) },
14121
14121
  isHelperTextBeforeField && helperTextToDisplay,
14122
14122
  children,
14123
- !isHelperTextBeforeField && helperTextToDisplay)));
14123
+ !isHelperTextBeforeField && helperTextToDisplay)))));
14124
14124
  };
14125
14125
  FormGroup.displayName = 'FormGroup';
14126
14126
 
@@ -18107,7 +18107,7 @@
18107
18107
  const ProgressStep = (_a) => {
18108
18108
  var { children, className, variant, isCurrent, description, icon, titleId, 'aria-label': ariaLabel, popoverRender } = _a, props = __rest$1(_a, ["children", "className", "variant", "isCurrent", "description", "icon", "titleId", 'aria-label', "popoverRender"]);
18109
18109
  const _icon = icon !== undefined ? icon : variantIcons[variant];
18110
- const Component = popoverRender !== undefined ? 'span' : 'div';
18110
+ const Component = popoverRender !== undefined ? 'button' : 'div';
18111
18111
  const stepRef = React__namespace.useRef();
18112
18112
  if (props.id === undefined || titleId === undefined) {
18113
18113
  /* eslint-disable no-console */
@@ -18117,7 +18117,7 @@
18117
18117
  React__namespace.createElement("div", { className: css(styles$p.progressStepperStepConnector) },
18118
18118
  React__namespace.createElement("span", { className: css(styles$p.progressStepperStepIcon) }, _icon && _icon)),
18119
18119
  React__namespace.createElement("div", { className: css(styles$p.progressStepperStepMain) },
18120
- React__namespace.createElement(Component, Object.assign({ className: css(styles$p.progressStepperStepTitle, popoverRender && styles$p.modifiers.helpText), id: titleId, ref: stepRef }, (popoverRender && { tabIndex: 0, role: 'button', type: 'button' }), (props.id !== undefined && titleId !== undefined && { 'aria-labelledby': `${props.id} ${titleId}` })),
18120
+ React__namespace.createElement(Component, Object.assign({ className: css(styles$p.progressStepperStepTitle, popoverRender && styles$p.modifiers.helpText), id: titleId, ref: stepRef }, (popoverRender && { type: 'button' }), (props.id !== undefined && titleId !== undefined && { 'aria-labelledby': `${props.id} ${titleId}` })),
18121
18121
  children,
18122
18122
  popoverRender && popoverRender(stepRef)),
18123
18123
  description && React__namespace.createElement("div", { className: css(styles$p.progressStepperStepDescription) }, description))));
package/dist/umd/react-core.min.css CHANGED
@@ -12643,6 +12643,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
12643
12643
  --pf-c-menu-toggle__icon--MarginRight: var(--pf-global--spacer--sm);
12644
12644
  --pf-c-menu-toggle__count--MarginLeft: var(--pf-global--spacer--sm);
12645
12645
  --pf-c-menu-toggle__controls--PaddingLeft: var(--pf-global--spacer--md);
12646
+ --pf-c-menu-toggle__controls--MarginLeft: auto;
12647
+ --pf-c-menu-toggle__controls--MarginRight: 0;
12646
12648
  --pf-c-menu-toggle__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
12647
12649
  --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
12648
12650
  --pf-c-menu-toggle--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
@@ -12683,10 +12685,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
12683
12685
  --pf-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-global--primary-color--100);
12684
12686
  --pf-c-menu-toggle__button__controls--MarginRight: var(--pf-global--spacer--sm);
12685
12687
  --pf-c-menu-toggle__button__controls--MarginLeft: var(--pf-global--spacer--sm);
12686
- --pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginTop: calc(var(--pf-c-menu-toggle--PaddingTop) * -1);
12687
- --pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginRight: calc(var(--pf-c-menu-toggle--PaddingRight) * -1);
12688
- --pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginBottom: calc(var(--pf-c-menu-toggle--PaddingBottom) * -1);
12689
- --pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginLeft: calc(var(--pf-c-menu-toggle--PaddingLeft) * -1);
12688
+ --pf-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-global--spacer--md);
12689
+ --pf-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-global--spacer--sm);
12690
12690
  --pf-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-global--spacer--sm);
12691
12691
  position: relative;
12692
12692
  display: inline-flex;
@@ -12842,14 +12842,20 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
12842
12842
  height: 100%;
12843
12843
  }
12844
12844
 
12845
+ .pf-c-menu-toggle.pf-m-typeahead {
12846
+ --pf-c-menu-toggle__button__controls--MarginRight: var(--pf-c-menu-toggle--m-typeahead__controls--MarginRight);
12847
+ --pf-c-menu-toggle__button__controls--MarginLeft: var(--pf-c-menu-toggle--m-typeahead__controls--MarginLeft);
12848
+ align-items: stretch;
12849
+ padding: 0;
12850
+ }
12851
+
12845
12852
  .pf-c-menu-toggle.pf-m-typeahead .pf-c-text-input-group {
12846
12853
  --pf-c-text-input-group__utilities--c-button--PaddingRight: var(--pf-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight);
12854
+ --pf-c-text-input-group__utilities--MarginRight: 0;
12847
12855
  flex: 1;
12848
- margin: var(--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginTop) var(--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginRight) var(--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginBottom) var(--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginLeft);
12849
12856
  }
12850
12857
 
12851
12858
  .pf-c-menu-toggle.pf-m-split-button {
12852
- --pf-c-menu-toggle__toggle-icon--MarginRight: 0;
12853
12859
  padding: 0;
12854
12860
  }
12855
12861
 
@@ -12978,16 +12984,13 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
12978
12984
  }
12979
12985
 
12980
12986
  .pf-c-menu-toggle__button {
12987
+ --pf-c-menu-toggle__controls--PaddingLeft: 0;
12988
+ --pf-c-menu-toggle__controls--MarginRight: var(--pf-c-menu-toggle__button__controls--MarginRight);
12989
+ --pf-c-menu-toggle__controls--MarginLeft: var(--pf-c-menu-toggle__button__controls--MarginLeft);
12981
12990
  color: inherit;
12982
12991
  border: 0;
12983
12992
  }
12984
12993
 
12985
- .pf-c-menu-toggle__button .pf-c-menu-toggle__controls {
12986
- padding-left: 0;
12987
- margin-right: var(--pf-c-menu-toggle__button__controls--MarginRight);
12988
- margin-left: var(--pf-c-menu-toggle__button__controls--MarginLeft);
12989
- }
12990
-
12991
12994
  .pf-c-menu-toggle__icon {
12992
12995
  display: inline-flex;
12993
12996
  align-self: center;
@@ -13011,7 +13014,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
13011
13014
 
13012
13015
  .pf-c-menu-toggle__controls {
13013
13016
  padding-left: var(--pf-c-menu-toggle__controls--PaddingLeft);
13014
- margin-left: auto;
13017
+ margin-right: var(--pf-c-menu-toggle__controls--MarginRight);
13018
+ margin-left: var(--pf-c-menu-toggle__controls--MarginLeft);
13015
13019
  }
13016
13020
 
13017
13021
  .pf-c-menu-toggle__toggle-icon {