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

package/components/inline-banner.yaml

@@ -0,0 +1,197 @@
+# yaml-language-server: $schema=./schema.json
+kind: ComponentSpec
+metadata:
+  id: inline-banner
+  name: Inline Banner
+  deprecated: Use Page Banner instead.
+data:
+  schema:
+    slots:
+      root:
+        properties:
+          paddingX:
+            type: dimension
+          paddingY:
+            type: dimension
+          minHeight:
+            type: dimension
+          color:
+            type: color
+      prefixIcon:
+        properties:
+          size:
+            type: dimension
+          marginRight:
+            type: dimension
+          color:
+            type: color
+      title:
+        properties:
+          fontSize:
+            type: dimension
+          lineHeight:
+            type: dimension
+          fontWeight:
+            type: number
+          color:
+            type: color
+      description:
+        properties:
+          fontSize:
+            type: dimension
+          lineHeight:
+            type: dimension
+          fontWeight:
+            type: number
+          color:
+            type: color
+      link:
+        properties:
+          targetHeight:
+            type: dimension
+          fontSize:
+            type: dimension
+          lineHeight:
+            type: dimension
+          fontWeight:
+            type: number
+          marginLeft:
+            type: dimension
+          color:
+            type: color
+      suffixIcon:
+        properties:
+          size:
+            type: dimension
+          targetSize:
+            type: dimension
+          marginLeft:
+            type: dimension
+          color:
+            type: color
+  definitions:
+    base:
+      enabled:
+        root:
+          paddingX: $dimension.x4
+          paddingY: $dimension.x2_5
+          minHeight: $dimension.x10
+        prefixIcon:
+          size: $dimension.x4
+          marginRight: $dimension.x2
+        title:
+          fontSize: $font-size.t4
+          lineHeight: $line-height.t4
+          fontWeight: $font-weight.bold
+        description:
+          fontSize: $font-size.t4
+          lineHeight: $line-height.t4
+          fontWeight: $font-weight.medium
+        link:
+          targetHeight: $dimension.x10
+          fontSize: $font-size.t2
+          lineHeight: $line-height.t2
+          fontWeight: $font-weight.regular
+          marginLeft: $dimension.x4
+        suffixIcon:
+          size: $dimension.x4
+          targetSize: $dimension.x10
+          marginLeft: $dimension.x4
+    variant=neutralWeak:
+      enabled:
+        root:
+          color: $color.bg.neutral-weak
+        prefixIcon:
+          color: $color.fg.neutral
+        title:
+          color: $color.fg.neutral
+        description:
+          color: $color.fg.neutral
+        link:
+          color: $color.fg.neutral
+        suffixIcon:
+          color: $color.fg.neutral
+    variant=positiveWeak:
+      enabled:
+        root:
+          color: $color.bg.positive-weak
+        prefixIcon:
+          color: $color.fg.positive-contrast
+        title:
+          color: $color.fg.positive-contrast
+        description:
+          color: $color.fg.positive-contrast
+        link:
+          color: $color.fg.positive-contrast
+        suffixIcon:
+          color: $color.fg.positive-contrast
+    variant=informativeWeak:
+      enabled:
+        root:
+          color: $color.bg.informative-weak
+        prefixIcon:
+          color: $color.fg.informative-contrast
+        title:
+          color: $color.fg.informative-contrast
+        description:
+          color: $color.fg.informative-contrast
+        link:
+          color: $color.fg.informative-contrast
+        suffixIcon:
+          color: $color.fg.informative-contrast
+    variant=warningWeak:
+      enabled:
+        root:
+          color: $color.bg.warning-weak
+        prefixIcon:
+          color: $color.fg.warning-contrast
+        title:
+          color: $color.fg.warning-contrast
+        description:
+          color: $color.fg.warning-contrast
+        link:
+          color: $color.fg.warning-contrast
+        suffixIcon:
+          color: $color.fg.warning-contrast
+    variant=warningSolid:
+      enabled:
+        root:
+          color: $color.bg.warning-solid
+        prefixIcon:
+          color: $color.fg.neutral
+        title:
+          color: $color.fg.neutral
+        description:
+          color: $color.fg.neutral
+        link:
+          color: $color.fg.neutral
+        suffixIcon:
+          color: $color.fg.neutral
+    variant=criticalWeak:
+      enabled:
+        root:
+          color: $color.bg.critical-weak
+        prefixIcon:
+          color: $color.fg.critical-contrast
+        title:
+          color: $color.fg.critical-contrast
+        description:
+          color: $color.fg.critical-contrast
+        link:
+          color: $color.fg.critical-contrast
+        suffixIcon:
+          color: $color.fg.critical-contrast
+    variant=criticalSolid:
+      enabled:
+        root:
+          color: $color.bg.critical-solid
+        prefixIcon:
+          color: $color.palette.static-white
+        title:
+          color: $color.palette.static-white
+        description:
+          color: $color.palette.static-white
+        link:
+          color: $color.palette.static-white
+        suffixIcon:
+          color: $color.palette.static-white

