@graphcommerce/next-ui 3.0.4 → 3.0.5

package/AppShell/AppShellHeader/index.tsx

@@ -1,5 +1,5 @@
-import { Fab, makeStyles, Theme } from '@material-ui/core'
 import { useHistoryLink, usePageContext, usePageRouter } from '@graphcommerce/framer-next-pages'
+import { Fab, makeStyles, Theme } from '@material-ui/core'
 import clsx from 'clsx'
 import { m, MotionValue, useMotionValue, useTransform } from 'framer-motion'
 import PageLink from 'next/link'

package/AppShell/DesktopNavBar.tsx

@@ -1,5 +1,5 @@
-import { Link, makeStyles, Theme } from '@material-ui/core'
 import { Scroller, ScrollerButton, ScrollerProvider } from '@graphcommerce/framer-scroller'
+import { Link, makeStyles, Theme } from '@material-ui/core'
 import clsx from 'clsx'
 import PageLink from 'next/link'
 import { useRouter } from 'next/router'

package/AppShell/SheetShellBase/index.tsx

@@ -1,14 +1,15 @@
-import { makeStyles, Theme } from '@material-ui/core'
 import { usePageContext, usePageRouter } from '@graphcommerce/framer-next-pages'
 import {
+  ClassKeys,
   Sheet,
   SheetBackdrop,
   SheetContainer,
   SheetPanel,
   SheetProps,
   SnapPoint,
-  styles,
+  styles as sheetStyles,
 } from '@graphcommerce/framer-sheet'
+import { makeStyles, StyleRules, Theme } from '@material-ui/core'
 import { useDomEvent } from 'framer-motion'
 import { useRouter } from 'next/router'
 import React, { useRef } from 'react'
@@ -23,6 +24,8 @@ export type SheetShellBaseProps = {
 } & Pick<SheetProps, 'size' | 'variant'> &
   PageLayoutBaseProps
 
+const styles = sheetStyles as StyleRules<ClassKeys>
+
 const useStyles = makeStyles(
   (theme: Theme) => ({
     container: {

package/AppShell/SheetShellBase/useSheetStyles.ts

@@ -1,6 +1,6 @@
+import styles, { ClassKeys } from '@graphcommerce/framer-sheet/styles'
 import { makeStyles, StyleRules, Theme } from '@material-ui/core'
 import { ClassNameMap } from '@material-ui/styles'
-import styles, { ClassKeys } from '@graphcommerce/framer-sheet/styles'
 
 type UseSheetStylesReturn = (props?: Record<string, unknown>) => ClassNameMap<ClassKeys>
 

package/AppShell/SheetShellDragIndicator/index.tsx

@@ -1,8 +1,15 @@
-import { makeStyles } from '@material-ui/core'
-import { SheetDragIndicator, SheetDragIndicatorProps, styles } from '@graphcommerce/framer-sheet'
+import {
+  SheetDragIndicator,
+  SheetDragIndicatorProps,
+  styles as sheetStyles,
+  ClassKeys,
+} from '@graphcommerce/framer-sheet'
+import { makeStyles, StyleRules } from '@material-ui/core'
 import React from 'react'
 import responsiveVal from '../../Styles/responsiveVal'
 
+const styles = sheetStyles as StyleRules<ClassKeys>
+
 const useStyles = makeStyles(
   () => ({
     indicatorRoot: {

package/ChipMenu/index.tsx

@@ -1,10 +1,10 @@
 import { Chip, ChipProps, makeStyles, Menu, Theme } from '@material-ui/core'
 import clsx from 'clsx'
 import React, { PropsWithChildren, useState } from 'react'
-import { iconChevronDown, iconChevronUp, iconCloseCircle } from '../icons'
 import SectionHeader from '../SectionHeader'
 import responsiveVal from '../Styles/responsiveVal'
 import SvgImage from '../SvgImage'
+import { iconChevronDown, iconChevronUp, iconCloseCircle } from '../icons'
 
 export const useChipMenuStyles = makeStyles(
   (theme: Theme) => ({

package/FramerNextPagesSlider/Slide.tsx

@@ -1,6 +1,6 @@
-import { makeStyles } from '@material-ui/core'
 import { usePageContext, usePageRouter } from '@graphcommerce/framer-next-pages'
 import { SPRING_ANIM } from '@graphcommerce/framer-sheet'
+import { makeStyles } from '@material-ui/core'
 import { m, motionValue, useElementScroll } from 'framer-motion'
 import React, { useEffect, useRef } from 'react'
 import { ScrollPositions } from './types'

package/FramerNextPagesSlider/Slider.tsx

@@ -1,5 +1,5 @@
-import { makeStyles } from '@material-ui/styles'
 import { usePageContext, usePageRouter } from '@graphcommerce/framer-next-pages'
+import { makeStyles } from '@material-ui/styles'
 import { AnimatePresence } from 'framer-motion'
 import React, { useRef } from 'react'
 import RouterSlide from './Slide'

package/FramerScroller/components/SidebarGallery.tsx

@@ -1,4 +1,3 @@
-import { Fab, makeStyles, Theme, useTheme } from '@material-ui/core'
 import {
   ScrollerButton,
   ScrollerDots,
@@ -9,6 +8,7 @@ import {
   MotionImageAspect,
 } from '@graphcommerce/framer-scroller'
 import { clientSize, useMotionValueValue } from '@graphcommerce/framer-utils'
+import { Fab, makeStyles, Theme, useTheme } from '@material-ui/core'
 import clsx from 'clsx'
 import { m } from 'framer-motion'
 import React, { useState } from 'react'

package/FramerScroller/components/SidebarSlider.tsx

@@ -1,12 +1,12 @@
 import { relative } from 'path/posix'
-import { Theme } from '@material-ui/core'
-import { makeStyles } from '@material-ui/styles'
 import {
   Scroller,
   ScrollerButton,
   ScrollerPageCounter,
   ScrollerProvider,
 } from '@graphcommerce/framer-scroller'
+import { Theme } from '@material-ui/core'
+import { makeStyles } from '@material-ui/styles'
 import React, { ReactNode } from 'react'
 import { SvgImageSimple, iconChevronLeft, iconChevronRight } from '../..'
 import { UseStyles } from '../../Styles'

package/Row/ContentLinks/index.tsx

@@ -1,5 +1,5 @@
-import { Container, makeStyles, Theme, Typography } from '@material-ui/core'
 import { Scroller, ScrollerProvider } from '@graphcommerce/framer-scroller'
+import { Container, makeStyles, Theme, Typography } from '@material-ui/core'
 import React from 'react'
 import { UseStyles } from '../../Styles'
 

package/SvgImage/SvgImageSimple.tsx

@@ -1,5 +1,5 @@
-import { makeStyles, capitalize, Theme } from '@material-ui/core'
 import { Image, ImageProps } from '@graphcommerce/image'
+import { makeStyles, capitalize, Theme } from '@material-ui/core'
 import clsx from 'clsx'
 import { forwardRef } from 'react'
 import responsiveVal from '../Styles/responsiveVal'

package/SvgImage/index.tsx

@@ -1,5 +1,5 @@
-import { makeStyles, Theme } from '@material-ui/core'
 import { Image, ImageProps } from '@graphcommerce/image'
+import { makeStyles, Theme } from '@material-ui/core'
 import React from 'react'
 import { UseStyles } from '../Styles'
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphcommerce/next-ui",
-  "version": "3.0.4",
+  "version": "3.0.5",
   "author": "",
   "license": "MIT",
   "scripts": {
@@ -10,12 +10,12 @@
   },
   "dependencies": {
     "@apollo/client": "^3.3.21",
-    "@graphcommerce/framer-next-pages": "^2.106.3",
-    "@graphcommerce/framer-scroller": "^0.2.3",
-    "@graphcommerce/framer-sheet": "^2.105.2",
-    "@graphcommerce/framer-utils": "^2.103.2",
-    "@graphcommerce/graphql": "^2.103.2",
-    "@graphcommerce/image": "^2.104.3",
+    "@graphcommerce/framer-next-pages": "^2.106.4",
+    "@graphcommerce/framer-scroller": "^0.2.4",
+    "@graphcommerce/framer-sheet": "^2.105.3",
+    "@graphcommerce/framer-utils": "^2.103.3",
+    "@graphcommerce/graphql": "^2.103.3",
+    "@graphcommerce/image": "^2.104.4",
     "@graphql-typed-document-node/core": "^3.1.0",
     "@material-ui/core": "^4.12.3",
     "@material-ui/lab": "^4.0.0-alpha.60",
@@ -35,9 +35,9 @@
   },
   "devDependencies": {
     "@graphcommerce/browserslist-config-pwa": "^3.0.1",
-    "@graphcommerce/eslint-config-pwa": "^3.0.2",
+    "@graphcommerce/eslint-config-pwa": "^3.0.3",
     "@graphcommerce/prettier-config-pwa": "^3.0.2",
-    "@graphcommerce/typescript-config-pwa": "^3.0.1",
+    "@graphcommerce/typescript-config-pwa": "^3.1.0",
     "@playwright/test": "^1.15.0",
     "@types/react": "^17.0.24",
     "@types/react-dom": "^17.0.9",
@@ -56,5 +56,5 @@
       "project": "./tsconfig.json"
     }
   },
-  "gitHead": "aba0a6340e2d098313f1c25cc2047c18e5ea5db5"
+  "gitHead": "1345d9b55763894d3cdedb5751895f2d3f89d1b4"
 }