@patternfly/react-core 4.227.6 → 4.227.9

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 (66) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/esm/components/Menu/MenuItem.d.ts +3 -1
  3. package/dist/esm/components/Menu/MenuItem.d.ts.map +1 -1
  4. package/dist/esm/components/Menu/MenuItem.js +2 -2
  5. package/dist/esm/components/Menu/MenuItem.js.map +1 -1
  6. package/dist/esm/components/MenuToggle/MenuToggle.d.ts +6 -12
  7. package/dist/esm/components/MenuToggle/MenuToggle.d.ts.map +1 -1
  8. package/dist/esm/components/MenuToggle/MenuToggle.js +12 -8
  9. package/dist/esm/components/MenuToggle/MenuToggle.js.map +1 -1
  10. package/dist/esm/components/TextInputGroup/TextInputGroup.d.ts +2 -0
  11. package/dist/esm/components/TextInputGroup/TextInputGroup.d.ts.map +1 -1
  12. package/dist/esm/components/TextInputGroup/TextInputGroup.js +2 -2
  13. package/dist/esm/components/TextInputGroup/TextInputGroup.js.map +1 -1
  14. package/dist/esm/components/TextInputGroup/TextInputGroupMain.d.ts +1 -1
  15. package/dist/esm/components/TextInputGroup/TextInputGroupMain.d.ts.map +1 -1
  16. package/dist/js/components/Menu/MenuItem.d.ts +3 -1
  17. package/dist/js/components/Menu/MenuItem.d.ts.map +1 -1
  18. package/dist/js/components/Menu/MenuItem.js +2 -2
  19. package/dist/js/components/Menu/MenuItem.js.map +1 -1
  20. package/dist/js/components/MenuToggle/MenuToggle.d.ts +6 -12
  21. package/dist/js/components/MenuToggle/MenuToggle.d.ts.map +1 -1
  22. package/dist/js/components/MenuToggle/MenuToggle.js +12 -8
  23. package/dist/js/components/MenuToggle/MenuToggle.js.map +1 -1
  24. package/dist/js/components/TextInputGroup/TextInputGroup.d.ts +2 -0
  25. package/dist/js/components/TextInputGroup/TextInputGroup.d.ts.map +1 -1
  26. package/dist/js/components/TextInputGroup/TextInputGroup.js +2 -2
  27. package/dist/js/components/TextInputGroup/TextInputGroup.js.map +1 -1
  28. package/dist/js/components/TextInputGroup/TextInputGroupMain.d.ts +1 -1
  29. package/dist/js/components/TextInputGroup/TextInputGroupMain.d.ts.map +1 -1
  30. package/dist/umd/react-core.css +46 -49
  31. package/dist/umd/react-core.js +17 -12
  32. package/dist/umd/react-core.min.css +84 -87
  33. package/dist/umd/react-core.min.js +5 -5
  34. package/package.json +6 -6
  35. package/src/components/Menu/MenuItem.tsx +4 -0
  36. package/src/components/MenuToggle/MenuToggle.tsx +63 -25
  37. package/src/components/Page/examples/Page.md +10 -615
  38. package/src/components/Page/examples/PageCenteredSection.tsx +76 -0
  39. package/src/components/Page/examples/PageGroupSection.tsx +106 -0
  40. package/src/components/Page/examples/PageHorizontalNav.tsx +43 -0
  41. package/src/components/Page/examples/PageMainSectionPadding.tsx +72 -0
  42. package/src/components/Page/examples/PageTertiaryNav.tsx +42 -0
  43. package/src/components/Page/examples/PageUncontrolledNav.tsx +53 -0
  44. package/src/components/Page/examples/PageVerticalNav.tsx +65 -0
  45. package/src/components/Page/examples/PageVerticalNavUsingPageHeaderComponent.tsx +44 -0
  46. package/src/components/Page/examples/PageWithOrWithoutFill.tsx +67 -0
  47. package/src/components/Pagination/examples/Pagination.md +8 -355
  48. package/src/components/Pagination/examples/PaginationBottom.tsx +33 -0
  49. package/src/components/Pagination/examples/PaginationCompact.tsx +33 -0
  50. package/src/components/Pagination/examples/PaginationDisabled.tsx +33 -0
  51. package/src/components/Pagination/examples/PaginationIndeterminate.tsx +40 -0
  52. package/src/components/Pagination/examples/PaginationNoItems.tsx +32 -0
  53. package/src/components/Pagination/examples/PaginationOnePage.tsx +32 -0
  54. package/src/components/Pagination/examples/PaginationSticky.tsx +81 -0
  55. package/src/components/Pagination/examples/PaginationTop.tsx +32 -0
  56. package/src/components/Switch/examples/Switch.md +6 -153
  57. package/src/components/Switch/examples/SwitchBasic.tsx +20 -0
  58. package/src/components/Switch/examples/SwitchCheckedWithLabel.tsx +22 -0
  59. package/src/components/Switch/examples/SwitchDisabled.tsx +28 -0
  60. package/src/components/Switch/examples/SwitchReversed.tsx +21 -0
  61. package/src/components/Switch/examples/SwitchUncontrolled.tsx +14 -0
  62. package/src/components/Switch/examples/SwitchWithoutLabel.tsx +12 -0
  63. package/src/components/TextInputGroup/TextInputGroup.tsx +9 -1
  64. package/src/components/TextInputGroup/TextInputGroupMain.tsx +1 -1
  65. package/src/demos/ComposableMenu/ComposableMenu.md +8 -0
  66. package/src/demos/ComposableMenu/examples/ComposableTypeaheadSelect.tsx +196 -0
