Explore

Local Design System Releases

03.19.24

v1.4

New “Expression” core colors and tokens have been added

Core Colors

Brand/Yellow-30

Brand/Pink-75

Semantic Tokens (bg-expression-1-bold, bg-expression-1, bg-expression-1-subtle, etc)

⁠

⁠

03.01.24

v1.3.1

⁠

⁠

Cuisine Chips/Icons⁠

for new Explore page are complete!

Local brand coming to life!

Assets should be exported as PNG (not SVG as they are too detailed/large)

⁠

Iconography library⁠

bug fixes

Scaling within nested components is now fixed

Additional icon keywords added

⁠

Additional List components⁠

added to support Order Confirmation updates

⁠

02.22.24

v1.3

⁠

Iconography library⁠

is finally live!

A selected library sourced from Buffet, with modified color tokens

Smart scaling system for designers built-in (icon wrapper)

Keywords for icons are included in the asset properties, which helps findability for all

Some icons now have included variants where it makes sense

New core color, Green-75 (#006C61 ) and semantic token (bg-promo-1) have been added

Updates continue to beta

Card Components⁠

⁠

02.13.24

v1.2

⁠

“Label/Promo Link”⁠

text style added for “Sponsored” content link

⁠

Beta versions of Explore components⁠

added:

Explore Header

Cuisine Carousel (with new illustrations)

Filter chips

⁠

Segmented Nav⁠

component updated

⁠

Input field components⁠

design complete

⁠

Card components⁠

in beta

Order Again Card and Carousel

Rx Card (Lg)

Rx Card (Sm)

Order Confirmation Reward Summary

Partner Promo Card

Order Tracking

⁠

01.08.24

v1.1.5

“Body/Link”, “Subtext/Link” and “Label/Link” text styles added for text hyperlinks

Added 0px value tokens (”none”) for spacing/padding, border-radius, and border-width for easier selection in Figma and clearer coding syntax,

Added beta versions of rebranded app cart components and Tip Selector

Chevron component from Buffet pulled into Consumer design system and modified for easier access

General organizational cleanup

⁠

12.18.23

v1.1.4

⁠

Quantity Counter⁠

components added: Quick Add and Counter

One core color added to support Quick Add buttons:

Neutral-0, 80% (blurred background)

One semantic token added to support Quick Add buttons:

bg-overlay-icon

⁠

12.8.23

v1.1.3

Three core colors

added⁠

Teal-80

Teal-50

Teal-00

Articulation for Teal Gradient added

⁠

Celebratory Header component⁠

updated with new Teal Gradient

Border Width variables are now supported by Figma!

Added border-width/small token for our standard thin borders (1px)

Added border-width/medium token for selected areas (2px)

Added border-width/large token for thick separators (4px)

⁠

11.13.23

v1.1.2

Official “

Powered by Toast⁠

” bug/pill added for footer areas

Beta header components updated:

Narrowed choices to one section header

Ability to add multiple buttons/icons in header

⁠

11.3.23

v1.1.1

• Beta sheet components updated with some new states:

Hero image

Paragraph/text block

Secondary CTA option

⁠

11.2.23

v1.1

⁠

Official Color palette⁠

finalized

New disabled state core colors and semantics added

New visual table for colors added

⁠

Official Typography scale⁠

finalized

General file organizational updates

Button component disabled states use updated semantic tokens

⁠

⁠

10.30.23

v1.0.5

Bug fix

v1.0.4

BETA COMPONENTS added for pressure testing

Headers, Sheets, and Modals

⁠

10.27.23

v1.0.3

BIG UPDATE: New Type scale introduced, streamlining naming and eliminating unnecessary styles

New color primitive “Neutral-100, 40%” introduced (for overlays)

New color semantic “surface-overlay” introduced (for overlays)

Border radius semantic “full” changed to “capsule” for engineering clarity (standard on iOS)

General file organizational updates

⁠

10.13.23

v1.0.2

New Primitive added (Foundations/Neutral-70)

New Color Semantics:

“text-secondary” has been replaced with updated color to meet AA contrast standard (Foundations/Neutural-70)

“icon-secondary” has been replaced to match “text-secondary” (Foundations/Neutral-70)

“border-pressed” added for pressed states of buttons

Pressed icon state updated on button component

⁠

10.11.23

v1.0.1

Auto-layout bug on one instance of button CTA is fixed

New Primitive added (Foundations/Neutral-25)

New Color Semantics:

“text-secondary” has been replaced with updated color to meet AA contrast standard (Foundations/Neutural-70)

“icon-secondary” has been replaced to match “text-secondary” (Foundations/Neutral-70)

“border-pressed” added for pressed states of buttons

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.