@commercetools-frontend/application-shell 22.17.0 → 22.17.2

package/dist/{quick-access-2c92aa86.cjs.prod.js → quick-access-bd6496a4.cjs.prod.js}

@@ -40,7 +40,7 @@ var designSystem = require('@commercetools-uikit/design-system');
 var icons = require('@commercetools-uikit/icons');
 var LoadingSpinner = require('@commercetools-uikit/loading-spinner');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
-var dist_commercetoolsFrontendApplicationShell = require('./index-528c3a33.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-3d6cf404.cjs.prod.js');
 var _Promise = require('@babel/runtime-corejs3/core-js-stable/promise');
 var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
@@ -59,7 +59,7 @@ require('redux-logger');
 require('@emotion/styled/base');
 require('@commercetools-frontend/application-components');
 require('@commercetools-frontend/i18n');
-require('./oidc-b070ff6c.cjs.prod.js');
+require('./oidc-cfa56c46.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/url');
 require('@commercetools-uikit/spacings');
 require('@commercetools-uikit/flat-button');
@@ -847,7 +847,7 @@ const Butler = props => {
     tabIndex: -1,
     children: jsxRuntime.jsxs("div", {
       ref: searchContainerRef,
-      css: /*#__PURE__*/react.css("background-color:", designSystem.customProperties.colorSurface, ";border:0;border-radius:", designSystem.customProperties.borderRadius4, ";min-height:40px;z-index:20002;width:400px;margin:40px auto;overflow:hidden;-webkit-box-shadow:0 10px 30px -8px rgba(0, 0, 0, 0.75);-moz-box-shadow:0 10px 30px -8px rgba(0, 0, 0, 0.75);box-shadow:0 10px 30px -8px rgba(0, 0, 0, 0.75);padding-bottom:", state.hasNetworkError ? '0' : designSystem.customProperties.spacingS, ";" + ("" ), "" ),
+      css: /*#__PURE__*/react.css("background-color:", designSystem.designTokens.colorSurface, ";border:0;border-radius:", designSystem.designTokens.borderRadius4, ";min-height:40px;z-index:20002;width:400px;margin:40px auto;overflow:hidden;-webkit-box-shadow:0 10px 30px -8px rgba(0, 0, 0, 0.75);-moz-box-shadow:0 10px 30px -8px rgba(0, 0, 0, 0.75);box-shadow:0 10px 30px -8px rgba(0, 0, 0, 0.75);padding-bottom:", state.hasNetworkError ? '0' : designSystem.designTokens.spacingS, ";" + ("" ), "" ),
       onClick: event => {
         // Avoid closing when the searchContainer itself is clicked
         // If we don't do this, then the overlay will close when e.g.
@@ -859,7 +859,7 @@ const Butler = props => {
         css: _ref,
         children: [jsxRuntime.jsx("label", {
           htmlFor: "quick-access-search-input",
-          css: /*#__PURE__*/react.css("align-self:center;padding-left:", designSystem.customProperties.spacingM, ";margin-top:", designSystem.customProperties.spacingS, ";" + ("" ), "" ),
+          css: /*#__PURE__*/react.css("align-self:center;padding-left:", designSystem.designTokens.spacingM, ";margin-top:", designSystem.designTokens.spacingS, ";" + ("" ), "" ),
           children: jsxRuntime.jsx(icons.SearchIcon, {
             color: "neutral60"
           })
@@ -868,7 +868,7 @@ const Butler = props => {
           ref: searchInputRef,
           placeholder: intl.formatMessage(messages.inputPlacehoder),
           type: "text",
-          css: /*#__PURE__*/react.css("width:100%;border:0;outline:0;font-size:22px;font-weight:300;padding:", designSystem.customProperties.spacingM, " ", designSystem.customProperties.spacingM, " ", designSystem.customProperties.spacingS, " ", designSystem.customProperties.spacingS, ";&::placeholder{color:", designSystem.customProperties.colorNeutral60, ";}" + ("" ), "" ),
+          css: /*#__PURE__*/react.css("width:100%;border:0;outline:0;font-size:22px;font-weight:300;padding:", designSystem.designTokens.spacingM, " ", designSystem.designTokens.spacingM, " ", designSystem.designTokens.spacingS, " ", designSystem.designTokens.spacingS, ";&::placeholder{color:", designSystem.designTokens.colorNeutral60, ";}" + ("" ), "" ),
           value: state.searchText,
           onChange: handleChange,
           onKeyDown: handleKeyDown,
@@ -877,16 +877,16 @@ const Butler = props => {
           autoComplete: "off",
           "data-testid": "quick-access-search-input"
         }), state.isLoading && jsxRuntime.jsx("div", {
-          css: /*#__PURE__*/react.css("align-self:center;margin-top:", designSystem.customProperties.spacingS, ";margin-right:", designSystem.customProperties.spacingS, ";" + ("" ), "" ),
+          css: /*#__PURE__*/react.css("align-self:center;margin-top:", designSystem.designTokens.spacingS, ";margin-right:", designSystem.designTokens.spacingS, ";" + ("" ), "" ),
           children: jsxRuntime.jsx(LoadingSpinner__default["default"], {})
         })]
       }), ((_context10, _context11) => {
         if (state.hasNetworkError) return jsxRuntime.jsx("div", {
-          css: /*#__PURE__*/react.css("overflow:hidden;white-space:nowrap;cursor:default;background:", designSystem.customProperties.colorError, ";text-align:center;text-transform:uppercase;color:", designSystem.customProperties.colorSurface, ";font-size:", designSystem.customProperties.fontSizeSmall, ";padding:", designSystem.customProperties.spacingXs, ";" + ("" ), "" ),
+          css: /*#__PURE__*/react.css("overflow:hidden;white-space:nowrap;cursor:default;background:", designSystem.designTokens.colorError, ";text-align:center;text-transform:uppercase;color:", designSystem.designTokens.colorSurface, ";font-size:", designSystem.designTokens.fontSize20, ";padding:", designSystem.designTokens.spacingXs, ";" + ("" ), "" ),
           children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.offline))
         });
         if (state.results.length === 0 && _trimInstanceProperty__default["default"](_context10 = state.searchText).call(_context10).length > 0) return jsxRuntime.jsx("div", {
-          css: /*#__PURE__*/react.css("overflow:hidden;white-space:nowrap;cursor:default;background:", designSystem.customProperties.colorNeutral, ";color:", designSystem.customProperties.colorSolid, ";text-align:center;text-transform:uppercase;font-size:", designSystem.customProperties.fontSizeSmall, ";padding:", designSystem.customProperties.spacingXs, ";" + ("" ), "" ),
+          css: /*#__PURE__*/react.css("overflow:hidden;white-space:nowrap;cursor:default;background:", designSystem.designTokens.colorNeutral, ";color:", designSystem.designTokens.colorSolid, ";text-align:center;text-transform:uppercase;font-size:", designSystem.designTokens.fontSize20, ";padding:", designSystem.designTokens.spacingXs, ";" + ("" ), "" ),
           children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.noResults))
         });
         return _mapInstanceProperty__default["default"](_context11 = state.results).call(_context11, (command, index) => jsxRuntime.jsx(ButlerCommand, {

package/dist/{redirect-to-login-5e148cff.esm.js → redirect-to-login-5615df08.esm.js}

@@ -4,7 +4,7 @@ import { v4 } from 'uuid';
 import { oidcStorage } from '@commercetools-frontend/application-shell-connectors';
 import { LOGOUT_REASONS } from '@commercetools-frontend/constants';
 import { trimLeadingAndTrailingSlashes, joinPaths } from '@commercetools-frontend/url-utils';
-import { b as buildOidcScope, a as OIDC_RESPONSE_TYPES } from './oidc-da8526e3.esm.js';
+import { b as buildOidcScope, a as OIDC_RESPONSE_TYPES } from './oidc-ff53dfd3.esm.js';
 import { u as useIsServedByProxy } from './use-is-served-by-proxy-77984220.esm.js';
 import { g as getMcOrigin } from './get-mc-origin-fecfee07.esm.js';
 import { u as useRedirector } from './redirector-54a03b75.esm.js';

package/dist/{redirect-to-login-d2287ced.cjs.dev.js → redirect-to-login-5e78faae.cjs.dev.js}

@@ -6,7 +6,7 @@ var uuid = require('uuid');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var constants = require('@commercetools-frontend/constants');
 var urlUtils = require('@commercetools-frontend/url-utils');
-var oidc = require('./oidc-7c48215c.cjs.dev.js');
+var oidc = require('./oidc-63e926e1.cjs.dev.js');
 var useIsServedByProxy = require('./use-is-served-by-proxy-ed411f45.cjs.dev.js');
 var getMcOrigin = require('./get-mc-origin-a86dff20.cjs.dev.js');
 var redirector = require('./redirector-fcdeaba7.cjs.dev.js');

package/dist/{redirect-to-login-e4f2ca07.cjs.prod.js → redirect-to-login-ad874fb5.cjs.prod.js}

@@ -6,7 +6,7 @@ var uuid = require('uuid');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var constants = require('@commercetools-frontend/constants');
 var urlUtils = require('@commercetools-frontend/url-utils');
-var oidc = require('./oidc-b070ff6c.cjs.prod.js');
+var oidc = require('./oidc-cfa56c46.cjs.prod.js');
 var useIsServedByProxy = require('./use-is-served-by-proxy-845cace5.cjs.prod.js');
 var getMcOrigin = require('./get-mc-origin-8f7a578c.cjs.prod.js');
 var redirector = require('./redirector-15844d9b.cjs.prod.js');

package/dist/{redirect-to-logout-f3e5475b.cjs.dev.js → redirect-to-logout-86110e8c.cjs.dev.js}

@@ -13,7 +13,7 @@ var reactRouterDom = require('react-router-dom');
 var constants = require('@commercetools-frontend/constants');
 var useIsServedByProxy = require('./use-is-served-by-proxy-ed411f45.cjs.dev.js');
 var getMcOrigin = require('./get-mc-origin-a86dff20.cjs.dev.js');
-var dist_commercetoolsFrontendApplicationShell = require('./index-c92d8a48.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-3a78b6af.cjs.dev.js');
 var redirector = require('./redirector-fcdeaba7.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@commercetools-frontend/application-shell-connectors');
@@ -45,7 +45,7 @@ require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 require('@emotion/react');
 require('@commercetools-frontend/application-components');
 require('@commercetools-frontend/i18n');
-require('./oidc-7c48215c.cjs.dev.js');
+require('./oidc-63e926e1.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
 require('@commercetools-uikit/design-system');

package/dist/{redirect-to-logout-5f9db1ee.esm.js → redirect-to-logout-9b60153e.esm.js}

@@ -11,7 +11,7 @@ import { useLocation } from 'react-router-dom';
 import { LOGOUT_REASONS } from '@commercetools-frontend/constants';
 import { u as useIsServedByProxy } from './use-is-served-by-proxy-77984220.esm.js';
 import { g as getMcOrigin } from './get-mc-origin-fecfee07.esm.js';
-import { R as RedirectToLogin } from './index-fd3ab5c6.esm.js';
+import { R as RedirectToLogin } from './index-5f138907.esm.js';
 import { R as Redirector } from './redirector-54a03b75.esm.js';
 import { jsx } from '@emotion/react/jsx-runtime';
 import '@commercetools-frontend/application-shell-connectors';
@@ -43,7 +43,7 @@ import '@babel/runtime-corejs3/core-js-stable/array/is-array';
 import '@emotion/react';
 import '@commercetools-frontend/application-components';
 import '@commercetools-frontend/i18n';
-import './oidc-da8526e3.esm.js';
+import './oidc-ff53dfd3.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import '@babel/runtime-corejs3/core-js-stable/instance/map';
 import '@commercetools-uikit/design-system';

package/dist/{redirect-to-logout-7609e738.cjs.prod.js → redirect-to-logout-9b9b32c5.cjs.prod.js}

@@ -13,7 +13,7 @@ var reactRouterDom = require('react-router-dom');
 var constants = require('@commercetools-frontend/constants');
 var useIsServedByProxy = require('./use-is-served-by-proxy-845cace5.cjs.prod.js');
 var getMcOrigin = require('./get-mc-origin-8f7a578c.cjs.prod.js');
-var dist_commercetoolsFrontendApplicationShell = require('./index-528c3a33.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-3d6cf404.cjs.prod.js');
 var redirector = require('./redirector-15844d9b.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@commercetools-frontend/application-shell-connectors');
@@ -45,7 +45,7 @@ require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 require('@emotion/react');
 require('@commercetools-frontend/application-components');
 require('@commercetools-frontend/i18n');
-require('./oidc-b070ff6c.cjs.prod.js');
+require('./oidc-cfa56c46.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
 require('@commercetools-uikit/design-system');

package/dist/{requests-in-flight-loader-43b3200e.esm.js → requests-in-flight-loader-0f883386.esm.js}

@@ -11,7 +11,7 @@ import ReactDOM from 'react-dom';
 import { defineMessages, FormattedMessage } from 'react-intl';
 import { useSelector } from 'react-redux';
 import LoadingSpinner from '@commercetools-uikit/loading-spinner';
-import { c as REQUESTS_IN_FLIGHT_LOADER_DOM_ID } from './index-fd3ab5c6.esm.js';
+import { c as REQUESTS_IN_FLIGHT_LOADER_DOM_ID } from './index-5f138907.esm.js';
 import { jsx } from '@emotion/react/jsx-runtime';
 import 'prop-types';
 import 'react';
@@ -42,7 +42,7 @@ import '@babel/runtime-corejs3/core-js-stable/array/is-array';
 import '@emotion/react';
 import '@commercetools-frontend/application-components';
 import '@commercetools-frontend/i18n';
-import './oidc-da8526e3.esm.js';
+import './oidc-ff53dfd3.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import '@babel/runtime-corejs3/core-js-stable/instance/map';
 import '@babel/runtime-corejs3/core-js-stable/url';

package/dist/{requests-in-flight-loader-a54338f5.cjs.dev.js → requests-in-flight-loader-6ab1fa05.cjs.dev.js}

@@ -13,7 +13,7 @@ var ReactDOM = require('react-dom');
 var reactIntl = require('react-intl');
 var reactRedux = require('react-redux');
 var LoadingSpinner = require('@commercetools-uikit/loading-spinner');
-var dist_commercetoolsFrontendApplicationShell = require('./index-c92d8a48.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-3a78b6af.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('prop-types');
 require('react');
@@ -44,7 +44,7 @@ require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 require('@emotion/react');
 require('@commercetools-frontend/application-components');
 require('@commercetools-frontend/i18n');
-require('./oidc-7c48215c.cjs.dev.js');
+require('./oidc-63e926e1.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
 require('@babel/runtime-corejs3/core-js-stable/url');

package/dist/{requests-in-flight-loader-10022cf4.cjs.prod.js → requests-in-flight-loader-f5ea48c9.cjs.prod.js}

@@ -13,7 +13,7 @@ var ReactDOM = require('react-dom');
 var reactIntl = require('react-intl');
 var reactRedux = require('react-redux');
 var LoadingSpinner = require('@commercetools-uikit/loading-spinner');
-var dist_commercetoolsFrontendApplicationShell = require('./index-528c3a33.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-3d6cf404.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('prop-types');
 require('react');
@@ -44,7 +44,7 @@ require('@babel/runtime-corejs3/core-js-stable/array/is-array');
 require('@emotion/react');
 require('@commercetools-frontend/application-components');
 require('@commercetools-frontend/i18n');
-require('./oidc-b070ff6c.cjs.prod.js');
+require('./oidc-cfa56c46.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
 require('@babel/runtime-corejs3/core-js-stable/url');

package/dist/{service-page-project-switcher-a1408268.esm.js → service-page-project-switcher-1b1fa2df.esm.js}

@@ -1,7 +1,7 @@
 import _styled from '@emotion/styled/base';
 import { useParams } from 'react-router-dom';
 import { useApplicationContext } from '@commercetools-frontend/application-shell-connectors';
-import { e as ProjectSwitcher } from './index-fd3ab5c6.esm.js';
+import { e as ProjectSwitcher } from './index-5f138907.esm.js';
 import { jsx } from '@emotion/react/jsx-runtime';
 
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }

package/dist/{service-page-project-switcher-0bd44b89.cjs.prod.js → service-page-project-switcher-7cddddfb.cjs.prod.js}

@@ -3,7 +3,7 @@
 var _styled = require('@emotion/styled/base');
 var reactRouterDom = require('react-router-dom');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
-var dist_commercetoolsFrontendApplicationShell = require('./index-528c3a33.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-3d6cf404.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/dist/{service-page-project-switcher-ffa91841.cjs.dev.js → service-page-project-switcher-b35c912b.cjs.dev.js}

@@ -3,7 +3,7 @@
 var _styled = require('@emotion/styled/base');
 var reactRouterDom = require('react-router-dom');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
-var dist_commercetoolsFrontendApplicationShell = require('./index-c92d8a48.cjs.dev.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-3a78b6af.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/dist/{user-settings-menu-4580467a.cjs.prod.js → user-settings-menu-1314b25d.cjs.prod.js}

@@ -22,7 +22,6 @@ var reactBroadcast = require('@flopflip/react-broadcast');
 var Downshift = require('downshift');
 var reactIntl = require('react-intl');
 var reactRouterDom = require('react-router-dom');
-var applicationComponents = require('@commercetools-frontend/application-components');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var constants = require('@commercetools-frontend/constants');
 var sentry = require('@commercetools-frontend/sentry');
@@ -31,7 +30,7 @@ var Avatar = require('@commercetools-uikit/avatar');
 var designSystem = require('@commercetools-uikit/design-system');
 var Spacings = require('@commercetools-uikit/spacings');
 var Text = require('@commercetools-uikit/text');
-var oidc = require('./oidc-b070ff6c.cjs.prod.js');
+var oidc = require('./oidc-cfa56c46.cjs.prod.js');
 var useApplicationsMenu = require('./use-applications-menu-0d3f4ffc.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
@@ -159,7 +158,7 @@ const renderLabel = (menu, applicationLanguage) => {
 };
 const MenuItem = /*#__PURE__*/_styled__default["default"]("div", {
   target: "e1al5ftg0"
-} )("width:100%;cursor:pointer;color:", designSystem.designTokens.colorSolid, ";:hover{background-color:", applicationComponents.designTokens.backgroundColorForUserMenuItemWhenHovered, ";}", props => props.hasDivider === true ? /*#__PURE__*/react$1.css("border-bottom:1px solid ", designSystem.designTokens.colorNeutral, ";margin:", applicationComponents.designTokens.marginForUserMenuItem, ";" + ("" ), "" ) : '', ";" + ("" ));
+} )("width:100%;cursor:pointer;color:", designSystem.designTokens.colorSolid, ";:hover{background-color:", designSystem.designTokens.colorNeutral95, ";}", props => props.hasDivider === true ? /*#__PURE__*/react$1.css("border-bottom:1px solid ", designSystem.designTokens.colorNeutral, ";margin:", designSystem.designTokens.spacing10, " 0;" + ("" ), "" ) : '', ";" + ("" ));
 const MenuItemLabel = props => jsxRuntime.jsx("div", {
   css: /*#__PURE__*/react$1.css("padding:", designSystem.designTokens.spacing20, " ", designSystem.designTokens.spacing50, ";" + ("" ), "" ),
   children: props.children