@shopgate/pwa-ui-shared 7.31.4-beta.1 → 7.32.0-beta.2

package/TextField/components/FormElement/index.js

@@ -3,14 +3,14 @@ import PropTypes from 'prop-types';
 import Input from '@shopgate/pwa-common/components/Input';
 import { makeStyles } from '@shopgate/engage/styles';
 import { jsx as _jsx } from "react/jsx-runtime";
-const useStyles = makeStyles()({
+const useStyles = makeStyles()(theme => ({
   input: {
     position: 'relative',
     padding: 0,
     width: '100%',
     marginTop: 24,
     outline: 0,
-    fontSize: 16,
+    fontSize: theme.typography.body1.fontSize,
     lineHeight: '19px'
   },
   multiLine: {
@@ -25,7 +25,7 @@ const useStyles = makeStyles()({
     lineHeight: '19px',
     verticalAlign: 'top'
   }
-});
+}));
 
 /**
  * Creates an input or a multiLine based on the type prop.

package/TextField/components/Hint/index.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { I18n } from '@shopgate/engage/components';
-import { themeConfig } from '@shopgate/pwa-common/helpers/config';
 import { makeStyles } from '@shopgate/engage/styles';
 import { jsx as _jsx } from "react/jsx-runtime";
 const easing = '450ms cubic-bezier(0.23, 1, 0.32, 1)';
@@ -11,12 +10,12 @@ const ellipsisLine = {
   whiteSpace: 'nowrap',
   textOverflow: 'ellipsis'
 };
-const useStyles = makeStyles()({
+const useStyles = makeStyles()(theme => ({
   hint: {
     position: 'absolute',
     pointerEvents: 'none',
     bottom: 12,
-    color: themeConfig.colors.shade4,
+    color: theme.palette.grey.medium,
     willChange: 'transform',
     transition: `opacity ${easing}`,
     ...ellipsisLine
@@ -24,7 +23,7 @@ const useStyles = makeStyles()({
   hintInactive: {
     opacity: 0
   }
-});
+}));
 
 /**
  * The form element hint component.

package/TextField/components/Label/index.js

@@ -18,7 +18,7 @@ const useStyles = makeStyles()(theme => ({
     lineHeight: '19px',
     pointerEvents: 'none',
     userSelect: 'none',
-    color: 'var(--color-text-medium-emphasis)',
+    color: theme.palette.text.secondary,
     transformOrigin: 'left top 0px',
     willChange: 'transform, color',
     transition: `transform ${easing}, color ${easing}`,
@@ -28,7 +28,7 @@ const useStyles = makeStyles()(theme => ({
     transform: 'translate3d(0, -22px, 0) scale3d(0.75, 0.75, 0.75)'
   },
   labelRegular: {
-    color: 'var(--color-text-medium-emphasis)'
+    color: theme.palette.text.secondary
   },
   labelError: {
     color: theme.palette.error.main

package/TextField/components/Underline/index.js

@@ -1,18 +1,13 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import color from 'color';
-import { getCSSCustomProp, makeStyles, useTheme } from '@shopgate/engage/styles';
-import { themeConfig } from '@shopgate/pwa-common/helpers/config';
+import { makeStyles, useTheme } from '@shopgate/engage/styles';
 import { jsx as _jsx } from "react/jsx-runtime";
-const {
-  colors
-} = themeConfig;
 const easing = '450ms cubic-bezier(0.23, 1, 0.32, 1)';
-const useStyles = makeStyles()({
+const useStyles = makeStyles()(theme => ({
   underlineWrapper: {
     position: 'relative',
     width: '100%',
-    borderBottom: `1px solid ${colors.shade12}`,
+    borderBottom: `1px solid ${theme.components.border.dark}`,
     marginTop: 2,
     marginBottom: 7
   },
@@ -25,23 +20,20 @@ const useStyles = makeStyles()({
     willChange: 'transform',
     transition: `transform ${easing}`
   }
-});
+}));
 
 /**
  * Returns the underline inline style.
+ * @param {Object} theme The theme object.
  * @param {boolean} focused Is focused set or not.
  * @param {boolean} hasError Has error set or not.
  * @param {string} errorColor Theme error main color.
  * @return {Object} style
  */
-const getUnderlineStyle = (focused, hasError, errorColor) => {
-  const primaryColor = getCSSCustomProp('--color-primary') || colors.primary;
-  let focusColor = '--color-primary';
-  if (color(primaryColor).luminosity() >= 0.8) {
-    focusColor = '--color-secondary';
-  }
+const getUnderlineStyle = (theme, focused, hasError, errorColor) => {
+  const focusColor = theme.palette.primary.main;
   return {
-    borderBottomColor: hasError ? errorColor : `var(${focusColor}, ${colors.focus})`,
+    borderBottomColor: hasError ? errorColor : focusColor,
     ...(!focused && !hasError && {
       transform: 'scale3d(0,1,1)'
     })
@@ -64,7 +56,7 @@ const Underline = props => {
     "aria-hidden": true,
     children: /*#__PURE__*/_jsx("div", {
       className: classes.underline,
-      style: getUnderlineStyle(props.isFocused, props.hasErrorMessage, theme.palette.error.main)
+      style: getUnderlineStyle(theme, props.isFocused, props.hasErrorMessage, theme.palette.error.main)
     })
   });
 };

package/icons/AccountBoxIcon.d.ts

@@ -2,6 +2,6 @@ import type { IconProps } from '@shopgate/pwa-common/components/Icon';
 /**
  * The account box icon component.
  */
-declare const AccountBox: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+declare const AccountBox: (props: Omit<IconProps, "content">) => import("react").JSX.Element;
 export default AccountBox;
 //# sourceMappingURL=AccountBoxIcon.d.ts.map

package/icons/AccountBoxIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccountBoxIcon.d.ts","sourceRoot":"","sources":["../../icons/AccountBoxIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,UAAU,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CACQ,CAAC;AAE9D,eAAe,UAAU,CAAC"}
+{"version":3,"file":"AccountBoxIcon.d.ts","sourceRoot":"","sources":["../../icons/AccountBoxIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,UAAU,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,gCACQ,CAAC;AAE9D,eAAe,UAAU,CAAC"}

package/icons/AddMoreIcon.d.ts

@@ -2,6 +2,6 @@ import type { IconProps } from '@shopgate/pwa-common/components/Icon';
 /**
  * The add more icon component.
  */
-declare const AddMore: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+declare const AddMore: (props: Omit<IconProps, "content">) => import("react").JSX.Element;
 export default AddMore;
 //# sourceMappingURL=AddMoreIcon.d.ts.map

package/icons/AddMoreIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddMoreIcon.d.ts","sourceRoot":"","sources":["../../icons/AddMoreIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,OAAO,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CACQ,CAAC;AAE3D,eAAe,OAAO,CAAC"}
+{"version":3,"file":"AddMoreIcon.d.ts","sourceRoot":"","sources":["../../icons/AddMoreIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,OAAO,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,gCACQ,CAAC;AAE3D,eAAe,OAAO,CAAC"}

package/icons/ArrowDropIcon.d.ts

@@ -2,6 +2,6 @@ import type { IconProps } from '@shopgate/pwa-common/components/Icon';
 /**
  * The arrow-drop icon component.
  */
-declare const ArrowDrop: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+declare const ArrowDrop: (props: Omit<IconProps, "content">) => import("react").JSX.Element;
 export default ArrowDrop;
 //# sourceMappingURL=ArrowDropIcon.d.ts.map

package/icons/ArrowDropIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowDropIcon.d.ts","sourceRoot":"","sources":["../../icons/ArrowDropIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,SAAS,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CACQ,CAAC;AAE7D,eAAe,SAAS,CAAC"}
+{"version":3,"file":"ArrowDropIcon.d.ts","sourceRoot":"","sources":["../../icons/ArrowDropIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,SAAS,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,gCACQ,CAAC;AAE7D,eAAe,SAAS,CAAC"}

package/icons/ArrowIcon.d.ts

@@ -5,6 +5,6 @@ export interface ArrowIconProps extends Omit<IconProps, 'content'> {
 /**
  * The arrow icon component.
  */
-declare const ArrowIcon: ({ shadow, ...props }: ArrowIconProps) => import("react/jsx-runtime").JSX.Element;
+declare const ArrowIcon: ({ shadow, ...props }: ArrowIconProps) => import("react").JSX.Element;
 export default ArrowIcon;
 //# sourceMappingURL=ArrowIcon.d.ts.map

package/icons/ArrowIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowIcon.d.ts","sourceRoot":"","sources":["../../icons/ArrowIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAGtE,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC;IAChE,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;GAEG;AACH,QAAA,MAAM,SAAS,GAAI,sBAA8B,cAAc,4CAG9D,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"ArrowIcon.d.ts","sourceRoot":"","sources":["../../icons/ArrowIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAGtE,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC;IAChE,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;GAEG;AACH,QAAA,MAAM,SAAS,GAAI,sBAA8B,cAAc,gCAG9D,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/icons/BarcodeScannerIcon.d.ts

@@ -2,6 +2,6 @@ import type { IconProps } from '@shopgate/pwa-common/components/Icon';
 /**
  * The barcode icon component.
  */
-declare const BarcodeScanner: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+declare const BarcodeScanner: (props: Omit<IconProps, "content">) => import("react").JSX.Element;
 export default BarcodeScanner;
 //# sourceMappingURL=BarcodeScannerIcon.d.ts.map

package/icons/BarcodeScannerIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BarcodeScannerIcon.d.ts","sourceRoot":"","sources":["../../icons/BarcodeScannerIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,cAAc,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CACQ,CAAC;AAElE,eAAe,cAAc,CAAC"}
+{"version":3,"file":"BarcodeScannerIcon.d.ts","sourceRoot":"","sources":["../../icons/BarcodeScannerIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,cAAc,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,gCACQ,CAAC;AAElE,eAAe,cAAc,CAAC"}

package/icons/BoxIcon.d.ts

@@ -2,6 +2,6 @@ import type { IconProps } from '@shopgate/pwa-common/components/Icon';
 /**
  * The box icon component.
  */
-declare const Box: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+declare const Box: (props: Omit<IconProps, "content">) => import("react").JSX.Element;
 export default Box;
 //# sourceMappingURL=BoxIcon.d.ts.map

package/icons/BoxIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BoxIcon.d.ts","sourceRoot":"","sources":["../../icons/BoxIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAGtE;;GAEG;AACH,QAAA,MAAM,GAAG,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CAE7C,CAAC;AAEF,eAAe,GAAG,CAAC"}
+{"version":3,"file":"BoxIcon.d.ts","sourceRoot":"","sources":["../../icons/BoxIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAGtE;;GAEG;AACH,QAAA,MAAM,GAAG,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,gCAE7C,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/icons/BrowseIcon.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import type { IconProps } from '@shopgate/pwa-common/components/Icon';
 /**
  * The browse icon component.
  */
-declare const Browse: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+declare const Browse: (props: Omit<IconProps, "content">) => React.JSX.Element;
 export default Browse;
 //# sourceMappingURL=BrowseIcon.d.ts.map

package/icons/BrowseIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BrowseIcon.d.ts","sourceRoot":"","sources":["../../icons/BrowseIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,MAAM,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CACQ,CAAC;AAE1D,eAAe,MAAM,CAAC"}
+{"version":3,"file":"BrowseIcon.d.ts","sourceRoot":"","sources":["../../icons/BrowseIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,MAAM,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,sBACQ,CAAC;AAE1D,eAAe,MAAM,CAAC"}

package/icons/BurgerIcon.d.ts

@@ -2,6 +2,6 @@ import type { IconProps } from '@shopgate/pwa-common/components/Icon';
 /**
  * The burger icon component.
  */
-declare const Burger: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+declare const Burger: (props: Omit<IconProps, "content">) => import("react").JSX.Element;
 export default Burger;
 //# sourceMappingURL=BurgerIcon.d.ts.map

package/icons/BurgerIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BurgerIcon.d.ts","sourceRoot":"","sources":["../../icons/BurgerIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,MAAM,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CACQ,CAAC;AAE1D,eAAe,MAAM,CAAC"}
+{"version":3,"file":"BurgerIcon.d.ts","sourceRoot":"","sources":["../../icons/BurgerIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,MAAM,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,gCACQ,CAAC;AAE1D,eAAe,MAAM,CAAC"}

package/icons/CalendarIcon.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import type { IconProps } from '@shopgate/pwa-common/components/Icon';
 /**
  * The calendar icon component.
  */
-declare const Calendar: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+declare const Calendar: (props: Omit<IconProps, "content">) => React.JSX.Element;
 export default Calendar;
 //# sourceMappingURL=CalendarIcon.d.ts.map

package/icons/CalendarIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarIcon.d.ts","sourceRoot":"","sources":["../../icons/CalendarIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAMtE;;GAEG;AACH,QAAA,MAAM,QAAQ,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CACiB,CAAC;AAErE,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"CalendarIcon.d.ts","sourceRoot":"","sources":["../../icons/CalendarIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAMtE;;GAEG;AACH,QAAA,MAAM,QAAQ,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,sBACiB,CAAC;AAErE,eAAe,QAAQ,CAAC"}

package/icons/CartCouponIcon.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import type { IconProps } from '@shopgate/pwa-common/components/Icon';
 /**
  * Cart discount default icon
  */
-declare const CartCouponIcon: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+declare const CartCouponIcon: (props: Omit<IconProps, "content">) => React.JSX.Element;
 export default CartCouponIcon;
 //# sourceMappingURL=CartCouponIcon.d.ts.map

package/icons/CartCouponIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CartCouponIcon.d.ts","sourceRoot":"","sources":["../../icons/CartCouponIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAgEtE;;GAEG;AACH,QAAA,MAAM,cAAc,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CAIvD,CAAC;AAEH,eAAe,cAAc,CAAC"}
+{"version":3,"file":"CartCouponIcon.d.ts","sourceRoot":"","sources":["../../icons/CartCouponIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAgEtE;;GAEG;AACH,QAAA,MAAM,cAAc,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,sBAIvD,CAAC;AAEH,eAAe,cAAc,CAAC"}

package/icons/CartIcon.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import type { IconProps } from '@shopgate/pwa-common/components/Icon';
 /**
  * The cart icon component.
  */
-declare const CartIcon: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+declare const CartIcon: (props: Omit<IconProps, "content">) => React.JSX.Element;
 export default CartIcon;
 //# sourceMappingURL=CartIcon.d.ts.map

package/icons/CartIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CartIcon.d.ts","sourceRoot":"","sources":["../../icons/CartIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,QAAQ,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CACI,CAAC;AAExD,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"CartIcon.d.ts","sourceRoot":"","sources":["../../icons/CartIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,QAAQ,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,sBACI,CAAC;AAExD,eAAe,QAAQ,CAAC"}

package/icons/CartPlusIcon.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import type { IconProps } from '@shopgate/pwa-common/components/Icon';
 /**
  * The cart plus icon component.
  */
-declare const CartPlus: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+declare const CartPlus: (props: Omit<IconProps, "content">) => React.JSX.Element;
 export default CartPlus;
 //# sourceMappingURL=CartPlusIcon.d.ts.map

package/icons/CartPlusIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CartPlusIcon.d.ts","sourceRoot":"","sources":["../../icons/CartPlusIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,QAAQ,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CACQ,CAAC;AAE5D,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"CartPlusIcon.d.ts","sourceRoot":"","sources":["../../icons/CartPlusIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,QAAQ,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,sBACQ,CAAC;AAE5D,eAAe,QAAQ,CAAC"}

package/icons/CheckIcon.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import type { IconProps } from '@shopgate/pwa-common/components/Icon';
 /**
  * The check icon component.
  */
-declare const Check: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+declare const Check: (props: Omit<IconProps, "content">) => React.JSX.Element;
 export default Check;
 //# sourceMappingURL=CheckIcon.d.ts.map

package/icons/CheckIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckIcon.d.ts","sourceRoot":"","sources":["../../icons/CheckIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,KAAK,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CACQ,CAAC;AAEzD,eAAe,KAAK,CAAC"}
+{"version":3,"file":"CheckIcon.d.ts","sourceRoot":"","sources":["../../icons/CheckIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,KAAK,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,sBACQ,CAAC;AAEzD,eAAe,KAAK,CAAC"}

package/icons/CheckedIcon.d.ts

@@ -2,6 +2,6 @@ import type { IconProps } from '@shopgate/pwa-common/components/Icon';
 /**
  * The checked icon component.
  */
-declare const Checked: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+declare const Checked: (props: Omit<IconProps, "content">) => import("react").JSX.Element;
 export default Checked;
 //# sourceMappingURL=CheckedIcon.d.ts.map

package/icons/CheckedIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckedIcon.d.ts","sourceRoot":"","sources":["../../icons/CheckedIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,OAAO,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CACQ,CAAC;AAE3D,eAAe,OAAO,CAAC"}
+{"version":3,"file":"CheckedIcon.d.ts","sourceRoot":"","sources":["../../icons/CheckedIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,OAAO,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,gCACQ,CAAC;AAE3D,eAAe,OAAO,CAAC"}

package/icons/ChevronIcon.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import type { IconProps } from '@shopgate/pwa-common/components/Icon';
 /**
  * The chevron icon component.
  */
-declare const Chevron: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+declare const Chevron: (props: Omit<IconProps, "content">) => React.JSX.Element;
 export default Chevron;
 //# sourceMappingURL=ChevronIcon.d.ts.map

package/icons/ChevronIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChevronIcon.d.ts","sourceRoot":"","sources":["../../icons/ChevronIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,OAAO,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CACQ,CAAC;AAE3D,eAAe,OAAO,CAAC"}
+{"version":3,"file":"ChevronIcon.d.ts","sourceRoot":"","sources":["../../icons/ChevronIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,OAAO,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,sBACQ,CAAC;AAE3D,eAAe,OAAO,CAAC"}

package/icons/CreditCardIcon.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import type { IconProps } from '@shopgate/pwa-common/components/Icon';
 /**
  * The credit card icon component.
  */
-declare const CreditCard: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+declare const CreditCard: (props: Omit<IconProps, "content">) => React.JSX.Element;
 export default CreditCard;
 //# sourceMappingURL=CreditCardIcon.d.ts.map

package/icons/CreditCardIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreditCardIcon.d.ts","sourceRoot":"","sources":["../../icons/CreditCardIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,UAAU,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CACQ,CAAC;AAE9D,eAAe,UAAU,CAAC"}
+{"version":3,"file":"CreditCardIcon.d.ts","sourceRoot":"","sources":["../../icons/CreditCardIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,UAAU,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,sBACQ,CAAC;AAE9D,eAAe,UAAU,CAAC"}

package/icons/CrossIcon.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import type { IconProps } from '@shopgate/pwa-common/components/Icon';
 /**
  * The cross icon component.
  */
-declare const Cross: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+declare const Cross: (props: Omit<IconProps, "content">) => React.JSX.Element;
 export default Cross;
 //# sourceMappingURL=CrossIcon.d.ts.map

package/icons/CrossIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CrossIcon.d.ts","sourceRoot":"","sources":["../../icons/CrossIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,KAAK,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CACQ,CAAC;AAEzD,eAAe,KAAK,CAAC"}
+{"version":3,"file":"CrossIcon.d.ts","sourceRoot":"","sources":["../../icons/CrossIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,KAAK,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,sBACQ,CAAC;AAEzD,eAAe,KAAK,CAAC"}

package/icons/DescriptionIcon.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import type { IconProps } from '@shopgate/pwa-common/components/Icon';
 /**
  * The description icon component.
  */
-declare const Description: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+declare const Description: (props: Omit<IconProps, "content">) => React.JSX.Element;
 export default Description;
 //# sourceMappingURL=DescriptionIcon.d.ts.map

package/icons/DescriptionIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DescriptionIcon.d.ts","sourceRoot":"","sources":["../../icons/DescriptionIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,WAAW,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CACQ,CAAC;AAE/D,eAAe,WAAW,CAAC"}
+{"version":3,"file":"DescriptionIcon.d.ts","sourceRoot":"","sources":["../../icons/DescriptionIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,WAAW,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,sBACQ,CAAC;AAE/D,eAAe,WAAW,CAAC"}

package/icons/FilterIcon.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import type { IconProps } from '@shopgate/pwa-common/components/Icon';
 /**
  * The filter icon component.
  */
-declare const Filter: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+declare const Filter: (props: Omit<IconProps, "content">) => React.JSX.Element;
 export default Filter;
 //# sourceMappingURL=FilterIcon.d.ts.map

package/icons/FilterIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterIcon.d.ts","sourceRoot":"","sources":["../../icons/FilterIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,MAAM,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CACQ,CAAC;AAE1D,eAAe,MAAM,CAAC"}
+{"version":3,"file":"FilterIcon.d.ts","sourceRoot":"","sources":["../../icons/FilterIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,MAAM,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,sBACQ,CAAC;AAE1D,eAAe,MAAM,CAAC"}

package/icons/FlashDisabledIcon.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import type { IconProps } from '@shopgate/pwa-common/components/Icon';
 /**
  * The FlashOff icon component.
  */
-declare const FlashDisabled: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+declare const FlashDisabled: (props: Omit<IconProps, "content">) => React.JSX.Element;
 export default FlashDisabled;
 //# sourceMappingURL=FlashDisabledIcon.d.ts.map

package/icons/FlashDisabledIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlashDisabledIcon.d.ts","sourceRoot":"","sources":["../../icons/FlashDisabledIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,aAAa,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CACQ,CAAC;AAEjE,eAAe,aAAa,CAAC"}
+{"version":3,"file":"FlashDisabledIcon.d.ts","sourceRoot":"","sources":["../../icons/FlashDisabledIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,aAAa,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,sBACQ,CAAC;AAEjE,eAAe,aAAa,CAAC"}

package/icons/FlashEnabledIcon.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import type { IconProps } from '@shopgate/pwa-common/components/Icon';
 /**
  * The FlashOn icon component.
  */
-declare const FlashEnabled: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+declare const FlashEnabled: (props: Omit<IconProps, "content">) => React.JSX.Element;
 export default FlashEnabled;
 //# sourceMappingURL=FlashEnabledIcon.d.ts.map

package/icons/FlashEnabledIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlashEnabledIcon.d.ts","sourceRoot":"","sources":["../../icons/FlashEnabledIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,YAAY,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CACQ,CAAC;AAEhE,eAAe,YAAY,CAAC"}
+{"version":3,"file":"FlashEnabledIcon.d.ts","sourceRoot":"","sources":["../../icons/FlashEnabledIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,YAAY,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,sBACQ,CAAC;AAEhE,eAAe,YAAY,CAAC"}

package/icons/GridIcon.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import type { IconProps } from '@shopgate/pwa-common/components/Icon';
 /**
  * The grid icon component.
  */
-declare const Grid: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+declare const Grid: (props: Omit<IconProps, "content">) => React.JSX.Element;
 export default Grid;
 //# sourceMappingURL=GridIcon.d.ts.map

package/icons/GridIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GridIcon.d.ts","sourceRoot":"","sources":["../../icons/GridIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,IAAI,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CACQ,CAAC;AAExD,eAAe,IAAI,CAAC"}
+{"version":3,"file":"GridIcon.d.ts","sourceRoot":"","sources":["../../icons/GridIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,IAAI,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,sBACQ,CAAC;AAExD,eAAe,IAAI,CAAC"}

package/icons/HeartIcon.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import type { IconProps } from '@shopgate/pwa-common/components/Icon';
 /**
  * The heart icon component.
  */
-declare const Heart: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+declare const Heart: (props: Omit<IconProps, "content">) => React.JSX.Element;
 export default Heart;
 //# sourceMappingURL=HeartIcon.d.ts.map

package/icons/HeartIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeartIcon.d.ts","sourceRoot":"","sources":["../../icons/HeartIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,KAAK,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CACQ,CAAC;AAEzD,eAAe,KAAK,CAAC"}
+{"version":3,"file":"HeartIcon.d.ts","sourceRoot":"","sources":["../../icons/HeartIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;GAEG;AACH,QAAA,MAAM,KAAK,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,sBACQ,CAAC;AAEzD,eAAe,KAAK,CAAC"}

package/icons/HeartOutlineIcon.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import type { IconProps } from '@shopgate/pwa-common/components/Icon';
 /**
  * The heart-outline icon component.
  */
-declare const HeartOutline: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+declare const HeartOutline: (props: Omit<IconProps, "content">) => React.JSX.Element;
 export default HeartOutline;
 //# sourceMappingURL=HeartOutlineIcon.d.ts.map

package/icons/HeartOutlineIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeartOutlineIcon.d.ts","sourceRoot":"","sources":["../../icons/HeartOutlineIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAGtE;;GAEG;AACH,QAAA,MAAM,YAAY,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CACQ,CAAC;AAEhE,eAAe,YAAY,CAAC"}
+{"version":3,"file":"HeartOutlineIcon.d.ts","sourceRoot":"","sources":["../../icons/HeartOutlineIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAGtE;;GAEG;AACH,QAAA,MAAM,YAAY,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,sBACQ,CAAC;AAEhE,eAAe,YAAY,CAAC"}

package/icons/HeartPlusIcon.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import type { IconProps } from '@shopgate/pwa-common/components/Icon';
 /**
  * The heart plus icon component.
  */
-declare const HeartPlus: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+declare const HeartPlus: (props: Omit<IconProps, "content">) => React.JSX.Element;
 export default HeartPlus;
 //# sourceMappingURL=HeartPlusIcon.d.ts.map

package/icons/HeartPlusIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeartPlusIcon.d.ts","sourceRoot":"","sources":["../../icons/HeartPlusIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAMtE;;GAEG;AACH,QAAA,MAAM,SAAS,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CACoB,CAAC;AAEzE,eAAe,SAAS,CAAC"}
+{"version":3,"file":"HeartPlusIcon.d.ts","sourceRoot":"","sources":["../../icons/HeartPlusIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAMtE;;GAEG;AACH,QAAA,MAAM,SAAS,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,sBACoB,CAAC;AAEzE,eAAe,SAAS,CAAC"}

package/icons/HeartPlusOutlineIcon.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import type { IconProps } from '@shopgate/pwa-common/components/Icon';
 /**
  * The heart plus outline icon component.
  */
-declare const HeartPlusOutline: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+declare const HeartPlusOutline: (props: Omit<IconProps, "content">) => React.JSX.Element;
 export default HeartPlusOutline;
 //# sourceMappingURL=HeartPlusOutlineIcon.d.ts.map

package/icons/HeartPlusOutlineIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeartPlusOutlineIcon.d.ts","sourceRoot":"","sources":["../../icons/HeartPlusOutlineIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAMtE;;GAEG;AACH,QAAA,MAAM,gBAAgB,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CAGzD,CAAC;AAEH,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"HeartPlusOutlineIcon.d.ts","sourceRoot":"","sources":["../../icons/HeartPlusOutlineIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAMtE;;GAEG;AACH,QAAA,MAAM,gBAAgB,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,sBAGzD,CAAC;AAEH,eAAe,gBAAgB,CAAC"}

package/icons/HomeIcon.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import type { IconProps } from '@shopgate/pwa-common/components/Icon';
 /**
  * The home icon component.
  */
-declare const Home: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+declare const Home: (props: Omit<IconProps, "content">) => React.JSX.Element;
 export default Home;
 //# sourceMappingURL=HomeIcon.d.ts.map

package/icons/HomeIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HomeIcon.d.ts","sourceRoot":"","sources":["../../icons/HomeIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAGtE;;GAEG;AACH,QAAA,MAAM,IAAI,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CAE9C,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"HomeIcon.d.ts","sourceRoot":"","sources":["../../icons/HomeIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAGtE;;GAEG;AACH,QAAA,MAAM,IAAI,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,sBAE9C,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/icons/InfoIcon.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import type { IconProps } from '@shopgate/pwa-common/components/Icon';
 /**
  * The info icon component.
  */
-declare const InfoIcon: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+declare const InfoIcon: (props: Omit<IconProps, "content">) => React.JSX.Element;
 export default InfoIcon;
 //# sourceMappingURL=InfoIcon.d.ts.map

package/icons/InfoIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfoIcon.d.ts","sourceRoot":"","sources":["../../icons/InfoIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAGtE;;GAEG;AACH,QAAA,MAAM,QAAQ,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CACI,CAAC;AAExD,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"InfoIcon.d.ts","sourceRoot":"","sources":["../../icons/InfoIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAGtE;;GAEG;AACH,QAAA,MAAM,QAAQ,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,sBACI,CAAC;AAExD,eAAe,QAAQ,CAAC"}

package/icons/InfoOutlineIcon.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import type { IconProps } from '@shopgate/pwa-common/components/Icon';
 /**
  * The info outline icon component.
  */
-declare const InfoOutline: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+declare const InfoOutline: (props: Omit<IconProps, "content">) => React.JSX.Element;
 export default InfoOutline;
 //# sourceMappingURL=InfoOutlineIcon.d.ts.map