Skip to content

[BUG]: Missing component imports in easemotion.css entry point and minified bundle#1470

Open
Dharm3112 wants to merge 1 commit into
SAPTARSHI-coder:mainfrom
Dharm3112:main
Open

[BUG]: Missing component imports in easemotion.css entry point and minified bundle#1470
Dharm3112 wants to merge 1 commit into
SAPTARSHI-coder:mainfrom
Dharm3112:main

Conversation

@Dharm3112
Copy link
Copy Markdown

Pull Request Description

This PR submits a showcase and verification demo for the four framework components (`chip.css`, `footer.css`, `scroll-progress.css`, and  `sidebar.css`) that are currently present in the `components/` directory but missing from the main `easemotion.css` entry file and compiled  bundles.

Type of Change

- [ ] ✨ New animation / hover effect
- [ ] 🧩 New component
- [ ] [x] Documentation improvement
- [ ] [x] Bug fix in an existing submission
- [x] Other: Verification showcase and framework bug documentation

Submission Checklist

- [x] All changes are inside `submissions/examples/missing-components-showcase/`
- [x] Includes `demo.html` — self-contained, opens in browser with no server
- [x] Includes `style.css` — raw CSS for the proposed feature
- [x] Includes `README.md` — what it does, how to use it, why it fits EaseMotion CSS
- [x] **No changes to `core/`**
- [x] **No changes to `components/`**
- [x] One feature per PR (no bundled unrelated changes)

Feature Description

What does this add?

This submission adds a verification and feature showcase for the missing components (Chip, Footer, Scroll Progress, and Sidebar) to prove their functionality and demonstrate how they behave when loaded into a cohesive dashboard layout.

How does a developer use it?

    <!-- Scroll Progress: -->
    <div class="ease-scroll-progress ease-scroll-progress-root"></div>

    <!-- Multi-select Chip Group: -->
    <div class="ease-chip-group">
      <label>
        <input type="checkbox">
        <span class="ease-chip">Label</span>
      </label>
    </div>

    <!-- Footer Component: -->
    <footer class="ease-footer">
      <div class="ease-footer-grid">...</div>
    </footer>

Why does it fit EaseMotion CSS?

  It acts as a complete, unified layout demonstration for these built-in components and helps ensure that they are successfully integrated into the core package imports.
──────
## Demo

[✓] Demo added ( demo.html  works by opening directly in a browser)

──────
## Browser Testing

  [✓] Chrome
  [✓] Firefox
  [✓] Edge
  [✓] Safari
──────

## Notes for Maintainer

  This showcase demonstrates that all four components ( chip.css ,  footer.css ,  scroll-progress.css , and  sidebar.css ) are fully functional. To resolve the root issue, these stylesheets just need to be imported in the main  easemotion.css  entry file:

    @import "./components/chip.css";
    @import "./components/footer.css";
    @import "./components/scroll-progress.css";
    @import "./components/sidebar.css";

  Once added there, they will automatically compile into  easemotion min.css  during the next release build.

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Jun 5, 2026

📊 CSS Bundle Size Benchmark

This PR changes the size of easemotion.min.css.

Metric Base Branch This PR Difference
Raw 47.43 KB 47.45 KB 📈 +0.02 KB
Gzip 8.34 KB 8.35 KB 📈 +0.01 KB
Brotli 7.13 KB 7.16 KB 📈 +0.03 KB

@github-actions github-actions Bot added documentation Improvements or additions to documentation contribution core labels Jun 5, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

contribution core documentation Improvements or additions to documentation

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant