feat(ui): add StreamSkeletonLoading and StreamSkeletonBox components#79
feat(ui): add StreamSkeletonLoading and StreamSkeletonBox components#79xsahil03x merged 1 commit intomain-design-systemfrom
Conversation
xsahil03x
commented
Mar 19, 2026
Add shimmer-based skeleton loading components using the `shimmer` package. StreamSkeletonLoading wraps children with an animated shimmer effect, while StreamSkeletonBox provides shaped placeholder boxes (rectangle or circular). - Add StreamSkeletonLoadingThemeData for theming base/highlight colors and period - Derive shimmer direction from ambient Directionality (LTR/RTL) - Use brightness-aware defaults (backgroundSurfaceStrong base, white20 highlight for light, chrome[0] for dark) instead of Figma overlay tokens - Remove unused skeletonLoadingBase/Highlight from StreamColorScheme and tokens - Add StreamSkeletonBox with .circular factory constructor - Add Widgetbook playground, showcase (message, list, image, enabled/disabled) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
|
Important Review skippedAuto reviews are disabled on base/target branches other than the default branch. Please check the settings in the CodeRabbit UI or the ⚙️ Run configurationConfiguration used: defaults Review profile: CHILL Plan: Pro Run ID: You can disable this status message by setting the Use the checkbox below for a quick retry:
✨ Finishing Touches🧪 Generate unit tests (beta)
📝 Coding Plan
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
Codecov Report❌ Patch coverage is ❌ Your patch status has failed because the patch coverage (1.88%) is below the target coverage (80.00%). You can increase the patch coverage or adjust the target coverage. Additional details and impacted files@@ Coverage Diff @@
## main-design-system #79 +/- ##
=====================================================
Coverage ? 28.47%
=====================================================
Files ? 137
Lines ? 4555
Branches ? 0
=====================================================
Hits ? 1297
Misses ? 3258
Partials ? 0 ☔ View full report in Codecov by Sentry. 🚀 New features to boost your workflow:
|