@hanzo/ui 3.0.2 → 3.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "3.0.2",
+  "version": "3.0.3",
   "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/{tailwind-indicator.tsx → breakpoint-indicator.tsx}

@@ -1,6 +1,6 @@
 import React from 'react'
 
-const TailwindIndicator: React.FC = () => {
+const BreakpointIndicator: React.FC = () => {
   
   if (process.env.NODE_ENV === "production") return null
 
@@ -16,4 +16,4 @@ const TailwindIndicator: React.FC = () => {
   )
 }
 
-export default TailwindIndicator
+export default BreakpointIndicator

package/primitives/index.ts

@@ -65,7 +65,7 @@ export {
   TableCaption,
 } from './table'
 
-export { default as TailwindIndicator } from './tailwind-indicator'
+export { default as BreakpointIndicator } from './breakpoint-indicator'
 
 export {
   type ToastProps,

package/primitives/sheet.tsx

@@ -36,8 +36,8 @@ const sheetVariants = cva(
   {
     variants: {
       side: {
-        //top: 'inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top',
-        //bottom: 'inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom',
+        top: 'inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top',
+        bottom: 'inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom',
         left: 'inset-y-0 left-0 h-full w-5/6 sm:w-2/3 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm',
         right:
           'inset-y-0 right-0 h-full w-5/6 sm:w-2/3 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm',

package/tailwind/tailwind.config.hanzo-preset.js

@@ -34,6 +34,7 @@ export default {
       bounce: 'bounce 1s infinite',
       "accordion-down": "accordion-down 0.2s ease-out",
       "accordion-up": "accordion-up 0.2s ease-out",
+      "mobile-menu-open": "opacity-in 300ms ease-in",
     },
     aria: {
       checked: 'checked="true"',
@@ -535,6 +536,10 @@ export default {
         from: { height: "var(--radix-accordion-content-height)" },
         to: { height: 0 },
       },
+      "opacity-in": {
+        from: { opacity: '0' },
+        to: { opacity: '1' }
+      },
     },
     letterSpacing: {
       tighter: '-0.05em',