@seed-design/rootage-artifacts 0.0.0-alpha-20260414104312

package/gradient.yaml

@@ -0,0 +1,134 @@
+kind: Tokens
+metadata:
+  id: gradient
+  name: Gradient
+  lastUpdated: 26-01-14
+data:
+  collection: color
+  tokens:
+    $gradient.glow-magic:
+      description: 반짝이는 것처럼 느껴지는 배경에 쓰이는 ai 컬러입니다.
+      values:
+        theme-light:
+          type: gradient
+          value:
+            - color: "#fef6f7"
+              position: 0
+            - color: "#fef0e7"
+              position: 0.8
+            - color: "#f9f7f5"
+              position: 1
+        theme-dark:
+          type: gradient
+          value:
+            - color: "#2d252d"
+              position: 0
+            - color: "#3a312b"
+              position: 0.8
+            - color: "#333232"
+              position: 1
+    $gradient.glow-magic-pressed:
+      description: 반짝이는 것처럼 느껴지는 배경에 쓰이는 ai 컬러의 pressed컬러입니다.
+      values:
+        theme-light:
+          type: gradient
+          value:
+            - color: "#fbf0f2"
+              position: 0
+            - color: "#ffe8db"
+              position: 0.8
+            - color: "#f5f2ef"
+              position: 1
+        theme-dark:
+          type: gradient
+          value:
+            - color: "#3e333e"
+              position: 0
+            - color: "#51453e"
+              position: 0.8
+            - color: "#434242"
+              position: 1
+    $gradient.highlight-magic:
+      description: 아이콘 및 shape 영역에서 AI 기능을 표현할 때 사용하는 컬러입니다.
+      values:
+        theme-light:
+          type: gradient
+          value:
+            - color: "#ff6600"
+              position: 0.2
+            - color: "#d25aca"
+              position: 1
+        theme-dark:
+          type: gradient
+          value:
+            - color: "#ff6600"
+              position: 0.2
+            - color: "#d25aca"
+              position: 1
+    $gradient.highlight-magic-pressed:
+      description: ""
+      values:
+        theme-light:
+          type: gradient
+          value:
+            - color: "#e14f00"
+              position: 0.2
+            - color: "#ae58bf"
+              position: 1
+        theme-dark:
+          type: gradient
+          value:
+            - color: "#ff9e65"
+              position: 0.2
+            - color: "#e89bee"
+              position: 1
+    $gradient.shimmer-magic:
+      description: Skeleton AI shimmer
+      values:
+        theme-light:
+          type: gradient
+          value:
+            - color: "#fff9f500"
+              position: 0
+            - color: "#fff9f5cc"
+              position: 0.46
+            - color: "#fff9f5cc"
+              position: 0.54
+            - color: "#fff9f500"
+              position: 1
+        theme-dark:
+          type: gradient
+          value:
+            - color: "#fff9f500"
+              position: 0
+            - color: "#fff9f51a"
+              position: 0.46
+            - color: "#fff9f51a"
+              position: 0.54
+            - color: "#fff9f500"
+              position: 1
+    $gradient.shimmer-neutral:
+      description: Skeleton shimmer
+      values:
+        theme-light:
+          type: gradient
+          value:
+            - color: "#ffffff00"
+              position: 0
+            - color: "#ffffffab"
+              position: 0.46
+            - color: "#ffffffab"
+              position: 0.54
+            - color: "#ffffff00"
+              position: 1
+        theme-dark:
+          type: gradient
+          value:
+            - color: "#ffffff00"
+              position: 0
+            - color: "#ffffff1a"
+              position: 0.46
+            - color: "#ffffff1a"
+              position: 0.54
+            - color: "#ffffff00"
+              position: 1

package/line-height.yaml

@@ -0,0 +1,77 @@
+kind: Tokens
+metadata:
+  id: line-height
+  name: Line Height
+data:
+  collection: global
+  tokens:
+    $line-height.t1:
+      values:
+        default: 0.9375rem # 15px ÷ 16
+    $line-height.t2:
+      values:
+        default: 1rem # 16px ÷ 16
+    $line-height.t3:
+      values:
+        default: 1.125rem # 18px ÷ 16
+    $line-height.t4:
+      values:
+        default: 1.1875rem # 19px ÷ 16
+    $line-height.t5:
+      values:
+        default: 1.375rem # 22px ÷ 16
+    $line-height.t6:
+      values:
+        default: 1.5rem # 24px ÷ 16
+    $line-height.t7:
+      values:
+        default: 1.6875rem # 27px ÷ 16
+    $line-height.t8:
+      values:
+        default: 1.875rem # 30px ÷ 16
+    $line-height.t9:
+      values:
+        default: 2rem # 32px ÷ 16
+    $line-height.t10:
+      values:
+        default: 2.1875rem # 35px ÷ 16
+    $line-height.t1-static:
+      description: 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다.
+      values:
+        default: 15px
+    $line-height.t2-static:
+      description: 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다.
+      values:
+        default: 16px
+    $line-height.t3-static:
+      description: 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다.
+      values:
+        default: 18px
+    $line-height.t4-static:
+      description: 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다.
+      values:
+        default: 19px
+    $line-height.t5-static:
+      description: 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다.
+      values:
+        default: 22px
+    $line-height.t6-static:
+      description: 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다.
+      values:
+        default: 24px
+    $line-height.t7-static:
+      description: 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다.
+      values:
+        default: 27px
+    $line-height.t8-static:
+      description: 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다.
+      values:
+        default: 30px
+    $line-height.t9-static:
+      description: 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다.
+      values:
+        default: 32px
+    $line-height.t10-static:
+      description: 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다.
+      values:
+        default: 35px

