@patternfly/react-core 4.207.0 → 4.208.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 (26) hide show
  1. package/CHANGELOG.md +27 -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 +77 -69
  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/DragDrop/examples/DragDrop.md +22 -154
  23. package/src/components/DragDrop/examples/DragDropBasic.tsx +53 -0
  24. package/src/components/DragDrop/examples/DragDropMultipleLists.tsx +98 -0
  25. package/src/components/Page/examples/Page.md +17 -7
  26. package/src/demos/CardDemos.md +108 -21
package/CHANGELOG.md CHANGED
@@ -3,6 +3,33 @@
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.2 (2022-05-03)
7
+
8
+ **Note:** Version bump only for package @patternfly/react-core
9
+
10
+
11
+
12
+
13
+
14
+ ## 4.208.1 (2022-05-03)
15
+
16
+ **Note:** Version bump only for package @patternfly/react-core
17
+
18
+
19
+
20
+
21
+
22
+ # 4.208.0 (2022-05-02)
23
+
24
+
25
+ ### Features
26
+
27
+ * **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))
28
+
29
+
30
+
31
+
32
+
6
33
  # 4.207.0 (2022-04-28)
7
34
 
8
35
 
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);
@@ -22622,6 +22630,75 @@ svg.pf-c-spinner.pf-m-xl {
22622
22630
  direction: ltr;
22623
22631
  }
22624
22632
  }
22633
+ .pf-l-gallery {
22634
+ --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
22635
+ --pf-l-gallery--GridTemplateColumns--min: 250px;
22636
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
22637
+ --pf-l-gallery--GridTemplateColumns--max: 1fr;
22638
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
22639
+ --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
22640
+ --pf-l-gallery--GridTemplateRows: auto;
22641
+ display: grid;
22642
+ grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
22643
+ grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
22644
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
22645
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
22646
+ }
22647
+
22648
+ .pf-l-gallery.pf-m-gutter {
22649
+ grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
22650
+ }
22651
+
22652
+ @media (min-width: 576px) {
22653
+ .pf-l-gallery {
22654
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
22655
+ }
22656
+ }
22657
+ @media (min-width: 768px) {
22658
+ .pf-l-gallery {
22659
+ --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)));
22660
+ }
22661
+ }
22662
+ @media (min-width: 992px) {
22663
+ .pf-l-gallery {
22664
+ --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))));
22665
+ }
22666
+ }
22667
+ @media (min-width: 1200px) {
22668
+ .pf-l-gallery {
22669
+ --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)))));
22670
+ }
22671
+ }
22672
+ @media (min-width: 1450px) {
22673
+ .pf-l-gallery {
22674
+ --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))))));
22675
+ }
22676
+ }
22677
+ @media (min-width: 576px) {
22678
+ .pf-l-gallery {
22679
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
22680
+ }
22681
+ }
22682
+ @media (min-width: 768px) {
22683
+ .pf-l-gallery {
22684
+ --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)));
22685
+ }
22686
+ }
22687
+ @media (min-width: 992px) {
22688
+ .pf-l-gallery {
22689
+ --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))));
22690
+ }
22691
+ }
22692
+ @media (min-width: 1200px) {
22693
+ .pf-l-gallery {
22694
+ --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)))));
22695
+ }
22696
+ }
22697
+ @media (min-width: 1450px) {
22698
+ .pf-l-gallery {
22699
+ --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))))));
22700
+ }
22701
+ }
22625
22702
  .pf-l-flex {
22626
22703
  --pf-l-flex--Display: flex;
22627
22704
  --pf-l-flex--FlexWrap: wrap;
@@ -24698,75 +24775,6 @@ svg.pf-c-spinner.pf-m-xl {
24698
24775
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
24699
24776
  }
24700
24777
  }
24701
- .pf-l-gallery {
24702
- --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
24703
- --pf-l-gallery--GridTemplateColumns--min: 250px;
24704
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
24705
- --pf-l-gallery--GridTemplateColumns--max: 1fr;
24706
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
24707
- --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
24708
- --pf-l-gallery--GridTemplateRows: auto;
24709
- display: grid;
24710
- grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
24711
- grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
24712
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
24713
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
24714
- }
24715
-
24716
- .pf-l-gallery.pf-m-gutter {
24717
- grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
24718
- }
24719
-
24720
- @media (min-width: 576px) {
24721
- .pf-l-gallery {
24722
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
24723
- }
24724
- }
24725
- @media (min-width: 768px) {
24726
- .pf-l-gallery {
24727
- --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)));
24728
- }
24729
- }
24730
- @media (min-width: 992px) {
24731
- .pf-l-gallery {
24732
- --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))));
24733
- }
24734
- }
24735
- @media (min-width: 1200px) {
24736
- .pf-l-gallery {
24737
- --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)))));
24738
- }
24739
- }
24740
- @media (min-width: 1450px) {
24741
- .pf-l-gallery {
24742
- --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))))));
24743
- }
24744
- }
24745
- @media (min-width: 576px) {
24746
- .pf-l-gallery {
24747
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
24748
- }
24749
- }
24750
- @media (min-width: 768px) {
24751
- .pf-l-gallery {
24752
- --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)));
24753
- }
24754
- }
24755
- @media (min-width: 992px) {
24756
- .pf-l-gallery {
24757
- --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))));
24758
- }
24759
- }
24760
- @media (min-width: 1200px) {
24761
- .pf-l-gallery {
24762
- --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)))));
24763
- }
24764
- }
24765
- @media (min-width: 1450px) {
24766
- .pf-l-gallery {
24767
- --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))))));
24768
- }
24769
- }
24770
24778
  .pf-l-grid {
24771
24779
  --pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
24772
24780
  --pf-l-grid__item--GridColumnStart: auto;
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;