@seed-design/css 1.2.16 → 2.0.0

package/recipes/text.css

@@ -135,21 +135,111 @@
     --seed-line-height: var(--seed-line-height-t7);
     --seed-font-weight: var(--seed-font-weight-bold)
 }
+.seed-text--textStyle_t8Regular {
+    --seed-font-size: var(--seed-font-size-t8);
+    --seed-line-height: var(--seed-line-height-t8);
+    --seed-font-weight: var(--seed-font-weight-regular)
+}
+.seed-text--textStyle_t8Medium {
+    --seed-font-size: var(--seed-font-size-t8);
+    --seed-line-height: var(--seed-line-height-t8);
+    --seed-font-weight: var(--seed-font-weight-medium)
+}
 .seed-text--textStyle_t8Bold {
     --seed-font-size: var(--seed-font-size-t8);
     --seed-line-height: var(--seed-line-height-t8);
     --seed-font-weight: var(--seed-font-weight-bold)
 }
+.seed-text--textStyle_t9Regular {
+    --seed-font-size: var(--seed-font-size-t9);
+    --seed-line-height: var(--seed-line-height-t9);
+    --seed-font-weight: var(--seed-font-weight-regular)
+}
+.seed-text--textStyle_t9Medium {
+    --seed-font-size: var(--seed-font-size-t9);
+    --seed-line-height: var(--seed-line-height-t9);
+    --seed-font-weight: var(--seed-font-weight-medium)
+}
 .seed-text--textStyle_t9Bold {
     --seed-font-size: var(--seed-font-size-t9);
     --seed-line-height: var(--seed-line-height-t9);
     --seed-font-weight: var(--seed-font-weight-bold)
 }
+.seed-text--textStyle_t10Regular {
+    --seed-font-size: var(--seed-font-size-t10);
+    --seed-line-height: var(--seed-line-height-t10);
+    --seed-font-weight: var(--seed-font-weight-regular)
+}
+.seed-text--textStyle_t10Medium {
+    --seed-font-size: var(--seed-font-size-t10);
+    --seed-line-height: var(--seed-line-height-t10);
+    --seed-font-weight: var(--seed-font-weight-medium)
+}
 .seed-text--textStyle_t10Bold {
     --seed-font-size: var(--seed-font-size-t10);
     --seed-line-height: var(--seed-line-height-t10);
     --seed-font-weight: var(--seed-font-weight-bold)
 }
+.seed-text--textStyle_t11Regular {
+    --seed-font-size: var(--seed-font-size-t11);
+    --seed-line-height: var(--seed-line-height-t11);
+    --seed-font-weight: var(--seed-font-weight-regular)
+}
+.seed-text--textStyle_t11Medium {
+    --seed-font-size: var(--seed-font-size-t11);
+    --seed-line-height: var(--seed-line-height-t11);
+    --seed-font-weight: var(--seed-font-weight-medium)
+}
+.seed-text--textStyle_t11Bold {
+    --seed-font-size: var(--seed-font-size-t11);
+    --seed-line-height: var(--seed-line-height-t11);
+    --seed-font-weight: var(--seed-font-weight-bold)
+}
+.seed-text--textStyle_t12Regular {
+    --seed-font-size: var(--seed-font-size-t12);
+    --seed-line-height: var(--seed-line-height-t12);
+    --seed-font-weight: var(--seed-font-weight-regular)
+}
+.seed-text--textStyle_t12Medium {
+    --seed-font-size: var(--seed-font-size-t12);
+    --seed-line-height: var(--seed-line-height-t12);
+    --seed-font-weight: var(--seed-font-weight-medium)
+}
+.seed-text--textStyle_t12Bold {
+    --seed-font-size: var(--seed-font-size-t12);
+    --seed-line-height: var(--seed-line-height-t12);
+    --seed-font-weight: var(--seed-font-weight-bold)
+}
+.seed-text--textStyle_t13Regular {
+    --seed-font-size: var(--seed-font-size-t13);
+    --seed-line-height: var(--seed-line-height-t13);
+    --seed-font-weight: var(--seed-font-weight-regular)
+}
+.seed-text--textStyle_t13Medium {
+    --seed-font-size: var(--seed-font-size-t13);
+    --seed-line-height: var(--seed-line-height-t13);
+    --seed-font-weight: var(--seed-font-weight-medium)
+}
+.seed-text--textStyle_t13Bold {
+    --seed-font-size: var(--seed-font-size-t13);
+    --seed-line-height: var(--seed-line-height-t13);
+    --seed-font-weight: var(--seed-font-weight-bold)
+}
+.seed-text--textStyle_t14Regular {
+    --seed-font-size: var(--seed-font-size-t14);
+    --seed-line-height: var(--seed-line-height-t14);
+    --seed-font-weight: var(--seed-font-weight-regular)
+}
+.seed-text--textStyle_t14Medium {
+    --seed-font-size: var(--seed-font-size-t14);
+    --seed-line-height: var(--seed-line-height-t14);
+    --seed-font-weight: var(--seed-font-weight-medium)
+}
+.seed-text--textStyle_t14Bold {
+    --seed-font-size: var(--seed-font-size-t14);
+    --seed-line-height: var(--seed-line-height-t14);
+    --seed-font-weight: var(--seed-font-weight-bold)
+}
 .seed-text--textStyle_t1StaticRegular {
     --seed-font-size: var(--seed-font-size-t1-static);
     --seed-line-height: var(--seed-line-height-t1-static);
@@ -255,21 +345,111 @@
     --seed-line-height: var(--seed-line-height-t7-static);
     --seed-font-weight: var(--seed-font-weight-bold)
 }
