@shopgate/pwa-ui-shared 7.30.0-alpha.10 → 7.30.0-alpha.11

package/icons/MapMarkerIcon.js

@@ -1,9 +1,9 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Icon from '@shopgate/pwa-common/components/Icon';
 import { themeConfig } from '@shopgate/pwa-common/helpers/config';
 
 // SVG Content
+import { jsx as _jsx } from "react/jsx-runtime";
 const content = `
 <g>
   <defs>
@@ -21,7 +21,8 @@ const content = `
  * @param {Object} props The component properties.
  * @returns {JSX}
  */
-const MapMarkerIcon = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.mapMarker || content
-}, props));
+const MapMarkerIcon = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.mapMarker || content,
+  ...props
+});
 export default MapMarkerIcon;

package/icons/MoreIcon.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Icon from '@shopgate/pwa-common/components/Icon';
 import { themeConfig } from '@shopgate/pwa-common/helpers/config';
@@ -8,7 +7,9 @@ import { themeConfig } from '@shopgate/pwa-common/helpers/config';
  * @param {Object} props The icon component properties.
  * @returns {JSX}
  */
-const More = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.more
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const More = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.more,
+  ...props
+});
 export default More;

package/icons/MoreVertIcon.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Icon from '@shopgate/pwa-common/components/Icon';
 import { themeConfig } from '@shopgate/pwa-common/helpers/config';
@@ -8,7 +7,9 @@ import { themeConfig } from '@shopgate/pwa-common/helpers/config';
  * @param {Object} props The icon component properties.
  * @returns {JSX}
  */
-const MoreVert = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.moreVert
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const MoreVert = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.moreVert,
+  ...props
+});
 export default MoreVert;

package/icons/NotificationIcon.js

@@ -1,9 +1,9 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Icon from '@shopgate/pwa-common/components/Icon';
 import { themeConfig } from '@shopgate/pwa-common/helpers/config';
 
 // SVG Content
+import { jsx as _jsx } from "react/jsx-runtime";
 const content = '<path d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z"/>';
 
 /**
@@ -11,7 +11,8 @@ const content = '<path d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07
  * @param {Object} props The icon component properties.
  * @returns {JSX}
  */
-const Notification = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.notification || content
-}, props));
+const Notification = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.notification || content,
+  ...props
+});
 export default Notification;

package/icons/PersonIcon.js

@@ -1,7 +1,7 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Icon from '@shopgate/pwa-common/components/Icon';
 import { themeConfig } from '@shopgate/pwa-common/helpers/config';
+import { jsx as _jsx } from "react/jsx-runtime";
 const fallback = '<path d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/>';
 
 /**
@@ -12,7 +12,8 @@ const fallback = '<path d="M0 0h24v24H0z" fill="none"/><path d="M12 12c2.21 0 4-
  * @param {Object} props - Icon component props.
  * @returns {JSX.Element}
  */
-const PersonIcon = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.person || fallback
-}, props));
+const PersonIcon = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.person || fallback,
+  ...props
+});
 export default PersonIcon;

package/icons/PhoneIcon.js

@@ -1,8 +1,8 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Icon from '@shopgate/pwa-common/components/Icon';
 
 // SVG Content
+import { jsx as _jsx } from "react/jsx-runtime";
 const content = '<path fill="none" d="M0 0h24v24H0z"/><path d="M7 11c1 3 3 5 6 6l2-2h1l4 1 1 1v3l-1 1C11 21 3 13 3 4l1-1h4l1 1v5l-2 2z"/>';
 
 /**
@@ -10,7 +10,8 @@ const content = '<path fill="none" d="M0 0h24v24H0z"/><path d="M7 11c1 3 3 5 6 6
  * @param {Object} props The component properties.
  * @returns {JSX}
  */
-const Phone = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: content
-}, props));
+const Phone = props => /*#__PURE__*/_jsx(Icon, {
+  content: content,
+  ...props
+});
 export default Phone;

