@commercetools-uikit/view-switcher 20.5.0 → 20.6.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/README.md
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<!-- THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. -->
|
|
2
|
-
<!-- This file is created by the `
|
|
2
|
+
<!-- This file is created by the `pnpm generate-readme` script. -->
|
|
3
3
|
|
|
4
4
|
# ViewSwitcher
|
|
5
5
|
|
|
@@ -28,7 +28,7 @@ Toggles are used for "yes/no" or "on/off" binary decisions.
|
|
|
28
28
|
## Installation
|
|
29
29
|
|
|
30
30
|
```
|
|
31
|
-
|
|
31
|
+
pnpm add @commercetools-uikit/view-switcher
|
|
32
32
|
```
|
|
33
33
|
|
|
34
34
|
```
|
|
@@ -38,7 +38,7 @@ npm --save install @commercetools-uikit/view-switcher
|
|
|
38
38
|
Additionally install the peer dependencies (if not present)
|
|
39
39
|
|
|
40
40
|
```
|
|
41
|
-
|
|
41
|
+
pnpm add react
|
|
42
42
|
```
|
|
43
43
|
|
|
44
44
|
```
|
|
@@ -10,7 +10,6 @@ var react = require('@emotion/react');
|
|
|
10
10
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
11
11
|
var AccessibleButton = require('@commercetools-uikit/accessible-button');
|
|
12
12
|
var utils = require('@commercetools-uikit/utils');
|
|
13
|
-
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
14
13
|
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
15
14
|
|
|
16
15
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
@@ -18,7 +17,6 @@ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e };
|
|
|
18
17
|
var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
|
|
19
18
|
var isNil__default = /*#__PURE__*/_interopDefault(isNil);
|
|
20
19
|
var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
|
|
21
|
-
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
22
20
|
|
|
23
21
|
const getSizeStyles = isCondensed => {
|
|
24
22
|
if (isCondensed) {
|
|
@@ -32,23 +30,24 @@ const getFontColor = (isDisabled, isActive) => {
|
|
|
32
30
|
return designSystem.designTokens.colorPrimary;
|
|
33
31
|
};
|
|
34
32
|
const getButtonStyles = (isDisabled, isActive, isCondensed, isFirstButton, isLastButton) => {
|
|
35
|
-
|
|
36
|
-
|
|
33
|
+
const borderRadius = `${isFirstButton ? designSystem.designTokens.borderRadius4 : '0'}
|
|
34
|
+
${isLastButton ? `${designSystem.designTokens.borderRadius4}` : '0'}
|
|
35
|
+
${isLastButton ? `${designSystem.designTokens.borderRadius4}` : '0'}
|
|
36
|
+
${isFirstButton ? designSystem.designTokens.borderRadius4 : '0'}`;
|
|
37
37
|
const fontColor = getFontColor(isDisabled, isActive);
|
|
38
|
-
return [/*#__PURE__*/react.css("align-items:center;color:", fontColor, ";fill:", fontColor, ";transition:background-color ", designSystem.designTokens.transitionLinear80Ms, ";font-size:", designSystem.designTokens.fontSize30, ";border:1px solid ", designSystem.designTokens.borderColorForButtonAsSecondary, ";border-left:", isFirstButton ? "1px solid ".concat(designSystem.designTokens.borderColorForButtonAsSecondary) : '0', ";border-radius:", borderRadius, ";box-shadow:", designSystem.designTokens.shadow0, ";background-color:", designSystem.designTokens.colorSurface, ";&:hover{background-color:", designSystem.designTokens.backgroundColorForButtonWhenHovered, ";}&:active{background-color:", designSystem.designTokens.backgroundColorForButtonWhenActive, ";}", getSizeStyles(isCondensed), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDTyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXItYnV0dG9uJztcblxuY29uc3QgZ2V0U2l6ZVN0eWxlcyA9IChcbiAgaXNDb25kZW5zZWQ6IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXVxuKSA9PiB7XG4gIGlmIChpc0NvbmRlbnNlZCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBwYWRkaW5nOiAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyNX07XG4gICAgICBoZWlnaHQ6IDMycHg7XG4gICAgYDtcbiAgfVxuXG4gIHJldHVybiBjc3NgXG4gICAgcGFkZGluZzogMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICAgIGhlaWdodDogNDBweDtcbiAgYDtcbn07XG5cbmNvbnN0IGdldEZvbnRDb2xvciA9IChpc0Rpc2FibGVkPzogYm9vbGVhbiwgaXNBY3RpdmU/OiBib29sZWFuKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICBpZiAoaXNBY3RpdmUpIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQnV0dG9uQXNTZWNvbmRhcnk7XG4gIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5O1xufTtcblxuZXhwb3J0IGNvbnN0IGdldEJ1dHRvblN0eWxlcyA9IChcbiAgaXNEaXNhYmxlZD86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNEaXNhYmxlZCddLFxuICBpc0FjdGl2ZT86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNBY3RpdmUnXSxcbiAgaXNDb25kZW5zZWQ/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzQ29uZGVuc2VkJ10sXG4gIGlzRmlyc3RCdXR0b24/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzRmlyc3RCdXR0b24nXSxcbiAgaXNMYXN0QnV0dG9uPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0xhc3RCdXR0b24nXVxuKSA9PiB7XG4gIGNvbnN0IGJvcmRlclJhZGl1cyA9IGAke2lzRmlyc3RCdXR0b24gPyBkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNCA6ICcwJ31cbiAgJHtpc0xhc3RCdXR0b24gPyBgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNH1gIDogJzAnfVxuICAke2lzTGFzdEJ1dHRvbiA/IGAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM0fWAgOiAnMCd9XG4gICR7aXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM0IDogJzAnfWA7XG5cbiAgY29uc3QgZm9udENvbG9yID0gZ2V0Rm9udENvbG9yKGlzRGlzYWJsZWQsIGlzQWN0aXZlKTtcblxuICByZXR1cm4gW1xuICAgIGNzc2BcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBjb2xvcjogJHtmb250Q29sb3J9O1xuICAgICAgZmlsbDogJHtmb250Q29sb3J9O1xuICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAke2Rlc2lnblRva2Vucy50cmFuc2l0aW9uTGluZWFyODBNc307XG4gICAgICBmb250LXNpemU6ICR7ZGVzaWduVG9rZW5zLmZvbnRTaXplMzB9O1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JCdXR0b25Bc1NlY29uZGFyeX07XG4gICAgICBib3JkZXItbGVmdDogJHtpc0ZpcnN0QnV0dG9uXG4gICAgICAgID8gYDFweCBzb2xpZCAke2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckJ1dHRvbkFzU2Vjb25kYXJ5fWBcbiAgICAgICAgOiAnMCd9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtib3JkZXJSYWRpdXN9O1xuICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93MH07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckJ1dHRvbldoZW5Ib3ZlcmVkfTtcbiAgICAgIH1cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQnV0dG9uV2hlbkFjdGl2ZX07XG4gICAgICB9XG4gICAgICAke2dldFNpemVTdHlsZXMoaXNDb25kZW5zZWQpfVxuICAgIGAsXG4gICAgaXNEaXNhYmxlZCAmJlxuICAgICAgY3NzYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICB9XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsfTtcbiAgICAgIGAsXG4gICAgaXNBY3RpdmUgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5OTV9O1xuICAgICAgICBib3gtc2hhZG93OiAke2Rlc2lnblRva2Vucy5zaGFkb3cwfTtcbiAgICAgIGAsXG4gIF07XG59O1xuIl19 */"), isDisabled && /*#__PURE__*/react.css("background-color:", designSystem.designTokens.colorSurface, ";color:", designSystem.designTokens.colorNeutral60, ";&:hover{background-color:", designSystem.designTokens.colorSurface, ";}border-color:", designSystem.designTokens.colorNeutral, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStEUyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXItYnV0dG9uJztcblxuY29uc3QgZ2V0U2l6ZVN0eWxlcyA9IChcbiAgaXNDb25kZW5zZWQ6IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXVxuKSA9PiB7XG4gIGlmIChpc0NvbmRlbnNlZCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBwYWRkaW5nOiAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyNX07XG4gICAgICBoZWlnaHQ6IDMycHg7XG4gICAgYDtcbiAgfVxuXG4gIHJldHVybiBjc3NgXG4gICAgcGFkZGluZzogMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICAgIGhlaWdodDogNDBweDtcbiAgYDtcbn07XG5cbmNvbnN0IGdldEZvbnRDb2xvciA9IChpc0Rpc2FibGVkPzogYm9vbGVhbiwgaXNBY3RpdmU/OiBib29sZWFuKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICBpZiAoaXNBY3RpdmUpIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQnV0dG9uQXNTZWNvbmRhcnk7XG4gIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5O1xufTtcblxuZXhwb3J0IGNvbnN0IGdldEJ1dHRvblN0eWxlcyA9IChcbiAgaXNEaXNhYmxlZD86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNEaXNhYmxlZCddLFxuICBpc0FjdGl2ZT86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNBY3RpdmUnXSxcbiAgaXNDb25kZW5zZWQ/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzQ29uZGVuc2VkJ10sXG4gIGlzRmlyc3RCdXR0b24/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzRmlyc3RCdXR0b24nXSxcbiAgaXNMYXN0QnV0dG9uPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0xhc3RCdXR0b24nXVxuKSA9PiB7XG4gIGNvbnN0IGJvcmRlclJhZGl1cyA9IGAke2lzRmlyc3RCdXR0b24gPyBkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNCA6ICcwJ31cbiAgJHtpc0xhc3RCdXR0b24gPyBgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNH1gIDogJzAnfVxuICAke2lzTGFzdEJ1dHRvbiA/IGAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM0fWAgOiAnMCd9XG4gICR7aXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM0IDogJzAnfWA7XG5cbiAgY29uc3QgZm9udENvbG9yID0gZ2V0Rm9udENvbG9yKGlzRGlzYWJsZWQsIGlzQWN0aXZlKTtcblxuICByZXR1cm4gW1xuICAgIGNzc2BcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBjb2xvcjogJHtmb250Q29sb3J9O1xuICAgICAgZmlsbDogJHtmb250Q29sb3J9O1xuICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAke2Rlc2lnblRva2Vucy50cmFuc2l0aW9uTGluZWFyODBNc307XG4gICAgICBmb250LXNpemU6ICR7ZGVzaWduVG9rZW5zLmZvbnRTaXplMzB9O1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JCdXR0b25Bc1NlY29uZGFyeX07XG4gICAgICBib3JkZXItbGVmdDogJHtpc0ZpcnN0QnV0dG9uXG4gICAgICAgID8gYDFweCBzb2xpZCAke2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckJ1dHRvbkFzU2Vjb25kYXJ5fWBcbiAgICAgICAgOiAnMCd9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtib3JkZXJSYWRpdXN9O1xuICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93MH07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckJ1dHRvbldoZW5Ib3ZlcmVkfTtcbiAgICAgIH1cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQnV0dG9uV2hlbkFjdGl2ZX07XG4gICAgICB9XG4gICAgICAke2dldFNpemVTdHlsZXMoaXNDb25kZW5zZWQpfVxuICAgIGAsXG4gICAgaXNEaXNhYmxlZCAmJlxuICAgICAgY3NzYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICB9XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsfTtcbiAgICAgIGAsXG4gICAgaXNBY3RpdmUgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5OTV9O1xuICAgICAgICBib3gtc2hhZG93OiAke2Rlc2lnblRva2Vucy5zaGFkb3cwfTtcbiAgICAgIGAsXG4gIF07XG59O1xuIl19 */"), isActive && /*#__PURE__*/react.css("background-color:", designSystem.designTokens.colorPrimary95, ";box-shadow:", designSystem.designTokens.shadow0, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdFUyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXItYnV0dG9uJztcblxuY29uc3QgZ2V0U2l6ZVN0eWxlcyA9IChcbiAgaXNDb25kZW5zZWQ6IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXVxuKSA9PiB7XG4gIGlmIChpc0NvbmRlbnNlZCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBwYWRkaW5nOiAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyNX07XG4gICAgICBoZWlnaHQ6IDMycHg7XG4gICAgYDtcbiAgfVxuXG4gIHJldHVybiBjc3NgXG4gICAgcGFkZGluZzogMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICAgIGhlaWdodDogNDBweDtcbiAgYDtcbn07XG5cbmNvbnN0IGdldEZvbnRDb2xvciA9IChpc0Rpc2FibGVkPzogYm9vbGVhbiwgaXNBY3RpdmU/OiBib29sZWFuKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICBpZiAoaXNBY3RpdmUpIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQnV0dG9uQXNTZWNvbmRhcnk7XG4gIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5O1xufTtcblxuZXhwb3J0IGNvbnN0IGdldEJ1dHRvblN0eWxlcyA9IChcbiAgaXNEaXNhYmxlZD86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNEaXNhYmxlZCddLFxuICBpc0FjdGl2ZT86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNBY3RpdmUnXSxcbiAgaXNDb25kZW5zZWQ/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzQ29uZGVuc2VkJ10sXG4gIGlzRmlyc3RCdXR0b24/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzRmlyc3RCdXR0b24nXSxcbiAgaXNMYXN0QnV0dG9uPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0xhc3RCdXR0b24nXVxuKSA9PiB7XG4gIGNvbnN0IGJvcmRlclJhZGl1cyA9IGAke2lzRmlyc3RCdXR0b24gPyBkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNCA6ICcwJ31cbiAgJHtpc0xhc3RCdXR0b24gPyBgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNH1gIDogJzAnfVxuICAke2lzTGFzdEJ1dHRvbiA/IGAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM0fWAgOiAnMCd9XG4gICR7aXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM0IDogJzAnfWA7XG5cbiAgY29uc3QgZm9udENvbG9yID0gZ2V0Rm9udENvbG9yKGlzRGlzYWJsZWQsIGlzQWN0aXZlKTtcblxuICByZXR1cm4gW1xuICAgIGNzc2BcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBjb2xvcjogJHtmb250Q29sb3J9O1xuICAgICAgZmlsbDogJHtmb250Q29sb3J9O1xuICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAke2Rlc2lnblRva2Vucy50cmFuc2l0aW9uTGluZWFyODBNc307XG4gICAgICBmb250LXNpemU6ICR7ZGVzaWduVG9rZW5zLmZvbnRTaXplMzB9O1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JCdXR0b25Bc1NlY29uZGFyeX07XG4gICAgICBib3JkZXItbGVmdDogJHtpc0ZpcnN0QnV0dG9uXG4gICAgICAgID8gYDFweCBzb2xpZCAke2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckJ1dHRvbkFzU2Vjb25kYXJ5fWBcbiAgICAgICAgOiAnMCd9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtib3JkZXJSYWRpdXN9O1xuICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93MH07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckJ1dHRvbldoZW5Ib3ZlcmVkfTtcbiAgICAgIH1cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQnV0dG9uV2hlbkFjdGl2ZX07XG4gICAgICB9XG4gICAgICAke2dldFNpemVTdHlsZXMoaXNDb25kZW5zZWQpfVxuICAgIGAsXG4gICAgaXNEaXNhYmxlZCAmJlxuICAgICAgY3NzYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICB9XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsfTtcbiAgICAgIGAsXG4gICAgaXNBY3RpdmUgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5OTV9O1xuICAgICAgICBib3gtc2hhZG93OiAke2Rlc2lnblRva2Vucy5zaGFkb3cwfTtcbiAgICAgIGAsXG4gIF07XG59O1xuIl19 */")];
|
|
38
|
+
return [/*#__PURE__*/react.css("align-items:center;color:", fontColor, ";fill:", fontColor, ";transition:background-color ", designSystem.designTokens.transitionLinear80Ms, ";font-size:", designSystem.designTokens.fontSize30, ";border:1px solid ", designSystem.designTokens.borderColorForButtonAsSecondary, ";border-left:", isFirstButton ? `1px solid ${designSystem.designTokens.borderColorForButtonAsSecondary}` : '0', ";border-radius:", borderRadius, ";box-shadow:", designSystem.designTokens.shadow0, ";background-color:", designSystem.designTokens.colorSurface, ";&:hover{background-color:", designSystem.designTokens.backgroundColorForButtonWhenHovered, ";}&:active{background-color:", designSystem.designTokens.backgroundColorForButtonWhenActive, ";}", getSizeStyles(isCondensed), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDTyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXItYnV0dG9uJztcblxuY29uc3QgZ2V0U2l6ZVN0eWxlcyA9IChcbiAgaXNDb25kZW5zZWQ6IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXVxuKSA9PiB7XG4gIGlmIChpc0NvbmRlbnNlZCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBwYWRkaW5nOiAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyNX07XG4gICAgICBoZWlnaHQ6IDMycHg7XG4gICAgYDtcbiAgfVxuXG4gIHJldHVybiBjc3NgXG4gICAgcGFkZGluZzogMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICAgIGhlaWdodDogNDBweDtcbiAgYDtcbn07XG5cbmNvbnN0IGdldEZvbnRDb2xvciA9IChpc0Rpc2FibGVkPzogYm9vbGVhbiwgaXNBY3RpdmU/OiBib29sZWFuKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICBpZiAoaXNBY3RpdmUpIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQnV0dG9uQXNTZWNvbmRhcnk7XG4gIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5O1xufTtcblxuZXhwb3J0IGNvbnN0IGdldEJ1dHRvblN0eWxlcyA9IChcbiAgaXNEaXNhYmxlZD86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNEaXNhYmxlZCddLFxuICBpc0FjdGl2ZT86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNBY3RpdmUnXSxcbiAgaXNDb25kZW5zZWQ/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzQ29uZGVuc2VkJ10sXG4gIGlzRmlyc3RCdXR0b24/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzRmlyc3RCdXR0b24nXSxcbiAgaXNMYXN0QnV0dG9uPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0xhc3RCdXR0b24nXVxuKSA9PiB7XG4gIGNvbnN0IGJvcmRlclJhZGl1cyA9IGAke2lzRmlyc3RCdXR0b24gPyBkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNCA6ICcwJ31cbiAgJHtpc0xhc3RCdXR0b24gPyBgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNH1gIDogJzAnfVxuICAke2lzTGFzdEJ1dHRvbiA/IGAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM0fWAgOiAnMCd9XG4gICR7aXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM0IDogJzAnfWA7XG5cbiAgY29uc3QgZm9udENvbG9yID0gZ2V0Rm9udENvbG9yKGlzRGlzYWJsZWQsIGlzQWN0aXZlKTtcblxuICByZXR1cm4gW1xuICAgIGNzc2BcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBjb2xvcjogJHtmb250Q29sb3J9O1xuICAgICAgZmlsbDogJHtmb250Q29sb3J9O1xuICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAke2Rlc2lnblRva2Vucy50cmFuc2l0aW9uTGluZWFyODBNc307XG4gICAgICBmb250LXNpemU6ICR7ZGVzaWduVG9rZW5zLmZvbnRTaXplMzB9O1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JCdXR0b25Bc1NlY29uZGFyeX07XG4gICAgICBib3JkZXItbGVmdDogJHtpc0ZpcnN0QnV0dG9uXG4gICAgICAgID8gYDFweCBzb2xpZCAke2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckJ1dHRvbkFzU2Vjb25kYXJ5fWBcbiAgICAgICAgOiAnMCd9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtib3JkZXJSYWRpdXN9O1xuICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93MH07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckJ1dHRvbldoZW5Ib3ZlcmVkfTtcbiAgICAgIH1cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQnV0dG9uV2hlbkFjdGl2ZX07XG4gICAgICB9XG4gICAgICAke2dldFNpemVTdHlsZXMoaXNDb25kZW5zZWQpfVxuICAgIGAsXG4gICAgaXNEaXNhYmxlZCAmJlxuICAgICAgY3NzYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICB9XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsfTtcbiAgICAgIGAsXG4gICAgaXNBY3RpdmUgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5OTV9O1xuICAgICAgICBib3gtc2hhZG93OiAke2Rlc2lnblRva2Vucy5zaGFkb3cwfTtcbiAgICAgIGAsXG4gIF07XG59O1xuIl19 */"), isDisabled && /*#__PURE__*/react.css("background-color:", designSystem.designTokens.colorSurface, ";color:", designSystem.designTokens.colorNeutral60, ";&:hover{background-color:", designSystem.designTokens.colorSurface, ";}border-color:", designSystem.designTokens.colorNeutral, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStEUyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXItYnV0dG9uJztcblxuY29uc3QgZ2V0U2l6ZVN0eWxlcyA9IChcbiAgaXNDb25kZW5zZWQ6IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXVxuKSA9PiB7XG4gIGlmIChpc0NvbmRlbnNlZCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBwYWRkaW5nOiAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyNX07XG4gICAgICBoZWlnaHQ6IDMycHg7XG4gICAgYDtcbiAgfVxuXG4gIHJldHVybiBjc3NgXG4gICAgcGFkZGluZzogMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICAgIGhlaWdodDogNDBweDtcbiAgYDtcbn07XG5cbmNvbnN0IGdldEZvbnRDb2xvciA9IChpc0Rpc2FibGVkPzogYm9vbGVhbiwgaXNBY3RpdmU/OiBib29sZWFuKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICBpZiAoaXNBY3RpdmUpIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQnV0dG9uQXNTZWNvbmRhcnk7XG4gIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5O1xufTtcblxuZXhwb3J0IGNvbnN0IGdldEJ1dHRvblN0eWxlcyA9IChcbiAgaXNEaXNhYmxlZD86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNEaXNhYmxlZCddLFxuICBpc0FjdGl2ZT86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNBY3RpdmUnXSxcbiAgaXNDb25kZW5zZWQ/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzQ29uZGVuc2VkJ10sXG4gIGlzRmlyc3RCdXR0b24/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzRmlyc3RCdXR0b24nXSxcbiAgaXNMYXN0QnV0dG9uPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0xhc3RCdXR0b24nXVxuKSA9PiB7XG4gIGNvbnN0IGJvcmRlclJhZGl1cyA9IGAke2lzRmlyc3RCdXR0b24gPyBkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNCA6ICcwJ31cbiAgJHtpc0xhc3RCdXR0b24gPyBgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNH1gIDogJzAnfVxuICAke2lzTGFzdEJ1dHRvbiA/IGAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM0fWAgOiAnMCd9XG4gICR7aXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM0IDogJzAnfWA7XG5cbiAgY29uc3QgZm9udENvbG9yID0gZ2V0Rm9udENvbG9yKGlzRGlzYWJsZWQsIGlzQWN0aXZlKTtcblxuICByZXR1cm4gW1xuICAgIGNzc2BcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBjb2xvcjogJHtmb250Q29sb3J9O1xuICAgICAgZmlsbDogJHtmb250Q29sb3J9O1xuICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAke2Rlc2lnblRva2Vucy50cmFuc2l0aW9uTGluZWFyODBNc307XG4gICAgICBmb250LXNpemU6ICR7ZGVzaWduVG9rZW5zLmZvbnRTaXplMzB9O1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JCdXR0b25Bc1NlY29uZGFyeX07XG4gICAgICBib3JkZXItbGVmdDogJHtpc0ZpcnN0QnV0dG9uXG4gICAgICAgID8gYDFweCBzb2xpZCAke2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckJ1dHRvbkFzU2Vjb25kYXJ5fWBcbiAgICAgICAgOiAnMCd9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtib3JkZXJSYWRpdXN9O1xuICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93MH07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckJ1dHRvbldoZW5Ib3ZlcmVkfTtcbiAgICAgIH1cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQnV0dG9uV2hlbkFjdGl2ZX07XG4gICAgICB9XG4gICAgICAke2dldFNpemVTdHlsZXMoaXNDb25kZW5zZWQpfVxuICAgIGAsXG4gICAgaXNEaXNhYmxlZCAmJlxuICAgICAgY3NzYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICB9XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsfTtcbiAgICAgIGAsXG4gICAgaXNBY3RpdmUgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5OTV9O1xuICAgICAgICBib3gtc2hhZG93OiAke2Rlc2lnblRva2Vucy5zaGFkb3cwfTtcbiAgICAgIGAsXG4gIF07XG59O1xuIl19 */"), isActive && /*#__PURE__*/react.css("background-color:", designSystem.designTokens.colorPrimary95, ";box-shadow:", designSystem.designTokens.shadow0, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdFUyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXItYnV0dG9uJztcblxuY29uc3QgZ2V0U2l6ZVN0eWxlcyA9IChcbiAgaXNDb25kZW5zZWQ6IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXVxuKSA9PiB7XG4gIGlmIChpc0NvbmRlbnNlZCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBwYWRkaW5nOiAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyNX07XG4gICAgICBoZWlnaHQ6IDMycHg7XG4gICAgYDtcbiAgfVxuXG4gIHJldHVybiBjc3NgXG4gICAgcGFkZGluZzogMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICAgIGhlaWdodDogNDBweDtcbiAgYDtcbn07XG5cbmNvbnN0IGdldEZvbnRDb2xvciA9IChpc0Rpc2FibGVkPzogYm9vbGVhbiwgaXNBY3RpdmU/OiBib29sZWFuKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICBpZiAoaXNBY3RpdmUpIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQnV0dG9uQXNTZWNvbmRhcnk7XG4gIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5O1xufTtcblxuZXhwb3J0IGNvbnN0IGdldEJ1dHRvblN0eWxlcyA9IChcbiAgaXNEaXNhYmxlZD86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNEaXNhYmxlZCddLFxuICBpc0FjdGl2ZT86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNBY3RpdmUnXSxcbiAgaXNDb25kZW5zZWQ/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzQ29uZGVuc2VkJ10sXG4gIGlzRmlyc3RCdXR0b24/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzRmlyc3RCdXR0b24nXSxcbiAgaXNMYXN0QnV0dG9uPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0xhc3RCdXR0b24nXVxuKSA9PiB7XG4gIGNvbnN0IGJvcmRlclJhZGl1cyA9IGAke2lzRmlyc3RCdXR0b24gPyBkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNCA6ICcwJ31cbiAgJHtpc0xhc3RCdXR0b24gPyBgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNH1gIDogJzAnfVxuICAke2lzTGFzdEJ1dHRvbiA/IGAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM0fWAgOiAnMCd9XG4gICR7aXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM0IDogJzAnfWA7XG5cbiAgY29uc3QgZm9udENvbG9yID0gZ2V0Rm9udENvbG9yKGlzRGlzYWJsZWQsIGlzQWN0aXZlKTtcblxuICByZXR1cm4gW1xuICAgIGNzc2BcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBjb2xvcjogJHtmb250Q29sb3J9O1xuICAgICAgZmlsbDogJHtmb250Q29sb3J9O1xuICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAke2Rlc2lnblRva2Vucy50cmFuc2l0aW9uTGluZWFyODBNc307XG4gICAgICBmb250LXNpemU6ICR7ZGVzaWduVG9rZW5zLmZvbnRTaXplMzB9O1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JCdXR0b25Bc1NlY29uZGFyeX07XG4gICAgICBib3JkZXItbGVmdDogJHtpc0ZpcnN0QnV0dG9uXG4gICAgICAgID8gYDFweCBzb2xpZCAke2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckJ1dHRvbkFzU2Vjb25kYXJ5fWBcbiAgICAgICAgOiAnMCd9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtib3JkZXJSYWRpdXN9O1xuICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93MH07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckJ1dHRvbldoZW5Ib3ZlcmVkfTtcbiAgICAgIH1cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQnV0dG9uV2hlbkFjdGl2ZX07XG4gICAgICB9XG4gICAgICAke2dldFNpemVTdHlsZXMoaXNDb25kZW5zZWQpfVxuICAgIGAsXG4gICAgaXNEaXNhYmxlZCAmJlxuICAgICAgY3NzYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICB9XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsfTtcbiAgICAgIGAsXG4gICAgaXNBY3RpdmUgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5OTV9O1xuICAgICAgICBib3gtc2hhZG93OiAke2Rlc2lnblRva2Vucy5zaGFkb3cwfTtcbiAgICAgIGAsXG4gIF07XG59O1xuIl19 */")];
|
|
39
39
|
};
|
|
40
40
|
|
|
41
41
|
const ViewSwitcherButton = props => {
|
|
42
|
-
var _ref, _props$label;
|
|
43
42
|
process.env.NODE_ENV !== "production" ? utils.warning(Boolean(props.children || props.icon), 'uikit/ViewSwitcherButton: You need to provide at least the `children` to render inside the button or an `icon`.') : void 0;
|
|
44
43
|
process.env.NODE_ENV !== "production" ? utils.warning(Boolean(props.label || props.children), 'uikit/ViewSwitcherButton: You need to provide a `label` when rendering only an `icon` within the button.') : void 0;
|
|
45
44
|
return jsxRuntime.jsxs(AccessibleButton__default["default"], {
|
|
46
|
-
label:
|
|
45
|
+
label: props.label ?? props.children ?? '',
|
|
47
46
|
css: getButtonStyles(props.isDisabled, props.isActive, props.isCondensed, props.isFirstButton, props.isLastButton),
|
|
48
47
|
onClick: props.onClick,
|
|
49
48
|
isDisabled: props.isDisabled,
|
|
50
49
|
children: [props.icon && jsxRuntime.jsx("span", {
|
|
51
|
-
css: /*#__PURE__*/react.css("margin:", props.children ?
|
|
50
|
+
css: /*#__PURE__*/react.css("margin:", props.children ? `0 ${designSystem.designTokens.spacing20} 0 0` : '0', ";display:flex;align-items:center;justify-content:center;" + (process.env.NODE_ENV === "production" ? "" : ";label:ViewSwitcherButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXItYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RWtCIiwiZmlsZSI6InZpZXctc3dpdGNoZXItYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGNsb25lRWxlbWVudCxcbiAgdHlwZSBNb3VzZUV2ZW50LFxuICB0eXBlIEtleWJvYXJkRXZlbnQsXG4gIHR5cGUgUmVhY3RFbGVtZW50LFxuICBGQyxcbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IHsgZ2V0QnV0dG9uU3R5bGVzIH0gZnJvbSAnLi92aWV3LXN3aXRjaGVyLnN0eWxlcyc7XG5cbi8qKlxuICogUHJvcHMgZm9yIHRoZSBWaWV3U3dpdGNoZXJCdXR0b24gY29tcG9uZW50XG4gKi9cbmV4cG9ydCB0eXBlIFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wcyA9IHtcbiAgLyoqIFRoZSB0ZXh0IGNvbnRlbnQgdG8gYmUgZGlzcGxheWVkIGluc2lkZSB0aGUgYnV0dG9uICovXG4gIGNoaWxkcmVuPzogc3RyaW5nO1xuICAvKiogQW4gaWNvbiBlbGVtZW50IHRvIGJlIGRpc3BsYXllZCBpbnNpZGUgdGhlIGJ1dHRvbiAqL1xuICBpY29uPzogUmVhY3RFbGVtZW50PHsgc2l6ZT86IHN0cmluZyB9PjtcbiAgLyoqIEluZGljYXRlcyBpZiB0aGUgYnV0dG9uIGlzIGluIGFjdGl2ZSBzdGF0ZSAqL1xuICBpc0FjdGl2ZT86IGJvb2xlYW47XG4gIC8qKiBJbmRpY2F0ZXMgaWYgdGhlIGJ1dHRvbiBpcyBkaXNhYmxlZCAqL1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbiAgLyoqIEluZGljYXRlcyBpZiB0aGUgYnV0dG9uIHNob3VsZCBiZSByZW5kZXJlZCBpbiBjb25kZW5zZWQgbW9kZSAqL1xuICBpc0NvbmRlbnNlZD86IGJvb2xlYW47XG4gIC8qKiBJbmRpY2F0ZXMgaWYgdGhpcyBidXR0b24gaXMgdGhlIGZpcnN0IGluIGEgZ3JvdXAgb2YgYnV0dG9ucyAqL1xuICBpc0ZpcnN0QnV0dG9uPzogYm9vbGVhbjtcbiAgLyoqIEluZGljYXRlcyBpZiB0aGlzIGJ1dHRvbiBpcyB0aGUgbGFzdCBpbiBhIGdyb3VwIG9mIGJ1dHRvbnMgKi9cbiAgaXNMYXN0QnV0dG9uPzogYm9vbGVhbjtcbiAgLyoqIEFjY2Vzc2libGUgbGFiZWwgZm9yIHRoZSBidXR0b24gKHJlcXVpcmVkIHdoZW4gb25seSBpY29uIGlzIHByb3ZpZGVkKSAqL1xuICBsYWJlbD86IHN0cmluZztcbiAgLyoqIFZhbHVlIGFzc29jaWF0ZWQgd2l0aCB0aGUgYnV0dG9uICovXG4gIHZhbHVlOiBzdHJpbmc7XG4gIC8qKiBIYW5kbGVyIGNhbGxlZCB3aGVuIHRoZSBidXR0b24gaXMgY2xpY2tlZCAqL1xuICBvbkNsaWNrPzogKFxuICAgIGV2ZW50OlxuICAgICAgfCBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PlxuICAgICAgfCBLZXlib2FyZEV2ZW50PEhUTUxCdXR0b25FbGVtZW50PlxuICAgICAgfCBzdHJpbmdcbiAgKSA9PiB2b2lkO1xufTtcblxuZXhwb3J0IHR5cGUgVFZpZXdTd2l0Y2hlckJ1dHRvbkVsZW1lbnQgPSBGQzxUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHM+O1xuXG5jb25zdCBWaWV3U3dpdGNoZXJCdXR0b246IFRWaWV3U3dpdGNoZXJCdXR0b25FbGVtZW50ID0gKHByb3BzKSA9PiB7XG4gIHdhcm5pbmcoXG4gICAgQm9vbGVhbihwcm9wcy5jaGlsZHJlbiB8fCBwcm9wcy5pY29uKSxcbiAgICAndWlraXQvVmlld1N3aXRjaGVyQnV0dG9uOiBZb3UgbmVlZCB0byBwcm92aWRlIGF0IGxlYXN0IHRoZSBgY2hpbGRyZW5gIHRvIHJlbmRlciBpbnNpZGUgdGhlIGJ1dHRvbiBvciBhbiBgaWNvbmAuJ1xuICApO1xuXG4gIHdhcm5pbmcoXG4gICAgQm9vbGVhbihwcm9wcy5sYWJlbCB8fCBwcm9wcy5jaGlsZHJlbiksXG4gICAgJ3Vpa2l0L1ZpZXdTd2l0Y2hlckJ1dHRvbjogWW91IG5lZWQgdG8gcHJvdmlkZSBhIGBsYWJlbGAgd2hlbiByZW5kZXJpbmcgb25seSBhbiBgaWNvbmAgd2l0aGluIHRoZSBidXR0b24uJ1xuICApO1xuXG4gIHJldHVybiAoXG4gICAgPEFjY2Vzc2libGVCdXR0b25cbiAgICAgIGxhYmVsPXtwcm9wcy5sYWJlbCA/PyBwcm9wcy5jaGlsZHJlbiA/PyAnJ31cbiAgICAgIGNzcz17Z2V0QnV0dG9uU3R5bGVzKFxuICAgICAgICBwcm9wcy5pc0Rpc2FibGVkLFxuICAgICAgICBwcm9wcy5pc0FjdGl2ZSxcbiAgICAgICAgcHJvcHMuaXNDb25kZW5zZWQsXG4gICAgICAgIHByb3BzLmlzRmlyc3RCdXR0b24sXG4gICAgICAgIHByb3BzLmlzTGFzdEJ1dHRvblxuICAgICAgKX1cbiAgICAgIG9uQ2xpY2s9e3Byb3BzLm9uQ2xpY2t9XG4gICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgID5cbiAgICAgIHtwcm9wcy5pY29uICYmIChcbiAgICAgICAgPHNwYW5cbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIG1hcmdpbjogJHtwcm9wcy5jaGlsZHJlbiA/IGAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH0gMCAwYCA6ICcwJ307XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7Y2xvbmVFbGVtZW50KHByb3BzLmljb24sIHtcbiAgICAgICAgICAgIHNpemU6IHByb3BzLmlzQ29uZGVuc2VkID8gJzIwJyA6ICc0MCcsXG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICl9XG4gICAgICB7cHJvcHMuY2hpbGRyZW4gJiYgPHNwYW4+e3Byb3BzLmNoaWxkcmVufTwvc3Bhbj59XG4gICAgPC9BY2Nlc3NpYmxlQnV0dG9uPlxuICApO1xufTtcblxuVmlld1N3aXRjaGVyQnV0dG9uLmRpc3BsYXlOYW1lID0gJ1ZpZXdTd2l0Y2hlci5CdXR0b24nO1xuZXhwb3J0IGRlZmF1bHQgVmlld1N3aXRjaGVyQnV0dG9uO1xuIl19 */"),
|
|
52
51
|
children: /*#__PURE__*/react$1.cloneElement(props.icon, {
|
|
53
52
|
size: props.isCondensed ? '20' : '40'
|
|
54
53
|
})
|
|
@@ -81,9 +80,9 @@ const ViewSwitcher$1 = props => {
|
|
|
81
80
|
selectedButton = _useState2[0],
|
|
82
81
|
setSelectedButton = _useState2[1];
|
|
83
82
|
if (isControlledComponent) {
|
|
84
|
-
process.env.NODE_ENV !== "production" ? utils.warning(hasOnChange,
|
|
83
|
+
process.env.NODE_ENV !== "production" ? utils.warning(hasOnChange, `ui-kit/ViewSwitcher: missing required prop "onChange" when using the "value" prop (controlled component).`) : void 0;
|
|
85
84
|
}
|
|
86
|
-
process.env.NODE_ENV !== "production" ? utils.warning(!props.selectedValue || !props.defaultSelected,
|
|
85
|
+
process.env.NODE_ENV !== "production" ? utils.warning(!props.selectedValue || !props.defaultSelected, `ui-kit/ViewSwitcher: passed both "selectedValue" (uncontrolled component) prop and "defaultSelected" (uncontrolled component). Please pass only one as the component can only be either controlled or uncontrolled.`) : void 0;
|
|
87
86
|
process.env.NODE_ENV !== "production" ? utils.warning(props.children.length > 0, 'ViewSwitcher.Group must contain at least one ViewSwitcher.Button') : void 0;
|
|
88
87
|
const viewSwitcherElements = _mapInstanceProperty__default["default"](react$1.Children).call(react$1.Children, props.children, (child, index) => {
|
|
89
88
|
if (child && /*#__PURE__*/react$1.isValidElement(child) && child.type === Button) {
|
|
@@ -94,9 +93,8 @@ const ViewSwitcher$1 = props => {
|
|
|
94
93
|
setSelectedButton(child.props.value);
|
|
95
94
|
}
|
|
96
95
|
if (!isButtonActive) {
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
(_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, child.props.value);
|
|
96
|
+
child.props.onClick?.(child.props.value);
|
|
97
|
+
props.onChange?.(child.props.value);
|
|
100
98
|
}
|
|
101
99
|
},
|
|
102
100
|
isCondensed: props.isCondensed,
|
|
@@ -116,7 +114,7 @@ ViewSwitcher$1.displayName = 'ViewSwitcher.Group';
|
|
|
116
114
|
var Group = ViewSwitcher$1;
|
|
117
115
|
|
|
118
116
|
// NOTE: This string will be replaced on build time with the package version.
|
|
119
|
-
var version = "20.
|
|
117
|
+
var version = "20.6.0";
|
|
120
118
|
|
|
121
119
|
const ViewSwitcher = {
|
|
122
120
|
Group,
|
|
@@ -10,7 +10,6 @@ var react = require('@emotion/react');
|
|
|
10
10
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
11
11
|
var AccessibleButton = require('@commercetools-uikit/accessible-button');
|
|
12
12
|
require('@commercetools-uikit/utils');
|
|
13
|
-
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
14
13
|
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
15
14
|
|
|
16
15
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
@@ -18,7 +17,6 @@ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e };
|
|
|
18
17
|
var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
|
|
19
18
|
var isNil__default = /*#__PURE__*/_interopDefault(isNil);
|
|
20
19
|
var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
|
|
21
|
-
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
22
20
|
|
|
23
21
|
const getSizeStyles = isCondensed => {
|
|
24
22
|
if (isCondensed) {
|
|
@@ -32,21 +30,22 @@ const getFontColor = (isDisabled, isActive) => {
|
|
|
32
30
|
return designSystem.designTokens.colorPrimary;
|
|
33
31
|
};
|
|
34
32
|
const getButtonStyles = (isDisabled, isActive, isCondensed, isFirstButton, isLastButton) => {
|
|
35
|
-
|
|
36
|
-
|
|
33
|
+
const borderRadius = `${isFirstButton ? designSystem.designTokens.borderRadius4 : '0'}
|
|
34
|
+
${isLastButton ? `${designSystem.designTokens.borderRadius4}` : '0'}
|
|
35
|
+
${isLastButton ? `${designSystem.designTokens.borderRadius4}` : '0'}
|
|
36
|
+
${isFirstButton ? designSystem.designTokens.borderRadius4 : '0'}`;
|
|
37
37
|
const fontColor = getFontColor(isDisabled, isActive);
|
|
38
|
-
return [/*#__PURE__*/react.css("align-items:center;color:", fontColor, ";fill:", fontColor, ";transition:background-color ", designSystem.designTokens.transitionLinear80Ms, ";font-size:", designSystem.designTokens.fontSize30, ";border:1px solid ", designSystem.designTokens.borderColorForButtonAsSecondary, ";border-left:", isFirstButton ?
|
|
38
|
+
return [/*#__PURE__*/react.css("align-items:center;color:", fontColor, ";fill:", fontColor, ";transition:background-color ", designSystem.designTokens.transitionLinear80Ms, ";font-size:", designSystem.designTokens.fontSize30, ";border:1px solid ", designSystem.designTokens.borderColorForButtonAsSecondary, ";border-left:", isFirstButton ? `1px solid ${designSystem.designTokens.borderColorForButtonAsSecondary}` : '0', ";border-radius:", borderRadius, ";box-shadow:", designSystem.designTokens.shadow0, ";background-color:", designSystem.designTokens.colorSurface, ";&:hover{background-color:", designSystem.designTokens.backgroundColorForButtonWhenHovered, ";}&:active{background-color:", designSystem.designTokens.backgroundColorForButtonWhenActive, ";}", getSizeStyles(isCondensed), ";" + ("" ), "" ), isDisabled && /*#__PURE__*/react.css("background-color:", designSystem.designTokens.colorSurface, ";color:", designSystem.designTokens.colorNeutral60, ";&:hover{background-color:", designSystem.designTokens.colorSurface, ";}border-color:", designSystem.designTokens.colorNeutral, ";" + ("" ), "" ), isActive && /*#__PURE__*/react.css("background-color:", designSystem.designTokens.colorPrimary95, ";box-shadow:", designSystem.designTokens.shadow0, ";" + ("" ), "" )];
|
|
39
39
|
};
|
|
40
40
|
|
|
41
41
|
const ViewSwitcherButton = props => {
|
|
42
|
-
var _ref, _props$label;
|
|
43
42
|
return jsxRuntime.jsxs(AccessibleButton__default["default"], {
|
|
44
|
-
label:
|
|
43
|
+
label: props.label ?? props.children ?? '',
|
|
45
44
|
css: getButtonStyles(props.isDisabled, props.isActive, props.isCondensed, props.isFirstButton, props.isLastButton),
|
|
46
45
|
onClick: props.onClick,
|
|
47
46
|
isDisabled: props.isDisabled,
|
|
48
47
|
children: [props.icon && jsxRuntime.jsx("span", {
|
|
49
|
-
css: /*#__PURE__*/react.css("margin:", props.children ?
|
|
48
|
+
css: /*#__PURE__*/react.css("margin:", props.children ? `0 ${designSystem.designTokens.spacing20} 0 0` : '0', ";display:flex;align-items:center;justify-content:center;" + ("" ), "" ),
|
|
50
49
|
children: /*#__PURE__*/react$1.cloneElement(props.icon, {
|
|
51
50
|
size: props.isCondensed ? '20' : '40'
|
|
52
51
|
})
|
|
@@ -82,9 +81,8 @@ const ViewSwitcher$1 = props => {
|
|
|
82
81
|
setSelectedButton(child.props.value);
|
|
83
82
|
}
|
|
84
83
|
if (!isButtonActive) {
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
(_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, child.props.value);
|
|
84
|
+
child.props.onClick?.(child.props.value);
|
|
85
|
+
props.onChange?.(child.props.value);
|
|
88
86
|
}
|
|
89
87
|
},
|
|
90
88
|
isCondensed: props.isCondensed,
|
|
@@ -104,7 +102,7 @@ ViewSwitcher$1.displayName = 'ViewSwitcher.Group';
|
|
|
104
102
|
var Group = ViewSwitcher$1;
|
|
105
103
|
|
|
106
104
|
// NOTE: This string will be replaced on build time with the package version.
|
|
107
|
-
var version = "20.
|
|
105
|
+
var version = "20.6.0";
|
|
108
106
|
|
|
109
107
|
const ViewSwitcher = {
|
|
110
108
|
Group,
|
|
@@ -6,7 +6,6 @@ import { css } from '@emotion/react';
|
|
|
6
6
|
import { designTokens } from '@commercetools-uikit/design-system';
|
|
7
7
|
import AccessibleButton from '@commercetools-uikit/accessible-button';
|
|
8
8
|
import { warning } from '@commercetools-uikit/utils';
|
|
9
|
-
import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
|
|
10
9
|
import { jsxs, jsx } from '@emotion/react/jsx-runtime';
|
|
11
10
|
|
|
12
11
|
const getSizeStyles = isCondensed => {
|
|
@@ -21,23 +20,24 @@ const getFontColor = (isDisabled, isActive) => {
|
|
|
21
20
|
return designTokens.colorPrimary;
|
|
22
21
|
};
|
|
23
22
|
const getButtonStyles = (isDisabled, isActive, isCondensed, isFirstButton, isLastButton) => {
|
|
24
|
-
|
|
25
|
-
|
|
23
|
+
const borderRadius = `${isFirstButton ? designTokens.borderRadius4 : '0'}
|
|
24
|
+
${isLastButton ? `${designTokens.borderRadius4}` : '0'}
|
|
25
|
+
${isLastButton ? `${designTokens.borderRadius4}` : '0'}
|
|
26
|
+
${isFirstButton ? designTokens.borderRadius4 : '0'}`;
|
|
26
27
|
const fontColor = getFontColor(isDisabled, isActive);
|
|
27
|
-
return [/*#__PURE__*/css("align-items:center;color:", fontColor, ";fill:", fontColor, ";transition:background-color ", designTokens.transitionLinear80Ms, ";font-size:", designTokens.fontSize30, ";border:1px solid ", designTokens.borderColorForButtonAsSecondary, ";border-left:", isFirstButton ? "1px solid ".concat(designTokens.borderColorForButtonAsSecondary) : '0', ";border-radius:", borderRadius, ";box-shadow:", designTokens.shadow0, ";background-color:", designTokens.colorSurface, ";&:hover{background-color:", designTokens.backgroundColorForButtonWhenHovered, ";}&:active{background-color:", designTokens.backgroundColorForButtonWhenActive, ";}", getSizeStyles(isCondensed), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDTyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXItYnV0dG9uJztcblxuY29uc3QgZ2V0U2l6ZVN0eWxlcyA9IChcbiAgaXNDb25kZW5zZWQ6IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXVxuKSA9PiB7XG4gIGlmIChpc0NvbmRlbnNlZCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBwYWRkaW5nOiAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyNX07XG4gICAgICBoZWlnaHQ6IDMycHg7XG4gICAgYDtcbiAgfVxuXG4gIHJldHVybiBjc3NgXG4gICAgcGFkZGluZzogMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICAgIGhlaWdodDogNDBweDtcbiAgYDtcbn07XG5cbmNvbnN0IGdldEZvbnRDb2xvciA9IChpc0Rpc2FibGVkPzogYm9vbGVhbiwgaXNBY3RpdmU/OiBib29sZWFuKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICBpZiAoaXNBY3RpdmUpIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQnV0dG9uQXNTZWNvbmRhcnk7XG4gIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5O1xufTtcblxuZXhwb3J0IGNvbnN0IGdldEJ1dHRvblN0eWxlcyA9IChcbiAgaXNEaXNhYmxlZD86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNEaXNhYmxlZCddLFxuICBpc0FjdGl2ZT86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNBY3RpdmUnXSxcbiAgaXNDb25kZW5zZWQ/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzQ29uZGVuc2VkJ10sXG4gIGlzRmlyc3RCdXR0b24/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzRmlyc3RCdXR0b24nXSxcbiAgaXNMYXN0QnV0dG9uPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0xhc3RCdXR0b24nXVxuKSA9PiB7XG4gIGNvbnN0IGJvcmRlclJhZGl1cyA9IGAke2lzRmlyc3RCdXR0b24gPyBkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNCA6ICcwJ31cbiAgJHtpc0xhc3RCdXR0b24gPyBgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNH1gIDogJzAnfVxuICAke2lzTGFzdEJ1dHRvbiA/IGAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM0fWAgOiAnMCd9XG4gICR7aXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM0IDogJzAnfWA7XG5cbiAgY29uc3QgZm9udENvbG9yID0gZ2V0Rm9udENvbG9yKGlzRGlzYWJsZWQsIGlzQWN0aXZlKTtcblxuICByZXR1cm4gW1xuICAgIGNzc2BcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBjb2xvcjogJHtmb250Q29sb3J9O1xuICAgICAgZmlsbDogJHtmb250Q29sb3J9O1xuICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAke2Rlc2lnblRva2Vucy50cmFuc2l0aW9uTGluZWFyODBNc307XG4gICAgICBmb250LXNpemU6ICR7ZGVzaWduVG9rZW5zLmZvbnRTaXplMzB9O1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JCdXR0b25Bc1NlY29uZGFyeX07XG4gICAgICBib3JkZXItbGVmdDogJHtpc0ZpcnN0QnV0dG9uXG4gICAgICAgID8gYDFweCBzb2xpZCAke2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckJ1dHRvbkFzU2Vjb25kYXJ5fWBcbiAgICAgICAgOiAnMCd9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtib3JkZXJSYWRpdXN9O1xuICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93MH07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckJ1dHRvbldoZW5Ib3ZlcmVkfTtcbiAgICAgIH1cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQnV0dG9uV2hlbkFjdGl2ZX07XG4gICAgICB9XG4gICAgICAke2dldFNpemVTdHlsZXMoaXNDb25kZW5zZWQpfVxuICAgIGAsXG4gICAgaXNEaXNhYmxlZCAmJlxuICAgICAgY3NzYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICB9XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsfTtcbiAgICAgIGAsXG4gICAgaXNBY3RpdmUgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5OTV9O1xuICAgICAgICBib3gtc2hhZG93OiAke2Rlc2lnblRva2Vucy5zaGFkb3cwfTtcbiAgICAgIGAsXG4gIF07XG59O1xuIl19 */"), isDisabled && /*#__PURE__*/css("background-color:", designTokens.colorSurface, ";color:", designTokens.colorNeutral60, ";&:hover{background-color:", designTokens.colorSurface, ";}border-color:", designTokens.colorNeutral, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStEUyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXItYnV0dG9uJztcblxuY29uc3QgZ2V0U2l6ZVN0eWxlcyA9IChcbiAgaXNDb25kZW5zZWQ6IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXVxuKSA9PiB7XG4gIGlmIChpc0NvbmRlbnNlZCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBwYWRkaW5nOiAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyNX07XG4gICAgICBoZWlnaHQ6IDMycHg7XG4gICAgYDtcbiAgfVxuXG4gIHJldHVybiBjc3NgXG4gICAgcGFkZGluZzogMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICAgIGhlaWdodDogNDBweDtcbiAgYDtcbn07XG5cbmNvbnN0IGdldEZvbnRDb2xvciA9IChpc0Rpc2FibGVkPzogYm9vbGVhbiwgaXNBY3RpdmU/OiBib29sZWFuKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICBpZiAoaXNBY3RpdmUpIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQnV0dG9uQXNTZWNvbmRhcnk7XG4gIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5O1xufTtcblxuZXhwb3J0IGNvbnN0IGdldEJ1dHRvblN0eWxlcyA9IChcbiAgaXNEaXNhYmxlZD86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNEaXNhYmxlZCddLFxuICBpc0FjdGl2ZT86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNBY3RpdmUnXSxcbiAgaXNDb25kZW5zZWQ/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzQ29uZGVuc2VkJ10sXG4gIGlzRmlyc3RCdXR0b24/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzRmlyc3RCdXR0b24nXSxcbiAgaXNMYXN0QnV0dG9uPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0xhc3RCdXR0b24nXVxuKSA9PiB7XG4gIGNvbnN0IGJvcmRlclJhZGl1cyA9IGAke2lzRmlyc3RCdXR0b24gPyBkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNCA6ICcwJ31cbiAgJHtpc0xhc3RCdXR0b24gPyBgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNH1gIDogJzAnfVxuICAke2lzTGFzdEJ1dHRvbiA/IGAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM0fWAgOiAnMCd9XG4gICR7aXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM0IDogJzAnfWA7XG5cbiAgY29uc3QgZm9udENvbG9yID0gZ2V0Rm9udENvbG9yKGlzRGlzYWJsZWQsIGlzQWN0aXZlKTtcblxuICByZXR1cm4gW1xuICAgIGNzc2BcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBjb2xvcjogJHtmb250Q29sb3J9O1xuICAgICAgZmlsbDogJHtmb250Q29sb3J9O1xuICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAke2Rlc2lnblRva2Vucy50cmFuc2l0aW9uTGluZWFyODBNc307XG4gICAgICBmb250LXNpemU6ICR7ZGVzaWduVG9rZW5zLmZvbnRTaXplMzB9O1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JCdXR0b25Bc1NlY29uZGFyeX07XG4gICAgICBib3JkZXItbGVmdDogJHtpc0ZpcnN0QnV0dG9uXG4gICAgICAgID8gYDFweCBzb2xpZCAke2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckJ1dHRvbkFzU2Vjb25kYXJ5fWBcbiAgICAgICAgOiAnMCd9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtib3JkZXJSYWRpdXN9O1xuICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93MH07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckJ1dHRvbldoZW5Ib3ZlcmVkfTtcbiAgICAgIH1cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQnV0dG9uV2hlbkFjdGl2ZX07XG4gICAgICB9XG4gICAgICAke2dldFNpemVTdHlsZXMoaXNDb25kZW5zZWQpfVxuICAgIGAsXG4gICAgaXNEaXNhYmxlZCAmJlxuICAgICAgY3NzYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICB9XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsfTtcbiAgICAgIGAsXG4gICAgaXNBY3RpdmUgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5OTV9O1xuICAgICAgICBib3gtc2hhZG93OiAke2Rlc2lnblRva2Vucy5zaGFkb3cwfTtcbiAgICAgIGAsXG4gIF07XG59O1xuIl19 */"), isActive && /*#__PURE__*/css("background-color:", designTokens.colorPrimary95, ";box-shadow:", designTokens.shadow0, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdFUyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXItYnV0dG9uJztcblxuY29uc3QgZ2V0U2l6ZVN0eWxlcyA9IChcbiAgaXNDb25kZW5zZWQ6IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXVxuKSA9PiB7XG4gIGlmIChpc0NvbmRlbnNlZCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBwYWRkaW5nOiAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyNX07XG4gICAgICBoZWlnaHQ6IDMycHg7XG4gICAgYDtcbiAgfVxuXG4gIHJldHVybiBjc3NgXG4gICAgcGFkZGluZzogMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICAgIGhlaWdodDogNDBweDtcbiAgYDtcbn07XG5cbmNvbnN0IGdldEZvbnRDb2xvciA9IChpc0Rpc2FibGVkPzogYm9vbGVhbiwgaXNBY3RpdmU/OiBib29sZWFuKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICBpZiAoaXNBY3RpdmUpIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQnV0dG9uQXNTZWNvbmRhcnk7XG4gIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5O1xufTtcblxuZXhwb3J0IGNvbnN0IGdldEJ1dHRvblN0eWxlcyA9IChcbiAgaXNEaXNhYmxlZD86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNEaXNhYmxlZCddLFxuICBpc0FjdGl2ZT86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNBY3RpdmUnXSxcbiAgaXNDb25kZW5zZWQ/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzQ29uZGVuc2VkJ10sXG4gIGlzRmlyc3RCdXR0b24/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzRmlyc3RCdXR0b24nXSxcbiAgaXNMYXN0QnV0dG9uPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0xhc3RCdXR0b24nXVxuKSA9PiB7XG4gIGNvbnN0IGJvcmRlclJhZGl1cyA9IGAke2lzRmlyc3RCdXR0b24gPyBkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNCA6ICcwJ31cbiAgJHtpc0xhc3RCdXR0b24gPyBgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNH1gIDogJzAnfVxuICAke2lzTGFzdEJ1dHRvbiA/IGAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM0fWAgOiAnMCd9XG4gICR7aXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM0IDogJzAnfWA7XG5cbiAgY29uc3QgZm9udENvbG9yID0gZ2V0Rm9udENvbG9yKGlzRGlzYWJsZWQsIGlzQWN0aXZlKTtcblxuICByZXR1cm4gW1xuICAgIGNzc2BcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBjb2xvcjogJHtmb250Q29sb3J9O1xuICAgICAgZmlsbDogJHtmb250Q29sb3J9O1xuICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAke2Rlc2lnblRva2Vucy50cmFuc2l0aW9uTGluZWFyODBNc307XG4gICAgICBmb250LXNpemU6ICR7ZGVzaWduVG9rZW5zLmZvbnRTaXplMzB9O1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JCdXR0b25Bc1NlY29uZGFyeX07XG4gICAgICBib3JkZXItbGVmdDogJHtpc0ZpcnN0QnV0dG9uXG4gICAgICAgID8gYDFweCBzb2xpZCAke2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckJ1dHRvbkFzU2Vjb25kYXJ5fWBcbiAgICAgICAgOiAnMCd9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtib3JkZXJSYWRpdXN9O1xuICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93MH07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckJ1dHRvbldoZW5Ib3ZlcmVkfTtcbiAgICAgIH1cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQnV0dG9uV2hlbkFjdGl2ZX07XG4gICAgICB9XG4gICAgICAke2dldFNpemVTdHlsZXMoaXNDb25kZW5zZWQpfVxuICAgIGAsXG4gICAgaXNEaXNhYmxlZCAmJlxuICAgICAgY3NzYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICB9XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsfTtcbiAgICAgIGAsXG4gICAgaXNBY3RpdmUgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5OTV9O1xuICAgICAgICBib3gtc2hhZG93OiAke2Rlc2lnblRva2Vucy5zaGFkb3cwfTtcbiAgICAgIGAsXG4gIF07XG59O1xuIl19 */")];
|
|
28
|
+
return [/*#__PURE__*/css("align-items:center;color:", fontColor, ";fill:", fontColor, ";transition:background-color ", designTokens.transitionLinear80Ms, ";font-size:", designTokens.fontSize30, ";border:1px solid ", designTokens.borderColorForButtonAsSecondary, ";border-left:", isFirstButton ? `1px solid ${designTokens.borderColorForButtonAsSecondary}` : '0', ";border-radius:", borderRadius, ";box-shadow:", designTokens.shadow0, ";background-color:", designTokens.colorSurface, ";&:hover{background-color:", designTokens.backgroundColorForButtonWhenHovered, ";}&:active{background-color:", designTokens.backgroundColorForButtonWhenActive, ";}", getSizeStyles(isCondensed), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDTyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXItYnV0dG9uJztcblxuY29uc3QgZ2V0U2l6ZVN0eWxlcyA9IChcbiAgaXNDb25kZW5zZWQ6IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXVxuKSA9PiB7XG4gIGlmIChpc0NvbmRlbnNlZCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBwYWRkaW5nOiAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyNX07XG4gICAgICBoZWlnaHQ6IDMycHg7XG4gICAgYDtcbiAgfVxuXG4gIHJldHVybiBjc3NgXG4gICAgcGFkZGluZzogMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICAgIGhlaWdodDogNDBweDtcbiAgYDtcbn07XG5cbmNvbnN0IGdldEZvbnRDb2xvciA9IChpc0Rpc2FibGVkPzogYm9vbGVhbiwgaXNBY3RpdmU/OiBib29sZWFuKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICBpZiAoaXNBY3RpdmUpIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQnV0dG9uQXNTZWNvbmRhcnk7XG4gIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5O1xufTtcblxuZXhwb3J0IGNvbnN0IGdldEJ1dHRvblN0eWxlcyA9IChcbiAgaXNEaXNhYmxlZD86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNEaXNhYmxlZCddLFxuICBpc0FjdGl2ZT86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNBY3RpdmUnXSxcbiAgaXNDb25kZW5zZWQ/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzQ29uZGVuc2VkJ10sXG4gIGlzRmlyc3RCdXR0b24/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzRmlyc3RCdXR0b24nXSxcbiAgaXNMYXN0QnV0dG9uPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0xhc3RCdXR0b24nXVxuKSA9PiB7XG4gIGNvbnN0IGJvcmRlclJhZGl1cyA9IGAke2lzRmlyc3RCdXR0b24gPyBkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNCA6ICcwJ31cbiAgJHtpc0xhc3RCdXR0b24gPyBgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNH1gIDogJzAnfVxuICAke2lzTGFzdEJ1dHRvbiA/IGAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM0fWAgOiAnMCd9XG4gICR7aXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM0IDogJzAnfWA7XG5cbiAgY29uc3QgZm9udENvbG9yID0gZ2V0Rm9udENvbG9yKGlzRGlzYWJsZWQsIGlzQWN0aXZlKTtcblxuICByZXR1cm4gW1xuICAgIGNzc2BcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBjb2xvcjogJHtmb250Q29sb3J9O1xuICAgICAgZmlsbDogJHtmb250Q29sb3J9O1xuICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAke2Rlc2lnblRva2Vucy50cmFuc2l0aW9uTGluZWFyODBNc307XG4gICAgICBmb250LXNpemU6ICR7ZGVzaWduVG9rZW5zLmZvbnRTaXplMzB9O1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JCdXR0b25Bc1NlY29uZGFyeX07XG4gICAgICBib3JkZXItbGVmdDogJHtpc0ZpcnN0QnV0dG9uXG4gICAgICAgID8gYDFweCBzb2xpZCAke2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckJ1dHRvbkFzU2Vjb25kYXJ5fWBcbiAgICAgICAgOiAnMCd9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtib3JkZXJSYWRpdXN9O1xuICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93MH07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckJ1dHRvbldoZW5Ib3ZlcmVkfTtcbiAgICAgIH1cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQnV0dG9uV2hlbkFjdGl2ZX07XG4gICAgICB9XG4gICAgICAke2dldFNpemVTdHlsZXMoaXNDb25kZW5zZWQpfVxuICAgIGAsXG4gICAgaXNEaXNhYmxlZCAmJlxuICAgICAgY3NzYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICB9XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsfTtcbiAgICAgIGAsXG4gICAgaXNBY3RpdmUgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5OTV9O1xuICAgICAgICBib3gtc2hhZG93OiAke2Rlc2lnblRva2Vucy5zaGFkb3cwfTtcbiAgICAgIGAsXG4gIF07XG59O1xuIl19 */"), isDisabled && /*#__PURE__*/css("background-color:", designTokens.colorSurface, ";color:", designTokens.colorNeutral60, ";&:hover{background-color:", designTokens.colorSurface, ";}border-color:", designTokens.colorNeutral, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStEUyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXItYnV0dG9uJztcblxuY29uc3QgZ2V0U2l6ZVN0eWxlcyA9IChcbiAgaXNDb25kZW5zZWQ6IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXVxuKSA9PiB7XG4gIGlmIChpc0NvbmRlbnNlZCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBwYWRkaW5nOiAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyNX07XG4gICAgICBoZWlnaHQ6IDMycHg7XG4gICAgYDtcbiAgfVxuXG4gIHJldHVybiBjc3NgXG4gICAgcGFkZGluZzogMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICAgIGhlaWdodDogNDBweDtcbiAgYDtcbn07XG5cbmNvbnN0IGdldEZvbnRDb2xvciA9IChpc0Rpc2FibGVkPzogYm9vbGVhbiwgaXNBY3RpdmU/OiBib29sZWFuKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICBpZiAoaXNBY3RpdmUpIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQnV0dG9uQXNTZWNvbmRhcnk7XG4gIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5O1xufTtcblxuZXhwb3J0IGNvbnN0IGdldEJ1dHRvblN0eWxlcyA9IChcbiAgaXNEaXNhYmxlZD86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNEaXNhYmxlZCddLFxuICBpc0FjdGl2ZT86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNBY3RpdmUnXSxcbiAgaXNDb25kZW5zZWQ/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzQ29uZGVuc2VkJ10sXG4gIGlzRmlyc3RCdXR0b24/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzRmlyc3RCdXR0b24nXSxcbiAgaXNMYXN0QnV0dG9uPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0xhc3RCdXR0b24nXVxuKSA9PiB7XG4gIGNvbnN0IGJvcmRlclJhZGl1cyA9IGAke2lzRmlyc3RCdXR0b24gPyBkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNCA6ICcwJ31cbiAgJHtpc0xhc3RCdXR0b24gPyBgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNH1gIDogJzAnfVxuICAke2lzTGFzdEJ1dHRvbiA/IGAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM0fWAgOiAnMCd9XG4gICR7aXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM0IDogJzAnfWA7XG5cbiAgY29uc3QgZm9udENvbG9yID0gZ2V0Rm9udENvbG9yKGlzRGlzYWJsZWQsIGlzQWN0aXZlKTtcblxuICByZXR1cm4gW1xuICAgIGNzc2BcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBjb2xvcjogJHtmb250Q29sb3J9O1xuICAgICAgZmlsbDogJHtmb250Q29sb3J9O1xuICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAke2Rlc2lnblRva2Vucy50cmFuc2l0aW9uTGluZWFyODBNc307XG4gICAgICBmb250LXNpemU6ICR7ZGVzaWduVG9rZW5zLmZvbnRTaXplMzB9O1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JCdXR0b25Bc1NlY29uZGFyeX07XG4gICAgICBib3JkZXItbGVmdDogJHtpc0ZpcnN0QnV0dG9uXG4gICAgICAgID8gYDFweCBzb2xpZCAke2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckJ1dHRvbkFzU2Vjb25kYXJ5fWBcbiAgICAgICAgOiAnMCd9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtib3JkZXJSYWRpdXN9O1xuICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93MH07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckJ1dHRvbldoZW5Ib3ZlcmVkfTtcbiAgICAgIH1cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQnV0dG9uV2hlbkFjdGl2ZX07XG4gICAgICB9XG4gICAgICAke2dldFNpemVTdHlsZXMoaXNDb25kZW5zZWQpfVxuICAgIGAsXG4gICAgaXNEaXNhYmxlZCAmJlxuICAgICAgY3NzYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICB9XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsfTtcbiAgICAgIGAsXG4gICAgaXNBY3RpdmUgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5OTV9O1xuICAgICAgICBib3gtc2hhZG93OiAke2Rlc2lnblRva2Vucy5zaGFkb3cwfTtcbiAgICAgIGAsXG4gIF07XG59O1xuIl19 */"), isActive && /*#__PURE__*/css("background-color:", designTokens.colorPrimary95, ";box-shadow:", designTokens.shadow0, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdFUyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXItYnV0dG9uJztcblxuY29uc3QgZ2V0U2l6ZVN0eWxlcyA9IChcbiAgaXNDb25kZW5zZWQ6IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXVxuKSA9PiB7XG4gIGlmIChpc0NvbmRlbnNlZCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBwYWRkaW5nOiAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyNX07XG4gICAgICBoZWlnaHQ6IDMycHg7XG4gICAgYDtcbiAgfVxuXG4gIHJldHVybiBjc3NgXG4gICAgcGFkZGluZzogMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICAgIGhlaWdodDogNDBweDtcbiAgYDtcbn07XG5cbmNvbnN0IGdldEZvbnRDb2xvciA9IChpc0Rpc2FibGVkPzogYm9vbGVhbiwgaXNBY3RpdmU/OiBib29sZWFuKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICBpZiAoaXNBY3RpdmUpIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQnV0dG9uQXNTZWNvbmRhcnk7XG4gIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5O1xufTtcblxuZXhwb3J0IGNvbnN0IGdldEJ1dHRvblN0eWxlcyA9IChcbiAgaXNEaXNhYmxlZD86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNEaXNhYmxlZCddLFxuICBpc0FjdGl2ZT86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNBY3RpdmUnXSxcbiAgaXNDb25kZW5zZWQ/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzQ29uZGVuc2VkJ10sXG4gIGlzRmlyc3RCdXR0b24/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzRmlyc3RCdXR0b24nXSxcbiAgaXNMYXN0QnV0dG9uPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0xhc3RCdXR0b24nXVxuKSA9PiB7XG4gIGNvbnN0IGJvcmRlclJhZGl1cyA9IGAke2lzRmlyc3RCdXR0b24gPyBkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNCA6ICcwJ31cbiAgJHtpc0xhc3RCdXR0b24gPyBgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNH1gIDogJzAnfVxuICAke2lzTGFzdEJ1dHRvbiA/IGAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM0fWAgOiAnMCd9XG4gICR7aXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM0IDogJzAnfWA7XG5cbiAgY29uc3QgZm9udENvbG9yID0gZ2V0Rm9udENvbG9yKGlzRGlzYWJsZWQsIGlzQWN0aXZlKTtcblxuICByZXR1cm4gW1xuICAgIGNzc2BcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBjb2xvcjogJHtmb250Q29sb3J9O1xuICAgICAgZmlsbDogJHtmb250Q29sb3J9O1xuICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAke2Rlc2lnblRva2Vucy50cmFuc2l0aW9uTGluZWFyODBNc307XG4gICAgICBmb250LXNpemU6ICR7ZGVzaWduVG9rZW5zLmZvbnRTaXplMzB9O1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JCdXR0b25Bc1NlY29uZGFyeX07XG4gICAgICBib3JkZXItbGVmdDogJHtpc0ZpcnN0QnV0dG9uXG4gICAgICAgID8gYDFweCBzb2xpZCAke2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckJ1dHRvbkFzU2Vjb25kYXJ5fWBcbiAgICAgICAgOiAnMCd9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtib3JkZXJSYWRpdXN9O1xuICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93MH07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckJ1dHRvbldoZW5Ib3ZlcmVkfTtcbiAgICAgIH1cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQnV0dG9uV2hlbkFjdGl2ZX07XG4gICAgICB9XG4gICAgICAke2dldFNpemVTdHlsZXMoaXNDb25kZW5zZWQpfVxuICAgIGAsXG4gICAgaXNEaXNhYmxlZCAmJlxuICAgICAgY3NzYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICB9XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsfTtcbiAgICAgIGAsXG4gICAgaXNBY3RpdmUgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5OTV9O1xuICAgICAgICBib3gtc2hhZG93OiAke2Rlc2lnblRva2Vucy5zaGFkb3cwfTtcbiAgICAgIGAsXG4gIF07XG59O1xuIl19 */")];
|
|
28
29
|
};
|
|
29
30
|
|
|
30
31
|
const ViewSwitcherButton = props => {
|
|
31
|
-
var _ref, _props$label;
|
|
32
32
|
process.env.NODE_ENV !== "production" ? warning(Boolean(props.children || props.icon), 'uikit/ViewSwitcherButton: You need to provide at least the `children` to render inside the button or an `icon`.') : void 0;
|
|
33
33
|
process.env.NODE_ENV !== "production" ? warning(Boolean(props.label || props.children), 'uikit/ViewSwitcherButton: You need to provide a `label` when rendering only an `icon` within the button.') : void 0;
|
|
34
34
|
return jsxs(AccessibleButton, {
|
|
35
|
-
label:
|
|
35
|
+
label: props.label ?? props.children ?? '',
|
|
36
36
|
css: getButtonStyles(props.isDisabled, props.isActive, props.isCondensed, props.isFirstButton, props.isLastButton),
|
|
37
37
|
onClick: props.onClick,
|
|
38
38
|
isDisabled: props.isDisabled,
|
|
39
39
|
children: [props.icon && jsx("span", {
|
|
40
|
-
css: /*#__PURE__*/css("margin:", props.children ?
|
|
40
|
+
css: /*#__PURE__*/css("margin:", props.children ? `0 ${designTokens.spacing20} 0 0` : '0', ";display:flex;align-items:center;justify-content:center;" + (process.env.NODE_ENV === "production" ? "" : ";label:ViewSwitcherButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXItYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RWtCIiwiZmlsZSI6InZpZXctc3dpdGNoZXItYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGNsb25lRWxlbWVudCxcbiAgdHlwZSBNb3VzZUV2ZW50LFxuICB0eXBlIEtleWJvYXJkRXZlbnQsXG4gIHR5cGUgUmVhY3RFbGVtZW50LFxuICBGQyxcbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IHsgZ2V0QnV0dG9uU3R5bGVzIH0gZnJvbSAnLi92aWV3LXN3aXRjaGVyLnN0eWxlcyc7XG5cbi8qKlxuICogUHJvcHMgZm9yIHRoZSBWaWV3U3dpdGNoZXJCdXR0b24gY29tcG9uZW50XG4gKi9cbmV4cG9ydCB0eXBlIFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wcyA9IHtcbiAgLyoqIFRoZSB0ZXh0IGNvbnRlbnQgdG8gYmUgZGlzcGxheWVkIGluc2lkZSB0aGUgYnV0dG9uICovXG4gIGNoaWxkcmVuPzogc3RyaW5nO1xuICAvKiogQW4gaWNvbiBlbGVtZW50IHRvIGJlIGRpc3BsYXllZCBpbnNpZGUgdGhlIGJ1dHRvbiAqL1xuICBpY29uPzogUmVhY3RFbGVtZW50PHsgc2l6ZT86IHN0cmluZyB9PjtcbiAgLyoqIEluZGljYXRlcyBpZiB0aGUgYnV0dG9uIGlzIGluIGFjdGl2ZSBzdGF0ZSAqL1xuICBpc0FjdGl2ZT86IGJvb2xlYW47XG4gIC8qKiBJbmRpY2F0ZXMgaWYgdGhlIGJ1dHRvbiBpcyBkaXNhYmxlZCAqL1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbiAgLyoqIEluZGljYXRlcyBpZiB0aGUgYnV0dG9uIHNob3VsZCBiZSByZW5kZXJlZCBpbiBjb25kZW5zZWQgbW9kZSAqL1xuICBpc0NvbmRlbnNlZD86IGJvb2xlYW47XG4gIC8qKiBJbmRpY2F0ZXMgaWYgdGhpcyBidXR0b24gaXMgdGhlIGZpcnN0IGluIGEgZ3JvdXAgb2YgYnV0dG9ucyAqL1xuICBpc0ZpcnN0QnV0dG9uPzogYm9vbGVhbjtcbiAgLyoqIEluZGljYXRlcyBpZiB0aGlzIGJ1dHRvbiBpcyB0aGUgbGFzdCBpbiBhIGdyb3VwIG9mIGJ1dHRvbnMgKi9cbiAgaXNMYXN0QnV0dG9uPzogYm9vbGVhbjtcbiAgLyoqIEFjY2Vzc2libGUgbGFiZWwgZm9yIHRoZSBidXR0b24gKHJlcXVpcmVkIHdoZW4gb25seSBpY29uIGlzIHByb3ZpZGVkKSAqL1xuICBsYWJlbD86IHN0cmluZztcbiAgLyoqIFZhbHVlIGFzc29jaWF0ZWQgd2l0aCB0aGUgYnV0dG9uICovXG4gIHZhbHVlOiBzdHJpbmc7XG4gIC8qKiBIYW5kbGVyIGNhbGxlZCB3aGVuIHRoZSBidXR0b24gaXMgY2xpY2tlZCAqL1xuICBvbkNsaWNrPzogKFxuICAgIGV2ZW50OlxuICAgICAgfCBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PlxuICAgICAgfCBLZXlib2FyZEV2ZW50PEhUTUxCdXR0b25FbGVtZW50PlxuICAgICAgfCBzdHJpbmdcbiAgKSA9PiB2b2lkO1xufTtcblxuZXhwb3J0IHR5cGUgVFZpZXdTd2l0Y2hlckJ1dHRvbkVsZW1lbnQgPSBGQzxUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHM+O1xuXG5jb25zdCBWaWV3U3dpdGNoZXJCdXR0b246IFRWaWV3U3dpdGNoZXJCdXR0b25FbGVtZW50ID0gKHByb3BzKSA9PiB7XG4gIHdhcm5pbmcoXG4gICAgQm9vbGVhbihwcm9wcy5jaGlsZHJlbiB8fCBwcm9wcy5pY29uKSxcbiAgICAndWlraXQvVmlld1N3aXRjaGVyQnV0dG9uOiBZb3UgbmVlZCB0byBwcm92aWRlIGF0IGxlYXN0IHRoZSBgY2hpbGRyZW5gIHRvIHJlbmRlciBpbnNpZGUgdGhlIGJ1dHRvbiBvciBhbiBgaWNvbmAuJ1xuICApO1xuXG4gIHdhcm5pbmcoXG4gICAgQm9vbGVhbihwcm9wcy5sYWJlbCB8fCBwcm9wcy5jaGlsZHJlbiksXG4gICAgJ3Vpa2l0L1ZpZXdTd2l0Y2hlckJ1dHRvbjogWW91IG5lZWQgdG8gcHJvdmlkZSBhIGBsYWJlbGAgd2hlbiByZW5kZXJpbmcgb25seSBhbiBgaWNvbmAgd2l0aGluIHRoZSBidXR0b24uJ1xuICApO1xuXG4gIHJldHVybiAoXG4gICAgPEFjY2Vzc2libGVCdXR0b25cbiAgICAgIGxhYmVsPXtwcm9wcy5sYWJlbCA/PyBwcm9wcy5jaGlsZHJlbiA/PyAnJ31cbiAgICAgIGNzcz17Z2V0QnV0dG9uU3R5bGVzKFxuICAgICAgICBwcm9wcy5pc0Rpc2FibGVkLFxuICAgICAgICBwcm9wcy5pc0FjdGl2ZSxcbiAgICAgICAgcHJvcHMuaXNDb25kZW5zZWQsXG4gICAgICAgIHByb3BzLmlzRmlyc3RCdXR0b24sXG4gICAgICAgIHByb3BzLmlzTGFzdEJ1dHRvblxuICAgICAgKX1cbiAgICAgIG9uQ2xpY2s9e3Byb3BzLm9uQ2xpY2t9XG4gICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgID5cbiAgICAgIHtwcm9wcy5pY29uICYmIChcbiAgICAgICAgPHNwYW5cbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIG1hcmdpbjogJHtwcm9wcy5jaGlsZHJlbiA/IGAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH0gMCAwYCA6ICcwJ307XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7Y2xvbmVFbGVtZW50KHByb3BzLmljb24sIHtcbiAgICAgICAgICAgIHNpemU6IHByb3BzLmlzQ29uZGVuc2VkID8gJzIwJyA6ICc0MCcsXG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICl9XG4gICAgICB7cHJvcHMuY2hpbGRyZW4gJiYgPHNwYW4+e3Byb3BzLmNoaWxkcmVufTwvc3Bhbj59XG4gICAgPC9BY2Nlc3NpYmxlQnV0dG9uPlxuICApO1xufTtcblxuVmlld1N3aXRjaGVyQnV0dG9uLmRpc3BsYXlOYW1lID0gJ1ZpZXdTd2l0Y2hlci5CdXR0b24nO1xuZXhwb3J0IGRlZmF1bHQgVmlld1N3aXRjaGVyQnV0dG9uO1xuIl19 */"),
|
|
41
41
|
children: /*#__PURE__*/cloneElement(props.icon, {
|
|
42
42
|
size: props.isCondensed ? '20' : '40'
|
|
43
43
|
})
|
|
@@ -70,9 +70,9 @@ const ViewSwitcher$1 = props => {
|
|
|
70
70
|
selectedButton = _useState2[0],
|
|
71
71
|
setSelectedButton = _useState2[1];
|
|
72
72
|
if (isControlledComponent) {
|
|
73
|
-
process.env.NODE_ENV !== "production" ? warning(hasOnChange,
|
|
73
|
+
process.env.NODE_ENV !== "production" ? warning(hasOnChange, `ui-kit/ViewSwitcher: missing required prop "onChange" when using the "value" prop (controlled component).`) : void 0;
|
|
74
74
|
}
|
|
75
|
-
process.env.NODE_ENV !== "production" ? warning(!props.selectedValue || !props.defaultSelected,
|
|
75
|
+
process.env.NODE_ENV !== "production" ? warning(!props.selectedValue || !props.defaultSelected, `ui-kit/ViewSwitcher: passed both "selectedValue" (uncontrolled component) prop and "defaultSelected" (uncontrolled component). Please pass only one as the component can only be either controlled or uncontrolled.`) : void 0;
|
|
76
76
|
process.env.NODE_ENV !== "production" ? warning(props.children.length > 0, 'ViewSwitcher.Group must contain at least one ViewSwitcher.Button') : void 0;
|
|
77
77
|
const viewSwitcherElements = _mapInstanceProperty(Children).call(Children, props.children, (child, index) => {
|
|
78
78
|
if (child && /*#__PURE__*/isValidElement(child) && child.type === Button) {
|
|
@@ -83,9 +83,8 @@ const ViewSwitcher$1 = props => {
|
|
|
83
83
|
setSelectedButton(child.props.value);
|
|
84
84
|
}
|
|
85
85
|
if (!isButtonActive) {
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
(_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, child.props.value);
|
|
86
|
+
child.props.onClick?.(child.props.value);
|
|
87
|
+
props.onChange?.(child.props.value);
|
|
89
88
|
}
|
|
90
89
|
},
|
|
91
90
|
isCondensed: props.isCondensed,
|
|
@@ -105,7 +104,7 @@ ViewSwitcher$1.displayName = 'ViewSwitcher.Group';
|
|
|
105
104
|
var Group = ViewSwitcher$1;
|
|
106
105
|
|
|
107
106
|
// NOTE: This string will be replaced on build time with the package version.
|
|
108
|
-
var version = "20.
|
|
107
|
+
var version = "20.6.0";
|
|
109
108
|
|
|
110
109
|
const ViewSwitcher = {
|
|
111
110
|
Group,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
declare const ViewSwitcher: {
|
|
2
2
|
Group: {
|
|
3
|
-
(props: import("
|
|
3
|
+
(props: import("@commercetools-frontend/ui-kit").TViewSwitcherProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
4
4
|
displayName: string;
|
|
5
5
|
};
|
|
6
6
|
Button: import("./view-switcher-button.js").TViewSwitcherButtonElement;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/view-switcher",
|
|
3
3
|
"description": "ViewSwitchers allow users to toggle between two or more different views of the same, similar or related content items within the same space on screen.",
|
|
4
|
-
"version": "20.
|
|
4
|
+
"version": "20.6.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -9,7 +9,13 @@
|
|
|
9
9
|
"directory": "packages/components/view-switcher"
|
|
10
10
|
},
|
|
11
11
|
"homepage": "https://uikit.commercetools.com",
|
|
12
|
-
"keywords": [
|
|
12
|
+
"keywords": [
|
|
13
|
+
"javascript",
|
|
14
|
+
"typescript",
|
|
15
|
+
"design-system",
|
|
16
|
+
"react",
|
|
17
|
+
"uikit"
|
|
18
|
+
],
|
|
13
19
|
"license": "MIT",
|
|
14
20
|
"publishConfig": {
|
|
15
21
|
"access": "public"
|
|
@@ -17,21 +23,24 @@
|
|
|
17
23
|
"sideEffects": false,
|
|
18
24
|
"main": "dist/commercetools-uikit-view-switcher.cjs.js",
|
|
19
25
|
"module": "dist/commercetools-uikit-view-switcher.esm.js",
|
|
20
|
-
"files": [
|
|
26
|
+
"files": [
|
|
27
|
+
"dist"
|
|
28
|
+
],
|
|
21
29
|
"dependencies": {
|
|
22
30
|
"@babel/runtime": "^7.20.13",
|
|
23
31
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/accessible-button": "20.5.0",
|
|
25
|
-
"@commercetools-uikit/design-system": "20.5.0",
|
|
26
|
-
"@commercetools-uikit/utils": "20.5.0",
|
|
27
32
|
"@emotion/react": "^11.10.5",
|
|
28
33
|
"@emotion/styled": "^11.10.5",
|
|
29
|
-
"lodash": "4.
|
|
34
|
+
"lodash": "4.18.1",
|
|
35
|
+
"@commercetools-uikit/accessible-button": "^20.6.0",
|
|
36
|
+
"@commercetools-uikit/utils": "^20.6.0",
|
|
37
|
+
"@commercetools-uikit/design-system": "^20.6.0"
|
|
30
38
|
},
|
|
31
39
|
"devDependencies": {
|
|
32
|
-
"react": "19.2.0"
|
|
40
|
+
"react": "19.2.0",
|
|
41
|
+
"@commercetools-uikit/icons": "^20.6.0"
|
|
33
42
|
},
|
|
34
43
|
"peerDependencies": {
|
|
35
44
|
"react": "19.x"
|
|
36
45
|
}
|
|
37
|
-
}
|
|
46
|
+
}
|