@seed-design/rootage-artifacts 1.2.12 → 2.1.0

package/components/attachment-input-item.yaml

@@ -0,0 +1,168 @@
+# yaml-language-server: $schema=./schema.json
+kind: ComponentSpec
+metadata:
+  id: attachment-input-item
+  name: Attachment Input Item
+data:
+  schema:
+    slots:
+      root:
+        properties:
+          width:
+            type: dimension
+          height:
+            type: dimension
+          paddingX:
+            type: dimension
+          gap:
+            type: dimension
+          color:
+            type: color
+          cornerRadius:
+            type: dimension
+          strokeWidth:
+            type: dimension
+          strokeColor:
+            type: color
+          opacity:
+            type: number
+      thumbnail:
+        properties:
+          color:
+            type: color
+          size:
+            type: dimension
+          cornerRadius:
+            type: dimension
+      thumbnailIcon:
+        properties:
+          color:
+            type: color
+          size:
+            type: dimension
+      name:
+        properties:
+          color:
+            type: color
+          fontSize:
+            type: dimension
+          lineHeight:
+            type: dimension
+          fontWeight:
+            type: number
+      size:
+        properties:
+          color:
+            type: color
+          fontSize:
+            type: dimension
+          lineHeight:
+            type: dimension
+          fontWeight:
+            type: number
+      backdrop:
+        properties:
+          color:
+            type: color
+      removeButtonMask:
+        description: dragging 상태에서는 표시되지 않습니다.
+        properties:
+          offset:
+            type: dimension
+          size:
+            type: dimension
+      badge:
+        properties:
+          color:
+            type: color
+          height:
+            type: dimension
+          cornerRadius:
+            type: dimension
+          paddingX:
+            type: dimension
+      badgeLabel:
+        properties:
+          color:
+            type: color
+          fontSize:
+            type: dimension
+          lineHeight:
+            type: dimension
+          fontWeight:
+            type: number
+
+  definitions:
+    base:
+      enabled:
+        root:
+          height: 80px
+          color: $color.bg.transparent
+          cornerRadius: $radius.r3
+          strokeWidth: 1px
+          gap: $dimension.x2_5
+        thumbnail:
+          color: $color.bg.neutral-weak
+          size: $dimension.x12
+          cornerRadius: $radius.r2
+        thumbnailIcon:
+          color: $color.fg.neutral-subtle
+          size: $dimension.x6
+        name:
+          color: $color.fg.neutral
+          fontSize: $font-size.t2
+          lineHeight: $line-height.t2
+          fontWeight: $font-weight.medium
+        size:
+          color: $color.fg.neutral-subtle
+          fontSize: $font-size.t1
+          lineHeight: $line-height.t1
+          fontWeight: $font-weight.regular
+        removeButtonMask:
+          offset: $dimension.x1_5
+          size: $dimension.x6
+
+    type=file:
+      enabled:
+        root:
+          width: 160px
+          strokeColor: $color.stroke.neutral-weak
+          paddingX: $dimension.x4
+      readonly:
+        thumbnailIcon:
+          color: $color.fg.disabled
+        name:
+          color: $color.fg.disabled
+        size:
+          color: $color.fg.disabled
+      dragging:
+        thumbnailIcon:
+          color: $color.fg.disabled
+        name:
+          color: $color.fg.disabled
+        size:
+          color: $color.fg.disabled
+
+    type=image:
+      enabled:
+        root:
+          width: 80px
+          strokeColor: $color.stroke.neutral-subtle
+        backdrop:
+          color: $color.bg.overlay
+        badge:
+          color: $color.bg.overlay
+          height: $dimension.x6
+          cornerRadius: $radius.r3
+          paddingX: $dimension.x1
+        badgeLabel:
+          color: $color.palette.static-white
+          fontSize: $font-size.t2
+          lineHeight: $line-height.t2
+          fontWeight: $font-weight.medium
+      readonly:
+        root:
+          opacity: 0.5
+      dragging:
+        root:
+          opacity: 0.5

package/components/attachment-input-trigger.yaml

