From f847c12b5d6b1104968a72838909adc452362c60 Mon Sep 17 00:00:00 2001
From: Doeun Kim <doeunnkimm@gmail.com>
Date: Thu, 18 Jul 2024 22:46:22 +0900
Subject: [PATCH] =?UTF-8?q?chore(sds):=20=EC=B6=94=EA=B0=80=EB=90=9C=20?=
 =?UTF-8?q?=EB=94=94=EC=9E=90=EC=9D=B8=20=ED=86=A0=ED=81=B0=20=EB=B0=98?=
 =?UTF-8?q?=EC=98=81=20(#62)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* chore: add color token

* chore: add size token
---
 packages/core/sds/src/theme/colors.ts | 44 +++++++++++++++++++++++++++
 packages/core/sds/src/theme/index.ts  |  1 +
 packages/core/sds/src/theme/size.ts   | 22 ++++++++++++++
 3 files changed, 67 insertions(+)
 create mode 100644 packages/core/sds/src/theme/size.ts

diff --git a/packages/core/sds/src/theme/colors.ts b/packages/core/sds/src/theme/colors.ts
index f0d2d483..eab5fd8c 100644
--- a/packages/core/sds/src/theme/colors.ts
+++ b/packages/core/sds/src/theme/colors.ts
@@ -9,4 +9,48 @@ export const colors = {
   grey300: '#EEEEEE',
   grey200: '#F5F5F5',
   grey100: '#F5F5F5',
+
+  primary900: '#7A1328',
+  primary800: '#931F2E',
+  primary700: '#B73238',
+  primary600: '#DB4E49',
+  primary500: '#FF7664',
+  primary400: '#FFA18A',
+  primary300: '#FFBBA2',
+  primary200: '#FFD7C1',
+  primary100: '#FFEDE0',
+  primary50: '#FFF6F0',
+
+  secondary900: '#487000',
+  secondary800: '#5B8800',
+  secondary700: '#75A900',
+  secondary600: '#92CA00',
+  secondary500: '#B0EB00',
+  secondary400: '#C9F33C',
+  secondary300: '#DBF963',
+  secondary200: '#EBFD97',
+  secondary100: '#F6FECB',
+  secondary50: '#FBFFE5',
+
+  tertiary900: '#241376',
+  tertiary800: '#36208E',
+  tertiary700: '#5033B1',
+  tertiary600: '#6E4BD3',
+  tertiary500: '#9067f6',
+  tertiary400: '#B294F7',
+  tertiary300: '#C2A4FC',
+  tertiary200: '#D9C3FE',
+  tertiary100: '#ECE0FE',
+  tertiary50: '#F6F0FF',
+
+  quaternary900: '#785911',
+  quaternary800: '#92701C',
+  quaternary700: '#B5922C',
+  quaternary600: '#D8B441',
+  quaternary500: '#FCD959',
+  quaternary400: '#FDE582',
+  quaternary300: '#FEED9B',
+  quaternary200: '#FEF4BC',
+  quaternary100: '#FEFADD',
+  quaternary50: '#FFFDEE',
 };
diff --git a/packages/core/sds/src/theme/index.ts b/packages/core/sds/src/theme/index.ts
index 7125a349..236dba13 100644
--- a/packages/core/sds/src/theme/index.ts
+++ b/packages/core/sds/src/theme/index.ts
@@ -2,3 +2,4 @@ export { borderRadius } from './borderRadius';
 export { colors } from './colors';
 export { opacity } from './opacity';
 export { shadow } from './shadow';
+export { size } from './size';
diff --git a/packages/core/sds/src/theme/size.ts b/packages/core/sds/src/theme/size.ts
new file mode 100644
index 00000000..d37f17f7
--- /dev/null
+++ b/packages/core/sds/src/theme/size.ts
@@ -0,0 +1,22 @@
+export const size = {
+  none: '0px',
+  '8xs': '2px',
+  '7xs': '4px',
+  '6xs': '8px',
+  '5xs': '12px',
+  '4xs': '14px',
+  '3xs': '16px',
+  '2xs': '20px',
+  xs: '24px',
+  sm: '28px',
+  md: '32px',
+  lg: '36px',
+  xl: '40px',
+  '2xl': '28px',
+  '3xl': '56px',
+  '4xl': '64px',
+  '5xl': '72px',
+  '6xl': '80px',
+  '7xl': '100px',
+  '8xl': '120px',
+};