@patternfly/react-core 4.207.0 → 4.208.0

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 (23) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/esm/components/Divider/Divider.d.ts +10 -1
  3. package/dist/esm/components/Divider/Divider.d.ts.map +1 -1
  4. package/dist/esm/components/Divider/Divider.js +2 -2
  5. package/dist/esm/components/Divider/Divider.js.map +1 -1
  6. package/dist/js/components/Divider/Divider.d.ts +10 -1
  7. package/dist/js/components/Divider/Divider.d.ts.map +1 -1
  8. package/dist/js/components/Divider/Divider.js +2 -2
  9. package/dist/js/components/Divider/Divider.js.map +1 -1
  10. package/dist/umd/react-core.css +8 -0
  11. package/dist/umd/react-core.js +2 -2
  12. package/dist/umd/react-core.min.css +77 -69
  13. package/dist/umd/react-core.min.js +1 -1
  14. package/package.json +6 -6
  15. package/src/components/Divider/Divider.tsx +12 -1
  16. package/src/components/Divider/__tests__/Divider.test.tsx +5 -1
  17. package/src/components/Divider/examples/Divider.md +6 -0
  18. package/src/components/Divider/examples/DividerOrientationVariousBreakpoints.tsx +19 -0
  19. package/src/components/Divider/examples/DividerVerticalFlex.tsx +5 -1
  20. package/src/components/Divider/examples/DividerVerticalFlexInsetMedium.tsx +6 -1
  21. package/src/components/Divider/examples/DividerVerticalFlexInsetVariousBreakpoints.tsx +4 -2
  22. package/src/components/Page/examples/Page.md +17 -7
  23. package/src/demos/CardDemos.md +108 -21
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
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.208.0 (2022-05-02)
7
+
8
+
9
+ ### Features
10
+
11
+ * **divider:** add support for switching orientation at various breakpoints ([#7285](https://github.com/patternfly/patternfly-react/issues/7285)) ([6e47917](https://github.com/patternfly/patternfly-react/commit/6e47917a59fdbd0f9f647998d79d024a691a49e2))
12
+
13
+
14
+
15
+
16
+
6
17
  # 4.207.0 (2022-04-28)
7
18
 
8
19
 
package/dist/esm/components/Divider/Divider.d.ts CHANGED
@@ -9,7 +9,7 @@ export interface DividerProps extends React.HTMLProps<HTMLElement> {
9
9
  className?: string;
10
10
  /** The component type to use */
11
11
  component?: 'hr' | 'li' | 'div';
12
- /** Flag to indicate the divider is vertical (must be in a flex layout) */
12
+ /** @deprecated Use `orientation` instead. Flag to indicate the divider is vertical (must be in a flex layout) */
13
13
  isVertical?: boolean;
14
14
  /** Insets at various breakpoints. */
15
15
  inset?: {
@@ -20,6 +20,15 @@ export interface DividerProps extends React.HTMLProps<HTMLElement> {
20
20
  xl?: 'insetNone' | 'insetXs' | 'insetSm' | 'insetMd' | 'insetLg' | 'insetXl' | 'inset2xl' | 'inset3xl';
21
21
  '2xl'?: 'insetNone' | 'insetXs' | 'insetSm' | 'insetMd' | 'insetLg' | 'insetXl' | 'inset2xl' | 'inset3xl';
22
22
  };
23
+ /** Indicates how the divider will display at various breakpoints. Vertical divider must be in a flex layout. */
24
+ orientation?: {
25
+ default?: 'vertical' | 'horizontal';
26
+ sm?: 'vertical' | 'horizontal';
27
+ md?: 'vertical' | 'horizontal';
28
+ lg?: 'vertical' | 'horizontal';
29
+ xl?: 'vertical' | 'horizontal';
30
+ '2xl'?: 'vertical' | 'horizontal';
31
+ };
23
32
  }
24
33
  export declare const Divider: React.FunctionComponent<DividerProps>;
25
34
  //# sourceMappingURL=Divider.d.ts.map
package/dist/esm/components/Divider/Divider.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,oBAAY,cAAc;IACxB,EAAE,OAAO;IACT,EAAE,OAAO;IACT,GAAG,QAAQ;CACZ;AAED,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IAChE,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAChC,0EAA0E;IAC1E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qCAAqC;IACrC,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;QAC5G,EAAE,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;QACvG,EAAE,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;QACvG,EAAE,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;QACvG,EAAE,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;QACvG,KAAK,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;KAC3G,CAAC;CACH;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,YAAY,CAqBzD,CAAC"}
1
+ {"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,oBAAY,cAAc;IACxB,EAAE,OAAO;IACT,EAAE,OAAO;IACT,GAAG,QAAQ;CACZ;AAED,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IAChE,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAChC,iHAAiH;IACjH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qCAAqC;IACrC,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;QAC5G,EAAE,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;QACvG,EAAE,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;QACvG,EAAE,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;QACvG,EAAE,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;QACvG,KAAK,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;KAC3G,CAAC;IACF,gHAAgH;IAChH,WAAW,CAAC,EAAE;QACZ,OAAO,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;QACpC,EAAE,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;QAC/B,EAAE,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;QAC/B,EAAE,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;QAC/B,EAAE,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;QAC/B,KAAK,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;KACnC,CAAC;CACH;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,YAAY,CAuBzD,CAAC"}
package/dist/esm/components/Divider/Divider.js CHANGED
@@ -10,9 +10,9 @@ export var DividerVariant;
10
10
  DividerVariant["div"] = "div";
11
11
  })(DividerVariant || (DividerVariant = {}));
12
12
  export const Divider = (_a) => {
13
- var { className, component = DividerVariant.hr, isVertical = false, inset } = _a, props = __rest(_a, ["className", "component", "isVertical", "inset"]);
13
+ var { className, component = DividerVariant.hr, isVertical = false, inset, orientation } = _a, props = __rest(_a, ["className", "component", "isVertical", "inset", "orientation"]);
14
14
  const Component = component;
15
- return (React.createElement(Component, Object.assign({ className: css(styles.divider, isVertical && styles.modifiers.vertical, formatBreakpointMods(inset, styles), className) }, (component !== 'hr' && { role: 'separator' }), props)));
15
+ return (React.createElement(Component, Object.assign({ className: css(styles.divider, isVertical && styles.modifiers.vertical, formatBreakpointMods(inset, styles), formatBreakpointMods(orientation, styles), className) }, (component !== 'hr' && { role: 'separator' }), props)));
16
16
  };
17
17
  Divider.displayName = 'Divider';
18
18
  //# sourceMappingURL=Divider.js.map
package/dist/esm/components/Divider/Divider.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,yDAAyD,CAAC;AAC7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE1D,MAAM,CAAN,IAAY,cAIX;AAJD,WAAY,cAAc;IACxB,2BAAS,CAAA;IACT,2BAAS,CAAA;IACT,6BAAW,CAAA;AACb,CAAC,EAJW,cAAc,KAAd,cAAc,QAIzB;AAoBD,MAAM,CAAC,MAAM,OAAO,GAA0C,CAAC,EAMhD,EAAE,EAAE;QAN4C,EAC7D,SAAS,EACT,SAAS,GAAG,cAAc,CAAC,EAAE,EAC7B,UAAU,GAAG,KAAK,EAClB,KAAK,OAEQ,EADV,KAAK,cALqD,iDAM9D,CADS;IAER,MAAM,SAAS,GAAQ,SAAS,CAAC;IAEjC,OAAO,CACL,oBAAC,SAAS,kBACR,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,OAAO,EACd,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,oBAAoB,CAAC,KAAK,EAAE,MAAM,CAAC,EACnC,SAAS,CACV,IACG,CAAC,SAAS,KAAK,IAAI,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,EAC7C,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CAAC;AACF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}
1
+ {"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,yDAAyD,CAAC;AAC7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE1D,MAAM,CAAN,IAAY,cAIX;AAJD,WAAY,cAAc;IACxB,2BAAS,CAAA;IACT,2BAAS,CAAA;IACT,6BAAW,CAAA;AACb,CAAC,EAJW,cAAc,KAAd,cAAc,QAIzB;AA6BD,MAAM,CAAC,MAAM,OAAO,GAA0C,CAAC,EAOhD,EAAE,EAAE;QAP4C,EAC7D,SAAS,EACT,SAAS,GAAG,cAAc,CAAC,EAAE,EAC7B,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,WAAW,OAEE,EADV,KAAK,cANqD,gEAO9D,CADS;IAER,MAAM,SAAS,GAAQ,SAAS,CAAC;IAEjC,OAAO,CACL,oBAAC,SAAS,kBACR,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,OAAO,EACd,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,oBAAoB,CAAC,KAAK,EAAE,MAAM,CAAC,EACnC,oBAAoB,CAAC,WAAW,EAAE,MAAM,CAAC,EACzC,SAAS,CACV,IACG,CAAC,SAAS,KAAK,IAAI,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,EAC7C,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CAAC;AACF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}
package/dist/js/components/Divider/Divider.d.ts CHANGED
@@ -9,7 +9,7 @@ export interface DividerProps extends React.HTMLProps<HTMLElement> {
9
9
  className?: string;
10
10
  /** The component type to use */
11
11
  component?: 'hr' | 'li' | 'div';
12
- /** Flag to indicate the divider is vertical (must be in a flex layout) */
12
+ /** @deprecated Use `orientation` instead. Flag to indicate the divider is vertical (must be in a flex layout) */
13
13
  isVertical?: boolean;
14
14
  /** Insets at various breakpoints. */
15
15
  inset?: {
@@ -20,6 +20,15 @@ export interface DividerProps extends React.HTMLProps<HTMLElement> {
20
20
  xl?: 'insetNone' | 'insetXs' | 'insetSm' | 'insetMd' | 'insetLg' | 'insetXl' | 'inset2xl' | 'inset3xl';
21
21
  '2xl'?: 'insetNone' | 'insetXs' | 'insetSm' | 'insetMd' | 'insetLg' | 'insetXl' | 'inset2xl' | 'inset3xl';
22
22
  };
23
+ /** Indicates how the divider will display at various breakpoints. Vertical divider must be in a flex layout. */
24
+ orientation?: {
25
+ default?: 'vertical' | 'horizontal';
26
+ sm?: 'vertical' | 'horizontal';
27
+ md?: 'vertical' | 'horizontal';
28
+ lg?: 'vertical' | 'horizontal';
29
+ xl?: 'vertical' | 'horizontal';
30
+ '2xl'?: 'vertical' | 'horizontal';
31
+ };
23
32
  }
24
33
  export declare const Divider: React.FunctionComponent<DividerProps>;
25
34
  //# sourceMappingURL=Divider.d.ts.map
package/dist/js/components/Divider/Divider.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,oBAAY,cAAc;IACxB,EAAE,OAAO;IACT,EAAE,OAAO;IACT,GAAG,QAAQ;CACZ;AAED,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IAChE,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAChC,0EAA0E;IAC1E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qCAAqC;IACrC,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;QAC5G,EAAE,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;QACvG,EAAE,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;QACvG,EAAE,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;QACvG,EAAE,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;QACvG,KAAK,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;KAC3G,CAAC;CACH;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,YAAY,CAqBzD,CAAC"}
1
+ {"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,oBAAY,cAAc;IACxB,EAAE,OAAO;IACT,EAAE,OAAO;IACT,GAAG,QAAQ;CACZ;AAED,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IAChE,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAChC,iHAAiH;IACjH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qCAAqC;IACrC,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;QAC5G,EAAE,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;QACvG,EAAE,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;QACvG,EAAE,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;QACvG,EAAE,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;QACvG,KAAK,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;KAC3G,CAAC;IACF,gHAAgH;IAChH,WAAW,CAAC,EAAE;QACZ,OAAO,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;QACpC,EAAE,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;QAC/B,EAAE,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;QAC/B,EAAE,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;QAC/B,EAAE,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;QAC/B,KAAK,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;KACnC,CAAC;CACH;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,YAAY,CAuBzD,CAAC"}
package/dist/js/components/Divider/Divider.js CHANGED
@@ -13,9 +13,9 @@ var DividerVariant;
13
13
  DividerVariant["div"] = "div";
14
14
  })(DividerVariant = exports.DividerVariant || (exports.DividerVariant = {}));
