@graphcommerce/next-ui 3.20.2 → 3.20.3
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.
|
@@ -17,6 +17,7 @@ const useStyles = makeStyles(
|
|
|
17
17
|
left: 0,
|
|
18
18
|
width: '100%',
|
|
19
19
|
backgroundColor: theme.palette.background.default,
|
|
20
|
+
boxShadow: theme.shadows[2],
|
|
20
21
|
opacity: 0,
|
|
21
22
|
transition: `opacity ${time}`,
|
|
22
23
|
|
|
@@ -25,6 +26,9 @@ const useStyles = makeStyles(
|
|
|
25
26
|
height: theme.appShell.appBarHeightMd,
|
|
26
27
|
},
|
|
27
28
|
},
|
|
29
|
+
bgDivider: {
|
|
30
|
+
boxShadow: 'unset',
|
|
31
|
+
},
|
|
28
32
|
bgFloatingSm: {
|
|
29
33
|
[theme.breakpoints.down('sm')]: {
|
|
30
34
|
display: 'none',
|
|
@@ -112,14 +116,6 @@ const useStyles = makeStyles(
|
|
|
112
116
|
bottom: 0,
|
|
113
117
|
left: 0,
|
|
114
118
|
right: 0,
|
|
115
|
-
transition: `opacity ${time}`,
|
|
116
|
-
opacity: 0,
|
|
117
|
-
},
|
|
118
|
-
dividerCustomDivider: {
|
|
119
|
-
opacity: 1,
|
|
120
|
-
},
|
|
121
|
-
dividerScrolled: {
|
|
122
|
-
opacity: 1,
|
|
123
119
|
},
|
|
124
120
|
dividerFloatingSm: {
|
|
125
121
|
[theme.breakpoints.down('sm')]: {
|
|
@@ -165,7 +161,7 @@ export default function LayoutHeaderContent(props: ContentProps) {
|
|
|
165
161
|
floatingSm,
|
|
166
162
|
floatingMd,
|
|
167
163
|
scrolled,
|
|
168
|
-
|
|
164
|
+
divider: !!divider,
|
|
169
165
|
})
|
|
170
166
|
|
|
171
167
|
return (
|
|
@@ -175,7 +171,7 @@ export default function LayoutHeaderContent(props: ContentProps) {
|
|
|
175
171
|
<div {...className('left')}>{left}</div>
|
|
176
172
|
<div {...className('center')}>{children}</div>
|
|
177
173
|
<div {...className('right')}>{right}</div>
|
|
178
|
-
<div {...className('divider')}>{divider
|
|
174
|
+
{divider && <div {...className('divider')}>{divider}</div>}
|
|
179
175
|
</div>
|
|
180
176
|
</>
|
|
181
177
|
)
|
|
@@ -26,6 +26,14 @@ const useStyles = makeStyles(
|
|
|
26
26
|
'@supports (-webkit-touch-callout: none)': {
|
|
27
27
|
height: '-webkit-fill-available',
|
|
28
28
|
},
|
|
29
|
+
[theme.breakpoints.down('sm')]: {
|
|
30
|
+
width: '100vw',
|
|
31
|
+
borderRadius: theme.shape.borderRadius * 3,
|
|
32
|
+
},
|
|
33
|
+
[theme.breakpoints.up('md')]: {
|
|
34
|
+
width: '100vw',
|
|
35
|
+
borderRadius: theme.shape.borderRadius * 4,
|
|
36
|
+
},
|
|
29
37
|
},
|
|
30
38
|
rootVariantSmLeft: {
|
|
31
39
|
[theme.breakpoints.down('sm')]: {
|
|
@@ -152,13 +160,13 @@ const useStyles = makeStyles(
|
|
|
152
160
|
overlayPaneVariantSmBottom: {
|
|
153
161
|
[theme.breakpoints.down('sm')]: {
|
|
154
162
|
width: '100vw',
|
|
155
|
-
borderRadius:
|
|
163
|
+
borderRadius: theme.shape.borderRadius * 3,
|
|
156
164
|
},
|
|
157
165
|
},
|
|
158
166
|
overlayPaneVariantMdBottom: {
|
|
159
167
|
[theme.breakpoints.up('md')]: {
|
|
160
168
|
width: '100vw',
|
|
161
|
-
borderRadius:
|
|
169
|
+
borderRadius: theme.shape.borderRadius * 4,
|
|
162
170
|
},
|
|
163
171
|
},
|
|
164
172
|
overlayPaneVariantSmLeft: {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@graphcommerce/next-ui",
|
|
3
|
-
"version": "3.20.
|
|
3
|
+
"version": "3.20.3",
|
|
4
4
|
"author": "",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"scripts": {
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"@apollo/client": "^3.4.16",
|
|
13
13
|
"@graphcommerce/framer-next-pages": "^2.108.0",
|
|
14
|
-
"@graphcommerce/framer-scroller": "^1.1.
|
|
14
|
+
"@graphcommerce/framer-scroller": "^1.1.3",
|
|
15
15
|
"@graphcommerce/framer-utils": "^2.103.16",
|
|
16
16
|
"@graphcommerce/graphql": "^2.105.6",
|
|
17
17
|
"@graphcommerce/image": "^2.105.5",
|
|
@@ -52,5 +52,5 @@
|
|
|
52
52
|
"project": "./tsconfig.json"
|
|
53
53
|
}
|
|
54
54
|
},
|
|
55
|
-
"gitHead": "
|
|
55
|
+
"gitHead": "4f80cd92bed997b6c778be4381b86b239fb0fdb1"
|
|
56
56
|
}
|