@@ -1 +1 @@
1
- {"version":3,"file":"MenuToggle.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,yHAAoF;AACpF,2DAA+C;AAC/C,oHAAmF;AA2BnF,MAAa,cAAe,SAAQ,KAAK,CAAC,SAA0B;IAApE;;QACE,gBAAW,GAAG,gBAAgB,CAAC;IAiEjC,CAAC;IAvDC,MAAM;QACJ,MAAM,KAYF,IAAI,CAAC,KAAK,EAZR,EACJ,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,KAAK,EACL,UAAU,EACV,UAAU,EACV,YAAY,EACZ,WAAW,EACX,OAAO,EACP,QAAQ,OAEI,EADT,KAAK,sBAXJ,4HAYL,CAAa,CAAC;QAEf,MAAM,OAAO,GAAG,OAAO,KAAK,OAAO,CAAC;QACpC,MAAM,WAAW,GAAG,OAAO,KAAK,WAAW,CAAC;QAE5C,MAAM,OAAO,GAAG,CACd,oBAAC,KAAK,CAAC,QAAQ;YACZ,IAAI,IAAI,8BAAM,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,cAAc,CAAC,IAAG,IAAI,CAAQ;YACnE,8BAAM,SAAS,EAAC,wBAAwB,IAAE,QAAQ,CAAQ;YACzD,KAAK,IAAI,8BAAM,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,eAAe,CAAC,IAAG,KAAwB,CAAQ;YACzF,8BAAM,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,kBAAkB,CAAC;gBAC7C,8BAAM,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,oBAAoB,CAAC;oBAC/C,oBAAC,yBAAa,0BAAe,CACxB,CACF,CACQ,CAClB,CAAC;QACF,OAAO,CACL,8CACE,SAAS,EAAE,kBAAG,CACZ,qBAAM,CAAC,UAAU,EACjB,UAAU,IAAI,qBAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,OAAO,KAAK,SAAS,IAAI,qBAAM,CAAC,SAAS,CAAC,OAAO,EACjD,OAAO,KAAK,WAAW,IAAI,qBAAM,CAAC,SAAS,CAAC,SAAS,EACrD,CAAC,OAAO,IAAI,WAAW,CAAC,IAAI,qBAAM,CAAC,SAAS,CAAC,KAAK,EAClD,WAAW,IAAI,qBAAM,CAAC,SAAS,CAAC,IAAI,EACpC,YAAY,IAAI,qBAAM,CAAC,SAAS,CAAC,UAAU,EAC3C,WAAW,IAAI,qBAAM,CAAC,SAAS,CAAC,SAAS,EACzC,SAAS,CACV,EACD,IAAI,EAAC,QAAQ,mBACE,KAAK,EACpB,GAAG,EAAE,QAAQ,IACT,CAAC,UAAU,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,EACzC,CAAC,UAAU,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAClC,KAAK;YAER,OAAO,IAAI,QAAQ;YACnB,CAAC,OAAO,IAAI,OAAO,CACb,CACV,CAAC;IACJ,CAAC;;AAjEH,wCAkEC;AAhEQ,2BAAY,GAAG;IACpB,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,KAAK;IACjB,UAAU,EAAE,KAAK;IACjB,WAAW,EAAE,KAAK;IAClB,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,SAAS;CACnB,CAAC;AA2DS,QAAA,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAsB,EAAE,GAAiC,EAAE,EAAE,CAAC,CACxG,oBAAC,cAAc,kBAAC,QAAQ,EAAE,GAAG,IAAM,KAAK,EAAI,CAC7C,CAAC,CAAC;AAEH,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
1
+ {"version":3,"file":"MenuToggle.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":"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"}
@@ -6,6 +6,8 @@ export interface TextInputGroupProps extends React.HTMLProps<HTMLDivElement> {
6
6
  className?: string;
7
7
  /** Adds disabled styling and a disabled context value which text input group main hooks into for the input itself */
8
8
  isDisabled?: boolean;
9
+ /** Flag to indicate the toggle has no border or background */
10
+ isPlain?: boolean;
9
11
  /** @hide A reference object to attach to the input box */
10
12
  innerRef?: React.RefObject<any>;
11
13
  }
@@ -1 +1 @@
1
- {"version":3,"file":"TextInputGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC1E,mDAAmD;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qHAAqH;IACrH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,qBAAqB,6CAEhC,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAoBvE,CAAC"}
1
+ {"version":3,"file":"TextInputGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC1E,mDAAmD;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qHAAqH;IACrH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,qBAAqB,6CAEhC,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CA0BvE,CAAC"}
@@ -9,10 +9,10 @@ exports.TextInputGroupContext = React.createContext({
9
9
  isDisabled: false
10
10
  });
11
11
  const TextInputGroup = (_a) => {
12
- var { children, className, isDisabled, innerRef } = _a, props = tslib_1.__rest(_a, ["children", "className", "isDisabled", "innerRef"]);
12
+ var { children, className, isDisabled, isPlain, innerRef } = _a, props = tslib_1.__rest(_a, ["children", "className", "isDisabled", "isPlain", "innerRef"]);
13
13
  const textInputGroupRef = innerRef || React.useRef(null);
14
14
  return (React.createElement(exports.TextInputGroupContext.Provider, { value: { isDisabled } },
15
- React.createElement("div", Object.assign({ ref: textInputGroupRef, className: react_styles_1.css(text_input_group_1.default.textInputGroup, isDisabled && text_input_group_1.default.modifiers.disabled, className) }, props), children)));
15
+ React.createElement("div", Object.assign({ ref: textInputGroupRef, className: react_styles_1.css(text_input_group_1.default.textInputGroup, isDisabled && text_input_group_1.default.modifiers.disabled, isPlain && text_input_group_1.default.modifiers.plain, className) }, props), children)));
16
16
  };
17
17
  exports.TextInputGroup = TextInputGroup;
18
18
  exports.TextInputGroup.displayName = 'TextInputGroup';