package/components/input-button.yaml

@@ -0,0 +1,171 @@
+# yaml-language-server: $schema=./schema.json
+kind: ComponentSpec
+metadata:
+  id: input-button
+  name: Input Button
+data:
+  schema:
+    slots:
+      root:
+        properties:
+          height:
+            type: dimension
+          cornerRadius:
+            type: dimension
+          gap:
+            type: dimension
+          paddingX:
+            type: dimension
+          strokeWidth:
+            type: dimension
+          strokeColor:
+            type: color
+          color:
+            type: color
+          colorDuration:
+            type: duration
+          colorTimingFunction:
+            type: cubicBezier
+          strokeDuration:
+            type: duration
+            description: enabled 상태의 stroke 위에 invalid 상태의 stroke가 fade in/out 되는 데에 걸리는 시간입니다. stroke 두께나 색상 자체를 transition하지 않습니다.
+          strokeTimingFunction:
+            type: cubicBezier
+      value:
+        properties:
+          fontSize:
+            type: dimension
+          lineHeight:
+            type: dimension
+          fontWeight:
+            type: number
+          color:
+            type: color
+      placeholder:
+        properties:
+          fontSize:
+            type: dimension
+          lineHeight:
+            type: dimension
+          fontWeight:
+            type: number
+          color:
+            type: color
+      prefixText:
+        properties:
+          fontSize:
+            type: dimension
+          lineHeight:
+            type: dimension
+          fontWeight:
+            type: number
+          color:
+            type: color
+      prefixIcon:
+        properties:
+          size:
+            type: dimension
+          color:
+            type: color
+      suffixText:
+        properties:
+          fontSize:
+            type: dimension
+          lineHeight:
+            type: dimension
+          fontWeight:
+            type: number
+          color:
+            type: color
+      suffixIcon:
+        properties:
+          size:
+            type: dimension
+          color:
+            type: color
+      clearButton:
+        properties:
+          size:
+            type: dimension
+          color:
+            type: color
+  definitions:
+    base:
+      enabled:
+        root:
+          height: $dimension.x13
+          cornerRadius: $radius.r3
+          gap: $dimension.x2_5
+          paddingX: $dimension.x4
+
+          strokeWidth: 1px
+          strokeColor: $color.stroke.neutral-weak
+
+          color: $color.bg.transparent
+          colorDuration: $duration.color-transition
+          colorTimingFunction: $timing-function.easing
+          strokeDuration: 0.1s
+          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
+        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
+
+        suffixIcon:
+          size: $dimension.x5
+
+          color: $color.fg.neutral-muted
+        clearButton:
+          size: 22px
+          color: $color.fg.neutral-subtle
+
+      pressed:
+        root:
+          color: $color.bg.transparent-pressed
+
+      invalid:
+        root:
+          strokeWidth: 2px
+          strokeColor: $color.stroke.critical-solid
+
+      disabled:
+        root:
+          color: $color.bg.disabled
+        value:
+          color: $color.fg.disabled
+        placeholder:
+          color: $color.fg.disabled
+
+      readonly:
+        root:
+          color: $color.bg.disabled
+        value:
+          color: $color.fg.neutral
+        placeholder:
+          color: $color.fg.placeholder

package/components/link-content.yaml

