@seed-design/rootage-artifacts 1.2.12 → 2.0.0

package/components/typography.yaml

@@ -65,12 +65,72 @@ data:
             description: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
           t7StaticBold:
             description: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+          t8StaticRegular:
+            description: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+          t8StaticMedium:
+            description: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
           t8StaticBold:
             description: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+          t9StaticRegular:
+            description: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+          t9StaticMedium:
+            description: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
           t9StaticBold:
             description: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+          t10StaticRegular:
+            description: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+          t10StaticMedium:
+            description: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
           t10StaticBold:
             description: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+          t11Regular:
+            description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다."
+          t11Medium:
+            description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다."
+          t11Bold:
+            description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다."
+          t12Regular:
+            description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다."
+          t12Medium:
+            description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다."
+          t12Bold:
+            description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다."
+          t13Regular:
+            description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다."
+          t13Medium:
+            description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다."
+          t13Bold:
+            description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다."
+          t14Regular:
+            description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다."
+          t14Medium:
+            description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다."
+          t14Bold:
+            description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다."
+          t11StaticRegular:
+            description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다."
+          t11StaticMedium:
+            description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다."
+          t11StaticBold:
+            description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다."
+          t12StaticRegular:
+            description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다."
+          t12StaticMedium:
+            description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다."
+          t12StaticBold:
+            description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다."
+          t13StaticRegular:
+            description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다."
+          t13StaticMedium:
+            description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다."
+          t13StaticBold:
+            description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다."
+          t14StaticRegular:
+            description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다."
+          t14StaticMedium:
+            description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다."
+          t14StaticBold:
+            description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다."
   definitions:
     textStyle=screenTitle:
       enabled:
@@ -216,24 +276,132 @@ data:
           fontSize: $font-size.t7
           lineHeight: $line-height.t7
           fontWeight: $font-weight.bold
+    textStyle=t8Regular:
+      enabled:
+        root:
+          fontSize: $font-size.t8
+          lineHeight: $line-height.t8
+          fontWeight: $font-weight.regular
+    textStyle=t8Medium:
+      enabled:
+        root:
+          fontSize: $font-size.t8
+          lineHeight: $line-height.t8
+          fontWeight: $font-weight.medium
     textStyle=t8Bold:
       enabled:
         root:
           fontSize: $font-size.t8
           lineHeight: $line-height.t8
           fontWeight: $font-weight.bold
+    textStyle=t9Regular:
+      enabled:
+        root:
+          fontSize: $font-size.t9
+          lineHeight: $line-height.t9
+          fontWeight: $font-weight.regular
+    textStyle=t9Medium:
+      enabled:
+        root:
+          fontSize: $font-size.t9
+          lineHeight: $line-height.t9
+          fontWeight: $font-weight.medium
     textStyle=t9Bold:
       enabled:
         root:
           fontSize: $font-size.t9
           lineHeight: $line-height.t9
           fontWeight: $font-weight.bold
+    textStyle=t10Regular:
+      enabled:
+        root:
+          fontSize: $font-size.t10
+          lineHeight: $line-height.t10
+          fontWeight: $font-weight.regular
+    textStyle=t10Medium:
+      enabled:
+        root:
+          fontSize: $font-size.t10
+          lineHeight: $line-height.t10
+          fontWeight: $font-weight.medium
     textStyle=t10Bold:
       enabled:
         root:
           fontSize: $font-size.t10
           lineHeight: $line-height.t10
           fontWeight: $font-weight.bold
