Laper 0.4.1 - Design System Refinement

Laper 0.4.1 - Design System Refinement

This release focuses on design system consistency, unifying typography across all components and streamlining the toolbar experience for a cleaner interface.

Typography Unification

Button & SegmentedControl Alignment

Consistent font sizing across interactive components:

Button Small

• Font size: text-xs → text-sm (14px)
• Improved readability for compact buttons

SegmentedControl

• Migrated from inline styles to Tailwind classes
• Now uses text-sm font-medium for consistency
• Proper squircle corner inheritance via rounded-2xl

Panel Headers

All dimension titles now use unified typography:

• PanelHeader: text-lg → text-base font-normal
• CharacterHeader: text-sm font-medium → text-base font-normal
• CountBadge: Consistent text-base font-normal

Toolbar Streamlining

Simplified Actions

Temporarily hidden less-used buttons for cleaner interface:

• Filter buttons: Hidden across all table views
• Export buttons: Hidden across all table views

Affected views:

• SceneListView
• StoryboardSheetView
• ScoutSheetView
• ArtPropsSheetView
• CastingDirectorView
• ShotPanelView

Display Button Consistency

All Display buttons now use the same icon:

• Unified to FilterHorizontal icon (previously mixed with Settings02)
• Consistent 16px size across all toolbars

Icon System Update

Size Standardization

Following SidebarButton specifications:

• All toolbar icons: 20px → 16px
• InfoRow icons: 20px → 16px
• Action list icons: 20px → 16px

Color Refinement

• Icon color: text-muted-foreground/50 → text-muted-foreground
• Better contrast and visibility

Component Exports

Switch Component

Added Switch to @shared/ui exports:

// Now available from unified import
import { Switch } from '@shared/ui';

What's Changed

Files Modified

• Button/constants.js - SIZE_CONFIG small text-sm
• SegmentedControl/index.jsx - Tailwind class migration
• PanelHeader/index.jsx - Typography update
• CharacterHeader.jsx - Typography update
• Multiple table views - Filter/Export button hiding
• BeatArrangement/index.jsx - Icon fix
• ui/index.js - Switch export

Note: All changes are backward compatible. No breaking changes to existing functionality.