@graphcommerce/magento-search 3.4.16 → 3.4.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/SearchButton/index.tsx +9 -3
  3. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,28 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [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)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * searchButton styling ([846e0cd](https://github.com/ho-nl/m2-pwa/commit/846e0cdb76eec7c5baf5fbfc4c501f99ebe59bf5))
12
+
13
+
14
+
15
+
16
+
17
+ ## [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)
18
+
19
+
20
+ ### Bug Fixes
21
+
22
+ * **search-button:** spacings ([ccb7274](https://github.com/ho-nl/m2-pwa/commit/ccb727444a57941e22f14dff15ce20101cbc160c))
23
+
24
+
25
+
26
+
27
+
6
28
  ## [3.4.16](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-search@3.4.15...@graphcommerce/magento-search@3.4.16) (2021-11-09)
7
29
 
8
30
 
package/SearchButton/index.tsx CHANGED
@@ -1,6 +1,7 @@
1
1
  import { iconSearch, responsiveVal, SvgImageSimple, UseStyles } from '@graphcommerce/next-ui'
2
2
  import { makeStyles, TextField, TextFieldProps, Theme } from '@material-ui/core'
3
3
  import React from 'react'
4
+ import clsx from 'clsx'
4
5
 
5
6
  const useStyles = makeStyles(
6
7
  (theme: Theme) => ({
@@ -10,13 +11,18 @@ const useStyles = makeStyles(
10
11
  '& fieldset': {
11
12
  border: `1px solid ${theme.palette.divider}`,
12
13
  },
13
- [theme.breakpoints.up('sm')]: {
14
+ [theme.breakpoints.down('sm')]: {
14
15
  width: '100%',
16
+ marginRight: 0,
15
17
  },
16
18
  },
17
19
  inputRoot: {
18
20
  ...theme.typography.body2,
19
21
  },
22
+ fullWidth: {
23
+ width: '100%',
24
+ marginRight: 0,
25
+ },
20
26
  }),
21
27
  { name: 'SearchButton' },
22
28
  )
@@ -24,14 +30,14 @@ const useStyles = makeStyles(
24
30
  export type SearchButtonProps = UseStyles<typeof useStyles> & TextFieldProps
25
31
 
26
32
  export default function SearchButton(props: SearchButtonProps) {
27
- const { InputProps, label = 'Search...', ...textFieldProps } = props
33
+ const { InputProps, label = 'Search...', fullWidth = false, ...textFieldProps } = props
28
34
  const classes = useStyles(props)
29
35
 
30
36
  return (
31
37
  <TextField
32
38
  variant='outlined'
33
39
  size='small'
34
- classes={{ root: classes.root }}
40
+ className={clsx(classes.root, fullWidth && classes.fullWidth)}
35
41
  label={label}
36
42
  id='search-input'
37
43
  InputLabelProps={{ shrink: false }}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@graphcommerce/magento-search",
3
- "version": "3.4.16",
3
+ "version": "3.4.20",
4
4
  "sideEffects": false,
5
5
  "prettier": "@graphcommerce/prettier-config-pwa",
6
6
  "browserslist": [
@@ -22,7 +22,7 @@
22
22
  "dependencies": {
23
23
  "@graphcommerce/graphql": "^2.105.4",
24
24
  "@graphcommerce/image": "^2.105.3",
25
- "@graphcommerce/next-ui": "^3.14.8",
25
+ "@graphcommerce/next-ui": "^3.16.0",
26
26
  "@graphcommerce/react-hook-form": "^2.103.1",
27
27
  "@graphql-typed-document-node/core": "^3.1.0",
28
28
  "@material-ui/core": "^4.12.3",
@@ -30,5 +30,5 @@
30
30
  "react": "^17.0.2",
31
31
  "react-dom": "^17.0.2"
32
32
  },
33
- "gitHead": "4e309955dd02ff7c4da55483871edb689f2a6aa3"
33
+ "gitHead": "b503ad4f2790a50e7c7aadf21ef61d104c8c8798"
34
34
  }