@patternfly/react-core 4.237.5 → 4.237.6
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 +11 -0
- package/dist/esm/components/Checkbox/Checkbox.d.ts +7 -5
- package/dist/esm/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/esm/components/Checkbox/Checkbox.js +7 -3
- package/dist/esm/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/js/components/Checkbox/Checkbox.d.ts +7 -5
- package/dist/js/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/js/components/Checkbox/Checkbox.js +7 -3
- package/dist/js/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/umd/react-core.min.css +46 -46
- package/dist/umd/react-core.min.js +4 -4
- package/package.json +5 -5
- package/src/components/Checkbox/Checkbox.tsx +16 -5
- package/src/components/Checkbox/examples/Checkbox.md +5 -0
- package/src/components/Checkbox/examples/CheckboxRequired.tsx +6 -0
- package/src/components/TreeView/examples/TreeView.md +37 -19
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## 4.237.6 (2022-09-12)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **Treeview:** ignore folder selection in basic example ([#7906](https://github.com/patternfly/patternfly-react/issues/7906)) ([b16b224](https://github.com/patternfly/patternfly-react/commit/b16b2240d26cabcadec3de52627fb1d96ff45aef))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
## 4.237.5 (2022-09-09)
|
|
7
18
|
|
|
8
19
|
**Note:** Version bump only for package @patternfly/react-core
|
|
@@ -2,16 +2,18 @@ import * as React from 'react';
|
|
|
2
2
|
import { PickOptional } from '../../helpers/typeUtils';
|
|
3
3
|
import { OUIAProps } from '../../helpers';
|
|
4
4
|
export interface CheckboxProps extends Omit<React.HTMLProps<HTMLInputElement>, 'type' | 'onChange' | 'disabled' | 'label'>, OUIAProps {
|
|
5
|
-
/** Additional classes added to the
|
|
5
|
+
/** Additional classes added to the checkbox. */
|
|
6
6
|
className?: string;
|
|
7
|
-
/** Flag to show if the
|
|
7
|
+
/** Flag to show if the checkbox selection is valid or invalid. */
|
|
8
8
|
isValid?: boolean;
|
|
9
|
-
/** Flag to show if the
|
|
9
|
+
/** Flag to show if the checkbox is disabled. */
|
|
10
10
|
isDisabled?: boolean;
|
|
11
|
-
/** Flag to show if the
|
|
11
|
+
/** Flag to show if the checkbox is required. */
|
|
12
|
+
isRequired?: boolean;
|
|
13
|
+
/** Flag to show if the checkbox is checked. If null, the checkbox will be indeterminate (partially checked). */
|
|
12
14
|
isChecked?: boolean | null;
|
|
13
15
|
checked?: boolean;
|
|
14
|
-
/** A callback for when the
|
|
16
|
+
/** A callback for when the checkbox selection changes. */
|
|
15
17
|
onChange?: (checked: boolean, event: React.FormEvent<HTMLInputElement>) => void;
|
|
16
18
|
/** Label text of the checkbox. */
|
|
17
19
|
label?: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAkC,SAAS,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAkC,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1E,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC,EACzF,SAAS;IACX,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gHAAgH;IAChH,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChF,kCAAkC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,0BAA0B;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wCAAwC;IACxC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,gCAAgC;IAChC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oEAAoE;IACpE,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CAC/B;AAKD,UAAU,aAAa;IACrB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,qBAAa,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC;IACzE,MAAM,CAAC,WAAW,SAAc;IAChC,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,aAAa,CAAC,CAS9C;gBAEU,KAAK,EAAE,GAAG;IAOtB,OAAO,CAAC,YAAY,CAElB;IAEF,MAAM;CAiEP"}
|
|
@@ -3,6 +3,7 @@ import * as React from 'react';
|
|
|
3
3
|
import styles from '@patternfly/react-styles/css/components/Check/check';
|
|
4
4
|
import { css } from '@patternfly/react-styles';
|
|
5
5
|
import { getDefaultOUIAId, getOUIAProps } from '../../helpers';
|
|
6
|
+
import { ASTERISK } from '../../helpers/htmlConstants';
|
|
6
7
|
// tslint:disable-next-line:no-empty
|
|
7
8
|
const defaultOnChange = () => { };
|
|
8
9
|
export class Checkbox extends React.Component {
|
|
@@ -16,7 +17,7 @@ export class Checkbox extends React.Component {
|
|
|
16
17
|
};
|
|
17
18
|
}
|
|
18
19
|
render() {
|
|
19
|
-
const _a = this.props, { 'aria-label': ariaLabel, className, onChange, isValid, isDisabled, isChecked, label, checked, defaultChecked, description, body, ouiaId, ouiaSafe, component: Component } = _a, props = __rest(_a, ['aria-label', "className", "onChange", "isValid", "isDisabled", "isChecked", "label", "checked", "defaultChecked", "description", "body", "ouiaId", "ouiaSafe", "component"]);
|
|
20
|
+
const _a = this.props, { 'aria-label': ariaLabel, className, onChange, isValid, isDisabled, isRequired, isChecked, label, checked, defaultChecked, description, body, ouiaId, ouiaSafe, component: Component } = _a, props = __rest(_a, ['aria-label', "className", "onChange", "isValid", "isDisabled", "isRequired", "isChecked", "label", "checked", "defaultChecked", "description", "body", "ouiaId", "ouiaSafe", "component"]);
|
|
20
21
|
if (!props.id) {
|
|
21
22
|
// eslint-disable-next-line no-console
|
|
22
23
|
console.error('Checkbox:', 'id is required to make input accessible');
|
|
@@ -33,8 +34,10 @@ export class Checkbox extends React.Component {
|
|
|
33
34
|
}
|
|
34
35
|
checkedProps.checked = checkedProps.checked === null ? false : checkedProps.checked;
|
|
35
36
|
return (React.createElement(Component, { className: css(styles.check, !label && styles.modifiers.standalone, className) },
|
|
36
|
-
React.createElement("input", Object.assign({}, props, { className: css(styles.checkInput), type: "checkbox", onChange: this.handleChange, "aria-invalid": !isValid, "aria-label": ariaLabel, disabled: isDisabled, ref: elem => elem && (elem.indeterminate = isChecked === null) }, checkedProps, getOUIAProps(Checkbox.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe))),
|
|
37
|
-
label && (React.createElement("label", { className: css(styles.checkLabel, isDisabled && styles.modifiers.disabled), htmlFor: props.id },
|
|
37
|
+
React.createElement("input", Object.assign({}, props, { className: css(styles.checkInput), type: "checkbox", onChange: this.handleChange, "aria-invalid": !isValid, "aria-label": ariaLabel, disabled: isDisabled, required: isRequired, ref: elem => elem && (elem.indeterminate = isChecked === null) }, checkedProps, getOUIAProps(Checkbox.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe))),
|
|
38
|
+
label && (React.createElement("label", { className: css(styles.checkLabel, isDisabled && styles.modifiers.disabled), htmlFor: props.id },
|
|
39
|
+
label,
|
|
40
|
+
isRequired && (React.createElement("span", { className: css(styles.checkLabelRequired), "aria-hidden": "true" }, ASTERISK)))),
|
|
38
41
|
description && React.createElement("span", { className: css(styles.checkDescription) }, description),
|
|
39
42
|
body && React.createElement("span", { className: css(styles.checkBody) }, body)));
|
|
40
43
|
}
|
|
@@ -44,6 +47,7 @@ Checkbox.defaultProps = {
|
|
|
44
47
|
className: '',
|
|
45
48
|
isValid: true,
|
|
46
49
|
isDisabled: false,
|
|
50
|
+
isRequired: false,
|
|
47
51
|
isChecked: false,
|
|
48
52
|
onChange: defaultOnChange,
|
|
49
53
|
ouiaSafe: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,qDAAqD,CAAC;AACzE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAa,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,16 +2,18 @@ import * as React from 'react';
|
|
|
2
2
|
import { PickOptional } from '../../helpers/typeUtils';
|
|
3
3
|
import { OUIAProps } from '../../helpers';
|
|
4
4
|
export interface CheckboxProps extends Omit<React.HTMLProps<HTMLInputElement>, 'type' | 'onChange' | 'disabled' | 'label'>, OUIAProps {
|
|
5
|
-
/** Additional classes added to the
|
|
5
|
+
/** Additional classes added to the checkbox. */
|
|
6
6
|
className?: string;
|
|
7
|
-
/** Flag to show if the
|
|
7
|
+
/** Flag to show if the checkbox selection is valid or invalid. */
|
|
8
8
|
isValid?: boolean;
|
|
9
|
-
/** Flag to show if the
|
|
9
|
+
/** Flag to show if the checkbox is disabled. */
|
|
10
10
|
isDisabled?: boolean;
|
|
11
|
-
/** Flag to show if the
|
|
11
|
+
/** Flag to show if the checkbox is required. */
|
|
12
|
+
isRequired?: boolean;
|
|
13
|
+
/** Flag to show if the checkbox is checked. If null, the checkbox will be indeterminate (partially checked). */
|
|
12
14
|
isChecked?: boolean | null;
|
|
13
15
|
checked?: boolean;
|
|
14
|
-
/** A callback for when the
|
|
16
|
+
/** A callback for when the checkbox selection changes. */
|
|
15
17
|
onChange?: (checked: boolean, event: React.FormEvent<HTMLInputElement>) => void;
|
|
16
18
|
/** Label text of the checkbox. */
|
|
17
19
|
label?: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAkC,SAAS,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAkC,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1E,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC,EACzF,SAAS;IACX,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gHAAgH;IAChH,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChF,kCAAkC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,0BAA0B;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wCAAwC;IACxC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,gCAAgC;IAChC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oEAAoE;IACpE,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CAC/B;AAKD,UAAU,aAAa;IACrB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,qBAAa,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC;IACzE,MAAM,CAAC,WAAW,SAAc;IAChC,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,aAAa,CAAC,CAS9C;gBAEU,KAAK,EAAE,GAAG;IAOtB,OAAO,CAAC,YAAY,CAElB;IAEF,MAAM;CAiEP"}
|
|
@@ -6,6 +6,7 @@ const React = tslib_1.__importStar(require("react"));
|
|
|
6
6
|
const check_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Check/check"));
|
|
7
7
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
8
8
|
const helpers_1 = require("../../helpers");
|
|
9
|
+
const htmlConstants_1 = require("../../helpers/htmlConstants");
|
|
9
10
|
// tslint:disable-next-line:no-empty
|
|
10
11
|
const defaultOnChange = () => { };
|
|
11
12
|
class Checkbox extends React.Component {
|
|
@@ -19,7 +20,7 @@ class Checkbox extends React.Component {
|
|
|
19
20
|
};
|
|
20
21
|
}
|
|
21
22
|
render() {
|
|
22
|
-
const _a = this.props, { 'aria-label': ariaLabel, className, onChange, isValid, isDisabled, isChecked, label, checked, defaultChecked, description, body, ouiaId, ouiaSafe, component: Component } = _a, props = tslib_1.__rest(_a, ['aria-label', "className", "onChange", "isValid", "isDisabled", "isChecked", "label", "checked", "defaultChecked", "description", "body", "ouiaId", "ouiaSafe", "component"]);
|
|
23
|
+
const _a = this.props, { 'aria-label': ariaLabel, className, onChange, isValid, isDisabled, isRequired, isChecked, label, checked, defaultChecked, description, body, ouiaId, ouiaSafe, component: Component } = _a, props = tslib_1.__rest(_a, ['aria-label', "className", "onChange", "isValid", "isDisabled", "isRequired", "isChecked", "label", "checked", "defaultChecked", "description", "body", "ouiaId", "ouiaSafe", "component"]);
|
|
23
24
|
if (!props.id) {
|
|
24
25
|
// eslint-disable-next-line no-console
|
|
25
26
|
console.error('Checkbox:', 'id is required to make input accessible');
|
|
@@ -36,8 +37,10 @@ class Checkbox extends React.Component {
|
|
|
36
37
|
}
|
|
37
38
|
checkedProps.checked = checkedProps.checked === null ? false : checkedProps.checked;
|
|
38
39
|
return (React.createElement(Component, { className: react_styles_1.css(check_1.default.check, !label && check_1.default.modifiers.standalone, className) },
|
|
39
|
-
React.createElement("input", Object.assign({}, props, { className: react_styles_1.css(check_1.default.checkInput), type: "checkbox", onChange: this.handleChange, "aria-invalid": !isValid, "aria-label": ariaLabel, disabled: isDisabled, ref: elem => elem && (elem.indeterminate = isChecked === null) }, checkedProps, helpers_1.getOUIAProps(Checkbox.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe))),
|
|
40
|
-
label && (React.createElement("label", { className: react_styles_1.css(check_1.default.checkLabel, isDisabled && check_1.default.modifiers.disabled), htmlFor: props.id },
|
|
40
|
+
React.createElement("input", Object.assign({}, props, { className: react_styles_1.css(check_1.default.checkInput), type: "checkbox", onChange: this.handleChange, "aria-invalid": !isValid, "aria-label": ariaLabel, disabled: isDisabled, required: isRequired, ref: elem => elem && (elem.indeterminate = isChecked === null) }, checkedProps, helpers_1.getOUIAProps(Checkbox.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe))),
|
|
41
|
+
label && (React.createElement("label", { className: react_styles_1.css(check_1.default.checkLabel, isDisabled && check_1.default.modifiers.disabled), htmlFor: props.id },
|
|
42
|
+
label,
|
|
43
|
+
isRequired && (React.createElement("span", { className: react_styles_1.css(check_1.default.checkLabelRequired), "aria-hidden": "true" }, htmlConstants_1.ASTERISK)))),
|
|
41
44
|
description && React.createElement("span", { className: react_styles_1.css(check_1.default.checkDescription) }, description),
|
|
42
45
|
body && React.createElement("span", { className: react_styles_1.css(check_1.default.checkBody) }, body)));
|
|
43
46
|
}
|
|
@@ -48,6 +51,7 @@ Checkbox.defaultProps = {
|
|
|
48
51
|
className: '',
|
|
49
52
|
isValid: true,
|
|
50
53
|
isDisabled: false,
|
|
54
|
+
isRequired: false,
|
|
51
55
|
isChecked: false,
|
|
52
56
|
onChange: defaultOnChange,
|
|
53
57
|
ouiaSafe: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,wGAAyE;AACzE,2DAA+C;AAE/C,2CAA0E;
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -26258,6 +26258,52 @@ label.pf-c-tree-view__node-text {
|
|
|
26258
26258
|
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
|
|
26259
26259
|
}
|
|
26260
26260
|
}
|
|
26261
|
+
.pf-l-level {
|
|
26262
|
+
--pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
|
|
26263
|
+
display: flex;
|
|
26264
|
+
flex-wrap: wrap;
|
|
26265
|
+
align-items: center;
|
|
26266
|
+
justify-content: space-between;
|
|
26267
|
+
}
|
|
26268
|
+
|
|
26269
|
+
.pf-l-level.pf-m-gutter > *:not(:last-child) {
|
|
26270
|
+
margin-right: var(--pf-l-level--m-gutter--MarginRight);
|
|
26271
|
+
}
|
|
26272
|
+
|
|
26273
|
+
.pf-l-split {
|
|
26274
|
+
--pf-l-split--m-gutter--MarginRight: var(--pf-global--gutter);
|
|
26275
|
+
display: flex;
|
|
26276
|
+
padding: 0;
|
|
26277
|
+
margin: 0;
|
|
26278
|
+
}
|
|
26279
|
+
|
|
26280
|
+
.pf-l-split.pf-m-wrap {
|
|
26281
|
+
flex-wrap: wrap;
|
|
26282
|
+
}
|
|
26283
|
+
|
|
26284
|
+
.pf-l-split__item.pf-m-fill {
|
|
26285
|
+
flex-grow: 1;
|
|
26286
|
+
}
|
|
26287
|
+
|
|
26288
|
+
.pf-l-split.pf-m-gutter > *:not(:last-child) {
|
|
26289
|
+
margin-right: var(--pf-l-split--m-gutter--MarginRight);
|
|
26290
|
+
}
|
|
26291
|
+
|
|
26292
|
+
.pf-l-stack {
|
|
26293
|
+
--pf-l-stack--m-gutter--MarginBottom: var(--pf-global--gutter);
|
|
26294
|
+
display: flex;
|
|
26295
|
+
flex-direction: column;
|
|
26296
|
+
height: 100%;
|
|
26297
|
+
}
|
|
26298
|
+
|
|
26299
|
+
.pf-l-stack__item.pf-m-fill {
|
|
26300
|
+
flex-grow: 1;
|
|
26301
|
+
}
|
|
26302
|
+
|
|
26303
|
+
.pf-l-stack.pf-m-gutter > *:not(:last-child) {
|
|
26304
|
+
margin-bottom: var(--pf-l-stack--m-gutter--MarginBottom);
|
|
26305
|
+
}
|
|
26306
|
+
|
|
26261
26307
|
.pf-l-grid {
|
|
26262
26308
|
--pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
|
|
26263
26309
|
--pf-l-grid__item--GridColumnStart: auto;
|
|
@@ -27472,52 +27518,6 @@ label.pf-c-tree-view__node-text {
|
|
|
27472
27518
|
grid-gap: var(--pf-l-grid--m-gutter--GridGap);
|
|
27473
27519
|
}
|
|
27474
27520
|
|
|
27475
|
-
.pf-l-level {
|
|
27476
|
-
--pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
|
|
27477
|
-
display: flex;
|
|
27478
|
-
flex-wrap: wrap;
|
|
27479
|
-
align-items: center;
|
|
27480
|
-
justify-content: space-between;
|
|
27481
|
-
}
|
|
27482
|
-
|
|
27483
|
-
.pf-l-level.pf-m-gutter > *:not(:last-child) {
|
|
27484
|
-
margin-right: var(--pf-l-level--m-gutter--MarginRight);
|
|
27485
|
-
}
|
|
27486
|
-
|
|
27487
|
-
.pf-l-split {
|
|
27488
|
-
--pf-l-split--m-gutter--MarginRight: var(--pf-global--gutter);
|
|
27489
|
-
display: flex;
|
|
27490
|
-
padding: 0;
|
|
27491
|
-
margin: 0;
|
|
27492
|
-
}
|
|
27493
|
-
|
|
27494
|
-
.pf-l-split.pf-m-wrap {
|
|
27495
|
-
flex-wrap: wrap;
|
|
27496
|
-
}
|
|
27497
|
-
|
|
27498
|
-
.pf-l-split__item.pf-m-fill {
|
|
27499
|
-
flex-grow: 1;
|
|
27500
|
-
}
|
|
27501
|
-
|
|
27502
|
-
.pf-l-split.pf-m-gutter > *:not(:last-child) {
|
|
27503
|
-
margin-right: var(--pf-l-split--m-gutter--MarginRight);
|
|
27504
|
-
}
|
|
27505
|
-
|
|
27506
|
-
.pf-l-stack {
|
|
27507
|
-
--pf-l-stack--m-gutter--MarginBottom: var(--pf-global--gutter);
|
|
27508
|
-
display: flex;
|
|
27509
|
-
flex-direction: column;
|
|
27510
|
-
height: 100%;
|
|
27511
|
-
}
|
|
27512
|
-
|
|
27513
|
-
.pf-l-stack__item.pf-m-fill {
|
|
27514
|
-
flex-grow: 1;
|
|
27515
|
-
}
|
|
27516
|
-
|
|
27517
|
-
.pf-l-stack.pf-m-gutter > *:not(:last-child) {
|
|
27518
|
-
margin-bottom: var(--pf-l-stack--m-gutter--MarginBottom);
|
|
27519
|
-
}
|
|
27520
|
-
|
|
27521
27521
|
.pf-c-alert-group {
|
|
27522
27522
|
--pf-c-alert-group__item--MarginTop: var(--pf-global--spacer--sm);
|
|
27523
27523
|
--pf-c-alert-group--m-toast--Top: var(--pf-global--spacer--2xl);
|