@patternfly/react-core 4.234.0 → 4.234.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 (53) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/esm/components/LoginPage/LoginFooterItem.d.ts +3 -3
  3. package/dist/esm/components/LoginPage/LoginForm.d.ts +18 -18
  4. package/dist/esm/components/LoginPage/LoginHeader.d.ts +1 -1
  5. package/dist/esm/components/LoginPage/LoginMainBody.d.ts +2 -2
  6. package/dist/esm/components/LoginPage/LoginMainFooter.d.ts +5 -5
  7. package/dist/esm/components/LoginPage/LoginMainFooterBandItem.d.ts +2 -2
  8. package/dist/esm/components/LoginPage/LoginMainFooterLinksItem.d.ts +5 -5
  9. package/dist/esm/components/LoginPage/LoginMainHeader.d.ts +6 -4
  10. package/dist/esm/components/LoginPage/LoginMainHeader.d.ts.map +1 -1
  11. package/dist/esm/components/LoginPage/LoginMainHeader.js +2 -1
  12. package/dist/esm/components/LoginPage/LoginMainHeader.js.map +1 -1
  13. package/dist/esm/components/LoginPage/LoginPage.d.ts +16 -14
  14. package/dist/esm/components/LoginPage/LoginPage.d.ts.map +1 -1
  15. package/dist/esm/components/LoginPage/LoginPage.js +2 -2
  16. package/dist/esm/components/LoginPage/LoginPage.js.map +1 -1
  17. package/dist/js/components/LoginPage/LoginFooterItem.d.ts +3 -3
  18. package/dist/js/components/LoginPage/LoginForm.d.ts +18 -18
  19. package/dist/js/components/LoginPage/LoginHeader.d.ts +1 -1
  20. package/dist/js/components/LoginPage/LoginMainBody.d.ts +2 -2
  21. package/dist/js/components/LoginPage/LoginMainFooter.d.ts +5 -5
  22. package/dist/js/components/LoginPage/LoginMainFooterBandItem.d.ts +2 -2
  23. package/dist/js/components/LoginPage/LoginMainFooterLinksItem.d.ts +5 -5
  24. package/dist/js/components/LoginPage/LoginMainHeader.d.ts +6 -4
  25. package/dist/js/components/LoginPage/LoginMainHeader.d.ts.map +1 -1
  26. package/dist/js/components/LoginPage/LoginMainHeader.js +2 -1
  27. package/dist/js/components/LoginPage/LoginMainHeader.js.map +1 -1
  28. package/dist/js/components/LoginPage/LoginPage.d.ts +16 -14
  29. package/dist/js/components/LoginPage/LoginPage.d.ts.map +1 -1
  30. package/dist/js/components/LoginPage/LoginPage.js +2 -2
  31. package/dist/js/components/LoginPage/LoginPage.js.map +1 -1
  32. package/dist/umd/react-core.css +29 -29
  33. package/dist/umd/react-core.js +4 -3
  34. package/dist/umd/react-core.min.css +127 -127
  35. package/dist/umd/react-core.min.js +4 -4
  36. package/package.json +6 -6
  37. package/src/components/LoginPage/LoginFooterItem.tsx +3 -3
  38. package/src/components/LoginPage/LoginForm.tsx +18 -18
  39. package/src/components/LoginPage/LoginHeader.tsx +1 -1
  40. package/src/components/LoginPage/LoginMainBody.tsx +2 -2
  41. package/src/components/LoginPage/LoginMainFooter.tsx +5 -5
  42. package/src/components/LoginPage/LoginMainFooterBandItem.tsx +2 -2
  43. package/src/components/LoginPage/LoginMainFooterLinksItem.tsx +5 -5
  44. package/src/components/LoginPage/LoginMainHeader.tsx +8 -4
  45. package/src/components/LoginPage/LoginPage.tsx +18 -15
  46. package/src/components/LoginPage/examples/LoginPage.md +8 -0
  47. package/src/components/LoginPage/examples/LoginPageBasic.tsx +0 -1
  48. package/src/components/LoginPage/examples/LoginPageLanguageSelect.tsx +194 -0
  49. package/src/components/LoginPage/examples/LoginPageShowHidePassword.tsx +0 -1
  50. package/src/components/NotificationDrawer/examples/NotificationDrawer.md +3 -708
  51. package/src/components/NotificationDrawer/examples/NotificationDrawerBasic.tsx +185 -0
  52. package/src/components/NotificationDrawer/examples/NotificationDrawerGroups.tsx +337 -0
  53. package/src/components/NotificationDrawer/examples/NotificationDrawerLightweight.tsx +185 -0
@@ -1 +1 @@
1
- {"version":3,"file":"LoginPage.d.ts","sourceRoot":"","sources":["../../../../src/components/LoginPage/LoginPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAmB,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAE5E,OAAO,EAAQ,WAAW,EAAE,MAAM,SAAS,CAAC;AAS5C,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACrE,mFAAmF;IACnF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kFAAkF;IAClF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iFAAiF;IACjF,gBAAgB,CAAC,EAAE,MAAM,GAAG,qBAAqB,CAAC;IAClD,uFAAuF;IACvF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qEAAqE;IACrE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0EAA0E;IAC1E,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,iHAAiH;IACjH,kBAAkB,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC;IACxC,4DAA4D;IAC5D,UAAU,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iGAAiG;IACjG,uBAAuB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1C,8FAA8F;IAC9F,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,qEAAqE;IACrE,uBAAuB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3C;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CA8C7D,CAAC"}
1
+ {"version":3,"file":"LoginPage.d.ts","sourceRoot":"","sources":["../../../../src/components/LoginPage/LoginPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAmB,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAE5E,OAAO,EAAQ,WAAW,EAAE,MAAM,SAAS,CAAC;AAS5C,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACrE,oFAAoF;IACpF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6EAA6E;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kFAAkF;IAClF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kFAAkF;IAClF,gBAAgB,CAAC,EAAE,MAAM,GAAG,qBAAqB,CAAC;IAClD,uFAAuF;IACvF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,sEAAsE;IACtE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2EAA2E;IAC3E,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,kHAAkH;IAClH,kBAAkB,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC;IACxC,6DAA6D;IAC7D,UAAU,EAAE,MAAM,CAAC;IACnB,gEAAgE;IAChE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8EAA8E;IAC9E,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,iGAAiG;IACjG,uBAAuB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1C,8FAA8F;IAC9F,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,mEAAmE;IACnE,uBAAuB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3C;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CA+C7D,CAAC"}
@@ -14,7 +14,7 @@ const LoginMainHeader_1 = require("./LoginMainHeader");
14
14
  const LoginMainBody_1 = require("./LoginMainBody");
15
15
  const LoginMainFooter_1 = require("./LoginMainFooter");
16
16
  const LoginPage = (_a) => {
17
- var { children = null, className = '', brandImgSrc = '', brandImgAlt = '', backgroundImgSrc = '', backgroundImgAlt = '', footerListItems = null, textContent = '', footerListVariants, loginTitle, loginSubtitle, signUpForAccountMessage = null, forgotCredentials = null, socialMediaLoginContent = null } = _a, props = tslib_1.__rest(_a, ["children", "className", "brandImgSrc", "brandImgAlt", "backgroundImgSrc", "backgroundImgAlt", "footerListItems", "textContent", "footerListVariants", "loginTitle", "loginSubtitle", "signUpForAccountMessage", "forgotCredentials", "socialMediaLoginContent"]);
17
+ var { children = null, className = '', brandImgSrc = '', brandImgAlt = '', backgroundImgSrc = '', backgroundImgAlt = '', footerListItems = null, textContent = '', footerListVariants, loginTitle, loginSubtitle, headerUtilities, signUpForAccountMessage = null, forgotCredentials = null, socialMediaLoginContent = null } = _a, props = tslib_1.__rest(_a, ["children", "className", "brandImgSrc", "brandImgAlt", "backgroundImgSrc", "backgroundImgAlt", "footerListItems", "textContent", "footerListVariants", "loginTitle", "loginSubtitle", "headerUtilities", "signUpForAccountMessage", "forgotCredentials", "socialMediaLoginContent"]);
18
18
  const HeaderBrand = (React.createElement(React.Fragment, null,
19
19
  React.createElement(Brand_1.Brand, { src: brandImgSrc, alt: brandImgAlt })));
20
20
  const Header = React.createElement(LoginHeader_1.LoginHeader, { headerBrand: HeaderBrand });
@@ -24,7 +24,7 @@ const LoginPage = (_a) => {
24
24
  return (React.createElement(React.Fragment, null,
25
25
  backgroundImgSrc && React.createElement(BackgroundImage_1.BackgroundImage, { src: backgroundImgSrc, alt: backgroundImgAlt }),
26
26
  React.createElement(Login_1.Login, Object.assign({ header: Header, footer: Footer, className: react_styles_1.css(className) }, props),
27
- React.createElement(LoginMainHeader_1.LoginMainHeader, { title: loginTitle, subtitle: loginSubtitle }),
27
+ React.createElement(LoginMainHeader_1.LoginMainHeader, { title: loginTitle, subtitle: loginSubtitle, headerUtilities: headerUtilities }),
28
28
  React.createElement(LoginMainBody_1.LoginMainBody, null, children),
29
29
  (socialMediaLoginContent || forgotCredentials || signUpForAccountMessage) && (React.createElement(LoginMainFooter_1.LoginMainFooter, { socialMediaLoginContent: socialMediaLoginContent, forgotCredentials: forgotCredentials, signUpForAccountMessage: signUpForAccountMessage })))));
30
30
  };
@@ -1 +1 @@
1
- {"version":3,"file":"LoginPage.js","sourceRoot":"","sources":["../../../../src/components/LoginPage/LoginPage.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAE/C,wDAA4E;AAC5E,oCAAiC;AACjC,kCAA4C;AAE5C,mCAAgC;AAChC,+CAA4C;AAC5C,+CAA4C;AAC5C,uDAAoD;AACpD,mDAAgD;AAChD,uDAAoD;AAiC7C,MAAM,SAAS,GAA4C,CAAC,EAgBlD,EAAE,EAAE;QAhB8C,EACjE,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,WAAW,GAAG,EAAE,EAChB,WAAW,GAAG,EAAE,EAChB,gBAAgB,GAAG,EAAE,EACrB,gBAAgB,GAAG,EAAE,EACrB,eAAe,GAAG,IAAI,EACtB,WAAW,GAAG,EAAE,EAChB,kBAAkB,EAClB,UAAU,EACV,aAAa,EACb,uBAAuB,GAAG,IAAI,EAC9B,iBAAiB,GAAG,IAAI,EACxB,uBAAuB,GAAG,IAAI,OAEf,EADZ,KAAK,sBAfyD,iQAgBlE,CADS;IAER,MAAM,WAAW,GAAG,CAClB,oBAAC,KAAK,CAAC,QAAQ;QACb,oBAAC,aAAK,IAAC,GAAG,EAAE,WAAW,EAAE,GAAG,EAAE,WAAW,GAAI,CAC9B,CAClB,CAAC;IACF,MAAM,MAAM,GAAG,oBAAC,yBAAW,IAAC,WAAW,EAAE,WAAW,GAAI,CAAC;IACzD,MAAM,MAAM,GAAG,CACb,oBAAC,yBAAW;QACV,+BAAI,WAAW,CAAK;QACpB,oBAAC,WAAI,IAAC,OAAO,EAAE,kBAAkB,IAAG,eAAe,CAAQ,CAC/C,CACf,CAAC;IAEF,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACZ,gBAAgB,IAAI,oBAAC,iCAAe,IAAC,GAAG,EAAE,gBAAgB,EAAE,GAAG,EAAE,gBAAgB,GAAI;QACtF,oBAAC,aAAK,kBAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,kBAAG,CAAC,SAAS,CAAC,IAAM,KAAK;YACzE,oBAAC,iCAAe,IAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,GAAI;YAC/D,oBAAC,6BAAa,QAAE,QAAQ,CAAiB;YACxC,CAAC,uBAAuB,IAAI,iBAAiB,IAAI,uBAAuB,CAAC,IAAI,CAC5E,oBAAC,iCAAe,IACd,uBAAuB,EAAE,uBAAuB,EAChD,iBAAiB,EAAE,iBAAiB,EACpC,uBAAuB,EAAE,uBAAuB,GAChD,CACH,CACK,CACO,CAClB,CAAC;AACJ,CAAC,CAAC;AA9CW,QAAA,SAAS,aA8CpB;AACF,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
1
+ {"version":3,"file":"LoginPage.js","sourceRoot":"","sources":["../../../../src/components/LoginPage/LoginPage.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAE/C,wDAA4E;AAC5E,oCAAiC;AACjC,kCAA4C;AAE5C,mCAAgC;AAChC,+CAA4C;AAC5C,+CAA4C;AAC5C,uDAAoD;AACpD,mDAAgD;AAChD,uDAAoD;AAmC7C,MAAM,SAAS,GAA4C,CAAC,EAiBlD,EAAE,EAAE;QAjB8C,EACjE,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,WAAW,GAAG,EAAE,EAChB,WAAW,GAAG,EAAE,EAChB,gBAAgB,GAAG,EAAE,EACrB,gBAAgB,GAAG,EAAE,EACrB,eAAe,GAAG,IAAI,EACtB,WAAW,GAAG,EAAE,EAChB,kBAAkB,EAClB,UAAU,EACV,aAAa,EACb,eAAe,EACf,uBAAuB,GAAG,IAAI,EAC9B,iBAAiB,GAAG,IAAI,EACxB,uBAAuB,GAAG,IAAI,OAEf,EADZ,KAAK,sBAhByD,oRAiBlE,CADS;IAER,MAAM,WAAW,GAAG,CAClB,oBAAC,KAAK,CAAC,QAAQ;QACb,oBAAC,aAAK,IAAC,GAAG,EAAE,WAAW,EAAE,GAAG,EAAE,WAAW,GAAI,CAC9B,CAClB,CAAC;IACF,MAAM,MAAM,GAAG,oBAAC,yBAAW,IAAC,WAAW,EAAE,WAAW,GAAI,CAAC;IACzD,MAAM,MAAM,GAAG,CACb,oBAAC,yBAAW;QACV,+BAAI,WAAW,CAAK;QACpB,oBAAC,WAAI,IAAC,OAAO,EAAE,kBAAkB,IAAG,eAAe,CAAQ,CAC/C,CACf,CAAC;IAEF,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACZ,gBAAgB,IAAI,oBAAC,iCAAe,IAAC,GAAG,EAAE,gBAAgB,EAAE,GAAG,EAAE,gBAAgB,GAAI;QACtF,oBAAC,aAAK,kBAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,kBAAG,CAAC,SAAS,CAAC,IAAM,KAAK;YACzE,oBAAC,iCAAe,IAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,eAAe,EAAE,eAAe,GAAI;YACjG,oBAAC,6BAAa,QAAE,QAAQ,CAAiB;YACxC,CAAC,uBAAuB,IAAI,iBAAiB,IAAI,uBAAuB,CAAC,IAAI,CAC5E,oBAAC,iCAAe,IACd,uBAAuB,EAAE,uBAAuB,EAChD,iBAAiB,EAAE,iBAAiB,EACpC,uBAAuB,EAAE,uBAAuB,GAChD,CACH,CACK,CACO,CAClB,CAAC;AACJ,CAAC,CAAC;AA/CW,QAAA,SAAS,aA+CpB;AACF,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
@@ -4,23 +4,6 @@
4
4
  pointer-events: none;
5
5
  }
6
6
 
7
- .pf-c-backdrop {
8
- --pf-c-backdrop--Position: fixed;
9
- --pf-c-backdrop--ZIndex: var(--pf-global--ZIndex--lg);
10
- --pf-c-backdrop--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-100);
11
- position: var(--pf-c-backdrop--Position);
12
- top: 0;
13
- left: 0;
14
- z-index: var(--pf-c-backdrop--ZIndex);
15
- width: 100%;
16
- height: 100%;
17
- background-color: var(--pf-c-backdrop--BackgroundColor);
18
- }
19
-
20
- .pf-c-backdrop__open {
21
- overflow: hidden;
22
- }
23
-
24
7
  .pf-c-accordion {
25
8
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
26
9
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
@@ -1577,6 +1560,23 @@ textarea.pf-c-form-control {
1577
1560
  box-shadow: var(--pf-c-back-to-top--c-button--BoxShadow);
1578
1561
  }
1579
1562
 
1563
+ .pf-c-backdrop {
1564
+ --pf-c-backdrop--Position: fixed;
1565
+ --pf-c-backdrop--ZIndex: var(--pf-global--ZIndex--lg);
1566
+ --pf-c-backdrop--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-100);
1567
+ position: var(--pf-c-backdrop--Position);
1568
+ top: 0;
1569
+ left: 0;
1570
+ z-index: var(--pf-c-backdrop--ZIndex);
1571
+ width: 100%;
1572
+ height: 100%;
1573
+ background-color: var(--pf-c-backdrop--BackgroundColor);
1574
+ }
1575
+
1576
+ .pf-c-backdrop__open {
1577
+ overflow: hidden;
1578
+ }
1579
+
1580
1580
  .pf-c-background-image {
1581
1581
  --pf-c-background-image--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
1582
1582
  --pf-c-background-image--BackgroundImage: url("../../assets/images/pfbg_576.jpg");
@@ -27446,6 +27446,18 @@ label.pf-c-tree-view__node-text {
27446
27446
  grid-gap: var(--pf-l-grid--m-gutter--GridGap);
27447
27447
  }
27448
27448
 
27449
+ .pf-l-level {
27450
+ --pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
27451
+ display: flex;
27452
+ flex-wrap: wrap;
27453
+ align-items: center;
27454
+ justify-content: space-between;
27455
+ }
27456
+
27457
+ .pf-l-level.pf-m-gutter > *:not(:last-child) {
27458
+ margin-right: var(--pf-l-level--m-gutter--MarginRight);
27459
+ }
27460
+
27449
27461
  .pf-l-split {
27450
27462
  --pf-l-split--m-gutter--MarginRight: var(--pf-global--gutter);
27451
27463
  display: flex;
@@ -27465,18 +27477,6 @@ label.pf-c-tree-view__node-text {
27465
27477
  margin-right: var(--pf-l-split--m-gutter--MarginRight);
27466
27478
  }
27467
27479
 
27468
- .pf-l-level {
27469
- --pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
27470
- display: flex;
27471
- flex-wrap: wrap;
27472
- align-items: center;
27473
- justify-content: space-between;
27474
- }
27475
-
27476
- .pf-l-level.pf-m-gutter > *:not(:last-child) {
27477
- margin-right: var(--pf-l-level--m-gutter--MarginRight);
27478
- }
27479
-
27480
27480
  .pf-l-stack {
27481
27481
  --pf-l-stack--m-gutter--MarginBottom: var(--pf-global--gutter);
27482
27482
  display: flex;
@@ -14974,10 +14974,11 @@
14974
14974
  LoginFooter.displayName = 'LoginFooter';
14975
14975
 
14976
14976
  const LoginMainHeader = (_a) => {
14977
- var { children = null, className = '', title = '', subtitle = '' } = _a, props = __rest$1(_a, ["children", "className", "title", "subtitle"]);
14977
+ var { children = null, className = '', title = '', subtitle = '', headerUtilities = null } = _a, props = __rest$1(_a, ["children", "className", "title", "subtitle", "headerUtilities"]);
14978
14978
  return (React__namespace.createElement("header", Object.assign({ className: css(styles$B.loginMainHeader, className) }, props),
14979
14979
  title && (React__namespace.createElement(Title, { headingLevel: "h2", size: exports.TitleSizes['3xl'] }, title)),
14980
14980
  subtitle && React__namespace.createElement("p", { className: css(styles$B.loginMainHeaderDesc) }, subtitle),
14981
+ headerUtilities && React__namespace.createElement("div", { className: css(styles$B.loginMainHeaderUtilities) }, headerUtilities),
14981
14982
  children));
14982
14983
  };
14983
14984
  LoginMainHeader.displayName = 'LoginMainHeader';
@@ -15000,7 +15001,7 @@
15000
15001
  LoginMainFooter.displayName = 'LoginMainFooter';
15001
15002
 
15002
15003
  const LoginPage = (_a) => {
15003
- var { children = null, className = '', brandImgSrc = '', brandImgAlt = '', backgroundImgSrc = '', backgroundImgAlt = '', footerListItems = null, textContent = '', footerListVariants, loginTitle, loginSubtitle, signUpForAccountMessage = null, forgotCredentials = null, socialMediaLoginContent = null } = _a, props = __rest$1(_a, ["children", "className", "brandImgSrc", "brandImgAlt", "backgroundImgSrc", "backgroundImgAlt", "footerListItems", "textContent", "footerListVariants", "loginTitle", "loginSubtitle", "signUpForAccountMessage", "forgotCredentials", "socialMediaLoginContent"]);
15004
+ var { children = null, className = '', brandImgSrc = '', brandImgAlt = '', backgroundImgSrc = '', backgroundImgAlt = '', footerListItems = null, textContent = '', footerListVariants, loginTitle, loginSubtitle, headerUtilities, signUpForAccountMessage = null, forgotCredentials = null, socialMediaLoginContent = null } = _a, props = __rest$1(_a, ["children", "className", "brandImgSrc", "brandImgAlt", "backgroundImgSrc", "backgroundImgAlt", "footerListItems", "textContent", "footerListVariants", "loginTitle", "loginSubtitle", "headerUtilities", "signUpForAccountMessage", "forgotCredentials", "socialMediaLoginContent"]);
15004
15005
  const HeaderBrand = (React__namespace.createElement(React__namespace.Fragment, null,
15005
15006
  React__namespace.createElement(Brand, { src: brandImgSrc, alt: brandImgAlt })));
15006
15007
  const Header = React__namespace.createElement(LoginHeader, { headerBrand: HeaderBrand });
@@ -15010,7 +15011,7 @@
15010
15011
  return (React__namespace.createElement(React__namespace.Fragment, null,
15011
15012
  backgroundImgSrc && React__namespace.createElement(BackgroundImage, { src: backgroundImgSrc, alt: backgroundImgAlt }),
15012
15013
  React__namespace.createElement(Login, Object.assign({ header: Header, footer: Footer, className: css(className) }, props),
15013
- React__namespace.createElement(LoginMainHeader, { title: loginTitle, subtitle: loginSubtitle }),
15014
+ React__namespace.createElement(LoginMainHeader, { title: loginTitle, subtitle: loginSubtitle, headerUtilities: headerUtilities }),
15014
15015
  React__namespace.createElement(LoginMainBody, null, children),
15015
15016
  (socialMediaLoginContent || forgotCredentials || signUpForAccountMessage) && (React__namespace.createElement(LoginMainFooter, { socialMediaLoginContent: socialMediaLoginContent, forgotCredentials: forgotCredentials, signUpForAccountMessage: signUpForAccountMessage })))));
15016
15017
  };
@@ -22498,52 +22498,6 @@ svg.pf-c-spinner.pf-m-xl {
22498
22498
  --pf-c-toolbar--spacer: 0;
22499
22499
  }
22500
22500
 
22501
- .pf-c-number-input .pf-c-form-control {
22502
- appearance: textfield;
22503
- }
22504
-
22505
- .pf-c-number-input .pf-c-form-control::-webkit-inner-spin-button, .pf-c-number-input .pf-c-form-control::-webkit-outer-spin-button {
22506
- appearance: none;
22507
- margin: 0;
22508
- }
22509
-
22510
- .pf-c-number-input {
22511
- --pf-c-number-input__unit--c-input-group--MarginLeft: var(--pf-global--spacer--sm);
22512
- --pf-c-number-input__icon--FontSize: var(--pf-global--FontSize--xs);
22513
- --pf-c-number-input--c-form-control--width-base: calc(var(--pf-global--spacer--sm) * 2 + var(--pf-global--BorderWidth--sm) * 2);
22514
- --pf-c-number-input--c-form-control--width-icon: 0px;
22515
- --pf-c-number-input--m-status--c-form-control--width-icon: var(--pf-global--spacer--xl);
22516
- --pf-c-number-input--c-form-control--width-chars: 4;
22517
- --pf-c-number-input--c-form-control--Width:
22518
- calc(
22519
- calc(
22520
- var(--pf-c-number-input--c-form-control--width-base) + var(--pf-c-number-input--c-form-control--width-chars) * 1ch
22521
- ) + var(--pf-c-number-input--c-form-control--width-icon)
22522
- );
22523
- display: inline-flex;
22524
- align-items: center;
22525
- }
22526
-
22527
- .pf-c-number-input.pf-m-status {
22528
- --pf-c-number-input--c-form-control--width-icon: var(--pf-c-number-input--m-status--c-form-control--width-icon);
22529
- }
22530
-
22531
- .pf-c-number-input .pf-c-form-control {
22532
- display: inline-flex;
22533
- width: var(--pf-c-number-input--c-form-control--Width);
22534
- text-align: right;
22535
- }
22536
-
22537
- .pf-c-input-group + .pf-c-number-input__unit,
22538
- .pf-c-number-input__unit + .pf-c-input-group {
22539
- margin-left: var(--pf-c-number-input__unit--c-input-group--MarginLeft);
22540
- }
22541
-
22542
- .pf-c-number-input__icon {
22543
- display: flex;
22544
- font-size: var(--pf-c-number-input__icon--FontSize);
22545
- }
22546
-
22547
22501
  .pf-c-tooltip {
22548
22502
  --pf-c-tooltip--MaxWidth: 18.75rem;
22549
22503
  --pf-c-tooltip--BoxShadow: var(--pf-global--BoxShadow--md);
@@ -22652,6 +22606,52 @@ svg.pf-c-spinner.pf-m-xl {
22652
22606
  --pf-c-tooltip__arrow--Height: 0.9375rem;
22653
22607
  }
22654
22608
 
22609
+ .pf-c-number-input .pf-c-form-control {
22610
+ appearance: textfield;
22611
+ }
22612
+
22613
+ .pf-c-number-input .pf-c-form-control::-webkit-inner-spin-button, .pf-c-number-input .pf-c-form-control::-webkit-outer-spin-button {
22614
+ appearance: none;
22615
+ margin: 0;
22616
+ }
22617
+
22618
+ .pf-c-number-input {
22619
+ --pf-c-number-input__unit--c-input-group--MarginLeft: var(--pf-global--spacer--sm);
22620
+ --pf-c-number-input__icon--FontSize: var(--pf-global--FontSize--xs);
22621
+ --pf-c-number-input--c-form-control--width-base: calc(var(--pf-global--spacer--sm) * 2 + var(--pf-global--BorderWidth--sm) * 2);
22622
+ --pf-c-number-input--c-form-control--width-icon: 0px;
22623
+ --pf-c-number-input--m-status--c-form-control--width-icon: var(--pf-global--spacer--xl);
22624
+ --pf-c-number-input--c-form-control--width-chars: 4;
22625
+ --pf-c-number-input--c-form-control--Width:
22626
+ calc(
22627
+ calc(
22628
+ var(--pf-c-number-input--c-form-control--width-base) + var(--pf-c-number-input--c-form-control--width-chars) * 1ch
22629
+ ) + var(--pf-c-number-input--c-form-control--width-icon)
22630
+ );
22631
+ display: inline-flex;
22632
+ align-items: center;
22633
+ }
22634
+
22635
+ .pf-c-number-input.pf-m-status {
22636
+ --pf-c-number-input--c-form-control--width-icon: var(--pf-c-number-input--m-status--c-form-control--width-icon);
22637
+ }
22638
+
22639
+ .pf-c-number-input .pf-c-form-control {
22640
+ display: inline-flex;
22641
+ width: var(--pf-c-number-input--c-form-control--Width);
22642
+ text-align: right;
22643
+ }
22644
+
22645
+ .pf-c-input-group + .pf-c-number-input__unit,
22646
+ .pf-c-number-input__unit + .pf-c-input-group {
22647
+ margin-left: var(--pf-c-number-input__unit--c-input-group--MarginLeft);
22648
+ }
22649
+
22650
+ .pf-c-number-input__icon {
22651
+ display: flex;
22652
+ font-size: var(--pf-c-number-input__icon--FontSize);
22653
+ }
22654
+
22655
22655
  .pf-c-tree-view {
22656
22656
  --pf-c-tree-view--PaddingTop: var(--pf-global--spacer--sm);
22657
22657
  --pf-c-tree-view--PaddingBottom: var(--pf-global--spacer--sm);
@@ -26163,6 +26163,75 @@ label.pf-c-tree-view__node-text {
26163
26163
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
26164
26164
  }
26165
26165
  }
26166
+ .pf-l-gallery {
26167
+ --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
26168
+ --pf-l-gallery--GridTemplateColumns--min: 250px;
26169
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
26170
+ --pf-l-gallery--GridTemplateColumns--max: 1fr;
26171
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
26172
+ --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
26173
+ --pf-l-gallery--GridTemplateRows: auto;
26174
+ display: grid;
26175
+ grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
26176
+ grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
26177
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
26178
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
26179
+ }
26180
+
26181
+ .pf-l-gallery.pf-m-gutter {
26182
+ grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
26183
+ }
26184
+
26185
+ @media (min-width: 576px) {
26186
+ .pf-l-gallery {
26187
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
26188
+ }
26189
+ }
26190
+ @media (min-width: 768px) {
26191
+ .pf-l-gallery {
26192
+ --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)));
26193
+ }
26194
+ }
26195
+ @media (min-width: 992px) {
26196
+ .pf-l-gallery {
26197
+ --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))));
26198
+ }
26199
+ }
26200
+ @media (min-width: 1200px) {
26201
+ .pf-l-gallery {
26202
+ --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)))));
26203
+ }
26204
+ }
26205
+ @media (min-width: 1450px) {
26206
+ .pf-l-gallery {
26207
+ --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))))));
26208
+ }
26209
+ }
26210
+ @media (min-width: 576px) {
26211
+ .pf-l-gallery {
26212
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
26213
+ }
26214
+ }
26215
+ @media (min-width: 768px) {
26216
+ .pf-l-gallery {
26217
+ --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)));
26218
+ }
26219
+ }
26220
+ @media (min-width: 992px) {
26221
+ .pf-l-gallery {
26222
+ --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))));
26223
+ }
26224
+ }
26225
+ @media (min-width: 1200px) {
26226
+ .pf-l-gallery {
26227
+ --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)))));
26228
+ }
26229
+ }
26230
+ @media (min-width: 1450px) {
26231
+ .pf-l-gallery {
26232
+ --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))))));
26233
+ }
26234
+ }
26166
26235
  .pf-l-grid {
26167
26236
  --pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
26168
26237
  --pf-l-grid__item--GridColumnStart: auto;
@@ -27377,87 +27446,6 @@ label.pf-c-tree-view__node-text {
27377
27446
  grid-gap: var(--pf-l-grid--m-gutter--GridGap);
27378
27447
  }
27379
27448
 
27380
- .pf-l-gallery {
27381
- --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
27382
- --pf-l-gallery--GridTemplateColumns--min: 250px;
27383
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
27384
- --pf-l-gallery--GridTemplateColumns--max: 1fr;
27385
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
27386
- --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
27387
- --pf-l-gallery--GridTemplateRows: auto;
27388
- display: grid;
27389
- grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
27390
- grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
27391
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
27392
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
27393
- }
27394
-
27395
- .pf-l-gallery.pf-m-gutter {
27396
- grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
27397
- }
27398
-
27399
- @media (min-width: 576px) {
27400
- .pf-l-gallery {
27401
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
27402
- }
27403
- }
27404
- @media (min-width: 768px) {
27405
- .pf-l-gallery {
27406
- --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)));
27407
- }
27408
- }
27409
- @media (min-width: 992px) {
27410
- .pf-l-gallery {
27411
- --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))));
27412
- }
27413
- }
27414
- @media (min-width: 1200px) {
27415
- .pf-l-gallery {
27416
- --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)))));
27417
- }
27418
- }
27419
- @media (min-width: 1450px) {
27420
- .pf-l-gallery {
27421
- --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))))));
27422
- }
27423
- }
27424
- @media (min-width: 576px) {
27425
- .pf-l-gallery {
27426
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
27427
- }
27428
- }
27429
- @media (min-width: 768px) {
27430
- .pf-l-gallery {
27431
- --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)));
27432
- }
27433
- }
27434
- @media (min-width: 992px) {
27435
- .pf-l-gallery {
27436
- --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))));
27437
- }
27438
- }
27439
- @media (min-width: 1200px) {
27440
- .pf-l-gallery {
27441
- --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)))));
27442
- }
27443
- }
27444
- @media (min-width: 1450px) {
27445
- .pf-l-gallery {
27446
- --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))))));
27447
- }
27448
- }
27449
- .pf-l-level {
27450
- --pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
27451
- display: flex;
27452
- flex-wrap: wrap;
27453
- align-items: center;
27454
- justify-content: space-between;
27455
- }
27456
-
27457
- .pf-l-level.pf-m-gutter > *:not(:last-child) {
27458
- margin-right: var(--pf-l-level--m-gutter--MarginRight);
27459
- }
27460
-
27461
27449
  .pf-l-split {
27462
27450
  --pf-l-split--m-gutter--MarginRight: var(--pf-global--gutter);
27463
27451
  display: flex;
@@ -27477,6 +27465,18 @@ label.pf-c-tree-view__node-text {
27477
27465
  margin-right: var(--pf-l-split--m-gutter--MarginRight);
27478
27466
  }
27479
27467
 
27468
+ .pf-l-level {
27469
+ --pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
27470
+ display: flex;
27471
+ flex-wrap: wrap;
27472
+ align-items: center;
27473
+ justify-content: space-between;
27474
+ }
27475
+
27476
+ .pf-l-level.pf-m-gutter > *:not(:last-child) {
27477
+ margin-right: var(--pf-l-level--m-gutter--MarginRight);
27478
+ }
27479
+
27480
27480
  .pf-l-stack {
27481
27481
  --pf-l-stack--m-gutter--MarginBottom: var(--pf-global--gutter);
27482
27482
  display: flex;