@patternfly/react-core 4.198.13 → 4.198.16

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 +27 -0
  2. package/dist/esm/components/Form/FormFieldGroup.d.ts +1 -1
  3. package/dist/esm/components/Form/FormFieldGroupExpandable.d.ts +2 -2
  4. package/dist/esm/components/Form/FormFieldGroupHeader.d.ts +3 -1
  5. package/dist/esm/components/Form/FormFieldGroupHeader.d.ts.map +1 -1
  6. package/dist/esm/components/Form/FormFieldGroupHeader.js.map +1 -1
  7. package/dist/esm/components/Form/InternalFormFieldGroup.d.ts +2 -2
  8. package/dist/esm/components/NotificationDrawer/NotificationDrawer.d.ts +3 -1
  9. package/dist/esm/components/NotificationDrawer/NotificationDrawer.d.ts.map +1 -1
  10. package/dist/esm/components/NotificationDrawer/NotificationDrawer.js +4 -3
  11. package/dist/esm/components/NotificationDrawer/NotificationDrawer.js.map +1 -1
  12. package/dist/esm/components/Tabs/Tab.d.ts +3 -1
  13. package/dist/esm/components/Tabs/Tab.d.ts.map +1 -1
  14. package/dist/esm/components/Tabs/Tab.js +4 -3
  15. package/dist/esm/components/Tabs/Tab.js.map +1 -1
  16. package/dist/esm/components/Tabs/TabButton.d.ts +2 -0
  17. package/dist/esm/components/Tabs/TabButton.d.ts.map +1 -1
  18. package/dist/esm/components/Tabs/TabButton.js +2 -2
  19. package/dist/esm/components/Tabs/TabButton.js.map +1 -1
  20. package/dist/esm/components/Tile/Tile.d.ts.map +1 -1
  21. package/dist/esm/components/Tile/Tile.js +1 -1
  22. package/dist/esm/components/Tile/Tile.js.map +1 -1
  23. package/dist/js/components/Form/FormFieldGroup.d.ts +1 -1
  24. package/dist/js/components/Form/FormFieldGroupExpandable.d.ts +2 -2
  25. package/dist/js/components/Form/FormFieldGroupHeader.d.ts +3 -1
  26. package/dist/js/components/Form/FormFieldGroupHeader.d.ts.map +1 -1
  27. package/dist/js/components/Form/FormFieldGroupHeader.js.map +1 -1
  28. package/dist/js/components/Form/InternalFormFieldGroup.d.ts +2 -2
  29. package/dist/js/components/NotificationDrawer/NotificationDrawer.d.ts +3 -1
  30. package/dist/js/components/NotificationDrawer/NotificationDrawer.d.ts.map +1 -1
  31. package/dist/js/components/NotificationDrawer/NotificationDrawer.js +4 -4
  32. package/dist/js/components/NotificationDrawer/NotificationDrawer.js.map +1 -1
  33. package/dist/js/components/Tabs/Tab.d.ts +3 -1
  34. package/dist/js/components/Tabs/Tab.d.ts.map +1 -1
  35. package/dist/js/components/Tabs/Tab.js +4 -3
  36. package/dist/js/components/Tabs/Tab.js.map +1 -1
  37. package/dist/js/components/Tabs/TabButton.d.ts +2 -0
  38. package/dist/js/components/Tabs/TabButton.d.ts.map +1 -1
  39. package/dist/js/components/Tabs/TabButton.js +2 -2
  40. package/dist/js/components/Tabs/TabButton.js.map +1 -1
  41. package/dist/js/components/Tile/Tile.d.ts.map +1 -1
  42. package/dist/js/components/Tile/Tile.js +1 -1
  43. package/dist/js/components/Tile/Tile.js.map +1 -1
  44. package/dist/umd/react-core.js +10 -9
  45. package/dist/umd/react-core.min.css +72 -72
  46. package/dist/umd/react-core.min.js +1 -1
  47. package/package.json +5 -5
  48. package/src/components/Form/FormFieldGroup.tsx +1 -1
  49. package/src/components/Form/FormFieldGroupExpandable.tsx +2 -2
  50. package/src/components/Form/FormFieldGroupHeader.tsx +5 -1
  51. package/src/components/Form/InternalFormFieldGroup.tsx +2 -2
  52. package/src/components/Form/__tests__/FormFieldGroup.test.tsx +1 -1
  53. package/src/components/Form/__tests__/__snapshots__/FormFieldGroup.test.tsx.snap +1 -1
  54. package/src/components/Form/examples/Form.md +1 -1
  55. package/src/components/NotificationDrawer/NotificationDrawer.tsx +8 -2
  56. package/src/components/NotificationDrawer/__tests__/__snapshots__/NotificationDrawer.test.tsx.snap +1 -1
  57. package/src/components/Tabs/Tab.tsx +31 -24
  58. package/src/components/Tabs/TabButton.tsx +5 -1
  59. package/src/components/Tabs/examples/Tabs.md +527 -256
  60. package/src/components/Tile/Tile.tsx +3 -0
  61. package/src/components/Tile/__tests__/__snapshots__/Tile.test.tsx.snap +9 -0
  62. package/src/components/Tile/examples/Tile.md +41 -39
  63. package/src/demos/ComposableMenu/ComposableMenu.md +4 -9
  64. package/src/demos/ComposableMenu/examples/ComposableDateSelect.tsx +113 -0
  65. package/src/demos/NotificationDrawer/NotificationDrawer.md +26 -2
  66. package/src/demos/TileDemo.md +17 -35
