@tollerud/ui - npm Package Compare versions

Comparing version 4.11.0 to 4.12.0

AGENTS.md

@@ -260,2 +260,19 @@ # Tollerud User Interface — AI Agent Guide
 
+Configurability (≥ 4.12.0): every template takes an overridable `copy` prop (each exports a `*Copy` type; dynamic lines are functions) — reword or localize without forking. Every primitive takes an optional `style` escape hatch (merged last, overrides token defaults). Visual design otherwise stays token-locked.
+
+```tsx
+// Localize (Norwegian) via `copy`, tweak one primitive via `style`
+const html = await render(
+  <WelcomeEmail
+    name="Mathias" productName="Graphify" ctaUrl={url} ctaLabel="Åpne dashbordet"
+    copy={{
+      heading: (n) => `Velkommen${n ? ', ' + n : ''}.`,
+      body: (p) => `Din ${p}-konto er klar. Ta en titt rundt.`,
+    }}
+    footer={{ labels: { tollerudProject: 'Et Tollerud-prosjekt' } }}
+  />,
+)
+// <EmailButton href={url} style={{ borderRadius: '999px' }}>Pill</EmailButton>
+```
+
 ### Button
@@ -262,0 +279,0 @@

package.json

 {
   "name": "@tollerud/ui",
-  "version": "4.11.0",
+  "version": "4.12.0",
   "description": "Tollerud User Interface — dark, monochrome + yellow accent. Noir aesthetic meets modern utility.",
@@ -5,0 +5,0 @@ "private": false,

SKILL.md

@@ -832,2 +832,3 @@ ---
 
+- **`@tollerud/email` overridable copy + style hatches (≥ 4.12.0)** — templates take a `copy` prop (each exports a `*Copy` type; dynamic lines are functions, static lines strings) to reword or localize (e.g. Norwegian) without forking. Every primitive takes an optional `style` prop merged **last**, overriding token defaults for one-off tweaks. Both non-breaking; visual design stays token-locked by default.
 - **`@tollerud/email` branded header + footer (≥ 4.11.0)** — new `EmailHeader` (monogram + project name large, optional divider) and `BrandMark` (the monogram; inline SVG by default, `logoSrc` for a hosted image where Outlook/Gmail strip SVG). All templates take an optional `header?: EmailHeaderProps`. **Breaking:** `EmailFooter` is now the real Tollerud footer (monogram + "A Tollerud Project" → tollerud.no); its `brandName` prop was replaced by `labels` (`tollerudProject`/`attribution`/`allRightsReserved`) — `address`/`unsubscribeUrl`/`links` unchanged.
@@ -834,0 +835,0 @@ - **`@tollerud/email` package (≥ 4.10.0)** — HTML email is a separate render target, so it ships as its own package, not through `@tollerud/ui`. It shares *tokens* (not components) via the generated `lib/tokens.ts` — token values are inlined as literals because `var(--tollerud-*)` doesn't resolve in mail clients. Built on React Email. Templates: `WelcomeEmail`, `VerifyEmail`, `PasswordResetEmail`, `ReceiptEmail`. Render with the re-exported `render`. See `packages/email/README.md`. Do **not** import web `@tollerud/ui` components into emails — they break in Outlook/Gmail.

New alerts

URL strings

Supply chain risk

Package contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.

Fixed alerts

URL strings

Supply chain risk

Package contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.

Improved metrics

Total package byte prevSize

3249810

0.08%

No dependency changes