@12-apps/ui 6.24.1 → 6.24.3

package/dist/types/components/data-display/Alert/Alert.metrics.d.ts

@@ -73,8 +73,6 @@ export declare const CLOSE_BUTTON: {
     readonly padding: 5;
     readonly iconSize: 18;
     readonly opacity: 0.7;
-    readonly hoverRotateDeg: 90;
-    readonly hoverScale: 1.1;
     readonly washAlpha: 0.1;
 };
 /**
@@ -97,16 +95,22 @@ export declare const GLASS: {
     readonly blur: 20;
     readonly saturatePercent: 180;
 };
-/** `gradient`: light→dark at 0.9 along 135°, a 0.2 white shimmer sweeping 1000px every 3s. */
+/**
+ * `gradient`: light→dark at 0.9 along 135°, a 0.2 white shimmer sweeping 1000px every 3s.
+ *
+ * It carries no hover of its own, and that is load-bearing rather than an
+ * omission. `alertVariantStyles` is spread AFTER the root's `'&:hover'` in the
+ * same object literal, so a second `'&:hover'` key does not merge with it — it
+ * REPLACES it. While this variant had one, `gradient` was the only alert that
+ * brightened on hover while every other variant darkened, and the only one to
+ * lose the shimmer reveal the root's hover performs.
+ */
 export declare const GRADIENT: {
     readonly angleDeg: 135;
     readonly stopAlpha: 0.9;
     readonly shimmerAlpha: 0.2;
     readonly shimmerMs: 3000;
     readonly shimmerTravel: 1000;
-    readonly hoverBrightness: 1.1;
-    readonly hoverLift: 2;
-    readonly hoverScale: 1.01;
 };
 /** Emphasis: the glow's shadow and brightness, the pulse's wash. */
 export declare const GLOW: {
@@ -120,28 +124,67 @@ export declare const PULSE: {
     readonly ms: 2000;
     readonly spread: 10;
 };
-/** Pointer states — DOM only, kept so the web derives them. */
+/**
+ * Pointer states — DOM only, kept so the web derives them.
+ *
+ * HOVER and ACTIVE carry NO geometry, and that is the point rather than an
+ * omission. They used to lift the card 3px, scale it 1.01, grow a 20px shadow
+ * and spin the icon 10deg at 1.15 — four things moving at once on a surface
+ * that is not a control, which made a page of alerts twitch under the pointer.
+ *
+ * Both are a TINT now: a flat inset layer over the surface. Two mechanisms
+ * came before it and each failed on a case the next had to fix. Dropping the
+ * element's `opacity` composites toward the PAGE, so it inverted the hover on
+ * a light tint (L* 95.0 idle, 89.1 hovered, 91.1 pressed) and vanished on a
+ * dark one. A `filter: brightness()` fixed the direction but is MULTIPLICATIVE,
+ * so it moved a near-black `glass` by four counts (ΔE76 1.71, under the JND)
+ * and Banner's 10%-alpha wash by ΔE76 0.44. A layer is additive: it reads the
+ * same on an opaque tint, a translucent wash and a gradient, and because it
+ * paints above the background and below the content the ink keeps its own
+ * contrast.
+ */
 export declare const HOVER: {
-    readonly lift: 3;
-    readonly scale: 1.01;
-    readonly shadowY: 8;
-    readonly shadowBlur: 20;
-    readonly shadowAlpha: 0.2;
-    readonly iconScale: 1.15;
-    readonly iconRotateDeg: 10;
+    readonly tintAlpha: 0.06;
 };
+/**
+ * The press: a 20% tint LAYER, eased back fast.
+ *
+ * The layer is the point. The first attempt dropped the whole element's
+ * opacity, which composites toward the PAGE and so behaves differently on
+ * every surface it is asked about. Measured: over a light page it made a light
+ * tint LIGHTER (L* 95.0 idle, 89.1 hovered, 91.1 pressed), so pushing the
+ * surface looked like the pointer leaving; over a dark page it landed back on
+ * the idle surface (ΔE76 0.82 on `glass`); on `gradient` it washed white body
+ * copy to 2.31:1, under AA; and it diluted the ink during a text-selection
+ * drag. A `brightness()` step instead of it fixed the direction but not the
+ * reach — a multiplier does nothing to a near-black `glass` in dark mode
+ * (ΔE76 1.71) and nothing to Banner's 10%-alpha wash (ΔE76 0.44), because it
+ * scales only what the element already paints.
+ *
+ * An inset shadow at 100vmax is a flat tint over the whole surface: ADDITIVE,
+ * so it reads the same on an opaque tint, a translucent wash and a gradient;
+ * painted above the background and below the content, so the ink keeps its
+ * own contrast; and animatable, which `background-image` is not.
+ *
+ * `ms` is 250 and not the 1000 first asked for, and the reason is that ONE
+ * property carries both states. CSS runs a transition from the DESTINATION
+ * state's declaration, and entering hover and releasing a press share that
+ * destination — so they cannot have different durations without a second
+ * animatable property, and both free pseudo-elements are already spent on the
+ * `gradient` shimmer and the `pulse` wash. At 1000ms the hover inherited the
+ * second: crossing an alert in 300ms peaked at a ≈ 0.024, under the JND, and
+ * for ~360ms the alert you had just LEFT was darker than the one under the
+ * pointer. A fast press-return is the smaller loss, and it is the call the
+ * product owner made when shown both.
+ */
 export declare const ACTIVE: {
-    readonly lift: 1;
-    readonly scale: 0.99;
-    readonly ms: 100;
+    readonly tintAlpha: 0.2;
+    readonly ms: 250;
 };
 export declare const FOCUS: {
-    readonly ringWidth: 3;
-    readonly ringAlpha: 0.5;
-    readonly offset: 3;
-    readonly haloSpread: 6;
-    readonly haloAlpha: 0.1;
-    readonly ms: 200;
+    readonly ringWidth: 2;
+    readonly ringAlpha: 1;
+    readonly offset: 2;
 };
 /** `neutral` has no palette slot; the web has always drawn it from three greys. */
 export declare const NEUTRAL_GREY: Record<'main' | 'light' | 'dark', UiGreyStep>;

package/dist/types/components/data-display/Alert/Alert.metrics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Alert/Alert.metrics.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Alert.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Alert/Alert.metrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEjD,OAAO,EAAgB,KAAK,UAAU,EAAE,KAAK,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEpF;;;;;;;;;;GAUG;AAEH,oFAAoF;AACpF,eAAO,MAAM,kBAAkB,MAAM,CAAC;AACtC,eAAO,MAAM,mBAAmB;;;CAA6C,CAAC;AAC9E,eAAO,MAAM,mBAAmB,MAAM,CAAC;AACvC,eAAO,MAAM,YAAY,iCAAiC,CAAC;AAE3D,4EAA4E;AAC5E,eAAO,MAAM,OAAO;;;;CAA8C,CAAC;AACnE,eAAO,MAAM,SAAS;;;;CAA4C,CAAC;AACnE,oEAAoE;AACpE,eAAO,MAAM,WAAW,MAAM,CAAC;AAC/B,eAAO,MAAM,cAAc,MAAM,CAAC;AAElC,4FAA4F;AAC5F,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,iBAAiB,OAAO,CAAC;AACtC,eAAO,MAAM,mBAAmB,MAAM,CAAC;AACvC,2FAA2F;AAC3F,eAAO,MAAM,cAAc;;;CAAsD,CAAC;AAElF,2GAA2G;AAC3G,eAAO,MAAM,KAAK;;;;;CAAsF,CAAC;AACzG,iDAAiD;AACjD,eAAO,MAAM,WAAW;;;CAA4C,CAAC;AAErE,qGAAqG;AACrG,eAAO,MAAM,SAAS;;;;;;CAAuG,CAAC;AAC9H,oGAAoG;AACpG,eAAO,MAAM,WAAW;;;;CAAmE,CAAC;AAC5F,mFAAmF;AACnF,eAAO,MAAM,YAAY;;;;;CAAsE,CAAC;AAEhG;;;;GAIG;AACH,eAAO,MAAM,gBAAgB;;;;;;;CAA4E,CAAC;AAC1G,oEAAoE;AACpE,eAAO,MAAM,KAAK;;;;;CAAuF,CAAC;AAC1G;;;;;;;;;GASG;AACH,eAAO,MAAM,QAAQ;;;;;;CAMX,CAAC;AAEX,oEAAoE;AACpE,eAAO,MAAM,IAAI;;;;;CAAiE,CAAC;AACnF,eAAO,MAAM,KAAK;;;;CAAgD,CAAC;AAEnE;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,KAAK;;CAA+B,CAAC;AAElD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,MAAM;;;CAAuC,CAAC;AAE3D,eAAO,MAAM,KAAK;;;;CAAqD,CAAC;AAExE,mFAAmF;AACnF,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,GAAG,OAAO,GAAG,MAAM,EAAE,UAAU,CAAwC,CAAC;AAEhH,uFAAuF;AACvF,eAAO,MAAM,OAAO,GAAI,IAAI,MAAM,KAAG,MAAyB,CAAC;AAE/D,6FAA6F;AAC7F,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,YAAY,CAkBlF;AAED,kGAAkG;AAClG,MAAM,WAAW,YAAY;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,iBAAiB,EAAE,WAAW,CAAC,YAAY,CAAqD,CAAC;AAE9G,8FAA8F;AAC9F,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,GAAG,YAAY,CAUnF;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,YAAY,CAOzD;AAED,gFAAgF;AAChF,wBAAgB,aAAa,CAAC,OAAO,EAAE,YAAY,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAKjF;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,YAAY,GAAG,YAAY,CAGnE;AAED,kEAAkE;AAClE,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,GAAG,YAAY,CAIvG"}

package/dist/types/components/data-display/Alert/Alert.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Alert/Alert.styles.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAKL,KAAK,YAAY,EAgBlB,MAAM,iBAAiB,CAAC;AAIzB,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,eAAO,MAAM,cAAc;;;;;UAa1B,CAAC;AAiCF,eAAO,MAAM,gBAAgB;;;;;UAO5B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;UASvB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;UAUtB,CAAC;AAIF,eAAO,MAAM,iBAAiB,GAAI,OAAO,KAAK,EAAE,SAAS,MAAM,KAAG,YAgBjE,CAAC;AAUF,eAAO,MAAM,cAAc,GAAI,SAAS,MAAM,KAAG,KAAK,CAAC,SAGtD,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,GAC5B,OAAO,KAAK,EACZ,cAAc,YAAY,EAC1B,SAAS,OAAO,GAAG,SAAS,KAC3B,SA+DD,CAAC;AA2DH,eAAO,MAAM,kBAAkB,GAC7B,OAAO,KAAK,EACZ,eAAe,MAAM,GAAG,SAAS,EACjC,cAAc,YAAY,KACzB,SAoDD,CAAC;AA4BH,eAAO,MAAM,mBAAmB,GAC9B,cAAc,YAAY,EAC1B,MAAM,OAAO,EACb,OAAO,OAAO,KACb,SAiBD,CAAC"}
+{"version":3,"file":"Alert.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Alert/Alert.styles.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAKL,KAAK,YAAY,EAgBlB,MAAM,iBAAiB,CAAC;AAIzB,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,eAAO,MAAM,cAAc;;;;;UAa1B,CAAC;AAiCF,eAAO,MAAM,gBAAgB;;;;;UAO5B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;UASvB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;UAUtB,CAAC;AAIF,eAAO,MAAM,iBAAiB,GAAI,OAAO,KAAK,EAAE,SAAS,MAAM,KAAG,YAgBjE,CAAC;AAUF,eAAO,MAAM,cAAc,GAAI,SAAS,MAAM,KAAG,KAAK,CAAC,SAGtD,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,GAC5B,OAAO,KAAK,EACZ,cAAc,YAAY,EAC1B,SAAS,OAAO,GAAG,SAAS,KAC3B,SA+DD,CAAC;AA2DH,eAAO,MAAM,kBAAkB,GAC7B,OAAO,KAAK,EACZ,eAAe,MAAM,GAAG,SAAS,EACjC,cAAc,YAAY,KACzB,SAgDD,CAAC;AA+BH,eAAO,MAAM,mBAAmB,GAC9B,cAAc,YAAY,EAC1B,MAAM,OAAO,EACb,OAAO,OAAO,KACb,SAiBD,CAAC"}

package/dist/types/components/data-display/Banner/Banner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Banner/Banner.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,WAAW,EAAiB,MAAM,gBAAgB,CAAC;AAiOjE,eAAO,MAAM,MAAM,oFAqElB,CAAC"}
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Banner/Banner.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,WAAW,EAAiB,MAAM,gBAAgB,CAAC;AA6OjE,eAAO,MAAM,MAAM,oFAqElB,CAAC"}

package/dist/types/components/data-display/Banner/Banner.styles.d.ts

@@ -8,4 +8,7 @@ export declare const fadeInSlide: {
 } & string;
 export declare const getVariantColor: (theme: Theme, variant: BannerVariant) => PaletteColor;
 export declare const bannerPartStyles: (theme: Theme, colorPalette: PaletteColor) => CSSObject;
+export declare const bannerPointerStates: (theme: Theme) => CSSObject;
+/** The seconds the tint takes easing back, shared with `Alert`. */
+export declare const BANNER_TINT_S: number;
 //# sourceMappingURL=Banner.styles.d.ts.map

package/dist/types/components/data-display/Banner/Banner.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Banner/Banner.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAEpF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAGpD,eAAO,MAAM,WAAW;;;;;UASvB,CAAC;AAiBF,eAAO,MAAM,eAAe,GAAI,OAAO,KAAK,EAAE,SAAS,aAAa,iBAQnE,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,OAAO,KAAK,EAAE,cAAc,YAAY,KAAG,SA6E1E,CAAC"}
+{"version":3,"file":"Banner.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Banner/Banner.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAEpF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAIpD,eAAO,MAAM,WAAW;;;;;UASvB,CAAC;AAiBF,eAAO,MAAM,eAAe,GAAI,OAAO,KAAK,EAAE,SAAS,aAAa,iBAQnE,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,OAAO,KAAK,EAAE,cAAc,YAAY,KAAG,SA+E1E,CAAC;AAkBH,eAAO,MAAM,mBAAmB,GAAI,OAAO,KAAK,KAAG,SAcjD,CAAC;AAEH,mEAAmE;AACnE,eAAO,MAAM,aAAa,QAAmB,CAAC"}

package/dist/types/components/data-display/DataViews/data-views-view-nav.d.ts

@@ -4,7 +4,7 @@ import type { SavedViewSummary } from "./data-views-types";
 export interface ViewNavHandlers {
     views: SavedViewSummary[];
     activeViewId?: string | null;
-    /** `null` selects the built-in "{copy.nav.mainView}". */
+    /** `null` selects the built-in view named by `copy.nav.mainView`. */
     onSelectView: (id: string | null) => void;
     onEditView: (view: SavedViewSummary) => void;
     onPatchView: (view: SavedViewSummary, changes: Partial<Pick<SavedViewSummary, "isDefault" | "pinned" | "shared">>) => void;

package/dist/types/components/data-display/DataViews/data-views-view-nav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-views-view-nav.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DataViews/data-views-view-nav.tsx"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,0EAA0E;AAC1E,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,yDAAyD;IACzD,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,UAAU,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7C,WAAW,EAAE,CACX,IAAI,EAAE,gBAAgB,EACtB,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,WAAW,GAAG,QAAQ,GAAG,QAAQ,CAAC,CAAC,KACxE,IAAI,CAAC;IACV,YAAY,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAChD;AAoBD,yEAAyE;AACzE,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,aAAa,EACb,YAAY,GACb,EAAE;IACD,QAAQ,EAAE,eAAe,CAAC;IAC1B,aAAa,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAChD,YAAY,EAAE,MAAM,CAAC;CACtB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAmEpB;AAED,yEAAyE;AACzE,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,YAAY,GACb,EAAE;IACD,IAAI,EAAE,gBAAgB,CAAC;IACvB,QAAQ,EAAE,eAAe,CAAC;IAC1B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;CACtB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAoDpB;AAkFD,oCAAoC;AACpC,wBAAgB,UAAU,CAAC,KAAK,EAAE;IAChC,IAAI,EAAE,gBAAgB,CAAC;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACtB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAYpB;AAED,uEAAuE;AACvE,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,MAAM,EACN,YAAY,GACb,EAAE;IACD,IAAI,EAAE,gBAAgB,CAAC;IACvB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;CACtB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA+DpB"}
+{"version":3,"file":"data-views-view-nav.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DataViews/data-views-view-nav.tsx"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,0EAA0E;AAC1E,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,qEAAqE;IACrE,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,UAAU,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7C,WAAW,EAAE,CACX,IAAI,EAAE,gBAAgB,EACtB,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,WAAW,GAAG,QAAQ,GAAG,QAAQ,CAAC,CAAC,KACxE,IAAI,CAAC;IACV,YAAY,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAChD;AAoBD,yEAAyE;AACzE,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,aAAa,EACb,YAAY,GACb,EAAE;IACD,QAAQ,EAAE,eAAe,CAAC;IAC1B,aAAa,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAChD,YAAY,EAAE,MAAM,CAAC;CACtB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAmEpB;AAED,yEAAyE;AACzE,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,YAAY,GACb,EAAE;IACD,IAAI,EAAE,gBAAgB,CAAC;IACvB,QAAQ,EAAE,eAAe,CAAC;IAC1B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;CACtB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAoDpB;AAkFD,oCAAoC;AACpC,wBAAgB,UAAU,CAAC,KAAK,EAAE;IAChC,IAAI,EAAE,gBAAgB,CAAC;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACtB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAYpB;AAED,uEAAuE;AACvE,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,MAAM,EACN,YAAY,GACb,EAAE;IACD,IAAI,EAAE,gBAAgB,CAAC;IACvB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;CACtB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA+DpB"}

package/dist/types-native/components/data-display/Alert/Alert.metrics.d.ts

@@ -73,8 +73,6 @@ export declare const CLOSE_BUTTON: {
     readonly padding: 5;
     readonly iconSize: 18;
     readonly opacity: 0.7;
-    readonly hoverRotateDeg: 90;
-    readonly hoverScale: 1.1;
     readonly washAlpha: 0.1;
 };
 /**
@@ -97,16 +95,22 @@ export declare const GLASS: {
     readonly blur: 20;
     readonly saturatePercent: 180;
 };
-/** `gradient`: light→dark at 0.9 along 135°, a 0.2 white shimmer sweeping 1000px every 3s. */
+/**
+ * `gradient`: light→dark at 0.9 along 135°, a 0.2 white shimmer sweeping 1000px every 3s.
+ *
+ * It carries no hover of its own, and that is load-bearing rather than an
+ * omission. `alertVariantStyles` is spread AFTER the root's `'&:hover'` in the
+ * same object literal, so a second `'&:hover'` key does not merge with it — it
+ * REPLACES it. While this variant had one, `gradient` was the only alert that
+ * brightened on hover while every other variant darkened, and the only one to
+ * lose the shimmer reveal the root's hover performs.
+ */
 export declare const GRADIENT: {
     readonly angleDeg: 135;
     readonly stopAlpha: 0.9;
     readonly shimmerAlpha: 0.2;
     readonly shimmerMs: 3000;
     readonly shimmerTravel: 1000;
-    readonly hoverBrightness: 1.1;
-    readonly hoverLift: 2;
-    readonly hoverScale: 1.01;
 };
 /** Emphasis: the glow's shadow and brightness, the pulse's wash. */
 export declare const GLOW: {
@@ -120,28 +124,67 @@ export declare const PULSE: {
     readonly ms: 2000;
     readonly spread: 10;
 };
-/** Pointer states — DOM only, kept so the web derives them. */
+/**
+ * Pointer states — DOM only, kept so the web derives them.
+ *
+ * HOVER and ACTIVE carry NO geometry, and that is the point rather than an
+ * omission. They used to lift the card 3px, scale it 1.01, grow a 20px shadow
+ * and spin the icon 10deg at 1.15 — four things moving at once on a surface
+ * that is not a control, which made a page of alerts twitch under the pointer.
+ *
+ * Both are a TINT now: a flat inset layer over the surface. Two mechanisms
+ * came before it and each failed on a case the next had to fix. Dropping the
+ * element's `opacity` composites toward the PAGE, so it inverted the hover on
+ * a light tint (L* 95.0 idle, 89.1 hovered, 91.1 pressed) and vanished on a
+ * dark one. A `filter: brightness()` fixed the direction but is MULTIPLICATIVE,
+ * so it moved a near-black `glass` by four counts (ΔE76 1.71, under the JND)
+ * and Banner's 10%-alpha wash by ΔE76 0.44. A layer is additive: it reads the
+ * same on an opaque tint, a translucent wash and a gradient, and because it
+ * paints above the background and below the content the ink keeps its own
+ * contrast.
+ */
 export declare const HOVER: {
-    readonly lift: 3;
-    readonly scale: 1.01;
-    readonly shadowY: 8;
-    readonly shadowBlur: 20;
-    readonly shadowAlpha: 0.2;
-    readonly iconScale: 1.15;
-    readonly iconRotateDeg: 10;
+    readonly tintAlpha: 0.06;
 };
+/**
+ * The press: a 20% tint LAYER, eased back fast.
+ *
+ * The layer is the point. The first attempt dropped the whole element's
+ * opacity, which composites toward the PAGE and so behaves differently on
+ * every surface it is asked about. Measured: over a light page it made a light
+ * tint LIGHTER (L* 95.0 idle, 89.1 hovered, 91.1 pressed), so pushing the
+ * surface looked like the pointer leaving; over a dark page it landed back on
+ * the idle surface (ΔE76 0.82 on `glass`); on `gradient` it washed white body
+ * copy to 2.31:1, under AA; and it diluted the ink during a text-selection
+ * drag. A `brightness()` step instead of it fixed the direction but not the
+ * reach — a multiplier does nothing to a near-black `glass` in dark mode
+ * (ΔE76 1.71) and nothing to Banner's 10%-alpha wash (ΔE76 0.44), because it
+ * scales only what the element already paints.
+ *
+ * An inset shadow at 100vmax is a flat tint over the whole surface: ADDITIVE,
+ * so it reads the same on an opaque tint, a translucent wash and a gradient;
+ * painted above the background and below the content, so the ink keeps its
+ * own contrast; and animatable, which `background-image` is not.
+ *
+ * `ms` is 250 and not the 1000 first asked for, and the reason is that ONE
+ * property carries both states. CSS runs a transition from the DESTINATION
+ * state's declaration, and entering hover and releasing a press share that
+ * destination — so they cannot have different durations without a second
+ * animatable property, and both free pseudo-elements are already spent on the
+ * `gradient` shimmer and the `pulse` wash. At 1000ms the hover inherited the
+ * second: crossing an alert in 300ms peaked at a ≈ 0.024, under the JND, and
+ * for ~360ms the alert you had just LEFT was darker than the one under the
+ * pointer. A fast press-return is the smaller loss, and it is the call the
+ * product owner made when shown both.
+ */
 export declare const ACTIVE: {
-    readonly lift: 1;
-    readonly scale: 0.99;
-    readonly ms: 100;
+    readonly tintAlpha: 0.2;
+    readonly ms: 250;
 };
 export declare const FOCUS: {
-    readonly ringWidth: 3;
-    readonly ringAlpha: 0.5;
-    readonly offset: 3;
-    readonly haloSpread: 6;
-    readonly haloAlpha: 0.1;
-    readonly ms: 200;
+    readonly ringWidth: 2;
+    readonly ringAlpha: 1;
+    readonly offset: 2;
 };
 /** `neutral` has no palette slot; the web has always drawn it from three greys. */
 export declare const NEUTRAL_GREY: Record<'main' | 'light' | 'dark', UiGreyStep>;

package/dist/types-native/components/data-display/Alert/Alert.metrics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Alert/Alert.metrics.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Alert.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Alert/Alert.metrics.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@12-apps/ui",
-  "version": "6.24.1",
+  "version": "6.24.3",
   "license": "MIT",
   "packageManager": "pnpm@10.34.5",
   "type": "module",

package/src/components/data-display/Alert/Alert.metrics.ts

@@ -44,7 +44,7 @@ export const ICON_SLOT = { size: 22, opacity: 0.9, marginRightUnits: 1.75, paddi
 /** The action slot: MUI's `4px 0 0 16px` with the 16px ours, pushed right, 8px into the padding. */
 export const ACTION_SLOT = { paddingLeftUnits: 2, paddingTop: 4, marginRight: -8 } as const;
 /** The close button: MUI's small `IconButton` (5px padding, 18px glyph) at 0.7. */
-export const CLOSE_BUTTON = { padding: 5, iconSize: 18, opacity: 0.7, hoverRotateDeg: 90, hoverScale: 1.1, washAlpha: 0.1 } as const;
+export const CLOSE_BUTTON = { padding: 5, iconSize: 18, opacity: 0.7, washAlpha: 0.1 } as const;
 
 /**
  * A semantic Alert's surface and ink: an OPAQUE tint of the hue with a dark
@@ -54,26 +54,83 @@ export const CLOSE_BUTTON = { padding: 5, iconSize: 18, opacity: 0.7, hoverRotat
 export const SEMANTIC_SURFACE = { tint: { light: 0.9, dark: 0.8 }, ink: 0.6, borderAlpha: 0.35 } as const;
 /** `glass`: 85% paper under a 20px blur, a 0.4 divider hairline. */
 export const GLASS = { backgroundAlpha: 0.85, borderAlpha: 0.4, blur: 20, saturatePercent: 180 } as const;
-/** `gradient`: light→dark at 0.9 along 135°, a 0.2 white shimmer sweeping 1000px every 3s. */
+/**
+ * `gradient`: light→dark at 0.9 along 135°, a 0.2 white shimmer sweeping 1000px every 3s.
+ *
+ * It carries no hover of its own, and that is load-bearing rather than an
+ * omission. `alertVariantStyles` is spread AFTER the root's `'&:hover'` in the
+ * same object literal, so a second `'&:hover'` key does not merge with it — it
+ * REPLACES it. While this variant had one, `gradient` was the only alert that
+ * brightened on hover while every other variant darkened, and the only one to
+ * lose the shimmer reveal the root's hover performs.
+ */
 export const GRADIENT = {
   angleDeg: 135,
   stopAlpha: 0.9,
   shimmerAlpha: 0.2,
   shimmerMs: 3000,
   shimmerTravel: 1000,
-  hoverBrightness: 1.1,
-  hoverLift: 2,
-  hoverScale: 1.01,
 } as const;
 
 /** Emphasis: the glow's shadow and brightness, the pulse's wash. */
 export const GLOW = { blur: 20, spread: 5, alpha: 0.3, brightness: 1.05 } as const;
 export const PULSE = { alpha: 0.2, ms: 2000, spread: 10 } as const;
 
-/** Pointer states — DOM only, kept so the web derives them. */
-export const HOVER = { lift: 3, scale: 1.01, shadowY: 8, shadowBlur: 20, shadowAlpha: 0.2, iconScale: 1.15, iconRotateDeg: 10 } as const;
-export const ACTIVE = { lift: 1, scale: 0.99, ms: 100 } as const;
-export const FOCUS = { ringWidth: 3, ringAlpha: 0.5, offset: 3, haloSpread: 6, haloAlpha: 0.1, ms: 200 } as const;
+/**
+ * Pointer states — DOM only, kept so the web derives them.
+ *
+ * HOVER and ACTIVE carry NO geometry, and that is the point rather than an
+ * omission. They used to lift the card 3px, scale it 1.01, grow a 20px shadow
+ * and spin the icon 10deg at 1.15 — four things moving at once on a surface
+ * that is not a control, which made a page of alerts twitch under the pointer.
+ *
+ * Both are a TINT now: a flat inset layer over the surface. Two mechanisms
+ * came before it and each failed on a case the next had to fix. Dropping the
+ * element's `opacity` composites toward the PAGE, so it inverted the hover on
+ * a light tint (L* 95.0 idle, 89.1 hovered, 91.1 pressed) and vanished on a
+ * dark one. A `filter: brightness()` fixed the direction but is MULTIPLICATIVE,
+ * so it moved a near-black `glass` by four counts (ΔE76 1.71, under the JND)
+ * and Banner's 10%-alpha wash by ΔE76 0.44. A layer is additive: it reads the
+ * same on an opaque tint, a translucent wash and a gradient, and because it
+ * paints above the background and below the content the ink keeps its own
+ * contrast.
+ */
+export const HOVER = { tintAlpha: 0.06 } as const;
+
+/**
+ * The press: a 20% tint LAYER, eased back fast.
+ *
+ * The layer is the point. The first attempt dropped the whole element's
+ * opacity, which composites toward the PAGE and so behaves differently on
+ * every surface it is asked about. Measured: over a light page it made a light
+ * tint LIGHTER (L* 95.0 idle, 89.1 hovered, 91.1 pressed), so pushing the
+ * surface looked like the pointer leaving; over a dark page it landed back on
+ * the idle surface (ΔE76 0.82 on `glass`); on `gradient` it washed white body
+ * copy to 2.31:1, under AA; and it diluted the ink during a text-selection
+ * drag. A `brightness()` step instead of it fixed the direction but not the
+ * reach — a multiplier does nothing to a near-black `glass` in dark mode
+ * (ΔE76 1.71) and nothing to Banner's 10%-alpha wash (ΔE76 0.44), because it
+ * scales only what the element already paints.
+ *
+ * An inset shadow at 100vmax is a flat tint over the whole surface: ADDITIVE,
+ * so it reads the same on an opaque tint, a translucent wash and a gradient;
+ * painted above the background and below the content, so the ink keeps its
+ * own contrast; and animatable, which `background-image` is not.
+ *
+ * `ms` is 250 and not the 1000 first asked for, and the reason is that ONE
+ * property carries both states. CSS runs a transition from the DESTINATION
+ * state's declaration, and entering hover and releasing a press share that
+ * destination — so they cannot have different durations without a second
+ * animatable property, and both free pseudo-elements are already spent on the
+ * `gradient` shimmer and the `pulse` wash. At 1000ms the hover inherited the
+ * second: crossing an alert in 300ms peaked at a ≈ 0.024, under the JND, and
+ * for ~360ms the alert you had just LEFT was darker than the one under the
+ * pointer. A fast press-return is the smaller loss, and it is the call the
+ * product owner made when shown both.
+ */
+export const ACTIVE = { tintAlpha: 0.2, ms: 250 } as const;
+
+export const FOCUS = { ringWidth: 2, ringAlpha: 1, offset: 2 } as const;
 
 /** `neutral` has no palette slot; the web has always drawn it from three greys. */
 export const NEUTRAL_GREY: Record<'main' | 'light' | 'dark', UiGreyStep> = { main: 500, light: 300, dark: 700 };

package/src/components/data-display/Alert/Alert.styles.tsx

@@ -333,16 +333,15 @@ export const alertVariantStyles = (
       background: `linear-gradient(90deg, transparent, ${alpha(theme.palette.common.white, GRADIENT.shimmerAlpha)}, transparent)`,
       animation: `${shimmerAnimation} ${seconds(GRADIENT.shimmerMs)} infinite`,
     },
-    '&:hover': {
-      filter: `brightness(${GRADIENT.hoverBrightness})`,
-      transform: `translateY(-${GRADIENT.hoverLift}px) scale(${GRADIENT.hoverScale})`,
-    },
   }),
 });
 
 /** The web's glow: a soft shadow of the hue and a touch of brightness. */
 const glowStyles = (colorPalette: AlertPalette): CSSObject => ({
-  boxShadow: `0 0 ${GLOW.blur}px ${GLOW.spread}px ${alpha(colorPalette.main, GLOW.alpha)} !important`,
+  // No `!important`: the pointer states paint their tint as an INSET shadow on
+  // the same property, and compose this one alongside it rather than fighting
+  // it. `glowShadow` in `Alert.tsx` is the other half of that pair.
+  boxShadow: `0 0 ${GLOW.blur}px ${GLOW.spread}px ${alpha(colorPalette.main, GLOW.alpha)}`,
   filter: `brightness(${GLOW.brightness})`,
 });