+    textStyle=t11Regular:
+      enabled:
+        root:
+          fontSize: $font-size.t11
+          lineHeight: $line-height.t11
+          fontWeight: $font-weight.regular
+    textStyle=t11Medium:
+      enabled:
+        root:
+          fontSize: $font-size.t11
+          lineHeight: $line-height.t11
+          fontWeight: $font-weight.medium
+    textStyle=t11Bold:
+      enabled:
+        root:
+          fontSize: $font-size.t11
+          lineHeight: $line-height.t11
+          fontWeight: $font-weight.bold
+    textStyle=t12Regular:
+      enabled:
+        root:
+          fontSize: $font-size.t12
+          lineHeight: $line-height.t12
+          fontWeight: $font-weight.regular
+    textStyle=t12Medium:
+      enabled:
+        root:
+          fontSize: $font-size.t12
+          lineHeight: $line-height.t12
+          fontWeight: $font-weight.medium
+    textStyle=t12Bold:
+      enabled:
+        root:
+          fontSize: $font-size.t12
+          lineHeight: $line-height.t12
+          fontWeight: $font-weight.bold
+    textStyle=t13Regular:
+      enabled:
+        root:
+          fontSize: $font-size.t13
+          lineHeight: $line-height.t13
+          fontWeight: $font-weight.regular
+    textStyle=t13Medium:
+      enabled:
+        root:
+          fontSize: $font-size.t13
+          lineHeight: $line-height.t13
+          fontWeight: $font-weight.medium
+    textStyle=t13Bold:
+      enabled:
+        root:
+          fontSize: $font-size.t13
+          lineHeight: $line-height.t13
+          fontWeight: $font-weight.bold
+    textStyle=t14Regular:
+      enabled:
+        root:
+          fontSize: $font-size.t14
+          lineHeight: $line-height.t14
+          fontWeight: $font-weight.regular
+    textStyle=t14Medium:
+      enabled:
+        root:
+          fontSize: $font-size.t14
+          lineHeight: $line-height.t14
+          fontWeight: $font-weight.medium
+    textStyle=t14Bold:
+      enabled:
+        root:
+          fontSize: $font-size.t14
+          lineHeight: $line-height.t14
+          fontWeight: $font-weight.bold
     textStyle=t1StaticRegular:
       enabled:
         root:
@@ -360,21 +528,129 @@ data:
           fontSize: $font-size.t7-static
           lineHeight: $line-height.t7-static
           fontWeight: $font-weight.bold
+    textStyle=t8StaticRegular:
+      enabled:
+        root:
+          fontSize: $font-size.t8-static
+          lineHeight: $line-height.t8-static
+          fontWeight: $font-weight.regular
+    textStyle=t8StaticMedium:
+      enabled:
+        root:
+          fontSize: $font-size.t8-static
+          lineHeight: $line-height.t8-static
+          fontWeight: $font-weight.medium
     textStyle=t8StaticBold:
       enabled:
         root:
           fontSize: $font-size.t8-static
           lineHeight: $line-height.t8-static
           fontWeight: $font-weight.bold
+    textStyle=t9StaticRegular:
+      enabled:
+        root:
+          fontSize: $font-size.t9-static
+          lineHeight: $line-height.t9-static
+          fontWeight: $font-weight.regular
+    textStyle=t9StaticMedium:
+      enabled:
+        root:
+          fontSize: $font-size.t9-static
+          lineHeight: $line-height.t9-static
+          fontWeight: $font-weight.medium
     textStyle=t9StaticBold:
       enabled:
         root:
           fontSize: $font-size.t9-static
           lineHeight: $line-height.t9-static
           fontWeight: $font-weight.bold
+    textStyle=t10StaticRegular:
+      enabled:
+        root:
+          fontSize: $font-size.t10-static
+          lineHeight: $line-height.t10-static
+          fontWeight: $font-weight.regular
+    textStyle=t10StaticMedium:
+      enabled:
+        root:
+          fontSize: $font-size.t10-static
+          lineHeight: $line-height.t10-static
+          fontWeight: $font-weight.medium
     textStyle=t10StaticBold:
       enabled:
         root:
           fontSize: $font-size.t10-static
           lineHeight: $line-height.t10-static
           fontWeight: $font-weight.bold
+    textStyle=t11StaticRegular:
+      enabled:
+        root:
+          fontSize: $font-size.t11-static
+          lineHeight: $line-height.t11-static
+          fontWeight: $font-weight.regular
+    textStyle=t11StaticMedium:
+      enabled:
+        root:
+          fontSize: $font-size.t11-static
+          lineHeight: $line-height.t11-static
+          fontWeight: $font-weight.medium
+    textStyle=t11StaticBold:
+      enabled:
+        root:
+          fontSize: $font-size.t11-static
+          lineHeight: $line-height.t11-static
+          fontWeight: $font-weight.bold
+    textStyle=t12StaticRegular:
+      enabled:
+        root:
+          fontSize: $font-size.t12-static
+          lineHeight: $line-height.t12-static
+          fontWeight: $font-weight.regular
+    textStyle=t12StaticMedium:
+      enabled:
+        root:
+          fontSize: $font-size.t12-static
+          lineHeight: $line-height.t12-static
+          fontWeight: $font-weight.medium
+    textStyle=t12StaticBold:
+      enabled:
+        root:
+          fontSize: $font-size.t12-static
+          lineHeight: $line-height.t12-static
+          fontWeight: $font-weight.bold
+    textStyle=t13StaticRegular:
+      enabled:
+        root:
+          fontSize: $font-size.t13-static
+          lineHeight: $line-height.t13-static
+          fontWeight: $font-weight.regular
+    textStyle=t13StaticMedium:
+      enabled:
+        root:
+          fontSize: $font-size.t13-static
+          lineHeight: $line-height.t13-static
+          fontWeight: $font-weight.medium
+    textStyle=t13StaticBold:
+      enabled:
+        root:
+          fontSize: $font-size.t13-static
+          lineHeight: $line-height.t13-static
+          fontWeight: $font-weight.bold
+    textStyle=t14StaticRegular:
+      enabled:
+        root:
+          fontSize: $font-size.t14-static
+          lineHeight: $line-height.t14-static
+          fontWeight: $font-weight.regular
+    textStyle=t14StaticMedium:
+      enabled:
+        root:
+          fontSize: $font-size.t14-static
+          lineHeight: $line-height.t14-static
+          fontWeight: $font-weight.medium
+    textStyle=t14StaticBold:
+      enabled:
+        root:
+          fontSize: $font-size.t14-static
+          lineHeight: $line-height.t14-static
+          fontWeight: $font-weight.bold

