chore(sds): 추가된 디자인 토큰 반영 (#62)

* chore: add color token * chore: add size token
depromeet · Jul 18, 2024 · f847c12 · f847c12
1 parent defe94d
commit f847c12
Show file tree

Hide file tree

Showing 3 changed files with 67 additions and 0 deletions.
diff --git 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
@@ -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
@@ -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',
+};