@seed-design/lynx-css 0.2.1 → 0.3.0

package/vars/component/typography.mjs

@@ -215,6 +215,24 @@ export const vars = {
       }
     }
   },
+  "textStyleT8Regular": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t8)",
+        "lineHeight": "var(--seed-line-height-t8)",
+        "fontWeight": "var(--seed-font-weight-regular)"
+      }
+    }
+  },
+  "textStyleT8Medium": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t8)",
+        "lineHeight": "var(--seed-line-height-t8)",
+        "fontWeight": "var(--seed-font-weight-medium)"
+      }
+    }
+  },
   "textStyleT8Bold": {
     "enabled": {
       "root": {
@@ -224,6 +242,24 @@ export const vars = {
       }
     }
   },
+  "textStyleT9Regular": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t9)",
+        "lineHeight": "var(--seed-line-height-t9)",
+        "fontWeight": "var(--seed-font-weight-regular)"
+      }
+    }
+  },
+  "textStyleT9Medium": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t9)",
+        "lineHeight": "var(--seed-line-height-t9)",
+        "fontWeight": "var(--seed-font-weight-medium)"
+      }
+    }
+  },
   "textStyleT9Bold": {
     "enabled": {
       "root": {
@@ -233,6 +269,24 @@ export const vars = {
       }
     }
   },
+  "textStyleT10Regular": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t10)",
+        "lineHeight": "var(--seed-line-height-t10)",
+        "fontWeight": "var(--seed-font-weight-regular)"
+      }
+    }
+  },
+  "textStyleT10Medium": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t10)",
+        "lineHeight": "var(--seed-line-height-t10)",
+        "fontWeight": "var(--seed-font-weight-medium)"
+      }
+    }
+  },
   "textStyleT10Bold": {
     "enabled": {
       "root": {
@@ -242,6 +296,114 @@ export const vars = {
       }
     }
   },
+  "textStyleT11Regular": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t11)",
+        "lineHeight": "var(--seed-line-height-t11)",
+        "fontWeight": "var(--seed-font-weight-regular)"
+      }
+    }
+  },
+  "textStyleT11Medium": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t11)",
+        "lineHeight": "var(--seed-line-height-t11)",
+        "fontWeight": "var(--seed-font-weight-medium)"
+      }
+    }
+  },
+  "textStyleT11Bold": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t11)",
+        "lineHeight": "var(--seed-line-height-t11)",
+        "fontWeight": "var(--seed-font-weight-bold)"
+      }
+    }
+  },
+  "textStyleT12Regular": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t12)",
+        "lineHeight": "var(--seed-line-height-t12)",
+        "fontWeight": "var(--seed-font-weight-regular)"
+      }
+    }
+  },
+  "textStyleT12Medium": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t12)",
+        "lineHeight": "var(--seed-line-height-t12)",
+        "fontWeight": "var(--seed-font-weight-medium)"
+      }
+    }
+  },
+  "textStyleT12Bold": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t12)",
+        "lineHeight": "var(--seed-line-height-t12)",
+        "fontWeight": "var(--seed-font-weight-bold)"
+      }
+    }
+  },
+  "textStyleT13Regular": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t13)",
+        "lineHeight": "var(--seed-line-height-t13)",
+        "fontWeight": "var(--seed-font-weight-regular)"
+      }
+    }
+  },
+  "textStyleT13Medium": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t13)",
+        "lineHeight": "var(--seed-line-height-t13)",
+        "fontWeight": "var(--seed-font-weight-medium)"
+      }
+    }
+  },
+  "textStyleT13Bold": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t13)",
+        "lineHeight": "var(--seed-line-height-t13)",
+        "fontWeight": "var(--seed-font-weight-bold)"
+      }
+    }
+  },
+  "textStyleT14Regular": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t14)",
+        "lineHeight": "var(--seed-line-height-t14)",
+        "fontWeight": "var(--seed-font-weight-regular)"
+      }
+    }
+  },
+  "textStyleT14Medium": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t14)",
+        "lineHeight": "var(--seed-line-height-t14)",
+        "fontWeight": "var(--seed-font-weight-medium)"
+      }
+    }
+  },
+  "textStyleT14Bold": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t14)",
+        "lineHeight": "var(--seed-line-height-t14)",
+        "fontWeight": "var(--seed-font-weight-bold)"
+      }
+    }
+  },
   "textStyleT1StaticRegular": {
     "enabled": {
       "root": {
@@ -431,6 +593,24 @@ export const vars = {
       }
     }
   },
+  "textStyleT8StaticRegular": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t8-static)",
+        "lineHeight": "var(--seed-line-height-t8-static)",
+        "fontWeight": "var(--seed-font-weight-regular)"
+      }
+    }
+  },
+  "textStyleT8StaticMedium": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t8-static)",
+        "lineHeight": "var(--seed-line-height-t8-static)",
+        "fontWeight": "var(--seed-font-weight-medium)"
+      }
+    }
+  },
   "textStyleT8StaticBold": {
     "enabled": {
       "root": {
@@ -440,6 +620,24 @@ export const vars = {
       }
     }
   },
+  "textStyleT9StaticRegular": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t9-static)",
+        "lineHeight": "var(--seed-line-height-t9-static)",
+        "fontWeight": "var(--seed-font-weight-regular)"
+      }
+    }
+  },
+  "textStyleT9StaticMedium": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t9-static)",
+        "lineHeight": "var(--seed-line-height-t9-static)",
+        "fontWeight": "var(--seed-font-weight-medium)"
+      }
+    }
+  },
   "textStyleT9StaticBold": {
     "enabled": {
       "root": {
@@ -449,6 +647,24 @@ export const vars = {
       }
     }
   },
+  "textStyleT10StaticRegular": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t10-static)",
+        "lineHeight": "var(--seed-line-height-t10-static)",
+        "fontWeight": "var(--seed-font-weight-regular)"
+      }
+    }
+  },
+  "textStyleT10StaticMedium": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t10-static)",
+        "lineHeight": "var(--seed-line-height-t10-static)",
+        "fontWeight": "var(--seed-font-weight-medium)"
+      }
+    }
+  },
   "textStyleT10StaticBold": {
     "enabled": {
       "root": {
@@ -457,5 +673,113 @@ export const vars = {
         "fontWeight": "var(--seed-font-weight-bold)"
       }
     }
+  },
+  "textStyleT11StaticRegular": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t11-static)",
+        "lineHeight": "var(--seed-line-height-t11-static)",
+        "fontWeight": "var(--seed-font-weight-regular)"
+      }
+    }
+  },
+  "textStyleT11StaticMedium": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t11-static)",
+        "lineHeight": "var(--seed-line-height-t11-static)",
+        "fontWeight": "var(--seed-font-weight-medium)"
+      }
+    }
+  },
+  "textStyleT11StaticBold": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t11-static)",
+        "lineHeight": "var(--seed-line-height-t11-static)",
+        "fontWeight": "var(--seed-font-weight-bold)"
+      }
+    }
+  },
+  "textStyleT12StaticRegular": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t12-static)",
+        "lineHeight": "var(--seed-line-height-t12-static)",
+        "fontWeight": "var(--seed-font-weight-regular)"
+      }
+    }
+  },
+  "textStyleT12StaticMedium": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t12-static)",
+        "lineHeight": "var(--seed-line-height-t12-static)",
+        "fontWeight": "var(--seed-font-weight-medium)"
+      }
+    }
+  },
+  "textStyleT12StaticBold": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t12-static)",
+        "lineHeight": "var(--seed-line-height-t12-static)",
+        "fontWeight": "var(--seed-font-weight-bold)"
+      }
+    }
+  },
+  "textStyleT13StaticRegular": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t13-static)",
+        "lineHeight": "var(--seed-line-height-t13-static)",
+        "fontWeight": "var(--seed-font-weight-regular)"
+      }
+    }
+  },
+  "textStyleT13StaticMedium": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t13-static)",
+        "lineHeight": "var(--seed-line-height-t13-static)",
+        "fontWeight": "var(--seed-font-weight-medium)"
+      }
+    }
+  },
+  "textStyleT13StaticBold": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t13-static)",
+        "lineHeight": "var(--seed-line-height-t13-static)",
+        "fontWeight": "var(--seed-font-weight-bold)"
+      }
+    }
+  },
+  "textStyleT14StaticRegular": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t14-static)",
+        "lineHeight": "var(--seed-line-height-t14-static)",
+        "fontWeight": "var(--seed-font-weight-regular)"
+      }
+    }
+  },
+  "textStyleT14StaticMedium": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t14-static)",
+        "lineHeight": "var(--seed-line-height-t14-static)",
+        "fontWeight": "var(--seed-font-weight-medium)"
+      }
+    }
+  },
+  "textStyleT14StaticBold": {
+    "enabled": {
+      "root": {
+        "fontSize": "var(--seed-font-size-t14-static)",
+        "lineHeight": "var(--seed-line-height-t14-static)",
+        "fontWeight": "var(--seed-font-weight-bold)"
+      }
+    }
   }
 }

package/vars/font-size.d.ts

@@ -8,6 +8,14 @@ export declare const t7 = "var(--seed-font-size-t7)";
 export declare const t8 = "var(--seed-font-size-t8)";
 export declare const t9 = "var(--seed-font-size-t9)";
 export declare const t10 = "var(--seed-font-size-t10)";
+/** `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. */
+export declare const t11 = "var(--seed-font-size-t11)";
+/** `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. */
+export declare const t12 = "var(--seed-font-size-t12)";
+/** `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. */
+export declare const t13 = "var(--seed-font-size-t13)";
+/** `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. */
+export declare const t14 = "var(--seed-font-size-t14)";
 /** 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
 export declare const t1Static = "var(--seed-font-size-t1-static)";
 /** 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
@@ -27,4 +35,12 @@ export declare const t8Static = "var(--seed-font-size-t8-static)";
 /** 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
 export declare const t9Static = "var(--seed-font-size-t9-static)";
 /** 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
-export declare const t10Static = "var(--seed-font-size-t10-static)";
+export declare const t10Static = "var(--seed-font-size-t10-static)";
+/** `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
+export declare const t11Static = "var(--seed-font-size-t11-static)";
+/** `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
+export declare const t12Static = "var(--seed-font-size-t12-static)";
+/** `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
+export declare const t13Static = "var(--seed-font-size-t13-static)";
+/** `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
+export declare const t14Static = "var(--seed-font-size-t14-static)";

package/vars/font-size.mjs

@@ -8,6 +8,10 @@ export const t7 = "var(--seed-font-size-t7)";
 export const t8 = "var(--seed-font-size-t8)";
 export const t9 = "var(--seed-font-size-t9)";
 export const t10 = "var(--seed-font-size-t10)";
+export const t11 = "var(--seed-font-size-t11)";
+export const t12 = "var(--seed-font-size-t12)";
+export const t13 = "var(--seed-font-size-t13)";
+export const t14 = "var(--seed-font-size-t14)";
 export const t1Static = "var(--seed-font-size-t1-static)";
 export const t2Static = "var(--seed-font-size-t2-static)";
 export const t3Static = "var(--seed-font-size-t3-static)";
@@ -17,4 +21,8 @@ export const t6Static = "var(--seed-font-size-t6-static)";
 export const t7Static = "var(--seed-font-size-t7-static)";
 export const t8Static = "var(--seed-font-size-t8-static)";
 export const t9Static = "var(--seed-font-size-t9-static)";
-export const t10Static = "var(--seed-font-size-t10-static)";
+export const t10Static = "var(--seed-font-size-t10-static)";
+export const t11Static = "var(--seed-font-size-t11-static)";
+export const t12Static = "var(--seed-font-size-t12-static)";
+export const t13Static = "var(--seed-font-size-t13-static)";
+export const t14Static = "var(--seed-font-size-t14-static)";

package/vars/gradient.d.ts

@@ -1,11 +1,3 @@
-/** 스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.
-@deprecated `@seed-design/css@2.0.0`에서 제거될 예정입니다.
- */
-export declare const fadeLayerFloating = "var(--seed-gradient-fade-layer-floating)";
-/** 스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.
-@deprecated `@seed-design/css@2.0.0`에서 제거될 예정입니다.
- */
-export declare const fadeLayerDefault = "var(--seed-gradient-fade-layer-default)";
 /** 반짝이는 것처럼 느껴지는 배경에 쓰이는 ai 컬러입니다. */
 export declare const glowMagic = "var(--seed-gradient-glow-magic)";
 /** 반짝이는 것처럼 느껴지는 배경에 쓰이는 ai 컬러의 pressed컬러입니다. */

