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

package/components/top-navigation.yaml

@@ -0,0 +1,106 @@
+# yaml-language-server: $schema=./schema.json
+kind: ComponentSpec
+metadata:
+  id: top-navigation
+  name: Top Navigation
+data:
+  schema:
+    slots:
+      root:
+        properties:
+          minHeight:
+            type: dimension
+          paddingX:
+            type: dimension
+          color:
+            type: color
+          strokeColor:
+            type: color
+          strokeWidth:
+            type: dimension
+      icon:
+        properties:
+          size:
+            type: dimension
+          targetSize:
+            type: dimension
+          color:
+            type: color
+      title:
+        properties:
+          color:
+            type: color
+          fontSize:
+            type: dimension
+          fontWeight:
+            type: number
+          lineHeight:
+            type: dimension
+      subtitle:
+        properties:
+          color:
+            type: color
+          fontSize:
+            type: dimension
+          fontWeight:
+            type: number
+          lineHeight:
+            type: dimension
+  definitions:
+    theme=cupertino:
+      enabled:
+        root:
+          minHeight: 44px
+          paddingX: $dimension.x4
+        icon:
+          size: 24px
+          targetSize: 44px
+    theme=android:
+      enabled:
+        root:
+          minHeight: 56px
+          paddingX: $dimension.x4
+        icon:
+          size: 24px
+          targetSize: 44px
+    tone=layer:
+      enabled:
+        root:
+          color: $color.bg.layer-default
+        title:
+          color: $color.fg.neutral
+        subtitle:
+          color: $color.fg.neutral-muted
+        icon:
+          color: $color.fg.neutral
+    tone=transparent:
+      enabled:
+        root:
+          color: "#00000000"
+        title:
+          color: $color.palette.static-white
+        subtitle:
+          color: $color.palette.static-white
+        icon:
+          color: $color.palette.static-white
+    divider=true:
+      enabled:
+        root:
+          strokeColor: $color.stroke.neutral-subtle
+          strokeWidth: 1px
+    titleLayout=titleOnly:
+      enabled:
+        title:
+          fontSize: $font-size.t6-static
+          fontWeight: $font-weight.bold
+          lineHeight: $line-height.t6-static
+    titleLayout=withSubtitle:
+      enabled:
+        title:
+          fontSize: $font-size.t5-static
+          fontWeight: $font-weight.bold
+          lineHeight: $line-height.t5-static
+        subtitle:
+          fontSize: $font-size.t2-static
+          fontWeight: $font-weight.regular
+          lineHeight: $line-height.t2-static

package/components/typography.yaml

