ManageMate-Group/DSMMG

Fork 0

Files

T

Dinawo 62317f2ad7

Release / Release / open changeset PR (push) Has been cancelled

Details

CI / Build, typecheck, test, a11y (push) Has been cancelled

Details

chore: initial DSMMG v0.2 — refonte architecturale complète

Mise en place du Design System ManageMate Group v0.2 — refonte du
système de tokens (préfixe --mmg-color-*), 9 presets accent
user-themable validés WCAG AA, overlays Radix UI + Floating UI,
Storybook 8 + Vitest + axe-core en CI, doc Astro Starlight,
DESIGN.md (format google-labs-code) et exports tokens DTCG/CSS/
TS/Figma/Tailwind v3 et v4.

- 4 packages monorepo pnpm : @managemate/{tokens,css,react,icons}
- 62 composants React headless-first (Sheet, HoverCard, ContextMenu,
  Slider, ToggleGroup, AvatarGroup, UserCard, ProfileHeader,
  MetricCard, PricingCard, FeatureCard, Text/Display/Eyebrow/Lead…)
- Lint contraste WCAG : 37/37 paires AA, branché CI
- Toast pile Sonner-style avec ResizeObserver
- Theming user (9 presets) sans casser sémantique fixe
- Identité Synapse (rose #D12B6A) préservée

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

2026-05-04 22:08:38 +02:00

1.7 KiB

Raw Blame History

@managemate/css, @managemate/react, @managemate/icons

@managemate/css	@managemate/react	@managemate/icons
major	major	major

DSMMG 0.2 — refonte architecturale

Breaking changes :

Tokens couleur : tous les tokens couleur passent sous le préfixe --mmg-color-*.
- --mmg-bg-* → --mmg-color-bg-*
- --mmg-text-1/2/3/4 → --mmg-color-text-{primary,secondary,tertiary,quaternary}
- --mmg-border-* → --mmg-color-border-*
- --mmg-brand-* → --mmg-color-accent-*
- --mmg-success/warning/danger/info-* → --mmg-color-*
- --mmg-art-* → --mmg-color-art-*
- --mmg-state-* → --mmg-color-state-*
Tokens typographie : --mmg-text-{xs..5xl} → --mmg-font-size-*, --mmg-leading-* → --mmg-line-height-*, --mmg-weight-* → --mmg-font-weight-*.
Suppression [data-mmg-product] : remplacé par presets utilisateur via [data-mmg-accent].
Composants splittés : Advanced.tsx, Chrome.tsx, Article.tsx éclatés en un fichier par composant. Imports inchangés via le barrel index.tsx.
Build : packages désormais distribués via dist/ (ESM + CJS + types). Les imports depuis src/ ne sont plus supportés.

Nouveautés :

9 presets accent utilisateur (synapse, rose, blue, violet, green, amber, red, cyan, slate) avec rampes complètes et variantes dark.
Composant ThemePicker + hooks useAccent, useTheme.
Cascade @layer reset, tokens, base, components, utilities pour permettre les surcharges sans !important.
Utilitaires CSS mmg-u-* (stack, flex, grid, text, bg, padding, margin…).

Migration :

Lancer le codemod fourni pour migrer ton codebase consommateur :

node scripts/migrate-tokens.mjs

1.7 KiB Raw Blame History

DSMMG 0.2 — refonte architecturale

1.7 KiB

Raw Blame History