Building components: Selectables

[marinalinn]

General objective:
Update Selectable components with autolayout and check how those are being affected by the new Spacing and Typography definitions.

Specific objectives:

• To deliver a product aligned with the standards required.
• To align our direct users experience.
• To check how Selectables are affected by the new Spacing Typography foundations.

Outcome:
A Figma file with updated components (based on Storybook):

• Labels
• Lists item
• Breadcrumbs
• Icon button
• Pagination
• Switch
• Chips

---

• Buttons
• Autocomplete
• Search
• Text field
• Menu item
• Tabs item

Owner: @marinalinn

[marinalinn]

After a meeting with @vnys and @BirteThornquist on Wednesday 3rd, July we agreed few things about this task:

• Format: we will have one component per page on the files.
• Communication: we will have an internal file with details about reviews, context, intro, and documentation specs and external file very clean, only with the selectable component.
• Structure: the structure in both, internal and external, is different. Internal should show the content on the pages from selectable to more complex components, while External should cover the classic categories we used based on interactions.
• Internal communication: we will keep the structure that we have been using in Spacing & Typography for the file as for the internal communication where we use a specific plugin for notes and Figma comments.