v2.1.1

What's Changed

• Bump qs from 6.14.1 to 6.14.2 by @dependabot[bot] in #835
• Bump webpack from 5.97.1 to 5.105.0 by @dependabot[bot] in #833

Full Changelog: v2.1.0...v2.1.1

v2.1.0 (CSS is no longer auto-injected)

Full Changelog: v2.0.8...v2.1.0

CSS is no longer auto-injected. You must now import the stylesheet explicitly:

import "react-image-gallery/styles/image-gallery.css";

This change fixes SSR compatibility (no more FOUC or duplicate styles) and reduces the JS bundle size by ~35%. The API, props, and all component behavior remain unchanged.

v2.0.8

Full Changelog: v2.0.7...v2.0.8

v2.0.7

Full Changelog: v2.0.6...v2.0.7

v2.0.6

Full Changelog: v2.0.5...v2.0.6

v2.0.5

Full Changelog: v2.0.4...v2.0.5

v2.0.4

Full Changelog: v2.0.3...v2.0.4

Fixes thumbnail swiping and general swiping/transitions

thumbnail bar swiping is fixed

Bullet limits and resize observer fix

• Fixes issue with resize observer not repositioning thumbnail and bullets
• Adds maxBullets prop to support limiting bullet dispaly

v2.0.0 - TypeScript Rewrite

v2.0.0 - TypeScript Rewrite

TLDR

Complete rewrite from JavaScript to TypeScript with modernized architecture, zero-config CSS, and improved touch/swipe handling.

✨ New Features

• Zero-config CSS - Styles auto-inject on import, no separate CSS import needed
• CSS custom properties - Easy theming via --ig-primary-color, --ig-thumbnail-size, etc.
• TypeScript support - Full type definitions included out of the box

🔧 Improvements

• Complete TypeScript rewrite - Entire codebase migrated from JS/JSX to TS/TSX
• Hooks-based architecture - Refactored from class components to functional components with custom hooks
• Better swipe handling - Improved touch gestures and thumbnail swiping
• Smaller bundle - ~14KB gzipped (JS + CSS)

⚠️ Breaking Changes

• Requires React 16.0.0+
• Requires Node.js 18.18+
• Removed SCSS source files (CSS only now)
• Internal component structure changed (if you were importing internals)

📦 Migration

// Before (v1.x)
import ImageGallery from 'react-image-gallery';
import 'react-image-gallery/styles/css/image-gallery.css';

// After (v2.0) - CSS auto-injects!
import ImageGallery from 'react-image-gallery';