@lessly/ui 0.12.0 → 0.14.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/README.md +11 -6
- package/dist/index.d.ts +270 -1
- package/dist/index.js +1316 -275
- package/dist/styles.css +19 -0
- package/package.json +9 -3
package/dist/styles.css
CHANGED
|
@@ -747,6 +747,18 @@
|
|
|
747
747
|
--menu-bg: var(--bg-elevated);
|
|
748
748
|
--menu-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
|
|
749
749
|
--menu-hov: var(--hov-bg);
|
|
750
|
+
|
|
751
|
+
/* === Sign-in / auth screen (<SignInScreen/>) ===
|
|
752
|
+
Dark and light are deliberately DIFFERENT treatments, not inverts: dark leans on
|
|
753
|
+
a border hairline + deep glow ground (no shadow), light drops the border and floats
|
|
754
|
+
the card on an elevation shadow. The glow layers can't be one token pair either —
|
|
755
|
+
dark pools --bg-brand, light washes --bg-brand-subtle — so both live per theme
|
|
756
|
+
rather than as a color-mix over a single token. */
|
|
757
|
+
--auth-glow-a: rgba(99, 148, 246, 0.1);
|
|
758
|
+
--auth-glow-b: rgba(6, 41, 125, 0.42);
|
|
759
|
+
--auth-card-border: var(--border-subtle);
|
|
760
|
+
--auth-card-shadow: none;
|
|
761
|
+
--auth-btn-shadow: none;
|
|
750
762
|
}
|
|
751
763
|
|
|
752
764
|
.light {
|
|
@@ -757,6 +769,13 @@
|
|
|
757
769
|
--menu-bg: #ffffff;
|
|
758
770
|
--menu-shadow: 0 12px 32px rgba(16, 24, 40, 0.1), 0 2px 8px rgba(16, 24, 40, 0.06);
|
|
759
771
|
--menu-hov: #f2f4f7;
|
|
772
|
+
|
|
773
|
+
/* Auth screen — see :root above. */
|
|
774
|
+
--auth-glow-a: rgba(11, 76, 213, 0.09);
|
|
775
|
+
--auth-glow-b: rgba(228, 236, 254, 0.85);
|
|
776
|
+
--auth-card-border: transparent;
|
|
777
|
+
--auth-card-shadow: var(--shadow-lg);
|
|
778
|
+
--auth-btn-shadow: var(--shadow-md);
|
|
760
779
|
}
|
|
761
780
|
|
|
762
781
|
/* === Base === */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lessly/ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.14.0",
|
|
4
4
|
"description": "Lessly design system — shared UI primitives, tokens, and theme",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"packageManager": "pnpm@10.30.3",
|
|
@@ -39,7 +39,12 @@
|
|
|
39
39
|
"changeset": "changeset",
|
|
40
40
|
"release:version": "changeset version && node scripts/stamp-changelog-date.mjs",
|
|
41
41
|
"release:publish": "node scripts/release-publish.mjs",
|
|
42
|
-
"release:tag": "changeset tag"
|
|
42
|
+
"release:tag": "changeset tag",
|
|
43
|
+
"dev-site": "vite --config site/vite.config.ts",
|
|
44
|
+
"build-site": "pnpm build && vite build --config site/vite.config.ts",
|
|
45
|
+
"test-site": "node --test site/*.test.mjs",
|
|
46
|
+
"test-site-app": "vitest run --config site/vitest.config.ts",
|
|
47
|
+
"gen-changelog": "node site/scripts/gen-changelog.mjs"
|
|
43
48
|
},
|
|
44
49
|
"publishConfig": {
|
|
45
50
|
"registry": "https://registry.npmjs.org/",
|
|
@@ -114,8 +119,9 @@
|
|
|
114
119
|
"jsdom": "^26.0.0",
|
|
115
120
|
"react": "^19.0.0",
|
|
116
121
|
"react-dom": "^19.0.0",
|
|
117
|
-
"react-router": "^
|
|
122
|
+
"react-router": "^8.3.0",
|
|
118
123
|
"storybook": "^8.6.18",
|
|
124
|
+
"storybook-dark-mode": "^4.0.2",
|
|
119
125
|
"tailwindcss": "^4",
|
|
120
126
|
"tsup": "^8.0.0",
|
|
121
127
|
"tw-animate-css": "^1.4.0",
|