package/font-size.yaml

@@ -35,6 +35,22 @@ data:
     $font-size.t10:
       values:
         default: 1.625rem # 26px ÷ 16
+    $font-size.t11:
+      description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다."
+      values:
+        default: 1.75rem # 28px ÷ 16
+    $font-size.t12:
+      description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다."
+      values:
+        default: 2rem # 32px ÷ 16
+    $font-size.t13:
+      description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다."
+      values:
+        default: 2.5rem # 40px ÷ 16
+    $font-size.t14:
+      description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다."
+      values:
+        default: 3rem # 48px ÷ 16
     $font-size.t1-static:
       description: 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다.
       values:
@@ -75,3 +91,19 @@ data:
       description: 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다.
       values:
         default: 26px
+    $font-size.t11-static:
+      description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다."
+      values:
+        default: 28px
+    $font-size.t12-static:
+      description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다."
+      values:
+        default: 32px
+    $font-size.t13-static:
+      description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다."
+      values:
+        default: 40px
+    $font-size.t14-static:
+      description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다."
+      values:
+        default: 48px

package/gradient.yaml

@@ -6,44 +6,6 @@ metadata:
 data:
   collection: color
   tokens:
-    $gradient.fade-layer-floating:
-      description: |
-        스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.
-        @deprecated `@seed-design/css@1.3.0`에서 제거될 예정입니다.
-      values:
-        theme-light:
-          type: gradient
-          value:
-            - color: "#ffffff00"
-              position: 0
-            - color: "#000000"
-              position: 1
-        theme-dark:
-          type: gradient
-          value:
-            - color: "#1d202500"
-              position: 0
-            - color: "#000000"
-              position: 1
-    $gradient.fade-layer-default:
-      description: |
-        스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.
-        @deprecated `@seed-design/css@1.3.0`에서 제거될 예정입니다.
-      values:
-        theme-light:
-          type: gradient
-          value:
-            - color: "#000000"
-              position: 0
-            - color: "#ffffff00"
-              position: 1
-        theme-dark:
-          type: gradient
-          value:
-            - color: "#000000"
-              position: 0
-            - color: "#16171b00"
-              position: 1
     $gradient.glow-magic:
       description: 반짝이는 것처럼 느껴지는 배경에 쓰이는 ai 컬러입니다.
       values:

package/line-height.yaml

@@ -35,6 +35,22 @@ data:
     $line-height.t10:
       values:
         default: 2.1875rem # 35px ÷ 16
+    $line-height.t11:
+      description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다."
+      values:
+        default: 2.375rem # 38px ÷ 16
+    $line-height.t12:
+      description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다."
+      values:
+        default: 2.625rem # 42px ÷ 16
+    $line-height.t13:
+      description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다."
+      values:
+        default: 3.25rem # 52px ÷ 16
+    $line-height.t14:
+      description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다."
+      values:
+        default: 3.75rem # 60px ÷ 16
     $line-height.t1-static:
       description: 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다.
       values:
@@ -75,3 +91,19 @@ data:
       description: 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다.
       values:
         default: 35px
+    $line-height.t11-static:
+      description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다."
+      values:
+        default: 38px
+    $line-height.t12-static:
+      description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다."
+      values:
+        default: 42px
+    $line-height.t13-static:
+      description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다."
+      values:
+        default: 52px
+    $line-height.t14-static:
+      description: "`sm` breakpoint 이상에서만 사용하는 것을 권장합니다. 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다."
+      values:
+        default: 60px