package/icons/PlaceholderIcon.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Icon from '@shopgate/pwa-common/components/Icon';
 import { themeConfig } from '@shopgate/pwa-common/helpers/config';
@@ -8,7 +7,9 @@ import { themeConfig } from '@shopgate/pwa-common/helpers/config';
  * @param {Object} props The icon component properties.
  * @returns {JSX}
  */
-const Placeholder = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.placeholder
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const Placeholder = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.placeholder,
+  ...props
+});
 export default Placeholder;

package/icons/RadioCheckedIcon.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Icon from '@shopgate/pwa-common/components/Icon';
 import { themeConfig } from '@shopgate/pwa-common/helpers/config';
@@ -11,7 +10,9 @@ import { themeConfig } from '@shopgate/pwa-common/helpers/config';
  * @param {Object} props The icon component properties.
  * @returns {JSX}
  */
-const RadioChecked = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.radioChecked
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const RadioChecked = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.radioChecked,
+  ...props
+});
 export default RadioChecked;

package/icons/RadioUncheckedIcon.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Icon from '@shopgate/pwa-common/components/Icon';
 import { themeConfig } from '@shopgate/pwa-common/helpers/config';
@@ -11,7 +10,9 @@ import { themeConfig } from '@shopgate/pwa-common/helpers/config';
  * @param {Object} props The icon component properties.
  * @returns {JSX}
  */
-const RadioUnchecked = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.radioUnchecked
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const RadioUnchecked = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.radioUnchecked,
+  ...props
+});
 export default RadioUnchecked;

package/icons/SecurityIcon.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Icon from '@shopgate/pwa-common/components/Icon';
 import { themeConfig } from '@shopgate/pwa-common/helpers/config';
@@ -8,7 +7,9 @@ import { themeConfig } from '@shopgate/pwa-common/helpers/config';
  * @param {Object} props The icon component properties.
  * @returns {JSX}
  */
-const Security = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.security
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const Security = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.security,
+  ...props
+});
 export default Security;

package/icons/ShippingMethodIcon.js

@@ -1,9 +1,9 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Icon from '@shopgate/pwa-common/components/Icon';
 import { themeConfig } from '@shopgate/pwa-common/helpers/config';
 
 // SVG Content
+import { jsx as _jsx } from "react/jsx-runtime";
 const content = `
 <g fill="none" fill-rule="evenodd" transform="translate(0,4.5)">
   <path d="M-1-4h24v24H-1z"/>
@@ -15,7 +15,8 @@ const content = `
  * @param {Object} props The component properties.
  * @returns {JSX}
  */
-const ShippingMethodIcon = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.shippingMethod || content
-}, props));
+const ShippingMethodIcon = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.shippingMethod || content,
+  ...props
+});
 export default ShippingMethodIcon;

package/icons/ShoppingCartIcon.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Icon from '@shopgate/pwa-common/components/Icon';
 import { themeConfig } from '@shopgate/pwa-common/helpers/config';
@@ -8,7 +7,9 @@ import { themeConfig } from '@shopgate/pwa-common/helpers/config';
  * @param {Object} props The icon component properties.
  * @returns {JSX}
  */
-const ShoppingCart = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.shoppingCart
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const ShoppingCart = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.shoppingCart,
+  ...props
+});
 export default ShoppingCart;

package/icons/SortIcon.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Icon from '@shopgate/pwa-common/components/Icon';
 import { themeConfig } from '@shopgate/pwa-common/helpers/config';
@@ -8,7 +7,9 @@ import { themeConfig } from '@shopgate/pwa-common/helpers/config';
  * @param {Object} props The component properties.
  * @returns {JSX}
  */
-const Sort = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.sort
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const Sort = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.sort,
+  ...props
+});
 export default Sort;

package/icons/StarHalfIcon.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import PropTypes from 'prop-types';
 import Icon from '@shopgate/pwa-common/components/Icon';
@@ -9,9 +8,11 @@ import { themeConfig } from '@shopgate/pwa-common/helpers/config';
  * @param {Object} props The icon component properties.
  * @returns {JSX}
  */
