@patternfly/react-core 4.226.2 → 4.227.0
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/Dropdown/DropdownToggle.d.ts.map +1 -1
- package/dist/esm/components/Dropdown/DropdownToggle.js +1 -1
- package/dist/esm/components/Dropdown/DropdownToggle.js.map +1 -1
- package/dist/js/components/Dropdown/DropdownToggle.d.ts.map +1 -1
- package/dist/js/components/Dropdown/DropdownToggle.js +1 -1
- package/dist/js/components/Dropdown/DropdownToggle.js.map +1 -1
- package/dist/umd/react-core.css +160 -160
- package/dist/umd/react-core.js +1 -1
- package/dist/umd/react-core.min.js +1 -1
- package/package.json +5 -5
- package/src/components/Dropdown/DropdownToggle.tsx +1 -0
- package/src/components/Dropdown/__tests__/DropdownToggle.test.tsx +18 -0
- package/src/components/Dropdown/__tests__/__snapshots__/DropdownToggle.test.tsx.snap +1 -1
- package/src/components/Dropdown/examples/Dropdown.md +5 -0
- package/src/components/Dropdown/examples/DropdownSplitButtonActionSecondary.tsx +107 -0
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.227.0 (2022-07-26)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **Dropdown:** added secondary styling to split action button ([#7746](https://github.com/patternfly/patternfly-react/issues/7746)) ([e701c32](https://github.com/patternfly/patternfly-react/commit/e701c32bb36097770ecb2c3e17e15df0b720488f))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
## 4.226.2 (2022-07-26)
|
|
7
18
|
|
|
8
19
|
**Note:** Version bump only for package @patternfly/react-core
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAExD,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,EAAE,SAAS;IACxF,iCAAiC;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAChD,iCAAiC;IACjC,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,uBAAuB;IACvB,UAAU,CAAC,EAAE,MAAM,WAAW,CAAC;IAC/B,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oDAAoD;IACpD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4HAA4H;IAC5H,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sDAAsD;IACtD,aAAa,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;IACpD,8FAA8F;IAC9F,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,8IAA8I;IAC9I,eAAe,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC;IAC3C,yGAAyG;IACzG,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACrC,qCAAqC;IACrC,kBAAkB,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC3C,sDAAsD;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2DAA2D;IAC3D,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5E,gCAAgC;IAChC,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,oDAAoD;IACpD,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CACjE;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,
|
|
1
|
+
{"version":3,"file":"DropdownToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAExD,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,EAAE,SAAS;IACxF,iCAAiC;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAChD,iCAAiC;IACjC,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,uBAAuB;IACvB,UAAU,CAAC,EAAE,MAAM,WAAW,CAAC;IAC/B,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oDAAoD;IACpD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4HAA4H;IAC5H,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sDAAsD;IACtD,aAAa,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;IACpD,8FAA8F;IAC9F,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,8IAA8I;IAC9I,eAAe,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC;IAC3C,yGAAyG;IACzG,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACrC,qCAAqC;IACrC,kBAAkB,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC3C,sDAAsD;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2DAA2D;IAC3D,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5E,gCAAgC;IAChC,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,oDAAoD;IACpD,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CACjE;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAgFvE,CAAC"}
|
|
@@ -22,7 +22,7 @@ export const DropdownToggle = (_a) => {
|
|
|
22
22
|
ToggleIndicator && (React.createElement("span", { className: css(!splitButtonItems && toggleIndicatorClass) },
|
|
23
23
|
React.createElement(ToggleIndicator, null)))))));
|
|
24
24
|
if (splitButtonItems) {
|
|
25
|
-
return (React.createElement("div", { className: css(styles.dropdownToggle, styles.modifiers.splitButton, splitButtonVariant === 'action' && styles.modifiers.action, (toggleVariant === 'primary' || isPrimary) && splitButtonVariant === 'action' && styles.modifiers.primary, isDisabled && styles.modifiers.disabled) },
|
|
25
|
+
return (React.createElement("div", { className: css(styles.dropdownToggle, styles.modifiers.splitButton, splitButtonVariant === 'action' && styles.modifiers.action, (toggleVariant === 'primary' || isPrimary) && splitButtonVariant === 'action' && styles.modifiers.primary, toggleVariant === 'secondary' && splitButtonVariant === 'action' && styles.modifiers.secondary, isDisabled && styles.modifiers.disabled) },
|
|
26
26
|
splitButtonItems,
|
|
27
27
|
toggle));
|
|
28
28
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownToggle.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownToggle.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"DropdownToggle.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownToggle.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAExD,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,EAAE,SAAS;IACxF,iCAAiC;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAChD,iCAAiC;IACjC,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,uBAAuB;IACvB,UAAU,CAAC,EAAE,MAAM,WAAW,CAAC;IAC/B,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oDAAoD;IACpD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4HAA4H;IAC5H,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sDAAsD;IACtD,aAAa,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;IACpD,8FAA8F;IAC9F,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,8IAA8I;IAC9I,eAAe,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC;IAC3C,yGAAyG;IACzG,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACrC,qCAAqC;IACrC,kBAAkB,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC3C,sDAAsD;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2DAA2D;IAC3D,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5E,gCAAgC;IAChC,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,oDAAoD;IACpD,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CACjE;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,
|
|
1
|
+
{"version":3,"file":"DropdownToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAExD,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,EAAE,SAAS;IACxF,iCAAiC;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAChD,iCAAiC;IACjC,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,uBAAuB;IACvB,UAAU,CAAC,EAAE,MAAM,WAAW,CAAC;IAC/B,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oDAAoD;IACpD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4HAA4H;IAC5H,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sDAAsD;IACtD,aAAa,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;IACpD,8FAA8F;IAC9F,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,8IAA8I;IAC9I,eAAe,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC;IAC3C,yGAAyG;IACzG,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACrC,qCAAqC;IACrC,kBAAkB,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC3C,sDAAsD;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2DAA2D;IAC3D,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5E,gCAAgC;IAChC,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,oDAAoD;IACpD,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CACjE;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAgFvE,CAAC"}
|
|
@@ -25,7 +25,7 @@ const DropdownToggle = (_a) => {
|
|
|
25
25
|
ToggleIndicator && (React.createElement("span", { className: react_styles_1.css(!splitButtonItems && toggleIndicatorClass) },
|
|
26
26
|
React.createElement(ToggleIndicator, null)))))));
|
|
27
27
|
if (splitButtonItems) {
|
|
28
|
-
return (React.createElement("div", { className: react_styles_1.css(dropdown_1.default.dropdownToggle, dropdown_1.default.modifiers.splitButton, splitButtonVariant === 'action' && dropdown_1.default.modifiers.action, (toggleVariant === 'primary' || isPrimary) && splitButtonVariant === 'action' && dropdown_1.default.modifiers.primary, isDisabled && dropdown_1.default.modifiers.disabled) },
|
|
28
|
+
return (React.createElement("div", { className: react_styles_1.css(dropdown_1.default.dropdownToggle, dropdown_1.default.modifiers.splitButton, splitButtonVariant === 'action' && dropdown_1.default.modifiers.action, (toggleVariant === 'primary' || isPrimary) && splitButtonVariant === 'action' && dropdown_1.default.modifiers.primary, toggleVariant === 'secondary' && splitButtonVariant === 'action' && dropdown_1.default.modifiers.secondary, isDisabled && dropdown_1.default.modifiers.disabled) },
|
|
29
29
|
splitButtonItems,
|
|
30
30
|
toggle));
|
|
31
31
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownToggle.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownToggle.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,oHAAmF;AACnF,qCAAkC;AAClC,iHAA+E;AAC/E,2DAAsD;AACtD,2DAA+C;AAC/C,2CAAwD;AA+CjD,MAAM,cAAc,GAAiD,CAAC,EA0BvD,EAAE,EAAE;QA1BmD,EAC3E,EAAE,GAAG,EAAE,EACP,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,MAAM,GAAG,KAAK,EACd,SAAS,GAAG,IAAI,EAChB,UAAU,GAAG,IAAI,EACjB,UAAU,GAAG,KAAK,EAClB,OAAO,GAAG,KAAK,EACf,MAAM,GAAG,KAAK,EACd,SAAS,GAAG,KAAK,EACjB,aAAa,GAAG,SAAS;IACzB,6DAA6D;IAC7D,QAAQ,GAAG,KAAK;IAChB,6DAA6D;IAC7D,QAAQ,GAAG,CAAC,OAAgB,EAAE,EAAE,CAAC,SAAgB,EACjD,IAAI,GAAG,IAAI,EACX,eAAe,EAAE,eAAe,GAAG,yBAAa,EAChD,gBAAgB,EAChB,kBAAkB,GAAG,UAAU,EAC/B,eAAe,EAAE,YAAY,EAC7B,MAAM,EACN,QAAQ;IACR,6DAA6D;IAC7D,GAAG,OAEiB,EAFf,4EAA4E;IAC9E,KAAK,sBAzBmE,gRA0B5E,CADS;IAER,MAAM,SAAS,GAAG,sBAAY,CAAC,sBAAc,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;IAC7E,MAAM,MAAM,GAAG,CACb,oBAAC,mCAAe,CAAC,QAAQ,QACtB,CAAC,EAAE,eAAe,EAAE,oBAAoB,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CAC/D,oBAAC,eAAM,oBACD,KAAK,IACT,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,mBACH,YAAY,IACvB,SAAS,EACT,CAAC,gBAAgB,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,IAAI,QAAQ,EAAE,CAAC;QAE/F,IAAI,IAAI,8BAAM,SAAS,EAAE,kBAAG,CAAC,eAAe,CAAC,IAAG,IAAI,CAAQ;QAC5D,QAAQ,IAAI,8BAAM,SAAS,EAAE,eAAe,IAAI,kBAAG,CAAC,eAAe,CAAC,IAAG,QAAQ,CAAQ;QACvF,eAAe,IAAI,CAClB,8BAAM,SAAS,EAAE,kBAAG,CAAC,CAAC,gBAAgB,IAAI,oBAAoB,CAAC;YAC7D,oBAAC,eAAe,OAAG,CACd,CACR,CACM,CACV,CACwB,CAC5B,CAAC;IAEF,IAAI,gBAAgB,EAAE;QACpB,OAAO,CACL,6BACE,SAAS,EAAE,kBAAG,CACZ,kBAAM,CAAC,cAAc,EACrB,kBAAM,CAAC,SAAS,CAAC,WAAW,EAC5B,kBAAkB,KAAK,QAAQ,IAAI,kBAAM,CAAC,SAAS,CAAC,MAAM,EAC1D,CAAC,aAAa,KAAK,SAAS,IAAI,SAAS,CAAC,IAAI,kBAAkB,KAAK,QAAQ,IAAI,kBAAM,CAAC,SAAS,CAAC,OAAO,EACzG,UAAU,IAAI,kBAAM,CAAC,SAAS,CAAC,QAAQ,CACxC;YAEA,gBAAgB;YAChB,MAAM,CACH,CACP,CAAC;KACH;IAED,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"DropdownToggle.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownToggle.tsx"],"names":[],"mappings":"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"}
|
package/dist/umd/react-core.css
CHANGED
|
@@ -19153,166 +19153,6 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
19153
19153
|
transform: rotate(720deg);
|
|
19154
19154
|
}
|
|
19155
19155
|
}
|
|
19156
|
-
.pf-c-switch {
|
|
19157
|
-
--pf-c-switch--FontSize: var(--pf-global--FontSize--md);
|
|
19158
|
-
--pf-c-switch__label--PaddingLeft: var(--pf-global--spacer--md);
|
|
19159
|
-
--pf-c-switch--ColumnGap: var(--pf-c-switch__label--PaddingLeft);
|
|
19160
|
-
--pf-c-switch__toggle-icon--FontSize: calc(var(--pf-c-switch--FontSize) * .625);
|
|
19161
|
-
--pf-c-switch__toggle-icon--Color: var(--pf-global--Color--light-100);
|
|
19162
|
-
--pf-c-switch__toggle-icon--Left: calc(var(--pf-c-switch--FontSize) * .4);
|
|
19163
|
-
--pf-c-switch__toggle-icon--Offset: 0.125rem;
|
|
19164
|
-
--pf-c-switch--LineHeight: var(--pf-global--LineHeight--md);
|
|
19165
|
-
--pf-c-switch--Height: auto;
|
|
19166
|
-
--pf-c-switch__input--checked__toggle--BackgroundColor: var(--pf-global--primary-color--100);
|
|
19167
|
-
--pf-c-switch__input--checked__toggle--before--TranslateX: calc(100% + var(--pf-c-switch__toggle-icon--Offset));
|
|
19168
|
-
--pf-c-switch__input--checked__label--Color: var(--pf-global--Color--dark-100);
|
|
19169
|
-
--pf-c-switch__input--not-checked__label--Color: var(--pf-global--disabled-color--100);
|
|
19170
|
-
--pf-c-switch__input--disabled__label--Color: var(--pf-global--disabled-color--100);
|
|
19171
|
-
--pf-c-switch__input--disabled__toggle--BackgroundColor: var(--pf-global--disabled-color--200);
|
|
19172
|
-
--pf-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-global--palette--black-150);
|
|
19173
|
-
--pf-c-switch__input--focus__toggle--OutlineWidth: var(--pf-global--BorderWidth--md);
|
|
19174
|
-
--pf-c-switch__input--focus__toggle--OutlineOffset: var(--pf-global--spacer--sm);
|
|
19175
|
-
--pf-c-switch__input--focus__toggle--OutlineColor: var(--pf-global--primary-color--100);
|
|
19176
|
-
--pf-c-switch__toggle--Height: calc(var(--pf-c-switch--FontSize) * var(--pf-c-switch--LineHeight));
|
|
19177
|
-
--pf-c-switch__toggle--BackgroundColor: var(--pf-global--palette--black-500);
|
|
19178
|
-
--pf-c-switch__toggle--BorderRadius: var(--pf-c-switch__toggle--Height);
|
|
19179
|
-
--pf-c-switch__toggle--before--Width: calc(var(--pf-c-switch--FontSize) - var(--pf-c-switch__toggle-icon--Offset));
|
|
19180
|
-
--pf-c-switch__toggle--before--Height: var(--pf-c-switch__toggle--before--Width);
|
|
19181
|
-
--pf-c-switch__toggle--before--Top: calc((var(--pf-c-switch__toggle--Height) - var(--pf-c-switch__toggle--before--Height)) / 2);
|
|
19182
|
-
--pf-c-switch__toggle--before--Left: var(--pf-c-switch__toggle--before--Top);
|
|
19183
|
-
--pf-c-switch__toggle--before--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
19184
|
-
--pf-c-switch__toggle--before--BorderRadius: var(--pf-global--BorderRadius--lg);
|
|
19185
|
-
--pf-c-switch__toggle--before--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
19186
|
-
--pf-c-switch__toggle--before--Transition: transform .25s ease 0s;
|
|
19187
|
-
--pf-c-switch__toggle--Width: calc(var(--pf-c-switch__toggle--Height) + var(--pf-c-switch__toggle-icon--Offset) + var(--pf-c-switch__toggle--before--Width));
|
|
19188
|
-
--pf-c-switch__label--Color: var(--pf-global--Color--dark-100);
|
|
19189
|
-
position: relative;
|
|
19190
|
-
display: inline-grid;
|
|
19191
|
-
grid-template-columns: auto;
|
|
19192
|
-
grid-auto-columns: 1fr;
|
|
19193
|
-
column-gap: var(--pf-c-switch--ColumnGap);
|
|
19194
|
-
height: var(--pf-c-switch--Height);
|
|
19195
|
-
font-size: var(--pf-c-switch--FontSize);
|
|
19196
|
-
line-height: var(--pf-c-switch--LineHeight);
|
|
19197
|
-
vertical-align: middle;
|
|
19198
|
-
cursor: pointer;
|
|
19199
|
-
}
|
|
19200
|
-
|
|
19201
|
-
.pf-c-switch.pf-m-reverse .pf-c-switch__label,
|
|
19202
|
-
.pf-c-switch.pf-m-reverse .pf-c-switch__toggle {
|
|
19203
|
-
grid-row: 1;
|
|
19204
|
-
}
|
|
19205
|
-
|
|
19206
|
-
.pf-c-switch.pf-m-reverse .pf-c-switch__label {
|
|
19207
|
-
grid-column: 1;
|
|
19208
|
-
}
|
|
19209
|
-
|
|
19210
|
-
.pf-c-switch__input {
|
|
19211
|
-
position: absolute;
|
|
19212
|
-
cursor: pointer;
|
|
19213
|
-
opacity: 0;
|
|
19214
|
-
}
|
|
19215
|
-
|
|
19216
|
-
.pf-c-switch__input:focus ~ .pf-c-switch__toggle {
|
|
19217
|
-
outline: var(--pf-c-switch__input--focus__toggle--OutlineWidth) solid var(--pf-c-switch__input--focus__toggle--OutlineColor);
|
|
19218
|
-
outline-offset: var(--pf-c-switch__input--focus__toggle--OutlineOffset);
|
|
19219
|
-
}
|
|
19220
|
-
|
|
19221
|
-
.pf-c-switch__input:checked ~ .pf-c-switch__label {
|
|
19222
|
-
color: var(--pf-c-switch__input--checked__label--Color);
|
|
19223
|
-
}
|
|
19224
|
-
|
|
19225
|
-
.pf-c-switch__input:checked ~ .pf-c-switch__toggle {
|
|
19226
|
-
background-color: var(--pf-c-switch__input--checked__toggle--BackgroundColor);
|
|
19227
|
-
}
|
|
19228
|
-
|
|
19229
|
-
.pf-c-switch__input:checked ~ .pf-c-switch__toggle::before {
|
|
19230
|
-
transform: translateX(var(--pf-c-switch__input--checked__toggle--before--TranslateX));
|
|
19231
|
-
}
|
|
19232
|
-
|
|
19233
|
-
.pf-c-switch__input:checked ~ .pf-m-off {
|
|
19234
|
-
display: none;
|
|
19235
|
-
}
|
|
19236
|
-
|
|
19237
|
-
.pf-c-switch__input:not(:checked) ~ .pf-c-switch__label {
|
|
19238
|
-
color: var(--pf-c-switch__input--not-checked__label--Color);
|
|
19239
|
-
}
|
|
19240
|
-
|
|
19241
|
-
.pf-c-switch__input:not(:checked) ~ .pf-c-switch__toggle .pf-c-switch__toggle-icon {
|
|
19242
|
-
display: none;
|
|
19243
|
-
visibility: hidden;
|
|
19244
|
-
}
|
|
19245
|
-
|
|
19246
|
-
.pf-c-switch__input:not(:checked) ~ .pf-m-on {
|
|
19247
|
-
display: none;
|
|
19248
|
-
}
|
|
19249
|
-
|
|
19250
|
-
.pf-c-switch__input:disabled {
|
|
19251
|
-
cursor: not-allowed;
|
|
19252
|
-
}
|
|
19253
|
-
|
|
19254
|
-
.pf-c-switch__input:disabled ~ .pf-c-switch__label {
|
|
19255
|
-
color: var(--pf-c-switch__input--disabled__label--Color);
|
|
19256
|
-
cursor: not-allowed;
|
|
19257
|
-
}
|
|
19258
|
-
|
|
19259
|
-
.pf-c-switch__input:disabled ~ .pf-c-switch__toggle {
|
|
19260
|
-
cursor: not-allowed;
|
|
19261
|
-
background-color: var(--pf-c-switch__input--disabled__toggle--BackgroundColor);
|
|
19262
|
-
}
|
|
19263
|
-
|
|
19264
|
-
.pf-c-switch__input:disabled ~ .pf-c-switch__toggle::before {
|
|
19265
|
-
background-color: var(--pf-c-switch__input--disabled__toggle--before--BackgroundColor);
|
|
19266
|
-
}
|
|
19267
|
-
|
|
19268
|
-
.pf-c-switch__toggle {
|
|
19269
|
-
position: relative;
|
|
19270
|
-
display: inline-block;
|
|
19271
|
-
width: var(--pf-c-switch__toggle--Width);
|
|
19272
|
-
height: var(--pf-c-switch__toggle--Height);
|
|
19273
|
-
background-color: var(--pf-c-switch__toggle--BackgroundColor);
|
|
19274
|
-
border-radius: var(--pf-c-switch__toggle--BorderRadius);
|
|
19275
|
-
}
|
|
19276
|
-
|
|
19277
|
-
.pf-c-switch__toggle::before {
|
|
19278
|
-
position: absolute;
|
|
19279
|
-
top: var(--pf-c-switch__toggle--before--Top);
|
|
19280
|
-
left: var(--pf-c-switch__toggle--before--Left);
|
|
19281
|
-
display: block;
|
|
19282
|
-
width: var(--pf-c-switch__toggle--before--Width);
|
|
19283
|
-
height: var(--pf-c-switch__toggle--before--Height);
|
|
19284
|
-
content: "";
|
|
19285
|
-
background-color: var(--pf-c-switch__toggle--before--BackgroundColor);
|
|
19286
|
-
border-radius: var(--pf-c-switch__toggle--before--BorderRadius);
|
|
19287
|
-
box-shadow: var(--pf-c-switch__toggle--before--BoxShadow);
|
|
19288
|
-
transition: var(--pf-c-switch__toggle--before--Transition);
|
|
19289
|
-
}
|
|
19290
|
-
|
|
19291
|
-
.pf-c-switch__toggle-icon {
|
|
19292
|
-
position: absolute;
|
|
19293
|
-
top: 0;
|
|
19294
|
-
bottom: 0;
|
|
19295
|
-
left: var(--pf-c-switch__toggle-icon--Left);
|
|
19296
|
-
display: flex;
|
|
19297
|
-
align-items: center;
|
|
19298
|
-
font-size: var(--pf-c-switch__toggle-icon--FontSize);
|
|
19299
|
-
color: var(--pf-c-switch__toggle-icon--Color);
|
|
19300
|
-
}
|
|
19301
|
-
|
|
19302
|
-
.pf-c-switch__label {
|
|
19303
|
-
display: inline-block;
|
|
19304
|
-
grid-column: 2;
|
|
19305
|
-
color: var(--pf-c-switch__label--Color);
|
|
19306
|
-
vertical-align: top;
|
|
19307
|
-
}
|
|
19308
|
-
|
|
19309
|
-
:where(.pf-theme-dark) .pf-c-switch {
|
|
19310
|
-
--pf-c-switch__toggle-icon--Color: var(--pf-global--BackgroundColor--100);
|
|
19311
|
-
--pf-c-switch__input--not-checked__label--Color: var(--pf-global--Color--100);
|
|
19312
|
-
--pf-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-global--disabled-color--100);
|
|
19313
|
-
--pf-c-switch__toggle--before--BoxShadow: none;
|
|
19314
|
-
}
|
|
19315
|
-
|
|
19316
19156
|
.pf-c-tabs {
|
|
19317
19157
|
--pf-c-tabs--inset: 0;
|
|
19318
19158
|
--pf-c-tabs--Width: auto;
|
|
@@ -20317,6 +20157,166 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
20317
20157
|
--pf-c-tab-content__body--PaddingLeft: var(--pf-c-tab-content__body--m-padding--PaddingLeft);
|
|
20318
20158
|
}
|
|
20319
20159
|
|
|
20160
|
+
.pf-c-switch {
|
|
20161
|
+
--pf-c-switch--FontSize: var(--pf-global--FontSize--md);
|
|
20162
|
+
--pf-c-switch__label--PaddingLeft: var(--pf-global--spacer--md);
|
|
20163
|
+
--pf-c-switch--ColumnGap: var(--pf-c-switch__label--PaddingLeft);
|
|
20164
|
+
--pf-c-switch__toggle-icon--FontSize: calc(var(--pf-c-switch--FontSize) * .625);
|
|
20165
|
+
--pf-c-switch__toggle-icon--Color: var(--pf-global--Color--light-100);
|
|
20166
|
+
--pf-c-switch__toggle-icon--Left: calc(var(--pf-c-switch--FontSize) * .4);
|
|
20167
|
+
--pf-c-switch__toggle-icon--Offset: 0.125rem;
|
|
20168
|
+
--pf-c-switch--LineHeight: var(--pf-global--LineHeight--md);
|
|
20169
|
+
--pf-c-switch--Height: auto;
|
|
20170
|
+
--pf-c-switch__input--checked__toggle--BackgroundColor: var(--pf-global--primary-color--100);
|
|
20171
|
+
--pf-c-switch__input--checked__toggle--before--TranslateX: calc(100% + var(--pf-c-switch__toggle-icon--Offset));
|
|
20172
|
+
--pf-c-switch__input--checked__label--Color: var(--pf-global--Color--dark-100);
|
|
20173
|
+
--pf-c-switch__input--not-checked__label--Color: var(--pf-global--disabled-color--100);
|
|
20174
|
+
--pf-c-switch__input--disabled__label--Color: var(--pf-global--disabled-color--100);
|
|
20175
|
+
--pf-c-switch__input--disabled__toggle--BackgroundColor: var(--pf-global--disabled-color--200);
|
|
20176
|
+
--pf-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-global--palette--black-150);
|
|
20177
|
+
--pf-c-switch__input--focus__toggle--OutlineWidth: var(--pf-global--BorderWidth--md);
|
|
20178
|
+
--pf-c-switch__input--focus__toggle--OutlineOffset: var(--pf-global--spacer--sm);
|
|
20179
|
+
--pf-c-switch__input--focus__toggle--OutlineColor: var(--pf-global--primary-color--100);
|
|
20180
|
+
--pf-c-switch__toggle--Height: calc(var(--pf-c-switch--FontSize) * var(--pf-c-switch--LineHeight));
|
|
20181
|
+
--pf-c-switch__toggle--BackgroundColor: var(--pf-global--palette--black-500);
|
|
20182
|
+
--pf-c-switch__toggle--BorderRadius: var(--pf-c-switch__toggle--Height);
|
|
20183
|
+
--pf-c-switch__toggle--before--Width: calc(var(--pf-c-switch--FontSize) - var(--pf-c-switch__toggle-icon--Offset));
|
|
20184
|
+
--pf-c-switch__toggle--before--Height: var(--pf-c-switch__toggle--before--Width);
|
|
20185
|
+
--pf-c-switch__toggle--before--Top: calc((var(--pf-c-switch__toggle--Height) - var(--pf-c-switch__toggle--before--Height)) / 2);
|
|
20186
|
+
--pf-c-switch__toggle--before--Left: var(--pf-c-switch__toggle--before--Top);
|
|
20187
|
+
--pf-c-switch__toggle--before--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
20188
|
+
--pf-c-switch__toggle--before--BorderRadius: var(--pf-global--BorderRadius--lg);
|
|
20189
|
+
--pf-c-switch__toggle--before--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
20190
|
+
--pf-c-switch__toggle--before--Transition: transform .25s ease 0s;
|
|
20191
|
+
--pf-c-switch__toggle--Width: calc(var(--pf-c-switch__toggle--Height) + var(--pf-c-switch__toggle-icon--Offset) + var(--pf-c-switch__toggle--before--Width));
|
|
20192
|
+
--pf-c-switch__label--Color: var(--pf-global--Color--dark-100);
|
|
20193
|
+
position: relative;
|
|
20194
|
+
display: inline-grid;
|
|
20195
|
+
grid-template-columns: auto;
|
|
20196
|
+
grid-auto-columns: 1fr;
|
|
20197
|
+
column-gap: var(--pf-c-switch--ColumnGap);
|
|
20198
|
+
height: var(--pf-c-switch--Height);
|
|
20199
|
+
font-size: var(--pf-c-switch--FontSize);
|
|
20200
|
+
line-height: var(--pf-c-switch--LineHeight);
|
|
20201
|
+
vertical-align: middle;
|
|
20202
|
+
cursor: pointer;
|
|
20203
|
+
}
|
|
20204
|
+
|
|
20205
|
+
.pf-c-switch.pf-m-reverse .pf-c-switch__label,
|
|
20206
|
+
.pf-c-switch.pf-m-reverse .pf-c-switch__toggle {
|
|
20207
|
+
grid-row: 1;
|
|
20208
|
+
}
|
|
20209
|
+
|
|
20210
|
+
.pf-c-switch.pf-m-reverse .pf-c-switch__label {
|
|
20211
|
+
grid-column: 1;
|
|
20212
|
+
}
|
|
20213
|
+
|
|
20214
|
+
.pf-c-switch__input {
|
|
20215
|
+
position: absolute;
|
|
20216
|
+
cursor: pointer;
|
|
20217
|
+
opacity: 0;
|
|
20218
|
+
}
|
|
20219
|
+
|
|
20220
|
+
.pf-c-switch__input:focus ~ .pf-c-switch__toggle {
|
|
20221
|
+
outline: var(--pf-c-switch__input--focus__toggle--OutlineWidth) solid var(--pf-c-switch__input--focus__toggle--OutlineColor);
|
|
20222
|
+
outline-offset: var(--pf-c-switch__input--focus__toggle--OutlineOffset);
|
|
20223
|
+
}
|
|
20224
|
+
|
|
20225
|
+
.pf-c-switch__input:checked ~ .pf-c-switch__label {
|
|
20226
|
+
color: var(--pf-c-switch__input--checked__label--Color);
|
|
20227
|
+
}
|
|
20228
|
+
|
|
20229
|
+
.pf-c-switch__input:checked ~ .pf-c-switch__toggle {
|
|
20230
|
+
background-color: var(--pf-c-switch__input--checked__toggle--BackgroundColor);
|
|
20231
|
+
}
|
|
20232
|
+
|
|
20233
|
+
.pf-c-switch__input:checked ~ .pf-c-switch__toggle::before {
|
|
20234
|
+
transform: translateX(var(--pf-c-switch__input--checked__toggle--before--TranslateX));
|
|
20235
|
+
}
|
|
20236
|
+
|
|
20237
|
+
.pf-c-switch__input:checked ~ .pf-m-off {
|
|
20238
|
+
display: none;
|
|
20239
|
+
}
|
|
20240
|
+
|
|
20241
|
+
.pf-c-switch__input:not(:checked) ~ .pf-c-switch__label {
|
|
20242
|
+
color: var(--pf-c-switch__input--not-checked__label--Color);
|
|
20243
|
+
}
|
|
20244
|
+
|
|
20245
|
+
.pf-c-switch__input:not(:checked) ~ .pf-c-switch__toggle .pf-c-switch__toggle-icon {
|
|
20246
|
+
display: none;
|
|
20247
|
+
visibility: hidden;
|
|
20248
|
+
}
|
|
20249
|
+
|
|
20250
|
+
.pf-c-switch__input:not(:checked) ~ .pf-m-on {
|
|
20251
|
+
display: none;
|
|
20252
|
+
}
|
|
20253
|
+
|
|
20254
|
+
.pf-c-switch__input:disabled {
|
|
20255
|
+
cursor: not-allowed;
|
|
20256
|
+
}
|
|
20257
|
+
|
|
20258
|
+
.pf-c-switch__input:disabled ~ .pf-c-switch__label {
|
|
20259
|
+
color: var(--pf-c-switch__input--disabled__label--Color);
|
|
20260
|
+
cursor: not-allowed;
|
|
20261
|
+
}
|
|
20262
|
+
|
|
20263
|
+
.pf-c-switch__input:disabled ~ .pf-c-switch__toggle {
|
|
20264
|
+
cursor: not-allowed;
|
|
20265
|
+
background-color: var(--pf-c-switch__input--disabled__toggle--BackgroundColor);
|
|
20266
|
+
}
|
|
20267
|
+
|
|
20268
|
+
.pf-c-switch__input:disabled ~ .pf-c-switch__toggle::before {
|
|
20269
|
+
background-color: var(--pf-c-switch__input--disabled__toggle--before--BackgroundColor);
|
|
20270
|
+
}
|
|
20271
|
+
|
|
20272
|
+
.pf-c-switch__toggle {
|
|
20273
|
+
position: relative;
|
|
20274
|
+
display: inline-block;
|
|
20275
|
+
width: var(--pf-c-switch__toggle--Width);
|
|
20276
|
+
height: var(--pf-c-switch__toggle--Height);
|
|
20277
|
+
background-color: var(--pf-c-switch__toggle--BackgroundColor);
|
|
20278
|
+
border-radius: var(--pf-c-switch__toggle--BorderRadius);
|
|
20279
|
+
}
|
|
20280
|
+
|
|
20281
|
+
.pf-c-switch__toggle::before {
|
|
20282
|
+
position: absolute;
|
|
20283
|
+
top: var(--pf-c-switch__toggle--before--Top);
|
|
20284
|
+
left: var(--pf-c-switch__toggle--before--Left);
|
|
20285
|
+
display: block;
|
|
20286
|
+
width: var(--pf-c-switch__toggle--before--Width);
|
|
20287
|
+
height: var(--pf-c-switch__toggle--before--Height);
|
|
20288
|
+
content: "";
|
|
20289
|
+
background-color: var(--pf-c-switch__toggle--before--BackgroundColor);
|
|
20290
|
+
border-radius: var(--pf-c-switch__toggle--before--BorderRadius);
|
|
20291
|
+
box-shadow: var(--pf-c-switch__toggle--before--BoxShadow);
|
|
20292
|
+
transition: var(--pf-c-switch__toggle--before--Transition);
|
|
20293
|
+
}
|
|
20294
|
+
|
|
20295
|
+
.pf-c-switch__toggle-icon {
|
|
20296
|
+
position: absolute;
|
|
20297
|
+
top: 0;
|
|
20298
|
+
bottom: 0;
|
|
20299
|
+
left: var(--pf-c-switch__toggle-icon--Left);
|
|
20300
|
+
display: flex;
|
|
20301
|
+
align-items: center;
|
|
20302
|
+
font-size: var(--pf-c-switch__toggle-icon--FontSize);
|
|
20303
|
+
color: var(--pf-c-switch__toggle-icon--Color);
|
|
20304
|
+
}
|
|
20305
|
+
|
|
20306
|
+
.pf-c-switch__label {
|
|
20307
|
+
display: inline-block;
|
|
20308
|
+
grid-column: 2;
|
|
20309
|
+
color: var(--pf-c-switch__label--Color);
|
|
20310
|
+
vertical-align: top;
|
|
20311
|
+
}
|
|
20312
|
+
|
|
20313
|
+
:where(.pf-theme-dark) .pf-c-switch {
|
|
20314
|
+
--pf-c-switch__toggle-icon--Color: var(--pf-global--BackgroundColor--100);
|
|
20315
|
+
--pf-c-switch__input--not-checked__label--Color: var(--pf-global--Color--100);
|
|
20316
|
+
--pf-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-global--disabled-color--100);
|
|
20317
|
+
--pf-c-switch__toggle--before--BoxShadow: none;
|
|
20318
|
+
}
|
|
20319
|
+
|
|
20320
20320
|
.pf-c-content {
|
|
20321
20321
|
--pf-c-content--MarginBottom: var(--pf-global--spacer--md);
|
|
20322
20322
|
--pf-c-content--LineHeight: var(--pf-global--LineHeight--md);
|
package/dist/umd/react-core.js
CHANGED
|
@@ -5921,7 +5921,7 @@
|
|
|
5921
5921
|
ToggleIndicator && (React__namespace.createElement("span", { className: css(!splitButtonItems && toggleIndicatorClass) },
|
|
5922
5922
|
React__namespace.createElement(ToggleIndicator, null)))))));
|
|
5923
5923
|
if (splitButtonItems) {
|
|
5924
|
-
return (React__namespace.createElement("div", { className: css(styles$15.dropdownToggle, styles$15.modifiers.splitButton, splitButtonVariant === 'action' && styles$15.modifiers.action, (toggleVariant === 'primary' || isPrimary) && splitButtonVariant === 'action' && styles$15.modifiers.primary, isDisabled && styles$15.modifiers.disabled) },
|
|
5924
|
+
return (React__namespace.createElement("div", { className: css(styles$15.dropdownToggle, styles$15.modifiers.splitButton, splitButtonVariant === 'action' && styles$15.modifiers.action, (toggleVariant === 'primary' || isPrimary) && splitButtonVariant === 'action' && styles$15.modifiers.primary, toggleVariant === 'secondary' && splitButtonVariant === 'action' && styles$15.modifiers.secondary, isDisabled && styles$15.modifiers.disabled) },
|
|
5925
5925
|
splitButtonItems,
|
|
5926
5926
|
toggle));
|
|
5927
5927
|
}
|