Skip to content

Commit cab2154

Browse files
authored
Merge pull request #1 from ishansasika/release/v1.1.0
Release/v1.1.0
2 parents 11eb461 + efd801d commit cab2154

23 files changed

Lines changed: 1649 additions & 3 deletions

CHANGELOG.md

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,59 @@ All notable changes to this project will be documented in this file.
55
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
66
and 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

Comments
 (0)