Primary stroke (BORDER) colorS not linked to style or token

[disent]

https://drive.google.com/file/d/1wPf07x ... drive_link Please see attached screenshot - is this an oversight in the file or am I missing something? the border styles have been defined in colour section and via Token studio for Figma plugin but many border colors are not retaining overrides because they are not linked to their respective styles. Do I need to manually do this myself or am i missing something here?

[disent]

the same issue is in the dark-primeone figma file https://drive.google.com/file/d/1-mmnLZ ... sp=sharing

[w00f]

Hi,

Please check the Inspect panel of Tokens Studio while selecting the Button or any other element you're styling. You'll see the border tokens there. You'll need to change these Tokens to style the element's border.

https://www.dropbox.com/s/9fr0b8wamk4px ... 1.png?dl=0

You're seeing the raw values because connecting tokens to Styles is a Pro feature of Tokens Studio, and we don't want PrimeOne users to have to purchase Pro when using the Tokens feature.

https://docs.tokens.studio/styles/non-local-styles

I hope it was helpful. Feel free to write if your problem persists or if you need help with anything else.

Best regards,

[disent]

Thanks w00f i appreciate your speedy responses

[disent]

Hi,

Please check the Inspect panel of Tokens Studio while selecting the Button or any other element you're styling. You'll see the border tokens there. You'll need to change these Tokens to style the element's border.

https://www.dropbox.com/s/9fr0b8wamk4px ... 1.png?dl=0

You're seeing the raw values because connecting tokens to Styles is a Pro feature of Tokens Studio, and we don't want PrimeOne users to have to purchase Pro when using the Tokens feature.

https://docs.tokens.studio/styles/non-local-styles

I hope it was helpful. Feel free to write if your problem persists or if you need help with anything else.

Best regards,

Is there a list of the tokens I need to manually remap like this? I've only started to edit colour styles so havent found any of the other sync issues

[disent]

Hi,

Please check the Inspect panel of Tokens Studio while selecting the Button or any other element you're styling. You'll see the border tokens there. You'll need to change these Tokens to style the element's border.

https://www.dropbox.com/s/9fr0b8wamk4px ... 1.png?dl=0

You're seeing the raw values because connecting tokens to Styles is a Pro feature of Tokens Studio, and we don't want PrimeOne users to have to purchase Pro when using the Tokens feature.

https://docs.tokens.studio/styles/non-local-styles

I hope it was helpful. Feel free to write if your problem persists or if you need help with anything else.

Best regards,

Can you please explain why this approach doesnt work with the local style Focused-ring? I had to change the style locally and it's not synced or linked to the token studio inspect panel like the stroke / border is

https://drive.google.com/file/d/1hnS598 ... sp=sharing

[w00f]

Hi disent,

The current version of the UI Kit is using Figma styles for colors, typography, and shadow values. This is presented as Applied Style in the inspect panel of your Tokens Studio. On the other hand, border tokens are linked not as Applied Style, but directly via Tokens Studio. While using the current version, we recommend that you design considering this information.

We are now working on an update where all these values will be linked from the Tokens Studio. With this new version, we will share documentations related to best practices on the Getting Started page.

Thank you for your feedback.

Best regards,