@visin/frontend-core 1.8.0 → 1.10.0

package/dist/theme/createVisinTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createVisinTheme.d.ts","sourceRoot":"","sources":["../../src/theme/createVisinTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,KAAK,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAMlF,OAAO,QAAQ,sBAAsB,CAAC;IACpC,UAAU,iBAAiB;QACzB,OAAO,EAAE,IAAI,CAAC;KACf;CACF;AAeD,oFAAoF;AACpF,eAAO,MAAM,sBAAsB,sBAAsB,CAAC;AAE1D;;;GAGG;AACH,eAAO,MAAM,sBAAsB,eAAe,CAAC;AACnD,eAAO,MAAM,wBAAwB,uBAAuB,CAAC;AAE7D;;;GAGG;AACH,eAAO,MAAM,YAAY;IACvB,mDAAmD;;;;;CAK3C,CAAC;AA8BX;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,gBAAgB,CAAC,SAAS,GAAE,YAAiB,GAAG,KAAK,CA2LpE;AAED,mFAAmF;AACnF,eAAO,MAAM,UAAU,OAAqB,CAAC"}

package/dist/theme/createVisinTheme.js

@@ -0,0 +1,261 @@
+import { createTheme } from '@mui/material/styles';
+import { brand, glass, ink, raisedShadow, schemeCssVars, schemes, surface } from './tokens';
+/** Below `md` — the compact (phone) layout, as `useCompactLayout` reads it. */
+const PHONE = '@media (max-width:899.95px)';
+/**
+ * Below `sm` — a phone held upright, where a thumb does the pointing. 44px is
+ * the WCAG 2.2 target size and both platforms' minimum; MUI's 36px button is a
+ * miss often enough to feel broken.
+ */
+const HANDHELD = '@media (max-width:599.95px)';
+const TOUCH_TARGET = 44;
+const FONT_STACK = '"Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif';
+/** The attribute on <html> that says which scheme is showing: `light` or `dark`. */
+export const COLOR_SCHEME_ATTRIBUTE = 'data-color-scheme';
+/**
+ * Where the person's choice (`system`, `light` or `dark`) is kept. Named rather
+ * than MUI's default, so the pre-paint script in each index.html reads the same key.
+ */
+export const COLOR_MODE_STORAGE_KEY = 'visin-mode';
+export const COLOR_SCHEME_STORAGE_KEY = 'visin-color-scheme';
+/**
+ * The colours named outside a React tree: `theme-color` in each index.html,
+ * the manifest, the offline page.
+ */
+export const VISIN_COLORS = {
+    /** Primary: buttons, links, the selected state. */
+    brand: brand.light,
+    themeColor: schemes.light.themeColor,
+    themeColorDark: schemes.dark.themeColor,
+    background: schemes.light.surface.default
+};
+const lightPalette = {
+    primary: { main: brand.light, light: '#60a5fa', dark: '#1d4ed8', contrastText: '#ffffff' },
+    secondary: { main: '#64748b' },
+    success: { main: '#15803d' },
+    warning: { main: '#b45309' },
+    error: { main: '#dc2626' },
+    info: { main: '#0369a1' },
+    background: { default: schemes.light.surface.default, paper: schemes.light.surface.paper },
+    text: { primary: schemes.light.ink.strong, secondary: schemes.light.ink.body, disabled: schemes.light.ink.faint },
+    divider: schemes.light.surface.divider
+};
+/**
+ * Walked *up* for dark: the light scheme's blue is 3.1:1 on the dark paper, so
+ * anything readable gets a lighter one, with dark text on it as a button fill.
+ */
+const darkPalette = {
+    primary: { main: brand.dark, light: '#93c5fd', dark: '#3b82f6', contrastText: '#0b1220' },
+    secondary: { main: '#94a3b8' },
+    success: { main: '#4ade80' },
+    warning: { main: '#fbbf24' },
+    error: { main: '#f87171' },
+    info: { main: '#38bdf8' },
+    background: { default: schemes.dark.surface.default, paper: schemes.dark.surface.paper },
+    text: { primary: schemes.dark.ink.strong, secondary: schemes.dark.ink.body, disabled: schemes.dark.ink.faint },
+    divider: schemes.dark.surface.divider
+};
+/**
+ * The one theme every Visin front renders with — shell, vision, label, account
+ * and sign-in — so crossing apps inside the shell never changes the typeface,
+ * the blue, the scheme or the shape of a button.
+ *
+ * Colours are CSS variables switched by an attribute on <html>. That is what
+ * makes one switch reach every front: the remotes are federated into the
+ * shell's page, so they all read the same attribute. It also means
+ * `theme.palette` holds the *light* values in both schemes; code that needs a
+ * colour in JS reads `theme.vars.palette` (or `useActivePalette` for a real
+ * value, e.g. a chart series).
+ *
+ * `shape.borderRadius` stays MUI's 4px unit on purpose: pages across the apps
+ * set radii as theme multiples (`borderRadius: 2`), and a larger unit turned
+ * those into pills. Components get their rounder corners here instead.
+ */
+export function createVisinTheme(overrides = {}) {
+    return createTheme({
+        cssVariables: { colorSchemeSelector: COLOR_SCHEME_ATTRIBUTE },
+        colorSchemes: { light: { palette: lightPalette }, dark: { palette: darkPalette } },
+        typography: {
+            fontFamily: FONT_STACK,
+            h1: { fontWeight: 700, letterSpacing: '-0.02em' },
+            h2: { fontWeight: 700, letterSpacing: '-0.02em' },
+            h3: { fontWeight: 700, letterSpacing: '-0.02em' },
+            // Page titles: MUI's 2.125rem h4 filled a phone's width with two words.
+            h4: { fontWeight: 700, letterSpacing: '-0.02em', fontSize: '1.75rem', [PHONE]: { fontSize: '1.375rem' } },
+            h5: { fontWeight: 600, [PHONE]: { fontSize: '1.2rem' } },
+            h6: { fontWeight: 600 },
+            subtitle1: { fontWeight: 600 },
+            subtitle2: { fontWeight: 600 },
+            button: { textTransform: 'none', fontWeight: 600 }
+        },
+        shape: { borderRadius: 4 },
+        components: {
+            MuiCssBaseline: {
+                styleOverrides: {
+                    // The tokens pages use (`ink.muted`, `surface.sunken`, `glass`…) are
+                    // variables; these are their values in each scheme. The attribute
+                    // also works on an element, not only <html>, so a region can pin
+                    // itself to one scheme.
+                    [`:root, [${COLOR_SCHEME_ATTRIBUTE}="light"]`]: schemeCssVars('light'),
+                    [`:root[${COLOR_SCHEME_ATTRIBUTE}="dark"], [${COLOR_SCHEME_ATTRIBUTE}="dark"]`]: schemeCssVars('dark'),
+                    body: { WebkitFontSmoothing: 'antialiased', MozOsxFontSmoothing: 'grayscale' },
+                    '*::-webkit-scrollbar': { width: 10, height: 10 },
+                    '*::-webkit-scrollbar-track': { background: 'transparent' },
+                    '*::-webkit-scrollbar-thumb': {
+                        background: 'rgba(100,116,139,0.28)',
+                        borderRadius: 999,
+                        border: '2px solid transparent',
+                        backgroundClip: 'padding-box'
+                    },
+                    '*::-webkit-scrollbar-thumb:hover': { background: 'rgba(100,116,139,0.5)', backgroundClip: 'padding-box' }
+                }
+            },
+            // AppLayout's content column already has the page gutters; a Container's
+            // own added a second pair, which a phone paid for in width.
+            MuiContainer: {
+                defaultProps: { disableGutters: true }
+            },
+            MuiButton: {
+                defaultProps: { disableElevation: true },
+                styleOverrides: {
+                    root: ({ theme }) => ({
+                        borderRadius: 10,
+                        [HANDHELD]: { minHeight: TOUCH_TARGET },
+                        variants: [
+                            {
+                                // A little light from above and a glow in its own colour: a
+                                // flat fill read as a sticker on the frosted chrome.
+                                props: { variant: 'contained', color: 'primary' },
+                                style: {
+                                    backgroundImage: 'linear-gradient(180deg, rgba(255,255,255,0.14), rgba(255,255,255,0))',
+                                    boxShadow: `0 1px 0 rgba(255,255,255,0.18) inset, 0 8px 20px -10px ${theme.alpha(theme.vars.palette.primary.main, 0.7)}`,
+                                    '&:hover': {
+                                        boxShadow: `0 1px 0 rgba(255,255,255,0.18) inset, 0 10px 24px -10px ${theme.alpha(theme.vars.palette.primary.main, 0.85)}`
+                                    },
+                                    '&.Mui-disabled': { backgroundImage: 'none', boxShadow: 'none' }
+                                }
+                            }
+                        ]
+                    }),
+                    sizeSmall: { [HANDHELD]: { minHeight: 36 } }
+                }
+            },
+            MuiIconButton: {
+                styleOverrides: {
+                    root: {
+                        [HANDHELD]: {
+                            minWidth: TOUCH_TARGET,
+                            minHeight: TOUCH_TARGET,
+                            // Inside a text field the field is the target, and 44px would
+                            // stretch a small one taller than its neighbours.
+                            '.MuiInputAdornment-root &': { minWidth: 0, minHeight: 0 }
+                        }
+                    },
+                    sizeSmall: { [HANDHELD]: { minWidth: 36, minHeight: 36 } }
+                }
+            },
+            MuiMenuItem: {
+                styleOverrides: { root: { [HANDHELD]: { minHeight: TOUCH_TARGET } } }
+            },
+            MuiListItemButton: {
+                styleOverrides: { root: { [HANDHELD]: { minHeight: TOUCH_TARGET } } }
+            },
+            MuiFab: {
+                styleOverrides: { root: { textTransform: 'none', fontWeight: 600 } }
+            },
+            MuiPaper: {
+                styleOverrides: {
+                    // MUI lightens dark paper by elevation with a white overlay, which
+                    // turns a menu grey against its own panel. The surfaces are chosen.
+                    root: { backgroundImage: 'none' },
+                    rounded: { borderRadius: 12 },
+                    outlined: { borderColor: surface.divider }
+                }
+            },
+            MuiCard: {
+                defaultProps: { variant: 'outlined' },
+                styleOverrides: {
+                    root: { borderRadius: 16, boxShadow: raisedShadow }
+                }
+            },
+            MuiPopover: {
+                styleOverrides: { paper: { ...glass, borderRadius: 12 } }
+            },
+            MuiMenu: {
+                styleOverrides: { paper: { borderRadius: 12 } }
+            },
+            MuiAutocomplete: {
+                styleOverrides: { paper: { ...glass, borderRadius: 12 } }
+            },
+            MuiDialog: {
+                styleOverrides: {
+                    // Solid: a form over a blur is harder to read than it is pretty.
+                    paper: {
+                        borderRadius: 16,
+                        border: `1px solid ${surface.divider}`,
+                        boxShadow: '0 30px 80px -30px rgba(0,0,0,0.45)',
+                        // Near full screen on a phone: a desktop's margins squeeze a form
+                        // into the middle for nothing.
+                        [HANDHELD]: {
+                            margin: 12,
+                            width: 'calc(100% - 24px)',
+                            maxWidth: 'calc(100% - 24px)',
+                            maxHeight: 'calc(100% - 24px)'
+                        }
+                    }
+                }
+            },
+            MuiBackdrop: {
+                styleOverrides: {
+                    root: {
+                        variants: [
+                            {
+                                props: { invisible: false },
+                                style: { backgroundColor: 'rgba(8,12,20,0.45)', backdropFilter: 'blur(3px)' }
+                            }
+                        ]
+                    }
+                }
+            },
+            MuiOutlinedInput: {
+                styleOverrides: { root: { borderRadius: 10, backgroundColor: surface.paper } }
+            },
+            MuiAlert: {
+                styleOverrides: { root: { borderRadius: 10 } }
+            },
+            MuiChip: {
+                styleOverrides: { root: { fontWeight: 500 } }
+            },
+            // A tab strip wider than the phone it is on is the commonest cause of a
+            // page that slides sideways. A page that wants fixed tabs says so.
+            MuiTabs: {
+                defaultProps: { variant: 'scrollable', scrollButtons: 'auto', allowScrollButtonsMobile: true }
+            },
+            MuiTab: {
+                styleOverrides: { root: { textTransform: 'none', fontWeight: 600, [HANDHELD]: { minWidth: 'auto', paddingInline: 12 } } }
+            },
+            MuiTableCell: {
+                styleOverrides: {
+                    root: { borderColor: surface.divider },
+                    head: {
+                        backgroundColor: surface.sunken,
+                        color: ink.body,
+                        fontSize: '0.75rem',
+                        fontWeight: 600,
+                        letterSpacing: '0.04em',
+                        textTransform: 'uppercase'
+                    }
+                }
+            },
+            MuiTooltip: {
+                styleOverrides: { tooltip: { fontSize: '0.75rem', borderRadius: 8, padding: '6px 10px' } }
+            },
+            MuiLinearProgress: {
+                styleOverrides: { root: { borderRadius: 999 }, bar: { borderRadius: 999 } }
+            }
+        }
+    }, overrides);
+}
+/** Built once at module scope: a theme rebuilt per render remounts every style. */
+export const visinTheme = createVisinTheme();
+//# sourceMappingURL=createVisinTheme.js.map