@@ -0,0 +1,380 @@
+# yaml-language-server: $schema=./schema.json
+kind: ComponentSpec
+metadata:
+  id: typography
+  name: Typography
+data:
+  schema:
+    slots:
+      root:
+        properties:
+          fontSize:
+            type: dimension
+          lineHeight:
+            type: dimension
+          fontWeight:
+            type: number
+    variants:
+      textStyle:
+        values:
+          screenTitle:
+            description: 화면에 크게 표시되는 주요 제목이나 타이틀에 사용합니다.
+          articleBody:
+            description: 게시물이나 콘텐츠 중심 섹션의 본문 텍스트에 사용합니다.
+          articleNote:
+            description: 주석, 참고 사항 및 상세 리스트 등 부가 정보에 사용하며, 일반 본문 텍스트에는 사용하지 않습니다.
+          t1StaticRegular:
+            description: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+          t1StaticMedium:
+            description: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+          t1StaticBold:
+            description: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+          t2StaticRegular:
+            description: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+          t2StaticMedium:
+            description: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+          t2StaticBold:
+            description: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+          t3StaticRegular:
+            description: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+          t3StaticMedium:
+            description: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+          t3StaticBold:
+            description: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+          t4StaticRegular:
+            description: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+          t4StaticMedium:
+            description: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+          t4StaticBold:
+            description: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+          t5StaticRegular:
+            description: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+          t5StaticMedium:
+            description: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+          t5StaticBold:
+            description: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+          t6StaticRegular:
+            description: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+          t6StaticMedium:
+            description: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+          t6StaticBold:
+            description: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+          t7StaticRegular:
+            description: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+          t7StaticMedium:
+            description: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+          t7StaticBold:
+            description: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+          t8StaticBold:
+            description: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+          t9StaticBold:
+            description: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+          t10StaticBold:
+            description: 폰트 스케일링에 반응하지 않도록 static text size와 static line height 토큰을 사용합니다.
+  definitions:
+    textStyle=screenTitle:
+      enabled:
+        root:
+          fontSize: $font-size.t10
+          lineHeight: $line-height.t10
+          fontWeight: $font-weight.bold
+    textStyle=articleBody:
+      enabled:
+        root:
+          fontSize: $font-size.t5
+          lineHeight: $line-height.t6
+          fontWeight: $font-weight.regular
+    textStyle=articleNote:
+      enabled:
+        root:
+          fontSize: $font-size.t4
+          lineHeight: $line-height.t5
+          fontWeight: $font-weight.regular
+    textStyle=t1Regular:
+      enabled:
+        root:
+          fontSize: $font-size.t1
+          lineHeight: $line-height.t1
+          fontWeight: $font-weight.regular
+    textStyle=t1Medium:
+      enabled:
+        root:
+          fontSize: $font-size.t1
+          lineHeight: $line-height.t1
+          fontWeight: $font-weight.medium
+    textStyle=t1Bold:
+      enabled:
+        root:
+          fontSize: $font-size.t1
+          lineHeight: $line-height.t1
+          fontWeight: $font-weight.bold
+    textStyle=t2Regular:
+      enabled:
+        root:
+          fontSize: $font-size.t2
+          lineHeight: $line-height.t2
+          fontWeight: $font-weight.regular
+    textStyle=t2Medium:
+      enabled:
+        root:
+          fontSize: $font-size.t2
+          lineHeight: $line-height.t2
+          fontWeight: $font-weight.medium
+    textStyle=t2Bold:
+      enabled:
+        root:
+          fontSize: $font-size.t2
+          lineHeight: $line-height.t2
+          fontWeight: $font-weight.bold
+    textStyle=t3Regular:
+      enabled:
+        root:
+          fontSize: $font-size.t3
+          lineHeight: $line-height.t3
+          fontWeight: $font-weight.regular
+    textStyle=t3Medium:
+      enabled:
+        root:
+          fontSize: $font-size.t3
+          lineHeight: $line-height.t3
+          fontWeight: $font-weight.medium
+    textStyle=t3Bold:
+      enabled:
+        root:
+          fontSize: $font-size.t3
+          lineHeight: $line-height.t3
+          fontWeight: $font-weight.bold
+    textStyle=t4Regular:
+      enabled:
+        root:
+          fontSize: $font-size.t4
+          lineHeight: $line-height.t4
+          fontWeight: $font-weight.regular
+    textStyle=t4Medium:
+      enabled:
+        root:
+          fontSize: $font-size.t4
+          lineHeight: $line-height.t4
+          fontWeight: $font-weight.medium
+    textStyle=t4Bold:
+      enabled:
+        root:
+          fontSize: $font-size.t4
+          lineHeight: $line-height.t4
+          fontWeight: $font-weight.bold
+    textStyle=t5Regular:
+      enabled:
+        root:
+          fontSize: $font-size.t5
+          lineHeight: $line-height.t5
+          fontWeight: $font-weight.regular
+    textStyle=t5Medium:
+      enabled:
+        root:
+          fontSize: $font-size.t5
+          lineHeight: $line-height.t5
+          fontWeight: $font-weight.medium
+    textStyle=t5Bold:
+      enabled:
+        root:
+          fontSize: $font-size.t5
+          lineHeight: $line-height.t5
+          fontWeight: $font-weight.bold
+    textStyle=t6Regular:
+      enabled:
+        root:
+          fontSize: $font-size.t6
+          lineHeight: $line-height.t6
+          fontWeight: $font-weight.regular
+    textStyle=t6Medium:
+      enabled:
+        root:
+          fontSize: $font-size.t6
+          lineHeight: $line-height.t6
+          fontWeight: $font-weight.medium
+    textStyle=t6Bold:
+      enabled:
+        root:
+          fontSize: $font-size.t6
+          lineHeight: $line-height.t6
+          fontWeight: $font-weight.bold
+    textStyle=t7Regular:
+      enabled:
+        root:
+          fontSize: $font-size.t7
+          lineHeight: $line-height.t7
+          fontWeight: $font-weight.regular
+    textStyle=t7Medium:
+      enabled:
+        root:
+          fontSize: $font-size.t7
+          lineHeight: $line-height.t7
+          fontWeight: $font-weight.medium
+    textStyle=t7Bold:
+      enabled:
+        root:
+          fontSize: $font-size.t7
+          lineHeight: $line-height.t7
+          fontWeight: $font-weight.bold
+    textStyle=t8Bold:
+      enabled:
+        root:
+          fontSize: $font-size.t8
+          lineHeight: $line-height.t8
+          fontWeight: $font-weight.bold
+    textStyle=t9Bold:
+      enabled:
+        root:
+          fontSize: $font-size.t9
+          lineHeight: $line-height.t9
+          fontWeight: $font-weight.bold
+    textStyle=t10Bold:
+      enabled:
+        root:
+          fontSize: $font-size.t10
+          lineHeight: $line-height.t10
+          fontWeight: $font-weight.bold
+    textStyle=t1StaticRegular:
+      enabled:
+        root:
+          fontSize: $font-size.t1-static
+          lineHeight: $line-height.t1-static
+          fontWeight: $font-weight.regular
+    textStyle=t1StaticMedium:
+      enabled:
+        root:
+          fontSize: $font-size.t1-static
+          lineHeight: $line-height.t1-static
+          fontWeight: $font-weight.medium
+    textStyle=t1StaticBold:
+      enabled:
+        root:
+          fontSize: $font-size.t1-static
+          lineHeight: $line-height.t1-static
+          fontWeight: $font-weight.bold
+    textStyle=t2StaticRegular:
+      enabled:
+        root:
+          fontSize: $font-size.t2-static
+          lineHeight: $line-height.t2-static
+          fontWeight: $font-weight.regular
+    textStyle=t2StaticMedium:
+      enabled:
+        root:
+          fontSize: $font-size.t2-static
+          lineHeight: $line-height.t2-static
+          fontWeight: $font-weight.medium
+    textStyle=t2StaticBold:
+      enabled:
+        root:
+          fontSize: $font-size.t2-static
+          lineHeight: $line-height.t2-static
+          fontWeight: $font-weight.bold
+    textStyle=t3StaticRegular:
+      enabled:
+        root:
+          fontSize: $font-size.t3-static
+          lineHeight: $line-height.t3-static
+          fontWeight: $font-weight.regular
+    textStyle=t3StaticMedium:
+      enabled:
+        root:
+          fontSize: $font-size.t3-static
+          lineHeight: $line-height.t3-static
+          fontWeight: $font-weight.medium
+    textStyle=t3StaticBold:
+      enabled:
+        root:
+          fontSize: $font-size.t3-static
+          lineHeight: $line-height.t3-static
+          fontWeight: $font-weight.bold
+    textStyle=t4StaticRegular:
+      enabled:
+        root:
+          fontSize: $font-size.t4-static
+          lineHeight: $line-height.t4-static
+          fontWeight: $font-weight.regular
+    textStyle=t4StaticMedium:
+      enabled:
+        root:
+          fontSize: $font-size.t4-static
+          lineHeight: $line-height.t4-static
+          fontWeight: $font-weight.medium
+    textStyle=t4StaticBold:
+      enabled:
+        root:
+          fontSize: $font-size.t4-static
+          lineHeight: $line-height.t4-static
+          fontWeight: $font-weight.bold
+    textStyle=t5StaticRegular:
+      enabled:
+        root:
+          fontSize: $font-size.t5-static
+          lineHeight: $line-height.t5-static
+          fontWeight: $font-weight.regular
+    textStyle=t5StaticMedium:
+      enabled:
+        root:
+          fontSize: $font-size.t5-static
+          lineHeight: $line-height.t5-static
+          fontWeight: $font-weight.medium
+    textStyle=t5StaticBold:
+      enabled:
+        root:
+          fontSize: $font-size.t5-static
+          lineHeight: $line-height.t5-static
+          fontWeight: $font-weight.bold
+    textStyle=t6StaticRegular:
+      enabled:
+        root:
+          fontSize: $font-size.t6-static
+          lineHeight: $line-height.t6-static
+          fontWeight: $font-weight.regular
+    textStyle=t6StaticMedium:
+      enabled:
+        root:
+          fontSize: $font-size.t6-static
+          lineHeight: $line-height.t6-static
+          fontWeight: $font-weight.medium
+    textStyle=t6StaticBold:
+      enabled:
+        root:
+          fontSize: $font-size.t6-static
+          lineHeight: $line-height.t6-static
+          fontWeight: $font-weight.bold
+    textStyle=t7StaticRegular:
+      enabled:
+        root:
+          fontSize: $font-size.t7-static
+          lineHeight: $line-height.t7-static
+          fontWeight: $font-weight.regular
+    textStyle=t7StaticMedium:
+      enabled:
+        root:
+          fontSize: $font-size.t7-static
+          lineHeight: $line-height.t7-static
+          fontWeight: $font-weight.medium
+    textStyle=t7StaticBold:
+      enabled:
+        root:
+          fontSize: $font-size.t7-static
+          lineHeight: $line-height.t7-static
+          fontWeight: $font-weight.bold
+    textStyle=t8StaticBold:
+      enabled:
+        root:
+          fontSize: $font-size.t8-static
+          lineHeight: $line-height.t8-static
+          fontWeight: $font-weight.bold
+    textStyle=t9StaticBold:
+      enabled:
+        root:
+          fontSize: $font-size.t9-static
+          lineHeight: $line-height.t9-static
+          fontWeight: $font-weight.bold
+    textStyle=t10StaticBold:
+      enabled:
+        root:
+          fontSize: $font-size.t10-static
+          lineHeight: $line-height.t10-static
+          fontWeight: $font-weight.bold