@@ -1 +1 @@
1
- {"version":3,"file":"TextInputGroup.js","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,uIAA6F;AAC7F,2DAA+C;AAalC,QAAA,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAA+B;IACrF,UAAU,EAAE,KAAK;CAClB,CAAC,CAAC;AAEI,MAAM,cAAc,GAAiD,CAAC,EAMvD,EAAE,EAAE;QANmD,EAC3E,QAAQ,EACR,SAAS,EACT,UAAU,EACV,QAAQ,OAEY,EADjB,KAAK,sBALmE,mDAM5E,CADS;IAER,MAAM,iBAAiB,GAAG,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEzD,OAAO,CACL,oBAAC,6BAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE;QACnD,2CACE,GAAG,EAAE,iBAAiB,EACtB,SAAS,EAAE,kBAAG,CAAC,0BAAM,CAAC,cAAc,EAAE,UAAU,IAAI,0BAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,SAAS,CAAC,IACrF,KAAK,GAER,QAAQ,CACL,CACyB,CAClC,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,cAAc,kBAoBzB;AAEF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
1
+ {"version":3,"file":"TextInputGroup.js","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,uIAA6F;AAC7F,2DAA+C;AAelC,QAAA,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAA+B;IACrF,UAAU,EAAE,KAAK;CAClB,CAAC,CAAC;AAEI,MAAM,cAAc,GAAiD,CAAC,EAOvD,EAAE,EAAE;QAPmD,EAC3E,QAAQ,EACR,SAAS,EACT,UAAU,EACV,OAAO,EACP,QAAQ,OAEY,EADjB,KAAK,sBANmE,8DAO5E,CADS;IAER,MAAM,iBAAiB,GAAG,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEzD,OAAO,CACL,oBAAC,6BAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE;QACnD,2CACE,GAAG,EAAE,iBAAiB,EACtB,SAAS,EAAE,kBAAG,CACZ,0BAAM,CAAC,cAAc,EACrB,UAAU,IAAI,0BAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,OAAO,IAAI,0BAAM,CAAC,SAAS,CAAC,KAAK,EACjC,SAAS,CACV,IACG,KAAK,GAER,QAAQ,CACL,CACyB,CAClC,CAAC;AACJ,CAAC,CAAC;AA1BW,QAAA,cAAc,kBA0BzB;AAEF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
@@ -22,7 +22,7 @@ export interface TextInputGroupMainProps extends Omit<React.HTMLProps<HTMLDivEle
22
22
  value?: string | number;
23
23
  /** Placeholder value for the input */
24
24
  placeholder?: string;
25
- /** @hide A reference object to attach to the input box */
25
+ /** A reference object to attach to the input box */
26
26
  innerRef?: React.RefObject<any>;
27
27
  }
28
28
  export declare const TextInputGroupMain: React.FunctionComponent<TextInputGroupMainProps>;
@@ -1 +1 @@
1
- {"version":3,"file":"TextInputGroupMain.d.ts","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroupMain.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAChG,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,mCAAmC;IACnC,IAAI,CAAC,EACD,MAAM,GACN,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,KAAK,GACL,MAAM,GACN,KAAK,CAAC;IACV,kFAAkF;IAClF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7E,kDAAkD;IAClD,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,wDAAwD;IACxD,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CAAC,uBAAuB,CAmD/E,CAAC"}
1
+ {"version":3,"file":"TextInputGroupMain.d.ts","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroupMain.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAChG,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,mCAAmC;IACnC,IAAI,CAAC,EACD,MAAM,GACN,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,KAAK,GACL,MAAM,GACN,KAAK,CAAC;IACV,kFAAkF;IAClF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7E,kDAAkD;IAClD,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,wDAAwD;IACxD,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CAAC,uBAAuB,CAmD/E,CAAC"}
@@ -266,37 +266,6 @@
266
266
  --pf-c-accordion__toggle--active--BackgroundColor: var(--pf-global--BackgroundColor--300);
267
267
  }
268
268
 
269
- .pf-c-action-list {
270
- --pf-c-action-list--m-icon--spacer: 0;
271
- --pf-c-action-list--child--spacer-base: var(--pf-global--spacer--md);
272
- --pf-c-action-list--group--spacer-base: var(--pf-global--spacer--2xl);
273
- }
274
-
275
- .pf-c-action-list,
276
- .pf-c-action-list__group {
277
- --pf-c-action-list--child--spacer: var(--pf-c-action-list--child--spacer-base);
278
- --pf-c-action-list--group--spacer: var(--pf-c-action-list--group--spacer-base);
279
- display: flex;
280
- align-items: center;
281
- }
282
-
283
- .pf-c-action-list > * + *,
284
- .pf-c-action-list__group > * + * {
285
- margin-left: var(--pf-c-action-list--child--spacer);
286
- }
287
-
288
- .pf-c-action-list > * + .pf-c-action-list__group,
289
- .pf-c-action-list .pf-c-action-list__group + *,
290
- .pf-c-action-list__group > * + .pf-c-action-list__group,
291
- .pf-c-action-list__group .pf-c-action-list__group + * {
292
- margin-left: var(--pf-c-action-list--group--spacer);
293
- }
294
-
295
- .pf-c-action-list.pf-m-icons,
296
- .pf-c-action-list__group.pf-m-icons {
297
- --pf-c-action-list--child--spacer: var(--pf-c-action-list--m-icon--spacer);
298
- }
299
-
300
269
  .pf-c-alert {
301
270
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
302
271
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
@@ -529,6 +498,37 @@
529
498
  --pf-c-alert--m-inline--m-info--BackgroundColor: var(--pf-global--palette--black-600);
530
499
  }
531
500
 
501
+ .pf-c-action-list {
502
+ --pf-c-action-list--m-icon--spacer: 0;
503
+ --pf-c-action-list--child--spacer-base: var(--pf-global--spacer--md);
504
+ --pf-c-action-list--group--spacer-base: var(--pf-global--spacer--2xl);
505
+ }
506
+
507
+ .pf-c-action-list,
508
+ .pf-c-action-list__group {
509
+ --pf-c-action-list--child--spacer: var(--pf-c-action-list--child--spacer-base);
510
+ --pf-c-action-list--group--spacer: var(--pf-c-action-list--group--spacer-base);
511
+ display: flex;
512
+ align-items: center;
513
+ }
514
+
515
+ .pf-c-action-list > * + *,
516
+ .pf-c-action-list__group > * + * {
517
+ margin-left: var(--pf-c-action-list--child--spacer);
518
+ }
519
+
520
+ .pf-c-action-list > * + .pf-c-action-list__group,
521
+ .pf-c-action-list .pf-c-action-list__group + *,
522
+ .pf-c-action-list__group > * + .pf-c-action-list__group,
523
+ .pf-c-action-list__group .pf-c-action-list__group + * {
524
+ margin-left: var(--pf-c-action-list--group--spacer);
525
+ }
526
+
527
+ .pf-c-action-list.pf-m-icons,
528
+ .pf-c-action-list__group.pf-m-icons {
529
+ --pf-c-action-list--child--spacer: var(--pf-c-action-list--m-icon--spacer);
530
+ }
531
+
532
532
  .pf-c-app-launcher {
533
533
  --pf-c-app-launcher__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
534
534
  --pf-c-app-launcher__menu--BoxShadow: var(--pf-global--BoxShadow--md);
@@ -587,8 +587,8 @@
587
587
  --pf-c-app-launcher__group-title--PaddingRight: var(--pf-c-app-launcher__menu-item--PaddingRight);
588
588
  --pf-c-app-launcher__group-title--PaddingBottom: var(--pf-c-app-launcher__menu-item--PaddingBottom);
589
589
  --pf-c-app-launcher__group-title--PaddingLeft: var(--pf-c-app-launcher__menu-item--PaddingLeft);
590
- --pf-c-app-launcher__group-title--FontSize: var(--pf-global--FontSize--sm);
591
- --pf-c-app-launcher__group-title--FontWeight: var(--pf-global--FontWeight--semi-bold);
590
+ --pf-c-app-launcher__group-title--FontSize: var(--pf-global--FontSize--xs);
591
+ --pf-c-app-launcher__group-title--FontWeight: var(--pf-global--FontWeight--normal);
592
592
  --pf-c-app-launcher__group-title--Color: var(--pf-global--Color--dark-200);
593
593
  --pf-c-app-launcher--c-divider--MarginTop: var(--pf-global--spacer--sm);
594
594
  --pf-c-app-launcher--c-divider--MarginBottom: var(--pf-global--spacer--sm);
@@ -766,8 +766,6 @@
766
766
  --pf-c-app-launcher__menu-item--m-action--Color: var(--pf-global--Color--200);
767
767
  --pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--Color: var(--pf-global--palette--gold-300);
768
768
  --pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--hover--Color: var(--pf-global--palette--gold-100);
769
- --pf-c-app-launcher__group-title--FontSize: var(--pf-global--FontSize--xs);
770
- --pf-c-app-launcher__group-title--FontWeight: var(--pf-global--FontWeight--bold);
771
769
  }
772
770
 
773
771
  .pf-c-form-control {
@@ -7348,8 +7346,8 @@ label.pf-c-check, .pf-c-check__label,
7348
7346
  --pf-c-dropdown__group-title--PaddingRight: var(--pf-c-dropdown__menu-item--PaddingRight);
7349
7347
  --pf-c-dropdown__group-title--PaddingBottom: var(--pf-c-dropdown__menu-item--PaddingBottom);
7350
7348
  --pf-c-dropdown__group-title--PaddingLeft: var(--pf-c-dropdown__menu-item--PaddingLeft);
7351
- --pf-c-dropdown__group-title--FontSize: var(--pf-global--FontSize--sm);
7352
- --pf-c-dropdown__group-title--FontWeight: var(--pf-global--FontWeight--semi-bold);
7349
+ --pf-c-dropdown__group-title--FontSize: var(--pf-global--FontSize--xs);
7350
+ --pf-c-dropdown__group-title--FontWeight: var(--pf-global--FontWeight--normal);
7353
7351
  --pf-c-dropdown__group-title--Color: var(--pf-global--Color--dark-200);
7354
7352
  --pf-c-dropdown__toggle-image--MarginTop: 0;
7355
7353
  --pf-c-dropdown__toggle-image--MarginBottom: 0;
@@ -7952,8 +7950,6 @@ label.pf-c-check, .pf-c-check__label,
7952
7950
  --pf-c-dropdown__menu--Top: 100%;
7953
7951
  --pf-c-dropdown--m-top__menu--TranslateY: -100%;
7954
7952
  --pf-c-dropdown__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
7955
- --pf-c-dropdown__group-title--FontSize: var(--pf-global--FontSize--xs);
7956
- --pf-c-dropdown__group-title--FontWeight: var(--pf-global--FontWeight--bold);
7957
7953
  }
7958
7954
 
7959
7955
  :where(.pf-theme-dark) .pf-c-dropdown__toggle:not(.pf-m-plain):disabled, :where(.pf-theme-dark) .pf-c-dropdown__toggle:not(.pf-m-plain).pf-m-disabled {
@@ -12022,8 +12018,8 @@ ul.pf-c-list {
12022
12018
  --pf-c-menu__group-title--PaddingTop: var(--pf-global--spacer--md);
12023
12019
  --pf-c-menu__group-title--PaddingRight: var(--pf-c-menu__item--PaddingRight);
12024
12020
  --pf-c-menu__group-title--PaddingLeft: var(--pf-c-menu__item--PaddingLeft);
12025
- --pf-c-menu__group-title--FontSize: var(--pf-global--FontSize--sm);
12026
- --pf-c-menu__group-title--FontWeight: var(--pf-global--FontWeight--bold);
12021
+ --pf-c-menu__group-title--FontSize: var(--pf-global--FontSize--xs);
12022
+ --pf-c-menu__group-title--FontWeight: var(--pf-global--FontWeight--normal);
12027
12023
  --pf-c-menu__group-title--Color: var(--pf-global--Color--200);
12028
12024
  --pf-c-menu__item-description--FontSize: var(--pf-global--FontSize--xs);
12029
12025
  --pf-c-menu__item-description--Color: var(--pf-global--Color--200);
@@ -12573,8 +12569,6 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
12573
12569
  --pf-c-menu__list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
12574
12570
  --pf-c-menu__list-item--focus-within--BackgroundColor: var(--pf-global--BackgroundColor--400);
12575
12571
  --pf-c-menu__list-item--m-disabled__item--Color: var(--pf-global--Color--200);
12576
- --pf-c-menu__group-title--FontWeight: var(--pf-global--FontWeight--bold);
12577
- --pf-c-menu__group-title--FontSize: var(--pf-global--FontSize--xs);
12578
12572
  }
12579
12573
 
12580
12574
  .pf-c-menu-toggle {
@@ -14952,8 +14946,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
14952
14946
  --pf-c-options-menu__group-title--PaddingRight: var(--pf-c-options-menu__menu-item--PaddingRight);
14953
14947
  --pf-c-options-menu__group-title--PaddingBottom: var(--pf-c-options-menu__menu-item--PaddingBottom);
14954
14948
  --pf-c-options-menu__group-title--PaddingLeft: var(--pf-c-options-menu__menu-item--PaddingLeft);
14955
- --pf-c-options-menu__group-title--FontSize: var(--pf-global--FontSize--sm);
14956
- --pf-c-options-menu__group-title--FontWeight: var(--pf-global--FontWeight--semi-bold);
14949
+ --pf-c-options-menu__group-title--FontSize: var(--pf-global--FontSize--xs);
14950
+ --pf-c-options-menu__group-title--FontWeight: var(--pf-global--FontWeight--normal);
14957
14951
  --pf-c-options-menu__group-title--Color: var(--pf-global--Color--dark-200);
14958
14952
  --pf-c-options-menu--c-divider--MarginTop: var(--pf-global--spacer--sm);
14959
14953
  --pf-c-options-menu--c-divider--MarginBottom: var(--pf-global--spacer--sm);
@@ -15162,8 +15156,6 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
15162
15156
  --pf-c-options-menu__toggle--disabled--BackgroundColor: var(--pf-global--palette--black-500);
15163
15157
  --pf-c-options-menu__menu--BackgroundColor: var(--pf-global--BackgroundColor--300);
15164
15158
  --pf-c-options-menu__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
15165
- --pf-c-options-menu__group-title--FontSize: var(--pf-global--FontSize--xs);
15166
- --pf-c-options-menu__group-title--FontWeight: var(--pf-global--FontWeight--bold);
15167
15159
  --pf-c-options-menu__menu--Top: 100%;
15168
15160
  }
15169
15161
 
@@ -17920,8 +17912,8 @@ label.pf-c-radio, .pf-c-radio__label,
17920
17912
  --pf-c-select__menu-group-title--PaddingRight: var(--pf-c-select__menu-item--PaddingRight);
17921
17913
  --pf-c-select__menu-group-title--PaddingBottom: var(--pf-c-select__menu-item--PaddingBottom);
17922
17914
  --pf-c-select__menu-group-title--PaddingLeft: var(--pf-c-select__menu-item--PaddingLeft);
17923
- --pf-c-select__menu-group-title--FontSize: var(--pf-global--FontSize--sm);
17924
- --pf-c-select__menu-group-title--FontWeight: var(--pf-global--FontWeight--semi-bold);
17915
+ --pf-c-select__menu-group-title--FontSize: var(--pf-global--FontSize--xs);
17916
+ --pf-c-select__menu-group-title--FontWeight: var(--pf-global--FontWeight--normal);
17925
17917
  --pf-c-select__menu-group-title--Color: var(--pf-global--Color--dark-200);
17926
17918
  --pf-c-select__menu-item-count--MarginLeft: var(--pf-global--spacer--md);
17927
17919
  --pf-c-select__menu-item-count--FontSize: var(--pf-global--FontSize--sm);
@@ -19774,6 +19766,11 @@ svg.pf-c-spinner.pf-m-xl {
19774
19766
  --pf-c-tabs--inset: var(--pf-c-tabs--m-page-insets--inset);
19775
19767
  }
19776
19768
 
19769
+ .pf-c-tabs.pf-m-overflow,
19770
+ .pf-c-tabs.pf-m-overflow .pf-c-tabs__list {
19771
+ overflow: visible;
19772
+ }
19773
+
19777
19774
  .pf-c-tabs__toggle {
19778
19775
  display: var(--pf-c-tabs__toggle--Display);
19779
19776
  align-items: center;
@@ -15677,7 +15677,7 @@
15677
15677
  direction: 'right'
15678
15678
  });
