feat(themes): expose centered layout

[ronalduQualabs]

Resolves Issue 1174 by:

• Add to the centered-chrome

the part centered-layout in both classic and gerwig themes.
• Exposed this centered-layout element for styling and customization.

Usage:

Add style to remove filter to centered-layer children as

mux-player::part(centered-layer) { filter: none; }

[vercel]

@ronalduQualabs is attempting to deploy a commit to the Mux Team on Vercel.

A member of the Team first needs to authorize it.

[snyk-io]

✅ Snyk checks have passed. No issues have been found so far.

Status	Scanner	Critical	High	Medium	Low	Total (0)
✅	Licenses	0	0	0	0	0 issues
✅	Open Source Security	0	0	0	0	0 issues

💻 Catch issues earlier using the plugins for VS Code, JetBrains IDEs, Visual Studio, and Eclipse.

[luwes]

this should be reverted.

the exportparts goes on the web component which has the shadow dom which contains the CSS part so for this case it's the media-controller element but as you can see it already exports centered-layer.

maybe it's not exported on media-theme ?

[ronalduQualabs]

I revert those changes and move the filter property to the button so the reporter can use to

mux-player::part(center play button) { shadow: none; filter: none; }

to remove the filter (shadow) to the button

[luwes]

needs a correct css part export

[luwes]

revert as well

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 70.77%. Comparing base (75451bb) to head (8cedf2f).
⚠️ Report is 14 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #1183      +/-   ##
==========================================
+ Coverage   70.73%   70.77%   +0.04%     
==========================================
  Files          37       37              
  Lines        6676     6683       +7     
  Branches      498      501       +3     
==========================================
+ Hits         4722     4730       +8     
+ Misses       1951     1949       -2     
- Partials        3        4       +1     

see 5 files with indirect coverage changes

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[luwes]

The center controls also have other buttons besides the play button so this won't work properly yet. Could you check if media-theme is exporting that css part already?

[luwes]

LGTM