npm - @commercetools-uikit/view-switcher - Versions diffs - 17.0.1 → 18.0.0 - Mend

@commercetools-uikit/view-switcher 17.0.1 → 18.0.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 (4) hide show

package/dist/commercetools-uikit-view-switcher.cjs.dev.js +13 -13
package/dist/commercetools-uikit-view-switcher.cjs.prod.js +13 -13
package/dist/commercetools-uikit-view-switcher.esm.js +13 -13
package/package.json +4 -4

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

@@ -8,8 +8,8 @@ var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instan
 var react$1 = require('react');
 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 AccessibleButton = require('@commercetools-uikit/accessible-button');
 var utils = require('@commercetools-uikit/utils');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
@@ -24,20 +24,20 @@ var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInsta
 const getSizeStyles = isCondensed => {
   if (isCondensed) {
-    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.spacing25, ";height:32px;" + (process.env.NODE_ENV === "production" ? "" : ";label:getSizeStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFjIiwiZmlsZSI6InZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wcyB9IGZyb20gJy4vdmlldy1zd2l0Y2hlci1idXR0b24nO1xuXG5jb25zdCBnZXRTaXplU3R5bGVzID0gKFxuICBpc0NvbmRlbnNlZDogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0NvbmRlbnNlZCddXG4pID0+IHtcbiAgaWYgKGlzQ29uZGVuc2VkKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIHBhZGRpbmc6IDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzI1fTtcbiAgICAgIGhlaWdodDogMzJweDtcbiAgICBgO1xuICB9XG5cbiAgcmV0dXJuIGNzc2BcbiAgICBwYWRkaW5nOiAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmczMH07XG4gICAgaGVpZ2h0OiA0MHB4O1xuICBgO1xufTtcblxuY29uc3QgZ2V0Rm9udENvbG9yID0gKGlzRGlzYWJsZWQ/OiBib29sZWFuLCBpc0FjdGl2ZT86IGJvb2xlYW4pID0+IHtcbiAgaWYgKGlzRGlzYWJsZWQpIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjA7XG4gIGlmIChpc0FjdGl2ZSkgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvclNvbGlkO1xuICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDQwO1xufTtcblxuZXhwb3J0IGNvbnN0IGdldEJ1dHRvblN0eWxlcyA9IChcbiAgaXNEaXNhYmxlZD86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNEaXNhYmxlZCddLFxuICBpc0FjdGl2ZT86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNBY3RpdmUnXSxcbiAgaXNDb25kZW5zZWQ/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzQ29uZGVuc2VkJ10sXG4gIGlzRmlyc3RCdXR0b24/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzRmlyc3RCdXR0b24nXSxcbiAgaXNMYXN0QnV0dG9uPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0xhc3RCdXR0b24nXVxuKSA9PiB7XG4gIGNvbnN0IGJvcmRlclJhZGl1cyA9IGAke2lzRmlyc3RCdXR0b24gPyBkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNCA6ICcwJ30gJHtcbiAgICBpc0xhc3RCdXR0b24gPyBgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNH1gIDogJzAgMCdcbiAgfSAke2lzRmlyc3RCdXR0b24gPyBkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNCA6ICcwJ31gO1xuXG4gIGNvbnN0IGZvbnRDb2xvciA9IGdldEZvbnRDb2xvcihpc0Rpc2FibGVkLCBpc0FjdGl2ZSk7XG5cbiAgcmV0dXJuIFtcbiAgICBjc3NgXG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgY29sb3I6ICR7Zm9udENvbG9yfTtcbiAgICAgIGZpbGw6ICR7Zm9udENvbG9yfTtcbiAgICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgJHtkZXNpZ25Ub2tlbnMudHJhbnNpdGlvbkxpbmVhcjgwTXN9O1xuICAgICAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZTMwfTtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbH07XG4gICAgICBib3JkZXItbGVmdDogJHtpc0ZpcnN0QnV0dG9uXG4gICAgICAgID8gYDFweCBzb2xpZCAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWx9YFxuICAgICAgICA6ICcwJ307XG4gICAgICBib3JkZXItcmFkaXVzOiAke2JvcmRlclJhZGl1c307XG4gICAgICBib3gtc2hhZG93OiAke2Rlc2lnblRva2Vucy5zaGFkb3cwfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTV9O1xuICAgICAgfVxuICAgICAgJjphY3RpdmUge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5NX07XG4gICAgICB9XG4gICAgICAke2dldFNpemVTdHlsZXMoaXNDb25kZW5zZWQpfVxuICAgIGAsXG4gICAgaXNEaXNhYmxlZCAmJlxuICAgICAgY3NzYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICB9XG4gICAgICBgLFxuICAgIGlzQWN0aXZlICYmXG4gICAgICBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk1fTtcbiAgICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93MH07XG4gICAgICBgLFxuICBdO1xufTtcbiJdfQ== */");
   }
-  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 */");
+  return /*#__PURE__*/react.css("padding:0 ", designSystem.designTokens.spacing30, ";height:40px;" + (process.env.NODE_ENV === "production" ? "" : ";label:getSizeStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNZIiwiZmlsZSI6InZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wcyB9IGZyb20gJy4vdmlldy1zd2l0Y2hlci1idXR0b24nO1xuXG5jb25zdCBnZXRTaXplU3R5bGVzID0gKFxuICBpc0NvbmRlbnNlZDogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0NvbmRlbnNlZCddXG4pID0+IHtcbiAgaWYgKGlzQ29uZGVuc2VkKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIHBhZGRpbmc6IDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzI1fTtcbiAgICAgIGhlaWdodDogMzJweDtcbiAgICBgO1xuICB9XG5cbiAgcmV0dXJuIGNzc2BcbiAgICBwYWRkaW5nOiAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmczMH07XG4gICAgaGVpZ2h0OiA0MHB4O1xuICBgO1xufTtcblxuY29uc3QgZ2V0Rm9udENvbG9yID0gKGlzRGlzYWJsZWQ/OiBib29sZWFuLCBpc0FjdGl2ZT86IGJvb2xlYW4pID0+IHtcbiAgaWYgKGlzRGlzYWJsZWQpIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjA7XG4gIGlmIChpc0FjdGl2ZSkgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvclNvbGlkO1xuICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDQwO1xufTtcblxuZXhwb3J0IGNvbnN0IGdldEJ1dHRvblN0eWxlcyA9IChcbiAgaXNEaXNhYmxlZD86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNEaXNhYmxlZCddLFxuICBpc0FjdGl2ZT86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNBY3RpdmUnXSxcbiAgaXNDb25kZW5zZWQ/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzQ29uZGVuc2VkJ10sXG4gIGlzRmlyc3RCdXR0b24/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzRmlyc3RCdXR0b24nXSxcbiAgaXNMYXN0QnV0dG9uPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0xhc3RCdXR0b24nXVxuKSA9PiB7XG4gIGNvbnN0IGJvcmRlclJhZGl1cyA9IGAke2lzRmlyc3RCdXR0b24gPyBkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNCA6ICcwJ30gJHtcbiAgICBpc0xhc3RCdXR0b24gPyBgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNH1gIDogJzAgMCdcbiAgfSAke2lzRmlyc3RCdXR0b24gPyBkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNCA6ICcwJ31gO1xuXG4gIGNvbnN0IGZvbnRDb2xvciA9IGdldEZvbnRDb2xvcihpc0Rpc2FibGVkLCBpc0FjdGl2ZSk7XG5cbiAgcmV0dXJuIFtcbiAgICBjc3NgXG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgY29sb3I6ICR7Zm9udENvbG9yfTtcbiAgICAgIGZpbGw6ICR7Zm9udENvbG9yfTtcbiAgICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgJHtkZXNpZ25Ub2tlbnMudHJhbnNpdGlvbkxpbmVhcjgwTXN9O1xuICAgICAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZTMwfTtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbH07XG4gICAgICBib3JkZXItbGVmdDogJHtpc0ZpcnN0QnV0dG9uXG4gICAgICAgID8gYDFweCBzb2xpZCAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWx9YFxuICAgICAgICA6ICcwJ307XG4gICAgICBib3JkZXItcmFkaXVzOiAke2JvcmRlclJhZGl1c307XG4gICAgICBib3gtc2hhZG93OiAke2Rlc2lnblRva2Vucy5zaGFkb3cwfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTV9O1xuICAgICAgfVxuICAgICAgJjphY3RpdmUge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5NX07XG4gICAgICB9XG4gICAgICAke2dldFNpemVTdHlsZXMoaXNDb25kZW5zZWQpfVxuICAgIGAsXG4gICAgaXNEaXNhYmxlZCAmJlxuICAgICAgY3NzYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICB9XG4gICAgICBgLFxuICAgIGlzQWN0aXZlICYmXG4gICAgICBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk1fTtcbiAgICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93MH07XG4gICAgICBgLFxuICBdO1xufTtcbiJdfQ== */");
 };
 const getFontColor = (isDisabled, isActive) => {
-  if (isDisabled) return designSystem.designTokens.fontColorForViewSwitcherWhenDisabled;
-  if (isActive) return designSystem.designTokens.fontColorForViewSwitcherWhenSelected;
-  return designSystem.designTokens.fontColorForViewSwitcher;
+  if (isDisabled) return designSystem.designTokens.colorNeutral60;
+  if (isActive) return designSystem.designTokens.colorSolid;
+  return designSystem.designTokens.colorNeutral40;
 };
 const getButtonStyles = (isDisabled, isActive, isCondensed, isFirstButton, isLastButton) => {
-  var _context, _context2, _context3;
-  const 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');
+  var _context, _context2;
+  const borderRadius = _concatInstanceProperty__default["default"](_context = _concatInstanceProperty__default["default"](_context2 = "".concat(isFirstButton ? designSystem.designTokens.borderRadius4 : '0', " ")).call(_context2, isLastButton ? "".concat(designSystem.designTokens.borderRadius4) : '0 0', " ")).call(_context, isFirstButton ? designSystem.designTokens.borderRadius4 : '0');
   const 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== */")];
+  return [/*#__PURE__*/react.css("align-items:center;color:", fontColor, ";fill:", fontColor, ";transition:background-color ", designSystem.designTokens.transitionLinear80Ms, ";font-size:", designSystem.designTokens.fontSize30, ";border:1px solid ", designSystem.designTokens.colorNeutral, ";border-left:", isFirstButton ? "1px solid ".concat(designSystem.designTokens.colorNeutral) : '0', ";border-radius:", borderRadius, ";box-shadow:", designSystem.designTokens.shadow0, ";background-color:", designSystem.designTokens.colorSurface, ";&:hover{background-color:", designSystem.designTokens.colorNeutral95, ";}&: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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDTyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXItYnV0dG9uJztcblxuY29uc3QgZ2V0U2l6ZVN0eWxlcyA9IChcbiAgaXNDb25kZW5zZWQ6IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXVxuKSA9PiB7XG4gIGlmIChpc0NvbmRlbnNlZCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBwYWRkaW5nOiAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyNX07XG4gICAgICBoZWlnaHQ6IDMycHg7XG4gICAgYDtcbiAgfVxuXG4gIHJldHVybiBjc3NgXG4gICAgcGFkZGluZzogMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICAgIGhlaWdodDogNDBweDtcbiAgYDtcbn07XG5cbmNvbnN0IGdldEZvbnRDb2xvciA9IChpc0Rpc2FibGVkPzogYm9vbGVhbiwgaXNBY3RpdmU/OiBib29sZWFuKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICBpZiAoaXNBY3RpdmUpIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZDtcbiAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw0MDtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRCdXR0b25TdHlsZXMgPSAoXG4gIGlzRGlzYWJsZWQ/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzRGlzYWJsZWQnXSxcbiAgaXNBY3RpdmU/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzQWN0aXZlJ10sXG4gIGlzQ29uZGVuc2VkPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0NvbmRlbnNlZCddLFxuICBpc0ZpcnN0QnV0dG9uPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0ZpcnN0QnV0dG9uJ10sXG4gIGlzTGFzdEJ1dHRvbj86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNMYXN0QnV0dG9uJ11cbikgPT4ge1xuICBjb25zdCBib3JkZXJSYWRpdXMgPSBgJHtpc0ZpcnN0QnV0dG9uID8gZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czQgOiAnMCd9ICR7XG4gICAgaXNMYXN0QnV0dG9uID8gYCR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czR9YCA6ICcwIDAnXG4gIH0gJHtpc0ZpcnN0QnV0dG9uID8gZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czQgOiAnMCd9YDtcblxuICBjb25zdCBmb250Q29sb3IgPSBnZXRGb250Q29sb3IoaXNEaXNhYmxlZCwgaXNBY3RpdmUpO1xuXG4gIHJldHVybiBbXG4gICAgY3NzYFxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGNvbG9yOiAke2ZvbnRDb2xvcn07XG4gICAgICBmaWxsOiAke2ZvbnRDb2xvcn07XG4gICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25MaW5lYXI4ME1zfTtcbiAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemUzMH07XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWx9O1xuICAgICAgYm9yZGVyLWxlZnQ6ICR7aXNGaXJzdEJ1dHRvblxuICAgICAgICA/IGAxcHggc29saWQgJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsfWBcbiAgICAgICAgOiAnMCd9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtib3JkZXJSYWRpdXN9O1xuICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93MH07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk1fTtcbiAgICAgIH1cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTV9O1xuICAgICAgfVxuICAgICAgJHtnZXRTaXplU3R5bGVzKGlzQ29uZGVuc2VkKX1cbiAgICBgLFxuICAgIGlzRGlzYWJsZWQgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwfTtcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICAgICAgfVxuICAgICAgYCxcbiAgICBpc0FjdGl2ZSAmJlxuICAgICAgY3NzYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5NX07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLnNoYWRvdzB9O1xuICAgICAgYCxcbiAgXTtcbn07XG4iXX0= */"), isDisabled && /*#__PURE__*/react.css("background-color:", designSystem.designTokens.colorSurface, ";color:", designSystem.designTokens.colorNeutral60, ";&:hover{background-color:", designSystem.designTokens.colorSurface, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThEUyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXItYnV0dG9uJztcblxuY29uc3QgZ2V0U2l6ZVN0eWxlcyA9IChcbiAgaXNDb25kZW5zZWQ6IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXVxuKSA9PiB7XG4gIGlmIChpc0NvbmRlbnNlZCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBwYWRkaW5nOiAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyNX07XG4gICAgICBoZWlnaHQ6IDMycHg7XG4gICAgYDtcbiAgfVxuXG4gIHJldHVybiBjc3NgXG4gICAgcGFkZGluZzogMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICAgIGhlaWdodDogNDBweDtcbiAgYDtcbn07XG5cbmNvbnN0IGdldEZvbnRDb2xvciA9IChpc0Rpc2FibGVkPzogYm9vbGVhbiwgaXNBY3RpdmU/OiBib29sZWFuKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICBpZiAoaXNBY3RpdmUpIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZDtcbiAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw0MDtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRCdXR0b25TdHlsZXMgPSAoXG4gIGlzRGlzYWJsZWQ/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzRGlzYWJsZWQnXSxcbiAgaXNBY3RpdmU/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzQWN0aXZlJ10sXG4gIGlzQ29uZGVuc2VkPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0NvbmRlbnNlZCddLFxuICBpc0ZpcnN0QnV0dG9uPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0ZpcnN0QnV0dG9uJ10sXG4gIGlzTGFzdEJ1dHRvbj86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNMYXN0QnV0dG9uJ11cbikgPT4ge1xuICBjb25zdCBib3JkZXJSYWRpdXMgPSBgJHtpc0ZpcnN0QnV0dG9uID8gZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czQgOiAnMCd9ICR7XG4gICAgaXNMYXN0QnV0dG9uID8gYCR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czR9YCA6ICcwIDAnXG4gIH0gJHtpc0ZpcnN0QnV0dG9uID8gZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czQgOiAnMCd9YDtcblxuICBjb25zdCBmb250Q29sb3IgPSBnZXRGb250Q29sb3IoaXNEaXNhYmxlZCwgaXNBY3RpdmUpO1xuXG4gIHJldHVybiBbXG4gICAgY3NzYFxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGNvbG9yOiAke2ZvbnRDb2xvcn07XG4gICAgICBmaWxsOiAke2ZvbnRDb2xvcn07XG4gICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25MaW5lYXI4ME1zfTtcbiAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemUzMH07XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWx9O1xuICAgICAgYm9yZGVyLWxlZnQ6ICR7aXNGaXJzdEJ1dHRvblxuICAgICAgICA/IGAxcHggc29saWQgJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsfWBcbiAgICAgICAgOiAnMCd9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtib3JkZXJSYWRpdXN9O1xuICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93MH07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk1fTtcbiAgICAgIH1cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTV9O1xuICAgICAgfVxuICAgICAgJHtnZXRTaXplU3R5bGVzKGlzQ29uZGVuc2VkKX1cbiAgICBgLFxuICAgIGlzRGlzYWJsZWQgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwfTtcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICAgICAgfVxuICAgICAgYCxcbiAgICBpc0FjdGl2ZSAmJlxuICAgICAgY3NzYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5NX07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLnNoYWRvdzB9O1xuICAgICAgYCxcbiAgXTtcbn07XG4iXX0= */"), isActive && /*#__PURE__*/react.css("background-color:", designSystem.designTokens.colorNeutral95, ";box-shadow:", designSystem.designTokens.shadow0, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNFUyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXItYnV0dG9uJztcblxuY29uc3QgZ2V0U2l6ZVN0eWxlcyA9IChcbiAgaXNDb25kZW5zZWQ6IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXVxuKSA9PiB7XG4gIGlmIChpc0NvbmRlbnNlZCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBwYWRkaW5nOiAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyNX07XG4gICAgICBoZWlnaHQ6IDMycHg7XG4gICAgYDtcbiAgfVxuXG4gIHJldHVybiBjc3NgXG4gICAgcGFkZGluZzogMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICAgIGhlaWdodDogNDBweDtcbiAgYDtcbn07XG5cbmNvbnN0IGdldEZvbnRDb2xvciA9IChpc0Rpc2FibGVkPzogYm9vbGVhbiwgaXNBY3RpdmU/OiBib29sZWFuKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICBpZiAoaXNBY3RpdmUpIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZDtcbiAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw0MDtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRCdXR0b25TdHlsZXMgPSAoXG4gIGlzRGlzYWJsZWQ/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzRGlzYWJsZWQnXSxcbiAgaXNBY3RpdmU/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzQWN0aXZlJ10sXG4gIGlzQ29uZGVuc2VkPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0NvbmRlbnNlZCddLFxuICBpc0ZpcnN0QnV0dG9uPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0ZpcnN0QnV0dG9uJ10sXG4gIGlzTGFzdEJ1dHRvbj86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNMYXN0QnV0dG9uJ11cbikgPT4ge1xuICBjb25zdCBib3JkZXJSYWRpdXMgPSBgJHtpc0ZpcnN0QnV0dG9uID8gZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czQgOiAnMCd9ICR7XG4gICAgaXNMYXN0QnV0dG9uID8gYCR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czR9YCA6ICcwIDAnXG4gIH0gJHtpc0ZpcnN0QnV0dG9uID8gZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czQgOiAnMCd9YDtcblxuICBjb25zdCBmb250Q29sb3IgPSBnZXRGb250Q29sb3IoaXNEaXNhYmxlZCwgaXNBY3RpdmUpO1xuXG4gIHJldHVybiBbXG4gICAgY3NzYFxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGNvbG9yOiAke2ZvbnRDb2xvcn07XG4gICAgICBmaWxsOiAke2ZvbnRDb2xvcn07XG4gICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25MaW5lYXI4ME1zfTtcbiAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemUzMH07XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWx9O1xuICAgICAgYm9yZGVyLWxlZnQ6ICR7aXNGaXJzdEJ1dHRvblxuICAgICAgICA/IGAxcHggc29saWQgJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsfWBcbiAgICAgICAgOiAnMCd9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtib3JkZXJSYWRpdXN9O1xuICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93MH07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk1fTtcbiAgICAgIH1cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTV9O1xuICAgICAgfVxuICAgICAgJHtnZXRTaXplU3R5bGVzKGlzQ29uZGVuc2VkKX1cbiAgICBgLFxuICAgIGlzRGlzYWJsZWQgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwfTtcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICAgICAgfVxuICAgICAgYCxcbiAgICBpc0FjdGl2ZSAmJlxuICAgICAgY3NzYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5NX07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLnNoYWRvdzB9O1xuICAgICAgYCxcbiAgXTtcbn07XG4iXX0= */")];
 };
 const ViewSwitcherButton = props => {
@@ -50,7 +50,7 @@ const ViewSwitcherButton = props => {
     onClick: props.onClick,
     isDisabled: props.isDisabled,
     children: [props.icon && jsxRuntime.jsx("span", {
-      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= */"),
+      css: /*#__PURE__*/react.css("margin:", props.children ? "0 ".concat(designSystem.designTokens.spacing20, " 0 0") : '0', ";display:flex;align-items:center;justify-content:center;" + (process.env.NODE_ENV === "production" ? "" : ";label:ViewSwitcherButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXItYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRGtCIiwiZmlsZSI6InZpZXctc3dpdGNoZXItYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGNsb25lRWxlbWVudCxcbiAgdHlwZSBNb3VzZUV2ZW50LFxuICB0eXBlIEtleWJvYXJkRXZlbnQsXG4gIHR5cGUgUmVhY3RFbGVtZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBBY2Nlc3NpYmxlQnV0dG9uIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2FjY2Vzc2libGUtYnV0dG9uJztcbmltcG9ydCB7IHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgeyBnZXRCdXR0b25TdHlsZXMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXIuc3R5bGVzJztcblxuZXhwb3J0IHR5cGUgVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzID0ge1xuICBjaGlsZHJlbj86IHN0cmluZztcbiAgaWNvbj86IFJlYWN0RWxlbWVudDtcbiAgaXNBY3RpdmU/OiBib29sZWFuO1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbiAgaXNDb25kZW5zZWQ/OiBib29sZWFuO1xuICBpc0ZpcnN0QnV0dG9uPzogYm9vbGVhbjtcbiAgaXNMYXN0QnV0dG9uPzogYm9vbGVhbjtcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIHZhbHVlOiBzdHJpbmc7XG4gIG9uQ2xpY2s/OiAoXG4gICAgZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+IHwgS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xufTtcblxuY29uc3QgVmlld1N3aXRjaGVyQnV0dG9uID0gKHByb3BzOiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMpID0+IHtcbiAgd2FybmluZyhcbiAgICBCb29sZWFuKHByb3BzLmNoaWxkcmVuIHx8IHByb3BzLmljb24pLFxuICAgICd1aWtpdC9WaWV3U3dpdGNoZXJCdXR0b246IFlvdSBuZWVkIHRvIHByb3ZpZGUgYXQgbGVhc3QgdGhlIGBjaGlsZHJlbmAgdG8gcmVuZGVyIGluc2lkZSB0aGUgYnV0dG9uIG9yIGFuIGBpY29uYC4nXG4gICk7XG5cbiAgd2FybmluZyhcbiAgICBCb29sZWFuKHByb3BzLmxhYmVsIHx8IHByb3BzLmNoaWxkcmVuKSxcbiAgICAndWlraXQvVmlld1N3aXRjaGVyQnV0dG9uOiBZb3UgbmVlZCB0byBwcm92aWRlIGEgYGxhYmVsYCB3aGVuIHJlbmRlcmluZyBvbmx5IGFuIGBpY29uYCB3aXRoaW4gdGhlIGJ1dHRvbi4nXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8QWNjZXNzaWJsZUJ1dHRvblxuICAgICAgbGFiZWw9e3Byb3BzLmxhYmVsID8/IHByb3BzLmNoaWxkcmVuID8/ICcnfVxuICAgICAgY3NzPXtnZXRCdXR0b25TdHlsZXMoXG4gICAgICAgIHByb3BzLmlzRGlzYWJsZWQsXG4gICAgICAgIHByb3BzLmlzQWN0aXZlLFxuICAgICAgICBwcm9wcy5pc0NvbmRlbnNlZCxcbiAgICAgICAgcHJvcHMuaXNGaXJzdEJ1dHRvbixcbiAgICAgICAgcHJvcHMuaXNMYXN0QnV0dG9uXG4gICAgICApfVxuICAgICAgb25DbGljaz17cHJvcHMub25DbGlja31cbiAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgPlxuICAgICAge3Byb3BzLmljb24gJiYgKFxuICAgICAgICA8c3BhblxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgbWFyZ2luOiAke3Byb3BzLmNoaWxkcmVuID8gYDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzIwfSAwIDBgIDogJzAnfTtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIHtjbG9uZUVsZW1lbnQocHJvcHMuaWNvbiwge1xuICAgICAgICAgICAgc2l6ZTogcHJvcHMuaXNDb25kZW5zZWQgPyAnbWVkaXVtJyA6ICdiaWcnLFxuICAgICAgICAgIH0pfVxuICAgICAgICA8L3NwYW4+XG4gICAgICApfVxuICAgICAge3Byb3BzLmNoaWxkcmVuICYmIDxzcGFuPntwcm9wcy5jaGlsZHJlbn08L3NwYW4+fVxuICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgKTtcbn07XG5cblZpZXdTd2l0Y2hlckJ1dHRvbi5kaXNwbGF5TmFtZSA9ICdWaWV3U3dpdGNoZXJCdXR0b24nO1xuZXhwb3J0IGRlZmF1bHQgVmlld1N3aXRjaGVyQnV0dG9uO1xuIl19 */"),
       children: /*#__PURE__*/react$1.cloneElement(props.icon, {
         size: props.isCondensed ? 'medium' : 'big'
       })
@@ -111,8 +111,8 @@ const ViewSwitcher$1 = props => {
           }
           if (!isButtonActive) {
             var _child$props$onClick, _child$props, _props$onChange;
-            (_child$props$onClick = (_child$props = child.props).onClick) === null || _child$props$onClick === void 0 ? void 0 : _child$props$onClick.call(_child$props, child.props.value);
-            (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, child.props.value);
+            (_child$props$onClick = (_child$props = child.props).onClick) === null || _child$props$onClick === void 0 || _child$props$onClick.call(_child$props, child.props.value);
+            (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, child.props.value);
           }
         },
         isCondensed: props.isCondensed,
@@ -139,7 +139,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 = "17.0.1";
+var version = "18.0.0";
 const ViewSwitcher = {
   Group,

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

@@ -8,8 +8,8 @@ var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instan
 var react$1 = require('react');
 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 AccessibleButton = require('@commercetools-uikit/accessible-button');
 require('@commercetools-uikit/utils');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
@@ -23,20 +23,20 @@ var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInsta
 const getSizeStyles = isCondensed => {
   if (isCondensed) {
-    return /*#__PURE__*/react.css("padding:", designSystem.designTokens.paddingForViewSwitcherWhenCondensed, ";height:", designSystem.designTokens.heightForViewSwitcherWhenCondensed, ";" + ("" ), "" );
+    return /*#__PURE__*/react.css("padding:0 ", designSystem.designTokens.spacing25, ";height:32px;" + ("" ), "" );
   }
-  return /*#__PURE__*/react.css("padding:", designSystem.designTokens.paddingForViewSwitcher, ";height:", designSystem.designTokens.heightForViewSwitcher, ";" + ("" ), "" );
+  return /*#__PURE__*/react.css("padding:0 ", designSystem.designTokens.spacing30, ";height:40px;" + ("" ), "" );
 };
 const getFontColor = (isDisabled, isActive) => {
-  if (isDisabled) return designSystem.designTokens.fontColorForViewSwitcherWhenDisabled;
-  if (isActive) return designSystem.designTokens.fontColorForViewSwitcherWhenSelected;
-  return designSystem.designTokens.fontColorForViewSwitcher;
+  if (isDisabled) return designSystem.designTokens.colorNeutral60;
+  if (isActive) return designSystem.designTokens.colorSolid;
+  return designSystem.designTokens.colorNeutral40;
 };
 const getButtonStyles = (isDisabled, isActive, isCondensed, isFirstButton, isLastButton) => {
-  var _context, _context2, _context3;
-  const 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');
+  var _context, _context2;
+  const borderRadius = _concatInstanceProperty__default["default"](_context = _concatInstanceProperty__default["default"](_context2 = "".concat(isFirstButton ? designSystem.designTokens.borderRadius4 : '0', " ")).call(_context2, isLastButton ? "".concat(designSystem.designTokens.borderRadius4) : '0 0', " ")).call(_context, isFirstButton ? designSystem.designTokens.borderRadius4 : '0');
   const 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, ";" + ("" ), "" )];
+  return [/*#__PURE__*/react.css("align-items:center;color:", fontColor, ";fill:", fontColor, ";transition:background-color ", designSystem.designTokens.transitionLinear80Ms, ";font-size:", designSystem.designTokens.fontSize30, ";border:1px solid ", designSystem.designTokens.colorNeutral, ";border-left:", isFirstButton ? "1px solid ".concat(designSystem.designTokens.colorNeutral) : '0', ";border-radius:", borderRadius, ";box-shadow:", designSystem.designTokens.shadow0, ";background-color:", designSystem.designTokens.colorSurface, ";&:hover{background-color:", designSystem.designTokens.colorNeutral95, ";}&:active{background-color:", designSystem.designTokens.colorNeutral95, ";}", getSizeStyles(isCondensed), ";" + ("" ), "" ), isDisabled && /*#__PURE__*/react.css("background-color:", designSystem.designTokens.colorSurface, ";color:", designSystem.designTokens.colorNeutral60, ";&:hover{background-color:", designSystem.designTokens.colorSurface, ";}" + ("" ), "" ), isActive && /*#__PURE__*/react.css("background-color:", designSystem.designTokens.colorNeutral95, ";box-shadow:", designSystem.designTokens.shadow0, ";" + ("" ), "" )];
 };
 const ViewSwitcherButton = props => {
@@ -47,7 +47,7 @@ const ViewSwitcherButton = props => {
     onClick: props.onClick,
     isDisabled: props.isDisabled,
     children: [props.icon && jsxRuntime.jsx("span", {
-      css: /*#__PURE__*/react.css("margin:", props.children ? designSystem.designTokens.marginForViewSwitcherIcon : '0', ";display:flex;align-items:center;justify-content:center;" + ("" ), "" ),
+      css: /*#__PURE__*/react.css("margin:", props.children ? "0 ".concat(designSystem.designTokens.spacing20, " 0 0") : '0', ";display:flex;align-items:center;justify-content:center;" + ("" ), "" ),
       children: /*#__PURE__*/react$1.cloneElement(props.icon, {
         size: props.isCondensed ? 'medium' : 'big'
       })
@@ -86,8 +86,8 @@ const ViewSwitcher$1 = props => {
           }
           if (!isButtonActive) {
             var _child$props$onClick, _child$props, _props$onChange;
-            (_child$props$onClick = (_child$props = child.props).onClick) === null || _child$props$onClick === void 0 ? void 0 : _child$props$onClick.call(_child$props, child.props.value);
-            (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, child.props.value);
+            (_child$props$onClick = (_child$props = child.props).onClick) === null || _child$props$onClick === void 0 || _child$props$onClick.call(_child$props, child.props.value);
+            (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, child.props.value);
           }
         },
         isCondensed: props.isCondensed,
@@ -108,7 +108,7 @@ ViewSwitcher$1.propTypes = {};
 var Group = ViewSwitcher$1;
 // NOTE: This string will be replaced on build time with the package version.
-var version = "17.0.1";
+var version = "18.0.0";
 const ViewSwitcher = {
   Group,

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

@@ -4,28 +4,28 @@ import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance
 import { cloneElement, useState, Children, isValidElement } from 'react';
 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 AccessibleButton from '@commercetools-uikit/accessible-button';
 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';
 const getSizeStyles = isCondensed => {
   if (isCondensed) {
-    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.spacing25, ";height:32px;" + (process.env.NODE_ENV === "production" ? "" : ";label:getSizeStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFjIiwiZmlsZSI6InZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wcyB9IGZyb20gJy4vdmlldy1zd2l0Y2hlci1idXR0b24nO1xuXG5jb25zdCBnZXRTaXplU3R5bGVzID0gKFxuICBpc0NvbmRlbnNlZDogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0NvbmRlbnNlZCddXG4pID0+IHtcbiAgaWYgKGlzQ29uZGVuc2VkKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIHBhZGRpbmc6IDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzI1fTtcbiAgICAgIGhlaWdodDogMzJweDtcbiAgICBgO1xuICB9XG5cbiAgcmV0dXJuIGNzc2BcbiAgICBwYWRkaW5nOiAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmczMH07XG4gICAgaGVpZ2h0OiA0MHB4O1xuICBgO1xufTtcblxuY29uc3QgZ2V0Rm9udENvbG9yID0gKGlzRGlzYWJsZWQ/OiBib29sZWFuLCBpc0FjdGl2ZT86IGJvb2xlYW4pID0+IHtcbiAgaWYgKGlzRGlzYWJsZWQpIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjA7XG4gIGlmIChpc0FjdGl2ZSkgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvclNvbGlkO1xuICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDQwO1xufTtcblxuZXhwb3J0IGNvbnN0IGdldEJ1dHRvblN0eWxlcyA9IChcbiAgaXNEaXNhYmxlZD86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNEaXNhYmxlZCddLFxuICBpc0FjdGl2ZT86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNBY3RpdmUnXSxcbiAgaXNDb25kZW5zZWQ/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzQ29uZGVuc2VkJ10sXG4gIGlzRmlyc3RCdXR0b24/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzRmlyc3RCdXR0b24nXSxcbiAgaXNMYXN0QnV0dG9uPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0xhc3RCdXR0b24nXVxuKSA9PiB7XG4gIGNvbnN0IGJvcmRlclJhZGl1cyA9IGAke2lzRmlyc3RCdXR0b24gPyBkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNCA6ICcwJ30gJHtcbiAgICBpc0xhc3RCdXR0b24gPyBgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNH1gIDogJzAgMCdcbiAgfSAke2lzRmlyc3RCdXR0b24gPyBkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNCA6ICcwJ31gO1xuXG4gIGNvbnN0IGZvbnRDb2xvciA9IGdldEZvbnRDb2xvcihpc0Rpc2FibGVkLCBpc0FjdGl2ZSk7XG5cbiAgcmV0dXJuIFtcbiAgICBjc3NgXG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgY29sb3I6ICR7Zm9udENvbG9yfTtcbiAgICAgIGZpbGw6ICR7Zm9udENvbG9yfTtcbiAgICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgJHtkZXNpZ25Ub2tlbnMudHJhbnNpdGlvbkxpbmVhcjgwTXN9O1xuICAgICAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZTMwfTtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbH07XG4gICAgICBib3JkZXItbGVmdDogJHtpc0ZpcnN0QnV0dG9uXG4gICAgICAgID8gYDFweCBzb2xpZCAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWx9YFxuICAgICAgICA6ICcwJ307XG4gICAgICBib3JkZXItcmFkaXVzOiAke2JvcmRlclJhZGl1c307XG4gICAgICBib3gtc2hhZG93OiAke2Rlc2lnblRva2Vucy5zaGFkb3cwfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTV9O1xuICAgICAgfVxuICAgICAgJjphY3RpdmUge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5NX07XG4gICAgICB9XG4gICAgICAke2dldFNpemVTdHlsZXMoaXNDb25kZW5zZWQpfVxuICAgIGAsXG4gICAgaXNEaXNhYmxlZCAmJlxuICAgICAgY3NzYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICB9XG4gICAgICBgLFxuICAgIGlzQWN0aXZlICYmXG4gICAgICBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk1fTtcbiAgICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93MH07XG4gICAgICBgLFxuICBdO1xufTtcbiJdfQ== */");
   }
-  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 */");
+  return /*#__PURE__*/css("padding:0 ", designTokens.spacing30, ";height:40px;" + (process.env.NODE_ENV === "production" ? "" : ";label:getSizeStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNZIiwiZmlsZSI6InZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wcyB9IGZyb20gJy4vdmlldy1zd2l0Y2hlci1idXR0b24nO1xuXG5jb25zdCBnZXRTaXplU3R5bGVzID0gKFxuICBpc0NvbmRlbnNlZDogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0NvbmRlbnNlZCddXG4pID0+IHtcbiAgaWYgKGlzQ29uZGVuc2VkKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIHBhZGRpbmc6IDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzI1fTtcbiAgICAgIGhlaWdodDogMzJweDtcbiAgICBgO1xuICB9XG5cbiAgcmV0dXJuIGNzc2BcbiAgICBwYWRkaW5nOiAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmczMH07XG4gICAgaGVpZ2h0OiA0MHB4O1xuICBgO1xufTtcblxuY29uc3QgZ2V0Rm9udENvbG9yID0gKGlzRGlzYWJsZWQ/OiBib29sZWFuLCBpc0FjdGl2ZT86IGJvb2xlYW4pID0+IHtcbiAgaWYgKGlzRGlzYWJsZWQpIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjA7XG4gIGlmIChpc0FjdGl2ZSkgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvclNvbGlkO1xuICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDQwO1xufTtcblxuZXhwb3J0IGNvbnN0IGdldEJ1dHRvblN0eWxlcyA9IChcbiAgaXNEaXNhYmxlZD86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNEaXNhYmxlZCddLFxuICBpc0FjdGl2ZT86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNBY3RpdmUnXSxcbiAgaXNDb25kZW5zZWQ/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzQ29uZGVuc2VkJ10sXG4gIGlzRmlyc3RCdXR0b24/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzRmlyc3RCdXR0b24nXSxcbiAgaXNMYXN0QnV0dG9uPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0xhc3RCdXR0b24nXVxuKSA9PiB7XG4gIGNvbnN0IGJvcmRlclJhZGl1cyA9IGAke2lzRmlyc3RCdXR0b24gPyBkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNCA6ICcwJ30gJHtcbiAgICBpc0xhc3RCdXR0b24gPyBgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNH1gIDogJzAgMCdcbiAgfSAke2lzRmlyc3RCdXR0b24gPyBkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNCA6ICcwJ31gO1xuXG4gIGNvbnN0IGZvbnRDb2xvciA9IGdldEZvbnRDb2xvcihpc0Rpc2FibGVkLCBpc0FjdGl2ZSk7XG5cbiAgcmV0dXJuIFtcbiAgICBjc3NgXG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgY29sb3I6ICR7Zm9udENvbG9yfTtcbiAgICAgIGZpbGw6ICR7Zm9udENvbG9yfTtcbiAgICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgJHtkZXNpZ25Ub2tlbnMudHJhbnNpdGlvbkxpbmVhcjgwTXN9O1xuICAgICAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZTMwfTtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbH07XG4gICAgICBib3JkZXItbGVmdDogJHtpc0ZpcnN0QnV0dG9uXG4gICAgICAgID8gYDFweCBzb2xpZCAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWx9YFxuICAgICAgICA6ICcwJ307XG4gICAgICBib3JkZXItcmFkaXVzOiAke2JvcmRlclJhZGl1c307XG4gICAgICBib3gtc2hhZG93OiAke2Rlc2lnblRva2Vucy5zaGFkb3cwfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTV9O1xuICAgICAgfVxuICAgICAgJjphY3RpdmUge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5NX07XG4gICAgICB9XG4gICAgICAke2dldFNpemVTdHlsZXMoaXNDb25kZW5zZWQpfVxuICAgIGAsXG4gICAgaXNEaXNhYmxlZCAmJlxuICAgICAgY3NzYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjB9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICB9XG4gICAgICBgLFxuICAgIGlzQWN0aXZlICYmXG4gICAgICBjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk1fTtcbiAgICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93MH07XG4gICAgICBgLFxuICBdO1xufTtcbiJdfQ== */");
 };
 const getFontColor = (isDisabled, isActive) => {
-  if (isDisabled) return designTokens.fontColorForViewSwitcherWhenDisabled;
-  if (isActive) return designTokens.fontColorForViewSwitcherWhenSelected;
-  return designTokens.fontColorForViewSwitcher;
+  if (isDisabled) return designTokens.colorNeutral60;
+  if (isActive) return designTokens.colorSolid;
+  return designTokens.colorNeutral40;
 };
 const getButtonStyles = (isDisabled, isActive, isCondensed, isFirstButton, isLastButton) => {
-  var _context, _context2, _context3;
-  const 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');
+  var _context, _context2;
+  const borderRadius = _concatInstanceProperty(_context = _concatInstanceProperty(_context2 = "".concat(isFirstButton ? designTokens.borderRadius4 : '0', " ")).call(_context2, isLastButton ? "".concat(designTokens.borderRadius4) : '0 0', " ")).call(_context, isFirstButton ? designTokens.borderRadius4 : '0');
   const 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== */")];
+  return [/*#__PURE__*/css("align-items:center;color:", fontColor, ";fill:", fontColor, ";transition:background-color ", designTokens.transitionLinear80Ms, ";font-size:", designTokens.fontSize30, ";border:1px solid ", designTokens.colorNeutral, ";border-left:", isFirstButton ? "1px solid ".concat(designTokens.colorNeutral) : '0', ";border-radius:", borderRadius, ";box-shadow:", designTokens.shadow0, ";background-color:", designTokens.colorSurface, ";&:hover{background-color:", designTokens.colorNeutral95, ";}&: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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDTyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXItYnV0dG9uJztcblxuY29uc3QgZ2V0U2l6ZVN0eWxlcyA9IChcbiAgaXNDb25kZW5zZWQ6IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXVxuKSA9PiB7XG4gIGlmIChpc0NvbmRlbnNlZCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBwYWRkaW5nOiAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyNX07XG4gICAgICBoZWlnaHQ6IDMycHg7XG4gICAgYDtcbiAgfVxuXG4gIHJldHVybiBjc3NgXG4gICAgcGFkZGluZzogMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICAgIGhlaWdodDogNDBweDtcbiAgYDtcbn07XG5cbmNvbnN0IGdldEZvbnRDb2xvciA9IChpc0Rpc2FibGVkPzogYm9vbGVhbiwgaXNBY3RpdmU/OiBib29sZWFuKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICBpZiAoaXNBY3RpdmUpIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZDtcbiAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw0MDtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRCdXR0b25TdHlsZXMgPSAoXG4gIGlzRGlzYWJsZWQ/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzRGlzYWJsZWQnXSxcbiAgaXNBY3RpdmU/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzQWN0aXZlJ10sXG4gIGlzQ29uZGVuc2VkPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0NvbmRlbnNlZCddLFxuICBpc0ZpcnN0QnV0dG9uPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0ZpcnN0QnV0dG9uJ10sXG4gIGlzTGFzdEJ1dHRvbj86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNMYXN0QnV0dG9uJ11cbikgPT4ge1xuICBjb25zdCBib3JkZXJSYWRpdXMgPSBgJHtpc0ZpcnN0QnV0dG9uID8gZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czQgOiAnMCd9ICR7XG4gICAgaXNMYXN0QnV0dG9uID8gYCR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czR9YCA6ICcwIDAnXG4gIH0gJHtpc0ZpcnN0QnV0dG9uID8gZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czQgOiAnMCd9YDtcblxuICBjb25zdCBmb250Q29sb3IgPSBnZXRGb250Q29sb3IoaXNEaXNhYmxlZCwgaXNBY3RpdmUpO1xuXG4gIHJldHVybiBbXG4gICAgY3NzYFxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGNvbG9yOiAke2ZvbnRDb2xvcn07XG4gICAgICBmaWxsOiAke2ZvbnRDb2xvcn07XG4gICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25MaW5lYXI4ME1zfTtcbiAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemUzMH07XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWx9O1xuICAgICAgYm9yZGVyLWxlZnQ6ICR7aXNGaXJzdEJ1dHRvblxuICAgICAgICA/IGAxcHggc29saWQgJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsfWBcbiAgICAgICAgOiAnMCd9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtib3JkZXJSYWRpdXN9O1xuICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93MH07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk1fTtcbiAgICAgIH1cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTV9O1xuICAgICAgfVxuICAgICAgJHtnZXRTaXplU3R5bGVzKGlzQ29uZGVuc2VkKX1cbiAgICBgLFxuICAgIGlzRGlzYWJsZWQgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwfTtcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICAgICAgfVxuICAgICAgYCxcbiAgICBpc0FjdGl2ZSAmJlxuICAgICAgY3NzYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5NX07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLnNoYWRvdzB9O1xuICAgICAgYCxcbiAgXTtcbn07XG4iXX0= */"), isDisabled && /*#__PURE__*/css("background-color:", designTokens.colorSurface, ";color:", designTokens.colorNeutral60, ";&:hover{background-color:", designTokens.colorSurface, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThEUyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXItYnV0dG9uJztcblxuY29uc3QgZ2V0U2l6ZVN0eWxlcyA9IChcbiAgaXNDb25kZW5zZWQ6IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXVxuKSA9PiB7XG4gIGlmIChpc0NvbmRlbnNlZCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBwYWRkaW5nOiAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyNX07XG4gICAgICBoZWlnaHQ6IDMycHg7XG4gICAgYDtcbiAgfVxuXG4gIHJldHVybiBjc3NgXG4gICAgcGFkZGluZzogMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICAgIGhlaWdodDogNDBweDtcbiAgYDtcbn07XG5cbmNvbnN0IGdldEZvbnRDb2xvciA9IChpc0Rpc2FibGVkPzogYm9vbGVhbiwgaXNBY3RpdmU/OiBib29sZWFuKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICBpZiAoaXNBY3RpdmUpIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZDtcbiAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw0MDtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRCdXR0b25TdHlsZXMgPSAoXG4gIGlzRGlzYWJsZWQ/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzRGlzYWJsZWQnXSxcbiAgaXNBY3RpdmU/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzQWN0aXZlJ10sXG4gIGlzQ29uZGVuc2VkPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0NvbmRlbnNlZCddLFxuICBpc0ZpcnN0QnV0dG9uPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0ZpcnN0QnV0dG9uJ10sXG4gIGlzTGFzdEJ1dHRvbj86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNMYXN0QnV0dG9uJ11cbikgPT4ge1xuICBjb25zdCBib3JkZXJSYWRpdXMgPSBgJHtpc0ZpcnN0QnV0dG9uID8gZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czQgOiAnMCd9ICR7XG4gICAgaXNMYXN0QnV0dG9uID8gYCR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czR9YCA6ICcwIDAnXG4gIH0gJHtpc0ZpcnN0QnV0dG9uID8gZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czQgOiAnMCd9YDtcblxuICBjb25zdCBmb250Q29sb3IgPSBnZXRGb250Q29sb3IoaXNEaXNhYmxlZCwgaXNBY3RpdmUpO1xuXG4gIHJldHVybiBbXG4gICAgY3NzYFxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGNvbG9yOiAke2ZvbnRDb2xvcn07XG4gICAgICBmaWxsOiAke2ZvbnRDb2xvcn07XG4gICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25MaW5lYXI4ME1zfTtcbiAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemUzMH07XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWx9O1xuICAgICAgYm9yZGVyLWxlZnQ6ICR7aXNGaXJzdEJ1dHRvblxuICAgICAgICA/IGAxcHggc29saWQgJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsfWBcbiAgICAgICAgOiAnMCd9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtib3JkZXJSYWRpdXN9O1xuICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93MH07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk1fTtcbiAgICAgIH1cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTV9O1xuICAgICAgfVxuICAgICAgJHtnZXRTaXplU3R5bGVzKGlzQ29uZGVuc2VkKX1cbiAgICBgLFxuICAgIGlzRGlzYWJsZWQgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwfTtcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICAgICAgfVxuICAgICAgYCxcbiAgICBpc0FjdGl2ZSAmJlxuICAgICAgY3NzYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5NX07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLnNoYWRvdzB9O1xuICAgICAgYCxcbiAgXTtcbn07XG4iXX0= */"), isActive && /*#__PURE__*/css("background-color:", designTokens.colorNeutral95, ";box-shadow:", designTokens.shadow0, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNFUyIsImZpbGUiOiJ2aWV3LXN3aXRjaGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXItYnV0dG9uJztcblxuY29uc3QgZ2V0U2l6ZVN0eWxlcyA9IChcbiAgaXNDb25kZW5zZWQ6IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNDb25kZW5zZWQnXVxuKSA9PiB7XG4gIGlmIChpc0NvbmRlbnNlZCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBwYWRkaW5nOiAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyNX07XG4gICAgICBoZWlnaHQ6IDMycHg7XG4gICAgYDtcbiAgfVxuXG4gIHJldHVybiBjc3NgXG4gICAgcGFkZGluZzogMCAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICAgIGhlaWdodDogNDBweDtcbiAgYDtcbn07XG5cbmNvbnN0IGdldEZvbnRDb2xvciA9IChpc0Rpc2FibGVkPzogYm9vbGVhbiwgaXNBY3RpdmU/OiBib29sZWFuKSA9PiB7XG4gIGlmIChpc0Rpc2FibGVkKSByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICBpZiAoaXNBY3RpdmUpIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZDtcbiAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw0MDtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRCdXR0b25TdHlsZXMgPSAoXG4gIGlzRGlzYWJsZWQ/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzRGlzYWJsZWQnXSxcbiAgaXNBY3RpdmU/OiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHNbJ2lzQWN0aXZlJ10sXG4gIGlzQ29uZGVuc2VkPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0NvbmRlbnNlZCddLFxuICBpc0ZpcnN0QnV0dG9uPzogVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzWydpc0ZpcnN0QnV0dG9uJ10sXG4gIGlzTGFzdEJ1dHRvbj86IFRWaWV3U3dpdGNoZXJCdXR0b25Qcm9wc1snaXNMYXN0QnV0dG9uJ11cbikgPT4ge1xuICBjb25zdCBib3JkZXJSYWRpdXMgPSBgJHtpc0ZpcnN0QnV0dG9uID8gZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czQgOiAnMCd9ICR7XG4gICAgaXNMYXN0QnV0dG9uID8gYCR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czR9YCA6ICcwIDAnXG4gIH0gJHtpc0ZpcnN0QnV0dG9uID8gZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czQgOiAnMCd9YDtcblxuICBjb25zdCBmb250Q29sb3IgPSBnZXRGb250Q29sb3IoaXNEaXNhYmxlZCwgaXNBY3RpdmUpO1xuXG4gIHJldHVybiBbXG4gICAgY3NzYFxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGNvbG9yOiAke2ZvbnRDb2xvcn07XG4gICAgICBmaWxsOiAke2ZvbnRDb2xvcn07XG4gICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yICR7ZGVzaWduVG9rZW5zLnRyYW5zaXRpb25MaW5lYXI4ME1zfTtcbiAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemUzMH07XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWx9O1xuICAgICAgYm9yZGVyLWxlZnQ6ICR7aXNGaXJzdEJ1dHRvblxuICAgICAgICA/IGAxcHggc29saWQgJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsfWBcbiAgICAgICAgOiAnMCd9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtib3JkZXJSYWRpdXN9O1xuICAgICAgYm94LXNoYWRvdzogJHtkZXNpZ25Ub2tlbnMuc2hhZG93MH07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk1fTtcbiAgICAgIH1cbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTV9O1xuICAgICAgfVxuICAgICAgJHtnZXRTaXplU3R5bGVzKGlzQ29uZGVuc2VkKX1cbiAgICBgLFxuICAgIGlzRGlzYWJsZWQgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwfTtcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICAgICAgfVxuICAgICAgYCxcbiAgICBpc0FjdGl2ZSAmJlxuICAgICAgY3NzYFxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5NX07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7ZGVzaWduVG9rZW5zLnNoYWRvdzB9O1xuICAgICAgYCxcbiAgXTtcbn07XG4iXX0= */")];
 };
 const ViewSwitcherButton = props => {
@@ -38,7 +38,7 @@ const ViewSwitcherButton = props => {
     onClick: props.onClick,
     isDisabled: props.isDisabled,
     children: [props.icon && jsx("span", {
-      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= */"),
+      css: /*#__PURE__*/css("margin:", props.children ? "0 ".concat(designTokens.spacing20, " 0 0") : '0', ";display:flex;align-items:center;justify-content:center;" + (process.env.NODE_ENV === "production" ? "" : ";label:ViewSwitcherButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZXctc3dpdGNoZXItYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRGtCIiwiZmlsZSI6InZpZXctc3dpdGNoZXItYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGNsb25lRWxlbWVudCxcbiAgdHlwZSBNb3VzZUV2ZW50LFxuICB0eXBlIEtleWJvYXJkRXZlbnQsXG4gIHR5cGUgUmVhY3RFbGVtZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBBY2Nlc3NpYmxlQnV0dG9uIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2FjY2Vzc2libGUtYnV0dG9uJztcbmltcG9ydCB7IHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgeyBnZXRCdXR0b25TdHlsZXMgfSBmcm9tICcuL3ZpZXctc3dpdGNoZXIuc3R5bGVzJztcblxuZXhwb3J0IHR5cGUgVFZpZXdTd2l0Y2hlckJ1dHRvblByb3BzID0ge1xuICBjaGlsZHJlbj86IHN0cmluZztcbiAgaWNvbj86IFJlYWN0RWxlbWVudDtcbiAgaXNBY3RpdmU/OiBib29sZWFuO1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbiAgaXNDb25kZW5zZWQ/OiBib29sZWFuO1xuICBpc0ZpcnN0QnV0dG9uPzogYm9vbGVhbjtcbiAgaXNMYXN0QnV0dG9uPzogYm9vbGVhbjtcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIHZhbHVlOiBzdHJpbmc7XG4gIG9uQ2xpY2s/OiAoXG4gICAgZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+IHwgS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xufTtcblxuY29uc3QgVmlld1N3aXRjaGVyQnV0dG9uID0gKHByb3BzOiBUVmlld1N3aXRjaGVyQnV0dG9uUHJvcHMpID0+IHtcbiAgd2FybmluZyhcbiAgICBCb29sZWFuKHByb3BzLmNoaWxkcmVuIHx8IHByb3BzLmljb24pLFxuICAgICd1aWtpdC9WaWV3U3dpdGNoZXJCdXR0b246IFlvdSBuZWVkIHRvIHByb3ZpZGUgYXQgbGVhc3QgdGhlIGBjaGlsZHJlbmAgdG8gcmVuZGVyIGluc2lkZSB0aGUgYnV0dG9uIG9yIGFuIGBpY29uYC4nXG4gICk7XG5cbiAgd2FybmluZyhcbiAgICBCb29sZWFuKHByb3BzLmxhYmVsIHx8IHByb3BzLmNoaWxkcmVuKSxcbiAgICAndWlraXQvVmlld1N3aXRjaGVyQnV0dG9uOiBZb3UgbmVlZCB0byBwcm92aWRlIGEgYGxhYmVsYCB3aGVuIHJlbmRlcmluZyBvbmx5IGFuIGBpY29uYCB3aXRoaW4gdGhlIGJ1dHRvbi4nXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8QWNjZXNzaWJsZUJ1dHRvblxuICAgICAgbGFiZWw9e3Byb3BzLmxhYmVsID8/IHByb3BzLmNoaWxkcmVuID8/ICcnfVxuICAgICAgY3NzPXtnZXRCdXR0b25TdHlsZXMoXG4gICAgICAgIHByb3BzLmlzRGlzYWJsZWQsXG4gICAgICAgIHByb3BzLmlzQWN0aXZlLFxuICAgICAgICBwcm9wcy5pc0NvbmRlbnNlZCxcbiAgICAgICAgcHJvcHMuaXNGaXJzdEJ1dHRvbixcbiAgICAgICAgcHJvcHMuaXNMYXN0QnV0dG9uXG4gICAgICApfVxuICAgICAgb25DbGljaz17cHJvcHMub25DbGlja31cbiAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgPlxuICAgICAge3Byb3BzLmljb24gJiYgKFxuICAgICAgICA8c3BhblxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgbWFyZ2luOiAke3Byb3BzLmNoaWxkcmVuID8gYDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzIwfSAwIDBgIDogJzAnfTtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIHtjbG9uZUVsZW1lbnQocHJvcHMuaWNvbiwge1xuICAgICAgICAgICAgc2l6ZTogcHJvcHMuaXNDb25kZW5zZWQgPyAnbWVkaXVtJyA6ICdiaWcnLFxuICAgICAgICAgIH0pfVxuICAgICAgICA8L3NwYW4+XG4gICAgICApfVxuICAgICAge3Byb3BzLmNoaWxkcmVuICYmIDxzcGFuPntwcm9wcy5jaGlsZHJlbn08L3NwYW4+fVxuICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgKTtcbn07XG5cblZpZXdTd2l0Y2hlckJ1dHRvbi5kaXNwbGF5TmFtZSA9ICdWaWV3U3dpdGNoZXJCdXR0b24nO1xuZXhwb3J0IGRlZmF1bHQgVmlld1N3aXRjaGVyQnV0dG9uO1xuIl19 */"),
       children: /*#__PURE__*/cloneElement(props.icon, {
         size: props.isCondensed ? 'medium' : 'big'
       })
@@ -99,8 +99,8 @@ const ViewSwitcher$1 = props => {
           }
           if (!isButtonActive) {
             var _child$props$onClick, _child$props, _props$onChange;
-            (_child$props$onClick = (_child$props = child.props).onClick) === null || _child$props$onClick === void 0 ? void 0 : _child$props$onClick.call(_child$props, child.props.value);
-            (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, child.props.value);
+            (_child$props$onClick = (_child$props = child.props).onClick) === null || _child$props$onClick === void 0 || _child$props$onClick.call(_child$props, child.props.value);
+            (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, child.props.value);
           }
         },
         isCondensed: props.isCondensed,
@@ -127,7 +127,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 = "17.0.1";
+var version = "18.0.0";
 const ViewSwitcher = {
   Group,

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": "17.0.1",
+  "version": "18.0.0",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -21,9 +21,9 @@
   "dependencies": {
     "@babel/runtime": "^7.20.13",
     "@babel/runtime-corejs3": "^7.20.13",
-    "@commercetools-uikit/accessible-button": "17.0.1",
-    "@commercetools-uikit/design-system": "17.0.1",
-    "@commercetools-uikit/utils": "17.0.1",
+    "@commercetools-uikit/accessible-button": "18.0.0",
+    "@commercetools-uikit/design-system": "18.0.0",
+    "@commercetools-uikit/utils": "18.0.0",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "lodash": "4.17.21",