@datatechsolutions/tympan 0.3.1 → 0.4.1

package/README.md

@@ -39,15 +39,40 @@ the tokens without components can import `@datatechsolutions/tympan-tokens/token
 **Print styles as themes (opt-in).** Every book style of
 `@datatechsolutions/tympan-print` is also a UI theme named `print-<style>`
 (palette, typography, radius and surface treatment of the style, light and
-dark, WCAG AA). They are not in `styles.css`; load them after it and pass the
-font map so the style's families load with the theme:
+dark, WCAG AA). They are not in `styles.css`; load them after it. Each
+sheet carries the `@font-face` rules of its style's families, served from the
+tokens package, so no font map is needed:
 
 ```tsx
 import '@datatechsolutions/tympan/styles.css'
 import '@datatechsolutions/tympan-tokens/print-themes.css'   // or print-themes/print-<style>.css for one
-import { printThemeFontUrls } from '@datatechsolutions/tympan-tokens'
 
-<ThemeProvider theme="print-minimo-de-tinta" fonts={printThemeFontUrls}>…</ThemeProvider>
+<ThemeProvider theme="print-minimo-de-tinta">…</ThemeProvider>
+```
+
+**Fonts come in the package.** Every family a Tympan theme names (Source
+Serif 4, IBM Plex Sans and Mono, the Noto families of each script and the
+families of the print themes) is bundled as woff2 in
+`@datatechsolutions/tympan-tokens/fonts/` (SIL OFL 1.1). `styles.css` starts
+with `@import '@datatechsolutions/tympan-tokens/fonts.css'`, which your
+bundler (Vite, webpack, Parcel …) resolves and whose font URLs it rebases and
+emits as assets. A face is downloaded only when text uses it and falls in its
+`unicode-range`, so a Latin-only page fetches a few Latin slices and nothing
+goes to Google Fonts or any other third party at runtime (CSP needs only
+`font-src 'self'`). Serving `styles.css` without a bundler, copy
+`node_modules/@datatechsolutions/tympan-tokens/{dist,fonts}` side by side and
+point the import at that `dist/fonts.css`, or drop the line to fall back to
+system faces.
+
+**CJK fonts are optional.** The Japanese, Chinese and Korean Noto families
+(about 41 MB) are not in `tympan-tokens`; without them CJK text uses the
+system faces (macOS and Windows have them). To bundle them, install
+`@datatechsolutions/tympan-fonts-cjk` and import its sheet once, next to
+`styles.css`:
+
+```tsx
+import '@datatechsolutions/tympan/styles.css'
+import '@datatechsolutions/tympan-fonts-cjk/fonts.css'
 ```
 
 Print styles renamed to neutral ids keep their old theme names as deprecated
@@ -142,12 +167,13 @@ export function App() {
   `dark`) and `data-ty-density` (`compact`, `default`, `comfortable`) on
   `<html>` (or on a wrapper with `target="scope"`). Persistence belongs to the
   host: pass controlled values and callbacks, or `storageKey` for localStorage.
-  `fonts` (theme name to stylesheet URL, e.g. `printThemeFontUrls`) adds the
-  font link of the current theme.
+  The fonts of every built-in and print theme are bundled (above); the
+  optional `fonts` prop (theme name to stylesheet URL) adds a `<link>` for
+  extra fonts of the host's own themes and loads nothing by default.
 - **No flash of the wrong theme (SPA)**: put the output of
   `themeInitScript('ty-theme')` in an inline `<script>` in `<head>`, before the
   stylesheet; it sets the three attributes from storage before first paint
-  (`themeInitScript(key, defaults, { fonts })` also adds the theme's font link).
+  (`themeInitScript(key, defaults, { fonts })` also adds a host font link, if you pass one).
   The gallery's `vite.config.ts` shows it with a `transformIndexHtml` hook.
 - **`ThemeScope`**: applies a theme/mode/density to a subtree (previews).
 - **`variants()`**: variants declared as data; returns `data-*` attributes the

package/THIRD_PARTY_NOTICES.md

@@ -8,6 +8,13 @@ and `@datatechsolutions/tympan-tokens` are licensed under FSL-1.1-ALv2
 below, except the flag artwork of flag-icons, which is bundled (see
 "Bundled artwork"). Versions are those resolved on 2026-09-26.
 
+## Bundled fonts
+
+`dist/styles.css` imports `@datatechsolutions/tympan-tokens/fonts.css`; the
+font files themselves (97 families, SIL OFL 1.1, from Google Fonts) ship in
+`@datatechsolutions/tympan-tokens/fonts/`, listed with their versions and
+licences in that package's `THIRD_PARTY_NOTICES.md` and `fonts/manifest.json`.
+
 ## Runtime dependencies
 
 | Package | Version | Licence | Use |

package/dist/{Avatar-P14MVkK1.js → Avatar-CU7B1WsX.js}

@@ -2227,6 +2227,26 @@ const coreEs = {
 		placeholder: "Seleccione…",
 		done: "Listo"
 	},
+	calendar: {
+		previousMonth: (target) => `Mes anterior, ${target}`,
+		nextMonth: (target) => `Mes siguiente, ${target}`,
+		monthPicker: "Mes",
+		yearPicker: "Año"
+	},
+	dateRangeField: {
+		start: "Fecha inicial",
+		end: "Fecha final",
+		presets: "Períodos rápidos",
+		apply: "Aplicar",
+		cancel: "Cancelar",
+		endBeforeStart: "La fecha final es anterior a la fecha inicial.",
+		tooManyDays: (max) => `El período es más largo que ${es.n(max)} ${es.word(max, {
+			one: "día",
+			other: "días"
+		})}.`,
+		unavailableDay: "El período incluye un día que no se puede elegir.",
+		outOfBounds: "El período incluye un día fuera de las fechas permitidas."
+	},
 	notice: { toneWord: {
 		danger: "Error:",
 		warning: "Atención:",
@@ -2380,6 +2400,26 @@ const defaultMessages = {
 		placeholder: "Select…",
 		done: "Done"
 	},
+	calendar: {
+		previousMonth: (target) => `Previous month, ${target}`,
+		nextMonth: (target) => `Next month, ${target}`,
+		monthPicker: "Month",
+		yearPicker: "Year"
+	},
+	dateRangeField: {
+		start: "Start date",
+		end: "End date",
+		presets: "Presets",
+		apply: "Apply",
+		cancel: "Cancel",
+		endBeforeStart: "The end date is before the start date.",
+		tooManyDays: (max) => `The range is longer than ${en.n(max)} ${en.word(max, {
+			one: "day",
+			other: "days"
+		})}.`,
+		unavailableDay: "The range includes a day that cannot be chosen.",
+		outOfBounds: "The range includes a day outside the allowed dates."
+	},
 	notice: { toneWord: {
 		danger: "Error:",
 		warning: "Warning:",
@@ -2530,6 +2570,26 @@ const messagesPtBR = {
 		placeholder: "Selecione…",
 		done: "Concluir"
 	},
+	calendar: {
+		previousMonth: (target) => `Mês anterior, ${target}`,
+		nextMonth: (target) => `Próximo mês, ${target}`,
+		monthPicker: "Mês",
+		yearPicker: "Ano"
+	},
+	dateRangeField: {
+		start: "Data inicial",
+		end: "Data final",
+		presets: "Períodos rápidos",
+		apply: "Aplicar",
+		cancel: "Cancelar",
+		endBeforeStart: "A data final é anterior à data inicial.",
+		tooManyDays: (max) => `O período é maior que ${pt.n(max)} ${pt.word(max, {
+			one: "dia",
+			other: "dias"
+		})}.`,
+		unavailableDay: "O período inclui um dia que não pode ser escolhido.",
+		outOfBounds: "O período inclui um dia fora das datas permitidas."
+	},
 	notice: { toneWord: {
 		danger: "Erro:",
 		warning: "Atenção:",
@@ -2812,4 +2872,4 @@ function Avatar({ src, fallbackText, name, decorative = false, actorKind = "pers
 //#endregion
 export { catalogueForLocale as a, messagesEs as c, compileIcuMessages as d, pseudoLocalize as f, substitute as h, useMessages as i, messagesPtBR as l, formatMessage as m, devWarning as n, defaultMessages as o, pseudoString as p, TympanProvider as r, mergeMessages as s, Avatar as t, shippedCatalogues as u };
 
-//# sourceMappingURL=Avatar-P14MVkK1.js.map
+//# sourceMappingURL=Avatar-CU7B1WsX.js.map