package/dist/theme/createVisinTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createVisinTheme.js","sourceRoot":"","sources":["../../src/theme/createVisinTheme.ts"],"names":[],"mappings":"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"}

package/dist/theme/index.d.ts

@@ -0,0 +1,6 @@
+export { brand, schemes, schemeCssVars, ink, surface, pageBackground, glass, glassInteractive, liftOnHover, raisedShadow, mainAction, chrome, onImage, tint } from './tokens';
+export type { ColorSchemeName } from './tokens';
+export { livePalette } from './livePalette';
+export { chartSeries } from './chart';
+export { createVisinTheme, visinTheme, VISIN_COLORS, COLOR_SCHEME_ATTRIBUTE, COLOR_MODE_STORAGE_KEY, COLOR_SCHEME_STORAGE_KEY } from './createVisinTheme';
+//# sourceMappingURL=index.d.ts.map

package/dist/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,OAAO,EACP,aAAa,EACb,GAAG,EACH,OAAO,EACP,cAAc,EACd,KAAK,EACL,gBAAgB,EAChB,WAAW,EACX,YAAY,EACZ,UAAU,EACV,MAAM,EACN,OAAO,EACP,IAAI,EACL,MAAM,UAAU,CAAC;AAClB,YAAY,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EACL,gBAAgB,EAChB,UAAU,EACV,YAAY,EACZ,sBAAsB,EACtB,sBAAsB,EACtB,wBAAwB,EACzB,MAAM,oBAAoB,CAAC"}

