Changelog

Initial release of the Canon Design System. Foundations, components, patterns, and comprehensive documentation.

Foundations

• Added Color tokens with WCAG AA compliance
• Added Typography scale using fluid sizing
• Added Spacing system based on golden ratio (φ = 1.618)
• Added Motion tokens with reduced-motion support

Components

• Added Button component with variants (primary, secondary, ghost, danger)
• Added Card component with header/footer slots
• Added TextField with validation states
• Added TextArea with auto-resize option
• Added Checkbox and Radio components
• Added Select dropdown
• Added Toggle switch
• Added Toast notifications
• Added Badge component
• Added Breadcrumb navigation
• Added Tabs component

Patterns

• Added FormLayout for form structure
• Added FormValidation with error summary
• Added MultiStepForm for wizard flows
• Added EmptyState for zero-data scenarios
• Added FirstTimeUser onboarding pattern
• Added LoadingSkeleton and LoadingOverlay
• Added InlineError and ErrorBoundary

Token Export

• Added CSS custom properties (tokens.css)
• Added SCSS variables (tokens.scss)
• Added W3C DTCG format (tokens.dtcg.json)
• Added Figma/Tokens Studio format (tokens.figma.json)

Documentation

• Added Interactive documentation site
• Added Component API reference pages
• Added Accessibility guidelines (WCAG 2.1 AA)
• Added Content writing guidelines
• Added Responsive design patterns
• Added Theming guide