@shopgate/pwa-ui-shared 7.30.0-alpha.8 → 7.30.0-beta.1

package/ToggleIcon/index.js

@@ -1,48 +1,54 @@
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 
 /**
  * No operational default handler
  */
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const noop = () => {};
 
 /**
  * An toggle icon with toggle handlers.
  */
-class ToggleIcon extends Component {
+let ToggleIcon = /*#__PURE__*/function (_Component) {
   /**
    * @param {Object} props The component properties.
    */
-  constructor(props) {
-    super(props);
+  function ToggleIcon(props) {
+    var _this;
+    _this = _Component.call(this, props) || this;
     /**
      * Toggle icon
      */
-    this.handleToggle = () => {
-      this.setState(({
+    _this.handleToggle = () => {
+      _this.setState(({
         on
       }) => ({
         on: !on
-      }), () => this.props.toggleHandler(this.state.on));
+      }), () => _this.props.toggleHandler(_this.state.on));
     };
-    this.state = {
+    _this.state = {
       on: props.on
     };
+    return _this;
   }
 
   /**
    * Reset state to received props
    * @param {Object} nextProps next props
    */
-  UNSAFE_componentWillReceiveProps(nextProps) {
+  _inheritsLoose(ToggleIcon, _Component);
+  var _proto = ToggleIcon.prototype;
+  _proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {
     this.setState({
       on: nextProps.on
     });
-  }
+  };
   /**
    * @return {*}
    */
-  render() {
+  _proto.render = function render() {
     const {
       onIcon,
       offIcon
@@ -50,13 +56,15 @@ class ToggleIcon extends Component {
     const {
       on
     } = this.state;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_jsxs("div", {
       className: "ui-shared__toggle-icon",
       onClick: this.handleToggle,
-      "aria-hidden": true
-    }, on && onIcon, !on && offIcon);
-  }
-}
+      "aria-hidden": true,
+      children: [on && onIcon, !on && offIcon]
+    });
+  };
+  return ToggleIcon;
+}(Component);
 ToggleIcon.defaultProps = {
   on: true,
   toggleHandler: noop

package/ToggleIcon/spec.js

@@ -1,33 +1,37 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { mount } from 'enzyme';
 import ToggleIcon from "./index";
 import VisibilityIcon from "../icons/VisibilityIcon";
 import VisibilityOffIcon from "../icons/VisibilityOffIcon";
+import { jsx as _jsx } from "react/jsx-runtime";
 const inputProps = {
-  onIcon: /*#__PURE__*/React.createElement(VisibilityIcon, null),
-  offIcon: /*#__PURE__*/React.createElement(VisibilityOffIcon, null)
+  onIcon: /*#__PURE__*/_jsx(VisibilityIcon, {}),
+  offIcon: /*#__PURE__*/_jsx(VisibilityOffIcon, {})
 };
 describe('<ToggleIcon>', () => {
   it('should render a toggle icon', () => {
-    const wrapper = mount(/*#__PURE__*/React.createElement(ToggleIcon, inputProps));
+    const wrapper = mount(/*#__PURE__*/_jsx(ToggleIcon, {
+      ...inputProps
+    }));
     expect(wrapper).toMatchSnapshot();
     expect(wrapper.find('VisibilityIcon').length).toBe(1);
     expect(wrapper.find('VisibilityOffIcon').length).toBe(0);
   });
   it('should render a toggle icon with false as default', () => {
-    const wrapper = mount(/*#__PURE__*/React.createElement(ToggleIcon, _extends({}, inputProps, {
+    const wrapper = mount(/*#__PURE__*/_jsx(ToggleIcon, {
+      ...inputProps,
       on: false
-    })));
+    }));
     expect(wrapper).toMatchSnapshot();
     expect(wrapper.find('VisibilityIcon').length).toBe(0);
     expect(wrapper.find('VisibilityOffIcon').length).toBe(1);
   });
   it('should trigger the toggleHandler callback', () => {
     const mockToggleHandler = jest.fn();
-    const wrapper = mount(/*#__PURE__*/React.createElement(ToggleIcon, _extends({}, inputProps, {
+    const wrapper = mount(/*#__PURE__*/_jsx(ToggleIcon, {
+      ...inputProps,
       toggleHandler: mockToggleHandler
-    })));
+    }));
     wrapper.find('div').simulate('click');
     expect(wrapper).toMatchSnapshot();
     expect(mockToggleHandler.mock.calls.length).toBe(1);

package/icons/AccountBoxIcon.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 AccountBox = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.accountBox
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const AccountBox = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.accountBox,
+  ...props
+});
 export default AccountBox;

package/icons/AddMoreIcon.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 AddMore = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.addMore
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const AddMore = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.addMore,
+  ...props
+});
 export default AddMore;

package/icons/ArrowDropIcon.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 ArrowDrop = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.arrowDrop
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const ArrowDrop = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.arrowDrop,
+  ...props
+});
 export default ArrowDrop;

package/icons/ArrowIcon.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';
@@ -10,14 +9,16 @@ import { themeConfig } from '@shopgate/pwa-common/helpers/config';
  * @param {boolean} props.shadow Whether to show a shadow under the arrow.
  * @returns {JSX}
  */
+import { jsx as _jsx } from "react/jsx-runtime";
 const ArrowIcon = ({
   shadow,
   ...props
 }) => {
   const content = shadow ? themeConfig.icons.arrowShadowed : themeConfig.icons.arrow;
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    content: content
-  }, props));
+  return /*#__PURE__*/_jsx(Icon, {
+    content: content,
+    ...props
+  });
 };
 ArrowIcon.defaultProps = {
   shadow: false

package/icons/BarcodeScannerIcon.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 BarcodeScanner = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.barcodeScanner
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const BarcodeScanner = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.barcodeScanner,
+  ...props
+});
 export default BarcodeScanner;

