@lessly/ui 1.0.0 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +38 -6
- package/dist/index.js +1256 -1230
- package/dist/tailwind-preset.js +24 -7
- package/package.json +3 -2
package/dist/tailwind-preset.js
CHANGED
|
@@ -7,20 +7,37 @@ var lesslyPreset = {
|
|
|
7
7
|
theme: {
|
|
8
8
|
...upstreamTheme,
|
|
9
9
|
// The same replacement rule, one layer down: `borderWidth` names none/thin/medium/
|
|
10
|
-
// thick/heavy and `spacing` has no `px`, so
|
|
11
|
-
// resolves to a key —
|
|
12
|
-
// which is how `InputGroup`'s addon kept a border it writes
|
|
13
|
-
// `
|
|
10
|
+
// thick/heavy and `spacing` has no `px`, so none of `border`, `border-0`, `border-2`
|
|
11
|
+
// or `h-px` resolves to a key — the numeric steps because a named-only scale has no
|
|
12
|
+
// numeric steps at all, which is how `InputGroup`'s addon kept a border it writes
|
|
13
|
+
// `border-0` to remove, and `2` is `thick`'s own 2px under the name Tailwind reads.
|
|
14
|
+
// Tailwind 4 answers them all from its own defaults, but the peer floor is
|
|
15
|
+
// `tailwindcss >=3.4.0` and Tailwind 3 has no such fallback — without these the
|
|
14
16
|
// kit's card outlines, table rules and dividers emit nothing at all on a v3
|
|
15
|
-
// consumer. Delete
|
|
17
|
+
// consumer. Delete each the day `@lessly/tokens` declares it; the preset test
|
|
16
18
|
// asserts upstream still doesn't, so it goes red on that release.
|
|
17
|
-
borderWidth: { ...upstreamTheme.borderWidth, DEFAULT: "1px", 0: "0px" },
|
|
19
|
+
borderWidth: { ...upstreamTheme.borderWidth, DEFAULT: "1px", 0: "0px", 2: "2px" },
|
|
18
20
|
spacing: { ...upstreamTheme.spacing, px: "1px" },
|
|
19
21
|
// And once more for `opacity`, which upstream names as 0/5/10/20/40/60/80/100: the
|
|
20
22
|
// `disabled:opacity-50` on every disabled control, the `bg-black/50` behind every dialog,
|
|
21
23
|
// sheet and drawer, and the `/90` and `opacity-70`/`opacity-75` a handful of components write
|
|
22
24
|
// all reach for a key that is not there. Same deletion contract as the two above.
|
|
23
|
-
opacity: { ...upstreamTheme.opacity, 50: "0.50", 70: "0.70", 75: "0.75", 90: "0.90" }
|
|
25
|
+
opacity: { ...upstreamTheme.opacity, 50: "0.50", 70: "0.70", 75: "0.75", 90: "0.90" },
|
|
26
|
+
// And three more families named the same way: `transitionDuration` names instant through
|
|
27
|
+
// slowest, `zIndex` names base through max, and `boxShadow` names sm through glow-brand, so
|
|
28
|
+
// the `duration-200` every accordion, dialog and sheet animates on, the `z-50` every overlay
|
|
29
|
+
// stacks on, and the `shadow-none` a nested `Card` flattens itself with all read a key that
|
|
30
|
+
// is not there. Four of these steps are an upstream token's own value under the name Tailwind
|
|
31
|
+
// reads for it — 200ms is `normal`, 300ms `slow`, 500ms `slower`, 10 `raised`. Same deletion
|
|
32
|
+
// contract as the three above.
|
|
33
|
+
transitionDuration: {
|
|
34
|
+
...upstreamTheme.transitionDuration,
|
|
35
|
+
200: "200ms",
|
|
36
|
+
300: "300ms",
|
|
37
|
+
500: "500ms"
|
|
38
|
+
},
|
|
39
|
+
zIndex: { ...upstreamTheme.zIndex, 10: "10", 20: "20", 50: "50" },
|
|
40
|
+
boxShadow: { ...upstreamTheme.boxShadow, none: "none" }
|
|
24
41
|
},
|
|
25
42
|
darkMode: "class"
|
|
26
43
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lessly/ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.2.0",
|
|
4
4
|
"description": "Lessly design system — shared UI primitives, tokens, and theme",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"packageManager": "pnpm@10.30.3",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"storybook": "storybook dev -p 6006 --no-open",
|
|
38
38
|
"build-storybook": "storybook build",
|
|
39
39
|
"changeset": "changeset",
|
|
40
|
-
"release:version": "changeset version && node scripts/stamp-changelog-date.mjs",
|
|
40
|
+
"release:version": "changeset version && node scripts/stamp-changelog-date.mjs && pnpm gen-changelog",
|
|
41
41
|
"release:publish": "node scripts/release-publish.mjs",
|
|
42
42
|
"release:tag": "changeset tag",
|
|
43
43
|
"dev-site": "vite --config site/vite.config.ts",
|
|
@@ -124,6 +124,7 @@
|
|
|
124
124
|
"storybook": "^8.6.18",
|
|
125
125
|
"storybook-dark-mode": "^4.0.2",
|
|
126
126
|
"tailwindcss": "^4",
|
|
127
|
+
"tailwindcss3": "npm:tailwindcss@3.4.17",
|
|
127
128
|
"tsup": "^8.0.0",
|
|
128
129
|
"tw-animate-css": "^1.4.0",
|
|
129
130
|
"typescript": "^5.0.0",
|