@patternfly/react-core 4.206.1 → 4.206.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/dist/esm/components/DataList/DataListCheck.d.ts +9 -3
- package/dist/esm/components/DataList/DataListCheck.d.ts.map +1 -1
- package/dist/esm/components/DataList/DataListCheck.js +2 -2
- package/dist/esm/components/DataList/DataListCheck.js.map +1 -1
- package/dist/js/components/DataList/DataListCheck.d.ts +9 -3
- package/dist/js/components/DataList/DataListCheck.d.ts.map +1 -1
- package/dist/js/components/DataList/DataListCheck.js +2 -2
- package/dist/js/components/DataList/DataListCheck.js.map +1 -1
- package/dist/umd/react-core.js +2 -2
- package/dist/umd/react-core.min.css +31 -31
- package/dist/umd/react-core.min.js +1 -1
- package/package.json +5 -5
- package/src/components/DataList/DataListCheck.tsx +12 -5
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.206.2 (2022-04-21)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **DataListCheck:** revert checked prop ([#7284](https://github.com/patternfly/patternfly-react/issues/7284)) ([d9889fc](https://github.com/patternfly/patternfly-react/commit/d9889fc86f224533f81457f384954e6a299c5677))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
## 4.206.1 (2022-04-20)
|
|
7
18
|
|
|
8
19
|
**Note:** Version bump only for package @patternfly/react-core
|
|
@@ -6,14 +6,20 @@ export interface DataListCheckProps extends Omit<React.HTMLProps<HTMLInputElemen
|
|
|
6
6
|
isValid?: boolean;
|
|
7
7
|
/** Flag to show if the DataList checkbox is disabled */
|
|
8
8
|
isDisabled?: boolean;
|
|
9
|
-
/** Flag to show if the DataList checkbox is checked when it is controlled by React state.
|
|
10
|
-
*
|
|
9
|
+
/** Flag to show if the DataList checkbox is checked when it is controlled by React state. Both isChecked and checked are valid,
|
|
10
|
+
* but only use one.
|
|
11
|
+
* To make the DataList checkbox uncontrolled, instead use the defaultChecked prop, but do not use both.
|
|
11
12
|
*/
|
|
12
13
|
isChecked?: boolean;
|
|
14
|
+
/** Flag to show if the DataList checkbox is checked when it is controlled by React state. Both isChecked and checked are valid,
|
|
15
|
+
* but only use one.
|
|
16
|
+
* To make the DataList checkbox uncontrolled, instead use the defaultChecked prop, but do not use both.
|
|
17
|
+
*/
|
|
18
|
+
checked?: boolean;
|
|
13
19
|
/** Flag to set default value of DataList checkbox when it is uncontrolled by React state.
|
|
14
20
|
* To make the DataList checkbox controlled, instead use the isChecked prop, but do not use both.
|
|
15
21
|
*/
|
|
16
|
-
|
|
22
|
+
defaultChecked?: boolean;
|
|
17
23
|
/** A callback for when the DataList checkbox selection changes */
|
|
18
24
|
onChange?: (checked: boolean, event: React.FormEvent<HTMLInputElement>) => void;
|
|
19
25
|
/** Aria-labelledby of the DataList checkbox */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataListCheck.d.ts","sourceRoot":"","sources":["../../../../src/components/DataList/DataListCheck.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACzG,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wDAAwD;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB
|
|
1
|
+
{"version":3,"file":"DataListCheck.d.ts","sourceRoot":"","sources":["../../../../src/components/DataList/DataListCheck.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACzG,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wDAAwD;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChF,+CAA+C;IAC/C,iBAAiB,EAAE,MAAM,CAAC;IAC1B,sEAAsE;IACtE,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CA+BrE,CAAC"}
|
|
@@ -5,9 +5,9 @@ import styles from '@patternfly/react-styles/css/components/DataList/data-list';
|
|
|
5
5
|
export const DataListCheck = (_a) => {
|
|
6
6
|
var { className = '',
|
|
7
7
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
8
|
-
onChange = (checked, event) => { }, isValid = true, isDisabled = false, isChecked = null, checked = null, otherControls = false } = _a, props = __rest(_a, ["className", "onChange", "isValid", "isDisabled", "isChecked", "checked", "otherControls"]);
|
|
8
|
+
onChange = (checked, event) => { }, isValid = true, isDisabled = false, isChecked = null, checked = null, defaultChecked, otherControls = false } = _a, props = __rest(_a, ["className", "onChange", "isValid", "isDisabled", "isChecked", "checked", "defaultChecked", "otherControls"]);
|
|
9
9
|
const check = (React.createElement("div", { className: css(styles.dataListCheck) },
|
|
10
|
-
React.createElement("input", Object.assign({}, props, { type: "checkbox", onChange: event => onChange(event.currentTarget.checked, event), "aria-invalid": !isValid, disabled: isDisabled }, (
|
|
10
|
+
React.createElement("input", Object.assign({}, props, { type: "checkbox", onChange: event => onChange(event.currentTarget.checked, event), "aria-invalid": !isValid, disabled: isDisabled }, ([true, false].includes(defaultChecked) && { defaultChecked }), (![true, false].includes(defaultChecked) && { checked: isChecked || checked })))));
|
|
11
11
|
return (React.createElement(React.Fragment, null,
|
|
12
12
|
!otherControls && React.createElement("div", { className: css(styles.dataListItemControl, className) }, check),
|
|
13
13
|
otherControls && check));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataListCheck.js","sourceRoot":"","sources":["../../../../src/components/DataList/DataListCheck.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,4DAA4D,CAAC;
|
|
1
|
+
{"version":3,"file":"DataListCheck.js","sourceRoot":"","sources":["../../../../src/components/DataList/DataListCheck.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,4DAA4D,CAAC;AA+BhF,MAAM,CAAC,MAAM,aAAa,GAAgD,CAAC,EAWtD,EAAE,EAAE;QAXkD,EACzE,SAAS,GAAG,EAAE;IACd,6DAA6D;IAC7D,QAAQ,GAAG,CAAC,OAAgB,EAAE,KAAwC,EAAE,EAAE,GAAE,CAAC,EAC7E,OAAO,GAAG,IAAI,EACd,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,IAAI,EAChB,OAAO,GAAG,IAAI,EACd,cAAc,EACd,aAAa,GAAG,KAAK,OAEF,EADhB,KAAK,cAViE,6GAW1E,CADS;IAER,MAAM,KAAK,GAAG,CACZ,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,aAAa,CAAC;QACvC,+CACM,KAAK,IACT,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,kBACjD,CAAC,OAAO,EACtB,QAAQ,EAAE,UAAU,IAChB,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,EAAE,cAAc,EAAE,CAAC,EAC9D,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,IAAI,OAAO,EAAE,CAAC,EAClF,CACE,CACP,CAAC;IACF,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACZ,CAAC,aAAa,IAAI,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,mBAAmB,EAAE,SAAS,CAAC,IAAG,KAAK,CAAO;QAC3F,aAAa,IAAI,KAAK,CACR,CAClB,CAAC;AACJ,CAAC,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
|
|
@@ -6,14 +6,20 @@ export interface DataListCheckProps extends Omit<React.HTMLProps<HTMLInputElemen
|
|
|
6
6
|
isValid?: boolean;
|
|
7
7
|
/** Flag to show if the DataList checkbox is disabled */
|
|
8
8
|
isDisabled?: boolean;
|
|
9
|
-
/** Flag to show if the DataList checkbox is checked when it is controlled by React state.
|
|
10
|
-
*
|
|
9
|
+
/** Flag to show if the DataList checkbox is checked when it is controlled by React state. Both isChecked and checked are valid,
|
|
10
|
+
* but only use one.
|
|
11
|
+
* To make the DataList checkbox uncontrolled, instead use the defaultChecked prop, but do not use both.
|
|
11
12
|
*/
|
|
12
13
|
isChecked?: boolean;
|
|
14
|
+
/** Flag to show if the DataList checkbox is checked when it is controlled by React state. Both isChecked and checked are valid,
|
|
15
|
+
* but only use one.
|
|
16
|
+
* To make the DataList checkbox uncontrolled, instead use the defaultChecked prop, but do not use both.
|
|
17
|
+
*/
|
|
18
|
+
checked?: boolean;
|
|
13
19
|
/** Flag to set default value of DataList checkbox when it is uncontrolled by React state.
|
|
14
20
|
* To make the DataList checkbox controlled, instead use the isChecked prop, but do not use both.
|
|
15
21
|
*/
|
|
16
|
-
|
|
22
|
+
defaultChecked?: boolean;
|
|
17
23
|
/** A callback for when the DataList checkbox selection changes */
|
|
18
24
|
onChange?: (checked: boolean, event: React.FormEvent<HTMLInputElement>) => void;
|
|
19
25
|
/** Aria-labelledby of the DataList checkbox */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataListCheck.d.ts","sourceRoot":"","sources":["../../../../src/components/DataList/DataListCheck.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACzG,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wDAAwD;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB
|
|
1
|
+
{"version":3,"file":"DataListCheck.d.ts","sourceRoot":"","sources":["../../../../src/components/DataList/DataListCheck.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACzG,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wDAAwD;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChF,+CAA+C;IAC/C,iBAAiB,EAAE,MAAM,CAAC;IAC1B,sEAAsE;IACtE,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CA+BrE,CAAC"}
|
|
@@ -8,9 +8,9 @@ const data_list_1 = tslib_1.__importDefault(require("@patternfly/react-styles/cs
|
|
|
8
8
|
const DataListCheck = (_a) => {
|
|
9
9
|
var { className = '',
|
|
10
10
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
11
|
-
onChange = (checked, event) => { }, isValid = true, isDisabled = false, isChecked = null, checked = null, otherControls = false } = _a, props = tslib_1.__rest(_a, ["className", "onChange", "isValid", "isDisabled", "isChecked", "checked", "otherControls"]);
|
|
11
|
+
onChange = (checked, event) => { }, isValid = true, isDisabled = false, isChecked = null, checked = null, defaultChecked, otherControls = false } = _a, props = tslib_1.__rest(_a, ["className", "onChange", "isValid", "isDisabled", "isChecked", "checked", "defaultChecked", "otherControls"]);
|
|
12
12
|
const check = (React.createElement("div", { className: react_styles_1.css(data_list_1.default.dataListCheck) },
|
|
13
|
-
React.createElement("input", Object.assign({}, props, { type: "checkbox", onChange: event => onChange(event.currentTarget.checked, event), "aria-invalid": !isValid, disabled: isDisabled }, (
|
|
13
|
+
React.createElement("input", Object.assign({}, props, { type: "checkbox", onChange: event => onChange(event.currentTarget.checked, event), "aria-invalid": !isValid, disabled: isDisabled }, ([true, false].includes(defaultChecked) && { defaultChecked }), (![true, false].includes(defaultChecked) && { checked: isChecked || checked })))));
|
|
14
14
|
return (React.createElement(React.Fragment, null,
|
|
15
15
|
!otherControls && React.createElement("div", { className: react_styles_1.css(data_list_1.default.dataListItemControl, className) }, check),
|
|
16
16
|
otherControls && check));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataListCheck.js","sourceRoot":"","sources":["../../../../src/components/DataList/DataListCheck.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,mHAAgF;
|
|
1
|
+
{"version":3,"file":"DataListCheck.js","sourceRoot":"","sources":["../../../../src/components/DataList/DataListCheck.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,mHAAgF;AA+BzE,MAAM,aAAa,GAAgD,CAAC,EAWtD,EAAE,EAAE;QAXkD,EACzE,SAAS,GAAG,EAAE;IACd,6DAA6D;IAC7D,QAAQ,GAAG,CAAC,OAAgB,EAAE,KAAwC,EAAE,EAAE,GAAE,CAAC,EAC7E,OAAO,GAAG,IAAI,EACd,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,IAAI,EAChB,OAAO,GAAG,IAAI,EACd,cAAc,EACd,aAAa,GAAG,KAAK,OAEF,EADhB,KAAK,sBAViE,6GAW1E,CADS;IAER,MAAM,KAAK,GAAG,CACZ,6BAAK,SAAS,EAAE,kBAAG,CAAC,mBAAM,CAAC,aAAa,CAAC;QACvC,+CACM,KAAK,IACT,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,kBACjD,CAAC,OAAO,EACtB,QAAQ,EAAE,UAAU,IAChB,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,EAAE,cAAc,EAAE,CAAC,EAC9D,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,IAAI,OAAO,EAAE,CAAC,EAClF,CACE,CACP,CAAC;IACF,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACZ,CAAC,aAAa,IAAI,6BAAK,SAAS,EAAE,kBAAG,CAAC,mBAAM,CAAC,mBAAmB,EAAE,SAAS,CAAC,IAAG,KAAK,CAAO;QAC3F,aAAa,IAAI,KAAK,CACR,CAClB,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,aAAa,iBA+BxB;AACF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
|
package/dist/umd/react-core.js
CHANGED
|
@@ -9425,9 +9425,9 @@
|
|
|
9425
9425
|
const DataListCheck = (_a) => {
|
|
9426
9426
|
var { className = '',
|
|
9427
9427
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
9428
|
-
onChange = (checked, event) => { }, isValid = true, isDisabled = false, isChecked = null, checked = null, otherControls = false } = _a, props = __rest$1(_a, ["className", "onChange", "isValid", "isDisabled", "isChecked", "checked", "otherControls"]);
|
|
9428
|
+
onChange = (checked, event) => { }, isValid = true, isDisabled = false, isChecked = null, checked = null, defaultChecked, otherControls = false } = _a, props = __rest$1(_a, ["className", "onChange", "isValid", "isDisabled", "isChecked", "checked", "defaultChecked", "otherControls"]);
|
|
9429
9429
|
const check = (React__namespace.createElement("div", { className: css(styles$O.dataListCheck) },
|
|
9430
|
-
React__namespace.createElement("input", Object.assign({}, props, { type: "checkbox", onChange: event => onChange(event.currentTarget.checked, event), "aria-invalid": !isValid, disabled: isDisabled }, (
|
|
9430
|
+
React__namespace.createElement("input", Object.assign({}, props, { type: "checkbox", onChange: event => onChange(event.currentTarget.checked, event), "aria-invalid": !isValid, disabled: isDisabled }, ([true, false].includes(defaultChecked) && { defaultChecked }), (![true, false].includes(defaultChecked) && { checked: isChecked || checked })))));
|
|
9431
9431
|
return (React__namespace.createElement(React__namespace.Fragment, null,
|
|
9432
9432
|
!otherControls && React__namespace.createElement("div", { className: css(styles$O.dataListItemControl, className) }, check),
|
|
9433
9433
|
otherControls && check));
|
|
@@ -260,37 +260,6 @@
|
|
|
260
260
|
--pf-c-accordion__expanded-content-body--PaddingTop: var(--pf-c-accordion__expanded-content-body--expanded-content-body--PaddingTop);
|
|
261
261
|
}
|
|
262
262
|
|
|
263
|
-
.pf-c-action-list {
|
|
264
|
-
--pf-c-action-list--m-icon--spacer: 0;
|
|
265
|
-
--pf-c-action-list--child--spacer-base: var(--pf-global--spacer--md);
|
|
266
|
-
--pf-c-action-list--group--spacer-base: var(--pf-global--spacer--2xl);
|
|
267
|
-
}
|
|
268
|
-
|
|
269
|
-
.pf-c-action-list,
|
|
270
|
-
.pf-c-action-list__group {
|
|
271
|
-
--pf-c-action-list--child--spacer: var(--pf-c-action-list--child--spacer-base);
|
|
272
|
-
--pf-c-action-list--group--spacer: var(--pf-c-action-list--group--spacer-base);
|
|
273
|
-
display: flex;
|
|
274
|
-
align-items: center;
|
|
275
|
-
}
|
|
276
|
-
|
|
277
|
-
.pf-c-action-list > * + *,
|
|
278
|
-
.pf-c-action-list__group > * + * {
|
|
279
|
-
margin-left: var(--pf-c-action-list--child--spacer);
|
|
280
|
-
}
|
|
281
|
-
|
|
282
|
-
.pf-c-action-list > * + .pf-c-action-list__group,
|
|
283
|
-
.pf-c-action-list .pf-c-action-list__group + *,
|
|
284
|
-
.pf-c-action-list__group > * + .pf-c-action-list__group,
|
|
285
|
-
.pf-c-action-list__group .pf-c-action-list__group + * {
|
|
286
|
-
margin-left: var(--pf-c-action-list--group--spacer);
|
|
287
|
-
}
|
|
288
|
-
|
|
289
|
-
.pf-c-action-list.pf-m-icons,
|
|
290
|
-
.pf-c-action-list__group.pf-m-icons {
|
|
291
|
-
--pf-c-action-list--child--spacer: var(--pf-c-action-list--m-icon--spacer);
|
|
292
|
-
}
|
|
293
|
-
|
|
294
263
|
.pf-c-alert {
|
|
295
264
|
--pf-global--Color--100: var(--pf-global--Color--dark-100);
|
|
296
265
|
--pf-global--Color--200: var(--pf-global--Color--dark-200);
|
|
@@ -509,6 +478,37 @@
|
|
|
509
478
|
--pf-c-alert__title--FontWeight: var(--pf-global--FontWeight--normal);
|
|
510
479
|
}
|
|
511
480
|
|
|
481
|
+
.pf-c-action-list {
|
|
482
|
+
--pf-c-action-list--m-icon--spacer: 0;
|
|
483
|
+
--pf-c-action-list--child--spacer-base: var(--pf-global--spacer--md);
|
|
484
|
+
--pf-c-action-list--group--spacer-base: var(--pf-global--spacer--2xl);
|
|
485
|
+
}
|
|
486
|
+
|
|
487
|
+
.pf-c-action-list,
|
|
488
|
+
.pf-c-action-list__group {
|
|
489
|
+
--pf-c-action-list--child--spacer: var(--pf-c-action-list--child--spacer-base);
|
|
490
|
+
--pf-c-action-list--group--spacer: var(--pf-c-action-list--group--spacer-base);
|
|
491
|
+
display: flex;
|
|
492
|
+
align-items: center;
|
|
493
|
+
}
|
|
494
|
+
|
|
495
|
+
.pf-c-action-list > * + *,
|
|
496
|
+
.pf-c-action-list__group > * + * {
|
|
497
|
+
margin-left: var(--pf-c-action-list--child--spacer);
|
|
498
|
+
}
|
|
499
|
+
|
|
500
|
+
.pf-c-action-list > * + .pf-c-action-list__group,
|
|
501
|
+
.pf-c-action-list .pf-c-action-list__group + *,
|
|
502
|
+
.pf-c-action-list__group > * + .pf-c-action-list__group,
|
|
503
|
+
.pf-c-action-list__group .pf-c-action-list__group + * {
|
|
504
|
+
margin-left: var(--pf-c-action-list--group--spacer);
|
|
505
|
+
}
|
|
506
|
+
|
|
507
|
+
.pf-c-action-list.pf-m-icons,
|
|
508
|
+
.pf-c-action-list__group.pf-m-icons {
|
|
509
|
+
--pf-c-action-list--child--spacer: var(--pf-c-action-list--m-icon--spacer);
|
|
510
|
+
}
|
|
511
|
+
|
|
512
512
|
.pf-c-app-launcher {
|
|
513
513
|
--pf-c-app-launcher__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
|
|
514
514
|
--pf-c-app-launcher__menu--BoxShadow: var(--pf-global--BoxShadow--md);
|