@portnet/ui 5.0.27 → 6.0.0

package/dist/v2/tokens/index.d.ts

@@ -0,0 +1,556 @@
+/**
+ * Tokens barrel — single import surface for the whole library.
+ *
+ *   import tokens from "@portnet/ui/v2/tokens";
+ *   import { brand, brandSecondary, status, spacing, transition, state } from "@portnet/ui/v2/tokens";
+ */
+import colors, { brand, brandSecondary, ink, surface, border, semantic, status, focus, dark } from "./colors";
+import typography, { fontFamily, fontSize, fontWeight, lineHeight, letterSpacing, variants } from "./typography";
+import spacing, { spacingBase } from "./spacing";
+import radius from "./radius";
+import shadows, { muiShadows } from "./shadows";
+import motion, { duration, durationCss, easing, ms, transition } from "./motion";
+import zIndex from "./zIndex";
+import densityLayout, { density, layout, breakpoints } from "./density";
+import { mq, bpValue, BREAKPOINT_KEYS } from "./breakpoints";
+import statusPalette, { STATUS_KEYS, statusToken, STATUS_LABELS_FR } from "./statusPalette";
+import state from "./state";
+export { colors, brand, brandSecondary, ink, surface, border, semantic, status, focus, dark, typography, fontFamily, fontSize, fontWeight, lineHeight, letterSpacing, variants, spacing, spacingBase, radius, shadows, muiShadows, motion, duration, durationCss, easing, ms, transition, zIndex, densityLayout, density, layout, breakpoints, mq, bpValue, BREAKPOINT_KEYS, statusPalette, STATUS_KEYS, statusToken, STATUS_LABELS_FR, state, };
+declare const tokens: Readonly<{
+    colors: {
+        brand: {
+            accent: string;
+            accentHover: string;
+            accentSoft: string;
+            accentFg: string;
+        };
+        brandSecondary: {
+            secondary: string;
+            secondaryFg: string;
+        };
+        ink: {
+            fg: string;
+            fgMuted: string;
+            fgSubtle: string;
+            fgInverse: string;
+        };
+        surface: {
+            bg: string;
+            bgElev: string;
+            bgSubtle: string;
+            bgHover: string;
+            surface: string;
+        };
+        border: {
+            border: string;
+            borderStrong: string;
+        };
+        semantic: {
+            success: string;
+            successSoft: string;
+            successFg: string;
+            warning: string;
+            warningSoft: string;
+            warningFg: string;
+            danger: string;
+            dangerSoft: string;
+            dangerFg: string;
+            info: string;
+            infoSoft: string;
+            infoFg: string;
+        };
+        status: {
+            new: {
+                soft: string;
+                fg: string;
+            };
+            sent: {
+                soft: string;
+                fg: string;
+            };
+            pending: {
+                soft: string;
+                fg: string;
+            };
+            approved: {
+                soft: string;
+                fg: string;
+            };
+            rejected: {
+                soft: string;
+                fg: string;
+            };
+            neutral: {
+                soft: string;
+                fg: string;
+            };
+        };
+        focus: {
+            ring: string;
+            ringDanger: string;
+            ringSuccess: string;
+        };
+        dark: {
+            bg: string;
+            bgElev: string;
+            bgSubtle: string;
+            bgHover: string;
+            surface: string;
+            border: string;
+            borderStrong: string;
+            fg: string;
+            fgMuted: string;
+            fgSubtle: string;
+            fgInverse: string;
+            accentSoft: string;
+            status: {
+                new: {
+                    fg: string;
+                };
+                sent: {
+                    fg: string;
+                };
+                pending: {
+                    fg: string;
+                };
+                approved: {
+                    fg: string;
+                };
+                rejected: {
+                    fg: string;
+                };
+                neutral: {
+                    fg: string;
+                };
+            };
+        };
+    };
+    brand: {
+        accent: string;
+        accentHover: string;
+        accentSoft: string;
+        accentFg: string;
+    };
+    brandSecondary: {
+        secondary: string;
+        secondaryFg: string;
+    };
+    ink: {
+        fg: string;
+        fgMuted: string;
+        fgSubtle: string;
+        fgInverse: string;
+    };
+    surface: {
+        bg: string;
+        bgElev: string;
+        bgSubtle: string;
+        bgHover: string;
+        surface: string;
+    };
+    border: {
+        border: string;
+        borderStrong: string;
+    };
+    semantic: {
+        success: string;
+        successSoft: string;
+        successFg: string;
+        warning: string;
+        warningSoft: string;
+        warningFg: string;
+        danger: string;
+        dangerSoft: string;
+        dangerFg: string;
+        info: string;
+        infoSoft: string;
+        infoFg: string;
+    };
+    status: {
+        new: {
+            soft: string;
+            fg: string;
+        };
+        sent: {
+            soft: string;
+            fg: string;
+        };
+        pending: {
+            soft: string;
+            fg: string;
+        };
+        approved: {
+            soft: string;
+            fg: string;
+        };
+        rejected: {
+            soft: string;
+            fg: string;
+        };
+        neutral: {
+            soft: string;
+            fg: string;
+        };
+    };
+    focus: {
+        ring: string;
+        ringDanger: string;
+        ringSuccess: string;
+    };
+    dark: {
+        bg: string;
+        bgElev: string;
+        bgSubtle: string;
+        bgHover: string;
+        surface: string;
+        border: string;
+        borderStrong: string;
+        fg: string;
+        fgMuted: string;
+        fgSubtle: string;
+        fgInverse: string;
+        accentSoft: string;
+        status: {
+            new: {
+                fg: string;
+            };
+            sent: {
+                fg: string;
+            };
+            pending: {
+                fg: string;
+            };
+            approved: {
+                fg: string;
+            };
+            rejected: {
+                fg: string;
+            };
+            neutral: {
+                fg: string;
+            };
+        };
+    };
+    typography: {
+        fontFamily: {
+            sans: string;
+            mono: string;
+        };
+        fontSize: {
+            display: number;
+            h2: number;
+            h3: number;
+            h4: number;
+            body: number;
+            sm: number;
+            xs: number;
+        };
+        fontWeight: {
+            regular: number;
+            medium: number;
+            semibold: number;
+            bold: number;
+        };
+        lineHeight: {
+            tight: number;
+            snug: number;
+            normal: number;
+            loose: number;
+        };
+        letterSpacing: {
+            tight: string;
+            normal: string;
+            wide: string;
+        };
+        variants: {
+            display: {
+                fontSize: number;
+                fontWeight: number;
+                lineHeight: number;
+                letterSpacing: string;
+            };
+            h2: {
+                fontSize: number;
+                fontWeight: number;
+                lineHeight: number;
+            };
+            h3: {
+                fontSize: number;
+                fontWeight: number;
+                lineHeight: number;
+            };
+            h4: {
+                fontSize: number;
+                fontWeight: number;
+                lineHeight: number;
+            };
+            body: {
+                fontSize: number;
+                fontWeight: number;
+                lineHeight: number;
+            };
+            sm: {
+                fontSize: number;
+                fontWeight: number;
+                lineHeight: number;
+            };
+            xs: {
+                fontSize: number;
+                fontWeight: number;
+                lineHeight: number;
+            };
+            mono: {
+                fontFamily: string;
+                fontSize: number;
+                fontWeight: number;
+                fontVariantNumeric: string;
+                letterSpacing: string;
+            };
+        };
+    };
+    fontFamily: {
+        sans: string;
+        mono: string;
+    };
+    fontSize: {
+        display: number;
+        h2: number;
+        h3: number;
+        h4: number;
+        body: number;
+        sm: number;
+        xs: number;
+    };
+    fontWeight: {
+        regular: number;
+        medium: number;
+        semibold: number;
+        bold: number;
+    };
+    lineHeight: {
+        tight: number;
+        snug: number;
+        normal: number;
+        loose: number;
+    };
+    letterSpacing: {
+        tight: string;
+        normal: string;
+        wide: string;
+    };
+    variants: {
+        display: {
+            fontSize: number;
+            fontWeight: number;
+            lineHeight: number;
+            letterSpacing: string;
+        };
+        h2: {
+            fontSize: number;
+            fontWeight: number;
+            lineHeight: number;
+        };
+        h3: {
+            fontSize: number;
+            fontWeight: number;
+            lineHeight: number;
+        };
+        h4: {
+            fontSize: number;
+            fontWeight: number;
+            lineHeight: number;
+        };
+        body: {
+            fontSize: number;
+            fontWeight: number;
+            lineHeight: number;
+        };
+        sm: {
+            fontSize: number;
+            fontWeight: number;
+            lineHeight: number;
+        };
+        xs: {
+            fontSize: number;
+            fontWeight: number;
+            lineHeight: number;
+        };
+        mono: {
+            fontFamily: string;
+            fontSize: number;
+            fontWeight: number;
+            fontVariantNumeric: string;
+            letterSpacing: string;
+        };
+    };
+    spacing: {
+        s1: number;
+        s2: number;
+        s3: number;
+        s4: number;
+        s5: number;
+        s6: number;
+        s7: number;
+        s8: number;
+        s9: number;
+        s10: number;
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+        xxl: number;
+    };
+    spacingBase: 4;
+    radius: {
+        none: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+        full: number;
+    };
+    shadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        focus: string;
+        focusFallback: string;
+    };
+    muiShadows: string[];
+    motion: {
+        duration: {
+            fast: number;
+            base: number;
+            slow: number;
+            microinteraction: number;
+            stateChange: number;
+            pageTransition: number;
+        };
+        durationCss: {
+            fast: string;
+            base: string;
+            slow: string;
+            microinteraction: string;
+            stateChange: string;
+            pageTransition: string;
+        };
+        easing: {
+            out: string;
+            in: string;
+            soft: string;
+        };
+        ms: (n: number | string) => string;
+        transition: (prop?: string, durationKey?: keyof typeof durationCss, easingKey?: keyof typeof easing) => string;
+    };
+    duration: {
+        fast: number;
+        base: number;
+        slow: number;
+        microinteraction: number;
+        stateChange: number;
+        pageTransition: number;
+    };
+    durationCss: {
+        fast: string;
+        base: string;
+        slow: string;
+        microinteraction: string;
+        stateChange: string;
+        pageTransition: string;
+    };
+    easing: {
+        out: string;
+        in: string;
+        soft: string;
+    };
+    zIndex: {
+        base: number;
+        sticky: number;
+        topbar: number;
+        bulk: number;
+        overflow: number;
+        popover: number;
+        drawer: number;
+        modal: number;
+        snackbar: number;
+        toast: number;
+        tooltip: number;
+        netError: number;
+        skipLink: number;
+    };
+    density: {
+        spacious: {
+            row: number;
+            input: number;
+            btn: number;
+            fontSize: number;
+        };
+        comfortable: {
+            row: number;
+            input: number;
+            btn: number;
+            fontSize: number;
+        };
+        compact: {
+            row: number;
+            input: number;
+            btn: number;
+            fontSize: number;
+        };
+        ultraCompact: {
+            row: number;
+            input: number;
+            btn: number;
+            fontSize: number;
+        };
+    };
+    layout: {
+        sidebar: number;
+        sidebarMin: number;
+        topbar: number;
+        contentMax: number;
+        formMax: number;
+        tactileMin: number;
+        modal: {
+            sm: number;
+            md: number;
+            lg: number;
+            xl: number;
+        };
+        drawer: number;
+    };
+    breakpoints: Readonly<{
+        xs: 0;
+        sm: 481;
+        md: 768;
+        lg: 1024;
+        xl: 1280;
+    }>;
+    mq: Readonly<{
+        up(key: "xs" | "sm" | "md" | "lg" | "xl"): string;
+        down(key: "xs" | "sm" | "md" | "lg" | "xl"): string;
+        between(start: "xs" | "sm" | "md" | "lg" | "xl", end: "xs" | "sm" | "md" | "lg" | "xl"): string;
+        only(key: "xs" | "sm" | "md" | "lg" | "xl"): string;
+    }>;
+    statusPalette: {
+        STATUS_KEYS: readonly string[];
+        statusToken: typeof statusToken;
+        STATUS_LABELS_FR: Readonly<{
+            new: "Nouveau";
+            sent: "Soumis";
+            pending: "En attente";
+            approved: "Approuvé";
+            rejected: "Rejeté";
+            neutral: "Neutre";
+        }>;
+    };
+    state: {
+        hoverOverlay: string;
+        pressedOverlay: string;
+        selectedOverlay: string;
+    };
+}>;
+export default tokens;
+//# sourceMappingURL=index.d.ts.map

package/dist/v2/tokens/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/tokens/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,MAAM,EAAE,EACb,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAC3E,MAAM,UAAU,CAAC;AAClB,OAAO,UAAU,EAAE,EACjB,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,EACtE,MAAM,cAAc,CAAC;AACtB,OAAO,OAAO,EAAE,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,OAAO,EAAE,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,MAAM,EAAE,EACb,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,EAAE,UAAU,EAC9C,MAAM,UAAU,CAAC;AAClB,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,aAAa,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,aAAa,EAAE,EACpB,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAC3C,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,OAAO,EAEL,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAElF,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,EAEjF,OAAO,EAAE,WAAW,EAEpB,MAAM,EAEN,OAAO,EAAE,UAAU,EAEnB,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,EAAE,UAAU,EAErD,MAAM,EAEN,aAAa,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAE3C,EAAE,EAAE,OAAO,EAAE,eAAe,EAE5B,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAEzD,KAAK,GACN,CAAC;AAIF,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wDAciR,kBAAmB,oBAA8B,aAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAH1V,CAAC;AAEH,eAAe,MAAM,CAAC"}