@clay-design-system/email 0.2.4 → 0.3.0

package/dist/tokens/build-email-assets.d.ts

@@ -1,19 +0,0 @@
-/**
- * Email asset bridge — recolors real Clay/monday foundation assets with foundation TOKEN colors and
- * writes them as SVG files to src/assets/icons/ and src/assets/logos/.
- *
- * Sections generated (MJML references relative SVG paths, no base64):
- *   - src/sections/logo-header/logo-header.mjml       (monday.com wordmark, light + dark)
- *   - src/sections/icon-feature-list/icon-feature-list.mjml  (Clay icons, iris-brand recolored)
- *   - src/sections/list-icon-items/list-icon-items.mjml      (Clay icons, iris-brand recolored)
- *   - src/sections/header/header.mjml                        (product logo, light + dark)
- *
- * Asset files written:
- *   src/assets/icons/   ← recolored Clay line icons (SVG, currentColor → brand #6161ff)
- *   src/assets/logos/   ← monday wordmark + product logos (SVG, light + dark variants)
- *   src/assets/*.png    ← raster image placeholders (committed separately, not touched here)
- *
- * Run via `pnpm --filter @clay-design-system/email build` (before compile step).
- */
-export {};
-//# sourceMappingURL=build-email-assets.d.ts.map

package/dist/tokens/build-email-assets.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"build-email-assets.d.ts","sourceRoot":"","sources":["../../src/tokens/build-email-assets.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG"}

package/dist/tokens/build-email-assets.js

