db17d3a573
TASK-DS-001: Migrated packages/design-system/ from legacy Kōdō to SUMI v2.0 - New src/ structure with proper TypeScript exports - Component type registry documenting all 40+ UI components - cn() utility re-export - package.json with exports map for tokens subpaths TASK-DS-002: Extracted design tokens as TypeScript objects - tokens/colors.ts: backgrounds, surfaces, text, pigments, semantic, glass, shadows, light theme - tokens/typography.ts: font families, sizes, weights, line heights, letter spacings - tokens/spacing.ts: spacing scale, radius, z-index, layout - tokens/motion.ts: durations and easing functions TASK-DS-003: Added missing Storybook stories - EmptyState.stories.tsx (8 variants: default, icon, action, search, sizes, card, centered) - ButtonLoading.stories.tsx (6 variants: default, loading, text, destructive, outline, small) - ContentFadeIn.stories.tsx (2 variants: default, card) - DesignTokens.stories.tsx (visual token reference: pigments, backgrounds, text, typography, spacing, radius) - Total: 42 → 46 stories for UI components + design token showcase Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
52 lines
1.1 KiB
TypeScript
52 lines
1.1 KiB
TypeScript
/**
|
|
* @veza/design-system — SUMI Design System v2.0
|
|
* "L'encre et la lumière" — Ink and Light
|
|
*
|
|
* This package provides:
|
|
* - Design tokens (colors, typography, spacing, motion) as TypeScript objects
|
|
* - Component type registry for the SUMI component set
|
|
* - Utility functions (cn)
|
|
*
|
|
* Components are implemented in apps/web/src/components/ui/ and should be
|
|
* imported from there using the @/components/ui/ path alias.
|
|
*
|
|
* Usage:
|
|
* import { colors, typography } from '@veza/design-system/tokens';
|
|
* import { pigments } from '@veza/design-system/tokens/colors';
|
|
*/
|
|
|
|
// ═══ Design Tokens ═══
|
|
export {
|
|
colors,
|
|
backgrounds,
|
|
surfaces,
|
|
borders,
|
|
text,
|
|
pigments,
|
|
semantic,
|
|
glass,
|
|
shadows,
|
|
lightTheme,
|
|
typography,
|
|
fontFamilies,
|
|
fontSizes,
|
|
lineHeights,
|
|
letterSpacings,
|
|
fontWeights,
|
|
spacingTokens,
|
|
spacing,
|
|
radius,
|
|
zIndex,
|
|
layout,
|
|
motion,
|
|
durations,
|
|
easings,
|
|
} from './tokens';
|
|
|
|
export type { SumiColor } from './tokens';
|
|
|
|
// ═══ Component Registry ═══
|
|
export type { SumiComponentName } from './components';
|
|
|
|
// ═══ Utilities ═══
|
|
export { cn } from './utils';
|