@burdenoff/fe-libs 2026.625.1 → 2026.625.2

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 (7) hide show
  1. package/dist/ui/glass-card.d.ts +4 -3
  2. package/dist/ui/glass-card.d.ts.map +1 -1
  3. package/dist/ui/glass-card.js +4 -4
  4. package/package.json +1 -1
  5. package/src/shared/tokens/build/foundation.css +1 -1
  6. package/src/shared/tokens/build/semantic.css +5 -0
  7. package/src/shared/tokens/build/themes.css +2 -1
package/dist/ui/glass-card.d.ts CHANGED
@@ -5,9 +5,10 @@ import { VariantProps } from 'class-variance-authority';
5
5
  * language. It does NOT fork `Card`; it provides additional "treatments" for
6
6
  * hero/metric/insight surfaces while staying on semantic tokens only.
7
7
  *
8
- * Reduced-motion and high-contrast already collapse the glass/lift effects via
9
- * the underlying tokens, but the hover lift is additionally gated behind
10
- * `motion-safe:` and neutralised on touch devices.
8
+ * No-movement policy: cards NEVER shift position on hover. Hover only
9
+ * intensifies the shadow/border (a calm highlight) — it never translates,
10
+ * scales, or removes the resting shadow. Reduced-motion / high-contrast
11
+ * collapse the glass + glow via the underlying tokens.
11
12
  */
12
13
  declare const glassCardVariants: (props?: ({
13
14
  treatment?: "glass" | "plain" | "metric" | "insight" | null | undefined;
package/dist/ui/glass-card.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"glass-card.d.ts","sourceRoot":"","sources":["../../src/ui/glass-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE;;;;;;;;GAQG;AACH,QAAA,MAAM,iBAAiB;;8EAuBtB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GACzD,YAAY,CAAC,OAAO,iBAAiB,CAAC,GAAG;IACvC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC,CAAC;AAEJ,iBAAS,SAAS,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,SAAmB,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAM7F;kBANQ,SAAS;;;AASlB,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC"}
1
+ {"version":3,"file":"glass-card.d.ts","sourceRoot":"","sources":["../../src/ui/glass-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE;;;;;;;;;GASG;AACH,QAAA,MAAM,iBAAiB;;8EAuBtB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GACzD,YAAY,CAAC,OAAO,iBAAiB,CAAC,GAAG;IACvC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC,CAAC;AAEJ,iBAAS,SAAS,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,SAAmB,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAM7F;kBANQ,SAAS;;;AASlB,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC"}
package/dist/ui/glass-card.js CHANGED
@@ -2,12 +2,12 @@ import { cn as e } from "../shared-utils.js";
2
2
  import { jsx as t } from "react/jsx-runtime";
3
3
  import { cva as n } from "class-variance-authority";
4
4
  //#region src/ui/glass-card.tsx
5
- var r = n("relative rounded-card text-text-primary transition-[box-shadow,transform] duration-200 ease-[var(--motion-easing-out)]", {
5
+ var r = n("relative rounded-card text-text-primary transition-[box-shadow,border-color] duration-200 ease-[var(--motion-easing-out)]", {
6
6
  variants: { treatment: {
7
7
  plain: "border border-border-subtle bg-bg-surface shadow-elevation-1 hover:border-border-strong hover:shadow-elevation-2",
8
- glass: "border border-border-seam bg-[var(--color-surface-glass)] backdrop-blur-[var(--blur-glass)] shadow-[var(--shadow-pop)] before:absolute before:inset-0 before:rounded-card before:bg-gloss-card before:pointer-events-none motion-safe:hover:translate-y-[var(--pop-lift-y)] hover:shadow-[var(--shadow-glow)] [@media(hover:none)]:hover:translate-y-0",
9
- metric: "border border-border-seam bg-bg-surface bg-accent-wash shadow-elevation-1 motion-safe:hover:translate-y-[var(--pop-lift-y)] hover:shadow-elevation-2 [@media(hover:none)]:hover:translate-y-0",
10
- insight: "border border-border-seam bg-bg-surface shadow-[var(--shadow-pop)] motion-safe:hover:translate-y-[var(--pop-lift-y)] hover:shadow-elevation-2 [@media(hover:none)]:hover:translate-y-0"
8
+ glass: "border border-border-seam bg-[var(--color-surface-glass)] backdrop-blur-[var(--blur-glass)] shadow-[var(--shadow-pop)] before:absolute before:inset-0 before:rounded-card before:bg-gloss-card before:pointer-events-none hover:border-border-strong hover:shadow-[var(--shadow-pop-hover)]",
9
+ metric: "border border-border-seam bg-bg-surface bg-accent-wash shadow-elevation-1 hover:border-border-strong hover:shadow-elevation-2",
10
+ insight: "border border-border-seam bg-bg-surface shadow-[var(--shadow-pop)] hover:border-border-strong hover:shadow-[var(--shadow-pop-hover)]"
11
11
  } },
12
12
  defaultVariants: { treatment: "plain" }
13
13
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@burdenoff/fe-libs",
3
- "version": "2026.625.1",
3
+ "version": "2026.625.2",
4
4
  "description": "Burdenoff frontend primitives and domain libraries",
5
5
  "type": "module",
6
6
  "imports": {
package/src/shared/tokens/build/foundation.css CHANGED
@@ -178,7 +178,7 @@
178
178
  --gloss-rim-light: rgba(15, 23, 42, 0.05); /* bottom rim shade, light */
179
179
  --gloss-rim-dark: rgba(0, 0, 0, 0.28); /* bottom rim shade, dark */
180
180
  /* Single allow-listed 3D-pop lift (transform only; collapsed in high-contrast). */
181
- --pop-lift-y: -2px;
181
+ --pop-lift-y: 0px;
182
182
 
183
183
  /* Motion Durations */
184
184
  --motion-duration-instant: 60ms;
package/src/shared/tokens/build/semantic.css CHANGED
@@ -160,6 +160,11 @@
160
160
  /* 3D-pop composite: elevation float + accent-tinted 1px glow rim, ONE token */
161
161
  --shadow-pop: var(--shadow-float),
162
162
  0 0 0 1px color-mix(in oklab, var(--color-action-primary-bg) 14%, transparent);
163
+ /* Hover state of --shadow-pop — INTENSIFIES (keeps the float, adds accent glow)
164
+ * so cards highlight on hover WITHOUT moving and WITHOUT losing their shadow. */
165
+ --shadow-pop-hover: var(--shadow-float),
166
+ 0 0 0 1px color-mix(in oklab, var(--color-action-primary-bg) 26%, transparent),
167
+ 0 12px 32px -10px color-mix(in oklab, var(--color-action-primary-bg) 28%, transparent);
163
168
  /* Visible-but-subtle theme-aware seam border for seamless chrome edges */
164
169
  --color-border-seam: color-mix(in oklab, var(--color-border-subtle) 72%, transparent);
165
170
  /* Accent color tokens */
package/src/shared/tokens/build/themes.css CHANGED
@@ -307,7 +307,8 @@
307
307
  --gradient-accent-wash: none;
308
308
  --gradient-hero-mesh: none;
309
309
  --shadow-pop: var(--shadow-elevation-2); /* opaque, no accent glow rim */
310
- --shadow-glow: var(--shadow-elevation-2);
310
+ --shadow-pop-hover: var(--shadow-elevation-3);
311
+ --shadow-glow: var(--shadow-elevation-3);
311
312
  --color-border-seam: var(--color-border-strong); /* solid, fully visible */
312
313
  --color-surface-glass: var(--color-bg-elevated); /* opaque */
313
314
  --blur-glass: 0px;