15
15
  const Divider = (_a) => {
16
- var { className, component = DividerVariant.hr, isVertical = false, inset } = _a, props = tslib_1.__rest(_a, ["className", "component", "isVertical", "inset"]);
16
+ var { className, component = DividerVariant.hr, isVertical = false, inset, orientation } = _a, props = tslib_1.__rest(_a, ["className", "component", "isVertical", "inset", "orientation"]);
17
17
  const Component = component;
18
- return (React.createElement(Component, Object.assign({ className: react_styles_1.css(divider_1.default.divider, isVertical && divider_1.default.modifiers.vertical, util_1.formatBreakpointMods(inset, divider_1.default), className) }, (component !== 'hr' && { role: 'separator' }), props)));
18
+ return (React.createElement(Component, Object.assign({ className: react_styles_1.css(divider_1.default.divider, isVertical && divider_1.default.modifiers.vertical, util_1.formatBreakpointMods(inset, divider_1.default), util_1.formatBreakpointMods(orientation, divider_1.default), className) }, (component !== 'hr' && { role: 'separator' }), props)));
19
19
  };
20
20
  exports.Divider = Divider;
21
21
  exports.Divider.displayName = 'Divider';
package/dist/js/components/Divider/Divider.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,8GAA6E;AAC7E,6CAA0D;AAE1D,IAAY,cAIX;AAJD,WAAY,cAAc;IACxB,2BAAS,CAAA;IACT,2BAAS,CAAA;IACT,6BAAW,CAAA;AACb,CAAC,EAJW,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAIzB;AAoBM,MAAM,OAAO,GAA0C,CAAC,EAMhD,EAAE,EAAE;QAN4C,EAC7D,SAAS,EACT,SAAS,GAAG,cAAc,CAAC,EAAE,EAC7B,UAAU,GAAG,KAAK,EAClB,KAAK,OAEQ,EADV,KAAK,sBALqD,iDAM9D,CADS;IAER,MAAM,SAAS,GAAQ,SAAS,CAAC;IAEjC,OAAO,CACL,oBAAC,SAAS,kBACR,SAAS,EAAE,kBAAG,CACZ,iBAAM,CAAC,OAAO,EACd,UAAU,IAAI,iBAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,2BAAoB,CAAC,KAAK,EAAE,iBAAM,CAAC,EACnC,SAAS,CACV,IACG,CAAC,SAAS,KAAK,IAAI,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,EAC7C,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CAAC;AArBW,QAAA,OAAO,WAqBlB;AACF,eAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}
1
+ {"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,8GAA6E;AAC7E,6CAA0D;AAE1D,IAAY,cAIX;AAJD,WAAY,cAAc;IACxB,2BAAS,CAAA;IACT,2BAAS,CAAA;IACT,6BAAW,CAAA;AACb,CAAC,EAJW,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAIzB;AA6BM,MAAM,OAAO,GAA0C,CAAC,EAOhD,EAAE,EAAE;QAP4C,EAC7D,SAAS,EACT,SAAS,GAAG,cAAc,CAAC,EAAE,EAC7B,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,WAAW,OAEE,EADV,KAAK,sBANqD,gEAO9D,CADS;IAER,MAAM,SAAS,GAAQ,SAAS,CAAC;IAEjC,OAAO,CACL,oBAAC,SAAS,kBACR,SAAS,EAAE,kBAAG,CACZ,iBAAM,CAAC,OAAO,EACd,UAAU,IAAI,iBAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,2BAAoB,CAAC,KAAK,EAAE,iBAAM,CAAC,EACnC,2BAAoB,CAAC,WAAW,EAAE,iBAAM,CAAC,EACzC,SAAS,CACV,IACG,CAAC,SAAS,KAAK,IAAI,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,EAC7C,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CAAC;AAvBW,QAAA,OAAO,WAuBlB;AACF,eAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}
package/dist/umd/react-core.css CHANGED
@@ -5403,6 +5403,10 @@ label.pf-c-check, .pf-c-check__label,
5403
5403
  color: var(--pf-c-description-list__term-icon--Color);
5404
5404
  }
