@patternfly/react-core 4.206.5 → 4.208.0

package/CHANGELOG.md

@@ -3,6 +3,36 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 4.208.0 (2022-05-02)
+
+
+### Features
+
+* **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))
+
+
+
+
+
+# 4.207.0 (2022-04-28)
+
+
+### Features
+
+* **CodeBlock:** add class to code component ([#7281](https://github.com/patternfly/patternfly-react/issues/7281)) ([844e162](https://github.com/patternfly/patternfly-react/commit/844e1621bc695c97f911f5cc64998c5d36911a4d))
+
+
+
+
+
+## 4.206.6 (2022-04-27)
+
+**Note:** Version bump only for package @patternfly/react-core
+
+
+
+
+
 ## 4.206.5 (2022-04-26)
 
 **Note:** Version bump only for package @patternfly/react-core

package/dist/esm/components/CodeBlock/CodeBlockCode.d.ts

@@ -2,6 +2,10 @@ import * as React from 'react';
 export interface CodeBlockCodeProps extends React.HTMLProps<HTMLPreElement> {
     /** Code rendered inside the code block */
     children?: React.ReactNode;
+    /** Additional classes passed to the code block pre wrapper */
+    className?: string;
+    /** Additional classes passed to the code block code */
+    codeClassName?: string;
 }
 export declare const CodeBlockCode: React.FunctionComponent<CodeBlockCodeProps>;
 //# sourceMappingURL=CodeBlockCode.d.ts.map

package/dist/esm/components/CodeBlock/CodeBlockCode.d.ts.map

@@ -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"}
+{"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"}

package/dist/esm/components/CodeBlock/CodeBlockCode.js

@@ -3,9 +3,9 @@ import * as React from 'react';
 import styles from '@patternfly/react-styles/css/components/CodeBlock/code-block';
 import { css } from '@patternfly/react-styles';
 export const CodeBlockCode = (_a) => {
-    var { children = null } = _a, props = __rest(_a, ["children"]);
-    return (React.createElement("pre", Object.assign({ className: css(styles.codeBlockPre) }, props),
-        React.createElement("code", { className: css(styles.codeBlockCode) }, children)));
+    var { children = null, className, codeClassName } = _a, props = __rest(_a, ["children", "className", "codeClassName"]);
+    return (React.createElement("pre", Object.assign({ className: css(styles.codeBlockPre, className) }, props),
+        React.createElement("code", { className: css(styles.codeBlockCode, codeClassName) }, children)));
 };
 CodeBlockCode.displayName = 'CodeBlockCode';
 //# sourceMappingURL=CodeBlockCode.js.map

package/dist/esm/components/CodeBlock/CodeBlockCode.js.map

@@ -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"}
+{"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"}

package/dist/esm/components/Divider/Divider.d.ts

@@ -9,7 +9,7 @@ export interface DividerProps extends React.HTMLProps<HTMLElement> {
     className?: string;
     /** The component type to use */
     component?: 'hr' | 'li' | 'div';
-    /** Flag to indicate the divider is vertical (must be in a flex layout) */
+    /** @deprecated Use `orientation` instead. Flag to indicate the divider is vertical (must be in a flex layout) */
     isVertical?: boolean;
     /** Insets at various breakpoints. */
     inset?: {
@@ -20,6 +20,15 @@ export interface DividerProps extends React.HTMLProps<HTMLElement> {
         xl?: 'insetNone' | 'insetXs' | 'insetSm' | 'insetMd' | 'insetLg' | 'insetXl' | 'inset2xl' | 'inset3xl';
         '2xl'?: 'insetNone' | 'insetXs' | 'insetSm' | 'insetMd' | 'insetLg' | 'insetXl' | 'inset2xl' | 'inset3xl';
     };
+    /** Indicates how the divider will display at various breakpoints. Vertical divider must be in a flex layout. */
+    orientation?: {
+        default?: 'vertical' | 'horizontal';
+        sm?: 'vertical' | 'horizontal';
+        md?: 'vertical' | 'horizontal';
+        lg?: 'vertical' | 'horizontal';
+        xl?: 'vertical' | 'horizontal';
+        '2xl'?: 'vertical' | 'horizontal';
+    };
 }
 export declare const Divider: React.FunctionComponent<DividerProps>;
 //# sourceMappingURL=Divider.d.ts.map

package/dist/esm/components/Divider/Divider.d.ts.map

@@ -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"}
+{"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

@@ -10,9 +10,9 @@ export var DividerVariant;
     DividerVariant["div"] = "div";
 })(DividerVariant || (DividerVariant = {}));
 export const Divider = (_a) => {
-    var { className, component = DividerVariant.hr, isVertical = false, inset } = _a, props = __rest(_a, ["className", "component", "isVertical", "inset"]);
+    var { className, component = DividerVariant.hr, isVertical = false, inset, orientation } = _a, props = __rest(_a, ["className", "component", "isVertical", "inset", "orientation"]);
     const Component = component;
-    return (React.createElement(Component, Object.assign({ className: css(styles.divider, isVertical && styles.modifiers.vertical, formatBreakpointMods(inset, styles), className) }, (component !== 'hr' && { role: 'separator' }), props)));
+    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)));
 };
 Divider.displayName = 'Divider';
 //# sourceMappingURL=Divider.js.map

package/dist/esm/components/Divider/Divider.js.map

@@ -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"}
+{"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/CodeBlock/CodeBlockCode.d.ts

@@ -2,6 +2,10 @@ import * as React from 'react';
 export interface CodeBlockCodeProps extends React.HTMLProps<HTMLPreElement> {
     /** Code rendered inside the code block */
     children?: React.ReactNode;
+    /** Additional classes passed to the code block pre wrapper */
+    className?: string;
+    /** Additional classes passed to the code block code */
+    codeClassName?: string;
 }
 export declare const CodeBlockCode: React.FunctionComponent<CodeBlockCodeProps>;
 //# sourceMappingURL=CodeBlockCode.d.ts.map

package/dist/js/components/CodeBlock/CodeBlockCode.d.ts.map

@@ -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"}
+{"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"}

package/dist/js/components/CodeBlock/CodeBlockCode.js

@@ -6,9 +6,9 @@ const React = tslib_1.__importStar(require("react"));
 const code_block_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/CodeBlock/code-block"));
 const react_styles_1 = require("@patternfly/react-styles");
 const CodeBlockCode = (_a) => {
-    var { children = null } = _a, props = tslib_1.__rest(_a, ["children"]);
-    return (React.createElement("pre", Object.assign({ className: react_styles_1.css(code_block_1.default.codeBlockPre) }, props),
-        React.createElement("code", { className: react_styles_1.css(code_block_1.default.codeBlockCode) }, children)));
+    var { children = null, className, codeClassName } = _a, props = tslib_1.__rest(_a, ["children", "className", "codeClassName"]);
+    return (React.createElement("pre", Object.assign({ className: react_styles_1.css(code_block_1.default.codeBlockPre, className) }, props),
+        React.createElement("code", { className: react_styles_1.css(code_block_1.default.codeBlockCode, codeClassName) }, children)));
 };
 exports.CodeBlockCode = CodeBlockCode;
 exports.CodeBlockCode.displayName = 'CodeBlockCode';

package/dist/js/components/CodeBlock/CodeBlockCode.js.map

@@ -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"}
+{"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"}

package/dist/js/components/Divider/Divider.d.ts

@@ -9,7 +9,7 @@ export interface DividerProps extends React.HTMLProps<HTMLElement> {
     className?: string;
     /** The component type to use */
     component?: 'hr' | 'li' | 'div';
-    /** Flag to indicate the divider is vertical (must be in a flex layout) */
+    /** @deprecated Use `orientation` instead. Flag to indicate the divider is vertical (must be in a flex layout) */
     isVertical?: boolean;
     /** Insets at various breakpoints. */
     inset?: {
@@ -20,6 +20,15 @@ export interface DividerProps extends React.HTMLProps<HTMLElement> {
         xl?: 'insetNone' | 'insetXs' | 'insetSm' | 'insetMd' | 'insetLg' | 'insetXl' | 'inset2xl' | 'inset3xl';
         '2xl'?: 'insetNone' | 'insetXs' | 'insetSm' | 'insetMd' | 'insetLg' | 'insetXl' | 'inset2xl' | 'inset3xl';
     };
+    /** Indicates how the divider will display at various breakpoints. Vertical divider must be in a flex layout. */
+    orientation?: {
+        default?: 'vertical' | 'horizontal';
+        sm?: 'vertical' | 'horizontal';
+        md?: 'vertical' | 'horizontal';
+        lg?: 'vertical' | 'horizontal';
+        xl?: 'vertical' | 'horizontal';
+        '2xl'?: 'vertical' | 'horizontal';
+    };
 }
 export declare const Divider: React.FunctionComponent<DividerProps>;
 //# sourceMappingURL=Divider.d.ts.map

package/dist/js/components/Divider/Divider.d.ts.map

@@ -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"}
+{"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

@@ -13,9 +13,9 @@ var DividerVariant;
     DividerVariant["div"] = "div";
 })(DividerVariant = exports.DividerVariant || (exports.DividerVariant = {}));
 const Divider = (_a) => {
-    var { className, component = DividerVariant.hr, isVertical = false, inset } = _a, props = tslib_1.__rest(_a, ["className", "component", "isVertical", "inset"]);
+    var { className, component = DividerVariant.hr, isVertical = false, inset, orientation } = _a, props = tslib_1.__rest(_a, ["className", "component", "isVertical", "inset", "orientation"]);
     const Component = component;
-    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)));
+    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)));
 };
 exports.Divider = Divider;
 exports.Divider.displayName = 'Divider';

package/dist/js/components/Divider/Divider.js.map

@@ -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"}
+{"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

@@ -5403,6 +5403,10 @@ label.pf-c-check, .pf-c-check__label,
   color: var(--pf-c-description-list__term-icon--Color);
 }
 
+.pf-c-description-list__text {
+  min-width: 0;
+}
+
 .pf-c-description-list__text.pf-m-help-text {
   text-decoration: underline;
   cursor: pointer;
@@ -18301,6 +18305,7 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-tabs--m-secondary__add--c-button--FontSize: var(--pf-global--FontSize--xs);
   --pf-c-tabs__add--c-button--PaddingTop: var(--pf-c-tabs__link--PaddingTop);
   --pf-c-tabs__add--c-button--PaddingBottom: var(--pf-c-tabs__link--PaddingBottom);
+  --pf-c-tabs__add--c-button--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
   position: relative;
   display: flex;
   width: var(--pf-c-tabs--Width);
@@ -18877,6 +18882,7 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-button--FontSize: var(--pf-c-tabs__add--c-button--FontSize);
   --pf-c-button--PaddingTop: var(--pf-c-tabs__add--c-button--PaddingTop);
   --pf-c-button--PaddingBottom: var(--pf-c-tabs__add--c-button--PaddingBottom);
+  outline-offset: var(--pf-c-tabs__add--c-button--OutlineOffset);
 }
 
 .pf-c-tabs.pf-m-inset-none {
@@ -21321,6 +21327,7 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-tree-view--m-guides__list-item--before--BackgroundColor: var(--pf-c-tree-view--m-guides--guide-color--base);
   --pf-c-tree-view--m-guides__list-item--last-child--before--Top: var(--pf-c-tree-view--m-guides__node--before--Top);
   --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);
+  --pf-c-tree-view--m-guides__list-item--ZIndex: var(--pf-global--ZIndex--xs);
   --pf-c-tree-view--m-guides__node--before--Width: 1rem;
   --pf-c-tree-view--m-guides__node--before--Height: var(--pf-c-tree-view--m-guides--guide-width--base);
   --pf-c-tree-view--m-guides__node--before--Top: 1.125rem;
@@ -21384,6 +21391,7 @@ svg.pf-c-spinner.pf-m-xl {
 
 .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 {
   top: var(--pf-c-tree-view--m-guides__list-item--before--Top);
+  z-index: var(--pf-c-tree-view--m-guides__list-item--ZIndex);
   width: var(--pf-c-tree-view--m-guides__list-item--before--Width);
   height: var(--pf-c-tree-view--m-guides__list-item--before--Height);
   background-color: var(--pf-c-tree-view--m-guides__list-item--before--BackgroundColor);

package/dist/umd/react-core.js

@@ -5119,9 +5119,9 @@
         DividerVariant["div"] = "div";
     })(exports.DividerVariant || (exports.DividerVariant = {}));
     const Divider = (_a) => {
-        var { className, component = exports.DividerVariant.hr, isVertical = false, inset } = _a, props = __rest$1(_a, ["className", "component", "isVertical", "inset"]);
+        var { className, component = exports.DividerVariant.hr, isVertical = false, inset, orientation } = _a, props = __rest$1(_a, ["className", "component", "isVertical", "inset", "orientation"]);
         const Component = component;
-        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)));
+        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)));
     };
     Divider.displayName = 'Divider';
 
@@ -8677,9 +8677,9 @@
     CodeBlock.displayName = 'CodeBlock';
 
     const CodeBlockCode = (_a) => {
-        var { children = null } = _a, props = __rest$1(_a, ["children"]);
-        return (React__namespace.createElement("pre", Object.assign({ className: css(styles$R.codeBlockPre) }, props),
-            React__namespace.createElement("code", { className: css(styles$R.codeBlockCode) }, children)));
+        var { children = null, className, codeClassName } = _a, props = __rest$1(_a, ["children", "className", "codeClassName"]);
+        return (React__namespace.createElement("pre", Object.assign({ className: css(styles$R.codeBlockPre, className) }, props),
+            React__namespace.createElement("code", { className: css(styles$R.codeBlockCode, codeClassName) }, children)));
     };
     CodeBlockCode.displayName = 'CodeBlockCode';
 

package/dist/umd/react-core.min.css

@@ -5403,6 +5403,10 @@ label.pf-c-check, .pf-c-check__label,
   color: var(--pf-c-description-list__term-icon--Color);
 }
 
+.pf-c-description-list__text {
+  min-width: 0;
+}
+
 .pf-c-description-list__text.pf-m-help-text {
   text-decoration: underline;
   cursor: pointer;
@@ -18301,6 +18305,7 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-tabs--m-secondary__add--c-button--FontSize: var(--pf-global--FontSize--xs);
   --pf-c-tabs__add--c-button--PaddingTop: var(--pf-c-tabs__link--PaddingTop);
   --pf-c-tabs__add--c-button--PaddingBottom: var(--pf-c-tabs__link--PaddingBottom);
+  --pf-c-tabs__add--c-button--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
   position: relative;
   display: flex;
   width: var(--pf-c-tabs--Width);
@@ -18877,6 +18882,7 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-button--FontSize: var(--pf-c-tabs__add--c-button--FontSize);
   --pf-c-button--PaddingTop: var(--pf-c-tabs__add--c-button--PaddingTop);
   --pf-c-button--PaddingBottom: var(--pf-c-tabs__add--c-button--PaddingBottom);
+  outline-offset: var(--pf-c-tabs__add--c-button--OutlineOffset);
 }
 
 .pf-c-tabs.pf-m-inset-none {
@@ -21321,6 +21327,7 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-tree-view--m-guides__list-item--before--BackgroundColor: var(--pf-c-tree-view--m-guides--guide-color--base);
   --pf-c-tree-view--m-guides__list-item--last-child--before--Top: var(--pf-c-tree-view--m-guides__node--before--Top);
   --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);
+  --pf-c-tree-view--m-guides__list-item--ZIndex: var(--pf-global--ZIndex--xs);
   --pf-c-tree-view--m-guides__node--before--Width: 1rem;
   --pf-c-tree-view--m-guides__node--before--Height: var(--pf-c-tree-view--m-guides--guide-width--base);
   --pf-c-tree-view--m-guides__node--before--Top: 1.125rem;
@@ -21384,6 +21391,7 @@ svg.pf-c-spinner.pf-m-xl {
 
 .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 {
   top: var(--pf-c-tree-view--m-guides__list-item--before--Top);
+  z-index: var(--pf-c-tree-view--m-guides__list-item--ZIndex);
   width: var(--pf-c-tree-view--m-guides__list-item--before--Width);
   height: var(--pf-c-tree-view--m-guides__list-item--before--Height);
   background-color: var(--pf-c-tree-view--m-guides__list-item--before--BackgroundColor);