@graphcommerce/next-ui 7.1.0-canary.9 → 8.0.0-canary.100

package/Theme/MuiSnackbar.ts

@@ -1,6 +1,6 @@
-import { ComponentsVariants } from '@mui/material'
+import { ComponentsVariants, Theme } from '@mui/material'
 
-type SnackbarVariants = NonNullable<ComponentsVariants['MuiSnackbar']>
+type SnackbarVariants = NonNullable<ComponentsVariants<Theme>['MuiSnackbar']>
 
 /**
  * The current implementation of the MuiSnackbar will only be 50% wide if no width is specificed,
@@ -22,8 +22,10 @@ export const MuiSnackbar: SnackbarVariants = [
           },
         },
       '&.MuiSnackbar-anchorOriginBottomCenter': {
-        left: 0,
-        right: 0,
+        [theme.breakpoints.up('md')]: {
+          left: theme.page.horizontal,
+          right: theme.page.horizontal,
+        },
         transform: 'unset',
       },
     }),

package/hooks/useDateTimeFormat.ts

@@ -1,3 +1,4 @@
+import { normalizeLocale } from '@graphcommerce/lingui-next'
 import { useRouter } from 'next/router'
 import { useMemo } from 'react'
 
@@ -6,12 +7,9 @@ export type DateTimeFormatProps = Intl.DateTimeFormatOptions
 export function useDateTimeFormat(props?: DateTimeFormatProps) {
   const { locale } = useRouter()
 
-  // Remove optional dialect from locale, which Intl.NumberFormat does not support.
-  const strippedLocale = locale?.split('-', 2).join('-')
-
   const formatter = useMemo(
-    () => new Intl.DateTimeFormat(strippedLocale, props),
-    [strippedLocale, props],
+    () => new Intl.DateTimeFormat(normalizeLocale(locale), props),
+    [locale, props],
   )
   return formatter
 }

package/hooks/useNumberFormat.ts

@@ -1,3 +1,4 @@
+import { normalizeLocale } from '@graphcommerce/lingui-next'
 import { useRouter } from 'next/router'
 import { useMemo } from 'react'
 
@@ -6,12 +7,9 @@ export type NumberFormatProps = Intl.NumberFormatOptions
 export function useNumberFormat(props?: NumberFormatProps) {
   const { locale } = useRouter()
 
-  // Remove optional dialect from locale, which Intl.NumberFormat does not support.
-  const strippedLocale = locale?.split('-', 2).join('-')
-
   const formatter = useMemo(
-    () => new Intl.NumberFormat(strippedLocale, props),
-    [strippedLocale, props],
+    () => new Intl.NumberFormat(normalizeLocale(locale), props),
+    [locale, props],
   )
   return formatter
 }

package/index.ts

@@ -22,15 +22,14 @@ export * from './Form/InputCheckmark'
 export * from './FramerScroller'
 export * from './FullPageMessage/FullPageMessage'
 export * from './Highlight/Highlight'
-export * from './hooks'
 export * from './IconHeader/IconHeader'
-export * from './icons'
 export * from './IconSvg'
 export * from './JsonLd/JsonLd'
 export * from './Layout'
 export * from './LayoutDefault'
 export * from './LayoutOverlay'
 export * from './LayoutParts'
+export * from './LazyHydrate'
 export * from './Navigation'
 export * from './Overlay'
 export * from './OverlayOrPopperChip'
@@ -43,6 +42,7 @@ export * from './Row'
 export * from './SectionContainer/SectionContainer'
 export * from './SectionHeader/SectionHeader'
 export * from './Separator/Separator'
+export * from './SkipLink/SkipLink'
 export * from './Snackbar/ErrorSnackbar'
 export * from './Snackbar/MessageSnackbar'
 export * from './Snackbar/MessageSnackbarImpl'
@@ -56,4 +56,6 @@ export * from './ToggleButton/ToggleButton'
 export * from './ToggleButtonGroup/ToggleButtonGroup'
 export * from './UspList/UspList'
 export * from './UspList/UspListItem'
+export * from './hooks'
+export * from './icons'
 export * from './utils/cookie'

package/package.json

@@ -2,9 +2,7 @@
   "name": "@graphcommerce/next-ui",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "7.1.0-canary.9",
-  "author": "",
-  "license": "MIT",
+  "version": "8.0.0-canary.100",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -15,33 +13,33 @@
   },
   "dependencies": {
     "@emotion/cache": "^11.11.0",
-    "@emotion/react": "^11.11.1",
+    "@emotion/react": "^11.11.3",
     "@emotion/server": "^11.11.0",
     "@emotion/styled": "^11.11.0",
-    "@graphcommerce/framer-next-pages": "7.1.0-canary.9",
-    "@graphcommerce/framer-scroller": "7.1.0-canary.9",
-    "@graphcommerce/framer-utils": "7.1.0-canary.9",
-    "@graphcommerce/image": "7.1.0-canary.9",
-    "cookie": "^0.5.0",
-    "react-is": "^18.2.0",
-    "schema-dts": "^1.1.0"
+    "cookie": "^0.6.0",
+    "react-is": "^18.2.0"
   },
   "devDependencies": {
-    "@graphcommerce/eslint-config-pwa": "7.1.0-canary.9",
-    "@graphcommerce/prettier-config-pwa": "7.1.0-canary.9",
-    "@graphcommerce/typescript-config-pwa": "7.1.0-canary.9",
-    "@types/cookie": "^0.5.2",
-    "@types/react-is": "^18.2.1",
-    "typescript": "5.2.2"
+    "@types/cookie": "^0.6.0",
+    "@types/react-is": "^18.2.4",
+    "typescript": "5.3.3"
   },
   "peerDependencies": {
+    "@graphcommerce/eslint-config-pwa": "^8.0.0-canary.100",
+    "@graphcommerce/framer-next-pages": "^8.0.0-canary.100",
+    "@graphcommerce/framer-scroller": "^8.0.0-canary.100",
+    "@graphcommerce/framer-utils": "^8.0.0-canary.100",
+    "@graphcommerce/image": "^8.0.0-canary.100",
+    "@graphcommerce/lingui-next": "^8.0.0-canary.100",
+    "@graphcommerce/prettier-config-pwa": "^8.0.0-canary.100",
+    "@graphcommerce/typescript-config-pwa": "^8.0.0-canary.100",
     "@lingui/core": "^4.2.1",
     "@lingui/macro": "^4.2.1",
     "@lingui/react": "^4.2.1",
     "@mui/lab": "^5.0.0-alpha.68",
     "@mui/material": "^5.10.16",
     "framer-motion": "^10.0.0",
-    "next": "^13.2.0",
+    "next": "*",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   }