@hanzo/commerce 5.1.0 → 5.1.2

package/components/buy-item/select-category-item-card.tsx

@@ -90,7 +90,7 @@ const SelectCategoryItemCard: React.FC<React.HTMLAttributes<HTMLDivElement> & It
     isLoading ? (<Skeleton className={'h-8 w-full ' + className} />) : (
 
       <div className={cn('text-center flex flex-col justify-start items-center', className)}>
-        <p className='font-nav text-center'>{category.title}</p>
+        <p className='font-heading text-center'>{category.title}</p>
       </div>
 
   )))

package/components/payment-step-form/methods/card.tsx

@@ -4,18 +4,13 @@ import React, { useEffect, useState } from 'react'
 // @ts-ignore
 import { ApplePay, GooglePay, CreditCard, PaymentForm } from 'react-square-web-payments-sdk'
 
-import { ChevronRight } from 'lucide-react'
 import { observer } from 'mobx-react-lite'
 
 import {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
   ApplyTypography, 
   Button, 
+  Separator, 
   Skeleton, 
-  buttonVariants
 } from '@hanzo/ui/primitives'
 
 import { cn } from '@hanzo/ui/util'
@@ -155,10 +150,10 @@ const PayWithCard: React.FC<PaymentMethodComponentProps> = observer(({
     >
       <ApplyTypography className='flex flex-col mt-6 gap-1'>
         {transactionStatus === 'paid' ? (
-          <h6 className='mx-auto font-nav'>Processing your payment...</h6>
+          <h6 className='mx-auto'>Processing your payment...</h6>
         ) : transactionStatus === 'confirmed' ? (
           <div className='flex flex-col gap-4'>
-            <h5 className='mx-auto font-nav'>Payment confirmed!</h5>
+            <h5 className='mx-auto'>Payment confirmed!</h5>
             <p className='mx-auto'>Thank you for your purchase.</p>
             <Button onClick={onDone}>Continue</Button>
           </div>
@@ -168,7 +163,7 @@ const PayWithCard: React.FC<PaymentMethodComponentProps> = observer(({
             <ApplePay/>
             
             <div className='flex gap-2 whitespace-nowrap items-center my-1 sm:my-3 text-xs text-muted'>
-              <hr className='grow border'/><div className='shrink-0 mx-1'>or</div><hr className='grow border'/>
+              <Separator className='grow w-auto'/><div className='shrink-0 mx-1'>or</div><Separator className='grow w-auto'/>
             </div>
 
             <PaymentMethods />

package/components/payment-step-form/methods/crypto.tsx

@@ -173,7 +173,7 @@ const PayWithCrypto: React.FC<PaymentMethodComponentProps> = observer(({
 
   return (
     <div className='flex flex-col gap-6 mt-6'>
-      <div className='flex flex-col gap-2 w-full'>
+      <div className='flex flex-col w-full'>
         <ContactForm form={contactForm}/>
         <div className='flex gap-2 grid grid-cols-3'>
           <Select onValueChange={(token) => {/*ONLY ETH  setSelectedToken(token) */}} defaultValue='eth'>

package/components/select-category-item-panel.tsx

@@ -124,7 +124,7 @@ const SelectCategoryItemPanel: React.FC<
     isLoading ? (<Skeleton className={'h-12 w-pr-80 mx-auto ' + className} />) : (
 
       <div className={cn('flex flex-col justify-start items-center', className)}>
-        <h3 className='text-base md:text-lg lg:text-2xl font-nav text-center'>
+        <h3 className='text-base md:text-lg lg:text-2xl font-heading text-center'>
         {category.parentTitle && (
           <span>{category.parentTitle}<br className='md:hidden' /><span className='xs:hidden md:inline '>,&nbsp;</span></span>
         )}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/commerce",
-  "version": "5.1.0",
+  "version": "5.1.2",
   "description": "Library with shopping cart components.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
@@ -39,8 +39,8 @@
     "square": "^35.0.0"
   },
   "peerDependencies": {
-    "@hanzo/auth": "^2.3.2",
-    "@hanzo/ui": "^3.0.19",
+    "@hanzo/auth": "^2.3.3",
+    "@hanzo/ui": "^3.1.0",
     "@hookform/resolvers": "^3.3.4",
     "firebase": "^10.8.0",
     "lucide-react": "^0.307.0",