package/dimension.yaml

@@ -0,0 +1,88 @@
+kind: Tokens
+metadata:
+  id: dimension
+  name: Dimension
+data:
+  collection: global
+  tokens:
+    $dimension.x0_5:
+      values:
+        default: 2px
+    $dimension.x1:
+      values:
+        default: 4px
+    $dimension.x1_5:
+      values:
+        default: 6px
+    $dimension.x2:
+      values:
+        default: 8px
+    $dimension.x2_5:
+      values:
+        default: 10px
+    $dimension.x3:
+      values:
+        default: 12px
+    $dimension.x3_5:
+      values:
+        default: 14px
+    $dimension.x4:
+      values:
+        default: 16px
+    $dimension.x4_5:
+      values:
+        default: 18px
+    $dimension.x5:
+      values:
+        default: 20px
+    $dimension.x6:
+      values:
+        default: 24px
+    $dimension.x7:
+      values:
+        default: 28px
+    $dimension.x8:
+      values:
+        default: 32px
+    $dimension.x9:
+      values:
+        default: 36px
+    $dimension.x10:
+      values:
+        default: 40px
+    $dimension.x12:
+      values:
+        default: 48px
+    $dimension.x13:
+      values:
+        default: 52px
+    $dimension.x14:
+      values:
+        default: 56px
+    $dimension.x16:
+      values:
+        default: 64px
+    $dimension.spacing-x.between-chips:
+      description: Chip 사이의 수평 간격에 사용합니다.
+      values:
+        default: $dimension.x2
+    $dimension.spacing-x.global-gutter:
+      description: 화면 전체에 적용되는 기본 수평 padding 값입니다.
+      values:
+        default: $dimension.x4
+    $dimension.spacing-y.component-default:
+      description: 컴포넌트 간 수직 간격 토큰이 정의되지 않은 컴포넌트 사이의 수직 간격에 사용합니다.
+      values:
+        default: $dimension.x3
+    $dimension.spacing-y.nav-to-title:
+      description: Top Navigation과 Page Title 사이의 간격입니다.
+      values:
+        default: $dimension.x5
+    $dimension.spacing-y.screen-bottom:
+      description: 화면 하단의 여백입니다.
+      values:
+        default: $dimension.x14
+    $dimension.spacing-y.between-text:
+      description: 텍스트 요소 간의 수직 간격입니다.
+      values:
+        default: $dimension.x1_5

