@graphcommerce/magento-search 3.4.19 → 3.5.2

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.5.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-search@3.4.20...@graphcommerce/magento-search@3.5.0) (2021-11-12)
+
+
+### Features
+
+* added tons of translations ([9bb0ac7](https://github.com/ho-nl/m2-pwa/commit/9bb0ac709b58df6ea6141e92e4923a5ca9ae2963))
+
+
+
+
+
+## [3.4.20](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-search@3.4.19...@graphcommerce/magento-search@3.4.20) (2021-11-12)
+
+
+### Bug Fixes
+
+* searchButton styling ([846e0cd](https://github.com/ho-nl/m2-pwa/commit/846e0cdb76eec7c5baf5fbfc4c501f99ebe59bf5))
+
+
+
+
+
 ## [3.4.19](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-search@3.4.18...@graphcommerce/magento-search@3.4.19) (2021-11-12)
 
 

package/SearchButton/index.tsx

@@ -1,6 +1,7 @@
 import { iconSearch, responsiveVal, SvgImageSimple, UseStyles } from '@graphcommerce/next-ui'
 import { makeStyles, TextField, TextFieldProps, Theme } from '@material-ui/core'
 import React from 'react'
+import clsx from 'clsx'
 
 const useStyles = makeStyles(
   (theme: Theme) => ({
@@ -10,7 +11,7 @@ const useStyles = makeStyles(
       '& fieldset': {
         border: `1px solid ${theme.palette.divider}`,
       },
-      [theme.breakpoints.up('sm')]: {
+      [theme.breakpoints.down('sm')]: {
         width: '100%',
         marginRight: 0,
       },
@@ -18,6 +19,10 @@ const useStyles = makeStyles(
     inputRoot: {
       ...theme.typography.body2,
     },
+    fullWidth: {
+      width: '100%',
+      marginRight: 0,
+    },
   }),
   { name: 'SearchButton' },
 )
@@ -25,14 +30,14 @@ const useStyles = makeStyles(
 export type SearchButtonProps = UseStyles<typeof useStyles> & TextFieldProps
 
 export default function SearchButton(props: SearchButtonProps) {
-  const { InputProps, label = 'Search...', ...textFieldProps } = props
+  const { InputProps, label = 'Search...', fullWidth = false, ...textFieldProps } = props
   const classes = useStyles(props)
 
   return (
     <TextField
       variant='outlined'
       size='small'
-      classes={{ root: classes.root }}
+      className={clsx(classes.root, fullWidth && classes.fullWidth)}
       label={label}
       id='search-input'
       InputLabelProps={{ shrink: false }}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphcommerce/magento-search",
-  "version": "3.4.19",
+  "version": "3.5.2",
   "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.4",
+    "@graphcommerce/eslint-config-pwa": "^3.1.5",
     "@graphcommerce/prettier-config-pwa": "^3.0.4",
     "@graphcommerce/typescript-config-pwa": "^3.1.1",
     "@playwright/test": "^1.16.2"
   },
   "dependencies": {
-    "@graphcommerce/graphql": "^2.105.4",
-    "@graphcommerce/image": "^2.105.3",
-    "@graphcommerce/next-ui": "^3.15.2",
-    "@graphcommerce/react-hook-form": "^2.103.1",
-    "@graphql-typed-document-node/core": "^3.1.0",
+    "@graphcommerce/graphql": "^2.105.5",
+    "@graphcommerce/image": "^2.105.4",
+    "@graphcommerce/next-ui": "^3.18.0",
+    "@graphcommerce/react-hook-form": "^2.104.0",
+    "@lingui/macro": "^3.12.1",
     "@material-ui/core": "^4.12.3",
     "next": "^12.0.3",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },
-  "gitHead": "47e8be849eaecea00f8673696ae1ec3283ec5fd6"
+  "gitHead": "033692947ca401d23791b3fcb9d65dc8c4e32bbc"
 }