@tactics/storybook-icons

Icon library for the Tactics product suite, shared across apps instead of each maintaining its own copy.

Structure

Two top-level namespaces, each split by asset kind:

• core — BackOffice/FrontOffice (the "sporting" product). Not yet migrated — these subpaths currently export nothing and exist only so consumers can start depending on them ahead of that migration.
• loket — the Lokaal Loket childcare product (this repo's original source, extracted from @tactics/lokaal-loket).

Each namespace exposes icon, figure, and decoration subpaths:

@tactics/storybook-icons/loket/icon
@tactics/storybook-icons/loket/figure
@tactics/storybook-icons/loket/decoration
@tactics/storybook-icons/core/icon
@tactics/storybook-icons/core/figure
@tactics/storybook-icons/core/decoration

Import from the specific subpath you need — not the root package — so bundlers only pull in what's used.

Theming

Every component takes its color(s) as an explicit prop (theme/color) — there is no context provider and no dependency on any app's design-system package. Callers own theme resolution and pass a plain value in:

import {Icon, IconType} from "@tactics/storybook-icons/loket/icon";

<Icon type={IconType.SEARCH} theme={{stroke: "#111111"}} />;

Development

pnpm install
pnpm run storybook   # local dev
pnpm run build       # typecheck + tsup build
pnpm run build:storybook

Releasing: bump version in package.json on main. CI tags the commit, then builds from source and publishes to npm — nothing is committed to git under build/ or storybook-static/.