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
(14px)text-sm - Improved readability for compact buttons
SegmentedControl
- Migrated from inline styles to Tailwind classes
- Now uses
for consistencytext-sm font-medium - Proper squircle corner inheritance via
rounded-2xl
Panel Headers
All dimension titles now use unified typography:
- PanelHeader:
→text-lgtext-base font-normal - CharacterHeader:
→text-sm font-mediumtext-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
icon (previously mixed with Settings02)FilterHorizontal - 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/50text-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
- SIZE_CONFIG small text-smButton/constants.js
- Tailwind class migrationSegmentedControl/index.jsx
- Typography updatePanelHeader/index.jsx
- Typography updateCharacterHeader.jsx- Multiple table views - Filter/Export button hiding
- Icon fixBeatArrangement/index.jsx
- Switch exportui/index.js
Note: All changes are backward compatible. No breaking changes to existing functionality.