@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.
- package/CHANGELOG.md +30 -0
- package/dist/esm/components/CodeBlock/CodeBlockCode.d.ts +4 -0
- package/dist/esm/components/CodeBlock/CodeBlockCode.d.ts.map +1 -1
- package/dist/esm/components/CodeBlock/CodeBlockCode.js +3 -3
- package/dist/esm/components/CodeBlock/CodeBlockCode.js.map +1 -1
- package/dist/esm/components/Divider/Divider.d.ts +10 -1
- package/dist/esm/components/Divider/Divider.d.ts.map +1 -1
- package/dist/esm/components/Divider/Divider.js +2 -2
- package/dist/esm/components/Divider/Divider.js.map +1 -1
- package/dist/js/components/CodeBlock/CodeBlockCode.d.ts +4 -0
- package/dist/js/components/CodeBlock/CodeBlockCode.d.ts.map +1 -1
- package/dist/js/components/CodeBlock/CodeBlockCode.js +3 -3
- package/dist/js/components/CodeBlock/CodeBlockCode.js.map +1 -1
- package/dist/js/components/Divider/Divider.d.ts +10 -1
- package/dist/js/components/Divider/Divider.d.ts.map +1 -1
- package/dist/js/components/Divider/Divider.js +2 -2
- package/dist/js/components/Divider/Divider.js.map +1 -1
- package/dist/umd/react-core.css +62 -54
- package/dist/umd/react-core.js +5 -5
- package/dist/umd/react-core.min.css +8 -0
- package/dist/umd/react-core.min.js +1 -1
- package/package.json +6 -6
- package/src/components/CodeBlock/CodeBlockCode.tsx +8 -2
- package/src/components/Divider/Divider.tsx +12 -1
- package/src/components/Divider/__tests__/Divider.test.tsx +5 -1
- package/src/components/Divider/examples/Divider.md +6 -0
- package/src/components/Divider/examples/DividerOrientationVariousBreakpoints.tsx +19 -0
- package/src/components/Divider/examples/DividerVerticalFlex.tsx +5 -1
- package/src/components/Divider/examples/DividerVerticalFlexInsetMedium.tsx +6 -1
- package/src/components/Divider/examples/DividerVerticalFlexInsetVariousBreakpoints.tsx +4 -2
- package/src/components/Page/examples/Page.md +17 -7
- package/src/demos/CardDemos.md +108 -21
- package/src/demos/DateTimePicker.md +1 -103
- 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;
|
|
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;
|
|
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,
|
|
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;
|
|
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;
|
|
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;
|
|
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,
|
|
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;
|
|
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;
|
|
@@ -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);
|
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
|
|
|
@@ -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);
|