Skip to content

feat(ui): add StreamSkeletonLoading and StreamSkeletonBox components#79

Merged
xsahil03x merged 1 commit intomain-design-systemfrom
feat/StreamShimmer
Mar 20, 2026
Merged

feat(ui): add StreamSkeletonLoading and StreamSkeletonBox components#79
xsahil03x merged 1 commit intomain-design-systemfrom
feat/StreamShimmer

Conversation

@xsahil03x
Copy link
Member

Screenshot 2026-03-19 at 21 01 44

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>
@xsahil03x xsahil03x requested a review from a team as a code owner March 19, 2026 15:32
@coderabbitai
Copy link

coderabbitai bot commented Mar 19, 2026

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 0e5bf4ac-daf1-43ee-8864-dc081178be93

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch feat/StreamShimmer
📝 Coding Plan
  • Generate coding plan for human review comments

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.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@codecov
Copy link

codecov bot commented Mar 19, 2026

Codecov Report

❌ Patch coverage is 1.88679% with 52 lines in your changes missing coverage. Please review.
⚠️ Please upload report for BASE (main-design-system@5a7f44c). Learn more about missing BASE report.

Files with missing lines Patch % Lines
...src/components/common/stream_skeleton_loading.dart 0.00% 40 Missing ⚠️
...heme/components/stream_skeleton_loading_theme.dart 9.09% 10 Missing ⚠️
...tream_core_flutter/lib/src/theme/stream_theme.dart 0.00% 1 Missing ⚠️
...flutter/lib/src/theme/stream_theme_extensions.dart 0.00% 1 Missing ⚠️

❌ 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.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.

@xsahil03x xsahil03x merged commit cd48ab5 into main-design-system Mar 20, 2026
3 of 4 checks passed
@xsahil03x xsahil03x deleted the feat/StreamShimmer branch March 20, 2026 08:31
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants