Skip to content

Releases: SaraHan774/AugustDesignSystem

v1.0.3

Choose a tag to compare

@SaraHan774 SaraHan774 released this 01 Dec 17:20

Changes

  • Export all components from main entry point - Fixed issue where only Button was exported
  • Add react-native condition 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

Choose a tag to compare

@SaraHan774 SaraHan774 released this 01 Dec 15:03

What's Changed

Bug Fixes

  • Fix Storybook preview rendering issues for React Native components
  • Fix createAnimatedComponent to handle style functions in arrays (Pressable, TabBar, Sheet)
  • Add react-native-safe-area-context mock for web compatibility
  • Enhance AccessibilityInfo in react-native-web-extended for useReducedMotion hook
  • 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.2

Full Changelog: v1.0.0...v1.0.2

v1.0.0

Choose a tag to compare

@SaraHan774 SaraHan774 released this 29 Nov 09:28

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