package/duration.yaml

@@ -0,0 +1,29 @@
+kind: Tokens
+metadata:
+  id: duration
+  name: Duration
+  lastUpdated: 25-11-18
+data:
+  collection: global
+  tokens:
+    $duration.d1:
+      values:
+        default: 50ms
+    $duration.d2:
+      values:
+        default: 100ms
+    $duration.d3:
+      values:
+        default: 150ms
+    $duration.d4:
+      values:
+        default: 200ms
+    $duration.d5:
+      values:
+        default: 250ms
+    $duration.d6:
+      values:
+        default: 300ms
+    $duration.color-transition:
+      values:
+        default: $duration.d3

package/font-size.yaml

@@ -0,0 +1,77 @@
+kind: Tokens
+metadata:
+  id: font-size
+  name: Font Size
+data:
+  collection: global
+  tokens:
+    $font-size.t1:
+      values:
+        default: 0.6875rem # 11px ÷ 16
+    $font-size.t2:
+      values:
+        default: 0.75rem # 12px ÷ 16
+    $font-size.t3:
+      values:
+        default: 0.8125rem # 13px ÷ 16
+    $font-size.t4:
+      values:
+        default: 0.875rem # 14px ÷ 16
+    $font-size.t5:
+      values:
+        default: 1rem # 16px ÷ 16
+    $font-size.t6:
+      values:
+        default: 1.125rem # 18px ÷ 16
+    $font-size.t7:
+      values:
+        default: 1.25rem # 20px ÷ 16
+    $font-size.t8:
+      values:
+        default: 1.375rem # 22px ÷ 16
+    $font-size.t9:
+      values:
+        default: 1.5rem # 24px ÷ 16
+    $font-size.t10:
+      values:
+        default: 1.625rem # 26px ÷ 16
+    $font-size.t1-static:
+      description: 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다.
+      values:
+        default: 11px
+    $font-size.t2-static:
+      description: 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다.
+      values:
+        default: 12px
+    $font-size.t3-static:
+      description: 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다.
+      values:
+        default: 13px
+    $font-size.t4-static:
+      description: 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다.
+      values:
+        default: 14px
+    $font-size.t5-static:
+      description: 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다.
+      values:
+        default: 16px
+    $font-size.t6-static:
+      description: 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다.
+      values:
+        default: 18px
+    $font-size.t7-static:
+      description: 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다.
+      values:
+        default: 20px
+    $font-size.t8-static:
+      description: 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다.
+      values:
+        default: 22px
+    $font-size.t9-static:
+      description: 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다.
+      values:
+        default: 24px
+    $font-size.t10-static:
+      description: 폰트 스케일링에 반응하지 않도록 px로 정의되었습니다.
+      values:
+        default: 26px

package/font-weight.yaml

@@ -0,0 +1,16 @@
+kind: Tokens
+metadata:
+  id: font-weight
+  name: Font Weight
+data:
+  collection: global
+  tokens:
+    $font-weight.regular:
+      values:
+        default: 400
+    $font-weight.medium:
+      values:
+        default: 500
+    $font-weight.bold:
+      values:
+        default: 700