package/dist/theme/index.js

@@ -0,0 +1,5 @@
+export { brand, schemes, schemeCssVars, ink, surface, pageBackground, glass, glassInteractive, liftOnHover, raisedShadow, mainAction, chrome, onImage, tint } from './tokens';
+export { livePalette } from './livePalette';
+export { chartSeries } from './chart';
+export { createVisinTheme, visinTheme, VISIN_COLORS, COLOR_SCHEME_ATTRIBUTE, COLOR_MODE_STORAGE_KEY, COLOR_SCHEME_STORAGE_KEY } from './createVisinTheme';
+//# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,OAAO,EACP,aAAa,EACb,GAAG,EACH,OAAO,EACP,cAAc,EACd,KAAK,EACL,gBAAgB,EAChB,WAAW,EACX,YAAY,EACZ,UAAU,EACV,MAAM,EACN,OAAO,EACP,IAAI,EACL,MAAM,UAAU,CAAC;AAElB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EACL,gBAAgB,EAChB,UAAU,EACV,YAAY,EACZ,sBAAsB,EACtB,sBAAsB,EACtB,wBAAwB,EACzB,MAAM,oBAAoB,CAAC"}

package/dist/theme/livePalette.d.ts

@@ -0,0 +1,11 @@
+import type { Theme } from '@mui/material/styles';
+/**
+ * The palette as values that follow light and dark: CSS variables under the
+ * Visin theme, plain colours under a theme without them (a test's default).
+ *
+ * `theme.palette` holds the light values in both schemes. Anything built from
+ * this must mix colours in CSS — `tint`, `theme.alpha` — not with MUI's
+ * `alpha()`, which cannot parse a variable.
+ */
+export declare const livePalette: (theme: Theme) => Omit<import("@mui/material").Palette & import("@mui/material").CssVarsPalette, "mode" | "colorScheme" | "contrastThreshold" | "tonalOffset" | "getContrastText" | "augmentColor">;
+//# sourceMappingURL=livePalette.d.ts.map

