@lessly/ui 0.14.0 → 0.14.1

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.
Files changed (2) hide show
  1. package/dist/styles.css +6 -6
  2. package/package.json +3 -2
package/dist/styles.css CHANGED
@@ -82,6 +82,7 @@
82
82
  --shadow-md: 0 2px 8px rgba(0,0,0,0.5), 0 1px 2px rgba(0,0,0,0.4);
83
83
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.6), 0 2px 8px rgba(0,0,0,0.4);
84
84
  --shadow-xl: 0 16px 48px rgba(0,0,0,0.7), 0 4px 12px rgba(0,0,0,0.5);
85
+ --shadow-overlay: 0 8px 24px rgba(0,0,0,0.5);
85
86
  --shadow-inner: inset 0 1px 3px rgba(0,0,0,0.4);
86
87
  --shadow-glow-brand: 0 0 12px rgba(6,41,125,0.5);
87
88
  --overlay-backdrop: rgba(8,9,12,0.80);
@@ -325,6 +326,7 @@
325
326
  --shadow-md: 0 2px 8px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
326
327
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.12), 0 2px 8px rgba(0,0,0,0.06);
327
328
  --shadow-xl: 0 16px 48px rgba(0,0,0,0.16), 0 4px 12px rgba(0,0,0,0.08);
329
+ --shadow-overlay: 0 12px 32px rgba(16,24,40,0.1), 0 2px 8px rgba(16,24,40,0.06);
328
330
  --shadow-inner: inset 0 1px 3px rgba(0,0,0,0.08);
329
331
  --shadow-glow-brand: 0 0 12px rgba(6,41,125,0.2);
330
332
  --overlay-backdrop: rgba(14,16,21,0.50);
@@ -740,12 +742,11 @@
740
742
  }
741
743
  :root {
742
744
  /* === Nav / menu surfaces (0.3.0 sidebar) === */
743
- /* --menu-shadow stays a literal mirroring the 0.3.0 prototype's --shadow-md:
744
- @lessly/tokens ships its own --shadow-* scale, but with different values —
745
- switching to var(--shadow-md) would visibly change the menus. */
745
+ /* --menu-shadow sits on the package's --shadow-overlay role; theme.css re-resolves
746
+ it per theme, so `.light` needs no override. */
746
747
  --hov-bg: color-mix(in srgb, var(--text-primary) 7%, transparent);
747
748
  --menu-bg: var(--bg-elevated);
748
- --menu-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
749
+ --menu-shadow: var(--shadow-overlay);
749
750
  --menu-hov: var(--hov-bg);
750
751
 
751
752
  /* === Sign-in / auth screen (<SignInScreen/>) ===
@@ -764,10 +765,9 @@
764
765
  .light {
765
766
  /* Light keeps opaque plates: a translucent text-mix would vanish on a white menu.
766
767
  Pinned 0.3.0-prototype literals — deliberately NOT var(--bg-elevated), which
767
- only coincidentally resolves to the same white in the current package. */
768
+ resolves to #edeef0 in the package, not this white. */
768
769
  --hov-bg: #ffffff;
769
770
  --menu-bg: #ffffff;
770
- --menu-shadow: 0 12px 32px rgba(16, 24, 40, 0.1), 0 2px 8px rgba(16, 24, 40, 0.06);
771
771
  --menu-hov: #f2f4f7;
772
772
 
773
773
  /* Auth screen — see :root above. */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lessly/ui",
3
- "version": "0.14.0",
3
+ "version": "0.14.1",
4
4
  "description": "Lessly design system — shared UI primitives, tokens, and theme",
5
5
  "type": "module",
6
6
  "packageManager": "pnpm@10.30.3",
@@ -62,7 +62,7 @@
62
62
  }
63
63
  },
64
64
  "dependencies": {
65
- "@lessly/tokens": "^0.3.1",
65
+ "@lessly/tokens": "^0.4.0",
66
66
  "@radix-ui/react-accordion": "^1.2.16",
67
67
  "@radix-ui/react-alert-dialog": "^1.1.19",
68
68
  "@radix-ui/react-aspect-ratio": "^1.1.11",
@@ -103,6 +103,7 @@
103
103
  "@changesets/cli": "^2.31.0",
104
104
  "@eslint/js": "^9.39.5",
105
105
  "@storybook/addon-essentials": "^8.6.14",
106
+ "@storybook/blocks": "8.6.18",
106
107
  "@storybook/react": "^8.6.18",
107
108
  "@storybook/react-vite": "^8.6.18",
108
109
  "@tailwindcss/cli": "^4",