@patternfly/react-core 4.206.6 → 4.208.1

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 (34) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/dist/esm/components/CodeBlock/CodeBlockCode.d.ts +4 -0
  3. package/dist/esm/components/CodeBlock/CodeBlockCode.d.ts.map +1 -1
  4. package/dist/esm/components/CodeBlock/CodeBlockCode.js +3 -3
  5. package/dist/esm/components/CodeBlock/CodeBlockCode.js.map +1 -1
  6. package/dist/esm/components/Divider/Divider.d.ts +10 -1
  7. package/dist/esm/components/Divider/Divider.d.ts.map +1 -1
  8. package/dist/esm/components/Divider/Divider.js +2 -2
  9. package/dist/esm/components/Divider/Divider.js.map +1 -1
  10. package/dist/js/components/CodeBlock/CodeBlockCode.d.ts +4 -0
  11. package/dist/js/components/CodeBlock/CodeBlockCode.d.ts.map +1 -1
  12. package/dist/js/components/CodeBlock/CodeBlockCode.js +3 -3
  13. package/dist/js/components/CodeBlock/CodeBlockCode.js.map +1 -1
  14. package/dist/js/components/Divider/Divider.d.ts +10 -1
  15. package/dist/js/components/Divider/Divider.d.ts.map +1 -1
  16. package/dist/js/components/Divider/Divider.js +2 -2
  17. package/dist/js/components/Divider/Divider.js.map +1 -1
  18. package/dist/umd/react-core.css +62 -54
  19. package/dist/umd/react-core.js +5 -5
  20. package/dist/umd/react-core.min.css +8 -0
  21. package/dist/umd/react-core.min.js +1 -1
  22. package/package.json +6 -6
  23. package/src/components/CodeBlock/CodeBlockCode.tsx +8 -2
  24. package/src/components/Divider/Divider.tsx +12 -1
  25. package/src/components/Divider/__tests__/Divider.test.tsx +5 -1
  26. package/src/components/Divider/examples/Divider.md +6 -0
  27. package/src/components/Divider/examples/DividerOrientationVariousBreakpoints.tsx +19 -0
  28. package/src/components/Divider/examples/DividerVerticalFlex.tsx +5 -1
  29. package/src/components/Divider/examples/DividerVerticalFlexInsetMedium.tsx +6 -1
  30. package/src/components/Divider/examples/DividerVerticalFlexInsetVariousBreakpoints.tsx +4 -2
  31. package/src/components/Page/examples/Page.md +17 -7
  32. package/src/demos/CardDemos.md +108 -21
  33. package/src/demos/DateTimePicker.md +1 -103
  34. package/src/demos/examples/DateTimePicker/DateTimePicker.tsx +106 -0
