Verify component theme next attributes, update spec and enable snapshot

[origami-z]

Below components which has corner radius added. This is prerequisite for making SaltProviderNext stable

Theme next

• (Assumed) new color palette
• Corner
• Accent (teal/blue)
• Heading font
• Action font

Need to verify they are defined in Figma spec, updated in Figma Salt (Next) library. Confirm code parity.

• Update Figma component spec
• Update Figma (Next) library
• Update Corner token description (Figma)
• Update Corner token description (code)
• Create an issue to track Curve on Salt site foundation page

In code - https://storybook.saltdesignsystem.com/?path=/docs/experimental-theme-next--docs

In Figma - https://www.figma.com/design/qXEHyJjOEiPMHkrnvuV8xk/Salt-2-Border-radius?node-id=1307-9257&t=7cli6F5LR8CuGWnT-1

Existing components

Preview Give feedback

1. Checkbox
2. Pill
3. Switch (thumb)
4. Toggle Button
5. Button (Skip, leave to last)
6. Switch (track)
7. Toggle Button Group
8. Tooltip
9. Banner
10. Card
11. Dialog
12. File drop zone
13. Overlay
14. Panel
15. Toast
16. Avatar
17. Badge

Stretch goal

Preview Give feedback

1. Dropdown / Combo Box Bordered form controls #3456
2. Input (bordered)
3. List
4. Menu
5. Date Picker Calendar Update calendar styles applied in theme next when accent is teal #3530

[mark-tate]

Zazu Goal: L(11)

• Border to be done by Darrin
• Shadow to be done by Ben
• By EOS we want to remove the unstable tag from Salt 2

[mark-tate]

SoS Raised A Question:
@bhoppers2008 this story does not appear to be progressing ?
What is the new date for Salt 2 to become stable ?

[mark-tate]

Goal Complete all verification by EOS
Focus on corner to create a point of reference
Will require other styling options to be moved to a future sprint task (create issues for that work, broken down by styling option, if possible)

[navkaur76]

9th July - attributes kick-off meeting w/ Zhihao + Darrin. Outcome: Nav to prioritise + update figma component specs for corner attributes across existing components, Darrin to take a look at the stretch goal components (prioritise dropdown/combo box and menu for Pepper team).

[navkaur76]

17 Jul - components using corner radiuses verified in both design + code. Latest source of reference for design can be found in Border radius file.

[navkaur76]

This ticket (3536) to be closed, and instead split into additional tickets to track the remaining theme Next attribute verification work. Refer to tickets #3834, #3835, #3836 and #3837.

[navkaur76]

Closing ticket due to comment above.