Dinawo
62317f2ad7
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>
73 lines
2.4 KiB
JavaScript
73 lines
2.4 KiB
JavaScript
import { defineConfig } from "astro/config";
|
|
import starlight from "@astrojs/starlight";
|
|
|
|
export default defineConfig({
|
|
site: "https://design.managemate.fr",
|
|
integrations: [
|
|
starlight({
|
|
title: "DSMMG",
|
|
description: "Design System ManageMate Group — référence pour designers et développeurs",
|
|
defaultLocale: "fr",
|
|
locales: { fr: { label: "Français", lang: "fr" } },
|
|
logo: { src: "./src/assets/logo.svg", replacesTitle: false },
|
|
social: {
|
|
github: "https://github.com/managemate/dsmmg",
|
|
},
|
|
customCss: ["./src/styles/custom.css", "@managemate/css", "@managemate/icons"],
|
|
sidebar: [
|
|
{
|
|
label: "Démarrer",
|
|
items: [
|
|
{ label: "Introduction", slug: "intro" },
|
|
{ label: "Installation", slug: "intro/installation" },
|
|
{ label: "Migration v0.1 → v0.2", slug: "intro/migration" },
|
|
],
|
|
},
|
|
{
|
|
label: "Fondations",
|
|
items: [
|
|
{ label: "Tokens", slug: "fondations/tokens" },
|
|
{ label: "Couleurs", slug: "fondations/colors" },
|
|
{ label: "Typographie", slug: "fondations/typography" },
|
|
{ label: "Espacement", slug: "fondations/spacing" },
|
|
{ label: "Motion", slug: "fondations/motion" },
|
|
{ label: "Densité", slug: "fondations/density" },
|
|
],
|
|
},
|
|
{
|
|
label: "Theming utilisateur",
|
|
items: [
|
|
{ label: "Architecture accent", slug: "theming/architecture" },
|
|
{ label: "Presets", slug: "theming/presets" },
|
|
{ label: "Mode sombre", slug: "theming/dark-mode" },
|
|
],
|
|
},
|
|
{
|
|
label: "Accessibilité",
|
|
items: [
|
|
{ label: "Engagement RGAA", slug: "a11y/engagement" },
|
|
{ label: "Tests automatisés", slug: "a11y/tests" },
|
|
{ label: "Patterns clavier", slug: "a11y/keyboard" },
|
|
],
|
|
},
|
|
{
|
|
label: "Composants",
|
|
autogenerate: { directory: "components" },
|
|
},
|
|
{
|
|
label: "Patterns",
|
|
autogenerate: { directory: "patterns" },
|
|
},
|
|
{
|
|
label: "Contribution",
|
|
items: [
|
|
{ label: "Comment contribuer", slug: "contrib/how" },
|
|
{ label: "RFC process", slug: "contrib/rfc" },
|
|
{ label: "Versioning", slug: "contrib/versioning" },
|
|
],
|
|
},
|
|
],
|
|
}),
|
|
],
|
|
});
|