Support actions in the header section of the header card

[agubler]

Type: feature

The following has been addressed in the PR:

• [ ] There is a related issue
• [ ] All code matches the style guide
• [ ] Unit tests are included in the PR
• [ ] For new widgets, an entry has been added to the .dojorc
• [ ] For new widgets, theme.variant() is added to the root domnode
• [ ] Any widget variant uses theme.compose like this
• [ ] WidgetProperties are exported

Description:

Adds support for aligning "actions" on the right of a header in the card. This has only been added to the header-card which is the card to use if you want support with the header layout.

[vercel[bot]]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployments, click below or on the icon next to each commit.

widget-test-docs – ./

🔍 Inspect: https://vercel.com/dojo/widget-test-docs/r97uupsg9
✅ Preview: https://widget-test-docs-git-fork-agubler-header-action.dojo1.vercel.app

dojo.widgets – ./

🔍 Inspect: https://vercel.com/dojo/dojowidgets/pklatvike
✅ Preview: https://dojowidgets-git-fork-agubler-header-action.dojo1.vercel.app

[codecov[bot]]

Codecov Report

Merging #1663 (94d20c6) into master (26b0290) will increase coverage by 0.00%. The diff coverage is 100.00%.

@@           Coverage Diff           @@
##           master    #1663   +/-   ##
=======================================
  Coverage   89.90%   89.90%           
=======================================
  Files          94       94           
  Lines        4922     4923    +1     
  Branches     1330     1331    +1     
=======================================
+ Hits         4425     4426    +1     
  Misses        247      247           
  Partials      250      250           

Impacted Files	Coverage Δ
src/header-card/index.tsx	100.00% <100.00%> (ø)

---

Continue to review full report at Codecov.

Legend - Click here to learn more Δ = absolute <relative> (impact), ø = not affected, ? = missing data Powered by Codecov. Last update 26b0290...94d20c6. Read the comment docs.

[agubler]

@tomdye some questions that have arisen when working on on the header actions?

• Why is there a minimum width for buttons in the dojo theme?
• Why is there a minimum width for list/menu items in material? It looks like it comes from the material theme
• If there is a minimum width on list items, for popup menu's should we be able to support aligning the popup to the right or of the trigger instead of the left?