package/icons/BoxIcon.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 Box = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.box
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const Box = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.box,
+  ...props
+});
 export default Box;

package/icons/BrowseIcon.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 Browse = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.browse
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const Browse = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.browse,
+  ...props
+});
 export default Browse;

package/icons/BurgerIcon.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 Burger = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.burger
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const Burger = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.burger,
+  ...props
+});
 export default Burger;

package/icons/CalendarIcon.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 d="M21.706 6.146c1.116 0 2.02-.898 2.02-2.016V2.02c0-1.119-.903-2.02-2.02-2.02s-2.019.9-2.019 2.02v2.111a2.014 2.014 0 002.019 2.015z"/><path d="M28.882 3.494h-4.066v1.027a3.078 3.078 0 01-3.075 3.076 3.076 3.076 0 01-3.074-3.076V3.494h-8.205v1.027c0 1.695-1.379 3.076-3.076 3.076s-3.075-1.38-3.075-3.076V3.494L.208 3.443v25.678h26.656l2.049-.006-.031-25.621zm-2.02 23.582H2.26V10.672h24.604v16.404h-.002z"/><path d="M7.354 6.146A2.016 2.016 0 009.375 4.13V2.02C9.375.9 8.47 0 7.354 0S5.336.9 5.336 2.02v2.111c0 1.117.901 2.015 2.018 2.015zM10.468 12.873h3.231v2.852h-3.231zM15.692 12.873h3.234v2.852h-3.234zM20.537 12.873h3.231v2.852h-3.231zM10.468 17.609h3.231v2.85h-3.231zM15.692 17.609h3.234v2.85h-3.234zM20.537 17.609h3.231v2.85h-3.231zM10.468 22.439h3.231v2.85h-3.231zM5.336 17.609h3.229v2.85H5.336zM5.336 22.439h3.229v2.85H5.336zM15.692 22.439h3.234v2.85h-3.234zM20.537 22.439h3.231v2.85h-3.231z"/>';
 
 /**
@@ -10,9 +10,9 @@ const content = '<path d="M21.706 6.146c1.116 0 2.02-.898 2.02-2.016V2.02c0-1.11
  * @param {Object} props The component properties.
  * @returns {JSX}
  */
-const Calendar = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: content
-}, props, {
+const Calendar = props => /*#__PURE__*/_jsx(Icon, {
+  content: content,
+  ...props,
   viewBox: "0 0 29.121 29.121"
-}));
+});
 export default Calendar;

package/icons/CartCouponIcon.js

@@ -1,6 +1,6 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Icon from '@shopgate/pwa-common/components/Icon';
+import { jsx as _jsx } from "react/jsx-runtime";
 const content = `
   <defs>
     <style>
@@ -68,8 +68,9 @@ const content = `
  * @param {Object} props .
  * @returns {JSX}
  */
-const CartCouponIcon = props => /*#__PURE__*/React.createElement(Icon, _extends({
+const CartCouponIcon = props => /*#__PURE__*/_jsx(Icon, {
   content: content,
-  viewBox: "3548 7826 45.999 46"
-}, props));
+  viewBox: "3548 7826 45.999 46",
+  ...props
+});
 export default CartCouponIcon;

