npm - @commercetools-uikit/view-switcher - Versions diffs - 15.9.0 → 15.11.0 - Mend

@commercetools-uikit/view-switcher 15.9.0 → 15.11.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.

Files changed (6) hide show

package/dist/commercetools-uikit-view-switcher.cjs.dev.js +24 -13
package/dist/commercetools-uikit-view-switcher.cjs.prod.js +17 -10
package/dist/commercetools-uikit-view-switcher.esm.js +24 -13
package/dist/declarations/src/view-switcher-button.d.ts +5 -4
package/dist/declarations/src/view-switcher.d.ts +1 -1
package/package.json +4 -4

package/dist/commercetools-uikit-view-switcher.cjs.dev.js CHANGED Viewed

@@ -10,9 +10,9 @@ var isNil = require('lodash/isNil');
 var react = require('@emotion/react');
 var AccessibleButton = require('@commercetools-uikit/accessible-button');
 var designSystem = require('@commercetools-uikit/design-system');
+var utils = require('@commercetools-uikit/utils');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
-var utils = require('@commercetools-uikit/utils');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -24,46 +24,57 @@ var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInsta
 var getSizeStyles = function getSizeStyles(isCondensed) {
   if (isCondensed) {
-    return /*#__PURE__*/react.css("padding:0 ", designSystem.designTokens.spacing20, " 0 ", designSystem.designTokens.spacing20, ";height:", designSystem.designTokens.smallButtonHeight, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getSizeStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFjIiwiZmlsZSI6InZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wcyB9IGZyb20gJy4vdmlldy1zd2l0Y2hlci1idXR0b24nO1xuXG5jb25zdCBnZXRTaXplU3R5bGVzID0gKFxuICBpc0NvbmRlbnNlZDogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0NvbmRlbnNlZCddXG4pID0+IHtcbiAgaWYgKGlzQ29uZGVuc2VkKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIHBhZGRpbmc6IDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzIwfSAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH07XG4gICAgICBoZWlnaHQ6ICR7ZGVzaWduVG9rZW5zLnNtYWxsQnV0dG9uSGVpZ2h0fTtcbiAgICBgO1xuICB9XG5cbiAgcmV0dXJuIGNzc2BcbiAgICBwYWRkaW5nOiAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmczMH0gMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICAgIGhlaWdodDogJHtkZXNpZ25Ub2tlbnMuYmlnQnV0dG9uSGVpZ2h0fTtcbiAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRCdXR0b25TdHlsZXMgPSAoXG4gIGlzRGlzYWJsZWQ/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzRGlzYWJsZWQnXSxcbiAgaXNBY3RpdmU/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzQWN0aXZlJ10sXG4gIGlzQ29uZGVuc2VkPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0NvbmRlbnNlZCddLFxuICBpc0ZpcnN0QnV0dG9uPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0ZpcnN0QnV0dG9uJ10sXG4gIGlzTGFzdEJ1dHRvbj86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNMYXN0QnV0dG9uJ11cbikgPT4ge1xuICBjb25zdCBib3JkZXJSYWRpdXMgPSBgJHtpc0ZpcnN0QnV0dG9uID8gZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czYgOiAnMCd9ICR7XG4gICAgaXNMYXN0QnV0dG9uXG4gICAgICA/IGAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fSAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fWBcbiAgICAgIDogJzAgMCdcbiAgfSAke2lzRmlyc3RCdXR0b24gPyBkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNiA6ICcwJ31gO1xuXG4gIHJldHVybiBbXG4gICAgY3NzYFxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgJHtkZXNpZ25Ub2tlbnMudHJhbnNpdGlvbkxpbmVhcjgwTXN9O1xuICAgICAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZURlZmF1bHR9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtib3JkZXJSYWRpdXN9O1xuICAgICAgYm94LXNoYWRvdzogMCAxcHggMXB4IDAgcmdiYSgwLCAwLCAwLCAwLjI0KSxcbiAgICAgICAgMCAtMXB4IDFweCAwIHJnYmEoMCwgMCwgMCwgMC4xMik7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfTtcbiAgICAgIH1cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTV9O1xuICAgICAgfVxuICAgICAgJHtnZXRTaXplU3R5bGVzKGlzQ29uZGVuc2VkKX1cbiAgICBgLFxuICAgIGlzQWN0aXZlICYmXG4gICAgICBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk1fTtcbiAgICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93OX07XG4gICAgICBgLFxuICAgIGlzRGlzYWJsZWQgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JBY2NlbnQ5OH07XG4gICAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw2MH07XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yQWNjZW50OTh9O1xuICAgICAgICB9XG4gICAgICBgLFxuICBdO1xufTtcbiJdfQ== */");
+    return /*#__PURE__*/react.css("padding:", designSystem.designTokens.paddingForViewSwitcherWhenCondensed, ";height:", designSystem.designTokens.heightForViewSwitcherWhenCondensed, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getSizeStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFjIiwiZmlsZSI6InZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wcyB9IGZyb20gJy4vdmlldy1zd2l0Y2hlci1idXR0b24nO1xuXG5jb25zdCBnZXRTaXplU3R5bGVzID0gKFxuICBpc0NvbmRlbnNlZDogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0NvbmRlbnNlZCddXG4pID0+IHtcbiAgaWYgKGlzQ29uZGVuc2VkKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JWaWV3U3dpdGNoZXJXaGVuQ29uZGVuc2VkfTtcbiAgICAgIGhlaWdodDogJHtkZXNpZ25Ub2tlbnMuaGVpZ2h0Rm9yVmlld1N3aXRjaGVyV2hlbkNvbmRlbnNlZH07XG4gICAgYDtcbiAgfVxuXG4gIHJldHVybiBjc3NgXG4gICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMucGFkZGluZ0ZvclZpZXdTd2l0Y2hlcn07XG4gICAgaGVpZ2h0OiAke2Rlc2lnblRva2Vucy5oZWlnaHRGb3JWaWV3U3dpdGNoZXJ9O1xuICBgO1xufTtcblxuY29uc3QgZ2V0Rm9udENvbG9yID0gKGlzRGlzYWJsZWQ/OiBib29sZWFuLCBpc0FjdGl2ZT86IGJvb2xlYW4pID0+IHtcbiAgaWYgKGlzRGlzYWJsZWQpIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yVmlld1N3aXRjaGVyV2hlbkRpc2FibGVkO1xuICBpZiAoaXNBY3RpdmUpIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yVmlld1N3aXRjaGVyV2hlblNlbGVjdGVkO1xuICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcjtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRCdXR0b25TdHlsZXMgPSAoXG4gIGlzRGlzYWJsZWQ/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzRGlzYWJsZWQnXSxcbiAgaXNBY3RpdmU/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzQWN0aXZlJ10sXG4gIGlzQ29uZGVuc2VkPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0NvbmRlbnNlZCddLFxuICBpc0ZpcnN0QnV0dG9uPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0ZpcnN0QnV0dG9uJ10sXG4gIGlzTGFzdEJ1dHRvbj86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNMYXN0QnV0dG9uJ11cbikgPT4ge1xuICBjb25zdCBib3JkZXJSYWRpdXMgPSBgJHtcbiAgICBpc0ZpcnN0QnV0dG9uID8gZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvclZpZXdTd2l0Y2hlciA6ICcwJ1xuICB9ICR7XG4gICAgaXNMYXN0QnV0dG9uXG4gICAgICA/IGAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXJ9ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvclZpZXdTd2l0Y2hlcn1gXG4gICAgICA6ICcwIDAnXG4gIH0gJHtpc0ZpcnN0QnV0dG9uID8gZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvclZpZXdTd2l0Y2hlciA6ICcwJ31gO1xuXG4gIGNvbnN0IGZvbnRDb2xvciA9IGdldEZvbnRDb2xvcihpc0Rpc2FibGVkLCBpc0FjdGl2ZSk7XG5cbiAgcmV0dXJuIFtcbiAgICBjc3NgXG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgY29sb3I6ICR7Zm9udENvbG9yfTtcbiAgICAgIGZpbGw6ICR7Zm9udENvbG9yfTtcbiAgICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgJHtkZXNpZ25Ub2tlbnMudHJhbnNpdGlvbkxpbmVhcjgwTXN9O1xuICAgICAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZURlZmF1bHR9O1xuICAgICAgYm9yZGVyOiAke2Rlc2lnblRva2Vucy5ib3JkZXJGb3JWaWV3U3dpdGNoZXJ9O1xuICAgICAgYm9yZGVyLWxlZnQ6ICR7aXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJGb3JWaWV3U3dpdGNoZXIgOiAnMCd9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtib3JkZXJSYWRpdXN9O1xuICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuYm94U2hhZG93Rm9yVmlld1N3aXRjaGVyfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcn07XG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVmlld1N3aXRjaGVyV2hlbkhvdmVyZWR9O1xuICAgICAgfVxuICAgICAgJjphY3RpdmUge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JWaWV3U3dpdGNoZXJXaGVuU2VsZWN0ZWR9O1xuICAgICAgfVxuICAgICAgJHtnZXRTaXplU3R5bGVzKGlzQ29uZGVuc2VkKX1cbiAgICBgLFxuICAgIGlzRGlzYWJsZWQgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVmlld1N3aXRjaGVyV2hlbkRpc2FibGVkfTtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZH07XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZH07XG4gICAgICAgIH1cbiAgICAgIGAsXG4gICAgaXNBY3RpdmUgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVmlld1N3aXRjaGVyV2hlblNlbGVjdGVkfTtcbiAgICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuYm94U2hhZG93Rm9yVmlld1N3aXRjaGVyV2hlblNlbGVjdGVkfTtcbiAgICAgIGAsXG4gIF07XG59O1xuIl19 */");
   }
-  return /*#__PURE__*/react.css("padding:0 ", designSystem.designTokens.spacing30, " 0 ", designSystem.designTokens.spacing30, ";height:", designSystem.designTokens.bigButtonHeight, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getSizeStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNZIiwiZmlsZSI6InZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wcyB9IGZyb20gJy4vdmlldy1zd2l0Y2hlci1idXR0b24nO1xuXG5jb25zdCBnZXRTaXplU3R5bGVzID0gKFxuICBpc0NvbmRlbnNlZDogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0NvbmRlbnNlZCddXG4pID0+IHtcbiAgaWYgKGlzQ29uZGVuc2VkKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIHBhZGRpbmc6IDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzIwfSAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH07XG4gICAgICBoZWlnaHQ6ICR7ZGVzaWduVG9rZW5zLnNtYWxsQnV0dG9uSGVpZ2h0fTtcbiAgICBgO1xuICB9XG5cbiAgcmV0dXJuIGNzc2BcbiAgICBwYWRkaW5nOiAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmczMH0gMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICAgIGhlaWdodDogJHtkZXNpZ25Ub2tlbnMuYmlnQnV0dG9uSGVpZ2h0fTtcbiAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRCdXR0b25TdHlsZXMgPSAoXG4gIGlzRGlzYWJsZWQ/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzRGlzYWJsZWQnXSxcbiAgaXNBY3RpdmU/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzQWN0aXZlJ10sXG4gIGlzQ29uZGVuc2VkPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0NvbmRlbnNlZCddLFxuICBpc0ZpcnN0QnV0dG9uPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0ZpcnN0QnV0dG9uJ10sXG4gIGlzTGFzdEJ1dHRvbj86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNMYXN0QnV0dG9uJ11cbikgPT4ge1xuICBjb25zdCBib3JkZXJSYWRpdXMgPSBgJHtpc0ZpcnN0QnV0dG9uID8gZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czYgOiAnMCd9ICR7XG4gICAgaXNMYXN0QnV0dG9uXG4gICAgICA/IGAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fSAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fWBcbiAgICAgIDogJzAgMCdcbiAgfSAke2lzRmlyc3RCdXR0b24gPyBkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNiA6ICcwJ31gO1xuXG4gIHJldHVybiBbXG4gICAgY3NzYFxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgJHtkZXNpZ25Ub2tlbnMudHJhbnNpdGlvbkxpbmVhcjgwTXN9O1xuICAgICAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZURlZmF1bHR9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtib3JkZXJSYWRpdXN9O1xuICAgICAgYm94LXNoYWRvdzogMCAxcHggMXB4IDAgcmdiYSgwLCAwLCAwLCAwLjI0KSxcbiAgICAgICAgMCAtMXB4IDFweCAwIHJnYmEoMCwgMCwgMCwgMC4xMik7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfTtcbiAgICAgIH1cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTV9O1xuICAgICAgfVxuICAgICAgJHtnZXRTaXplU3R5bGVzKGlzQ29uZGVuc2VkKX1cbiAgICBgLFxuICAgIGlzQWN0aXZlICYmXG4gICAgICBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk1fTtcbiAgICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93OX07XG4gICAgICBgLFxuICAgIGlzRGlzYWJsZWQgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JBY2NlbnQ5OH07XG4gICAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw2MH07XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yQWNjZW50OTh9O1xuICAgICAgICB9XG4gICAgICBgLFxuICBdO1xufTtcbiJdfQ== */");
+  return /*#__PURE__*/react.css("padding:", designSystem.designTokens.paddingForViewSwitcher, ";height:", designSystem.designTokens.heightForViewSwitcher, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getSizeStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNZIiwiZmlsZSI6InZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wcyB9IGZyb20gJy4vdmlldy1zd2l0Y2hlci1idXR0b24nO1xuXG5jb25zdCBnZXRTaXplU3R5bGVzID0gKFxuICBpc0NvbmRlbnNlZDogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0NvbmRlbnNlZCddXG4pID0+IHtcbiAgaWYgKGlzQ29uZGVuc2VkKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JWaWV3U3dpdGNoZXJXaGVuQ29uZGVuc2VkfTtcbiAgICAgIGhlaWdodDogJHtkZXNpZ25Ub2tlbnMuaGVpZ2h0Rm9yVmlld1N3aXRjaGVyV2hlbkNvbmRlbnNlZH07XG4gICAgYDtcbiAgfVxuXG4gIHJldHVybiBjc3NgXG4gICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMucGFkZGluZ0ZvclZpZXdTd2l0Y2hlcn07XG4gICAgaGVpZ2h0OiAke2Rlc2lnblRva2Vucy5oZWlnaHRGb3JWaWV3U3dpdGNoZXJ9O1xuICBgO1xufTtcblxuY29uc3QgZ2V0Rm9udENvbG9yID0gKGlzRGlzYWJsZWQ/OiBib29sZWFuLCBpc0FjdGl2ZT86IGJvb2xlYW4pID0+IHtcbiAgaWYgKGlzRGlzYWJsZWQpIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yVmlld1N3aXRjaGVyV2hlbkRpc2FibGVkO1xuICBpZiAoaXNBY3RpdmUpIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yVmlld1N3aXRjaGVyV2hlblNlbGVjdGVkO1xuICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcjtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRCdXR0b25TdHlsZXMgPSAoXG4gIGlzRGlzYWJsZWQ/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzRGlzYWJsZWQnXSxcbiAgaXNBY3RpdmU/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzQWN0aXZlJ10sXG4gIGlzQ29uZGVuc2VkPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0NvbmRlbnNlZCddLFxuICBpc0ZpcnN0QnV0dG9uPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0ZpcnN0QnV0dG9uJ10sXG4gIGlzTGFzdEJ1dHRvbj86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNMYXN0QnV0dG9uJ11cbikgPT4ge1xuICBjb25zdCBib3JkZXJSYWRpdXMgPSBgJHtcbiAgICBpc0ZpcnN0QnV0dG9uID8gZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvclZpZXdTd2l0Y2hlciA6ICcwJ1xuICB9ICR7XG4gICAgaXNMYXN0QnV0dG9uXG4gICAgICA/IGAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXJ9ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvclZpZXdTd2l0Y2hlcn1gXG4gICAgICA6ICcwIDAnXG4gIH0gJHtpc0ZpcnN0QnV0dG9uID8gZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvclZpZXdTd2l0Y2hlciA6ICcwJ31gO1xuXG4gIGNvbnN0IGZvbnRDb2xvciA9IGdldEZvbnRDb2xvcihpc0Rpc2FibGVkLCBpc0FjdGl2ZSk7XG5cbiAgcmV0dXJuIFtcbiAgICBjc3NgXG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgY29sb3I6ICR7Zm9udENvbG9yfTtcbiAgICAgIGZpbGw6ICR7Zm9udENvbG9yfTtcbiAgICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgJHtkZXNpZ25Ub2tlbnMudHJhbnNpdGlvbkxpbmVhcjgwTXN9O1xuICAgICAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZURlZmF1bHR9O1xuICAgICAgYm9yZGVyOiAke2Rlc2lnblRva2Vucy5ib3JkZXJGb3JWaWV3U3dpdGNoZXJ9O1xuICAgICAgYm9yZGVyLWxlZnQ6ICR7aXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJGb3JWaWV3U3dpdGNoZXIgOiAnMCd9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtib3JkZXJSYWRpdXN9O1xuICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuYm94U2hhZG93Rm9yVmlld1N3aXRjaGVyfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcn07XG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVmlld1N3aXRjaGVyV2hlbkhvdmVyZWR9O1xuICAgICAgfVxuICAgICAgJjphY3RpdmUge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JWaWV3U3dpdGNoZXJXaGVuU2VsZWN0ZWR9O1xuICAgICAgfVxuICAgICAgJHtnZXRTaXplU3R5bGVzKGlzQ29uZGVuc2VkKX1cbiAgICBgLFxuICAgIGlzRGlzYWJsZWQgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVmlld1N3aXRjaGVyV2hlbkRpc2FibGVkfTtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZH07XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZH07XG4gICAgICAgIH1cbiAgICAgIGAsXG4gICAgaXNBY3RpdmUgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVmlld1N3aXRjaGVyV2hlblNlbGVjdGVkfTtcbiAgICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuYm94U2hhZG93Rm9yVmlld1N3aXRjaGVyV2hlblNlbGVjdGVkfTtcbiAgICAgIGAsXG4gIF07XG59O1xuIl19 */");
+};
+var getFontColor = function getFontColor(isDisabled, isActive) {
+  if (isDisabled) return designSystem.designTokens.fontColorForViewSwitcherWhenDisabled;
+  if (isActive) return designSystem.designTokens.fontColorForViewSwitcherWhenSelected;
+  return designSystem.designTokens.fontColorForViewSwitcher;
 };
 var getButtonStyles = function getButtonStyles(isDisabled, isActive, isCondensed, isFirstButton, isLastButton) {
   var _context, _context2, _context3;
-  var borderRadius = _concatInstanceProperty__default["default"](_context = _concatInstanceProperty__default["default"](_context2 = "".concat(isFirstButton ? designSystem.designTokens.borderRadius6 : '0', " ")).call(_context2, isLastButton ? _concatInstanceProperty__default["default"](_context3 = "".concat(designSystem.designTokens.borderRadius6, " ")).call(_context3, designSystem.designTokens.borderRadius6) : '0 0', " ")).call(_context, isFirstButton ? designSystem.designTokens.borderRadius6 : '0');
+  var borderRadius = _concatInstanceProperty__default["default"](_context = _concatInstanceProperty__default["default"](_context2 = "".concat(isFirstButton ? designSystem.designTokens.borderRadiusForViewSwitcher : '0', " ")).call(_context2, isLastButton ? _concatInstanceProperty__default["default"](_context3 = "".concat(designSystem.designTokens.borderRadiusForViewSwitcher, " ")).call(_context3, designSystem.designTokens.borderRadiusForViewSwitcher) : '0 0', " ")).call(_context, isFirstButton ? designSystem.designTokens.borderRadiusForViewSwitcher : '0');
-  return [/*#__PURE__*/react.css("align-items:center;color:", designSystem.designTokens.colorSolid, ";transition:background-color ", designSystem.designTokens.transitionLinear80Ms, ";font-size:", designSystem.designTokens.fontSizeDefault, ";border-radius:", borderRadius, ";box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.24),0 -1px 1px 0 rgba(0, 0, 0, 0.12);background-color:", designSystem.designTokens.colorSurface, ";&:hover{background-color:", designSystem.designTokens.colorNeutral90, ";}&:active{background-color:", designSystem.designTokens.colorNeutral95, ";}", getSizeStyles(isCondensed), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDTyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXItYnV0dG9uJztcblxuY29uc3QgZ2V0U2l6ZVN0eWxlcyA9IChcbiAgaXNDb25kZW5zZWQ6IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXVxuKSA9PiB7XG4gIGlmIChpc0NvbmRlbnNlZCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBwYWRkaW5nOiAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH0gMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMjB9O1xuICAgICAgaGVpZ2h0OiAke2Rlc2lnblRva2Vucy5zbWFsbEJ1dHRvbkhlaWdodH07XG4gICAgYDtcbiAgfVxuXG4gIHJldHVybiBjc3NgXG4gICAgcGFkZGluZzogMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9IDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfTtcbiAgICBoZWlnaHQ6ICR7ZGVzaWduVG9rZW5zLmJpZ0J1dHRvbkhlaWdodH07XG4gIGA7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0QnV0dG9uU3R5bGVzID0gKFxuICBpc0Rpc2FibGVkPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0Rpc2FibGVkJ10sXG4gIGlzQWN0aXZlPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0FjdGl2ZSddLFxuICBpc0NvbmRlbnNlZD86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXSxcbiAgaXNGaXJzdEJ1dHRvbj86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNGaXJzdEJ1dHRvbiddLFxuICBpc0xhc3RCdXR0b24/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzTGFzdEJ1dHRvbiddXG4pID0+IHtcbiAgY29uc3QgYm9yZGVyUmFkaXVzID0gYCR7aXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2IDogJzAnfSAke1xuICAgIGlzTGFzdEJ1dHRvblxuICAgICAgPyBgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn0gJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn1gXG4gICAgICA6ICcwIDAnXG4gIH0gJHtpc0ZpcnN0QnV0dG9uID8gZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czYgOiAnMCd9YDtcblxuICByZXR1cm4gW1xuICAgIGNzc2BcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZH07XG4gICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25MaW5lYXI4ME1zfTtcbiAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemVEZWZhdWx0fTtcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7Ym9yZGVyUmFkaXVzfTtcbiAgICAgIGJveC1zaGFkb3c6IDAgMXB4IDFweCAwIHJnYmEoMCwgMCwgMCwgMC4yNCksXG4gICAgICAgIDAgLTFweCAxcHggMCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5MH07XG4gICAgICB9XG4gICAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk1fTtcbiAgICAgIH1cbiAgICAgICR7Z2V0U2l6ZVN0eWxlcyhpc0NvbmRlbnNlZCl9XG4gICAgYCxcbiAgICBpc0FjdGl2ZSAmJlxuICAgICAgY3NzYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5NX07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLnNoYWRvdzl9O1xuICAgICAgYCxcbiAgICBpc0Rpc2FibGVkICYmXG4gICAgICBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yQWNjZW50OTh9O1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvckFjY2VudDk4fTtcbiAgICAgICAgfVxuICAgICAgYCxcbiAgXTtcbn07XG4iXX0= */"), isActive && /*#__PURE__*/react.css("background-color:", designSystem.designTokens.colorNeutral95, ";box-shadow:", designSystem.designTokens.shadow9, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9EUyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXItYnV0dG9uJztcblxuY29uc3QgZ2V0U2l6ZVN0eWxlcyA9IChcbiAgaXNDb25kZW5zZWQ6IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXVxuKSA9PiB7XG4gIGlmIChpc0NvbmRlbnNlZCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBwYWRkaW5nOiAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH0gMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMjB9O1xuICAgICAgaGVpZ2h0OiAke2Rlc2lnblRva2Vucy5zbWFsbEJ1dHRvbkhlaWdodH07XG4gICAgYDtcbiAgfVxuXG4gIHJldHVybiBjc3NgXG4gICAgcGFkZGluZzogMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9IDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfTtcbiAgICBoZWlnaHQ6ICR7ZGVzaWduVG9rZW5zLmJpZ0J1dHRvbkhlaWdodH07XG4gIGA7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0QnV0dG9uU3R5bGVzID0gKFxuICBpc0Rpc2FibGVkPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0Rpc2FibGVkJ10sXG4gIGlzQWN0aXZlPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0FjdGl2ZSddLFxuICBpc0NvbmRlbnNlZD86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXSxcbiAgaXNGaXJzdEJ1dHRvbj86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNGaXJzdEJ1dHRvbiddLFxuICBpc0xhc3RCdXR0b24/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzTGFzdEJ1dHRvbiddXG4pID0+IHtcbiAgY29uc3QgYm9yZGVyUmFkaXVzID0gYCR7aXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2IDogJzAnfSAke1xuICAgIGlzTGFzdEJ1dHRvblxuICAgICAgPyBgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn0gJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn1gXG4gICAgICA6ICcwIDAnXG4gIH0gJHtpc0ZpcnN0QnV0dG9uID8gZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czYgOiAnMCd9YDtcblxuICByZXR1cm4gW1xuICAgIGNzc2BcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZH07XG4gICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25MaW5lYXI4ME1zfTtcbiAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemVEZWZhdWx0fTtcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7Ym9yZGVyUmFkaXVzfTtcbiAgICAgIGJveC1zaGFkb3c6IDAgMXB4IDFweCAwIHJnYmEoMCwgMCwgMCwgMC4yNCksXG4gICAgICAgIDAgLTFweCAxcHggMCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5MH07XG4gICAgICB9XG4gICAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk1fTtcbiAgICAgIH1cbiAgICAgICR7Z2V0U2l6ZVN0eWxlcyhpc0NvbmRlbnNlZCl9XG4gICAgYCxcbiAgICBpc0FjdGl2ZSAmJlxuICAgICAgY3NzYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5NX07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLnNoYWRvdzl9O1xuICAgICAgYCxcbiAgICBpc0Rpc2FibGVkICYmXG4gICAgICBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yQWNjZW50OTh9O1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvckFjY2VudDk4fTtcbiAgICAgICAgfVxuICAgICAgYCxcbiAgXTtcbn07XG4iXX0= */"), isDisabled && /*#__PURE__*/react.css("background-color:", designSystem.designTokens.colorAccent98, ";color:", designSystem.designTokens.colorNeutral60, ";&:hover{background-color:", designSystem.designTokens.colorAccent98, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlEUyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXItYnV0dG9uJztcblxuY29uc3QgZ2V0U2l6ZVN0eWxlcyA9IChcbiAgaXNDb25kZW5zZWQ6IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXVxuKSA9PiB7XG4gIGlmIChpc0NvbmRlbnNlZCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBwYWRkaW5nOiAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH0gMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMjB9O1xuICAgICAgaGVpZ2h0OiAke2Rlc2lnblRva2Vucy5zbWFsbEJ1dHRvbkhlaWdodH07XG4gICAgYDtcbiAgfVxuXG4gIHJldHVybiBjc3NgXG4gICAgcGFkZGluZzogMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9IDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfTtcbiAgICBoZWlnaHQ6ICR7ZGVzaWduVG9rZW5zLmJpZ0J1dHRvbkhlaWdodH07XG4gIGA7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0QnV0dG9uU3R5bGVzID0gKFxuICBpc0Rpc2FibGVkPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0Rpc2FibGVkJ10sXG4gIGlzQWN0aXZlPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0FjdGl2ZSddLFxuICBpc0NvbmRlbnNlZD86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXSxcbiAgaXNGaXJzdEJ1dHRvbj86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNGaXJzdEJ1dHRvbiddLFxuICBpc0xhc3RCdXR0b24/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzTGFzdEJ1dHRvbiddXG4pID0+IHtcbiAgY29uc3QgYm9yZGVyUmFkaXVzID0gYCR7aXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2IDogJzAnfSAke1xuICAgIGlzTGFzdEJ1dHRvblxuICAgICAgPyBgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn0gJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn1gXG4gICAgICA6ICcwIDAnXG4gIH0gJHtpc0ZpcnN0QnV0dG9uID8gZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czYgOiAnMCd9YDtcblxuICByZXR1cm4gW1xuICAgIGNzc2BcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZH07XG4gICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25MaW5lYXI4ME1zfTtcbiAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemVEZWZhdWx0fTtcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7Ym9yZGVyUmFkaXVzfTtcbiAgICAgIGJveC1zaGFkb3c6IDAgMXB4IDFweCAwIHJnYmEoMCwgMCwgMCwgMC4yNCksXG4gICAgICAgIDAgLTFweCAxcHggMCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5MH07XG4gICAgICB9XG4gICAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk1fTtcbiAgICAgIH1cbiAgICAgICR7Z2V0U2l6ZVN0eWxlcyhpc0NvbmRlbnNlZCl9XG4gICAgYCxcbiAgICBpc0FjdGl2ZSAmJlxuICAgICAgY3NzYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5NX07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLnNoYWRvdzl9O1xuICAgICAgYCxcbiAgICBpc0Rpc2FibGVkICYmXG4gICAgICBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yQWNjZW50OTh9O1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvckFjY2VudDk4fTtcbiAgICAgICAgfVxuICAgICAgYCxcbiAgXTtcbn07XG4iXX0= */")];
+  var fontColor = getFontColor(isDisabled, isActive);
+  return [/*#__PURE__*/react.css("align-items:center;color:", fontColor, ";fill:", fontColor, ";transition:background-color ", designSystem.designTokens.transitionLinear80Ms, ";font-size:", designSystem.designTokens.fontSizeDefault, ";border:", designSystem.designTokens.borderForViewSwitcher, ";border-left:", isFirstButton ? designSystem.designTokens.borderForViewSwitcher : '0', ";border-radius:", borderRadius, ";box-shadow:", designSystem.designTokens.boxShadowForViewSwitcher, ";background-color:", designSystem.designTokens.backgroundColorForViewSwitcher, ";&:hover{background-color:", designSystem.designTokens.backgroundColorForViewSwitcherWhenHovered, ";}&:active{background-color:", designSystem.designTokens.backgroundColorForViewSwitcherWhenSelected, ";}", getSizeStyles(isCondensed), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDTyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXItYnV0dG9uJztcblxuY29uc3QgZ2V0U2l6ZVN0eWxlcyA9IChcbiAgaXNDb25kZW5zZWQ6IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXVxuKSA9PiB7XG4gIGlmIChpc0NvbmRlbnNlZCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5wYWRkaW5nRm9yVmlld1N3aXRjaGVyV2hlbkNvbmRlbnNlZH07XG4gICAgICBoZWlnaHQ6ICR7ZGVzaWduVG9rZW5zLmhlaWdodEZvclZpZXdTd2l0Y2hlcldoZW5Db25kZW5zZWR9O1xuICAgIGA7XG4gIH1cblxuICByZXR1cm4gY3NzYFxuICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JWaWV3U3dpdGNoZXJ9O1xuICAgIGhlaWdodDogJHtkZXNpZ25Ub2tlbnMuaGVpZ2h0Rm9yVmlld1N3aXRjaGVyfTtcbiAgYDtcbn07XG5cbmNvbnN0IGdldEZvbnRDb2xvciA9IChpc0Rpc2FibGVkPzogYm9vbGVhbiwgaXNBY3RpdmU/OiBib29sZWFuKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZDtcbiAgaWYgKGlzQWN0aXZlKSByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5TZWxlY3RlZDtcbiAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JWaWV3U3dpdGNoZXI7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0QnV0dG9uU3R5bGVzID0gKFxuICBpc0Rpc2FibGVkPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0Rpc2FibGVkJ10sXG4gIGlzQWN0aXZlPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0FjdGl2ZSddLFxuICBpc0NvbmRlbnNlZD86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXSxcbiAgaXNGaXJzdEJ1dHRvbj86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNGaXJzdEJ1dHRvbiddLFxuICBpc0xhc3RCdXR0b24/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzTGFzdEJ1dHRvbiddXG4pID0+IHtcbiAgY29uc3QgYm9yZGVyUmFkaXVzID0gYCR7XG4gICAgaXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXIgOiAnMCdcbiAgfSAke1xuICAgIGlzTGFzdEJ1dHRvblxuICAgICAgPyBgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yVmlld1N3aXRjaGVyfSAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXJ9YFxuICAgICAgOiAnMCAwJ1xuICB9ICR7aXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXIgOiAnMCd9YDtcblxuICBjb25zdCBmb250Q29sb3IgPSBnZXRGb250Q29sb3IoaXNEaXNhYmxlZCwgaXNBY3RpdmUpO1xuXG4gIHJldHVybiBbXG4gICAgY3NzYFxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGNvbG9yOiAke2ZvbnRDb2xvcn07XG4gICAgICBmaWxsOiAke2ZvbnRDb2xvcn07XG4gICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25MaW5lYXI4ME1zfTtcbiAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemVEZWZhdWx0fTtcbiAgICAgIGJvcmRlcjogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyRm9yVmlld1N3aXRjaGVyfTtcbiAgICAgIGJvcmRlci1sZWZ0OiAke2lzRmlyc3RCdXR0b24gPyBkZXNpZ25Ub2tlbnMuYm9yZGVyRm9yVmlld1N3aXRjaGVyIDogJzAnfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7Ym9yZGVyUmFkaXVzfTtcbiAgICAgIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLmJveFNoYWRvd0ZvclZpZXdTd2l0Y2hlcn07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JWaWV3U3dpdGNoZXJ9O1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5Ib3ZlcmVkfTtcbiAgICAgIH1cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVmlld1N3aXRjaGVyV2hlblNlbGVjdGVkfTtcbiAgICAgIH1cbiAgICAgICR7Z2V0U2l6ZVN0eWxlcyhpc0NvbmRlbnNlZCl9XG4gICAgYCxcbiAgICBpc0Rpc2FibGVkICYmXG4gICAgICBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZH07XG4gICAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JWaWV3U3dpdGNoZXJXaGVuRGlzYWJsZWR9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JWaWV3U3dpdGNoZXJXaGVuRGlzYWJsZWR9O1xuICAgICAgICB9XG4gICAgICBgLFxuICAgIGlzQWN0aXZlICYmXG4gICAgICBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5TZWxlY3RlZH07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLmJveFNoYWRvd0ZvclZpZXdTd2l0Y2hlcldoZW5TZWxlY3RlZH07XG4gICAgICBgLFxuICBdO1xufTtcbiJdfQ== */"), isDisabled && /*#__PURE__*/react.css("background-color:", designSystem.designTokens.backgroundColorForViewSwitcherWhenDisabled, ";color:", designSystem.designTokens.fontColorForViewSwitcherWhenDisabled, ";&:hover{background-color:", designSystem.designTokens.backgroundColorForViewSwitcherWhenDisabled, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdFUyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXItYnV0dG9uJztcblxuY29uc3QgZ2V0U2l6ZVN0eWxlcyA9IChcbiAgaXNDb25kZW5zZWQ6IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXVxuKSA9PiB7XG4gIGlmIChpc0NvbmRlbnNlZCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5wYWRkaW5nRm9yVmlld1N3aXRjaGVyV2hlbkNvbmRlbnNlZH07XG4gICAgICBoZWlnaHQ6ICR7ZGVzaWduVG9rZW5zLmhlaWdodEZvclZpZXdTd2l0Y2hlcldoZW5Db25kZW5zZWR9O1xuICAgIGA7XG4gIH1cblxuICByZXR1cm4gY3NzYFxuICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JWaWV3U3dpdGNoZXJ9O1xuICAgIGhlaWdodDogJHtkZXNpZ25Ub2tlbnMuaGVpZ2h0Rm9yVmlld1N3aXRjaGVyfTtcbiAgYDtcbn07XG5cbmNvbnN0IGdldEZvbnRDb2xvciA9IChpc0Rpc2FibGVkPzogYm9vbGVhbiwgaXNBY3RpdmU/OiBib29sZWFuKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZDtcbiAgaWYgKGlzQWN0aXZlKSByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5TZWxlY3RlZDtcbiAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JWaWV3U3dpdGNoZXI7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0QnV0dG9uU3R5bGVzID0gKFxuICBpc0Rpc2FibGVkPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0Rpc2FibGVkJ10sXG4gIGlzQWN0aXZlPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0FjdGl2ZSddLFxuICBpc0NvbmRlbnNlZD86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXSxcbiAgaXNGaXJzdEJ1dHRvbj86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNGaXJzdEJ1dHRvbiddLFxuICBpc0xhc3RCdXR0b24/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzTGFzdEJ1dHRvbiddXG4pID0+IHtcbiAgY29uc3QgYm9yZGVyUmFkaXVzID0gYCR7XG4gICAgaXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXIgOiAnMCdcbiAgfSAke1xuICAgIGlzTGFzdEJ1dHRvblxuICAgICAgPyBgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yVmlld1N3aXRjaGVyfSAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXJ9YFxuICAgICAgOiAnMCAwJ1xuICB9ICR7aXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXIgOiAnMCd9YDtcblxuICBjb25zdCBmb250Q29sb3IgPSBnZXRGb250Q29sb3IoaXNEaXNhYmxlZCwgaXNBY3RpdmUpO1xuXG4gIHJldHVybiBbXG4gICAgY3NzYFxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGNvbG9yOiAke2ZvbnRDb2xvcn07XG4gICAgICBmaWxsOiAke2ZvbnRDb2xvcn07XG4gICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25MaW5lYXI4ME1zfTtcbiAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemVEZWZhdWx0fTtcbiAgICAgIGJvcmRlcjogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyRm9yVmlld1N3aXRjaGVyfTtcbiAgICAgIGJvcmRlci1sZWZ0OiAke2lzRmlyc3RCdXR0b24gPyBkZXNpZ25Ub2tlbnMuYm9yZGVyRm9yVmlld1N3aXRjaGVyIDogJzAnfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7Ym9yZGVyUmFkaXVzfTtcbiAgICAgIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLmJveFNoYWRvd0ZvclZpZXdTd2l0Y2hlcn07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JWaWV3U3dpdGNoZXJ9O1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5Ib3ZlcmVkfTtcbiAgICAgIH1cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVmlld1N3aXRjaGVyV2hlblNlbGVjdGVkfTtcbiAgICAgIH1cbiAgICAgICR7Z2V0U2l6ZVN0eWxlcyhpc0NvbmRlbnNlZCl9XG4gICAgYCxcbiAgICBpc0Rpc2FibGVkICYmXG4gICAgICBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZH07XG4gICAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JWaWV3U3dpdGNoZXJXaGVuRGlzYWJsZWR9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JWaWV3U3dpdGNoZXJXaGVuRGlzYWJsZWR9O1xuICAgICAgICB9XG4gICAgICBgLFxuICAgIGlzQWN0aXZlICYmXG4gICAgICBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5TZWxlY3RlZH07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLmJveFNoYWRvd0ZvclZpZXdTd2l0Y2hlcldoZW5TZWxlY3RlZH07XG4gICAgICBgLFxuICBdO1xufTtcbiJdfQ== */"), isActive && /*#__PURE__*/react.css("background-color:", designSystem.designTokens.backgroundColorForViewSwitcherWhenSelected, ";box-shadow:", designSystem.designTokens.boxShadowForViewSwitcherWhenSelected, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdFUyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXItYnV0dG9uJztcblxuY29uc3QgZ2V0U2l6ZVN0eWxlcyA9IChcbiAgaXNDb25kZW5zZWQ6IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXVxuKSA9PiB7XG4gIGlmIChpc0NvbmRlbnNlZCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5wYWRkaW5nRm9yVmlld1N3aXRjaGVyV2hlbkNvbmRlbnNlZH07XG4gICAgICBoZWlnaHQ6ICR7ZGVzaWduVG9rZW5zLmhlaWdodEZvclZpZXdTd2l0Y2hlcldoZW5Db25kZW5zZWR9O1xuICAgIGA7XG4gIH1cblxuICByZXR1cm4gY3NzYFxuICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JWaWV3U3dpdGNoZXJ9O1xuICAgIGhlaWdodDogJHtkZXNpZ25Ub2tlbnMuaGVpZ2h0Rm9yVmlld1N3aXRjaGVyfTtcbiAgYDtcbn07XG5cbmNvbnN0IGdldEZvbnRDb2xvciA9IChpc0Rpc2FibGVkPzogYm9vbGVhbiwgaXNBY3RpdmU/OiBib29sZWFuKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZDtcbiAgaWYgKGlzQWN0aXZlKSByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5TZWxlY3RlZDtcbiAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JWaWV3U3dpdGNoZXI7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0QnV0dG9uU3R5bGVzID0gKFxuICBpc0Rpc2FibGVkPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0Rpc2FibGVkJ10sXG4gIGlzQWN0aXZlPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0FjdGl2ZSddLFxuICBpc0NvbmRlbnNlZD86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXSxcbiAgaXNGaXJzdEJ1dHRvbj86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNGaXJzdEJ1dHRvbiddLFxuICBpc0xhc3RCdXR0b24/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzTGFzdEJ1dHRvbiddXG4pID0+IHtcbiAgY29uc3QgYm9yZGVyUmFkaXVzID0gYCR7XG4gICAgaXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXIgOiAnMCdcbiAgfSAke1xuICAgIGlzTGFzdEJ1dHRvblxuICAgICAgPyBgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yVmlld1N3aXRjaGVyfSAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXJ9YFxuICAgICAgOiAnMCAwJ1xuICB9ICR7aXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXIgOiAnMCd9YDtcblxuICBjb25zdCBmb250Q29sb3IgPSBnZXRGb250Q29sb3IoaXNEaXNhYmxlZCwgaXNBY3RpdmUpO1xuXG4gIHJldHVybiBbXG4gICAgY3NzYFxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGNvbG9yOiAke2ZvbnRDb2xvcn07XG4gICAgICBmaWxsOiAke2ZvbnRDb2xvcn07XG4gICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25MaW5lYXI4ME1zfTtcbiAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemVEZWZhdWx0fTtcbiAgICAgIGJvcmRlcjogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyRm9yVmlld1N3aXRjaGVyfTtcbiAgICAgIGJvcmRlci1sZWZ0OiAke2lzRmlyc3RCdXR0b24gPyBkZXNpZ25Ub2tlbnMuYm9yZGVyRm9yVmlld1N3aXRjaGVyIDogJzAnfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7Ym9yZGVyUmFkaXVzfTtcbiAgICAgIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLmJveFNoYWRvd0ZvclZpZXdTd2l0Y2hlcn07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JWaWV3U3dpdGNoZXJ9O1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5Ib3ZlcmVkfTtcbiAgICAgIH1cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVmlld1N3aXRjaGVyV2hlblNlbGVjdGVkfTtcbiAgICAgIH1cbiAgICAgICR7Z2V0U2l6ZVN0eWxlcyhpc0NvbmRlbnNlZCl9XG4gICAgYCxcbiAgICBpc0Rpc2FibGVkICYmXG4gICAgICBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZH07XG4gICAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JWaWV3U3dpdGNoZXJXaGVuRGlzYWJsZWR9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JWaWV3U3dpdGNoZXJXaGVuRGlzYWJsZWR9O1xuICAgICAgICB9XG4gICAgICBgLFxuICAgIGlzQWN0aXZlICYmXG4gICAgICBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5TZWxlY3RlZH07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLmJveFNoYWRvd0ZvclZpZXdTd2l0Y2hlcldoZW5TZWxlY3RlZH07XG4gICAgICBgLFxuICBdO1xufTtcbiJdfQ== */")];
 };
 var ViewSwitcherButton = function ViewSwitcherButton(props) {
+  var _ref, _props$label;
+  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;
+  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;
   return jsxRuntime.jsxs(AccessibleButton__default["default"], {
-    label: props.children,
+    label: (_ref = (_props$label = props.label) !== null && _props$label !== void 0 ? _props$label : props.children) !== null && _ref !== void 0 ? _ref : '',
     css: getButtonStyles(props.isDisabled, props.isActive, props.isCondensed, props.isFirstButton, props.isLastButton),
     onClick: props.onClick,
     isDisabled: props.isDisabled,
     children: [props.icon && jsxRuntime.jsx("span", {
-      css: /*#__PURE__*/react.css("margin:0 ", designSystem.designTokens.spacing10, " 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXItYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q2dCIiwiZmlsZSI6InZpZXctc3dpdGNoZXItYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGNsb25lRWxlbWVudCxcbiAgdHlwZSBNb3VzZUV2ZW50LFxuICB0eXBlIEtleWJvYXJkRXZlbnQsXG4gIHR5cGUgUmVhY3RFbGVtZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGdldEJ1dHRvblN0eWxlcyB9IGZyb20gJy4vdmlldy1zd2l0Y2hlci5zdHlsZXMnO1xuXG5leHBvcnQgdHlwZSBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMgPSB7XG4gIGlzRGlzYWJsZWQ/OiBib29sZWFuO1xuICBpc0FjdGl2ZT86IGJvb2xlYW47XG4gIGNoaWxkcmVuOiBzdHJpbmc7XG4gIGlzQ29uZGVuc2VkPzogYm9vbGVhbjtcbiAgaXNGaXJzdEJ1dHRvbj86IGJvb2xlYW47XG4gIGlzTGFzdEJ1dHRvbj86IGJvb2xlYW47XG4gIGljb24/OiBSZWFjdEVsZW1lbnQ7XG4gIHZhbHVlOiBzdHJpbmc7XG4gIG9uQ2xpY2s/OiAoXG4gICAgZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+IHwgS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xufTtcblxuY29uc3QgVmlld1N3aXRjaGVyQnV0dG9uID0gKHByb3BzOiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMpID0+IChcbiAgPEFjY2Vzc2libGVCdXR0b25cbiAgICBsYWJlbD17cHJvcHMuY2hpbGRyZW59XG4gICAgY3NzPXtnZXRCdXR0b25TdHlsZXMoXG4gICAgICBwcm9wcy5pc0Rpc2FibGVkLFxuICAgICAgcHJvcHMuaXNBY3RpdmUsXG4gICAgICBwcm9wcy5pc0NvbmRlbnNlZCxcbiAgICAgIHByb3BzLmlzRmlyc3RCdXR0b24sXG4gICAgICBwcm9wcy5pc0xhc3RCdXR0b25cbiAgICApfVxuICAgIG9uQ2xpY2s9e3Byb3BzLm9uQ2xpY2t9XG4gICAgaXNEaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgPlxuICAgIHtwcm9wcy5pY29uICYmIChcbiAgICAgIDxzcGFuXG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIG1hcmdpbjogMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMTB9IDAgMDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtjbG9uZUVsZW1lbnQocHJvcHMuaWNvbiwge1xuICAgICAgICAgIGNvbG9yOiBwcm9wcy5pc0Rpc2FibGVkID8gJ25ldXRyYWw2MCcgOiAnY29sb3JTb2xpZCcsXG4gICAgICAgICAgc2l6ZTogcHJvcHMuaXNDb25kZW5zZWQgPyAnbWVkaXVtJyA6ICdiaWcnLFxuICAgICAgICB9KX1cbiAgICAgIDwvc3Bhbj5cbiAgICApfVxuICAgIDxzcGFuPntwcm9wcy5jaGlsZHJlbn08L3NwYW4+XG4gIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbik7XG5cblZpZXdTd2l0Y2hlckJ1dHRvbi5kaXNwbGF5TmFtZSA9ICdWaWV3U3dpdGNoZXJCdXR0b24nO1xuZXhwb3J0IGRlZmF1bHQgVmlld1N3aXRjaGVyQnV0dG9uO1xuIl19 */"),
+      css: /*#__PURE__*/react.css("margin:", props.children ? designSystem.designTokens.marginForViewSwitcherIcon : '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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXItYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRGtCIiwiZmlsZSI6InZpZXctc3dpdGNoZXItYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGNsb25lRWxlbWVudCxcbiAgdHlwZSBNb3VzZUV2ZW50LFxuICB0eXBlIEtleWJvYXJkRXZlbnQsXG4gIHR5cGUgUmVhY3RFbGVtZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgeyBnZXRCdXR0b25TdHlsZXMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXIuc3R5bGVzJztcblxuZXhwb3J0IHR5cGUgVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzID0ge1xuICBjaGlsZHJlbj86IHN0cmluZztcbiAgaWNvbj86IFJlYWN0RWxlbWVudDtcbiAgaXNBY3RpdmU/OiBib29sZWFuO1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbiAgaXNDb25kZW5zZWQ/OiBib29sZWFuO1xuICBpc0ZpcnN0QnV0dG9uPzogYm9vbGVhbjtcbiAgaXNMYXN0QnV0dG9uPzogYm9vbGVhbjtcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIHZhbHVlOiBzdHJpbmc7XG4gIG9uQ2xpY2s/OiAoXG4gICAgZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+IHwgS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xufTtcblxuY29uc3QgVmlld1N3aXRjaGVyQnV0dG9uID0gKHByb3BzOiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMpID0+IHtcbiAgd2FybmluZyhcbiAgICBCb29sZWFuKHByb3BzLmNoaWxkcmVuIHx8IHByb3BzLmljb24pLFxuICAgICd1aWtpdC9WaWV3U3dpdGNoZXJCdXR0b246IFlvdSBuZWVkIHRvIHByb3ZpZGUgYXQgbGVhc3QgdGhlIGBjaGlsZHJlbmAgdG8gcmVuZGVyIGluc2lkZSB0aGUgYnV0dG9uIG9yIGFuIGBpY29uYC4nXG4gICk7XG5cbiAgd2FybmluZyhcbiAgICBCb29sZWFuKHByb3BzLmxhYmVsIHx8IHByb3BzLmNoaWxkcmVuKSxcbiAgICAndWlraXQvVmlld1N3aXRjaGVyQnV0dG9uOiBZb3UgbmVlZCB0byBwcm92aWRlIGEgYGxhYmVsYCB3aGVuIHJlbmRlcmluZyBvbmx5IGFuIGBpY29uYCB3aXRoaW4gdGhlIGJ1dHRvbi4nXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8QWNjZXNzaWJsZUJ1dHRvblxuICAgICAgbGFiZWw9e3Byb3BzLmxhYmVsID8/IHByb3BzLmNoaWxkcmVuID8/ICcnfVxuICAgICAgY3NzPXtnZXRCdXR0b25TdHlsZXMoXG4gICAgICAgIHByb3BzLmlzRGlzYWJsZWQsXG4gICAgICAgIHByb3BzLmlzQWN0aXZlLFxuICAgICAgICBwcm9wcy5pc0NvbmRlbnNlZCxcbiAgICAgICAgcHJvcHMuaXNGaXJzdEJ1dHRvbixcbiAgICAgICAgcHJvcHMuaXNMYXN0QnV0dG9uXG4gICAgICApfVxuICAgICAgb25DbGljaz17cHJvcHMub25DbGlja31cbiAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgPlxuICAgICAge3Byb3BzLmljb24gJiYgKFxuICAgICAgICA8c3BhblxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgbWFyZ2luOiAke3Byb3BzLmNoaWxkcmVuXG4gICAgICAgICAgICAgID8gZGVzaWduVG9rZW5zLm1hcmdpbkZvclZpZXdTd2l0Y2hlckljb25cbiAgICAgICAgICAgICAgOiAnMCd9O1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAge2Nsb25lRWxlbWVudChwcm9wcy5pY29uLCB7XG4gICAgICAgICAgICBzaXplOiBwcm9wcy5pc0NvbmRlbnNlZCA/ICdtZWRpdW0nIDogJ2JpZycsXG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICl9XG4gICAgICB7cHJvcHMuY2hpbGRyZW4gJiYgPHNwYW4+e3Byb3BzLmNoaWxkcmVufTwvc3Bhbj59XG4gICAgPC9BY2Nlc3NpYmxlQnV0dG9uPlxuICApO1xufTtcblxuVmlld1N3aXRjaGVyQnV0dG9uLmRpc3BsYXlOYW1lID0gJ1ZpZXdTd2l0Y2hlckJ1dHRvbic7XG5leHBvcnQgZGVmYXVsdCBWaWV3U3dpdGNoZXJCdXR0b247XG4iXX0= */"),
       children: /*#__PURE__*/react$1.cloneElement(props.icon, {
-        color: props.isDisabled ? 'neutral60' : 'colorSolid',
         size: props.isCondensed ? 'medium' : 'big'
       })
-    }), jsxRuntime.jsx("span", {
+    }), props.children && jsxRuntime.jsx("span", {
       children: props.children
     })]
   });
 };
 ViewSwitcherButton.propTypes = process.env.NODE_ENV !== "production" ? {
-  isDisabled: _pt__default["default"].bool,
+  children: _pt__default["default"].string,
+  icon: _pt__default["default"].element,
   isActive: _pt__default["default"].bool,
-  children: _pt__default["default"].string.isRequired,
+  isDisabled: _pt__default["default"].bool,
   isCondensed: _pt__default["default"].bool,
   isFirstButton: _pt__default["default"].bool,
   isLastButton: _pt__default["default"].bool,
-  icon: _pt__default["default"].element,
+  label: _pt__default["default"].string,
   value: _pt__default["default"].string.isRequired,
   onClick: _pt__default["default"].func
 } : {};
@@ -147,7 +158,7 @@ ViewSwitcher$1.propTypes = process.env.NODE_ENV !== "production" ? {
 var Group = ViewSwitcher$1;
 // NOTE: This string will be replaced on build time with the package version.
-var version = "15.9.0";
+var version = "15.11.0";
 var ViewSwitcher = {
   Group: Group,

package/dist/commercetools-uikit-view-switcher.cjs.prod.js CHANGED Viewed

@@ -10,9 +10,9 @@ var isNil = require('lodash/isNil');
 var react = require('@emotion/react');
 var AccessibleButton = require('@commercetools-uikit/accessible-button');
 var designSystem = require('@commercetools-uikit/design-system');
+require('@commercetools-uikit/utils');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
-require('@commercetools-uikit/utils');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -23,33 +23,40 @@ var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInsta
 var getSizeStyles = function getSizeStyles(isCondensed) {
   if (isCondensed) {
-    return /*#__PURE__*/react.css("padding:0 ", designSystem.designTokens.spacing20, " 0 ", designSystem.designTokens.spacing20, ";height:", designSystem.designTokens.smallButtonHeight, ";" + ("" ), "" );
+    return /*#__PURE__*/react.css("padding:", designSystem.designTokens.paddingForViewSwitcherWhenCondensed, ";height:", designSystem.designTokens.heightForViewSwitcherWhenCondensed, ";" + ("" ), "" );
   }
-  return /*#__PURE__*/react.css("padding:0 ", designSystem.designTokens.spacing30, " 0 ", designSystem.designTokens.spacing30, ";height:", designSystem.designTokens.bigButtonHeight, ";" + ("" ), "" );
+  return /*#__PURE__*/react.css("padding:", designSystem.designTokens.paddingForViewSwitcher, ";height:", designSystem.designTokens.heightForViewSwitcher, ";" + ("" ), "" );
+};
+var getFontColor = function getFontColor(isDisabled, isActive) {
+  if (isDisabled) return designSystem.designTokens.fontColorForViewSwitcherWhenDisabled;
+  if (isActive) return designSystem.designTokens.fontColorForViewSwitcherWhenSelected;
+  return designSystem.designTokens.fontColorForViewSwitcher;
 };
 var getButtonStyles = function getButtonStyles(isDisabled, isActive, isCondensed, isFirstButton, isLastButton) {
   var _context, _context2, _context3;
-  var borderRadius = _concatInstanceProperty__default["default"](_context = _concatInstanceProperty__default["default"](_context2 = "".concat(isFirstButton ? designSystem.designTokens.borderRadius6 : '0', " ")).call(_context2, isLastButton ? _concatInstanceProperty__default["default"](_context3 = "".concat(designSystem.designTokens.borderRadius6, " ")).call(_context3, designSystem.designTokens.borderRadius6) : '0 0', " ")).call(_context, isFirstButton ? designSystem.designTokens.borderRadius6 : '0');
+  var borderRadius = _concatInstanceProperty__default["default"](_context = _concatInstanceProperty__default["default"](_context2 = "".concat(isFirstButton ? designSystem.designTokens.borderRadiusForViewSwitcher : '0', " ")).call(_context2, isLastButton ? _concatInstanceProperty__default["default"](_context3 = "".concat(designSystem.designTokens.borderRadiusForViewSwitcher, " ")).call(_context3, designSystem.designTokens.borderRadiusForViewSwitcher) : '0 0', " ")).call(_context, isFirstButton ? designSystem.designTokens.borderRadiusForViewSwitcher : '0');
-  return [/*#__PURE__*/react.css("align-items:center;color:", designSystem.designTokens.colorSolid, ";transition:background-color ", designSystem.designTokens.transitionLinear80Ms, ";font-size:", designSystem.designTokens.fontSizeDefault, ";border-radius:", borderRadius, ";box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.24),0 -1px 1px 0 rgba(0, 0, 0, 0.12);background-color:", designSystem.designTokens.colorSurface, ";&:hover{background-color:", designSystem.designTokens.colorNeutral90, ";}&:active{background-color:", designSystem.designTokens.colorNeutral95, ";}", getSizeStyles(isCondensed), ";" + ("" ), "" ), isActive && /*#__PURE__*/react.css("background-color:", designSystem.designTokens.colorNeutral95, ";box-shadow:", designSystem.designTokens.shadow9, ";" + ("" ), "" ), isDisabled && /*#__PURE__*/react.css("background-color:", designSystem.designTokens.colorAccent98, ";color:", designSystem.designTokens.colorNeutral60, ";&:hover{background-color:", designSystem.designTokens.colorAccent98, ";}" + ("" ), "" )];
+  var fontColor = getFontColor(isDisabled, isActive);
+  return [/*#__PURE__*/react.css("align-items:center;color:", fontColor, ";fill:", fontColor, ";transition:background-color ", designSystem.designTokens.transitionLinear80Ms, ";font-size:", designSystem.designTokens.fontSizeDefault, ";border:", designSystem.designTokens.borderForViewSwitcher, ";border-left:", isFirstButton ? designSystem.designTokens.borderForViewSwitcher : '0', ";border-radius:", borderRadius, ";box-shadow:", designSystem.designTokens.boxShadowForViewSwitcher, ";background-color:", designSystem.designTokens.backgroundColorForViewSwitcher, ";&:hover{background-color:", designSystem.designTokens.backgroundColorForViewSwitcherWhenHovered, ";}&:active{background-color:", designSystem.designTokens.backgroundColorForViewSwitcherWhenSelected, ";}", getSizeStyles(isCondensed), ";" + ("" ), "" ), isDisabled && /*#__PURE__*/react.css("background-color:", designSystem.designTokens.backgroundColorForViewSwitcherWhenDisabled, ";color:", designSystem.designTokens.fontColorForViewSwitcherWhenDisabled, ";&:hover{background-color:", designSystem.designTokens.backgroundColorForViewSwitcherWhenDisabled, ";}" + ("" ), "" ), isActive && /*#__PURE__*/react.css("background-color:", designSystem.designTokens.backgroundColorForViewSwitcherWhenSelected, ";box-shadow:", designSystem.designTokens.boxShadowForViewSwitcherWhenSelected, ";" + ("" ), "" )];
 };
 var ViewSwitcherButton = function ViewSwitcherButton(props) {
+  var _ref, _props$label;
   return jsxRuntime.jsxs(AccessibleButton__default["default"], {
-    label: props.children,
+    label: (_ref = (_props$label = props.label) !== null && _props$label !== void 0 ? _props$label : props.children) !== null && _ref !== void 0 ? _ref : '',
     css: getButtonStyles(props.isDisabled, props.isActive, props.isCondensed, props.isFirstButton, props.isLastButton),
     onClick: props.onClick,
     isDisabled: props.isDisabled,
     children: [props.icon && jsxRuntime.jsx("span", {
-      css: /*#__PURE__*/react.css("margin:0 ", designSystem.designTokens.spacing10, " 0 0;display:flex;align-items:center;justify-content:center;" + ("" ), "" ),
+      css: /*#__PURE__*/react.css("margin:", props.children ? designSystem.designTokens.marginForViewSwitcherIcon : '0', ";display:flex;align-items:center;justify-content:center;" + ("" ), "" ),
       children: /*#__PURE__*/react$1.cloneElement(props.icon, {
-        color: props.isDisabled ? 'neutral60' : 'colorSolid',
         size: props.isCondensed ? 'medium' : 'big'
       })
-    }), jsxRuntime.jsx("span", {
+    }), props.children && jsxRuntime.jsx("span", {
       children: props.children
     })]
   });
@@ -116,7 +123,7 @@ ViewSwitcher$1.propTypes = {};
 var Group = ViewSwitcher$1;
 // NOTE: This string will be replaced on build time with the package version.
-var version = "15.9.0";
+var version = "15.11.0";
 var ViewSwitcher = {
   Group: Group,

package/dist/commercetools-uikit-view-switcher.esm.js CHANGED Viewed

@@ -6,52 +6,63 @@ import isNil from 'lodash/isNil';
 import { css } from '@emotion/react';
 import AccessibleButton from '@commercetools-uikit/accessible-button';
 import { designTokens } from '@commercetools-uikit/design-system';
+import { warning } from '@commercetools-uikit/utils';
 import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import { jsxs, jsx } from '@emotion/react/jsx-runtime';
-import { warning } from '@commercetools-uikit/utils';
 var getSizeStyles = function getSizeStyles(isCondensed) {
   if (isCondensed) {
-    return /*#__PURE__*/css("padding:0 ", designTokens.spacing20, " 0 ", designTokens.spacing20, ";height:", designTokens.smallButtonHeight, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getSizeStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFjIiwiZmlsZSI6InZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wcyB9IGZyb20gJy4vdmlldy1zd2l0Y2hlci1idXR0b24nO1xuXG5jb25zdCBnZXRTaXplU3R5bGVzID0gKFxuICBpc0NvbmRlbnNlZDogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0NvbmRlbnNlZCddXG4pID0+IHtcbiAgaWYgKGlzQ29uZGVuc2VkKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIHBhZGRpbmc6IDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzIwfSAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH07XG4gICAgICBoZWlnaHQ6ICR7ZGVzaWduVG9rZW5zLnNtYWxsQnV0dG9uSGVpZ2h0fTtcbiAgICBgO1xuICB9XG5cbiAgcmV0dXJuIGNzc2BcbiAgICBwYWRkaW5nOiAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmczMH0gMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICAgIGhlaWdodDogJHtkZXNpZ25Ub2tlbnMuYmlnQnV0dG9uSGVpZ2h0fTtcbiAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRCdXR0b25TdHlsZXMgPSAoXG4gIGlzRGlzYWJsZWQ/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzRGlzYWJsZWQnXSxcbiAgaXNBY3RpdmU/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzQWN0aXZlJ10sXG4gIGlzQ29uZGVuc2VkPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0NvbmRlbnNlZCddLFxuICBpc0ZpcnN0QnV0dG9uPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0ZpcnN0QnV0dG9uJ10sXG4gIGlzTGFzdEJ1dHRvbj86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNMYXN0QnV0dG9uJ11cbikgPT4ge1xuICBjb25zdCBib3JkZXJSYWRpdXMgPSBgJHtpc0ZpcnN0QnV0dG9uID8gZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czYgOiAnMCd9ICR7XG4gICAgaXNMYXN0QnV0dG9uXG4gICAgICA/IGAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fSAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fWBcbiAgICAgIDogJzAgMCdcbiAgfSAke2lzRmlyc3RCdXR0b24gPyBkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNiA6ICcwJ31gO1xuXG4gIHJldHVybiBbXG4gICAgY3NzYFxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgJHtkZXNpZ25Ub2tlbnMudHJhbnNpdGlvbkxpbmVhcjgwTXN9O1xuICAgICAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZURlZmF1bHR9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtib3JkZXJSYWRpdXN9O1xuICAgICAgYm94LXNoYWRvdzogMCAxcHggMXB4IDAgcmdiYSgwLCAwLCAwLCAwLjI0KSxcbiAgICAgICAgMCAtMXB4IDFweCAwIHJnYmEoMCwgMCwgMCwgMC4xMik7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfTtcbiAgICAgIH1cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTV9O1xuICAgICAgfVxuICAgICAgJHtnZXRTaXplU3R5bGVzKGlzQ29uZGVuc2VkKX1cbiAgICBgLFxuICAgIGlzQWN0aXZlICYmXG4gICAgICBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk1fTtcbiAgICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93OX07XG4gICAgICBgLFxuICAgIGlzRGlzYWJsZWQgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JBY2NlbnQ5OH07XG4gICAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw2MH07XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yQWNjZW50OTh9O1xuICAgICAgICB9XG4gICAgICBgLFxuICBdO1xufTtcbiJdfQ== */");
+    return /*#__PURE__*/css("padding:", designTokens.paddingForViewSwitcherWhenCondensed, ";height:", designTokens.heightForViewSwitcherWhenCondensed, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getSizeStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFjIiwiZmlsZSI6InZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wcyB9IGZyb20gJy4vdmlldy1zd2l0Y2hlci1idXR0b24nO1xuXG5jb25zdCBnZXRTaXplU3R5bGVzID0gKFxuICBpc0NvbmRlbnNlZDogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0NvbmRlbnNlZCddXG4pID0+IHtcbiAgaWYgKGlzQ29uZGVuc2VkKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JWaWV3U3dpdGNoZXJXaGVuQ29uZGVuc2VkfTtcbiAgICAgIGhlaWdodDogJHtkZXNpZ25Ub2tlbnMuaGVpZ2h0Rm9yVmlld1N3aXRjaGVyV2hlbkNvbmRlbnNlZH07XG4gICAgYDtcbiAgfVxuXG4gIHJldHVybiBjc3NgXG4gICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMucGFkZGluZ0ZvclZpZXdTd2l0Y2hlcn07XG4gICAgaGVpZ2h0OiAke2Rlc2lnblRva2Vucy5oZWlnaHRGb3JWaWV3U3dpdGNoZXJ9O1xuICBgO1xufTtcblxuY29uc3QgZ2V0Rm9udENvbG9yID0gKGlzRGlzYWJsZWQ/OiBib29sZWFuLCBpc0FjdGl2ZT86IGJvb2xlYW4pID0+IHtcbiAgaWYgKGlzRGlzYWJsZWQpIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yVmlld1N3aXRjaGVyV2hlbkRpc2FibGVkO1xuICBpZiAoaXNBY3RpdmUpIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yVmlld1N3aXRjaGVyV2hlblNlbGVjdGVkO1xuICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcjtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRCdXR0b25TdHlsZXMgPSAoXG4gIGlzRGlzYWJsZWQ/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzRGlzYWJsZWQnXSxcbiAgaXNBY3RpdmU/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzQWN0aXZlJ10sXG4gIGlzQ29uZGVuc2VkPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0NvbmRlbnNlZCddLFxuICBpc0ZpcnN0QnV0dG9uPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0ZpcnN0QnV0dG9uJ10sXG4gIGlzTGFzdEJ1dHRvbj86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNMYXN0QnV0dG9uJ11cbikgPT4ge1xuICBjb25zdCBib3JkZXJSYWRpdXMgPSBgJHtcbiAgICBpc0ZpcnN0QnV0dG9uID8gZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvclZpZXdTd2l0Y2hlciA6ICcwJ1xuICB9ICR7XG4gICAgaXNMYXN0QnV0dG9uXG4gICAgICA/IGAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXJ9ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvclZpZXdTd2l0Y2hlcn1gXG4gICAgICA6ICcwIDAnXG4gIH0gJHtpc0ZpcnN0QnV0dG9uID8gZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvclZpZXdTd2l0Y2hlciA6ICcwJ31gO1xuXG4gIGNvbnN0IGZvbnRDb2xvciA9IGdldEZvbnRDb2xvcihpc0Rpc2FibGVkLCBpc0FjdGl2ZSk7XG5cbiAgcmV0dXJuIFtcbiAgICBjc3NgXG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgY29sb3I6ICR7Zm9udENvbG9yfTtcbiAgICAgIGZpbGw6ICR7Zm9udENvbG9yfTtcbiAgICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgJHtkZXNpZ25Ub2tlbnMudHJhbnNpdGlvbkxpbmVhcjgwTXN9O1xuICAgICAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZURlZmF1bHR9O1xuICAgICAgYm9yZGVyOiAke2Rlc2lnblRva2Vucy5ib3JkZXJGb3JWaWV3U3dpdGNoZXJ9O1xuICAgICAgYm9yZGVyLWxlZnQ6ICR7aXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJGb3JWaWV3U3dpdGNoZXIgOiAnMCd9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtib3JkZXJSYWRpdXN9O1xuICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuYm94U2hhZG93Rm9yVmlld1N3aXRjaGVyfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcn07XG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVmlld1N3aXRjaGVyV2hlbkhvdmVyZWR9O1xuICAgICAgfVxuICAgICAgJjphY3RpdmUge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JWaWV3U3dpdGNoZXJXaGVuU2VsZWN0ZWR9O1xuICAgICAgfVxuICAgICAgJHtnZXRTaXplU3R5bGVzKGlzQ29uZGVuc2VkKX1cbiAgICBgLFxuICAgIGlzRGlzYWJsZWQgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVmlld1N3aXRjaGVyV2hlbkRpc2FibGVkfTtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZH07XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZH07XG4gICAgICAgIH1cbiAgICAgIGAsXG4gICAgaXNBY3RpdmUgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVmlld1N3aXRjaGVyV2hlblNlbGVjdGVkfTtcbiAgICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuYm94U2hhZG93Rm9yVmlld1N3aXRjaGVyV2hlblNlbGVjdGVkfTtcbiAgICAgIGAsXG4gIF07XG59O1xuIl19 */");
   }
-  return /*#__PURE__*/css("padding:0 ", designTokens.spacing30, " 0 ", designTokens.spacing30, ";height:", designTokens.bigButtonHeight, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getSizeStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNZIiwiZmlsZSI6InZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wcyB9IGZyb20gJy4vdmlldy1zd2l0Y2hlci1idXR0b24nO1xuXG5jb25zdCBnZXRTaXplU3R5bGVzID0gKFxuICBpc0NvbmRlbnNlZDogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0NvbmRlbnNlZCddXG4pID0+IHtcbiAgaWYgKGlzQ29uZGVuc2VkKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIHBhZGRpbmc6IDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzIwfSAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH07XG4gICAgICBoZWlnaHQ6ICR7ZGVzaWduVG9rZW5zLnNtYWxsQnV0dG9uSGVpZ2h0fTtcbiAgICBgO1xuICB9XG5cbiAgcmV0dXJuIGNzc2BcbiAgICBwYWRkaW5nOiAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmczMH0gMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICAgIGhlaWdodDogJHtkZXNpZ25Ub2tlbnMuYmlnQnV0dG9uSGVpZ2h0fTtcbiAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRCdXR0b25TdHlsZXMgPSAoXG4gIGlzRGlzYWJsZWQ/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzRGlzYWJsZWQnXSxcbiAgaXNBY3RpdmU/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzQWN0aXZlJ10sXG4gIGlzQ29uZGVuc2VkPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0NvbmRlbnNlZCddLFxuICBpc0ZpcnN0QnV0dG9uPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0ZpcnN0QnV0dG9uJ10sXG4gIGlzTGFzdEJ1dHRvbj86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNMYXN0QnV0dG9uJ11cbikgPT4ge1xuICBjb25zdCBib3JkZXJSYWRpdXMgPSBgJHtpc0ZpcnN0QnV0dG9uID8gZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czYgOiAnMCd9ICR7XG4gICAgaXNMYXN0QnV0dG9uXG4gICAgICA/IGAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fSAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fWBcbiAgICAgIDogJzAgMCdcbiAgfSAke2lzRmlyc3RCdXR0b24gPyBkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNiA6ICcwJ31gO1xuXG4gIHJldHVybiBbXG4gICAgY3NzYFxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgJHtkZXNpZ25Ub2tlbnMudHJhbnNpdGlvbkxpbmVhcjgwTXN9O1xuICAgICAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZURlZmF1bHR9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtib3JkZXJSYWRpdXN9O1xuICAgICAgYm94LXNoYWRvdzogMCAxcHggMXB4IDAgcmdiYSgwLCAwLCAwLCAwLjI0KSxcbiAgICAgICAgMCAtMXB4IDFweCAwIHJnYmEoMCwgMCwgMCwgMC4xMik7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfTtcbiAgICAgIH1cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTV9O1xuICAgICAgfVxuICAgICAgJHtnZXRTaXplU3R5bGVzKGlzQ29uZGVuc2VkKX1cbiAgICBgLFxuICAgIGlzQWN0aXZlICYmXG4gICAgICBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk1fTtcbiAgICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93OX07XG4gICAgICBgLFxuICAgIGlzRGlzYWJsZWQgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JBY2NlbnQ5OH07XG4gICAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw2MH07XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yQWNjZW50OTh9O1xuICAgICAgICB9XG4gICAgICBgLFxuICBdO1xufTtcbiJdfQ== */");
+  return /*#__PURE__*/css("padding:", designTokens.paddingForViewSwitcher, ";height:", designTokens.heightForViewSwitcher, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getSizeStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNZIiwiZmlsZSI6InZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wcyB9IGZyb20gJy4vdmlldy1zd2l0Y2hlci1idXR0b24nO1xuXG5jb25zdCBnZXRTaXplU3R5bGVzID0gKFxuICBpc0NvbmRlbnNlZDogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0NvbmRlbnNlZCddXG4pID0+IHtcbiAgaWYgKGlzQ29uZGVuc2VkKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JWaWV3U3dpdGNoZXJXaGVuQ29uZGVuc2VkfTtcbiAgICAgIGhlaWdodDogJHtkZXNpZ25Ub2tlbnMuaGVpZ2h0Rm9yVmlld1N3aXRjaGVyV2hlbkNvbmRlbnNlZH07XG4gICAgYDtcbiAgfVxuXG4gIHJldHVybiBjc3NgXG4gICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMucGFkZGluZ0ZvclZpZXdTd2l0Y2hlcn07XG4gICAgaGVpZ2h0OiAke2Rlc2lnblRva2Vucy5oZWlnaHRGb3JWaWV3U3dpdGNoZXJ9O1xuICBgO1xufTtcblxuY29uc3QgZ2V0Rm9udENvbG9yID0gKGlzRGlzYWJsZWQ/OiBib29sZWFuLCBpc0FjdGl2ZT86IGJvb2xlYW4pID0+IHtcbiAgaWYgKGlzRGlzYWJsZWQpIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yVmlld1N3aXRjaGVyV2hlbkRpc2FibGVkO1xuICBpZiAoaXNBY3RpdmUpIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yVmlld1N3aXRjaGVyV2hlblNlbGVjdGVkO1xuICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcjtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRCdXR0b25TdHlsZXMgPSAoXG4gIGlzRGlzYWJsZWQ/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzRGlzYWJsZWQnXSxcbiAgaXNBY3RpdmU/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzQWN0aXZlJ10sXG4gIGlzQ29uZGVuc2VkPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0NvbmRlbnNlZCddLFxuICBpc0ZpcnN0QnV0dG9uPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0ZpcnN0QnV0dG9uJ10sXG4gIGlzTGFzdEJ1dHRvbj86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNMYXN0QnV0dG9uJ11cbikgPT4ge1xuICBjb25zdCBib3JkZXJSYWRpdXMgPSBgJHtcbiAgICBpc0ZpcnN0QnV0dG9uID8gZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvclZpZXdTd2l0Y2hlciA6ICcwJ1xuICB9ICR7XG4gICAgaXNMYXN0QnV0dG9uXG4gICAgICA/IGAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXJ9ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvclZpZXdTd2l0Y2hlcn1gXG4gICAgICA6ICcwIDAnXG4gIH0gJHtpc0ZpcnN0QnV0dG9uID8gZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvclZpZXdTd2l0Y2hlciA6ICcwJ31gO1xuXG4gIGNvbnN0IGZvbnRDb2xvciA9IGdldEZvbnRDb2xvcihpc0Rpc2FibGVkLCBpc0FjdGl2ZSk7XG5cbiAgcmV0dXJuIFtcbiAgICBjc3NgXG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgY29sb3I6ICR7Zm9udENvbG9yfTtcbiAgICAgIGZpbGw6ICR7Zm9udENvbG9yfTtcbiAgICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgJHtkZXNpZ25Ub2tlbnMudHJhbnNpdGlvbkxpbmVhcjgwTXN9O1xuICAgICAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZURlZmF1bHR9O1xuICAgICAgYm9yZGVyOiAke2Rlc2lnblRva2Vucy5ib3JkZXJGb3JWaWV3U3dpdGNoZXJ9O1xuICAgICAgYm9yZGVyLWxlZnQ6ICR7aXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJGb3JWaWV3U3dpdGNoZXIgOiAnMCd9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtib3JkZXJSYWRpdXN9O1xuICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuYm94U2hhZG93Rm9yVmlld1N3aXRjaGVyfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcn07XG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVmlld1N3aXRjaGVyV2hlbkhvdmVyZWR9O1xuICAgICAgfVxuICAgICAgJjphY3RpdmUge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JWaWV3U3dpdGNoZXJXaGVuU2VsZWN0ZWR9O1xuICAgICAgfVxuICAgICAgJHtnZXRTaXplU3R5bGVzKGlzQ29uZGVuc2VkKX1cbiAgICBgLFxuICAgIGlzRGlzYWJsZWQgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVmlld1N3aXRjaGVyV2hlbkRpc2FibGVkfTtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZH07XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZH07XG4gICAgICAgIH1cbiAgICAgIGAsXG4gICAgaXNBY3RpdmUgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVmlld1N3aXRjaGVyV2hlblNlbGVjdGVkfTtcbiAgICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuYm94U2hhZG93Rm9yVmlld1N3aXRjaGVyV2hlblNlbGVjdGVkfTtcbiAgICAgIGAsXG4gIF07XG59O1xuIl19 */");
+};
+var getFontColor = function getFontColor(isDisabled, isActive) {
+  if (isDisabled) return designTokens.fontColorForViewSwitcherWhenDisabled;
+  if (isActive) return designTokens.fontColorForViewSwitcherWhenSelected;
+  return designTokens.fontColorForViewSwitcher;
 };
 var getButtonStyles = function getButtonStyles(isDisabled, isActive, isCondensed, isFirstButton, isLastButton) {
   var _context, _context2, _context3;
-  var borderRadius = _concatInstanceProperty(_context = _concatInstanceProperty(_context2 = "".concat(isFirstButton ? designTokens.borderRadius6 : '0', " ")).call(_context2, isLastButton ? _concatInstanceProperty(_context3 = "".concat(designTokens.borderRadius6, " ")).call(_context3, designTokens.borderRadius6) : '0 0', " ")).call(_context, isFirstButton ? designTokens.borderRadius6 : '0');
+  var borderRadius = _concatInstanceProperty(_context = _concatInstanceProperty(_context2 = "".concat(isFirstButton ? designTokens.borderRadiusForViewSwitcher : '0', " ")).call(_context2, isLastButton ? _concatInstanceProperty(_context3 = "".concat(designTokens.borderRadiusForViewSwitcher, " ")).call(_context3, designTokens.borderRadiusForViewSwitcher) : '0 0', " ")).call(_context, isFirstButton ? designTokens.borderRadiusForViewSwitcher : '0');
-  return [/*#__PURE__*/css("align-items:center;color:", designTokens.colorSolid, ";transition:background-color ", designTokens.transitionLinear80Ms, ";font-size:", designTokens.fontSizeDefault, ";border-radius:", borderRadius, ";box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.24),0 -1px 1px 0 rgba(0, 0, 0, 0.12);background-color:", designTokens.colorSurface, ";&:hover{background-color:", designTokens.colorNeutral90, ";}&:active{background-color:", designTokens.colorNeutral95, ";}", getSizeStyles(isCondensed), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDTyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXItYnV0dG9uJztcblxuY29uc3QgZ2V0U2l6ZVN0eWxlcyA9IChcbiAgaXNDb25kZW5zZWQ6IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXVxuKSA9PiB7XG4gIGlmIChpc0NvbmRlbnNlZCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBwYWRkaW5nOiAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH0gMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMjB9O1xuICAgICAgaGVpZ2h0OiAke2Rlc2lnblRva2Vucy5zbWFsbEJ1dHRvbkhlaWdodH07XG4gICAgYDtcbiAgfVxuXG4gIHJldHVybiBjc3NgXG4gICAgcGFkZGluZzogMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9IDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfTtcbiAgICBoZWlnaHQ6ICR7ZGVzaWduVG9rZW5zLmJpZ0J1dHRvbkhlaWdodH07XG4gIGA7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0QnV0dG9uU3R5bGVzID0gKFxuICBpc0Rpc2FibGVkPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0Rpc2FibGVkJ10sXG4gIGlzQWN0aXZlPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0FjdGl2ZSddLFxuICBpc0NvbmRlbnNlZD86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXSxcbiAgaXNGaXJzdEJ1dHRvbj86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNGaXJzdEJ1dHRvbiddLFxuICBpc0xhc3RCdXR0b24/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzTGFzdEJ1dHRvbiddXG4pID0+IHtcbiAgY29uc3QgYm9yZGVyUmFkaXVzID0gYCR7aXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2IDogJzAnfSAke1xuICAgIGlzTGFzdEJ1dHRvblxuICAgICAgPyBgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn0gJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn1gXG4gICAgICA6ICcwIDAnXG4gIH0gJHtpc0ZpcnN0QnV0dG9uID8gZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czYgOiAnMCd9YDtcblxuICByZXR1cm4gW1xuICAgIGNzc2BcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZH07XG4gICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25MaW5lYXI4ME1zfTtcbiAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemVEZWZhdWx0fTtcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7Ym9yZGVyUmFkaXVzfTtcbiAgICAgIGJveC1zaGFkb3c6IDAgMXB4IDFweCAwIHJnYmEoMCwgMCwgMCwgMC4yNCksXG4gICAgICAgIDAgLTFweCAxcHggMCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5MH07XG4gICAgICB9XG4gICAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk1fTtcbiAgICAgIH1cbiAgICAgICR7Z2V0U2l6ZVN0eWxlcyhpc0NvbmRlbnNlZCl9XG4gICAgYCxcbiAgICBpc0FjdGl2ZSAmJlxuICAgICAgY3NzYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5NX07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLnNoYWRvdzl9O1xuICAgICAgYCxcbiAgICBpc0Rpc2FibGVkICYmXG4gICAgICBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yQWNjZW50OTh9O1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvckFjY2VudDk4fTtcbiAgICAgICAgfVxuICAgICAgYCxcbiAgXTtcbn07XG4iXX0= */"), isActive && /*#__PURE__*/css("background-color:", designTokens.colorNeutral95, ";box-shadow:", designTokens.shadow9, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9EUyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXItYnV0dG9uJztcblxuY29uc3QgZ2V0U2l6ZVN0eWxlcyA9IChcbiAgaXNDb25kZW5zZWQ6IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXVxuKSA9PiB7XG4gIGlmIChpc0NvbmRlbnNlZCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBwYWRkaW5nOiAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH0gMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMjB9O1xuICAgICAgaGVpZ2h0OiAke2Rlc2lnblRva2Vucy5zbWFsbEJ1dHRvbkhlaWdodH07XG4gICAgYDtcbiAgfVxuXG4gIHJldHVybiBjc3NgXG4gICAgcGFkZGluZzogMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9IDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfTtcbiAgICBoZWlnaHQ6ICR7ZGVzaWduVG9rZW5zLmJpZ0J1dHRvbkhlaWdodH07XG4gIGA7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0QnV0dG9uU3R5bGVzID0gKFxuICBpc0Rpc2FibGVkPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0Rpc2FibGVkJ10sXG4gIGlzQWN0aXZlPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0FjdGl2ZSddLFxuICBpc0NvbmRlbnNlZD86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXSxcbiAgaXNGaXJzdEJ1dHRvbj86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNGaXJzdEJ1dHRvbiddLFxuICBpc0xhc3RCdXR0b24/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzTGFzdEJ1dHRvbiddXG4pID0+IHtcbiAgY29uc3QgYm9yZGVyUmFkaXVzID0gYCR7aXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2IDogJzAnfSAke1xuICAgIGlzTGFzdEJ1dHRvblxuICAgICAgPyBgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn0gJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn1gXG4gICAgICA6ICcwIDAnXG4gIH0gJHtpc0ZpcnN0QnV0dG9uID8gZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czYgOiAnMCd9YDtcblxuICByZXR1cm4gW1xuICAgIGNzc2BcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZH07XG4gICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25MaW5lYXI4ME1zfTtcbiAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemVEZWZhdWx0fTtcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7Ym9yZGVyUmFkaXVzfTtcbiAgICAgIGJveC1zaGFkb3c6IDAgMXB4IDFweCAwIHJnYmEoMCwgMCwgMCwgMC4yNCksXG4gICAgICAgIDAgLTFweCAxcHggMCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5MH07XG4gICAgICB9XG4gICAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk1fTtcbiAgICAgIH1cbiAgICAgICR7Z2V0U2l6ZVN0eWxlcyhpc0NvbmRlbnNlZCl9XG4gICAgYCxcbiAgICBpc0FjdGl2ZSAmJlxuICAgICAgY3NzYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5NX07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLnNoYWRvdzl9O1xuICAgICAgYCxcbiAgICBpc0Rpc2FibGVkICYmXG4gICAgICBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yQWNjZW50OTh9O1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvckFjY2VudDk4fTtcbiAgICAgICAgfVxuICAgICAgYCxcbiAgXTtcbn07XG4iXX0= */"), isDisabled && /*#__PURE__*/css("background-color:", designTokens.colorAccent98, ";color:", designTokens.colorNeutral60, ";&:hover{background-color:", designTokens.colorAccent98, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlEUyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXItYnV0dG9uJztcblxuY29uc3QgZ2V0U2l6ZVN0eWxlcyA9IChcbiAgaXNDb25kZW5zZWQ6IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXVxuKSA9PiB7XG4gIGlmIChpc0NvbmRlbnNlZCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBwYWRkaW5nOiAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH0gMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMjB9O1xuICAgICAgaGVpZ2h0OiAke2Rlc2lnblRva2Vucy5zbWFsbEJ1dHRvbkhlaWdodH07XG4gICAgYDtcbiAgfVxuXG4gIHJldHVybiBjc3NgXG4gICAgcGFkZGluZzogMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9IDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfTtcbiAgICBoZWlnaHQ6ICR7ZGVzaWduVG9rZW5zLmJpZ0J1dHRvbkhlaWdodH07XG4gIGA7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0QnV0dG9uU3R5bGVzID0gKFxuICBpc0Rpc2FibGVkPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0Rpc2FibGVkJ10sXG4gIGlzQWN0aXZlPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0FjdGl2ZSddLFxuICBpc0NvbmRlbnNlZD86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXSxcbiAgaXNGaXJzdEJ1dHRvbj86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNGaXJzdEJ1dHRvbiddLFxuICBpc0xhc3RCdXR0b24/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzTGFzdEJ1dHRvbiddXG4pID0+IHtcbiAgY29uc3QgYm9yZGVyUmFkaXVzID0gYCR7aXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2IDogJzAnfSAke1xuICAgIGlzTGFzdEJ1dHRvblxuICAgICAgPyBgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn0gJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn1gXG4gICAgICA6ICcwIDAnXG4gIH0gJHtpc0ZpcnN0QnV0dG9uID8gZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czYgOiAnMCd9YDtcblxuICByZXR1cm4gW1xuICAgIGNzc2BcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZH07XG4gICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25MaW5lYXI4ME1zfTtcbiAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemVEZWZhdWx0fTtcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7Ym9yZGVyUmFkaXVzfTtcbiAgICAgIGJveC1zaGFkb3c6IDAgMXB4IDFweCAwIHJnYmEoMCwgMCwgMCwgMC4yNCksXG4gICAgICAgIDAgLTFweCAxcHggMCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5MH07XG4gICAgICB9XG4gICAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk1fTtcbiAgICAgIH1cbiAgICAgICR7Z2V0U2l6ZVN0eWxlcyhpc0NvbmRlbnNlZCl9XG4gICAgYCxcbiAgICBpc0FjdGl2ZSAmJlxuICAgICAgY3NzYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5NX07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLnNoYWRvdzl9O1xuICAgICAgYCxcbiAgICBpc0Rpc2FibGVkICYmXG4gICAgICBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yQWNjZW50OTh9O1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvckFjY2VudDk4fTtcbiAgICAgICAgfVxuICAgICAgYCxcbiAgXTtcbn07XG4iXX0= */")];
+  var fontColor = getFontColor(isDisabled, isActive);
+  return [/*#__PURE__*/css("align-items:center;color:", fontColor, ";fill:", fontColor, ";transition:background-color ", designTokens.transitionLinear80Ms, ";font-size:", designTokens.fontSizeDefault, ";border:", designTokens.borderForViewSwitcher, ";border-left:", isFirstButton ? designTokens.borderForViewSwitcher : '0', ";border-radius:", borderRadius, ";box-shadow:", designTokens.boxShadowForViewSwitcher, ";background-color:", designTokens.backgroundColorForViewSwitcher, ";&:hover{background-color:", designTokens.backgroundColorForViewSwitcherWhenHovered, ";}&:active{background-color:", designTokens.backgroundColorForViewSwitcherWhenSelected, ";}", getSizeStyles(isCondensed), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDTyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXItYnV0dG9uJztcblxuY29uc3QgZ2V0U2l6ZVN0eWxlcyA9IChcbiAgaXNDb25kZW5zZWQ6IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXVxuKSA9PiB7XG4gIGlmIChpc0NvbmRlbnNlZCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5wYWRkaW5nRm9yVmlld1N3aXRjaGVyV2hlbkNvbmRlbnNlZH07XG4gICAgICBoZWlnaHQ6ICR7ZGVzaWduVG9rZW5zLmhlaWdodEZvclZpZXdTd2l0Y2hlcldoZW5Db25kZW5zZWR9O1xuICAgIGA7XG4gIH1cblxuICByZXR1cm4gY3NzYFxuICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JWaWV3U3dpdGNoZXJ9O1xuICAgIGhlaWdodDogJHtkZXNpZ25Ub2tlbnMuaGVpZ2h0Rm9yVmlld1N3aXRjaGVyfTtcbiAgYDtcbn07XG5cbmNvbnN0IGdldEZvbnRDb2xvciA9IChpc0Rpc2FibGVkPzogYm9vbGVhbiwgaXNBY3RpdmU/OiBib29sZWFuKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZDtcbiAgaWYgKGlzQWN0aXZlKSByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5TZWxlY3RlZDtcbiAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JWaWV3U3dpdGNoZXI7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0QnV0dG9uU3R5bGVzID0gKFxuICBpc0Rpc2FibGVkPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0Rpc2FibGVkJ10sXG4gIGlzQWN0aXZlPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0FjdGl2ZSddLFxuICBpc0NvbmRlbnNlZD86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXSxcbiAgaXNGaXJzdEJ1dHRvbj86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNGaXJzdEJ1dHRvbiddLFxuICBpc0xhc3RCdXR0b24/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzTGFzdEJ1dHRvbiddXG4pID0+IHtcbiAgY29uc3QgYm9yZGVyUmFkaXVzID0gYCR7XG4gICAgaXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXIgOiAnMCdcbiAgfSAke1xuICAgIGlzTGFzdEJ1dHRvblxuICAgICAgPyBgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yVmlld1N3aXRjaGVyfSAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXJ9YFxuICAgICAgOiAnMCAwJ1xuICB9ICR7aXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXIgOiAnMCd9YDtcblxuICBjb25zdCBmb250Q29sb3IgPSBnZXRGb250Q29sb3IoaXNEaXNhYmxlZCwgaXNBY3RpdmUpO1xuXG4gIHJldHVybiBbXG4gICAgY3NzYFxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGNvbG9yOiAke2ZvbnRDb2xvcn07XG4gICAgICBmaWxsOiAke2ZvbnRDb2xvcn07XG4gICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25MaW5lYXI4ME1zfTtcbiAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemVEZWZhdWx0fTtcbiAgICAgIGJvcmRlcjogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyRm9yVmlld1N3aXRjaGVyfTtcbiAgICAgIGJvcmRlci1sZWZ0OiAke2lzRmlyc3RCdXR0b24gPyBkZXNpZ25Ub2tlbnMuYm9yZGVyRm9yVmlld1N3aXRjaGVyIDogJzAnfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7Ym9yZGVyUmFkaXVzfTtcbiAgICAgIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLmJveFNoYWRvd0ZvclZpZXdTd2l0Y2hlcn07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JWaWV3U3dpdGNoZXJ9O1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5Ib3ZlcmVkfTtcbiAgICAgIH1cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVmlld1N3aXRjaGVyV2hlblNlbGVjdGVkfTtcbiAgICAgIH1cbiAgICAgICR7Z2V0U2l6ZVN0eWxlcyhpc0NvbmRlbnNlZCl9XG4gICAgYCxcbiAgICBpc0Rpc2FibGVkICYmXG4gICAgICBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZH07XG4gICAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JWaWV3U3dpdGNoZXJXaGVuRGlzYWJsZWR9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JWaWV3U3dpdGNoZXJXaGVuRGlzYWJsZWR9O1xuICAgICAgICB9XG4gICAgICBgLFxuICAgIGlzQWN0aXZlICYmXG4gICAgICBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5TZWxlY3RlZH07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLmJveFNoYWRvd0ZvclZpZXdTd2l0Y2hlcldoZW5TZWxlY3RlZH07XG4gICAgICBgLFxuICBdO1xufTtcbiJdfQ== */"), isDisabled && /*#__PURE__*/css("background-color:", designTokens.backgroundColorForViewSwitcherWhenDisabled, ";color:", designTokens.fontColorForViewSwitcherWhenDisabled, ";&:hover{background-color:", designTokens.backgroundColorForViewSwitcherWhenDisabled, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdFUyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXItYnV0dG9uJztcblxuY29uc3QgZ2V0U2l6ZVN0eWxlcyA9IChcbiAgaXNDb25kZW5zZWQ6IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXVxuKSA9PiB7XG4gIGlmIChpc0NvbmRlbnNlZCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5wYWRkaW5nRm9yVmlld1N3aXRjaGVyV2hlbkNvbmRlbnNlZH07XG4gICAgICBoZWlnaHQ6ICR7ZGVzaWduVG9rZW5zLmhlaWdodEZvclZpZXdTd2l0Y2hlcldoZW5Db25kZW5zZWR9O1xuICAgIGA7XG4gIH1cblxuICByZXR1cm4gY3NzYFxuICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JWaWV3U3dpdGNoZXJ9O1xuICAgIGhlaWdodDogJHtkZXNpZ25Ub2tlbnMuaGVpZ2h0Rm9yVmlld1N3aXRjaGVyfTtcbiAgYDtcbn07XG5cbmNvbnN0IGdldEZvbnRDb2xvciA9IChpc0Rpc2FibGVkPzogYm9vbGVhbiwgaXNBY3RpdmU/OiBib29sZWFuKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZDtcbiAgaWYgKGlzQWN0aXZlKSByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5TZWxlY3RlZDtcbiAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JWaWV3U3dpdGNoZXI7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0QnV0dG9uU3R5bGVzID0gKFxuICBpc0Rpc2FibGVkPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0Rpc2FibGVkJ10sXG4gIGlzQWN0aXZlPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0FjdGl2ZSddLFxuICBpc0NvbmRlbnNlZD86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXSxcbiAgaXNGaXJzdEJ1dHRvbj86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNGaXJzdEJ1dHRvbiddLFxuICBpc0xhc3RCdXR0b24/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzTGFzdEJ1dHRvbiddXG4pID0+IHtcbiAgY29uc3QgYm9yZGVyUmFkaXVzID0gYCR7XG4gICAgaXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXIgOiAnMCdcbiAgfSAke1xuICAgIGlzTGFzdEJ1dHRvblxuICAgICAgPyBgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yVmlld1N3aXRjaGVyfSAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXJ9YFxuICAgICAgOiAnMCAwJ1xuICB9ICR7aXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXIgOiAnMCd9YDtcblxuICBjb25zdCBmb250Q29sb3IgPSBnZXRGb250Q29sb3IoaXNEaXNhYmxlZCwgaXNBY3RpdmUpO1xuXG4gIHJldHVybiBbXG4gICAgY3NzYFxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGNvbG9yOiAke2ZvbnRDb2xvcn07XG4gICAgICBmaWxsOiAke2ZvbnRDb2xvcn07XG4gICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25MaW5lYXI4ME1zfTtcbiAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemVEZWZhdWx0fTtcbiAgICAgIGJvcmRlcjogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyRm9yVmlld1N3aXRjaGVyfTtcbiAgICAgIGJvcmRlci1sZWZ0OiAke2lzRmlyc3RCdXR0b24gPyBkZXNpZ25Ub2tlbnMuYm9yZGVyRm9yVmlld1N3aXRjaGVyIDogJzAnfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7Ym9yZGVyUmFkaXVzfTtcbiAgICAgIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLmJveFNoYWRvd0ZvclZpZXdTd2l0Y2hlcn07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JWaWV3U3dpdGNoZXJ9O1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5Ib3ZlcmVkfTtcbiAgICAgIH1cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVmlld1N3aXRjaGVyV2hlblNlbGVjdGVkfTtcbiAgICAgIH1cbiAgICAgICR7Z2V0U2l6ZVN0eWxlcyhpc0NvbmRlbnNlZCl9XG4gICAgYCxcbiAgICBpc0Rpc2FibGVkICYmXG4gICAgICBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZH07XG4gICAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JWaWV3U3dpdGNoZXJXaGVuRGlzYWJsZWR9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JWaWV3U3dpdGNoZXJXaGVuRGlzYWJsZWR9O1xuICAgICAgICB9XG4gICAgICBgLFxuICAgIGlzQWN0aXZlICYmXG4gICAgICBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5TZWxlY3RlZH07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLmJveFNoYWRvd0ZvclZpZXdTd2l0Y2hlcldoZW5TZWxlY3RlZH07XG4gICAgICBgLFxuICBdO1xufTtcbiJdfQ== */"), isActive && /*#__PURE__*/css("background-color:", designTokens.backgroundColorForViewSwitcherWhenSelected, ";box-shadow:", designTokens.boxShadowForViewSwitcherWhenSelected, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdFUyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXItYnV0dG9uJztcblxuY29uc3QgZ2V0U2l6ZVN0eWxlcyA9IChcbiAgaXNDb25kZW5zZWQ6IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXVxuKSA9PiB7XG4gIGlmIChpc0NvbmRlbnNlZCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5wYWRkaW5nRm9yVmlld1N3aXRjaGVyV2hlbkNvbmRlbnNlZH07XG4gICAgICBoZWlnaHQ6ICR7ZGVzaWduVG9rZW5zLmhlaWdodEZvclZpZXdTd2l0Y2hlcldoZW5Db25kZW5zZWR9O1xuICAgIGA7XG4gIH1cblxuICByZXR1cm4gY3NzYFxuICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JWaWV3U3dpdGNoZXJ9O1xuICAgIGhlaWdodDogJHtkZXNpZ25Ub2tlbnMuaGVpZ2h0Rm9yVmlld1N3aXRjaGVyfTtcbiAgYDtcbn07XG5cbmNvbnN0IGdldEZvbnRDb2xvciA9IChpc0Rpc2FibGVkPzogYm9vbGVhbiwgaXNBY3RpdmU/OiBib29sZWFuKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZDtcbiAgaWYgKGlzQWN0aXZlKSByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5TZWxlY3RlZDtcbiAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JWaWV3U3dpdGNoZXI7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0QnV0dG9uU3R5bGVzID0gKFxuICBpc0Rpc2FibGVkPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0Rpc2FibGVkJ10sXG4gIGlzQWN0aXZlPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0FjdGl2ZSddLFxuICBpc0NvbmRlbnNlZD86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXSxcbiAgaXNGaXJzdEJ1dHRvbj86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNGaXJzdEJ1dHRvbiddLFxuICBpc0xhc3RCdXR0b24/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzTGFzdEJ1dHRvbiddXG4pID0+IHtcbiAgY29uc3QgYm9yZGVyUmFkaXVzID0gYCR7XG4gICAgaXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXIgOiAnMCdcbiAgfSAke1xuICAgIGlzTGFzdEJ1dHRvblxuICAgICAgPyBgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yVmlld1N3aXRjaGVyfSAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXJ9YFxuICAgICAgOiAnMCAwJ1xuICB9ICR7aXNGaXJzdEJ1dHRvbiA/IGRlc2lnblRva2Vucy5ib3JkZXJSYWRpdXNGb3JWaWV3U3dpdGNoZXIgOiAnMCd9YDtcblxuICBjb25zdCBmb250Q29sb3IgPSBnZXRGb250Q29sb3IoaXNEaXNhYmxlZCwgaXNBY3RpdmUpO1xuXG4gIHJldHVybiBbXG4gICAgY3NzYFxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGNvbG9yOiAke2ZvbnRDb2xvcn07XG4gICAgICBmaWxsOiAke2ZvbnRDb2xvcn07XG4gICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25MaW5lYXI4ME1zfTtcbiAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemVEZWZhdWx0fTtcbiAgICAgIGJvcmRlcjogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyRm9yVmlld1N3aXRjaGVyfTtcbiAgICAgIGJvcmRlci1sZWZ0OiAke2lzRmlyc3RCdXR0b24gPyBkZXNpZ25Ub2tlbnMuYm9yZGVyRm9yVmlld1N3aXRjaGVyIDogJzAnfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7Ym9yZGVyUmFkaXVzfTtcbiAgICAgIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLmJveFNoYWRvd0ZvclZpZXdTd2l0Y2hlcn07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JWaWV3U3dpdGNoZXJ9O1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5Ib3ZlcmVkfTtcbiAgICAgIH1cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yVmlld1N3aXRjaGVyV2hlblNlbGVjdGVkfTtcbiAgICAgIH1cbiAgICAgICR7Z2V0U2l6ZVN0eWxlcyhpc0NvbmRlbnNlZCl9XG4gICAgYCxcbiAgICBpc0Rpc2FibGVkICYmXG4gICAgICBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5EaXNhYmxlZH07XG4gICAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JWaWV3U3dpdGNoZXJXaGVuRGlzYWJsZWR9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JWaWV3U3dpdGNoZXJXaGVuRGlzYWJsZWR9O1xuICAgICAgICB9XG4gICAgICBgLFxuICAgIGlzQWN0aXZlICYmXG4gICAgICBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclZpZXdTd2l0Y2hlcldoZW5TZWxlY3RlZH07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLmJveFNoYWRvd0ZvclZpZXdTd2l0Y2hlcldoZW5TZWxlY3RlZH07XG4gICAgICBgLFxuICBdO1xufTtcbiJdfQ== */")];
 };
 var ViewSwitcherButton = function ViewSwitcherButton(props) {
+  var _ref, _props$label;
+  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;
+  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;
   return jsxs(AccessibleButton, {
-    label: props.children,
+    label: (_ref = (_props$label = props.label) !== null && _props$label !== void 0 ? _props$label : props.children) !== null && _ref !== void 0 ? _ref : '',
     css: getButtonStyles(props.isDisabled, props.isActive, props.isCondensed, props.isFirstButton, props.isLastButton),
     onClick: props.onClick,
     isDisabled: props.isDisabled,
     children: [props.icon && jsx("span", {
-      css: /*#__PURE__*/css("margin:0 ", designTokens.spacing10, " 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXItYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q2dCIiwiZmlsZSI6InZpZXctc3dpdGNoZXItYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGNsb25lRWxlbWVudCxcbiAgdHlwZSBNb3VzZUV2ZW50LFxuICB0eXBlIEtleWJvYXJkRXZlbnQsXG4gIHR5cGUgUmVhY3RFbGVtZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGdldEJ1dHRvblN0eWxlcyB9IGZyb20gJy4vdmlldy1zd2l0Y2hlci5zdHlsZXMnO1xuXG5leHBvcnQgdHlwZSBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMgPSB7XG4gIGlzRGlzYWJsZWQ/OiBib29sZWFuO1xuICBpc0FjdGl2ZT86IGJvb2xlYW47XG4gIGNoaWxkcmVuOiBzdHJpbmc7XG4gIGlzQ29uZGVuc2VkPzogYm9vbGVhbjtcbiAgaXNGaXJzdEJ1dHRvbj86IGJvb2xlYW47XG4gIGlzTGFzdEJ1dHRvbj86IGJvb2xlYW47XG4gIGljb24/OiBSZWFjdEVsZW1lbnQ7XG4gIHZhbHVlOiBzdHJpbmc7XG4gIG9uQ2xpY2s/OiAoXG4gICAgZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+IHwgS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xufTtcblxuY29uc3QgVmlld1N3aXRjaGVyQnV0dG9uID0gKHByb3BzOiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMpID0+IChcbiAgPEFjY2Vzc2libGVCdXR0b25cbiAgICBsYWJlbD17cHJvcHMuY2hpbGRyZW59XG4gICAgY3NzPXtnZXRCdXR0b25TdHlsZXMoXG4gICAgICBwcm9wcy5pc0Rpc2FibGVkLFxuICAgICAgcHJvcHMuaXNBY3RpdmUsXG4gICAgICBwcm9wcy5pc0NvbmRlbnNlZCxcbiAgICAgIHByb3BzLmlzRmlyc3RCdXR0b24sXG4gICAgICBwcm9wcy5pc0xhc3RCdXR0b25cbiAgICApfVxuICAgIG9uQ2xpY2s9e3Byb3BzLm9uQ2xpY2t9XG4gICAgaXNEaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgPlxuICAgIHtwcm9wcy5pY29uICYmIChcbiAgICAgIDxzcGFuXG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIG1hcmdpbjogMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMTB9IDAgMDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtjbG9uZUVsZW1lbnQocHJvcHMuaWNvbiwge1xuICAgICAgICAgIGNvbG9yOiBwcm9wcy5pc0Rpc2FibGVkID8gJ25ldXRyYWw2MCcgOiAnY29sb3JTb2xpZCcsXG4gICAgICAgICAgc2l6ZTogcHJvcHMuaXNDb25kZW5zZWQgPyAnbWVkaXVtJyA6ICdiaWcnLFxuICAgICAgICB9KX1cbiAgICAgIDwvc3Bhbj5cbiAgICApfVxuICAgIDxzcGFuPntwcm9wcy5jaGlsZHJlbn08L3NwYW4+XG4gIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbik7XG5cblZpZXdTd2l0Y2hlckJ1dHRvbi5kaXNwbGF5TmFtZSA9ICdWaWV3U3dpdGNoZXJCdXR0b24nO1xuZXhwb3J0IGRlZmF1bHQgVmlld1N3aXRjaGVyQnV0dG9uO1xuIl19 */"),
+      css: /*#__PURE__*/css("margin:", props.children ? designTokens.marginForViewSwitcherIcon : '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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXItYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRGtCIiwiZmlsZSI6InZpZXctc3dpdGNoZXItYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGNsb25lRWxlbWVudCxcbiAgdHlwZSBNb3VzZUV2ZW50LFxuICB0eXBlIEtleWJvYXJkRXZlbnQsXG4gIHR5cGUgUmVhY3RFbGVtZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgeyBnZXRCdXR0b25TdHlsZXMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXIuc3R5bGVzJztcblxuZXhwb3J0IHR5cGUgVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzID0ge1xuICBjaGlsZHJlbj86IHN0cmluZztcbiAgaWNvbj86IFJlYWN0RWxlbWVudDtcbiAgaXNBY3RpdmU/OiBib29sZWFuO1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbiAgaXNDb25kZW5zZWQ/OiBib29sZWFuO1xuICBpc0ZpcnN0QnV0dG9uPzogYm9vbGVhbjtcbiAgaXNMYXN0QnV0dG9uPzogYm9vbGVhbjtcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIHZhbHVlOiBzdHJpbmc7XG4gIG9uQ2xpY2s/OiAoXG4gICAgZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+IHwgS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xufTtcblxuY29uc3QgVmlld1N3aXRjaGVyQnV0dG9uID0gKHByb3BzOiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMpID0+IHtcbiAgd2FybmluZyhcbiAgICBCb29sZWFuKHByb3BzLmNoaWxkcmVuIHx8IHByb3BzLmljb24pLFxuICAgICd1aWtpdC9WaWV3U3dpdGNoZXJCdXR0b246IFlvdSBuZWVkIHRvIHByb3ZpZGUgYXQgbGVhc3QgdGhlIGBjaGlsZHJlbmAgdG8gcmVuZGVyIGluc2lkZSB0aGUgYnV0dG9uIG9yIGFuIGBpY29uYC4nXG4gICk7XG5cbiAgd2FybmluZyhcbiAgICBCb29sZWFuKHByb3BzLmxhYmVsIHx8IHByb3BzLmNoaWxkcmVuKSxcbiAgICAndWlraXQvVmlld1N3aXRjaGVyQnV0dG9uOiBZb3UgbmVlZCB0byBwcm92aWRlIGEgYGxhYmVsYCB3aGVuIHJlbmRlcmluZyBvbmx5IGFuIGBpY29uYCB3aXRoaW4gdGhlIGJ1dHRvbi4nXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8QWNjZXNzaWJsZUJ1dHRvblxuICAgICAgbGFiZWw9e3Byb3BzLmxhYmVsID8/IHByb3BzLmNoaWxkcmVuID8/ICcnfVxuICAgICAgY3NzPXtnZXRCdXR0b25TdHlsZXMoXG4gICAgICAgIHByb3BzLmlzRGlzYWJsZWQsXG4gICAgICAgIHByb3BzLmlzQWN0aXZlLFxuICAgICAgICBwcm9wcy5pc0NvbmRlbnNlZCxcbiAgICAgICAgcHJvcHMuaXNGaXJzdEJ1dHRvbixcbiAgICAgICAgcHJvcHMuaXNMYXN0QnV0dG9uXG4gICAgICApfVxuICAgICAgb25DbGljaz17cHJvcHMub25DbGlja31cbiAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgPlxuICAgICAge3Byb3BzLmljb24gJiYgKFxuICAgICAgICA8c3BhblxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgbWFyZ2luOiAke3Byb3BzLmNoaWxkcmVuXG4gICAgICAgICAgICAgID8gZGVzaWduVG9rZW5zLm1hcmdpbkZvclZpZXdTd2l0Y2hlckljb25cbiAgICAgICAgICAgICAgOiAnMCd9O1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAge2Nsb25lRWxlbWVudChwcm9wcy5pY29uLCB7XG4gICAgICAgICAgICBzaXplOiBwcm9wcy5pc0NvbmRlbnNlZCA/ICdtZWRpdW0nIDogJ2JpZycsXG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICl9XG4gICAgICB7cHJvcHMuY2hpbGRyZW4gJiYgPHNwYW4+e3Byb3BzLmNoaWxkcmVufTwvc3Bhbj59XG4gICAgPC9BY2Nlc3NpYmxlQnV0dG9uPlxuICApO1xufTtcblxuVmlld1N3aXRjaGVyQnV0dG9uLmRpc3BsYXlOYW1lID0gJ1ZpZXdTd2l0Y2hlckJ1dHRvbic7XG5leHBvcnQgZGVmYXVsdCBWaWV3U3dpdGNoZXJCdXR0b247XG4iXX0= */"),
       children: /*#__PURE__*/cloneElement(props.icon, {
-        color: props.isDisabled ? 'neutral60' : 'colorSolid',
         size: props.isCondensed ? 'medium' : 'big'
       })
-    }), jsx("span", {
+    }), props.children && jsx("span", {
       children: props.children
     })]
   });
 };
 ViewSwitcherButton.propTypes = process.env.NODE_ENV !== "production" ? {
-  isDisabled: _pt.bool,
+  children: _pt.string,
+  icon: _pt.element,
   isActive: _pt.bool,
-  children: _pt.string.isRequired,
+  isDisabled: _pt.bool,
   isCondensed: _pt.bool,
   isFirstButton: _pt.bool,
   isLastButton: _pt.bool,
-  icon: _pt.element,
+  label: _pt.string,
   value: _pt.string.isRequired,
   onClick: _pt.func
 } : {};
@@ -135,7 +146,7 @@ ViewSwitcher$1.propTypes = process.env.NODE_ENV !== "production" ? {
 var Group = ViewSwitcher$1;
 // NOTE: This string will be replaced on build time with the package version.
-var version = "15.9.0";
+var version = "15.11.0";
 var ViewSwitcher = {
   Group: Group,

package/dist/declarations/src/view-switcher-button.d.ts CHANGED Viewed

@@ -1,12 +1,13 @@
 import { type MouseEvent, type KeyboardEvent, type ReactElement } from 'react';
-export declare type TViewSwitcherButtonProps = {
-    isDisabled?: boolean;
+export type TViewSwitcherButtonProps = {
+    children?: string;
+    icon?: ReactElement;
     isActive?: boolean;
-    children: string;
+    isDisabled?: boolean;
     isCondensed?: boolean;
     isFirstButton?: boolean;
     isLastButton?: boolean;
-    icon?: ReactElement;
+    label?: string;
     value: string;
     onClick?: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
 };

package/dist/declarations/src/view-switcher.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-export declare type TViewSwitcherProps = {
+export type TViewSwitcherProps = {
     isCondensed?: boolean;
     children: ReactNode;
     onChange?: (value: string) => void;

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/view-switcher",
   "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.",
-  "version": "15.9.0",
+  "version": "15.11.0",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -21,9 +21,9 @@
   "dependencies": {
     "@babel/runtime": "^7.19.0",
     "@babel/runtime-corejs3": "^7.19.1",
-    "@commercetools-uikit/accessible-button": "15.9.0",
-    "@commercetools-uikit/design-system": "15.9.0",
-    "@commercetools-uikit/utils": "15.9.0",
+    "@commercetools-uikit/accessible-button": "15.11.0",
+    "@commercetools-uikit/design-system": "15.11.0",
+    "@commercetools-uikit/utils": "15.11.0",
     "@emotion/react": "^11.4.0",
     "@emotion/styled": "^11.3.0",
     "lodash": "4.17.21",