@@ -0,0 +1,81 @@
+# yaml-language-server: $schema=./schema.json
+kind: ComponentSpec
+metadata:
+  id: attachment-input-trigger
+  name: Attachment Input Trigger
+data:
+  schema:
+    slots:
+      root:
+        properties:
+          size:
+            type: dimension
+          gap:
+            type: dimension
+          color:
+            type: color
+          cornerRadius:
+            type: dimension
+          strokeWidth:
+            type: dimension
+          strokeColor:
+            type: color
+      icon:
+        properties:
+          size:
+            type: dimension
+          color:
+            type: color
+      itemCount:
+        properties:
+          color:
+            type: color
+          fontWeight:
+            type: number
+          fontSize:
+            type: dimension
+          lineHeight:
+            type: dimension
+      maxItemCount:
+        properties:
+          color:
+            type: color
+          fontWeight:
+            type: number
+          fontSize:
+            type: dimension
+          lineHeight:
+            type: dimension
+  definitions:
+    base:
+      enabled:
+        root:
+          size: 80px
+          gap: $dimension.x1
+          color: $color.bg.transparent
+          cornerRadius: $radius.r3
+          strokeWidth: 1px
+          strokeColor: $color.stroke.neutral-weak
+        icon:
+          size: $dimension.x6
+          color: $color.fg.neutral-subtle
+        itemCount:
+          color: $color.fg.neutral
+          fontWeight: $font-weight.regular
+          fontSize: $font-size.t2
+          lineHeight: $line-height.t2
+        maxItemCount:
+          color: $color.fg.neutral-subtle
+          fontWeight: $font-weight.regular
+          fontSize: $font-size.t2
+          lineHeight: $line-height.t2
+      pressed:
+        root:
+          color: $color.bg.transparent-pressed
+      disabled:
+        icon:
+          color: $color.fg.disabled
+        itemCount:
+          color: $color.fg.disabled
+        maxItemCount:
+          color: $color.fg.disabled

package/components/attachment-input.yaml

@@ -0,0 +1,25 @@
+# yaml-language-server: $schema=./schema.json
+kind: ComponentSpec
+metadata:
+  id: attachment-input
+  name: Attachment Input
+data:
+  schema:
+    slots:
+      root:
+        properties:
+          gap:
+            type: dimension
+        description: Attachment Input Dropzone과 Items를 감싸는 컨테이너입니다.
+      items:
+        properties:
+          gap:
+            type: dimension
+        description: Attachment Input Trigger 및 Attachment Input Items를 감싸는 컨테이너입니다.
+  definitions:
+    base:
+      enabled:
+        root:
+          gap: $dimension.x2
+        items:
+          gap: $dimension.x2

package/components/chip-tablist.yaml

@@ -26,7 +26,3 @@ data:
       enabled:
         root:
           gap: 8px
-    variant=brandSolid:
-      enabled:
-        root:
-          gap: 8px

package/components/image-frame.yaml

@@ -14,9 +14,6 @@ data:
           strokeWidth:
             type: dimension
             description: stroke 옵션 사용 시 적용되는 테두리 두께입니다.
-          cornerRadius:
-            type: dimension
-            description: 이 값은 기본값이며 변경할 수 있습니다.
           padding:
             type: dimension
             description: 내부에 오버레이 요소가 존재하는 경우 이미지 모서리와 오버레이 요소 사이의 간격입니다. 이 값은 기본값이며 변경할 수 있습니다.
@@ -27,18 +24,6 @@ data:
             description: 이미지 테두리에 스트로크를 표시합니다.
           "false":
             description: 테두리를 표시하지 않습니다.
-      rounded:
-        values:
-          "true":
-            description: |
-              모서리를 둥글게 처리합니다.
-              @deprecated `rounded` 옵션은 @seed-design/react@1.3.0에서 제거될 예정입니다. `borderRadius="r2"`를 사용하세요.
-              Reason: 모서리 스타일은 `borderRadius` prop으로 통일합니다.
-          "false":
-            description: |
-              모서리를 둥글게 처리하지 않습니다.
-              @deprecated `rounded` 옵션은 @seed-design/react@1.3.0에서 제거될 예정입니다. `borderRadius="r2"`를 사용하세요.
-              Reason: 모서리 스타일은 `borderRadius` prop으로 통일합니다.
   definitions:
     base:
       enabled:
@@ -50,8 +35,3 @@ data:
           strokeColor: $color.stroke.neutral-subtle
           strokeWidth: 1px
     stroke=false: {}
-    rounded=true:
-      enabled:
-        root:
-          cornerRadius: $radius.r2
-    rounded=false: {}

package/components/input-button.yaml

@@ -89,15 +89,17 @@ data:
             type: dimension
           color:
             type: color
+    variants:
+      size:
+        values:
+          large:
+            description: 뷰포트 너비와 관계없이 사용할 수 있습니다.
+          medium:
+            description: Breakpoint `lg` 이상(데스크톱)에서만 사용하고, 모바일에서는 사용하지 않습니다. 정밀한 선택이 가능한 마우스 입력 환경에서 사이즈를 더 작게 만들고자 할 때 사용합니다.
   definitions:
     base:
       enabled:
         root:
-          height: $dimension.x13
-          cornerRadius: $radius.r3
-          gap: $dimension.x2_5
-          paddingX: $dimension.x4
-
           strokeWidth: 1px
           strokeColor: $color.stroke.neutral-weak
 
@@ -108,41 +110,28 @@ data:
           strokeTimingFunction: $timing-function.easing
 
         value:
-          fontSize: $font-size.t5
-          lineHeight: $line-height.t5
           fontWeight: $font-weight.regular
 
           color: $color.fg.neutral
 
         placeholder:
-          fontSize: $font-size.t5
-          lineHeight: $line-height.t5
           fontWeight: $font-weight.regular
           color: $color.fg.placeholder
 
         prefixText:
-          fontSize: $font-size.t5
-          lineHeight: $line-height.t5
           fontWeight: $font-weight.regular
 
-          color: $color.fg.neutral-muted
+          color: $color.fg.neutral-subtle
         prefixIcon:
-          size: $dimension.x5
-
           color: $color.fg.neutral-muted
         suffixText:
-          fontSize: $font-size.t5
-          lineHeight: $line-height.t5
           fontWeight: $font-weight.regular
 
-          color: $color.fg.neutral-muted
+          color: $color.fg.neutral-subtle
 
         suffixIcon:
-          size: $dimension.x5
-
           color: $color.fg.neutral-muted
         clearButton:
-          size: 22px
           color: $color.fg.neutral-subtle
 
       pressed:
@@ -161,6 +150,14 @@ data:
           color: $color.fg.disabled
         placeholder:
           color: $color.fg.disabled
+        prefixText:
+          color: $color.fg.disabled
+        prefixIcon:
+          color: $color.fg.disabled
+        suffixText:
+          color: $color.fg.disabled
+        suffixIcon:
+          color: $color.fg.disabled
 
       readonly:
         root:
@@ -169,3 +166,53 @@ data:
           color: $color.fg.neutral
         placeholder:
           color: $color.fg.placeholder
+    size=large:
+      enabled:
+        root:
+          height: $dimension.x13
+          gap: $dimension.x2_5
+          cornerRadius: $radius.r3
+          paddingX: $dimension.x4
+        value:
+          fontSize: $font-size.t5
+          lineHeight: $line-height.t5
+        placeholder:
+          fontSize: $font-size.t5
+          lineHeight: $line-height.t5
+        prefixText:
+          fontSize: $font-size.t5
+          lineHeight: $line-height.t5
+        prefixIcon:
+          size: $dimension.x5
+        suffixText:
+          fontSize: $font-size.t5
+          lineHeight: $line-height.t5
+        suffixIcon:
+          size: $dimension.x5
+        clearButton:
+          size: 22px
+    size=medium:
+      enabled:
+        root:
+          height: $dimension.x10
+          gap: $dimension.x2
+          cornerRadius: $radius.r2
+          paddingX: $dimension.x3_5
+        value:
+          fontSize: $font-size.t4
+          lineHeight: $line-height.t4
+        placeholder:
+          fontSize: $font-size.t4
+          lineHeight: $line-height.t4
+        prefixText:
+          fontSize: $font-size.t4
+          lineHeight: $line-height.t4
+        prefixIcon:
+          size: $dimension.x4
+        suffixText:
+          fontSize: $font-size.t4
+          lineHeight: $line-height.t4
+        suffixIcon:
+          size: $dimension.x4
+        clearButton:
+          size: $dimension.x4_5

package/components/menu-item.yaml

@@ -0,0 +1,162 @@
+# yaml-language-server: $schema=./schema.json
+kind: ComponentSpec
+metadata:
+  id: menu-item
+  name: Menu Item
+data:
+  schema:
+    slots:
+      root:
+        properties:
+          color:
+            type: color
+          marginX:
+            type: dimension
+          cornerRadius:
+            type: dimension
+          colorDuration:
+            type: duration
+          colorTimingFunction:
+            type: cubicBezier
+          marginDuration:
+            type: duration
+          marginTimingFunction:
+            type: cubicBezier
+          borderRadiusDuration:
+            type: duration
+          borderRadiusTimingFunction:
+            type: cubicBezier
+          paddingX:
+            type: dimension
+          paddingY:
+            type: dimension
+          gap:
+            type: dimension
+      prefixIcon:
+        properties:
+          size:
+            type: dimension
+          color:
+            type: color
+      suffixIcon:
+        properties:
+          size:
+            type: dimension
+          color:
+            type: color
+      body:
+        properties:
+          gap:
+            type: dimension
+      label:
+        properties:
+          color:
+            type: color
+          fontSize:
+            type: dimension
+          lineHeight:
+            type: dimension
+          fontWeight:
+            type: number
+      description:
+        properties:
+          color:
+            type: color
+          fontSize:
+            type: dimension
+          lineHeight:
+            type: dimension
+          fontWeight:
+            type: number
+    variants:
+      tone:
+        values:
+          neutral:
+            description: 일반적인 작업을 수행하는 기본 아이템입니다.
+          critical:
+            description: 데이터 삭제와 같이 되돌릴 수 없는 작업을 수행하는 아이템입니다.
+      size:
+        values:
+          medium:
+            description: 뷰포트 너비와 관계없이 사용할 수 있습니다.
+          small:
+            description: Breakpoint `lg` 이상(데스크톱)에서만 사용하고, 모바일에서는 사용하지 않습니다. 정밀한 선택이 가능한 마우스 입력 환경에서 사이즈를 더 작게 만들고자 할 때 사용합니다.
+  definitions:
+    base:
+      enabled:
+        root:
+          colorDuration: $duration.color-transition
+          colorTimingFunction: $timing-function.easing
+          marginDuration: $duration.d3
+          marginTimingFunction: $timing-function.easing
+          borderRadiusDuration: $duration.d3
+          borderRadiusTimingFunction: $timing-function.easing
+        body:
+          gap: $dimension.x0_5
+        label:
+          fontWeight: $font-weight.regular
+        description:
+          fontWeight: $font-weight.regular
+          color: $color.fg.neutral-subtle
+      pressed:
+        root:
+          color: $color.bg.transparent-pressed
+          marginX: $dimension.x2
+          cornerRadius: $radius.r3
+      disabled:
+        prefixIcon:
+          color: $color.fg.disabled
+        suffixIcon:
+          color: $color.fg.disabled
+        label:
+          color: $color.fg.disabled
+        description:
+          color: $color.fg.disabled
+    size=medium:
+      enabled:
+        root:
+          paddingX: $dimension.x4
+          paddingY: $dimension.x3
+          gap: $dimension.x3
+        prefixIcon:
+          size: 22px
+        suffixIcon:
+          size: 18px
+        label:
+          fontSize: $font-size.t5
+          lineHeight: $line-height.t5
+        description:
+          fontSize: $font-size.t3
+          lineHeight: $line-height.t3
+    size=small:
+      enabled:
+        root:
+          paddingX: $dimension.x4
+          paddingY: $dimension.x2_5
+          gap: $dimension.x2
+        prefixIcon:
+          size: 18px
+        suffixIcon:
+          size: 16px
+        label:
+          fontSize: $font-size.t4
+          lineHeight: $line-height.t4
+        description:
+          fontSize: $font-size.t2
+          lineHeight: $line-height.t2
+    tone=neutral:
+      enabled:
+        prefixIcon:
+          color: $color.fg.neutral
+        suffixIcon:
+          color: $color.fg.neutral
+        label:
+          color: $color.fg.neutral
+    tone=critical:
+      enabled:
+        prefixIcon:
+          color: $color.fg.critical
+        suffixIcon:
+          color: $color.fg.critical
+        label:
+          color: $color.fg.critical

package/components/menu-sheet-close-button.yaml

@@ -3,7 +3,6 @@ kind: ComponentSpec
 metadata:
   id: menu-sheet-close-button
   name: Menu Sheet Close Button
-  deprecated: No longer used. Menu Sheet now uses a handle instead of a close button.
 data:
   schema:
     slots: