refactor: add comments

sparcs-kaist · Dec 30, 2023 · 9b11199 · 9b11199
1 parent c111167
commit 9b11199
Showing 1 changed file with 9 additions and 8 deletions.
diff --git a/packages/web/src/components/atoms/Box.tsx b/packages/web/src/components/atoms/Box.tsx
@@ -11,6 +11,7 @@ const calcSize = (size: Size) => {
 
 /**
  * @deprecated use `padding`, `round`, and layout tokens instead
+ * w("hug"), h("hug"), bg.transparent, round(0), dir("column"), gap(0), align("start"), justify("start"), pad(0), padHorizontal(0), padVertical(0), padTop(0), padBottom(0), padLeft(0), padRight(0), zIndex(0), position("static"), self("auto"), wrap("nowrap")
  */
 export const Box = styled.div<{
   w?: Size;
@@ -37,20 +38,20 @@ export const Box = styled.div<{
     w = "hug",
     h = "hug",
     bg,
-    round = 0,
-    dir = "column",
-    gap = 0,
-    align = "start",
-    justify = "start",
-    pad = 0,
+    round = 0, // default
+    dir = "column", // not default
+    gap = 0, // not default
+    align = "start", // not default
+    justify = "start", // not default
+    pad = 0, // pad(0)
     padHorizontal = pad,
     padVertical = pad,
     padLeft = padHorizontal,
     padRight = padHorizontal,
     padBottom = padVertical,
     padTop = padVertical,
-    zIndex = 0,
-    position = "static",
+    zIndex = 0, // zIndex(0)
+    position = "static", // default
     self = "auto",
     wrap = "nowrap",
   }) => css`