15679
15679
  const MenuItemBase = (_a) => {
15680
- var { children, className, itemId = null, to, hasCheck = false, isActive = null, isFavorited = null, isLoadButton = false, isLoading = false, flyoutMenu, direction, description = null, onClick = () => { }, component = 'button', isDisabled = false, isExternalLink = false, isSelected = null, icon, actions, onShowFlyout, drilldownMenu, isOnPath, innerRef } = _a, props = __rest$1(_a, ["children", "className", "itemId", "to", "hasCheck", "isActive", "isFavorited", "isLoadButton", "isLoading", "flyoutMenu", "direction", "description", "onClick", "component", "isDisabled", "isExternalLink", "isSelected", "icon", "actions", "onShowFlyout", "drilldownMenu", "isOnPath", "innerRef"]);
15680
+ var { children, className, itemId = null, to, hasCheck = false, isActive = null, isFavorited = null, isLoadButton = false, isLoading = false, flyoutMenu, direction, description = null, onClick = () => { }, component = 'button', isDisabled = false, isExternalLink = false, isSelected = null, isFocused, icon, actions, onShowFlyout, drilldownMenu, isOnPath, innerRef } = _a, props = __rest$1(_a, ["children", "className", "itemId", "to", "hasCheck", "isActive", "isFavorited", "isLoadButton", "isLoading", "flyoutMenu", "direction", "description", "onClick", "component", "isDisabled", "isExternalLink", "isSelected", "isFocused", "icon", "actions", "onShowFlyout", "drilldownMenu", "isOnPath", "innerRef"]);
15681
15681
  const { menuId, parentMenu, onSelect, onActionClick, activeItemId, selected, drilldownItemPath, onDrillIn, onDrillOut, flyoutRef, setFlyoutRef, disableHover } = React__namespace.useContext(MenuContext);
15682
15682
  let Component = (to ? 'a' : component);
15683
15683
  if (hasCheck && !to) {
@@ -15843,7 +15843,7 @@
15843
15843
  setFlyoutRef(null);
15844
15844
  }
15845
15845
  };