@@ -0,0 +1,61 @@
+# yaml-language-server: $schema=./schema.json
+kind: ComponentSpec
+metadata:
+  id: link-content
+  name: Link Content
+  deprecated: Use Action Button with variant="ghost" instead.
+data:
+  schema:
+    slots:
+      root:
+        properties:
+          gap:
+            type: dimension
+      label:
+        properties:
+          fontSize:
+            type: dimension
+          lineHeight:
+            type: dimension
+          fontWeight:
+            type: number
+      suffixIcon:
+        properties:
+          size:
+            type: dimension
+  definitions:
+    weight=regular:
+      enabled:
+        label:
+          fontWeight: $font-weight.regular
+    weight=bold:
+      enabled:
+        label:
+          fontWeight: $font-weight.bold
+    size=t4:
+      enabled:
+        root:
+          gap: $dimension.x0_5
+        suffixIcon:
+          size: $dimension.x3
+        label:
+          fontSize: $font-size.t4
+          lineHeight: $line-height.t4
+    size=t5:
+      enabled:
+        root:
+          gap: $dimension.x0_5
+        suffixIcon:
+          size: $dimension.x3_5
+        label:
+          fontSize: $font-size.t5
+          lineHeight: $line-height.t5
+    size=t6:
+      enabled:
+        root:
+          gap: $dimension.x0_5
+        suffixIcon:
+          size: $dimension.x4
+        label:
+          fontSize: $font-size.t6
+          lineHeight: $line-height.t6

package/components/list-header.yaml

@@ -0,0 +1,43 @@
+# yaml-language-server: $schema=./schema.json
+kind: ComponentSpec
+metadata:
+  id: list-header
+  name: List Header
+data:
+  schema:
+    slots:
+      root:
+        properties:
+          paddingX:
+            type: dimension
+          paddingY:
+            type: dimension
+          gap:
+            type: dimension
+          fontSize:
+            type: dimension
+          lineHeight:
+            type: dimension
+          fontWeight:
+            type: number
+          color:
+            type: color
+  definitions:
+    base:
+      enabled:
+        root:
+          paddingX: $dimension.spacing-x.global-gutter
+          paddingY: $dimension.x2
+          gap: $dimension.x2_5
+          fontSize: $font-size.t4
+          lineHeight: $line-height.t4
+    variant=mediumWeak:
+      enabled:
+        root:
+          fontWeight: $font-weight.medium
+          color: $color.fg.neutral-subtle
+    variant=boldSolid:
+      enabled:
+        root:
+          fontWeight: $font-weight.bold
+          color: $color.fg.neutral

package/components/list-item.yaml

@@ -0,0 +1,149 @@
+# yaml-language-server: $schema=./schema.json
+kind: ComponentSpec
+metadata:
+  id: list-item
+  name: List Item
+data:
+  schema:
+    slots:
+      root:
+        properties:
+          paddingY:
+            type: dimension
+          paddingX:
+            type: dimension
+          colorDuration:
+            type: duration
+          colorTimingFunction:
+            type: cubicBezier
+          color:
+            type: color
+          marginX:
+            type: dimension
+          cornerRadius:
+            type: dimension
+          marginDuration:
+            type: duration
+          marginTimingFunction:
+            type: cubicBezier
+          borderRadiusDuration:
+            type: duration
+          borderRadiusTimingFunction:
+            type: cubicBezier
+      content:
+        properties:
+          gap:
+            type: dimension
+          paddingRight:
+            type: dimension
+      title:
+        properties:
+          color:
+            type: color
+          fontSize:
+            type: dimension
+          lineHeight:
+            type: dimension
+          fontWeight:
+            type: number
+      detail:
+        properties:
+          color:
+            type: color
+          fontSize:
+            type: dimension
+          lineHeight:
+            type: dimension
+          fontWeight:
+            type: number
+      prefix:
+        properties:
+          paddingRight:
+            type: dimension
+      prefixIcon:
+        properties:
+          size:
+            type: dimension
+          color:
+            type: color
+      suffix:
+        properties:
+          gap:
+            type: dimension
+      suffixText:
+        properties:
+          color:
+            type: color
+          fontSize:
+            type: dimension
+          lineHeight:
+            type: dimension
+          fontWeight:
+            type: number
+      suffixIcon:
+        properties:
+          size:
+            type: dimension
+          color:
+            type: color
+  definitions:
+    base:
+      enabled:
+        root:
+          paddingY: $dimension.x3
+          paddingX: $dimension.spacing-x.global-gutter
+          color: $color.bg.transparent
+          colorDuration: $duration.color-transition
+          colorTimingFunction: $timing-function.easing
+          marginDuration: $duration.d3
+          marginTimingFunction: $timing-function.easing
+          borderRadiusDuration: $duration.d3
+          borderRadiusTimingFunction: $timing-function.easing
+        content:
+          gap: $dimension.x0_5
+          paddingRight: $dimension.x2_5
+        title:
+          color: $color.fg.neutral
+          fontSize: $font-size.t5
+          lineHeight: $line-height.t5
+          fontWeight: $font-weight.regular
+        detail:
+          color: $color.fg.neutral-subtle
+          fontSize: $font-size.t3
+          lineHeight: $line-height.t3
+          fontWeight: $font-weight.regular
+        prefix:
+          paddingRight: $dimension.x3
+        prefixIcon:
+          size: 22px
+          color: $color.fg.neutral
+        suffix:
+          gap: $dimension.x1
+        suffixText:
+          color: $color.fg.neutral-subtle
+          fontSize: $font-size.t5
+          lineHeight: $line-height.t5
+          fontWeight: $font-weight.regular
+        suffixIcon:
+          size: 18px
+          color: $color.fg.neutral-subtle
+      pressed:
+        root:
+          color: $color.bg.transparent-pressed
+          marginX: $dimension.x1_5
+          cornerRadius: $dimension.x2_5
+      highlighted:
+        root:
+          color: $color.bg.brand-weak
+      highlighted,pressed:
+        root:
+          color: $color.bg.brand-weak-pressed
+      disabled:
+        title:
+          color: $color.fg.disabled
+        detail:
+          color: $color.fg.disabled
+        prefixIcon:
+          color: $color.fg.disabled
+        suffixIcon:
+          color: $color.fg.disabled

