@texturehq/edges 0.0.14 → 0.0.18

package/dist/theme.css

@@ -8,7 +8,61 @@
   }
 }
 
-@theme {
+@keyframes slide-in-from-right {
+  from {
+    transform: translateX(100%);
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+
+@keyframes slide-in-from-left {
+  from {
+    transform: translateX(-100%);
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+
+@keyframes slide-out-to-right {
+  from {
+    transform: translateX(0);
+  }
+  to {
+    transform: translateX(100%);
+  }
+}
+
+@keyframes slide-out-to-left {
+  from {
+    transform: translateX(0);
+  }
+  to {
+    transform: translateX(-100%);
+  }
+}
+
+@keyframes fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes fade-out {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+
+@theme inline {
   /* Base Font Families */
   --font-sans: "Inter", system-ui, sans-serif;
   --font-brand: "TT Firs Neue", "Helvetica Neue", "Arial", system-ui, sans-serif;
@@ -280,8 +334,8 @@
   --color-stone-900: var(--stone-900);
   --color-stone-950: var(--stone-950);
 
-  --color-black: var(--black);
-  --color-white: var(--white);
+  --color-black: var(--color-neutral-black);
+  --color-white: var(--color-neutral-white);
 
   --spacing: 0.25rem;
 
@@ -407,6 +461,12 @@
   --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
   --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
   --animate-bounce: bounce 1s infinite;
+  --animate-slide-in-from-right: slide-in-from-right 0.3s ease-out;
+  --animate-slide-in-from-left: slide-in-from-left 0.3s ease-out;
+  --animate-slide-out-to-right: slide-out-to-right 0.3s ease-in;
+  --animate-slide-out-to-left: slide-out-to-left 0.3s ease-in;
+  --animate-fade-in: fade-in 0.2s ease-out;
+  --animate-fade-out: fade-out 0.15s ease-in;
 
   @keyframes spin {
     to {
@@ -1015,3 +1075,28 @@
   --skeleton-highlight: #374151;
   --skeleton-wave: rgba(255, 255, 255, 0.1);
 }
+
+/* Define the slide animation utilities */
+.slide-in-from-right {
+  animation: slide-in-from-right 0.3s ease-out;
+}
+
+.slide-in-from-left {
+  animation: slide-in-from-left 0.3s ease-out;
+}
+
+.slide-out-to-right {
+  animation: slide-out-to-right 0.15s ease-in;
+}
+
+.slide-out-to-left {
+  animation: slide-out-to-left 0.15s ease-in;
+}
+
+.fade-in {
+  animation: fade-in 0.2s ease-out;
+}
+
+.fade-out {
+  animation: fade-out 0.15s ease-in;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@texturehq/edges",
-  "version": "0.0.14",
+  "version": "0.0.18",
   "author": "Nicholas Brown <nick@texturehq.com>",
   "description": "A shared component library for Texture",
   "type": "module",
@@ -18,12 +18,17 @@
       "default": "./dist/index.js"
     },
     "./styles.css": "./dist/styles.css",
-    "./theme.css": "./dist/theme.css"
+    "./dist/styles.css": "./dist/styles.css",
+    "./theme.css": "./dist/theme.css",
+    "./dist/theme.css": "./dist/theme.css"
   },
   "scripts": {
     "dev": "yarn watch",
     "watch": "tsup --watch",
     "build": "tsup",
+    "build:yalc": "tsup && npx yalc publish --sig && npx yalc push",
+    "dev:yalc": "tsup && npx yalc publish --sig && npx yalc push && echo 'Package updated! Run in target project: yarn install && yarn dev'",
+    "dev:yalc:force": "tsup && npx yalc publish --sig && npx yalc push && echo 'Package updated! Run in target project: rm -rf .vite && yarn cache clean && yarn dev --force'",
     "clean": "rm -rf dist",
     "lint": "eslint --ext .ts,.tsx src/",
     "lint:quiet": "eslint --ext .ts,.tsx src/ --quiet",
@@ -84,6 +89,7 @@
     "typescript": "~5.4.2",
     "vite": "^5.1.6",
     "vite-plugin-svgr": "^4.3.0",
-    "vitest": "^3.1.1"
+    "vitest": "^3.1.1",
+    "yalc": "^1.0.0-pre.53"
   }
 }