@@ -1 +1 @@
1
- {"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qGAAuE;AAEvE,2CAAwC;AACxC,+CAA4C;AAC5C,2DAA+C;AA6B/C,MAAM,OAAO,GAAsC,CAAC,EAczC,EAAE,EAAE;QAdqC,EAClD,KAAK,EACL,QAAQ,EACR,aAAa,EACb,EAAE,EAAE,OAAO,EACX,YAAY,EACZ,SAAS,EAAE,cAAc,GAAG,EAAE,EAC9B,MAAM,EAAE,WAAW,EACnB,UAAU,EACV,cAAc,EACd,gBAAgB,GAAG,CAAC,SAAS,EAAE,YAAY,CAAC,EAC5C,IAAI,EACJ,QAAQ,OAEC,EADN,KAAK,sBAb0C,2JAcnD,CADS;IAER,MAAM,eAAe,GAAG,gBAAgB,CAAC,MAAM,CAC7C,CAAC,QAAQ,EAAE,cAAc,EAAE,EAAE,CAAC,iCACzB,QAAQ,KACX,CAAC,cAAc,CAAC,EAAE,CAAC,KAA8C,EAAE,EAAE;YACnE,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC,IACD,EACF,EAAE,CACH,CAAC;IACF,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAW,CAAC,CAAC;IAChH,IAAI,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,GAAG,YAAY,EAAE,CAAC,CAAC,CAAC,kBAAkB,QAAQ,IAAI,OAAO,IAAI,QAAQ,EAAE,CAAC;IAC1G,IAAI,CAAC,YAAY,IAAI,aAAa,CAAC,IAAI,QAAQ,KAAK,cAAc,EAAE;QAClE,YAAY,GAAG,SAAS,CAAC;KAC1B;IACD,MAAM,eAAe,GAAG,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,UAAU,EAAE;YACd,OAAO,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SACpC;aAAM,IAAI,cAAc,EAAE;YACzB,OAAO,IAAI,CAAC;SACb;IACH,CAAC,CAAC;IACF,OAAO,CACL,4BACE,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,QAAQ,EAAE,QAAQ,KAAK,cAAc,IAAI,cAAM,CAAC,SAAS,CAAC,OAAO,EAAE,cAAc,CAAC,EACxG,GAAG,EAAE,QAAQ;QAEb,oBAAC,qBAAS,kBACR,SAAS,EAAE,kBAAG,CACZ,cAAM,CAAC,QAAQ,EACf,UAAU,IAAI,IAAI,IAAI,cAAM,CAAC,SAAS,CAAC,QAAQ,EAC/C,cAAc,IAAI,cAAM,CAAC,SAAS,CAAC,YAAY,CAChD,EACD,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,mBAC9B,UAAU,IAAI,cAAc,EAC3C,QAAQ,EAAE,gBAAgB,EAAE,EAC5B,OAAO,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,EAAE,QAAQ,EAAE,aAAa,CAAC,IACnE,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,IAC7C,EAAE,EAAE,UAAU,QAAQ,IAAI,OAAO,IAAI,QAAQ,EAAE,mBAChC,YAAY,EAC3B,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,WAAW,EACnB,IAAI,EAAE,IAAI,IACN,KAAK,GAER,KAAK,CACI,CACT,CACN,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAe,EAAE,GAAmB,EAAE,EAAE,CAAC,oBAAC,OAAO,kBAAC,QAAQ,EAAE,GAAG,IAAM,KAAK,EAAI,CAAC,CAAC;AACrH,WAAG,CAAC,WAAW,GAAG,KAAK,CAAC"}
1
+ {"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":"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"}
@@ -9,6 +9,8 @@ export interface TabButtonProps extends Omit<React.HTMLProps<HTMLAnchorElement |
9
9
  href?: string;
