@patternfly/react-core 4.244.1 → 4.244.2
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 +8 -0
- package/dist/esm/components/Alert/AlertActionCloseButton.js +2 -4
- package/dist/esm/components/Alert/AlertActionCloseButton.js.map +1 -1
- package/dist/esm/components/Alert/AlertToggleExpandButton.js +1 -1
- package/dist/esm/components/Alert/AlertToggleExpandButton.js.map +1 -1
- package/dist/js/components/Alert/AlertActionCloseButton.js +2 -4
- package/dist/js/components/Alert/AlertActionCloseButton.js.map +1 -1
- package/dist/js/components/Alert/AlertToggleExpandButton.js +1 -1
- package/dist/js/components/Alert/AlertToggleExpandButton.js.map +1 -1
- package/dist/umd/react-core.min.css +69 -69
- package/dist/umd/react-core.min.js +1 -1
- package/package.json +2 -2
- package/src/components/Alert/AlertActionCloseButton.tsx +2 -2
- package/src/components/Alert/AlertToggleExpandButton.tsx +2 -2
- package/src/components/Alert/__tests__/Alert.test.tsx +713 -199
- package/src/components/Alert/__tests__/AlertActionCloseButton.test.tsx +125 -0
- package/src/components/Alert/__tests__/AlertActionLink.test.tsx +59 -0
- package/src/components/Alert/__tests__/AlertIcon.test.tsx +83 -0
- package/src/components/Alert/__tests__/AlertToggleExpandButton.test.tsx +150 -0
- package/src/components/Alert/__tests__/__snapshots__/Alert.test.tsx.snap +12 -2569
- package/src/components/Alert/__tests__/__snapshots__/AlertActionCloseButton.test.tsx.snap +31 -0
- package/src/components/Alert/__tests__/__snapshots__/AlertActionLink.test.tsx.snap +17 -0
- package/src/components/Alert/__tests__/__snapshots__/AlertIcon.test.tsx.snap +11 -0
- package/src/components/Alert/__tests__/__snapshots__/AlertToggleExpandButton.test.tsx.snap +24 -0
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,14 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [4.244.2](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.244.1...@patternfly/react-core@4.244.2) (2022-09-29)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @patternfly/react-core
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
6
14
|
## 4.244.1 (2022-09-29)
|
|
7
15
|
|
|
8
16
|
**Note:** Version bump only for package @patternfly/react-core
|
|
@@ -4,10 +4,8 @@ import { Button, ButtonVariant } from '../Button';
|
|
|
4
4
|
import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
|
|
5
5
|
import { AlertContext } from './AlertContext';
|
|
6
6
|
export const AlertActionCloseButton = (_a) => {
|
|
7
|
-
var {
|
|
8
|
-
|
|
9
|
-
className = '', onClose = () => undefined, 'aria-label': ariaLabel = '', variantLabel } = _a, props = __rest(_a, ["className", "onClose", 'aria-label', "variantLabel"]);
|
|
10
|
-
return (React.createElement(AlertContext.Consumer, null, ({ title, variantLabel: alertVariantLabel }) => (React.createElement(Button, Object.assign({ variant: ButtonVariant.plain, onClick: onClose, "aria-label": ariaLabel === '' ? `Close ${variantLabel || alertVariantLabel} alert: ${title}` : ariaLabel }, props),
|
|
7
|
+
var { className, onClose = () => undefined, 'aria-label': ariaLabel = '', variantLabel } = _a, props = __rest(_a, ["className", "onClose", 'aria-label', "variantLabel"]);
|
|
8
|
+
return (React.createElement(AlertContext.Consumer, null, ({ title, variantLabel: alertVariantLabel }) => (React.createElement(Button, Object.assign({ variant: ButtonVariant.plain, onClick: onClose, "aria-label": ariaLabel === '' ? `Close ${variantLabel || alertVariantLabel} alert: ${title}` : ariaLabel, className: className }, props),
|
|
11
9
|
React.createElement(TimesIcon, null)))));
|
|
12
10
|
};
|
|
13
11
|
AlertActionCloseButton.displayName = 'AlertActionCloseButton';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertActionCloseButton.js","sourceRoot":"","sources":["../../../../src/components/Alert/AlertActionCloseButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,aAAa,EAAe,MAAM,WAAW,CAAC;AAC/D,OAAO,SAAS,MAAM,mDAAmD,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAiB9C,MAAM,CAAC,MAAM,sBAAsB,GAAyD,CAAC,
|
|
1
|
+
{"version":3,"file":"AlertActionCloseButton.js","sourceRoot":"","sources":["../../../../src/components/Alert/AlertActionCloseButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,aAAa,EAAe,MAAM,WAAW,CAAC;AAC/D,OAAO,SAAS,MAAM,mDAAmD,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAiB9C,MAAM,CAAC,MAAM,sBAAsB,GAAyD,CAAC,EAM/D,EAAE,EAAE;QAN2D,EAC3F,SAAS,EACT,OAAO,GAAG,GAAG,EAAE,CAAC,SAAgB,EAChC,YAAY,EAAE,SAAS,GAAG,EAAE,EAC5B,YAAY,OAEgB,EADzB,KAAK,cALmF,sDAM5F,CADS;IACyB,OAAA,CACjC,oBAAC,YAAY,CAAC,QAAQ,QACnB,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAAC,CAC/C,oBAAC,MAAM,kBACL,OAAO,EAAE,aAAa,CAAC,KAAK,EAC5B,OAAO,EAAE,OAAO,gBACJ,SAAS,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,YAAY,IAAI,iBAAiB,WAAW,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,EACvG,SAAS,EAAE,SAAS,IAChB,KAAK;QAET,oBAAC,SAAS,OAAG,CACN,CACV,CACqB,CACzB,CAAA;CAAA,CAAC;AACF,sBAAsB,CAAC,WAAW,GAAG,wBAAwB,CAAC"}
|
|
@@ -6,7 +6,7 @@ import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-i
|
|
|
6
6
|
import { css } from '@patternfly/react-styles';
|
|
7
7
|
import styles from '@patternfly/react-styles/css/components/Alert/alert';
|
|
8
8
|
export const AlertToggleExpandButton = (_a) => {
|
|
9
|
-
var { 'aria-label': ariaLabel, variantLabel, onToggleExpand, isExpanded } = _a, props = __rest(_a, ['aria-label', "variantLabel", "onToggleExpand", "isExpanded"]);
|
|
9
|
+
var { 'aria-label': ariaLabel = '', variantLabel, onToggleExpand, isExpanded = false } = _a, props = __rest(_a, ['aria-label', "variantLabel", "onToggleExpand", "isExpanded"]);
|
|
10
10
|
const { title, variantLabel: alertVariantLabel } = React.useContext(AlertContext);
|
|
11
11
|
return (React.createElement(Button, Object.assign({ variant: ButtonVariant.plain, onClick: onToggleExpand, "aria-expanded": isExpanded, "aria-label": ariaLabel === '' ? `Toggle ${variantLabel || alertVariantLabel} alert: ${title}` : ariaLabel }, props),
|
|
12
12
|
React.createElement("span", { className: css(styles.alertToggleIcon) },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertToggleExpandButton.js","sourceRoot":"","sources":["../../../../src/components/Alert/AlertToggleExpandButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAe,aAAa,EAAE,MAAM,WAAW,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,cAAc,MAAM,yDAAyD,CAAC;AACrF,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,qDAAqD,CAAC;AAazE,MAAM,CAAC,MAAM,uBAAuB,GAA0D,CAAC,EAMhE,EAAE,EAAE;QAN4D,EAC7F,YAAY,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"AlertToggleExpandButton.js","sourceRoot":"","sources":["../../../../src/components/Alert/AlertToggleExpandButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAe,aAAa,EAAE,MAAM,WAAW,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,cAAc,MAAM,yDAAyD,CAAC;AACrF,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,qDAAqD,CAAC;AAazE,MAAM,CAAC,MAAM,uBAAuB,GAA0D,CAAC,EAMhE,EAAE,EAAE;QAN4D,EAC7F,YAAY,EAAE,SAAS,GAAG,EAAE,EAC5B,YAAY,EACZ,cAAc,EACd,UAAU,GAAG,KAAK,OAEW,EAD1B,KAAK,cALqF,8DAM9F,CADS;IAER,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAClF,OAAO,CACL,oBAAC,MAAM,kBACL,OAAO,EAAE,aAAa,CAAC,KAAK,EAC5B,OAAO,EAAE,cAAc,mBACR,UAAU,gBACb,SAAS,KAAK,EAAE,CAAC,CAAC,CAAC,UAAU,YAAY,IAAI,iBAAiB,WAAW,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,IACpG,KAAK;QAET,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,eAAe,CAAC;YAC1C,oBAAC,cAAc,mBAAa,MAAM,GAAG,CAChC,CACA,CACV,CAAC;AACJ,CAAC,CAAC;AACF,uBAAuB,CAAC,WAAW,GAAG,yBAAyB,CAAC"}
|
|
@@ -7,10 +7,8 @@ const Button_1 = require("../Button");
|
|
|
7
7
|
const times_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/times-icon'));
|
|
8
8
|
const AlertContext_1 = require("./AlertContext");
|
|
9
9
|
const AlertActionCloseButton = (_a) => {
|
|
10
|
-
var {
|
|
11
|
-
|
|
12
|
-
className = '', onClose = () => undefined, 'aria-label': ariaLabel = '', variantLabel } = _a, props = tslib_1.__rest(_a, ["className", "onClose", 'aria-label', "variantLabel"]);
|
|
13
|
-
return (React.createElement(AlertContext_1.AlertContext.Consumer, null, ({ title, variantLabel: alertVariantLabel }) => (React.createElement(Button_1.Button, Object.assign({ variant: Button_1.ButtonVariant.plain, onClick: onClose, "aria-label": ariaLabel === '' ? `Close ${variantLabel || alertVariantLabel} alert: ${title}` : ariaLabel }, props),
|
|
10
|
+
var { className, onClose = () => undefined, 'aria-label': ariaLabel = '', variantLabel } = _a, props = tslib_1.__rest(_a, ["className", "onClose", 'aria-label', "variantLabel"]);
|
|
11
|
+
return (React.createElement(AlertContext_1.AlertContext.Consumer, null, ({ title, variantLabel: alertVariantLabel }) => (React.createElement(Button_1.Button, Object.assign({ variant: Button_1.ButtonVariant.plain, onClick: onClose, "aria-label": ariaLabel === '' ? `Close ${variantLabel || alertVariantLabel} alert: ${title}` : ariaLabel, className: className }, props),
|
|
14
12
|
React.createElement(times_icon_1.default, null)))));
|
|
15
13
|
};
|
|
16
14
|
exports.AlertActionCloseButton = AlertActionCloseButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertActionCloseButton.js","sourceRoot":"","sources":["../../../../src/components/Alert/AlertActionCloseButton.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,sCAA+D;AAC/D,0GAA0E;AAC1E,iDAA8C;AAiBvC,MAAM,sBAAsB,GAAyD,CAAC,
|
|
1
|
+
{"version":3,"file":"AlertActionCloseButton.js","sourceRoot":"","sources":["../../../../src/components/Alert/AlertActionCloseButton.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,sCAA+D;AAC/D,0GAA0E;AAC1E,iDAA8C;AAiBvC,MAAM,sBAAsB,GAAyD,CAAC,EAM/D,EAAE,EAAE;QAN2D,EAC3F,SAAS,EACT,OAAO,GAAG,GAAG,EAAE,CAAC,SAAgB,EAChC,YAAY,EAAE,SAAS,GAAG,EAAE,EAC5B,YAAY,OAEgB,EADzB,KAAK,sBALmF,sDAM5F,CADS;IACyB,OAAA,CACjC,oBAAC,2BAAY,CAAC,QAAQ,QACnB,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAAC,CAC/C,oBAAC,eAAM,kBACL,OAAO,EAAE,sBAAa,CAAC,KAAK,EAC5B,OAAO,EAAE,OAAO,gBACJ,SAAS,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,YAAY,IAAI,iBAAiB,WAAW,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,EACvG,SAAS,EAAE,SAAS,IAChB,KAAK;QAET,oBAAC,oBAAS,OAAG,CACN,CACV,CACqB,CACzB,CAAA;CAAA,CAAC;AApBW,QAAA,sBAAsB,0BAoBjC;AACF,8BAAsB,CAAC,WAAW,GAAG,wBAAwB,CAAC"}
|
|
@@ -9,7 +9,7 @@ const angle_right_icon_1 = tslib_1.__importDefault(require('@patternfly/react-ic
|
|
|
9
9
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
10
10
|
const alert_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Alert/alert"));
|
|
11
11
|
const AlertToggleExpandButton = (_a) => {
|
|
12
|
-
var { 'aria-label': ariaLabel, variantLabel, onToggleExpand, isExpanded } = _a, props = tslib_1.__rest(_a, ['aria-label', "variantLabel", "onToggleExpand", "isExpanded"]);
|
|
12
|
+
var { 'aria-label': ariaLabel = '', variantLabel, onToggleExpand, isExpanded = false } = _a, props = tslib_1.__rest(_a, ['aria-label', "variantLabel", "onToggleExpand", "isExpanded"]);
|
|
13
13
|
const { title, variantLabel: alertVariantLabel } = React.useContext(AlertContext_1.AlertContext);
|
|
14
14
|
return (React.createElement(Button_1.Button, Object.assign({ variant: Button_1.ButtonVariant.plain, onClick: onToggleExpand, "aria-expanded": isExpanded, "aria-label": ariaLabel === '' ? `Toggle ${variantLabel || alertVariantLabel} alert: ${title}` : ariaLabel }, props),
|
|
15
15
|
React.createElement("span", { className: react_styles_1.css(alert_1.default.alertToggleIcon) },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertToggleExpandButton.js","sourceRoot":"","sources":["../../../../src/components/Alert/AlertToggleExpandButton.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,sCAA+D;AAC/D,iDAA8C;AAC9C,sHAAqF;AACrF,2DAA+C;AAC/C,wGAAyE;AAalE,MAAM,uBAAuB,GAA0D,CAAC,EAMhE,EAAE,EAAE;QAN4D,EAC7F,YAAY,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"AlertToggleExpandButton.js","sourceRoot":"","sources":["../../../../src/components/Alert/AlertToggleExpandButton.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,sCAA+D;AAC/D,iDAA8C;AAC9C,sHAAqF;AACrF,2DAA+C;AAC/C,wGAAyE;AAalE,MAAM,uBAAuB,GAA0D,CAAC,EAMhE,EAAE,EAAE;QAN4D,EAC7F,YAAY,EAAE,SAAS,GAAG,EAAE,EAC5B,YAAY,EACZ,cAAc,EACd,UAAU,GAAG,KAAK,OAEW,EAD1B,KAAK,sBALqF,8DAM9F,CADS;IAER,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,2BAAY,CAAC,CAAC;IAClF,OAAO,CACL,oBAAC,eAAM,kBACL,OAAO,EAAE,sBAAa,CAAC,KAAK,EAC5B,OAAO,EAAE,cAAc,mBACR,UAAU,gBACb,SAAS,KAAK,EAAE,CAAC,CAAC,CAAC,UAAU,YAAY,IAAI,iBAAiB,WAAW,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,IACpG,KAAK;QAET,8BAAM,SAAS,EAAE,kBAAG,CAAC,eAAM,CAAC,eAAe,CAAC;YAC1C,oBAAC,0BAAc,mBAAa,MAAM,GAAG,CAChC,CACA,CACV,CAAC;AACJ,CAAC,CAAC;AArBW,QAAA,uBAAuB,2BAqBlC;AACF,+BAAuB,CAAC,WAAW,GAAG,yBAAyB,CAAC"}
|
|
@@ -26216,75 +26216,6 @@ label.pf-c-tree-view__node-text {
|
|
|
26216
26216
|
--pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
|
|
26217
26217
|
}
|
|
26218
26218
|
}
|
|
26219
|
-
.pf-l-gallery {
|
|
26220
|
-
--pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
|
|
26221
|
-
--pf-l-gallery--GridTemplateColumns--min: 250px;
|
|
26222
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
26223
|
-
--pf-l-gallery--GridTemplateColumns--max: 1fr;
|
|
26224
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
26225
|
-
--pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
|
|
26226
|
-
--pf-l-gallery--GridTemplateRows: auto;
|
|
26227
|
-
display: grid;
|
|
26228
|
-
grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
|
|
26229
|
-
grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
|
|
26230
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
26231
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
26232
|
-
}
|
|
26233
|
-
|
|
26234
|
-
.pf-l-gallery.pf-m-gutter {
|
|
26235
|
-
grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
|
|
26236
|
-
}
|
|
26237
|
-
|
|
26238
|
-
@media (min-width: 576px) {
|
|
26239
|
-
.pf-l-gallery {
|
|
26240
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
|
|
26241
|
-
}
|
|
26242
|
-
}
|
|
26243
|
-
@media (min-width: 768px) {
|
|
26244
|
-
.pf-l-gallery {
|
|
26245
|
-
--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)));
|
|
26246
|
-
}
|
|
26247
|
-
}
|
|
26248
|
-
@media (min-width: 992px) {
|
|
26249
|
-
.pf-l-gallery {
|
|
26250
|
-
--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))));
|
|
26251
|
-
}
|
|
26252
|
-
}
|
|
26253
|
-
@media (min-width: 1200px) {
|
|
26254
|
-
.pf-l-gallery {
|
|
26255
|
-
--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)))));
|
|
26256
|
-
}
|
|
26257
|
-
}
|
|
26258
|
-
@media (min-width: 1450px) {
|
|
26259
|
-
.pf-l-gallery {
|
|
26260
|
-
--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))))));
|
|
26261
|
-
}
|
|
26262
|
-
}
|
|
26263
|
-
@media (min-width: 576px) {
|
|
26264
|
-
.pf-l-gallery {
|
|
26265
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
|
|
26266
|
-
}
|
|
26267
|
-
}
|
|
26268
|
-
@media (min-width: 768px) {
|
|
26269
|
-
.pf-l-gallery {
|
|
26270
|
-
--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)));
|
|
26271
|
-
}
|
|
26272
|
-
}
|
|
26273
|
-
@media (min-width: 992px) {
|
|
26274
|
-
.pf-l-gallery {
|
|
26275
|
-
--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))));
|
|
26276
|
-
}
|
|
26277
|
-
}
|
|
26278
|
-
@media (min-width: 1200px) {
|
|
26279
|
-
.pf-l-gallery {
|
|
26280
|
-
--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)))));
|
|
26281
|
-
}
|
|
26282
|
-
}
|
|
26283
|
-
@media (min-width: 1450px) {
|
|
26284
|
-
.pf-l-gallery {
|
|
26285
|
-
--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))))));
|
|
26286
|
-
}
|
|
26287
|
-
}
|
|
26288
26219
|
.pf-l-grid {
|
|
26289
26220
|
--pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
|
|
26290
26221
|
--pf-l-grid__item--GridColumnStart: auto;
|
|
@@ -27499,6 +27430,75 @@ label.pf-c-tree-view__node-text {
|
|
|
27499
27430
|
grid-gap: var(--pf-l-grid--m-gutter--GridGap);
|
|
27500
27431
|
}
|
|
27501
27432
|
|
|
27433
|
+
.pf-l-gallery {
|
|
27434
|
+
--pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
|
|
27435
|
+
--pf-l-gallery--GridTemplateColumns--min: 250px;
|
|
27436
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
27437
|
+
--pf-l-gallery--GridTemplateColumns--max: 1fr;
|
|
27438
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
27439
|
+
--pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
|
|
27440
|
+
--pf-l-gallery--GridTemplateRows: auto;
|
|
27441
|
+
display: grid;
|
|
27442
|
+
grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
|
|
27443
|
+
grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
|
|
27444
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
27445
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
27446
|
+
}
|
|
27447
|
+
|
|
27448
|
+
.pf-l-gallery.pf-m-gutter {
|
|
27449
|
+
grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
|
|
27450
|
+
}
|
|
27451
|
+
|
|
27452
|
+
@media (min-width: 576px) {
|
|
27453
|
+
.pf-l-gallery {
|
|
27454
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
|
|
27455
|
+
}
|
|
27456
|
+
}
|
|
27457
|
+
@media (min-width: 768px) {
|
|
27458
|
+
.pf-l-gallery {
|
|
27459
|
+
--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)));
|
|
27460
|
+
}
|
|
27461
|
+
}
|
|
27462
|
+
@media (min-width: 992px) {
|
|
27463
|
+
.pf-l-gallery {
|
|
27464
|
+
--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))));
|
|
27465
|
+
}
|
|
27466
|
+
}
|
|
27467
|
+
@media (min-width: 1200px) {
|
|
27468
|
+
.pf-l-gallery {
|
|
27469
|
+
--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)))));
|
|
27470
|
+
}
|
|
27471
|
+
}
|
|
27472
|
+
@media (min-width: 1450px) {
|
|
27473
|
+
.pf-l-gallery {
|
|
27474
|
+
--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))))));
|
|
27475
|
+
}
|
|
27476
|
+
}
|
|
27477
|
+
@media (min-width: 576px) {
|
|
27478
|
+
.pf-l-gallery {
|
|
27479
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
|
|
27480
|
+
}
|
|
27481
|
+
}
|
|
27482
|
+
@media (min-width: 768px) {
|
|
27483
|
+
.pf-l-gallery {
|
|
27484
|
+
--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)));
|
|
27485
|
+
}
|
|
27486
|
+
}
|
|
27487
|
+
@media (min-width: 992px) {
|
|
27488
|
+
.pf-l-gallery {
|
|
27489
|
+
--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))));
|
|
27490
|
+
}
|
|
27491
|
+
}
|
|
27492
|
+
@media (min-width: 1200px) {
|
|
27493
|
+
.pf-l-gallery {
|
|
27494
|
+
--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)))));
|
|
27495
|
+
}
|
|
27496
|
+
}
|
|
27497
|
+
@media (min-width: 1450px) {
|
|
27498
|
+
.pf-l-gallery {
|
|
27499
|
+
--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))))));
|
|
27500
|
+
}
|
|
27501
|
+
}
|
|
27502
27502
|
.pf-l-level {
|
|
27503
27503
|
--pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
|
|
27504
27504
|
display: flex;
|