@commercetools-frontend/application-shell 22.17.1 → 22.18.0

package/dist/{quick-access-54c3641d.cjs.prod.js → quick-access-76e2b7b2.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-34857f5d.cjs.prod.js');
+var dist_commercetoolsFrontendApplicationShell = require('./index-e9dcdd6b.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,16 +59,16 @@ require('redux-logger');
 require('@emotion/styled/base');
 require('@commercetools-frontend/application-components');
 require('@commercetools-frontend/i18n');
-require('./oidc-3f3b899b.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');
-require('@babel/runtime-corejs3/helpers/objectDestructuringEmpty');
-require('@babel/runtime-corejs3/helpers/extends');
+require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 require('memoize-one');
 require('react-select');
 require('@commercetools-uikit/accessible-hidden');
 require('@commercetools-uikit/select-input');
+require('@commercetools-uikit/text');
 require('@commercetools-frontend/assets/images/ct-logo.svg');
 require('@commercetools-frontend/browser-history');
 require('@commercetools-frontend/l10n');
@@ -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, {