0.7.0

[0.7.0] - 2025-11-08

Added

• Responsive Breakpoints: Standardized breakpoint system across all components
  • Added design tokens for breakpoints (640px tablet, 768px desktop, 1024px desktop-wide)
  • Comprehensive Storybook documentation with interactive demos
  • Live viewport width indicators for testing responsive behavior
  • ChatGPT Desktop widget strategy (768px width optimization)

Fixed

• SummaryCard: Button skeleton width now responsive in loading states
  • Use CSS custom property (--button-skeleton-width) for dynamic width calculation
  • Calculate width based on button text length (min 88px, max 200px)
  • Preserve media query behavior for responsive breakpoints
  • Loading state buttons now match data state widths at all breakpoints

Changed

• Responsive Breakpoints: Standardized media queries across components
  • List component: 640px (ensures desktop layout at 768px ChatGPT widget width)
  • Card/SummaryCard/Album: 768px (button auto-width at ChatGPT widget size)
  • FullscreenMap: 1024px (sidebar only on wide screens)
  • All breakpoints use hardcoded px values with inline comments
  • Design tokens serve as documentation reference

0.6.0

Fixed

• SummaryCard: Prevent layout shift during loading to data mode transition
  • Set explicit height on description skeleton wrapper to match description's rendered height
  • Normal mode: includes marginTop spacing (2px between lines)
  • Compact mode: accounts for webkit-line-clamp rendering difference (-2px adjustment)
  • Button skeleton width now matches actual button width for flat variant (auto-width 160px)

0.5.0

[0.5.0] - 2025-11-06

Added

• SummaryCard Enhancements:
  • Top overlay support with topOverlay prop and helper component
  • Configurable description lines with maxDescriptionLines prop
  • Loading skeleton states for better UX
  • Flat variant with edge-to-edge layout for immersive designs
• Map Component: Configurable scroll wheel zoom controls
• Carousel Component: Drag-free scrolling and trackpad support
• Typography System: Complete font weight token system with light variants

Changed

• Card Component: Reduced spacing for more compact design
• Card Loading UI: Improve loading UI to be responsive to smoothly transit to data state.
• SummaryCard: Consolidated DiscoveryCard functionality with improved structure

Fixed

• Pizza restaurant description and SummaryCard dimension adjustments

0.3.0

🎉 Release v0.3.0 Ready!
Version: 0.3.0
Tag: v0.3.0
Status: ✅ Built & Tagged

📊 Release Summary
Commits in this release:

1. e41a930 - chore: release v0.3.0
2. ece1f40 - feat: unify design tokens to use numeric keys throughout
3. c049d33 - feat: add useTheme hook for reactive theme detection
4. 2090e58 - docs: add TypeScript support section for ChatGPT Apps SDK types
5. ad37780 - fix: resolve React warning for aspectRatio prop on Card.Image

Issues Closed: #1, #2, #3, #4, #5, #6 Test Results:

• ✅ 548/548 tests passing
• ✅ TypeScript compiles without errors
• ✅ Build successful (1.26s)

Bundle Sizes:

• ESM: 300KB (gzipped: 81KB)
• CJS: 208KB (gzipped: 67KB)
• CSS: 96.7KB (gzipped: 18KB)