+.seed-text--textStyle_t8StaticRegular {
+    --seed-font-size: var(--seed-font-size-t8-static);
+    --seed-line-height: var(--seed-line-height-t8-static);
+    --seed-font-weight: var(--seed-font-weight-regular)
+}
+.seed-text--textStyle_t8StaticMedium {
+    --seed-font-size: var(--seed-font-size-t8-static);
+    --seed-line-height: var(--seed-line-height-t8-static);
+    --seed-font-weight: var(--seed-font-weight-medium)
+}
 .seed-text--textStyle_t8StaticBold {
     --seed-font-size: var(--seed-font-size-t8-static);
     --seed-line-height: var(--seed-line-height-t8-static);
     --seed-font-weight: var(--seed-font-weight-bold)
 }
+.seed-text--textStyle_t9StaticRegular {
+    --seed-font-size: var(--seed-font-size-t9-static);
+    --seed-line-height: var(--seed-line-height-t9-static);
+    --seed-font-weight: var(--seed-font-weight-regular)
+}
+.seed-text--textStyle_t9StaticMedium {
+    --seed-font-size: var(--seed-font-size-t9-static);
+    --seed-line-height: var(--seed-line-height-t9-static);
+    --seed-font-weight: var(--seed-font-weight-medium)
+}
 .seed-text--textStyle_t9StaticBold {
     --seed-font-size: var(--seed-font-size-t9-static);
     --seed-line-height: var(--seed-line-height-t9-static);
     --seed-font-weight: var(--seed-font-weight-bold)
 }
+.seed-text--textStyle_t10StaticRegular {
+    --seed-font-size: var(--seed-font-size-t10-static);
+    --seed-line-height: var(--seed-line-height-t10-static);
+    --seed-font-weight: var(--seed-font-weight-regular)
+}
+.seed-text--textStyle_t10StaticMedium {
+    --seed-font-size: var(--seed-font-size-t10-static);
+    --seed-line-height: var(--seed-line-height-t10-static);
+    --seed-font-weight: var(--seed-font-weight-medium)
+}
 .seed-text--textStyle_t10StaticBold {
     --seed-font-size: var(--seed-font-size-t10-static);
     --seed-line-height: var(--seed-line-height-t10-static);
     --seed-font-weight: var(--seed-font-weight-bold)
 }
