@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.
Files changed (24) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/esm/components/Alert/AlertActionCloseButton.js +2 -4
  3. package/dist/esm/components/Alert/AlertActionCloseButton.js.map +1 -1
  4. package/dist/esm/components/Alert/AlertToggleExpandButton.js +1 -1
  5. package/dist/esm/components/Alert/AlertToggleExpandButton.js.map +1 -1
  6. package/dist/js/components/Alert/AlertActionCloseButton.js +2 -4
  7. package/dist/js/components/Alert/AlertActionCloseButton.js.map +1 -1
  8. package/dist/js/components/Alert/AlertToggleExpandButton.js +1 -1
  9. package/dist/js/components/Alert/AlertToggleExpandButton.js.map +1 -1
  10. package/dist/umd/react-core.min.css +69 -69
  11. package/dist/umd/react-core.min.js +1 -1
  12. package/package.json +2 -2
  13. package/src/components/Alert/AlertActionCloseButton.tsx +2 -2
  14. package/src/components/Alert/AlertToggleExpandButton.tsx +2 -2
  15. package/src/components/Alert/__tests__/Alert.test.tsx +713 -199
  16. package/src/components/Alert/__tests__/AlertActionCloseButton.test.tsx +125 -0
  17. package/src/components/Alert/__tests__/AlertActionLink.test.tsx +59 -0
  18. package/src/components/Alert/__tests__/AlertIcon.test.tsx +83 -0
  19. package/src/components/Alert/__tests__/AlertToggleExpandButton.test.tsx +150 -0
  20. package/src/components/Alert/__tests__/__snapshots__/Alert.test.tsx.snap +12 -2569
  21. package/src/components/Alert/__tests__/__snapshots__/AlertActionCloseButton.test.tsx.snap +31 -0
  22. package/src/components/Alert/__tests__/__snapshots__/AlertActionLink.test.tsx.snap +17 -0
  23. package/src/components/Alert/__tests__/__snapshots__/AlertIcon.test.tsx.snap +11 -0
  24. 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
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
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,EAO/D,EAAE,EAAE;QAP2D;IAC3F,6DAA6D;IAC7D,SAAS,GAAG,EAAE,EACd,OAAO,GAAG,GAAG,EAAE,CAAC,SAAgB,EAChC,YAAY,EAAE,SAAS,GAAG,EAAE,EAC5B,YAAY,OAEgB,EADzB,KAAK,cANmF,sDAO5F,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,IACnG,KAAK;QAET,oBAAC,SAAS,OAAG,CACN,CACV,CACqB,CACzB,CAAA;CAAA,CAAC;AACF,sBAAsB,CAAC,WAAW,GAAG,wBAAwB,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,EACvB,YAAY,EACZ,cAAc,EACd,UAAU,OAEmB,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"}
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
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
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,EAO/D,EAAE,EAAE;QAP2D;IAC3F,6DAA6D;IAC7D,SAAS,GAAG,EAAE,EACd,OAAO,GAAG,GAAG,EAAE,CAAC,SAAgB,EAChC,YAAY,EAAE,SAAS,GAAG,EAAE,EAC5B,YAAY,OAEgB,EADzB,KAAK,sBANmF,sDAO5F,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,IACnG,KAAK;QAET,oBAAC,oBAAS,OAAG,CACN,CACV,CACqB,CACzB,CAAA;CAAA,CAAC;AApBW,QAAA,sBAAsB,0BAoBjC;AACF,8BAAsB,CAAC,WAAW,GAAG,wBAAwB,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,EACvB,YAAY,EACZ,cAAc,EACd,UAAU,OAEmB,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"}
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;