feat(ui/components): styles의 makeData 변경사항 반영

dnd-side-project · Aug 16, 2024 · 2a2e340 · 2a2e340
1 parent 974e3de
commit 2a2e340
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 17 deletions.
diff --git a/packages/ui/src/components/button/button.styles.css.ts b/packages/ui/src/components/button/button.styles.css.ts
@@ -4,7 +4,7 @@ import { alignItems, display } from '../../styles';
 import { archivePalette, globalVars, inherencePalette } from '../../theme.css';
 
 const base = style([
-  display.inlineFlex,
+  display['inline-flex'],
   alignItems.center,
   {
     cursor: 'pointer',
@@ -18,25 +18,22 @@ const base = style([
   },
 ]);
 
-const colorSchemeVar = createVar();
+const colorVar = createVar();
 
-const colorSchemePalette = {
+const colorPalette = {
   ...archivePalette,
   ...inherencePalette,
 };
 
-const colorScheme = styleVariants(
-  colorSchemePalette,
-  (_, colorSchemePaletteKey) => ({
-    vars: { [colorSchemeVar]: globalVars.palette[colorSchemePaletteKey] },
-  }),
-);
+const color = styleVariants(colorPalette, (_, colorPaletteKey) => ({
+  vars: { [colorVar]: globalVars.palette[colorPaletteKey] },
+}));
 
 export const buttonVariants = recipe({
   base,
 
   variants: {
-    colorScheme,
+    color,
     justify: {
       center: {
         justifyContent: 'center',
@@ -47,13 +44,13 @@ export const buttonVariants = recipe({
     },
     variant: {
       solid: {
-        backgroundColor: colorSchemeVar,
-        border: `1px solid ${colorSchemeVar}`,
+        backgroundColor: colorVar,
+        border: `1px solid ${colorVar}`,
         color: globalVars.palette.white,
       },
       outline: {
         backgroundColor: 'inherit',
-        border: `1px solid ${colorSchemeVar}`,
+        border: `1px solid ${colorVar}`,
         color: globalVars.palette.gray1000,
       },
     },
@@ -83,7 +80,7 @@ export const buttonVariants = recipe({
   },
 
   defaultVariants: {
-    colorScheme: 'white',
+    color: 'white',
     justify: 'center',
     variant: 'solid',
     weight: 'regular',
@@ -94,7 +91,7 @@ export const buttonVariants = recipe({
   compoundVariants: [
     {
       variants: {
-        colorScheme: 'black',
+        color: 'black',
         variant: 'solid',
       },
       style: {

diff --git a/packages/ui/src/components/layout/flex.css.ts b/packages/ui/src/components/layout/flex.css.ts
@@ -35,7 +35,7 @@ export const flexEnumVariants = recipe({
     display: {
       none: display.none,
       flex: display.flex,
-      inlineFlex: display.inlineFlex,
+      'inline-flex': display['inline-flex'],
     },
     direction: flexDirection,
     align: alignItems,

diff --git a/packages/ui/src/components/tag/tag.css.ts b/packages/ui/src/components/tag/tag.css.ts
@@ -83,7 +83,7 @@ export const color = styleVariants(
 
 const base = style([
   colorClass,
-  display.inlineFlex,
+  display['inline-flex'],
   alignItems.center,
   flexShrink.none,
   textWrap.nowrap,