@commercetools-uikit/view-switcher 19.11.0 → 19.12.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -11,7 +11,6 @@ var react = require('@emotion/react');
|
|
|
11
11
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
12
12
|
var AccessibleButton = require('@commercetools-uikit/accessible-button');
|
|
13
13
|
var utils = require('@commercetools-uikit/utils');
|
|
14
|
-
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
15
14
|
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
16
15
|
|
|
17
16
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
@@ -20,7 +19,6 @@ var _pt__default = /*#__PURE__*/_interopDefault(_pt);
|
|
|
20
19
|
var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
|
|
21
20
|
var isNil__default = /*#__PURE__*/_interopDefault(isNil);
|
|
22
21
|
var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
|
|
23
|
-
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
24
22
|
|
|
25
23
|
const getSizeStyles = isCondensed => {
|
|
26
24
|
if (isCondensed) {
|
|
@@ -34,23 +32,24 @@ const getFontColor = (isDisabled, isActive) => {
|
|
|
34
32
|
return designSystem.designTokens.colorPrimary;
|
|
35
33
|
};
|
|
36
34
|
const getButtonStyles = (isDisabled, isActive, isCondensed, isFirstButton, isLastButton) => {
|
|
37
|
-
|
|
38
|
-
|
|
35
|
+
const borderRadius = `${isFirstButton ? designSystem.designTokens.borderRadius4 : '0'}
|
|
36
|
+
${isLastButton ? `${designSystem.designTokens.borderRadius4}` : '0'}
|
|
37
|
+
${isLastButton ? `${designSystem.designTokens.borderRadius4}` : '0'}
|
|
38
|
+
${isFirstButton ? designSystem.designTokens.borderRadius4 : '0'}`;
|
|
39
39
|
const fontColor = getFontColor(isDisabled, isActive);
|
|
40
|
-
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 */")];
|
|
40
|
+
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 */")];
|
|
41
41
|
};
|
|
42
42
|
|
|
43
43
|
const ViewSwitcherButton = props => {
|
|
44
|
-
var _ref, _props$label;
|
|
45
44
|
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;
|
|
46
45
|
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;
|
|
47
46
|
return jsxRuntime.jsxs(AccessibleButton__default["default"], {
|
|
48
|
-
label:
|
|
47
|
+
label: props.label ?? props.children ?? '',
|
|
49
48
|
css: getButtonStyles(props.isDisabled, props.isActive, props.isCondensed, props.isFirstButton, props.isLastButton),
|
|
50
49
|
onClick: props.onClick,
|
|
51
50
|
isDisabled: props.isDisabled,
|
|
52
51
|
children: [props.icon && jsxRuntime.jsx("span", {
|
|
53
|
-
css: /*#__PURE__*/react.css("margin:", props.children ?
|
|
52
|
+
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXItYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRGtCIiwiZmlsZSI6InZpZXctc3dpdGNoZXItYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGNsb25lRWxlbWVudCxcbiAgdHlwZSBNb3VzZUV2ZW50LFxuICB0eXBlIEtleWJvYXJkRXZlbnQsXG4gIHR5cGUgUmVhY3RFbGVtZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBBY2Nlc3NpYmxlQnV0dG9uIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2FjY2Vzc2libGUtYnV0dG9uJztcbmltcG9ydCB7IHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgeyBnZXRCdXR0b25TdHlsZXMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXIuc3R5bGVzJztcblxuZXhwb3J0IHR5cGUgVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzID0ge1xuICBjaGlsZHJlbj86IHN0cmluZztcbiAgaWNvbj86IFJlYWN0RWxlbWVudDtcbiAgaXNBY3RpdmU/OiBib29sZWFuO1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbiAgaXNDb25kZW5zZWQ/OiBib29sZWFuO1xuICBpc0ZpcnN0QnV0dG9uPzogYm9vbGVhbjtcbiAgaXNMYXN0QnV0dG9uPzogYm9vbGVhbjtcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIHZhbHVlOiBzdHJpbmc7XG4gIG9uQ2xpY2s/OiAoXG4gICAgZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+IHwgS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xufTtcblxuY29uc3QgVmlld1N3aXRjaGVyQnV0dG9uID0gKHByb3BzOiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMpID0+IHtcbiAgd2FybmluZyhcbiAgICBCb29sZWFuKHByb3BzLmNoaWxkcmVuIHx8IHByb3BzLmljb24pLFxuICAgICd1aWtpdC9WaWV3U3dpdGNoZXJCdXR0b246IFlvdSBuZWVkIHRvIHByb3ZpZGUgYXQgbGVhc3QgdGhlIGBjaGlsZHJlbmAgdG8gcmVuZGVyIGluc2lkZSB0aGUgYnV0dG9uIG9yIGFuIGBpY29uYC4nXG4gICk7XG5cbiAgd2FybmluZyhcbiAgICBCb29sZWFuKHByb3BzLmxhYmVsIHx8IHByb3BzLmNoaWxkcmVuKSxcbiAgICAndWlraXQvVmlld1N3aXRjaGVyQnV0dG9uOiBZb3UgbmVlZCB0byBwcm92aWRlIGEgYGxhYmVsYCB3aGVuIHJlbmRlcmluZyBvbmx5IGFuIGBpY29uYCB3aXRoaW4gdGhlIGJ1dHRvbi4nXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8QWNjZXNzaWJsZUJ1dHRvblxuICAgICAgbGFiZWw9e3Byb3BzLmxhYmVsID8/IHByb3BzLmNoaWxkcmVuID8/ICcnfVxuICAgICAgY3NzPXtnZXRCdXR0b25TdHlsZXMoXG4gICAgICAgIHByb3BzLmlzRGlzYWJsZWQsXG4gICAgICAgIHByb3BzLmlzQWN0aXZlLFxuICAgICAgICBwcm9wcy5pc0NvbmRlbnNlZCxcbiAgICAgICAgcHJvcHMuaXNGaXJzdEJ1dHRvbixcbiAgICAgICAgcHJvcHMuaXNMYXN0QnV0dG9uXG4gICAgICApfVxuICAgICAgb25DbGljaz17cHJvcHMub25DbGlja31cbiAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgPlxuICAgICAge3Byb3BzLmljb24gJiYgKFxuICAgICAgICA8c3BhblxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgbWFyZ2luOiAke3Byb3BzLmNoaWxkcmVuID8gYDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzIwfSAwIDBgIDogJzAnfTtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIHtjbG9uZUVsZW1lbnQocHJvcHMuaWNvbiwge1xuICAgICAgICAgICAgc2l6ZTogcHJvcHMuaXNDb25kZW5zZWQgPyAnbWVkaXVtJyA6ICdiaWcnLFxuICAgICAgICAgIH0pfVxuICAgICAgICA8L3NwYW4+XG4gICAgICApfVxuICAgICAge3Byb3BzLmNoaWxkcmVuICYmIDxzcGFuPntwcm9wcy5jaGlsZHJlbn08L3NwYW4+fVxuICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgKTtcbn07XG5cblZpZXdTd2l0Y2hlckJ1dHRvbi5kaXNwbGF5TmFtZSA9ICdWaWV3U3dpdGNoZXJCdXR0b24nO1xuZXhwb3J0IGRlZmF1bHQgVmlld1N3aXRjaGVyQnV0dG9uO1xuIl19 */"),
|
|
54
53
|
children: /*#__PURE__*/react$1.cloneElement(props.icon, {
|
|
55
54
|
size: props.isCondensed ? 'medium' : 'big'
|
|
56
55
|
})
|
|
@@ -96,13 +95,12 @@ const ViewSwitcher$1 = props => {
|
|
|
96
95
|
selectedButton = _useState2[0],
|
|
97
96
|
setSelectedButton = _useState2[1];
|
|
98
97
|
if (isControlledComponent) {
|
|
99
|
-
process.env.NODE_ENV !== "production" ? utils.warning(hasOnChange,
|
|
98
|
+
process.env.NODE_ENV !== "production" ? utils.warning(hasOnChange, `ui-kit/ViewSwitcher: missing required prop "onChange" when using the "value" prop (controlled component).`) : void 0;
|
|
100
99
|
}
|
|
101
|
-
process.env.NODE_ENV !== "production" ? utils.warning(!props.selectedValue || !props.defaultSelected,
|
|
100
|
+
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;
|
|
102
101
|
process.env.NODE_ENV !== "production" ? utils.warning(props.children.length > 0, 'ViewSwitcher.Group must contain at least one ViewSwitcher.Button') : void 0;
|
|
103
102
|
const viewSwitcherElements = _mapInstanceProperty__default["default"](react$1.Children).call(react$1.Children, props.children, (child, index) => {
|
|
104
103
|
if (child && /*#__PURE__*/react$1.isValidElement(child) && child.type.displayName === Button.displayName) {
|
|
105
|
-
var _length;
|
|
106
104
|
const isButtonActive = (isControlledComponent ? props.selectedValue : selectedButton) === child.props.value;
|
|
107
105
|
const clonedChild = /*#__PURE__*/react$1.cloneElement(child, {
|
|
108
106
|
onClick: () => {
|
|
@@ -110,15 +108,14 @@ const ViewSwitcher$1 = props => {
|
|
|
110
108
|
setSelectedButton(child.props.value);
|
|
111
109
|
}
|
|
112
110
|
if (!isButtonActive) {
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
(_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, child.props.value);
|
|
111
|
+
child.props.onClick?.(child.props.value);
|
|
112
|
+
props.onChange?.(child.props.value);
|
|
116
113
|
}
|
|
117
114
|
},
|
|
118
115
|
isCondensed: props.isCondensed,
|
|
119
116
|
isActive: isButtonActive,
|
|
120
117
|
isFirstButton: index === 0,
|
|
121
|
-
isLastButton: index === (
|
|
118
|
+
isLastButton: index === (props.children.length ?? 1) - 1
|
|
122
119
|
});
|
|
123
120
|
return clonedChild;
|
|
124
121
|
}
|
|
@@ -139,7 +136,7 @@ ViewSwitcher$1.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
139
136
|
var Group = ViewSwitcher$1;
|
|
140
137
|
|
|
141
138
|
// NOTE: This string will be replaced on build time with the package version.
|
|
142
|
-
var version = "19.
|
|
139
|
+
var version = "19.12.1";
|
|
143
140
|
|
|
144
141
|
const ViewSwitcher = {
|
|
145
142
|
Group,
|
|
@@ -11,7 +11,6 @@ var react = require('@emotion/react');
|
|
|
11
11
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
12
12
|
var AccessibleButton = require('@commercetools-uikit/accessible-button');
|
|
13
13
|
require('@commercetools-uikit/utils');
|
|
14
|
-
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
15
14
|
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
16
15
|
|
|
17
16
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
@@ -19,7 +18,6 @@ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e };
|
|
|
19
18
|
var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
|
|
20
19
|
var isNil__default = /*#__PURE__*/_interopDefault(isNil);
|
|
21
20
|
var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
|
|
22
|
-
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
23
21
|
|
|
24
22
|
const getSizeStyles = isCondensed => {
|
|
25
23
|
if (isCondensed) {
|
|
@@ -33,21 +31,22 @@ const getFontColor = (isDisabled, isActive) => {
|
|
|
33
31
|
return designSystem.designTokens.colorPrimary;
|
|
34
32
|
};
|
|
35
33
|
const getButtonStyles = (isDisabled, isActive, isCondensed, isFirstButton, isLastButton) => {
|
|
36
|
-
|
|
37
|
-
|
|
34
|
+
const borderRadius = `${isFirstButton ? designSystem.designTokens.borderRadius4 : '0'}
|
|
35
|
+
${isLastButton ? `${designSystem.designTokens.borderRadius4}` : '0'}
|
|
36
|
+
${isLastButton ? `${designSystem.designTokens.borderRadius4}` : '0'}
|
|
37
|
+
${isFirstButton ? designSystem.designTokens.borderRadius4 : '0'}`;
|
|
38
38
|
const fontColor = getFontColor(isDisabled, isActive);
|
|
39
|
-
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 ?
|
|
39
|
+
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, ";" + ("" ), "" )];
|
|
40
40
|
};
|
|
41
41
|
|
|
42
42
|
const ViewSwitcherButton = props => {
|
|
43
|
-
var _ref, _props$label;
|
|
44
43
|
return jsxRuntime.jsxs(AccessibleButton__default["default"], {
|
|
45
|
-
label:
|
|
44
|
+
label: props.label ?? props.children ?? '',
|
|
46
45
|
css: getButtonStyles(props.isDisabled, props.isActive, props.isCondensed, props.isFirstButton, props.isLastButton),
|
|
47
46
|
onClick: props.onClick,
|
|
48
47
|
isDisabled: props.isDisabled,
|
|
49
48
|
children: [props.icon && jsxRuntime.jsx("span", {
|
|
50
|
-
css: /*#__PURE__*/react.css("margin:", props.children ?
|
|
49
|
+
css: /*#__PURE__*/react.css("margin:", props.children ? `0 ${designSystem.designTokens.spacing20} 0 0` : '0', ";display:flex;align-items:center;justify-content:center;" + ("" ), "" ),
|
|
51
50
|
children: /*#__PURE__*/react$1.cloneElement(props.icon, {
|
|
52
51
|
size: props.isCondensed ? 'medium' : 'big'
|
|
53
52
|
})
|
|
@@ -77,7 +76,6 @@ const ViewSwitcher$1 = props => {
|
|
|
77
76
|
setSelectedButton = _useState2[1];
|
|
78
77
|
const viewSwitcherElements = _mapInstanceProperty__default["default"](react$1.Children).call(react$1.Children, props.children, (child, index) => {
|
|
79
78
|
if (child && /*#__PURE__*/react$1.isValidElement(child) && child.type.displayName === Button.displayName) {
|
|
80
|
-
var _length;
|
|
81
79
|
const isButtonActive = (isControlledComponent ? props.selectedValue : selectedButton) === child.props.value;
|
|
82
80
|
const clonedChild = /*#__PURE__*/react$1.cloneElement(child, {
|
|
83
81
|
onClick: () => {
|
|
@@ -85,15 +83,14 @@ const ViewSwitcher$1 = props => {
|
|
|
85
83
|
setSelectedButton(child.props.value);
|
|
86
84
|
}
|
|
87
85
|
if (!isButtonActive) {
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
(_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);
|
|
91
88
|
}
|
|
92
89
|
},
|
|
93
90
|
isCondensed: props.isCondensed,
|
|
94
91
|
isActive: isButtonActive,
|
|
95
92
|
isFirstButton: index === 0,
|
|
96
|
-
isLastButton: index === (
|
|
93
|
+
isLastButton: index === (props.children.length ?? 1) - 1
|
|
97
94
|
});
|
|
98
95
|
return clonedChild;
|
|
99
96
|
}
|
|
@@ -108,7 +105,7 @@ ViewSwitcher$1.propTypes = {};
|
|
|
108
105
|
var Group = ViewSwitcher$1;
|
|
109
106
|
|
|
110
107
|
// NOTE: This string will be replaced on build time with the package version.
|
|
111
|
-
var version = "19.
|
|
108
|
+
var version = "19.12.1";
|
|
112
109
|
|
|
113
110
|
const ViewSwitcher = {
|
|
114
111
|
Group,
|
|
@@ -7,7 +7,6 @@ import { css } from '@emotion/react';
|
|
|
7
7
|
import { designTokens } from '@commercetools-uikit/design-system';
|
|
8
8
|
import AccessibleButton from '@commercetools-uikit/accessible-button';
|
|
9
9
|
import { warning } from '@commercetools-uikit/utils';
|
|
10
|
-
import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
|
|
11
10
|
import { jsxs, jsx } from '@emotion/react/jsx-runtime';
|
|
12
11
|
|
|
13
12
|
const getSizeStyles = isCondensed => {
|
|
@@ -22,23 +21,24 @@ const getFontColor = (isDisabled, isActive) => {
|
|
|
22
21
|
return designTokens.colorPrimary;
|
|
23
22
|
};
|
|
24
23
|
const getButtonStyles = (isDisabled, isActive, isCondensed, isFirstButton, isLastButton) => {
|
|
25
|
-
|
|
26
|
-
|
|
24
|
+
const borderRadius = `${isFirstButton ? designTokens.borderRadius4 : '0'}
|
|
25
|
+
${isLastButton ? `${designTokens.borderRadius4}` : '0'}
|
|
26
|
+
${isLastButton ? `${designTokens.borderRadius4}` : '0'}
|
|
27
|
+
${isFirstButton ? designTokens.borderRadius4 : '0'}`;
|
|
27
28
|
const fontColor = getFontColor(isDisabled, isActive);
|
|
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 ".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 */")];
|
|
29
|
+
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 */")];
|
|
29
30
|
};
|
|
30
31
|
|
|
31
32
|
const ViewSwitcherButton = props => {
|
|
32
|
-
var _ref, _props$label;
|
|
33
33
|
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;
|
|
34
34
|
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;
|
|
35
35
|
return jsxs(AccessibleButton, {
|
|
36
|
-
label:
|
|
36
|
+
label: props.label ?? props.children ?? '',
|
|
37
37
|
css: getButtonStyles(props.isDisabled, props.isActive, props.isCondensed, props.isFirstButton, props.isLastButton),
|
|
38
38
|
onClick: props.onClick,
|
|
39
39
|
isDisabled: props.isDisabled,
|
|
40
40
|
children: [props.icon && jsx("span", {
|
|
41
|
-
css: /*#__PURE__*/css("margin:", props.children ?
|
|
41
|
+
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXItYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRGtCIiwiZmlsZSI6InZpZXctc3dpdGNoZXItYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGNsb25lRWxlbWVudCxcbiAgdHlwZSBNb3VzZUV2ZW50LFxuICB0eXBlIEtleWJvYXJkRXZlbnQsXG4gIHR5cGUgUmVhY3RFbGVtZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBBY2Nlc3NpYmxlQnV0dG9uIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2FjY2Vzc2libGUtYnV0dG9uJztcbmltcG9ydCB7IHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgeyBnZXRCdXR0b25TdHlsZXMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXIuc3R5bGVzJztcblxuZXhwb3J0IHR5cGUgVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzID0ge1xuICBjaGlsZHJlbj86IHN0cmluZztcbiAgaWNvbj86IFJlYWN0RWxlbWVudDtcbiAgaXNBY3RpdmU/OiBib29sZWFuO1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbiAgaXNDb25kZW5zZWQ/OiBib29sZWFuO1xuICBpc0ZpcnN0QnV0dG9uPzogYm9vbGVhbjtcbiAgaXNMYXN0QnV0dG9uPzogYm9vbGVhbjtcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIHZhbHVlOiBzdHJpbmc7XG4gIG9uQ2xpY2s/OiAoXG4gICAgZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+IHwgS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xufTtcblxuY29uc3QgVmlld1N3aXRjaGVyQnV0dG9uID0gKHByb3BzOiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMpID0+IHtcbiAgd2FybmluZyhcbiAgICBCb29sZWFuKHByb3BzLmNoaWxkcmVuIHx8IHByb3BzLmljb24pLFxuICAgICd1aWtpdC9WaWV3U3dpdGNoZXJCdXR0b246IFlvdSBuZWVkIHRvIHByb3ZpZGUgYXQgbGVhc3QgdGhlIGBjaGlsZHJlbmAgdG8gcmVuZGVyIGluc2lkZSB0aGUgYnV0dG9uIG9yIGFuIGBpY29uYC4nXG4gICk7XG5cbiAgd2FybmluZyhcbiAgICBCb29sZWFuKHByb3BzLmxhYmVsIHx8IHByb3BzLmNoaWxkcmVuKSxcbiAgICAndWlraXQvVmlld1N3aXRjaGVyQnV0dG9uOiBZb3UgbmVlZCB0byBwcm92aWRlIGEgYGxhYmVsYCB3aGVuIHJlbmRlcmluZyBvbmx5IGFuIGBpY29uYCB3aXRoaW4gdGhlIGJ1dHRvbi4nXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8QWNjZXNzaWJsZUJ1dHRvblxuICAgICAgbGFiZWw9e3Byb3BzLmxhYmVsID8/IHByb3BzLmNoaWxkcmVuID8/ICcnfVxuICAgICAgY3NzPXtnZXRCdXR0b25TdHlsZXMoXG4gICAgICAgIHByb3BzLmlzRGlzYWJsZWQsXG4gICAgICAgIHByb3BzLmlzQWN0aXZlLFxuICAgICAgICBwcm9wcy5pc0NvbmRlbnNlZCxcbiAgICAgICAgcHJvcHMuaXNGaXJzdEJ1dHRvbixcbiAgICAgICAgcHJvcHMuaXNMYXN0QnV0dG9uXG4gICAgICApfVxuICAgICAgb25DbGljaz17cHJvcHMub25DbGlja31cbiAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgPlxuICAgICAge3Byb3BzLmljb24gJiYgKFxuICAgICAgICA8c3BhblxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgbWFyZ2luOiAke3Byb3BzLmNoaWxkcmVuID8gYDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzIwfSAwIDBgIDogJzAnfTtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIHtjbG9uZUVsZW1lbnQocHJvcHMuaWNvbiwge1xuICAgICAgICAgICAgc2l6ZTogcHJvcHMuaXNDb25kZW5zZWQgPyAnbWVkaXVtJyA6ICdiaWcnLFxuICAgICAgICAgIH0pfVxuICAgICAgICA8L3NwYW4+XG4gICAgICApfVxuICAgICAge3Byb3BzLmNoaWxkcmVuICYmIDxzcGFuPntwcm9wcy5jaGlsZHJlbn08L3NwYW4+fVxuICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgKTtcbn07XG5cblZpZXdTd2l0Y2hlckJ1dHRvbi5kaXNwbGF5TmFtZSA9ICdWaWV3U3dpdGNoZXJCdXR0b24nO1xuZXhwb3J0IGRlZmF1bHQgVmlld1N3aXRjaGVyQnV0dG9uO1xuIl19 */"),
|
|
42
42
|
children: /*#__PURE__*/cloneElement(props.icon, {
|
|
43
43
|
size: props.isCondensed ? 'medium' : 'big'
|
|
44
44
|
})
|
|
@@ -84,13 +84,12 @@ const ViewSwitcher$1 = props => {
|
|
|
84
84
|
selectedButton = _useState2[0],
|
|
85
85
|
setSelectedButton = _useState2[1];
|
|
86
86
|
if (isControlledComponent) {
|
|
87
|
-
process.env.NODE_ENV !== "production" ? warning(hasOnChange,
|
|
87
|
+
process.env.NODE_ENV !== "production" ? warning(hasOnChange, `ui-kit/ViewSwitcher: missing required prop "onChange" when using the "value" prop (controlled component).`) : void 0;
|
|
88
88
|
}
|
|
89
|
-
process.env.NODE_ENV !== "production" ? warning(!props.selectedValue || !props.defaultSelected,
|
|
89
|
+
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;
|
|
90
90
|
process.env.NODE_ENV !== "production" ? warning(props.children.length > 0, 'ViewSwitcher.Group must contain at least one ViewSwitcher.Button') : void 0;
|
|
91
91
|
const viewSwitcherElements = _mapInstanceProperty(Children).call(Children, props.children, (child, index) => {
|
|
92
92
|
if (child && /*#__PURE__*/isValidElement(child) && child.type.displayName === Button.displayName) {
|
|
93
|
-
var _length;
|
|
94
93
|
const isButtonActive = (isControlledComponent ? props.selectedValue : selectedButton) === child.props.value;
|
|
95
94
|
const clonedChild = /*#__PURE__*/cloneElement(child, {
|
|
96
95
|
onClick: () => {
|
|
@@ -98,15 +97,14 @@ const ViewSwitcher$1 = props => {
|
|
|
98
97
|
setSelectedButton(child.props.value);
|
|
99
98
|
}
|
|
100
99
|
if (!isButtonActive) {
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
(_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, child.props.value);
|
|
100
|
+
child.props.onClick?.(child.props.value);
|
|
101
|
+
props.onChange?.(child.props.value);
|
|
104
102
|
}
|
|
105
103
|
},
|
|
106
104
|
isCondensed: props.isCondensed,
|
|
107
105
|
isActive: isButtonActive,
|
|
108
106
|
isFirstButton: index === 0,
|
|
109
|
-
isLastButton: index === (
|
|
107
|
+
isLastButton: index === (props.children.length ?? 1) - 1
|
|
110
108
|
});
|
|
111
109
|
return clonedChild;
|
|
112
110
|
}
|
|
@@ -127,7 +125,7 @@ ViewSwitcher$1.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
127
125
|
var Group = ViewSwitcher$1;
|
|
128
126
|
|
|
129
127
|
// NOTE: This string will be replaced on build time with the package version.
|
|
130
|
-
var version = "19.
|
|
128
|
+
var version = "19.12.1";
|
|
131
129
|
|
|
132
130
|
const ViewSwitcher = {
|
|
133
131
|
Group,
|
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": "19.
|
|
4
|
+
"version": "19.12.1",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,9 +21,9 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/accessible-button": "19.
|
|
25
|
-
"@commercetools-uikit/design-system": "19.
|
|
26
|
-
"@commercetools-uikit/utils": "19.
|
|
24
|
+
"@commercetools-uikit/accessible-button": "19.12.1",
|
|
25
|
+
"@commercetools-uikit/design-system": "19.12.1",
|
|
26
|
+
"@commercetools-uikit/utils": "19.12.1",
|
|
27
27
|
"@emotion/react": "^11.10.5",
|
|
28
28
|
"@emotion/styled": "^11.10.5",
|
|
29
29
|
"lodash": "4.17.21",
|