package/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "@seed-design/rootage-artifacts",
+  "version": "0.0.0-alpha-20260414104312",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/daangn/seed-design.git",
+    "directory": "packages/rootage"
+  },
+  "scripts": {
+    "rootage:generate": "bun rootage json-schema ./components"
+  },
+  "main": "package.json",
+  "files": [
+    "*.yaml",
+    "components/*.yaml"
+  ],
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/radius.yaml

@@ -0,0 +1,40 @@
+kind: Tokens
+metadata:
+  id: radius
+  name: Radius
+data:
+  collection: global
+  tokens:
+    $radius.r0_5:
+      values:
+        default: 2px
+    $radius.r1:
+      values:
+        default: 4px
+    $radius.r1_5:
+      values:
+        default: 6px
+    $radius.r2:
+      values:
+        default: 8px
+    $radius.r2_5:
+      values:
+        default: 10px
+    $radius.r3:
+      values:
+        default: 12px
+    $radius.r3_5:
+      values:
+        default: 14px
+    $radius.r4:
+      values:
+        default: 16px
+    $radius.r5:
+      values:
+        default: 20px
+    $radius.r6:
+      values:
+        default: 24px
+    $radius.full:
+      values:
+        default: 9999px

package/shadow.yaml

@@ -0,0 +1,63 @@
+kind: Tokens
+metadata:
+  id: shadow
+  name: Shadow
+  lastUpdated: 26-01-06
+data:
+  collection: color
+  tokens:
+    $shadow.s1:
+      values:
+        theme-light:
+          type: shadow
+          value:
+            - offsetX: 0px
+              offsetY: 1px
+              blur: 4px
+              spread: 0px
+              color: "#00000014"
+        theme-dark:
+          type: shadow
+          value:
+            - offsetX: 0px
+              offsetY: 1px
+              blur: 4px
+              spread: 0px
+              color: "#00000080"
+    $shadow.s2:
+      values:
+        theme-light:
+          type: shadow
+          value:
+            - offsetX: 0px
+              offsetY: 2px
+              blur: 10px
+              spread: 0px
+              color: "#0000001a"
+        theme-dark:
+          type: shadow
+          value:
+            - offsetX: 0px
+              offsetY: 2px
+              blur: 10px
+              spread: 0px
+              color: "#000000ad"
+    $shadow.s3:
+      description: 화면의 다른 요소들보다 가장 높은 계층에 위치할 때 사용됩니다.
+      values:
+        theme-light:
+          type: shadow
+          value:
+            - offsetX: 0px
+              offsetY: 4px
+              blur: 16px
+              spread: 0px
+              color: "#0000001f"
+        theme-dark:
+          type: shadow
+          value:
+            - offsetX: 0px
+              offsetY: 4px
+              blur: 16px
+              spread: 0px
+              color: "#000000cc"

package/timing-function.yaml

@@ -0,0 +1,37 @@
+kind: Tokens
+metadata:
+  id: timing-function
+  name: Timing Function
+data:
+  collection: global
+  tokens:
+    $timing-function.linear:
+      values:
+        default:
+          type: cubicBezier
+          value: [0, 0, 1, 1]
+    $timing-function.easing:
+      values:
+        default:
+          type: cubicBezier
+          value: [0.35, 0, 0.35, 1]
+    $timing-function.enter:
+      values:
+        default:
+          type: cubicBezier
+          value: [0, 0, 0.15, 1]
+    $timing-function.exit:
+      values:
+        default:
+          type: cubicBezier
+          value: [0.35, 0, 1, 1]
+    $timing-function.enter-expressive:
+      values:
+        default:
+          type: cubicBezier
+          value: [0.03, 0.4, 0.1, 1]
+    $timing-function.exit-expressive:
+      values:
+        default:
+          type: cubicBezier
+          value: [0.35, 0, 0.95, 0.55]