Header: Primary Buttons on a toolbar in a header not styling correctly

[Sovia]

Describe the bug
The "btn-primary" is not styling a button in a toolbar in a header. For just a btn-primary in a flex toolbar, the buttons appear as filled in blue buttons:

However, if this toolbar is inside of a header, then the styling is not added to the buttons:

It would be nice if there was primary stylings on the buttons in the header toolbar, and that they would work nicely when the color is personalized on the header as well.

Also, the icon only button icon seems to be a gray icon instead of a white icon.

Steps to reproduce the behavior:

1. Copy test-toolbar-primary-buttons.zip into the codebase /app/views/components/header
2. Navigate to /components/header/test-toolbar-primary-buttons.html in the web browser
3. See error

Use Case

• up to developer but for actions to stand out such as approve or reject

Questions

• what do with colors (could make it white instead or opposite contrast color
• fix all primary button types

Expected behavior
There is correct primary button styling on the buttons with btn-primary.

Version

• ids-enterprise: 4.95.0

Platform

• Infor Application/Team Name: Landmark UI
• All devices and platforms

[tmcconechy]

I dont believe we ever supported primary buttons in the toolbar. Especially multiple does not make sense. But will review with design.

[Sovia]

The multiple was for testing, our use case will only have one per toolbar.