package/dist/theme/livePalette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"livePalette.d.ts","sourceRoot":"","sources":["../../src/theme/livePalette.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAElD;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,KAAK,sLAAkC,CAAC"}

package/dist/theme/livePalette.js

@@ -0,0 +1,10 @@
+/**
+ * The palette as values that follow light and dark: CSS variables under the
+ * Visin theme, plain colours under a theme without them (a test's default).
+ *
+ * `theme.palette` holds the light values in both schemes. Anything built from
+ * this must mix colours in CSS — `tint`, `theme.alpha` — not with MUI's
+ * `alpha()`, which cannot parse a variable.
+ */
+export const livePalette = (theme) => (theme.vars ?? theme).palette;
+//# sourceMappingURL=livePalette.js.map

package/dist/theme/livePalette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"livePalette.js","sourceRoot":"","sources":["../../src/theme/livePalette.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAY,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,CAAC,OAAO,CAAC"}

package/dist/theme/tokens.d.ts

@@ -0,0 +1,224 @@
+/**
+ * The colours Visin draws with, per colour scheme, in one place.
+ *
+ * Pages never read the raw values: they use `ink`, `surface`, `glass` and
+ * `chrome`, which point at CSS variables the theme writes for both schemes, so
+ * a page that says `color: ink.muted` follows the switch without knowing there
+ * is one. The raw values are here for the contrast tests and for the few places
+ * outside a React tree (`theme-color`, the manifest, the offline page).
+ *
+ * The dark scheme is slate with a little blue in it rather than neutral grey:
+ * it keeps the brand's cast, and pure grey behind charts reads as dead.
+ */
+/** Primary, per scheme: what can be acted on. Walked lighter for dark, where the light blue fails AA. */
+export declare const brand: {
+    readonly light: "#2563eb";
+    readonly dark: "#60a5fa";
+};
+export declare const schemes: {
+    readonly light: {
+        /** Text, darkest to lightest. Slate rather than grey, to sit under the blue. */
+        readonly ink: {
+            readonly strong: "#0f172a";
+            readonly body: "#475569";
+            readonly muted: "#5b6779";
+            /** Decorative only — under 3:1. Never put words a reader needs in this. */
+            readonly faint: "#94a3b8";
+        };
+        readonly surface: {
+            /** A faint blue glow at the top of the page, over `default`. */
+            readonly glow: "rgba(37,99,235,0.10)";
+            readonly default: "#f6f7fb";
+            readonly paper: "#ffffff";
+            /** Table heads, inset panels: one step back from `paper`. */
+            readonly sunken: "#f8fafc";
+            readonly divider: "#e2e8f0";
+            /** The edge of the frosted chrome: an opaque divider draws a hard rule across the blur. */
+            readonly chromeEdge: "rgba(15,23,42,0.08)";
+            /** Hover tint on neutral controls. */
+            readonly hover: "rgba(15,23,42,0.05)";
+            /** The veil over an image that text has to stay readable on. */
+            readonly scrim: "rgba(255,255,255,0.72)";
+        };
+        readonly glass: {
+            readonly background: "rgba(255,255,255,0.88)";
+            readonly border: "rgba(15,23,42,0.07)";
+            readonly shadow: "rgba(15,23,42,0.30)";
+        };
+        readonly chrome: {
+            readonly background: "rgba(255,255,255,0.72)";
+            readonly ink: "#0f172a";
+            readonly inkMuted: "#5b6779";
+        };
+        /** The main action's gradient, blue into indigo; white text clears AA on every stop. */
+        readonly accent: {
+            readonly start: "#2563eb";
+            readonly end: "#4f46e5";
+            readonly startHover: "#1d4ed8";
+            readonly endHover: "#4338ca";
+        };
+        /** The browser's own bar, `<meta name="theme-color">`. */
+        readonly themeColor: "#f6f7fb";
+    };
+    readonly dark: {
+        readonly ink: {
+            readonly strong: "#e6eaf2";
+            readonly body: "#b3bccb";
+            readonly muted: "#8f9aac";
+            readonly faint: "#5b6474";
+        };
+        readonly surface: {
+            readonly glow: "rgba(96,165,250,0.12)";
+            readonly default: "#0b0f17";
+            readonly paper: "#121826";
+            readonly sunken: "#182030";
+            readonly divider: "#232b3a";
+            readonly chromeEdge: "rgba(148,163,184,0.12)";
+            readonly hover: "rgba(255,255,255,0.06)";
+            readonly scrim: "rgba(11,15,23,0.72)";
+        };
+        readonly glass: {
+            readonly background: "rgba(18,24,38,0.86)";
+            readonly border: "rgba(255,255,255,0.07)";
+            readonly shadow: "rgba(0,0,0,0.65)";
+        };
+        readonly chrome: {
+            readonly background: "rgba(13,18,28,0.72)";
+            readonly ink: "#e6eaf2";
+            readonly inkMuted: "#8f9aac";
+        };
+        readonly accent: {
+            readonly start: "#60a5fa";
+            readonly end: "#818cf8";
+            readonly startHover: "#93c5fd";
+            readonly endHover: "#a5b4fc";
+        };
+        readonly themeColor: "#0b0f17";
+    };
+};
+export type ColorSchemeName = keyof typeof schemes;
+/** One scheme as CSS custom properties. The theme writes these; nothing else should. */
+export declare function schemeCssVars(name: ColorSchemeName): Record<string, string>;
+/** Text, darkest to lightest. Follows light and dark. */
+export declare const ink: {
+    readonly strong: string;
+    readonly body: string;
+    readonly muted: string;
+    readonly faint: string;
+};
+/** Page and panel backgrounds. Follows light and dark. */
+export declare const surface: {
+    readonly glow: string;
+    readonly default: string;
+    readonly paper: string;
+    readonly sunken: string;
+    readonly divider: string;
+    readonly chromeEdge: string;
+    readonly hover: string;
+    readonly scrim: string;
+};
+/** The page behind everything: a glow at the top, fading into `default`. */
+export declare const pageBackground: {
+    readonly backgroundColor: string;
+    readonly backgroundImage: `radial-gradient(1200px 520px at 50% -160px, ${string}, transparent 70%)`;
+    readonly backgroundRepeat: "no-repeat";
+};
+/**
+ * A frosted surface that floats over the page: menus, popovers, dialogs, the
+ * phone's bottom sheet, cards on the home page. Translucent on purpose, so what
+ * is under it shows through as colour rather than being cut out.
+ *
+ * Not for tables, lists and charts. Blur behind numbers costs legibility and
+ * scrolling; those stay on solid `Panel`s.
+ */
+export declare const glass: {
+    readonly background: "var(--vi-glass-background)";
+    readonly backdropFilter: "blur(14px) saturate(160%)";
+    readonly WebkitBackdropFilter: "blur(14px) saturate(160%)";
+    readonly border: "1px solid var(--vi-glass-border)";
+    readonly boxShadow: "0 18px 40px -24px var(--vi-glass-shadow)";
+};
+/**
+ * The resting shadow of a solid surface (a `Panel`, a card): enough to lift it
+ * off the page, soft enough that a stack of them does not read as clutter.
+ */
+export declare const raisedShadow = "0 12px 32px -28px rgba(15,23,42,0.45)";
+/** A surface that rises toward the pointer. `accent` tints the edge and the lifted shadow. */
+export declare const liftOnHover: (accent?: string) => {
+    readonly transition: "transform .2s ease, box-shadow .2s ease, border-color .2s ease";
+    readonly '&:hover': {
+        readonly transform: "translateY(-2px)";
+        readonly borderColor: `color-mix(in srgb, ${string} 35%, transparent)`;
+        readonly boxShadow: `0 22px 44px -26px color-mix(in srgb, ${string} 80%, transparent)`;
+    };
+    readonly '@media (prefers-reduced-motion: reduce)': {
+        readonly transition: "none";
+        readonly '&:hover': {
+            readonly transform: "none";
+        };
+    };
+};
+/** A glass card that responds to being pointed at. `accent` tints the lifted shadow. */
+export declare const glassInteractive: (accent?: string) => {
+    readonly transition: "transform .2s ease, box-shadow .2s ease, border-color .2s ease";
+    readonly '&:hover': {
+        readonly transform: "translateY(-2px)";
+        readonly borderColor: `color-mix(in srgb, ${string} 35%, transparent)`;
+        readonly boxShadow: `0 22px 44px -26px color-mix(in srgb, ${string} 80%, transparent)`;
+    };
+    readonly '@media (prefers-reduced-motion: reduce)': {
+        readonly transition: "none";
+        readonly '&:hover': {
+            readonly transform: "none";
+        };
+    };
+    readonly background: "var(--vi-glass-background)";
+    readonly backdropFilter: "blur(14px) saturate(160%)";
+    readonly WebkitBackdropFilter: "blur(14px) saturate(160%)";
+    readonly border: "1px solid var(--vi-glass-border)";
+    readonly boxShadow: "0 18px 40px -24px var(--vi-glass-shadow)";
+};
+/**
+ * The one action a page is for, where a plain filled button undersells it: a
+ * blue-to-indigo gradient with a glow. At most one per page.
+ */
+export declare const mainAction: {
+    readonly backgroundImage: `linear-gradient(135deg, ${string} 0%, ${string} 100%)`;
+    readonly color: "var(--mui-palette-primary-contrastText)";
+    readonly boxShadow: "0 10px 28px -12px color-mix(in srgb, var(--mui-palette-primary-main) 85%, transparent)";
+    readonly '&:hover': {
+        readonly backgroundImage: `linear-gradient(135deg, ${string} 0%, ${string} 100%)`;
+        readonly boxShadow: "0 12px 32px -12px color-mix(in srgb, var(--mui-palette-primary-main) 95%, transparent)";
+    };
+};
+/**
+ * The frosted chrome around the content: the navigation rail, the app bar and
+ * the phone's tab bar. One tint and one blur for all three, because they meet
+ * at a corner, and two slightly different tints show as a step there.
+ */
+export declare const chrome: {
+    readonly background: string;
+    readonly ink: string;
+    readonly inkMuted: string;
+    readonly edge: string;
+    readonly surface: {
+        readonly background: string;
+        readonly backdropFilter: "blur(16px) saturate(165%)";
+        readonly WebkitBackdropFilter: "blur(16px) saturate(165%)";
+    };
+};
+/**
+ * Controls laid over a photo or a frame: a viewer's buttons, a caption chip.
+ * The same in both schemes, because the picture under them is.
+ */
+export declare const onImage: {
+    /** Behind a frame being judged: dark and neutral, so the picture's own colours read true. */
+    readonly backdrop: "#0b0f19";
+    readonly ink: "#ffffff";
+    readonly scrim: "rgba(0,0,0,0.5)";
+    readonly scrimStrong: "rgba(0,0,0,0.7)";
+    readonly chip: "rgba(255,255,255,0.2)";
+};
+/** `color` at `opacity` (0–1). Unlike MUI's `alpha()`, works on a CSS variable as well as a hex. */
+export declare const tint: (color: string, opacity: number) => string;
+//# sourceMappingURL=tokens.d.ts.map

