refactor(Button): use design tokens

[snorrekim]

• Use tokens in Button
• Add Carnegie theme
• Use new selected prop for icon button styling in HelpButton and DatePicker instead of custom styling.
• Use status="error" in Number instead of custom styling.
• Update styles for Autocomplete, DatePicker, Dropdown, HelpButton, Input, Pagination, Popover, Slider, Table, ToggleButton

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

[github-actions]

Branch Preview URL (stable):
https://feat-button-tokens.eufemia-e25.pages.dev

https://feat-button-tokens.eufemia-e25.pages.dev

Deployment URL (unique):
https://0c74d96b.eufemia-e25.pages.dev

https://0c74d96b.eufemia-e25.pages.dev

[langz]

Looking great 👍

[langz]

How can one verify that the correct tokens are used?
Like is the --token-color-component-button-* used here?

[pkg-pr-new]

• eufemia-starter

  yarn add https://pkg.pr.new/@dnb/eufemia@6916.tgz
  

commit: 4c5deb7

[langz]

@snorrekim, I did rebase with v11 and fixed this conflict deee171

Please be aware 🙏

[langz]

I did a new rebase now 🙏

[langz]

I saw there was more conflicts now.

I've done a new rebase with latest of v11 branch.

[langz]

🚀

[snorrekim]

I've added the following to the Carnegie slack document:

Tasks for future PRs:

.dnb-button--on-dark-background should be deprecated
should allow to set surface and deprecate darkBackground
should be renamed to
variant="signal" should be perhaps be deprecated
Add Carnegie badge to ready components in Portal side-menu.
remove on-dark-background classes
Thoughts:

Should input buttons be defined in button (.dnb-button__input-button) or input (.dnb-input__submit-button__button)? We should pick one.
Button has a lot of mixins that are no longer used by it, but it used by other components. We should figure out a strategy for gradually removing or refactoring them.
Unify design for hover/focus/active vs error status and input-button.
Should we remove empty theme files (Pagination)
Secondary button sometimes have transparency as background color. --btn-color-bg--disabled: transparent; or tokens with opacity. And that might not be the best for accessibility.