@tapizlabs/ui 0.2.13 → 0.2.15

package/dist/theme.css

@@ -483,15 +483,17 @@ html:not(.dark) {
   z-index: 130;
   border-bottom: 1px solid var(--color-border);
   background: color-mix(in srgb, var(--color-ink-000) 72%, transparent);
+  box-shadow: 0 18px 46px -36px rgba(0, 0, 0, .7);
   backdrop-filter: blur(20px) saturate(140%);
+  -webkit-backdrop-filter: blur(20px) saturate(140%);
 }
 
 body.tapiz-landing-navbar-open .tapiz-landing-navbar {
-  background: color-mix(in srgb, var(--color-ink-200) 96%, transparent);
+  background: color-mix(in srgb, var(--color-ink-200) 78%, transparent);
 }
 
 html:not(.dark) body.tapiz-landing-navbar-open .tapiz-landing-navbar {
-  background: rgba(255, 255, 255, .96);
+  background: rgba(255, 255, 255, .78);
 }
 
 .tapiz-landing-navbar__container {
@@ -654,6 +656,17 @@ html:not(.dark) .tapiz-landing-navbar__theme-track {
   background: color-mix(in srgb, var(--color-ink-000) 55%, transparent);
   backdrop-filter: blur(8px);
   -webkit-backdrop-filter: blur(8px);
+  opacity: 0;
+  transition: opacity .2s ease;
+}
+
+.tapiz-landing-navbar__scrim[data-state="open"] {
+  opacity: 1;
+}
+
+.tapiz-landing-navbar__scrim[data-state="closed"] {
+  opacity: 0;
+  pointer-events: none;
 }
 
 .tapiz-landing-navbar__drawer {
@@ -670,6 +683,9 @@ html:not(.dark) .tapiz-landing-navbar__theme-track {
   background: color-mix(in srgb, var(--color-ink-200) 96%, transparent);
   box-shadow: 0 40px 90px -42px rgba(0, 0, 0, .75);
   padding: 1.25rem clamp(1rem, 4vw, 2rem) calc(1.25rem + env(safe-area-inset-bottom, 0px));
+  opacity: 0;
+  transform: translateY(-10px);
+  transition: opacity .22s ease, transform .22s ease;
 }
 
 html:not(.dark) .tapiz-landing-navbar__drawer {
@@ -677,6 +693,17 @@ html:not(.dark) .tapiz-landing-navbar__drawer {
   box-shadow: 0 40px 90px -42px rgba(13, 37, 48, .28);
 }
 
+.tapiz-landing-navbar__drawer[data-state="open"] {
+  opacity: 1;
+  transform: translateY(0);
+}
+
+.tapiz-landing-navbar__drawer[data-state="closed"] {
+  opacity: 0;
+  transform: translateY(-10px);
+  pointer-events: none;
+}
+
 .tapiz-landing-navbar__drawer-nav {
   display: grid;
   gap: .25rem;

package/fonts.css

@@ -0,0 +1 @@
+@import "./dist/fonts.css";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tapizlabs/ui",
-  "version": "0.2.13",
+  "version": "0.2.15",
   "description": "Centralized design system, theming foundation, and reusable React UI components for the Tapiz platform.",
   "license": "MIT",
   "type": "module",
@@ -22,6 +22,9 @@
   ],
   "sideEffects": [
     "*.css",
+    "./theme.css",
+    "./tailwind-theme.css",
+    "./fonts.css",
     "./dist/fonts.js",
     "./dist/fonts.css"
   ],
@@ -30,16 +33,19 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     },
-    "./theme.css": "./dist/theme.css",
-    "./tailwind-theme.css": "./dist/tailwind-theme.css",
+    "./theme.css": "./theme.css",
+    "./tailwind-theme.css": "./tailwind-theme.css",
     "./fonts": {
       "types": "./dist/fonts.d.ts",
       "import": "./dist/fonts.js"
     },
-    "./fonts.css": "./dist/fonts.css"
+    "./fonts.css": "./fonts.css"
   },
   "files": [
     "dist",
+    "theme.css",
+    "tailwind-theme.css",
+    "fonts.css",
     "LICENSE",
     "README.md",
     "CHANGELOG.md",

package/tailwind-theme.css

@@ -0,0 +1 @@
+@import "./dist/tailwind-theme.css";

package/theme.css

@@ -0,0 +1 @@
+@import "./dist/theme.css";