package/vars/gradient.mjs

@@ -1,5 +1,3 @@
-export const fadeLayerFloating = "var(--seed-gradient-fade-layer-floating)";
-export const fadeLayerDefault = "var(--seed-gradient-fade-layer-default)";
 export const glowMagic = "var(--seed-gradient-glow-magic)";
 export const glowMagicPressed = "var(--seed-gradient-glow-magic-pressed)";
 export const highlightMagic = "var(--seed-gradient-highlight-magic)";

package/vars/line-height.d.ts

@@ -8,6 +8,14 @@ export declare const t7 = "var(--seed-line-height-t7)";
 export declare const t8 = "var(--seed-line-height-t8)";
 export declare const t9 = "var(--seed-line-height-t9)";
 export declare const t10 = "var(--seed-line-height-t10)";
+/** `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. */
+export declare const t11 = "var(--seed-line-height-t11)";
+/** `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. */
+export declare const t12 = "var(--seed-line-height-t12)";
+/** `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. */
+export declare const t13 = "var(--seed-line-height-t13)";
+/** `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. */
+export declare const t14 = "var(--seed-line-height-t14)";
 /** 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
 export declare const t1Static = "var(--seed-line-height-t1-static)";
 /** 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
@@ -27,4 +35,12 @@ export declare const t8Static = "var(--seed-line-height-t8-static)";
 /** 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
 export declare const t9Static = "var(--seed-line-height-t9-static)";
 /** 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
-export declare const t10Static = "var(--seed-line-height-t10-static)";
+export declare const t10Static = "var(--seed-line-height-t10-static)";
+/** `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
+export declare const t11Static = "var(--seed-line-height-t11-static)";
+/** `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
+export declare const t12Static = "var(--seed-line-height-t12-static)";
+/** `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
+export declare const t13Static = "var(--seed-line-height-t13-static)";
+/** `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다. */
+export declare const t14Static = "var(--seed-line-height-t14-static)";

package/vars/line-height.mjs

@@ -8,6 +8,10 @@ export const t7 = "var(--seed-line-height-t7)";
 export const t8 = "var(--seed-line-height-t8)";
 export const t9 = "var(--seed-line-height-t9)";
 export const t10 = "var(--seed-line-height-t10)";
+export const t11 = "var(--seed-line-height-t11)";
+export const t12 = "var(--seed-line-height-t12)";
+export const t13 = "var(--seed-line-height-t13)";
+export const t14 = "var(--seed-line-height-t14)";
 export const t1Static = "var(--seed-line-height-t1-static)";
 export const t2Static = "var(--seed-line-height-t2-static)";
 export const t3Static = "var(--seed-line-height-t3-static)";
@@ -17,4 +21,8 @@ export const t6Static = "var(--seed-line-height-t6-static)";
 export const t7Static = "var(--seed-line-height-t7-static)";
 export const t8Static = "var(--seed-line-height-t8-static)";
 export const t9Static = "var(--seed-line-height-t9-static)";
-export const t10Static = "var(--seed-line-height-t10-static)";
+export const t10Static = "var(--seed-line-height-t10-static)";
+export const t11Static = "var(--seed-line-height-t11-static)";
+export const t12Static = "var(--seed-line-height-t12-static)";
+export const t13Static = "var(--seed-line-height-t13-static)";
+export const t14Static = "var(--seed-line-height-t14-static)";