package/package.json

@@ -1,19 +1,27 @@
 {
   "name": "@seed-design/rootage-artifacts",
-  "version": "1.2.12",
+  "version": "2.0.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/daangn/seed-design.git",
     "directory": "packages/rootage"
   },
   "scripts": {
-    "rootage:generate": "bun rootage json-schema ./components"
+    "rootage:generate": "bun rootage json-schema ./components && bun rootage json ./__generated__"
   },
   "main": "package.json",
   "files": [
     "*.yaml",
-    "components/*.yaml"
+    "components/*.yaml",
+    "__generated__/**/*.json"
   ],
+  "exports": {
+    ".": "./package.json",
+    "./package.json": "./package.json",
+    "./index.json": "./__generated__/index.json",
+    "./components/*.json": "./__generated__/components/*.json",
+    "./*.json": "./__generated__/*.json"
+  },
   "publishConfig": {
     "access": "public"
   }

package/components/chip-tab.yaml

@@ -1,137 +0,0 @@
-# yaml-language-server: $schema=./schema.json
-kind: ComponentSpec
-metadata:
-  id: chip-tab
-  name: Chip Tab
-data:
-  schema:
-    slots:
-      root:
-        properties:
-          colorDuration:
-            type: duration
-          colorTimingFunction:
-            type: cubicBezier
-          paddingX:
-            type: dimension
-          paddingY:
-            type: dimension
-          cornerRadius:
-            type: dimension
-          minHeight:
-            type: dimension
-          color:
-            type: color
-          strokeColor:
-            type: color
-          strokeWidth:
-            type: dimension
-      label:
-        properties:
-          fontSize:
-            type: dimension
-          fontWeight:
-            type: number
-          color:
-            type: color
-  definitions:
-    base:
-      enabled:
-        root:
-          colorDuration: $duration.color-transition
-          colorTimingFunction: $timing-function.easing
-          paddingY: $dimension.x2
-          cornerRadius: $radius.full
-        label:
-          fontWeight: $font-weight.medium
-    size=medium:
-      enabled:
-        root:
-          paddingX: $dimension.x3_5
-          minHeight: 36px
-        label:
-          fontSize: $font-size.t4
-    size=large:
-      enabled:
-        root:
-          paddingX: $dimension.x4
-          minHeight: 40px
-        label:
-          fontSize: $font-size.t4
-    variant=neutralSolid:
-      enabled:
-        root:
-          color: $color.bg.neutral-weak-alpha
-        label:
-          color: $color.fg.neutral
-      enabled,pressed:
-        root:
-          color: $color.bg.neutral-weak-alpha-pressed
-      selected:
-        root:
-          color: $color.bg.neutral-inverted
-        label:
-          color: $color.fg.neutral-inverted
-      selected,pressed:
-        root:
-          color: $color.bg.neutral-inverted-pressed
-      disabled:
-        label:
-          color: $color.fg.disabled
-      selected,disabled:
-        root:
-          color: $color.bg.disabled
-        label:
-          color: $color.fg.disabled
-    variant=neutralOutline:
-      enabled:
-        root:
-          color: $color.bg.transparent
-          strokeColor: $color.stroke.neutral-muted
-          strokeWidth: 1px
-        label:
-          color: $color.fg.neutral
-      enabled,pressed:
-        root:
-          color: $color.bg.transparent-pressed
-      selected:
-        root:
-          color: $color.bg.neutral-inverted
-        label:
-          color: $color.fg.neutral-inverted
-      selected,pressed:
-        root:
-          color: $color.bg.neutral-inverted-pressed
-      disabled:
-        label:
-          color: $color.fg.disabled
-      selected,disabled:
-        root:
-          color: $color.bg.disabled
-        label:
-          color: $color.fg.disabled
-    variant=brandSolid:
-      enabled:
-        root:
-          color: $color.bg.neutral-weak
-        label:
-          color: $color.fg.neutral-muted
-      enabled,pressed:
-        root:
-          color: $color.bg.neutral-weak-pressed
-      selected:
-        root:
-          color: $color.bg.brand-solid
-        label:
-          color: $color.palette.static-white
-      selected,pressed:
-        root:
-          color: $color.bg.brand-solid-pressed
-      disabled:
-        root:
-          color: $color.bg.disabled
-        label:
-          color: $color.fg.disabled
-      selected,disabled:
-        root:
-          color: $color.bg.disabled