Jakob Wennberg
ec27228a8e
Em dashes (—) and en dashes (–) had spread across comments, docs, tests, and a few UI strings, reading as AI-generated boilerplate rather than house style. Replaced each with punctuation matching its context: colon for explanatory clauses, comma for asides, plain hyphen for numeric/legal ranges (e.g. "21-23§"), "to"/"till" for date ranges, parentheses for paired-dash asides. messages/en.json and messages/sv.json were fixed by hand together to keep sv/en in sync. Left untouched where the dash is the functional subject rather than decorative punctuation: date-range-parser.ts's separator regex, charset-repair.ts's CP1252 byte-mapping table (and its test), the SIE encoding mojibake docs, generic-csv.ts's minus-sign normalizer, the agent system-prompt files that already instruct against em dashes, and a golden iXBRL test fixture compared byte-for-byte. Also fixes two bugs surfaced along the way: an off-by-one in ApiKeysPanel's scope-label split (a leftover from an earlier partial pass), and a charset-repair test that had lost the literal en-dash it exists to verify. Regenerated the agent atom seed migration (skills:generate) since 27 SKILL.md files changed. Added a CLAUDE.md rule against em/en dashes, with an explicit carve-out for the functional-dash cases above. Co-authored-by: Claude Sonnet 5 <noreply@anthropic.com>
46 lines
1.3 KiB
TypeScript
46 lines
1.3 KiB
TypeScript
import { cn } from '@/lib/utils'
|
|
import { getBranding } from '@/lib/branding/service'
|
|
|
|
interface BrandWordmarkProps {
|
|
/**
|
|
* Visual size. `'hero'` is for landing/auth/onboarding hero slots (~the
|
|
* same vertical weight as the old 240px logo image). `'inline'` matches
|
|
* the old 30px image used in top-left nav contexts.
|
|
*/
|
|
size?: 'hero' | 'inline'
|
|
/**
|
|
* Force lowercase rendering. Defaults to true to match the existing
|
|
* font-display + `.toLowerCase()` pattern used elsewhere in the app.
|
|
*/
|
|
lowercase?: boolean
|
|
className?: string
|
|
}
|
|
|
|
/**
|
|
* Text-only wordmark used in place of the legacy logo image on auth /
|
|
* onboarding / sandbox / invite surfaces. Renders the active brand's
|
|
* `appName` in Hedvig Letters Serif at weight 700: the display font is
|
|
* single-weight on Google Fonts so 700 ends up synthetically bolded, but
|
|
* that matches the requested aesthetic.
|
|
*/
|
|
export function BrandWordmark({
|
|
size = 'hero',
|
|
lowercase = true,
|
|
className,
|
|
}: BrandWordmarkProps) {
|
|
const branding = getBranding()
|
|
const name = lowercase ? branding.appName.toLowerCase() : branding.appName
|
|
return (
|
|
<span
|
|
className={cn(
|
|
'font-display tracking-tight inline-block',
|
|
size === 'hero' ? 'text-5xl md:text-6xl' : 'text-base',
|
|
className,
|
|
)}
|
|
style={{ fontWeight: 700 }}
|
|
>
|
|
{name}
|
|
</span>
|
|
)
|
|
}
|