@shopgate/engage 7.32.0-beta.14 → 7.32.0-beta.16

package/styles/theme/createTheme/createComponents.types.d.ts

@@ -105,6 +105,12 @@ export declare const componentsSchema: {
     readonly price: {
         readonly vars: {
             readonly color: "";
+            readonly default: "";
+            readonly sale: "";
+            readonly striked: "";
+            readonly fontFamily: "";
+            readonly fontWeight: "";
+            readonly fontSize: "";
         };
     };
     readonly button: {
@@ -114,10 +120,18 @@ export declare const componentsSchema: {
             readonly textColor: "";
         };
     };
+    readonly iconButton: {
+        readonly vars: {
+            readonly background: "";
+            readonly borderRadius: "";
+            readonly boxShadow: "";
+        };
+    };
     readonly input: {
         readonly vars: {
             readonly background: "";
             readonly border: "";
+            readonly text: "";
         };
     };
     readonly separatorLine: {
@@ -253,6 +267,12 @@ export declare const componentsDefaults: {
             borderRadius: string;
         };
     };
+    iconButton: {
+        vars: {
+            background: (t: Theme) => string;
+            borderRadius: (t: Theme) => string | number;
+        };
+    };
     border: {
         vars: {
             light: string;
@@ -263,12 +283,19 @@ export declare const componentsDefaults: {
     price: {
         vars: {
             color: (t: Theme) => string;
+            default: (t: Theme) => string;
+            sale: (t: Theme) => string;
+            striked: (t: Theme) => string;
+            fontFamily: string;
+            fontWeight: string;
+            fontSize: string;
         };
     };
     input: {
         vars: {
             background: string;
             border: string;
+            text: (t: Theme) => string;
         };
     };
     separatorLine: {

package/styles/theme/createTheme/createComponents.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createComponents.types.d.ts","sourceRoot":"","sources":["../../../../styles/theme/createTheme/createComponents.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"createComponents.types.d.ts","sourceRoot":"","sources":["../../../../styles/theme/createTheme/createComponents.types.ts"],"names":[],"mappings":"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"}

package/styles/theme/createTheme/createComponents.types.js

@@ -92,7 +92,13 @@ export const componentsSchema = {
   },
   price: {
     vars: {
-      color: ''
+      color: '',
+      default: '',
+      sale: '',
+      striked: '',
+      fontFamily: '',
+      fontWeight: '',
+      fontSize: ''
     }
   },
   button: {
@@ -102,10 +108,18 @@ export const componentsSchema = {
       textColor: ''
     }
   },
+  iconButton: {
+    vars: {
+      background: '',
+      borderRadius: '',
+      boxShadow: ''
+    }
+  },
   input: {
     vars: {
       background: '',
-      border: ''
+      border: '',
+      text: ''
     }
   },
   separatorLine: {
@@ -242,6 +256,12 @@ export const componentsDefaults = {
       borderRadius: 'var(--sg-shape-borderRadius, 4px)'
     }
   },
+  iconButton: {
+    vars: {
+      background: t => t.palette.background.surface,
+      borderRadius: t => t.shape.borderRadius
+    }
+  },
   border: {
     vars: {
       light: '#F2F2F2',
@@ -251,13 +271,20 @@ export const componentsDefaults = {
   },
   price: {
     vars: {
-      color: t => t.palette.primary.main
+      color: t => t.palette.primary.main,
+      default: t => t.palette.text.primary,
+      sale: t => t.palette.primary.main,
+      striked: t => t.palette.grey.dark,
+      fontFamily: 'inherit',
+      fontWeight: 'inherit',
+      fontSize: '16px'
     }
   },
   input: {
     vars: {
       background: '#F2F2F2',
-      border: '#CCCCCC'
+      border: '#CCCCCC',
+      text: t => t.palette.text.primary
     }
   },
   separatorLine: {

package/filter/components/FilterPageContent/components/Selector/components/ValueButton/index.js

@@ -1,69 +0,0 @@
-import React, { memo, useMemo } from 'react';
-import PropTypes from 'prop-types';
-import { makeStyles } from '@shopgate/engage/styles';
-import { jsx as _jsx } from "react/jsx-runtime";
-const useStyles = makeStyles()(theme => {
-  const inactive = {
-    border: `1px solid ${theme.components.border.medium}`,
-    borderRadius: 2,
-    color: 'inherit',
-    height: 42,
-    marginLeft: 8,
-    marginBottom: 8,
-    maxWidth: '100%',
-    minWidth: 42,
-    outline: 0,
-    overflow: 'hidden',
-    padding: '0 8px',
-    textOverflow: 'ellipsis',
-    whiteSpace: 'nowrap',
-    transition: 'color 100ms cubic-bezier(0.25, 0.1, 0.25, 1), border-color 100ms cubic-bezier(0.25, 0.1, 0.25, 1)',
-    willChange: 'color, border-color'
-  };
-  return {
-    inactive,
-    active: {
-      ...inactive,
-      borderColor: theme.palette.secondary.main,
-      color: theme.palette.secondary.main
-    }
-  };
-});
-
-/**
- * The value button component.
- * @param {Object} props Props.
- * @returns {JSX.Element}
- */
-const ValueButton = ({
-  id,
-  isActive,
-  label,
-  onClick
-}) => {
-  const {
-    classes,
-    cx
-  } = useStyles();
-  const buttonClassName = useMemo(() => cx({
-    [classes.inactive]: !isActive,
-    [classes.active]: isActive
-  }), [classes.active, classes.inactive, isActive, cx]);
-  return /*#__PURE__*/_jsx("button", {
-    className: buttonClassName,
-    value: id,
-    onClick: onClick,
-    "data-test-id": id,
-    type: "button",
-    role: "checkbox",
-    "aria-checked": isActive,
-    children: label
-  });
-};
-ValueButton.defaultProps = {
-  id: null,
-  label: null,
-  isActive: false,
-  onClick() {}
-};
-export default /*#__PURE__*/memo(ValueButton);

package/product/components/FilterBar/components/Content/components/FilterChips/connector.js

@@ -1,22 +0,0 @@
-import { connect } from 'react-redux';
-import { getCurrentPathname } from '@shopgate/engage/core';
-import { updateFilters } from '@shopgate/pwa-common-commerce/filter/action-creators';
-
-/**
- * Maps the contents of the state to the component props.
- * @param {Object} state The current application state.
- * @return {Object} The extended component props.
- */
-const mapStateToProps = state => ({
-  currentPathname: getCurrentPathname(state)
-});
-
-/**
- * @param {Function} dispatch The redux dispatch function.
- * @param {Object} props The components props.
- * @return {Object}
- */
-const mapDispatchToProps = {
-  updateFilters
-};
-export default connect(mapStateToProps, mapDispatchToProps);