15846
- return (React__namespace.createElement("li", Object.assign({ className: css(menuStyles.menuListItem, isDisabled && menuStyles.modifiers.disabled, _isOnPath && menuStyles.modifiers.currentPath, isLoadButton && menuStyles.modifiers.load, isLoading && menuStyles.modifiers.loading, className), onMouseOver: onMouseOver }, (flyoutMenu && { onKeyDown: handleFlyout }), { ref: ref, role: !hasCheck ? 'none' : 'menuitem' }, props),
15846
+ return (React__namespace.createElement("li", Object.assign({ className: css(menuStyles.menuListItem, isDisabled && menuStyles.modifiers.disabled, _isOnPath && menuStyles.modifiers.currentPath, isLoadButton && menuStyles.modifiers.load, isLoading && menuStyles.modifiers.loading, isFocused && menuStyles.modifiers.focus, className), onMouseOver: onMouseOver }, (flyoutMenu && { onKeyDown: handleFlyout }), { ref: ref, role: !hasCheck ? 'none' : 'menuitem' }, props),
15847
15847
  React__namespace.createElement(GenerateId, null, randomId => (React__namespace.createElement(Component, Object.assign({ tabIndex: -1, className: css(menuStyles.menuItem, getIsSelected() && !hasCheck && menuStyles.modifiers.selected, className), "aria-current": getAriaCurrent() }, (!hasCheck && { disabled: isDisabled }), (!hasCheck && { role: 'menuitem' }), { ref: innerRef }, (!hasCheck && {
15848
15848
  onClick: (event) => {
15849
15849
  onItemSelect(event, onSelect);
@@ -15936,19 +15936,23 @@
15936
15936
  this.displayName = 'MenuToggleBase';
15937
15937
  }
15938
15938
  render() {
15939
- const _a = this.props, { children, className, icon, badge, isExpanded, isDisabled, isFullHeight, isFullWidth, variant, innerRef } = _a, props = __rest$1(_a, ["children", "className", "icon", "badge", "isExpanded", "isDisabled", "isFullHeight", "isFullWidth", "variant", "innerRef"]);
15939
+ const _a = this.props, { children, className, icon, badge, isExpanded, isDisabled, isFullHeight, isFullWidth, variant, innerRef, onClick, 'aria-label': ariaLabel } = _a, otherProps = __rest$1(_a, ["children", "className", "icon", "badge", "isExpanded", "isDisabled", "isFullHeight", "isFullWidth", "variant", "innerRef", "onClick", 'aria-label']);
15940
15940
  const isPlain = variant === 'plain';
15941
15941
  const isPlainText = variant === 'plainText';
15942
+ const isTypeahead = variant === 'typeahead';
15943
+ const toggleControls = (React__namespace.createElement("span", { className: css(styles$x.menuToggleControls) },
15944
+ React__namespace.createElement("span", { className: css(styles$x.menuToggleToggleIcon) },
15945
+ React__namespace.createElement(CaretDownIcon$1, { "aria-hidden": true }))));
15942
15946
  const content = (React__namespace.createElement(React__namespace.Fragment, null,
15943
15947
  icon && React__namespace.createElement("span", { className: css(styles$x.menuToggleIcon) }, icon),
15944
- React__namespace.createElement("span", { className: "pf-c-menu-toggle__text" }, children),
15948
+ isTypeahead ? children : React__namespace.createElement("span", { className: "pf-c-menu-toggle__text" }, children),
15945
15949
  badge && React__namespace.createElement("span", { className: css(styles$x.menuToggleCount) }, badge),
15946
- React__namespace.createElement("span", { className: css(styles$x.menuToggleControls) },
15947
- React__namespace.createElement("span", { className: css(styles$x.menuToggleToggleIcon) },
15948
- React__namespace.createElement(CaretDownIcon$1, { "aria-hidden": true })))));
15949
- return (React__namespace.createElement("button", Object.assign({ className: css(styles$x.menuToggle, isExpanded && styles$x.modifiers.expanded, variant === 'primary' && styles$x.modifiers.primary, variant === 'secondary' && styles$x.modifiers.secondary, (isPlain || isPlainText) && styles$x.modifiers.plain, isPlainText && styles$x.modifiers.text, isFullHeight && styles$x.modifiers.fullHeight, isFullWidth && styles$x.modifiers.fullWidth, className), type: "button", "aria-expanded": false, ref: innerRef }, (isExpanded && { 'aria-expanded': true }), (isDisabled && { disabled: true }), props),
15950
- isPlain && children,
15951
- !isPlain && content));
15950
+ isTypeahead ? (React__namespace.createElement("button", { type: "button", className: css(styles$x.menuToggleButton), "aria-expanded": isExpanded, onClick: onClick, "aria-label": "Menu toggle" }, toggleControls)) : (toggleControls)));
15951
+ const componentProps = Object.assign(Object.assign({ className: css(styles$x.menuToggle, isExpanded && styles$x.modifiers.expanded, variant === 'primary' && styles$x.modifiers.primary, (isPlain || isPlainText) && styles$x.modifiers.plain, isPlainText && styles$x.modifiers.text, isFullHeight && styles$x.modifiers.fullHeight, isTypeahead && styles$x.modifiers.typeahead, isFullWidth && styles$x.modifiers.fullWidth, className), children: isPlain ? children : content }, (isDisabled && { disabled: true })), otherProps);
15952
+ if (isTypeahead) {
15953
+ return React__namespace.createElement("div", Object.assign({ ref: innerRef }, componentProps));
15954
+ }
15955
+ return (React__namespace.createElement("button", Object.assign({ className: css(styles$x.menuToggle, isExpanded && styles$x.modifiers.expanded, variant === 'primary' && styles$x.modifiers.primary, variant === 'secondary' && styles$x.modifiers.secondary, (isPlain || isPlainText) && styles$x.modifiers.plain, isPlainText && styles$x.modifiers.text, isFullHeight && styles$x.modifiers.fullHeight, isFullWidth && styles$x.modifiers.fullWidth, className), ref: innerRef, type: "button", "aria-label": ariaLabel, "aria-expanded": isExpanded, onClick: onClick }, componentProps)));
15952
15956
  }
15953
15957
  }
15954
15958
  MenuToggleBase.defaultProps = {
@@ -18387,10 +18391,10 @@
18387
18391
  isDisabled: false
18388
18392
  });
18389
18393
  const TextInputGroup = (_a) => {
18390
- var { children, className, isDisabled, innerRef } = _a, props = __rest$1(_a, ["children", "className", "isDisabled", "innerRef"]);
18394
+ var { children, className, isDisabled, isPlain, innerRef } = _a, props = __rest$1(_a, ["children", "className", "isDisabled", "isPlain", "innerRef"]);
18391
18395
  const textInputGroupRef = innerRef || React__namespace.useRef(null);
18392
18396
  return (React__namespace.createElement(TextInputGroupContext.Provider, { value: { isDisabled } },
18393
- React__namespace.createElement("div", Object.assign({ ref: textInputGroupRef, className: css(styles$l.textInputGroup, isDisabled && styles$l.modifiers.disabled, className) }, props), children)));
18397
+ React__namespace.createElement("div", Object.assign({ ref: textInputGroupRef, className: css(styles$l.textInputGroup, isDisabled && styles$l.modifiers.disabled, isPlain && styles$l.modifiers.plain, className) }, props), children)));
18394
18398
  };
18395
18399
  TextInputGroup.displayName = 'TextInputGroup';
18396
18400
 
@@ -19054,6 +19058,7 @@
19054
19058
  "nonExpandableOn_2xl": "pf-m-non-expandable-on-2xl",
19055
19059
  "expanded": "pf-m-expanded",
19056
19060
  "pageInsets": "pf-m-page-insets",
19061
+ "overflow": "pf-m-overflow",
19057
19062
  "action": "pf-m-action",
19058
19063
  "active": "pf-m-active",
19059
19064
  "disabled": "pf-m-disabled",
@@ -587,8 +587,8 @@
587
587
  --pf-c-app-launcher__group-title--PaddingRight: var(--pf-c-app-launcher__menu-item--PaddingRight);
588
588
  --pf-c-app-launcher__group-title--PaddingBottom: var(--pf-c-app-launcher__menu-item--PaddingBottom);
589
589
  --pf-c-app-launcher__group-title--PaddingLeft: var(--pf-c-app-launcher__menu-item--PaddingLeft);
590
- --pf-c-app-launcher__group-title--FontSize: var(--pf-global--FontSize--sm);
591
- --pf-c-app-launcher__group-title--FontWeight: var(--pf-global--FontWeight--semi-bold);
590
+ --pf-c-app-launcher__group-title--FontSize: var(--pf-global--FontSize--xs);
591
+ --pf-c-app-launcher__group-title--FontWeight: var(--pf-global--FontWeight--normal);
592
592
  --pf-c-app-launcher__group-title--Color: var(--pf-global--Color--dark-200);
593
593
  --pf-c-app-launcher--c-divider--MarginTop: var(--pf-global--spacer--sm);
594
594
  --pf-c-app-launcher--c-divider--MarginBottom: var(--pf-global--spacer--sm);
@@ -766,8 +766,6 @@
766
766
  --pf-c-app-launcher__menu-item--m-action--Color: var(--pf-global--Color--200);
767
767
  --pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--Color: var(--pf-global--palette--gold-300);
768
768
  --pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--hover--Color: var(--pf-global--palette--gold-100);
769
- --pf-c-app-launcher__group-title--FontSize: var(--pf-global--FontSize--xs);
770
- --pf-c-app-launcher__group-title--FontWeight: var(--pf-global--FontWeight--bold);
771
769
  }
772
770
 
773
771
  .pf-c-form-control {
@@ -7348,8 +7346,8 @@ label.pf-c-check, .pf-c-check__label,
7348
7346
  --pf-c-dropdown__group-title--PaddingRight: var(--pf-c-dropdown__menu-item--PaddingRight);
7349
7347
  --pf-c-dropdown__group-title--PaddingBottom: var(--pf-c-dropdown__menu-item--PaddingBottom);
7350
7348
  --pf-c-dropdown__group-title--PaddingLeft: var(--pf-c-dropdown__menu-item--PaddingLeft);
7351
- --pf-c-dropdown__group-title--FontSize: var(--pf-global--FontSize--sm);
7352
- --pf-c-dropdown__group-title--FontWeight: var(--pf-global--FontWeight--semi-bold);
7349
+ --pf-c-dropdown__group-title--FontSize: var(--pf-global--FontSize--xs);
7350
+ --pf-c-dropdown__group-title--FontWeight: var(--pf-global--FontWeight--normal);
7353
7351
  --pf-c-dropdown__group-title--Color: var(--pf-global--Color--dark-200);
7354
7352
  --pf-c-dropdown__toggle-image--MarginTop: 0;
7355
7353
  --pf-c-dropdown__toggle-image--MarginBottom: 0;
@@ -7952,8 +7950,6 @@ label.pf-c-check, .pf-c-check__label,
7952
7950
  --pf-c-dropdown__menu--Top: 100%;
7953
7951
  --pf-c-dropdown--m-top__menu--TranslateY: -100%;
7954
7952
  --pf-c-dropdown__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
7955
- --pf-c-dropdown__group-title--FontSize: var(--pf-global--FontSize--xs);
7956
- --pf-c-dropdown__group-title--FontWeight: var(--pf-global--FontWeight--bold);
7957
7953
  }
7958
7954
 
7959
7955
  :where(.pf-theme-dark) .pf-c-dropdown__toggle:not(.pf-m-plain):disabled, :where(.pf-theme-dark) .pf-c-dropdown__toggle:not(.pf-m-plain).pf-m-disabled {
@@ -12022,8 +12018,8 @@ ul.pf-c-list {
12022
12018
  --pf-c-menu__group-title--PaddingTop: var(--pf-global--spacer--md);
12023
12019
  --pf-c-menu__group-title--PaddingRight: var(--pf-c-menu__item--PaddingRight);
12024
12020
  --pf-c-menu__group-title--PaddingLeft: var(--pf-c-menu__item--PaddingLeft);
12025
- --pf-c-menu__group-title--FontSize: var(--pf-global--FontSize--sm);
12026
- --pf-c-menu__group-title--FontWeight: var(--pf-global--FontWeight--bold);
12021
+ --pf-c-menu__group-title--FontSize: var(--pf-global--FontSize--xs);
12022
+ --pf-c-menu__group-title--FontWeight: var(--pf-global--FontWeight--normal);
12027
12023
  --pf-c-menu__group-title--Color: var(--pf-global--Color--200);
12028
12024
  --pf-c-menu__item-description--FontSize: var(--pf-global--FontSize--xs);
12029
12025
  --pf-c-menu__item-description--Color: var(--pf-global--Color--200);
@@ -12573,8 +12569,6 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
12573
12569
  --pf-c-menu__list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
12574
12570
  --pf-c-menu__list-item--focus-within--BackgroundColor: var(--pf-global--BackgroundColor--400);
12575
12571
  --pf-c-menu__list-item--m-disabled__item--Color: var(--pf-global--Color--200);
12576
- --pf-c-menu__group-title--FontWeight: var(--pf-global--FontWeight--bold);
12577
- --pf-c-menu__group-title--FontSize: var(--pf-global--FontSize--xs);
12578
12572
  }
12579
12573
 
12580
12574
  .pf-c-menu-toggle {
@@ -14952,8 +14946,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
14952
14946
  --pf-c-options-menu__group-title--PaddingRight: var(--pf-c-options-menu__menu-item--PaddingRight);
14953
14947
  --pf-c-options-menu__group-title--PaddingBottom: var(--pf-c-options-menu__menu-item--PaddingBottom);
14954
14948
  --pf-c-options-menu__group-title--PaddingLeft: var(--pf-c-options-menu__menu-item--PaddingLeft);
14955
- --pf-c-options-menu__group-title--FontSize: var(--pf-global--FontSize--sm);
14956
- --pf-c-options-menu__group-title--FontWeight: var(--pf-global--FontWeight--semi-bold);
14949
+ --pf-c-options-menu__group-title--FontSize: var(--pf-global--FontSize--xs);
14950
+ --pf-c-options-menu__group-title--FontWeight: var(--pf-global--FontWeight--normal);
14957
14951
  --pf-c-options-menu__group-title--Color: var(--pf-global--Color--dark-200);
14958
14952
  --pf-c-options-menu--c-divider--MarginTop: var(--pf-global--spacer--sm);
14959
14953
  --pf-c-options-menu--c-divider--MarginBottom: var(--pf-global--spacer--sm);
@@ -15162,8 +15156,6 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
15162
15156
  --pf-c-options-menu__toggle--disabled--BackgroundColor: var(--pf-global--palette--black-500);
15163
15157
  --pf-c-options-menu__menu--BackgroundColor: var(--pf-global--BackgroundColor--300);
15164
15158
  --pf-c-options-menu__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
15165
- --pf-c-options-menu__group-title--FontSize: var(--pf-global--FontSize--xs);
15166
- --pf-c-options-menu__group-title--FontWeight: var(--pf-global--FontWeight--bold);
15167
15159
  --pf-c-options-menu__menu--Top: 100%;
15168
15160
  }
15169
15161
 
@@ -17920,8 +17912,8 @@ label.pf-c-radio, .pf-c-radio__label,
17920
17912
  --pf-c-select__menu-group-title--PaddingRight: var(--pf-c-select__menu-item--PaddingRight);
17921
17913
  --pf-c-select__menu-group-title--PaddingBottom: var(--pf-c-select__menu-item--PaddingBottom);
17922
17914
  --pf-c-select__menu-group-title--PaddingLeft: var(--pf-c-select__menu-item--PaddingLeft);
17923
- --pf-c-select__menu-group-title--FontSize: var(--pf-global--FontSize--sm);
17924
- --pf-c-select__menu-group-title--FontWeight: var(--pf-global--FontWeight--semi-bold);
17915
+ --pf-c-select__menu-group-title--FontSize: var(--pf-global--FontSize--xs);
17916
+ --pf-c-select__menu-group-title--FontWeight: var(--pf-global--FontWeight--normal);
17925
17917
  --pf-c-select__menu-group-title--Color: var(--pf-global--Color--dark-200);
17926
17918
  --pf-c-select__menu-item-count--MarginLeft: var(--pf-global--spacer--md);
17927
17919
  --pf-c-select__menu-item-count--FontSize: var(--pf-global--FontSize--sm);
@@ -19774,6 +19766,11 @@ svg.pf-c-spinner.pf-m-xl {
19774
19766
  --pf-c-tabs--inset: var(--pf-c-tabs--m-page-insets--inset);
19775
19767
  }
19776
19768
 
19769
+ .pf-c-tabs.pf-m-overflow,
19770
+ .pf-c-tabs.pf-m-overflow .pf-c-tabs__list {
19771
+ overflow: visible;
19772
+ }
19773
+
19777
19774
  .pf-c-tabs__toggle {
19778
19775
  display: var(--pf-c-tabs__toggle--Display);
19779
19776
  align-items: center;
@@ -25997,6 +25994,75 @@ label.pf-c-tree-view__node-text {
25997
25994
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
25998
25995
  }
25999
25996
  }
25997
+ .pf-l-gallery {
25998
+ --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
25999
+ --pf-l-gallery--GridTemplateColumns--min: 250px;
26000
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
26001
+ --pf-l-gallery--GridTemplateColumns--max: 1fr;
26002
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
26003
+ --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
26004
+ --pf-l-gallery--GridTemplateRows: auto;
26005
+ display: grid;
26006
+ grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
26007
+ grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
26008
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
26009
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
26010
+ }
26011
+
26012
+ .pf-l-gallery.pf-m-gutter {
26013
+ grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
26014
+ }
26015
+
26016
+ @media (min-width: 576px) {
26017
+ .pf-l-gallery {
26018
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
26019
+ }
26020
+ }
26021
+ @media (min-width: 768px) {
26022
+ .pf-l-gallery {
26023
+ --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)));
26024
+ }
26025
+ }
26026
+ @media (min-width: 992px) {
26027
+ .pf-l-gallery {
26028
+ --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))));
26029
+ }
26030
+ }
26031
+ @media (min-width: 1200px) {
26032
+ .pf-l-gallery {
26033
+ --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)))));
26034
+ }
26035
+ }
26036
+ @media (min-width: 1450px) {
26037
+ .pf-l-gallery {
26038
+ --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))))));
26039
+ }
26040
+ }
26041
+ @media (min-width: 576px) {
26042
+ .pf-l-gallery {
26043
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
26044
+ }
26045
+ }
26046
+ @media (min-width: 768px) {
26047
+ .pf-l-gallery {
26048
+ --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)));
26049
+ }
26050
+ }
26051
+ @media (min-width: 992px) {
26052
+ .pf-l-gallery {
26053
+ --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))));
26054
+ }
26055
+ }
26056
+ @media (min-width: 1200px) {
26057
+ .pf-l-gallery {
26058
+ --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)))));
26059
+ }
26060
+ }
26061
+ @media (min-width: 1450px) {
26062
+ .pf-l-gallery {
26063
+ --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))))));
26064
+ }
26065
+ }
26000
26066
  .pf-l-grid {
26001
26067
  --pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
26002
26068
  --pf-l-grid__item--GridColumnStart: auto;
@@ -27211,75 +27277,6 @@ label.pf-c-tree-view__node-text {
27211
27277
  grid-gap: var(--pf-l-grid--m-gutter--GridGap);
27212
27278
  }
27213
27279
 
27214
- .pf-l-gallery {
27215
- --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
27216
- --pf-l-gallery--GridTemplateColumns--min: 250px;
27217
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
27218
- --pf-l-gallery--GridTemplateColumns--max: 1fr;
27219
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
27220
- --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
27221
- --pf-l-gallery--GridTemplateRows: auto;
27222
- display: grid;
27223
- grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
27224
- grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
27225
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
27226
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
27227
- }
27228
-
27229
- .pf-l-gallery.pf-m-gutter {
27230
- grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
27231
- }
27232
-
27233
- @media (min-width: 576px) {
27234
- .pf-l-gallery {
27235
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
27236
- }
27237
- }
27238
- @media (min-width: 768px) {
27239
- .pf-l-gallery {
27240
- --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)));
27241
- }
27242
- }
27243
- @media (min-width: 992px) {
27244
- .pf-l-gallery {
27245
- --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))));
27246
- }
27247
- }
27248
- @media (min-width: 1200px) {
27249
- .pf-l-gallery {
27250
- --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)))));
27251
- }
27252
- }
27253
- @media (min-width: 1450px) {
27254
- .pf-l-gallery {
27255
- --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))))));
27256
- }
27257
- }
27258
- @media (min-width: 576px) {
27259
- .pf-l-gallery {
27260
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
27261
- }
27262
- }
27263
- @media (min-width: 768px) {
27264
- .pf-l-gallery {
27265
- --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)));
27266
- }
27267
- }
27268
- @media (min-width: 992px) {
27269
- .pf-l-gallery {
27270
- --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))));
27271
- }
27272
- }
27273
- @media (min-width: 1200px) {
27274
- .pf-l-gallery {
27275
- --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)))));
27276
- }
27277
- }
27278
- @media (min-width: 1450px) {
27279
- .pf-l-gallery {
27280
- --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))))));
27281
- }
27282
- }
27283
27280
  .pf-l-level {
27284
27281
  --pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
27285
27282
  display: flex;