package/components/manner-temp-badge.yaml

@@ -0,0 +1,102 @@
+# yaml-language-server: $schema=./schema.json
+kind: ComponentSpec
+metadata:
+  id: manner-temp-badge
+  name: Manner Temp Badge
+data:
+  schema:
+    slots:
+      root:
+        properties:
+          minHeight:
+            type: dimension
+          paddingY:
+            type: dimension
+          paddingX:
+            type: dimension
+          cornerRadius:
+            type: dimension
+          color:
+            type: color
+      label:
+        properties:
+          fontSize:
+            type: dimension
+          lineHeight:
+            type: dimension
+          fontWeight:
+            type: number
+          color:
+            type: color
+  definitions:
+    base:
+      enabled:
+        root:
+          minHeight: $dimension.x5
+          paddingY: $dimension.x0_5
+          paddingX: $dimension.x1_5
+          cornerRadius: $radius.full
+        label:
+          fontSize: $font-size.t1
+          lineHeight: $line-height.t1
+          fontWeight: $font-weight.bold
+    level=l1:
+      enabled:
+        root:
+          color: $color.manner-temp.l1.bg
+        label:
+          color: $color.manner-temp.l1.text
+    level=l2:
+      enabled:
+        root:
+          color: $color.manner-temp.l2.bg
+        label:
+          color: $color.manner-temp.l2.text
+    level=l3:
+      enabled:
+        root:
+          color: $color.manner-temp.l3.bg
+        label:
+          color: $color.manner-temp.l3.text
+    level=l4:
+      enabled:
+        root:
+          color: $color.manner-temp.l4.bg
+        label:
+          color: $color.manner-temp.l4.text
+    level=l5:
+      enabled:
+        root:
+          color: $color.manner-temp.l5.bg
+        label:
+          color: $color.manner-temp.l5.text
+    level=l6:
+      enabled:
+        root:
+          color: $color.manner-temp.l6.bg
+        label:
+          color: $color.manner-temp.l6.text
+    level=l7:
+      enabled:
+        root:
+          color: $color.manner-temp.l7.bg
+        label:
+          color: $color.manner-temp.l7.text
+    level=l8:
+      enabled:
+        root:
+          color: $color.manner-temp.l8.bg
+        label:
+          color: $color.manner-temp.l8.text
+    level=l9:
+      enabled:
+        root:
+          color: $color.manner-temp.l9.bg
+        label:
+          color: $color.manner-temp.l9.text
+    level=l10:
+      enabled:
+        root:
+          color: $color.manner-temp.l10.bg
+        label:
+          color: $color.manner-temp.l10.text