5405
5405
 
5406
+ .pf-c-description-list__text {
5407
+ min-width: 0;
5408
+ }
5409
+
5406
5410
  .pf-c-description-list__text.pf-m-help-text {
5407
5411
  text-decoration: underline;
5408
5412
  cursor: pointer;
@@ -18301,6 +18305,7 @@ svg.pf-c-spinner.pf-m-xl {
18301
18305
  --pf-c-tabs--m-secondary__add--c-button--FontSize: var(--pf-global--FontSize--xs);
18302
18306
  --pf-c-tabs__add--c-button--PaddingTop: var(--pf-c-tabs__link--PaddingTop);
18303
18307
  --pf-c-tabs__add--c-button--PaddingBottom: var(--pf-c-tabs__link--PaddingBottom);
18308
+ --pf-c-tabs__add--c-button--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
18304
18309
  position: relative;
18305
18310
  display: flex;
18306
18311
  width: var(--pf-c-tabs--Width);
@@ -18877,6 +18882,7 @@ svg.pf-c-spinner.pf-m-xl {
18877
18882
  --pf-c-button--FontSize: var(--pf-c-tabs__add--c-button--FontSize);
18878
18883
  --pf-c-button--PaddingTop: var(--pf-c-tabs__add--c-button--PaddingTop);
18879
18884
  --pf-c-button--PaddingBottom: var(--pf-c-tabs__add--c-button--PaddingBottom);
18885
+ outline-offset: var(--pf-c-tabs__add--c-button--OutlineOffset);
18880
18886
  }
18881
18887
 
18882
18888
  .pf-c-tabs.pf-m-inset-none {
@@ -21321,6 +21327,7 @@ svg.pf-c-spinner.pf-m-xl {
21321
21327
  --pf-c-tree-view--m-guides__list-item--before--BackgroundColor: var(--pf-c-tree-view--m-guides--guide-color--base);
21322
21328
  --pf-c-tree-view--m-guides__list-item--last-child--before--Top: var(--pf-c-tree-view--m-guides__node--before--Top);
21323
21329
  --pf-c-tree-view--m-guides__list-item--last-child--before--Height: var(--pf-c-tree-view--m-guides__list-item--last-child--before--Top);
21330
+ --pf-c-tree-view--m-guides__list-item--ZIndex: var(--pf-global--ZIndex--xs);
21324
21331
  --pf-c-tree-view--m-guides__node--before--Width: 1rem;
21325
21332
  --pf-c-tree-view--m-guides__node--before--Height: var(--pf-c-tree-view--m-guides--guide-width--base);
21326
21333
  --pf-c-tree-view--m-guides__node--before--Top: 1.125rem;
@@ -21384,6 +21391,7 @@ svg.pf-c-spinner.pf-m-xl {
21384
21391
 
21385
21392
  .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item::before, .pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item .pf-c-tree-view__list-item::before {
21386
21393
  top: var(--pf-c-tree-view--m-guides__list-item--before--Top);
21394
+ z-index: var(--pf-c-tree-view--m-guides__list-item--ZIndex);
21387
21395
  width: var(--pf-c-tree-view--m-guides__list-item--before--Width);
21388
21396
  height: var(--pf-c-tree-view--m-guides__list-item--before--Height);
21389
21397
  background-color: var(--pf-c-tree-view--m-guides__list-item--before--BackgroundColor);
package/dist/umd/react-core.js CHANGED
@@ -5119,9 +5119,9 @@
5119
5119
  DividerVariant["div"] = "div";
5120
5120
  })(exports.DividerVariant || (exports.DividerVariant = {}));
5121
5121
  const Divider = (_a) => {
5122
- var { className, component = exports.DividerVariant.hr, isVertical = false, inset } = _a, props = __rest$1(_a, ["className", "component", "isVertical", "inset"]);
5122
+ var { className, component = exports.DividerVariant.hr, isVertical = false, inset, orientation } = _a, props = __rest$1(_a, ["className", "component", "isVertical", "inset", "orientation"]);
5123
5123
  const Component = component;
5124
- return (React__namespace.createElement(Component, Object.assign({ className: css(styles$15.divider, isVertical && styles$15.modifiers.vertical, formatBreakpointMods(inset, styles$15), className) }, (component !== 'hr' && { role: 'separator' }), props)));
5124
+ return (React__namespace.createElement(Component, Object.assign({ className: css(styles$15.divider, isVertical && styles$15.modifiers.vertical, formatBreakpointMods(inset, styles$15), formatBreakpointMods(orientation, styles$15), className) }, (component !== 'hr' && { role: 'separator' }), props)));
5125
5125
  };
5126
5126
  Divider.displayName = 'Divider';
5127
5127
 
package/dist/umd/react-core.min.css CHANGED
@@ -5403,6 +5403,10 @@ label.pf-c-check, .pf-c-check__label,
5403
5403
  color: var(--pf-c-description-list__term-icon--Color);
5404
5404
  }
5405
5405
 
5406
+ .pf-c-description-list__text {
5407
+ min-width: 0;
5408
+ }
5409
+
5406
5410
  .pf-c-description-list__text.pf-m-help-text {
5407
5411
  text-decoration: underline;
5408
5412
  cursor: pointer;
@@ -18301,6 +18305,7 @@ svg.pf-c-spinner.pf-m-xl {
18301
18305
  --pf-c-tabs--m-secondary__add--c-button--FontSize: var(--pf-global--FontSize--xs);
18302
18306
  --pf-c-tabs__add--c-button--PaddingTop: var(--pf-c-tabs__link--PaddingTop);
18303
18307
  --pf-c-tabs__add--c-button--PaddingBottom: var(--pf-c-tabs__link--PaddingBottom);
18308
+ --pf-c-tabs__add--c-button--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
18304
18309
  position: relative;
18305
18310
  display: flex;
18306
18311
  width: var(--pf-c-tabs--Width);
@@ -18877,6 +18882,7 @@ svg.pf-c-spinner.pf-m-xl {
18877
18882
  --pf-c-button--FontSize: var(--pf-c-tabs__add--c-button--FontSize);
18878
18883
  --pf-c-button--PaddingTop: var(--pf-c-tabs__add--c-button--PaddingTop);
18879
18884
  --pf-c-button--PaddingBottom: var(--pf-c-tabs__add--c-button--PaddingBottom);
18885
+ outline-offset: var(--pf-c-tabs__add--c-button--OutlineOffset);
18880
18886
  }
18881
18887
 
18882
18888
  .pf-c-tabs.pf-m-inset-none {
@@ -21321,6 +21327,7 @@ svg.pf-c-spinner.pf-m-xl {
21321
21327
  --pf-c-tree-view--m-guides__list-item--before--BackgroundColor: var(--pf-c-tree-view--m-guides--guide-color--base);
21322
21328
  --pf-c-tree-view--m-guides__list-item--last-child--before--Top: var(--pf-c-tree-view--m-guides__node--before--Top);
21323
21329
  --pf-c-tree-view--m-guides__list-item--last-child--before--Height: var(--pf-c-tree-view--m-guides__list-item--last-child--before--Top);
21330
+ --pf-c-tree-view--m-guides__list-item--ZIndex: var(--pf-global--ZIndex--xs);
21324
21331
  --pf-c-tree-view--m-guides__node--before--Width: 1rem;
21325
21332
  --pf-c-tree-view--m-guides__node--before--Height: var(--pf-c-tree-view--m-guides--guide-width--base);
21326
21333
  --pf-c-tree-view--m-guides__node--before--Top: 1.125rem;
@@ -21384,6 +21391,7 @@ svg.pf-c-spinner.pf-m-xl {
21384
21391
 
21385
21392
  .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item::before, .pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item .pf-c-tree-view__list-item::before {
21386
21393
  top: var(--pf-c-tree-view--m-guides__list-item--before--Top);
21394
+ z-index: var(--pf-c-tree-view--m-guides__list-item--ZIndex);
21387
21395
  width: var(--pf-c-tree-view--m-guides__list-item--before--Width);
21388
21396
  height: var(--pf-c-tree-view--m-guides__list-item--before--Height);
21389
21397
  background-color: var(--pf-c-tree-view--m-guides__list-item--before--BackgroundColor);
@@ -24698,6 +24706,75 @@ svg.pf-c-spinner.pf-m-xl {
24698
24706
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
24699
24707
  }
24700
24708
  }
24709
+ .pf-l-gallery {
24710
+ --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
24711
+ --pf-l-gallery--GridTemplateColumns--min: 250px;
24712
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
24713
+ --pf-l-gallery--GridTemplateColumns--max: 1fr;
24714
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
24715
+ --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
24716
+ --pf-l-gallery--GridTemplateRows: auto;
24717
+ display: grid;
24718
+ grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
24719
+ grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
24720
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
24721
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
24722
+ }
24723
+
24724
+ .pf-l-gallery.pf-m-gutter {
24725
+ grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
24726
+ }
24727
+
24728
+ @media (min-width: 576px) {
24729
+ .pf-l-gallery {
24730
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
24731
+ }
24732
+ }
24733
+ @media (min-width: 768px) {
24734
+ .pf-l-gallery {
24735
+ --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)));
24736
+ }
24737
+ }
24738
+ @media (min-width: 992px) {
24739
+ .pf-l-gallery {
24740
+ --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))));
24741
+ }
24742
+ }
24743
+ @media (min-width: 1200px) {
24744
+ .pf-l-gallery {
24745
+ --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)))));
24746
+ }
24747
+ }
24748
+ @media (min-width: 1450px) {
24749
+ .pf-l-gallery {
24750
+ --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))))));
24751
+ }
24752
+ }
24753
+ @media (min-width: 576px) {
24754
+ .pf-l-gallery {
24755
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
24756
+ }
24757
+ }
24758
+ @media (min-width: 768px) {
24759
+ .pf-l-gallery {
24760
+ --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)));
24761
+ }
24762
+ }
24763
+ @media (min-width: 992px) {
24764
+ .pf-l-gallery {
24765
+ --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))));
24766
+ }
24767
+ }
24768
+ @media (min-width: 1200px) {
24769
+ .pf-l-gallery {
24770
+ --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)))));
24771
+ }
24772
+ }
24773
+ @media (min-width: 1450px) {
24774
+ .pf-l-gallery {
24775
+ --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))))));
24776
+ }
24777
+ }
24701
24778
  .pf-l-grid {
24702
24779
  --pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
24703
24780
  --pf-l-grid__item--GridColumnStart: auto;
@@ -25912,75 +25989,6 @@ svg.pf-c-spinner.pf-m-xl {
25912
25989
  grid-gap: var(--pf-l-grid--m-gutter--GridGap);
25913
25990
  }
25914
25991
 
25915
- .pf-l-gallery {
25916
- --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
25917
- --pf-l-gallery--GridTemplateColumns--min: 250px;
25918
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
25919
- --pf-l-gallery--GridTemplateColumns--max: 1fr;
25920
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
25921
- --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
25922
- --pf-l-gallery--GridTemplateRows: auto;
25923
- display: grid;
25924
- grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
25925
- grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
25926
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
25927
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
25928
- }
25929
-
25930
- .pf-l-gallery.pf-m-gutter {
25931
- grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
25932
- }
25933
-
25934
- @media (min-width: 576px) {
25935
- .pf-l-gallery {
25936
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
25937
- }
25938
- }
25939
- @media (min-width: 768px) {
25940
- .pf-l-gallery {
25941
- --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)));
25942
- }
25943
- }
25944
- @media (min-width: 992px) {
25945
- .pf-l-gallery {
25946
- --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))));
25947
- }
25948
- }
25949
- @media (min-width: 1200px) {
25950
- .pf-l-gallery {
25951
- --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)))));
25952
- }
25953
- }
25954
- @media (min-width: 1450px) {
25955
- .pf-l-gallery {
25956
- --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))))));
25957
- }
25958
- }
25959
- @media (min-width: 576px) {
25960
- .pf-l-gallery {
25961
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
25962
- }
25963
- }
25964
- @media (min-width: 768px) {
25965
- .pf-l-gallery {
25966
- --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)));
25967
- }
25968
- }
25969
- @media (min-width: 992px) {
25970
- .pf-l-gallery {
25971
- --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))));
25972
- }
25973
- }
25974
- @media (min-width: 1200px) {
25975
- .pf-l-gallery {
25976
- --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)))));
25977
- }
25978
- }
25979
- @media (min-width: 1450px) {
25980
- .pf-l-gallery {
25981
- --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))))));
25982
- }
25983
- }
25984
25992
  .pf-l-level {
25985
25993
  --pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
25986
25994
  display: flex;