@lessly/ui 1.0.0 → 1.1.0

package/dist/tailwind-preset.js

@@ -7,20 +7,37 @@ var lesslyPreset = {
   theme: {
     ...upstreamTheme,
     // The same replacement rule, one layer down: `borderWidth` names none/thin/medium/
-    // thick/heavy and `spacing` has no `px`, so neither `border`, `border-0` nor `h-px`
-    // resolves to a key — `0` because a named-only scale has no numeric steps at all,
-    // which is how `InputGroup`'s addon kept a border it writes `border-0` to remove. Tailwind 4 answers both from its own defaults, but the peer floor is
-    // `tailwindcss >=3.4.0` and Tailwind 3 has no such fallback — without these two the
+    // thick/heavy and `spacing` has no `px`, so none of `border`, `border-0`, `border-2`
+    // or `h-px` resolves to a key — the numeric steps because a named-only scale has no
+    // numeric steps at all, which is how `InputGroup`'s addon kept a border it writes
+    // `border-0` to remove, and `2` is `thick`'s own 2px under the name Tailwind reads.
+    // Tailwind 4 answers them all from its own defaults, but the peer floor is
+    // `tailwindcss >=3.4.0` and Tailwind 3 has no such fallback — without these the
     // kit's card outlines, table rules and dividers emit nothing at all on a v3
-    // consumer. Delete both the day `@lessly/tokens` declares them; the preset test
+    // consumer. Delete each the day `@lessly/tokens` declares it; the preset test
     // asserts upstream still doesn't, so it goes red on that release.
-    borderWidth: { ...upstreamTheme.borderWidth, DEFAULT: "1px", 0: "0px" },
+    borderWidth: { ...upstreamTheme.borderWidth, DEFAULT: "1px", 0: "0px", 2: "2px" },
     spacing: { ...upstreamTheme.spacing, px: "1px" },
     // And once more for `opacity`, which upstream names as 0/5/10/20/40/60/80/100: the
     // `disabled:opacity-50` on every disabled control, the `bg-black/50` behind every dialog,
     // sheet and drawer, and the `/90` and `opacity-70`/`opacity-75` a handful of components write
     // all reach for a key that is not there. Same deletion contract as the two above.
-    opacity: { ...upstreamTheme.opacity, 50: "0.50", 70: "0.70", 75: "0.75", 90: "0.90" }
+    opacity: { ...upstreamTheme.opacity, 50: "0.50", 70: "0.70", 75: "0.75", 90: "0.90" },
+    // And three more families named the same way: `transitionDuration` names instant through
+    // slowest, `zIndex` names base through max, and `boxShadow` names sm through glow-brand, so
+    // the `duration-200` every accordion, dialog and sheet animates on, the `z-50` every overlay
+    // stacks on, and the `shadow-none` a nested `Card` flattens itself with all read a key that
+    // is not there. Four of these steps are an upstream token's own value under the name Tailwind
+    // reads for it — 200ms is `normal`, 300ms `slow`, 500ms `slower`, 10 `raised`. Same deletion
+    // contract as the three above.
+    transitionDuration: {
+      ...upstreamTheme.transitionDuration,
+      200: "200ms",
+      300: "300ms",
+      500: "500ms"
+    },
+    zIndex: { ...upstreamTheme.zIndex, 10: "10", 20: "20", 50: "50" },
+    boxShadow: { ...upstreamTheme.boxShadow, none: "none" }
   },
   darkMode: "class"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lessly/ui",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Lessly design system — shared UI primitives, tokens, and theme",
   "type": "module",
   "packageManager": "pnpm@10.30.3",
@@ -124,6 +124,7 @@
     "storybook": "^8.6.18",
     "storybook-dark-mode": "^4.0.2",
     "tailwindcss": "^4",
+    "tailwindcss3": "npm:tailwindcss@3.4.17",
     "tsup": "^8.0.0",
     "tw-animate-css": "^1.4.0",
     "typescript": "^5.0.0",