package/CHANGELOG.md CHANGED
@@ -3,6 +3,36 @@
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.1 (2022-05-03)
7
+
8
+ **Note:** Version bump only for package @patternfly/react-core
9
+
10
+
11
+
12
+
13
+
14
+ # 4.208.0 (2022-05-02)
15
+
16
+
17
+ ### Features
18
+
19
+ * **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))
20
+
21
+
22
+
23
+
24
+
25
+ # 4.207.0 (2022-04-28)
26
+
27
+
28
+ ### Features
29
+
30
+ * **CodeBlock:** add class to code component ([#7281](https://github.com/patternfly/patternfly-react/issues/7281)) ([844e162](https://github.com/patternfly/patternfly-react/commit/844e1621bc695c97f911f5cc64998c5d36911a4d))
31
+
32
+
33
+
34
+
35
+
6
36
  ## 4.206.6 (2022-04-27)
7
37
 
8
38
  **Note:** Version bump only for package @patternfly/react-core
@@ -2,6 +2,10 @@ import * as React from 'react';
2
2
  export interface CodeBlockCodeProps extends React.HTMLProps<HTMLPreElement> {
3
3
  /** Code rendered inside the code block */
4
4
  children?: React.ReactNode;
5
+ /** Additional classes passed to the code block pre wrapper */
6
+ className?: string;
7
+ /** Additional classes passed to the code block code */
8
+ codeClassName?: string;
5
9
  }
6
10
  export declare const CodeBlockCode: React.FunctionComponent<CodeBlockCodeProps>;
7
11
  //# sourceMappingURL=CodeBlockCode.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CodeBlockCode.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeBlock/CodeBlockCode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACzE,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAOrE,CAAC"}
1
+ {"version":3,"file":"CodeBlockCode.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeBlock/CodeBlockCode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACzE,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CASrE,CAAC"}
@@ -3,9 +3,9 @@ import * as React from 'react';
3
3
  import styles from '@patternfly/react-styles/css/components/CodeBlock/code-block';
4
4
  import { css } from '@patternfly/react-styles';
5
5
  export const CodeBlockCode = (_a) => {
6
- var { children = null } = _a, props = __rest(_a, ["children"]);
7
- return (React.createElement("pre", Object.assign({ className: css(styles.codeBlockPre) }, props),
8
- React.createElement("code", { className: css(styles.codeBlockCode) }, children)));
6
+ var { children = null, className, codeClassName } = _a, props = __rest(_a, ["children", "className", "codeClassName"]);
7
+ return (React.createElement("pre", Object.assign({ className: css(styles.codeBlockPre, className) }, props),
8
+ React.createElement("code", { className: css(styles.codeBlockCode, codeClassName) }, children)));
9
9
  };
10
10
  CodeBlockCode.displayName = 'CodeBlockCode';
11
11
  //# sourceMappingURL=CodeBlockCode.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CodeBlockCode.js","sourceRoot":"","sources":["../../../../src/components/CodeBlock/CodeBlockCode.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,8DAA8D,CAAC;AAClF,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAO/C,MAAM,CAAC,MAAM,aAAa,GAAgD,CAAC,EAGtD,EAAE,EAAE;QAHkD,EACzE,QAAQ,GAAG,IAAI,OAEI,EADhB,KAAK,cAFiE,YAG1E,CADS;IACgB,OAAA,CACxB,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,YAAY,CAAC,IAAM,KAAK;QACjD,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,aAAa,CAAC,IAAG,QAAQ,CAAQ,CACzD,CACP,CAAA;CAAA,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
1
+ {"version":3,"file":"CodeBlockCode.js","sourceRoot":"","sources":["../../../../src/components/CodeBlock/CodeBlockCode.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,8DAA8D,CAAC;AAClF,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAW/C,MAAM,CAAC,MAAM,aAAa,GAAgD,CAAC,EAKtD,EAAE,EAAE;QALkD,EACzE,QAAQ,GAAG,IAAI,EACf,SAAS,EACT,aAAa,OAEM,EADhB,KAAK,cAJiE,0CAK1E,CADS;IACgB,OAAA,CACxB,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,IAAM,KAAK;QAC5D,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,aAAa,EAAE,aAAa,CAAC,IAAG,QAAQ,CAAQ,CACxE,CACP,CAAA;CAAA,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
@@ -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
@@ -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"}
@@ -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
@@ -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"}
@@ -2,6 +2,10 @@ import * as React from 'react';
2
2
  export interface CodeBlockCodeProps extends React.HTMLProps<HTMLPreElement> {
3
3
  /** Code rendered inside the code block */
4
4
  children?: React.ReactNode;
5
+ /** Additional classes passed to the code block pre wrapper */
6
+ className?: string;
7
+ /** Additional classes passed to the code block code */
8
+ codeClassName?: string;
5
9
  }
6
10
  export declare const CodeBlockCode: React.FunctionComponent<CodeBlockCodeProps>;
7
11
  //# sourceMappingURL=CodeBlockCode.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CodeBlockCode.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeBlock/CodeBlockCode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACzE,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAOrE,CAAC"}
1
+ {"version":3,"file":"CodeBlockCode.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeBlock/CodeBlockCode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACzE,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CASrE,CAAC"}
@@ -6,9 +6,9 @@ const React = tslib_1.__importStar(require("react"));
6
6
  const code_block_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/CodeBlock/code-block"));
7
7
  const react_styles_1 = require("@patternfly/react-styles");
8
8
  const CodeBlockCode = (_a) => {
9
- var { children = null } = _a, props = tslib_1.__rest(_a, ["children"]);
10
- return (React.createElement("pre", Object.assign({ className: react_styles_1.css(code_block_1.default.codeBlockPre) }, props),
11
- React.createElement("code", { className: react_styles_1.css(code_block_1.default.codeBlockCode) }, children)));
9
+ var { children = null, className, codeClassName } = _a, props = tslib_1.__rest(_a, ["children", "className", "codeClassName"]);
10
+ return (React.createElement("pre", Object.assign({ className: react_styles_1.css(code_block_1.default.codeBlockPre, className) }, props),
11
+ React.createElement("code", { className: react_styles_1.css(code_block_1.default.codeBlockCode, codeClassName) }, children)));
12
12
  };
13
13
  exports.CodeBlockCode = CodeBlockCode;
14
14
  exports.CodeBlockCode.displayName = 'CodeBlockCode';
@@ -1 +1 @@
1
- {"version":3,"file":"CodeBlockCode.js","sourceRoot":"","sources":["../../../../src/components/CodeBlock/CodeBlockCode.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,sHAAkF;AAClF,2DAA+C;AAOxC,MAAM,aAAa,GAAgD,CAAC,EAGtD,EAAE,EAAE;QAHkD,EACzE,QAAQ,GAAG,IAAI,OAEI,EADhB,KAAK,sBAFiE,YAG1E,CADS;IACgB,OAAA,CACxB,2CAAK,SAAS,EAAE,kBAAG,CAAC,oBAAM,CAAC,YAAY,CAAC,IAAM,KAAK;QACjD,8BAAM,SAAS,EAAE,kBAAG,CAAC,oBAAM,CAAC,aAAa,CAAC,IAAG,QAAQ,CAAQ,CACzD,CACP,CAAA;CAAA,CAAC;AAPW,QAAA,aAAa,iBAOxB;AAEF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
1
+ {"version":3,"file":"CodeBlockCode.js","sourceRoot":"","sources":["../../../../src/components/CodeBlock/CodeBlockCode.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,sHAAkF;AAClF,2DAA+C;AAWxC,MAAM,aAAa,GAAgD,CAAC,EAKtD,EAAE,EAAE;QALkD,EACzE,QAAQ,GAAG,IAAI,EACf,SAAS,EACT,aAAa,OAEM,EADhB,KAAK,sBAJiE,0CAK1E,CADS;IACgB,OAAA,CACxB,2CAAK,SAAS,EAAE,kBAAG,CAAC,oBAAM,CAAC,YAAY,EAAE,SAAS,CAAC,IAAM,KAAK;QAC5D,8BAAM,SAAS,EAAE,kBAAG,CAAC,oBAAM,CAAC,aAAa,EAAE,aAAa,CAAC,IAAG,QAAQ,CAAQ,CACxE,CACP,CAAA;CAAA,CAAC;AATW,QAAA,aAAa,iBASxB;AAEF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
@@ -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
@@ -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"}
@@ -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';
@@ -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"}
@@ -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;
@@ -18179,45 +18183,6 @@ svg.pf-c-spinner.pf-m-xl {
18179
18183
  vertical-align: top;
18180
18184
  }
18181
18185
 
18182
- .pf-c-tab-content {
18183
- --pf-c-tab-content__body--PaddingTop: 0;
18184
- --pf-c-tab-content__body--PaddingRight: 0;
18185
- --pf-c-tab-content__body--PaddingBottom: 0;
18186
- --pf-c-tab-content__body--PaddingLeft: 0;
18187
- --pf-c-tab-content__body--m-padding--PaddingTop: var(--pf-global--spacer--md);
18188
- --pf-c-tab-content__body--m-padding--PaddingRight: var(--pf-global--spacer--md);
18189
- --pf-c-tab-content__body--m-padding--PaddingBottom: var(--pf-global--spacer--md);
18190
- --pf-c-tab-content__body--m-padding--PaddingLeft: var(--pf-global--spacer--md);
18191
- --pf-c-tab-content__body--m-padding--xl--PaddingTop: var(--pf-global--spacer--lg);
18192
- --pf-c-tab-content__body--m-padding--xl--PaddingRight: var(--pf-global--spacer--lg);
18193
- --pf-c-tab-content__body--m-padding--xl--PaddingBottom: var(--pf-global--spacer--lg);
18194
- --pf-c-tab-content__body--m-padding--xl--PaddingLeft: var(--pf-global--spacer--lg);
18195
- --pf-c-tab-content--m-light-300: var(--pf-global--BackgroundColor--light-300);
18196
- }
18197
-
18198
- @media screen and (min-width: 1200px) {
18199
- .pf-c-tab-content {
18200
- --pf-c-tab-content__body--m-padding--PaddingTop: var(--pf-c-tab-content__body--m-padding--xl--PaddingTop);
18201
- --pf-c-tab-content__body--m-padding--PaddingRight: var(--pf-c-tab-content__body--m-padding--xl--PaddingRight);
18202
- --pf-c-tab-content__body--m-padding--PaddingBottom: var(--pf-c-tab-content__body--m-padding--xl--PaddingBottom);
18203
- --pf-c-tab-content__body--m-padding--PaddingLeft: var(--pf-c-tab-content__body--m-padding--xl--PaddingLeft);
18204
- }
18205
- }
18206
- .pf-c-tab-content.pf-m-light-300 {
18207
- background-color: var(--pf-c-tab-content--m-light-300);
18208
- }
18209
-
18210
- .pf-c-tab-content__body {
18211
- padding: var(--pf-c-tab-content__body--PaddingTop) var(--pf-c-tab-content__body--PaddingRight) var(--pf-c-tab-content__body--PaddingBottom) var(--pf-c-tab-content__body--PaddingLeft);
18212
- }
18213
-
18214
- .pf-c-tab-content__body.pf-m-padding {
18215
- --pf-c-tab-content__body--PaddingTop: var(--pf-c-tab-content__body--m-padding--PaddingTop);
18216
- --pf-c-tab-content__body--PaddingRight: var(--pf-c-tab-content__body--m-padding--PaddingRight);
18217
- --pf-c-tab-content__body--PaddingBottom: var(--pf-c-tab-content__body--m-padding--PaddingBottom);
18218
- --pf-c-tab-content__body--PaddingLeft: var(--pf-c-tab-content__body--m-padding--PaddingLeft);
18219
- }
18220
-
18221
18186
  .pf-c-tabs {
18222
18187
  --pf-c-tabs--inset: 0;
18223
18188
  --pf-c-tabs--Width: auto;
@@ -18340,6 +18305,7 @@ svg.pf-c-spinner.pf-m-xl {
18340
18305
  --pf-c-tabs--m-secondary__add--c-button--FontSize: var(--pf-global--FontSize--xs);
18341
18306
  --pf-c-tabs__add--c-button--PaddingTop: var(--pf-c-tabs__link--PaddingTop);
18342
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));
18343
18309
  position: relative;
18344
18310
  display: flex;
18345
18311
  width: var(--pf-c-tabs--Width);
@@ -18916,6 +18882,7 @@ svg.pf-c-spinner.pf-m-xl {
18916
18882
  --pf-c-button--FontSize: var(--pf-c-tabs__add--c-button--FontSize);
18917
18883
  --pf-c-button--PaddingTop: var(--pf-c-tabs__add--c-button--PaddingTop);
18918
18884
  --pf-c-button--PaddingBottom: var(--pf-c-tabs__add--c-button--PaddingBottom);
18885
+ outline-offset: var(--pf-c-tabs__add--c-button--OutlineOffset);
18919
18886
  }
18920
18887
 
18921
18888
  .pf-c-tabs.pf-m-inset-none {
@@ -19139,6 +19106,45 @@ svg.pf-c-spinner.pf-m-xl {
19139
19106
  --pf-c-tabs--m-vertical--m-box--inset: var(--pf-global--spacer--2xl);
19140
19107
  }
19141
19108
  }
19109
+ .pf-c-tab-content {
19110
+ --pf-c-tab-content__body--PaddingTop: 0;
19111
+ --pf-c-tab-content__body--PaddingRight: 0;
19112
+ --pf-c-tab-content__body--PaddingBottom: 0;
19113
+ --pf-c-tab-content__body--PaddingLeft: 0;
19114
+ --pf-c-tab-content__body--m-padding--PaddingTop: var(--pf-global--spacer--md);
19115
+ --pf-c-tab-content__body--m-padding--PaddingRight: var(--pf-global--spacer--md);
19116
+ --pf-c-tab-content__body--m-padding--PaddingBottom: var(--pf-global--spacer--md);
19117
+ --pf-c-tab-content__body--m-padding--PaddingLeft: var(--pf-global--spacer--md);
19118
+ --pf-c-tab-content__body--m-padding--xl--PaddingTop: var(--pf-global--spacer--lg);
19119
+ --pf-c-tab-content__body--m-padding--xl--PaddingRight: var(--pf-global--spacer--lg);
19120
+ --pf-c-tab-content__body--m-padding--xl--PaddingBottom: var(--pf-global--spacer--lg);
19121
+ --pf-c-tab-content__body--m-padding--xl--PaddingLeft: var(--pf-global--spacer--lg);
19122
+ --pf-c-tab-content--m-light-300: var(--pf-global--BackgroundColor--light-300);
19123
+ }
19124
+
19125
+ @media screen and (min-width: 1200px) {
19126
+ .pf-c-tab-content {
19127
+ --pf-c-tab-content__body--m-padding--PaddingTop: var(--pf-c-tab-content__body--m-padding--xl--PaddingTop);
19128
+ --pf-c-tab-content__body--m-padding--PaddingRight: var(--pf-c-tab-content__body--m-padding--xl--PaddingRight);
19129
+ --pf-c-tab-content__body--m-padding--PaddingBottom: var(--pf-c-tab-content__body--m-padding--xl--PaddingBottom);
19130
+ --pf-c-tab-content__body--m-padding--PaddingLeft: var(--pf-c-tab-content__body--m-padding--xl--PaddingLeft);
19131
+ }
19132
+ }
19133
+ .pf-c-tab-content.pf-m-light-300 {
19134
+ background-color: var(--pf-c-tab-content--m-light-300);
19135
+ }
19136
+
19137
+ .pf-c-tab-content__body {
19138
+ padding: var(--pf-c-tab-content__body--PaddingTop) var(--pf-c-tab-content__body--PaddingRight) var(--pf-c-tab-content__body--PaddingBottom) var(--pf-c-tab-content__body--PaddingLeft);
19139
+ }
19140
+
19141
+ .pf-c-tab-content__body.pf-m-padding {
19142
+ --pf-c-tab-content__body--PaddingTop: var(--pf-c-tab-content__body--m-padding--PaddingTop);
19143
+ --pf-c-tab-content__body--PaddingRight: var(--pf-c-tab-content__body--m-padding--PaddingRight);
19144
+ --pf-c-tab-content__body--PaddingBottom: var(--pf-c-tab-content__body--m-padding--PaddingBottom);
19145
+ --pf-c-tab-content__body--PaddingLeft: var(--pf-c-tab-content__body--m-padding--PaddingLeft);
19146
+ }
19147
+
19142
19148
  .pf-c-content {
19143
19149
  --pf-c-content--MarginBottom: var(--pf-global--spacer--md);
19144
19150
  --pf-c-content--LineHeight: var(--pf-global--LineHeight--md);
@@ -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);
@@ -25993,6 +26001,21 @@ svg.pf-c-spinner.pf-m-xl {
25993
26001
  margin-right: var(--pf-l-level--m-gutter--MarginRight);
25994
26002
  }
25995
26003
 
26004
+ .pf-l-stack {
26005
+ --pf-l-stack--m-gutter--MarginBottom: var(--pf-global--gutter);
26006
+ display: flex;
26007
+ flex-direction: column;
26008
+ height: 100%;
26009
+ }
26010
+
26011
+ .pf-l-stack__item.pf-m-fill {
26012
+ flex-grow: 1;
26013
+ }
26014
+
26015
+ .pf-l-stack.pf-m-gutter > *:not(:last-child) {
26016
+ margin-bottom: var(--pf-l-stack--m-gutter--MarginBottom);
26017
+ }
26018
+
25996
26019
  .pf-l-split {
25997
26020
  --pf-l-split--m-gutter--MarginRight: var(--pf-global--gutter);
25998
26021
  display: flex;
@@ -26012,21 +26035,6 @@ svg.pf-c-spinner.pf-m-xl {
26012
26035
  margin-right: var(--pf-l-split--m-gutter--MarginRight);
26013
26036
  }
26014
26037
 
26015
- .pf-l-stack {
26016
- --pf-l-stack--m-gutter--MarginBottom: var(--pf-global--gutter);
26017
- display: flex;
26018
- flex-direction: column;
26019
- height: 100%;
26020
- }
26021
-
26022
- .pf-l-stack__item.pf-m-fill {
26023
- flex-grow: 1;
26024
- }
26025
-
26026
- .pf-l-stack.pf-m-gutter > *:not(:last-child) {
26027
- margin-bottom: var(--pf-l-stack--m-gutter--MarginBottom);
26028
- }
26029
-
26030
26038
  .pf-c-alert-group {
26031
26039
  --pf-c-alert-group__item--MarginTop: var(--pf-global--spacer--sm);
26032
26040
  --pf-c-alert-group--m-toast--Top: var(--pf-global--spacer--2xl);
@@ -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
 
@@ -8677,9 +8677,9 @@
8677
8677
  CodeBlock.displayName = 'CodeBlock';
8678
8678
 
8679
8679
  const CodeBlockCode = (_a) => {
8680
- var { children = null } = _a, props = __rest$1(_a, ["children"]);
8681
- return (React__namespace.createElement("pre", Object.assign({ className: css(styles$R.codeBlockPre) }, props),
8682
- React__namespace.createElement("code", { className: css(styles$R.codeBlockCode) }, children)));
8680
+ var { children = null, className, codeClassName } = _a, props = __rest$1(_a, ["children", "className", "codeClassName"]);
8681
+ return (React__namespace.createElement("pre", Object.assign({ className: css(styles$R.codeBlockPre, className) }, props),
8682
+ React__namespace.createElement("code", { className: css(styles$R.codeBlockCode, codeClassName) }, children)));
8683
8683
  };
8684
8684
  CodeBlockCode.displayName = 'CodeBlockCode';
8685
8685
 
@@ -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);