@shopgate/pwa-ui-shared 7.30.4-beta.1 → 7.31.0-alpha.2

package/icons/StarIcon.js

@@ -1,22 +1,13 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import Icon from '@shopgate/pwa-common/components/Icon';
 import { themeConfig } from '@shopgate/pwa-common/helpers/config';
 
 /**
  * The star icon component
- * @param {Object} props The icon component properties.
- * @returns {JSX}
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 const Star = props => /*#__PURE__*/_jsx(Icon, {
   content: themeConfig.icons.star,
   ...props
 });
-Star.defaultProps = {
-  className: '',
-  color: null,
-  viewBox: '0 0 24 24',
-  size: 'inherit'
-};
 export default Star;

package/icons/StarOutlineIcon.d.ts

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

package/icons/StarOutlineIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StarOutlineIcon.d.ts","sourceRoot":"","sources":["../../icons/StarOutlineIcon.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"}

package/icons/StarOutlineIcon.js

@@ -4,8 +4,6 @@ import { themeConfig } from '@shopgate/pwa-common/helpers/config';
 
 /**
  * The star-outline icon component.
- * @param {Object} props The icon component properties.
- * @returns {JSX}
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 const StarOutline = props => /*#__PURE__*/_jsx(Icon, {

package/icons/StopIcon.d.ts

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

package/icons/StopIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StopIcon.d.ts","sourceRoot":"","sources":["../../icons/StopIcon.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"}

package/icons/StopIcon.js

@@ -4,8 +4,6 @@ import { themeConfig } from '@shopgate/pwa-common/helpers/config';
 
 /**
  * The stop icon component.
- * @param {Object} props The icon component properties.
- * @returns {JSX}
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 const StopIcon = props => /*#__PURE__*/_jsx(Icon, {

package/icons/TickIcon.d.ts

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

package/icons/TickIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TickIcon.d.ts","sourceRoot":"","sources":["../../icons/TickIcon.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"}

package/icons/TickIcon.js

@@ -4,8 +4,6 @@ import { themeConfig } from '@shopgate/pwa-common/helpers/config';
 
 /**
  * The tick icon component.
- * @param {Object} props The icon component properties.
- * @returns {JSX}
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 const Tick = props => /*#__PURE__*/_jsx(Icon, {

package/icons/TimeIcon.d.ts

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

package/icons/TimeIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeIcon.d.ts","sourceRoot":"","sources":["../../icons/TimeIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAMtE;;GAEG;AACH,QAAA,MAAM,QAAQ,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CACe,CAAC;AAEnE,eAAe,QAAQ,CAAC"}

package/icons/TimeIcon.js

@@ -8,8 +8,6 @@ const content = '<path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 2
 
 /**
  * The time icon component.
- * @param {Object} props The component properties.
- * @returns {JSX}
  */
 const TimeIcon = props => /*#__PURE__*/_jsx(Icon, {
   content: themeConfig.icons.time || content,

package/icons/TrashIcon.d.ts

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

package/icons/TrashIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrashIcon.d.ts","sourceRoot":"","sources":["../../icons/TrashIcon.tsx"],"names":[],"mappings":"AAAA,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"}

package/icons/TrashIcon.js

@@ -1,11 +1,8 @@
-import React from 'react';
 import Icon from '@shopgate/pwa-common/components/Icon';
 import { themeConfig } from '@shopgate/pwa-common/helpers/config';
 
 /**
  * The trash icon component.
- * @param {Object} props The icon component properties.
- * @returns {JSX}
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 const Trash = props => /*#__PURE__*/_jsx(Icon, {

package/icons/TrashOutlineIcon.d.ts

@@ -0,0 +1,8 @@
+import type { IconProps } from '@shopgate/pwa-common/components/Icon';
+/**
+ * The trash outline icon component.
+ * @link https://fonts.google.com/icons?selected=Material+Icons:delete_outline:&icon.query=trash
+ */
+declare const TrashOutline: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+export default TrashOutline;
+//# sourceMappingURL=TrashOutlineIcon.d.ts.map

package/icons/TrashOutlineIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrashOutlineIcon.d.ts","sourceRoot":"","sources":["../../icons/TrashOutlineIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAKtE;;;GAGG;AACH,QAAA,MAAM,YAAY,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CAGrD,CAAC;AAEH,eAAe,YAAY,CAAC"}

package/icons/TrashOutlineIcon.js

@@ -7,8 +7,6 @@ const fallback = '<path d="M0 0h24v24H0V0z" fill="none"/><path d="M6 19c0 1.1.9
 /**
  * The trash outline icon component.
  * @link https://fonts.google.com/icons?selected=Material+Icons:delete_outline:&icon.query=trash
- * @param {Object} props The icon component properties.
- * @returns {JSX}
  */
 const TrashOutline = props => /*#__PURE__*/_jsx(Icon, {
   content: themeConfig.icons.trashOutline || fallback,

package/icons/UncheckedIcon.d.ts

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

package/icons/UncheckedIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UncheckedIcon.d.ts","sourceRoot":"","sources":["../../icons/UncheckedIcon.tsx"],"names":[],"mappings":"AACA,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"}

package/icons/UncheckedIcon.js

@@ -4,8 +4,6 @@ import { themeConfig } from '@shopgate/pwa-common/helpers/config';
 
 /**
  * The unchecked icon component.
- * @param {Object} props The icon component properties.
- * @returns {JSX}
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 const Unchecked = props => /*#__PURE__*/_jsx(Icon, {

package/icons/ViewListIcon.d.ts

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

package/icons/ViewListIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewListIcon.d.ts","sourceRoot":"","sources":["../../icons/ViewListIcon.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"}

package/icons/ViewListIcon.js

@@ -4,8 +4,6 @@ import { themeConfig } from '@shopgate/pwa-common/helpers/config';
 
 /**
  * The view list icon component.
- * @param {Object} props The icon component properties.
- * @returns {JSX}
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 const ViewList = props => /*#__PURE__*/_jsx(Icon, {

package/icons/VisibilityIcon.d.ts

@@ -0,0 +1,8 @@
+import type { IconProps } from '@shopgate/pwa-common/components/Icon';
+/**
+ * The visibility icon component.
+ * https://material.io/tools/icons/?icon=visibility&style=baseline
+ */
+declare const VisibilityIcon: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+export default VisibilityIcon;
+//# sourceMappingURL=VisibilityIcon.d.ts.map

package/icons/VisibilityIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisibilityIcon.d.ts","sourceRoot":"","sources":["../../icons/VisibilityIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;;GAGG;AACH,QAAA,MAAM,cAAc,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CACI,CAAC;AAE9D,eAAe,cAAc,CAAC"}

package/icons/VisibilityIcon.js

@@ -3,10 +3,8 @@ import Icon from '@shopgate/pwa-common/components/Icon';
 import { themeConfig } from '@shopgate/pwa-common/helpers/config';
 
 /**
- * @link https://material.io/tools/icons/?icon=visibility&style=baseline
- *
- * @param {Object} props The icon component properties.
- * @returns {JSX}
+ * The visibility icon component.
+ * https://material.io/tools/icons/?icon=visibility&style=baseline
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 const VisibilityIcon = props => /*#__PURE__*/_jsx(Icon, {

package/icons/VisibilityOffIcon.d.ts

@@ -0,0 +1,8 @@
+import type { IconProps } from '@shopgate/pwa-common/components/Icon';
+/**
+ * The visibility off icon component.
+ * https://material.io/tools/icons/?icon=visibility_off&style=baseline
+ */
+declare const VisibilityOffIcon: (props: Omit<IconProps, "content">) => import("react/jsx-runtime").JSX.Element;
+export default VisibilityOffIcon;
+//# sourceMappingURL=VisibilityOffIcon.d.ts.map

package/icons/VisibilityOffIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisibilityOffIcon.d.ts","sourceRoot":"","sources":["../../icons/VisibilityOffIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAItE;;;GAGG;AACH,QAAA,MAAM,iBAAiB,GAAI,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,4CACI,CAAC;AAEjE,eAAe,iBAAiB,CAAC"}

package/icons/VisibilityOffIcon.js

@@ -3,10 +3,8 @@ import Icon from '@shopgate/pwa-common/components/Icon';
 import { themeConfig } from '@shopgate/pwa-common/helpers/config';
 
 /**
- * @link https://material.io/tools/icons/?icon=visibility_off&style=baseline
- *
- * @param {Object} props The icon component properties.
- * @returns {JSX}
+ * The visibility off icon component.
+ * https://material.io/tools/icons/?icon=visibility_off&style=baseline
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 const VisibilityOffIcon = props => /*#__PURE__*/_jsx(Icon, {

package/icons/WarningIcon.d.ts

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

package/icons/WarningIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WarningIcon.d.ts","sourceRoot":"","sources":["../../icons/WarningIcon.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,4CACI,CAAC;AAE3D,eAAe,WAAW,CAAC"}

package/icons/WarningIcon.js

@@ -3,9 +3,7 @@ import Icon from '@shopgate/pwa-common/components/Icon';
 import { themeConfig } from '@shopgate/pwa-common/helpers/config';
 
 /**
- * The stop icon component.
- * @param {Object} props The icon component properties.
- * @returns {JSX}
+ * The warning icon component.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 const WarningIcon = props => /*#__PURE__*/_jsx(Icon, {

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@shopgate/pwa-ui-shared",
-  "version": "7.30.4-beta.1",
+  "version": "7.31.0-alpha.2",
   "description": "Shopgate's shared UI components.",
   "main": "index.js",
   "license": "Apache-2.0",
   "dependencies": {
-    "@shopgate/pwa-ui-ios": "7.30.4-beta.1",
-    "@shopgate/pwa-ui-material": "7.30.4-beta.1"
+    "@shopgate/pwa-ui-ios": "7.31.0-alpha.2",
+    "@shopgate/pwa-ui-material": "7.31.0-alpha.2"
   },
   "devDependencies": {
-    "@shopgate/pwa-common": "7.30.4-beta.1",
-    "@shopgate/pwa-common-commerce": "7.30.4-beta.1",
+    "@shopgate/pwa-common": "7.31.0-alpha.2",
+    "@shopgate/pwa-common-commerce": "7.31.0-alpha.2",
     "classnames": "2.5.1",
     "react": "^17.0.2"
   },

package/tsconfig.build.json

@@ -0,0 +1,16 @@
+{
+  "extends": "@shopgate/engage/tsconfig.build.json",
+  "compilerOptions": {
+    "outDir": "./dist",
+    "rootDir": "."
+  },
+  "include": ["**/*.ts", "**/*.tsx"],
+  "exclude": [
+    "dist",
+    "node_modules",
+    "**/*.spec.*",
+    "**/__tests__/**",
+    "**/__snapshots__/**",
+    "coverage"
+  ]
+}

package/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "@shopgate/engage/tsconfig.json",
+}

package/ActionButton/style.js

@@ -1,22 +0,0 @@
-import { css } from 'glamor';
-import { themeConfig } from '@shopgate/pwa-common/helpers/config';
-const halfGapBig = themeConfig.variables.gap.big / 2;
-const containerBase = {
-  textAlign: 'center'
-};
-const container = css({
-  ...containerBase,
-  margin: `${halfGapBig}px 0`
-}).toString();
-const noGapContainer = css({
-  ...containerBase
-}).toString();
-const containerCircle = css({
-  ...containerBase,
-  margin: `${halfGapBig + 5}px 0`
-}).toString();
-export default {
-  container,
-  containerCircle,
-  noGapContainer
-};

package/Availability/style.js

@@ -1,19 +0,0 @@
-import { css } from 'glamor';
-import { themeConfig } from '@shopgate/pwa-common/helpers/config';
-const stateOk = css({
-  fontSize: '0.875rem',
-  color: `var(--color-state-ok, ${themeConfig.colors.success})`
-}).toString();
-const stateWarning = css({
-  fontSize: '0.875rem',
-  color: `var(--color-state-warning, ${themeConfig.colors.warning})`
-}).toString();
-const stateAlert = css({
-  fontSize: '0.875rem',
-  color: `var(--color-state-alert, ${themeConfig.colors.error})`
-}).toString();
-export default {
-  stateOk,
-  stateWarning,
-  stateAlert
-};

package/Button/style.js

@@ -1,155 +0,0 @@
-import { css } from 'glamor';
-import { themeConfig } from '@shopgate/pwa-common/helpers/config';
-const {
-  colors
-} = themeConfig;
-const buttonPadding = `0 ${themeConfig.variables.gap.big}px 0`;
-
-/**
- * Creates the button style.
- * @param {string} text The text color.
- * @param {string|null} background The fill color.
- * @return {Object} The button style.
- */
-const button = (text, background) => ({
-  position: 'relative',
-  display: 'inline-block',
-  outline: 0,
-  color: text,
-  backgroundColor: background,
-  minWidth: 64,
-  overflow: 'hidden',
-  ':disabled': {
-    cursor: 'not-allowed'
-  },
-  ...themeConfig.variables.buttonBase
-});
-
-/**
- * The basic content wrapper styles.
- */
-const contentWrapper = css({
-  padding: buttonPadding
-}).toString();
-
-/**
- * Creates the button styles object.
- * @param {string} textColor The text color.
- * @param {string|null} fillColor The fill color.
- * @return {Object} The styles object.
- */
-const createButtonStyles = (textColor, fillColor) => {
-  const buttonStyle = {
-    ...button(textColor, fillColor)
-  };
-  const contentStyle = {
-    padding: buttonPadding,
-    color: buttonStyle.color
-  };
-  return {
-    button: css(buttonStyle).toString(),
-    content: css(contentStyle).toString()
-  };
-};
-
-/**
- * Creates a plain button style object without any styling.
- * @return {Object}
- */
-const plain = () => ({
-  button: css({
-    padding: 0,
-    outline: 0,
-    border: 0,
-    textAlign: 'left'
-  }).toString(),
-  content: ''
-});
-
-/**
- * Creates a simple button style object.
- * @param {boolean} disabled Whether this button is disabled.
- * @return {Object}
- */
-const simple = disabled => {
-  if (disabled) {
-    // simple disabled button style.
-    return createButtonStyles(themeConfig.colors.shade4, themeConfig.colors.shade7);
-  }
-
-  // simple enabled button style.
-  return createButtonStyles(themeConfig.colors.dark, themeConfig.colors.shade7);
-};
-
-/**
- * The regular flat button style.
- * @param {boolean} disabled Whether this button is disabled.
- * @return {Object} An object of style definitions.
- */
-const regular = disabled => {
-  if (disabled) {
-    // Flat disabled button style.
-    return createButtonStyles(colors.shade4, null);
-  }
-
-  // Flat enabled button style.
-  return createButtonStyles(colors.dark, null);
-};
-
-/**
- * The primary button style.
- * @param {boolean} disabled Whether this button is disabled.
- * @param {boolean} flat Whether this button should be rendered flat.
- * @return {Object} An object of style definitions.
- */
-const primary = (disabled, flat) => {
-  if (!flat) {
-    if (disabled) {
-      // Regular disabled button style.
-      return createButtonStyles(colors.shade4, colors.shade7);
-    }
-
-    // Regular enabled button style.
-    return createButtonStyles(`var(--color-secondary-contrast, ${colors.accentContrast})`, `var(--color-secondary, ${colors.accent})`);
-  }
-  if (disabled) {
-    // Flat disabled button style.
-    return createButtonStyles(colors.shade4, null);
-  }
-
-  // Flat enabled button style.
-  return createButtonStyles(`var(--color-secondary, ${colors.accent})`, null);
-};
-
-/**
- * The secondary button style.
- * @param {boolean} disabled Whether this button is disabled.
- * @param {boolean} flat Whether this button should be rendered flat.
- * @return {Object} An object of style definitions.
- */
-const secondary = (disabled, flat) => {
-  if (!flat) {
-    if (disabled) {
-      // Regular disabled button style.
-      return createButtonStyles(colors.shade4, colors.shade7);
-    }
-
-    // Regular enabled button style.
-    return createButtonStyles(`var(--color-primary-contrast, ${colors.primaryContrast})`, `var(--color-primary, ${colors.primary})`);
-  }
-  if (disabled) {
-    // Flat disabled button style.
-    return createButtonStyles(colors.shade4, null);
-  }
-
-  // Flat enabled button style.
-  return createButtonStyles(`var(--color-primary, ${colors.primary})`, null);
-};
-export default {
-  plain,
-  regular,
-  simple,
-  primary,
-  secondary,
-  contentWrapper
-};

package/Card/style.js

@@ -1,11 +0,0 @@
-import { css } from 'glamor';
-import { themeConfig, themeName } from '@shopgate/pwa-common/helpers/config';
-const isIOS = themeName.includes('ios');
-export default css({
-  boxShadow: themeConfig.shadows.productCard,
-  margin: '5px 5px 10px',
-  borderRadius: isIOS ? 10 : 2,
-  background: themeConfig.colors.light,
-  overflow: 'hidden',
-  position: 'relative'
-}).toString();

package/CardList/components/Item/style.js

@@ -1,7 +0,0 @@
-import { css } from 'glamor';
-import { themeConfig } from '@shopgate/pwa-common/helpers/config';
-export default css({
-  background: themeConfig.colors.light,
-  marginBottom: themeConfig.variables.gap.small / 2,
-  position: 'relative'
-}).toString();

package/CartTotalLine/components/Amount/style.js

@@ -1,8 +0,0 @@
-import { css } from 'glamor';
-const amount = css({
-  textAlign: 'right',
-  order: 4
-}).toString();
-export default {
-  amount
-};

package/CartTotalLine/components/Hint/style.js

@@ -1,12 +0,0 @@
-import { css } from 'glamor';
-import { themeConfig } from '@shopgate/pwa-common/helpers/config';
-const {
-  variables
-} = themeConfig;
-const hint = css({
-  paddingLeft: variables.gap.small,
-  order: 5
-}).toString();
-export default {
-  hint
-};

package/CartTotalLine/components/Label/style.js

@@ -1,17 +0,0 @@
-import { css } from 'glamor';
-import { themeConfig } from '@shopgate/pwa-common/helpers/config';
-const {
-  variables
-} = themeConfig;
-const label = css({
-  flexGrow: 1,
-  paddingRight: variables.gap.small,
-  order: 3
-}).toString();
-const labelWithSuffix = css({
-  paddingRight: variables.gap.small
-});
-export default {
-  label,
-  labelWithSuffix
-};

package/CartTotalLine/style.js

@@ -1,31 +0,0 @@
-import { css } from 'glamor';
-import { themeConfig } from '@shopgate/pwa-common/helpers/config';
-const {
-  colors
-} = themeConfig;
-const disabled = css({
-  color: `${colors.shade4} !important`
-}).toString();
-const base = css({
-  color: colors.shade9
-}).toString();
-const subTotal = css({
-  color: `${colors.dark}`
-}).toString();
-const grandTotal = css({
-  color: `${colors.dark}`,
-  fontSize: '1rem !important'
-}).toString();
-const line = css({
-  display: 'flex',
-  justifyContent: 'space-between',
-  fontSize: '0.875rem',
-  alignItems: 'baseline'
-}).toString();
-export default {
-  subTotal,
-  grandTotal,
-  base,
-  line,
-  disabled
-};

package/Checkbox/style.js

@@ -1,18 +0,0 @@
-import { css } from 'glamor';
-import { themeConfig } from '@shopgate/pwa-common/helpers/config';
-const icon = css({
-  width: 24,
-  height: 24,
-  flexShrink: 0
-}).toString();
-const checkedIcon = css({
-  color: `var(--color-secondary, ${themeConfig.colors.accent})`
-}).toString();
-const uncheckedIcon = css({
-  color: themeConfig.colors.shade6
-}).toString();
-export default {
-  icon,
-  checkedIcon,
-  uncheckedIcon
-};