@@ -5,6 +5,59 @@ All notable changes to this project will be documented in this file.
55The format is based on [ Keep a Changelog] ( https://keepachangelog.com/en/1.0.0/ ) ,
66and this project adheres to [ Semantic Versioning] ( https://semver.org/spec/v2.0.0.html ) .
77
8+ ## [ 1.1.0] - 2024-12-31
9+
10+ ### Added
11+
12+ #### New Components
13+ - ** SkeletonForm** - Form loading skeleton with configurable fields, labels, and submit button
14+ - Perfect for checkout flows, login forms, and data entry UIs
15+ - Customizable field count, label visibility, and button positioning
16+ - Example: ` <SkeletonForm fields={5} showLabels={true} buttonPosition="right" /> `
17+
18+ - ** SpinnerWave** - Modern ripple/wave spinner with expanding circles
19+ - Premium aesthetic for high-end designs (Stripe, Airbnb style)
20+ - Configurable ripple count and maximum scale
21+ - Example: ` <SpinnerWave ripples={3} maxScale={2.5} /> `
22+
23+ - ** SpinnerPulse** - Heartbeat/pulse spinner for critical operations
24+ - Creates emotional urgency for important loading states
25+ - Single or multiple pulse circles with static center
26+ - Example: ` <SpinnerPulse pulses={2} maxScale={1.8} /> `
27+
28+ - ** ProgressSteps** - Multi-step progress indicator for wizards and workflows
29+ - Essential for multi-step forms, checkout flows, and guided processes
30+ - Horizontal and vertical orientations with optional labels
31+ - Customizable colors for completed, active, and inactive states
32+ - Example: ` <ProgressSteps steps={5} currentStep={2} labels={['Info', 'Review', 'Payment', 'Confirm', 'Done']} /> `
33+
34+ - ** TypingIndicator** - Chat typing indicator with bounce and fade animations
35+ - Classic pattern for messaging and chat applications
36+ - Bounce or fade animation variants
37+ - Example: ` <TypingIndicator variant="bounce" dotCount={3} /> `
38+
39+ #### New Animation Keyframes
40+ - ` ripple-expand ` - Expanding circles with fade for SpinnerWave
41+ - ` heartbeat-pulse ` - Pulsing scale animation for SpinnerPulse
42+ - ` typing-bounce ` - Bouncing dots for TypingIndicator
43+ - ` typing-fade ` - Fading dots for TypingIndicator fade variant
44+
45+ ### Changed
46+ - Component count increased from 20 to 25
47+ - Skeleton: 8 → 9 (+SkeletonForm)
48+ - Spinner: 5 → 7 (+SpinnerWave, +SpinnerPulse)
49+ - Progress: 3 → 4 (+ProgressSteps)
50+ - Pulse: 3 → 4 (+TypingIndicator)
51+ - Overlay: 1 (unchanged)
52+
53+ ### Library
54+ - All new components follow existing architecture patterns
55+ - Full TypeScript support with comprehensive prop types
56+ - WCAG-compliant accessibility features (ARIA labels, role="status")
57+ - CSS-only animations using hardware-accelerated transforms
58+ - Tree-shakeable - import components individually
59+ - Zero breaking changes - fully backward compatible
60+
861## [ 1.0.2] - 2024-12-31
962
1063### Added
0 commit comments