Shopify/polaris-tokens

Yellow base misnamed?

nwtn opened this issue · 7 comments

nwtn commented

Right now, in the Design tokens DSM library, in the Yellow palette, the base color is named Yellow (https://shopify.invisionapp.com/dsm/shopify/design-tokens/asset/colors/5ad148717ae4bf00118244be). In all the other single-color palettes, the base color is named Base (https://shopify.invisionapp.com/dsm/shopify/design-tokens/asset/colors/5ad14962303d7f0011726221).

I didn’t want to rename without checking, in case there was a reason for this.

Good catch, seems like a mistake - @sarahill can you confirm?

Ah yea, that's kind of a weird one. You're right that all of the single colors use Base except Yellow but the Polaris colors use the color name [Red, Teal, etc.] instead of Base. I remember updating that previously for the Polaris colors group.

Do you think it's worth using the same pattern for the individual colors? I believe we did something in the code so that it outputs base in the tokens but displays the color name elsewhere. @kaelig @nwtn

screen shot 2018-09-25 at 4 38 14 pm

Sounds good, that's your call :) polaris-tokens is here to adapt to whatever works best for designers – and will bridge the gap with developers.

Note: right now, developers can invariably write color('yellow') and color('yellow', 'base'). But typically they use the shorthand version color('yellow').

@sarahill can you decide on a course of action for the naming convention? As long as it's consistent, I'm good with whatever works best for you and other designers.

@kaelig Let's use the color names in place of Base for all colors

Sounds good! @HYPD I assigned this to you so you'd get pinged - let's pair on it together so I can walk you through the whole editing and release process with a real-world use-case 🚢

I went through the palettes and fixed it - Will have a pairing session with Dan separately to run him through how importing tokens and publishing this project works.