package/icons/CartIcon.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 CartIcon = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.cart
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const CartIcon = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.cart,
+  ...props
+});
 export default CartIcon;

package/icons/CartPlusIcon.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 CartPlus = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.cartPlus
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const CartPlus = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.cartPlus,
+  ...props
+});
 export default CartPlus;

package/icons/CheckIcon.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 Check = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.check
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const Check = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.check,
+  ...props
+});
 export default Check;

package/icons/CheckedIcon.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 Checked = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.checked
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const Checked = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.checked,
+  ...props
+});
 export default Checked;

package/icons/ChevronIcon.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 Chevron = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.chevron
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const Chevron = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.chevron,
+  ...props
+});
 export default Chevron;

package/icons/CreditCardIcon.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 CreditCard = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.creditCard
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const CreditCard = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.creditCard,
+  ...props
+});
 export default CreditCard;

package/icons/CrossIcon.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 Cross = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.cross
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const Cross = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.cross,
+  ...props
+});
 export default Cross;

package/icons/DescriptionIcon.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 Description = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.description
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const Description = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.description,
+  ...props
+});
 export default Description;

package/icons/FilterIcon.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 Filter = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.filter
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const Filter = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.filter,
+  ...props
+});
 export default Filter;

package/icons/FlashDisabledIcon.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 FlashDisabled = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.flashDisabled
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const FlashDisabled = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.flashDisabled,
+  ...props
+});
 export default FlashDisabled;

package/icons/FlashEnabledIcon.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 FlashEnabled = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.flashEnabled
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const FlashEnabled = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.flashEnabled,
+  ...props
+});
 export default FlashEnabled;

package/icons/GridIcon.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 Grid = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.grid
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const Grid = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.grid,
+  ...props
+});
 export default Grid;

package/icons/HeartIcon.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 Heart = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.heart
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const Heart = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.heart,
+  ...props
+});
 export default Heart;

package/icons/HeartOutlineIcon.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 HeartOutline = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.heartOutline
-}, props));
+import { jsx as _jsx } from "react/jsx-runtime";
+const HeartOutline = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.heartOutline,
+  ...props
+});
 export default HeartOutline;

package/icons/HeartPlusIcon.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="M12 18C12 19 12.25 19.92 12.67 20.74L12 21.35L10.55 20.03C5.4 15.36 2 12.27 2 8.5C2 5.41 4.42 3 7.5 3C9.24 3 10.91 3.81 12 5.08C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.41 22 8.5C22 9.93 21.5 11.26 20.62 12.61C19.83 12.23 18.94 12 18 12C14.69 12 12 14.69 12 18M19 14H17V17H14V19H17V22H19V19H22V17H19V14Z" />';
 
 /**
@@ -9,7 +9,8 @@ const fallback = '<path d="M12 18C12 19 12.25 19.92 12.67 20.74L12 21.35L10.55 2
  * @param {Object} props The icon component properties.
  * @returns {JSX}
  */
-const HeartPlus = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.heartPlus || fallback
-}, props));
+const HeartPlus = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.heartPlus || fallback,
+  ...props
+});
 export default HeartPlus;

package/icons/HeartPlusOutlineIcon.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="M12.67 20.74L12 21.35L10.55 20.03C5.4 15.36 2 12.27 2 8.5C2 5.41 4.42 3 7.5 3C9.24 3 10.91 3.81 12 5.08C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.41 22 8.5C22 9.93 21.5 11.26 20.62 12.61C20 12.31 19.31 12.11 18.59 12.04C19.5 10.8 20 9.65 20 8.5C20 6.5 18.5 5 16.5 5C14.96 5 13.46 6 12.93 7.36H11.07C10.54 6 9.04 5 7.5 5C5.5 5 4 6.5 4 8.5C4 11.39 7.14 14.24 11.89 18.55L12 18.65L12.04 18.61C12.12 19.37 12.34 20.09 12.67 20.74M17 14V17H14V19H17V22H19V19H22V17H19V14H17Z" />';
 
 /**
@@ -9,7 +9,8 @@ const fallback = '<path d="M12.67 20.74L12 21.35L10.55 20.03C5.4 15.36 2 12.27 2
  * @param {Object} props The icon component properties.
  * @returns {JSX}
  */
-const HeartPlusOutline = props => /*#__PURE__*/React.createElement(Icon, _extends({
-  content: themeConfig.icons.heartPlusOutline || fallback
-}, props));
+const HeartPlusOutline = props => /*#__PURE__*/_jsx(Icon, {
+  content: themeConfig.icons.heartPlusOutline || fallback,
+  ...props
+});
 export default HeartPlusOutline;