@hanzo/ui 0.5.21 → 0.5.23

package/common/footer.tsx

@@ -50,7 +50,7 @@ const Footer: React.FC<{
               )} 
               key={index + 1}
               itemClx={(def: LinkDef) => ((def.variant === 'linkFG') ?
-                'font-heading text-[15px]/[1.3] font-medium text-foreground tracking-normal'
+                'font-nav text-[15px]/[1.3] font-medium text-foreground tracking-normal'
                 : 
                 'text-[15px]/[1.1] font-normal tracking-[0.2px] text-muted-1'
               )}

package/common/header/index.tsx

@@ -19,7 +19,7 @@ const Header: React.FC<{
   const allElements = (featured) ? [...common, ...featured] : common
     // TODO move 13px into a size class and configure twMerge to recognize say, 'text-size-nav' 
     // (vs be beat out by 'text-color-nav')
-  const navItemClx = 'font-heading h-8 tracking-[-0.3px] !text-[13px]/[13px]'
+  const navItemClx = 'font-nav h-8 tracking-[-0.3px] !text-[13px]/[13px]'
 
   return (
     <header className={cn('bg-background sticky z-10 top-0 ', className)} >

package/next/load-and-return-lux-next-fonts-on-import.ts

@@ -37,6 +37,28 @@ const drukTextWide = localFont({
   variable: '--font-druk-text-wide' ,
 })
 
+const drukWide = localFont({
+  src: [
+    {
+      path: './fonts/DrukWide-Medium-Trial.otf',
+      weight: '500',
+      style: 'normal'
+    },
+    {
+      path: './fonts/DrukWide-Bold-Trial.otf',
+      weight: '700',
+      style: 'normal'
+    },
+    {
+      path: './fonts/DrukWide-Heavy-Trial.otf',
+      weight: '500',
+      style: 'normal',
+    },
+  ],
+  display: 'swap',
+  variable: '--font-druk-wide' ,
+})
+
 const inter = Inter({
   subsets: ["latin"],
   variable: "--font-inter",
@@ -46,9 +68,13 @@ export default [
   {
     font: inter,
     twName: 'sans'
-  }, 
+  },
   {
     font: drukTextWide,
+    twName: 'nav'
+  },
+  {
+    font: drukWide,
     twName: 'heading'
   } 
 ].map (

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "0.5.21",
+  "version": "0.5.23",
   "description": "Library that contains shared UI primitives, support for a common design system, and other boilerplate support.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",

package/primitives/button.tsx

@@ -5,9 +5,9 @@ import { cva, type VariantProps } from "class-variance-authority"
 import { cn } from "../util"
 
 const variant = {
-  primary: "bg-primary text-primary-fg hover:bg-primary-hover font-heading whitespace-nowrap not-typography",
-  secondary: "bg-secondary text-secondary-fg hover:bg-secondary/80 font-heading whitespace-nowrap not-typography",
-  outline: "text-foreground bg-background border border-muted-4 hover:bg-level-1 hover:text-accent hover:border-accent font-heading whitespace-nowrap not-typography",
+  primary: "bg-primary text-primary-fg hover:bg-primary-hover font-nav whitespace-nowrap not-typography",
+  secondary: "bg-secondary text-secondary-fg hover:bg-secondary/80 font-nav whitespace-nowrap not-typography",
+  outline: "text-foreground bg-background border border-muted-4 hover:bg-level-1 hover:text-accent hover:border-accent font-nav whitespace-nowrap not-typography",
   destructive: "bg-destructive text-destructive-fg font-sans whitespace-nowrap hover:bg-destructive-hover",
   ghost: "text-foreground hover:bg-level-1 hover:text-accent whitespace-nowrap font-sans ",
   link: "text-foreground hover:text-muted-1 font-sans ",

package/tailwind/lux-tw-fonts.ts

@@ -9,6 +9,11 @@ export default [
   {
     fontFamily: ['var(--font-druk-text-wide)'], // do not provide fall-backs due to next bug
     cssVar: '--font-druk-text-wide',
+    twName: 'nav'
+  },
+  {
+    fontFamily: ['var(--font-druk-wide)'], // do not provide fall-backs due to next bug
+    cssVar: '--font-druk-wide',
     twName: 'heading'
   },
   {