Update Button component to use new styles

[pseys]

New variables have been added to the Salt (next) styles library to accommodate Bordered Button.

• The button component needs to be updated to use the new variables.
• appearance and color props needs to be added to Button
• appearance: solid | outline | transparent color: neutral | accent need to be added to Button

Figma implementation of #3325

Tasks

Preview Give feedback

1. Update Salt Theme Characteristics file in Figma
2. Update Light mode library
3. Update Dark mode library
4. Update Light components library
5. Update Dark components library
6. Update Salt (Next) Styles library
7. Update Salt (Next) Components and Patterns Library
8. Update Pill styles in Salt (Next) Components #3889
   Figma role: design 🎨 +2
   
9. Update Toggle Button in Salt (Next) Components #3890
   Figma role: design 🎨 +2
   

[pseys]

For the updated Button component I think the least disruptive solution is to do the following:

• Change cta button to accent button
  -- Add appearance as a prop with 3 options solid (as default), outline and transparent
• Change primary button to neutral button
  -- Add appearance as a prop with 3 options solid (as default), outline and transparent

TBC

• Change all instances of secondary button across the component library to use neutral button set to transparent
• Remove secondary button

[mark-tate]

Goal: S(3)
Figma published, tokens ready by 25/06/24
Dev work to start 26/06/24

[pseys]

The button component is complete and ready to publish, however, I need to check through all of the components it is dependent on and change any references to cta|primary|secondary

[joshwooding]

Blocked by #3325

[pseys]

The theme spec for #3325 is complete and has been handed over to development. I'm now able to start mapping the new tokens to the legacy and next style libraries so the Button components can be updated.

[pseys]

In the process of updating the Theme Characteristics file. Palette tokens have been updated.

[pseys]

Theme Characteristics file updated.

[pseys]

Salt (Next) Style Library updated in branch. Branch has been merged. Update has been published.

[mark-tate]

Goal: more examples added to Storybook
Close out by EOS

[pseys]

Salt (next) Component and Pattern Library updated. Branch has been merged but not published.

[pseys]

Light and dark mode library changes in progress. Branches match the title of this issue.

[mark-tate]

@navkaur76 are you able to review this for @pseys ?