@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.
- package/CHANGELOG.md +24 -0
- package/dist/esm/components/LoginPage/LoginFooterItem.d.ts +3 -3
- package/dist/esm/components/LoginPage/LoginForm.d.ts +18 -18
- package/dist/esm/components/LoginPage/LoginHeader.d.ts +1 -1
- package/dist/esm/components/LoginPage/LoginMainBody.d.ts +2 -2
- package/dist/esm/components/LoginPage/LoginMainFooter.d.ts +5 -5
- package/dist/esm/components/LoginPage/LoginMainFooterBandItem.d.ts +2 -2
- package/dist/esm/components/LoginPage/LoginMainFooterLinksItem.d.ts +5 -5
- package/dist/esm/components/LoginPage/LoginMainHeader.d.ts +6 -4
- package/dist/esm/components/LoginPage/LoginMainHeader.d.ts.map +1 -1
- package/dist/esm/components/LoginPage/LoginMainHeader.js +2 -1
- package/dist/esm/components/LoginPage/LoginMainHeader.js.map +1 -1
- package/dist/esm/components/LoginPage/LoginPage.d.ts +16 -14
- package/dist/esm/components/LoginPage/LoginPage.d.ts.map +1 -1
- package/dist/esm/components/LoginPage/LoginPage.js +2 -2
- package/dist/esm/components/LoginPage/LoginPage.js.map +1 -1
- package/dist/js/components/LoginPage/LoginFooterItem.d.ts +3 -3
- package/dist/js/components/LoginPage/LoginForm.d.ts +18 -18
- package/dist/js/components/LoginPage/LoginHeader.d.ts +1 -1
- package/dist/js/components/LoginPage/LoginMainBody.d.ts +2 -2
- package/dist/js/components/LoginPage/LoginMainFooter.d.ts +5 -5
- package/dist/js/components/LoginPage/LoginMainFooterBandItem.d.ts +2 -2
- package/dist/js/components/LoginPage/LoginMainFooterLinksItem.d.ts +5 -5
- package/dist/js/components/LoginPage/LoginMainHeader.d.ts +6 -4
- package/dist/js/components/LoginPage/LoginMainHeader.d.ts.map +1 -1
- package/dist/js/components/LoginPage/LoginMainHeader.js +2 -1
- package/dist/js/components/LoginPage/LoginMainHeader.js.map +1 -1
- package/dist/js/components/LoginPage/LoginPage.d.ts +16 -14
- package/dist/js/components/LoginPage/LoginPage.d.ts.map +1 -1
- package/dist/js/components/LoginPage/LoginPage.js +2 -2
- package/dist/js/components/LoginPage/LoginPage.js.map +1 -1
- package/dist/umd/react-core.css +29 -29
- package/dist/umd/react-core.js +4 -3
- package/dist/umd/react-core.min.css +127 -127
- package/dist/umd/react-core.min.js +4 -4
- package/package.json +6 -6
- package/src/components/LoginPage/LoginFooterItem.tsx +3 -3
- package/src/components/LoginPage/LoginForm.tsx +18 -18
- package/src/components/LoginPage/LoginHeader.tsx +1 -1
- package/src/components/LoginPage/LoginMainBody.tsx +2 -2
- package/src/components/LoginPage/LoginMainFooter.tsx +5 -5
- package/src/components/LoginPage/LoginMainFooterBandItem.tsx +2 -2
- package/src/components/LoginPage/LoginMainFooterLinksItem.tsx +5 -5
- package/src/components/LoginPage/LoginMainHeader.tsx +8 -4
- package/src/components/LoginPage/LoginPage.tsx +18 -15
- package/src/components/LoginPage/examples/LoginPage.md +8 -0
- package/src/components/LoginPage/examples/LoginPageBasic.tsx +0 -1
- package/src/components/LoginPage/examples/LoginPageLanguageSelect.tsx +194 -0
- package/src/components/LoginPage/examples/LoginPageShowHidePassword.tsx +0 -1
- package/src/components/NotificationDrawer/examples/NotificationDrawer.md +3 -708
- package/src/components/NotificationDrawer/examples/NotificationDrawerBasic.tsx +185 -0
- package/src/components/NotificationDrawer/examples/NotificationDrawerGroups.tsx +337 -0
- 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,
|
|
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;
|
|
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"}
|
package/dist/umd/react-core.css
CHANGED
|
@@ -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;
|
package/dist/umd/react-core.js
CHANGED
|
@@ -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;
|