-const StarHalfIcon = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.starHalf
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const StarHalfIcon = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.starHalf,
+  ...props
+});
 StarHalfIcon.defaultProps = {
   className: '',
   color: null,

package/icons/StarIcon.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import PropTypes from 'prop-types';
 import Icon from '@shopgate/pwa-common/components/Icon';
@@ -9,9 +8,11 @@ import { themeConfig } from '@shopgate/pwa-common/helpers/config';
  * @param {Object} props The icon component properties.
  * @returns {JSX}
  */
-const Star = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.star
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const Star = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.star,
+  ...props
+});
 Star.defaultProps = {
   className: '',
   color: null,

package/icons/StarOutlineIcon.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Icon from '@shopgate/pwa-common/components/Icon';
 import { themeConfig } from '@shopgate/pwa-common/helpers/config';
@@ -8,7 +7,9 @@ import { themeConfig } from '@shopgate/pwa-common/helpers/config';
  * @param {Object} props The icon component properties.
  * @returns {JSX}
  */
-const StarOutline = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.starOutline
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const StarOutline = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.starOutline,
+  ...props
+});
 export default StarOutline;

package/icons/StopIcon.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Icon from '@shopgate/pwa-common/components/Icon';
 import { themeConfig } from '@shopgate/pwa-common/helpers/config';
@@ -8,7 +7,9 @@ import { themeConfig } from '@shopgate/pwa-common/helpers/config';
  * @param {Object} props The icon component properties.
  * @returns {JSX}
  */
-const StopIcon = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.stop
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const StopIcon = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.stop,
+  ...props
+});
 export default StopIcon;

package/icons/TickIcon.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Icon from '@shopgate/pwa-common/components/Icon';
 import { themeConfig } from '@shopgate/pwa-common/helpers/config';
@@ -8,7 +7,9 @@ import { themeConfig } from '@shopgate/pwa-common/helpers/config';
  * @param {Object} props The icon component properties.
  * @returns {JSX}
  */
-const Tick = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.tick
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const Tick = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.tick,
+  ...props
+});
 export default Tick;

package/icons/TimeIcon.js

@@ -1,9 +1,9 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Icon from '@shopgate/pwa-common/components/Icon';
 import { themeConfig } from '@shopgate/pwa-common/helpers/config';
 
 // SVG Content
+import { jsx as _jsx } from "react/jsx-runtime";
 const content = '<path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"/>\n';
 
 /**
@@ -11,7 +11,8 @@ const content = '<path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 2
  * @param {Object} props The component properties.
  * @returns {JSX}
  */
-const TimeIcon = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.time || content
-}, props));
+const TimeIcon = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.time || content,
+  ...props
+});
 export default TimeIcon;

package/icons/TrashIcon.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Icon from '@shopgate/pwa-common/components/Icon';
 import { themeConfig } from '@shopgate/pwa-common/helpers/config';
@@ -8,7 +7,9 @@ import { themeConfig } from '@shopgate/pwa-common/helpers/config';
  * @param {Object} props The icon component properties.
  * @returns {JSX}
  */
-const Trash = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.trash
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const Trash = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.trash,
+  ...props
+});
 export default Trash;

package/icons/TrashOutlineIcon.js

@@ -1,7 +1,7 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Icon from '@shopgate/pwa-common/components/Icon';
 import { themeConfig } from '@shopgate/pwa-common/helpers/config';
+import { jsx as _jsx } from "react/jsx-runtime";
 const fallback = '<path d="M0 0h24v24H0V0z" fill="none"/><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM8 9h8v10H8V9zm7.5-5l-1-1h-5l-1 1H5v2h14V4z"/>';
 
 /**
@@ -10,7 +10,8 @@ const fallback = '<path d="M0 0h24v24H0V0z" fill="none"/><path d="M6 19c0 1.1.9
  * @param {Object} props The icon component properties.
  * @returns {JSX}
  */