+.seed-text--textStyle_t11StaticRegular {
+    --seed-font-size: var(--seed-font-size-t11-static);
+    --seed-line-height: var(--seed-line-height-t11-static);
+    --seed-font-weight: var(--seed-font-weight-regular)
+}
+.seed-text--textStyle_t11StaticMedium {
+    --seed-font-size: var(--seed-font-size-t11-static);
+    --seed-line-height: var(--seed-line-height-t11-static);
+    --seed-font-weight: var(--seed-font-weight-medium)
+}
+.seed-text--textStyle_t11StaticBold {
+    --seed-font-size: var(--seed-font-size-t11-static);
+    --seed-line-height: var(--seed-line-height-t11-static);
+    --seed-font-weight: var(--seed-font-weight-bold)
+}
+.seed-text--textStyle_t12StaticRegular {
+    --seed-font-size: var(--seed-font-size-t12-static);
+    --seed-line-height: var(--seed-line-height-t12-static);
+    --seed-font-weight: var(--seed-font-weight-regular)
+}
+.seed-text--textStyle_t12StaticMedium {
+    --seed-font-size: var(--seed-font-size-t12-static);
+    --seed-line-height: var(--seed-line-height-t12-static);
+    --seed-font-weight: var(--seed-font-weight-medium)
+}
+.seed-text--textStyle_t12StaticBold {
+    --seed-font-size: var(--seed-font-size-t12-static);
+    --seed-line-height: var(--seed-line-height-t12-static);
+    --seed-font-weight: var(--seed-font-weight-bold)
+}
+.seed-text--textStyle_t13StaticRegular {
+    --seed-font-size: var(--seed-font-size-t13-static);
+    --seed-line-height: var(--seed-line-height-t13-static);
+    --seed-font-weight: var(--seed-font-weight-regular)
+}
+.seed-text--textStyle_t13StaticMedium {
+    --seed-font-size: var(--seed-font-size-t13-static);
+    --seed-line-height: var(--seed-line-height-t13-static);
+    --seed-font-weight: var(--seed-font-weight-medium)
+}
+.seed-text--textStyle_t13StaticBold {
+    --seed-font-size: var(--seed-font-size-t13-static);
+    --seed-line-height: var(--seed-line-height-t13-static);
+    --seed-font-weight: var(--seed-font-weight-bold)
+}
+.seed-text--textStyle_t14StaticRegular {
+    --seed-font-size: var(--seed-font-size-t14-static);
+    --seed-line-height: var(--seed-line-height-t14-static);
+    --seed-font-weight: var(--seed-font-weight-regular)
+}
+.seed-text--textStyle_t14StaticMedium {
+    --seed-font-size: var(--seed-font-size-t14-static);
+    --seed-line-height: var(--seed-line-height-t14-static);
+    --seed-font-weight: var(--seed-font-weight-medium)
+}
+.seed-text--textStyle_t14StaticBold {
+    --seed-font-size: var(--seed-font-size-t14-static);
+    --seed-line-height: var(--seed-line-height-t14-static);
+    --seed-font-weight: var(--seed-font-weight-bold)
+}
 .seed-text--maxLines_none {
     overflow: unset;
     min-width: unset;

package/recipes/text.d.ts

@@ -1,8 +1,66 @@
 declare interface TextVariant {
   /**
+  * - `screenTitle`: 화면에 크게 표시되는 주요 제목이나 타이틀에 사용합니다.
+  * - `articleBody`: 게시물이나 콘텐츠 중심 섹션의 본문 텍스트에 사용합니다.
+  * - `articleNote`: 주석, 참고 사항 및 상세 리스트 등 부가 정보에 사용하며, 일반 본문 텍스트에는 사용하지 않습니다.
+  * - `t11Regular`: `sm` breakpoint 이상에서만 사용하는 것을 권장합니다.
+  * - `t11Medium`: `sm` breakpoint 이상에서만 사용하는 것을 권장합니다.
+  * - `t11Bold`: `sm` breakpoint 이상에서만 사용하는 것을 권장합니다.
+  * - `t12Regular`: `sm` breakpoint 이상에서만 사용하는 것을 권장합니다.
+  * - `t12Medium`: `sm` breakpoint 이상에서만 사용하는 것을 권장합니다.
+  * - `t12Bold`: `sm` breakpoint 이상에서만 사용하는 것을 권장합니다.
+  * - `t13Regular`: `sm` breakpoint 이상에서만 사용하는 것을 권장합니다.
+  * - `t13Medium`: `sm` breakpoint 이상에서만 사용하는 것을 권장합니다.
+  * - `t13Bold`: `sm` breakpoint 이상에서만 사용하는 것을 권장합니다.
+  * - `t14Regular`: `sm` breakpoint 이상에서만 사용하는 것을 권장합니다.
+  * - `t14Medium`: `sm` breakpoint 이상에서만 사용하는 것을 권장합니다.
+  * - `t14Bold`: `sm` breakpoint 이상에서만 사용하는 것을 권장합니다.
+  * - `t1StaticRegular`: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t1StaticMedium`: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t1StaticBold`: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t2StaticRegular`: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t2StaticMedium`: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t2StaticBold`: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t3StaticRegular`: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t3StaticMedium`: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t3StaticBold`: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t4StaticRegular`: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t4StaticMedium`: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t4StaticBold`: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t5StaticRegular`: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t5StaticMedium`: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t5StaticBold`: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t6StaticRegular`: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t6StaticMedium`: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t6StaticBold`: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t7StaticRegular`: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t7StaticMedium`: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t7StaticBold`: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t8StaticRegular`: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t8StaticMedium`: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t8StaticBold`: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t9StaticRegular`: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t9StaticMedium`: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t9StaticBold`: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t10StaticRegular`: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t10StaticMedium`: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t10StaticBold`: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t11StaticRegular`: `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t11StaticMedium`: `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t11StaticBold`: `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t12StaticRegular`: `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t12StaticMedium`: `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t12StaticBold`: `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t13StaticRegular`: `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t13StaticMedium`: `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t13StaticBold`: `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t14StaticRegular`: `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t14StaticMedium`: `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  * - `t14StaticBold`: `sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  *
   * @default "t5Regular"
   */
-  textStyle: "screenTitle" | "articleBody" | "articleNote" | "t1Regular" | "t1Medium" | "t1Bold" | "t2Regular" | "t2Medium" | "t2Bold" | "t3Regular" | "t3Medium" | "t3Bold" | "t4Regular" | "t4Medium" | "t4Bold" | "t5Regular" | "t5Medium" | "t5Bold" | "t6Regular" | "t6Medium" | "t6Bold" | "t7Regular" | "t7Medium" | "t7Bold" | "t8Bold" | "t9Bold" | "t10Bold" | "t1StaticRegular" | "t1StaticMedium" | "t1StaticBold" | "t2StaticRegular" | "t2StaticMedium" | "t2StaticBold" | "t3StaticRegular" | "t3StaticMedium" | "t3StaticBold" | "t4StaticRegular" | "t4StaticMedium" | "t4StaticBold" | "t5StaticRegular" | "t5StaticMedium" | "t5StaticBold" | "t6StaticRegular" | "t6StaticMedium" | "t6StaticBold" | "t7StaticRegular" | "t7StaticMedium" | "t7StaticBold" | "t8StaticBold" | "t9StaticBold" | "t10StaticBold";
+  textStyle: "screenTitle" | "articleBody" | "articleNote" | "t1Regular" | "t1Medium" | "t1Bold" | "t2Regular" | "t2Medium" | "t2Bold" | "t3Regular" | "t3Medium" | "t3Bold" | "t4Regular" | "t4Medium" | "t4Bold" | "t5Regular" | "t5Medium" | "t5Bold" | "t6Regular" | "t6Medium" | "t6Bold" | "t7Regular" | "t7Medium" | "t7Bold" | "t8Regular" | "t8Medium" | "t8Bold" | "t9Regular" | "t9Medium" | "t9Bold" | "t10Regular" | "t10Medium" | "t10Bold" | "t11Regular" | "t11Medium" | "t11Bold" | "t12Regular" | "t12Medium" | "t12Bold" | "t13Regular" | "t13Medium" | "t13Bold" | "t14Regular" | "t14Medium" | "t14Bold" | "t1StaticRegular" | "t1StaticMedium" | "t1StaticBold" | "t2StaticRegular" | "t2StaticMedium" | "t2StaticBold" | "t3StaticRegular" | "t3StaticMedium" | "t3StaticBold" | "t4StaticRegular" | "t4StaticMedium" | "t4StaticBold" | "t5StaticRegular" | "t5StaticMedium" | "t5StaticBold" | "t6StaticRegular" | "t6StaticMedium" | "t6StaticBold" | "t7StaticRegular" | "t7StaticMedium" | "t7StaticBold" | "t8StaticRegular" | "t8StaticMedium" | "t8StaticBold" | "t9StaticRegular" | "t9StaticMedium" | "t9StaticBold" | "t10StaticRegular" | "t10StaticMedium" | "t10StaticBold" | "t11StaticRegular" | "t11StaticMedium" | "t11StaticBold" | "t12StaticRegular" | "t12StaticMedium" | "t12StaticBold" | "t13StaticRegular" | "t13StaticMedium" | "t13StaticBold" | "t14StaticRegular" | "t14StaticMedium" | "t14StaticBold";
 /**
   * @default "none"
   */

package/recipes/text.layered.css

@@ -161,24 +161,132 @@
     --seed-font-weight: var(--seed-font-weight-bold);
   }
 
+  .seed-text--textStyle_t8Regular {
+    --seed-font-size: var(--seed-font-size-t8);
+    --seed-line-height: var(--seed-line-height-t8);
+    --seed-font-weight: var(--seed-font-weight-regular);
+  }
+
+  .seed-text--textStyle_t8Medium {
+    --seed-font-size: var(--seed-font-size-t8);
+    --seed-line-height: var(--seed-line-height-t8);
+    --seed-font-weight: var(--seed-font-weight-medium);
+  }
+
   .seed-text--textStyle_t8Bold {
     --seed-font-size: var(--seed-font-size-t8);
     --seed-line-height: var(--seed-line-height-t8);
     --seed-font-weight: var(--seed-font-weight-bold);
   }
 
+  .seed-text--textStyle_t9Regular {
+    --seed-font-size: var(--seed-font-size-t9);
+    --seed-line-height: var(--seed-line-height-t9);
+    --seed-font-weight: var(--seed-font-weight-regular);
+  }
+
+  .seed-text--textStyle_t9Medium {
+    --seed-font-size: var(--seed-font-size-t9);
+    --seed-line-height: var(--seed-line-height-t9);
+    --seed-font-weight: var(--seed-font-weight-medium);
+  }
+
   .seed-text--textStyle_t9Bold {
     --seed-font-size: var(--seed-font-size-t9);
     --seed-line-height: var(--seed-line-height-t9);
     --seed-font-weight: var(--seed-font-weight-bold);
   }
 
+  .seed-text--textStyle_t10Regular {
+    --seed-font-size: var(--seed-font-size-t10);
+    --seed-line-height: var(--seed-line-height-t10);
+    --seed-font-weight: var(--seed-font-weight-regular);
+  }
+
+  .seed-text--textStyle_t10Medium {
+    --seed-font-size: var(--seed-font-size-t10);
+    --seed-line-height: var(--seed-line-height-t10);
+    --seed-font-weight: var(--seed-font-weight-medium);
+  }
+
   .seed-text--textStyle_t10Bold {
     --seed-font-size: var(--seed-font-size-t10);
     --seed-line-height: var(--seed-line-height-t10);
     --seed-font-weight: var(--seed-font-weight-bold);
   }
 
+  .seed-text--textStyle_t11Regular {
+    --seed-font-size: var(--seed-font-size-t11);
+    --seed-line-height: var(--seed-line-height-t11);
+    --seed-font-weight: var(--seed-font-weight-regular);
+  }
+
+  .seed-text--textStyle_t11Medium {
+    --seed-font-size: var(--seed-font-size-t11);
+    --seed-line-height: var(--seed-line-height-t11);
+    --seed-font-weight: var(--seed-font-weight-medium);
+  }
+
+  .seed-text--textStyle_t11Bold {
+    --seed-font-size: var(--seed-font-size-t11);
+    --seed-line-height: var(--seed-line-height-t11);
+    --seed-font-weight: var(--seed-font-weight-bold);
+  }
+
+  .seed-text--textStyle_t12Regular {
+    --seed-font-size: var(--seed-font-size-t12);
+    --seed-line-height: var(--seed-line-height-t12);
+    --seed-font-weight: var(--seed-font-weight-regular);
+  }
+
+  .seed-text--textStyle_t12Medium {
+    --seed-font-size: var(--seed-font-size-t12);
+    --seed-line-height: var(--seed-line-height-t12);
+    --seed-font-weight: var(--seed-font-weight-medium);
+  }
+
+  .seed-text--textStyle_t12Bold {
+    --seed-font-size: var(--seed-font-size-t12);
+    --seed-line-height: var(--seed-line-height-t12);
+    --seed-font-weight: var(--seed-font-weight-bold);
+  }
+
+  .seed-text--textStyle_t13Regular {
+    --seed-font-size: var(--seed-font-size-t13);
+    --seed-line-height: var(--seed-line-height-t13);
+    --seed-font-weight: var(--seed-font-weight-regular);
+  }
+
+  .seed-text--textStyle_t13Medium {
+    --seed-font-size: var(--seed-font-size-t13);
+    --seed-line-height: var(--seed-line-height-t13);
+    --seed-font-weight: var(--seed-font-weight-medium);
+  }
+
+  .seed-text--textStyle_t13Bold {
+    --seed-font-size: var(--seed-font-size-t13);
+    --seed-line-height: var(--seed-line-height-t13);
+    --seed-font-weight: var(--seed-font-weight-bold);
+  }
+
+  .seed-text--textStyle_t14Regular {
+    --seed-font-size: var(--seed-font-size-t14);
+    --seed-line-height: var(--seed-line-height-t14);
+    --seed-font-weight: var(--seed-font-weight-regular);
+  }
+
+  .seed-text--textStyle_t14Medium {
+    --seed-font-size: var(--seed-font-size-t14);
+    --seed-line-height: var(--seed-line-height-t14);
+    --seed-font-weight: var(--seed-font-weight-medium);
+  }
+
+  .seed-text--textStyle_t14Bold {
+    --seed-font-size: var(--seed-font-size-t14);
+    --seed-line-height: var(--seed-line-height-t14);
+    --seed-font-weight: var(--seed-font-weight-bold);
+  }
+
   .seed-text--textStyle_t1StaticRegular {
     --seed-font-size: var(--seed-font-size-t1-static);
     --seed-line-height: var(--seed-line-height-t1-static);
@@ -305,24 +413,132 @@
     --seed-font-weight: var(--seed-font-weight-bold);
   }
 
+  .seed-text--textStyle_t8StaticRegular {
+    --seed-font-size: var(--seed-font-size-t8-static);
+    --seed-line-height: var(--seed-line-height-t8-static);
+    --seed-font-weight: var(--seed-font-weight-regular);
+  }
+
+  .seed-text--textStyle_t8StaticMedium {
+    --seed-font-size: var(--seed-font-size-t8-static);
+    --seed-line-height: var(--seed-line-height-t8-static);
+    --seed-font-weight: var(--seed-font-weight-medium);
+  }
+
   .seed-text--textStyle_t8StaticBold {
     --seed-font-size: var(--seed-font-size-t8-static);
     --seed-line-height: var(--seed-line-height-t8-static);
     --seed-font-weight: var(--seed-font-weight-bold);
   }
 
+  .seed-text--textStyle_t9StaticRegular {
+    --seed-font-size: var(--seed-font-size-t9-static);
+    --seed-line-height: var(--seed-line-height-t9-static);
+    --seed-font-weight: var(--seed-font-weight-regular);
+  }
+
+  .seed-text--textStyle_t9StaticMedium {
+    --seed-font-size: var(--seed-font-size-t9-static);
+    --seed-line-height: var(--seed-line-height-t9-static);
+    --seed-font-weight: var(--seed-font-weight-medium);
+  }
+
   .seed-text--textStyle_t9StaticBold {
     --seed-font-size: var(--seed-font-size-t9-static);
     --seed-line-height: var(--seed-line-height-t9-static);
     --seed-font-weight: var(--seed-font-weight-bold);
   }
 
+  .seed-text--textStyle_t10StaticRegular {
+    --seed-font-size: var(--seed-font-size-t10-static);
+    --seed-line-height: var(--seed-line-height-t10-static);
+    --seed-font-weight: var(--seed-font-weight-regular);
+  }
+
+  .seed-text--textStyle_t10StaticMedium {
+    --seed-font-size: var(--seed-font-size-t10-static);
+    --seed-line-height: var(--seed-line-height-t10-static);
+    --seed-font-weight: var(--seed-font-weight-medium);
+  }
+
   .seed-text--textStyle_t10StaticBold {
     --seed-font-size: var(--seed-font-size-t10-static);
     --seed-line-height: var(--seed-line-height-t10-static);
     --seed-font-weight: var(--seed-font-weight-bold);
   }
 
+  .seed-text--textStyle_t11StaticRegular {
+    --seed-font-size: var(--seed-font-size-t11-static);
+    --seed-line-height: var(--seed-line-height-t11-static);
+    --seed-font-weight: var(--seed-font-weight-regular);
+  }
+
+  .seed-text--textStyle_t11StaticMedium {
+    --seed-font-size: var(--seed-font-size-t11-static);
+    --seed-line-height: var(--seed-line-height-t11-static);
+    --seed-font-weight: var(--seed-font-weight-medium);
+  }
+
+  .seed-text--textStyle_t11StaticBold {
+    --seed-font-size: var(--seed-font-size-t11-static);
+    --seed-line-height: var(--seed-line-height-t11-static);
+    --seed-font-weight: var(--seed-font-weight-bold);
+  }
+
+  .seed-text--textStyle_t12StaticRegular {
+    --seed-font-size: var(--seed-font-size-t12-static);
+    --seed-line-height: var(--seed-line-height-t12-static);
+    --seed-font-weight: var(--seed-font-weight-regular);
+  }
+
+  .seed-text--textStyle_t12StaticMedium {
+    --seed-font-size: var(--seed-font-size-t12-static);
+    --seed-line-height: var(--seed-line-height-t12-static);
+    --seed-font-weight: var(--seed-font-weight-medium);
+  }
+
+  .seed-text--textStyle_t12StaticBold {
+    --seed-font-size: var(--seed-font-size-t12-static);
+    --seed-line-height: var(--seed-line-height-t12-static);
+    --seed-font-weight: var(--seed-font-weight-bold);
+  }
+
+  .seed-text--textStyle_t13StaticRegular {
+    --seed-font-size: var(--seed-font-size-t13-static);
+    --seed-line-height: var(--seed-line-height-t13-static);
+    --seed-font-weight: var(--seed-font-weight-regular);
+  }
+
+  .seed-text--textStyle_t13StaticMedium {
+    --seed-font-size: var(--seed-font-size-t13-static);
+    --seed-line-height: var(--seed-line-height-t13-static);
+    --seed-font-weight: var(--seed-font-weight-medium);
+  }
+
+  .seed-text--textStyle_t13StaticBold {
+    --seed-font-size: var(--seed-font-size-t13-static);
+    --seed-line-height: var(--seed-line-height-t13-static);
+    --seed-font-weight: var(--seed-font-weight-bold);
+  }
+
+  .seed-text--textStyle_t14StaticRegular {
+    --seed-font-size: var(--seed-font-size-t14-static);
+    --seed-line-height: var(--seed-line-height-t14-static);
+    --seed-font-weight: var(--seed-font-weight-regular);
+  }
+
+  .seed-text--textStyle_t14StaticMedium {
+    --seed-font-size: var(--seed-font-size-t14-static);
+    --seed-line-height: var(--seed-line-height-t14-static);
+    --seed-font-weight: var(--seed-font-weight-medium);
+  }
+
+  .seed-text--textStyle_t14StaticBold {
+    --seed-font-size: var(--seed-font-size-t14-static);
+    --seed-line-height: var(--seed-line-height-t14-static);
+    --seed-font-weight: var(--seed-font-weight-bold);
+  }
+
   .seed-text--maxLines_none {
     overflow: unset;
     min-width: unset;

package/recipes/text.layered.mjs

@@ -35,9 +35,27 @@ export const textVariantMap = {
     "t7Regular",
     "t7Medium",
     "t7Bold",
+    "t8Regular",
+    "t8Medium",
     "t8Bold",
+    "t9Regular",
+    "t9Medium",
     "t9Bold",
+    "t10Regular",
+    "t10Medium",
     "t10Bold",
+    "t11Regular",
+    "t11Medium",
+    "t11Bold",
+    "t12Regular",
+    "t12Medium",
+    "t12Bold",
+    "t13Regular",
+    "t13Medium",
+    "t13Bold",
+    "t14Regular",
+    "t14Medium",
+    "t14Bold",
     "t1StaticRegular",
     "t1StaticMedium",
     "t1StaticBold",
@@ -59,9 +77,27 @@ export const textVariantMap = {
     "t7StaticRegular",
     "t7StaticMedium",
     "t7StaticBold",
+    "t8StaticRegular",
+    "t8StaticMedium",
     "t8StaticBold",
+    "t9StaticRegular",
+    "t9StaticMedium",
     "t9StaticBold",
-    "t10StaticBold"
+    "t10StaticRegular",
+    "t10StaticMedium",
+    "t10StaticBold",
+    "t11StaticRegular",
+    "t11StaticMedium",
+    "t11StaticBold",
+    "t12StaticRegular",
+    "t12StaticMedium",
+    "t12StaticBold",
+    "t13StaticRegular",
+    "t13StaticMedium",
+    "t13StaticBold",
+    "t14StaticRegular",
+    "t14StaticMedium",
+    "t14StaticBold"
   ],
   "maxLines": [
     "none",

package/recipes/text.mjs

@@ -35,9 +35,27 @@ export const textVariantMap = {
     "t7Regular",
     "t7Medium",
     "t7Bold",
+    "t8Regular",
+    "t8Medium",
     "t8Bold",
+    "t9Regular",
+    "t9Medium",
     "t9Bold",
+    "t10Regular",
+    "t10Medium",
     "t10Bold",
+    "t11Regular",
+    "t11Medium",
+    "t11Bold",
+    "t12Regular",
+    "t12Medium",
+    "t12Bold",
+    "t13Regular",
+    "t13Medium",
+    "t13Bold",
+    "t14Regular",
+    "t14Medium",
+    "t14Bold",
     "t1StaticRegular",
     "t1StaticMedium",
     "t1StaticBold",
@@ -59,9 +77,27 @@ export const textVariantMap = {
     "t7StaticRegular",
     "t7StaticMedium",
     "t7StaticBold",
+    "t8StaticRegular",
+    "t8StaticMedium",
     "t8StaticBold",
+    "t9StaticRegular",
+    "t9StaticMedium",
     "t9StaticBold",
-    "t10StaticBold"
+    "t10StaticRegular",
+    "t10StaticMedium",
+    "t10StaticBold",
+    "t11StaticRegular",
+    "t11StaticMedium",
+    "t11StaticBold",
+    "t12StaticRegular",
+    "t12StaticMedium",
+    "t12StaticBold",
+    "t13StaticRegular",
+    "t13StaticMedium",
+    "t13StaticBold",
+    "t14StaticRegular",
+    "t14StaticMedium",
+    "t14StaticBold"
   ],
   "maxLines": [
     "none",

package/recipes/toggle-button.d.ts

@@ -1,5 +1,8 @@
 declare interface ToggleButtonVariant {
   /**
+  * - `brandSolid`: 브랜드 컬러로 강조된 스타일입니다.
+  * - `neutralWeak`: 기본적인 토글 스타일입니다.
+  *
   * @default "brandSolid"
   */
   variant: "brandSolid" | "neutralWeak";