slot-text 0.3.1 → 0.3.2

package/README.md

@@ -15,10 +15,32 @@ Dependency-free text roll animation for tiny, tactile UI labels.
 
 ## 📦 Install
 
+Choose your preferred package manager:
+
+**npm**
+
 ```bash
 npm install slot-text
 ```
 
+**pnpm**
+
+```bash
+pnpm add slot-text
+```
+
+**Bun**
+
+```bash
+bun add slot-text
+```
+
+**Yarn**
+
+```bash
+yarn add slot-text
+```
+
 ## 🚀 Quick start
 
 ```ts

package/dist/index.js

@@ -1,5 +1,5 @@
 export { animateSlotText, buildSlotText, chromatic, clearSlotText, } from "./slotText.js";
-import { animateSlotText, buildSlotText, clearSlotText, } from "./slotText.js";
+import { animateSlotText, buildSlotText, clearSlotText } from "./slotText.js";
 /**
  * Create a text-roll controller for one element.
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "slot-text",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "Dependency-free text roll animation for tiny, tactile UI labels.",
   "type": "module",
   "license": "MIT",

package/style.css

@@ -1,6 +1,7 @@
 .slot-text {
   display: inline-flex;
   white-space: pre;
+  align-items: baseline;
 }
 
 .char-slot {
@@ -12,6 +13,7 @@
      instead of letting the row overflow like it does at rest. */
   flex: none;
   justify-content: center;
+  align-items: baseline;
   /* Clip only vertically: the roll needs a top/bottom mask, but glyph side
      bearings, kerning overhang and the settle tilt must stay visible so
      letters never look cropped. (overflow: hidden is the legacy fallback.) */
@@ -19,7 +21,6 @@
   overflow-x: visible;
   overflow-y: clip;
   line-height: 1.3;
-  vertical-align: bottom;
 }
 
 /* Cells appearing from or collapsing to empty change width drastically, so