@graphcommerce/magento-search 3.1.12 → 3.3.0

package/CHANGELOG.md

@@ -3,6 +3,34 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.3.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-search@3.2.2...@graphcommerce/magento-search@3.3.0) (2021-10-28)
+
+
+### Bug Fixes
+
+* update SvgImage to SvgImageSimple ([f116543](https://github.com/ho-nl/m2-pwa/commit/f116543730853fa9782abff0ccacee7032e85789))
+
+
+### Features
+
+* dynamic icons, update SvgImage uses to SvgImageSimple ([3d3cc0e](https://github.com/ho-nl/m2-pwa/commit/3d3cc0e0336fcde1cce6ba19705f82c1edf9bfc6))
+* mobile menu styling ([3cc3085](https://github.com/ho-nl/m2-pwa/commit/3cc308585d4ded68d2ac8ebf97f96288424ee914))
+
+
+
+
+
+# [3.2.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-search@3.1.12...@graphcommerce/magento-search@3.2.0) (2021-10-27)
+
+
+### Features
+
+* **nextjs:** upgraded to nextjs 12 ([9331bc8](https://github.com/ho-nl/m2-pwa/commit/9331bc801f6419522115cc47d291d49d608d5a90))
+
+
+
+
+
 # [3.1.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-search@3.0.18...@graphcommerce/magento-search@3.1.0) (2021-10-13)
 
 

package/CategorySearchResult/index.tsx

@@ -1,4 +1,11 @@
-import { Button, Highlight, iconChevronRight, SvgImage, UseStyles } from '@graphcommerce/next-ui'
+import {
+  Button,
+  Highlight,
+  iconChevronRight,
+  SvgImage,
+  SvgImageSimple,
+  UseStyles,
+} from '@graphcommerce/next-ui'
 import { makeStyles, Theme } from '@material-ui/core'
 import PageLink from 'next/link'
 import React from 'react'
@@ -48,7 +55,7 @@ export default function CategorySearchResult(props: CategorySearchResultProps) {
         className={classes.categoryButton}
         disableElevation
         endIcon={
-          <SvgImage src={iconChevronRight} alt='chevron right' size='small' loading='eager' />
+          <SvgImageSimple src={iconChevronRight} alt='chevron right' size='small' loading='eager' />
         }
       >
         <div>

package/SearchButton/index.tsx

@@ -7,7 +7,7 @@ const useStyles = makeStyles(
     root: {
       width: '100%',
       '& fieldset': {
-        border: `2px solid rgba(0,0,0,0.1)`,
+        border: `1px solid ${theme.palette.divider}`,
       },
     },
     inputRoot: {
@@ -30,7 +30,7 @@ export default function SearchButton(props: SearchButtonProps) {
       classes={{ root: classes.root }}
       InputProps={{
         readOnly: true,
-        endAdornment: <SvgImageSimple src={iconSearch} alt='Search' size='small' />,
+        endAdornment: <SvgImageSimple src={iconSearch} alt='Search' size='medium' />,
         classes: { root: classes.inputRoot },
         ...InputProps,
       }}

package/SearchForm/index.tsx

@@ -1,4 +1,11 @@
-import { FormRow, UseStyles, SvgImage, iconClose, iconSearch } from '@graphcommerce/next-ui'
+import {
+  FormRow,
+  UseStyles,
+  SvgImage,
+  iconClose,
+  iconSearch,
+  SvgImageSimple,
+} from '@graphcommerce/next-ui'
 import { useForm, useFormAutoSubmit, useFormMuiRegister } from '@graphcommerce/react-hook-form'
 import { IconButton, makeStyles, TextField, Theme } from '@material-ui/core'
 import { useRouter } from 'next/router'
@@ -49,7 +56,7 @@ export default function SearchForm(props: SearchFormProps) {
 
   const endAdornment = !watch('search') ? (
     <IconButton size='small'>
-      <SvgImage src={iconSearch} alt='search' size='small' />
+      <SvgImageSimple src={iconSearch} alt='search' />
     </IconButton>
   ) : (
     <>
@@ -59,7 +66,7 @@ export default function SearchForm(props: SearchFormProps) {
         </div>
       )}
       <IconButton onClick={handleReset} size='small'>
-        <SvgImage src={iconClose} alt='close' size='small' />
+        <SvgImageSimple src={iconClose} alt='close' />
       </IconButton>
     </>
   )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphcommerce/magento-search",
-  "version": "3.1.12",
+  "version": "3.3.0",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "browserslist": [
@@ -14,21 +14,21 @@
   },
   "devDependencies": {
     "@graphcommerce/browserslist-config-pwa": "^3.0.2",
-    "@graphcommerce/eslint-config-pwa": "^3.1.1",
+    "@graphcommerce/eslint-config-pwa": "^3.1.2",
     "@graphcommerce/prettier-config-pwa": "^3.0.3",
     "@graphcommerce/typescript-config-pwa": "^3.1.1",
-    "@playwright/test": "^1.15.2"
+    "@playwright/test": "^1.16.2"
   },
   "dependencies": {
-    "@graphcommerce/graphql": "^2.104.1",
-    "@graphcommerce/image": "^2.104.13",
-    "@graphcommerce/next-ui": "^3.9.0",
-    "@graphcommerce/react-hook-form": "^2.102.12",
+    "@graphcommerce/graphql": "^2.105.1",
+    "@graphcommerce/image": "^2.105.1",
+    "@graphcommerce/next-ui": "^3.11.0",
+    "@graphcommerce/react-hook-form": "^2.102.13",
     "@graphql-typed-document-node/core": "^3.1.0",
     "@material-ui/core": "^4.12.3",
-    "next": "^11.1.2",
+    "next": "^12.0.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },
-  "gitHead": "a71eb508e3ddf42e5705e23bc8016f6f08969c74"
+  "gitHead": "f923ddb5d98378c8737314e7296bba77b1c2dc9b"
 }