[email protected]: +ApplyTypography + all div props;

[email protected]
hanzoai · May 31, 2024 · 563afb9 · 563afb9
1 parent d595aa1
commit 563afb9
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/packages/commerce/package.json b/packages/commerce/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/commerce",
-  "version": "7.0.9",
+  "version": "7.0.11",
   "description": "e-commerce framework.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
@@ -36,7 +36,7 @@
   },
   "peerDependencies": {
     "@hanzo/auth": "^2.4.10",
-    "@hanzo/ui": "^3.8.15",
+    "@hanzo/ui": "^3.8.17",
     "@hookform/resolvers": "^3.3.4",
     "@radix-ui/react-radio-group": "^1.1.3",
     "firebase": "^10.8.0",

diff --git a/packages/ui/package.json b/packages/ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "3.8.16",
+  "version": "3.8.18",
   "description": "Library that contains shared UI primitives, support for a common design system, and other boilerplate support.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",

diff --git a/packages/ui/primitives/apply-typography.tsx b/packages/ui/primitives/apply-typography.tsx
@@ -5,16 +5,16 @@ import { cn } from '../util'
 type TypographySize = 'responsive' | 'sm' | 'base' | 'lg' | 'xl' // if t-shirt size, do *not* be responsive
 
 const ApplyTypography: React.FC<
-  PropsWithChildren & {
-    className?: string,
+  React.ComponentProps<'div'> & {
     asTag?: 'div' | 'section' | 'nav' | 'main' | 'article',
     size?: TypographySize
   }
 > = ({ 
   children,
   className='',
   asTag='div',
-  size='responsive'
+  size='responsive',
+  ...rest
 }) => {
 
     // responsive version by default
@@ -43,7 +43,7 @@ const ApplyTypography: React.FC<
 
   const Tag = asTag
   return (
-    <Tag className={cn(typoClasses, className)}>
+    <Tag {...rest} className={cn(typoClasses, className)}>
       {children}
     </Tag>
   )