Repository navigation
Releases: SaraHan774/AugustDesignSystem
Releases · SaraHan774/AugustDesignSystem
Release list
v1.0.3
Changes
- Export all components from main entry point - Fixed issue where only
Buttonwas exported - Add
react-nativecondition to package.json exports for better Metro bundler compatibility - Update README with comprehensive documentation of all 28 components
- Auto-version from tag - Workflow now extracts version from git tag automatically
Usage
import {
Button,
Avatar,
Card,
Modal,
ThemeProvider,
useTheme,
} from 'august-design-system';v1.0.2
What's Changed
Bug Fixes
- Fix Storybook preview rendering issues for React Native components
- Fix
createAnimatedComponentto handle style functions in arrays (Pressable, TabBar, Sheet) - Add
react-native-safe-area-contextmock for web compatibility - Enhance
AccessibilityInfoin react-native-web-extended foruseReducedMotionhook - Fix Divider and Progress stories layout (use fixed width for centered layout)
- Fix TypeScript errors in SearchBar and Box stories
Install
npm install august-design-system@1.0.2Full Changelog: v1.0.0...v1.0.2
v1.0.0
Changelog
All notable changes to this project will be documented in this file.
The format is based on Keep a Changelog,
and this project adheres to Semantic Versioning.
[1.0.0] - 2025-11-29
Added
Core Components
- Button - Versatile button component with 5 variants (filled, tinted, gray, outlined, ghost), 3 sizes, 4 color schemes, and loading states
Chat SDK Components
- Avatar - User avatar with initials fallback, online status indicator, and group avatar support (up to 3 stacked)
- MessageBubble - Chat message bubble supporting text, images, and files with delivery status indicators
- InputBar - Message input component with send button, attachment support, and error banner
- ConversationListItem - Chat list item with avatar, preview, timestamp, unread badge, and typing indicator
- StatusBadge - Online/offline presence indicator with multiple sizes and styles
- UnreadBadge - Unread message count badge with overflow handling (99+)
- TypingIndicator - Animated typing indicator with dots, text, and bubble variants
Theme System
- ThemeProvider - Context provider for theming
- useTheme - Hook for accessing theme and color mode
- createTheme - Factory function for custom themes
- Light and dark theme support with system preference detection
Design Tokens
- Colors - Semantic color tokens for light/dark modes
- Typography - Font styles following iOS typography scale
- Spacing - Consistent spacing scale (4, 8, 12, 16, 20, 24, 32pt)
- Radius - Border radius tokens (sm, md, lg, xl, full)
- Shadows - Platform-specific shadow definitions
- Animation - Duration and easing presets
Hooks
- useThemedStyles - Create themed stylesheets
- useBreakpoint - Responsive breakpoint detection
- useResponsiveValue - Responsive value selection
- useAccessibility - Accessibility utilities
Infrastructure
- TypeScript support with complete type definitions
- ESM and CommonJS builds
- Storybook documentation
- GitHub Actions CI/CD pipeline
- Automated npm publishing on release
Technical Details
- Minimum React version: 18.0.0
- Minimum React Native version: 0.70.0
- Optional React Native Web support
- Full accessibility support (WCAG AA compliant)
- Tree-shakeable exports