@@ -1,186 +0,0 @@
-/**
- * Email asset bridge — recolors real Clay/monday foundation assets with foundation TOKEN colors and
- * writes them as SVG files to src/assets/icons/ and src/assets/logos/.
- *
- * Sections generated (MJML references relative SVG paths, no base64):
- *   - src/sections/logo-header/logo-header.mjml       (monday.com wordmark, light + dark)
- *   - src/sections/icon-feature-list/icon-feature-list.mjml  (Clay icons, iris-brand recolored)
- *   - src/sections/list-icon-items/list-icon-items.mjml      (Clay icons, iris-brand recolored)
- *   - src/sections/header/header.mjml                        (product logo, light + dark)
- *
- * Asset files written:
- *   src/assets/icons/   ← recolored Clay line icons (SVG, currentColor → brand #6161ff)
- *   src/assets/logos/   ← monday wordmark + product logos (SVG, light + dark variants)
- *   src/assets/*.png    ← raster image placeholders (committed separately, not touched here)
- *
- * Run via `pnpm --filter @clay-design-system/email build` (before compile step).
- */
-import { readFileSync, writeFileSync, mkdirSync, existsSync, readdirSync } from 'node:fs';
-import { resolve, dirname, join } from 'node:path';
-import { fileURLToPath } from 'node:url';
-import * as tokens from '@clay-design-system/tokens';
-const __dirname = dirname(fileURLToPath(import.meta.url));
-const emailSrc = resolve(__dirname, '..');
-const reactSrc = resolve(emailSrc, '..', '..', 'react', 'src');
-const assetsIcons = resolve(emailSrc, 'assets', 'icons');
-const assetsLogos = resolve(emailSrc, 'assets', 'logos');
-const emailsDir = resolve(emailSrc, 'emails');
-mkdirSync(assetsIcons, { recursive: true });
-mkdirSync(assetsLogos, { recursive: true });
-// Foundation token colors — single source of truth for asset coloring.
-const onDark = tokens.ClayColorTextOnDark; // #ffffff (dark-mode text/logos)
-const brand = tokens.ClayColorBackgroundBrandDefault; // #6161ff (icons, iris)
-const BANNER = 'GENERATED by src/tokens/build-email-assets.ts — do not edit. Real DS assets recolored via foundation tokens.';
-// ── Helpers ──────────────────────────────────────────────────────────────────
-/**
- * Recolor a Clay icon SVG (currentColor → color), write to assets/icons/<name>.svg,
- * and return the relative src path for use in MJML.
- */
-const writeIconSvg = (name, color) => {
-    const svg = readFileSync(resolve(reactSrc, 'icons', 'svg', `${name}.svg`), 'utf-8');
-    writeFileSync(resolve(assetsIcons, `${name}.svg`), svg.replace(/currentColor/g, color));
-    return `../../assets/icons/${name}.svg`;
-};
-/**
- * Write a logo SVG to assets/logos/<filename> and return the relative src path.
- */
-const writeLogoSvg = (content, filename) => {
-    writeFileSync(resolve(assetsLogos, filename), content);
-    return `../../assets/logos/${filename}`;
-};
-// ── monday.com wordmark ───────────────────────────────────────────────────────
-// Master logo: colored symbol (#00BA5F / #FB275D / #FFCC00) + grey-900 (#17181C) wordmark text.
-// Light variant = as-is. Dark variant = recolor wordmark text to white only.
-const wordmarkSrc = resolve(reactSrc, 'logos', 'products', 'monday-com', 'Layout=Master, Type Color=Black, Com=On.svg');
-const wordmark = readFileSync(wordmarkSrc, 'utf-8');
-const logoLightSrc = writeLogoSvg(wordmark, 'wordmark-light.svg');
-const logoDarkSrc = writeLogoSvg(wordmark.replace(/#17181[cC]/g, onDark), 'wordmark-dark.svg');
-const logoHeader = `<!-- ${BANNER} -->
-<mj-section padding="24px 40px">
-  <mj-column>
-    <mj-image css-class="ll" width="150px" align="center" padding="0" alt="monday.com" src="${logoLightSrc}" />
-    <mj-image css-class="dl" width="150px" align="center" padding="0" alt="monday.com" src="${logoDarkSrc}" />
-  </mj-column>
-</mj-section>
-`;
-writeFileSync(resolve(emailSrc, 'sections', 'logo-header', 'logo-header.mjml'), logoHeader);
-// ── icon-feature-list ─────────────────────────────────────────────────────────
-const featureRows = [
-    { icon: 'download-01', title: 'Extract key details', desc: 'Automatically pull important information from emails, documents, or updates into your boards.' },
-    { icon: 'file-02', title: 'Categorize effortlessly', desc: 'Let AI sort and label tasks based on urgency, sentiment, or topic.' },
-    { icon: 'align-left', title: 'Summarize updates', desc: 'Quickly get the gist of lengthy updates or threads without reading every detail.' },
-];
-const iconFeatureRow = (r) => {
-    const src = writeIconSvg(r.icon, brand);
-    return `  <mj-section padding="8px 40px">
-    <mj-column width="44px" vertical-align="top">
-      <mj-image src="${src}" width="24px" align="left" padding="0" alt="" />
-    </mj-column>
-    <mj-column vertical-align="top">
-      <mj-text mj-class="clay-h5" css-class="email-text">${r.title}</mj-text>
-      <mj-spacer height="4px" />
-      <mj-text mj-class="clay-p1" css-class="email-text">${r.desc}</mj-text>
-    </mj-column>
-  </mj-section>`;
-};
-const iconList = `<!-- ${BANNER} -->
-${featureRows.map(iconFeatureRow).join('\n')}
-`;
-writeFileSync(resolve(emailSrc, 'sections', 'icon-feature-list', 'icon-feature-list.mjml'), iconList);
-// ── list-icon-items ───────────────────────────────────────────────────────────
-const listRows = [
-    { icon: 'check-done-01', title: 'Stay on top of every task', desc: 'Assign owners, set due dates, and track status — all in one place, so nothing slips through.' },
-    { icon: 'users-01', title: 'Collaborate across teams', desc: 'Share boards with anyone, invite guests, and keep every stakeholder in the loop without extra tools.' },
-    { icon: 'lightning-01', title: 'Automate the repetitive stuff', desc: 'Build no-code workflows that move items, send alerts, and update fields the moment conditions are met.' },
-    { icon: 'eye', title: 'Get full visibility in real time', desc: 'Dashboards and live reports surface blockers and progress instantly, so you can act before things stall.' },
-];
-const iconListRow = (r, i) => {
-    const src = writeIconSvg(r.icon, brand);
-    return `  <mj-section padding="${i === 0 ? '0' : '20px 0 0'}">
-    <mj-group width="100%">
-      <mj-column width="7.857143%" vertical-align="top" padding="0">
-        <mj-image src="${src}" width="24px" align="left" padding="0" alt="" />
-      </mj-column>
-      <mj-column width="92.142857%" vertical-align="top" padding-left="8px">
-        <mj-text mj-class="clay-p2" css-class="email-text"><span style="font-weight:600;">${r.title}</span><br /><span>${r.desc}</span></mj-text>
-      </mj-column>
-    </mj-group>
-  </mj-section>`;
-};
-const listIconItemsMjml = `<!-- ${BANNER} -->
-<!-- list-icon-items — DS icon per row (brand-recolored SVG) aligned top with title + description.
-     mj-group keeps icon + text inline at ALL viewport sizes (no stacking).
-     Mobile: H-padding → 24px (email-mobile-px-24 on wrapper). -->
-<mj-wrapper padding="24px 40px" background-color="#ffffff" css-class="email-card email-mobile-px-24">
-${listRows.map(iconListRow).join('\n')}
-</mj-wrapper>
-`;
-mkdirSync(resolve(emailSrc, 'sections', 'list-icon-items'), { recursive: true });
-writeFileSync(resolve(emailSrc, 'sections', 'list-icon-items', 'list-icon-items.mjml'), listIconItemsMjml);
-const HEADER_LOGO = {
-    dir: 'monday-com',
-    alt: 'monday.com',
-    width: '178px',
-    lightFile: 'Layout=Master, Type Color=Black, Com=On.svg',
-    darkFile: 'Layout=Master, Type Color=White, Com=On.svg',
-};
-const writeProductLogo = (dir, file, outName) => writeLogoSvg(readFileSync(resolve(reactSrc, 'logos', 'products', dir, file), 'utf-8'), outName);
-const hlLightSrc = writeProductLogo(HEADER_LOGO.dir, HEADER_LOGO.lightFile, 'product-logo-light.svg');
-const hlDarkSrc = writeProductLogo(HEADER_LOGO.dir, HEADER_LOGO.darkFile, 'product-logo-dark.svg');
-const headerMjml = `<!-- ${BANNER} -->
-<!-- header: one monday product logo, centered. Light: "Type Color=Black" (.ll class).
-     Dark: "Type Color=White" (.dl class, via @media prefers-color-scheme:dark).
-     To swap product: edit HEADER_LOGO in build-email-assets.ts and rebuild. -->
-<mj-section padding="24px 40px" css-class="email-mobile-px-24">
-  <mj-column>
-    <mj-image css-class="ll" alt="${HEADER_LOGO.alt}" width="${HEADER_LOGO.width}" align="center" padding="0" src="${hlLightSrc}" />
-    <mj-image css-class="dl" alt="${HEADER_LOGO.alt}" width="${HEADER_LOGO.width}" align="center" padding="0" src="${hlDarkSrc}" />
-  </mj-column>
-</mj-section>
-`;
-mkdirSync(resolve(emailSrc, 'sections', 'header'), { recursive: true });
-writeFileSync(resolve(emailSrc, 'sections', 'header', 'header.mjml'), headerMjml);
-// ── icons referenced by real composed emails ──────────────────────────────────
-// The three generators above only ever write the icons baked into their OWN default example
-// content. Any icon a real composed email under src/emails/ actually picks — a different one, per
-// campaign — was never copied/recolored here, so compile.ts's inlineAssetsInHtml found no file at
-// the resolved path and silently left the raw relative src in the shipped HTML (a real, already-
-// shipped bug — confirmed in hr-agent-activation/tp1b-scheduling-library, which references
-// search-lg/calendar-check-02/user-check-01, none of which existed in assets/icons/ before this).
-// src/emails/ is gitignored local-only output, so this scan is a no-op on a fresh clone until
-// someone composes an email — that's correct, there's nothing to generate yet.
-function findMjmlFiles(dir) {
-    if (!existsSync(dir))
-        return [];
-    const out = [];
-    for (const entry of readdirSync(dir, { withFileTypes: true })) {
-        const full = join(dir, entry.name);
-        if (entry.isDirectory())
-            out.push(...findMjmlFiles(full));
-        else if (entry.name.endsWith('.mjml'))
-            out.push(full);
-    }
-    return out;
-}
-const referencedIconNames = new Set();
-for (const file of findMjmlFiles(emailsDir)) {
-    const content = readFileSync(file, 'utf-8');
-    for (const match of content.matchAll(/assets\/icons\/([a-zA-Z0-9_-]+)\.svg/g)) {
-        referencedIconNames.add(match[1]);
-    }
-}
-let missingIcons = 0;
-for (const name of referencedIconNames) {
-    const svgSrc = resolve(reactSrc, 'icons', 'svg', `${name}.svg`);
-    if (!existsSync(svgSrc)) {
-        console.warn(`@clay-design-system/email: ⚠ icon "${name}" referenced by a composed email does not exist in the Clay icon registry (packages/react/src/icons/svg/) — its <mj-image> will stay broken until the name is fixed`);
-        missingIcons++;
-        continue;
-    }
-    writeIconSvg(name, brand);
-}
-if (referencedIconNames.size > 0) {
-    console.log(`@clay-design-system/email: ${referencedIconNames.size - missingIcons}/${referencedIconNames.size} composed-email icon(s) recolored from the Clay registry`);
-}
-console.log('@clay-design-system/email: SVG assets written to src/assets/icons/ + src/assets/logos/ (no base64)');
-//# sourceMappingURL=build-email-assets.js.map

package/dist/tokens/build-email-assets.js.map

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

package/dist/tokens/build-email-tokens.d.ts

@@ -1,17 +0,0 @@
-/**
- * Token → email bridge.
- *
- * Emails cannot use CSS custom properties (`var(--clay-*)`) — Outlook and others strip them. So this
- * script reads the RESOLVED LITERAL token values from `@clay-design-system/tokens` (the dist/tokens.js ES export)
- * and materializes them into two generated artifacts consumed by the MJML sections:
- *
- *   src/generated/base-head.mjml   — <mj-head> fragment: fonts, mj-class roles, dark-mode <mj-style>
- *   src/generated/email-tokens.ts  — inline-able constants + px() helper for section authoring/docs
- *
- * Both are GENERATED — never edit by hand. `pnpm --filter @clay-design-system/email tokens:check` regenerates
- * and fails on drift (mirrors the repo-wide `docs:check` guard).
- *
- * Run as the first step of the package build (before compile.ts).
- */
-export {};
-//# sourceMappingURL=build-email-tokens.d.ts.map

package/dist/tokens/build-email-tokens.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"build-email-tokens.d.ts","sourceRoot":"","sources":["../../src/tokens/build-email-tokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG"}

package/dist/tokens/build-email-tokens.js

@@ -1,229 +0,0 @@
-/**
- * Token → email bridge.
- *
- * Emails cannot use CSS custom properties (`var(--clay-*)`) — Outlook and others strip them. So this
- * script reads the RESOLVED LITERAL token values from `@clay-design-system/tokens` (the dist/tokens.js ES export)
- * and materializes them into two generated artifacts consumed by the MJML sections:
- *
- *   src/generated/base-head.mjml   — <mj-head> fragment: fonts, mj-class roles, dark-mode <mj-style>
- *   src/generated/email-tokens.ts  — inline-able constants + px() helper for section authoring/docs
- *
- * Both are GENERATED — never edit by hand. `pnpm --filter @clay-design-system/email tokens:check` regenerates
- * and fails on drift (mirrors the repo-wide `docs:check` guard).
- *
- * Run as the first step of the package build (before compile.ts).
- */
-import { writeFileSync, mkdirSync } from 'node:fs';
-import { resolve, dirname } from 'node:path';
-import { fileURLToPath } from 'node:url';
-import * as tokens from '@clay-design-system/tokens';
-const __dirname = dirname(fileURLToPath(import.meta.url));
-const generatedDir = resolve(__dirname, '..', 'generated');
-mkdirSync(generatedDir, { recursive: true });
-/** Unitless number token → px string. Line-heights/weights stay unitless (valid + preferred in email). */
-const px = (n) => `${n}px`;
-// ── Resolved literals from the foundation (single source of truth) ──────────────────────────────
-const color = {
-    page: tokens.ClayColorBackgroundDefaultSecondary, // #f3f4f5
-    surface: tokens.ClayColorBackgroundDefaultDefault, // #ffffff
-    text: tokens.ClayColorTextDefaultDefault, // #252526
-    textMuted: tokens.ClayColorTextDefaultSecondary, // #45454a (grey-700)
-    brand: tokens.ClayColorBackgroundBrandDefault, // #6161ff
-    brandLink: tokens.ClayColorTextBrandDefault, // #6161ff
-    onBrand: tokens.ClayColorTextOnDark, // #ffffff
-    // Stone / warm-beige palette (quote cards, warm editorial surfaces)
-    surfaceWarm: tokens.ClayColorStone100, // #f7f3ea
-    surfaceWarmBorder: tokens.ClayColorStone200, // #f2e7d6
-    // dark-mode surfaces (from the grey ramp)
-    pageDark: tokens.ClayFoundationBrandColorGrey950, // #000000
-    surfaceDark: tokens.ClayFoundationBrandColorGrey800, // #252526
-    textDark: tokens.ClayColorTextOnDark, // #ffffff
-};
-// Lifecycle email type scale — matches Life cycle DS Figma (Heading 1-5, Paragraph 1-4).
-// All entries carry an explicit `weight` so email-tokens.ts is self-documenting without inference.
-const type = {
-    family: tokens.ClayEmailTypeFamily,
-    weightRegular: tokens.ClayEmailTypeWeightRegular,
-    weightSemi: tokens.ClayEmailTypeWeightSemi,
-    // Headings h1–h4 shrink on mobile (emaillove @media step-down); h5 and below do not.
-    h1: { size: px(tokens.ClayEmailTypeH1Size), sizeMobile: px(tokens.ClayEmailTypeH1SizeMobile), weight: tokens.ClayEmailTypeWeightSemi, lineHeight: tokens.ClayEmailTypeH1LineHeight, letterSpacing: px(tokens.ClayEmailTypeH1LetterSpacing) },
-    h2: { size: px(tokens.ClayEmailTypeH2Size), sizeMobile: px(tokens.ClayEmailTypeH2SizeMobile), weight: tokens.ClayEmailTypeWeightSemi, lineHeight: tokens.ClayEmailTypeH2LineHeight, letterSpacing: px(tokens.ClayEmailTypeH2LetterSpacing) },
-    h3: { size: px(tokens.ClayEmailTypeH3Size), sizeMobile: px(tokens.ClayEmailTypeH3SizeMobile), weight: tokens.ClayEmailTypeWeightSemi, lineHeight: tokens.ClayEmailTypeH3LineHeight, letterSpacing: px(tokens.ClayEmailTypeH3LetterSpacing) },
-    h4: { size: px(tokens.ClayEmailTypeH4Size), sizeMobile: px(tokens.ClayEmailTypeH4SizeMobile), weight: tokens.ClayEmailTypeWeightSemi, lineHeight: tokens.ClayEmailTypeH4LineHeight },
-    h5: { size: px(tokens.ClayEmailTypeH5Size), sizeMobile: px(tokens.ClayEmailTypeH5SizeMobile), weight: tokens.ClayEmailTypeWeightSemi, lineHeight: tokens.ClayEmailTypeH5LineHeight },
-    p1: { size: px(tokens.ClayEmailTypeP1Size), sizeMobile: px(tokens.ClayEmailTypeP1SizeMobile), weight: tokens.ClayEmailTypeWeightRegular, lineHeight: tokens.ClayEmailTypeP1LineHeight },
-    p2: { size: px(tokens.ClayEmailTypeP2Size), sizeMobile: px(tokens.ClayEmailTypeP2SizeMobile), weight: tokens.ClayEmailTypeWeightRegular, lineHeight: tokens.ClayEmailTypeP2LineHeight },
-    p3: { size: px(tokens.ClayEmailTypeP3Size), sizeMobile: px(tokens.ClayEmailTypeP3SizeMobile), weight: tokens.ClayEmailTypeWeightRegular, lineHeight: tokens.ClayEmailTypeP3LineHeight },
-    p4: { size: px(tokens.ClayEmailTypeP4Size), sizeMobile: px(tokens.ClayEmailTypeP4SizeMobile), weight: tokens.ClayEmailTypeWeightRegular, lineHeight: tokens.ClayEmailTypeP4LineHeight },
-    button: { size: px(tokens.ClayEmailTypeButtonSize), weight: tokens.ClayEmailTypeButtonWeight, lineHeight: tokens.ClayEmailTypeButtonLineHeight },
-};
-const layout = {
-    canvasWidth: 640,
-    contentWidth: 560,
-    hPadding: px(tokens.ClaySizeSpace1000), // 40px
-    sectionY: px(tokens.ClaySizeSpace600), // 24px
-    gapMd: px(tokens.ClaySizeSpace400), // 16px
-    gapLg: px(tokens.ClaySizeSpace800), // 32px
-    cardRadius: px(tokens.ClayRadiusLg), // 16px
-    pillRadius: px(tokens.ClayRadiusFull), // 9999px
-    iconSize: px(tokens.ClaySizeSpace600), // 24px
-};
-// Effects (shadows) — from the foundation effect tokens. Emails are mostly flat; exposed for cards
-// that need elevation. Values are already email-safe CSS box-shadow strings.
-const effect = {
-    shadowLight: tokens.ClayEffectShadowLight,
-    shadowHard: tokens.ClayEffectShadowHard,
-};
-// The email fallback stack Poppins → system — email clients frequently lack the webfont.
-const fontStack = `Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif`;
-const BANNER = 'GENERATED by src/tokens/build-email-tokens.ts — do not edit. Run `pnpm --filter @clay-design-system/email tokens:check`.';
-// ── 1. base-head.mjml — an <mj-head> FRAGMENT (included inside the container's <mj-head>) ─────────
-const baseHead = `<!-- ${BANNER} -->
-<mj-raw>
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <meta name="x-apple-disable-message-reformatting" />
-  <meta name="color-scheme" content="light dark" />
-  <meta name="supported-color-schemes" content="light dark" />
-</mj-raw>
-<mj-font name="Poppins" href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap" />
-
-<mj-attributes>
-  <mj-all font-family="${fontStack}" />
-  <mj-text color="${color.text}" font-size="${type.p1.size}" line-height="${type.p1.lineHeight}" padding="0" />
-  <!-- Lifecycle heading scale (semi-bold default; override font-weight inline for regular variant) -->
-  <mj-class name="clay-h1" color="${color.text}" font-size="${type.h1.size}" font-weight="${type.weightSemi}" line-height="${type.h1.lineHeight}" letter-spacing="${type.h1.letterSpacing}" />
-  <mj-class name="clay-h2" color="${color.text}" font-size="${type.h2.size}" font-weight="${type.weightSemi}" line-height="${type.h2.lineHeight}" letter-spacing="${type.h2.letterSpacing}" />
-  <mj-class name="clay-h3" color="${color.text}" font-size="${type.h3.size}" font-weight="${type.weightSemi}" line-height="${type.h3.lineHeight}" letter-spacing="${type.h3.letterSpacing}" />
-  <mj-class name="clay-h4" color="${color.text}" font-size="${type.h4.size}" font-weight="${type.weightSemi}" line-height="${type.h4.lineHeight}" />
-  <mj-class name="clay-h5" color="${color.text}" font-size="${type.h5.size}" font-weight="${type.weightSemi}" line-height="${type.h5.lineHeight}" />
-  <!-- Lifecycle paragraph scale (regular-weight default) -->
-  <mj-class name="clay-p1" color="${color.text}" font-size="${type.p1.size}" font-weight="${type.weightRegular}" line-height="${type.p1.lineHeight}" />
-  <mj-class name="clay-p2" color="${color.text}" font-size="${type.p2.size}" font-weight="${type.weightRegular}" line-height="${type.p2.lineHeight}" />
-  <mj-class name="clay-p3" color="${color.textMuted}" font-size="${type.p3.size}" font-weight="${type.weightRegular}" line-height="${type.p3.lineHeight}" />
-  <mj-class name="clay-p4" color="${color.textMuted}" font-size="${type.p4.size}" font-weight="${type.weightRegular}" line-height="${type.p4.lineHeight}" />
-  <mj-class name="clay-button" background-color="${color.brand}" color="${color.onBrand}" border-radius="${layout.pillRadius}" font-size="${type.button.size}" font-weight="${type.button.weight}" inner-padding="12px 24px" />
-</mj-attributes>
-
-<mj-style>
-  /* Client resets emaillove ships that MJML omits (Outlook.com line-height, image gaps). */
-  img { display: block; }
-  .ExternalClass { width: 100%; }
-  .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; }
-  /* Dark-only images hidden in light mode; swapped in the dark block below. */
-  .dl { display: none; }
-
-  /* Mobile heading step-down — one-notch scale at the DS phone-only breakpoint
-     @media(max-width:479px) (h1 56→48, h2 48→40, h3 40→32, h4 32→24). Keyed off the clay-h*
-     css-class on the mj-text td; targets the inner div where MJML places font-size. Desktop
-     size is the inline fallback if style is dropped. Per production emails, only the primary/
-     hero heading opts in — add css-class="clay-hN" (alongside mj-class) to the hero heading's
-     mj-text; secondary content headings keep mj-class alone and stay at desktop size. */
-  @media only screen and (max-width: 479px) {
-    .clay-h1 > div { font-size: ${type.h1.sizeMobile} !important; }
-    .clay-h2 > div { font-size: ${type.h2.sizeMobile} !important; }
-    .clay-h3 > div { font-size: ${type.h3.sizeMobile} !important; }
-    .clay-h4 > div { font-size: ${type.h4.sizeMobile} !important; }
-
-    /* Mobile H-padding utilities — apply as css-class on mj-wrapper or mj-section to reduce
-       the 40px horizontal padding to the source breakpoint value when columns stack (below 480px).
-       Source: emaillove export mobile CSS (.b98-68 → 24px, .d9b-0c → 16px, .fb5-e8 → 24px).
-       Targets the outer td MJML generates with inline padding-left/padding-right. */
-    .email-mobile-px-24 > table > tbody > tr > td { padding-right: 24px !important; padding-left: 24px !important; }
-    .email-mobile-px-16 > table > tbody > tr > td { padding-right: 16px !important; padding-left: 16px !important; }
-    .email-mobile-px-0 > table > tbody > tr > td { padding-right: 0 !important; padding-left: 0 !important; }
-    .email-mobile-pt-0 > table > tbody > tr > td { padding-top: 0 !important; }
-
-    /* Mobile text centering — apply as css-class on mj-text elements whose content should be
-       center-aligned on mobile (below 480px). Matches the source emaillove .s0>div{text-align:center}.
-       Targets the inner div MJML wraps text content in. */
-    .email-mobile-center > div { text-align: center !important; }
-
-    /* Mobile image centering — apply css-class="email-mobile-center-img" on mj-image.
-       text-align on the td does not reposition its block-level child table (CSS text-align
-       only affects inline content), so the nested image-wrapper table also needs margin:auto
-       to actually override the mj-image align="left"/"right" attribute on mobile. */
-    .email-mobile-center-img { text-align: center !important; }
-    .email-mobile-center-img > table { margin: 0 auto !important; }
-
-    /* Full-width button on mobile — apply css-class="email-btn-full" to mj-button.
-       Makes the button's inner table fill the column width and centers it.
-       Matches emaillove .mj-b-full pattern. */
-    .email-btn-full > table { width: 100% !important; }
-    .email-btn-full > table > tbody > tr > td { text-align: center !important; }
-  }
-
-  /* Left-aligned button content — apply css-class="email-btn-left" to mj-button.
-     Overrides MJML's default text-align:center on the inner td and anchor so
-     icon+text rows (e.g. buttons-icons) are left-aligned like the emaillove source. */
-  .email-btn-left > table > tbody > tr > td { text-align: left !important; }
-  .email-btn-left > table > tbody > tr > td > a { text-align: left !important; }
-
-  /* Decorative image tilt — apply css-class="email-tilt-1".."email-tilt-4" to mj-image for a
-     fanned photo-stack look (e.g. an avatar composite row). Webkit/Blink clients rotate the
-     image; Outlook and other non-supporting clients silently ignore the transform and show the
-     image unrotated — safe graceful degradation, never a broken layout. */
-  .email-tilt-1 { transform: rotate(-6deg); }
-  .email-tilt-2 { transform: rotate(4deg); }
-  .email-tilt-3 { transform: rotate(-4deg); }
-  .email-tilt-4 { transform: rotate(6deg); }
-
-  :root { color-scheme: light dark; supported-color-schemes: light dark; }
-  @media (prefers-color-scheme: dark) {
-    body, .email-page { background-color: ${color.pageDark} !important; }
-    /*
-     * email-card: flip a section or column's background to dark.
-     *
-     * Three selectors cover every compiled MJML structure:
-     *   1. .email-card          — the outer div (mj-section or mj-column)
-     *   2. .email-card > table  — the direct child table (mj-section has inline bg here)
-     *   3. .email-card > table > tbody > tr > td
-     *                           — the content td inside mj-column (carries inline bg-color
-     *                             + border-radius when background-color is set on mj-column)
-     *
-     * Apply css-class="email-card" to any mj-section or mj-column that should
-     * become dark. Works for grey inner cards (#f3f4f5), coloured panels, etc.
-     */
-    .email-card,
-    .email-card > table,
-    .email-card > table > tbody > tr > td { background-color: ${color.surfaceDark} !important; }
-    .email-text, .email-text * { color: ${color.textDark} !important; }
-    .ll { display: none !important; }
-    .dl { display: block !important; }
-    /* Black CTA button invert — apply css-class="email-btn-invert-dark" to invert a black
-       mj-button to white background + black text in dark mode. Matches emaillove global
-       .mj-b>td { background-color:#ffffff } pattern for black CTA buttons. */
-    .email-btn-invert-dark > table > tbody > tr > td { background-color: #ffffff !important; }
-    .email-btn-invert-dark > table > tbody > tr > td > a { background-color: #ffffff !important; color: #000000 !important; }
-  }
-  /* Outlook.com + Gmail-app dark mode — these clients ignore prefers-color-scheme and instead
-     prefix overridden nodes with data-ogsc (foreground) / data-ogsb (background). */
-  [data-ogsb] body, [data-ogsb] .email-page { background-color: ${color.pageDark} !important; }
-  [data-ogsb] .email-card,
-  [data-ogsb] .email-card > table,
-  [data-ogsb] .email-card > table > tbody > tr > td { background-color: ${color.surfaceDark} !important; }
-  [data-ogsc] .email-text, [data-ogsc] .email-text * { color: ${color.textDark} !important; }
-</mj-style>
-`;
-writeFileSync(resolve(generatedDir, 'base-head.mjml'), baseHead);
-// ── 2. email-tokens.ts — inline-able constants for section authoring + docs ──────────────────────
-const emailTokensTs = `// ${BANNER}
-// Inline-able literal token values for MJML email authoring. Emails cannot use var(--clay-*),
-// so sections copy these literals. Roles that mj-class carries (clay-h1…h5, clay-p1…p4, clay-button) live in base-head.mjml.
-
-/** Unitless size/spacing token → px string. */
-export const px = (n: number): string => \`\${n}px\`
-
-export const emailColor = ${JSON.stringify(color, null, 2)} as const
-
-export const emailType = ${JSON.stringify(type, null, 2)} as const
-
-export const emailLayout = ${JSON.stringify(layout, null, 2)} as const
-
-export const emailEffect = ${JSON.stringify(effect, null, 2)} as const
-
-/** Poppins → system fallback stack (email webfonts are unreliable). */
-export const emailFontStack = ${JSON.stringify(fontStack)}
-`;
-writeFileSync(resolve(generatedDir, 'email-tokens.ts'), emailTokensTs);
-console.log('@clay-design-system/email: token bridge generated (base-head.mjml + email-tokens.ts)');
-//# sourceMappingURL=build-email-tokens.js.map

package/dist/tokens/build-email-tokens.js.map

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