[Enhancement] Button attention levels

[henrikvoetmand]

Please add a short description of your enhancement request
We want to simplify the use of button attention levels.

Describe the solution you'd like

• Reduce the amount of attention levels from 4 to 3.
• Make the levels visual identical for "light" background (on canvas) and "white" background (on card).
• Simplify the Cookbook-button page (Remove "Destructive button section and Remove "Toggle button section)

Describe alternatives you've considered
Leave the attentions levels As-Is - hard to use and understand.

Additional context

Tasks

Kick Off:

• Ensure the enhancement is UX refined and aligned with UX
  The component and/or enhancement should be published and available in the Kirby Styleguide on Zeplin
• Ensure the enhancement has been Tech refined with @kirbydesign/kirby-guild and this issue is updated with a clear implementation description
  This issue should be in the Ready to do column of the Kirby kan-ban board before starting implementation)
• Assign yourself to this issue and move it to the In progress column of the Kirby kan-ban board

Code:

• Create Feature Branch from master branch
• Create a draft implementation and push to Github
• Ask a member of @kirbydesign/kirby-guild for a WIP review by creating a draft Pull Request
• Implement unit tests
• Update Cookbook Examples and Showcase, i.e. see Radio
  Also remember to add any relevant new API documentation

Review:

• UX review:
  • Ensure implementation is correct in relation to the UX design and the Kirby Styleguide on Zeplin
  • With UX agree on the version of the implementation
• Code review:
  • Open a pull request (or mark the existing draft PR as Ready for review) and ask @kirbydesign/kirby-guild for a review
    Remember to add closes #issueno to the description of the PR.
  • Once approved, merge feature branch/PR to master
• Ask a member of @kirbydesign/kirby-guild to add a link to component showcase from Kirby Component Status and update the version number

🎉 Celebrate

[henrikvoetmand]

Tech refinement:

• Search and replace "AttnLvl2" -> "AttnLvl3"
• Ask UX to define where the black AttnLvl 2 is used by design
• Consider major version of Kirby - due to visual breaking change
• Inform UX about the scedule for this enhancement.
• Consider how to handle AttnLvl4 in other components

[RasmusKjeldgaard]

A couple of small additions:
Ask UX first about the black AttnLvl 2 buttons, then search and replace all other instances than those. They should remain attention level 2.

W.r.t. the last point about AttnLvl 4: AttnLvl 4 should no longer be part of the external API, so internally we could instead look at the context of the button and style it accordingly.

[stale]

This issue has been automatically marked as stale because of no recent activity. It will be closed in 10 weeks if no further activity occurs. Thank you for your contributions.