salt-ds icon indicating copy to clipboard operation
salt-ds copied to clipboard

Published 20 hours ago • verified publisher icon jpmorganchase

Colored / Status Button

Open origami-z opened this issue 10 months ago • 7 comments

Added colored / status option to button, for both current and theme next

origami-z avatar Apr 26 '24 10:04 origami-z

Updated est. sprint

origami-z avatar May 23 '24 14:05 origami-z

Need to ensure adequate time at the start of the sprint to:

  • agree token/variable naming in line with changes to actionable characteristic documented in #3325
  • update variables in Salt (Next) Style library
  • update styles in Salt Light mode library
  • update styles in Salt Dark mode library

pseys avatar Jun 24 '24 10:06 pseys

The intention is to provide 3 colored status buttons:

  • red negative using the negative characteristic
  • green positive using the positive characteristic
  • orange warning using the warning characteristic

These will follow accent and neutral (default) and will be available in 3 'appearances':

  • solid
  • outline
  • transparent

pseys avatar Jun 27 '24 14:06 pseys

All required tokens have been mapped, documented and agreed with @origami-z

Next steps:

  • Update variables in Salt (Next) Styles library
  • Update Salt Button spec in Figma to document token usage for 3x3 new Button variants.
  • Update button Figma component in Salt (Next) Component library

pseys avatar Jun 27 '24 16:06 pseys

Extend to Cappuccino, given #3325 is delayed

origami-z avatar Jul 04 '24 08:07 origami-z

Moved to Cortado given sprint priorities.

bhoppers2008 avatar Jul 07 '24 18:07 bhoppers2008

Work overlaps with Bordered Buttons, Paul combining effort

mark-tate avatar Jul 22 '24 13:07 mark-tate

Cortado Goal: Close with other bordered button work

mark-tate avatar Aug 06 '24 13:08 mark-tate

Aug 12 - blocked by #3325

origami-z avatar Aug 12 '24 13:08 origami-z

Will be released by 13th September

mark-tate avatar Sep 02 '24 13:09 mark-tate

  • Button spec complete
  • Token spec complete, including Next and Legacy token values
  • Salt (Next) Styles Library updated and published
  • Salt (Next) Component and Pattern Library updated, merged and ready to be published.

pseys avatar Sep 06 '24 18:09 pseys

  • Salt Theme Characteristics file updated
  • Salt Light Mode styles library updated and published
  • Salt Dark Mode styles library updated and published

Still to do:

  • Update Salt Light Components library with new styles
  • Update Salt Dark Components library with new styles

pseys avatar Sep 06 '24 20:09 pseys

All supporting Figma files and libraries have been updated now and are ready to publish.

pseys avatar Sep 09 '24 16:09 pseys