@commercetools-uikit/view-switcher 20.2.3 → 20.3.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.
|
@@ -10,6 +10,7 @@ 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');
|
|
13
14
|
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
14
15
|
|
|
15
16
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
@@ -17,6 +18,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e };
|
|
|
17
18
|
var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
|
|
18
19
|
var isNil__default = /*#__PURE__*/_interopDefault(isNil);
|
|
19
20
|
var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
|
|
21
|
+
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
20
22
|
|
|
21
23
|
const getSizeStyles = isCondensed => {
|
|
22
24
|
if (isCondensed) {
|
|
@@ -30,24 +32,23 @@ const getFontColor = (isDisabled, isActive) => {
|
|
|
30
32
|
return designSystem.designTokens.colorPrimary;
|
|
31
33
|
};
|
|
32
34
|
const getButtonStyles = (isDisabled, isActive, isCondensed, isFirstButton, isLastButton) => {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
${isLastButton ? `${designSystem.designTokens.borderRadius4}` : '0'}
|
|
36
|
-
${isFirstButton ? designSystem.designTokens.borderRadius4 : '0'}`;
|
|
35
|
+
var _context, _context2, _context3;
|
|
36
|
+
const borderRadius = _concatInstanceProperty__default["default"](_context = _concatInstanceProperty__default["default"](_context2 = _concatInstanceProperty__default["default"](_context3 = "".concat(isFirstButton ? designSystem.designTokens.borderRadius4 : '0', "\n ")).call(_context3, isLastButton ? "".concat(designSystem.designTokens.borderRadius4) : '0', "\n ")).call(_context2, isLastButton ? "".concat(designSystem.designTokens.borderRadius4) : '0', "\n ")).call(_context, 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 ${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 ".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 */")];
|
|
39
39
|
};
|
|
40
40
|
|
|
41
41
|
const ViewSwitcherButton = props => {
|
|
42
|
+
var _ref, _props$label;
|
|
42
43
|
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;
|
|
43
44
|
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;
|
|
44
45
|
return jsxRuntime.jsxs(AccessibleButton__default["default"], {
|
|
45
|
-
label: props.label
|
|
46
|
+
label: (_ref = (_props$label = props.label) !== null && _props$label !== void 0 ? _props$label : props.children) !== null && _ref !== void 0 ? _ref : '',
|
|
46
47
|
css: getButtonStyles(props.isDisabled, props.isActive, props.isCondensed, props.isFirstButton, props.isLastButton),
|
|
47
48
|
onClick: props.onClick,
|
|
48
49
|
isDisabled: props.isDisabled,
|
|
49
50
|
children: [props.icon && jsxRuntime.jsx("span", {
|
|
50
|
-
css: /*#__PURE__*/react.css("margin:", props.children ?
|
|
51
|
+
css: /*#__PURE__*/react.css("margin:", props.children ? "0 ".concat(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 */"),
|
|
51
52
|
children: /*#__PURE__*/react$1.cloneElement(props.icon, {
|
|
52
53
|
size: props.isCondensed ? '20' : '40'
|
|
53
54
|
})
|
|
@@ -80,9 +81,9 @@ const ViewSwitcher$1 = props => {
|
|
|
80
81
|
selectedButton = _useState2[0],
|
|
81
82
|
setSelectedButton = _useState2[1];
|
|
82
83
|
if (isControlledComponent) {
|
|
83
|
-
process.env.NODE_ENV !== "production" ? utils.warning(hasOnChange,
|
|
84
|
+
process.env.NODE_ENV !== "production" ? utils.warning(hasOnChange, "ui-kit/ViewSwitcher: missing required prop \"onChange\" when using the \"value\" prop (controlled component).") : void 0;
|
|
84
85
|
}
|
|
85
|
-
process.env.NODE_ENV !== "production" ? utils.warning(!props.selectedValue || !props.defaultSelected,
|
|
86
|
+
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;
|
|
86
87
|
process.env.NODE_ENV !== "production" ? utils.warning(props.children.length > 0, 'ViewSwitcher.Group must contain at least one ViewSwitcher.Button') : void 0;
|
|
87
88
|
const viewSwitcherElements = _mapInstanceProperty__default["default"](react$1.Children).call(react$1.Children, props.children, (child, index) => {
|
|
88
89
|
if (child && /*#__PURE__*/react$1.isValidElement(child) && child.type === Button) {
|
|
@@ -93,8 +94,9 @@ const ViewSwitcher$1 = props => {
|
|
|
93
94
|
setSelectedButton(child.props.value);
|
|
94
95
|
}
|
|
95
96
|
if (!isButtonActive) {
|
|
96
|
-
|
|
97
|
-
props.
|
|
97
|
+
var _child$props$onClick, _child$props, _props$onChange;
|
|
98
|
+
(_child$props$onClick = (_child$props = child.props).onClick) === null || _child$props$onClick === void 0 || _child$props$onClick.call(_child$props, child.props.value);
|
|
99
|
+
(_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, child.props.value);
|
|
98
100
|
}
|
|
99
101
|
},
|
|
100
102
|
isCondensed: props.isCondensed,
|
|
@@ -114,7 +116,7 @@ ViewSwitcher$1.displayName = 'ViewSwitcher.Group';
|
|
|
114
116
|
var Group = ViewSwitcher$1;
|
|
115
117
|
|
|
116
118
|
// NOTE: This string will be replaced on build time with the package version.
|
|
117
|
-
var version = "20.
|
|
119
|
+
var version = "20.3.0";
|
|
118
120
|
|
|
119
121
|
const ViewSwitcher = {
|
|
120
122
|
Group,
|
|
@@ -10,6 +10,7 @@ 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');
|
|
13
14
|
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
14
15
|
|
|
15
16
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
@@ -17,6 +18,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e };
|
|
|
17
18
|
var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
|
|
18
19
|
var isNil__default = /*#__PURE__*/_interopDefault(isNil);
|
|
19
20
|
var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
|
|
21
|
+
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
20
22
|
|
|
21
23
|
const getSizeStyles = isCondensed => {
|
|
22
24
|
if (isCondensed) {
|
|
@@ -30,22 +32,21 @@ const getFontColor = (isDisabled, isActive) => {
|
|
|
30
32
|
return designSystem.designTokens.colorPrimary;
|
|
31
33
|
};
|
|
32
34
|
const getButtonStyles = (isDisabled, isActive, isCondensed, isFirstButton, isLastButton) => {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
${isLastButton ? `${designSystem.designTokens.borderRadius4}` : '0'}
|
|
36
|
-
${isFirstButton ? designSystem.designTokens.borderRadius4 : '0'}`;
|
|
35
|
+
var _context, _context2, _context3;
|
|
36
|
+
const borderRadius = _concatInstanceProperty__default["default"](_context = _concatInstanceProperty__default["default"](_context2 = _concatInstanceProperty__default["default"](_context3 = "".concat(isFirstButton ? designSystem.designTokens.borderRadius4 : '0', "\n ")).call(_context3, isLastButton ? "".concat(designSystem.designTokens.borderRadius4) : '0', "\n ")).call(_context2, isLastButton ? "".concat(designSystem.designTokens.borderRadius4) : '0', "\n ")).call(_context, 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 ".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), ";" + ("" ), "" ), 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;
|
|
42
43
|
return jsxRuntime.jsxs(AccessibleButton__default["default"], {
|
|
43
|
-
label: props.label
|
|
44
|
+
label: (_ref = (_props$label = props.label) !== null && _props$label !== void 0 ? _props$label : props.children) !== null && _ref !== void 0 ? _ref : '',
|
|
44
45
|
css: getButtonStyles(props.isDisabled, props.isActive, props.isCondensed, props.isFirstButton, props.isLastButton),
|
|
45
46
|
onClick: props.onClick,
|
|
46
47
|
isDisabled: props.isDisabled,
|
|
47
48
|
children: [props.icon && jsxRuntime.jsx("span", {
|
|
48
|
-
css: /*#__PURE__*/react.css("margin:", props.children ?
|
|
49
|
+
css: /*#__PURE__*/react.css("margin:", props.children ? "0 ".concat(designSystem.designTokens.spacing20, " 0 0") : '0', ";display:flex;align-items:center;justify-content:center;" + ("" ), "" ),
|
|
49
50
|
children: /*#__PURE__*/react$1.cloneElement(props.icon, {
|
|
50
51
|
size: props.isCondensed ? '20' : '40'
|
|
51
52
|
})
|
|
@@ -81,8 +82,9 @@ const ViewSwitcher$1 = props => {
|
|
|
81
82
|
setSelectedButton(child.props.value);
|
|
82
83
|
}
|
|
83
84
|
if (!isButtonActive) {
|
|
84
|
-
|
|
85
|
-
props.
|
|
85
|
+
var _child$props$onClick, _child$props, _props$onChange;
|
|
86
|
+
(_child$props$onClick = (_child$props = child.props).onClick) === null || _child$props$onClick === void 0 || _child$props$onClick.call(_child$props, child.props.value);
|
|
87
|
+
(_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, child.props.value);
|
|
86
88
|
}
|
|
87
89
|
},
|
|
88
90
|
isCondensed: props.isCondensed,
|
|
@@ -102,7 +104,7 @@ ViewSwitcher$1.displayName = 'ViewSwitcher.Group';
|
|
|
102
104
|
var Group = ViewSwitcher$1;
|
|
103
105
|
|
|
104
106
|
// NOTE: This string will be replaced on build time with the package version.
|
|
105
|
-
var version = "20.
|
|
107
|
+
var version = "20.3.0";
|
|
106
108
|
|
|
107
109
|
const ViewSwitcher = {
|
|
108
110
|
Group,
|
|
@@ -6,6 +6,7 @@ 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';
|
|
9
10
|
import { jsxs, jsx } from '@emotion/react/jsx-runtime';
|
|
10
11
|
|
|
11
12
|
const getSizeStyles = isCondensed => {
|
|
@@ -20,24 +21,23 @@ const getFontColor = (isDisabled, isActive) => {
|
|
|
20
21
|
return designTokens.colorPrimary;
|
|
21
22
|
};
|
|
22
23
|
const getButtonStyles = (isDisabled, isActive, isCondensed, isFirstButton, isLastButton) => {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
${isLastButton ? `${designTokens.borderRadius4}` : '0'}
|
|
26
|
-
${isFirstButton ? designTokens.borderRadius4 : '0'}`;
|
|
24
|
+
var _context, _context2, _context3;
|
|
25
|
+
const borderRadius = _concatInstanceProperty(_context = _concatInstanceProperty(_context2 = _concatInstanceProperty(_context3 = "".concat(isFirstButton ? designTokens.borderRadius4 : '0', "\n ")).call(_context3, isLastButton ? "".concat(designTokens.borderRadius4) : '0', "\n ")).call(_context2, isLastButton ? "".concat(designTokens.borderRadius4) : '0', "\n ")).call(_context, isFirstButton ? designTokens.borderRadius4 : '0');
|
|
27
26
|
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 ${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 */")];
|
|
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 */")];
|
|
29
28
|
};
|
|
30
29
|
|
|
31
30
|
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: props.label
|
|
35
|
+
label: (_ref = (_props$label = props.label) !== null && _props$label !== void 0 ? _props$label : props.children) !== null && _ref !== void 0 ? _ref : '',
|
|
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 ".concat(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,8 +83,9 @@ const ViewSwitcher$1 = props => {
|
|
|
83
83
|
setSelectedButton(child.props.value);
|
|
84
84
|
}
|
|
85
85
|
if (!isButtonActive) {
|
|
86
|
-
|
|
87
|
-
props.
|
|
86
|
+
var _child$props$onClick, _child$props, _props$onChange;
|
|
87
|
+
(_child$props$onClick = (_child$props = child.props).onClick) === null || _child$props$onClick === void 0 || _child$props$onClick.call(_child$props, child.props.value);
|
|
88
|
+
(_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, child.props.value);
|
|
88
89
|
}
|
|
89
90
|
},
|
|
90
91
|
isCondensed: props.isCondensed,
|
|
@@ -104,7 +105,7 @@ ViewSwitcher$1.displayName = 'ViewSwitcher.Group';
|
|
|
104
105
|
var Group = ViewSwitcher$1;
|
|
105
106
|
|
|
106
107
|
// NOTE: This string will be replaced on build time with the package version.
|
|
107
|
-
var version = "20.
|
|
108
|
+
var version = "20.3.0";
|
|
108
109
|
|
|
109
110
|
const ViewSwitcher = {
|
|
110
111
|
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": "20.
|
|
4
|
+
"version": "20.3.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,15 +21,15 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/accessible-button": "20.
|
|
25
|
-
"@commercetools-uikit/design-system": "20.
|
|
26
|
-
"@commercetools-uikit/utils": "20.
|
|
24
|
+
"@commercetools-uikit/accessible-button": "20.3.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "20.3.0",
|
|
26
|
+
"@commercetools-uikit/utils": "20.3.0",
|
|
27
27
|
"@emotion/react": "^11.10.5",
|
|
28
28
|
"@emotion/styled": "^11.10.5",
|
|
29
29
|
"lodash": "4.17.21"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
|
-
"react": "19.
|
|
32
|
+
"react": "19.2.0"
|
|
33
33
|
},
|
|
34
34
|
"peerDependencies": {
|
|
35
35
|
"react": "19.x"
|