-const TrashOutline = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.trashOutline || fallback
-}, props));
+const TrashOutline = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.trashOutline || fallback,
+  ...props
+});
 export default TrashOutline;

package/icons/UncheckedIcon.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Icon from '@shopgate/pwa-common/components/Icon';
 import { themeConfig } from '@shopgate/pwa-common/helpers/config';
@@ -8,7 +7,9 @@ import { themeConfig } from '@shopgate/pwa-common/helpers/config';
  * @param {Object} props The icon component properties.
  * @returns {JSX}
  */
-const Unchecked = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.unchecked
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const Unchecked = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.unchecked,
+  ...props
+});
 export default Unchecked;

package/icons/ViewListIcon.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Icon from '@shopgate/pwa-common/components/Icon';
 import { themeConfig } from '@shopgate/pwa-common/helpers/config';
@@ -8,7 +7,9 @@ import { themeConfig } from '@shopgate/pwa-common/helpers/config';
  * @param {Object} props The icon component properties.
  * @returns {JSX}
  */
-const ViewList = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.viewList
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const ViewList = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.viewList,
+  ...props
+});
 export default ViewList;

package/icons/VisibilityIcon.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Icon from '@shopgate/pwa-common/components/Icon';
 import { themeConfig } from '@shopgate/pwa-common/helpers/config';
@@ -9,7 +8,9 @@ import { themeConfig } from '@shopgate/pwa-common/helpers/config';
  * @param {Object} props The icon component properties.
  * @returns {JSX}
  */
-const VisibilityIcon = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.visibility
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const VisibilityIcon = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.visibility,
+  ...props
+});
 export default VisibilityIcon;

package/icons/VisibilityOffIcon.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Icon from '@shopgate/pwa-common/components/Icon';
 import { themeConfig } from '@shopgate/pwa-common/helpers/config';
@@ -9,7 +8,9 @@ import { themeConfig } from '@shopgate/pwa-common/helpers/config';
  * @param {Object} props The icon component properties.
  * @returns {JSX}
  */
-const VisibilityOffIcon = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.visibilityOff
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const VisibilityOffIcon = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.visibilityOff,
+  ...props
+});
 export default VisibilityOffIcon;

package/icons/WarningIcon.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Icon from '@shopgate/pwa-common/components/Icon';
 import { themeConfig } from '@shopgate/pwa-common/helpers/config';
@@ -8,7 +7,9 @@ import { themeConfig } from '@shopgate/pwa-common/helpers/config';
  * @param {Object} props The icon component properties.
  * @returns {JSX}
  */
-const WarningIcon = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.warning
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const WarningIcon = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.warning,
+  ...props
+});
 export default WarningIcon;

package/package.json

@@ -1,21 +1,20 @@
 {
   "name": "@shopgate/pwa-ui-shared",
-  "version": "7.30.0-alpha.10",
+  "version": "7.30.0-alpha.11",
   "description": "Shopgate's shared UI components.",
   "main": "index.js",
   "license": "Apache-2.0",
   "dependencies": {
-    "@shopgate/pwa-ui-ios": "7.30.0-alpha.10",
-    "@shopgate/pwa-ui-material": "7.30.0-alpha.10",
-    "react-day-picker": "^7.4.8"
+    "@shopgate/pwa-ui-ios": "7.30.0-alpha.11",
+    "@shopgate/pwa-ui-material": "7.30.0-alpha.11"
   },
   "devDependencies": {
-    "@shopgate/pwa-common": "7.30.0-alpha.10",
-    "@shopgate/pwa-common-commerce": "7.30.0-alpha.10",
+    "@shopgate/pwa-common": "7.30.0-alpha.11",
+    "@shopgate/pwa-common-commerce": "7.30.0-alpha.11",
     "classnames": "2.5.1",
-    "react": "~16.14.0"
+    "react": "^17.0.2"
   },
   "peerDependencies": {
-    "react": "~16.14.0"
+    "react": "^17.0.2"
   }
 }