From e6f3cf7a22632e025cbf42bea823d60f4a8accfa Mon Sep 17 00:00:00 2001 From: Kaic Bastidas Date: Tue, 16 Jan 2024 16:36:04 +0000 Subject: [PATCH] feat: create new tokens --- packages/tokens/src/global/colors.ts | 32 ++++++++++++++++++++++++++++ packages/tokens/src/global/fonts.ts | 8 ++++++- 2 files changed, 39 insertions(+), 1 deletion(-) diff --git a/packages/tokens/src/global/colors.ts b/packages/tokens/src/global/colors.ts index 743d1bd38d..b3e5621509 100644 --- a/packages/tokens/src/global/colors.ts +++ b/packages/tokens/src/global/colors.ts @@ -2,31 +2,46 @@ const vibin = '#D8385E'; const hope = '#1D856C'; +const hopeNew = '#0C8046'; const energy = '#FFC24C'; const relax = '#5340C9'; +const relaxNew = '#A880FF'; +const neon = '#DCFF79'; +const sand = '#FBF8EC'; // Brand colors ↓ const peace = '#FFB0A7'; +const peaceNew = '#FFEBF1'; const verve = '#CA4808'; const brandingVerve = '#FF874C'; const uplift = '#FF4438'; +const upliftNew = '#D8385E'; const deepPurple = '#710252'; +const deepPurpleNew = '#590931'; const yoga = '#FFEEF2'; // Feedback ↓ const success = '#C1EEDB'; +const successNew = '#E3EFC3'; const neutral = '#E0DFFF'; +const neutralNew = '#EAE0FF'; const attention = '#FCD6C3'; // Gray scale ↓ const stamina = '#231B22'; +const staminaNew = '#1D1D1F'; const deep = '#6B6B78'; +const deepNew = '#57544D'; const medium = '#9898A6'; +const mediumNew = '#A6A298'; const light = '#D7D7E0'; +const lightNew = '#E1DED7'; +const lightest = '#EFEDE7'; const clear = '#F5F5FA'; +const clearNew = '#FAF9F5'; const white = '#FFFFFF'; const colors = { @@ -49,6 +64,23 @@ const colors = { light, clear, white, + + // New Colors + hopeNew, + relaxNew, + neon, + sand, + peaceNew, + upliftNew, + deepPurpleNew, + successNew, + neutralNew, + staminaNew, + deepNew, + mediumNew, + lightNew, + lightest, + clearNew, } as const; export default colors; diff --git a/packages/tokens/src/global/fonts.ts b/packages/tokens/src/global/fonts.ts index 75c16cbac5..3ca02b3f79 100644 --- a/packages/tokens/src/global/fonts.ts +++ b/packages/tokens/src/global/fonts.ts @@ -7,14 +7,20 @@ export interface Font { export interface Fonts { rubik?: Font; + inter?: Font; } const fontWeights = Object.values(weights); +const weight = [...fontWeights, ...fontWeights.map(value => `${value}i`)]; const fonts: Fonts = { rubik: { family: 'Rubik', - weight: [...fontWeights, ...fontWeights.map(value => `${value}i`)], + weight, + }, + inter: { + family: 'Inter', + weight, }, };