@abyss-project/commons-front-core 8.1.0 → 8.2.0

package/dist/legacy/theme/core-breakpoints-under-legacy-theme.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/legacy.js

@@ -1,7 +1,7 @@
-import { aE as e, aF as o, R as t, M as r, Q as i, aO as b, Z as n, aI as A, $ as C, a6 as l, aB as S, ac as p, ad as u, aQ as y, b0 as c, a$ as d, aJ as g, aC as T, aY as P, aZ as I, aV as _, ay as h, Y as L, ae as E, a_ as m, aW as O, af as R, bk as D, _ as f, bn as k, bt as B, ap as M, aH as v, al as F, ak as N, aD as W, aG as x, aX as U, V as w, a5 as Q, a4 as G, bQ as H, bo as V, bT as Y, ag as j, ai as z, ah as X, aa as K, a9 as Z, a8 as $, b_ as q, at as J, aS as aa, aR as sa, aw as ea, ax as oa, ab as ta, aj as ra, bU as ia, bX as ba, bR as na, bS as Aa, aT as Ca, aL as la, X as Sa, ar as pa, aq as ua, av as ya, a0 as ca, aU as da, au as ga, O as Ta, bW as Pa, bP as Ia, bl as _a, bm as ha, K as La, W as Ea, an as ma, ao as Oa, a1 as Ra, am as Da, aM as fa, bz as ka, bu as Ba, by as Ma, bq as va, b8 as Fa, b9 as Na, ba as Wa, bd as xa, bi as Ua, bg as wa, b7 as Qa, b6 as Ga, b3 as Ha, bb as Va, b2 as Ya, b5 as ja, bj as za, bc as Xa, b4 as Ka, bh as Za, U as $a, S as qa, aK as Ja, aN as as, aP as ss, a2 as es, a3 as os, bL as ts, b1 as rs, br as is, bC as bs, aA as ns, bE as As, bv as Cs, bN as ls, bH as Ss, bF as ps, bG as us, bf as ys, be as cs, bZ as ds, bY as gs, as as Ts, bV as Ps, bA as Is, bI as _s, bs as hs, bw as Ls, bp as Es, bO as ms, bB as Os, bK as Rs, bx as Ds, bM as fs, bD as ks, bJ as Bs, az as Ms, a7 as vs, b$ as Fs } from "./index-BtsnuEJC.js";
-import { A as Ws, h as xs, c as Us, C as ws, D as Qs, R as Gs, V as Hs, x as Vs, X as Ys, K as js, d as zs, L as Xs, M as Ks, I as Zs, J as $s, E as qs, G as Js, f as ae, O as se, P as ee, Z as oe, _ as te, T as re, U as ie, $ as be, a0 as ne, B as Ae, s as Ce, p as le, F as Se, H as pe, v as ue, y as ye, r as ce, e as de, z as ge, Q as Te, S as Pe, Y as Ie, N as _e, W as he, u as Le, b as Ee, a as me, w as Oe } from "./AbyssCookieConsentProvider-BhSzVu8P.js";
-import { C as De } from "./CookieConsentSettings.component-DMEAuCVS.js";
-import { aB as ke, y as Be, aA as Me, az as ve, aC as Fe, x as Ne, C as We, E as xe, I as Ue, P as we, aE as Qe, W as Ge, aF as He, aG as Ve, v as Ye, q as je, aD as ze } from "./design-theme-CvLzOz3p.js";
+import { aE as e, aF as o, R as t, M as r, Q as i, aO as b, Z as n, aI as A, $ as C, a6 as l, aB as S, ac as p, ad as u, aQ as y, b0 as c, a$ as d, aJ as g, aC as T, aY as P, aZ as I, aV as _, ay as h, Y as L, ae as E, a_ as m, aW as O, af as R, bk as D, _ as f, bn as k, bt as B, ap as M, aH as v, al as F, ak as N, aD as W, aG as x, aX as U, V as w, a5 as Q, a4 as H, bQ as G, bo as V, bT as Y, ag as j, ai as z, ah as X, aa as K, a9 as Z, a8 as $, b_ as J, at as q, aS as aa, aR as sa, aw as ea, ax as oa, ab as ta, aj as ra, bU as ia, bX as ba, bR as na, bS as Aa, aT as Ca, aL as la, X as Sa, ar as pa, aq as ua, av as ya, a0 as ca, aU as da, au as ga, O as Ta, bW as Pa, bP as Ia, bl as _a, bm as ha, K as La, W as Ea, an as ma, ao as Oa, a1 as Ra, am as Da, aM as fa, bz as ka, bu as Ba, by as Ma, bq as va, b8 as Fa, b9 as Na, ba as Wa, bd as xa, bi as Ua, bg as wa, b7 as Qa, b6 as Ha, b3 as Ga, bb as Va, b2 as Ya, b5 as ja, bj as za, bc as Xa, b4 as Ka, bh as Za, U as $a, S as Ja, aK as qa, aN as as, aP as ss, a2 as es, a3 as os, bL as ts, b1 as rs, br as is, bC as bs, aA as ns, bE as As, bv as Cs, bN as ls, bH as Ss, bF as ps, bG as us, bf as ys, be as cs, bZ as ds, bY as gs, as as Ts, bV as Ps, bA as Is, bI as _s, bs as hs, bw as Ls, bp as Es, bO as ms, bB as Os, bK as Rs, bx as Ds, bM as fs, bD as ks, bJ as Bs, az as Ms, a7 as vs, b$ as Fs } from "./index-Dm6584pR.js";
+import { A as Ws, h as xs, c as Us, C as ws, D as Qs, R as Hs, V as Gs, x as Vs, X as Ys, K as js, d as zs, L as Xs, M as Ks, I as Zs, J as $s, E as Js, G as qs, f as ae, O as se, P as ee, Z as oe, _ as te, T as re, U as ie, $ as be, a0 as ne, B as Ae, s as Ce, p as le, F as Se, H as pe, v as ue, y as ye, r as ce, e as de, z as ge, Q as Te, S as Pe, Y as Ie, N as _e, W as he, u as Le, b as Ee, a as me, w as Oe } from "./AbyssCookieConsentProvider-TE46ywnd.js";
+import { C as De } from "./CookieConsentSettings.component-BKsYgpMa.js";
+import { au as ke, B as Be, at as Me, as as ve, av as Fe, z as Ne, C as We, E as xe, I as Ue, P as we, ax as Qe, W as He, ay as Ge, az as Ve, y as Ye, w as je, aw as ze } from "./design-theme-CN_6fRX3.js";
 export {
   ke as ABYSS_SERVICE_CONFIG,
   e as ABYSS_SIDEBAR_WIDTH,
@@ -51,8 +51,8 @@ export {
   U as AbyssToast,
   w as AccountTransactionsRow,
   Q as ApplicationSentinelTypeChip,
-  G as ApplicationWebhookTypeChip,
-  H as BILLING_ACCOUNT_STATUS_COLORS,
+  H as ApplicationWebhookTypeChip,
+  G as BILLING_ACCOUNT_STATUS_COLORS,
   V as BUBBLE_MAX_WIDTH,
   Us as COOKIE_NAME,
   Y as CREDIT_TRANSACTION_TYPE_COLORS,
@@ -63,8 +63,8 @@ export {
   Z as ColorPicker,
   $ as CompanySearchAutocomplete,
   We as ConfirmModal,
-  q as ConfirmModalContextProvider,
-  J as ContextSelector,
+  J as ConfirmModalContextProvider,
+  q as ContextSelector,
   ws as CookieConsentBanner,
   De as CookieConsentSettings,
   Qs as DEFAULT_PRIVACY_HREF,
@@ -106,7 +106,7 @@ export {
   Ba as QuotaOfferState,
   Ma as QuotaReachedDialog,
   va as QuotaSegmentKind,
-  Gs as ReconcileAction,
+  Hs as ReconcileAction,
   Qe as SuccessInfoBox,
   Fa as SupportActionButtons,
   Na as SupportActivityLog,
@@ -115,8 +115,8 @@ export {
   Ua as SupportCategoryGroupCards,
   wa as SupportCategorySelect,
   Qa as SupportMessageInput,
-  Ga as SupportMessageThread,
-  Ha as SupportPriorityChip,
+  Ha as SupportMessageThread,
+  Ga as SupportPriorityChip,
   Va as SupportSidebar,
   Ya as SupportStatusBadge,
   ja as SupportTicketCreateForm,
@@ -125,11 +125,11 @@ export {
   Ka as SupportTicketList,
   Za as SupportTopBar,
   $a as UserAvatar,
-  qa as UserAvatarList,
-  Ja as UserSettings,
+  Ja as UserAvatarList,
+  qa as UserSettings,
   as as UserSettingsModal,
-  Hs as VALIDITY_DAYS,
-  Ge as WarnInfoBox,
+  Gs as VALIDITY_DAYS,
+  He as WarnInfoBox,
   ss as WaterParticles,
   es as WebhookResponseCodeChip,
   os as WebhookTypeChip,
@@ -147,10 +147,10 @@ export {
   ns as createAbyssLayoutStore,
   As as createAbyssTheme,
   $s as cyan,
-  qs as darkCustom,
-  Js as darkPalette,
+  Js as darkCustom,
+  qs as darkPalette,
   Cs as deriveQuotaOfferState,
-  He as duration,
+  Ge as duration,
   Ve as easing,
   ls as fadeIn,
   ae as flattenTranslations,

package/dist/theme/DesignCssVariables.d.ts

@@ -0,0 +1,11 @@
+import { ThemeMode } from './tokens/primitives';
+export interface DesignCssVariablesProps {
+    mode: ThemeMode;
+}
+/**
+ * Writes the `--abyss-*` variables of `mode` on the document root, the ones `AbyssThemeProvider`
+ * writes. For a host still under the legacy theme provider: the design system components that
+ * paint through those variables (`ToolIcon`, the `AppShell` product icon) then render as they do
+ * under `AbyssThemeProvider`. Never mount both: `AbyssThemeProvider` already writes them.
+ */
+export declare function DesignCssVariables({ mode, }: DesignCssVariablesProps): JSX.Element;

package/dist/theme/DesignCssVariables.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/theme/components/shared.d.ts

@@ -15,7 +15,10 @@ type ControlSize = 'small' | 'medium' | 'large';
 export declare const controlHeight: (theme: Theme, size?: ControlSize) => number;
 /** Height of a table or list row at the theme density. */
 export declare const rowHeight: (theme: Theme) => number;
-/** Minimum tap size below the `md` breakpoint (ADR-0174 §3, densité). */
+/**
+ * Minimum tap size below 768 px (ADR-0174 §3, densité): the design system's mobile tier, whatever
+ * the theme's MUI breakpoints.
+ */
 export declare const touchTarget: (theme: Theme) => CSSObject;
 /** Motion of a property at the standard curve. */
 export declare const transitionOf: (theme: Theme, properties: string[], duration?: keyof Theme["design"]["durations"]) => string;

package/dist/theme/css-variables.d.ts

@@ -1,3 +1,4 @@
+import { ThemeMode } from './tokens/primitives';
 import { SemanticToken } from './tokens/semantic';
 /** The CSS custom property of a semantic token: `bg.canvas` -> `--abyss-bg-canvas`. */
 export declare function cssVariableName(token: SemanticToken): string;
@@ -7,3 +8,9 @@ export declare function cssVariableName(token: SemanticToken): string;
  * always matches the document root.
  */
 export declare function buildCssVariables(): string;
+/**
+ * The `--abyss-*` stylesheet of one mode on the document root, with no `data-theme` selector: the
+ * same declarations `buildCssVariables` gives that mode, for a host that does not render
+ * `AbyssThemeProvider` and so never sets `data-theme`.
+ */
+export declare function buildModeCssVariables(mode: ThemeMode): string;

package/dist/theme/design-media.d.ts

@@ -0,0 +1,26 @@
+/**
+ * The width tiers of the design system (ADR-0174 §3): mobile below 768 px, tablet from 768 to
+ * 1199 px, desktop from 1200 px.
+ */
+export declare enum DesignTier {
+    Mobile = "mobile",
+    Tablet = "tablet",
+    Desktop = "desktop"
+}
+/** A tier that starts at a breakpoint: every tier but the first. */
+export type DesignTierStart = DesignTier.Tablet | DesignTier.Desktop;
+/**
+ * Media queries on the design system's widths, read from the tokens and never from
+ * `theme.breakpoints`: a component switches at 768 / 1200 px whatever the theme it renders under,
+ * the legacy one included (MUI's `md` there is 900 px). The strings are those MUI's breakpoints
+ * build, so under `AbyssThemeProvider`, whose breakpoints are the tokens, nothing changes. They
+ * serve as `styled` keys and as `useMediaQuery` queries alike.
+ */
+export declare const designMedia: {
+    /** From the start of `tier` up. */
+    up: (tier: DesignTierStart) => string;
+    /** Below the start of `tier`. */
+    down: (tier: DesignTierStart) => string;
+    /** The widths of `tier` only. */
+    only: (tier: DesignTier) => string;
+};

package/dist/theme/design-media.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/theme/focus-ring.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/theme/index.d.ts

@@ -3,3 +3,7 @@ export * from './augmentation';
 export * from './create-abyss-theme';
 export * from './css-variables';
 export * from './AbyssThemeProvider';
+export * from './DesignCssVariables';
+export * from './design-media';
+export * from './use-design-breakpoint';
+export { focusRing } from './components/shared';

package/dist/theme/use-design-breakpoint.d.ts

@@ -0,0 +1,7 @@
+import { DesignTier } from './design-media';
+/**
+ * The design system tier of the viewport (mobile < 768 px, tablet 768–1199 px, desktop ≥ 1200 px),
+ * whatever the theme's MUI breakpoints. Read on the first render (`noSsr`): a component draws the
+ * right form at once, without a pass at the wrong one.
+ */
+export declare const useDesignBreakpoint: () => DesignTier;

package/dist/translations/en.d.ts

@@ -1603,6 +1603,22 @@ declare const _default: {
                 };
                 'item-with-count': string;
                 'item-urgent': string;
+                'new-tab': string;
+            };
+            'notifications-menu': {
+                trigger: string;
+                title: string;
+                empty: string;
+                loading: string;
+                unread: string;
+                'mark-all-read': string;
+                sound: string;
+                preferences: string;
+            };
+            'account-menu': {
+                trigger: string;
+                'dark-mode': string;
+                logout: string;
             };
             'page-header': {
                 breadcrumbs: string;
@@ -1715,6 +1731,10 @@ declare const _default: {
                 search: string;
                 results: string;
                 empty: string;
+                recents: string;
+                'clear-group': string;
+                'source-loading': string;
+                'source-error': string;
             };
         };
     };

package/dist/translations/fr.d.ts

@@ -1603,6 +1603,22 @@ declare const _default: {
                 };
                 'item-with-count': string;
                 'item-urgent': string;
+                'new-tab': string;
+            };
+            'notifications-menu': {
+                trigger: string;
+                title: string;
+                empty: string;
+                loading: string;
+                unread: string;
+                'mark-all-read': string;
+                sound: string;
+                preferences: string;
+            };
+            'account-menu': {
+                trigger: string;
+                'dark-mode': string;
+                logout: string;
             };
             'page-header': {
                 breadcrumbs: string;
@@ -1715,6 +1731,10 @@ declare const _default: {
                 search: string;
                 results: string;
                 empty: string;
+                recents: string;
+                'clear-group': string;
+                'source-loading': string;
+                'source-error': string;
             };
         };
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abyss-project/commons-front-core",
-  "version": "8.1.0",
+  "version": "8.2.0",
   "description": "Front Core package of AbyssProject",
   "main": "dist/index.js",
   "module": "./dist/index.js",