10
10
  /** child reference for case in which a TabContent section is defined outside of a Tabs component */
11
11
  tabContentRef?: React.Ref<any>;
12
+ /** Parents' innerRef passed down for properly displaying Tooltips */
13
+ parentInnerRef?: React.Ref<any>;
12
14
  }
13
15
  export declare const TabButton: React.FunctionComponent<TabButtonProps>;
14
16
  //# sourceMappingURL=TabButton.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TabButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/TabButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAExD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,EAAE,KAAK,CAAC,EAAE,SAAS;IACpH,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8JAA8J;IAC9J,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oGAAoG;IACpG,aAAa,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAChC;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAc7D,CAAC"}
1
+ {"version":3,"file":"TabButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/TabButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAExD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,EAAE,KAAK,CAAC,EAAE,SAAS;IACpH,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8JAA8J;IAC9J,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oGAAoG;IACpG,aAAa,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC/B,qEAAqE;IACrE,cAAc,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAgB7D,CAAC"}
@@ -7,9 +7,9 @@ const helpers_1 = require("../../helpers");
7
7
  const TabButton = (_a) => {
8
8
  var { children,
9
9
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
10
- tabContentRef, ouiaId, ouiaSafe } = _a, props = tslib_1.__rest(_a, ["children", "tabContentRef", "ouiaId", "ouiaSafe"]);
10
+ tabContentRef, ouiaId, parentInnerRef, ouiaSafe } = _a, props = tslib_1.__rest(_a, ["children", "tabContentRef", "ouiaId", "parentInnerRef", "ouiaSafe"]);
11
11
  const Component = (props.href ? 'a' : 'button');
12
- return (React.createElement(Component, Object.assign({}, helpers_1.getOUIAProps(exports.TabButton.displayName, ouiaId, ouiaSafe), props), children));
12
+ return (React.createElement(Component, Object.assign({ ref: parentInnerRef }, helpers_1.getOUIAProps(exports.TabButton.displayName, ouiaId, ouiaSafe), props), children));
13
13
  };
14
14
  exports.TabButton = TabButton;
15
15
  exports.TabButton.displayName = 'TabButton';
@@ -1 +1 @@
1
- {"version":3,"file":"TabButton.js","sourceRoot":"","sources":["../../../../src/components/Tabs/TabButton.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2CAAwD;AAajD,MAAM,SAAS,GAA4C,CAAC,EAOlD,EAAE,EAAE;QAP8C,EACjE,QAAQ;IACR,6DAA6D;IAC7D,aAAa,EACb,MAAM,EACN,QAAQ,OAEO,EADZ,KAAK,sBANyD,mDAOlE,CADS;IAER,MAAM,SAAS,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAQ,CAAC;IACvD,OAAO,CACL,oBAAC,SAAS,oBAAK,sBAAY,CAAC,iBAAS,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAM,KAAK,GAC5E,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,SAAS,aAcpB;AACF,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
1
+ {"version":3,"file":"TabButton.js","sourceRoot":"","sources":["../../../../src/components/Tabs/TabButton.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2CAAwD;AAejD,MAAM,SAAS,GAA4C,CAAC,EAQlD,EAAE,EAAE;QAR8C,EACjE,QAAQ;IACR,6DAA6D;IAC7D,aAAa,EACb,MAAM,EACN,cAAc,EACd,QAAQ,OAEO,EADZ,KAAK,sBAPyD,qEAQlE,CADS;IAER,MAAM,SAAS,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAQ,CAAC;IAEvD,OAAO,CACL,oBAAC,SAAS,kBAAC,GAAG,EAAE,cAAc,IAAM,sBAAY,CAAC,iBAAS,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAM,KAAK,GACjG,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,SAAS,aAgBpB;AACF,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../src/components/Tile/Tile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAChE,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wDAAwD;IACxD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,CA4BnD,CAAC"}
1
+ {"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../src/components/Tile/Tile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAChE,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wDAAwD;IACxD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,CA+BnD,CAAC"}
@@ -7,7 +7,7 @@ const tile_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/com
7
7
  const react_styles_1 = require("@patternfly/react-styles");
8
8
  const Tile = (_a) => {
9
9
  var { children, title, icon, isStacked, isSelected, isDisabled, isDisplayLarge, className } = _a, props = tslib_1.__rest(_a, ["children", "title", "icon", "isStacked", "isSelected", "isDisabled", "isDisplayLarge", "className"]);
10
- return (React.createElement("div", Object.assign({ className: react_styles_1.css(tile_1.default.tile, isSelected && tile_1.default.modifiers.selected, isDisabled && tile_1.default.modifiers.disabled, isDisplayLarge && tile_1.default.modifiers.displayLg, className), tabIndex: 0 }, props),
10
+ return (React.createElement("div", Object.assign({ role: "option", "aria-selected": isSelected }, (isDisabled && { 'aria-disabled': isDisabled }), { className: react_styles_1.css(tile_1.default.tile, isSelected && tile_1.default.modifiers.selected, isDisabled && tile_1.default.modifiers.disabled, isDisplayLarge && tile_1.default.modifiers.displayLg, className), tabIndex: 0 }, props),
11
11
  React.createElement("div", { className: react_styles_1.css(tile_1.default.tileHeader, isStacked && tile_1.default.modifiers.stacked) },
12
12
  icon && React.createElement("div", { className: react_styles_1.css(tile_1.default.tileIcon) }, icon),
13
13
  React.createElement("div", { className: react_styles_1.css(tile_1.default.tileTitle) }, title)),
@@ -1 +1 @@
1
- {"version":3,"file":"Tile.js","sourceRoot":"","sources":["../../../../src/components/Tile/Tile.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;AAqBxC,MAAM,IAAI,GAAuC,CAAC,EAU7C,EAAE,EAAE;QAVyC,EACvD,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,SAAS,EACT,UAAU,EACV,UAAU,EACV,cAAc,EACd,SAAS,OAEC,EADP,KAAK,sBAT+C,qGAUxD,CADS;IACO,OAAA,CACf,2CACE,SAAS,EAAE,kBAAG,CACZ,cAAM,CAAC,IAAI,EACX,UAAU,IAAI,cAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,UAAU,IAAI,cAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,cAAc,IAAI,cAAM,CAAC,SAAS,CAAC,SAAS,EAC5C,SAAS,CACV,EACD,QAAQ,EAAE,CAAC,IACP,KAAK;QAET,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,UAAU,EAAE,SAAS,IAAI,cAAM,CAAC,SAAS,CAAC,OAAO,CAAC;YAC1E,IAAI,IAAI,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,QAAQ,CAAC,IAAG,IAAI,CAAO;YAC3D,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,SAAS,CAAC,IAAG,KAAK,CAAO,CAChD;QACL,QAAQ,IAAI,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,QAAQ,CAAC,IAAG,QAAQ,CAAO,CAC/D,CACP,CAAA;CAAA,CAAC;AA5BW,QAAA,IAAI,QA4Bf;AACF,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
1
+ {"version":3,"file":"Tile.js","sourceRoot":"","sources":["../../../../src/components/Tile/Tile.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;AAqBxC,MAAM,IAAI,GAAuC,CAAC,EAU7C,EAAE,EAAE;QAVyC,EACvD,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,SAAS,EACT,UAAU,EACV,UAAU,EACV,cAAc,EACd,SAAS,OAEC,EADP,KAAK,sBAT+C,qGAUxD,CADS;IACO,OAAA,CACf,2CACE,IAAI,EAAC,QAAQ,mBACE,UAAU,IACrB,CAAC,UAAU,IAAI,EAAE,eAAe,EAAE,UAAU,EAAE,CAAC,IACnD,SAAS,EAAE,kBAAG,CACZ,cAAM,CAAC,IAAI,EACX,UAAU,IAAI,cAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,UAAU,IAAI,cAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,cAAc,IAAI,cAAM,CAAC,SAAS,CAAC,SAAS,EAC5C,SAAS,CACV,EACD,QAAQ,EAAE,CAAC,IACP,KAAK;QAET,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,UAAU,EAAE,SAAS,IAAI,cAAM,CAAC,SAAS,CAAC,OAAO,CAAC;YAC1E,IAAI,IAAI,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,QAAQ,CAAC,IAAG,IAAI,CAAO;YAC3D,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,SAAS,CAAC,IAAG,KAAK,CAAO,CAChD;QACL,QAAQ,IAAI,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,QAAQ,CAAC,IAAG,QAAQ,CAAO,CAC/D,CACP,CAAA;CAAA,CAAC;AA/BW,QAAA,IAAI,QA+Bf;AACF,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
@@ -16073,10 +16073,11 @@
16073
16073
  "notificationDrawerListItemTimestamp": "pf-c-notification-drawer__list-item-timestamp"
16074
16074
  };
16075
16075
 
16076
- const NotificationDrawer = (_a) => {
16077
- var { children, className = '' } = _a, props = __rest$1(_a, ["children", "className"]);
16078
- return (React__namespace.createElement("div", Object.assign({}, props, { className: css(_default$t.notificationDrawer, className) }), children));
16076
+ const NotificationDrawerBase = (_a) => {
16077
+ var { children, className = '', innerRef } = _a, props = __rest$1(_a, ["children", "className", "innerRef"]);
16078
+ return (React__namespace.createElement("div", Object.assign({ ref: innerRef }, props, { className: css(_default$t.notificationDrawer, className) }), children));
16079
16079
  };
16080
+ const NotificationDrawer = React__namespace.forwardRef((props, ref) => (React__namespace.createElement(NotificationDrawerBase, Object.assign({ innerRef: ref }, props))));
16080
16081
  NotificationDrawer.displayName = 'NotificationDrawer';
16081
16082
 
16082
16083
  const NotificationDrawerBody = (_a) => {
@@ -17981,9 +17982,9 @@
17981
17982
  const TabButton = (_a) => {
17982
17983
  var { children,
17983
17984
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
17984
- tabContentRef, ouiaId, ouiaSafe } = _a, props = __rest$1(_a, ["children", "tabContentRef", "ouiaId", "ouiaSafe"]);
17985
+ tabContentRef, ouiaId, parentInnerRef, ouiaSafe } = _a, props = __rest$1(_a, ["children", "tabContentRef", "ouiaId", "parentInnerRef", "ouiaSafe"]);
17985
17986
  const Component = (props.href ? 'a' : 'button');
17986
- return (React__namespace.createElement(Component, Object.assign({}, getOUIAProps(TabButton.displayName, ouiaId, ouiaSafe), props), children));
17987
+ return (React__namespace.createElement(Component, Object.assign({ ref: parentInnerRef }, getOUIAProps(TabButton.displayName, ouiaId, ouiaSafe), props), children));
17987
17988
  };
17988
17989
  TabButton.displayName = 'TabButton';
17989
17990
 
@@ -17999,7 +18000,7 @@
17999
18000
  const TabsContextConsumer = TabsContext.Consumer;
18000
18001
 
18001
18002
  const TabBase = (_a) => {
18002
- var { title, eventKey, tabContentRef, id: childId, tabContentId, className: childClassName = '', ouiaId: childOuiaId, isDisabled, isAriaDisabled, inoperableEvents = ['onClick', 'onKeyPress'], href, innerRef } = _a, props = __rest$1(_a, ["title", "eventKey", "tabContentRef", "id", "tabContentId", "className", "ouiaId", "isDisabled", "isAriaDisabled", "inoperableEvents", "href", "innerRef"]);
18003
+ var { title, eventKey, tabContentRef, id: childId, tabContentId, className: childClassName = '', ouiaId: childOuiaId, isDisabled, isAriaDisabled, inoperableEvents = ['onClick', 'onKeyPress'], href, innerRef, tooltip } = _a, props = __rest$1(_a, ["title", "eventKey", "tabContentRef", "id", "tabContentId", "className", "ouiaId", "isDisabled", "isAriaDisabled", "inoperableEvents", "href", "innerRef", "tooltip"]);
18003
18004
  const preventedEvents = inoperableEvents.reduce((handlers, eventToPrevent) => (Object.assign(Object.assign({}, handlers), { [eventToPrevent]: (event) => {
18004
18005
  event.preventDefault();
18005
18006
  } })), {});
@@ -18017,8 +18018,8 @@
18017
18018
  return null;
18018
18019
  }
18019
18020
  };
18020
- return (React__namespace.createElement("li", { className: css(_default$h.tabsItem, eventKey === localActiveKey && _default$h.modifiers.current, childClassName), ref: innerRef },
18021
- React__namespace.createElement(TabButton, Object.assign({ className: css(_default$h.tabsLink, isDisabled && href && _default$h.modifiers.disabled, isAriaDisabled && _default$h.modifiers.ariaDisabled), disabled: isButtonElement ? isDisabled : null, "aria-disabled": isDisabled || isAriaDisabled, tabIndex: getDefaultTabIdx(), onClick: (event) => handleTabClick(event, eventKey, tabContentRef) }, (isAriaDisabled ? preventedEvents : null), { id: `pf-tab-${eventKey}-${childId || uniqueId}`, "aria-controls": ariaControls, tabContentRef: tabContentRef, ouiaId: childOuiaId, href: href }, props), title)));
18021
+ const tabButton = (React__namespace.createElement(TabButton, Object.assign({ parentInnerRef: innerRef, className: css(_default$h.tabsLink, isDisabled && href && _default$h.modifiers.disabled, isAriaDisabled && _default$h.modifiers.ariaDisabled), disabled: isButtonElement ? isDisabled : null, "aria-disabled": isDisabled || isAriaDisabled, tabIndex: getDefaultTabIdx(), onClick: (event) => handleTabClick(event, eventKey, tabContentRef) }, (isAriaDisabled ? preventedEvents : null), { id: `pf-tab-${eventKey}-${childId || uniqueId}`, "aria-controls": ariaControls, tabContentRef: tabContentRef, ouiaId: childOuiaId, href: href }, props), title));
18022
+ return (React__namespace.createElement("li", { className: css(_default$h.tabsItem, eventKey === localActiveKey && _default$h.modifiers.current, childClassName) }, tooltip ? React__namespace.createElement(Tooltip, Object.assign({}, tooltip.props), tabButton) : tabButton));
18022
18023
  };
18023
18024
  const Tab = React__namespace.forwardRef((props, ref) => React__namespace.createElement(TabBase, Object.assign({ innerRef: ref }, props)));
18024
18025
  Tab.displayName = 'Tab';
@@ -18299,7 +18300,7 @@
18299
18300
 
18300
18301
  const Tile = (_a) => {
18301
18302
  var { children, title, icon, isStacked, isSelected, isDisabled, isDisplayLarge, className } = _a, props = __rest$1(_a, ["children", "title", "icon", "isStacked", "isSelected", "isDisabled", "isDisplayLarge", "className"]);
18302
- return (React__namespace.createElement("div", Object.assign({ className: css(_default$f.tile, isSelected && _default$f.modifiers.selected, isDisabled && _default$f.modifiers.disabled, isDisplayLarge && _default$f.modifiers.displayLg, className), tabIndex: 0 }, props),
18303
+ return (React__namespace.createElement("div", Object.assign({ role: "option", "aria-selected": isSelected }, (isDisabled && { 'aria-disabled': isDisabled }), { className: css(_default$f.tile, isSelected && _default$f.modifiers.selected, isDisabled && _default$f.modifiers.disabled, isDisplayLarge && _default$f.modifiers.displayLg, className), tabIndex: 0 }, props),
18303
18304
  React__namespace.createElement("div", { className: css(_default$f.tileHeader, isStacked && _default$f.modifiers.stacked) },
18304
18305
  icon && React__namespace.createElement("div", { className: css(_default$f.tileIcon) }, icon),
18305
18306
  React__namespace.createElement("div", { className: css(_default$f.tileTitle) }, title)),
@@ -15953,78 +15953,6 @@ ul.pf-c-list {
15953
15953
  text-align: var(--pf-c-progress-stepper__step-description--TextAlign);
15954
15954
  }
15955
15955
 
15956
- .pf-c-radio {
15957
- --pf-c-radio--GridGap: var(--pf-global--spacer--xs) var(--pf-global--spacer--sm);
15958
- --pf-c-radio__label--disabled--Color: var(--pf-global--disabled-color--100);
15959
- --pf-c-radio__label--Color: var(--pf-global--Color--100);
15960
- --pf-c-radio__label--FontWeight: var(--pf-global--FontWeight--normal);
15961
- --pf-c-radio__label--FontSize: var(--pf-global--FontSize--md);
15962
- --pf-c-radio__label--LineHeight: var(--pf-global--LineHeight--sm);
15963
- --pf-c-radio__input--Height: var(--pf-c-radio__label--FontSize);
15964
- --pf-c-radio__input--MarginTop: calc(((var(--pf-c-radio__label--FontSize) * var(--pf-c-radio__label--LineHeight)) - var(--pf-c-radio__input--Height)) / 2);
15965
- --pf-c-radio__input--first-child--MarginLeft: 0.0625rem;
15966
- --pf-c-radio__input--last-child--MarginRight: 0.0625rem;
15967
- --pf-c-radio__description--FontSize: var(--pf-global--FontSize--sm);
15968
- --pf-c-radio__description--Color: var(--pf-global--Color--200);
15969
- --pf-c-radio__body--MarginTop: var(--pf-global--spacer--sm);
15970
- display: grid;
15971
- grid-template-columns: auto 1fr;
15972
- grid-gap: var(--pf-c-radio--GridGap);
15973
- align-items: start;
15974
- justify-items: start;
15975
- }
15976
-
15977
- .pf-c-radio.pf-m-standalone {
15978
- --pf-c-radio--GridGap: 0;
15979
- --pf-c-radio__input--Height: auto;
15980
- --pf-c-radio__input--MarginTop: 0;
15981
- display: inline-grid;
15982
- line-height: 1;
15983
- }
15984
-
15985
- .pf-c-radio__label {
15986
- font-size: var(--pf-c-radio__label--FontSize);
15987
- font-weight: var(--pf-c-radio__label--FontWeight);
15988
- line-height: var(--pf-c-radio__label--LineHeight);
15989
- color: var(--pf-c-radio__label--Color);
15990
- }
15991
-
15992
- .pf-c-radio__input {
15993
- height: var(--pf-c-radio__input--Height);
15994
- margin-top: var(--pf-c-radio__input--MarginTop);
15995
- }
15996
-
15997
- .pf-c-radio__input:first-child {
15998
- margin-left: var(--pf-c-radio__input--first-child--MarginLeft);
15999
- }
16000
-
16001
- .pf-c-radio__input:last-child {
16002
- margin-right: var(--pf-c-radio__input--last-child--MarginRight);
16003
- }
16004
-
16005
- .pf-c-radio__description {
16006
- grid-column: 2;
16007
- font-size: var(--pf-c-radio__description--FontSize);
16008
- color: var(--pf-c-radio__description--Color);
16009
- }
16010
-
16011
- .pf-c-radio__body {
16012
- grid-column: 2;
16013
- margin-top: var(--pf-c-radio__body--MarginTop);
16014
- }
16015
-
16016
- label.pf-c-radio, .pf-c-radio__label,
16017
- .pf-c-radio__input {
16018
- cursor: pointer;
16019
- }
16020
-
16021
- .pf-c-radio__label:disabled, .pf-c-radio__label.pf-m-disabled,
16022
- .pf-c-radio__input:disabled,
16023
- .pf-c-radio__input.pf-m-disabled {
16024
- --pf-c-radio__label--Color: var(--pf-c-radio__label--disabled--Color);
16025
- cursor: not-allowed;
16026
- }
16027
-
16028
15956
  .pf-c-search-input {
16029
15957
  --pf-c-search-input__text--before--BorderWidth: var(--pf-global--BorderWidth--sm);
16030
15958
  --pf-c-search-input__text--before--BorderColor: var(--pf-global--BorderColor--300);
@@ -16216,6 +16144,78 @@ label.pf-c-radio, .pf-c-radio__label,
16216
16144
  flex-grow: 1;
16217
16145
  }
16218
16146
 
16147
+ .pf-c-radio {
16148
+ --pf-c-radio--GridGap: var(--pf-global--spacer--xs) var(--pf-global--spacer--sm);
16149
+ --pf-c-radio__label--disabled--Color: var(--pf-global--disabled-color--100);
16150
+ --pf-c-radio__label--Color: var(--pf-global--Color--100);
16151
+ --pf-c-radio__label--FontWeight: var(--pf-global--FontWeight--normal);
16152
+ --pf-c-radio__label--FontSize: var(--pf-global--FontSize--md);
16153
+ --pf-c-radio__label--LineHeight: var(--pf-global--LineHeight--sm);
16154
+ --pf-c-radio__input--Height: var(--pf-c-radio__label--FontSize);
16155
+ --pf-c-radio__input--MarginTop: calc(((var(--pf-c-radio__label--FontSize) * var(--pf-c-radio__label--LineHeight)) - var(--pf-c-radio__input--Height)) / 2);
16156
+ --pf-c-radio__input--first-child--MarginLeft: 0.0625rem;
16157
+ --pf-c-radio__input--last-child--MarginRight: 0.0625rem;
16158
+ --pf-c-radio__description--FontSize: var(--pf-global--FontSize--sm);
16159
+ --pf-c-radio__description--Color: var(--pf-global--Color--200);
16160
+ --pf-c-radio__body--MarginTop: var(--pf-global--spacer--sm);
16161
+ display: grid;
16162
+ grid-template-columns: auto 1fr;
16163
+ grid-gap: var(--pf-c-radio--GridGap);
16164
+ align-items: start;
16165
+ justify-items: start;
16166
+ }
16167
+
16168
+ .pf-c-radio.pf-m-standalone {
16169
+ --pf-c-radio--GridGap: 0;
16170
+ --pf-c-radio__input--Height: auto;
16171
+ --pf-c-radio__input--MarginTop: 0;
16172
+ display: inline-grid;
16173
+ line-height: 1;
16174
+ }
16175
+
16176
+ .pf-c-radio__label {
16177
+ font-size: var(--pf-c-radio__label--FontSize);
16178
+ font-weight: var(--pf-c-radio__label--FontWeight);
16179
+ line-height: var(--pf-c-radio__label--LineHeight);
16180
+ color: var(--pf-c-radio__label--Color);
16181
+ }
16182
+
16183
+ .pf-c-radio__input {
16184
+ height: var(--pf-c-radio__input--Height);
16185
+ margin-top: var(--pf-c-radio__input--MarginTop);
16186
+ }
16187
+
16188
+ .pf-c-radio__input:first-child {
16189
+ margin-left: var(--pf-c-radio__input--first-child--MarginLeft);
16190
+ }
16191
+
16192
+ .pf-c-radio__input:last-child {
16193
+ margin-right: var(--pf-c-radio__input--last-child--MarginRight);
16194
+ }
16195
+
16196
+ .pf-c-radio__description {
16197
+ grid-column: 2;
16198
+ font-size: var(--pf-c-radio__description--FontSize);
16199
+ color: var(--pf-c-radio__description--Color);
16200
+ }
16201
+
16202
+ .pf-c-radio__body {
16203
+ grid-column: 2;
16204
+ margin-top: var(--pf-c-radio__body--MarginTop);
16205
+ }
16206
+
16207
+ label.pf-c-radio, .pf-c-radio__label,
16208
+ .pf-c-radio__input {
16209
+ cursor: pointer;
16210
+ }
16211
+
16212
+ .pf-c-radio__label:disabled, .pf-c-radio__label.pf-m-disabled,
16213
+ .pf-c-radio__input:disabled,
16214
+ .pf-c-radio__input.pf-m-disabled {
16215
+ --pf-c-radio__label--Color: var(--pf-c-radio__label--disabled--Color);
16216
+ cursor: not-allowed;
16217
+ }
16218
+
16219
16219
  .pf-c-select {
16220
16220
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
16221
16221
  --pf-global--Color--200: var(--pf-global--Color--dark-200);