package/dist/theme/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/theme/tokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,yGAAyG;AACzG,eAAO,MAAM,KAAK;;;CAGR,CAAC;AAEX,eAAO,MAAM,OAAO;;QAEhB,gFAAgF;;;;;YAK9E,2EAA2E;;;;YAI3E,gEAAgE;;;;YAIhE,6DAA6D;;;YAG7D,2FAA2F;;YAE3F,sCAAsC;;YAEtC,gEAAgE;;;;;;;;;;;;;QAelE,wFAAwF;;;;;;;QAOxF,0DAA0D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCpD,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,OAAO,CAAC;AAcnD,wFAAwF;AACxF,wBAAgB,aAAa,CAAC,IAAI,EAAE,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAS3E;AAED,yDAAyD;AACzD,eAAO,MAAM,GAAG;;;;;CAAiC,CAAC;AAElD,0DAA0D;AAC1D,eAAO,MAAM,OAAO;;;;;;;;;CAAyC,CAAC;AAK9D,4EAA4E;AAC5E,eAAO,MAAM,cAAc;;;;CAIjB,CAAC;AAEX;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK;;;;;;CAMR,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,YAAY,0CAA0C,CAAC;AAEpE,8FAA8F;AAC9F,eAAO,MAAM,WAAW,GAAI,eAA0C;;;;;;;;;;;;;CASzD,CAAC;AAEd,wFAAwF;AACxF,eAAO,MAAM,gBAAgB,GAAI,SAAS,MAAM;;;;;;;;;;;;;;;;;;CAAoD,CAAC;AAErG;;;GAGG;AACH,eAAO,MAAM,UAAU;;;;;;;;CAQb,CAAC;AAEX;;;;GAIG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;CAUT,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,OAAO;IAClB,6FAA6F;;;;;;CAMrF,CAAC;AAEX,oGAAoG;AACpG,eAAO,MAAM,IAAI,GAAI,OAAO,MAAM,EAAE,SAAS,MAAM,WACwB,CAAC"}